@ibobbyts/svelte-ui-utils 0.4.6 → 0.5.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/README.md +37 -125
- package/dist/data-table/DateRangeFilter.svelte +119 -47
- package/dist/data-table/DateRangeFilter.svelte.d.ts +4 -3
- package/dist/data-table/DateRangeFilter.svelte.d.ts.map +1 -1
- package/dist/data-table/FilterControl.svelte +136 -27
- package/dist/data-table/FilterControl.svelte.d.ts.map +1 -1
- package/dist/data-table/date-range.d.ts +1 -0
- package/dist/data-table/date-range.d.ts.map +1 -1
- package/dist/data-table/date-range.js +12 -0
- package/dist/data-table/index.d.ts +2 -2
- package/dist/data-table/index.d.ts.map +1 -1
- package/dist/data-table/index.js +1 -1
- package/dist/data-table/types.d.ts +76 -4
- package/dist/data-table/types.d.ts.map +1 -1
- package/dist/dropdown/Dropdown.svelte +27 -11
- package/dist/dropdown/Dropdown.svelte.d.ts +1 -1
- package/dist/dropdown/Dropdown.svelte.d.ts.map +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +0 -1
- package/dist/style.css +12 -282
- package/package.json +4 -12
- package/dist/dropdown-search/DropdownSearch.svelte +0 -725
- package/dist/dropdown-search/DropdownSearch.svelte.d.ts +0 -62
- package/dist/dropdown-search/DropdownSearch.svelte.d.ts.map +0 -1
- package/dist/dropdown-search/DropdownSearchMultiSelect.svelte +0 -94
- package/dist/dropdown-search/DropdownSearchMultiSelect.svelte.d.ts +0 -54
- package/dist/dropdown-search/DropdownSearchMultiSelect.svelte.d.ts.map +0 -1
- package/dist/dropdown-search/index.d.ts +0 -7
- package/dist/dropdown-search/index.d.ts.map +0 -1
- package/dist/dropdown-search/index.js +0 -4
- package/dist/dropdown-search/state.d.ts +0 -17
- package/dist/dropdown-search/state.d.ts.map +0 -1
- package/dist/dropdown-search/state.js +0 -51
- package/dist/dropdown-search/types.d.ts +0 -39
- package/dist/dropdown-search/types.d.ts.map +0 -1
- package/dist/dropdown-search/types.js +0 -1
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { type UiLanguage } from '../i18n.js';
|
|
2
|
-
import type { DropdownSearchChangeDetail, DropdownSearchEnterDetail, DropdownSearchItem, DropdownSearchItemLabelGetter, DropdownSearchLoadOptions, DropdownSearchSelectedItemLabelGetter, DropdownSearchSelectedItemsChangeHandler, DropdownSearchStatus } from './types.js';
|
|
3
|
-
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
4
|
-
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
5
|
-
$$bindings?: Bindings;
|
|
6
|
-
} & Exports;
|
|
7
|
-
(internal: unknown, props: Props & {
|
|
8
|
-
$$events?: Events;
|
|
9
|
-
$$slots?: Slots;
|
|
10
|
-
}): Exports & {
|
|
11
|
-
$set?: any;
|
|
12
|
-
$on?: any;
|
|
13
|
-
};
|
|
14
|
-
z_$$bindings?: Bindings;
|
|
15
|
-
}
|
|
16
|
-
declare const DropdownSearch: $$__sveltets_2_IsomorphicComponent<{
|
|
17
|
-
value?: string;
|
|
18
|
-
selectedItem?: DropdownSearchItem | null;
|
|
19
|
-
selectedItems?: DropdownSearchItem[];
|
|
20
|
-
status?: DropdownSearchStatus;
|
|
21
|
-
multiselect?: boolean;
|
|
22
|
-
placeholder?: string;
|
|
23
|
-
debounceMs?: number;
|
|
24
|
-
limit?: number;
|
|
25
|
-
minLength?: number;
|
|
26
|
-
validate?: boolean;
|
|
27
|
-
closeOnValid?: boolean;
|
|
28
|
-
showOptionsOnFocus?: boolean;
|
|
29
|
-
focusOptions?: DropdownSearchItem[];
|
|
30
|
-
footerText?: string | undefined;
|
|
31
|
-
loadOptions: DropdownSearchLoadOptions;
|
|
32
|
-
id?: string | undefined;
|
|
33
|
-
name?: string | undefined;
|
|
34
|
-
ariaLabel?: string | undefined;
|
|
35
|
-
listboxId?: string | undefined;
|
|
36
|
-
disabled?: boolean;
|
|
37
|
-
language?: UiLanguage;
|
|
38
|
-
noResultsText?: string | undefined;
|
|
39
|
-
loadingText?: string | undefined;
|
|
40
|
-
clearLabel?: string | undefined;
|
|
41
|
-
searchOnExternalValueChange?: boolean;
|
|
42
|
-
width?: string | undefined;
|
|
43
|
-
minWidth?: string | undefined;
|
|
44
|
-
maxWidth?: string | undefined;
|
|
45
|
-
selectedItemsLabel?: string;
|
|
46
|
-
removeSelectedItemLabel?: DropdownSearchSelectedItemLabelGetter | undefined;
|
|
47
|
-
getItemLabel?: DropdownSearchItemLabelGetter;
|
|
48
|
-
onChange?: ((detail: DropdownSearchChangeDetail) => void) | undefined;
|
|
49
|
-
onSelect?: ((item: DropdownSearchItem) => void) | undefined;
|
|
50
|
-
onDeselect?: ((item: DropdownSearchItem) => void) | undefined;
|
|
51
|
-
onSelectedItemsChange?: DropdownSearchSelectedItemsChangeHandler | undefined;
|
|
52
|
-
onStatusChange?: ((status: DropdownSearchStatus) => void) | undefined;
|
|
53
|
-
onInputBlur?: ((event: FocusEvent) => void) | undefined;
|
|
54
|
-
onEnter?: ((detail: DropdownSearchEnterDetail) => void) | undefined;
|
|
55
|
-
}, {
|
|
56
|
-
mousedown: MouseEvent;
|
|
57
|
-
} & {
|
|
58
|
-
[evt: string]: CustomEvent<any>;
|
|
59
|
-
}, {}, {}, string>;
|
|
60
|
-
type DropdownSearch = InstanceType<typeof DropdownSearch>;
|
|
61
|
-
export default DropdownSearch;
|
|
62
|
-
//# sourceMappingURL=DropdownSearch.svelte.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownSearch.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/dropdown-search/DropdownSearch.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAM5D,OAAO,KAAK,EACR,0BAA0B,EAC1B,yBAAyB,EACzB,kBAAkB,EAClB,6BAA6B,EAC7B,yBAAyB,EACzB,qCAAqC,EACrC,wCAAwC,EACxC,oBAAoB,EACrB,MAAM,YAAY,CAAC;AA4oBtB,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,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,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,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,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,cAAc;;mBAdihC,kBAAkB,GAAG,IAAI;oBAAkB,kBAAkB,EAAE;aAAW,oBAAoB;;;;;;;;;mBAAyR,kBAAkB,EAAE;iBAAe,MAAM,GAAG,SAAS;iBAAe,yBAAyB;SAAO,MAAM,GAAG,SAAS;WAAS,MAAM,GAAG,SAAS;gBAAc,MAAM,GAAG,SAAS;gBAAc,MAAM,GAAG,SAAS;;eAAyC,UAAU;oBAAkB,MAAM,GAAG,SAAS;kBAAgB,MAAM,GAAG,SAAS;iBAAe,MAAM,GAAG,SAAS;;YAA4E,MAAM,GAAG,SAAS;eAAa,MAAM,GAAG,SAAS;eAAa,MAAM,GAAG,SAAS;;8BAA8E,qCAAqC,GAChhE,SAAS;mBAAiB,6BAA6B;eAAe,CAAC,CAAC,MAAM,EAAE,0BAA0B,KAAK,IAAI,CAAC,GACpH,SAAS;eAAa,CAAC,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC,GAAG,SAAS;iBAAe,CAAC,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC,GAAG,SAAS;4BAA4B,wCAAwC,GACzM,SAAS;qBAAqB,CAAC,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC,GACtE,SAAS;kBAAgB,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC,GAAG,SAAS;cAAY,CAAC,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI,CAAC,GAAG,SAAS;;;;;kBAU1C,CAAC;AAClF,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAC5D,eAAe,cAAc,CAAC"}
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
<svelte:options runes={false} />
|
|
2
|
-
|
|
3
|
-
<script lang="ts">
|
|
4
|
-
import DropdownSearch from './DropdownSearch.svelte';
|
|
5
|
-
import type { UiLanguage } from '../i18n.js';
|
|
6
|
-
import type {
|
|
7
|
-
DropdownSearchChangeDetail,
|
|
8
|
-
DropdownSearchItem,
|
|
9
|
-
DropdownSearchItemLabelGetter,
|
|
10
|
-
DropdownSearchLoadOptions,
|
|
11
|
-
DropdownSearchSelectedItemLabelGetter,
|
|
12
|
-
DropdownSearchSelectedItemsChangeHandler,
|
|
13
|
-
DropdownSearchStatus,
|
|
14
|
-
} from './types.js';
|
|
15
|
-
|
|
16
|
-
export let value = '';
|
|
17
|
-
export let selectedItems: DropdownSearchItem[] = [];
|
|
18
|
-
export let status: DropdownSearchStatus = 'empty';
|
|
19
|
-
export let placeholder = '';
|
|
20
|
-
export let debounceMs = 500;
|
|
21
|
-
export let limit = 10;
|
|
22
|
-
export let minLength = 1;
|
|
23
|
-
export let validate = true;
|
|
24
|
-
export let closeOnValid = false;
|
|
25
|
-
export let loadOptions: DropdownSearchLoadOptions;
|
|
26
|
-
export let id: string | undefined = undefined;
|
|
27
|
-
export let name: string | undefined = undefined;
|
|
28
|
-
export let ariaLabel: string | undefined = undefined;
|
|
29
|
-
export let listboxId: string | undefined = undefined;
|
|
30
|
-
export let disabled = false;
|
|
31
|
-
export let language: UiLanguage = 'en_us';
|
|
32
|
-
export let noResultsText: string | undefined = undefined;
|
|
33
|
-
export let loadingText: string | undefined = undefined;
|
|
34
|
-
export let clearLabel: string | undefined = undefined;
|
|
35
|
-
export let searchOnExternalValueChange = false;
|
|
36
|
-
export let width: string | undefined = undefined;
|
|
37
|
-
export let minWidth: string | undefined = undefined;
|
|
38
|
-
export let maxWidth: string | undefined = undefined;
|
|
39
|
-
export let selectedItemsLabel = 'Selected items';
|
|
40
|
-
export let removeSelectedItemLabel:
|
|
41
|
-
| DropdownSearchSelectedItemLabelGetter
|
|
42
|
-
| undefined = undefined;
|
|
43
|
-
export let getItemLabel: DropdownSearchItemLabelGetter = (item) => item.label;
|
|
44
|
-
export let onChange:
|
|
45
|
-
| ((detail: DropdownSearchChangeDetail) => void)
|
|
46
|
-
| undefined = undefined;
|
|
47
|
-
export let onSelect: ((item: DropdownSearchItem) => void) | undefined =
|
|
48
|
-
undefined;
|
|
49
|
-
export let onDeselect: ((item: DropdownSearchItem) => void) | undefined =
|
|
50
|
-
undefined;
|
|
51
|
-
export let onSelectedItemsChange:
|
|
52
|
-
| DropdownSearchSelectedItemsChangeHandler
|
|
53
|
-
| undefined = undefined;
|
|
54
|
-
export let onStatusChange:
|
|
55
|
-
| ((status: DropdownSearchStatus) => void)
|
|
56
|
-
| undefined = undefined;
|
|
57
|
-
export let onInputBlur: ((event: FocusEvent) => void) | undefined = undefined;
|
|
58
|
-
</script>
|
|
59
|
-
|
|
60
|
-
<DropdownSearch
|
|
61
|
-
{value}
|
|
62
|
-
{selectedItems}
|
|
63
|
-
{status}
|
|
64
|
-
multiselect={true}
|
|
65
|
-
{placeholder}
|
|
66
|
-
{debounceMs}
|
|
67
|
-
{limit}
|
|
68
|
-
{minLength}
|
|
69
|
-
{validate}
|
|
70
|
-
{closeOnValid}
|
|
71
|
-
{loadOptions}
|
|
72
|
-
{id}
|
|
73
|
-
{name}
|
|
74
|
-
{ariaLabel}
|
|
75
|
-
{listboxId}
|
|
76
|
-
{disabled}
|
|
77
|
-
{language}
|
|
78
|
-
{noResultsText}
|
|
79
|
-
{loadingText}
|
|
80
|
-
{clearLabel}
|
|
81
|
-
{searchOnExternalValueChange}
|
|
82
|
-
{width}
|
|
83
|
-
{minWidth}
|
|
84
|
-
{maxWidth}
|
|
85
|
-
{selectedItemsLabel}
|
|
86
|
-
{removeSelectedItemLabel}
|
|
87
|
-
{getItemLabel}
|
|
88
|
-
{onChange}
|
|
89
|
-
{onSelect}
|
|
90
|
-
{onDeselect}
|
|
91
|
-
{onSelectedItemsChange}
|
|
92
|
-
{onStatusChange}
|
|
93
|
-
{onInputBlur}
|
|
94
|
-
/>
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import type { UiLanguage } from '../i18n.js';
|
|
2
|
-
import type { DropdownSearchChangeDetail, DropdownSearchItem, DropdownSearchItemLabelGetter, DropdownSearchLoadOptions, DropdownSearchSelectedItemLabelGetter, DropdownSearchSelectedItemsChangeHandler, DropdownSearchStatus } from './types.js';
|
|
3
|
-
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
4
|
-
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
5
|
-
$$bindings?: Bindings;
|
|
6
|
-
} & Exports;
|
|
7
|
-
(internal: unknown, props: Props & {
|
|
8
|
-
$$events?: Events;
|
|
9
|
-
$$slots?: Slots;
|
|
10
|
-
}): Exports & {
|
|
11
|
-
$set?: any;
|
|
12
|
-
$on?: any;
|
|
13
|
-
};
|
|
14
|
-
z_$$bindings?: Bindings;
|
|
15
|
-
}
|
|
16
|
-
declare const DropdownSearchMultiSelect: $$__sveltets_2_IsomorphicComponent<{
|
|
17
|
-
value?: string;
|
|
18
|
-
selectedItems?: DropdownSearchItem[];
|
|
19
|
-
status?: DropdownSearchStatus;
|
|
20
|
-
placeholder?: string;
|
|
21
|
-
debounceMs?: number;
|
|
22
|
-
limit?: number;
|
|
23
|
-
minLength?: number;
|
|
24
|
-
validate?: boolean;
|
|
25
|
-
closeOnValid?: boolean;
|
|
26
|
-
loadOptions: DropdownSearchLoadOptions;
|
|
27
|
-
id?: string | undefined;
|
|
28
|
-
name?: string | undefined;
|
|
29
|
-
ariaLabel?: string | undefined;
|
|
30
|
-
listboxId?: string | undefined;
|
|
31
|
-
disabled?: boolean;
|
|
32
|
-
language?: UiLanguage;
|
|
33
|
-
noResultsText?: string | undefined;
|
|
34
|
-
loadingText?: string | undefined;
|
|
35
|
-
clearLabel?: string | undefined;
|
|
36
|
-
searchOnExternalValueChange?: boolean;
|
|
37
|
-
width?: string | undefined;
|
|
38
|
-
minWidth?: string | undefined;
|
|
39
|
-
maxWidth?: string | undefined;
|
|
40
|
-
selectedItemsLabel?: string;
|
|
41
|
-
removeSelectedItemLabel?: DropdownSearchSelectedItemLabelGetter | undefined;
|
|
42
|
-
getItemLabel?: DropdownSearchItemLabelGetter;
|
|
43
|
-
onChange?: ((detail: DropdownSearchChangeDetail) => void) | undefined;
|
|
44
|
-
onSelect?: ((item: DropdownSearchItem) => void) | undefined;
|
|
45
|
-
onDeselect?: ((item: DropdownSearchItem) => void) | undefined;
|
|
46
|
-
onSelectedItemsChange?: DropdownSearchSelectedItemsChangeHandler | undefined;
|
|
47
|
-
onStatusChange?: ((status: DropdownSearchStatus) => void) | undefined;
|
|
48
|
-
onInputBlur?: ((event: FocusEvent) => void) | undefined;
|
|
49
|
-
}, {
|
|
50
|
-
[evt: string]: CustomEvent<any>;
|
|
51
|
-
}, {}, {}, string>;
|
|
52
|
-
type DropdownSearchMultiSelect = InstanceType<typeof DropdownSearchMultiSelect>;
|
|
53
|
-
export default DropdownSearchMultiSelect;
|
|
54
|
-
//# sourceMappingURL=DropdownSearchMultiSelect.svelte.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownSearchMultiSelect.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/dropdown-search/DropdownSearchMultiSelect.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,EACR,0BAA0B,EAC1B,kBAAkB,EAClB,6BAA6B,EAC7B,yBAAyB,EACzB,qCAAqC,EACrC,wCAAwC,EACxC,oBAAoB,EACrB,MAAM,YAAY,CAAC;AA6DtB,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,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,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,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,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,yBAAyB;;oBAd61B,kBAAkB,EAAE;aAAW,oBAAoB;;;;;;;iBAAqM,yBAAyB;SAAO,MAAM,GAAG,SAAS;WAAS,MAAM,GAAG,SAAS;gBAAc,MAAM,GAAG,SAAS;gBAAc,MAAM,GAAG,SAAS;;eAAyC,UAAU;oBAAkB,MAAM,GAAG,SAAS;kBAAgB,MAAM,GAAG,SAAS;iBAAe,MAAM,GAAG,SAAS;;YAA4E,MAAM,GAAG,SAAS;eAAa,MAAM,GAAG,SAAS;eAAa,MAAM,GAAG,SAAS;;8BAA8E,qCAAqC,GACpqD,SAAS;mBAAiB,6BAA6B;eAAe,CAAC,CAAC,MAAM,EAAE,0BAA0B,KAAK,IAAI,CAAC,GACpH,SAAS;eAAa,CAAC,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC,GAAG,SAAS;iBAAe,CAAC,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC,GAAG,SAAS;4BAA4B,wCAAwC,GACzM,SAAS;qBAAqB,CAAC,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC,GACtE,SAAS;kBAAgB,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC,GAAG,SAAS;;;kBAUsC,CAAC;AAC7F,KAAK,yBAAyB,GAAG,YAAY,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAClF,eAAe,yBAAyB,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export { default as DropdownSearch } from './DropdownSearch.svelte';
|
|
2
|
-
export { default as DropdownSearchMultiSelect } from './DropdownSearchMultiSelect.svelte';
|
|
3
|
-
export { getUiMessages, resolveUiLanguage, uiLanguages } from '../i18n.js';
|
|
4
|
-
export { clampDropdownSearchLimit, formatParamDict, isUsableExactMatch, normalizeDropdownSearchValue, resolveDropdownSearchStatus, } from './state.js';
|
|
5
|
-
export type { UiLanguage, UiMessages } from '../i18n.js';
|
|
6
|
-
export type { DropdownSearchChangeDetail, DropdownSearchEnterDetail, DropdownSearchItem, DropdownSearchItemLabelGetter, DropdownSearchLoadContext, DropdownSearchLoadOptions, DropdownSearchSelectedItemLabelGetter, DropdownSearchSelectedItemsChangeHandler, DropdownSearchResult, DropdownSearchStatus, } from './types.js';
|
|
7
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/dropdown-search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC3E,OAAO,EACL,wBAAwB,EACxB,eAAe,EACf,kBAAkB,EAClB,4BAA4B,EAC5B,2BAA2B,GAC5B,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EACV,0BAA0B,EAC1B,yBAAyB,EACzB,kBAAkB,EAClB,6BAA6B,EAC7B,yBAAyB,EACzB,yBAAyB,EACzB,qCAAqC,EACrC,wCAAwC,EACxC,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,YAAY,CAAC"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export { default as DropdownSearch } from './DropdownSearch.svelte';
|
|
2
|
-
export { default as DropdownSearchMultiSelect } from './DropdownSearchMultiSelect.svelte';
|
|
3
|
-
export { getUiMessages, resolveUiLanguage, uiLanguages } from '../i18n.js';
|
|
4
|
-
export { clampDropdownSearchLimit, formatParamDict, isUsableExactMatch, normalizeDropdownSearchValue, resolveDropdownSearchStatus, } from './state.js';
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import type { DropdownSearchItem, DropdownSearchStatus } from './types.js';
|
|
2
|
-
export declare function normalizeDropdownSearchValue(value: string): string;
|
|
3
|
-
export declare function clampDropdownSearchLimit(limit: number): number;
|
|
4
|
-
export declare function isUsableExactMatch(item: DropdownSearchItem | null | undefined): item is DropdownSearchItem;
|
|
5
|
-
export declare function resolveDropdownSearchStatus(params: {
|
|
6
|
-
value: string;
|
|
7
|
-
selectedItem?: DropdownSearchItem | null;
|
|
8
|
-
selectedItems?: DropdownSearchItem[];
|
|
9
|
-
exactMatch?: DropdownSearchItem | null;
|
|
10
|
-
loading?: boolean;
|
|
11
|
-
errored?: boolean;
|
|
12
|
-
minLength?: number;
|
|
13
|
-
validate?: boolean;
|
|
14
|
-
multiselect?: boolean;
|
|
15
|
-
}): DropdownSearchStatus;
|
|
16
|
-
export declare function formatParamDict(paramDict: DropdownSearchItem['param_dict']): string[];
|
|
17
|
-
//# sourceMappingURL=state.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../src/lib/dropdown-search/state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAE3E,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAElE;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAM9D;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,kBAAkB,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,kBAAkB,CAE1G;AAED,wBAAgB,2BAA2B,CAAC,MAAM,EAAE;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACrC,UAAU,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,oBAAoB,CAuCvB;AAED,wBAAgB,eAAe,CAAC,SAAS,EAAE,kBAAkB,CAAC,YAAY,CAAC,GAAG,MAAM,EAAE,CAQrF"}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
export function normalizeDropdownSearchValue(value) {
|
|
2
|
-
return value.trim();
|
|
3
|
-
}
|
|
4
|
-
export function clampDropdownSearchLimit(limit) {
|
|
5
|
-
if (!Number.isFinite(limit)) {
|
|
6
|
-
return 10;
|
|
7
|
-
}
|
|
8
|
-
return Math.min(50, Math.max(1, Math.floor(limit)));
|
|
9
|
-
}
|
|
10
|
-
export function isUsableExactMatch(item) {
|
|
11
|
-
return Boolean(item && !item.disabled);
|
|
12
|
-
}
|
|
13
|
-
export function resolveDropdownSearchStatus(params) {
|
|
14
|
-
const trimmed = normalizeDropdownSearchValue(params.value);
|
|
15
|
-
const minLength = params.minLength ?? 1;
|
|
16
|
-
const validate = params.validate ?? true;
|
|
17
|
-
const hasSelectedItems = Boolean(params.selectedItems?.some((item) => !item.disabled));
|
|
18
|
-
if (!trimmed) {
|
|
19
|
-
if (params.multiselect && validate && hasSelectedItems) {
|
|
20
|
-
return 'valid';
|
|
21
|
-
}
|
|
22
|
-
return 'empty';
|
|
23
|
-
}
|
|
24
|
-
if (params.loading) {
|
|
25
|
-
return 'loading';
|
|
26
|
-
}
|
|
27
|
-
if (!validate) {
|
|
28
|
-
return 'empty';
|
|
29
|
-
}
|
|
30
|
-
if (params.multiselect && hasSelectedItems) {
|
|
31
|
-
return 'valid';
|
|
32
|
-
}
|
|
33
|
-
if (params.errored) {
|
|
34
|
-
return 'error';
|
|
35
|
-
}
|
|
36
|
-
if (trimmed.length < minLength) {
|
|
37
|
-
return 'invalid';
|
|
38
|
-
}
|
|
39
|
-
if (isUsableExactMatch(params.selectedItem) || isUsableExactMatch(params.exactMatch)) {
|
|
40
|
-
return 'valid';
|
|
41
|
-
}
|
|
42
|
-
return 'invalid';
|
|
43
|
-
}
|
|
44
|
-
export function formatParamDict(paramDict) {
|
|
45
|
-
if (!paramDict) {
|
|
46
|
-
return [];
|
|
47
|
-
}
|
|
48
|
-
return Object.entries(paramDict)
|
|
49
|
-
.filter(([, value]) => value !== null && value !== undefined && value !== '')
|
|
50
|
-
.map(([key, value]) => `${key}: ${value}`);
|
|
51
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
export type DropdownSearchStatus = 'empty' | 'loading' | 'valid' | 'invalid' | 'error';
|
|
2
|
-
/**
|
|
3
|
-
* Search options and selected chips use the unified label/value contract:
|
|
4
|
-
* `label` is the display text, `value` is the submitted string identifier.
|
|
5
|
-
* Extra business fields (e.g. `param_dict`) are preserved as metadata.
|
|
6
|
-
*/
|
|
7
|
-
export interface DropdownSearchItem {
|
|
8
|
-
label: string;
|
|
9
|
-
value: string;
|
|
10
|
-
param_dict?: Record<string, string | number | null>;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
[key: string]: unknown;
|
|
13
|
-
}
|
|
14
|
-
export interface DropdownSearchLoadContext {
|
|
15
|
-
limit: number;
|
|
16
|
-
signal: AbortSignal;
|
|
17
|
-
}
|
|
18
|
-
export interface DropdownSearchResult {
|
|
19
|
-
options: DropdownSearchItem[];
|
|
20
|
-
exactMatch?: DropdownSearchItem | null;
|
|
21
|
-
}
|
|
22
|
-
export type DropdownSearchLoadOptions = (query: string, context: DropdownSearchLoadContext) => Promise<DropdownSearchResult> | DropdownSearchResult;
|
|
23
|
-
export interface DropdownSearchChangeDetail {
|
|
24
|
-
/** Free-text input content; distinct from the submitted `DropdownSearchItem.value`. */
|
|
25
|
-
value: string;
|
|
26
|
-
selectedItem: DropdownSearchItem | null;
|
|
27
|
-
selectedItems: DropdownSearchItem[];
|
|
28
|
-
status: DropdownSearchStatus;
|
|
29
|
-
}
|
|
30
|
-
export interface DropdownSearchEnterDetail extends DropdownSearchChangeDetail {
|
|
31
|
-
event: KeyboardEvent;
|
|
32
|
-
exactMatch: DropdownSearchItem | null;
|
|
33
|
-
options: DropdownSearchItem[];
|
|
34
|
-
}
|
|
35
|
-
/** Returns the input text shown for a selected item; defaults to the item label. */
|
|
36
|
-
export type DropdownSearchItemLabelGetter = (item: DropdownSearchItem) => string;
|
|
37
|
-
export type DropdownSearchSelectedItemsChangeHandler = (items: DropdownSearchItem[]) => void | Promise<void>;
|
|
38
|
-
export type DropdownSearchSelectedItemLabelGetter = (item: DropdownSearchItem) => string;
|
|
39
|
-
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/dropdown-search/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEvF;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;CACxC;AAED,MAAM,MAAM,yBAAyB,GAAG,CACtC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,yBAAyB,KAC/B,OAAO,CAAC,oBAAoB,CAAC,GAAG,oBAAoB,CAAC;AAE1D,MAAM,WAAW,0BAA0B;IACzC,uFAAuF;IACvF,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACxC,aAAa,EAAE,kBAAkB,EAAE,CAAC;IACpC,MAAM,EAAE,oBAAoB,CAAC;CAC9B;AAED,MAAM,WAAW,yBAA0B,SAAQ,0BAA0B;IAC3E,KAAK,EAAE,aAAa,CAAC;IACrB,UAAU,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACtC,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B;AAED,oFAAoF;AACpF,MAAM,MAAM,6BAA6B,GAAG,CAAC,IAAI,EAAE,kBAAkB,KAAK,MAAM,CAAC;AACjF,MAAM,MAAM,wCAAwC,GAAG,CAAC,KAAK,EAAE,kBAAkB,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAC7G,MAAM,MAAM,qCAAqC,GAAG,CAAC,IAAI,EAAE,kBAAkB,KAAK,MAAM,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|