@ironsource/shared-ui 2.1.12-test.98 → 2.1.12-test.99

package/mocks/optionsWithIcons.d.ts

@@ -2,6 +2,5 @@ export type OptionWithIcon = {
     icon: string;
     name: string;
     disabled?: boolean;
-    optionTooltipText?: string;
 };
 export declare const optionWithIconMocks: OptionWithIcon[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.12-test.98",
+  "version": "2.1.12-test.99",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -52,7 +52,8 @@
     "@phosphor-icons/vue": "^2.1.6",
     "@storybook/cli": "^7.5.3",
     "@storybook/vue3-vite": "^7.5.3",
-    "@vueuse/core": "^8.7.5",
+    "@vueuse/core": "^12.0.0",
+    "@vueuse/math": "^12.0.0",
     "@vueuse/integrations": "^8.9.1",
     "chart.js": "^4.4.2",
     "date-fns": "^2.29.1",
@@ -60,18 +61,18 @@
     "focus-trap": "^6.9.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "vue": "^3.2.31",
+    "vue": "^3.5.13",
     "vue-draggable-plus": "^0.5.0",
     "vuedraggable": "^4.1.0",
     "yup": "^1.3.3"
   },
   "peerDependencies": {
-    "@vueuse/core": "^8.7.5",
+    "@vueuse/core": "^12.0.0",
     "@vueuse/integrations": "^8.9.1",
     "date-fns": "^2.29.1",
     "floating-vue": "2.0.0-beta.20",
     "focus-trap": "^6.9.4",
-    "vue": "^3.2.31"
+    "vue": "^3.5.13"
   },
   "devDependencies": {
     "@babel/core": "7.23.3",
@@ -231,7 +232,6 @@
     "./statusDot": "./components/statusDot/index.js",
     "./sortableList": "./components/sortableList/index.js",
     "./composables/useFormValidation": "./composables/useFormValidation.js",
-    "./composables/useDateService": "./composables/useDateService.js",
     "./utils/": "./utils/index.ts"
   },
   "typesVersions": {
@@ -469,9 +469,6 @@
       ],
       "composables/useFormValidation": [
         "./composables/useFormValidation.d.ts"
-      ],
-      "composables/useDateService": [
-        "./composables/useDateService.d.ts"
       ]
     }
   },

package/src/components/ThemeWrapper/ThemeWrapper.vue.js

@@ -0,0 +1,8 @@
+import e from "./ThemeWrapper.vue2.js";
+/* empty css                   *//* empty css                   */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../ThemeWrapper.vue_vue_type_style_index_0_scoped_66bd448a_lang.css"; //*');
+console.log('global// import "../../ThemeWrapper.vue_vue_type_style_index_1_lang.css";  //');
+const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-66bd448a"]]);
+export {
+  t as default
+};

package/src/components/ThemeWrapper/ThemeWrapper.vue2.js

