svelte-multiselect 11.4.0 → 11.5.0

package/dist/CopyButton.svelte

@@ -1,74 +0,0 @@
-<script lang="ts">import { mount } from 'svelte';
-import CopyButton from './CopyButton.svelte';
-import Icon from './Icon.svelte';
-let { content = ``, state = $bindable(`ready`), global_selector = null, global = false, skip_selector = `button`, as = `button`, labels = {
-    ready: { icon: `Copy`, text: `` },
-    success: { icon: `Check`, text: `` },
-    error: { icon: `Alert`, text: `` },
-}, children, ...rest } = $props();
-$effect(() => {
-    if (!global && !global_selector)
-        return;
-    const apply_copy_buttons = () => {
-        const btn_style = `position: absolute; top: 6pt; right: 6pt; ${rest.style ?? ``}`;
-        const skip_sel = skip_selector ?? as;
-        for (const code of document.querySelectorAll(global_selector ?? `pre > code`)) {
-            const pre = code.parentElement;
-            const content = code.textContent ?? ``;
-            if (pre && !pre.querySelector(`[data-sms-copy]`) &&
-                !(skip_sel && pre.querySelector(skip_sel))) {
-                mount(CopyButton, {
-                    target: pre,
-                    props: {
-                        content,
-                        as,
-                        labels,
-                        ...rest,
-                        style: btn_style,
-                        'data-sms-copy': ``,
-                    },
-                });
-            }
-        }
-    };
-    apply_copy_buttons();
-    const observer = new MutationObserver(apply_copy_buttons);
-    observer.observe(document.body, { childList: true, subtree: true });
-    return () => observer.disconnect();
-});
-async function copy() {
-    try {
-        await navigator.clipboard.writeText(content);
-        state = `success`;
-    }
-    catch (err) {
-        console.error(err);
-        state = `error`;
-    }
-    setTimeout(() => (state = `ready`), 2000);
-}
-</script>
-
-{#if !(global || global_selector)}
-  {@const { text, icon } = labels[state]}
-  <svelte:element
-    this={as}
-    onclick={copy}
-    onkeydown={(event) => {
-      if (event.key === `Enter` || event.key === ` `) {
-        event.preventDefault()
-        copy()
-      }
-    }}
-    role="button"
-    tabindex={0}
-    data-sms-copy=""
-    {...rest}
-  >
-    {#if children}
-      {@render children({ state, icon, text })}
-    {:else}
-      <Icon {icon} />{@html text}
-    {/if}
-  </svelte:element>
-{/if}

package/dist/CopyButton.svelte.d.ts

@@ -1,25 +0,0 @@
-import type { Snippet } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-import CopyButton from './CopyButton.svelte';
-import type { IconName } from './icons';
-type State = `ready` | `success` | `error`;
-type $$ComponentProps = Omit<HTMLAttributes<HTMLButtonElement>, `children`> & {
-    content?: string;
-    state?: State;
-    global_selector?: string | null;
-    global?: boolean;
-    skip_selector?: string | null;
-    as?: string;
-    labels?: Record<State, {
-        icon: IconName;
-        text: string;
-    }>;
-    children?: Snippet<[{
-        state: State;
-        icon: IconName;
-        text: string;
-    }]>;
-};
-declare const CopyButton: import("svelte").Component<$$ComponentProps, {}, "state">;
-type CopyButton = ReturnType<typeof CopyButton>;
-export default CopyButton;

package/dist/FileDetails.svelte

@@ -1,52 +0,0 @@
-<script lang="ts">let { files = $bindable([]), toggle_all_btn_title = `Toggle all`, default_lang = `typescript`, as = `ol`, style = null, title_snippet, button_props, details_props, } = $props();
-function toggle_all() {
-    const any_open = files.some((file) => file.node?.open);
-    for (const file of files) {
-        if (!file.node)
-            continue;
-        file.node.open = !any_open;
-    }
-}
-export {};
-</script>
-
-{#if files?.length > 1}
-  <button onclick={toggle_all} title={toggle_all_btn_title} {...button_props}>
-    {files.some((file) => file.node?.open) ? `Close` : `Open`} all
-  </button>
-{/if}
-
-<svelte:element this={as} {style}>
-  {#each files as file, idx (file.title)}
-    {@const { title, content, language = default_lang } = file ?? {}}
-    <li>
-      <!-- https://github.com/sveltejs/svelte/issues/12721#issuecomment-2269544690 -->
-      <details bind:this={file.node} {...details_props}>
-        {#if title || title_snippet}
-          <summary>
-            {#if title_snippet}
-              {@render title_snippet({ idx, ...file })}
-            {:else}
-              {@html title}
-            {/if}
-          </summary>
-        {/if}
-
-        <pre class="language-{language}"><code>{content}</code></pre>
-        <!-- <pre><code>{@html hljs.highlight(content, { language }).value}</code></pre> -->
-      </details>
-    </li>
-  {/each}
-</svelte:element>
-
-<style>
-  button {
-    float: right;
-  }
-  ol {
-    padding: 0;
-  }
-  ol > li {
-    margin: 1ex 0;
-  }
-</style>

package/dist/FileDetails.svelte.d.ts

@@ -1,23 +0,0 @@
-import type { Snippet } from 'svelte';
-import type { HTMLAttributes, HTMLDetailsAttributes } from 'svelte/elements';
-type File = {
-    title: string;
-    content: string;
-    language?: string;
-    node?: HTMLDetailsElement | null;
-};
-type $$ComponentProps = {
-    files?: File[];
-    toggle_all_btn_title?: string;
-    default_lang?: string;
-    as?: string;
-    style?: string | null;
-    title_snippet?: Snippet<[{
-        idx: number;
-    } & File]>;
-    button_props?: HTMLAttributes<HTMLButtonElement>;
-    details_props?: HTMLDetailsAttributes;
-};
-declare const FileDetails: import("svelte").Component<$$ComponentProps, {}, "files">;
-type FileDetails = ReturnType<typeof FileDetails>;
-export default FileDetails;

package/dist/GitHubCorner.svelte

@@ -1,82 +0,0 @@
-<script lang="ts">"use strict";
-// Display an animated Octocat in a corner of the screen to link to the GitHub repo.
-let { href, title = `View code on GitHub`, aria_label, target = `_self`, color = null, fill = null, corner = `top-right`, style = ``, } = $props();
-</script>
-
-<a
-  {href}
-  {target}
-  {title}
-  aria-label={aria_label ?? title}
-  {style}
-  class={corner}
-  style:color
-  style:fill
->
-  <svg viewBox="0 0 250 250" aria-hidden="true">
-    <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z" />
-    <path
-      d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
-      fill="currentColor"
-      style="transform-origin: 130px 106px"
-      class="octo-arm"
-    />
-    <path
-      d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
-      fill="currentColor"
-      class="octo-body"
-    />
-  </svg>
-</a>
-
-<style>
-  a {
-    position: fixed;
-    z-index: 1;
-    fill: var(--github-corner-bg, black);
-    color: var(--github-corner-color, white);
-    width: var(--github-corner-size, 70px);
-  }
-  a.top-right {
-    top: 0;
-    right: 0;
-  }
-  a.top-left {
-    top: 0;
-    left: 0;
-    transform: rotate(-90deg);
-  }
-  a.bottom-left {
-    bottom: 0;
-    left: 0;
-    transform: rotate(180deg);
-  }
-  a.bottom-right {
-    bottom: 0;
-    right: 0;
-    transform: rotate(90deg);
-  }
-  a:hover .octo-arm {
-    animation: octocat-wave 0.5s ease-in-out;
-  }
-  @keyframes octocat-wave {
-    0%,
-    100% {
-      transform: rotate(0);
-    }
-    20%,
-    60% {
-      transform: rotate(-25deg);
-    }
-    40%,
-    80% {
-      transform: rotate(10deg);
-    }
-  }
-  /* hide this component by default when printing since it would show up on every page */
-  @media print {
-    a {
-      display: var(--github-corner-print-display, none);
-    }
-  }
-</style>

package/dist/GitHubCorner.svelte.d.ts

@@ -1,13 +0,0 @@
-type $$ComponentProps = {
-    href: string;
-    title?: string;
-    aria_label?: string;
-    target?: `_self` | `_blank`;
-    color?: string | null;
-    fill?: string | null;
-    corner?: `top-left` | `top-right` | `bottom-left` | `bottom-right`;
-    style?: string;
-};
-declare const GitHubCorner: import("svelte").Component<$$ComponentProps, {}, "">;
-type GitHubCorner = ReturnType<typeof GitHubCorner>;
-export default GitHubCorner;

package/dist/Icon.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">import { icon_data } from './icons';
-let { icon, ...rest } = $props();
-const data = $derived.by(() => {
-    if (!(icon in icon_data)) {
-        console.error(`Icon '${icon}' not found`);
-        return icon_data.Alert; // fallback
-    }
-    return icon_data[icon];
-});
-</script>
-
-<svg viewBox={data.viewBox} fill="currentColor" {...rest}>
-  <path d={data.path} />
-</svg>
-
-<style>
-  svg {
-    width: 1em;
-    height: 1em;
-    display: inline-block;
-    vertical-align: middle;
-  }
-</style>

package/dist/Icon.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { HTMLAttributes } from 'svelte/elements';
-import { type IconName } from './icons';
-type $$ComponentProps = HTMLAttributes<SVGSVGElement> & {
-    icon: IconName;
-};
-declare const Icon: import("svelte").Component<$$ComponentProps, {}, "">;
-type Icon = ReturnType<typeof Icon>;
-export default Icon;