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

package/components/dropdown/v3/Dropdown.vue2.js

@@ -0,0 +1,394 @@
+ import "../../../Dropdown.vue_vue_type_style_index_0_scoped_aaa8c4bb_lang.css";  import "../../../Dropdown.vue_vue_type_style_index_1_lang.css";  import { defineComponent as le, openBlock as a, createElementBlock as i, normalizeClass as T, unref as e, renderSlot as b, createVNode as s, withCtx as n, Transition as ae, createTextVNode as r, toDisplayString as h, createCommentVNode as o, createBlock as I, isRef as de, createElementVNode as m, mergeProps as P, withModifiers as A, Fragment as oe, renderList as ie, toRaw as $, pushScopeId as ne, popScopeId as se } from "vue";
+import N from "../../button/v3/Button.vue.js";
+import "../../button/v3/IconButton.vue.js";
+import "../../button/v3/ScrollButton.vue.js";
+import re from "./Option.vue.js";
+import x from "../../icon/v3/Icon.vue.js";
+import ue from "../../search/v3/Search.vue.js";
+import "../../typography/Heading.vue.js";
+import y from "../../typography/Text.vue.js";
+import { Dropdown as ce } from "floating-vue";
+import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
+import { dropdownCommon as fe } from "../common/Dropdown.common.js";
+const me = (t) => (ne("data-v-aaa8c4bb"), t = t(), se(), t), ye = ["tabindex", "data-testid"], pe = ["disabled", "aria-expanded", "aria-labelledby", "aria-disabled"], be = {
+  key: 0,
+  class: "image-slot"
+}, he = { class: "angle-down" }, ke = {
+  key: 0,
+  class: "dropdown-title"
+}, ve = ["data-testid"], we = ["data-testid"], Te = {
+  key: 0,
+  class: "no-result-container"
+}, Ie = {
+  key: 1,
+  class: "loader"
+}, $e = /* @__PURE__ */ me(() => /* @__PURE__ */ m("svg", {
+  width: "100",
+  height: "100",
+  viewBox: "0 0 100 100"
+}, [
+  /* @__PURE__ */ m("circle", {
+    cx: "50",
+    cy: "50",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "6",
+    r: "35",
+    "stroke-dasharray": "164.93361431346415 56.97787143782138"
+  }, [
+    /* @__PURE__ */ m("animateTransform", {
+      attributeName: "transform",
+      type: "rotate",
+      repeatCount: "indefinite",
+      dur: "1s",
+      values: "0 50 50;360 50 50",
+      keyTimes: "0;1"
+    })
+  ])
+], -1)), ge = { key: 2 }, Ce = ["aria-selected", "aria-disabled", "onClick"], Se = {
+  key: 0,
+  class: "actions"
+}, He = /* @__PURE__ */ le({
+  __name: "Dropdown",
+  props: {
+    modelValue: { default: null },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    mandatory: { type: Boolean, default: !1 },
+    helperText: { default: "" },
+    searchPlaceholder: { default: "" },
+    isOnTop: { type: Boolean, default: !1 },
+    multi: { type: Boolean, default: !1 },
+    title: { default: "" },
+    inlineSearch: { type: Boolean, default: !1 },
+    popperClass: { default: "" },
+    noResultsText: { default: "No results found" },
+    loading: { type: Boolean },
+    selected: { default: null },
+    showSelectAll: { type: Boolean },
+    defaultOpen: { type: Boolean, default: !1 },
+    showButtonOnOpen: { type: Boolean, default: !0 },
+    autoFocus: { type: Boolean, default: !1 },
+    distance: { default: 0 },
+    isOpen: { type: Boolean },
+    skidding: { default: 0 },
+    placement: { default: "bottom-start" },
+    clearable: { type: Boolean, default: !1 },
+    error: { default: "" },
+    size: { default: "lg" },
+    displayValue: null,
+    options: null,
+    onSearch: { type: Function, default: () => !0 },
+    theme: { default: "is-dropdown-v3" },
+    container: { default: "body" },
+    flip: { type: Boolean, default: !0 },
+    keepOpen: { type: Boolean, default: !1 },
+    autoSize: { type: Boolean, default: !1 },
+    disableKeyboardEvents: { type: Boolean, default: !1 },
+    multiOptionsPlaceholderPrefix: { default: "" },
+    multiOptionsPlaceholderSuffix: { default: "" },
+    testId: { default: "" },
+    darkTheme: { type: Boolean, default: !0 },
+    valueToCopy: { default: "" }
+  },
+  emits: ["update:selected", "update:isOpen", "closed", "opened", "apply", "selectAll", "clear"],
+  setup(t, { expose: L, emit: V }) {
+    const K = t, H = {
+      MULTILINE_LIST_HEIGHT: 48,
+      LIST_HEIGHT: 34,
+      MAX_NUMBER_OF_OPTIONS: 7,
+      PADDING_PX: 8
+    }, {
+      onKeydown: p,
+      location: D,
+      open: c,
+      toggleMenu: g,
+      onButtonKeydown: k,
+      displayedValue: C,
+      labelRef: M,
+      query: v,
+      containerProps: G,
+      calculateTableHeight: F,
+      wrapperProps: X,
+      filteredOptions: U,
+      allSelected: S,
+      isIndeterminate: q,
+      onSelectAll: W,
+      virtualOptions: B,
+      isSelected: O,
+      selectedOption: R,
+      onSelect: E,
+      activeIndex: Y,
+      onCancel: j,
+      onApply: J,
+      scrollTo: Q,
+      listRef: Z,
+      apply: _,
+      cancel: ee,
+      el: te,
+      buttonRef: z
+    } = fe(K, V, H);
+    return L({
+      selectItem: E,
+      scrollTo: Q
+    }), (f, d) => (a(), i("div", {
+      ref_key: "el",
+      ref: te,
+      class: T(["dropdown", { "dropdown--disabled": t.disabled }]),
+      tabindex: t.disabled ? -1 : 0,
+      "data-testid": `${t.testId}-${e(u).WRAPPER}`,
+      onKeydown: d[7] || (d[7] = //@ts-ignore
+      (...l) => e(p) && e(p)(...l))
+    }, [
+      b(f.$slots, "label", {}, void 0, !0),
+      s(e(ce), {
+        theme: t.theme,
+        "popper-class": [
+          t.popperClass,
+          t.autoSize ? "v-popper--theme-is-dropdown-v3--auto-size" : null
+        ],
+        placement: t.placement,
+        skidding: t.isOnTop ? 0 : t.skidding,
+        distance: t.isOnTop ? -e(D) : t.distance,
+        flip: t.flip,
+        triggers: [],
+        shown: !!e(c),
+        "auto-hide": !1,
+        container: t.container,
+        "auto-size": t.autoSize,
+        "data-testid": `${t.testId}-${e(u).TRIGGER}`
+      }, {
+        popper: n(() => [
+          s(ae, null, {
+            default: n(() => [
+              e(c) ? (a(), i("div", {
+                key: 0,
+                ref_key: "listRef",
+                ref: Z,
+                class: "light-theme-v3"
+              }, [
+                t.inlineSearch || t.title ? (a(), i("div", ke, [
+                  t.title ? (a(), i("div", {
+                    key: 0,
+                    class: "dropdown-title__text",
+                    "data-testid": `${t.testId}-${e(u).TITLE}`
+                  }, [
+                    s(e(y), { strong: "" }, {
+                      default: n(() => [
+                        r(h(t.title), 1)
+                      ]),
+                      _: 1
+                    })
+                  ], 8, ve)) : o("", !0),
+                  t.inlineSearch ? (a(), I(e(ue), {
+                    key: 1,
+                    modelValue: e(v),
+                    "onUpdate:modelValue": d[4] || (d[4] = (l) => de(v) ? v.value = l : null),
+                    placeholder: t.searchPlaceholder,
+                    class: "dropdown-title__search",
+                    variant: "transparent",
+                    size: "md",
+                    "test-id": `${t.testId}-${e(u).SEARCH}`,
+                    onKeydown: e(p)
+                  }, null, 8, ["modelValue", "placeholder", "test-id", "onKeydown"])) : o("", !0)
+                ])) : o("", !0),
+                e(c) ? (a(), i("div", {
+                  key: 1,
+                  class: "dropdown",
+                  onKeydown: d[6] || (d[6] = //@ts-ignore
+                  (...l) => e(p) && e(p)(...l))
+                }, [
+                  b(f.$slots, "input-list", { open: e(c) }, void 0, !0),
+                  m("div", P(e(G), {
+                    class: ["list-container", { "list-container--multi": t.multi }],
+                    style: { height: `${e(F)}rem` },
+                    "data-testid": `${t.testId}-${e(u).LIST_CONTAINER}`
+                  }), [
+                    m("ul", P(e(X), {
+                      role: "listbox",
+                      class: ["list", { "list--multi": t.multi }]
+                    }), [
+                      !e(U).length && !t.loading ? (a(), i("li", Te, [
+                        s(e(y), {
+                          size: "sm",
+                          class: "no-result"
+                        }, {
+                          default: n(() => [
+                            r(h(t.noResultsText), 1)
+                          ]),
+                          _: 1
+                        })
+                      ])) : o("", !0),
+                      t.loading ? (a(), i("li", Ie, [
+                        s(e(x), {
+                          "font-size": "md",
+                          class: "loader-icon"
+                        }, {
+                          default: n(() => [
+                            $e
+                          ]),
+                          _: 1
+                        }),
+                        s(e(y), null, {
+                          default: n(() => [
+                            r("Loading...")
+                          ]),
+                          _: 1
+                        })
+                      ])) : o("", !0),
+                      t.showSelectAll ? (a(), i("li", ge, [
+                        s(re, {
+                          "aria-selected": e(S),
+                          "aria-disabled": !!t.disabled,
+                          "selected-prop": e(S),
+                          "is-indeterminate": e(q),
+                          "select-all-option": "",
+                          onClick: d[5] || (d[5] = A((l) => e(W)(), ["stop"]))
+                        }, {
+                          default: n(() => [
+                            r("Select all ")
+                          ]),
+                          _: 1
+                        }, 8, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate"])
+                      ])) : o("", !0),
+                      e(B).length && !t.loading ? (a(!0), i(oe, { key: 3 }, ie(e(B), ({ data: l, index: w }) => (a(), i("li", {
+                        key: w,
+                        "aria-selected": e(O)($(e(R)), l),
+                        "aria-disabled": !!t.disabled,
+                        onClick: A(() => e(E)(l, w), ["stop"])
+                      }, [
+                        b(f.$slots, "default", {
+                          option: l,
+                          selected: e(O)($(e(R)), l),
+                          active: $(e(Y)) === w
+                        }, void 0, !0)
+                      ], 8, Ce))), 128)) : o("", !0)
+                    ], 16)
+                  ], 16, we),
+                  t.multi ? (a(), i("div", Se, [
+                    s(e(N), {
+                      ref_key: "cancel",
+                      ref: ee,
+                      size: "sm",
+                      variant: "border",
+                      theme: "third",
+                      "test-id": `${t.testId}-${e(u).ACTION_CANCEL}`,
+                      onClick: e(j)
+                    }, {
+                      default: n(() => [
+                        r(" Cancel ")
+                      ]),
+                      _: 1
+                    }, 8, ["test-id", "onClick"]),
+                    s(e(N), {
+                      ref_key: "apply",
+                      ref: _,
+                      "data-testid": "mutli-apply",
+                      size: "sm",
+                      class: "apply-button",
+                      "test-id": `${t.testId}-${e(u).ACTION_APPLY}`,
+                      onClick: e(J)
+                    }, {
+                      default: n(() => [
+                        r("Apply ")
+                      ]),
+                      _: 1
+                    }, 8, ["test-id", "onClick"])
+                  ])) : o("", !0)
+                ], 32)) : o("", !0)
+              ], 512)) : o("", !0)
+            ]),
+            _: 3
+          })
+        ]),
+        default: n(() => [
+          m("div", {
+            class: T(["button__container", {
+              "button__container--open": !!e(c),
+              [`button__container--${t.size}`]: !0,
+              "button__container--disabled": t.disabled
+            }])
+          }, [
+            f.$slots.input ? (a(), i("div", {
+              key: 0,
+              ref_key: "buttonRef",
+              ref: z,
+              onClick: d[0] || (d[0] = (l) => e(g)()),
+              onKeydown: d[1] || (d[1] = //@ts-ignore
+              (...l) => e(k) && e(k)(...l))
+            }, [
+              b(f.$slots, "input", {
+                open: e(c),
+                value: e(C),
+                disabled: t.disabled
+              }, void 0, !0)
+            ], 544)) : o("", !0),
+            f.$slots.input ? o("", !0) : (a(), i("button", {
+              key: 1,
+              ref_key: "buttonRef",
+              ref: z,
+              disabled: t.disabled,
+              "aria-haspopup": !0,
+              "aria-expanded": !!e(c),
+              "aria-labelledby": e(M)?.id,
+              "aria-disabled": t.disabled,
+              class: T([{
+                "button--open": !!e(c),
+                [`button--${t.size}`]: !0,
+                "button--disabled": t.disabled
+              }, "button"]),
+              onKeydown: d[2] || (d[2] = //@ts-ignore
+              (...l) => e(k) && e(k)(...l)),
+              onClick: d[3] || (d[3] = (l) => e(g)())
+            }, [
+              f.$slots.image ? (a(), i("div", be, [
+                b(f.$slots, "image", {}, void 0, !0)
+              ])) : o("", !0),
+              s(e(y), {
+                size: "sm",
+                "is-truncated": ""
+              }, {
+                default: n(() => [
+                  r(h(e(C)), 1)
+                ]),
+                _: 1
+              }),
+              m("div", he, [
+                s(e(x), {
+                  name: "angle-down",
+                  "font-size": "sm"
+                })
+              ])
+            ], 42, pe))
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["theme", "popper-class", "placement", "skidding", "distance", "flip", "shown", "container", "auto-size", "data-testid"]),
+      !t.error && t.helperText ? (a(), I(e(y), {
+        key: 0,
+        size: "caption",
+        class: "helper-text",
+        "test-id": `${t.testId}-${e(u).HELPER_TEXT}`
+      }, {
+        default: n(() => [
+          r(h(t.helperText), 1)
+        ]),
+        _: 1
+      }, 8, ["test-id"])) : o("", !0),
+      t.error ? (a(), I(e(y), {
+        key: 1,
+        size: "caption",
+        class: "helper-text helper-text--error",
+        "test-id": `${t.testId}-${e(u).HELPER_TEXT_ERROR}`
+      }, {
+        default: n(() => [
+          r(h(t.error), 1)
+        ]),
+        _: 1
+      }, 8, ["test-id"])) : o("", !0)
+    ], 42, ye));
+  }
+});
+export {
+  He as default
+};

package/components/dropdown/v3/Label.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/components/dropdown/v3/Label.vue.js

@@ -0,0 +1,7 @@
+import e from "./Label.vue2.js";
+/* empty css            */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Label.vue_vue_type_style_index_0_scoped_48e00c04_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-48e00c04"]]);
+export {
+  c as default
+};

package/components/dropdown/v3/Label.vue2.js

@@ -0,0 +1,36 @@
+ import "../../../Label.vue_vue_type_style_index_0_scoped_48e00c04_lang.css"; import { defineComponent as n, openBlock as l, createElementBlock as d, unref as e, normalizeClass as m, createVNode as c, withCtx as o, renderSlot as i, createBlock as u, createTextVNode as f, createCommentVNode as p } from "vue";
+import "../../typography/Heading.vue.js";
+import a from "../../typography/Text.vue.js";
+import { useDropdownContext as b } from "../common/DropdownContext.js";
+import { useId as _ } from "../../../composables/useId.js";
+const h = /* @__PURE__ */ n({
+  __name: "Label",
+  setup(x) {
+    const r = `is-system-label-${_().value}`, t = b("label");
+    return (s, C) => (l(), d("label", {
+      id: r,
+      ref: e(t).labelRef,
+      class: m(["label", { "label--disabled": e(t).disabled }])
+    }, [
+      c(e(a), null, {
+        default: o(() => [
+          i(s.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      }),
+      e(t).mandatory ? (l(), u(e(a), {
+        key: 0,
+        size: "lg",
+        class: "mandatory"
+      }, {
+        default: o(() => [
+          f("*")
+        ]),
+        _: 1
+      })) : p("", !0)
+    ], 2));
+  }
+});
+export {
+  h as default
+};

package/components/dropdown/v3/Option.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     option?: any;
     subtitle?: string;
     disabled?: boolean;
@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     isIndeterminate: boolean;
     selectAllOption: boolean;
     active: any;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     option?: any;
     subtitle?: string;
     disabled?: boolean;
@@ -28,14 +28,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     isIndeterminate: boolean;
     selectAllOption: boolean;
     active: any;
-}>>> & Readonly<{}>, {
+}>>>, {
     option: any;
     disabled: boolean;
     active: boolean;
     isIndeterminate: boolean;
     subtitle: string;
     selectAllOption: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+}>, {
     image?(_: {}): any;
     "icon-start"?(_: {}): any;
     default?(_: {}): any;

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

@@ -0,0 +1,7 @@
+import o from "./Option.vue2.js";
+/* empty css             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Option.vue_vue_type_style_index_0_scoped_3d6ce2fc_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3d6ce2fc"]]);
+export {
+  p as default
+};

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

@@ -0,0 +1,94 @@
+ import "../../../Option.vue_vue_type_style_index_0_scoped_3d6ce2fc_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 v from "../../typography/Text.vue.js";
+import w from "../../checkbox/v3/Checkbox.vue.js";
+import z from "../../icon/v3/Icon.vue.js";
+import { NOOP as O } from "@vue/shared";
+import { optionCommon as S } from "../common/Option.common.js";
+const V = {
+  key: 1,
+  class: "image"
+}, x = {
+  key: 2,
+  class: "start-icon"
+}, I = { class: "text-container" }, E = { key: 0 }, F = /* @__PURE__ */ B({
+  __name: "Option",
+  props: {
+    option: { default: null },
+    subtitle: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    selectedProp: { type: Boolean },
+    isIndeterminate: { type: Boolean, default: !1 },
+    selectAllOption: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: null }
+  },
+  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)
+      }])
+    }, [
+      d("div", {
+        class: f(["item", {
+          "item--multi": e(r),
+          "item--with-icon": i.$slots["icon-start"] || i.$slots.image
+        }])
+      }, [
+        e(r) ? (o(), p(e(w), {
+          key: 0,
+          id: e(y).toString(),
+          tabindex: "-1",
+          class: "checkbox",
+          size: "sm",
+          "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),
+        i.$slots.image ? (o(), n("div", V, [
+          c(i.$slots, "image", {}, void 0, !0)
+        ])) : s("", !0),
+        i.$slots["icon-start"] ? (o(), n("div", x, [
+          c(i.$slots, "icon-start", {}, void 0, !0)
+        ])) : s("", !0),
+        d("div", I, [
+          k(e(v), { size: "sm" }, {
+            default: b(() => [
+              c(i.$slots, "default", {}, void 0, !0)
+            ]),
+            _: 3
+          }),
+          t.subtitle ? (o(), p(e(v), {
+            key: 0,
+            class: "subtitle",
+            size: "xs"
+          }, {
+            default: b(() => [
+              $(g(t.subtitle), 1)
+            ]),
+            _: 1
+          })) : s("", !0)
+        ])
+      ], 2),
+      e(m).clearable && e(a) ? (o(), n("div", E, [
+        d("button", {
+          class: "clear-button",
+          onClick: l[1] || (l[1] = N((u) => e(m).clearSelection(), ["prevent", "stop"]))
+        }, [
+          k(e(z), {
+            name: "close",
+            width: "8",
+            height: 8
+          })
+        ])
+      ])) : s("", !0)
+    ], 2));
+  }
+});
+export {
+  F as default
+};

package/components/dropdown/v3/SearchInput.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
     default?(_: {
         inputRef: HTMLInputElement;
         disabled: boolean;

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

@@ -0,0 +1,7 @@
+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_b256f8ef_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-b256f8ef"]]);
+export {
+  s as default
+};

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

@@ -0,0 +1,82 @@
+ import "../../../SearchInput.vue_vue_type_style_index_0_scoped_b256f8ef_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 "../common/DropdownContext.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";
+const M = {
+  key: 0,
+  class: "prefix"
+}, S = ["disabled", "placeholder"], G = /* @__PURE__ */ I({
+  __name: "SearchInput",
+  setup(F) {
+    const e = B("searchInput"), y = x(), l = v(null), a = v();
+    z(() => {
+      e.registerInput(l);
+    });
+    const c = (o) => {
+      e.toggle(!0), e.search(o.target.value);
+    }, C = r(() => !e.open.value && y.prefix && !Array.isArray(e.selectedOption.value) && e.selectedOption.value), d = r(() => e.mode === b.Multi && Array.isArray(e.selectedOption.value) && e.selectedOption.value.length ? `${e.selectedOption.value.length} selected` : e.open.value && e.selectedValue.value ? e.selectedValue.value : e.placeholder), p = r(() => e.query.value !== "" || e.selectedValue.value);
+    V(e.open, (o) => {
+      o && l.value.focus(), e.mode !== b.Multi && (!o || !l.value || (l.value.value = ""));
+    });
+    const k = r(() => p.value ? "cancel" : "search-bold"), _ = () => {
+      e.clearSelection(), l.value.focus();
+    };
+    return (o, n) => f(o.$slots, "default", {
+      inputRef: l.value,
+      disabled: t(e).disabled,
+      change: c,
+      placeholder: t(d)
+    }, () => [
+      m("div", {
+        class: s(["container", {
+          "container--open": t(e).open.value,
+          "container--disabled": t(e).disabled,
+          [`container--${t(e).size}`]: !0,
+          focused: a.value
+        }])
+      }, [
+        t(C) ? (u(), $("div", M, [
+          f(o.$slots, "prefix", {}, void 0, !0)
+        ])) : i("", !0),
+        m("input", {
+          ref_key: "inputEl",
+          ref: l,
+          disabled: t(e).disabled,
+          class: s(["input", { "input--disabled": t(e).disabled }]),
+          placeholder: t(d),
+          onFocusin: n[0] || (n[0] = (w) => a.value = !0),
+          onFocusout: n[1] || (n[1] = (w) => a.value = !1),
+          onInput: c
+        }, null, 42, S),
+        O(t(E), {
+          variant: "colorized",
+          size: "sm",
+          theme: "secondary",
+          class: s(["search-right-icon", { "search-right-icon-clear": t(p) }]),
+          disabled: t(e).disabled
+        }, {
+          default: A(() => [
+            t(e).open.value ? i("", !0) : (u(), h(t(g), {
+              key: 0,
+              "font-size": "sm",
+              class: "angle-down",
+              name: "angle-down"
+            })),
+            t(e).open.value ? (u(), h(t(g), {
+              key: 1,
+              "font-size": "sm",
+              name: t(k),
+              onClick: _
+            }, null, 8, ["name"])) : i("", !0)
+          ]),
+          _: 1
+        }, 8, ["disabled", "class"])
+      ], 2)
+    ], !0);
+  }
+});
+export {
+  G as default
+};