@ironsource/shared-ui 2.1.12-test.99 → 2.2.0-rc.0

package/components/autocomplete/Autocomplete.vue2.js

@@ -0,0 +1,135 @@
+ 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";
+import "../dropdown/v4/ChipDropdownTrigger.vue.js";
+import "../dropdown/v4/AppDropdownTrigger.vue.js";
+import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
+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 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"
+}, te = /* @__PURE__ */ F({
+  __name: "Autocomplete",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "small" },
+    label: { default: "" },
+    labelDirection: { default: "top" },
+    mandatory: { type: Boolean, default: !1 },
+    hoverHelpText: { default: "" },
+    hoverHelpTextPlacement: { default: "top" },
+    feedbackVariant: { default: null },
+    feedbackText: { default: "" },
+    showFeedbackTextIcon: { type: Boolean, default: !1 },
+    inlineError: { type: Boolean, default: !1 },
+    inlineErrorText: { default: "" },
+    maxLength: { default: null },
+    maxLengthCounterPosition: { default: "inside" },
+    options: null,
+    displayValue: null,
+    optionNameKey: { default: "" },
+    optionsListWidth: { default: null },
+    onSearch: { type: Function, default: null },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  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 = 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 = 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, a) : w(l, a)
+      );
+    }), n = h(!1), c = h(!1);
+    C(() => {
+      t.disabled ? n.value = !1 : c.value && u.value.length ? n.value = !0 : u.value.length === 0 && (n.value = !1);
+    });
+    const T = () => {
+      t.disabled || !n.value && u.value.length && (n.value = !0);
+    };
+    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: 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": k
+      }, {
+        "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,
+            size: e.size,
+            label: e.label,
+            "label-direction": e.labelDirection,
+            mandatory: e.mandatory,
+            "hover-help-text": e.hoverHelpText,
+            "hover-help-text-placemen": e.hoverHelpTextPlacement,
+            "test-id": e.testId,
+            "feedback-variant": e.feedbackVariant,
+            "show-feedback-text-icon": e.showFeedbackTextIcon,
+            "inline-error": e.inlineError,
+            "inline-error-text": e.inlineErrorText
+          }, 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: 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"]),
+      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"])) : m("", !0),
+        o(f) ? (s(), g(M, {
+          key: 1,
+          "current-length": o(y),
+          "max-length": e.maxLength
+        }, null, 8, ["current-length", "max-length"])) : m("", !0)
+      ])) : m("", !0)
+    ], 64));
+  }
+});
+export {
+  te as default
+};

package/components/autocomplete/index.d.ts

