svelte-multiselect 11.5.0 → 11.5.2

package/dist/heading-anchors.d.ts

@@ -0,0 +1,14 @@
+/** @type {() => import('svelte/compiler').PreprocessorGroup} */
+export declare function heading_ids(): {
+    name: string;
+    markup({ content }: {
+        content: string;
+    }): {
+        code: string;
+    };
+};
+export interface HeadingAnchorsOptions {
+    selector?: string;
+    icon_svg?: string;
+}
+export declare const heading_anchors: (options?: HeadingAnchorsOptions) => (node: Element) => (() => void) | undefined;

package/dist/heading-anchors.js

@@ -0,0 +1,120 @@
+// Svelte preprocessor that adds IDs to headings at build time for SSR support
+// This ensures fragment navigation (#heading-id) works on initial page load
+// Match headings in two contexts:
+// 1. Start of line (for .svelte files with formatted HTML)
+// 2. After > (for mdsvex output where HTML is on single line, e.g., "</p> <h2>")
+// Avoid matching inside src={...} attributes by requiring these specific contexts
+// Note: [^>]* for attributes won't match if an attribute value contains > (e.g., data-foo="a>b")
+// This edge case is rare in practice and would require significantly more complex parsing
+const heading_regex_line_start = /^(\s*)<(h[2-6])([^>]*)>([\s\S]*?)<\/\2>/gim;
+const heading_regex_after_tag = /(>)(\s*)<(h[2-6])([^>]*)>([\s\S]*?)<\/\3>/gi;
+// Remove Svelte expressions handling nested braces (e.g., {fn({a: 1})})
+// Treats unmatched } as literal text to avoid dropping content
+function strip_svelte_expressions(str) {
+    let result = ``;
+    let depth = 0;
+    for (const char of str) {
+        if (char === `{`)
+            depth++;
+        else if (char === `}` && depth > 0)
+            depth--;
+        else if (depth === 0)
+            result += char;
+    }
+    return result;
+}
+// Generate URL-friendly slug from text
+const slugify = (text) => text
+    .toLowerCase()
+    .replace(/\s+/g, `-`)
+    .replace(/[^\w-]/g, ``)
+    .replace(/-+/g, `-`) // collapse multiple dashes
+    .replace(/^-|-$/g, ``); // trim leading/trailing dashes
+/** @type {() => import('svelte/compiler').PreprocessorGroup} */
+export function heading_ids() {
+    return {
+        name: `heading-ids`,
+        markup({ content }) {
+            const seen_ids = new Map();
+            let result = content;
+            const process_heading = (attrs, inner) => {
+                // Skip if already has an id (use ^|\s to avoid matching data-id, aria-id, etc.)
+                if (/(^|\s)id\s*=/.test(attrs))
+                    return null;
+                const text = strip_svelte_expressions(inner.replace(/<[^>]+>/g, ``)).trim();
+                if (!text)
+                    return null;
+                const base_id = slugify(text);
+                if (!base_id)
+                    return null;
+                // Handle duplicates within same file
+                const count = seen_ids.get(base_id) ?? 0;
+                seen_ids.set(base_id, count + 1);
+                return count ? `${base_id}-${count}` : base_id;
+            };
+            // Pass 1: Match headings at start of line (for .svelte files)
+            result = result.replace(heading_regex_line_start, (match, indent, tag, attrs, inner) => {
+                const id = process_heading(attrs, inner);
+                return id ? `${indent}<${tag} id="${id}"${attrs}>${inner}</${tag}>` : match;
+            });
+            // Pass 2: Match headings after closing tag (for mdsvex single-line output)
+            result = result.replace(heading_regex_after_tag, (match, gt, space, tag, attrs, inner) => {
+                const id = process_heading(attrs, inner);
+                return id ? `${gt}${space}<${tag} id="${id}"${attrs}>${inner}</${tag}>` : match;
+            });
+            return { code: result };
+        },
+    };
+}
+// SVG link icon for heading anchors
+const link_svg = `<svg width="16" height="16" viewBox="0 0 16 16" aria-label="Link to heading" role="img"><path d="M7.775 3.275a.75.75 0 0 0 1.06 1.06l1.25-1.25a2 2 0 1 1 2.83 2.83l-2.5 2.5a2 2 0 0 1-2.83 0 .75.75 0 0 0-1.06 1.06 3.5 3.5 0 0 0 4.95 0l2.5-2.5a3.5 3.5 0 0 0-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 0 1 0-2.83l2.5-2.5a2 2 0 0 1 2.83 0 .75.75 0 0 0 1.06-1.06 3.5 3.5 0 0 0-4.95 0l-2.5 2.5a3.5 3.5 0 0 0 4.95 4.95l1.25-1.25a.75.75 0 0 0-1.06-1.06l-1.25 1.25a2 2 0 0 1-2.83 0z" fill="currentColor"/></svg>`;
+// Add anchor link to a single heading element
+function add_anchor_to_heading(heading, icon_svg = link_svg) {
+    if (heading.querySelector(`a[aria-hidden="true"]`))
+        return;
+    if (!heading.id) {
+        // Generate ID from text content (fallback for dynamic headings)
+        const base_id = slugify((heading.textContent ?? ``).trim());
+        if (!base_id)
+            return;
+        // Ensure unique ID in document
+        let counter = 0;
+        while (document.getElementById(counter ? `${base_id}-${counter}` : base_id))
+            counter++;
+        heading.id = counter ? `${base_id}-${counter}` : base_id;
+    }
+    const anchor = document.createElement(`a`);
+    anchor.href = `#${heading.id}`;
+    anchor.setAttribute(`aria-hidden`, `true`);
+    anchor.innerHTML = icon_svg;
+    heading.appendChild(anchor);
+}
+// Svelte 5 attachment that adds anchor links to headings within a container
+// Uses MutationObserver to handle dynamically added headings
+export const heading_anchors = (options = {}) => (node) => {
+    if (typeof document === `undefined`)
+        return;
+    const selector = options.selector ?? `h2, h3, h4, h5, h6`;
+    const icon_svg = options.icon_svg ?? link_svg;
+    // Process existing headings
+    for (const heading of Array.from(node.querySelectorAll(selector))) {
+        add_anchor_to_heading(heading, icon_svg);
+    }
+    // Watch for new headings
+    const observer = new MutationObserver((mutations) => {
+        for (const { addedNodes } of mutations) {
+            for (const added of Array.from(addedNodes)) {
+                if (added.nodeType !== Node.ELEMENT_NODE)
+                    continue;
+                const el = added;
+                if (el.matches?.(selector))
+                    add_anchor_to_heading(el, icon_svg);
+                for (const hdn of Array.from(el.querySelectorAll(selector))) {
+                    add_anchor_to_heading(hdn, icon_svg);
+                }
+            }
+        }
+    });
+    observer.observe(node, { childList: true, subtree: true });
+    return () => observer.disconnect();
+};

