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

package/components/popover/v3/Popover.vue2.js

@@ -0,0 +1,38 @@
+ import "../../../Popover.vue_vue_type_style_index_0_scoped_c607b770_lang.css";  import "../../../Popover.vue_vue_type_style_index_1_lang.css";  import { defineComponent as n, openBlock as i, createBlock as r, unref as l, withCtx as a, renderSlot as d } from "vue";
+import { Dropdown as s } from "floating-vue";
+const f = /* @__PURE__ */ n({
+  __name: "Popover",
+  props: {
+    open: { type: Boolean },
+    autoHide: { type: Boolean, default: !1 },
+    trigger: { default: "click" },
+    disabled: { type: Boolean, default: !1 },
+    placement: { default: "bottom-start" },
+    distance: { default: 0 },
+    skidding: { default: 0 },
+    testId: { default: "" }
+  },
+  setup(e) {
+    return (t, u) => (i(), r(l(s), {
+      theme: "custom-popover",
+      placement: e.placement,
+      shown: !!e.open,
+      triggers: e.trigger === "managed" ? [] : [e.trigger],
+      "auto-hide": e.autoHide,
+      distance: e.distance,
+      skidding: e.skidding,
+      "data-testid": e.testId
+    }, {
+      popper: a(({ hide: o }) => [
+        d(t.$slots, "content", { hide: o }, void 0, !0)
+      ]),
+      default: a(() => [
+        d(t.$slots, "trigger", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "data-testid"]));
+  }
+});
+export {
+  f as default
+};

package/components/popover/v4/PopoverV4.vue.d.ts

@@ -1,5 +1,6 @@
 import { Placement } from 'floating-vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    isOpen?: boolean;
     autoHide?: boolean;
     trigger?: "hover" | "click" | "focus" | "touch" | "managed";
     disabled?: boolean;
@@ -8,7 +9,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     skidding?: number;
     testId?: string;
     popperClass?: string;
+    container?: string;
 }>, {
+    isOpen: boolean;
     trigger: string;
     autoHide: boolean;
     disabled: boolean;
@@ -17,11 +20,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     skidding: number;
     testId: string;
     popperClass: string;
+    container: string;
 }>, {
     toggle: (value?: boolean) => boolean;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     isOpen: (value: boolean) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    isOpen?: boolean;
     autoHide?: boolean;
     trigger?: "hover" | "click" | "focus" | "touch" | "managed";
     disabled?: boolean;
@@ -30,7 +35,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     skidding?: number;
     testId?: string;
     popperClass?: string;
+    container?: string;
 }>, {
+    isOpen: boolean;
     trigger: string;
     autoHide: boolean;
     disabled: boolean;
@@ -39,6 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     skidding: number;
     testId: string;
     popperClass: string;
+    container: string;
 }>>> & {
     onIsOpen?: (value: boolean) => any;
 }, {
@@ -46,8 +54,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placement: Placement;
     disabled: boolean;
     distance: number;
-    popperClass: string;
+    container: string;
     autoHide: boolean;
+    popperClass: string;
+    isOpen: boolean;
     trigger: "hover" | "click" | "focus" | "touch" | "managed";
     skidding: number;
 }>, {

package/components/popover/v4/PopoverV4.vue.js

@@ -0,0 +1,8 @@
+import o from "./PopoverV4.vue2.js";
+/* empty css                *//* empty css                */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css"; //*');
+// import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  //');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-66694b4e"]]);
+export {
+  r as default
+};

package/components/popover/v4/PopoverV4.vue2.js

@@ -0,0 +1,73 @@
+ import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css";  import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as k, watch as s, openBlock as p, createBlock as y, unref as a, withCtx as u, createElementBlock as h, renderSlot as g, createCommentVNode as B, createElementVNode as C } from "vue";
+import { Dropdown as w } from "floating-vue";
+import { popoverCommon as $ } from "../common/Popover.common.js";
+const O = ["data-testid"], H = /* @__PURE__ */ k({
+  __name: "PopoverV4",
+  props: {
+    isOpen: { type: Boolean, default: !1 },
+    autoHide: { type: Boolean, default: !1 },
+    trigger: { default: "click" },
+    disabled: { type: Boolean, default: !1 },
+    placement: { default: "bottom-start" },
+    distance: { default: 0 },
+    skidding: { default: 0 },
+    testId: { default: "" },
+    popperClass: { default: "" },
+    container: { default: "body" }
+  },
+  emits: ["isOpen"],
+  setup(e, { expose: f, emit: m }) {
+    const i = e, { popup: c, open: t, toggle: d, triggerRef: v } = $();
+    s(t, () => {
+      m("isOpen", t.value);
+    }), s(
+      () => i.isOpen,
+      (o) => {
+        d(o);
+      }
+    );
+    const r = (o) => {
+      i.trigger === o && (t.value = !t.value);
+    };
+    return f({
+      toggle: d
+    }), (o, n) => (p(), y(a(w), {
+      theme: "custom-popover",
+      placement: e.placement,
+      shown: !!a(t),
+      triggers: e.trigger === "managed" ? [] : [e.trigger],
+      "auto-hide": e.autoHide,
+      distance: e.distance,
+      skidding: e.skidding,
+      container: e.container,
+      "popper-class": [e.popperClass, "v4-popover__popper light-theme-v4"]
+    }, {
+      popper: u(() => [
+        a(t) ? (p(), h("div", {
+          key: 0,
+          ref_key: "popup",
+          ref: c,
+          class: "menu-popup",
+          "data-testid": e.testId
+        }, [
+          g(o.$slots, "content", {}, void 0, !0)
+        ], 8, O)) : B("", !0)
+      ]),
+      default: u(() => [
+        C("div", {
+          ref_key: "triggerRef",
+          ref: v,
+          onClick: n[0] || (n[0] = (l) => r("click")),
+          onMouseenter: n[1] || (n[1] = (l) => r("hover")),
+          onMouseleave: n[2] || (n[2] = (l) => r("hover"))
+        }, [
+          g(o.$slots, "trigger", {}, void 0, !0)
+        ], 544)
+      ]),
+      _: 3
+    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "container", "popper-class"]));
+  }
+});
+export {
+  H as default
+};

package/components/popover/v4/index.d.ts

@@ -8,8 +8,10 @@ declare const PopoverTypes: () => ({
             placement: import("floating-vue").Placement;
             disabled: boolean;
             distance: number;
-            popperClass: string;
+            container: string;
             autoHide: boolean;
+            popperClass: string;
+            isOpen: boolean;
             trigger: "hover" | "click" | "focus" | "touch" | "managed";
             skidding: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -29,7 +31,7 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            popperClass: {
+            container: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -37,6 +39,14 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             trigger: {
                 type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                 default: string;
@@ -47,7 +57,7 @@ declare const PopoverTypes: () => ({
             };
         }>> & {
             onIsOpen?: (value: boolean) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "popperClass" | "autoHide" | "trigger" | "skidding">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "container" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -78,7 +88,7 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            popperClass: {
+            container: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -86,6 +96,14 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             trigger: {
                 type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                 default: string;
@@ -105,8 +123,10 @@ declare const PopoverTypes: () => ({
             placement: import("floating-vue").Placement;
             disabled: boolean;
             distance: number;
-            popperClass: string;
+            container: string;
             autoHide: boolean;
+            popperClass: string;
+            isOpen: boolean;
             trigger: "hover" | "click" | "focus" | "touch" | "managed";
             skidding: number;
         }, {}, string> & {
@@ -146,7 +166,7 @@ declare const PopoverTypes: () => ({
             type: import("vue").PropType<number>;
             default: number;
         };
-        popperClass: {
+        container: {
             type: import("vue").PropType<string>;
             default: string;
         };
@@ -154,6 +174,14 @@ declare const PopoverTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        popperClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         trigger: {
             type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
             default: string;
@@ -187,7 +215,7 @@ declare const PopoverTypes: () => ({
         type: import("vue").PropType<number>;
         default: number;
     };
-    popperClass: {
+    container: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -195,6 +223,14 @@ declare const PopoverTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    popperClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     trigger: {
         type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
         default: string;
@@ -214,8 +250,10 @@ declare const PopoverTypes: () => ({
     placement: import("floating-vue").Placement;
     disabled: boolean;
     distance: number;
-    popperClass: string;
+    container: string;
     autoHide: boolean;
+    popperClass: string;
+    isOpen: boolean;
     trigger: "hover" | "click" | "focus" | "touch" | "managed";
     skidding: number;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/components/radioButton/v3/RadioButton.vue.js

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

package/components/radioButton/v3/RadioButton.vue2.js

@@ -0,0 +1,79 @@
+ import "../../../RadioButton.vue_vue_type_style_index_0_scoped_3c6b715c_lang.css"; import { defineComponent as E, openBlock as n, createElementBlock as I, normalizeClass as b, unref as e, createElementVNode as r, withDirectives as y, mergeProps as i, isRef as C, vModelRadio as N, renderSlot as g, createVNode as w, withCtx as u, createTextVNode as m, toDisplayString as f, createBlock as v, createCommentVNode as R } from "vue";
+import c from "../../typography/Text.vue.js";
+import { useRadio as z } from "../common/useRadio.js";
+import { RadioTestIdModifiers as o } from "../../../testids/index.js";
+import { useTestIdAttrs as A } from "../../../utils/testIds.js";
+const D = { class: "wrapper" }, L = ["value", "name", "disabled"], O = /* @__PURE__ */ E({
+  __name: "RadioButton",
+  props: {
+    label: { default: "" },
+    name: { default: "" },
+    helperText: { default: "" },
+    errorText: { default: "" },
+    modelValue: { default: void 0 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: V }) {
+    const p = t, { radioRef: h, focus: x, disabled: T, modelValue: a, radioGroup: k } = z(
+      p,
+      V
+    ), d = A(p.testId, o);
+    return (B, l) => (n(), I("label", {
+      class: b(["radio-button", { "radio-button--disabled": e(T) }])
+    }, [
+      r("span", D, [
+        y(r("input", i({
+          ref_key: "radioRef",
+          ref: h,
+          "onUpdate:modelValue": l[0] || (l[0] = (s) => C(a) ? a.value = s : null),
+          value: t.label,
+          name: t.name || e(k)?.name,
+          type: "radio",
+          disabled: e(T)
+        }, e(d)[e(o).FIELD], {
+          onFocus: l[1] || (l[1] = (s) => x.value = !0),
+          onBlur: l[2] || (l[2] = (s) => x.value = !1)
+        }), null, 16, L), [
+          [N, e(a)]
+        ]),
+        r("span", {
+          class: b([{ "circle--selected": e(a) === t.label }, "circle"])
+        }, null, 2)
+      ]),
+      r("span", i({ class: "label" }, e(d)[e(o).LABEL]), [
+        g(B.$slots, "default", {}, () => [
+          w(c, { "is-truncated": "" }, {
+            default: u(() => [
+              m(f(t.label), 1)
+            ]),
+            _: 1
+          })
+        ], !0),
+        !t.errorText && t.helperText ? (n(), v(c, {
+          key: 0,
+          class: "helper-text--text helper-text",
+          size: "caption"
+        }, {
+          default: u(() => [
+            m(f(t.helperText), 1)
+          ]),
+          _: 1
+        })) : R("", !0),
+        t.errorText ? (n(), v(c, i({
+          key: 1,
+          size: "caption",
+          class: "helper-text--error helper-text"
+        }, e(d)[e(o).ERROR_TEXT]), {
+          default: u(() => [
+            m(f(t.errorText), 1)
+          ]),
+          _: 1
+        }, 16)) : R("", !0)
+      ], 16)
+    ], 2));
+  }
+});
+export {
+  O as default
+};

package/components/radioButton/v3/RadioGroup.vue.js

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

package/components/radioButton/v3/RadioGroup.vue2.js

@@ -0,0 +1,29 @@
+ import "../../../RadioGroup.vue_vue_type_style_index_0_scoped_3071ef24_lang.css"; import { defineComponent as u, openBlock as n, createElementBlock as p, mergeProps as f, unref as r, renderSlot as i } from "vue";
+import { RadioTestIdModifiers as t } from "../../../testids/index.js";
+import { radioGroupCommon as m } from "../common/radioGroup.common.js";
+import { useTestIdAttrs as c } from "../../../utils/testIds.js";
+const _ = /* @__PURE__ */ u({
+  __name: "RadioGroup",
+  props: {
+    name: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    modelValue: null,
+    row: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: a }) {
+    const o = e, d = c(o.testId, t), { radioGroupRef: s } = m(o, a);
+    return (l, g) => (n(), p("div", f({
+      ref_key: "radioGroupRef",
+      ref: s,
+      class: [{ "radio-group--row": e.row }, "radio-group"],
+      role: "radiogroup"
+    }, r(d)[r(t).GROUP]), [
+      i(l.$slots, "default", {}, void 0, !0)
+    ], 16));
+  }
+});
+export {
+  _ as default
+};

package/components/radioButton/v4/RadioButtonV4.vue.js

@@ -0,0 +1,7 @@
+import o from "./RadioButtonV4.vue2.js";
+/* empty css                    */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_05c7bca2_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-05c7bca2"]]);
+export {
+  s as default
+};

package/components/radioButton/v4/RadioButtonV4.vue2.js

@@ -0,0 +1,80 @@
+ import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_05c7bca2_lang.css"; import { defineComponent as R, ref as g, inject as k, computed as c, openBlock as b, createElementBlock as B, normalizeClass as v, unref as e, createElementVNode as l, withDirectives as w, mergeProps as m, isRef as C, vModelRadio as L, renderSlot as N, createVNode as T, withCtx as V, createTextVNode as h, toDisplayString as y, createBlock as A, createCommentVNode as x } from "vue";
+import I from "../../typography/v4/Typography.vue.js";
+import { radioGroupKey as G } from "../common/useRadio.js";
+import { RadioTestIdModifiers as r } from "../../../testids/index.js";
+import { useTestIdAttrs as S } from "../../../utils/testIds.js";
+const M = { class: "wrapper-with-description" }, P = { class: "wrapper" }, j = ["value", "name", "disabled"], _ = /* @__PURE__ */ R({
+  __name: "RadioButtonV4",
+  props: {
+    value: null,
+    label: { default: "" },
+    name: { default: "" },
+    modelValue: { default: void 0 },
+    testId: { default: "" },
+    labelDescription: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: D }) {
+    const o = t, n = S(o.testId, r), u = g(), a = k(G, void 0), p = c(() => !!a), d = c(() => a?.disabled), s = c({
+      get() {
+        return p.value ? a?.modelValue : o.modelValue;
+      },
+      set(i) {
+        p.value ? a?.changeEvent(i) : D("update:modelValue", i), u.value && (u.value.checked = o.modelValue === o.value);
+      }
+    });
+    return (i, f) => (b(), B("label", {
+      class: v(["radio-button", { "radio-button--disabled": e(d) }])
+    }, [
+      l("span", M, [
+        l("span", P, [
+          w(l("input", m({
+            ref_key: "radioRef",
+            ref: u,
+            "onUpdate:modelValue": f[0] || (f[0] = (E) => C(s) ? s.value = E : null),
+            value: t.value,
+            name: t.name || e(a)?.name,
+            type: "radio",
+            disabled: e(d)
+          }, e(n)[e(r).FIELD]), null, 16, j), [
+            [L, e(s)]
+          ]),
+          l("span", {
+            class: v(["circle", {
+              "circle--selected": e(s) === t.value,
+              "circle--disabled": e(d)
+            }])
+          }, null, 2)
+        ]),
+        l("span", m({
+          class: ["label", { "label--disabled": e(d) }]
+        }, e(n)[e(r).LABEL]), [
+          N(i.$slots, "default", {}, () => [
+            T(e(I), {
+              variant: "body2",
+              "is-truncated": ""
+            }, {
+              default: V(() => [
+                h(y(t.label), 1)
+              ]),
+              _: 1
+            })
+          ], !0)
+        ], 16)
+      ]),
+      t.labelDescription ? (b(), A(e(I), m({
+        key: 0,
+        variant: "body2",
+        class: "label-description"
+      }, e(n)[e(r).LABEL_DESCRIPTION]), {
+        default: V(() => [
+          h(y(t.labelDescription), 1)
+        ]),
+        _: 1
+      }, 16)) : x("", !0)
+    ], 2));
+  }
+});
+export {
+  _ as default
+};

package/components/radioButton/v4/RadioGroupV4.vue.js

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

package/components/radioButton/v4/RadioGroupV4.vue2.js

@@ -0,0 +1,29 @@
+ import "../../../RadioGroupV4.vue_vue_type_style_index_0_scoped_f8e8cbab_lang.css"; import { defineComponent as u, openBlock as n, createElementBlock as p, mergeProps as f, unref as r, renderSlot as i } from "vue";
+import { RadioTestIdModifiers as t } from "../../../testids/index.js";
+import { radioGroupCommon as m } from "../common/radioGroup.common.js";
+import { useTestIdAttrs as c } from "../../../utils/testIds.js";
+const _ = /* @__PURE__ */ u({
+  __name: "RadioGroupV4",
+  props: {
+    name: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    modelValue: null,
+    row: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: a }) {
+    const o = e, d = c(o.testId, t), { radioGroupRef: s } = m(o, a);
+    return (l, g) => (n(), p("div", f({
+      ref_key: "radioGroupRef",
+      ref: s,
+      class: [{ "radio-group--row": e.row }, "radio-group"],
+      role: "radiogroup"
+    }, r(d)[r(t).GROUP]), [
+      i(l.$slots, "default", {}, void 0, !0)
+    ], 16));
+  }
+});
+export {
+  _ as default
+};

package/components/search/v3/Search.vue.js

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

package/components/search/v3/Search.vue2.js

@@ -0,0 +1,62 @@
+ import "../../../Search.vue_vue_type_style_index_0_scoped_63beaf6b_lang.css"; import { defineComponent as v, openBlock as a, createElementBlock as b, normalizeClass as l, unref as e, createBlock as i, createCommentVNode as c, createElementVNode as g } from "vue";
+import r from "../../icon/v3/Icon.vue.js";
+import { SearchTestIdModifiers as o } from "../../../testids/index.js";
+import { searchCommon as p } from "../common/Search.common.js";
+const z = ["data-testid"], E = ["value", "placeholder", "disabled", "data-testid"], L = /* @__PURE__ */ v({
+  __name: "Search",
+  props: {
+    modelValue: null,
+    placeholder: null,
+    variant: { default: "default" },
+    size: { default: "sm" },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { expose: u, emit: m }) {
+    const f = t, {
+      showLeftIcon: h,
+      updateValue: d,
+      showRightIcon: I,
+      showClear: C,
+      rightIcon: k,
+      onRightIconClick: V,
+      inputRef: n
+    } = p(f, m);
+    return u({
+      inputRef: n
+    }), (R, s) => (a(), b("div", {
+      class: l(["search-container", `${t.size}`]),
+      "data-testid": `${t.testId}-${e(o).CONTAINER}`
+    }, [
+      e(h) ? (a(), i(e(r), {
+        key: 0,
+        class: "search-left-icon",
+        name: "search-bold",
+        "font-size": "sm"
+      })) : c("", !0),
+      g("input", {
+        ref_key: "inputRef",
+        ref: n,
+        class: l({ [t.variant]: !0, activated: t.modelValue !== "" }),
+        value: t.modelValue,
+        placeholder: t.placeholder,
+        disabled: t.disabled,
+        "data-testid": `${t.testId}-${e(o).FIELD}`,
+        onInput: s[0] || (s[0] = //@ts-ignore
+        (...$) => e(d) && e(d)(...$))
+      }, null, 42, E),
+      e(I) ? (a(), i(e(r), {
+        key: 1,
+        class: l(["search-right-icon", { "search-right-icon-clear": e(C) }]),
+        name: e(k),
+        "font-size": "sm",
+        "data-testid": `${t.testId}-${e(o).CLOSE}`,
+        onClick: e(V)
+      }, null, 8, ["class", "name", "data-testid", "onClick"])) : c("", !0)
+    ], 10, z));
+  }
+});
+export {
+  L as default
+};

package/components/search/v4/SearchV4.vue.js

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