@ibobbyts/svelte-ui-utils 0.1.2 → 0.2.1

package/dist/dropdown-search/DropdownSearchMultiSelect.svelte

@@ -0,0 +1,92 @@
+<svelte:options runes={false} />
+
+<script lang="ts">
+  import DropdownSearch from './DropdownSearch.svelte';
+  import type { UiLanguage } from '../i18n.js';
+  import type {
+    DropdownSearchChangeDetail,
+    DropdownSearchItem,
+    DropdownSearchItemValueGetter,
+    DropdownSearchLoadOptions,
+    DropdownSearchSelectedItemLabelGetter,
+    DropdownSearchSelectedItemsChangeHandler,
+    DropdownSearchStatus,
+  } from './types.js';
+
+  export let value = '';
+  export let selectedItems: DropdownSearchItem[] = [];
+  export let status: DropdownSearchStatus = 'empty';
+  export let placeholder = '';
+  export let debounceMs = 500;
+  export let limit = 10;
+  export let minLength = 1;
+  export let validate = true;
+  export let loadOptions: DropdownSearchLoadOptions;
+  export let id: string | undefined = undefined;
+  export let name: string | undefined = undefined;
+  export let ariaLabel: string | undefined = undefined;
+  export let listboxId: string | undefined = undefined;
+  export let disabled = false;
+  export let language: UiLanguage = 'en_us';
+  export let noResultsText: string | undefined = undefined;
+  export let loadingText: string | undefined = undefined;
+  export let clearLabel: string | undefined = undefined;
+  export let searchOnExternalValueChange = false;
+  export let width: string | undefined = undefined;
+  export let minWidth: string | undefined = undefined;
+  export let maxWidth: string | undefined = undefined;
+  export let selectedItemsLabel = 'Selected items';
+  export let removeSelectedItemLabel:
+    | DropdownSearchSelectedItemLabelGetter
+    | undefined = undefined;
+  export let getItemValue: DropdownSearchItemValueGetter = (item) => item.title;
+  export let onChange:
+    | ((detail: DropdownSearchChangeDetail) => void)
+    | undefined = undefined;
+  export let onSelect: ((item: DropdownSearchItem) => void) | undefined =
+    undefined;
+  export let onDeselect: ((item: DropdownSearchItem) => void) | undefined =
+    undefined;
+  export let onSelectedItemsChange:
+    | DropdownSearchSelectedItemsChangeHandler
+    | undefined = undefined;
+  export let onStatusChange:
+    | ((status: DropdownSearchStatus) => void)
+    | undefined = undefined;
+  export let onInputBlur: ((event: FocusEvent) => void) | undefined = undefined;
+</script>
+
+<DropdownSearch
+  {value}
+  {selectedItems}
+  {status}
+  multiselect={true}
+  {placeholder}
+  {debounceMs}
+  {limit}
+  {minLength}
+  {validate}
+  {loadOptions}
+  {id}
+  {name}
+  {ariaLabel}
+  {listboxId}
+  {disabled}
+  {language}
+  {noResultsText}
+  {loadingText}
+  {clearLabel}
+  {searchOnExternalValueChange}
+  {width}
+  {minWidth}
+  {maxWidth}
+  {selectedItemsLabel}
+  {removeSelectedItemLabel}
+  {getItemValue}
+  {onChange}
+  {onSelect}
+  {onDeselect}
+  {onSelectedItemsChange}
+  {onStatusChange}
+  {onInputBlur}
+/>

package/dist/dropdown-search/DropdownSearchMultiSelect.svelte.d.ts

