@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.
- package/Alert.vue_vue_type_style_index_0_scoped_1036ab1d_lang.css +1 -0
- package/ButtonV4.vue_vue_type_style_index_0_scoped_6f05dc63_lang.css +1 -0
- package/CalendarMonthV4.vue_vue_type_style_index_0_scoped_73af6757_lang.css +1 -0
- package/DatePickerV4.vue_vue_type_style_index_0_scoped_bb0041c1_lang.css +1 -0
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_5545bc01_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_b2d0a4d2_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/IncludeExclude.vue_vue_type_style_index_0_scoped_cc2adbf5_lang.css +1 -1
- package/IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_bd6145ce_lang.css +1 -1
- package/Loader.vue_vue_type_style_index_0_scoped_94c3c850_lang.css +1 -0
- package/Menu.vue_vue_type_style_index_0_scoped_545aa70b_lang.css +1 -0
- package/Menu.vue_vue_type_style_index_1_lang.css +1 -1
- package/MultiBar.vue_vue_type_style_index_0_scoped_7c2477ad_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_7e70c643_lang.css +1 -0
- package/PopoverV4.vue_vue_type_style_index_0_scoped_ea1a3e8c_lang.css +1 -0
- package/PopoverV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/SnackbarV4.vue_vue_type_style_index_0_scoped_f19e742c_lang.css +1 -0
- package/ThemeWrapper.vue_vue_type_style_index_0_scoped_8eef6574_lang.css +1 -0
- package/ThemeWrapper.vue_vue_type_style_index_1_lang.css +1 -1
- package/TooltipV4.vue_vue_type_style_index_0_scoped_f88fbece_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/components/ThemeWrapper/ThemeStrore.d.ts +2 -1
- package/components/ThemeWrapper/ThemeStrore.js +14 -11
- package/components/ThemeWrapper/ThemeWrapper.vue.js +2 -2
- package/components/ThemeWrapper/ThemeWrapper.vue2.js +8 -11
- package/components/ThemeWrapper/index.d.ts +2 -1
- package/components/ThemeWrapper/index.js +4 -2
- package/components/alert/Alert.vue.js +4 -4
- package/components/alert/Alert.vue2.js +1 -1
- package/components/button/v3/ButtonBase.vue.d.ts +1 -1
- package/components/button/v4/ButtonV4.vue.js +3 -3
- package/components/button/v4/ButtonV4.vue2.js +1 -1
- package/components/datePicker/v4/DatePickerV4.vue.js +2 -2
- package/components/datePicker/v4/DatePickerV4.vue2.js +1 -1
- package/components/dateRange/v4/CalendarMonthV4.vue.js +4 -4
- package/components/dateRange/v4/CalendarMonthV4.vue2.js +1 -1
- package/components/dateRange/v4/DateRangeV4.vue.js +2 -2
- package/components/dateRange/v4/DateRangeV4.vue2.js +1 -1
- package/components/dropdown/v3/Dropdown.vue.d.ts +1 -1
- package/components/dropdown/v3/index.d.ts +12 -12
- package/components/dropdown/v4/DropdownV4.vue.js +3 -3
- package/components/dropdown/v4/DropdownV4.vue2.js +152 -146
- package/components/dropdown/v4/OptionV4.vue.js +2 -2
- package/components/dropdown/v4/OptionV4.vue2.js +1 -1
- package/components/loader/v4/Loader.vue.js +3 -3
- package/components/loader/v4/Loader.vue2.js +1 -1
- package/components/menu/Menu.vue.js +3 -3
- package/components/menu/Menu.vue2.js +33 -30
- package/components/multibar/MultiBar.vue.js +3 -3
- package/components/multibar/MultiBar.vue2.js +51 -50
- package/components/popover/v4/PopoverV4.vue.js +2 -2
- package/components/popover/v4/PopoverV4.vue2.js +22 -21
- package/components/snackbar/v4/SnackbarV4.vue.js +3 -3
- package/components/snackbar/v4/SnackbarV4.vue2.js +1 -1
- package/components/tooltip/v3/Tooltip.vue.d.ts +1 -1
- package/components/tooltip/v3/index.d.ts +20 -20
- package/components/tooltip/v4/TooltipV4.vue.d.ts +1 -1
- package/components/tooltip/v4/TooltipV4.vue.js +2 -2
- package/components/tooltip/v4/TooltipV4.vue2.js +1 -1
- package/components/tooltip/v4/index.d.ts +20 -20
- package/design-foundation.stories/colors/ColorsData.d.ts +114 -0
- package/design-foundation.stories/colors/ColorsStoryWrapper.vue.d.ts +28 -1
- package/index.d.ts +41 -40
- package/index.js +1 -1
- package/package.json +1 -1
- package/style/v4/border-radius.scss +2 -2
- package/style/v4/colors.scss +105 -0
- package/style/v4/elevations.scss +11 -0
- package/style/v4/grid.css +1 -1
- package/style/v4/grid.css.map +1 -1
- package/style/v4/grid.scss +1 -1
- package/style/v4/scrollbar.scss +21 -0
- package/style/v4/spacings.scss +1 -1
- package/style/v4/styleguideV4.scss +1 -0
- package/styleguide.scss +2 -2
- package/Alert.vue_vue_type_style_index_0_scoped_5e66710b_lang.css +0 -1
- package/ButtonV4.vue_vue_type_style_index_0_scoped_a59af1ad_lang.css +0 -1
- package/CalendarMonthV4.vue_vue_type_style_index_0_scoped_6eae923a_lang.css +0 -1
- package/DatePickerV4.vue_vue_type_style_index_0_scoped_39e6c10c_lang.css +0 -1
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_f8826716_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_526bf0a1_lang.css +0 -1
- package/Loader.vue_vue_type_style_index_0_scoped_50d9be64_lang.css +0 -1
- package/Menu.vue_vue_type_style_index_0_scoped_eb057818_lang.css +0 -1
- package/MultiBar.vue_vue_type_style_index_0_scoped_c4395fb6_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_771e1980_lang.css +0 -1
- package/PopoverV4.vue_vue_type_style_index_0_scoped_9ae00876_lang.css +0 -1
- package/SnackbarV4.vue_vue_type_style_index_0_scoped_35c79635_lang.css +0 -1
- package/ThemeWrapper.vue_vue_type_style_index_0_scoped_66bd448a_lang.css +0 -1
- package/TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css +0 -1
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import "../../Menu.
|
|
2
|
-
import { Dropdown as
|
|
3
|
-
import { onClickOutside as
|
|
4
|
-
import { useToggle as
|
|
5
|
-
|
|
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(
|
|
16
|
-
const
|
|
17
|
-
|
|
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
|
|
23
|
-
|
|
24
|
-
}), (o, i) => (
|
|
25
|
+
return $(d, () => {
|
|
26
|
+
s(!1);
|
|
27
|
+
}), (o, i) => (T(), w(e(O), {
|
|
25
28
|
class: "menu",
|
|
26
|
-
theme:
|
|
29
|
+
theme: e(c),
|
|
27
30
|
triggers: [],
|
|
28
|
-
shown:
|
|
31
|
+
shown: e(g),
|
|
29
32
|
placement: "auto-start",
|
|
30
|
-
container:
|
|
33
|
+
container: t.container,
|
|
31
34
|
flip: "",
|
|
32
|
-
distance:
|
|
33
|
-
skidding:
|
|
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":
|
|
38
|
+
"test-id": t.testId
|
|
36
39
|
}, {
|
|
37
|
-
popper:
|
|
38
|
-
|
|
40
|
+
popper: u(() => [
|
|
41
|
+
f("div", {
|
|
39
42
|
ref_key: "popup",
|
|
40
|
-
ref:
|
|
41
|
-
class: "menu-popup",
|
|
42
|
-
onClick: i[1] || (i[1] = (
|
|
43
|
+
ref: d,
|
|
44
|
+
class: B(["menu-popup", e(p)]),
|
|
45
|
+
onClick: i[1] || (i[1] = (v) => e(s)(!1))
|
|
43
46
|
}, [
|
|
44
|
-
|
|
45
|
-
],
|
|
47
|
+
m(o.$slots, "default", {}, void 0, !0)
|
|
48
|
+
], 2)
|
|
46
49
|
]),
|
|
47
|
-
default:
|
|
48
|
-
|
|
50
|
+
default: u(() => [
|
|
51
|
+
f("div", {
|
|
49
52
|
ref_key: "triggerRef",
|
|
50
53
|
ref: n,
|
|
51
|
-
onClick: i[0] || (i[0] = (
|
|
54
|
+
onClick: i[0] || (i[0] = (v) => e(s)())
|
|
52
55
|
}, [
|
|
53
|
-
|
|
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
|
-
|
|
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.
|
|
4
|
-
const
|
|
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
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|
|
@@ -1,20 +1,21 @@
|
|
|
1
|
-
import "../../MultiBar.
|
|
2
|
-
import { useVModel as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
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
|
|
9
|
-
import { useTestIdAttrs as
|
|
10
|
-
import { MultiBarTestIdModifiers as
|
|
11
|
-
const
|
|
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
|
-
},
|
|
15
|
+
}, W = {
|
|
15
16
|
inheritAttrs: !1
|
|
16
|
-
},
|
|
17
|
-
...
|
|
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:
|
|
32
|
-
const
|
|
33
|
-
|
|
34
|
-
},
|
|
35
|
-
|
|
36
|
-
},
|
|
37
|
-
() =>
|
|
38
|
-
),
|
|
39
|
-
() =>
|
|
40
|
-
),
|
|
41
|
-
return (a,
|
|
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
|
-
|
|
46
|
-
default:
|
|
47
|
-
|
|
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
|
-
|
|
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, ...
|
|
59
|
-
|
|
60
|
-
|
|
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
|
-
},
|
|
64
|
-
o.selectedCount ? (
|
|
65
|
-
|
|
66
|
-
default:
|
|
67
|
-
|
|
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
|
-
])) :
|
|
72
|
-
(
|
|
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:
|
|
75
|
-
"action-button--last":
|
|
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": `${
|
|
81
|
+
"data-testid": `${t.testId}-${e(l).ACTION}-${i.id}`,
|
|
81
82
|
disabled: i.disabled,
|
|
82
|
-
onClick: (
|
|
83
|
+
onClick: (q) => p(i)
|
|
83
84
|
}, {
|
|
84
|
-
default:
|
|
85
|
-
|
|
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
|
-
|
|
90
|
+
e(h).length ? (s(), u(R, {
|
|
90
91
|
key: 1,
|
|
91
|
-
"menu-items":
|
|
92
|
-
"test-id": `${
|
|
93
|
-
onSelected:
|
|
94
|
-
}, null, 8, ["menu-items", "test-id"])) :
|
|
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)) :
|
|
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
|
-
|
|
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.
|
|
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-
|
|
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.
|
|
2
|
-
import { Dropdown as
|
|
3
|
-
import { popoverCommon as
|
|
4
|
-
|
|
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:
|
|
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
|
-
|
|
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
|
|
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(),
|
|
36
|
+
}), (o, n) => (p(), B(a(b), {
|
|
36
37
|
theme: "custom-popover",
|
|
37
38
|
placement: e.placement,
|
|
38
|
-
shown: !!
|
|
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
|
|
46
|
+
"popper-class": [e.popperClass, "v4-popover__popper"]
|
|
46
47
|
}, {
|
|
47
48
|
popper: u(() => [
|
|
48
|
-
|
|
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
|
-
|
|
56
|
-
],
|
|
56
|
+
m(o.$slots, "content", {}, void 0, !0)
|
|
57
|
+
], 10, H)) : O("", !0)
|
|
57
58
|
]),
|
|
58
59
|
default: u(() => [
|
|
59
|
-
|
|
60
|
+
T("div", {
|
|
60
61
|
ref_key: "triggerRef",
|
|
61
62
|
ref: v,
|
|
62
|
-
onClick: n[0] || (n[0] = (l) =>
|
|
63
|
-
onMouseenter: n[1] || (n[1] = (l) =>
|
|
64
|
-
onMouseleave: n[2] || (n[2] = (l) =>
|
|
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
|
-
|
|
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
|
-
|
|
75
|
+
S as default
|
|
75
76
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./SnackbarV4.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../SnackbarV4.
|
|
4
|
-
const r = /* @__PURE__ */
|
|
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.
|
|
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, "
|
|
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.
|
|
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-
|
|
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.
|
|
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";
|