@threadlabs/looma 0.19.1 → 0.21.0

package/vue/UiCombobox.d.ts

@@ -1,60 +1,129 @@
-type __VLS_Props = {
-    allowCreate?: boolean;
-    allowFreeText?: boolean;
-    clearable?: boolean;
-    disabled?: boolean;
-    disclosure?: boolean;
-    filter?: 'label' | 'none';
-    help?: string;
-    invalid?: boolean;
-    items?: readonly ({
-        readonly id: string;
-        readonly value: string;
-        readonly label: string;
-        readonly group?: string;
-        readonly disabled?: boolean;
-        readonly description?: string;
-        readonly tag?: {
-            readonly label: string;
-            readonly tone?: 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger';
-            readonly color?: string;
-        };
-    })[];
-    label?: string;
-    labelVisibility?: 'visible' | 'sr-only';
-    loading?: boolean;
-    multiple?: boolean;
-    name?: string;
-    openOnFocus?: boolean;
-    placeholder?: string;
-    query?: string;
-    readonly?: boolean;
-    required?: boolean;
-    selectedValues?: readonly (string)[];
-    size?: 'sm' | 'md' | 'lg';
-    tokenSeparators?: readonly (string)[];
-    value?: string | null;
-};
-declare var __VLS_1: {}, __VLS_4: `item-${string}`, __VLS_5: {}, __VLS_20: `option-${string}`, __VLS_21: {}, __VLS_29: {}, __VLS_31: {}, __VLS_33: {};
+import type { PropType } from 'vue';
+declare var __VLS_1: {}, __VLS_10: `item-${string}`, __VLS_11: {}, __VLS_44: `option-${string}`, __VLS_45: {}, __VLS_53: {}, __VLS_55: {}, __VLS_57: {};
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_4>]?: (props: typeof __VLS_5) => any;
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
 } & {
-    [K in NonNullable<typeof __VLS_20>]?: (props: typeof __VLS_21) => any;
+    [K in NonNullable<typeof __VLS_44>]?: (props: typeof __VLS_45) => any;
 } & {
     start?: (props: typeof __VLS_1) => any;
 } & {
-    empty?: (props: typeof __VLS_29) => any;
+    empty?: (props: typeof __VLS_53) => any;
 } & {
-    footer?: (props: typeof __VLS_31) => any;
+    footer?: (props: typeof __VLS_55) => any;
 } & {
-    default?: (props: typeof __VLS_33) => any;
+    default?: (props: typeof __VLS_57) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
-    validate: (...args: unknown[]) => Promise<unknown>;
-    focusInput: (...args: unknown[]) => Promise<unknown>;
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    allowCreate: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    allowFreeText: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    clearable: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    disabled: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    disclosure: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    filter: {
+        type: PropType<"label" | "none" | null>;
+        default: string;
+    };
+    help: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    invalid: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    items: {
+        type: PropType<readonly ({
+            readonly id: string;
+            readonly value: string;
+            readonly label: string;
+            readonly group?: string;
+            readonly disabled?: boolean;
+            readonly description?: string;
+            readonly tag?: {
+                readonly label: string;
+                readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger";
+                readonly color?: string;
+            };
+        })[] | null>;
+        default: null;
+    };
+    label: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    labelVisibility: {
+        type: PropType<"visible" | "sr-only" | null>;
+        default: string;
+    };
+    loading: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    multiple: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    name: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    openOnFocus: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    placeholder: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    query: {
+        type: PropType<string | null>;
+        default: null;
+    };
+    readonly: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    required: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    selectedValues: {
+        type: PropType<readonly (string)[] | null>;
+        default: null;
+    };
+    size: {
+        type: PropType<"sm" | "md" | "lg" | null>;
+        default: string;
+    };
+    tokenSeparators: {
+        type: PropType<readonly (string)[] | null>;
+        default: null;
+    };
+    value: {
+        type: PropType<string | null>;
+        default: null;
+    };
+}>, {
+    validate: (...args: unknown[]) => Promise<any>;
+    focusInput: (...args: unknown[]) => Promise<any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:value": (value: string | null) => any;
-    "free-entry": (detail: {
+    "update:value": (value: string) => any;
+    "free-entry": (event: CustomEvent<{
         readonly value: string | null;
         readonly query: string;
         readonly option: {
@@ -72,15 +141,15 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         } | null;
         readonly kind: "selection" | "clear" | "free-entry" | "create";
         readonly trigger: "keyboard" | "pointer" | "programmatic";
-    }) => any;
+    }>) => any;
     "update:query": (value: string) => any;
     "update:selectedValues": (value: readonly string[]) => any;
-    "query-change": (detail: {
+    "query-change": (event: CustomEvent<{
         readonly query: string;
         readonly display: string;
         readonly trigger: "keyboard" | "pointer" | "programmatic";
-    }) => any;
-    "value-change": (detail: {
+    }>) => any;
+    "value-change": (event: CustomEvent<{
         readonly value: string | null;
         readonly query: string;
         readonly option: {
@@ -98,7 +167,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         } | null;
         readonly kind: "selection" | "clear" | "free-entry" | "create";
         readonly trigger: "keyboard" | "pointer" | "programmatic";
-    } | readonly {
+    }>) => any;
+    "items-change": (event: CustomEvent<readonly {
         readonly id: string;
         readonly value: string;
         readonly label: string;
@@ -110,8 +180,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
             readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger";
             readonly color?: string;
         };
-    }[]) => any;
-    "create-entry": (detail: {
+    }[]>) => any;
+    "create-entry": (event: CustomEvent<{
         readonly value: string | null;
         readonly query: string;
         readonly option: {
@@ -129,8 +199,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         } | null;
         readonly kind: "selection" | "clear" | "free-entry" | "create";
         readonly trigger: "keyboard" | "pointer" | "programmatic";
-    }) => any;
-    "validation-change": (detail: {
+    }>) => any;
+    "validation-change": (event: CustomEvent<{
         readonly status: "pristine" | "pending" | "valid" | "warning" | "error";
         readonly touched: boolean;
         readonly dirty: boolean;
@@ -140,8 +210,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
             readonly severity?: "error" | "warning";
         })[];
         readonly output?: unknown;
-    }) => any;
-    "options-change": (detail: readonly {
+    }>) => any;
+    "options-change": (event: CustomEvent<readonly {
         readonly id: string;
         readonly value: string;
         readonly label: string;
@@ -153,8 +223,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
             readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger";
             readonly color?: string;
         };
-    }[]) => any;
-    "add-item": (detail: {
+    }[]>) => any;
+    "add-item": (event: CustomEvent<{
         readonly item: {
             readonly id: string;
             readonly value: string;
@@ -170,8 +240,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         };
         readonly index: number;
         readonly trigger: "keyboard" | "pointer" | "programmatic";
-    }) => any;
-    "remove-item": (detail: {
+    }>) => any;
+    "remove-item": (event: CustomEvent<{
         readonly item: {
             readonly id: string;
             readonly value: string;
@@ -187,18 +257,123 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         };
         readonly index: number;
         readonly trigger: "keyboard" | "pointer" | "programmatic";
-    }) => any;
-    "create-item": (detail: {
+    }>) => any;
+    "create-item": (event: CustomEvent<{
         readonly query: string;
         readonly trigger: "keyboard" | "pointer" | "programmatic";
-    }) => any;
-    "selected-values-change": (detail: {
+    }>) => any;
+    "selected-values-change": (event: CustomEvent<{
         readonly selectedValues: readonly (string)[];
         readonly trigger: "keyboard" | "pointer" | "programmatic";
-    }) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: string | null) => any) | undefined;
-    "onFree-entry"?: ((detail: {
+    }>) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    allowCreate: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    allowFreeText: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    clearable: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    disabled: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    disclosure: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    filter: {
+        type: PropType<"label" | "none" | null>;
+        default: string;
+    };
+    help: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    invalid: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    items: {
+        type: PropType<readonly ({
+            readonly id: string;
+            readonly value: string;
+            readonly label: string;
+            readonly group?: string;
+            readonly disabled?: boolean;
+            readonly description?: string;
+            readonly tag?: {
+                readonly label: string;
+                readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger";
+                readonly color?: string;
+            };
+        })[] | null>;
+        default: null;
+    };
+    label: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    labelVisibility: {
+        type: PropType<"visible" | "sr-only" | null>;
+        default: string;
+    };
+    loading: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    multiple: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    name: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    openOnFocus: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    placeholder: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    query: {
+        type: PropType<string | null>;
+        default: null;
+    };
+    readonly: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    required: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    selectedValues: {
+        type: PropType<readonly (string)[] | null>;
+        default: null;
+    };
+    size: {
+        type: PropType<"sm" | "md" | "lg" | null>;
+        default: string;
+    };
+    tokenSeparators: {
+        type: PropType<readonly (string)[] | null>;
+        default: null;
+    };
+    value: {
+        type: PropType<string | null>;
+        default: null;
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+    "onFree-entry"?: ((event: CustomEvent<{
         readonly value: string | null;
         readonly query: string;
         readonly option: {
@@ -216,15 +391,15 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         } | null;
         readonly kind: "selection" | "clear" | "free-entry" | "create";
         readonly trigger: "keyboard" | "pointer" | "programmatic";
-    }) => any) | undefined;
+    }>) => any) | undefined;
     "onUpdate:query"?: ((value: string) => any) | undefined;
     "onUpdate:selectedValues"?: ((value: readonly string[]) => any) | undefined;
