svelte-multiselect 11.3.0 → 11.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/CodeExample.svelte +2 -4
- package/dist/CopyButton.svelte +3 -2
- package/dist/CopyButton.svelte.d.ts +1 -1
- package/dist/GitHubCorner.svelte +2 -2
- package/dist/MultiSelect.svelte +326 -153
- package/dist/MultiSelect.svelte.d.ts +2 -2
- package/dist/Nav.svelte +57 -60
- package/dist/Nav.svelte.d.ts +5 -5
- package/dist/attachments.d.ts +17 -9
- package/dist/attachments.js +80 -22
- package/dist/types.d.ts +33 -4
- package/dist/utils.d.ts +1 -0
- package/dist/utils.js +5 -3
- package/package.json +21 -14
- package/readme.md +84 -6
package/dist/CodeExample.svelte
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
<script lang="ts"
|
|
2
|
-
import { Icon } from './';
|
|
1
|
+
<script lang="ts">import Icon from './Icon.svelte';
|
|
3
2
|
let { src = ``, meta = {}, open = $bindable(!meta.collapsible), title, example, code, link_props, // Applied after computed attributes (href, title, etc.), allowing override
|
|
4
3
|
button_props, } = $props();
|
|
5
4
|
let { id, collapsible, code_above, repl, github, repo, file } = $derived(meta);
|
|
@@ -42,8 +41,7 @@ const links = { target: `_blank`, rel: `noreferrer` };
|
|
|
42
41
|
{@render example?.()}
|
|
43
42
|
{/if}
|
|
44
43
|
|
|
45
|
-
<pre class:open>
|
|
46
|
-
<code>{#if code}{@render code()}{:else}{src}{/if}</code></pre>
|
|
44
|
+
<pre class:open><code>{#if code}{@render code()}{:else}{src}{/if}</code></pre>
|
|
47
45
|
|
|
48
46
|
{#if code_above}
|
|
49
47
|
{@render example?.()}
|
package/dist/CopyButton.svelte
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
<script lang="ts">import {
|
|
2
|
-
import
|
|
1
|
+
<script lang="ts">import { mount } from 'svelte';
|
|
2
|
+
import CopyButton from './CopyButton.svelte';
|
|
3
|
+
import Icon from './Icon.svelte';
|
|
3
4
|
let { content = ``, state = $bindable(`ready`), global_selector = null, global = false, skip_selector = `button`, as = `button`, labels = {
|
|
4
5
|
ready: { icon: `Copy`, text: `` },
|
|
5
6
|
success: { icon: `Check`, text: `` },
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { CopyButton } from './';
|
|
2
1
|
import type { Snippet } from 'svelte';
|
|
3
2
|
import type { HTMLAttributes } from 'svelte/elements';
|
|
3
|
+
import CopyButton from './CopyButton.svelte';
|
|
4
4
|
import type { IconName } from './icons';
|
|
5
5
|
type State = `ready` | `success` | `error`;
|
|
6
6
|
type $$ComponentProps = Omit<HTMLAttributes<HTMLButtonElement>, `children`> & {
|
package/dist/GitHubCorner.svelte
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
<script lang="ts">"use strict";
|
|
2
2
|
// Display an animated Octocat in a corner of the screen to link to the GitHub repo.
|
|
3
|
-
let { href, title = `View code on GitHub`, aria_label
|
|
3
|
+
let { href, title = `View code on GitHub`, aria_label, target = `_self`, color = null, fill = null, corner = `top-right`, style = ``, } = $props();
|
|
4
4
|
</script>
|
|
5
5
|
|
|
6
6
|
<a
|
|
7
7
|
{href}
|
|
8
8
|
{target}
|
|
9
9
|
{title}
|
|
10
|
-
aria-label={aria_label}
|
|
10
|
+
aria-label={aria_label ?? title}
|
|
11
11
|
{style}
|
|
12
12
|
class={corner}
|
|
13
13
|
style:color
|