@ironsource/shared-ui 2.1.12-rc.9 → 2.1.12-test.1

package/components/checkbox/v4/icons/IndeterminateDisabledState.vue.js

@@ -1,40 +1,40 @@
-import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
+import { openBlock as o, createElementBlock as r, createElementVNode as e } from "vue";
 import n from "../../../../_virtual/_plugin-vue_export-helper.js";
-const r = {}, s = {
+const i = {}, l = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 16",
   fill: "none"
-}, c = /* @__PURE__ */ t("rect", {
-  width: "16",
-  height: "16",
-  rx: "4",
-  fill: "#CEE7FE"
-}, null, -1), i = /* @__PURE__ */ t("rect", {
-  x: "0.5",
-  y: "0.5",
-  width: "15",
-  height: "15",
-  rx: "3.5",
-  stroke: "#0091FF",
-  "stroke-opacity": "0.5"
-}, null, -1), l = /* @__PURE__ */ t("line", {
-  x1: "4.75",
-  y1: "8.25",
-  x2: "11.25",
-  y2: "8.25",
-  stroke: "#0091FF",
-  "stroke-opacity": "0.5",
-  "stroke-width": "1.5",
-  "stroke-linecap": "round"
-}, null, -1), _ = [
-  c,
-  i,
-  l
-];
-function d(h, a) {
-  return e(), o("svg", s, _);
+};
+function s(c, t) {
+  return o(), r("svg", l, t[0] || (t[0] = [
+    e("rect", {
+      width: "16",
+      height: "16",
+      rx: "4",
+      fill: "#CEE7FE"
+    }, null, -1),
+    e("rect", {
+      x: "0.5",
+      y: "0.5",
+      width: "15",
+      height: "15",
+      rx: "3.5",
+      stroke: "#0091FF",
+      "stroke-opacity": "0.5"
+    }, null, -1),
+    e("line", {
+      x1: "4.75",
+      y1: "8.25",
+      x2: "11.25",
+      y2: "8.25",
+      stroke: "#0091FF",
+      "stroke-opacity": "0.5",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }, null, -1)
+  ]));
 }
-const m = /* @__PURE__ */ n(r, [["render", d]]);
+const x = /* @__PURE__ */ n(i, [["render", s]]);
 export {
-  m as default
+  x as default
 };

package/components/checkbox/v4/icons/IndeterminateState.vue.d.ts

