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

package/components/input/v4/TextField.vue.js

@@ -1,7 +1,7 @@
 import e from "./TextField.vue2.js";
 /* empty css                */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TextField.vue_vue_type_style_index_0_scoped_28fab783_lang.css"; //*');
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-28fab783"]]);
+// import "../../../TextField.vue_vue_type_style_index_0_scoped_f4275491_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f4275491"]]);
 export {
   p as default
 };

package/components/input/v4/TextField.vue2.js

@@ -1,4 +1,4 @@
- import "../../../TextField.vue_vue_type_style_index_0_scoped_28fab783_lang.css"; import { defineComponent as te, computed as i, ref as le, openBlock as l, createElementBlock as s, mergeProps as d, unref as e, createBlock as f, createCommentVNode as n, createVNode as x, withCtx as b, createElementVNode as V, normalizeClass as F, renderSlot as z, createTextVNode as N, toDisplayString as $, withKeys as ae, withModifiers as D, normalizeProps as H } from "vue";
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_f4275491_lang.css"; import { defineComponent as te, computed as i, ref as le, openBlock as l, createElementBlock as s, mergeProps as d, unref as e, createBlock as f, createCommentVNode as n, createVNode as x, withCtx as v, createElementVNode as V, normalizeClass as F, renderSlot as z, createTextVNode as N, toDisplayString as $, withKeys as ae, withModifiers as D, normalizeProps as H } from "vue";
 import h from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import R from "../../tooltip/v4/TooltipV4.vue.js";
