@ironsource/shared-ui 2.2.0-test.9 → 2.2.0-test.90

package/components/dropdown/v4/OptionV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_752a357d_lang.css"; import { defineComponent as V, ref as I, watch as F, computed as L, openBlock as i, createBlock as g, unref as n, createSlots as N, withCtx as s, createElementVNode as u, normalizeClass as v, createCommentVNode as o, createElementBlock as l, renderSlot as r, createVNode as a, toDisplayString as m, createTextVNode as T, withModifiers as O, Fragment as j, renderList as R } from "vue";
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_7e70c643_lang.css"; import { defineComponent as V, ref as I, watch as F, computed as L, openBlock as i, createBlock as g, unref as n, createSlots as N, withCtx as s, createElementVNode as u, normalizeClass as v, createCommentVNode as o, createElementBlock as l, renderSlot as r, createVNode as a, toDisplayString as m, createTextVNode as T, withModifiers as O, Fragment as j, renderList as R } from "vue";
 import "../../typography/Heading.vue.js";
 import D from "../../typography/Text.vue.js";
 import q from "../../checkbox/v4/CheckboxV4.vue.js";
@@ -6,7 +6,7 @@ import y from "../../icon/v4/IconV4.vue.js";
 import G from "../../icon/v4/IconFlag.vue.js";
 import { NOOP as $ } from "@vue/shared";
 import { optionCommon as H } from "../common/Option.common.js";
-import p from "../../typography/v4/Typography.vue.js";
+import x from "../../typography/v4/Typography.vue.js";
 import h from "../../tooltip/v4/TooltipV4.vue.js";
 import { isElementTruncated as J } from "../../../utils/text.js";
 import { promiseTimeout as Q } from "@vueuse/core";
