diff --git a/PACK.sh b/PACK.sh new file mode 100644 index 0000000..5b02471 --- /dev/null +++ b/PACK.sh @@ -0,0 +1 @@ +nuget pack syntax.js.nuspec \ No newline at end of file diff --git a/PUBLISH.sh b/PUBLISH.sh new file mode 100644 index 0000000..49b967d --- /dev/null +++ b/PUBLISH.sh @@ -0,0 +1 @@ +npm publish --access=public \ No newline at end of file diff --git a/README.md b/README.md index 7955a21..7655ecb 100644 --- a/README.md +++ b/README.md @@ -2,15 +2,15 @@ Select.js [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Select.js%2C%20a%20free%20JavaScript%select%builder&url=https://github.com/williamtroup/Select.js&hashtags=javascript,html,select) -[![npm](https://img.shields.io/badge/npmjs-v0.2.0-blue)](https://www.npmjs.com/package/jselect.js) -[![nuget](https://img.shields.io/badge/nuget-v0.2.0-purple)](https://www.nuget.org/packages/jSelect.js/) +[![npm](https://img.shields.io/badge/npmjs-v0.2.1-blue)](https://www.npmjs.com/package/jselect.js) +[![nuget](https://img.shields.io/badge/nuget-v0.2.1-purple)](https://www.nuget.org/packages/jSelect.js/) [![license](https://img.shields.io/badge/license-MIT-green)](https://github.com/williamtroup/Select.js/blob/main/LICENSE.txt) [![discussions Welcome](https://img.shields.io/badge/discussions-Welcome-red)](https://github.com/williamtroup/Select.js/discussions) [![coded by William Troup](https://img.shields.io/badge/coded_by-William_Troup-yellow)](https://github.com/williamtroup) >

A lightweight, and easy-to-use, JavaScript library for creating multi-select drop-down lists!

->

v0.2.0

+>

v0.2.1


![Select.js](docs/images/main.png) @@ -20,6 +20,7 @@ Select.js

What features does Select.js have?

- Zero-dependencies and extremely lightweight! +- Maintains existing SELECT DOM element for FORM compatibility. - Full API available via public functions. - Fully styled in CSS/SASS (including the buttons) and compatible with the Bootstrap library. - Full CSS theme support (using :root variables, with a default dark-mode theme). diff --git a/README_NUGET.md b/README_NUGET.md index e4f95a7..2b7ebaf 100644 --- a/README_NUGET.md +++ b/README_NUGET.md @@ -1,8 +1,8 @@ -# Select.js v0.2.0 +# Select.js v0.2.1 [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Select.js%2C%20a%20free%20JavaScript%select%builder&url=https://github.com/williamtroup/Select.js&hashtags=javascript,html,select) -[![npm](https://img.shields.io/badge/npmjs-v0.2.0-blue)](https://www.npmjs.com/package/jselect.js) -[![nuget](https://img.shields.io/badge/nuget-v0.2.0-purple)](https://www.nuget.org/packages/jSelect.js/) +[![npm](https://img.shields.io/badge/npmjs-v0.2.1-blue)](https://www.npmjs.com/package/jselect.js) +[![nuget](https://img.shields.io/badge/nuget-v0.2.1-purple)](https://www.nuget.org/packages/jSelect.js/) [![license](https://img.shields.io/badge/license-MIT-green)](https://github.com/williamtroup/Select.js/blob/main/LICENSE.txt) [![discussions Welcome](https://img.shields.io/badge/discussions-Welcome-red)](https://github.com/williamtroup/Select.js/discussions) [![coded by William Troup](https://img.shields.io/badge/coded_by-William_Troup-yellow)](https://github.com/williamtroup) @@ -13,6 +13,7 @@ ## What features does Select.js have? - Zero-dependencies and extremely lightweight! +- Maintains existing SELECT DOM element for FORM compatibility. - Full API available via public functions. - Fully styled in CSS/SASS (including the buttons) and compatible with the Bootstrap library. - Full CSS theme support (using :root variables, with a default dark-mode theme). diff --git a/dist/select.js b/dist/select.js index 1127e93..992e9c7 100644 --- a/dist/select.js +++ b/dist/select.js @@ -1,4 +1,4 @@ -/*! Select.js v0.2.0 | (c) Bunoon | MIT License */ +/*! Select.js v0.2.1 | (c) Bunoon | MIT License */ (function() { function render() { var tagTypes = _configuration.domElementTypes; @@ -350,7 +350,7 @@ return this; }; this.getVersion = function() { - return "0.2.0"; + return "0.2.1"; }; (function(documentObject, windowObject) { _parameter_Document = documentObject; diff --git a/dist/select.js.css b/dist/select.js.css index 9a815c1..b2cefc0 100644 --- a/dist/select.js.css +++ b/dist/select.js.css @@ -1,5 +1,5 @@ /* - * Select.js Library v0.2.0 + * Select.js Library v0.2.1 * * Copyright 2023 Bunoon * Released under the MIT License diff --git a/dist/select.js.min.css b/dist/select.js.min.css index df0f89c..21214b9 100644 --- a/dist/select.js.min.css +++ b/dist/select.js.min.css @@ -1,2 +1,2 @@ -/* Select.js v0.2.0 | (c) Bunoon | MIT License */ +/* Select.js v0.2.1 | (c) Bunoon | MIT License */ :root{--color-black:#3b3a3a;--color-white:#F5F5F5;--color-gray:#AAA;--color-light-gray:#CCC;--container-background-color:#e8e6e6;--container-border-color:#3b3a3a;--container-background-color-drop-down:#e8e6e6;--container-border-color-drop-down:#3b3a3a;--border-radius:.5rem;--border-style-scrollbar:inset 0 0 6px --color-dark-gray;--border-size:.5px;--transition:all .3s;--spacing-shadow-size:4px;--spacing:8px}div.select-js{font-family:"Montserrat",sans-serif;font-size:.8rem;margin-bottom:var(--spacing);position:relative}div.select-js *{box-sizing:content-box;line-height:normal}div.select-js *::before,div.select-js *::after{box-sizing:content-box;line-height:normal}div.select-js select{display:none!important}div.select-js div.control{background-color:var(--container-background-color);border:var(--border-size) solid var(--container-border-color);border-radius:var(--border-radius);padding:calc(var(--spacing) - 2px);padding-right:32px;overflow:hidden}div.select-js div.drop-down{background-color:var(--container-background-color-drop-down);border:var(--border-size) solid var(--container-border-color-drop-down);border-radius:var(--border-radius);-webkit-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:100%;z-index:10;max-height:400px;margin-top:2px;box-shadow:var(--spacing-shadow-size) var(--spacing-shadow-size) var(--spacing-shadow-size) var(--color-gray);overflow-y:auto;overflow-x:hidden}div.select-js div.drop-down div.item{padding:var(--spacing);border-bottom:var(--border-size) var(--color-black) dotted}div.select-js div.drop-down div.item:last-child{border-bottom:none}div.select-js div.drop-down div.item:hover{cursor:pointer;background-color:var(--color-light-gray);transition:var(--transition)}div.select-js div.drop-down div.selected{color:var(--color-gray);font-style:italic}div.select-js div.control{-webkit-user-select:none;-ms-user-select:none;user-select:none;position:relative}div.select-js div.control div.button{position:absolute;border-right:5px solid var(--color-black);border-bottom:5px solid var(--color-black);height:8px;width:8px;right:14px;top:14px;transform:rotate(45deg)}div.select-js div.control div.button:hover{cursor:pointer;opacity:.7;transition:var(--transition)}div.select-js div.control div.button-open{transform:rotate(-135deg);top:18px}div.select-js div.control div.selected-item{padding:var(--spacing);background-color:var(--color-gray);border-radius:var(--border-radius);display:inline-block;margin:2px;margin-right:var(--spacing)}div.select-js div.control div.selected-item:last-child{margin-right:0}div.select-js div.control div.selected-item span.text{color:var(--color-black)}div.select-js div.control div.selected-item div.remove{margin-left:var(--spacing);display:inline-block;font-weight:700}div.select-js div.control div.selected-item div.remove:hover{cursor:pointer;opacity:.7;transition:var(--transition)}div.select-js div.control div.no-items-selected{background-color:var(--color-light-gray);border-radius:var(--border-radius);font-style:italic;color:var(--color-black);padding:var(--spacing);display:inline-block} \ No newline at end of file diff --git a/dist/select.min.js b/dist/select.min.js index 87b809d..e5638e1 100644 --- a/dist/select.min.js +++ b/dist/select.min.js @@ -1,11 +1,11 @@ -/*! Select.js v0.2.0 | (c) Bunoon | MIT License */ +/*! Select.js v0.2.1 | (c) Bunoon | MIT License */ (function(){function N(a,c,b){var g=l("div","control");a.appendChild(g);var f=l("div","drop-down");f.style.display="none";a.appendChild(f);b.showDropDownButton||(g.onclick=function(){G(g,f,c,b)});return{control:g,dropDown:f,select:c,bindingOptions:b,multiSelectEnabled:c.hasAttribute("multiple")}}function O(a){if(a.bindingOptions.showDropDownButton){var c=l("div","button");a.control.appendChild(c);null!==a.dropDown&&"block"===a.dropDown.style.display&&(c.className+=t.space+"button-open");c.onclick= function(){G(a)}}}function H(a){var c=a.select.options.length;a.dropDown.innerHTML=t.empty;for(var b=0;b + + ## Version 0.2.0: #### **Library:** diff --git a/package.json b/package.json index a659f07..d1506f4 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "jselect.js", "title": "Select.js", "description": "A lightweight, and easy-to-use, JavaScript library for creating multi-select drop-down lists!", - "version": "0.2.0", + "version": "0.2.1", "main": "dist/select.js", "author": { "name": "Bunoon" diff --git a/select.js.nuspec b/select.js.nuspec index 3b89d07..08dbd8a 100644 --- a/select.js.nuspec +++ b/select.js.nuspec @@ -2,7 +2,7 @@ jSelect.js - 0.2.0 + 0.2.1 Select.js A lightweight, and easy-to-use, JavaScript library for creating multi-select drop-down lists! William Troup diff --git a/src/select.js b/src/select.js index eb1061c..a34bb19 100644 --- a/src/select.js +++ b/src/select.js @@ -1,10 +1,10 @@ /** * Select.js * - * package.json + * A lightweight, and easy-to-use, JavaScript library for creating multi-select drop-down lists! * * @file select.js - * @version v0.2.0 + * @version v0.2.1 * @author Bunoon * @license MIT License * @copyright Bunoon 2023 @@ -566,7 +566,7 @@ * @returns {string} The version number. */ this.getVersion = function() { - return "0.2.0"; + return "0.2.1"; }; diff --git a/src/select.js.scss b/src/select.js.scss index 722f303..a62bd63 100644 --- a/src/select.js.scss +++ b/src/select.js.scss @@ -1,5 +1,5 @@ /* - * Select.js Library v0.2.0 + * Select.js Library v0.2.1 * * Copyright 2023 Bunoon * Released under the MIT License