package/dist/icons.d.ts

@@ -0,0 +1,55 @@
+export declare const icon_data: {
+    readonly Alert: {
+        readonly viewBox: "0 0 16 16";
+        readonly path: "M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z";
+    };
+    readonly Check: {
+        readonly viewBox: "0 0 12 16";
+        readonly path: "M12 5l-8 8l-4-4l1.5-1.5L4 10l6.5-6.5L12 5z";
+    };
+    readonly ChevronExpand: {
+        readonly viewBox: "0 0 16 16";
+        readonly path: "M3.646 9.146a.5.5 0 0 1 .708 0L8 12.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zm0-2.292a.5.5 0 0 0 .708 0L8 3.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708z";
+    };
+    readonly ChevronRight: {
+        readonly viewBox: "0 0 16 16";
+        readonly path: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8L4.646 2.354a.5.5 0 0 1 0-.708z";
+    };
+    readonly ChevronDown: {
+        readonly viewBox: "0 0 16 16";
+        readonly path: "M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z";
+    };
+    readonly Collapse: {
+        readonly viewBox: "0 0 24 24";
+        readonly path: "M12 7.59L7.05 2.64L5.64 4.05L12 10.41l6.36-6.36l-1.41-1.41L12 7.59zM5.64 19.95l1.41 1.41L12 16.41l4.95 4.95l1.41-1.41L12 13.59l-6.36 6.36z";
+    };
+    readonly Copy: {
+        readonly viewBox: "0 0 16 16";
+        readonly path: "M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z";
+    };
+    readonly Cross: {
+        readonly viewBox: "0 0 24 24";
+        readonly path: "M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59L7.11 5.7A.996.996 0 1 0 5.7 7.11L10.59 12L5.7 16.89a.996.996 0 1 0 1.41 1.41L12 13.41l4.89 4.89a.996.996 0 1 0 1.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z";
+    };
+    readonly Disabled: {
+        readonly viewBox: "0 0 24 24";
+        readonly path: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10Zm-4.906-3.68L18.32 7.094A8 8 0 0 1 7.094 18.32ZM5.68 16.906A8 8 0 0 1 16.906 5.68L5.68 16.906Z";
+    };
+    readonly Expand: {
+        readonly viewBox: "0 0 24 24";
+        readonly path: "m12 19.24l-4.95-4.95l-1.41 1.42L12 22.07l6.36-6.36l-1.41-1.42L12 19.24zM5.64 8.29l1.41 1.42L12 4.76l4.95 4.95l1.41-1.42L12 1.93L5.64 8.29z";
+    };
+    readonly GitHub: {
+        readonly viewBox: "0 0 24 24";
+        readonly path: "M8.422 20.081c0 .896.01 1.753.016 2.285a.617.617 0 0 0 .422.58c2.078.686 4.317.718 6.414.091l.292-.087a.67.67 0 0 0 .478-.638c.005-.733.017-2.017.017-3.53c0-1.372-.477-2.25-1.031-2.707c3.399-.366 6.97-1.61 6.97-7.227c0-1.61-.592-2.91-1.566-3.934c.153-.366.688-1.866-.153-3.878c0 0-1.28-.403-4.201 1.5a14.76 14.76 0 0 0-3.82-.494c-1.298 0-2.597.165-3.819.494C5.52.65 4.24 1.036 4.24 1.036c-.84 2.012-.306 3.512-.153 3.878a5.565 5.565 0 0 0-1.566 3.934c0 5.598 3.552 6.86 6.951 7.227c-.439.366-.84 1.006-.973 1.957c-.879.384-3.075 1.006-4.45-1.207c-.286-.44-1.146-1.519-2.349-1.5c-1.28.018-.516.695.02.97c.648.347 1.393 1.646 1.565 2.067c.306.823 1.299 2.396 5.137 1.72Z";
+    };
+    readonly StackBlitz: {
+        readonly viewBox: "0 0 24 24";
+        readonly path: "M10.797 14.182H3.635L16.728 0l-3.525 9.818h7.162L7.272 24l3.524-9.818Z";
+    };
+    readonly Svelte: {
+        readonly viewBox: "0 0 24 24";
+        readonly path: "M10.354 21.125a4.44 4.44 0 0 1-4.765-1.767a4.109 4.109 0 0 1-.703-3.107a3.898 3.898 0 0 1 .134-.522l.105-.321l.287.21a7.21 7.21 0 0 0 2.186 1.092l.208.063l-.02.208a1.253 1.253 0 0 0 .226.83a1.337 1.337 0 0 0 1.435.533a1.231 1.231 0 0 0 .343-.15l5.59-3.562a1.164 1.164 0 0 0 .524-.778a1.242 1.242 0 0 0-.211-.937a1.338 1.338 0 0 0-1.435-.533a1.23 1.23 0 0 0-.343.15l-2.133 1.36a4.078 4.078 0 0 1-1.135.499a4.44 4.44 0 0 1-4.765-1.766a4.108 4.108 0 0 1-.702-3.108a3.855 3.855 0 0 1 1.742-2.582l5.589-3.563a4.072 4.072 0 0 1 1.135-.499a4.44 4.44 0 0 1 4.765 1.767a4.109 4.109 0 0 1 .703 3.107a3.943 3.943 0 0 1-.134.522l-.105.321l-.286-.21a7.204 7.204 0 0 0-2.187-1.093l-.208-.063l.02-.207a1.255 1.255 0 0 0-.226-.831a1.337 1.337 0 0 0-1.435-.532a1.231 1.231 0 0 0-.343.15L8.62 9.368a1.162 1.162 0 0 0-.524.778a1.24 1.24 0 0 0 .211.937a1.338 1.338 0 0 0 1.435.533a1.235 1.235 0 0 0 .344-.151l2.132-1.36a4.067 4.067 0 0 1 1.135-.498a4.44 4.44 0 0 1 4.765 1.766a4.108 4.108 0 0 1 .702 3.108a3.857 3.857 0 0 1-1.742 2.583l-5.589 3.562a4.072 4.072 0 0 1-1.135.499m10.358-17.95C18.484-.015 14.082-.96 10.9 1.068L5.31 4.63a6.412 6.412 0 0 0-2.896 4.295a6.753 6.753 0 0 0 .666 4.336a6.43 6.43 0 0 0-.96 2.396a6.833 6.833 0 0 0 1.168 5.167c2.229 3.19 6.63 4.135 9.812 2.108l5.59-3.562a6.41 6.41 0 0 0 2.896-4.295a6.756 6.756 0 0 0-.665-4.336a6.429 6.429 0 0 0 .958-2.396a6.831 6.831 0 0 0-1.167-5.168Z";
+    };
+};
+export type IconName = keyof typeof icon_data;

