@ironsource/shared-ui 2.1.11-test.7 → 2.1.11-test.8

package/mocks/options.d.ts

@@ -51,7 +51,3 @@ export declare const NESTED_OPTIONS_TEXT: ({
     endIcon?: undefined;
 })[];
 export declare const countries: readonly Country[];
-export declare const CONDITIONAL_DROPDOWN_OPTIONS: {
-    label: string;
-    value: string;
-}[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.11-test.7",
+  "version": "2.1.11-test.8",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -58,6 +58,7 @@
     "date-fns": "^2.29.1",
     "floating-vue": "2.0.0-beta.20",
     "focus-trap": "^6.9.4",
+    "lodash.debounce": "^4.0.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "vue": "^3.2.31",
@@ -92,6 +93,7 @@
     "@storybook/test-runner": "^0.17.1--canary.445.f7d2785.0",
     "@storybook/vue3": "^7.5.3",
     "@types/download": "^8.0.5",
+    "@types/lodash.debounce": "^4.0.9",
     "@types/node": "^20.9.0",
     "@types/prismjs": "^1.26.3",
     "@typescript-eslint/eslint-plugin": "^6.11.0",

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 m, openBlock as l, createElementBlock as p, normalizeClass as c, unref as u, renderSlot as h } from "vue";
+import { useThemeStore as i } from "./ThemeStrore.js";
+const v = /* @__PURE__ */ a({
+  __name: "ThemeWrapper",
+  props: {
+    version: { default: "v4" }
+  },
+  setup(o) {
+    const r = o, s = m(() => {
+      const e = [], { theme: t } = i(), n = t.value === "light" ? "light-theme" : "dark-theme";
+      return e.push(n), e.push(r.version), e.join("-");
+    });
+    return (e, t) => (l(), p("div", {
+      class: c(["theme--wrapper-container", u(s)])
+    }, [
+      h(e.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  v 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 x, openBlock as n, createElementBlock as y, mergeProps as l, unref as e, createBlock as d, normalizeClass as I, createCommentVNode as c, createElementVNode as T, withCtx as s, createTextVNode as g, toDisplayString as u, renderSlot as k, createVNode as z } from "vue";
+import B from "../typography/v4/Typography.vue.js";
+import A from "../icon/v4/IconV4.vue.js";
+import "../icon/v4/IconFlag.vue.js";
+import E from "../button/v4/ButtonV4.vue.js";
+import S from "../button/v4/IconButtonV4.vue.js";
+import "../button/v4/ButtonGroup.vue.js";
+import "../button/v4/ToggleButtonGroupAB.vue.js";
+import { useTestIdAttrs as h } from "../../utils/testIds.js";
+import { AlertTestIdModifiers as o } from "../../testids/index.js";
+const V = { class: "title-container" }, $ = { key: 0 }, W = /* @__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(t, { emit: m }) {
+    const f = t, v = x(() => {
+      const i = {
+        success: "check-circle",
+        warning: "warning",
+        danger: "warning-octagon",
+        info: "info"
+      };
+      return i[f.color] || i.success;
+    }), a = h(f.testId, o);
+    return (i, r) => (n(), y("div", l({
+      class: ["alert", {
+        [`alert--${t.color}`]: !0,
+        [`alert--${t.variant}`]: !0,
+        "alert--rounded": t.rounded
+      }]
+    }, e(a)[e(o).WRAPPER]), [
+      t.hideIcon ? c("", !0) : (n(), d(e(A), {
+        key: 0,
+        name: e(v),
+        class: I(["alert-icon", { "alert-icon--align-top": t.title && t.description }]),
+        type: "fill",
+        size: "20px"
+      }, null, 8, ["name", "class"])),
+      T("div", {
+        class: I(["alert-content", {
+          "alert-content--no-icon": t.hideIcon
+        }])
+      }, [
+        T("div", V, [
+          t.title ? (n(), d(e(B), l({
+            key: 0,
+            class: "alert-title",
+            variant: "h4"
+          }, e(a)[e(o).TITLE]), {
+            default: s(() => [
+              g(u(t.title), 1)
+            ]),
+            _: 1
+          }, 16)) : c("", !0),
+          k(i.$slots, "after-title", {}, void 0, !0)
+        ]),
+        z(e(B), l({
+          class: "alert-description",
+          variant: "body1"
+        }, e(a)[e(o).MESSAGE]), {
+          default: s(() => [
+            k(i.$slots, "default", {}, () => [
+              t.description ? (n(), y("span", $, u(t.description), 1)) : c("", !0)
+            ], !0)
+          ]),
+          _: 3
+        }, 16)
+      ], 2),
+      t.actionText ? (n(), d(e(E), l({
+        key: 1,
+        variant: t.actionVariant,
+        "end-icon-name": t.actionIconName,
+        color: t.color,
+        size: t.actionSize,
+        loading: t.actionLoading
+      }, e(a)[e(o).ACTION_BUTTON], {
+        onClick: r[0] || (r[0] = (C) => m("actionButtonClick"))
+      }), {
+        default: s(() => [
+          g(u(t.actionText), 1)
+        ]),
+        _: 1
+      }, 16, ["variant", "end-icon-name", "color", "size", "loading"])) : c("", !0),
+      t.dismissible ? (n(), d(e(S), l({
+        key: 2,
+        class: "close-button",
+        "icon-name": "x",
+        size: "small"
+      }, e(a)[e(o).CLOSE_BUTTON], {
+        onClick: r[1] || (r[1] = (C) => m("close"))
+      }), null, 16)) : c("", !0)
+    ], 16));
+  }
+});
+export {
+  W 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 h, computed as o, openBlock as m, createElementBlock as p, normalizeClass as C, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as b, createTextVNode as v, toDisplayString as z, createCommentVNode as A } from "vue";
+import c from "../icon/v4/IconV4.vue.js";
+import "../icon/v4/IconFlag.vue.js";
+import T from "../typography/v4/Typography.vue.js";
+import g from "../inlineCopy/InlineCopy.vue.js";
+import { useTestIdAttrs as N } from "../../utils/testIds.js";
+import { AppHeaderTestIdModifiers as l } from "../../testids/index.js";
+const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"], P = { class: "name-container" }, D = /* @__PURE__ */ h({
+  __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(t, { emit: f }) {
+    const a = t, y = o(
+      () => a.platform ? a.platform.toLowerCase() : ""
+    ), u = o(
+      () => a.type === "normal" ? "24px" : "20px"
+    ), x = o(
+      () => a.type === "small" ? "18px" : null
+    ), I = o(
+      () => a.type === "normal" ? "h2" : "subtitle1"
+    ), s = N(a.testId, l);
+    return (S, d) => (m(), p("div", {
+      class: C(["app-header", `size-${t.type}`])
+    }, [
+      n("div", w, [
+        n("img", {
+          src: t.image,
+          alt: t.name
+        }, null, 8, k)
+      ]),
+      n("div", r({
+        class: "icon-container",
+        "data-platform": t.platform
+      }, e(s)[e(l).APP_PLATFORM]), [
+        i(e(c), {
+          type: "branded",
+          name: e(y),
+          size: e(u)
+        }, null, 8, ["name", "size"])
+      ], 16, B),
+      n("div", P, [
+        i(e(T), r({
+          variant: e(I),
+          class: "title"
+        }, e(s)[e(l).TITLE]), {
+          default: b(() => [
+            v(z(t.name), 1)
+          ]),
+          _: 1
+        }, 16, ["variant"]),
+        i(e(g), {
+          text: t.appKey,
+          size: "medium",
+          class: "inline-copy",
+          "hide-text-value": t.type === "small",
+          "test-id": t.testId,
+          "icon-size": e(x),
+          "tooltip-header": "Copy app key",
+          "tooltip-text": t.appKey,
+          onCopy: d[0] || (d[0] = (V) => f("copyToClipboard"))
+        }, null, 8, ["text", "hide-text-value", "test-id", "icon-size", "tooltip-text"])
+      ]),
+      t.showAbIcon ? (m(), p("div", r({
+        key: 0,
+        class: "ab-icon-wrapper"
+      }, e(s)[e(l).AB_ICON]), [
+        i(e(c), {
+          type: "ab-test",
+          name: "ab",
+          size: "28px"
+        })
+      ], 16)) : A("", !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 s, openBlock as c, createElementBlock as o, normalizeClass as a, createElementVNode as t, pushScopeId as n, popScopeId as i } from "vue";
+const l = (e) => (n("data-v-56ba337c"), e = e(), i(), e), p = ["src"], r = /* @__PURE__ */ l(() => /* @__PURE__ */ t("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "100%",
+  height: "100%",
+  viewBox: "0 0 120 120",
+  preserveAspectRatio: "none",
+  class: "squircle-mask"
+}, [
+  /* @__PURE__ */ t("path", {
+    d: "M120 0v120H60c48 0 60-12 60-60S108 0 60 0 0 12 0 60s12 60 60 60H0V0h120z",
+    fill: "white",
+    fillRule: "evenodd"
+  })
+], -1)), u = /* @__PURE__ */ s({
+  __name: "AppIcon",
+  props: {
+    size: { default: "md" },
+    src: { default: "" }
+  },
+  setup(e) {
+    return (d, h) => (c(), o("span", {
+      class: a(["application-icon", `icon-${e.size}`])
+    }, [
+      t("img", {
+        src: e.src,
+        alt: ""
+      }, null, 8, p),
+      r
+    ], 2));
+  }
+});
+export {
+  u 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 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 X from "../button/v3/IconButton.vue.js";
+import "../button/v3/ScrollButton.vue.js";
+import T from "../icon/v3/Icon.vue.js";
+import O from "../tooltip/v3/Tooltip.vue.js";
+import "../typography/Heading.vue.js";
+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 },
+    options: { default: null },
+    loading: { type: Boolean, default: !1 },
+    singleAppSelection: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  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": `${l.testId}-${e(o).WRAPPER}`
+    }, [
+      c(d.$slots, "left-image", {}, () => [
+        f("div", G, [
+          e(A) ? (m(), v(e(V), {
+            key: 0,
+            size: "xl",
+            src: e(A)
+          }, null, 8, ["src"])) : (m(), v(e(T), {
+            key: 1,
+            class: "trigger-icon",
+            "font-size": "2rem",
+            name: e(P)
+          }, null, 8, ["name"]))
+        ])
+      ], !0),
+      c(d.$slots, "left-icon", {}, () => [
+        e(I) ? (m(), v(e(T), {
+          key: 0,
+          class: "app-trigger__left-icon",
+          name: e(I),
+          "font-size": "md"
+        }, null, 8, ["name"])) : D("", !0)
+      ], !0),
+      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
+        }])
+      }, [
+        c(d.$slots, "title", {}, () => [
+          s(e(O), {
+            text: e($),
+            "data-testid": `${l.testId}-${e(o).TITLE_TOOLTIP_TEXT}`
+          }, {
+            default: p(() => [
+              s(e(k), {
+                strong: "",
+                class: "title",
+                "is-truncated": "",
+                size: "sm",
+                "test-id": `${l.testId}-${e(o).TITLE_TEXT}`
+              }, {
+                default: p(() => [
+                  z(N(e($)), 1)
+                ]),
+                _: 1
+              }, 8, ["test-id"])
+            ]),
+            _: 1
+          }, 8, ["text", "data-testid"])
+        ], !0),
+        c(d.$slots, "description", {}, () => [
+          f("div", null, [
+            s(e(O), {
+              text: e(_),
+              "data-testid": `${l.testId}-${e(o).DESCRIPTION_TOOLTIP_TEXT}`
+            }, {
+              default: p(() => [
+                s(e(k), {
+                  class: "app-trigger__description",
+                  size: "xs",
+                  "is-truncated": "",
+                  "test-id": `${l.testId}-${e(o).DESCRIPTION_TEXT}`
+                }, {
+                  default: p(() => [
+                    z(N(e(_)), 1)
+                  ]),
+                  _: 1
+                }, 8, ["test-id"])
+              ]),
+              _: 1
+            }, 8, ["text", "data-testid"])
+          ])
+        ], !0)
+      ], 2),
+      c(d.$slots, "right-icon", {}, () => [
+        s(e(X), {
+          class: "app-trigger__right-icon",
+          theme: "third",
+          "data-testid": `${l.testId}-${e(o).TRIGGER_BUTTON}`
+        }, {
+          default: p(() => [
+            s(e(T), {
+              "font-size": "sm",
+              name: "angle-down"
+            })
+          ]),
+          _: 1
+        }, 8, ["data-testid"])
+      ], !0)
+    ], 10, b));
+  }
+});
+export {
+  Z 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 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/ConditionalDroprown.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/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
+};