svelte-multiselect 11.2.0 → 11.2.1

package/dist/CmdPalette.svelte

@@ -2,8 +2,9 @@
 import { fade } from 'svelte/transition';
 let { actions, triggers = [`k`], close_keys = [`Escape`], fade_duration = 200, dialog_style = ``, open = $bindable(false), dialog = $bindable(null), input = $bindable(null), placeholder = `Filter actions...`, ...rest } = $props();
 $effect(() => {
-    if (open && input)
-        input?.focus(); // focus input when palette is opened
+    if (open && input && document.activeElement !== input) {
+        input.focus();
+    }
 });
 async function toggle(event) {
     if (triggers.includes(event.key) && event.metaKey && !open) {

package/dist/FileDetails.svelte

@@ -1,6 +1,4 @@
-<script lang="ts">import hljs from 'highlight.js';
-import 'highlight.js/styles/vs2015.css';
-let { files = $bindable([]), toggle_all_btn_title = `Toggle all`, default_lang = `typescript`, as = `ol`, style = null, title_snippet, } = $props();
+<script lang="ts">let { files = $bindable([]), toggle_all_btn_title = `Toggle all`, default_lang = `typescript`, as = `ol`, style = null, title_snippet, } = $props();
 function toggle_all() {
     const any_open = files.some((file) => file.node?.open);
     for (const file of files) {
@@ -8,8 +6,8 @@ function toggle_all() {
             continue;
         file.node.open = !any_open;
     }
-    files = [...files]; // trigger reactivity
 }
+export {};
 </script>
 
 {#if files?.length > 1}
@@ -20,7 +18,7 @@ function toggle_all() {
 
 <svelte:element this={as} {style}>
   {#each files as file, idx (file.title)}
-    {@const { title, content, language = default_lang } = file ?? {}}
+    {@const { title, content, _language = default_lang } = file ?? {}}
     <li>
       <!-- https://github.com/sveltejs/svelte/issues/12721#issuecomment-2269544690 -->
       <details bind:this={file.node}>
@@ -34,7 +32,8 @@ function toggle_all() {
           </summary>
         {/if}
 
-        <pre><code>{@html hljs.highlight(content, { language }).value}</code></pre>
+        <pre><code>{@html content}</code></pre>
+        <!-- <pre><code>{@html hljs.highlight(content, { language }).value}</code></pre> -->
       </details>
     </li>
   {/each}

package/dist/FileDetails.svelte.d.ts

@@ -1,4 +1,3 @@
-import 'highlight.js/styles/vs2015.css';
 import type { Snippet } from 'svelte';
 type File = {
     title: string;

package/dist/MultiSelect.svelte

@@ -1,7 +1,6 @@
-<script lang="ts">import { Icon, Wiggle } from './';
+<script lang="ts">import { CircleSpinner, Icon, Wiggle } from './';
 import { tick } from 'svelte';
 import { flip } from 'svelte/animate';
-import CircleSpinner from './CircleSpinner.svelte';
 import { get_label, get_style, highlight_matching_nodes } from './utils';
 let { activeIndex = $bindable(null), activeOption = $bindable(null), createOptionMsg = `Create this option...`, allowUserOptions = false, allowEmpty = false, autocomplete = `off`, autoScroll = true, breakpoint = 800, defaultDisabledTitle = `This option is disabled`, disabled = false, disabledInputTitle = `This input is disabled`, duplicateOptionMsg = `This option is already selected`, duplicates = false, key = (opt) => `${get_label(opt)}`.toLowerCase(), filterFunc = (opt, searchText) => {
     if (!searchText)

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.0",
+  "version": "11.2.1",
   "type": "module",
   "svelte": "./dist/index.js",
   "bugs": "https://github.com/janosh/svelte-multiselect/issues",
@@ -24,7 +24,6 @@
     "eslint": "^9.30.1",
     "eslint-plugin-svelte": "^3.10.1",
     "hastscript": "^9.0.1",
-    "highlight.js": "^11.11.1",
     "jsdom": "^26.1.0",
     "mdsvex": "^0.12.6",
     "mdsvexamples": "^0.5.0",