@@ -1,6 +1,275 @@
 import Autocomplete from './Autocomplete.vue';
 declare const AutocompleteTypes: () => ({
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            label: string;
+            testId: string;
+            disabled: boolean;
+            size: "small" | "medium" | "large";
+            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;
+            placeholder: string;
+            labelDirection: "top" | "inside";
+            maxLengthCounterPosition: "inside" | "outside";
+            inlineError: boolean;
+            inlineErrorText: string;
+            feedbackText: string;
+            feedbackVariant: "success" | "warning" | "error";
+            showFeedbackTextIcon: boolean;
+            onSearch: (option: any, term: string) => boolean;
+            optionNameKey: string;
+            optionsListWidth: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large">;
+                default: string;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+            options: {
+                type: import("vue").PropType<unknown[] | {
+                    id: string;
+                    text: string;
+                }[]>;
+                required: true;
+            };
+            hoverHelpText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            hoverHelpTextPlacement: {
+                type: import("vue").PropType<"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">;
+                default: string;
+            };
+            maxLength: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            labelDirection: {
+                type: import("vue").PropType<"top" | "inside">;
+                default: string;
+            };
+            maxLengthCounterPosition: {
+                type: import("vue").PropType<"inside" | "outside">;
+                default: string;
+            };
+            inlineError: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            inlineErrorText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            feedbackText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            feedbackVariant: {
+                type: import("vue").PropType<"success" | "warning" | "error">;
+                default: any;
+            };
+            showFeedbackTextIcon: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            onSearch: {
+                type: import("vue").PropType<(option: any, term: string) => boolean>;
+                default: any;
+            };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => string>;
+                required: true;
+            };
+            optionNameKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionsListWidth: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (value: string | number) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "mandatory" | "modelValue" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "placeholder" | "labelDirection" | "maxLengthCounterPosition" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "onSearch" | "optionNameKey" | "optionsListWidth">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $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: "update:modelValue", value: string | number) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large">;
+                default: string;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
+            options: {
+                type: import("vue").PropType<unknown[] | {
+                    id: string;
+                    text: string;
+                }[]>;
+                required: true;
+            };
+            hoverHelpText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            hoverHelpTextPlacement: {
+                type: import("vue").PropType<"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">;
+                default: string;
+            };
+            maxLength: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            labelDirection: {
+                type: import("vue").PropType<"top" | "inside">;
+                default: string;
+            };
+            maxLengthCounterPosition: {
+                type: import("vue").PropType<"inside" | "outside">;
+                default: string;
+            };
+            inlineError: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            inlineErrorText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            feedbackText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            feedbackVariant: {
+                type: import("vue").PropType<"success" | "warning" | "error">;
+                default: any;
+            };
+            showFeedbackTextIcon: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            onSearch: {
+                type: import("vue").PropType<(option: any, term: string) => boolean>;
+                default: any;
+            };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => string>;
+                required: true;
+            };
+            optionNameKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionsListWidth: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (value: string | number) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: string | number) => void;
+        }, string, {
+            label: string;
+            testId: string;
+            disabled: boolean;
+            size: "small" | "medium" | "large";
+            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;
+            placeholder: string;
+            labelDirection: "top" | "inside";
+            maxLengthCounterPosition: "inside" | "outside";
+            inlineError: boolean;
+            inlineErrorText: string;
+            feedbackText: string;
+            feedbackVariant: "success" | "warning" | "error";
+            showFeedbackTextIcon: boolean;
+            onSearch: (option: any, term: string) => boolean;
+            optionNameKey: string;
+            optionsListWidth: string;
+        }, {}, 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)[];
+        };
+        $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<{
         label: {
             type: import("vue").PropType<string>;
             default: string;
@@ -17,130 +286,10 @@ declare const AutocompleteTypes: () => ({
             type: import("vue").PropType<"small" | "medium" | "large">;
             default: string;
         };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-            default: string;
-        };
-        options: {
-            type: import("vue").PropType<unknown[] | {
-                id: string;
-                text: string;
-            }[]>;
-            required: true;
-        };
         mandatory: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        hoverHelpText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        hoverHelpTextPlacement: {
-            type: import("vue").PropType<"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">;
-            default: string;
-        };
-        maxLength: {
-            type: import("vue").PropType<number>;
-            default: any;
-        };
-        placeholder: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        labelDirection: {
-            type: import("vue").PropType<"top" | "inside">;
-            default: string;
-        };
-        maxLengthCounterPosition: {
-            type: import("vue").PropType<"inside" | "outside">;
-            default: string;
-        };
-        inlineError: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        inlineErrorText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        feedbackText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        feedbackVariant: {
-            type: import("vue").PropType<"error" | "success" | "warning">;
-            default: any;
-        };
-        showFeedbackTextIcon: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        onSearch: {
-            type: import("vue").PropType<(option: any, term: string) => boolean>;
-            default: any;
-        };
-        displayValue: {
-            type: import("vue").PropType<(option: unknown) => string>;
-            required: true;
-        };
-        optionNameKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        optionsListWidth: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-    }>> & Readonly<{
-        "onUpdate:modelValue"?: (value: string | number) => any;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: string | number) => void;
-    }, import("vue").PublicProps, {
-        label: string;
-        testId: string;
-        disabled: boolean;
-        size: "small" | "medium" | "large";
-        modelValue: string | number;
-        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";
-        maxLength: number;
-        placeholder: string;
-        labelDirection: "top" | "inside";
-        maxLengthCounterPosition: "inside" | "outside";
-        inlineError: boolean;
-        inlineErrorText: string;
-        feedbackText: string;
-        feedbackVariant: "error" | "success" | "warning";
-        showFeedbackTextIcon: boolean;
-        onSearch: (option: any, term: string) => boolean;
-        optionNameKey: string;
-        optionsListWidth: string;
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        label: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "medium" | "large">;
-            default: string;
-        };
         modelValue: {
             type: import("vue").PropType<string | number>;
             default: string;
@@ -152,10 +301,6 @@ declare const AutocompleteTypes: () => ({
             }[]>;
             required: true;
         };
-        mandatory: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -193,7 +338,7 @@ declare const AutocompleteTypes: () => ({
             default: string;
         };
         feedbackVariant: {
-            type: import("vue").PropType<"error" | "success" | "warning">;
+            type: import("vue").PropType<"success" | "warning" | "error">;
             default: any;
         };
         showFeedbackTextIcon: {
@@ -216,30 +361,9 @@ declare const AutocompleteTypes: () => ({
             type: import("vue").PropType<string>;
             default: any;
         };
-    }>> & Readonly<{
+    }>> & {
         "onUpdate:modelValue"?: (value: string | number) => any;
-    }>, {}, {}, {}, {}, {
-        label: string;
-        testId: string;
-        disabled: boolean;
-        size: "small" | "medium" | "large";
-        modelValue: string | number;
-        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";
-        maxLength: number;
-        placeholder: string;
-        labelDirection: "top" | "inside";
-        maxLengthCounterPosition: "inside" | "outside";
-        inlineError: boolean;
-        inlineErrorText: string;
-        feedbackText: string;
-        feedbackVariant: "error" | "success" | "warning";
-        showFeedbackTextIcon: boolean;
-        onSearch: (option: any, term: string) => boolean;
-        optionNameKey: string;
-        optionsListWidth: string;
-    }>;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -260,6 +384,10 @@ declare const AutocompleteTypes: () => ({
         type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     modelValue: {
         type: import("vue").PropType<string | number>;
         default: string;
@@ -271,10 +399,6 @@ declare const AutocompleteTypes: () => ({
         }[]>;
         required: true;
     };
-    mandatory: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     hoverHelpText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -312,7 +436,7 @@ declare const AutocompleteTypes: () => ({
         default: string;
     };
     feedbackVariant: {
-        type: import("vue").PropType<"error" | "success" | "warning">;
+        type: import("vue").PropType<"success" | "warning" | "error">;
         default: any;
     };
     showFeedbackTextIcon: {
@@ -335,17 +459,17 @@ declare const AutocompleteTypes: () => ({
         type: import("vue").PropType<string>;
         default: any;
     };
-}>> & Readonly<{
+}>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => void;
 }, string, {
     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;
@@ -355,14 +479,20 @@ declare const AutocompleteTypes: () => ({
     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").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: {
-        default?(_: any): any;
+        default?(_: {
+            option: unknown;
+            index: number;
+            selected: boolean;
+            active: boolean;
+            disabled: any;
+        }): any;
     };
 }))[];
 export { Autocomplete, AutocompleteTypes };