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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (89) hide show
  1. package/Alert.vue_vue_type_style_index_0_scoped_1036ab1d_lang.css +1 -0
  2. package/ButtonV4.vue_vue_type_style_index_0_scoped_6f05dc63_lang.css +1 -0
  3. package/CalendarMonthV4.vue_vue_type_style_index_0_scoped_73af6757_lang.css +1 -0
  4. package/DatePickerV4.vue_vue_type_style_index_0_scoped_bb0041c1_lang.css +1 -0
  5. package/DateRangeV4.vue_vue_type_style_index_0_scoped_5545bc01_lang.css +1 -0
  6. package/DropdownV4.vue_vue_type_style_index_0_scoped_b2d0a4d2_lang.css +1 -0
  7. package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
  8. package/IncludeExclude.vue_vue_type_style_index_0_scoped_cc2adbf5_lang.css +1 -1
  9. package/IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_bd6145ce_lang.css +1 -1
  10. package/Loader.vue_vue_type_style_index_0_scoped_94c3c850_lang.css +1 -0
  11. package/Menu.vue_vue_type_style_index_0_scoped_545aa70b_lang.css +1 -0
  12. package/Menu.vue_vue_type_style_index_1_lang.css +1 -1
  13. package/MultiBar.vue_vue_type_style_index_0_scoped_7c2477ad_lang.css +1 -0
  14. package/OptionV4.vue_vue_type_style_index_0_scoped_7e70c643_lang.css +1 -0
  15. package/PopoverV4.vue_vue_type_style_index_0_scoped_ea1a3e8c_lang.css +1 -0
  16. package/PopoverV4.vue_vue_type_style_index_1_lang.css +1 -1
  17. package/SnackbarV4.vue_vue_type_style_index_0_scoped_f19e742c_lang.css +1 -0
  18. package/ThemeWrapper.vue_vue_type_style_index_0_scoped_8eef6574_lang.css +1 -0
  19. package/ThemeWrapper.vue_vue_type_style_index_1_lang.css +1 -1
  20. package/TooltipV4.vue_vue_type_style_index_0_scoped_f88fbece_lang.css +1 -0
  21. package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
  22. package/components/ThemeWrapper/ThemeStrore.d.ts +2 -1
  23. package/components/ThemeWrapper/ThemeStrore.js +14 -11
  24. package/components/ThemeWrapper/ThemeWrapper.vue.js +2 -2
  25. package/components/ThemeWrapper/ThemeWrapper.vue2.js +8 -11
  26. package/components/ThemeWrapper/index.d.ts +2 -1
  27. package/components/ThemeWrapper/index.js +4 -2
  28. package/components/alert/Alert.vue.js +4 -4
  29. package/components/alert/Alert.vue2.js +1 -1
  30. package/components/button/v3/ButtonBase.vue.d.ts +1 -1
  31. package/components/button/v4/ButtonV4.vue.js +3 -3
  32. package/components/button/v4/ButtonV4.vue2.js +1 -1
  33. package/components/datePicker/v4/DatePickerV4.vue.js +2 -2
  34. package/components/datePicker/v4/DatePickerV4.vue2.js +1 -1
  35. package/components/dateRange/v4/CalendarMonthV4.vue.js +4 -4
  36. package/components/dateRange/v4/CalendarMonthV4.vue2.js +1 -1
  37. package/components/dateRange/v4/DateRangeV4.vue.js +2 -2
  38. package/components/dateRange/v4/DateRangeV4.vue2.js +1 -1
  39. package/components/dropdown/v3/Dropdown.vue.d.ts +1 -1
  40. package/components/dropdown/v3/index.d.ts +12 -12
  41. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  42. package/components/dropdown/v4/DropdownV4.vue2.js +152 -146
  43. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  44. package/components/dropdown/v4/OptionV4.vue2.js +1 -1
  45. package/components/loader/v4/Loader.vue.js +3 -3
  46. package/components/loader/v4/Loader.vue2.js +1 -1
  47. package/components/menu/Menu.vue.js +3 -3
  48. package/components/menu/Menu.vue2.js +33 -30
  49. package/components/multibar/MultiBar.vue.js +3 -3
  50. package/components/multibar/MultiBar.vue2.js +51 -50
  51. package/components/popover/v4/PopoverV4.vue.js +2 -2
  52. package/components/popover/v4/PopoverV4.vue2.js +22 -21
  53. package/components/snackbar/v4/SnackbarV4.vue.js +3 -3
  54. package/components/snackbar/v4/SnackbarV4.vue2.js +1 -1
  55. package/components/tooltip/v3/Tooltip.vue.d.ts +1 -1
  56. package/components/tooltip/v3/index.d.ts +20 -20
  57. package/components/tooltip/v4/TooltipV4.vue.d.ts +1 -1
  58. package/components/tooltip/v4/TooltipV4.vue.js +2 -2
  59. package/components/tooltip/v4/TooltipV4.vue2.js +1 -1
  60. package/components/tooltip/v4/index.d.ts +20 -20
  61. package/design-foundation.stories/colors/ColorsData.d.ts +114 -0
  62. package/design-foundation.stories/colors/ColorsStoryWrapper.vue.d.ts +28 -1
  63. package/index.d.ts +41 -40
  64. package/index.js +1 -1
  65. package/package.json +1 -1
  66. package/style/v4/border-radius.scss +2 -2
  67. package/style/v4/colors.scss +105 -0
  68. package/style/v4/elevations.scss +11 -0
  69. package/style/v4/grid.css +1 -1
  70. package/style/v4/grid.css.map +1 -1
  71. package/style/v4/grid.scss +1 -1
  72. package/style/v4/scrollbar.scss +21 -0
  73. package/style/v4/spacings.scss +1 -1
  74. package/style/v4/styleguideV4.scss +1 -0
  75. package/styleguide.scss +2 -2
  76. package/Alert.vue_vue_type_style_index_0_scoped_5e66710b_lang.css +0 -1
  77. package/ButtonV4.vue_vue_type_style_index_0_scoped_a59af1ad_lang.css +0 -1
  78. package/CalendarMonthV4.vue_vue_type_style_index_0_scoped_6eae923a_lang.css +0 -1
  79. package/DatePickerV4.vue_vue_type_style_index_0_scoped_39e6c10c_lang.css +0 -1
  80. package/DateRangeV4.vue_vue_type_style_index_0_scoped_f8826716_lang.css +0 -1
  81. package/DropdownV4.vue_vue_type_style_index_0_scoped_526bf0a1_lang.css +0 -1
  82. package/Loader.vue_vue_type_style_index_0_scoped_50d9be64_lang.css +0 -1
  83. package/Menu.vue_vue_type_style_index_0_scoped_eb057818_lang.css +0 -1
  84. package/MultiBar.vue_vue_type_style_index_0_scoped_c4395fb6_lang.css +0 -1
  85. package/OptionV4.vue_vue_type_style_index_0_scoped_771e1980_lang.css +0 -1
  86. package/PopoverV4.vue_vue_type_style_index_0_scoped_9ae00876_lang.css +0 -1
  87. package/SnackbarV4.vue_vue_type_style_index_0_scoped_35c79635_lang.css +0 -1
  88. package/ThemeWrapper.vue_vue_type_style_index_0_scoped_66bd448a_lang.css +0 -1
  89. package/TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css +0 -1