@@ -16,16 +16,16 @@ const de = {
 }, ue = ["maxlength", "value", "placeholder", "disabled", "type", "step"], fe = ["onClick"], ce = {
   key: 5,
   class: "inline-error"
-}, me = {
+}, me = ["aria-label"], ye = {
   key: 8,
   class: "loading-indicator"
-}, ye = {
+}, xe = {
   key: 9,
   class: "icon-container icon-after"
-}, xe = {
+}, he = {
   inheritAttrs: !1
-}, Pe = /* @__PURE__ */ te({
-  ...xe,
+}, Ae = /* @__PURE__ */ te({
+  ...he,
   __name: "TextField",
   props: {
     modelValue: { default: "" },
@@ -57,6 +57,7 @@ const de = {
     inlineErrorText: { default: "" },
     inlineErrorTextPlacement: { default: "top" },
     clearable: { type: Boolean, default: !1 },
+    clearLabel: { default: "Clear input" },
     loading: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "apply", "clear"],
@@ -93,7 +94,7 @@ const de = {
       () => a.showApply || r?.confirmable && r?.withIcons && !r?.error?.value
     ), O = i(
       () => r?.error?.value ? "error" : a.feedbackVariant
-    ), v = le(!1), _ = i(() => v.value && a.type === "password" ? "text" : a.type), ee = () => {
+    ), b = le(!1), _ = i(() => b.value && a.type === "password" ? "text" : a.type), ee = () => {
       p("update:modelValue", ""), p("clear");
     };
     return K({
@@ -119,7 +120,7 @@ const de = {
         text: e(E),
         placement: t.inlineErrorTextPlacement
       }, e(m)[e(c).TOOLTIP_WITHOUT_ICON]), {
-        default: b(() => [
+        default: v(() => [
           V("div", {
             class: F({
               "input-container": !0,
@@ -135,7 +136,7 @@ const de = {
               class: "prefix-text",
               variant: "body1"
             }, {
-              default: b(() => [
+              default: v(() => [
                 N($(t.prefix), 1)
               ]),
               _: 1
@@ -185,7 +186,7 @@ const de = {
               class: "suffix-text",
               variant: "body1"
             }, {
-              default: b(() => [
+              default: v(() => [
                 N($(t.suffix), 1)
               ]),
               _: 1
@@ -196,7 +197,7 @@ const de = {
                 text: e(E),
                 placement: t.inlineErrorTextPlacement
               }, e(m)[e(c).TOOLTIP]), {
-                default: b(() => [
+                default: v(() => [
                   x(e(h), {
                     name: "warning-circle",
                     size: "16px"
@@ -209,9 +210,9 @@ const de = {
               key: 6,
               class: "password-visibility-toggle"
             }, e(m)[e(c).TOGGLE_PASSWORD], {
-              onClick: o[5] || (o[5] = (u) => v.value = !v.value)
+              onClick: o[5] || (o[5] = (u) => b.value = !b.value)
             }), [
-              v.value ? (l(), f(e(h), {
+              b.value ? (l(), f(e(h), {
                 key: 0,
                 name: "eye",
                 size: "16px"
@@ -221,23 +222,25 @@ const de = {
                 size: "16px"
               }))
             ], 16)) : n("", !0),
-            t.clearable && t.modelValue && !t.loading ? (l(), s("div", d({
+            t.clearable && t.modelValue && !t.loading ? (l(), s("button", d({
               key: 7,
-              class: "clear-button"
+              type: "button",
+              class: "clear-button",
+              "aria-label": t.clearLabel
             }, e(m)[e(c).CLEAR_BUTTON], { onClick: ee }), [
               x(e(h), {
                 name: "x-circle",
                 size: "16px",
                 type: "fill"
               })
-            ], 16)) : n("", !0),
-            t.loading ? (l(), s("div", me, [
+            ], 16, me)) : n("", !0),
+            t.loading ? (l(), s("div", ye, [
               x(e(se), d({
                 "max-width": 16,
                 "stroke-width": 1
               }, e(m)[e(c).LOADING]), null, 16)
             ])) : n("", !0),
-            y.$slots.iconAfter ? (l(), s("div", ye, [
+            y.$slots.iconAfter ? (l(), s("div", xe, [
               z(y.$slots, "iconAfter", {}, void 0, !0)
             ])) : n("", !0)
           ], 2)
@@ -261,5 +264,5 @@ const de = {
   }
 });
 export {
-  Pe as default
+  Ae as default
 };

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

@@ -34,6 +34,7 @@ declare const TextFieldTypes: () => ({
             showFeedbackTextIcon: boolean;
             feedbackPositionAbsolute: boolean;
             clearable: boolean;
+            clearLabel: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             type: {
                 type: import("vue").PropType<"number" | "text" | "password">;
@@ -155,11 +156,15 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            clearLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: string | number) => any;
             onClear?: () => any;
             onApply?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "loading" | "modelValue" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute" | "clearable">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "loading" | "modelValue" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute" | "clearable" | "clearLabel">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -294,6 +299,10 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            clearLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: string | number) => any;
             onClear?: () => any;
@@ -335,6 +344,7 @@ declare const TextFieldTypes: () => ({
             showFeedbackTextIcon: boolean;
             feedbackPositionAbsolute: boolean;
             clearable: boolean;
+            clearLabel: string;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -476,6 +486,10 @@ declare const TextFieldTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        clearLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: string | number) => any;
         onClear?: () => any;
@@ -607,6 +621,10 @@ declare const TextFieldTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    clearLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
     onClear?: () => any;
@@ -648,6 +666,7 @@ declare const TextFieldTypes: () => ({
     showFeedbackTextIcon: boolean;
     feedbackPositionAbsolute: boolean;
     clearable: boolean;
+    clearLabel: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         iconBefore?(_: {}): any;

package/components/link/Link.vue.js

@@ -1,7 +1,7 @@
-import e from "./Link.vue2.js";
-/* empty css           */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Link.vue_vue_type_style_index_0_scoped_fe0e7f6f_lang.css"; //*');
-const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-fe0e7f6f"]]);
+import o from "./Link.vue2.js";
+/* empty css           */import _ from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Link.vue_vue_type_style_index_0_scoped_c4345b08_lang.css"; //*');
+const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c4345b08"]]);
 export {
-  t as default
+  c as default
 };

package/components/link/Link.vue2.js

@@ -1,10 +1,10 @@
- import "../../Link.vue_vue_type_style_index_0_scoped_fe0e7f6f_lang.css"; import { defineComponent as m, openBlock as n, createBlock as l, unref as t, mergeProps as c, withCtx as y, createCommentVNode as d, renderSlot as T } from "vue";
-import k from "../typography/v4/Typography.vue.js";
-import r from "../icon/v4/IconV4.vue.js";
+ import "../../Link.vue_vue_type_style_index_0_scoped_c4345b08_lang.css"; import { defineComponent as k, openBlock as l, createBlock as d, unref as t, mergeProps as r, withKeys as s, withModifiers as u, withCtx as b, createCommentVNode as f, renderSlot as h } from "vue";
+import v from "../typography/v4/Typography.vue.js";
+import m from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-import { useTestIdAttrs as p } from "../../utils/testIds.js";
-import { LinkTestIdModifiers as o } from "../../testids/index.js";
-const w = /* @__PURE__ */ m({
+import { useTestIdAttrs as w } from "../../utils/testIds.js";
+import { LinkTestIdModifiers as n } from "../../testids/index.js";
+const B = /* @__PURE__ */ k({
   __name: "Link",
   props: {
     href: { default: null },
@@ -21,45 +21,54 @@ const w = /* @__PURE__ */ m({
     navigateToPage: { type: Function, default: null }
   },
   emits: ["click"],
-  setup(e, { emit: u }) {
-    const i = e, s = () => {
+  setup(e, { emit: y }) {
+    const i = e, a = () => {
       if (!i.disabled) {
         {
           if (i.navigateToPage)
             return i.navigateToPage();
           i.href && window.open(i.href);
         }
-        u("click");
+        y("click");
       }
-    }, a = p(i.testId, o);
-    return (f, h) => (n(), l(t(k), c({
+    }, o = w(i.testId, n);
+    return (T, c) => (l(), d(t(v), r({
       class: ["link", [`link--${e.color}`, { "link--disabled": e.disabled }]],
       variant: e.variant,
       "is-truncated": e.isTruncated,
       "with-tooltip": e.withTooltip,
-      "tooltip-text": e.tooltipText
-    }, t(a)[t(o).WRAPPER], { onClick: s }), {
-      default: y(() => [
-        e.iconName && e.iconPosition === "start" ? (n(), l(t(r), c({
+      "tooltip-text": e.tooltipText,
+      role: e.href ? "link" : "button",
+      tabindex: e.disabled ? -1 : 0,
+      "aria-disabled": e.disabled || void 0
+    }, t(o)[t(n).WRAPPER], {
+      onClick: a,
+      onKeydown: [
+        s(u(a, ["prevent"]), ["enter"]),
+        c[0] || (c[0] = s(u((x) => !e.href && a(), ["prevent"]), ["space"]))
+      ]
+    }), {
+      default: b(() => [
+        e.iconName && e.iconPosition === "start" ? (l(), d(t(m), r({
           key: 0,
           name: e.iconName,
           type: e.iconType,
           size: "16px",
           class: "icon"
-        }, t(a)[t(o).ICON]), null, 16, ["name", "type"])) : d("", !0),
-        T(f.$slots, "default", {}, void 0, !0),
-        e.iconName && e.iconPosition === "end" ? (n(), l(t(r), c({
+        }, t(o)[t(n).ICON]), null, 16, ["name", "type"])) : f("", !0),
+        h(T.$slots, "default", {}, void 0, !0),
+        e.iconName && e.iconPosition === "end" ? (l(), d(t(m), r({
           key: 1,
           name: e.iconName,
           type: e.iconType,
           size: "16px",
           class: "icon"
-        }, t(a)[t(o).ICON]), null, 16, ["name", "type"])) : d("", !0)
+        }, t(o)[t(n).ICON]), null, 16, ["name", "type"])) : f("", !0)
       ]),
       _: 3
-    }, 16, ["class", "variant", "is-truncated", "with-tooltip", "tooltip-text"]));
+    }, 16, ["class", "variant", "is-truncated", "with-tooltip", "tooltip-text", "role", "tabindex", "aria-disabled", "onKeydown"]));
   }
 });
 export {
-  w as default
+  B as default
 };

package/components/loader/v4/Loader.vue.js

@@ -1,7 +1,7 @@
 import o from "./Loader.vue2.js";
 /* empty css             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../Loader.vue_vue_type_style_index_0_scoped_94c3c850_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-94c3c850"]]);
+// import "../../../Loader.vue_vue_type_style_index_0_scoped_50d9be64_lang.css"; //*');
+const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-50d9be64"]]);
 export {
-  t as default
+  d as default
 };

package/components/loader/v4/Loader.vue2.js

@@ -1,4 +1,4 @@
- import "../../../Loader.vue_vue_type_style_index_0_scoped_94c3c850_lang.css"; import { defineComponent as v, ref as l, onMounted as m, openBlock as u, createElementBlock as h, createElementVNode as g, renderSlot as x, normalizeStyle as p } from "vue";
+ import "../../../Loader.vue_vue_type_style_index_0_scoped_50d9be64_lang.css"; import { defineComponent as v, ref as l, onMounted as m, openBlock as u, createElementBlock as h, createElementVNode as g, renderSlot as x, normalizeStyle as p } from "vue";
 const W = { style: { visibility: "hidden" } }, O = ["width", "height"], _ = ["r"], y = /* @__PURE__ */ v({
   __name: "Loader",
   props: {

package/components/menu/Menu.vue.js

@@ -1,8 +1,8 @@
 import e from "./Menu.vue2.js";
 /* empty css           *//* empty css           */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Menu.vue_vue_type_style_index_0_scoped_545aa70b_lang.css"; //*');
+// import "../../Menu.vue_vue_type_style_index_0_scoped_eb057818_lang.css"; //*');
 // import "../../Menu.vue_vue_type_style_index_1_lang.css";  //');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-545aa70b"]]);
+const l = /* @__PURE__ */ o(e, [["__scopeId", "data-v-eb057818"]]);
 export {
-  a as default
+  l as default
 };

package/components/menu/Menu.vue2.js

@@ -1,9 +1,8 @@
- 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({
+ 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({
   __name: "Menu",
   props: {
     isOnTop: { type: Boolean, default: !0 },
@@ -13,53 +12,51 @@ const z = /* @__PURE__ */ C({
     container: { default: "body" },
     testId: { default: "" }
   },
-  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)
+  setup(e) {
+    const [c, d] = B({ initialValue: !1 }), r = s(), n = s(), p = u(() => n.value?.getBoundingClientRect()), g = u(() => {
+      if (!r.value || !n.value)
         return;
       const { width: o } = n.value.getBoundingClientRect();
       return -o;
     });
-    return $(d, () => {
-      s(!1);
-    }), (o, i) => (T(), w(e(O), {
+    return w(r, () => {
+      d(!1);
+    }), (o, i) => (v(), h(t(C), {
       class: "menu",
-      theme: e(c),
+      theme: "is-menu",
       triggers: [],
-      shown: e(g),
+      shown: t(c),
       placement: "auto-start",
-      container: t.container,
+      container: e.container,
       flip: "",
-      distance: t.isOnTop ? e(k) : t.distance,
-      skidding: t.isOnTop ? -e(h)?.height / 2 : t.distance,
+      distance: e.isOnTop ? t(g) : e.distance,
+      skidding: e.isOnTop ? -t(p)?.height / 2 : e.distance,
       "auto-hide": !1,
-      "test-id": t.testId
+      "test-id": e.testId
     }, {
-      popper: u(() => [
-        f("div", {
+      popper: a(() => [
+        l("div", {
           ref_key: "popup",
-          ref: d,
-          class: B(["menu-popup", e(p)]),
-          onClick: i[1] || (i[1] = (v) => e(s)(!1))
+          ref: r,
+          class: "menu-popup",
+          onClick: i[1] || (i[1] = (m) => t(d)(!1))
         }, [
-          m(o.$slots, "default", {}, void 0, !0)
-        ], 2)
+          f(o.$slots, "default", {}, void 0, !0)
+        ], 512)
       ]),
-      default: u(() => [
-        f("div", {
+      default: a(() => [
+        l("div", {
           ref_key: "triggerRef",
           ref: n,
-          onClick: i[0] || (i[0] = (v) => e(s)())
+          onClick: i[0] || (i[0] = (m) => t(d)())
         }, [
-          m(o.$slots, "trigger", {}, void 0, !0)
+          f(o.$slots, "trigger", {}, void 0, !0)
         ], 512)
       ]),
       _: 3
-    }, 8, ["theme", "shown", "container", "distance", "skidding", "test-id"]));
+    }, 8, ["shown", "container", "distance", "skidding", "test-id"]));
   }
 });
 export {
-  z as default
+  $ 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_7c2477ad_lang.css"; //*');
-const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-7c2477ad"]]);
+// import "../../MultiBar.vue_vue_type_style_index_0_scoped_c4395fb6_lang.css"; //*');
+const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c4395fb6"]]);
 export {
-  a as default
+  c as default
 };

package/components/multibar/MultiBar.vue2.js

@@ -1,21 +1,20 @@
- 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 "../../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 "../button/v4/ButtonGroup.vue.js";
 import "../button/v4/ToggleButtonGroupAB.vue.js";
-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 = {
+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 = {
   key: 0,
   class: "count-text"
-}, W = {
+}, D = {
   inheritAttrs: !1
-}, oe = /* @__PURE__ */ g({
-  ...W,
+}, Z = /* @__PURE__ */ k({
+  ...D,
   __name: "MultiBar",
   props: {
     modelValue: { type: Boolean },
@@ -29,26 +28,26 @@ const F = { class: "multi-bar-panel" }, U = {
     zIndex: { default: 1e3 }
   },
   emits: ["update:modelValue", "close", "action"],
-  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, {
+  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, {
       to: "body",
       disabled: !o.appendToBody
     }, [
-      c($, { name: "multi-bar" }, {
-        default: r(() => [
-          e(b) ? (s(), m("div", y({
+      u(g, { name: "multi-bar" }, {
+        default: c(() => [
+          t(f) ? (l(), r("div", B({
             key: 0,
             class: ["multi-bar", {
-              [e(k)]: !0,
+              "light-theme-v4": !0,
               "multi-bar--fixed": o.appendToBody,
               "multi-bar--absolute": !o.appendToBody,
               "multi-bar--small": o.size === "small",
@@ -56,45 +55,45 @@ const F = { class: "multi-bar-panel" }, U = {
               "multi-bar--left": o.position === "left"
             }],
             style: { zIndex: o.zIndex }
-          }, { ...a.$attrs, ...e(v)[e(l).WRAPPER] }), [
-            z("div", F, [
-              c(e(O), y({
+          }, { ...a.$attrs, ...t(y)[t(n).WRAPPER] }), [
+            V("div", O, [
+              u(t(P), B({
                 "icon-name": "x",
                 class: "close-icon"
-              }, 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)
+              }, 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)
                   ]),
                   _: 1
                 })
-              ])) : f("", !0),
-              (s(!0), m(M, null, N(e(C), (i, x) => (s(), u(e(L), {
+              ])) : m("", !0),
+              (l(!0), r(z, null, M(t(p), (i, T) => (l(), d(t(S), {
                 key: i.id,
-                class: E(["action-button", {
-                  "action-button--last": x === e(C).length - 1
+                class: N(["action-button", {
+                  "action-button--last": T === t(p).length - 1
                 }]),
                 variant: "text",
                 color: "default",
                 "start-icon-name": i.icon,
-                "data-testid": `${t.testId}-${e(l).ACTION}-${i.id}`,
+                "data-testid": `${e.testId}-${t(n).ACTION}-${i.id}`,
                 disabled: i.disabled,
-                onClick: (q) => p(i)
+                onClick: (U) => b(i)
               }, {
-                default: r(() => [
-                  B(T(i.title), 1)
+                default: c(() => [
+                  h(A(i.title), 1)
                 ]),
                 _: 2
               }, 1032, ["class", "start-icon-name", "data-testid", "disabled", "onClick"]))), 128)),
-              e(h).length ? (s(), u(R, {
+              t(C).length ? (l(), d(w, {
                 key: 1,
-                "menu-items": e(h),
-                "test-id": `${t.testId}-${e(l).MENU}`,
-                onSelected: p
-              }, null, 8, ["menu-items", "test-id"])) : f("", !0)
+                "menu-items": t(C),
+                "test-id": `${e.testId}-${t(n).MENU}`,
+                onSelected: b
+              }, null, 8, ["menu-items", "test-id"])) : m("", !0)
             ])
-          ], 16)) : f("", !0)
+          ], 16)) : m("", !0)
         ]),
         _: 1
       })
@@ -102,5 +101,5 @@ const F = { class: "multi-bar-panel" }, U = {
   }
 });
 export {
-  oe as default
+  Z 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_ea1a3e8c_lang.css"; //*');
+// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_9ae00876_lang.css"; //*');
 // import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ea1a3e8c"]]);
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9ae00876"]]);
 export {
   r as default
 };