@ironsource/shared-ui 2.1.12-test.50 → 2.1.12-test.52

package/components/appIcon/index.d.ts

@@ -1,4 +1,4 @@
-declare const AppIconTypes: () => import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const AppIconTypes: () => import("vue").DefineComponent<{
     size: {
         type: import("vue").PropType<"md" | "sm" | "lg" | "xl">;
         default: string;
@@ -8,7 +8,7 @@ declare const AppIconTypes: () => import("vue").DefineComponent<import("vue").Ex
         required: true;
         default: string;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: import("vue").PropType<"md" | "sm" | "lg" | "xl">;
         default: string;
@@ -18,9 +18,9 @@ declare const AppIconTypes: () => import("vue").DefineComponent<import("vue").Ex
         required: true;
         default: string;
     };
-}>> & Readonly<{}>, {
+}>>, {
     size: "md" | "sm" | "lg" | "xl";
     src: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>[];
+}>[];
 export { default as AppIcon } from './AppIcon.vue';
 export { AppIconTypes };

package/components/appTrigger/AppTrigger.vue.d.ts

@@ -1,5 +1,5 @@
 import { Application } from '@/components/includeExclude/includeExcludeMocks';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     selected?: Application[];
     options?: Application[];
     loading?: boolean;
@@ -11,7 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     loading: boolean;
     singleAppSelection: boolean;
     testId: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     selected?: Application[];
     options?: Application[];
     loading?: boolean;
@@ -23,13 +23,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     loading: boolean;
     singleAppSelection: boolean;
     testId: string;
