@knime/kds-components 0.16.0 → 0.17.0

package/dist/forms/selects/Dropdown/DropdownContainer.vue.d.ts

@@ -1,14 +1,14 @@
 import { DropdownContainerProps } from './types';
 type __VLS_Props = DropdownContainerProps;
 type __VLS_PublicProps = {
-    modelValue?: string | null;
+    modelValue?: string;
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     focus: () => void | undefined;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string | null) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     searchEl: ({
         $: import('vue').ComponentInternalInstance;
@@ -17,8 +17,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             readonly modelValue?: string | undefined;
             readonly id?: string | undefined;
             readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
-            readonly min?: number | undefined;
-            readonly max?: number | undefined;
+            readonly min?: number | string | undefined;
+            readonly max?: number | string | undefined;
             readonly step?: number | undefined;
             readonly placeholder?: string | undefined;
             readonly disabled?: boolean | undefined;
@@ -39,6 +39,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             readonly unit?: string | undefined;
             readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
             readonly clearable?: boolean | undefined;
+            readonly pattern?: string | undefined;
             readonly onInput?: ((event: Event) => any) | undefined;
             readonly onClick?: ((event: MouseEvent) => any) | undefined;
             readonly onBlur?: ((event: FocusEvent) => any) | undefined;
@@ -46,9 +47,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         } & {
@@ -67,8 +66,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         } & {
             id?: string;
             type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
-            min?: number;
-            max?: number;
+            min?: number | string;
+            max?: number | string;
             step?: number;
             placeholder?: string;
             disabled?: boolean;
@@ -89,6 +88,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             unit?: string;
             inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
             clearable?: boolean;
+            pattern?: string;
         }> & Readonly<{
             onInput?: ((event: Event) => any) | undefined;
             onClick?: ((event: MouseEvent) => any) | undefined;
@@ -107,6 +107,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             "update:modelValue": (value: string) => any;
         }, string, {
             type: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+            pattern: string;
             role: string;
             placeholder: string;
             disabled: boolean;
@@ -115,8 +116,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             ariaLabel: string;
             trailingIcon: import('../../..').KdsIconName;
             id: string;
-            min: number;
-            max: number;
+            min: number | string;
+            max: number | string;
             step: number;
             autocomplete: string;
             ariaLabelledby: string;
@@ -152,6 +153,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
         type: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+        pattern: string;
         role: string;
         placeholder: string;
         disabled: boolean;
@@ -160,8 +162,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         ariaLabel: string;
         trailingIcon: import('../../..').KdsIconName;
         id: string;
-        min: number;
-        max: number;
+        min: number | string;
+        max: number | string;
         step: number;
         autocomplete: string;
         ariaLabelledby: string;
@@ -180,8 +182,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     } & {
         id?: string;
         type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
-        min?: number;
-        max?: number;
+        min?: number | string;
+        max?: number | string;
         step?: number;
         placeholder?: string;
         disabled?: boolean;
@@ -202,6 +204,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         unit?: string;
         inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
         clearable?: boolean;
+        pattern?: string;
     }> & Readonly<{
         onInput?: ((event: Event) => any) | undefined;
         onClick?: ((event: MouseEvent) => any) | undefined;
@@ -209,7 +212,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         onFocus?: ((event: FocusEvent) => any) | undefined;
         onKeydown?: ((event: KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    }>, "focus" | ("type" | "role" | "placeholder" | "disabled" | "error" | "leadingIcon" | "ariaLabel" | "trailingIcon" | "id" | "min" | "max" | "step" | "autocomplete" | "ariaLabelledby" | "ariaDescribedby" | "ariaInvalid" | "ariaValuenow" | "ariaValuemin" | "ariaValuemax" | "ariaValuetext" | "ariaActivedescendant" | "unit" | "inputmode" | "clearable")> & import('vue').ShallowUnwrapRef<{
+    }>, "focus" | ("type" | "pattern" | "role" | "placeholder" | "disabled" | "error" | "leadingIcon" | "ariaLabel" | "trailingIcon" | "id" | "min" | "max" | "step" | "autocomplete" | "ariaLabelledby" | "ariaDescribedby" | "ariaInvalid" | "ariaValuenow" | "ariaValuemin" | "ariaValuemax" | "ariaValuetext" | "ariaActivedescendant" | "unit" | "inputmode" | "clearable")> & import('vue').ShallowUnwrapRef<{
         focus: () => void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
@@ -227,6 +230,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         itemClick: (id: string) => any;
     }, import('vue').PublicProps, {
+        role: import('../../_helper/List/ListContainer').KdsListContainerRole;
+        variant: import('../../_helper/List/KdsListItem').KdsListItemVariant;
         emptyText: string;
         loading: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -246,6 +251,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         handleBlur: () => void;
         activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
     }, {}, {}, {}, {
+        role: import('../../_helper/List/ListContainer').KdsListContainerRole;
+        variant: import('../../_helper/List/KdsListItem').KdsListItemVariant;
         emptyText: string;
         loading: boolean;
     }> | null;

package/dist/forms/selects/Dropdown/DropdownContainer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/DropdownContainer.vue"],"names":[],"mappings":"AA+IA,OAAO,KAAK,EACV,sBAAsB,EAEvB,MAAM,SAAS,CAAC;AAEjB,KAAK,WAAW,GAAG,sBAAsB,CAAC;AA2E1C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAgKu2b,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlB7+b,wBAUG"}
+{"version":3,"file":"DropdownContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/DropdownContainer.vue"],"names":[],"mappings":"AA8IA,OAAO,KAAK,EAAE,sBAAsB,EAAqB,MAAM,SAAS,CAAC;AAEzE,KAAK,WAAW,GAAG,sBAAsB,CAAC;AA6E1C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAgK0xb,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlBh6b,wBAUG"}

package/dist/forms/selects/Dropdown/KdsMultiSelectDropdown.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+export default _default;
+//# sourceMappingURL=KdsMultiSelectDropdown.vue.d.ts.map

package/dist/forms/selects/Dropdown/KdsMultiSelectDropdown.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdsMultiSelectDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/KdsMultiSelectDropdown.vue"],"names":[],"mappings":";AAwZA,wBAUG"}

package/dist/forms/selects/Dropdown/MultiSelectDropdownContainer.vue.d.ts

@@ -0,0 +1,269 @@
+import { KdsMultiSelectDropdownContainerProps } from './types';
+type __VLS_Props = KdsMultiSelectDropdownContainerProps;
+type __VLS_PublicProps = {
+    modelValue?: string[];
+    "searchValue"?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+    focus: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+    addValue: (text: string) => any;
+    "update:searchValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+    onAddValue?: ((text: string) => any) | undefined;
+    "onUpdate:searchValue"?: ((value: string) => any) | undefined;
+}>, {
+    loading: boolean;
+    allowNewValues: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    searchEl: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly modelValue?: string | undefined;
+            readonly id?: string | undefined;
+            readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
+            readonly min?: number | string | undefined;
+            readonly max?: number | string | undefined;
+            readonly step?: number | undefined;
+            readonly placeholder?: string | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly leadingIcon?: import('../../..').KdsIconName | undefined;
+            readonly trailingIcon?: import('../../..').KdsIconName | undefined;
+            readonly error?: boolean | undefined;
+            readonly autocomplete?: string | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly ariaLabelledby?: string | undefined;
+            readonly ariaDescribedby?: string | undefined;
+            readonly ariaInvalid?: boolean | undefined;
+            readonly role?: string | undefined;
+            readonly ariaValuenow?: number | undefined;
+            readonly ariaValuemin?: number | undefined;
+            readonly ariaValuemax?: number | undefined;
+            readonly ariaValuetext?: string | undefined;
+            readonly ariaActivedescendant?: string | undefined;
+            readonly unit?: string | undefined;
+            readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+            readonly clearable?: boolean | undefined;
+            readonly pattern?: string | undefined;
+            readonly onInput?: ((event: Event) => any) | undefined;
+            readonly onClick?: ((event: MouseEvent) => any) | undefined;
+            readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+            readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+            readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            input: HTMLInputElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            modelValue?: string;
+        } & {
+            id?: string;
+            type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+            min?: number | string;
+            max?: number | string;
+            step?: number;
+            placeholder?: string;
+            disabled?: boolean;
+            leadingIcon?: import('../../..').KdsIconName;
+            trailingIcon?: import('../../..').KdsIconName;
+            error?: boolean;
+            autocomplete?: string;
+            ariaLabel?: string;
+            ariaLabelledby?: string;
+            ariaDescribedby?: string;
+            ariaInvalid?: boolean;
+            role?: string;
+            ariaValuenow?: number;
+            ariaValuemin?: number;
+            ariaValuemax?: number;
+            ariaValuetext?: string;
+            ariaActivedescendant?: string;
+            unit?: string;
+            inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+            clearable?: boolean;
+            pattern?: string;
+        }> & Readonly<{
+            onInput?: ((event: Event) => any) | undefined;
+            onClick?: ((event: MouseEvent) => any) | undefined;
+            onBlur?: ((event: FocusEvent) => any) | undefined;
+            onFocus?: ((event: FocusEvent) => any) | undefined;
+            onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }>, {
+            focus: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            input: (event: Event) => any;
+            click: (event: MouseEvent) => any;
+            blur: (event: FocusEvent) => any;
+            focus: (event: FocusEvent) => any;
+            keydown: (event: KeyboardEvent) => any;
+            "update:modelValue": (value: string) => any;
+        }, string, {
+            type: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+            pattern: string;
+            role: string;
+            placeholder: string;
+            disabled: boolean;
+            error: boolean;
+            leadingIcon: import('../../..').KdsIconName;
+            ariaLabel: string;
+            trailingIcon: import('../../..').KdsIconName;
+            id: string;
+            min: number | string;
+            max: number | string;
+            step: number;
+            autocomplete: string;
+            ariaLabelledby: string;
+            ariaDescribedby: string;
+            ariaInvalid: boolean;
+            ariaValuenow: number;
+            ariaValuemin: number;
+            ariaValuemax: number;
+            ariaValuetext: string;
+            ariaActivedescendant: string;
+            unit: string;
+            inputmode: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+            clearable: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        type: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+        pattern: string;
+        role: string;
+        placeholder: string;
+        disabled: boolean;
+        error: boolean;
+        leadingIcon: import('../../..').KdsIconName;
+        ariaLabel: string;
+        trailingIcon: import('../../..').KdsIconName;
+        id: string;
+        min: number | string;
+        max: number | string;
+        step: number;
+        autocomplete: string;
+        ariaLabelledby: string;
+        ariaDescribedby: string;
+        ariaInvalid: boolean;
+        ariaValuenow: number;
+        ariaValuemin: number;
+        ariaValuemax: number;
+        ariaValuetext: string;
+        ariaActivedescendant: string;
+        unit: string;
+        inputmode: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+        clearable: boolean;
+    }> & Omit<Readonly<{
+        modelValue?: string;
+    } & {
+        id?: string;
+        type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+        min?: number | string;
+        max?: number | string;
+        step?: number;
+        placeholder?: string;
+        disabled?: boolean;
+        leadingIcon?: import('../../..').KdsIconName;
+        trailingIcon?: import('../../..').KdsIconName;
+        error?: boolean;
+        autocomplete?: string;
+        ariaLabel?: string;
+        ariaLabelledby?: string;
+        ariaDescribedby?: string;
+        ariaInvalid?: boolean;
+        role?: string;
+        ariaValuenow?: number;
+        ariaValuemin?: number;
+        ariaValuemax?: number;
+        ariaValuetext?: string;
+        ariaActivedescendant?: string;
+        unit?: string;
+        inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+        clearable?: boolean;
+        pattern?: string;
+    }> & Readonly<{
+        onInput?: ((event: Event) => any) | undefined;
+        onClick?: ((event: MouseEvent) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, "focus" | ("type" | "pattern" | "role" | "placeholder" | "disabled" | "error" | "leadingIcon" | "ariaLabel" | "trailingIcon" | "id" | "min" | "max" | "step" | "autocomplete" | "ariaLabelledby" | "ariaDescribedby" | "ariaInvalid" | "ariaValuenow" | "ariaValuemin" | "ariaValuemax" | "ariaValuetext" | "ariaActivedescendant" | "unit" | "inputmode" | "clearable")> & import('vue').ShallowUnwrapRef<{
+        focus: () => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            leading?(_: {}): any;
+            trailing?(_: {}): any;
+        };
+    }) | null;
+    listContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../_helper/List/ListContainer').KdsListContainerProps> & Readonly<{
+        onItemClick?: ((id: string) => any) | undefined;
+    }>, {
+        handleKeydown: (event: KeyboardEvent) => void;
+        handleFocus: () => void;
+        handleBlur: () => void;
+        activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        itemClick: (id: string) => any;
+    }, import('vue').PublicProps, {
+        role: import('../../_helper/List/ListContainer').KdsListContainerRole;
+        variant: import('../../_helper/List/KdsListItem').KdsListItemVariant;
+        emptyText: string;
+        loading: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        containerEl: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('../../_helper/List/ListContainer').KdsListContainerProps> & Readonly<{
+        onItemClick?: ((id: string) => any) | undefined;
+    }>, {
+        handleKeydown: (event: KeyboardEvent) => void;
+        handleFocus: () => void;
+        handleBlur: () => void;
+        activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
+    }, {}, {}, {}, {
+        role: import('../../_helper/List/ListContainer').KdsListContainerRole;
+        variant: import('../../_helper/List/KdsListItem').KdsListItemVariant;
+        emptyText: string;
+        loading: boolean;
+    }> | null;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=MultiSelectDropdownContainer.vue.d.ts.map

package/dist/forms/selects/Dropdown/MultiSelectDropdownContainer.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectDropdownContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/MultiSelectDropdownContainer.vue"],"names":[],"mappings":"AAgPA,OAAO,KAAK,EAEV,oCAAoC,EACrC,MAAM,SAAS,CAAC;AAIjB,KAAK,WAAW,GAAG,oCAAoC,CAAC;AA8JxD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA0M83K,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAzBpgL,wBAWG"}

package/dist/forms/selects/Dropdown/index.d.ts

@@ -1,3 +1,4 @@
 export { default as KdsDropdown } from './KdsDropdown.vue';
-export type { KdsDropdownOptionAccessory, KdsDropdownOption, KdsDropdownProps, } from './types';
+export { default as KdsMultiSelectDropdown } from './KdsMultiSelectDropdown.vue';
+export type { KdsDropdownOptionAccessory, KdsDropdownOption, KdsDropdownProps, KdsMultiSelectDropdownProps, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/forms/selects/Dropdown/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,YAAY,EACV,0BAA0B,EAC1B,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACjF,YAAY,EACV,0BAA0B,EAC1B,iBAAiB,EACjB,gBAAgB,EAChB,2BAA2B,GAC5B,MAAM,SAAS,CAAC"}

package/dist/forms/selects/Dropdown/types.d.ts

@@ -25,9 +25,9 @@ export type KdsDropdownProps = {
     /** Values shown in the dropdown list */
     possibleValues: KdsDropdownOption[];
 } & KdsFormFieldProps;
-export type DropdownOptionWithMissing = KdsDropdownOption & {
-    /** Whether the option represents a missing value */
-    missing?: boolean;
+export type KdsMultiSelectDropdownProps = KdsDropdownProps & {
+    /** When true, allows adding and selecting new values via the search field (combo box behavior). */
+    allowNewValues?: boolean;
 };
 export type DropdownContainerProps = {
     /** Text shown when the list is empty (no entries or no search results) */
@@ -37,6 +37,10 @@ export type DropdownContainerProps = {
     /** Values shown in the dropdown list */
     possibleValues: KdsDropdownOption[];
 };
+export type KdsMultiSelectDropdownContainerProps = DropdownContainerProps & {
+    /** When true, allows adding and selecting new values via the search field (combo box behavior). */
+    allowNewValues?: boolean;
+};
 export type BaseDropdownProps = {
     /** Text displayed on the dropdown trigger button */
     text?: string;

package/dist/forms/selects/Dropdown/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,MAAM,0BAA0B,GAAG,oBAAoB,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,cAAc,EAAE,iBAAiB,EAAE,CAAC;CACrC,GAAG,iBAAiB,CAAC;AAItB,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,GAAG;IAC1D,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,0EAA0E;IAC1E,SAAS,EAAE,MAAM,CAAC;IAClB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,cAAc,EAAE,iBAAiB,EAAE,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,SAAS,CAAC,EAAE,oBAAoB,CAAC;IAEjC,gEAAgE;IAChE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,MAAM,0BAA0B,GAAG,oBAAoB,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,cAAc,EAAE,iBAAiB,EAAE,CAAC;CACrC,GAAG,iBAAiB,CAAC;AAEtB,MAAM,MAAM,2BAA2B,GAAG,gBAAgB,GAAG;IAC3D,mGAAmG;IACnG,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAIF,MAAM,MAAM,sBAAsB,GAAG;IACnC,0EAA0E;IAC1E,SAAS,EAAE,MAAM,CAAC;IAClB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,cAAc,EAAE,iBAAiB,EAAE,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,oCAAoC,GAAG,sBAAsB,GAAG;IAC1E,mGAAmG;IACnG,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,SAAS,CAAC,EAAE,oBAAoB,CAAC;IAEjC,gEAAgE;IAChE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}