package/dist/icons.js

@@ -0,0 +1,54 @@
+export const icon_data = {
+    Alert: {
+        viewBox: `0 0 16 16`,
+        path: `M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z`,
+    },
+    Check: {
+        viewBox: `0 0 12 16`,
+        path: `M12 5l-8 8l-4-4l1.5-1.5L4 10l6.5-6.5L12 5z`,
+    },
+    ChevronExpand: {
+        viewBox: `0 0 16 16`,
+        path: `M3.646 9.146a.5.5 0 0 1 .708 0L8 12.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zm0-2.292a.5.5 0 0 0 .708 0L8 3.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708z`,
+    },
+    ChevronRight: {
+        viewBox: `0 0 16 16`,
+        path: `M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8L4.646 2.354a.5.5 0 0 1 0-.708z`,
+    },
+    ChevronDown: {
+        viewBox: `0 0 16 16`,
+        path: `M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z`,
+    },
+    Collapse: {
+        viewBox: `0 0 24 24`,
+        path: `M12 7.59L7.05 2.64L5.64 4.05L12 10.41l6.36-6.36l-1.41-1.41L12 7.59zM5.64 19.95l1.41 1.41L12 16.41l4.95 4.95l1.41-1.41L12 13.59l-6.36 6.36z`,
+    },
+    Copy: {
+        viewBox: `0 0 16 16`,
+        path: `M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z`,
+    },
+    Cross: {
+        viewBox: `0 0 24 24`,
+        path: `M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59L7.11 5.7A.996.996 0 1 0 5.7 7.11L10.59 12L5.7 16.89a.996.996 0 1 0 1.41 1.41L12 13.41l4.89 4.89a.996.996 0 1 0 1.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z`,
+    },
+    Disabled: {
+        viewBox: `0 0 24 24`,
+        path: `M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10Zm-4.906-3.68L18.32 7.094A8 8 0 0 1 7.094 18.32ZM5.68 16.906A8 8 0 0 1 16.906 5.68L5.68 16.906Z`,
+    },
+    Expand: {
+        viewBox: `0 0 24 24`,
+        path: `m12 19.24l-4.95-4.95l-1.41 1.42L12 22.07l6.36-6.36l-1.41-1.42L12 19.24zM5.64 8.29l1.41 1.42L12 4.76l4.95 4.95l1.41-1.42L12 1.93L5.64 8.29z`,
+    },
+    GitHub: {
+        viewBox: `0 0 24 24`,
+        path: `M8.422 20.081c0 .896.01 1.753.016 2.285a.617.617 0 0 0 .422.58c2.078.686 4.317.718 6.414.091l.292-.087a.67.67 0 0 0 .478-.638c.005-.733.017-2.017.017-3.53c0-1.372-.477-2.25-1.031-2.707c3.399-.366 6.97-1.61 6.97-7.227c0-1.61-.592-2.91-1.566-3.934c.153-.366.688-1.866-.153-3.878c0 0-1.28-.403-4.201 1.5a14.76 14.76 0 0 0-3.82-.494c-1.298 0-2.597.165-3.819.494C5.52.65 4.24 1.036 4.24 1.036c-.84 2.012-.306 3.512-.153 3.878a5.565 5.565 0 0 0-1.566 3.934c0 5.598 3.552 6.86 6.951 7.227c-.439.366-.84 1.006-.973 1.957c-.879.384-3.075 1.006-4.45-1.207c-.286-.44-1.146-1.519-2.349-1.5c-1.28.018-.516.695.02.97c.648.347 1.393 1.646 1.565 2.067c.306.823 1.299 2.396 5.137 1.72Z`,
+    },
+    StackBlitz: {
+        viewBox: `0 0 24 24`,
+        path: `M10.797 14.182H3.635L16.728 0l-3.525 9.818h7.162L7.272 24l3.524-9.818Z`,
+    },
+    Svelte: {
+        viewBox: `0 0 24 24`,
+        path: `M10.354 21.125a4.44 4.44 0 0 1-4.765-1.767a4.109 4.109 0 0 1-.703-3.107a3.898 3.898 0 0 1 .134-.522l.105-.321l.287.21a7.21 7.21 0 0 0 2.186 1.092l.208.063l-.02.208a1.253 1.253 0 0 0 .226.83a1.337 1.337 0 0 0 1.435.533a1.231 1.231 0 0 0 .343-.15l5.59-3.562a1.164 1.164 0 0 0 .524-.778a1.242 1.242 0 0 0-.211-.937a1.338 1.338 0 0 0-1.435-.533a1.23 1.23 0 0 0-.343.15l-2.133 1.36a4.078 4.078 0 0 1-1.135.499a4.44 4.44 0 0 1-4.765-1.766a4.108 4.108 0 0 1-.702-3.108a3.855 3.855 0 0 1 1.742-2.582l5.589-3.563a4.072 4.072 0 0 1 1.135-.499a4.44 4.44 0 0 1 4.765 1.767a4.109 4.109 0 0 1 .703 3.107a3.943 3.943 0 0 1-.134.522l-.105.321l-.286-.21a7.204 7.204 0 0 0-2.187-1.093l-.208-.063l.02-.207a1.255 1.255 0 0 0-.226-.831a1.337 1.337 0 0 0-1.435-.532a1.231 1.231 0 0 0-.343.15L8.62 9.368a1.162 1.162 0 0 0-.524.778a1.24 1.24 0 0 0 .211.937a1.338 1.338 0 0 0 1.435.533a1.235 1.235 0 0 0 .344-.151l2.132-1.36a4.067 4.067 0 0 1 1.135-.498a4.44 4.44 0 0 1 4.765 1.766a4.108 4.108 0 0 1 .702 3.108a3.857 3.857 0 0 1-1.742 2.583l-5.589 3.562a4.072 4.072 0 0 1-1.135.499m10.358-17.95C18.484-.015 14.082-.96 10.9 1.068L5.31 4.63a6.412 6.412 0 0 0-2.896 4.295a6.753 6.753 0 0 0 .666 4.336a6.43 6.43 0 0 0-.96 2.396a6.833 6.833 0 0 0 1.168 5.167c2.229 3.19 6.63 4.135 9.812 2.108l5.59-3.562a6.41 6.41 0 0 0 2.896-4.295a6.756 6.756 0 0 0-.665-4.336a6.429 6.429 0 0 0 .958-2.396a6.831 6.831 0 0 0-1.167-5.168Z`,
+    },
+};

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+export * from './attachments';
+export * from './heading-anchors';
+export { default as CircleSpinner } from './CircleSpinner.svelte';
+export { default as CmdPalette } from './CmdPalette.svelte';
+export { default as CodeExample } from './CodeExample.svelte';
+export { default as CopyButton } from './CopyButton.svelte';
+export { default as FileDetails } from './FileDetails.svelte';
+export { default as GitHubCorner } from './GitHubCorner.svelte';
+export { default as Icon } from './Icon.svelte';
+export { default, default as MultiSelect } from './MultiSelect.svelte';
+export { default as Nav } from './Nav.svelte';
+export { default as PrevNext } from './PrevNext.svelte';
+export { default as Toggle } from './Toggle.svelte';
+export * from './types';
+export * from './utils';
+export { default as Wiggle } from './Wiggle.svelte';
+export declare function scroll_into_view_if_needed_polyfill(element: Element, centerIfNeeded?: boolean): IntersectionObserver;

