@ironsource/shared-ui 2.2.0-rc.33 → 2.2.0-rc.35
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/TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/components/tooltip/v4/TooltipV4.vue.js +2 -2
- package/components/tooltip/v4/TooltipV4.vue2.js +72 -46
- package/package.json +1 -1
- package/TooltipV4.vue_vue_type_style_index_0_scoped_488778eb_lang.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
div[data-v-a8aebfee]{display:block}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-light-theme-v4.v4-tooltip{display:inline-flex}.v-popper--theme-light-theme-v4.v4-tooltip .container{align-items:center;display:inline-flex;width:100%}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper{background-color:var(--common-white);border-radius:8px;box-shadow:var(--elevation-md);border:none;border:1px solid var(--common-divider-elevation-0)}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__wrapper{padding:0
|
|
1
|
+
.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-light-theme-v4.v4-tooltip{display:inline-flex}.v-popper--theme-light-theme-v4.v4-tooltip .container{align-items:center;display:inline-flex;width:100%}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper{background-color:var(--common-white);border-radius:8px;box-shadow:var(--elevation-md);border:none;border:1px solid var(--common-divider-elevation-0)}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__wrapper{padding:0}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{font-size:.813rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{text-align:start;line-height:1.125rem;padding:8px 12px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{border-color:var(--common-white);visibility:visible;border-width:6.5px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{border-color:var(--common-divider-elevation-0);border-width:8px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer:after{box-shadow:0 0 1px 1px #000;position:relative;width:3px;height:3px;background-color:red}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-container{width:12px;height:12px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{width:13px;height:13px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{width:16px;height:16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-13px;left:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-4.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-3px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-10px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-13px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:2px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{top:-1px;left:2px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:0;left:.5px}
|
|
@@ -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_a8aebfee_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-a8aebfee"]]);
|
|
6
6
|
export {
|
|
7
7
|
l as default
|
|
8
8
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import "../../../TooltipV4.
|
|
2
|
-
import
|
|
3
|
-
import { Tooltip as
|
|
4
|
-
import { TooltipTestIdModifiers as
|
|
5
|
-
import
|
|
6
|
-
import { tooltipCommon as
|
|
7
|
-
import { useTestIdAttrs as
|
|
8
|
-
const
|
|
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";
|
|
2
|
+
import V from "./TextWithTitleContent.vue.js";
|
|
3
|
+
import { Tooltip as W } from "floating-vue";
|
|
4
|
+
import { TooltipTestIdModifiers as p } from "../../../testids/index.js";
|
|
5
|
+
import k from "../../typography/v4/Typography.vue.js";
|
|
6
|
+
import { tooltipCommon as S } from "../common/Tooltip.common.js";
|
|
7
|
+
import { useTestIdAttrs as A } from "../../../utils/testIds.js";
|
|
8
|
+
const z = {
|
|
9
9
|
ref: "container",
|
|
10
10
|
class: "container"
|
|
11
|
-
},
|
|
11
|
+
}, F = /* @__PURE__ */ T({
|
|
12
12
|
__name: "TooltipV4",
|
|
13
13
|
props: {
|
|
14
14
|
text: { default: null },
|
|
@@ -28,55 +28,81 @@ const k = {
|
|
|
28
28
|
maxWidth: { default: "21.875rem" }
|
|
29
29
|
},
|
|
30
30
|
emits: ["show"],
|
|
31
|
-
setup(
|
|
32
|
-
const a =
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
31
|
+
setup(t, { emit: v }) {
|
|
32
|
+
const a = t, { textForDisplay: m } = S(a), h = A(a.testId, p), d = (e) => `--tooltip-max-width-${e.replace(/[^a-zA-Z0-9]/g, "-")}`, r = (e) => `max-width-class-${e.replace(/[^a-zA-Z0-9]/g, "-")}`, x = (e) => {
|
|
33
|
+
const o = r(e), l = d(e);
|
|
34
|
+
return `
|
|
35
|
+
.v-popper--theme-light-theme-v4.v4-tooltip.${o} .v-popper__wrapper {
|
|
36
|
+
max-width: var(${l}, 21.875rem)
|
|
37
|
+
}
|
|
38
|
+
`;
|
|
39
|
+
}, w = C(
|
|
40
|
+
() => [
|
|
41
|
+
a.theme,
|
|
42
|
+
a.placement,
|
|
43
|
+
"v4-tooltip",
|
|
44
|
+
a.maxWidth ? r(a.maxWidth) : ""
|
|
45
|
+
// This is the class name that will be used as a selector for the tooltip
|
|
46
|
+
].filter(Boolean)
|
|
47
|
+
), y = (e) => {
|
|
48
|
+
const o = d(e), l = r(e);
|
|
49
|
+
if (document.documentElement.style.setProperty(o, e), !document.getElementById(l)) {
|
|
50
|
+
const s = document.createElement("style");
|
|
51
|
+
s.id = l, s.textContent = x(e), document.head.appendChild(s);
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
return N(() => {
|
|
55
|
+
a.maxWidth && y(a.maxWidth);
|
|
56
|
+
}), B(
|
|
39
57
|
() => a.maxWidth,
|
|
40
|
-
(o) => {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
58
|
+
(e, o) => {
|
|
59
|
+
if (o) {
|
|
60
|
+
const l = d(o);
|
|
61
|
+
document.documentElement.style.removeProperty(l);
|
|
62
|
+
}
|
|
63
|
+
e && y(e);
|
|
64
|
+
}
|
|
65
|
+
), E(() => {
|
|
66
|
+
if (a.maxWidth) {
|
|
67
|
+
const e = d(a.maxWidth);
|
|
68
|
+
document.documentElement.style.removeProperty(e);
|
|
69
|
+
const o = r(a.maxWidth), l = document.getElementById(o), s = document.getElementsByClassName(o);
|
|
70
|
+
l && s.length === 0 && l.remove();
|
|
45
71
|
}
|
|
46
|
-
), (
|
|
47
|
-
theme:
|
|
72
|
+
}), (e, o) => (t.disabled || !t.text) && t.dontWrapDisabled ? i(e.$slots, "default", { key: 0 }, void 0, !0) : (c(), u(n(W), g({ key: 1 }, { ...e.$props, ...n(h)[n(p).TRIGGER] }, {
|
|
73
|
+
theme: t.theme,
|
|
48
74
|
"no-auto-focus": "",
|
|
49
|
-
triggers:
|
|
50
|
-
delay: { show:
|
|
51
|
-
placement:
|
|
52
|
-
disabled:
|
|
53
|
-
"popper-class":
|
|
75
|
+
triggers: t.triggers,
|
|
76
|
+
delay: { show: t.delay, hide: 0 },
|
|
77
|
+
placement: t.placement,
|
|
78
|
+
disabled: t.disabled || t.text && !n(m),
|
|
79
|
+
"popper-class": n(w),
|
|
54
80
|
class: ["v4-tooltip"],
|
|
55
|
-
distance:
|
|
56
|
-
"auto-hide":
|
|
57
|
-
shown:
|
|
58
|
-
onApplyShow:
|
|
81
|
+
distance: t.distance,
|
|
82
|
+
"auto-hide": t.autoHide,
|
|
83
|
+
shown: t.shown,
|
|
84
|
+
onApplyShow: o[0] || (o[0] = (l) => v("show"))
|
|
59
85
|
}), {
|
|
60
|
-
popper:
|
|
61
|
-
|
|
62
|
-
|
|
86
|
+
popper: f(() => [
|
|
87
|
+
i(e.$slots, "tooltip", { text: n(m) }, () => [
|
|
88
|
+
t.header ? (c(), u(V, {
|
|
63
89
|
key: 1,
|
|
64
|
-
text:
|
|
65
|
-
header:
|
|
66
|
-
}, null, 8, ["text", "header"])) : (
|
|
90
|
+
text: t.text,
|
|
91
|
+
header: t.header
|
|
92
|
+
}, null, 8, ["text", "header"])) : (c(), u(n(k), g({
|
|
67
93
|
key: 0,
|
|
68
94
|
variant: "body2"
|
|
69
|
-
},
|
|
70
|
-
default:
|
|
71
|
-
|
|
95
|
+
}, n(h)[n(p).TEXT]), {
|
|
96
|
+
default: f(() => [
|
|
97
|
+
b($(n(m)), 1)
|
|
72
98
|
]),
|
|
73
99
|
_: 1
|
|
74
100
|
}, 16))
|
|
75
101
|
], !0)
|
|
76
102
|
]),
|
|
77
|
-
default:
|
|
78
|
-
|
|
79
|
-
|
|
103
|
+
default: f(() => [
|
|
104
|
+
I("div", z, [
|
|
105
|
+
i(e.$slots, "default", {}, void 0, !0)
|
|
80
106
|
], 512)
|
|
81
107
|
]),
|
|
82
108
|
_: 3
|
|
@@ -84,5 +110,5 @@ const k = {
|
|
|
84
110
|
}
|
|
85
111
|
});
|
|
86
112
|
export {
|
|
87
|
-
|
|
113
|
+
F as default
|
|
88
114
|
};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
div[data-v-488778eb]{display:block}
|