@mozaic-ds/vue 2.16.0 → 2.17.0

package/dist/mozaic-vue.d.ts

@@ -18,7 +18,6 @@ import { OnCleanup } from '@vue/reactivity';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
 import { ShallowRef } from 'vue';
-import { ShallowUnwrapRef } from 'vue';
 import { Slot } from 'vue';
 import { VNode } from 'vue';
 import { VNodeProps } from 'vue';
@@ -207,9 +206,9 @@ onListboxKeydown: (event: KeyboardEvent) => void;
 hideFloatingItem: () => void;
 }> & Readonly<{
 "onLog-out"?: (() => any) | undefined;
-}>, "container"> & ShallowUnwrapRef<    {
-container: Readonly<ShallowRef<HTMLDivElement | null>>;
-}> & {} & ComponentCustomProperties & {} & {
+}>, "container"> & {
+container: HTMLDivElement | null;
+} & {} & ComponentCustomProperties & {} & {
 $slots: {
 default?(_: {}): any;
 };
@@ -230,7 +229,19 @@ onClose?: (() => any) | undefined;
 status: "info" | "success" | "warning" | "error";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
 
-declare const __VLS_component_28: DefineComponent<__VLS_Props_64, {
+declare const __VLS_component_28: DefineComponent<__VLS_Props_62, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (value: boolean) => any;
+"remove-tag": (id: string) => any;
+}, string, PublicProps, Readonly<__VLS_Props_62> & Readonly<{
+"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+"onRemove-tag"?: ((id: string) => any) | undefined;
+}>, {
+type: "informative" | "interactive" | "contextualised" | "removable" | "selectable";
+contextualisedNumber: number;
+removableLabel: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_29: DefineComponent<__VLS_Props_64, {
 focus: typeof focus_2;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: string | number) => any;
@@ -244,14 +255,14 @@ clearLabel: string;
 textInput: HTMLInputElement;
 }, any>;
 
-declare const __VLS_component_29: DefineComponent<__VLS_Props_65, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_65> & Readonly<{}>, {
+declare const __VLS_component_3: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const __VLS_component_30: DefineComponent<__VLS_Props_65, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_65> & Readonly<{}>, {
 appearance: "primary" | "secondary" | "inverse";
 bordered: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_3: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
-
-declare const __VLS_component_30: DefineComponent<__VLS_Props_66, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_31: DefineComponent<__VLS_Props_66, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 action: () => any;
 }, string, PublicProps, Readonly<__VLS_Props_66> & Readonly<{
 onAction?: (() => any) | undefined;
@@ -261,14 +272,14 @@ iconPosition: "bottom" | "right";
 bordered: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_31: DefineComponent<__VLS_Props_67, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_67> & Readonly<{}>, {
+declare const __VLS_component_32: DefineComponent<__VLS_Props_67, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_67> & Readonly<{}>, {
 appearance: "primary" | "secondary";
 label: string;
 trigger: "container" | "icon" | "button";
 bordered: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_32: DefineComponent<__VLS_Props_68, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_33: DefineComponent<__VLS_Props_68, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: boolean) => any;
 }, string, PublicProps, Readonly<__VLS_Props_68> & Readonly<{
 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -278,7 +289,7 @@ bordered: boolean;
 inputPosition: "left" | "right";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_33: DefineComponent<__VLS_Props_69, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_34: DefineComponent<__VLS_Props_69, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:open": (value: boolean) => any;
 }, string, PublicProps, Readonly<__VLS_Props_69> & Readonly<{
 "onUpdate:open"?: ((value: boolean) => any) | undefined;
@@ -287,7 +298,7 @@ status: "info" | "success" | "warning" | "error";
 closable: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
 
-declare const __VLS_component_34: DefineComponent<__VLS_Props_72, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_72> & Readonly<{}>, {
+declare const __VLS_component_35: DefineComponent<__VLS_Props_72, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_72> & Readonly<{}>, {
 position: "top" | "bottom" | "left" | "right";
 pointer: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
@@ -337,7 +348,6 @@ placeholder: string;
 clearLabel: string;
 searchPlaceholder: string;
 selectLabel: string;
-counterLabel: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 combobox: HTMLDivElement;
 comboboxControl: HTMLButtonElement;
@@ -463,9 +473,9 @@ prefix?: string;
 suffix?: string;
 }> & Readonly<{
 "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
-}>, "focus" | ("size" | "inputType" | "clearLabel")> & ShallowUnwrapRef<    {
+}>, "focus" | ("size" | "inputType" | "clearLabel")> & {
 focus: () => void;
-}> & {} & ComponentCustomProperties & {} & {
+} & {} & ComponentCustomProperties & {} & {
 $slots: Readonly<{
 icon?: VNode;
 }> & {
@@ -553,17 +563,21 @@ options: Array<ListboxOption>;
 "onUpdate:modelValue"?: ((value: string | number | (string | number)[] | null) => any) | undefined;
 onOpen?: (() => any) | undefined;
 onClose?: (() => any) | undefined;
-}>, "listboxEl" | "handleKeydown" | "toggleValue" | "clearSelection" | "activeIndex" | ("clearLabel" | "searchPlaceholder" | "selectLabel")> & ShallowUnwrapRef<    {
+}>, "listboxEl" | "handleKeydown" | "toggleValue" | "clearSelection" | "activeIndex" | ("clearLabel" | "searchPlaceholder" | "selectLabel")> & {
 handleKeydown: (event: KeyboardEvent) => void;
 toggleValue: (item?: ListboxOption) => void;
 clearSelection: () => void;
-listboxEl: Readonly<ShallowRef<HTMLDivElement | null>>;
-activeIndex: Ref<number, number>;
-}> & {} & ComponentCustomProperties & {} & {
+listboxEl: HTMLDivElement | null;
+activeIndex: number;
+} & {} & ComponentCustomProperties & {} & {
 $slots: Readonly<{
-optionPrefix: VNode;
+item(props: {
+item: ListboxOption;
+}): VNode;
 }> & {
-optionPrefix: VNode;
+item(props: {
+item: ListboxOption;
+}): VNode;
 };
 }) | null;
 }, HTMLDivElement>;
@@ -1982,6 +1996,11 @@ declare type __VLS_Props_56 = {
      * Allows to define the status message style.
      */
     status?: 'info' | 'success' | 'warning' | 'error' | 'neutral' | 'inprogress';
+    /**
+     * Allows to define the status message appearance.
+     * The accent status is used to highlight a specific message.
+     */
+    appearance?: 'standard' | 'accent';
     /**
      * Label of the status message.
      */
@@ -3134,9 +3153,9 @@ declare function __VLS_template_25(): {
             hideFloatingItem: () => void;
         }> & Readonly<{
             "onLog-out"?: (() => any) | undefined;
-        }>, "container"> & ShallowUnwrapRef<    {
-        container: Readonly<ShallowRef<HTMLDivElement | null>>;
-        }> & {} & ComponentCustomProperties & {} & {
+        }>, "container"> & {
+            container: HTMLDivElement | null;
+        } & {} & ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
             };
@@ -3187,18 +3206,16 @@ declare function __VLS_template_28(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /**
-         * Use this slot to insert an icon in the input.
+         * Use this slot to insert an icon in the tag.
          */
         icon?: VNode;
     }> & {
         /**
-         * Use this slot to insert an icon in the input.
+         * Use this slot to insert an icon in the tag.
          */
         icon?: VNode;
     };
-    refs: {
-        textInput: HTMLInputElement;
-    };
+    refs: {};
     rootEl: any;
 };
 
@@ -3206,33 +3223,19 @@ declare function __VLS_template_29(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /**
-         * Default slot for the main content of the tile.
-         */
-        default?: VNode[];
-        /**
-         * Named slot for additional content shown below the main content.
-         */
-        details?: VNode[];
-        /**
-         * Named slot for action element, such as a button or link.
+         * Use this slot to insert an icon in the input.
          */
-        action?: VNode[];
+        icon?: VNode;
     }> & {
         /**
-         * Default slot for the main content of the tile.
-         */
-        default?: VNode[];
-        /**
-         * Named slot for additional content shown below the main content.
-         */
-        details?: VNode[];
-        /**
-         * Named slot for action element, such as a button or link.
+         * Use this slot to insert an icon in the input.
          */
-        action?: VNode[];
+        icon?: VNode;
     };
-    refs: {};
-    rootEl: HTMLDivElement;
+    refs: {
+        textInput: HTMLInputElement;
+    };
+    rootEl: any;
 };
 
 declare function __VLS_template_3(): {
@@ -3261,6 +3264,39 @@ declare function __VLS_template_3(): {
 };
 
 declare function __VLS_template_30(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Default slot for the main content of the tile.
+         */
+        default?: VNode[];
+        /**
+         * Named slot for additional content shown below the main content.
+         */
+        details?: VNode[];
+        /**
+         * Named slot for action element, such as a button or link.
+         */
+        action?: VNode[];
+    }> & {
+        /**
+         * Default slot for the main content of the tile.
+         */
+        default?: VNode[];
+        /**
+         * Named slot for additional content shown below the main content.
+         */
+        details?: VNode[];
+        /**
+         * Named slot for action element, such as a button or link.
+         */
+        action?: VNode[];
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_31(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /**
@@ -3285,7 +3321,7 @@ declare function __VLS_template_30(): {
     rootEl: any;
 };
 
-declare function __VLS_template_31(): {
+declare function __VLS_template_32(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /**
@@ -3310,7 +3346,7 @@ declare function __VLS_template_31(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_32(): {
+declare function __VLS_template_33(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /**
@@ -3335,7 +3371,7 @@ declare function __VLS_template_32(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_33(): {
+declare function __VLS_template_34(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /**
@@ -3352,7 +3388,7 @@ declare function __VLS_template_33(): {
     rootEl: HTMLElement;
 };
 
-declare function __VLS_template_34(): {
+declare function __VLS_template_35(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /**
@@ -3486,14 +3522,18 @@ declare function __VLS_template_9(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /**
-         * Use this slot to add a prefix to options.
+         * Use this slot to customize the content of each item.
          */
-        optionPrefix: VNode;
+        item(props: {
+            item: ListboxOption;
+        }): VNode;
     }> & {
         /**
-         * Use this slot to add a prefix to options.
+         * Use this slot to customize the content of each item.
          */
-        optionPrefix: VNode;
+        item(props: {
+            item: ListboxOption;
+        }): VNode;
     };
     refs: {
         combobox: HTMLDivElement;
@@ -3620,9 +3660,9 @@ declare function __VLS_template_9(): {
                     suffix?: string;
                 }> & Readonly<{
                     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
-                }>, "focus" | ("size" | "inputType" | "clearLabel")> & ShallowUnwrapRef<    {
-                focus: () => void;
-                }> & {} & ComponentCustomProperties & {} & {
+                }>, "focus" | ("size" | "inputType" | "clearLabel")> & {
+                    focus: () => void;
+                } & {} & ComponentCustomProperties & {} & {
                     $slots: Readonly<{
                         icon?: VNode;
                     }> & {
@@ -3710,17 +3750,21 @@ declare function __VLS_template_9(): {
             "onUpdate:modelValue"?: ((value: string | number | (string | number)[] | null) => any) | undefined;
             onOpen?: (() => any) | undefined;
             onClose?: (() => any) | undefined;
-        }>, "listboxEl" | "handleKeydown" | "toggleValue" | "clearSelection" | "activeIndex" | ("clearLabel" | "searchPlaceholder" | "selectLabel")> & ShallowUnwrapRef<    {
-        handleKeydown: (event: KeyboardEvent) => void;
-        toggleValue: (item?: ListboxOption) => void;
-        clearSelection: () => void;
-        listboxEl: Readonly<ShallowRef<HTMLDivElement | null>>;
-        activeIndex: Ref<number, number>;
-        }> & {} & ComponentCustomProperties & {} & {
+        }>, "listboxEl" | "handleKeydown" | "toggleValue" | "clearSelection" | "activeIndex" | ("clearLabel" | "searchPlaceholder" | "selectLabel")> & {
+            handleKeydown: (event: KeyboardEvent) => void;
+            toggleValue: (item?: ListboxOption) => void;
+            clearSelection: () => void;
+            listboxEl: HTMLDivElement | null;
+            activeIndex: number;
+        } & {} & ComponentCustomProperties & {} & {
             $slots: Readonly<{
-                optionPrefix: VNode;
+                item(props: {
+                    item: ListboxOption;
+                }): VNode;
             }> & {
-                optionPrefix: VNode;
+                item(props: {
+                    item: ListboxOption;
+                }): VNode;
             };
         }) | null;
     };
@@ -3783,6 +3827,8 @@ declare type __VLS_TemplateResult_33 = ReturnType<typeof __VLS_template_33>;
 
 declare type __VLS_TemplateResult_34 = ReturnType<typeof __VLS_template_34>;
 
+declare type __VLS_TemplateResult_35 = ReturnType<typeof __VLS_template_35>;
+
 declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
 
 declare type __VLS_TemplateResult_5 = ReturnType<typeof __VLS_template_5>;
@@ -3963,6 +4009,12 @@ declare type __VLS_WithTemplateSlots_34<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_35<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_4<T, S> = T & {
     new (): {
         $slots: S;
@@ -4314,7 +4366,7 @@ outlined?: boolean;
 iconPosition?: "left" | "right" | "only";
 type?: "button" | "reset" | "submit";
 isLoading?: boolean;
-}> & Readonly<{}>, "appearance" | "type" | "size"> & ShallowUnwrapRef<    {}> & {} & ComponentCustomProperties & {} & {
+}> & Readonly<{}>, "appearance" | "type" | "size"> & {} & ComponentCustomProperties & {} & {
 $slots: Readonly<{
 default: string;
 icon?: VNode;
@@ -4435,6 +4487,7 @@ status: "info" | "success" | "warning" | "error" | "neutral";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 
 export declare const MStatusMessage: DefineComponent<__VLS_Props_56, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_56> & Readonly<{}>, {
+appearance: "standard" | "accent";
 status: "info" | "success" | "warning" | "error" | "neutral" | "inprogress";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
@@ -4492,17 +4545,7 @@ divider: boolean;
 tab: HTMLButtonElement;
 }, HTMLElement>;
 
-export declare const MTag: DefineComponent<__VLS_Props_62, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-"update:modelValue": (value: boolean) => any;
-"remove-tag": (id: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_62> & Readonly<{
-"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-"onRemove-tag"?: ((id: string) => any) | undefined;
-}>, {
-type: "informative" | "interactive" | "contextualised" | "removable" | "selectable";
-contextualisedNumber: number;
-removableLabel: string;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export declare const MTag: __VLS_WithTemplateSlots_28<typeof __VLS_component_28, __VLS_TemplateResult_28["slots"]>;
 
 export declare const MTextArea: DefineComponent<__VLS_Props_63, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: string | number) => any;
@@ -4512,17 +4555,17 @@ export declare const MTextArea: DefineComponent<__VLS_Props_63, {}, {}, {}, {},
 rows: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const MTextInput: __VLS_WithTemplateSlots_28<typeof __VLS_component_28, __VLS_TemplateResult_28["slots"]>;
+export declare const MTextInput: __VLS_WithTemplateSlots_29<typeof __VLS_component_29, __VLS_TemplateResult_29["slots"]>;
 
-export declare const MTile: __VLS_WithTemplateSlots_29<typeof __VLS_component_29, __VLS_TemplateResult_29["slots"]>;
+export declare const MTile: __VLS_WithTemplateSlots_30<typeof __VLS_component_30, __VLS_TemplateResult_30["slots"]>;
 
-export declare const MTileClickable: __VLS_WithTemplateSlots_30<typeof __VLS_component_30, __VLS_TemplateResult_30["slots"]>;
+export declare const MTileClickable: __VLS_WithTemplateSlots_31<typeof __VLS_component_31, __VLS_TemplateResult_31["slots"]>;
 
-export declare const MTileExpandable: __VLS_WithTemplateSlots_31<typeof __VLS_component_31, __VLS_TemplateResult_31["slots"]>;
+export declare const MTileExpandable: __VLS_WithTemplateSlots_32<typeof __VLS_component_32, __VLS_TemplateResult_32["slots"]>;
 
-export declare const MTileSelectable: __VLS_WithTemplateSlots_32<typeof __VLS_component_32, __VLS_TemplateResult_32["slots"]>;
+export declare const MTileSelectable: __VLS_WithTemplateSlots_33<typeof __VLS_component_33, __VLS_TemplateResult_33["slots"]>;
 
-export declare const MToaster: __VLS_WithTemplateSlots_33<typeof __VLS_component_33, __VLS_TemplateResult_33["slots"]>;
+export declare const MToaster: __VLS_WithTemplateSlots_34<typeof __VLS_component_34, __VLS_TemplateResult_34["slots"]>;
 
 export declare const MToggle: DefineComponent<__VLS_Props_70, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: boolean) => any;
@@ -4538,7 +4581,7 @@ export declare const MToggleGroup: DefineComponent<__VLS_Props_71, {}, {}, {}, {
 "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const MTooltip: __VLS_WithTemplateSlots_34<typeof __VLS_component_34, __VLS_TemplateResult_34["slots"]>;
+export declare const MTooltip: __VLS_WithTemplateSlots_35<typeof __VLS_component_35, __VLS_TemplateResult_35["slots"]>;
 
 declare type NormalizedFile = {
     name: string;