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

package/components/includeExclude/IncludeExcludeOption.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: unknown;
     subtitle?: string;
     disabled?: boolean;
@@ -11,7 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     showCheckbox: boolean;
     clearable: boolean;
     titleText: string;
-}>>, {}, {}, {}, {}, 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: unknown;
     subtitle?: string;
     disabled?: boolean;
@@ -24,13 +24,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     showCheckbox: boolean;
     clearable: boolean;
     titleText: string;
-}>>> & Readonly<{}>, {
+}>>>, {
     disabled: boolean;
-    subtitle: string;
     clearable: boolean;
+    subtitle: string;
     titleText: string;
     showCheckbox: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+}>, {
     image?(_: {}): any;
     "icon-start"?(_: {}): any;
 }>;

package/components/includeExclude/IncludeExcludeOption.vue.js

@@ -1,7 +1,7 @@
 import o from "./IncludeExcludeOption.vue2.js";
 /* empty css                           */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_6705ad81_lang.css"; //*');
-const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-6705ad81"]]);
+// import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_91bc7787_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-91bc7787"]]);
 export {
-  d as default
+  p as default
 };

package/components/includeExclude/IncludeExcludeOption.vue2.js

@@ -1,10 +1,10 @@
- import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_6705ad81_lang.css"; import { defineComponent as E, ref as N, computed as m, openBlock as o, createElementBlock as n, normalizeClass as p, createElementVNode as u, createBlock as f, unref as t, createCommentVNode as l, renderSlot as v, createVNode as a, withCtx as r, createTextVNode as b, toDisplayString as k, withModifiers as x } from "vue";
+ import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_91bc7787_lang.css"; import { defineComponent as T, ref as E, computed as v, openBlock as o, createElementBlock as a, normalizeClass as k, unref as e, createElementVNode as m, createBlock as p, createCommentVNode as n, renderSlot as x, createVNode as c, withCtx as d, createTextVNode as h, toDisplayString as y, withModifiers as N } from "vue";
 import "../typography/Heading.vue.js";
-import h from "../typography/Text.vue.js";
+import C from "../typography/Text.vue.js";
 import { useIncludeExcludeContext as z } from "./IncludeExcludeContext.js";
 import { useId as S } from "../../composables/useId.js";
 import V from "../checkbox/v3/Checkbox.vue.js";