@@ -0,0 +1,22 @@
+import { defineComponent as a, computed as l, openBlock as m, createElementBlock as p, normalizeClass as c, renderSlot as u } from "vue";
+import { useThemeStore as h } from "./ThemeStrore.js";
+const f = /* @__PURE__ */ a({
+  __name: "ThemeWrapper",
+  props: {
+    version: { default: "v4" }
+  },
+  setup(o) {
+    const r = o, s = l(() => {
+      const e = [], { theme: t } = h(), n = t.value === "light" ? "light-theme" : "dark-theme";
+      return e.push(n), e.push(r.version), e.join("-");
+    });
+    return (e, t) => (m(), p("div", {
+      class: c(["theme--wrapper-container", s.value])
+    }, [
+      u(e.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  f as default
+};

package/src/components/alert/Alert.vue.js

@@ -0,0 +1,7 @@
+import e from "./Alert.vue2.js";
+/* empty css            */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../Alert.vue_vue_type_style_index_0_scoped_06e0871a_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-06e0871a"]]);
+export {
+  p as default
+};

package/src/components/alert/Alert.vue2.js

@@ -0,0 +1,111 @@
+import { defineComponent as N, computed as z, openBlock as o, createElementBlock as p, mergeProps as i, unref as t, createBlock as s, normalizeClass as f, createCommentVNode as l, createElementVNode as y, withCtx as d, createTextVNode as I, toDisplayString as c, renderSlot as T, createVNode as A } from "vue";
+import g from "../typography/v4/Typography.vue.js";
+import E from "../icon/v4/IconV4.vue.js";
+import "../icon/v4/IconFlag.vue.js";
+import S from "../button/v4/ButtonV4.vue.js";
+import h from "../button/v4/IconButtonV4.vue.js";
+import "../button/v4/ButtonGroup.vue.js";
+import "../button/v4/ToggleButtonGroupAB.vue.js";
+import { useTestIdAttrs as V } from "../../utils/testIds.js";
+import { AlertTestIdModifiers as n } from "../../testids/index.js";
+const $ = { class: "title-container" }, b = { key: 0 }, j = /* @__PURE__ */ N({
+  __name: "Alert",
+  props: {
+    title: { default: "" },
+    description: { default: "" },
+    color: { default: "success" },
+    variant: { default: "standard" },
+    dismissible: { type: Boolean, default: !1 },
+    actionText: { default: "" },
+    actionVariant: { default: "outlined" },
+    actionIconName: { default: null },
+    actionLoading: { type: Boolean, default: !1 },
+    actionSize: { default: "small" },
+    rounded: { type: Boolean, default: !0 },
+    hideIcon: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["close", "actionButtonClick"],
+  setup(k, { emit: v }) {
+    const u = k, m = v, B = z(() => {
+      const e = {
+        success: "check-circle",
+        warning: "warning",
+        danger: "warning-octagon",
+        info: "info"
+      };
+      return e[u.color] || e.success;
+    }), a = V(u.testId, n);
+    return (e, r) => (o(), p("div", i({
+      class: ["alert", {
+        [`alert--${e.color}`]: !0,
+        [`alert--${e.variant}`]: !0,
+        "alert--rounded": e.rounded
+      }]
+    }, t(a)[t(n).WRAPPER]), [
+      e.hideIcon ? l("", !0) : (o(), s(t(E), {
+        key: 0,
+        name: B.value,
+        class: f(["alert-icon", { "alert-icon--align-top": e.title && e.description }]),
+        type: "fill",
+        size: "20px"
+      }, null, 8, ["name", "class"])),
+      y("div", {
+        class: f(["alert-content", {
+          "alert-content--no-icon": e.hideIcon
+        }])
+      }, [
+        y("div", $, [
+          e.title ? (o(), s(t(g), i({
+            key: 0,
+            class: "alert-title",
+            variant: "h4"
+          }, t(a)[t(n).TITLE]), {
+            default: d(() => [
+              I(c(e.title), 1)
+            ]),
+            _: 1
+          }, 16)) : l("", !0),
+          T(e.$slots, "after-title", {}, void 0, !0)
+        ]),
+        A(t(g), i({
+          class: "alert-description",
+          variant: "body1"
+        }, t(a)[t(n).MESSAGE]), {
+          default: d(() => [
+            T(e.$slots, "default", {}, () => [
+              e.description ? (o(), p("span", b, c(e.description), 1)) : l("", !0)
+            ], !0)
+          ]),
+          _: 3
+        }, 16)
+      ], 2),
+      e.actionText ? (o(), s(t(S), i({
+        key: 1,
+        variant: e.actionVariant,
+        "end-icon-name": e.actionIconName,
+        color: e.color,
+        size: e.actionSize,
+        loading: e.actionLoading
+      }, t(a)[t(n).ACTION_BUTTON], {
+        onClick: r[0] || (r[0] = (C) => m("actionButtonClick"))
+      }), {
+        default: d(() => [
+          I(c(e.actionText), 1)
+        ]),
+        _: 1
+      }, 16, ["variant", "end-icon-name", "color", "size", "loading"])) : l("", !0),
+      e.dismissible ? (o(), s(t(h), i({
+        key: 2,
+        class: "close-button",
+        "icon-name": "x",
+        size: "small"
+      }, t(a)[t(n).CLOSE_BUTTON], {
+        onClick: r[1] || (r[1] = (C) => m("close"))
+      }), null, 16)) : l("", !0)
+    ], 16));
+  }
+});
+export {
+  j as default
+};

package/src/components/appHeader/AppHeader.vue.js

@@ -0,0 +1,7 @@
+import e from "./AppHeader.vue2.js";
+/* empty css                */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-538ccdc6"]]);
+export {
+  s as default
+};

package/src/components/appHeader/AppHeader.vue2.js

@@ -0,0 +1,86 @@
+import { defineComponent as b, computed as a, openBlock as m, createElementBlock as d, normalizeClass as z, createElementVNode as p, mergeProps as l, unref as t, createVNode as n, withCtx as A, createTextVNode as T, toDisplayString as g, createCommentVNode as N } from "vue";
+import c from "../icon/v4/IconV4.vue.js";
+import "../icon/v4/IconFlag.vue.js";
+import w from "../typography/v4/Typography.vue.js";
+import _ from "../inlineCopy/InlineCopy.vue.js";
+import { useTestIdAttrs as k } from "../../utils/testIds.js";
+import { AppHeaderTestIdModifiers as s } from "../../testids/index.js";
+const x = { class: "image-container" }, B = ["src", "alt"], P = ["data-platform"], S = { class: "name-container" }, D = /* @__PURE__ */ b({
+  __name: "AppHeader",
+  props: {
+    image: { default: "" },
+    name: { default: "" },
+    platform: { default: "android" },
+    appKey: { default: "" },
+    testId: { default: "" },
+    type: { default: "normal" },
+    showAbIcon: { type: Boolean, default: !1 }
+  },
+  emits: ["copyToClipboard"],
+  setup(u, { emit: f }) {
+    const o = u, y = f, v = a(
+      () => o.platform ? o.platform.toLowerCase() : ""
+    ), I = a(
+      () => o.type === "normal" ? "24px" : "20px"
+    ), h = a(
+      () => o.type === "small" ? "18px" : null
+    ), C = a(
+      () => o.type === "normal" ? "h2" : "subtitle1"
+    ), i = k(o.testId, s);
+    return (e, r) => (m(), d("div", {
+      class: z(["app-header", `size-${e.type}`])
+    }, [
+      p("div", x, [
+        p("img", {
+          src: e.image,
+          alt: e.name
+        }, null, 8, B)
+      ]),
+      p("div", l({
+        class: "icon-container",
+        "data-platform": e.platform
+      }, t(i)[t(s).APP_PLATFORM]), [
+        n(t(c), {
+          type: "branded",
+          name: v.value,
+          size: I.value
+        }, null, 8, ["name", "size"])
+      ], 16, P),
+      p("div", S, [
+        n(t(w), l({
+          variant: C.value,
+          class: "title"
+        }, t(i)[t(s).TITLE]), {
+          default: A(() => [
+            T(g(e.name), 1)
+          ]),
+          _: 1
+        }, 16, ["variant"]),
+        n(t(_), {
+          text: e.appKey,
+          size: "medium",
+          class: "inline-copy",
+          "hide-text-value": e.type === "small",
+          "test-id": e.testId,
+          "icon-size": h.value,
+          "tooltip-header": "Copy app key",
+          "tooltip-text": e.appKey,
+          onCopy: r[0] || (r[0] = (V) => y("copyToClipboard"))
+        }, null, 8, ["text", "hide-text-value", "test-id", "icon-size", "tooltip-text"])
+      ]),
+      e.showAbIcon ? (m(), d("div", l({
+        key: 0,
+        class: "ab-icon-wrapper"
+      }, t(i)[t(s).AB_ICON]), [
+        n(t(c), {
+          type: "ab-test",
+          name: "ab",
+          size: "28px"
+        })
+      ], 16)) : N("", !0)
+    ], 2));
+  }
+});
+export {
+  D as default
+};

package/src/components/appIcon/AppIcon.vue.js

@@ -0,0 +1,7 @@
+import o from "./AppIcon.vue2.js";
+/* empty css              */import p from "../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../AppIcon.vue_vue_type_style_index_0_scoped_56ba337c_lang.css"; //*');
+const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-56ba337c"]]);
+export {
+  s as default
+};

package/src/components/appIcon/AppIcon.vue2.js

@@ -0,0 +1,35 @@
+import { defineComponent as o, openBlock as n, createElementBlock as l, normalizeClass as i, createElementVNode as e } from "vue";
+const r = ["src"], c = /* @__PURE__ */ o({
+  __name: "AppIcon",
+  props: {
+    size: { default: "md" },
+    src: { default: "" }
+  },
+  setup(a) {
+    return (s, t) => (n(), l("span", {
+      class: i(["application-icon", `icon-${s.size}`])
+    }, [
+      e("img", {
+        src: s.src,
+        alt: ""
+      }, null, 8, r),
+      t[0] || (t[0] = e("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "100%",
+        height: "100%",
+        viewBox: "0 0 120 120",
+        preserveAspectRatio: "none",
+        class: "squircle-mask"
+      }, [
+        e("path", {
+          d: "M120 0v120H60c48 0 60-12 60-60S108 0 60 0 0 12 0 60s12 60 60 60H0V0h120z",
+          fill: "white",
+          fillRule: "evenodd"
+        })
+      ], -1))
+    ], 2));
+  }
+});
+export {
+  c as default
+};

package/src/components/appTrigger/AppTrigger.vue.js

@@ -0,0 +1,7 @@
+import o from "./AppTrigger.vue2.js";
+/* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-121aac8b"]]);
+export {
+  s as default
+};

package/src/components/appTrigger/AppTrigger.vue2.js

@@ -0,0 +1,124 @@
+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 "../button/v3/Button.vue.js";
+import L 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 "../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({
+  __name: "AppTrigger",
+  props: {
+    selected: { default: null },
+    options: { default: null },
+    loading: { type: Boolean, default: !1 },
+    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
+      }]),
+      "data-testid": `${t.testId}-${e(i).WRAPPER}`
+    }, [
+      p(t.$slots, "left-image", {}, () => [
+        m("div", V, [
+          I.value ? (g(), v(e(w), {
+            key: 0,
+            size: "xl",
+            src: I.value
+          }, null, 8, ["src"])) : (g(), v(e(f), {
+            key: 1,
+            class: "trigger-icon",
+            "font-size": "2rem",
+            name: y.value
+          }, null, 8, ["name"]))
+        ])
+      ], !0),
+      p(t.$slots, "left-icon", {}, () => [
+        $.value ? (g(), v(e(f), {
+          key: 0,
+          class: "app-trigger__left-icon",
+          name: $.value,
+          "font-size": "md"
+        }, null, 8, ["name"])) : R("", !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
+        }])
+      }, [
+        p(t.$slots, "title", {}, () => [
+          o(e(N), {
+            text: T.value,
+            "data-testid": `${t.testId}-${e(i).TITLE_TOOLTIP_TEXT}`
+          }, {
+            default: d(() => [
+              o(e(O), {
+                strong: "",
+                class: "title",
+                "is-truncated": "",
+                size: "sm",
+                "test-id": `${t.testId}-${e(i).TITLE_TEXT}`
+              }, {
+                default: d(() => [
+                  S(z(T.value), 1)
+                ]),
+                _: 1
+              }, 8, ["test-id"])
+            ]),
+            _: 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}`
+            }, {
+              default: d(() => [
+                o(e(O), {
+                  class: "app-trigger__description",
+                  size: "xs",
+                  "is-truncated": "",
+                  "test-id": `${t.testId}-${e(i).DESCRIPTION_TEXT}`
+                }, {
+                  default: d(() => [
+                    S(z(_.value), 1)
+                  ]),
+                  _: 1
+                }, 8, ["test-id"])
+              ]),
+              _: 1
+            }, 8, ["text", "data-testid"])
+          ])
+        ], !0)
+      ], 2),
+      p(t.$slots, "right-icon", {}, () => [
+        o(e(L), {
+          class: "app-trigger__right-icon",
+          theme: "third",
+          "data-testid": `${t.testId}-${e(i).TRIGGER_BUTTON}`
+        }, {
+          default: d(() => [
+            o(e(f), {
+              "font-size": "sm",
+              name: "angle-down"
+            })
+          ]),
+          _: 1
+        }, 8, ["data-testid"])
+      ], !0)
+    ], 10, D));
+  }
+});
+export {
+  x as default
+};

package/src/components/autocomplete/Autocomplete.vue.js

@@ -0,0 +1,7 @@
+import o from "./Autocomplete.vue2.js";
+/* empty css                   */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../Autocomplete.vue_vue_type_style_index_0_scoped_e361f9fd_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e361f9fd"]]);
+export {
+  s as default
+};

package/src/components/autocomplete/Autocomplete.vue2.js

@@ -0,0 +1,135 @@
+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 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 O from "../input/v4/TextField.vue.js";
+import { useVModel as N } 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({
+  __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: {},
+    displayValue: {},
+    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(
+      () => t.maxLength && t.maxLengthCounterPosition === "outside"
+    ), L = i(() => d.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();
+      return (t.options || []).filter(
+        (l) => t.onSearch !== null ? t.onSearch(l, e) : w(l, e)
+      );
+    }), o = m(!1), u = m(!1);
+    C(() => {
+      t.disabled ? o.value = !1 : u.value && r.value.length ? o.value = !0 : r.value.length === 0 && (o.value = !1);
+    });
+    const T = () => {
+      t.disabled || !o.value && r.value.length && (o.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),
+        class: "autocomplete-dropdown",
+        "display-value": e.displayValue,
+        options: r.value,
+        "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
+      }, {
+        "dropdown-trigger": v(() => [
+          c(p(O), I({
+            modelValue: p(n),
+            "onUpdate:modelValue": l[0] || (l[0] = (a) => S(n) ? n.value = a : 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
+          }, L.value, {
+            onFocusin: l[1] || (l[1] = (a) => u.value = !0),
+            onFocusout: l[2] || (l[2] = (a) => u.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)
+        ]),
+        _: 3
+      }, 8, ["is-open", "display-value", "options", "option-name-key", "options-list-width", "disabled", "test-id"]),
+      V.value ? (s(), h("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, {
+          key: 1,
+          "current-length": x.value,
+          "max-length": e.maxLength
+        }, null, 8, ["current-length", "max-length"])) : f("", !0)
+      ])) : f("", !0)
+    ], 64));
+  }
+});
+export {
+  le as default
+};

package/src/components/autocompleteDropdown/AutocompleteDropdown.vue.js

@@ -0,0 +1,7 @@
+import o from "./AutocompleteDropdown.vue2.js";
+/* empty css                           */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css"; //*');
+const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-214ddaf4"]]);
+export {
+  d as default
+};