@@ -0,0 +1,53 @@
+import type { UiLanguage } from '../i18n.js';
+import type { DropdownSearchChangeDetail, DropdownSearchItem, DropdownSearchItemValueGetter, DropdownSearchLoadOptions, DropdownSearchSelectedItemLabelGetter, DropdownSearchSelectedItemsChangeHandler, DropdownSearchStatus } from './types.js';
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const DropdownSearchMultiSelect: $$__sveltets_2_IsomorphicComponent<{
+    value?: string;
+    selectedItems?: DropdownSearchItem[];
+    status?: DropdownSearchStatus;
+    placeholder?: string;
+    debounceMs?: number;
+    limit?: number;
+    minLength?: number;
+    validate?: boolean;
+    loadOptions: DropdownSearchLoadOptions;
+    id?: string | undefined;
+    name?: string | undefined;
+    ariaLabel?: string | undefined;
+    listboxId?: string | undefined;
+    disabled?: boolean;
+    language?: UiLanguage;
+    noResultsText?: string | undefined;
+    loadingText?: string | undefined;
+    clearLabel?: string | undefined;
+    searchOnExternalValueChange?: boolean;
+    width?: string | undefined;
+    minWidth?: string | undefined;
+    maxWidth?: string | undefined;
+    selectedItemsLabel?: string;
+    removeSelectedItemLabel?: DropdownSearchSelectedItemLabelGetter | undefined;
+    getItemValue?: DropdownSearchItemValueGetter;
+    onChange?: ((detail: DropdownSearchChangeDetail) => void) | undefined;
+    onSelect?: ((item: DropdownSearchItem) => void) | undefined;
+    onDeselect?: ((item: DropdownSearchItem) => void) | undefined;
+    onSelectedItemsChange?: DropdownSearchSelectedItemsChangeHandler | undefined;
+    onStatusChange?: ((status: DropdownSearchStatus) => void) | undefined;
+    onInputBlur?: ((event: FocusEvent) => void) | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type DropdownSearchMultiSelect = InstanceType<typeof DropdownSearchMultiSelect>;
+export default DropdownSearchMultiSelect;
+//# sourceMappingURL=DropdownSearchMultiSelect.svelte.d.ts.map

package/dist/dropdown-search/DropdownSearchMultiSelect.svelte.d.ts.map

@@ -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;AA4DtB,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;;oBAdg0B,kBAAkB,EAAE;aAAW,oBAAoB;;;;;;iBAAiK,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,GACnmD,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"}

package/dist/dropdown-search/index.d.ts

@@ -1,6 +1,7 @@
 export { default as DropdownSearch } from './DropdownSearch.svelte';
+export { default as DropdownSearchMultiSelect } from './DropdownSearchMultiSelect.svelte';
 export { getUiMessages, resolveUiLanguage, uiLanguages } from '../i18n.js';
-export { clampDropdownSearchLimit, formatParamDict, isUsableExactMatch, normalizeDropdownSearchValue, resolveDropdownSearchStatus } from './state.js';
+export { clampDropdownSearchLimit, formatParamDict, isUsableExactMatch, normalizeDropdownSearchValue, resolveDropdownSearchStatus, } from './state.js';
 export type { UiLanguage, UiMessages } from '../i18n.js';
-export type { DropdownSearchChangeDetail, DropdownSearchItem, DropdownSearchItemValueGetter, DropdownSearchLoadContext, DropdownSearchLoadOptions, DropdownSearchResult, DropdownSearchStatus } from './types.js';
+export type { DropdownSearchChangeDetail, DropdownSearchEnterDetail, DropdownSearchItem, DropdownSearchItemValueGetter, DropdownSearchLoadContext, DropdownSearchLoadOptions, DropdownSearchSelectedItemLabelGetter, DropdownSearchSelectedItemsChangeHandler, DropdownSearchResult, DropdownSearchStatus, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/dropdown-search/index.d.ts.map

@@ -1 +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,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC3E,OAAO,EACL,wBAAwB,EACxB,eAAe,EACf,kBAAkB,EAClB,4BAA4B,EAC5B,2BAA2B,EAC5B,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EACV,0BAA0B,EAC1B,kBAAkB,EAClB,6BAA6B,EAC7B,yBAAyB,EACzB,yBAAyB,EACzB,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,YAAY,CAAC"}
+{"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"}

package/dist/dropdown-search/index.js

@@ -1,3 +1,4 @@
 export { default as DropdownSearch } from './DropdownSearch.svelte';
+export { default as DropdownSearchMultiSelect } from './DropdownSearchMultiSelect.svelte';
 export { getUiMessages, resolveUiLanguage, uiLanguages } from '../i18n.js';
-export { clampDropdownSearchLimit, formatParamDict, isUsableExactMatch, normalizeDropdownSearchValue, resolveDropdownSearchStatus } from './state.js';
+export { clampDropdownSearchLimit, formatParamDict, isUsableExactMatch, normalizeDropdownSearchValue, resolveDropdownSearchStatus, } from './state.js';

package/dist/dropdown-search/state.d.ts

@@ -5,11 +5,13 @@ export declare function isUsableExactMatch(item: DropdownSearchItem | null | und
 export declare function resolveDropdownSearchStatus(params: {
     value: string;
     selectedItem?: DropdownSearchItem | null;
+    selectedItems?: DropdownSearchItem[];
     exactMatch?: DropdownSearchItem | null;
     loading?: boolean;
     errored?: boolean;
     minLength?: number;
     validate?: boolean;
+    multiselect?: boolean;
 }): DropdownSearchStatus;
 export declare function formatParamDict(paramDict: DropdownSearchItem['param_dict']): string[];
 //# sourceMappingURL=state.d.ts.map

package/dist/dropdown-search/state.d.ts.map

@@ -1 +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,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;CACpB,GAAG,oBAAoB,CA8BvB;AAED,wBAAgB,eAAe,CAAC,SAAS,EAAE,kBAAkB,CAAC,YAAY,CAAC,GAAG,MAAM,EAAE,CAQrF"}
+{"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"}

package/dist/dropdown-search/state.js

@@ -14,7 +14,11 @@ export function resolveDropdownSearchStatus(params) {
     const trimmed = normalizeDropdownSearchValue(params.value);
     const minLength = params.minLength ?? 1;
     const validate = params.validate ?? true;
+    const hasSelectedItems = Boolean(params.selectedItems?.some((item) => !item.disabled));
     if (!trimmed) {
+        if (params.multiselect && validate && hasSelectedItems) {
+            return 'valid';
+        }
         return 'empty';
     }
     if (params.loading) {
@@ -23,6 +27,9 @@ export function resolveDropdownSearchStatus(params) {
     if (!validate) {
         return 'empty';
     }
+    if (params.multiselect && hasSelectedItems) {
+        return 'valid';
+    }
     if (params.errored) {
         return 'error';
     }

package/dist/dropdown-search/types.d.ts

@@ -18,7 +18,15 @@ export type DropdownSearchLoadOptions = (query: string, context: DropdownSearchL
 export interface DropdownSearchChangeDetail {
     value: string;
     selectedItem: DropdownSearchItem | null;
+    selectedItems: DropdownSearchItem[];
     status: DropdownSearchStatus;
 }
+export interface DropdownSearchEnterDetail extends DropdownSearchChangeDetail {
+    event: KeyboardEvent;
+    exactMatch: DropdownSearchItem | null;
+    options: DropdownSearchItem[];
+}
 export type DropdownSearchItemValueGetter = (item: DropdownSearchItem) => string;
+export type DropdownSearchSelectedItemsChangeHandler = (items: DropdownSearchItem[]) => void | Promise<void>;
+export type DropdownSearchSelectedItemLabelGetter = (item: DropdownSearchItem) => string;
 //# sourceMappingURL=types.d.ts.map

package/dist/dropdown-search/types.d.ts.map

@@ -1 +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,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,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,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACxC,MAAM,EAAE,oBAAoB,CAAC;CAC9B;AAED,MAAM,MAAM,6BAA6B,GAAG,CAAC,IAAI,EAAE,kBAAkB,KAAK,MAAM,CAAC"}
+{"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,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,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,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,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"}

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export * from './toast/index.js';
 export * from './dropdown/index.js';
 export * from './dropdown-search/index.js';
+export * from './modal/index.js';
 export * from './data-table/index.js';
 export { getUiMessages, resolveUiLanguage, uiLanguages } from './i18n.js';
 export type { UiLanguage, UiMessages } from './i18n.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC1E,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC1E,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC"}

package/dist/index.js

@@ -1,5 +1,6 @@
 export * from './toast/index.js';
 export * from './dropdown/index.js';
 export * from './dropdown-search/index.js';
+export * from './modal/index.js';
 export * from './data-table/index.js';
 export { getUiMessages, resolveUiLanguage, uiLanguages } from './i18n.js';

package/dist/modal/ConfirmDialog.svelte

@@ -0,0 +1,69 @@
+<svelte:options runes={false} />
+
+<script lang="ts">
+  import Modal from './Modal.svelte';
+  import type { ConfirmDialogIntent, ModalSize } from './types.js';
+
+  export let open = false;
+  export let title = 'Confirm';
+  export let message = '';
+  export let confirmLabel = 'Confirm';
+  export let cancelLabel = 'Cancel';
+  export let closeLabel = 'Close dialog';
+  export let intent: ConfirmDialogIntent = 'default';
+  export let size: ModalSize = 'sm';
+  export let confirmDisabled = false;
+  export let cancelDisabled = false;
+  export let dismissible = true;
+  export let onConfirm: (() => void | Promise<void>) | undefined = undefined;
+  export let onCancel: (() => void) | undefined = undefined;
+  export let onClose: (() => void) | undefined = undefined;
+
+  function handleClose() {
+    onClose?.();
+  }
+
+  function handleCancel() {
+    onCancel?.();
+    onClose?.();
+  }
+
+  function handleConfirm() {
+    void onConfirm?.();
+  }
+</script>
+
+<Modal
+  {open}
+  {title}
+  {closeLabel}
+  {size}
+  {dismissible}
+  description={message}
+  onClose={handleClose}
+>
+  <slot>
+    {#if message}
+      <p class="suu-confirm-dialog__message">{message}</p>
+    {/if}
+  </slot>
+
+  <svelte:fragment slot="footer">
+    <button
+      type="button"
+      class="suu-modal__button"
+      disabled={cancelDisabled}
+      on:click={handleCancel}
+    >
+      {cancelLabel}
+    </button>
+    <button
+      type="button"
+      class={`suu-modal__button suu-modal__button--primary suu-modal__button--${intent}`}
+      disabled={confirmDisabled}
+      on:click={handleConfirm}
+    >
+      {confirmLabel}
+    </button>
+  </svelte:fragment>
+</Modal>

package/dist/modal/ConfirmDialog.svelte.d.ts

@@ -0,0 +1,44 @@
+import type { ConfirmDialogIntent, ModalSize } from './types.js';
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const ConfirmDialog: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    open?: boolean;
+    title?: string;
+    message?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    closeLabel?: string;
+    intent?: ConfirmDialogIntent;
+    size?: ModalSize;
+    confirmDisabled?: boolean;
+    cancelDisabled?: boolean;
+    dismissible?: boolean;
+    onConfirm?: (() => void | Promise<void>) | undefined;
+    onCancel?: (() => void) | undefined;
+    onClose?: (() => void) | undefined;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type ConfirmDialog = InstanceType<typeof ConfirmDialog>;
+export default ConfirmDialog;
+//# sourceMappingURL=ConfirmDialog.svelte.d.ts.map

package/dist/modal/ConfirmDialog.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/modal/ConfirmDialog.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAwDjE,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;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,aAAa;;;;;;;aAfgf,mBAAmB;WAAS,SAAS;;;;gBAAkI,CAAC,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS;eAAa,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;cAAY,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;;;;;;;cAenrB,CAAC;AACvF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAC1D,eAAe,aAAa,CAAC"}

package/dist/modal/Modal.svelte

@@ -0,0 +1,131 @@
+<svelte:options runes={false} />
+
+<script lang="ts">
+  import { tick } from 'svelte';
+  import type { ModalSize } from './types.js';
+
+  export let open = false;
+  export let title = '';
+  export let description = '';
+  export let closeLabel = 'Close dialog';
+  export let size: ModalSize = 'md';
+  export let dismissible = true;
+  export let closeOnBackdrop = true;
+  export let closeOnEscape = true;
+  export let labelledBy: string | undefined = undefined;
+  export let describedBy: string | undefined = undefined;
+  export let onClose: (() => void) | undefined = undefined;
+
+  let dialogElement: HTMLElement | undefined;
+  let titleId = `suu-modal-title-${Math.random().toString(36).slice(2)}`;
+  let descriptionId = `suu-modal-description-${Math.random().toString(36).slice(2)}`;
+  let wasOpen = false;
+  let previouslyFocusedElement: HTMLElement | null = null;
+
+  $: resolvedLabelledBy = labelledBy ?? (title ? titleId : undefined);
+  $: resolvedDescribedBy =
+    describedBy ?? (description ? descriptionId : undefined);
+  $: if (open && !wasOpen) {
+    wasOpen = true;
+    void focusDialog();
+  } else if (!open && wasOpen) {
+    wasOpen = false;
+    restoreFocus();
+  }
+
+  async function focusDialog() {
+    if (typeof document !== 'undefined') {
+      previouslyFocusedElement =
+        document.activeElement instanceof HTMLElement
+          ? document.activeElement
+          : null;
+    }
+
+    await tick();
+    dialogElement?.focus();
+  }
+
+  function restoreFocus() {
+    previouslyFocusedElement?.focus();
+    previouslyFocusedElement = null;
+  }
+
+  function requestClose() {
+    if (!dismissible) {
+      return;
+    }
+
+    onClose?.();
+  }
+
+  function handleBackdropMouseDown(event: MouseEvent) {
+    if (!closeOnBackdrop || event.target !== event.currentTarget) {
+      return;
+    }
+
+    requestClose();
+  }
+
+  function handleKeydown(event: KeyboardEvent) {
+    if (event.key === 'Escape' && closeOnEscape) {
+      event.preventDefault();
+      requestClose();
+    }
+  }
+</script>
+
+<svelte:window on:keydown={handleKeydown} />
+
+{#if open}
+  <div
+    class="suu-modal-backdrop"
+    role="presentation"
+    on:mousedown={handleBackdropMouseDown}
+  >
+    <div
+      bind:this={dialogElement}
+      class={`suu-modal suu-modal--${size}`}
+      role="dialog"
+      aria-modal="true"
+      aria-labelledby={resolvedLabelledBy}
+      aria-describedby={resolvedDescribedBy}
+      tabindex="-1"
+    >
+      <header class="suu-modal__header">
+        <div class="suu-modal__heading">
+          {#if title}
+            <h2 class="suu-modal__title" id={titleId}>{title}</h2>
+          {/if}
+          {#if description}
+            <p class="suu-modal__description" id={descriptionId}>
+              {description}
+            </p>
+          {/if}
+        </div>
+        {#if dismissible}
+          <button
+            type="button"
+            class="suu-modal__close"
+            aria-label={closeLabel}
+            title={closeLabel}
+            on:click={requestClose}
+          >
+            <svg viewBox="0 0 20 20" aria-hidden="true">
+              <path d="m6 6 8 8M14 6l-8 8"></path>
+            </svg>
+          </button>
+        {/if}
+      </header>
+
+      <div class="suu-modal__body">
+        <slot />
+      </div>
+
+      {#if $$slots.footer}
+        <footer class="suu-modal__footer">
+          <slot name="footer" />
+        </footer>
+      {/if}
+    </div>
+  </div>
+{/if}

package/dist/modal/Modal.svelte.d.ts

@@ -0,0 +1,43 @@
+import type { ModalSize } from './types.js';
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Modal: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    open?: boolean;
+    title?: string;
+    description?: string;
+    closeLabel?: string;
+    size?: ModalSize;
+    dismissible?: boolean;
+    closeOnBackdrop?: boolean;
+    closeOnEscape?: boolean;
+    labelledBy?: string | undefined;
+    describedBy?: string | undefined;
+    onClose?: (() => void) | undefined;
+}, {
+    default: {};
+    footer: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+    footer: {};
+}, {}, string>;
+type Modal = InstanceType<typeof Modal>;
+export default Modal;
+//# sourceMappingURL=Modal.svelte.d.ts.map

package/dist/modal/Modal.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/modal/Modal.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAsH5C,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;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,KAAK;;;;;WAf6X,SAAS;;;;iBAAiI,MAAM,GAAG,SAAS;kBAAgB,MAAM,GAAG,SAAS;cAAY,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;;;;;;;;;cAe1gB,CAAC;AAC/E,KAAK,KAAK,GAAG,YAAY,CAAC,OAAO,KAAK,CAAC,CAAC;AAC1C,eAAe,KAAK,CAAC"}

package/dist/modal/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Modal } from './Modal.svelte';
+export { default as ConfirmDialog } from './ConfirmDialog.svelte';
+export type { ConfirmDialogIntent, ModalSize } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,YAAY,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC"}

package/dist/modal/index.js

@@ -0,0 +1,2 @@
+export { default as Modal } from './Modal.svelte';
+export { default as ConfirmDialog } from './ConfirmDialog.svelte';

package/dist/modal/types.d.ts

@@ -0,0 +1,3 @@
+export type ModalSize = 'sm' | 'md' | 'lg';
+export type ConfirmDialogIntent = 'default' | 'danger';
+//# sourceMappingURL=types.d.ts.map

package/dist/modal/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/modal/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3C,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,QAAQ,CAAC"}

package/dist/modal/types.js

@@ -0,0 +1 @@
+export {};

package/dist/pagination/Pagination.svelte

@@ -1,3 +1,5 @@
+<svelte:options runes={false} />
+
 <script lang="ts">
   import Dropdown from '../dropdown/Dropdown.svelte';
   import { getPageCount, normalizePagination } from '../data-table/state.js';

package/dist/pagination/Pagination.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/pagination/Pagination.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAE5D,OAAO,KAAK,EAAE,uBAAuB,EAAE,2BAA2B,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAyGpH,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,UAAU;iBAVyR,eAAe;;sBAAkD,MAAM,EAAE;eAAa,UAAU;oBAAkB,MAAM,GAAG,SAAS;;gCAAsE,2BAA2B;yBAAuB,uBAAuB,GAAG,SAAS;;;kBAUze,CAAC;AAC9E,KAAK,UAAU,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AACpD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Pagination.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/pagination/Pagination.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAE5D,OAAO,KAAK,EAAE,uBAAuB,EAAE,2BAA2B,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AA2GpH,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,UAAU;iBAVyR,eAAe;;sBAAkD,MAAM,EAAE;eAAa,UAAU;oBAAkB,MAAM,GAAG,SAAS;;gCAAsE,2BAA2B;yBAAuB,uBAAuB,GAAG,SAAS;;;kBAUze,CAAC;AAC9E,KAAK,UAAU,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AACpD,eAAe,UAAU,CAAC"}