@ironsource/shared-ui 2.0.0-rc.4 → 2.0.0-rc.5

package/components/dropdown/common/Dropdown.common.js

@@ -1,19 +1,19 @@
-import { useToggle as me } from "../../../composables/useToggle.js";
-import { ref as i, computed as r, watch as m, useSlots as ye, nextTick as w, toRaw as T, provide as Oe, onMounted as be } from "vue";
-import { isObjectInArray as X } from "../../../utils/array.js";
-import { objectsEqual as Pe } from "../../../utils/object.js";
-import { useClamp as Te, useVirtualList as Ae, onClickOutside as Se } from "@vueuse/core";
-import { Mode as y, Type as E, DropdownContext as we } from "./DropdownContext.js";
+import { useToggle as Oe } from "../../../composables/useToggle.js";
+import { ref as u, computed as r, watch as b, useSlots as Ae, nextTick as D, toRaw as x, provide as Pe, onMounted as Se } from "vue";
+import { isObjectInArray as z } from "../../../utils/array.js";
+import { objectsEqual as Te } from "../../../utils/object.js";
+import { useClamp as we, useVirtualList as xe, onClickOutside as J } from "@vueuse/core";
+import { Mode as m, Type as k, DropdownContext as De } from "./DropdownContext.js";
 import { pxToRem as Ie } from "../../../utils/style.js";
