@getmicdrop/svelte-components 4.0.0 → 4.1.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.
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
export let disabled = false;
|
|
14
14
|
export let error = "";
|
|
15
15
|
export let hideClear = false;
|
|
16
|
+
export let hideCheckboxes = false; // Hide checkboxes in dropdown options
|
|
16
17
|
export let name = "";
|
|
17
18
|
export let id = "";
|
|
18
19
|
/** @type {'sm' | 'md' | 'lg'} */
|
|
@@ -217,13 +218,15 @@
|
|
|
217
218
|
on:click={() => toggleItem(item)}
|
|
218
219
|
on:mouseenter={() => (focusedIndex = index)}
|
|
219
220
|
>
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
221
|
+
{#if !hideCheckboxes}
|
|
222
|
+
<input
|
|
223
|
+
type="checkbox"
|
|
224
|
+
checked={value.includes(item.value)}
|
|
225
|
+
class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-700 dark:focus:ring-offset-gray-700 focus:ring-2 dark:bg-gray-600 dark:border-gray-500"
|
|
226
|
+
tabindex="-1"
|
|
227
|
+
on:click|stopPropagation={() => toggleItem(item)}
|
|
228
|
+
/>
|
|
229
|
+
{/if}
|
|
227
230
|
<span class="flex-1">{item.name}</span>
|
|
228
231
|
</li>
|
|
229
232
|
{/each}
|
|
@@ -11,6 +11,7 @@ type MultiSelect = SvelteComponent<{
|
|
|
11
11
|
placeholder?: string | undefined;
|
|
12
12
|
items?: any[] | undefined;
|
|
13
13
|
hideClear?: boolean | undefined;
|
|
14
|
+
hideCheckboxes?: boolean | undefined;
|
|
14
15
|
}, {
|
|
15
16
|
change: CustomEvent<any>;
|
|
16
17
|
} & {
|
|
@@ -30,6 +31,7 @@ declare const MultiSelect: $$__sveltets_2_IsomorphicComponent<{
|
|
|
30
31
|
placeholder?: string | undefined;
|
|
31
32
|
items?: any[] | undefined;
|
|
32
33
|
hideClear?: boolean | undefined;
|
|
34
|
+
hideCheckboxes?: boolean | undefined;
|
|
33
35
|
}, {
|
|
34
36
|
change: CustomEvent<any>;
|
|
35
37
|
} & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/inputs/MultiSelect.svelte.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MultiSelect.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/inputs/MultiSelect.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyNA;;;;;;;;;;;;;;;;;mBAA8O;6CATjM,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}
|