noph-ui 0.30.6 → 0.30.8
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.
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
value = $bindable(),
|
|
11
11
|
variant = 'outlined',
|
|
12
12
|
element = $bindable(),
|
|
13
|
+
menuOpen = $bindable(false),
|
|
13
14
|
populated,
|
|
14
15
|
clampMenuWidth = false,
|
|
15
16
|
optionsFilter,
|
|
@@ -37,7 +38,6 @@
|
|
|
37
38
|
let widthProp = $derived(clampMenuWidth || useVirtualList ? 'width' : 'min-width')
|
|
38
39
|
let clientWidth = $state(0)
|
|
39
40
|
let menuElement = $state<HTMLDivElement>()
|
|
40
|
-
let menuOpen = $state(false)
|
|
41
41
|
let finalPopulated = $derived(populated)
|
|
42
42
|
let activeIndex = $state(NO_INDEX)
|
|
43
43
|
|
|
@@ -121,6 +121,16 @@
|
|
|
121
121
|
}}
|
|
122
122
|
variant="button"
|
|
123
123
|
>{option.label}
|
|
124
|
+
{#snippet start()}
|
|
125
|
+
{#if option.start}
|
|
126
|
+
{@render option.start()}
|
|
127
|
+
{/if}
|
|
128
|
+
{/snippet}
|
|
129
|
+
{#snippet end()}
|
|
130
|
+
{#if option.end}
|
|
131
|
+
{@render option.end()}
|
|
132
|
+
{/if}
|
|
133
|
+
{/snippet}
|
|
124
134
|
</Item>
|
|
125
135
|
{/snippet}
|
|
126
136
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { AutoCompleteProps } from './types.ts';
|
|
2
|
-
declare const AutoComplete: import("svelte").Component<AutoCompleteProps, {}, "element" | "value">;
|
|
2
|
+
declare const AutoComplete: import("svelte").Component<AutoCompleteProps, {}, "element" | "value" | "menuOpen">;
|
|
3
3
|
type AutoComplete = ReturnType<typeof AutoComplete>;
|
|
4
4
|
export default AutoComplete;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import type { InputFieldProps } from '../types.ts';
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
2
3
|
export interface AutoCompleteOption {
|
|
3
4
|
value?: string | number;
|
|
4
5
|
label: string;
|
|
6
|
+
start?: Snippet;
|
|
7
|
+
end?: Snippet;
|
|
5
8
|
}
|
|
6
9
|
export interface AutoCompleteProps extends Omit<InputFieldProps, 'clientWidth' | 'clientHeight'> {
|
|
7
10
|
options: AutoCompleteOption[];
|
|
@@ -11,4 +14,5 @@ export interface AutoCompleteProps extends Omit<InputFieldProps, 'clientWidth' |
|
|
|
11
14
|
showPopover?: () => void;
|
|
12
15
|
hidePopover?: () => void;
|
|
13
16
|
virtualThreshold?: number;
|
|
17
|
+
menuOpen?: boolean;
|
|
14
18
|
}
|