svelte-multiselect 11.2.2 → 11.2.4

package/package.json

@@ -5,7 +5,7 @@
   "homepage": "https://janosh.github.io/svelte-multiselect",
   "repository": "https://github.com/janosh/svelte-multiselect",
   "license": "MIT",
-  "version": "11.2.2",
+  "version": "11.2.4",
   "type": "module",
   "svelte": "./dist/index.js",
   "bugs": "https://github.com/janosh/svelte-multiselect/issues",
@@ -13,30 +13,30 @@
     "svelte": "^5.35.6"
   },
   "devDependencies": {
-    "@playwright/test": "^1.54.1",
-    "@stylistic/eslint-plugin": "^5.1.0",
-    "@sveltejs/adapter-static": "^3.0.8",
-    "@sveltejs/kit": "^2.22.5",
-    "@sveltejs/package": "2.3.12",
-    "@sveltejs/vite-plugin-svelte": "^6.0.0",
-    "@types/node": "^24.0.13",
+    "@playwright/test": "^1.55.1",
+    "@stylistic/eslint-plugin": "^5.4.0",
+    "@sveltejs/adapter-static": "^3.0.10",
+    "@sveltejs/kit": "^2.43.8",
+    "@sveltejs/package": "2.5.4",
+    "@sveltejs/vite-plugin-svelte": "^6.2.1",
+    "@types/node": "^24.6.2",
     "@vitest/coverage-v8": "^3.2.4",
-    "eslint": "^9.31.0",
-    "eslint-plugin-svelte": "^3.10.1",
+    "eslint": "^9.37.0",
+    "eslint-plugin-svelte": "^3.12.4",
+    "happy-dom": "^19.0.2",
     "hastscript": "^9.0.1",
-    "jsdom": "^26.1.0",
     "mdsvex": "^0.12.6",
     "mdsvexamples": "^0.5.0",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
-    "svelte": "^5.35.6",
-    "svelte-check": "^4.2.2",
+    "svelte": "^5.39.8",
+    "svelte-check": "^4.3.2",
     "svelte-preprocess": "^6.0.3",
     "svelte-toc": "^0.6.2",
-    "svelte2tsx": "^0.7.40",
-    "typescript": "5.8.3",
-    "typescript-eslint": "^8.36.0",
-    "vite": "^7.0.4",
+    "svelte2tsx": "^0.7.44",
+    "typescript": "5.9.3",
+    "typescript-eslint": "^8.45.0",
+    "vite": "^7.1.9",
     "vitest": "^3.2.4"
   },
   "keywords": [

package/readme.md

@@ -619,7 +619,7 @@ Example using several snippets:
    onremoveAll={(event) => console.log(event.detail.options)}`
    ```
 
-   Triggers when all selected options are removed. The payload `event.detail.options` gives the options that were previously selected.
+   Triggers when all selected options are removed. The payload `event.detail.options` gives the options that were removed (might not be all if `minSelect` is set).
 
 1. ```ts
    onchange={(event) => console.log(`${event.detail.type}: '${event.detail.option}'`)}
@@ -643,10 +643,10 @@ For example, here's how you might annoy your users with an alert every time one
 
 ```svelte
 <MultiSelect
-  onchange={(e) => {
-    if (e.detail.type === 'add') alert(`You added ${e.detail.option}`)
-    if (e.detail.type === 'remove') alert(`You removed ${e.detail.option}`)
-    if (e.detail.type === 'removeAll') alert(`You removed ${e.detail.options}`)
+  onchange={(event) => {
+    if (event.detail.type === 'add') alert(`You added ${event.detail.option}`)
+    if (event.detail.type === 'remove') alert(`You removed ${event.detail.option}`)
+    if (event.detail.type === 'removeAll') alert(`You removed ${event.detail.options}`)
   }}
 />
 ```

package/dist/RadioButtons.svelte

@@ -1,67 +0,0 @@
-<script lang="ts">// get the label key from an option object or the option itself if it's a string or number
-const get_label = (op) => {
-    if (op instanceof Object) {
-        if (op.label === undefined) {
-            console.error(`RadioButton option ${JSON.stringify(op)} is an object but has no label key`);
-        }
-        return op.label;
-    }
-    return op;
-};
-let { options, selected = $bindable(), id = null, name = null, disabled = false, required = false, aria_label = null, onclick, onchange, oninput, option_snippet, children, ...rest } = $props();
-export {};
-</script>
-
-<div {id} {...rest}>
-  {#each options as option (JSON.stringify(option))}
-    {@const label = get_label(option)}
-    {@const active = selected && get_label(option) === get_label(selected)}
-    <label class:active aria-label={aria_label}>
-      <input
-        type="radio"
-        value={option}
-        {name}
-        {disabled}
-        {required}
-        bind:group={selected}
-        {onchange}
-        {oninput}
-        {onclick}
-      />
-      {#if option_snippet}
-        {@render option_snippet({ option, selected, active })}
-      {:else if children}
-        {@render children({ option, selected, active })}
-      {:else}<span>{label}</span>{/if}
-    </label>
-  {/each}
-</div>
-
-<style>
-  div {
-    max-width: max-content;
-    overflow: hidden;
-    height: fit-content;
-    display: var(--radio-btn-display, inline-flex);
-    border-radius: var(--radio-btn-border-radius, 0.5em);
-  }
-  input {
-    display: none;
-  }
-  span {
-    cursor: pointer;
-    display: inline-block;
-    color: var(--radio-btn-color, white);
-    padding: var(--radio-btn-padding, 2pt 5pt);
-    background: var(--radio-btn-bg, black);
-    transition: var(--radio-btn-transition, background 0.3s, transform 0.3s);
-  }
-  label:not(.active) span:hover {
-    background: var(--radio-btn-hover-bg, cornflowerblue);
-    color: var(--radio-btn-hover-color, white);
-  }
-  label.active span {
-    box-shadow: var(--radio-btn-checked-shadow, inset 0 0 1em -3pt black);
-    background: var(--radio-btn-checked-bg, darkcyan);
-  }
-</style>

package/dist/RadioButtons.svelte.d.ts

@@ -1,44 +0,0 @@
-import type { Snippet } from 'svelte';
-type GenericOption = string | number | {
-    value: unknown;
-    label: string | number;
-};
-declare class __sveltets_Render<Option extends GenericOption> {
-    props(): {
-        [key: string]: unknown;
-        options: Option[];
-        selected?: string | number | null;
-        id?: string | null;
-        name?: string | null;
-        disabled?: boolean;
-        required?: boolean;
-        aria_label?: string | null;
-        onclick?: ((event: MouseEvent) => void) | undefined;
-        onchange?: ((event: Event) => void) | undefined;
-        oninput?: ((event: Event) => void) | undefined;
-        option_snippet?: Snippet<[{
-            option: Option;
-            selected: boolean;
-            active: boolean;
-        }]> | undefined;
-        children?: Snippet<[{
-            option: Option;
-            selected: boolean;
-            active: boolean;
-        }]> | undefined;
-    };
-    events(): {};
-    slots(): {};
-    bindings(): "selected";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <Option extends GenericOption>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Option>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Option>['props']>, ReturnType<__sveltets_Render<Option>['events']>, ReturnType<__sveltets_Render<Option>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<Option>['bindings']>;
-    } & ReturnType<__sveltets_Render<Option>['exports']>;
-    <Option extends GenericOption>(internal: unknown, props: ReturnType<__sveltets_Render<Option>['props']> & {}): ReturnType<__sveltets_Render<Option>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const RadioButtons: $$IsomorphicComponent;
-type RadioButtons<Option extends GenericOption> = InstanceType<typeof RadioButtons<Option>>;
-export default RadioButtons;