@ironsource/shared-ui 2.1.12-test.50 → 2.1.12-test.53

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

@@ -1,7 +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_7fae01b1_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-7fae01b1"]]);
+// import "../../../Option.vue_vue_type_style_index_0_scoped_3d6ce2fc_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3d6ce2fc"]]);
 export {
-  s as default
+  p as default
 };

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

@@ -1,6 +1,6 @@
- import "../../../Option.vue_vue_type_style_index_0_scoped_7fae01b1_lang.css"; import { defineComponent as B, openBlock as i, createElementBlock as l, normalizeClass as u, unref as e, createElementVNode as r, createBlock as p, createCommentVNode as o, renderSlot as d, createVNode as f, withCtx as k, createTextVNode as $, toDisplayString as g, withModifiers as N } from "vue";
+ 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 b from "../../typography/Text.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";
@@ -8,10 +8,10 @@ import { optionCommon as S } from "../common/Option.common.js";
 const V = {
   key: 1,
   class: "image"
-}, I = {
+}, x = {
   key: 2,
   class: "start-icon"
-}, E = { class: "text-container" }, M = { key: 0 }, G = /* @__PURE__ */ B({
+}, I = { class: "text-container" }, E = { key: 0 }, F = /* @__PURE__ */ B({
   __name: "Option",
   props: {
     option: { default: null },
@@ -22,73 +22,73 @@ const V = {
     selectAllOption: { type: Boolean, default: !1 },
     active: { type: Boolean, default: null }
   },
-  setup(v) {
-    const h = v, { selected: n, isMulti: a, id: y, onClick: C, api: m } = S(h);
-    return (t, s) => (i(), l("div", {
+  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: u(["item-container", {
+      class: f(["item-container", {
         "item-container--disabled": t.disabled,
         "item-container--active": t.active,
-        "item-container--selected": e(n),
-        "item-container--multi": e(a)
+        "item-container--selected": e(a),
+        "item-container--multi": e(r)
       }])
     }, [
-      r("div", {
-        class: u(["item", {
-          "item--multi": e(a),
-          "item--with-icon": t.$slots["icon-start"] || t.$slots.image
+      d("div", {
+        class: f(["item", {
+          "item--multi": e(r),
+          "item--with-icon": i.$slots["icon-start"] || i.$slots.image
         }])
       }, [
-        e(a) ? (i(), p(e(w), {
+        e(r) ? (o(), p(e(w), {
           key: 0,
           id: e(y).toString(),
           tabindex: "-1",
           class: "checkbox",
           size: "sm",
-          "is-checked": e(n),
+          "is-checked": e(a),
           "is-indeterminate": t.isIndeterminate && !t.option,
-          onClick: s[0] || (s[0] = (c) => t.disabled ? e(O)() : e(C)(c))
-        }, null, 8, ["id", "is-checked", "is-indeterminate"])) : o("", !0),
-        t.$slots.image ? (i(), l("div", V, [
-          d(t.$slots, "image", {}, void 0, !0)
-        ])) : o("", !0),
-        t.$slots["icon-start"] ? (i(), l("div", I, [
-          d(t.$slots, "icon-start", {}, void 0, !0)
-        ])) : o("", !0),
-        r("div", E, [
-          f(e(b), { size: "sm" }, {
-            default: k(() => [
-              d(t.$slots, "default", {}, void 0, !0)
+          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 ? (i(), p(e(b), {
+          t.subtitle ? (o(), p(e(v), {
             key: 0,
             class: "subtitle",
             size: "xs"
           }, {
-            default: k(() => [
+            default: b(() => [
               $(g(t.subtitle), 1)
             ]),
             _: 1
-          })) : o("", !0)
+          })) : s("", !0)
         ])
       ], 2),
-      e(m).clearable && e(n) ? (i(), l("div", M, [
-        r("button", {
+      e(m).clearable && e(a) ? (o(), n("div", E, [
+        d("button", {
           class: "clear-button",
-          onClick: s[1] || (s[1] = N((c) => e(m).clearSelection(), ["prevent", "stop"]))
+          onClick: l[1] || (l[1] = N((u) => e(m).clearSelection(), ["prevent", "stop"]))
         }, [
-          f(e(z), {
+          k(e(z), {
             name: "close",
             width: "8",
             height: 8
           })
         ])
-      ])) : o("", !0)
+      ])) : s("", !0)
     ], 2));
   }
 });
 export {
-  G as default
+  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.vue2.js

@@ -1,4 +1,4 @@
- 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 a, 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_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";
@@ -10,34 +10,34 @@ const M = {
 }, S = ["disabled", "placeholder"], G = /* @__PURE__ */ I({
   __name: "SearchInput",
   setup(F) {
-    const e = B("searchInput"), y = x(), l = v(null), r = v();
+    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 = a(() => !e.open.value && y.prefix && !Array.isArray(e.selectedOption.value) && e.selectedOption.value), d = a(() => 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 = a(() => e.query.value !== "" || e.selectedValue.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 = a(() => p.value ? "cancel" : "search-bold"), _ = () => {
+    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: d.value
+      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: r.value
+          focused: a.value
         }])
       }, [
-        C.value ? (u(), $("div", M, [
+        t(C) ? (u(), $("div", M, [
           f(o.$slots, "prefix", {}, void 0, !0)
         ])) : i("", !0),
         m("input", {
@@ -45,16 +45,16 @@ const M = {
           ref: l,
           disabled: t(e).disabled,
           class: s(["input", { "input--disabled": t(e).disabled }]),
-          placeholder: d.value,
-          onFocusin: n[0] || (n[0] = (w) => r.value = !0),
-          onFocusout: n[1] || (n[1] = (w) => r.value = !1),
+          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": p.value }]),
+          class: s(["search-right-icon", { "search-right-icon-clear": t(p) }]),
           disabled: t(e).disabled
         }, {
           default: A(() => [
@@ -67,7 +67,7 @@ const M = {
             t(e).open.value ? (u(), h(t(g), {
               key: 1,
               "font-size": "sm",
-              name: k.value,
+              name: t(k),
               onClick: _
             }, null, 8, ["name"])) : i("", !0)
           ]),