-    "onQuery-change"?: ((detail: {
+    "onQuery-change"?: ((event: CustomEvent<{
         readonly query: string;
         readonly display: string;
         readonly trigger: "keyboard" | "pointer" | "programmatic";
-    }) => any) | undefined;
-    "onValue-change"?: ((detail: {
+    }>) => any) | undefined;
+    "onValue-change"?: ((event: CustomEvent<{
         readonly value: string | null;
         readonly query: string;
         readonly option: {
@@ -242,7 +417,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         } | null;
         readonly kind: "selection" | "clear" | "free-entry" | "create";
         readonly trigger: "keyboard" | "pointer" | "programmatic";
-    } | readonly {
+    }>) => any) | undefined;
+    "onItems-change"?: ((event: CustomEvent<readonly {
         readonly id: string;
         readonly value: string;
         readonly label: string;
@@ -254,8 +430,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
             readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger";
             readonly color?: string;
         };
-    }[]) => any) | undefined;
-    "onCreate-entry"?: ((detail: {
+    }[]>) => any) | undefined;
+    "onCreate-entry"?: ((event: CustomEvent<{
         readonly value: string | null;
         readonly query: string;
         readonly option: {
@@ -273,8 +449,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         } | null;
         readonly kind: "selection" | "clear" | "free-entry" | "create";
         readonly trigger: "keyboard" | "pointer" | "programmatic";
-    }) => any) | undefined;
-    "onValidation-change"?: ((detail: {
+    }>) => any) | undefined;
+    "onValidation-change"?: ((event: CustomEvent<{
         readonly status: "pristine" | "pending" | "valid" | "warning" | "error";
         readonly touched: boolean;
         readonly dirty: boolean;
@@ -284,8 +460,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
             readonly severity?: "error" | "warning";
         })[];
         readonly output?: unknown;
-    }) => any) | undefined;
-    "onOptions-change"?: ((detail: readonly {
+    }>) => any) | undefined;
+    "onOptions-change"?: ((event: CustomEvent<readonly {
         readonly id: string;
         readonly value: string;
         readonly label: string;
@@ -297,8 +473,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
             readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger";
             readonly color?: string;
         };
-    }[]) => any) | undefined;
-    "onAdd-item"?: ((detail: {
+    }[]>) => any) | undefined;
+    "onAdd-item"?: ((event: CustomEvent<{
         readonly item: {
             readonly id: string;
             readonly value: string;
@@ -314,8 +490,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         };
         readonly index: number;
         readonly trigger: "keyboard" | "pointer" | "programmatic";
-    }) => any) | undefined;
-    "onRemove-item"?: ((detail: {
+    }>) => any) | undefined;
+    "onRemove-item"?: ((event: CustomEvent<{
         readonly item: {
             readonly id: string;
             readonly value: string;
@@ -331,35 +507,52 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         };
         readonly index: number;
         readonly trigger: "keyboard" | "pointer" | "programmatic";
-    }) => any) | undefined;
-    "onCreate-item"?: ((detail: {
+    }>) => any) | undefined;
+    "onCreate-item"?: ((event: CustomEvent<{
         readonly query: string;
         readonly trigger: "keyboard" | "pointer" | "programmatic";
-    }) => any) | undefined;
-    "onSelected-values-change"?: ((detail: {
+    }>) => any) | undefined;
+    "onSelected-values-change"?: ((event: CustomEvent<{
         readonly selectedValues: readonly (string)[];
         readonly trigger: "keyboard" | "pointer" | "programmatic";
-    }) => any) | undefined;
+    }>) => any) | undefined;
 }>, {
-    filter: "label" | "none";
-    label: string;
-    name: string;
-    invalid: boolean;
-    size: "sm" | "md" | "lg";
-    disabled: boolean;
-    loading: boolean;
-    required: boolean;
-    allowCreate: boolean;
-    allowFreeText: boolean;
-    clearable: boolean;
-    disclosure: boolean;
-    help: string;
-    labelVisibility: "visible" | "sr-only";
-    multiple: boolean;
-    openOnFocus: boolean;
-    placeholder: string;
-    readonly: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    filter: "label" | "none" | null;
+    label: string | null;
+    name: string | null;
+    value: string | null;
+    help: string | null;
+    size: "sm" | "md" | "lg" | null;
+    disabled: boolean | null;
+    loading: boolean | null;
+    multiple: boolean | null;
+    invalid: boolean | null;
+    required: boolean | null;
+    allowCreate: boolean | null;
+    allowFreeText: boolean | null;
+    clearable: boolean | null;
+    disclosure: boolean | null;
+    items: readonly {
+        readonly id: string;
+        readonly value: string;
+        readonly label: string;
+        readonly group?: string;
+        readonly disabled?: boolean;
+        readonly description?: string;
+        readonly tag?: {
+            readonly label: string;
+            readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger";
+            readonly color?: string;
+        };
+    }[] | null;
+    labelVisibility: "visible" | "sr-only" | null;
+    openOnFocus: boolean | null;
+    placeholder: string | null;
+    query: string | null;
+    readonly: boolean | null;
+    selectedValues: readonly string[] | null;
+    tokenSeparators: readonly string[] | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;