@websline/system-components 1.2.0 → 1.2.2
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.
|
@@ -4,6 +4,8 @@
|
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* @typedef {Object} Props
|
|
7
|
+
* @property {string|import("svelte").SvelteComponent|Function} [adornmentStart=""] Content to display at the start of the input (e.g., icon or text)
|
|
8
|
+
* @property {string|import("svelte").SvelteComponent|Function} [adornmentEnd=""] Content to display at the end of the input (e.g., icon or text)
|
|
7
9
|
* @property {string} [class=""] Additional CSS classes to apply to the component
|
|
8
10
|
* @property {boolean} [disabled=false] Whether the input is disabled
|
|
9
11
|
* @property {boolean} [error=false] Whether the input has an error state
|
|
@@ -4,6 +4,14 @@ type Input = {
|
|
|
4
4
|
$set?(props: Partial<Props>): void;
|
|
5
5
|
};
|
|
6
6
|
declare const Input: import("svelte").Component<{
|
|
7
|
+
/**
|
|
8
|
+
* Content to display at the start of the input (e.g., icon or text)
|
|
9
|
+
*/
|
|
10
|
+
adornmentStart?: string | import("svelte").SvelteComponent | Function;
|
|
11
|
+
/**
|
|
12
|
+
* Content to display at the end of the input (e.g., icon or text)
|
|
13
|
+
*/
|
|
14
|
+
adornmentEnd?: string | import("svelte").SvelteComponent | Function;
|
|
7
15
|
/**
|
|
8
16
|
* Additional CSS classes to apply to the component
|
|
9
17
|
*/
|
|
@@ -46,6 +54,14 @@ declare const Input: import("svelte").Component<{
|
|
|
46
54
|
value?: string;
|
|
47
55
|
}, {}, "value">;
|
|
48
56
|
type Props = {
|
|
57
|
+
/**
|
|
58
|
+
* Content to display at the start of the input (e.g., icon or text)
|
|
59
|
+
*/
|
|
60
|
+
adornmentStart?: string | import("svelte").SvelteComponent | Function;
|
|
61
|
+
/**
|
|
62
|
+
* Content to display at the end of the input (e.g., icon or text)
|
|
63
|
+
*/
|
|
64
|
+
adornmentEnd?: string | import("svelte").SvelteComponent | Function;
|
|
49
65
|
/**
|
|
50
66
|
* Additional CSS classes to apply to the component
|
|
51
67
|
*/
|
|
@@ -212,7 +212,11 @@
|
|
|
212
212
|
}
|
|
213
213
|
: {}}
|
|
214
214
|
{...rest}>
|
|
215
|
-
|
|
215
|
+
{#if name}
|
|
216
|
+
{#each value as tag (tag)}
|
|
217
|
+
<input type="hidden" name={`${name}[]`} value={tag} readonly />
|
|
218
|
+
{/each}
|
|
219
|
+
{/if}
|
|
216
220
|
<ValueList
|
|
217
221
|
bind:inputRef
|
|
218
222
|
{localValues}
|