@@ -1,14 +1,14 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     color?: string;
 }>, {
     color: any;
-}>, {}, 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<{
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     color?: string;
 }>, {
     color: any;
-}>>>, {
+}>>> & Readonly<{}>, {
     color: string;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/checkbox/v4/icons/IndeterminateState.vue.js

@@ -1,44 +1,44 @@
-import { defineComponent as o, openBlock as r, createElementBlock as l, createElementVNode as t, unref as n } from "vue";
-import { darkerColor as i } from "../../../../utils/color.js";
-const c = {
+import { defineComponent as r, openBlock as l, createElementBlock as n, createElementVNode as o, unref as i } from "vue";
+import { darkerColor as s } from "../../../../utils/color.js";
+const d = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 16",
   fill: "none"
-}, s = ["fill"], d = ["stroke"], h = /* @__PURE__ */ t("line", {
-  x1: "4.75",
-  y1: "8.25",
-  x2: "11.25",
-  y2: "8.25",
-  stroke: "white",
-  "stroke-width": "1.5",
-  "stroke-linecap": "round"
-}, null, -1), x = /* @__PURE__ */ o({
+}, c = ["fill"], p = ["stroke"], a = /* @__PURE__ */ r({
   __name: "IndeterminateState",
   props: {
     color: { default: null }
   },
-  setup(e) {
-    return (a, m) => (r(), l("svg", c, [
-      t("rect", {
+  setup(h) {
+    return (e, t) => (l(), n("svg", d, [
+      o("rect", {
         x: "0.5",
         y: "0.5",
         width: "15",
         height: "15",
         rx: "3.5",
         fill: e.color || "#0091FF"
-      }, null, 8, s),
-      t("rect", {
+      }, null, 8, c),
+      o("rect", {
         x: "0.5",
         y: "0.5",
         width: "15",
         height: "15",
         rx: "3.5",
-        stroke: e.color ? n(i)(e.color) : "#0880EA"
-      }, null, 8, d),
-      h
+        stroke: e.color ? i(s)(e.color) : "#0880EA"
+      }, null, 8, p),
+      t[0] || (t[0] = o("line", {
+        x1: "4.75",
+        y1: "8.25",
+        x2: "11.25",
+        y2: "8.25",
+        stroke: "white",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round"
+      }, null, -1))
     ]));
   }
 });
 export {
-  x as default
+  a as default
 };

package/components/checkbox/v4/icons/UncheckedDisabledState.vue.d.ts

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

package/components/checkbox/v4/icons/UncheckedDisabledState.vue.js

@@ -1,30 +1,30 @@
-import { openBlock as t, createElementBlock as o, createElementVNode as e } from "vue";
-import c from "../../../../_virtual/_plugin-vue_export-helper.js";
-const n = {}, r = {
+import { openBlock as o, createElementBlock as r, createElementVNode as t } from "vue";
+import n from "../../../../_virtual/_plugin-vue_export-helper.js";
+const c = {}, l = {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, s = /* @__PURE__ */ e("rect", {
-  width: "16",
-  height: "16",
-  rx: "4",
-  fill: "#F1F1F1"
-}, null, -1), i = /* @__PURE__ */ e("rect", {
-  x: "0.5",
-  y: "0.5",
-  width: "15",
-  height: "15",
-  rx: "3.5",
-  stroke: "black",
-  "stroke-opacity": "0.05"
-}, null, -1), l = [
-  s,
-  i
-];
-function _(h, d) {
-  return t(), o("svg", r, l);
+};
+function i(s, e) {
+  return o(), r("svg", l, e[0] || (e[0] = [
+    t("rect", {
+      width: "16",
+      height: "16",
+      rx: "4",
+      fill: "#F1F1F1"
+    }, null, -1),
+    t("rect", {
+      x: "0.5",
+      y: "0.5",
+      width: "15",
+      height: "15",
+      rx: "3.5",
+      stroke: "black",
+      "stroke-opacity": "0.05"
+    }, null, -1)
+  ]));
 }
-const m = /* @__PURE__ */ c(n, [["render", _]]);
+const a = /* @__PURE__ */ n(c, [["render", i]]);
 export {
-  m as default
+  a as default
 };

package/components/checkbox/v4/icons/UncheckedState.vue.d.ts

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

package/components/checkbox/v4/icons/UncheckedState.vue.js

@@ -1,32 +1,32 @@
-import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
-import c from "../../../../_virtual/_plugin-vue_export-helper.js";
-const r = {}, n = {
+import { openBlock as r, createElementBlock as o, createElementVNode as t } from "vue";
+import n from "../../../../_virtual/_plugin-vue_export-helper.js";
+const l = {}, c = {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, l = /* @__PURE__ */ t("rect", {
-  x: "0.5",
-  y: "0.5",
-  width: "15",
-  height: "15",
-  rx: "3.5",
-  fill: "black",
-  "fill-opacity": "0.05"
-}, null, -1), s = /* @__PURE__ */ t("rect", {
-  x: "0.5",
-  y: "0.5",
-  width: "15",
-  height: "15",
-  rx: "3.5",
-  stroke: "currentColor"
-}, null, -1), i = [
-  l,
-  s
-];
-function _(h, d) {
-  return e(), o("svg", n, i);
+};
+function i(s, e) {
+  return r(), o("svg", c, e[0] || (e[0] = [
+    t("rect", {
+      x: "0.5",
+      y: "0.5",
+      width: "15",
+      height: "15",
+      rx: "3.5",
+      fill: "black",
+      "fill-opacity": "0.05"
+    }, null, -1),
+    t("rect", {
+      x: "0.5",
+      y: "0.5",
+      width: "15",
+      height: "15",
+      rx: "3.5",
+      stroke: "currentColor"
+    }, null, -1)
+  ]));
 }
-const x = /* @__PURE__ */ c(r, [["render", _]]);
+const d = /* @__PURE__ */ n(l, [["render", i]]);
 export {
-  x as default
+  d as default
 };

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

@@ -1,105 +1,45 @@
 declare const CheckboxTypes: () => ({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            label: string;
-            testId: string;
-            color: string;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-            };
-            color: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            isIndeterminate: {
-                type: import("vue").PropType<boolean>;
-            };
-            isChecked: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-            };
-        }>> & {
-            onClick?: (event: MouseEvent) => any;
-            "onUpdate:isChecked"?: (value: boolean) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "color">;
-        $attrs: {
-            [x: string]: unknown;
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
-        $refs: {
-            [x: string]: unknown;
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "click", event: MouseEvent) => void) & ((event: "update:isChecked", value: boolean) => void);
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-            };
-            color: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            isIndeterminate: {
-                type: import("vue").PropType<boolean>;
-            };
-            isChecked: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-            };
-        }>> & {
-            onClick?: (event: MouseEvent) => any;
-            "onUpdate:isChecked"?: (value: boolean) => any;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:isChecked": (value: boolean) => void;
-            click: (event: MouseEvent) => void;
-        }, string, {
-            label: string;
-            testId: string;
-            color: string;
-        }, {}, string> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        disabled: {
+            type: import("vue").PropType<boolean>;
         };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
+        color: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        isIndeterminate: {
+            type: import("vue").PropType<boolean>;
+        };
+        isChecked: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
+    }>> & Readonly<{
+        onClick?: (event: MouseEvent) => any;
+        "onUpdate:isChecked"?: (value: boolean) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:isChecked": (value: boolean) => void;
+        click: (event: MouseEvent) => void;
+    }, import("vue").PublicProps, {
+        label: string;
+        testId: string;
+        color: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
         label: {
             type: import("vue").PropType<string>;
             default: string;
@@ -122,10 +62,14 @@ declare const CheckboxTypes: () => ({
             type: import("vue").PropType<boolean>;
             required: true;
         };
-    }>> & {
+    }>> & Readonly<{
         onClick?: (event: MouseEvent) => any;
         "onUpdate:isChecked"?: (value: boolean) => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>, {}, {}, {}, {}, {
+        label: string;
+        testId: string;
+        color: string;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -152,17 +96,17 @@ declare const CheckboxTypes: () => ({
         type: import("vue").PropType<boolean>;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     onClick?: (event: MouseEvent) => any;
     "onUpdate:isChecked"?: (value: boolean) => any;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:isChecked": (value: boolean) => void;
     click: (event: MouseEvent) => void;
 }, string, {
     label: string;
     testId: string;
     color: string;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

package/components/chip/v3/Chip.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     selected?: boolean;
     clearable?: boolean;
     prefix?: string;
@@ -10,9 +10,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     prefix: any;
     disabled: boolean;
     testId: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     cleared: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     selected?: boolean;
     clearable?: boolean;
     prefix?: string;
@@ -24,15 +24,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     prefix: any;
     disabled: boolean;
     testId: string;
-}>>> & {
+}>>> & Readonly<{
     onCleared?: (...args: any[]) => any;
-}, {
+}>, {
     testId: string;
     disabled: boolean;
     selected: boolean;
     prefix: string;
     clearable: boolean;
-}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     "icon-start"?(_: {}): any;
     default?(_: {}): any;
     "icon-end"?(_: {}): any;

package/components/chip/v3/Chip.vue2.js

@@ -1,6 +1,6 @@
- import "../../../Chip.vue_vue_type_style_index_0_scoped_f89d9361_lang.css"; import { defineComponent as r, openBlock as s, createElementBlock as a, normalizeClass as f, unref as d, renderSlot as l, createCommentVNode as o, createElementVNode as u, toDisplayString as m, createVNode as p } from "vue";
+ import "../../../Chip.vue_vue_type_style_index_0_scoped_f89d9361_lang.css"; import { defineComponent as c, openBlock as t, createElementBlock as s, normalizeClass as p, unref as a, renderSlot as d, createCommentVNode as o, createElementVNode as f, toDisplayString as u, createVNode as m } from "vue";
 import b from "../../icon/v3/Icon.vue.js";
-import { ChipTestIdModifiers as n } from "../../../testids/index.js";
+import { ChipTestIdModifiers as l } from "../../../testids/index.js";
 const h = ["disabled", "data-testid"], $ = {
   key: 0,
   class: "icon icon--start"
@@ -10,7 +10,7 @@ const h = ["disabled", "data-testid"], $ = {
 }, k = {
   key: 1,
   class: "icon icon--end"
-}, C = ["data-testid"], N = /* @__PURE__ */ r({
+}, C = ["data-testid"], N = /* @__PURE__ */ c({
   __name: "Chip",
   props: {
     selected: { type: Boolean, default: !1 },
@@ -20,32 +20,32 @@ const h = ["disabled", "data-testid"], $ = {
     testId: { default: "" }
   },
   emits: ["cleared"],
-  setup(e, { emit: i }) {
-    const c = (t) => {
-      t.stopPropagation(), i("cleared");
+  setup(B, { emit: n }) {
+    const i = n, r = (e) => {
+      e.stopPropagation(), i("cleared");
     };
-    return (t, B) => (s(), a("button", {
-      class: f(["chip-container", { selected: e.selected, disabled: e.disabled }]),
+    return (e, I) => (t(), s("button", {
+      class: p(["chip-container", { selected: e.selected, disabled: e.disabled }]),
       disabled: e.disabled,
-      "data-testid": `${e.testId}-${d(n).WRAPPER}`
+      "data-testid": `${e.testId}-${a(l).WRAPPER}`
     }, [
-      t.$slots["icon-start"] ? (s(), a("span", $, [
-        l(t.$slots, "icon-start", {}, void 0, !0)
+      e.$slots["icon-start"] ? (t(), s("span", $, [
+        d(e.$slots, "icon-start", {}, void 0, !0)
       ])) : o("", !0),
-      u("span", null, [
-        e.prefix ? (s(), a("span", y, m(e.prefix) + ":", 1)) : o("", !0),
-        l(t.$slots, "default", {}, void 0, !0)
+      f("span", null, [
+        e.prefix ? (t(), s("span", y, u(e.prefix) + ":", 1)) : o("", !0),
+        d(e.$slots, "default", {}, void 0, !0)
       ]),
-      t.$slots["icon-end"] ? (s(), a("span", k, [
-        l(t.$slots, "icon-end", {}, void 0, !0)
+      e.$slots["icon-end"] ? (t(), s("span", k, [
+        d(e.$slots, "icon-end", {}, void 0, !0)
       ])) : o("", !0),
-      e.clearable ? (s(), a("button", {
+      e.clearable ? (t(), s("button", {
         key: 2,
         class: "clear-icon",
-        "data-testid": `${e.testId}-${d(n).CLEAR}`,
-        onClick: c
+        "data-testid": `${e.testId}-${a(l).CLEAR}`,
+        onClick: r
       }, [
-        p(d(b), {
+        m(a(b), {
           name: "close-bold",
           "font-size": "sm"
         })