Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions biome.json
Original file line number Diff line number Diff line change
Expand Up @@ -57,6 +57,7 @@
"!**/node_modules/**"
],
"rules": {
"a11y": "off",
"correctness": {
"useImportExtensions": {
"options": {
Expand Down
12 changes: 6 additions & 6 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -56,12 +56,12 @@
"pnpm": "10.x"
},
"devDependencies": {
"@biomejs/biome": "^2.3.14",
"@lerna-lite/cli": "^4.11.0",
"@lerna-lite/publish": "^4.11.1",
"@lerna-lite/watch": "^4.11.0",
"@playwright/test": "^1.58.1",
"@types/node": "^24.10.10",
"@biomejs/biome": "^2.4.2",
"@lerna-lite/cli": "^4.11.2",
"@lerna-lite/publish": "^4.11.2",
"@lerna-lite/watch": "^4.11.2",
"@playwright/test": "^1.58.2",
"@types/node": "^24.10.13",
"conventional-changelog-conventionalcommits": "^9.1.0",
"cross-env": "catalog:",
"npm-run-all2": "^8.0.4",
Expand Down
4 changes: 1 addition & 3 deletions packages/demo/src/events/events.html
Original file line number Diff line number Diff line change
Expand Up @@ -23,9 +23,7 @@ <h2 class="bd-title">
<div class="mb-3 row">
<label class="col-sm-2">Events</label>

<div class="col-sm-10">
<textarea class="form-control" readonly rows="10" style="background-color: #f0f0f0"></textarea>
</div>
<div class="col-sm-10"><textarea class="form-control" readonly rows="10" style="background-color: #f0f0f0"></textarea></div>
</div>

<div class="mb-3 row">
Expand Down
4 changes: 1 addition & 3 deletions packages/demo/src/examples/example03.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,9 +17,7 @@ <h2 class="bd-title">
</span>
</span>
</h2>
<div class="demo-subtitle">
Use <code>multiple</code>and <code>multipleWidth</code>options to enable multiple items.
</div>
<div class="demo-subtitle">Use <code>multiple</code>and <code>multipleWidth</code>options to enable multiple items.</div>
</div>
</div>

Expand Down
4 changes: 1 addition & 3 deletions packages/demo/src/examples/example04.html
Original file line number Diff line number Diff line change
Expand Up @@ -38,9 +38,7 @@ <h2 class="bd-title">
<div class="mb-3 row">
<label class="col-sm-3">Data width </label>

<div class="col-sm-9">
<select class="data" data-test="select2"></select>
</div>
<div class="col-sm-9"><select class="data" data-test="select2"></select></div>
</div>

<div class="mb-3 row">
Expand Down
4 changes: 1 addition & 3 deletions packages/demo/src/examples/example05.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,9 +17,7 @@ <h2 class="bd-title">
</span>
</span>
</h2>
<div class="demo-subtitle">
Show a disabled select width <code>disabled</code>attribute.
</div>
<div class="demo-subtitle">Show a disabled select width <code>disabled</code>attribute.</div>
</div>
</div>

Expand Down
8 changes: 2 additions & 6 deletions packages/demo/src/examples/example07.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,9 +17,7 @@ <h2 class="bd-title">
</span>
</span>
</h2>
<div class="demo-subtitle">
Submit select with <code>name</code>attribute in form.
</div>
<div class="demo-subtitle">Submit select with <code>name</code>attribute in form.</div>
</div>
</div>

Expand Down Expand Up @@ -52,9 +50,7 @@ <h2 class="bd-title">
</div>

<div class="mb-3 row">
<div class="col-sm-10 offset-sm-2">
<button type="button" class="btn btn-primary submit7" data-testid="submit">Submit</button>
</div>
<div class="col-sm-10 offset-sm-2"><button type="button" class="btn btn-primary submit7" data-testid="submit">Submit</button></div>
</div>
</form>
</div>
24 changes: 6 additions & 18 deletions packages/demo/src/examples/example08.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,50 +17,38 @@ <h2 class="bd-title">
</span>
</span>
</h2>
<div class="demo-subtitle">
Use <code>data</code>as data source.
</div>
<div class="demo-subtitle">Use <code>data</code>as data source.</div>
</div>
</div>

<div>
<div class="mb-3 row">
<label class="col-sm-2">Basic Array </label>

<div class="col-sm-10">
<select id="basic" class="full-width" multiple></select>
</div>
<div class="col-sm-10"><select id="basic" class="full-width" multiple></select></div>
</div>

<div class="mb-3 row">
<label class="col-sm-2">Basic Object </label>

<div class="col-sm-10">
<select id="object" class="full-width" multiple></select>
</div>
<div class="col-sm-10"><select id="object" class="full-width" multiple></select></div>
</div>

<div class="mb-3 row">
<label class="col-sm-2">String Array </label>

<div class="col-sm-10">
<select id="string" class="full-width" multiple></select>
</div>
<div class="col-sm-10"><select id="string" class="full-width" multiple></select></div>
</div>

<div class="mb-3 row">
<label class="col-sm-2">Number Array </label>

<div class="col-sm-10">
<select id="number" class="full-width" multiple></select>
</div>
<div class="col-sm-10"><select id="number" class="full-width" multiple></select></div>
</div>

<div class="mb-3 row">
<label class="col-sm-2">Group Array </label>

<div class="col-sm-10">
<select id="group" class="full-width" multiple></select>
</div>
<div class="col-sm-10"><select id="group" class="full-width" multiple></select></div>
</div>
</div>
4 changes: 1 addition & 3 deletions packages/demo/src/examples/example09.html
Original file line number Diff line number Diff line change
Expand Up @@ -78,9 +78,7 @@ <h2 class="bd-title">
<hr>

<div class="my-5 row">
<label class="col-sm-4">
named Locale import (e.g. <code>Spanish</code>)
</label>
<label class="col-sm-4"> named Locale import (e.g. <code>Spanish</code>) </label>

<div class="col-sm-8">
<select id="fixed-import" class="full-width" multiple="multiple">
Expand Down
8 changes: 2 additions & 6 deletions packages/demo/src/examples/example10.html
Original file line number Diff line number Diff line change
Expand Up @@ -28,16 +28,12 @@ <h2 class="bd-title">
<div class="mb-3 row">
<label class="col-sm-2">Basic Array</label>

<div class="col-sm-10">
<select multiple="multiple" data-test="select10-1" id="select1" class="full-width"></select>
</div>
<div class="col-sm-10"><select multiple="multiple" data-test="select10-1" id="select1" class="full-width"></select></div>
</div>

<div class="mb-3 row">
<label class="col-sm-2 col-form-label">Object Array</label>

<div class="col-sm-10">
<select multiple="multiple" data-test="select10-2" id="select2" class="full-width"></select>
</div>
<div class="col-sm-10"><select multiple="multiple" data-test="select10-2" id="select2" class="full-width"></select></div>
</div>
</div>
2 changes: 1 addition & 1 deletion packages/demo/src/examples/example12.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ <h2 class="bd-title">
</span>
</span>
</h2>
<div class="demo-subtitle">Display checkbox or radio icons </div>
<div class="demo-subtitle">Display checkbox or radio icons</div>
</div>
</div>

Expand Down
4 changes: 1 addition & 3 deletions packages/demo/src/examples/example13.html
Original file line number Diff line number Diff line change
Expand Up @@ -38,8 +38,6 @@ <h2 class="bd-title">
<div class="mb-3 row">
<label class="col-sm-4 text-end">Use Select Option Label & Render HTML</label>

<div class="col-sm-8">
<select id="select1" class="full-width" data-test="select1"></select>
</div>
<div class="col-sm-8"><select id="select1" class="full-width" data-test="select1"></select></div>
</div>
</div>
8 changes: 2 additions & 6 deletions packages/demo/src/examples/example14.html
Original file line number Diff line number Diff line change
Expand Up @@ -100,16 +100,12 @@ <h2 class="bd-title">
<div class="mb-3 row">
<label class="col-sm-2">Data Select 1</label>

<div class="col-sm-10">
<select id="data-select1" class="data-select full-width" data-test="data1" multiple></select>
</div>
<div class="col-sm-10"><select id="data-select1" class="data-select full-width" data-test="data1" multiple></select></div>
</div>

<div class="mb-3 row">
<label class="col-sm-2">Data Select 2</label>

<div class="col-sm-10">
<select id="data-select2" class="data-select full-width" data-test="data2" multiple></select>
</div>
<div class="col-sm-10"><select id="data-select2" class="data-select full-width" data-test="data2" multiple></select></div>
</div>
</div>
4 changes: 1 addition & 3 deletions packages/demo/src/examples/example15.html
Original file line number Diff line number Diff line change
Expand Up @@ -125,9 +125,7 @@ <h2 class="bd-title">
<div class="mb-3 row">
<label class="col-sm-2">Data Select 1</label>

<div class="col-sm-10">
<select id="data-select" class="data-select full-width" data-test="data1" multiple></select>
</div>
<div class="col-sm-10"><select id="data-select" class="data-select full-width" data-test="data1" multiple></select></div>
</div>
</div>
</div>
4 changes: 1 addition & 3 deletions packages/demo/src/examples/example16.html
Original file line number Diff line number Diff line change
Expand Up @@ -28,9 +28,7 @@ <h2 class="bd-title">
<div class="mb-3 row">
<label class="col-sm-2 col-form-label">Avatar Template</label>

<div class="col-sm-10">
<select id="select1" class="full-width" data-test="select1"></select>
</div>
<div class="col-sm-10"><select id="select1" class="full-width" data-test="select1"></select></div>
</div>

<div class="mb-3 row">
Expand Down
7 changes: 3 additions & 4 deletions packages/demo/src/getting-started.html
Original file line number Diff line number Diff line change
Expand Up @@ -53,9 +53,7 @@ <h5>ESM import</h5>

<section>
<h5>CSS / SASS Styling Themes</h5>
<p>
Load default or Bootstrap Theme style via either the <code>@use</code>(modern) or <code>@import</code>(legacy)
</p>
<p>Load default or Bootstrap Theme style via either the <code>@use</code>(modern) or <code>@import</code>(legacy)</p>
1- with modern SASS <code>@use</code>approach
<div style="background: #f7f7f7; padding: 10px">
<pre>
Expand Down Expand Up @@ -87,6 +85,7 @@ <h5>CSS / SASS Styling Themes</h5>
<h5>Legacy Versions</h5>
<p>
The project now ships as ESM-Only, if you still wish to use the legacy <code>&lt;script&gt;</code> standalone IIFE Script on the
<code>window</code> object, then use the previous 4.x version.
<code>window</code>
object, then use the previous 4.x version.
</p>
</div>
8 changes: 5 additions & 3 deletions packages/demo/src/main.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,9 +4,11 @@
<img src="./favicon.png" alt="Multiple-Select-Vanilla" width="34">
<span>Multiple Select Vanilla</span>
</a>
<div class="github-button-container"><a href="https://github.com/ghiscoding/multiple-select-vanilla">
<img src="https://img.shields.io/github/stars/ghiscoding/multiple-select-vanilla?style=social">
</a></div>
<div class="github-button-container">
<a href="https://github.com/ghiscoding/multiple-select-vanilla">
<img src="https://img.shields.io/github/stars/ghiscoding/multiple-select-vanilla?style=social">
</a>
</div>
<button
class="navbar-toggler"
type="button"
Expand Down
8 changes: 2 additions & 6 deletions packages/demo/src/methods/methods01.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,19 +15,15 @@ <h2 class="bd-title">
</span>
</span>
</h2>
<div class="demo-subtitle">
Use <code>multipleSelect(selector).getOptions()</code>to get the options object.
</div>
<div class="demo-subtitle">Use <code>multipleSelect(selector).getOptions()</code>to get the options object.</div>
</div>
</div>

<div>
<div class="mb-3 row">
<label class="col-sm-2">Methods </label>

<div class="col-sm-10">
<button id="getOptions" class="btn btn-secondary">getOptions</button>
</div>
<div class="col-sm-10"><button id="getOptions" class="btn btn-secondary">getOptions</button></div>
</div>

<div class="mb-3 row">
Expand Down
8 changes: 2 additions & 6 deletions packages/demo/src/methods/methods08.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,19 +15,15 @@ <h2 class="bd-title">
</span>
</span>
</h2>
<div class="demo-subtitle">
Methods: <code>multipleSelect(selector).checkInvert()</code>to invert check all items.
</div>
<div class="demo-subtitle">Methods: <code>multipleSelect(selector).checkInvert()</code>to invert check all items.</div>
</div>
</div>

<div>
<div class="mb-3 row">
<label class="col-sm-2">Methods </label>

<div class="col-sm-10">
<button id="checkInvert" class="btn btn-secondary">Check Invert</button>
</div>
<div class="col-sm-10"><button id="checkInvert" class="btn btn-secondary">Check Invert</button></div>
</div>

<div class="mb-3 row">
Expand Down
8 changes: 2 additions & 6 deletions packages/demo/src/methods/methods10.html
Original file line number Diff line number Diff line change
Expand Up @@ -25,9 +25,7 @@ <h2 class="bd-title">
<div>
<div class="mb-3 row">
<label class="col-sm-2">Option text </label>
<div class="col-sm-10">
<input id="refreshInput" class="form-control" type="text" required="required" placeholder="Enter text">
</div>
<div class="col-sm-10"><input id="refreshInput" class="form-control" type="text" required="required" placeholder="Enter text"></div>
</div>

<div class="mb-3 row">
Expand All @@ -46,9 +44,7 @@ <h2 class="bd-title">

<div class="mb-3 row">
<label class="col-sm-2"></label>
<div class="col-sm-10">
<button id="refreshAdd" class="btn btn-secondary">Add + Refresh</button>
</div>
<div class="col-sm-10"><button id="refreshAdd" class="btn btn-secondary">Add + Refresh</button></div>
</div>

<div class="mb-3 row">
Expand Down
4 changes: 1 addition & 3 deletions packages/demo/src/methods/methods11.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,9 +15,7 @@ <h2 class="bd-title">
</span>
</span>
</h2>
<div class="demo-subtitle">
Use <code>multipleSelect(selector).destroy()</code>to destroy the select.
</div>
<div class="demo-subtitle">Use <code>multipleSelect(selector).destroy()</code>to destroy the select.</div>
</div>
</div>

Expand Down
8 changes: 2 additions & 6 deletions packages/demo/src/methods/methods12.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,19 +15,15 @@ <h2 class="bd-title">
</span>
</span>
</h2>
<div class="demo-subtitle">
Use <code>multipleSelect(selector).getData()</code>to get the loaded data.
</div>
<div class="demo-subtitle">Use <code>multipleSelect(selector).getData()</code>to get the loaded data.</div>
</div>
</div>

<div>
<div class="mb-3 row">
<label class="col-sm-2">Methods</label>

<div class="col-sm-10">
<button id="getData" class="btn btn-secondary">getData</button>
</div>
<div class="col-sm-10"><button id="getData" class="btn btn-secondary">getData</button></div>
</div>

<div class="mb-3 row">
Expand Down
4 changes: 1 addition & 3 deletions packages/demo/src/methods/methods13.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,9 +15,7 @@ <h2 class="bd-title">
</span>
</span>
</h2>
<div class="demo-subtitle">
Use <code>multipleSelect(selector).setData([/*data*/])</code> to update the loaded data.
</div>
<div class="demo-subtitle">Use <code>multipleSelect(selector).setData([/*data*/])</code> to update the loaded data.</div>
</div>
</div>

Expand Down
4 changes: 1 addition & 3 deletions packages/demo/src/options/options01.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,9 +15,7 @@ <h2 class="bd-title">
</span>
</span>
</h2>
<div class="demo-subtitle">
Use <code>placeholder</code>attribute or <code>placeholder: ''</code>option to set placeholder.
</div>
<div class="demo-subtitle">Use <code>placeholder</code>attribute or <code>placeholder: ''</code>option to set placeholder.</div>
</div>
</div>

Expand Down
Loading
Loading