svelte-multiselect - npm Package Compare versions

Comparing version 8.5.0 to 8.6.0

dist/index.d.ts

@@ -20,2 +20,5 @@ export { default as CircleSpinner } from './CircleSpinner.svelte';
     };
+    create: {
+        option: T;
+    };
     remove: {
@@ -22,0 +25,0 @@ option: T;

dist/MultiSelect.svelte.d.ts

@@ -22,2 +22,3 @@ import { SvelteComponentTyped } from "svelte";
         form_input?: HTMLInputElement | null | undefined;
+        highlightMatches?: boolean | undefined;
         id?: string | null | undefined;
@@ -24,0 +25,0 @@ input?: HTMLInputElement | null | undefined;

package.json

@@ -8,3 +8,3 @@ {
   "license": "MIT",
-  "version": "8.5.0",
+  "version": "8.6.0",
   "type": "module",
@@ -27,3 +27,3 @@ "svelte": "./dist/index.js",
   "dependencies": {
-    "svelte": "^3.56.0"
+    "svelte": "^3.57.0"
   },
@@ -34,13 +34,13 @@ "devDependencies": {
     "@sveltejs/adapter-static": "^2.0.1",
-    "@sveltejs/kit": "^1.11.0",
+    "@sveltejs/kit": "^1.12.0",
     "@sveltejs/package": "2.0.2",
     "@sveltejs/vite-plugin-svelte": "^2.0.3",
-    "@typescript-eslint/eslint-plugin": "^5.54.1",
-    "@typescript-eslint/parser": "^5.54.1",
-    "@vitest/coverage-c8": "^0.29.2",
-    "eslint": "^8.35.0",
+    "@typescript-eslint/eslint-plugin": "^5.55.0",
+    "@typescript-eslint/parser": "^5.55.0",
+    "@vitest/coverage-c8": "^0.29.3",
+    "eslint": "^8.36.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "hastscript": "^7.2.0",
     "highlight.js": "^11.7.0",
-    "jsdom": "^21.1.0",
+    "jsdom": "^21.1.1",
     "mdsvex": "^0.10.6",
@@ -52,10 +52,10 @@ "mdsvexamples": "^0.3.3",
     "rehype-slug": "^5.1.0",
-    "svelte-check": "^3.1.0",
-    "svelte-preprocess": "^5.0.1",
-    "svelte-toc": "^0.5.2",
-    "svelte-zoo": "^0.3.4",
-    "svelte2tsx": "^0.6.3",
-    "typescript": "^4.9.5",
-    "vite": "^4.1.4",
-    "vitest": "^0.29.2"
+    "svelte-check": "^3.1.4",
+    "svelte-preprocess": "^5.0.3",
+    "svelte-toc": "^0.5.4",
+    "svelte-zoo": "^0.4.3",
+    "svelte2tsx": "^0.6.10",
+    "typescript": "5.0.2",
+    "vite": "^4.2.0",
+    "vitest": "^0.29.3"
   },
@@ -62,0 +62,0 @@ "keywords": [

readme.md

@@ -189,2 +189,8 @@ <h1 align="center">
 1. ```ts
+   highlightMatches: boolean = true
+   ```
+
+   Whether to highlight text in the dropdown options that matches the current user-entered search query. Uses the [CSS Custom Highlight API](https://developer.mozilla.org/docs/Web/API/CSS_Custom_Highlight_API) with limited browser support and [styling options](https://developer.mozilla.org/docs/Web/CSS/::highlight). See `::highlight(search-results)` below for available CSS variables.
+
+1. ```ts
    id: string | null = null
@@ -504,2 +510,8 @@ ```
 
+Minimal example that changes the background color of the options dropdown:
+
+```svelte
+<MultiSelect --sms-options-bg="white" />
+```
+
 - `div.multiselect`
@@ -552,9 +564,8 @@ - `border: var(--sms-border, 1pt solid lightgray)`: Change this to e.g. to `1px solid red` to indicate this form field is in an invalid state.
   - `color: var(--sms-li-disabled-text, #b8b8b8)`: Text color of disabled option in the dropdown list.
+- `::highlight(search-results)`: applies to search results in dropdown list that match the current search query if `highlightMatches=true`
+  - `color: var(--sms-highlight-color, orange)`
+  - `background: var(--sms-highlight-bg)`
+  - `text-decoration: var(--sms-highlight-text-decoration)`
+  - `text-decoration-color: var(--sms-highlight-text-decoration-color)`
 
-For example, to change the background color of the options dropdown:
-
-```svelte
-<MultiSelect --sms-options-bg="white" />
-```
-
 ### With CSS frameworks
@@ -561,0 +572,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

81314

increased by3.18%

Lines of code

342

increased by1.18%

Number of lines in readme file

656

increased by1.71%

Dependency changes

• Updatedsvelte@^3.57.0