@@ -71,11 +71,11 @@ const U = { class: "multiline-tooltip" }, W = {
   setup(e, { emit: M }) {
     const d = e, { selected: b, id: B, onClick: S, api: K } = H(d), z = (t) => {
       d.stopOptionClickEventPropagation && t.stopPropagation(), d.disabled ? $() : S(t);
-    }, x = I(null), w = I(!1), A = (t) => {
+    }, p = I(null), w = I(!1), A = (t) => {
       d.disabled && (t.stopPropagation(), $());
     };
-    F([() => d.treeChildShown, x], async () => {
-      await Q(100), w.value = x.value && J(x.value);
+    F([() => d.treeChildShown, p], async () => {
+      await Q(100), w.value = p.value && J(p.value);
     });
     const P = (t) => t && typeof t == "object" && "optionTooltipText" in t ? (Array.isArray(t.optionTooltipText), t.optionTooltipText) : w.value ? t[d.nameKey] : "", k = L(() => {
       const t = d.disabled && d.minMaxSelectionTooltipMessage || "", c = P(d.option);
@@ -97,7 +97,8 @@ const U = { class: "multiline-tooltip" }, W = {
             "item-container--disabled": e.disabled,
             "item-container--active": e.nameKey ? !1 : e.active,
             "item-container--selected": n(b),
-            "item-container--multi": e.isMulti
+            "item-container--multi": e.isMulti,
+            "item-container--filtered-out": e.option?.filteredOut
           }]),
           onClick: A
         }, [
@@ -145,10 +146,10 @@ const U = { class: "multiline-tooltip" }, W = {
             ])) : o("", !0),
             u("div", {
               ref_key: "textContainerRef",
-              ref: x,
+              ref: p,
               class: "text-container"
             }, [
-              a(n(p), {
+              a(n(x), {
                 class: "option-text",
                 variant: "body2"
               }, {
@@ -166,7 +167,7 @@ const U = { class: "multiline-tooltip" }, W = {
                       }, {
                         default: s(() => [
                           e.option?.conditionalOptions ? (i(), l("div", ee, [
-                            a(n(p), {
+                            a(n(x), {
                               variant: "body2",
                               class: "conditional-option-label"
                             }, {
@@ -175,7 +176,7 @@ const U = { class: "multiline-tooltip" }, W = {
                               ]),
                               _: 1
                             }),
-                            a(n(p), {
+                            a(n(x), {
                               variant: "h5",
                               class: "conditional-option-value"
                             }, {
@@ -196,7 +197,7 @@ const U = { class: "multiline-tooltip" }, W = {
                         }, null, 8, ["name"])
                       ])) : o("", !0),
                       e.optionTwoLinesKey ? (i(), l("div", ne, [
-                        a(n(p), { variant: "caption" }, {
+                        a(n(x), { variant: "caption" }, {
                           default: s(() => [
                             T(m(e.option[e.optionTwoLinesKey]), 1)
                           ]),
@@ -279,7 +280,7 @@ const U = { class: "multiline-tooltip" }, W = {
         name: "tooltip",
         fn: s(() => [
           u("div", U, [
-            (i(!0), l(j, null, R(n(k), (f) => (i(), g(n(p), {
+            (i(!0), l(j, null, R(n(k), (f) => (i(), g(n(x), {
               key: f,
               variant: "body2"
             }, {

package/components/forms/FormCard.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormCard.vue2.js";
-/* empty css               */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-86feae7b"]]);
+/* empty css               */import _ from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../FormCard.vue_vue_type_style_index_0_scoped_98458a8f_lang.css"; //*');
+const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-98458a8f"]]);
 export {
   t as default
 };

package/components/forms/FormCard.vue2.js

@@ -1,4 +1,4 @@
- import "../../FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css"; import { defineComponent as B, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as n, unref as e, renderSlot as m, createVNode as a, withCtx as u, createTextVNode as g, toDisplayString as v, createBlock as T, createCommentVNode as C } from "vue";
+ import "../../FormCard.vue_vue_type_style_index_0_scoped_98458a8f_lang.css"; import { defineComponent as B, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as n, unref as e, renderSlot as m, createVNode as a, withCtx as u, createTextVNode as g, toDisplayString as v, createBlock as T, createCommentVNode as C } from "vue";
 import b from "../typography/v4/Typography.vue.js";
 import k from "../button/v4/ButtonV4.vue.js";
 import "../button/v4/IconButtonV4.vue.js";
@@ -7,7 +7,7 @@ import "../button/v4/ToggleButtonGroupAB.vue.js";
 import { FormCardTestIdModifiers as o } from "../../testids/index.js";
 import { useTestIdAttrs as N } from "../../utils/testIds.js";
 import i from "../skeleton/v4/SkeletonV4.vue.js";
-const p = { class: "form-card" }, h = {
+const h = { class: "form-card" }, p = {
   key: 1,
   class: "content-skeleton-container"
 }, F = /* @__PURE__ */ B({
@@ -27,7 +27,7 @@ const p = { class: "form-card" }, h = {
   setup(t, { emit: y }) {
     const l = N(t.testId, o);
     return (r, s) => (d(), c("div", null, [
-      f("div", p, [
+      f("div", h, [
         f("header", n({ class: "card-header" }, e(l)[e(o).TITLE]), [
           t.isLoading ? (d(), T(e(i), {
             key: 1,
@@ -46,7 +46,7 @@ const p = { class: "form-card" }, h = {
         f("div", n({
           class: ["card-content", { "card-content--no-padding": t.noPadding }]
         }, e(l)[e(o).CONTENT]), [
-          t.isLoading ? (d(), c("div", h, [
+          t.isLoading ? (d(), c("div", p, [
             a(e(i), {
               type: "rectangle",
               size: 20,
@@ -85,7 +85,7 @@ const p = { class: "form-card" }, h = {
             class: "form-action",
             loading: t.saveLoading
           }, e(l)[e(o).SAVE_BUTTON], {
-            disabled: t.saveDisabled || t.isLoading,
+            disabled: t.saveDisabled || t.isLoading || t.saveLoading,
             onClick: s[1] || (s[1] = (L) => y("save"))
           }), {
             default: u(() => [

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_50d9be64_lang.css"; //*');
-const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-50d9be64"]]);
+// import "../../../Loader.vue_vue_type_style_index_0_scoped_94c3c850_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-94c3c850"]]);
 export {
-  d as default
+  t as default
 };

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

@@ -1,4 +1,4 @@
- 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";
+ 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";
 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_eb057818_lang.css"; //*');
+// import "../../Menu.vue_vue_type_style_index_0_scoped_545aa70b_lang.css"; //*');
 // import "../../Menu.vue_vue_type_style_index_1_lang.css";  //');
-const l = /* @__PURE__ */ o(e, [["__scopeId", "data-v-eb057818"]]);
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-545aa70b"]]);
 export {
-  l as default
+  a as default
 };

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.d.ts

@@ -7,6 +7,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placement?: Placement;
     distance?: number;
     skidding?: number;
+    delay?: number | {
+        show: number;
+        hide: number;
+    };
     testId?: string;
     popperClass?: string;
     container?: string;
@@ -18,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placement: string;
     distance: number;
     skidding: number;
+    delay: number;
     testId: string;
     popperClass: string;
     container: string;
@@ -33,6 +38,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placement?: Placement;
     distance?: number;
     skidding?: number;
+    delay?: number | {
+        show: number;
+        hide: number;
+    };
     testId?: string;
     popperClass?: string;
     container?: string;
@@ -44,6 +53,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placement: string;
     distance: number;
     skidding: number;
+    delay: number;
     testId: string;
     popperClass: string;
     container: string;
@@ -51,6 +61,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onIsOpen?: (value: boolean) => any;
 }, {
     testId: string;
+    delay: number | {
+        show: number;
+        hide: number;
+    };
     placement: Placement;
     disabled: boolean;
     distance: number;

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_66694b4e_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-66694b4e"]]);
+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_66694b4e_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 a, 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 },
@@ -11,15 +12,16 @@ const O = ["data-testid"], H = /* @__PURE__ */ k({
     placement: { default: "bottom-start" },
     distance: { default: 0 },
     skidding: { default: 0 },
+    delay: { default: 0 },
     testId: { default: "" },
     popperClass: { default: "" },
     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) => {
@@ -31,7 +33,7 @@ const O = ["data-testid"], H = /* @__PURE__ */ k({
     };
     return f({
       toggle: d
-    }), (o, n) => (p(), y(a(w), {
+    }), (o, n) => (p(), B(a(b), {
       theme: "custom-popover",
       placement: e.placement,
       shown: !!a(t),
@@ -39,35 +41,36 @@ const O = ["data-testid"], H = /* @__PURE__ */ k({
       "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(() => [
-        a(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) => 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
-    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "container", "popper-class"]));
+    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "delay", "container", "popper-class"]));
   }
 });
 export {
-  H as default
+  S as default
 };