package/dist/index.js

@@ -0,0 +1,43 @@
+export * from './attachments';
+export * from './heading-anchors';
+export { default as CircleSpinner } from './CircleSpinner.svelte';
+export { default as CmdPalette } from './CmdPalette.svelte';
+export { default as CodeExample } from './CodeExample.svelte';
+export { default as CopyButton } from './CopyButton.svelte';
+export { default as FileDetails } from './FileDetails.svelte';
+export { default as GitHubCorner } from './GitHubCorner.svelte';
+export { default as Icon } from './Icon.svelte';
+export { default, default as MultiSelect } from './MultiSelect.svelte';
+export { default as Nav } from './Nav.svelte';
+export { default as PrevNext } from './PrevNext.svelte';
+export { default as Toggle } from './Toggle.svelte';
+export * from './types';
+export * from './utils';
+export { default as Wiggle } from './Wiggle.svelte';
+// Firefox lacks support for scrollIntoViewIfNeeded (https://caniuse.com/scrollintoviewifneeded).
+// See https://github.com/janosh/svelte-multiselect/issues/87
+// Polyfill copied from
+// https://github.com/nuxodin/lazyfill/blob/a8e63/polyfills/Element/prototype/scrollIntoViewIfNeeded.js
+// exported for testing
+export function scroll_into_view_if_needed_polyfill(element, centerIfNeeded = true) {
+    const observer = new IntersectionObserver(([entry], obs) => {
+        const ratio = entry.intersectionRatio;
+        if (ratio < 1) {
+            const place = ratio <= 0 && centerIfNeeded ? `center` : `nearest`;
+            element.scrollIntoView({
+                block: place,
+                inline: place,
+            });
+        }
+        obs.disconnect();
+    });
+    observer.observe(element);
+    return observer; // return for testing
+}
+if (typeof Element !== `undefined` &&
+    !Element.prototype?.scrollIntoViewIfNeeded &&
+    typeof IntersectionObserver !== `undefined`) {
+    Element.prototype.scrollIntoViewIfNeeded = function scrollIntoViewIfNeeded() {
+        scroll_into_view_if_needed_polyfill(this);
+    };
+}