-}>>> & Readonly<{}>, {
+}>>>, {
     testId: string;
     loading: boolean;
     selected: Application[];
     options: Application[];
     singleAppSelection: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+}>, {
     "left-image"?(_: {}): any;
     "left-icon"?(_: {}): any;
     title?(_: {}): any;

package/components/appTrigger/AppTrigger.vue2.js

@@ -1,14 +1,14 @@
- import "../../AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css"; import { defineComponent as C, computed as l, openBlock as g, createElementBlock as P, normalizeClass as E, unref as e, renderSlot as p, createElementVNode as m, createBlock as v, createCommentVNode as R, createVNode as o, withCtx as d, createTextVNode as S, toDisplayString as z } from "vue";
-import w from "../appIcon/AppIcon.vue.js";
+ import "../../AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css"; import { defineComponent as w, computed as t, openBlock as m, createElementBlock as L, normalizeClass as S, unref as e, renderSlot as c, createElementVNode as f, createBlock as v, createCommentVNode as D, createVNode as s, withCtx as p, createTextVNode as z, toDisplayString as N } from "vue";
+import V from "../appIcon/AppIcon.vue.js";
 import "../button/v3/Button.vue.js";
-import L from "../button/v3/IconButton.vue.js";
+import X from "../button/v3/IconButton.vue.js";
 import "../button/v3/ScrollButton.vue.js";
-import f from "../icon/v3/Icon.vue.js";
-import N from "../tooltip/v3/Tooltip.vue.js";
+import T from "../icon/v3/Icon.vue.js";
+import O from "../tooltip/v3/Tooltip.vue.js";
 import "../typography/Heading.vue.js";
-import O from "../typography/Text.vue.js";
-import { AppTriggerTestIdModifiers as i } from "../../testids/index.js";
-const D = ["data-testid"], V = { class: "app-trigger__left-image" }, X = "All apps selected", b = "No apps to select", G = "widgetsz", M = "cube-background", x = /* @__PURE__ */ C({
+import k from "../typography/Text.vue.js";
+import { AppTriggerTestIdModifiers as o } from "../../testids/index.js";
+const b = ["data-testid"], G = { class: "app-trigger__left-image" }, Z = /* @__PURE__ */ w({
   __name: "AppTrigger",
   props: {
     selected: { default: null },
@@ -17,59 +17,59 @@ const D = ["data-testid"], V = { class: "app-trigger__left-image" }, X = "All ap
     singleAppSelection: { type: Boolean, default: !1 },
     testId: { default: "" }
   },
-  setup(k) {
-    const a = k, T = l(() => a.singleAppSelection && A.value ? b : a.singleAppSelection && u.value ? `${s.value?.name}` : c.value ? X : u.value ? `${s.value?.name}` : `${n.value} apps selected`), y = l(
-      () => a.singleAppSelection && A.value ? M : G
-    ), $ = l(() => !c.value || a.singleAppSelection && u.value ? s.value.platform.toLowerCase() : null), I = l(() => !n.value || !r.value ? "" : s.value?.icon), _ = l(() => a.loading ? "" : u.value ? s.value.appKey : c.value ? B.value : n.value <= 0 ? `${s.value?.name}` : `${s.value?.name} and ${n.value - 1}+`), n = l(() => a.selected?.length || 0), r = l(() => a.options?.length || 0), u = l(() => n.value === 1), A = l(() => r.value === 0), c = l(() => a.loading || r.value === n.value || !n.value), B = l(() => r.value === 1 ? `${h.value?.name}` : `${h.value?.name} and ${r.value - 1}+`), s = l(() => a.selected?.[0]), h = l(() => a.options?.[0]);
-    return (t, K) => (g(), P("div", {
-      class: E(["app-trigger", {
-        "app-trigger--with-icons": n.value > 0 || c.value
+  setup(l) {
+    const n = l, y = "All apps selected", B = "No apps to select", $ = t(() => n.singleAppSelection && h.value ? B : n.singleAppSelection && u.value ? `${i.value?.name}` : g.value ? y : u.value ? `${i.value?.name}` : `${a.value} apps selected`), C = "widgetsz", x = "cube-background", P = t(
+      () => n.singleAppSelection && h.value ? x : C
+    ), I = t(() => !g.value || n.singleAppSelection && u.value ? i.value.platform.toLowerCase() : null), A = t(() => !a.value || !r.value ? "" : i.value?.icon), _ = t(() => n.loading ? "" : u.value ? i.value.appKey : g.value ? R.value : a.value <= 0 ? `${i.value?.name}` : `${i.value?.name} and ${a.value - 1}+`), a = t(() => n.selected?.length || 0), r = t(() => n.options?.length || 0), u = t(() => a.value === 1), h = t(() => r.value === 0), g = t(() => n.loading || r.value === a.value || !a.value), R = t(() => r.value === 1 ? `${E.value?.name}` : `${E.value?.name} and ${r.value - 1}+`), i = t(() => n.selected?.[0]), E = t(() => n.options?.[0]);
+    return (d, M) => (m(), L("div", {
+      class: S(["app-trigger", {
+        "app-trigger--with-icons": e(a) > 0 || e(g)
       }]),
-      "data-testid": `${t.testId}-${e(i).WRAPPER}`
+      "data-testid": `${l.testId}-${e(o).WRAPPER}`
     }, [
-      p(t.$slots, "left-image", {}, () => [
-        m("div", V, [
-          I.value ? (g(), v(e(w), {
+      c(d.$slots, "left-image", {}, () => [
+        f("div", G, [
+          e(A) ? (m(), v(e(V), {
             key: 0,
             size: "xl",
-            src: I.value
-          }, null, 8, ["src"])) : (g(), v(e(f), {
+            src: e(A)
+          }, null, 8, ["src"])) : (m(), v(e(T), {
             key: 1,
             class: "trigger-icon",
             "font-size": "2rem",
-            name: y.value
+            name: e(P)
           }, null, 8, ["name"]))
         ])
       ], !0),
-      p(t.$slots, "left-icon", {}, () => [
-        $.value ? (g(), v(e(f), {
+      c(d.$slots, "left-icon", {}, () => [
+        e(I) ? (m(), v(e(T), {
           key: 0,
           class: "app-trigger__left-icon",
-          name: $.value,
+          name: e(I),
           "font-size": "md"
-        }, null, 8, ["name"])) : R("", !0)
+        }, null, 8, ["name"])) : D("", !0)
       ], !0),
-      m("div", {
-        class: E(["app-trigger__middle-section", {
-          "app-trigger__middle-section--single": u.value,
-          "app-trigger__middle-section--loading": t.loading || !t.options?.length
+      f("div", {
+        class: S(["app-trigger__middle-section", {
+          "app-trigger__middle-section--single": e(u),
+          "app-trigger__middle-section--loading": l.loading || !l.options?.length
         }])
       }, [
-        p(t.$slots, "title", {}, () => [
-          o(e(N), {
-            text: T.value,
-            "data-testid": `${t.testId}-${e(i).TITLE_TOOLTIP_TEXT}`
+        c(d.$slots, "title", {}, () => [
+          s(e(O), {
+            text: e($),
+            "data-testid": `${l.testId}-${e(o).TITLE_TOOLTIP_TEXT}`
           }, {
-            default: d(() => [
-              o(e(O), {
+            default: p(() => [
+              s(e(k), {
                 strong: "",
                 class: "title",
                 "is-truncated": "",
                 size: "sm",
-                "test-id": `${t.testId}-${e(i).TITLE_TEXT}`
+                "test-id": `${l.testId}-${e(o).TITLE_TEXT}`
               }, {
-                default: d(() => [
-                  S(z(T.value), 1)
+                default: p(() => [
+                  z(N(e($)), 1)
                 ]),
                 _: 1
               }, 8, ["test-id"])
@@ -77,21 +77,21 @@ const D = ["data-testid"], V = { class: "app-trigger__left-image" }, X = "All ap
             _: 1
           }, 8, ["text", "data-testid"])
         ], !0),
-        p(t.$slots, "description", {}, () => [
-          m("div", null, [
-            o(e(N), {
-              text: _.value,
-              "data-testid": `${t.testId}-${e(i).DESCRIPTION_TOOLTIP_TEXT}`
+        c(d.$slots, "description", {}, () => [
+          f("div", null, [
+            s(e(O), {
+              text: e(_),
+              "data-testid": `${l.testId}-${e(o).DESCRIPTION_TOOLTIP_TEXT}`
             }, {
-              default: d(() => [
-                o(e(O), {
+              default: p(() => [
+                s(e(k), {
                   class: "app-trigger__description",
                   size: "xs",
                   "is-truncated": "",
-                  "test-id": `${t.testId}-${e(i).DESCRIPTION_TEXT}`
+                  "test-id": `${l.testId}-${e(o).DESCRIPTION_TEXT}`
                 }, {
-                  default: d(() => [
-                    S(z(_.value), 1)
+                  default: p(() => [
+                    z(N(e(_)), 1)
                   ]),
                   _: 1
                 }, 8, ["test-id"])
@@ -101,14 +101,14 @@ const D = ["data-testid"], V = { class: "app-trigger__left-image" }, X = "All ap
           ])
         ], !0)
       ], 2),
-      p(t.$slots, "right-icon", {}, () => [
-        o(e(L), {
+      c(d.$slots, "right-icon", {}, () => [
+        s(e(X), {
           class: "app-trigger__right-icon",
           theme: "third",
-          "data-testid": `${t.testId}-${e(i).TRIGGER_BUTTON}`
+          "data-testid": `${l.testId}-${e(o).TRIGGER_BUTTON}`
         }, {
-          default: d(() => [
-            o(e(f), {
+          default: p(() => [
+            s(e(T), {
               "font-size": "sm",
               name: "angle-down"
             })
@@ -116,9 +116,9 @@ const D = ["data-testid"], V = { class: "app-trigger__left-image" }, X = "All ap
           _: 1
         }, 8, ["data-testid"])
       ], !0)
-    ], 10, D));
+    ], 10, b));
   }
 });
 export {
-  x as default
+  Z as default
 };

package/components/appTrigger/index.d.ts

@@ -1,39 +1,96 @@
 declare const AppTriggerTypes: () => ({
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            testId: string;
+            loading: boolean;
+            selected: import("../includeExclude/includeExcludeMocks").Application[];
+            options: import("../includeExclude/includeExcludeMocks").Application[];
+            singleAppSelection: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            selected: {
+                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+                default: any;
+            };
+            options: {
+                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+                default: any;
+            };
+            singleAppSelection: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "loading" | "selected" | "options" | "singleAppSelection">;
+        $attrs: {
+            [x: string]: unknown;
         };
-        loading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        $refs: {
+            [x: string]: unknown;
         };
-        selected: {
-            type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
-            default: any;
-        };
-        options: {
-            type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
-            default: any;
-        };
-        singleAppSelection: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            selected: {
+                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+                default: any;
+            };
+            options: {
+                type: import("vue").PropType<import("../includeExclude/includeExcludeMocks").Application[]>;
+                default: any;
+            };
+            singleAppSelection: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            testId: string;
+            loading: boolean;
+            selected: import("../includeExclude/includeExcludeMocks").Application[];
+            options: import("../includeExclude/includeExcludeMocks").Application[];
+            singleAppSelection: boolean;
+        }, {}, string> & {
+            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<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        testId: string;
-        loading: boolean;
-        selected: import("../includeExclude/includeExcludeMocks").Application[];
-        options: import("../includeExclude/includeExcludeMocks").Application[];
-        singleAppSelection: boolean;
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -54,13 +111,7 @@ declare const AppTriggerTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
-        testId: string;
-        loading: boolean;
-        selected: import("../includeExclude/includeExcludeMocks").Application[];
-        options: import("../includeExclude/includeExcludeMocks").Application[];
-        singleAppSelection: boolean;
-    }>;
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -85,13 +136,13 @@ declare const AppTriggerTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     testId: string;
     loading: boolean;
     selected: import("../includeExclude/includeExcludeMocks").Application[];
     options: import("../includeExclude/includeExcludeMocks").Application[];
     singleAppSelection: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         "left-image"?(_: {}): any;
         "left-icon"?(_: {}): any;

package/components/autocomplete/Autocomplete.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: string | number;
     placeholder?: string;
     disabled?: boolean;
@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     mandatory?: boolean;
     hoverHelpText?: string;
     hoverHelpTextPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-    feedbackVariant?: "error" | "success" | "warning";
+    feedbackVariant?: "success" | "warning" | "error";
     feedbackText?: string;
     showFeedbackTextIcon?: boolean;
     inlineError?: boolean;
@@ -45,9 +45,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     optionNameKey: string;
     optionsListWidth: any;
     testId: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: string | number;
     placeholder?: string;
     disabled?: boolean;
@@ -57,7 +57,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     mandatory?: boolean;
     hoverHelpText?: string;
     hoverHelpTextPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-    feedbackVariant?: "error" | "success" | "warning";
+    feedbackVariant?: "success" | "warning" | "error";
     feedbackText?: string;
     showFeedbackTextIcon?: boolean;
     inlineError?: boolean;
@@ -94,15 +94,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     optionNameKey: string;
     optionsListWidth: any;
     testId: string;
-}>>> & Readonly<{
+}>>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
-}>, {
+}, {
     label: string;
     testId: string;
     disabled: boolean;
     size: "small" | "medium" | "large";
-    modelValue: string | number;
     mandatory: boolean;
+    modelValue: string | number;
     hoverHelpText: string;
     hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     maxLength: number;
@@ -112,13 +112,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     inlineError: boolean;
     inlineErrorText: string;
     feedbackText: string;
-    feedbackVariant: "error" | "success" | "warning";
+    feedbackVariant: "success" | "warning" | "error";
     showFeedbackTextIcon: boolean;
     onSearch: (option: any, term: string) => boolean;
     optionNameKey: string;
     optionsListWidth: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: any): any;
+}>, {
+    default?(_: {
+        option: unknown;
+        index: number;
+        selected: boolean;
+        active: boolean;
+        disabled: any;
+    }): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/autocomplete/Autocomplete.vue2.js

@@ -1,4 +1,4 @@
- import "../../Autocomplete.vue_vue_type_style_index_0_scoped_e361f9fd_lang.css"; import { defineComponent as F, computed as i, ref as m, watchEffect as C, openBlock as s, createElementBlock as h, Fragment as P, createVNode as c, unref as p, withCtx as v, mergeProps as I, isRef as S, renderSlot as B, normalizeProps as E, guardReactiveProps as z, createBlock as g, createCommentVNode as f } from "vue";
+ import "../../Autocomplete.vue_vue_type_style_index_0_scoped_e361f9fd_lang.css"; import { defineComponent as F, computed as r, ref as h, watchEffect as C, openBlock as s, createElementBlock as x, Fragment as P, createVNode as v, unref as o, withCtx as p, mergeProps as I, isRef as S, renderSlot as B, normalizeProps as E, guardReactiveProps as z, createBlock as g, createCommentVNode as m } from "vue";
 import H from "../dropdown/v4/DropdownV4.vue.js";
 import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
 import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
@@ -9,14 +9,14 @@ import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../dropdown/v4/TreeDropdown.vue.js";
 import "../dropdown/v4/OptionV4.vue.js";
 import "../dropdown/v4/ConditionalDropdown.vue.js";
-import O from "../input/v4/TextField.vue.js";
-import { useVModel as N } from "@vueuse/core";
+import N from "../input/v4/TextField.vue.js";
+import { useVModel as O } from "@vueuse/core";
 import D from "../shared/FieldHelpText.vue.js";
 import M from "../shared/FieldMaxLength.vue.js";
 const U = {
   key: 0,
   class: "footer"
-}, le = /* @__PURE__ */ F({
+}, te = /* @__PURE__ */ F({
   __name: "Autocomplete",
   props: {
     modelValue: { default: "" },
@@ -35,59 +35,59 @@ const U = {
     inlineErrorText: { default: "" },
     maxLength: { default: null },
     maxLengthCounterPosition: { default: "inside" },
-    options: {},
-    displayValue: {},
+    options: null,
+    displayValue: null,
     optionNameKey: { default: "" },
     optionsListWidth: { default: null },
     onSearch: { type: Function, default: null },
     testId: { default: "" }
   },
   emits: ["update:modelValue"],
-  setup(b, { emit: k }) {
-    const t = b, n = N(t, "modelValue", k), y = (e) => {
-      e !== void 0 && (n.value = t.displayValue(e));
-    }, x = i(() => (n.value || "").length), d = i(
+  setup(e, { emit: b }) {
+    const t = e, d = O(t, "modelValue", b), k = (a) => {
+      a !== void 0 && (d.value = t.displayValue(a));
+    }, y = r(() => (d.value || "").length), f = r(
       () => t.maxLength && t.maxLengthCounterPosition === "outside"
-    ), L = i(() => d.value ? {
+    ), L = r(() => f.value ? {
       // when counter is shown outside, use native html maxlength attribute (instead of component prop)
       // and render counter separately to avoid space between input and dropdown
       maxlength: t.maxLength
     } : {
       maxLength: t.maxLength,
       maxLengthCounterPosition: t.maxLengthCounterPosition
-    }), V = i(
-      () => t.feedbackText || d.value
-    ), w = (e, l) => t.displayValue(e).toLowerCase().replace(/\s+/g, "").includes(l.toLowerCase().replace(/\s+/g, "")), r = i(() => {
-      const e = n.value.toString();
+    }), V = r(
+      () => t.feedbackText || f.value
+    ), w = (a, l) => t.displayValue(a).toLowerCase().replace(/\s+/g, "").includes(l.toLowerCase().replace(/\s+/g, "")), u = r(() => {
+      const a = d.value.toString();
       return (t.options || []).filter(
-        (l) => t.onSearch !== null ? t.onSearch(l, e) : w(l, e)
+        (l) => t.onSearch !== null ? t.onSearch(l, a) : w(l, a)
       );
-    }), o = m(!1), u = m(!1);
+    }), n = h(!1), c = h(!1);
     C(() => {
-      t.disabled ? o.value = !1 : u.value && r.value.length ? o.value = !0 : r.value.length === 0 && (o.value = !1);
+      t.disabled ? n.value = !1 : c.value && u.value.length ? n.value = !0 : u.value.length === 0 && (n.value = !1);
     });
     const T = () => {
-      t.disabled || !o.value && r.value.length && (o.value = !0);
+      t.disabled || !n.value && u.value.length && (n.value = !0);
     };
-    return (e, l) => (s(), h(P, null, [
-      c(p(H), {
-        "is-open": o.value,
-        "onUpdate:isOpen": l[3] || (l[3] = (a) => o.value = a),
+    return (a, l) => (s(), x(P, null, [
+      v(o(H), {
+        "is-open": n.value,
+        "onUpdate:is-open": l[3] || (l[3] = (i) => n.value = i),
         class: "autocomplete-dropdown",
         "display-value": e.displayValue,
-        options: r.value,
+        options: o(u),
         "option-name-key": e.optionNameKey,
         "options-list-width": e.optionsListWidth,
         disabled: e.disabled,
         "search-auto-focus": !1,
         "full-width": !1,
         "test-id": e.testId,
-        "onUpdate:selected": y
+        "onUpdate:selected": k
       }, {
-        "dropdown-trigger": v(() => [
-          c(p(O), I({
-            modelValue: p(n),
-            "onUpdate:modelValue": l[0] || (l[0] = (a) => S(n) ? n.value = a : null),
+        "dropdown-trigger": p(() => [
+          v(o(N), I({
+            modelValue: o(d),
+            "onUpdate:modelValue": l[0] || (l[0] = (i) => S(d) ? d.value = i : null),
             class: "autocomplete-field",
             placeholder: e.placeholder,
             disabled: e.disabled,
@@ -102,34 +102,34 @@ const U = {
             "show-feedback-text-icon": e.showFeedbackTextIcon,
             "inline-error": e.inlineError,
             "inline-error-text": e.inlineErrorText
-          }, L.value, {
-            onFocusin: l[1] || (l[1] = (a) => u.value = !0),
-            onFocusout: l[2] || (l[2] = (a) => u.value = !1),
+          }, o(L), {
+            onFocusin: l[1] || (l[1] = (i) => c.value = !0),
+            onFocusout: l[2] || (l[2] = (i) => c.value = !1),
             onClick: T
           }), null, 16, ["modelValue", "placeholder", "disabled", "size", "label", "label-direction", "mandatory", "hover-help-text", "hover-help-text-placemen", "test-id", "feedback-variant", "show-feedback-text-icon", "inline-error", "inline-error-text"])
         ]),
-        default: v((a) => [
-          B(e.$slots, "default", E(z(a)), void 0, !0)
+        default: p((i) => [
+          B(a.$slots, "default", E(z(i)), void 0, !0)
         ]),
         _: 3
       }, 8, ["is-open", "display-value", "options", "option-name-key", "options-list-width", "disabled", "test-id"]),
-      V.value ? (s(), h("div", U, [
+      o(V) ? (s(), x("div", U, [
         e.feedbackText ? (s(), g(D, {
           key: 0,
           text: e.feedbackText,
           variant: e.feedbackVariant,
           "show-icon": e.showFeedbackTextIcon,
           "test-id": e.testId
-        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : f("", !0),
-        d.value ? (s(), g(M, {
+        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : m("", !0),
+        o(f) ? (s(), g(M, {
           key: 1,
-          "current-length": x.value,
+          "current-length": o(y),
           "max-length": e.maxLength
-        }, null, 8, ["current-length", "max-length"])) : f("", !0)
-      ])) : f("", !0)
+        }, null, 8, ["current-length", "max-length"])) : m("", !0)
+      ])) : m("", !0)
     ], 64));
   }
 });
 export {
-  le as default
+  te as default
 };