@ironsource/shared-ui 2.2.0-rc.41 → 2.2.0-rc.43

package/components/menu/Menu.vue2.js

@@ -1,8 +1,9 @@
- import "../../Menu.vue_vue_type_style_index_0_scoped_eb057818_lang.css";  import "../../Menu.vue_vue_type_style_index_1_lang.css";  import { defineComponent as k, ref as s, computed as u, openBlock as v, createBlock as h, unref as t, withCtx as a, createElementVNode as l, renderSlot as f } from "vue";
-import { Dropdown as C } from "floating-vue";
-import { onClickOutside as w } from "@vueuse/core";
-import { useToggle as B } from "../../composables/useToggle.js";
-const $ = /* @__PURE__ */ k({
+ import "../../Menu.vue_vue_type_style_index_0_scoped_545aa70b_lang.css";  import "../../Menu.vue_vue_type_style_index_1_lang.css";  import { defineComponent as C, computed as r, ref as l, openBlock as T, createBlock as w, unref as e, withCtx as u, createElementVNode as f, normalizeClass as B, renderSlot as m } from "vue";
+import { Dropdown as O } from "floating-vue";
+import { onClickOutside as $ } from "@vueuse/core";
+import { useToggle as y } from "../../composables/useToggle.js";
+import { useThemeStore as R } from "../ThemeWrapper/ThemeStrore.js";
+const z = /* @__PURE__ */ C({
   __name: "Menu",
   props: {
     isOnTop: { type: Boolean, default: !0 },
@@ -12,51 +13,53 @@ const $ = /* @__PURE__ */ k({
     container: { default: "body" },
     testId: { default: "" }
   },
-  setup(e) {
-    const [c, d] = B({ initialValue: !1 }), r = s(), n = s(), p = u(() => n.value?.getBoundingClientRect()), g = u(() => {
-      if (!r.value || !n.value)
+  setup(t) {
+    const { theme: a } = R(), c = r(
+      () => a.value === "dark" ? "is-menu-dark" : "is-menu"
+    ), p = r(() => `${a.value}-theme-v4`), [g, s] = y({ initialValue: !1 }), d = l(), n = l(), h = r(() => n.value?.getBoundingClientRect()), k = r(() => {
+      if (!d.value || !n.value)
         return;
       const { width: o } = n.value.getBoundingClientRect();
       return -o;
     });
-    return w(r, () => {
-      d(!1);
-    }), (o, i) => (v(), h(t(C), {
+    return $(d, () => {
+      s(!1);
+    }), (o, i) => (T(), w(e(O), {
       class: "menu",
-      theme: "is-menu",
+      theme: e(c),
       triggers: [],
-      shown: t(c),
+      shown: e(g),
       placement: "auto-start",
-      container: e.container,
+      container: t.container,
       flip: "",
-      distance: e.isOnTop ? t(g) : e.distance,
-      skidding: e.isOnTop ? -t(p)?.height / 2 : e.distance,
+      distance: t.isOnTop ? e(k) : t.distance,
+      skidding: t.isOnTop ? -e(h)?.height / 2 : t.distance,
       "auto-hide": !1,
-      "test-id": e.testId
+      "test-id": t.testId
     }, {
-      popper: a(() => [
-        l("div", {
+      popper: u(() => [
+        f("div", {
           ref_key: "popup",
-          ref: r,
-          class: "menu-popup",
-          onClick: i[1] || (i[1] = (m) => t(d)(!1))
+          ref: d,
+          class: B(["menu-popup", e(p)]),
+          onClick: i[1] || (i[1] = (v) => e(s)(!1))
         }, [
-          f(o.$slots, "default", {}, void 0, !0)
-        ], 512)
+          m(o.$slots, "default", {}, void 0, !0)
+        ], 2)
       ]),
-      default: a(() => [
-        l("div", {
+      default: u(() => [
+        f("div", {
           ref_key: "triggerRef",
           ref: n,
-          onClick: i[0] || (i[0] = (m) => t(d)())
+          onClick: i[0] || (i[0] = (v) => e(s)())
         }, [
-          f(o.$slots, "trigger", {}, void 0, !0)
+          m(o.$slots, "trigger", {}, void 0, !0)
         ], 512)
       ]),
       _: 3
-    }, 8, ["shown", "container", "distance", "skidding", "test-id"]));
+    }, 8, ["theme", "shown", "container", "distance", "skidding", "test-id"]));
   }
 });
 export {
-  $ as default
+  z as default
 };

package/components/multibar/MultiBar.vue.js

@@ -1,7 +1,7 @@
 import o from "./MultiBar.vue2.js";
 /* empty css               */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../MultiBar.vue_vue_type_style_index_0_scoped_c4395fb6_lang.css"; //*');
-const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c4395fb6"]]);
+// import "../../MultiBar.vue_vue_type_style_index_0_scoped_7c2477ad_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-7c2477ad"]]);
 export {
-  c as default
+  a as default
 };

package/components/multibar/MultiBar.vue2.js

@@ -1,20 +1,21 @@
- import "../../MultiBar.vue_vue_type_style_index_0_scoped_c4395fb6_lang.css"; import { defineComponent as k, computed as v, openBlock as l, createBlock as d, Teleport as x, createVNode as u, Transition as g, withCtx as c, unref as t, createElementBlock as r, mergeProps as B, createElementVNode as V, createTextVNode as h, toDisplayString as A, createCommentVNode as m, Fragment as z, renderList as M, normalizeClass as N } from "vue";
-import { useVModel as $ } from "@vueuse/core";
-import E from "../typography/v4/Typography.vue.js";
-import S from "../button/v4/ButtonV4.vue.js";
-import P from "../button/v4/IconButtonV4.vue.js";
+ import "../../MultiBar.vue_vue_type_style_index_0_scoped_7c2477ad_lang.css"; import { defineComponent as g, computed as d, openBlock as s, createBlock as u, Teleport as V, createVNode as c, Transition as $, withCtx as r, unref as e, createElementBlock as m, mergeProps as y, createElementVNode as z, createTextVNode as B, toDisplayString as T, createCommentVNode as f, Fragment as M, renderList as N, normalizeClass as E } from "vue";
+import { useVModel as S } from "@vueuse/core";
+import { useThemeStore as P } from "../ThemeWrapper/ThemeStrore.js";
+import w from "../typography/v4/Typography.vue.js";
+import L from "../button/v4/ButtonV4.vue.js";
+import O from "../button/v4/IconButtonV4.vue.js";
 import "../button/v4/ButtonGroup.vue.js";
 import "../button/v4/ToggleButtonGroupAB.vue.js";
-import w from "./MultiBarMenu.vue.js";
-import { useTestIdAttrs as L } from "../../utils/testIds.js";
-import { MultiBarTestIdModifiers as n } from "../../testids/index.js";
-const O = { class: "multi-bar-panel" }, R = {
+import R from "./MultiBarMenu.vue.js";
+import { useTestIdAttrs as D } from "../../utils/testIds.js";
+import { MultiBarTestIdModifiers as l } from "../../testids/index.js";
+const F = { class: "multi-bar-panel" }, U = {
   key: 0,
   class: "count-text"
-}, D = {
+}, W = {
   inheritAttrs: !1
-}, Z = /* @__PURE__ */ k({
-  ...D,
+}, oe = /* @__PURE__ */ g({
+  ...W,
   __name: "MultiBar",
   props: {
     modelValue: { type: Boolean },
@@ -28,26 +29,26 @@ const O = { class: "multi-bar-panel" }, R = {
     zIndex: { default: 1e3 }
   },
   emits: ["update:modelValue", "close", "action"],
-  setup(o, { emit: s }) {
-    const e = o, f = $(e, "modelValue", s), I = () => {
-      f.value = !1, s("close");
-    }, b = (a) => {
-      s("action", a);
-    }, p = v(
-      () => e.actions.length > e.visibleActionsCount ? e.actions.slice(0, e.visibleActionsCount) : e.actions
-    ), C = v(
-      () => e.actions.length > e.visibleActionsCount ? e.actions.slice(e.visibleActionsCount) : []
-    ), y = L(e.testId, n);
-    return (a, F) => (l(), d(x, {
+  setup(o, { emit: n }) {
+    const t = o, b = S(t, "modelValue", n), A = () => {
+      b.value = !1, n("close");
+    }, p = (a) => {
+      n("action", a);
+    }, C = d(
+      () => t.actions.length > t.visibleActionsCount ? t.actions.slice(0, t.visibleActionsCount) : t.actions
+    ), h = d(
+      () => t.actions.length > t.visibleActionsCount ? t.actions.slice(t.visibleActionsCount) : []
+    ), v = D(t.testId, l), { theme: I } = P(), k = d(() => `${I.value}-theme-v4`);
+    return (a, j) => (s(), u(V, {
       to: "body",
       disabled: !o.appendToBody
     }, [
-      u(g, { name: "multi-bar" }, {
-        default: c(() => [
-          t(f) ? (l(), r("div", B({
+      c($, { name: "multi-bar" }, {
+        default: r(() => [
+          e(b) ? (s(), m("div", y({
             key: 0,
             class: ["multi-bar", {
-              "light-theme-v4": !0,
+              [e(k)]: !0,
               "multi-bar--fixed": o.appendToBody,
               "multi-bar--absolute": !o.appendToBody,
               "multi-bar--small": o.size === "small",
@@ -55,45 +56,45 @@ const O = { class: "multi-bar-panel" }, R = {
               "multi-bar--left": o.position === "left"
             }],
             style: { zIndex: o.zIndex }
-          }, { ...a.$attrs, ...t(y)[t(n).WRAPPER] }), [
-            V("div", O, [
-              u(t(P), B({
+          }, { ...a.$attrs, ...e(v)[e(l).WRAPPER] }), [
+            z("div", F, [
+              c(e(O), y({
                 "icon-name": "x",
                 class: "close-icon"
-              }, t(y)[t(n).CLOSE_BTN], { onClick: I }), null, 16),
-              o.selectedCount ? (l(), r("div", R, [
-                u(t(E), { variant: "body1" }, {
-                  default: c(() => [
-                    h(A(o.selectedCount) + " selected ", 1)
+              }, e(v)[e(l).CLOSE_BTN], { onClick: A }), null, 16),
+              o.selectedCount ? (s(), m("div", U, [
+                c(e(w), { variant: "body1" }, {
+                  default: r(() => [
+                    B(T(o.selectedCount) + " selected ", 1)
                   ]),
                   _: 1
                 })
-              ])) : m("", !0),
-              (l(!0), r(z, null, M(t(p), (i, T) => (l(), d(t(S), {
+              ])) : f("", !0),
+              (s(!0), m(M, null, N(e(C), (i, x) => (s(), u(e(L), {
                 key: i.id,
-                class: N(["action-button", {
-                  "action-button--last": T === t(p).length - 1
+                class: E(["action-button", {
+                  "action-button--last": x === e(C).length - 1
                 }]),
                 variant: "text",
                 color: "default",
                 "start-icon-name": i.icon,
-                "data-testid": `${e.testId}-${t(n).ACTION}-${i.id}`,
+                "data-testid": `${t.testId}-${e(l).ACTION}-${i.id}`,
                 disabled: i.disabled,
-                onClick: (U) => b(i)
+                onClick: (q) => p(i)
               }, {
-                default: c(() => [
-                  h(A(i.title), 1)
+                default: r(() => [
+                  B(T(i.title), 1)
                 ]),
                 _: 2
               }, 1032, ["class", "start-icon-name", "data-testid", "disabled", "onClick"]))), 128)),
-              t(C).length ? (l(), d(w, {
+              e(h).length ? (s(), u(R, {
                 key: 1,
-                "menu-items": t(C),
-                "test-id": `${e.testId}-${t(n).MENU}`,
-                onSelected: b
-              }, null, 8, ["menu-items", "test-id"])) : m("", !0)
+                "menu-items": e(h),
+                "test-id": `${t.testId}-${e(l).MENU}`,
+                onSelected: p
+              }, null, 8, ["menu-items", "test-id"])) : f("", !0)
             ])
-          ], 16)) : m("", !0)
+          ], 16)) : f("", !0)
         ]),
         _: 1
       })
@@ -101,5 +102,5 @@ const O = { class: "multi-bar-panel" }, R = {
   }
 });
 export {
-  Z as default
+  oe as default
 };

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

@@ -1,8 +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_9ae00876_lang.css"; //*');
+// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_ea1a3e8c_lang.css"; //*');
 // import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9ae00876"]]);
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ea1a3e8c"]]);
 export {
   r as default
 };

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

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

package/components/snackbar/v4/SnackbarV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./SnackbarV4.vue2.js";
-/* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_35c79635_lang.css"; //*');
-const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-35c79635"]]);
+/* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_f19e742c_lang.css"; //*');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-f19e742c"]]);
 export {
   r as default
 };

package/components/snackbar/v4/SnackbarV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_35c79635_lang.css"; import { defineComponent as $, computed as O, onMounted as x, nextTick as z, openBlock as s, createBlock as l, Transition as V, withCtx as y, withDirectives as I, createElementVNode as r, mergeProps as c, unref as e, createElementBlock as g, createVNode as U, createTextVNode as b, toDisplayString as B, createCommentVNode as u, renderSlot as N, vShow as S, Fragment as D, renderList as H, withModifiers as q } from "vue";
+ import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_f19e742c_lang.css"; import { defineComponent as $, computed as O, onMounted as x, nextTick as z, openBlock as s, createBlock as l, Transition as V, withCtx as y, withDirectives as I, createElementVNode as r, mergeProps as c, unref as e, createElementBlock as g, createVNode as U, createTextVNode as b, toDisplayString as B, createCommentVNode as u, renderSlot as N, vShow as S, Fragment as D, renderList as H, withModifiers as q } from "vue";
 import F from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import G from "../../button/v4/ButtonV4.vue.js";

package/components/tag/Tag.vue.d.ts

@@ -13,6 +13,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     iconName?: string;
     iconType?: 'regular' | 'fill';
     editable?: boolean;
+    removable?: boolean;
     selectable?: boolean;
     maxLength?: number;
     maxLengthTooltip?: string;
@@ -30,6 +31,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placeholder: string;
     iconName: string;
     editable: boolean;
+    removable: boolean;
     selectable: boolean;
     maxLength: any;
     iconType: string;
@@ -57,6 +59,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     iconName?: string;
     iconType?: 'regular' | 'fill';
     editable?: boolean;
+    removable?: boolean;
     selectable?: boolean;
     maxLength?: number;
     maxLengthTooltip?: string;
@@ -74,6 +77,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placeholder: string;
     iconName: string;
     editable: boolean;
+    removable: boolean;
     selectable: boolean;
     maxLength: any;
     iconType: string;
@@ -101,6 +105,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     iconType: 'regular' | 'fill';
     editable: boolean;
     isInvalid: boolean;
+    removable: boolean;
     selectable: boolean;
     maxLengthTooltip: string;
     validationPattern: string;

package/components/tag/Tag.vue.js

@@ -1,7 +1,7 @@
 import o from "./Tag.vue2.js";
 /* empty css          */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Tag.vue_vue_type_style_index_0_scoped_3a5abbc4_lang.css"; //*');
-const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-3a5abbc4"]]);
+// import "../../Tag.vue_vue_type_style_index_0_scoped_b0662035_lang.css"; //*');
+const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-b0662035"]]);
 export {
-  t as default
+  p as default
 };