package/dist/types.d.ts

@@ -0,0 +1,246 @@
+import type { Snippet } from 'svelte';
+import type { FlipParams } from 'svelte/animate';
+import type { HTMLAttributes, HTMLInputAttributes } from 'svelte/elements';
+export type Option = string | number | ObjectOption;
+export type OptionStyle = string | {
+    option: string;
+    selected: string;
+};
+export type ObjectOption = {
+    label: string | number;
+    value?: unknown;
+    title?: string;
+    disabled?: boolean;
+    preselected?: boolean;
+    disabledTitle?: string;
+    selectedTitle?: string;
+    style?: OptionStyle;
+    group?: string;
+    [key: string]: unknown;
+};
+export type PlaceholderConfig = {
+    text: string;
+    persistent?: boolean;
+};
+export interface MultiSelectEvents<T extends Option = Option> {
+    onadd?: (data: {
+        option: T;
+    }) => unknown;
+    oncreate?: (data: {
+        option: T;
+    }) => unknown;
+    onremove?: (data: {
+        option: T;
+    }) => unknown;
+    onremoveAll?: (data: {
+        options: T[];
+    }) => unknown;
+    onselectAll?: (data: {
+        options: T[];
+    }) => unknown;
+    onreorder?: (data: {
+        options: T[];
+    }) => unknown;
+    onchange?: (data: {
+        option?: T;
+        options?: T[];
+        type: `add` | `remove` | `removeAll` | `selectAll` | `reorder`;
+    }) => unknown;
+    onopen?: (data: {
+        event: Event;
+    }) => unknown;
+    onclose?: (data: {
+        event: Event;
+    }) => unknown;
+    ongroupToggle?: (data: {
+        group: string;
+        collapsed: boolean;
+    }) => unknown;
+    oncollapseAll?: (data: {
+        groups: string[];
+    }) => unknown;
+    onexpandAll?: (data: {
+        groups: string[];
+    }) => unknown;
+    onsearch?: (data: {
+        searchText: string;
+        matchingCount: number;
+    }) => unknown;
+    onmaxreached?: (data: {
+        selected: T[];
+        maxSelect: number;
+        attemptedOption: T;
+    }) => unknown;
+    onduplicate?: (data: {
+        option: T;
+    }) => unknown;
+    onactivate?: (data: {
+        option: T | null;
+        index: number | null;
+    }) => unknown;
+}
+export interface LoadOptionsParams {
+    search: string;
+    offset: number;
+    limit: number;
+}
+export interface LoadOptionsResult<T extends Option = Option> {
+    options: T[];
+    hasMore: boolean;
+}
+export type LoadOptionsFn<T extends Option = Option> = (params: LoadOptionsParams) => Promise<LoadOptionsResult<T>>;
+export interface LoadOptionsConfig<T extends Option = Option> {
+    fetch: LoadOptionsFn<T>;
+    debounceMs?: number;
+    batchSize?: number;
+    onOpen?: boolean;
+}
+export type LoadOptions<T extends Option = Option> = LoadOptionsFn<T> | LoadOptionsConfig<T>;
+type AfterInputProps = Pick<MultiSelectProps, `selected` | `disabled` | `invalid` | `id` | `placeholder` | `open` | `required`>;
+type UserMsgProps = {
+    searchText: string;
+    msgType: false | `dupe` | `create` | `no-match`;
+    msg: null | string;
+};
+export type GroupHeaderProps<T extends Option = Option> = {
+    group: string;
+    options: T[];
+    collapsed: boolean;
+};
+export type GroupedOptions<T extends Option = Option> = {
+    group: string | null;
+    options: T[];
+    collapsed: boolean;
+};
+export interface MultiSelectSnippets<T extends Option = Option> {
+    expandIcon?: Snippet<[{
+        open: boolean;
+    }]>;
+    selectedItem?: Snippet<[{
+        option: T;
+        idx: number;
+    }]>;
+    children?: Snippet<[{
+        option: T;
+        idx: number;
+    }]>;
+    removeIcon?: Snippet;
+    afterInput?: Snippet<[AfterInputProps]>;
+    spinner?: Snippet;
+    disabledIcon?: Snippet;
+    option?: Snippet<[{
+        option: T;
+        idx: number;
+    }]>;
+    userMsg?: Snippet<[UserMsgProps]>;
+    groupHeader?: Snippet<[GroupHeaderProps<T>]>;
+}
+export interface PortalParams {
+    target_node?: HTMLElement | null;
+    active?: boolean;
+}
+export interface MultiSelectProps<T extends Option = Option> extends MultiSelectEvents<T>, MultiSelectSnippets<T>, Omit<HTMLAttributes<HTMLDivElement>, `children` | `onchange` | `onclose` | `placeholder`> {
+    activeIndex?: number | null;
+    activeOption?: T | null;
+    createOptionMsg?: string | null;
+    allowUserOptions?: boolean | `append`;
+    allowEmpty?: boolean;
+    autocomplete?: HTMLInputAttributes[`autocomplete`];
+    autoScroll?: boolean;
+    breakpoint?: number;
+    defaultDisabledTitle?: string;
+    disabled?: boolean;
+    disabledInputTitle?: string;
+    duplicateOptionMsg?: string;
+    duplicates?: boolean;
+    keepSelectedInDropdown?: false | `plain` | `checkboxes`;
+    key?: (opt: T) => unknown;
+    filterFunc?: (opt: T, searchText: string) => boolean;
+    fuzzy?: boolean;
+    closeDropdownOnSelect?: boolean | `if-mobile` | `retain-focus`;
+    form_input?: HTMLInputElement | null;
+    highlightMatches?: boolean;
+    id?: string | null;
+    input?: HTMLInputElement | null;
+    inputClass?: string;
+    inputStyle?: string | null;
+    inputmode?: HTMLInputAttributes[`inputmode`] | null;
+    invalid?: boolean;
+    liActiveOptionClass?: string;
+    liActiveUserMsgClass?: string;
+    liOptionClass?: string;
+    liOptionStyle?: string | null;
+    liSelectedClass?: string;
+    liSelectedStyle?: string | null;
+    liUserMsgClass?: string;
+    loading?: boolean;
+    matchingOptions?: T[];
+    maxOptions?: number | undefined;
+    maxSelect?: number | null;
+    maxSelectMsg?: ((current: number, max: number) => string) | null;
+    maxSelectMsgClass?: string;
+    name?: string | null;
+    noMatchingOptionsMsg?: string;
+    open?: boolean;
+    options?: T[];
+    outerDiv?: HTMLDivElement | null;
+    outerDivClass?: string;
+    parseLabelsAsHtml?: boolean;
+    pattern?: string | null;
+    placeholder?: string | PlaceholderConfig | null;
+    removeAllTitle?: string;
+    removeBtnTitle?: string;
+    minSelect?: number | null;
+    required?: boolean | number;
+    resetFilterOnAdd?: boolean;
+    searchText?: string;
+    selected?: T[];
+    sortSelected?: boolean | ((op1: T, op2: T) => number);
+    selectedOptionsDraggable?: boolean;
+    style?: string | null;
+    ulOptionsClass?: string;
+    ulSelectedClass?: string;
+    ulSelectedStyle?: string | null;
+    ulOptionsStyle?: string | null;
+    value?: T | T[] | null;
+    portal?: PortalParams;
+    selectAllOption?: boolean | string;
+    liSelectAllClass?: string;
+    loadOptions?: LoadOptions<T>;
+    selectedFlipParams?: FlipParams;
+    collapsibleGroups?: boolean;
+    collapsedGroups?: Set<string>;
+    groupSelectAll?: boolean;
+    ungroupedPosition?: `first` | `last`;
+    groupSortOrder?: `none` | `asc` | `desc` | ((a: string, b: string) => number);
+    searchExpandsCollapsedGroups?: boolean;
+    searchMatchesGroups?: boolean;
+    keyboardExpandsCollapsedGroups?: boolean;
+    stickyGroupHeaders?: boolean;
+    liGroupHeaderClass?: string;
+    liGroupHeaderStyle?: string | null;
+    collapseAllGroups?: () => void;
+    expandAllGroups?: () => void;
+    shortcuts?: Partial<KeyboardShortcuts>;
+}
+export interface KeyboardShortcuts {
+    select_all?: string | null;
+    clear_all?: string | null;
+    open?: string | null;
+    close?: string | null;
+}
+export interface NavRouteObject {
+    href: string;
+    label?: string;
+    children?: string[];
+    disabled?: boolean | string;
+    separator?: boolean;
+    align?: `left` | `right`;
+    external?: boolean;
+    tooltip?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+}
+export type NavRoute = string | [string, string] | [string, string[]] | NavRouteObject;
+export {};

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils.d.ts

