svelte-multiselect 3.0.0 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/MultiSelect.svelte +3 -0
- package/package.json +12 -15
- package/readme.md +11 -11
package/MultiSelect.svelte
CHANGED
|
@@ -347,6 +347,9 @@ display above those of another following shortly after it -->
|
|
|
347
347
|
color: var(--sms-text-color, inherit);
|
|
348
348
|
flex: 1; /* this + next line fix issue #12 https://git.io/JiDe3 */
|
|
349
349
|
min-width: 2em;
|
|
350
|
+
/* minimum font-size > 16px ensures iOS doesn't zoom in when focusing input */
|
|
351
|
+
/* https://stackoverflow.com/a/6394497 */
|
|
352
|
+
font-size: calc(16px + 0.1vw);
|
|
350
353
|
}
|
|
351
354
|
|
|
352
355
|
:where(ul.selected) {
|
package/package.json
CHANGED
|
@@ -5,35 +5,33 @@
|
|
|
5
5
|
"homepage": "https://svelte-multiselect.netlify.app",
|
|
6
6
|
"repository": "https://github.com/janosh/svelte-multiselect",
|
|
7
7
|
"license": "MIT",
|
|
8
|
-
"version": "3.0.
|
|
8
|
+
"version": "3.0.1",
|
|
9
9
|
"type": "module",
|
|
10
10
|
"svelte": "MultiSelect.svelte",
|
|
11
11
|
"bugs": {
|
|
12
12
|
"url": "https://github.com/janosh/svelte-multiselect/issues"
|
|
13
13
|
},
|
|
14
14
|
"devDependencies": {
|
|
15
|
-
"@sveltejs/adapter-static": "^1.0.0-next.
|
|
16
|
-
"@sveltejs/kit": "^1.0.0-next.
|
|
17
|
-
"@
|
|
18
|
-
"@typescript-eslint/
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"eslint": "^8.5.0",
|
|
22
|
-
"eslint-plugin-svelte3": "^3.2.1",
|
|
15
|
+
"@sveltejs/adapter-static": "^1.0.0-next.24",
|
|
16
|
+
"@sveltejs/kit": "^1.0.0-next.216",
|
|
17
|
+
"@typescript-eslint/eslint-plugin": "^5.9.0",
|
|
18
|
+
"@typescript-eslint/parser": "^5.9.0",
|
|
19
|
+
"eslint": "^8.6.0",
|
|
20
|
+
"eslint-plugin-svelte3": "^3.3.0",
|
|
23
21
|
"hastscript": "^7.0.2",
|
|
24
22
|
"mdsvex": "^0.9.8",
|
|
25
23
|
"prettier": "^2.5.1",
|
|
26
24
|
"prettier-plugin-svelte": "^2.5.1",
|
|
27
|
-
"rehype-autolink-headings": "^6.1.
|
|
28
|
-
"rehype-slug": "^5.0.
|
|
29
|
-
"svelte": "^3.
|
|
25
|
+
"rehype-autolink-headings": "^6.1.1",
|
|
26
|
+
"rehype-slug": "^5.0.1",
|
|
27
|
+
"svelte": "^3.45.0",
|
|
30
28
|
"svelte-check": "^2.2.11",
|
|
31
29
|
"svelte-preprocess": "^4.10.1",
|
|
32
|
-
"svelte-toc": "^0.
|
|
30
|
+
"svelte-toc": "^0.2.0",
|
|
33
31
|
"svelte2tsx": "^0.4.12",
|
|
34
32
|
"tslib": "^2.3.1",
|
|
35
33
|
"typescript": "^4.5.4",
|
|
36
|
-
"vite": "^2.7.
|
|
34
|
+
"vite": "^2.7.10"
|
|
37
35
|
},
|
|
38
36
|
"keywords": [
|
|
39
37
|
"svelte",
|
|
@@ -48,7 +46,6 @@
|
|
|
48
46
|
"exports": {
|
|
49
47
|
"./package.json": "./package.json",
|
|
50
48
|
"./MultiSelect.svelte": "./MultiSelect.svelte",
|
|
51
|
-
"./actions": "./actions.js",
|
|
52
49
|
".": "./index.js"
|
|
53
50
|
}
|
|
54
51
|
}
|
package/readme.md
CHANGED
|
@@ -33,17 +33,17 @@
|
|
|
33
33
|
- **No dependencies:** needs only Svelte as dev dependency
|
|
34
34
|
- **Keyboard friendly** for mouse-less form completion
|
|
35
35
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
36
|
+
## Recent breaking changes
|
|
37
|
+
|
|
38
|
+
- v2.0.0 added the ability to pass options as objects. As a result, `bind:selected` no longer returns simple strings but objects as well, even if you still pass in `options` as strings.
|
|
39
|
+
- v3.0.0 changed the `event.detail` payload for `'add'`, `'remove'` and `'change'` events from `token` to `option`, e.g.
|
|
40
|
+
|
|
41
|
+
```js
|
|
42
|
+
on:add={(e) => console.log(e.detail.token.label)} // v2.0.0
|
|
43
|
+
on:add={(e) => console.log(e.detail.option.label)} // v3.0.0
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
It also added a separate event type `removeAll` for when the user removes all currently selected options at once which previously fired a normal `remove`. The props `ulTokensClass` and `liTokenClass` were renamed to `ulSelectedClass` and `liSelectedClass`. Similarly, the CSS variable `--sms-token-bg` changed to `--sms-selected-bg`.
|
|
47
47
|
|
|
48
48
|
## Installation
|
|
49
49
|
|