@@ -1,8 +1,9 @@
1
- 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";
2
- import { Dropdown as C } from "floating-vue";
3
- import { onClickOutside as w } from "@vueuse/core";
4
- import { useToggle as B } from "../../composables/useToggle.js";
5
- const $ = /* @__PURE__ */ k({
1
+ 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";
2
+ import { Dropdown as O } from "floating-vue";
3
+ import { onClickOutside as $ } from "@vueuse/core";
4
+ import { useToggle as y } from "../../composables/useToggle.js";
5
+ import { useThemeStore as R } from "../ThemeWrapper/ThemeStrore.js";
6
+ const z = /* @__PURE__ */ C({
6
7
  __name: "Menu",
7
8
  props: {
8
9
  isOnTop: { type: Boolean, default: !0 },
@@ -12,51 +13,53 @@ const $ = /* @__PURE__ */ k({
12
13
  container: { default: "body" },
13
14
  testId: { default: "" }
14
15
  },
15
- setup(e) {
16
- const [c, d] = B({ initialValue: !1 }), r = s(), n = s(), p = u(() => n.value?.getBoundingClientRect()), g = u(() => {
17
- if (!r.value || !n.value)
16
+ setup(t) {
17
+ const { theme: a } = R(), c = r(
18
+ () => a.value === "dark" ? "is-menu-dark" : "is-menu"
19
+ ), p = r(() => `${a.value}-theme-v4`), [g, s] = y({ initialValue: !1 }), d = l(), n = l(), h = r(() => n.value?.getBoundingClientRect()), k = r(() => {
20
+ if (!d.value || !n.value)
18
21
  return;
19
22
  const { width: o } = n.value.getBoundingClientRect();
20
23
  return -o;
21
24
  });
22
- return w(r, () => {
23
- d(!1);
24
- }), (o, i) => (v(), h(t(C), {
25
+ return $(d, () => {
26
+ s(!1);
27
+ }), (o, i) => (T(), w(e(O), {
25
28
  class: "menu",
26
- theme: "is-menu",
29
+ theme: e(c),
27
30
  triggers: [],
28
- shown: t(c),
31
+ shown: e(g),
29
32
  placement: "auto-start",
30
- container: e.container,
33
+ container: t.container,
31
34
  flip: "",
32
- distance: e.isOnTop ? t(g) : e.distance,
33
- skidding: e.isOnTop ? -t(p)?.height / 2 : e.distance,
35
+ distance: t.isOnTop ? e(k) : t.distance,
36
+ skidding: t.isOnTop ? -e(h)?.height / 2 : t.distance,
34
37
  "auto-hide": !1,
35
- "test-id": e.testId
38
+ "test-id": t.testId
36
39
  }, {
37
- popper: a(() => [
38
- l("div", {
40
+ popper: u(() => [
41
+ f("div", {
39
42
  ref_key: "popup",
40
- ref: r,
41
- class: "menu-popup",
42
- onClick: i[1] || (i[1] = (m) => t(d)(!1))
43
+ ref: d,
44
+ class: B(["menu-popup", e(p)]),
45
+ onClick: i[1] || (i[1] = (v) => e(s)(!1))
43
46
  }, [
44
- f(o.$slots, "default", {}, void 0, !0)
45
- ], 512)
47
+ m(o.$slots, "default", {}, void 0, !0)
48
+ ], 2)
46
49
  ]),
47
- default: a(() => [
48
- l("div", {
50
+ default: u(() => [
51
+ f("div", {
49
52
  ref_key: "triggerRef",
50
53
  ref: n,
51
- onClick: i[0] || (i[0] = (m) => t(d)())
54
+ onClick: i[0] || (i[0] = (v) => e(s)())
52
55
  }, [
53
- f(o.$slots, "trigger", {}, void 0, !0)
56
+ m(o.$slots, "trigger", {}, void 0, !0)
54
57
  ], 512)
55
58
  ]),
56
59
  _: 3
57
- }, 8, ["shown", "container", "distance", "skidding", "test-id"]));
60
+ }, 8, ["theme", "shown", "container", "distance", "skidding", "test-id"]));
58
61
  }
59
62
  });
60
63
  export {
61
- $ as default
64
+ z as default
62
65
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./MultiBar.vue2.js";
2
2
  /* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../MultiBar.vue_vue_type_style_index_0_scoped_c4395fb6_lang.css"; //*');
4
- const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c4395fb6"]]);
3
+ // import "../../MultiBar.vue_vue_type_style_index_0_scoped_7c2477ad_lang.css"; //*');
4
+ const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-7c2477ad"]]);
5
5
  export {
6
- c as default
6
+ a as default
7
7
  };
@@ -1,20 +1,21 @@
1
- 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";
2
- import { useVModel as $ } from "@vueuse/core";
3
- import E from "../typography/v4/Typography.vue.js";
4
- import S from "../button/v4/ButtonV4.vue.js";
5
- import P from "../button/v4/IconButtonV4.vue.js";
1
+ 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";
2
+ import { useVModel as S } from "@vueuse/core";
3
+ import { useThemeStore as P } from "../ThemeWrapper/ThemeStrore.js";
4
+ import w from "../typography/v4/Typography.vue.js";
5
+ import L from "../button/v4/ButtonV4.vue.js";
6
+ import O from "../button/v4/IconButtonV4.vue.js";
6
7
  import "../button/v4/ButtonGroup.vue.js";
7
8
  import "../button/v4/ToggleButtonGroupAB.vue.js";
8
- import w from "./MultiBarMenu.vue.js";
9
- import { useTestIdAttrs as L } from "../../utils/testIds.js";
10
- import { MultiBarTestIdModifiers as n } from "../../testids/index.js";
11
- const O = { class: "multi-bar-panel" }, R = {
9
+ import R from "./MultiBarMenu.vue.js";
10
+ import { useTestIdAttrs as D } from "../../utils/testIds.js";
11
+ import { MultiBarTestIdModifiers as l } from "../../testids/index.js";
12
+ const F = { class: "multi-bar-panel" }, U = {
12
13
  key: 0,
13
14
  class: "count-text"
14
- }, D = {
15
+ }, W = {
15
16
  inheritAttrs: !1
16
- }, Z = /* @__PURE__ */ k({
17
- ...D,
17
+ }, oe = /* @__PURE__ */ g({
18
+ ...W,
18
19
  __name: "MultiBar",
19
20
  props: {
20
21
  modelValue: { type: Boolean },
@@ -28,26 +29,26 @@ const O = { class: "multi-bar-panel" }, R = {
28
29
  zIndex: { default: 1e3 }
29
30
  },
30
31
  emits: ["update:modelValue", "close", "action"],
31
- setup(o, { emit: s }) {
32
- const e = o, f = $(e, "modelValue", s), I = () => {
33
- f.value = !1, s("close");
34
- }, b = (a) => {
35
- s("action", a);
36
- }, p = v(
37
- () => e.actions.length > e.visibleActionsCount ? e.actions.slice(0, e.visibleActionsCount) : e.actions
38
- ), C = v(
39
- () => e.actions.length > e.visibleActionsCount ? e.actions.slice(e.visibleActionsCount) : []
40
- ), y = L(e.testId, n);
41
- return (a, F) => (l(), d(x, {
32
+ setup(o, { emit: n }) {
33
+ const t = o, b = S(t, "modelValue", n), A = () => {
34
+ b.value = !1, n("close");
35
+ }, p = (a) => {
36
+ n("action", a);
37
+ }, C = d(
38
+ () => t.actions.length > t.visibleActionsCount ? t.actions.slice(0, t.visibleActionsCount) : t.actions
39
+ ), h = d(
40
+ () => t.actions.length > t.visibleActionsCount ? t.actions.slice(t.visibleActionsCount) : []
41
+ ), v = D(t.testId, l), { theme: I } = P(), k = d(() => `${I.value}-theme-v4`);
42
+ return (a, j) => (s(), u(V, {
42
43
  to: "body",
43
44
  disabled: !o.appendToBody
44
45
  }, [
45
- u(g, { name: "multi-bar" }, {
46
- default: c(() => [
47
- t(f) ? (l(), r("div", B({
46
+ c($, { name: "multi-bar" }, {
47
+ default: r(() => [
48
+ e(b) ? (s(), m("div", y({
48
49
  key: 0,
49
50
  class: ["multi-bar", {
50
- "light-theme-v4": !0,
51
+ [e(k)]: !0,
51
52
  "multi-bar--fixed": o.appendToBody,
52
53
  "multi-bar--absolute": !o.appendToBody,
53
54
  "multi-bar--small": o.size === "small",
@@ -55,45 +56,45 @@ const O = { class: "multi-bar-panel" }, R = {
55
56
  "multi-bar--left": o.position === "left"
56
57
  }],
57
58
  style: { zIndex: o.zIndex }
58
- }, { ...a.$attrs, ...t(y)[t(n).WRAPPER] }), [
59
- V("div", O, [
60
- u(t(P), B({
59
+ }, { ...a.$attrs, ...e(v)[e(l).WRAPPER] }), [
60
+ z("div", F, [
61
+ c(e(O), y({
61
62
  "icon-name": "x",
62
63
  class: "close-icon"
63
- }, t(y)[t(n).CLOSE_BTN], { onClick: I }), null, 16),
64
- o.selectedCount ? (l(), r("div", R, [
65
- u(t(E), { variant: "body1" }, {
66
- default: c(() => [
67
- h(A(o.selectedCount) + " selected ", 1)
64
+ }, e(v)[e(l).CLOSE_BTN], { onClick: A }), null, 16),
65
+ o.selectedCount ? (s(), m("div", U, [
66
+ c(e(w), { variant: "body1" }, {
67
+ default: r(() => [
68
+ B(T(o.selectedCount) + " selected ", 1)
68
69
  ]),
69
70
  _: 1
70
71
  })
71
- ])) : m("", !0),
72
- (l(!0), r(z, null, M(t(p), (i, T) => (l(), d(t(S), {
72
+ ])) : f("", !0),
73
+ (s(!0), m(M, null, N(e(C), (i, x) => (s(), u(e(L), {
73
74
  key: i.id,
74
- class: N(["action-button", {
75
- "action-button--last": T === t(p).length - 1
75
+ class: E(["action-button", {
76
+ "action-button--last": x === e(C).length - 1
76
77
  }]),
77
78
  variant: "text",
78
79
  color: "default",
79
80
  "start-icon-name": i.icon,
80
- "data-testid": `${e.testId}-${t(n).ACTION}-${i.id}`,
81
+ "data-testid": `${t.testId}-${e(l).ACTION}-${i.id}`,
81
82
  disabled: i.disabled,
82
- onClick: (U) => b(i)
83
+ onClick: (q) => p(i)
83
84
  }, {
84
- default: c(() => [
85
- h(A(i.title), 1)
85
+ default: r(() => [
86
+ B(T(i.title), 1)
86
87
  ]),
87
88
  _: 2
88
89
  }, 1032, ["class", "start-icon-name", "data-testid", "disabled", "onClick"]))), 128)),
89
- t(C).length ? (l(), d(w, {
90
+ e(h).length ? (s(), u(R, {
90
91
  key: 1,
91
- "menu-items": t(C),
92
- "test-id": `${e.testId}-${t(n).MENU}`,
93
- onSelected: b
94
- }, null, 8, ["menu-items", "test-id"])) : m("", !0)
92
+ "menu-items": e(h),
93
+ "test-id": `${t.testId}-${e(l).MENU}`,
94
+ onSelected: p
95
+ }, null, 8, ["menu-items", "test-id"])) : f("", !0)
95
96
  ])
96
- ], 16)) : m("", !0)
97
+ ], 16)) : f("", !0)
97
98
  ]),
98
99
  _: 1
99
100
  })
@@ -101,5 +102,5 @@ const O = { class: "multi-bar-panel" }, R = {
101
102
  }
102
103
  });
103
104
  export {
104
- Z as default
105
+ oe as default
105
106
  };
@@ -1,8 +1,8 @@
1
1
  import o from "./PopoverV4.vue2.js";
2
2
  /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_9ae00876_lang.css"; //*');
3
+ // import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_ea1a3e8c_lang.css"; //*');
4
4
  // import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9ae00876"]]);
5
+ const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ea1a3e8c"]]);
6
6
  export {
7
7
  r as default
8
8
  };
@@ -1,7 +1,8 @@
1
- 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";
2
- import { Dropdown as w } from "floating-vue";
3
- import { popoverCommon as $ } from "../common/Popover.common.js";
4
- const O = ["data-testid"], H = /* @__PURE__ */ k({
1
+ 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";
2
+ import { Dropdown as b } from "floating-vue";
3
+ import { popoverCommon as V } from "../common/Popover.common.js";
4
+ import { useThemeStore as E } from "../../ThemeWrapper/ThemeStrore.js";
5
+ const H = ["data-testid"], S = /* @__PURE__ */ h({
5
6
  __name: "PopoverV4",
6
7
  props: {
7
8
  isOpen: { type: Boolean, default: !1 },
@@ -17,53 +18,53 @@ const O = ["data-testid"], H = /* @__PURE__ */ k({
17
18
  container: { default: "body" }
18
19
  },
19
20
  emits: ["isOpen"],
20
- setup(e, { expose: f, emit: m }) {
21
- const i = e, { popup: c, open: t, toggle: d, triggerRef: v } = $();
21
+ setup(e, { expose: f, emit: g }) {
22
+ const i = e, { popup: c, open: t, toggle: d, triggerRef: v } = V(), { theme: k } = E(), y = C(() => `${k.value}-theme-v4`);
22
23
  s(t, () => {
23
- m("isOpen", t.value);
24
+ g("isOpen", t.value);
24
25
  }), s(
25
26
  () => i.isOpen,
26
27
  (o) => {
27
28
  d(o);
28
29
  }
29
30
  );
30
- const a = (o) => {
31
+ const r = (o) => {
31
32
  i.trigger === o && (t.value = !t.value);
32
33
  };
33
34
  return f({
34
35
  toggle: d
35
- }), (o, n) => (p(), y(r(w), {
36
+ }), (o, n) => (p(), B(a(b), {
36
37
  theme: "custom-popover",
37
38
  placement: e.placement,
38
- shown: !!r(t),
39
+ shown: !!a(t),
39
40
  triggers: e.trigger === "managed" ? [] : [e.trigger],
40
41
  "auto-hide": e.autoHide,
41
42
  distance: e.distance,
42
43
  skidding: e.skidding,
43
44
  delay: e.delay,
44
45
  container: e.container,
45
- "popper-class": [e.popperClass, "v4-popover__popper light-theme-v4"]
46
+ "popper-class": [e.popperClass, "v4-popover__popper"]
46
47
  }, {
47
48
  popper: u(() => [
48
- r(t) ? (p(), h("div", {
49
+ a(t) ? (p(), $("div", {
49
50
  key: 0,
50
51
  ref_key: "popup",
51
52
  ref: c,
52
- class: "menu-popup",
53
+ class: w(["menu-popup", a(y)]),
53
54
  "data-testid": e.testId
54
55
  }, [
55
- g(o.$slots, "content", {}, void 0, !0)
56
- ], 8, O)) : B("", !0)
56
+ m(o.$slots, "content", {}, void 0, !0)
57
+ ], 10, H)) : O("", !0)
57
58
  ]),
58
59
  default: u(() => [
59
- C("div", {
60
+ T("div", {
60
61
  ref_key: "triggerRef",
61
62
  ref: v,
62
- onClick: n[0] || (n[0] = (l) => a("click")),
63
- onMouseenter: n[1] || (n[1] = (l) => a("hover")),
64
- onMouseleave: n[2] || (n[2] = (l) => a("hover"))
63
+ onClick: n[0] || (n[0] = (l) => r("click")),
64
+ onMouseenter: n[1] || (n[1] = (l) => r("hover")),
65
+ onMouseleave: n[2] || (n[2] = (l) => r("hover"))
65
66
  }, [
66
- g(o.$slots, "trigger", {}, void 0, !0)
67
+ m(o.$slots, "trigger", {}, void 0, !0)
67
68
  ], 544)
68
69
  ]),
69
70
  _: 3
@@ -71,5 +72,5 @@ const O = ["data-testid"], H = /* @__PURE__ */ k({
71
72
  }
72
73
  });
73
74
  export {
74
- H as default
75
+ S as default
75
76
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./SnackbarV4.vue2.js";
2
- /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_35c79635_lang.css"; //*');
4
- const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-35c79635"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_f19e742c_lang.css"; //*');
4
+ const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-f19e742c"]]);
5
5
  export {
6
6
  r as default
7
7
  };
@@ -1,4 +1,4 @@
1
- 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";
1
+ 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";
2
2
  import F from "../../icon/v4/IconV4.vue.js";
3
3
  import "../../icon/v4/IconFlag.vue.js";
4
4
  import G from "../../button/v4/ButtonV4.vue.js";
@@ -40,9 +40,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
40
40
  disabled: boolean;
41
41
  testId: string;
42
42
  }>>>, {
43
+ theme: string;
43
44
  header: string;
44
45
  text: string;
45
- theme: string;
46
46
  testId: string;
47
47
  delay: number;
48
48
  triggers: TooltipTriggers[];
@@ -3,9 +3,9 @@ declare const TooltipTypes: () => ({
3
3
  $: import("vue").ComponentInternalInstance;
4
4
  $data: {};
5
5
  $props: Partial<{
6
+ theme: string;
6
7
  header: string;
7
8
  text: string;
8
- theme: string;
9
9
  testId: string;
10
10
  delay: number;
11
11
  triggers: import("../common/Tooltip.types").TooltipTriggers[];
@@ -13,6 +13,10 @@ declare const TooltipTypes: () => ({
13
13
  placement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
14
14
  disabled: boolean;
15
15
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
16
+ theme: {
17
+ type: import("vue").PropType<string>;
18
+ default: string;
19
+ };
16
20
  header: {
17
21
  type: import("vue").PropType<string>;
18
22
  default: any;
@@ -21,10 +25,6 @@ declare const TooltipTypes: () => ({
21
25
  type: import("vue").PropType<string>;
22
26
  default: any;
23
27
  };
24
- theme: {
25
- type: import("vue").PropType<string>;
26
- default: string;
27
- };
28
28
  testId: {
29
29
  type: import("vue").PropType<string>;
30
30
  default: string;
@@ -49,7 +49,7 @@ declare const TooltipTypes: () => ({
49
49
  type: import("vue").PropType<boolean>;
50
50
  default: boolean;
51
51
  };
52
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled">;
52
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "header" | "text" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled">;
53
53
  $attrs: {
54
54
  [x: string]: unknown;
55
55
  };
@@ -64,6 +64,10 @@ declare const TooltipTypes: () => ({
64
64
  $emit: (event: string, ...args: any[]) => void;
65
65
  $el: any;
66
66
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
67
+ theme: {
68
+ type: import("vue").PropType<string>;
69
+ default: string;
70
+ };
67
71
  header: {
68
72
  type: import("vue").PropType<string>;
69
73
  default: any;
@@ -72,10 +76,6 @@ declare const TooltipTypes: () => ({
72
76
  type: import("vue").PropType<string>;
73
77
  default: any;
74
78
  };
75
- theme: {
76
- type: import("vue").PropType<string>;
77
- default: string;
78
- };
79
79
  testId: {
80
80
  type: import("vue").PropType<string>;
81
81
  default: string;
@@ -101,9 +101,9 @@ declare const TooltipTypes: () => ({
101
101
  default: boolean;
102
102
  };
103
103
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
104
+ theme: string;
104
105
  header: string;
105
106
  text: string;
106
- theme: string;
107
107
  testId: string;
108
108
  delay: number;
109
109
  triggers: import("../common/Tooltip.types").TooltipTriggers[];
@@ -131,6 +131,10 @@ declare const TooltipTypes: () => ({
131
131
  $nextTick: typeof import("vue").nextTick;
132
132
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
133
133
  } & Readonly<import("vue").ExtractPropTypes<{
134
+ theme: {
135
+ type: import("vue").PropType<string>;
136
+ default: string;
137
+ };
134
138
  header: {
135
139
  type: import("vue").PropType<string>;
136
140
  default: any;
@@ -139,10 +143,6 @@ declare const TooltipTypes: () => ({
139
143
  type: import("vue").PropType<string>;
140
144
  default: any;
141
145
  };
142
- theme: {
143
- type: import("vue").PropType<string>;
144
- default: string;
145
- };
146
146
  testId: {
147
147
  type: import("vue").PropType<string>;
148
148
  default: string;
@@ -172,6 +172,10 @@ declare const TooltipTypes: () => ({
172
172
  __isTeleport?: never;
173
173
  __isSuspense?: never;
174
174
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
175
+ theme: {
176
+ type: import("vue").PropType<string>;
177
+ default: string;
178
+ };
175
179
  header: {
176
180
  type: import("vue").PropType<string>;
177
181
  default: any;
@@ -180,10 +184,6 @@ declare const TooltipTypes: () => ({
180
184
  type: import("vue").PropType<string>;
181
185
  default: any;
182
186
  };
183
- theme: {
184
- type: import("vue").PropType<string>;
185
- default: string;
186
- };
187
187
  testId: {
188
188
  type: import("vue").PropType<string>;
189
189
  default: string;
@@ -209,9 +209,9 @@ declare const TooltipTypes: () => ({
209
209
  default: boolean;
210
210
  };
211
211
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
212
+ theme: string;
212
213
  header: string;
213
214
  text: string;
214
- theme: string;
215
215
  testId: string;
216
216
  delay: number;
217
217
  triggers: import("../common/Tooltip.types").TooltipTriggers[];
@@ -68,9 +68,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
68
68
  }>>> & {
69
69
  onShow?: () => any;
70
70
  }, {
71
+ theme: string;
71
72
  header: string;
72
73
  text: string;
73
- theme: string;
74
74
  testId: string;
75
75
  delay: number;
76
76
  triggers: TooltipTriggers[];
@@ -1,8 +1,8 @@
1
1
  import o from "./TooltipV4.vue2.js";
2
2
  /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css"; //*');
3
+ // import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_f88fbece_lang.css"; //*');
4
4
  // import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a8aebfee"]]);
5
+ const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-f88fbece"]]);
6
6
  export {
7
7
  l as default
8
8
  };
@@ -1,4 +1,4 @@
1
- import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css"; import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as T, computed as C, onMounted as N, watch as B, onUnmounted as E, renderSlot as i, openBlock as c, createBlock as u, unref as n, mergeProps as g, withCtx as f, createTextVNode as b, toDisplayString as $, createElementVNode as I } from "vue";
1
+ import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_f88fbece_lang.css"; import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as T, computed as C, onMounted as N, watch as B, onUnmounted as E, renderSlot as i, openBlock as c, createBlock as u, unref as n, mergeProps as g, withCtx as f, createTextVNode as b, toDisplayString as $, createElementVNode as I } from "vue";
2
2
  import V from "./TextWithTitleContent.vue.js";
3
3
  import { Tooltip as W } from "floating-vue";
4
4
  import { TooltipTestIdModifiers as p } from "../../../testids/index.js";