@@ -0,0 +1,8 @@
+import type { Option } from './types';
+export declare const is_object: (val: unknown) => val is Record<string, unknown>;
+export declare const has_group: <T extends Option>(opt: T) => opt is T & {
+    group: string;
+};
+export declare const get_label: (opt: Option) => string | number;
+export declare function get_style(option: Option, key?: `selected` | `option` | null | undefined): string;
+export declare function fuzzy_match(search_text: string, target_text: string): boolean;

package/dist/utils.js

@@ -0,0 +1,63 @@
+// Type guard for checking if a value is a non-null object
+export const is_object = (val) => typeof val === `object` && val !== null;
+// Type guard for checking if an option has a group key
+export const has_group = (opt) => is_object(opt) && typeof opt.group === `string`;
+// Get the label key from an option object or the option itself
+// if it's a string or number
+export const get_label = (opt) => {
+    if (is_object(opt)) {
+        if (opt.label === undefined) {
+            const opt_str = JSON.stringify(opt);
+            console.error(`MultiSelect: option is an object but has no label key`, opt_str);
+        }
+        return opt.label;
+    }
+    return `${opt}`;
+};
+// This function is used extract CSS strings from a {selected, option} style
+// object to be used in the style attribute of the option.
+// If the style is a string, it will be returned as is
+export function get_style(option, key = null) {
+    if (key === undefined)
+        key = null;
+    let css_str = ``;
+    const valid_key = key === null || key === `selected` || key === `option`;
+    if (!valid_key)
+        console.error(`MultiSelect: Invalid key=${key} for get_style`);
+    if (typeof option === `object` && option.style) {
+        if (typeof option.style === `string`)
+            css_str = option.style;
+        if (typeof option.style === `object`) {
+            if (key && key in option.style)
+                return option.style[key] ?? ``;
+            else {
+                console.error(`MultiSelect: invalid style object for option`, option);
+            }
+        }
+    }
+    // ensure css_str ends with a semicolon
+    if (css_str.trim() && !css_str.trim().endsWith(`;`))
+        css_str += `;`;
+    return css_str;
+}
+// Fuzzy string matching function
+// Returns true if the search string can be found as a subsequence in the target string
+// e.g., "tageoo" matches "tasks/geo-opt" because t-a-g-e-o-o appears in order
+export function fuzzy_match(search_text, target_text) {
+    // Handle null/undefined inputs first
+    if (search_text === null || search_text === undefined || target_text === null ||
+        target_text === undefined)
+        return false;
+    if (!search_text)
+        return true;
+    if (!target_text)
+        return false;
+    const [search, target] = [search_text.toLowerCase(), target_text.toLowerCase()];
+    let [search_idx, target_idx] = [0, 0];
+    while (search_idx < search.length && target_idx < target.length) {
+        if (search[search_idx] === target[target_idx])
+            search_idx++;
+        target_idx++;
+    }
+    return search_idx === search.length;
+}