-const He = (l, O) => {
-  const q = (e, t) => l.multi ? X(e, t) : T(e) === t;
-  let p;
+const Ve = (l, O, A) => {
+  const Q = (e, t) => l.multi ? z(e, t) : x(e) === t;
+  let E;
   ((e) => {
     e[e.None = 0] = "None", e[e.Next = 1] = "Next", e[e.Previous = -1] = "Previous", e[e.NextPage = 10] = "NextPage", e[e.PrevPage = -10] = "PrevPage";
-  })(p || (p = {}));
-  const a = i(
+  })(E || (E = {}));
+  const a = u(
     l.selected
-  ), u = r({
+  ), n = r({
     get() {
       return a.value;
     },
@@ -21,91 +21,91 @@ const He = (l, O) => {
       O("update:selected", e);
     }
   });
-  m(
+  b(
     () => l.selected,
     () => {
       a.value = l.selected;
     }
   );
-  const K = ye(), A = i(null), d = i(null), $ = i(null), I = i(null), R = i(null), D = i(null), j = i(null), z = i(null), J = 8, Q = r(() => D.value?.getBoundingClientRect().height + J + l.distance), c = i([]), b = i(-1), S = i(""), _ = i([]), k = () => D.value?.focus(), [v, W, Y] = me({
+  const W = Ae(), P = u(null), d = u(null), C = u(null), I = u(null), V = u(null), S = u(null), Y = u(), p = u(null), H = u(null), L = u(null), Z = 8, F = r(() => S.value ? S.value.getBoundingClientRect().height + Z + l.distance : 0), c = u([]), T = u(-1), w = u(""), M = u([]), U = () => S.value?.focus(), [v, ee, le] = Oe({
     disabled: l.disabled,
     initialValue: l.defaultOpen
   });
-  m(
+  b(
     () => l.disabled,
     (e) => {
-      e !== void 0 && Y(e);
+      e !== void 0 && le(e);
     }
   );
-  const H = (e) => {
-    Z.value = W(e);
-  }, Z = r({
+  const B = (e) => {
+    te.value = ee(e);
+  }, te = r({
     get() {
       return l.isOpen;
     },
     set(e) {
       O("update:isOpen", e);
     }
-  }), F = r(() => s.value.length - 1), o = Te(0, 0, F), ee = r(() => u.value ? l.displayValue(u.value) : ""), le = (e) => {
+  }), ae = r(() => s.value.length - 1), o = we(0, 0, ae), ue = r(() => n.value ? l.displayValue(n.value) : ""), ne = (e) => {
     if (!e.value.length && !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix)
       return l.placeholder;
     const t = !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix ? `${e.value.length} selected` : `${l.multiOptionsPlaceholderPrefix ?? ""}${e.value.length ?? "0"}${l.multiOptionsPlaceholderSuffix ?? ""}`;
     return e.value.length == 1 && l.displayValue ? l.displayValue(e.value[0]) : t;
-  }, te = r(() => {
+  }, ie = r(() => {
     if (!l.multi)
-      return u.value ? l.displayValue(u.value) : l.placeholder;
+      return n.value ? l.displayValue(n.value) : l.placeholder;
     if (Array.isArray(a.value))
-      return le(a);
-  }), L = r(() => {
+      return ne(a);
+  }), q = r(() => {
     if (Array.isArray(a.value))
       return a.value.length === s.value.length;
-  }), ae = r(() => !l.multi || !Array.isArray(a.value) ? !1 : a.value.length > 0 && a.value.length < s.value.length), x = (e) => {
-    S.value = e;
+  }), re = r(() => !l.multi || !Array.isArray(a.value) ? !1 : a.value.length > 0 && a.value.length < s.value.length), N = (e) => {
+    w.value = e;
   }, s = r(
-    () => l.options.filter((e) => l.onSearch(e, S.value))
-  ), ue = r(() => c.value[0]?.hasSubtitle), V = r(() => n.mode === y.Multi), C = r(
-    () => ue.value ? 48 : 34
+    () => l.options.filter((e) => l.onSearch(e, w.value))
+  ), oe = r(() => c.value[0]?.hasSubtitle), G = r(() => i.mode === m.Multi), K = r(
+    () => oe.value ? A.MULTILINE_LIST_HEIGHT : A.LIST_HEIGHT
   ), {
-    list: U,
-    containerProps: G,
-    wrapperProps: ne,
-    scrollTo: M
-  } = Ae(s, {
-    itemHeight: C.value
+    list: $,
+    containerProps: X,
+    wrapperProps: se,
+    scrollTo: R
+  } = xe(s, {
+    itemHeight: K.value
   });
-  m(
+  b(
     () => l.isOpen,
     (e) => {
-      H(e);
+      B(e);
     }
-  ), m([b], async () => {
-    await w();
-  }), m(
-    [v, o, b],
+  ), b([T], async () => {
+    await D();
+  }), b(
+    [v, o, T],
     async ([e], [t]) => {
-      v.value && (await w(), b.value !== -1 && e !== t && setTimeout(() => {
-        M(b.value);
+      v.value && (await D(), T.value !== -1 && e !== t && setTimeout(() => {
+        R(T.value);
       }), o.value && setTimeout(() => {
-        M(o.value);
+        R(o.value);
       }));
     }
   );
   const f = (e, t = !1) => {
-    l.disabled || (H(e), w(() => {
-      v.value && O("opened"), v.value || O("closed"), A.value && t && A.value.focus();
+    l.disabled || (B(e), D(() => {
+      v.value && O("opened"), v.value || O("closed"), P.value && t && P.value.focus();
     }));
   };
-  m(v, (e) => {
+  b(v, (e) => {
     if (e) {
-      V.value && Array.isArray(u.value) && (_.value = T(u.value).slice());
+      G.value && Array.isArray(n.value) && (M.value = x(n.value).slice());
       return;
     }
-    k();
+    U();
   });
-  const ie = () => {
-    re(), u.value = a.value;
-  }, re = () => {
-    if (L.value) {
+  const ce = () => {
+    ve(), n.value = a.value;
+  }, ve = () => {
+    if (q.value) {
       a.value = [];
       return;
     }
@@ -116,65 +116,67 @@ const He = (l, O) => {
       }
       a.value = s.value;
     }
-  }, N = (e, t) => {
-    if (e = T(e), c.value[t]?.disabled)
+  }, de = () => {
+    a.value = [];
+  }, _ = (e, t) => {
+    if (e = x(e), c.value[t]?.disabled)
       return;
-    if (b.value = t, n.mode !== y.Multi) {
-      l.keepOpen || f(!1), n.goToOption(
+    if (T.value = t, i.mode !== m.Multi) {
+      l.keepOpen || f(!1), i.goToOption(
         0
         /* None */
-      ), u.value = e, x(""), k(), n.type === E.Search && d.value && (d.value.value = l.displayValue(e));
+      ), n.value = e, N(""), U(), i.type === k.Search && d.value && (d.value.value = l.displayValue(e));
       return;
     }
     if (!Array.isArray(a.value))
       return;
     d.value?.focus();
-    const g = T(a.value);
-    if (X(g, e)) {
+    const g = x(a.value);
+    if (z(g, e)) {
       a.value = g.filter(
-        (P) => !Pe(P, e)
+        (h) => !Te(h, e)
       );
       return;
     } else {
       a.value = [...g, e];
       return;
     }
-  }, oe = (e) => c.value[e]?.disabled, n = {
+  }, fe = (e) => c.value[e]?.disabled, i = {
     activeIndex: o,
     options: c,
-    selectedOption: u,
-    labelRef: R,
+    selectedOption: n,
+    labelRef: V,
     activeOption: I,
-    listRef: A,
+    listRef: P,
     clearable: l.clearable,
-    type: K.input ? E.Search : E.Dropdown,
-    mode: l.multi ? y.Multi : y.Single,
-    query: S,
-    selectedValue: ee,
+    type: W.input ? k.Search : k.Dropdown,
+    mode: l.multi ? m.Multi : m.Single,
+    query: w,
+    selectedValue: ue,
     toggle: f,
     disabled: l.disabled,
     open: v,
     mandatory: l.mandatory,
     size: l.size,
     placeholder: l.placeholder,
-    select: N,
+    select: _,
     clearSelection: () => {
-      x(""), u.value = n.mode === y.Single ? null : [], d.value && (d.value.value = "");
+      N(""), n.value = i.mode === m.Single ? null : [], d.value && (d.value.value = "");
     },
-    search: x,
+    search: N,
     goToOption: async (e) => {
       if (!v.value)
         return;
       let t = o.value + e;
-      const h = c.value.filter(
-        (P) => P.disabled
-      ).length, g = s.value.length - h;
+      const y = c.value.filter(
+        (h) => h.disabled
+      ).length, g = s.value.length - y;
       for (t > g && (t = g + 1); ; ) {
         if (!c.value[t]?.disabled) {
           I.value = s.value[t], o.value = t;
           return;
         }
-        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!oe(o.value)) {
+        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!fe(o.value)) {
           I.value = s.value[t], o.value = t;
           return;
         }
@@ -183,35 +185,42 @@ const He = (l, O) => {
     registerInput: (e) => {
       d.value = e.value;
     },
-    registerOption: (e, t, h) => {
-      c.value = [...c.value, { id: e, disabled: t, hasSubtitle: h }];
+    registerOption: (e, t, y) => {
+      c.value = [...c.value, { id: e, disabled: t, hasSubtitle: y }];
     },
     unRegisterOption(e) {
       c.value = c.value.filter((t) => t.id !== e);
     }
   };
-  Oe(we, n), Se(
-    A,
+  Pe(De, i), J(
+    P,
     () => {
-      v.value && B();
+      v.value && j();
     },
     {
-      ignore: [D, j, z, d, G.ref]
+      ignore: [
+        S,
+        p,
+        H,
+        L,
+        d,
+        X.ref
+      ]
     }
   );
-  const se = () => {
-    d.value && (d.value.value = n.query.value = "");
+  const ge = () => {
+    d.value && (d.value.value = i.query.value = "");
   };
-  be(async () => {
-    l.autoFocus && (await w(), setTimeout(() => {
-      $.value.focus();
-    })), n.goToOption(0);
+  Se(async () => {
+    l.autoFocus && (await D(), setTimeout(() => {
+      C.value.focus();
+    })), i.goToOption(0);
   });
-  const ce = () => {
-    u.value = a.value, O("apply", u.value), f(!1), se();
-  }, B = () => {
-    V.value && Array.isArray(_.value) && (u.value = T(_.value).slice()), f(!1);
-  }, ve = (e) => {
+  const he = () => {
+    n.value = a.value, O("apply", n.value), f(!1), ge();
+  }, j = () => {
+    G.value && Array.isArray(M.value) && (n.value = x(M.value).slice()), w.value = "", f(!1);
+  }, ye = (e) => {
     if (!l.disableKeyboardEvents)
       switch (e.key) {
         case "Space":
@@ -220,18 +229,18 @@ const He = (l, O) => {
         case "ArrowDown":
           f(!0), e.preventDefault();
       }
-  }, de = (e) => {
+  }, be = (e) => {
     if (!l.disableKeyboardEvents)
       switch (e.key) {
         case "ArrowUp": {
-          n.goToOption(
+          i.goToOption(
             -1
             /* Previous */
           ), e.preventDefault(), e.stopPropagation();
           break;
         }
         case "ArrowDown": {
-          n.goToOption(
+          i.goToOption(
             1
             /* Next */
           ), e.preventDefault(), e.stopPropagation();
@@ -242,14 +251,14 @@ const He = (l, O) => {
           break;
         }
         case "PageUp": {
-          n.goToOption(
+          i.goToOption(
             10
             /* NextPage */
           ), e.preventDefault();
           break;
         }
         case "PageDown": {
-          n.goToOption(
+          i.goToOption(
             -10
             /* PrevPage */
           ), e.preventDefault();
@@ -260,40 +269,52 @@ const He = (l, O) => {
             f(!0);
             return;
           }
-          N(s.value[o.value], o.value), n.mode === y.Single && !l.keepOpen && f(!1), e.preventDefault();
+          _(s.value[o.value], o.value), i.mode === m.Single && !l.keepOpen && f(!1), e.preventDefault();
           break;
         }
       }
-  }, fe = r(() => {
-    const h = U.value.length, g = l.showSelectAll ? 1 : 0, P = h > 7, ge = h + g, he = P ? 7 + 0.5 : ge;
-    return Ie(he * C.value + 8);
+  }, me = r(() => {
+    const e = $.value.length, t = l.showSelectAll ? 1 : 0, y = e > A.MAX_NUMBER_OF_OPTIONS, g = e + t;
+    let h = y ? A.MAX_NUMBER_OF_OPTIONS + 0.5 : g;
+    return l.noResultsText && h === 0 && (h = h + 1), Ie(
+      h * K.value + A.PADDING_PX
+    );
   });
   return {
-    onKeydown: de,
-    location: Q,
+    onKeydown: be,
+    location: F,
     open: v,
     toggleMenu: f,
-    onButtonKeydown: ve,
-    displayedValue: te,
-    labelRef: R,
-    query: S,
-    containerProps: G,
-    calculateTableHeight: fe,
-    wrapperProps: ne,
+    onButtonKeydown: ye,
+    displayedValue: ie,
+    labelRef: V,
+    query: w,
+    containerProps: X,
+    calculateTableHeight: me,
+    wrapperProps: se,
     filteredOptions: s,
-    allSelected: L,
-    isIndeterminate: ae,
-    onSelectAll: ie,
-    virtualOptions: U,
-    isSelected: q,
-    selectedOption: u,
-    onSelect: N,
+    allSelected: q,
+    isIndeterminate: re,
+    onSelectAll: ce,
+    virtualOptions: $,
+    isSelected: Q,
+    selectedOption: n,
+    onSelect: _,
     activeIndex: o,
-    onCancel: B,
-    onApply: ce,
-    scrollTo: M
+    onCancel: j,
+    onApply: he,
+    scrollTo: R,
+    onClickOutside: J,
+    listRef: P,
+    buttonRef: S,
+    apply: p,
+    cancel: H,
+    el: C,
+    triggerRef: Y,
+    clearAll: L,
+    onClearAllSelections: de
   };
 };
 export {
-  He as dropdownCommon
+  Ve as dropdownCommon
 };

package/components/dropdown/common/Option.common.d.ts

@@ -0,0 +1,9 @@
+export declare const optionCommon: (props: any) => {
+    selected: import("vue").ComputedRef<boolean>;
+    isMulti: import("vue").ComputedRef<boolean>;
+    id: string;
+    onClick: (event: Event) => void;
+    api: import("./DropdownContext").DropdownContextProps;
+    el: import("vue").Ref<HTMLDivElement>;
+    active: import("vue").ComputedRef<any>;
+};

package/components/dropdown/common/Option.common.js

@@ -0,0 +1,24 @@
+import { ref as s, onMounted as m, onUnmounted as v, computed as o, toRaw as i } from "vue";
+import { useId as f } from "../../../composables/useId.js";
+import { useDropdownContext as O, Mode as l } from "./DropdownContext.js";
+const A = (t) => {
+  const e = O("Option"), n = f().value, u = s(null), c = (d) => {
+    t.selectAllOption ? d.stopPropagation() : e.select(t.option);
+  };
+  m(() => e.registerOption(n, t.disabled, !!t.subtitle)), v(() => {
+    e.unRegisterOption(n);
+  });
+  const r = o(() => e.mode === l.Multi), a = o(() => t.active !== null ? t.active : e.activeIndex.value !== null ? e.activeOption.value === t.option : !1);
+  return {
+    selected: o(() => t.selectedProp ? !0 : e.mode === l.Multi && Array.isArray(e.selectedOption.value) ? i(e.selectedOption.value.includes(t.option)) : i(e.selectedOption.value) === i(t.option)),
+    isMulti: r,
+    id: n,
+    onClick: c,
+    api: e,
+    el: u,
+    active: a
+  };
+};
+export {
+  A as optionCommon
+};

package/components/dropdown/common/Option.vue.js

@@ -1,7 +1,7 @@
 import o from "./Option.vue2.js";
 /* empty css             */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../Option.vue_vue_type_style_index_0_scoped_6d9b9102_lang.css"; //*');
-const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-6d9b9102"]]);
+// import "../../../Option.vue_vue_type_style_index_0_scoped_2432f13f_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2432f13f"]]);
 export {
   s as default
 };

package/components/dropdown/common/Option.vue2.js

@@ -1,18 +1,17 @@
- import "../../../Option.vue_vue_type_style_index_0_scoped_6d9b9102_lang.css"; import { defineComponent as M, ref as x, onMounted as I, onUnmounted as N, computed as m, toRaw as p, openBlock as l, createElementBlock as r, normalizeClass as k, unref as e, createElementVNode as f, createBlock as y, createCommentVNode as s, renderSlot as v, createVNode as O, withCtx as h, createTextVNode as z, toDisplayString as A, withModifiers as P } from "vue";
+ import "../../../Option.vue_vue_type_style_index_0_scoped_2432f13f_lang.css"; import { defineComponent as B, openBlock as o, createElementBlock as n, normalizeClass as f, unref as e, createElementVNode as d, createBlock as p, createCommentVNode as s, renderSlot as c, createVNode as k, withCtx as b, createTextVNode as $, toDisplayString as g, withModifiers as N } from "vue";
 import "../../typography/Heading.vue.js";
-import g from "../../typography/Text.vue.js";
-import { useDropdownContext as S, Mode as C } from "./DropdownContext.js";
-import { useId as V } from "../../../composables/useId.js";
-import D from "../../checkbox/Checkbox.vue.js";
-import E from "../../icon/Icon.vue.js";
-import { NOOP as R } from "@vue/shared";
-const T = {
+import v from "../../typography/Text.vue.js";
+import w from "../../checkbox/Checkbox.vue.js";
+import z from "../../icon/v3/Icon.vue.js";
+import { NOOP as O } from "@vue/shared";
+import { optionCommon as S } from "./Option.common.js";
+const V = {
   key: 1,
   class: "image"
-}, U = {
+}, x = {
   key: 2,
   class: "start-icon"
-}, j = { class: "text-container" }, q = { key: 0 }, X = /* @__PURE__ */ M({
+}, I = { class: "text-container" }, E = { key: 0 }, F = /* @__PURE__ */ B({
   __name: "Option",
   props: {
     option: { default: null },
@@ -23,71 +22,64 @@ const T = {
     selectAllOption: { type: Boolean, default: !1 },
     active: { type: Boolean, default: null }
   },
-  setup(n) {
-    const i = n, t = S("Option"), d = V().value, B = x(null), $ = (o) => {
-      i.selectAllOption ? o.stopPropagation() : t.select(i.option);
-    };
-    I(() => t.registerOption(d, i.disabled, !!i.subtitle)), N(() => {
-      t.unRegisterOption(d);
-    });
-    const c = m(() => t.mode === C.Multi), w = m(() => i.active !== null ? i.active : t.activeIndex.value !== null ? t.activeOption.value === i.option : !1), u = m(() => i.selectedProp ? !0 : t.mode === C.Multi && Array.isArray(t.selectedOption.value) ? p(t.selectedOption.value.includes(i.option)) : p(t.selectedOption.value) === p(i.option));
-    return (o, a) => (l(), r("div", {
-      ref_key: "el",
-      ref: B,
-      class: k(["item-container", {
-        "item-container--disabled": n.disabled,
-        "item-container--active": e(w),
-        "item-container--selected": e(u),
-        "item-container--multi": e(c)
+  setup(t) {
+    const h = t, { selected: a, isMulti: r, id: y, onClick: C, api: m } = S(h);
+    return (i, l) => (o(), n("div", {
+      ref: "el",
+      class: f(["item-container", {
+        "item-container--disabled": t.disabled,
+        "item-container--active": t.active,
+        "item-container--selected": e(a),
+        "item-container--multi": e(r)
       }])
     }, [
-      f("div", {
-        class: k(["item", {
-          "item--multi": e(c),
-          "item--with-icon": o.$slots["icon-start"] || o.$slots.image
+      d("div", {
+        class: f(["item", {
+          "item--multi": e(r),
+          "item--with-icon": i.$slots["icon-start"] || i.$slots.image
         }])
       }, [
-        e(c) ? (l(), y(e(D), {
+        e(r) ? (o(), p(e(w), {
           key: 0,
-          id: e(d).toString(),
+          id: e(y).toString(),
           tabindex: "-1",
           class: "checkbox",
           size: "sm",
-          "is-checked": e(u),
-          "is-indeterminate": n.isIndeterminate && !n.option,
-          onClick: a[0] || (a[0] = (b) => n.disabled ? e(R)() : $(b))
+          "is-checked": e(a),
+          "is-indeterminate": t.isIndeterminate && !t.option,
+          onClick: l[0] || (l[0] = (u) => t.disabled ? e(O)() : e(C)(u))
         }, null, 8, ["id", "is-checked", "is-indeterminate"])) : s("", !0),
-        o.$slots.image ? (l(), r("div", T, [
-          v(o.$slots, "image", {}, void 0, !0)
+        i.$slots.image ? (o(), n("div", V, [
+          c(i.$slots, "image", {}, void 0, !0)
         ])) : s("", !0),
-        o.$slots["icon-start"] ? (l(), r("div", U, [
-          v(o.$slots, "icon-start", {}, void 0, !0)
+        i.$slots["icon-start"] ? (o(), n("div", x, [
+          c(i.$slots, "icon-start", {}, void 0, !0)
         ])) : s("", !0),
-        f("div", j, [
-          O(e(g), { size: "sm" }, {
-            default: h(() => [
-              v(o.$slots, "default", {}, void 0, !0)
+        d("div", I, [
+          k(e(v), { size: "sm" }, {
+            default: b(() => [
+              c(i.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }),
-          n.subtitle ? (l(), y(e(g), {
+          t.subtitle ? (o(), p(e(v), {
             key: 0,
             class: "subtitle",
             size: "xs"
           }, {
-            default: h(() => [
-              z(A(n.subtitle), 1)
+            default: b(() => [
+              $(g(t.subtitle), 1)
             ]),
             _: 1
           })) : s("", !0)
         ])
       ], 2),
-      e(t).clearable && e(u) ? (l(), r("div", q, [
-        f("button", {
+      e(m).clearable && e(a) ? (o(), n("div", E, [
+        d("button", {
           class: "clear-button",
-          onClick: a[1] || (a[1] = P((b) => e(t).clearSelection(), ["prevent", "stop"]))
+          onClick: l[1] || (l[1] = N((u) => e(m).clearSelection(), ["prevent", "stop"]))
         }, [
-          O(e(E), {
+          k(e(z), {
             name: "close",
             width: "8",
             height: 8
@@ -98,5 +90,5 @@ const T = {
   }
 });
 export {
-  X as default
+  F as default
 };

package/components/dropdown/common/SearchInput.vue.js

@@ -1,7 +1,7 @@
-import o from "./SearchInput.vue2.js";
-/* empty css                  */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SearchInput.vue_vue_type_style_index_0_scoped_2fb7762f_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-2fb7762f"]]);
+import e from "./SearchInput.vue2.js";
+/* empty css                  */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SearchInput.vue_vue_type_style_index_0_scoped_0b1ea2f6_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-0b1ea2f6"]]);
 export {
   s as default
 };

package/components/dropdown/common/SearchInput.vue2.js

@@ -1,6 +1,6 @@
- import "../../../SearchInput.vue_vue_type_style_index_0_scoped_2fb7762f_lang.css"; import { defineComponent as I, useSlots as x, ref as v, onMounted as z, computed as r, watch as V, renderSlot as f, unref as t, createElementVNode as m, normalizeClass as s, openBlock as u, createElementBlock as $, createCommentVNode as i, createVNode as O, withCtx as A, createBlock as h } from "vue";
+ import "../../../SearchInput.vue_vue_type_style_index_0_scoped_0b1ea2f6_lang.css"; import { defineComponent as I, useSlots as x, ref as v, onMounted as z, computed as r, watch as V, renderSlot as f, unref as t, createElementVNode as m, normalizeClass as s, openBlock as u, createElementBlock as $, createCommentVNode as i, createVNode as O, withCtx as A, createBlock as h } from "vue";
 import { useDropdownContext as B, Mode as b } from "./DropdownContext.js";
-import g from "../../icon/Icon.vue.js";
+import g from "../../icon/v3/Icon.vue.js";
 import "../../button/v3/Button.vue.js";
 import E from "../../button/v3/IconButton.vue.js";
 import "../../button/v3/ScrollButton.vue.js";