-import y from "../tooltip/v3/Tooltip.vue.js";
+import $ from "../tooltip/v3/Tooltip.vue.js";
 import D from "../icon/v3/Icon.vue.js";
 import { NOOP as M } from "@vue/shared";
 const P = {
@@ -13,100 +13,100 @@ const P = {
 }, j = {
   key: 2,
   class: "start-icon"
-}, q = { class: "text-container" }, A = { key: 0 }, C = !0, $ = 200, W = /* @__PURE__ */ E({
+}, q = { class: "text-container" }, A = { key: 0 }, W = /* @__PURE__ */ T({
   __name: "IncludeExcludeOption",
   props: {
-    option: {},
+    option: null,
     subtitle: { default: "" },
     disabled: { type: Boolean, default: !1 },
     showCheckbox: { type: Boolean, default: !1 },
     clearable: { type: Boolean, default: !1 },
     titleText: { default: "" }
   },
-  setup(g) {
-    const d = g, i = z("IncludeExcludeOption"), w = S().value, B = N(null), I = () => {
-      i.select(d.option);
-    }, O = m(() => i.activeIndex.value !== null ? i.activeOption.value === d.option : !1), c = m(() => i.selectedOption.value.includes(d.option));
-    return (e, s) => (o(), n("div", {
+  setup(t) {
+    const r = t, l = z("IncludeExcludeOption"), g = S().value, w = E(null), B = () => {
+      l.select(r.option);
+    }, f = !0, b = 200, I = v(() => l.activeIndex.value !== null ? l.activeOption.value === r.option : !1), u = v(() => l.selectedOption.value.includes(r.option));
+    return (i, s) => (o(), a("div", {
       ref_key: "el",
-      ref: B,
-      class: p(["item-container", {
-        "item-container--disabled": e.disabled,
-        "item-container--active": O.value,
-        "item-container--selected": c.value,
-        "item-container--multi": C,
-        "item-container--two-lines": e.subtitle?.length
+      ref: w,
+      class: k(["item-container", {
+        "item-container--disabled": t.disabled,
+        "item-container--active": e(I),
+        "item-container--selected": e(u),
+        "item-container--multi": f,
+        "item-container--two-lines": t.subtitle?.length
       }])
     }, [
-      u("div", {
-        class: p(["item", {
-          "item--multi": C,
-          "item--with-icon": e.$slots["icon-start"] || e.$slots.image,
-          "item--without-icon": !e.$slots["icon-start"] && !e.$slots.image
+      m("div", {
+        class: k(["item", {
+          "item--multi": f,
+          "item--with-icon": i.$slots["icon-start"] || i.$slots.image,
+          "item--without-icon": !i.$slots["icon-start"] && !i.$slots.image
         }])
       }, [
-        e.showCheckbox ? (o(), f(t(V), {
+        t.showCheckbox ? (o(), p(e(V), {
           key: 0,
-          id: t(w).toString(),
+          id: e(g).toString(),
           tabindex: "-1",
           class: "checkbox",
           size: "sm",
-          "is-checked": c.value,
-          onClick: s[0] || (s[0] = (T) => e.disabled ? t(M)() : I())
-        }, null, 8, ["id", "is-checked"])) : l("", !0),
-        e.$slots.image ? (o(), n("div", P, [
-          v(e.$slots, "image", {}, void 0, !0)
-        ])) : l("", !0),
-        e.$slots["icon-start"] ? (o(), n("div", j, [
-          v(e.$slots, "icon-start", {}, void 0, !0)
-        ])) : l("", !0),
-        u("div", q, [
-          a(t(y), {
-            delay: $,
-            text: e.titleText
+          "is-checked": e(u),
+          onClick: s[0] || (s[0] = (O) => t.disabled ? e(M)() : B())
+        }, null, 8, ["id", "is-checked"])) : n("", !0),
+        i.$slots.image ? (o(), a("div", P, [
+          x(i.$slots, "image", {}, void 0, !0)
+        ])) : n("", !0),
+        i.$slots["icon-start"] ? (o(), a("div", j, [
+          x(i.$slots, "icon-start", {}, void 0, !0)
+        ])) : n("", !0),
+        m("div", q, [
+          c(e($), {
+            delay: b,
+            text: t.titleText
           }, {
-            default: r(() => [
-              a(t(h), {
+            default: d(() => [
+              c(e(C), {
                 size: "sm",
                 "is-truncated": ""
               }, {
-                default: r(() => [
-                  b(k(e.titleText), 1)
+                default: d(() => [
+                  h(y(t.titleText), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }, 8, ["text"]),
-          a(t(y), {
-            delay: $,
-            text: e.subtitle
+          c(e($), {
+            delay: b,
+            text: t.subtitle
           }, {
-            default: r(() => [
-              e.subtitle ? (o(), f(t(h), {
+            default: d(() => [
+              t.subtitle ? (o(), p(e(C), {
                 key: 0,
                 class: "subtitle",
                 size: "caption",
                 "is-truncated": ""
               }, {
-                default: r(() => [
-                  b(k(e.subtitle), 1)
+                default: d(() => [
+                  h(y(t.subtitle), 1)
                 ]),
                 _: 1
-              })) : l("", !0)
+              })) : n("", !0)
             ]),
             _: 1
           }, 8, ["text"])
         ])
       ], 2),
-      e.clearable && c.value ? (o(), n("div", A, [
-        u("button", {
+      t.clearable && e(u) ? (o(), a("div", A, [
+        m("button", {
           class: "clear-button",
-          onClick: s[1] || (s[1] = x((T) => t(i).removeSelection(e.option), ["prevent", "stop"]))
+          onClick: s[1] || (s[1] = N((O) => e(l).removeSelection(t.option), ["prevent", "stop"]))
         }, [
-          a(t(D), { name: "close-bold" })
+          c(e(D), { name: "close-bold" })
         ])
-      ])) : l("", !0)
+      ])) : n("", !0)
     ], 2));
   }
 });

package/components/includeExclude/IncludeExcludeOptionDraggable.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: unknown;
     subtitle?: string;
     disabled?: boolean;
@@ -9,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     disabled: boolean;
     clearable: boolean;
     titleText: string;
-}>>, {}, {}, {}, {}, 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: unknown;
     subtitle?: string;
     disabled?: boolean;
@@ -20,12 +20,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     disabled: boolean;
     clearable: boolean;
     titleText: string;
-}>>> & Readonly<{}>, {
+}>>>, {
     disabled: boolean;
-    subtitle: string;
     clearable: boolean;
+    subtitle: string;
     titleText: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+}>, {
     image?(_: {}): any;
     "icon-start"?(_: {}): any;
 }>;

package/components/includeExclude/IncludeExcludeOptionDraggable.vue.js

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

package/components/includeExclude/IncludeExcludeOptionDraggable.vue2.js

@@ -1,106 +1,106 @@
- import "../../IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_af09cab8_lang.css"; import { defineComponent as w, ref as z, computed as m, openBlock as o, createElementBlock as l, unref as t, normalizeClass as p, createElementVNode as r, renderSlot as f, createCommentVNode as s, createVNode as a, withCtx as n, createTextVNode as g, toDisplayString as v, createBlock as B, withModifiers as E } from "vue";
+ import "../../IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_a91fcaa5_lang.css"; import { defineComponent as T, ref as w, computed as b, openBlock as o, createElementBlock as a, unref as t, normalizeClass as v, createElementVNode as d, renderSlot as p, createCommentVNode as n, createVNode as s, withCtx as r, createTextVNode as y, toDisplayString as x, createBlock as z, withModifiers as B } from "vue";
 import "../typography/Heading.vue.js";
-import b from "../typography/Text.vue.js";
-import { useIncludeExcludeContext as N } from "./IncludeExcludeContext.js";
-import { useId as O } from "../../composables/useId.js";
-import y from "../tooltip/v3/Tooltip.vue.js";
-import S from "../icon/v3/Icon.vue.js";
-const V = ["id"], D = {
+import h from "../typography/Text.vue.js";
+import { useIncludeExcludeContext as E } from "./IncludeExcludeContext.js";
+import { useId as N } from "../../composables/useId.js";
+import k from "../tooltip/v3/Tooltip.vue.js";
+import O from "../icon/v3/Icon.vue.js";
+const S = ["id"], V = {
   key: 0,
   class: "image"
-}, M = {
+}, D = {
   key: 1,
   class: "start-icon"
-}, _ = { class: "text-container" }, x = { key: 0 }, h = !0, k = 200, L = /* @__PURE__ */ w({
+}, M = { class: "text-container" }, j = { key: 0 }, P = /* @__PURE__ */ T({
   __name: "IncludeExcludeOptionDraggable",
   props: {
-    option: {},
+    option: null,
     subtitle: { default: "" },
     disabled: { type: Boolean, default: !1 },
     clearable: { type: Boolean, default: !1 },
     titleText: { default: "" }
   },
-  setup($) {
-    const d = $, i = N("IncludeExcludeOption"), C = O().value, I = z(null), T = m(() => i.activeIndex.value !== null ? i.activeOption.value === d.option : !1), u = m(() => i.selectedOption.value.includes(d.option));
-    return (e, c) => (o(), l("div", {
-      id: t(C).toString(),
+  setup(e) {
+    const c = e, l = E("IncludeExcludeOption"), $ = N().value, C = w(null), u = !0, m = 200, I = b(() => l.activeIndex.value !== null ? l.activeOption.value === c.option : !1), f = b(() => l.selectedOption.value.includes(c.option));
+    return (i, g) => (o(), a("div", {
+      id: t($).toString(),
       ref_key: "el",
-      ref: I,
-      class: p(["item-container-draggable", {
+      ref: C,
+      class: v(["item-container-draggable", {
         "item-container-draggable--disabled": e.disabled,
-        "item-container-draggable--active": T.value,
-        "item-container-draggable--selected": u.value,
-        "item-container-draggable--multi": h,
+        "item-container-draggable--active": t(I),
+        "item-container-draggable--selected": t(f),
+        "item-container-draggable--multi": u,
         "item-container-draggable--two-lines": e.subtitle?.length
       }])
     }, [
-      r("div", {
-        class: p(["item", {
-          "item--multi": h,
-          "item--with-icon": e.$slots["icon-start"] || e.$slots.image,
-          "item--without-icon": !e.$slots["icon-start"] && !e.$slots.image
+      d("div", {
+        class: v(["item", {
+          "item--multi": u,
+          "item--with-icon": i.$slots["icon-start"] || i.$slots.image,
+          "item--without-icon": !i.$slots["icon-start"] && !i.$slots.image
         }])
       }, [
-        e.$slots.image ? (o(), l("div", D, [
-          f(e.$slots, "image", {}, void 0, !0)
-        ])) : s("", !0),
-        e.$slots["icon-start"] ? (o(), l("div", M, [
-          f(e.$slots, "icon-start", {}, void 0, !0)
-        ])) : s("", !0),
-        r("div", _, [
-          a(t(y), {
-            delay: k,
+        i.$slots.image ? (o(), a("div", V, [
+          p(i.$slots, "image", {}, void 0, !0)
+        ])) : n("", !0),
+        i.$slots["icon-start"] ? (o(), a("div", D, [
+          p(i.$slots, "icon-start", {}, void 0, !0)
+        ])) : n("", !0),
+        d("div", M, [
+          s(t(k), {
+            delay: m,
             text: e.titleText
           }, {
-            default: n(() => [
-              a(t(b), {
+            default: r(() => [
+              s(t(h), {
                 size: "sm",
                 "is-truncated": ""
               }, {
-                default: n(() => [
-                  g(v(e.titleText), 1)
+                default: r(() => [
+                  y(x(e.titleText), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }, 8, ["text"]),
-          a(t(y), {
-            delay: k,
+          s(t(k), {
+            delay: m,
             text: e.subtitle
           }, {
-            default: n(() => [
-              e.subtitle ? (o(), B(t(b), {
+            default: r(() => [
+              e.subtitle ? (o(), z(t(h), {
                 key: 0,
                 class: "subtitle",
                 size: "caption",
                 "is-truncated": ""
               }, {
-                default: n(() => [
-                  g(v(e.subtitle), 1)
+                default: r(() => [
+                  y(x(e.subtitle), 1)
                 ]),
                 _: 1
-              })) : s("", !0)
+              })) : n("", !0)
             ]),
             _: 1
           }, 8, ["text"])
         ])
       ], 2),
-      e.clearable && u.value ? (o(), l("div", x, [
-        r("button", {
+      e.clearable && t(f) ? (o(), a("div", j, [
+        d("button", {
           class: "clear-button",
-          onClick: c[0] || (c[0] = E((j) => t(i).removeSelection(e.option), ["prevent", "stop"]))
+          onClick: g[0] || (g[0] = B((q) => t(l).removeSelection(e.option), ["prevent", "stop"]))
         }, [
-          a(t(S), {
+          s(t(O), {
             "font-size": "sm",
             size: "sm",
             name: "close-bold"
           })
         ])
-      ])) : s("", !0)
-    ], 10, V));
+      ])) : n("", !0)
+    ], 10, S));
   }
 });
 export {
-  L as default
+  P as default
 };