Skip to content

Commit 14f7282

Browse files
committed
version 1.0.8 adds refresh method
1 parent a1074a4 commit 14f7282

File tree

7 files changed

+11
-51
lines changed

7 files changed

+11
-51
lines changed

.DS_Store

6 KB
Binary file not shown.

.prettierignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
js/multiselect.min.js

README.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77

88

99

10-
> Simple multi-select pure vanilla Javascript library. <a href="https://codepen.io/kleimaj/pen/mdEWVGb" target="\_blank">:rocket: Live Demo</a> **v1.0.7**
10+
> Simple multi-select pure vanilla Javascript library. <a href="https://codepen.io/kleimaj/pen/mdEWVGb" target="\_blank">:rocket: Live Demo</a> **v1.0.8**
1111
1212
multiSelect.js is a simple, pure vanilla Javascript library that's progressively designed for easy integration for any type of project or system. The design was heavily influenced by that of the Bootstrap and Semantic-UI multi-select elements.
1313

@@ -28,13 +28,13 @@ multiSelect.js is a simple, pure vanilla Javascript library that's progressively
2828
`CSS`
2929

3030
```html
31-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@kleimaj/multiselect.js@1.0.7/css/style.min.css">
31+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@kleimaj/multiselect.js@1.0.8/css/style.min.css">
3232
```
3333

3434
`JS`
3535

3636
```html
37-
<script src="https://cdn.jsdelivr.net/npm/@kleimaj/multiselect.js@1.0.7/js/multiselect.min.js"></script>
37+
<script src="https://cdn.jsdelivr.net/npm/@kleimaj/multiselect.js@1.0.8/js/multiselect.min.js"></script>
3838
```
3939

4040
```html

docs/releases.md

Lines changed: 0 additions & 33 deletions
This file was deleted.

js/multiselect.js

Lines changed: 5 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -6,24 +6,19 @@ const updateContainer = (container, inner, selected, opt) => {
66
container.value = '';
77
inner.innerText = opt[0].innerText;
88
}
9-
// container.dispatchEvent(new Event('change', { 'bubbles': true }));
10-
// container.dispatchEvent(document.createEvent('HTMLEvents').initEvent('change', {bubbles: true, cancelable: false}))
11-
// console.log(container)
129
container.dispatchEvent(new window.Event('change', { bubbles: true }));
1310
};
1411
const buttonToggle = (display, dropdown) => {
1512
display.classList.toggle('multi__dropdown--toggle');
1613
dropdown.classList.toggle('multi--hidden');
17-
}
14+
};
1815
const map = {};
1916
let multi_idx = 0;
2017
const multiSelect = () => {
2118
Array.from(document.querySelectorAll('.multi'))
22-
.filter(
23-
(multi) => {
24-
return multi.getAttribute('data-multiselect-initialized') === null
25-
}
26-
)
19+
.filter((multi) => {
20+
return multi.getAttribute('data-multiselect-initialized') === null;
21+
})
2722
.forEach((el) => {
2823
// stores values of dropdown
2924
map[multi_idx] = [];
@@ -92,10 +87,7 @@ const multiSelect = () => {
9287
li.addEventListener('click', (e) => {
9388
e.stopPropagation();
9489
if (map[key].includes(e.target.innerText)) {
95-
map[key].splice(
96-
map[key].indexOf(e.target.innerText),
97-
1,
98-
);
90+
map[key].splice(map[key].indexOf(e.target.innerText), 1);
9991
e.target.classList.remove('multi__li-item--selected');
10092
} else {
10193
map[key].push(e.target.innerText);

js/multiselect.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@kleimaj/multiselect.js",
3-
"version": "1.0.7",
3+
"version": "1.0.8",
44
"description": "Simple multi-select pure javascript library",
55
"main": "js/multiselect.min.js",
66
"scripts": {

0 commit comments

Comments
 (0)