@govbr-ds/webcomponents 2.0.0-next.42 → 2.0.0-next.43
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/dist/cjs/br-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/br-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/br-breadcrumb.entry.cjs.js.map +1 -1
- package/dist/cjs/br-button.br-icon.entry.cjs.js.map +1 -1
- package/dist/cjs/br-button_2.cjs.entry.js +1 -1
- package/dist/cjs/br-button_2.cjs.entry.js.map +1 -1
- package/dist/cjs/br-collapse.br-list.entry.cjs.js.map +1 -1
- package/dist/cjs/br-collapse_2.cjs.entry.js +1 -1
- package/dist/cjs/br-collapse_2.cjs.entry.js.map +1 -1
- package/dist/cjs/br-footer.cjs.entry.js +1 -1
- package/dist/cjs/br-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/br-footer.entry.cjs.js.map +1 -1
- package/dist/cjs/br-tooltip.cjs.entry.js +2187 -0
- package/dist/cjs/br-tooltip.cjs.entry.js.map +1 -0
- package/dist/cjs/br-tooltip.entry.cjs.js.map +1 -0
- package/dist/cjs/br-upload.cjs.entry.js +1 -1
- package/dist/cjs/index-DAOr34NM.js +4 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/webcomponents.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/breadcrumb/breadcrumb.css +1 -1
- package/dist/collection/components/button/button.js +2 -1
- package/dist/collection/components/button/button.js.map +1 -1
- package/dist/collection/components/footer/footer.css +1 -1
- package/dist/collection/components/list/list.css +1 -1
- package/dist/collection/components/step-item/step-item.js +1 -1
- package/dist/collection/components/tooltip/tooltip.css +1 -0
- package/dist/collection/components/tooltip/tooltip.js +683 -0
- package/dist/collection/components/tooltip/tooltip.js.map +1 -0
- package/dist/collection/components/upload/upload.js +1 -1
- package/dist/collection/pages/components/tooltip/index.js +18 -0
- package/dist/collection/pages/scripts/menu.js +13 -0
- package/dist/collection/utils/floating-ui.js +119 -0
- package/dist/collection/utils/floating-ui.js.map +1 -0
- package/dist/components/br-breadcrumb.js +3 -3
- package/dist/components/br-button.js +3 -3
- package/dist/components/br-footer-category.js +1 -1
- package/dist/components/br-footer-social.js +1 -1
- package/dist/components/br-footer.js +1 -1
- package/dist/components/br-input.js +4 -4
- package/dist/components/br-list.js +4 -4
- package/dist/components/br-message.js +1 -1
- package/dist/components/br-select.js +3 -3
- package/dist/components/br-step-item.js +1 -1
- package/dist/components/br-tag.js +1 -1
- package/dist/components/br-tooltip.d.ts +11 -0
- package/dist/components/br-tooltip.js +2144 -0
- package/dist/components/br-tooltip.js.map +1 -0
- package/dist/components/br-upload.js +10 -10
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +2 -0
- package/dist/components/{p-rHgHl2v-.js → p-DLL8l_-5.js} +3 -3
- package/dist/components/{p-BbFx1RUd.js → p-DuPFr2fm.js} +3 -3
- package/dist/components/{p-COPEUBKR.js → p-Dxc2AzjS.js} +6 -5
- package/dist/components/p-Dxc2AzjS.js.map +1 -0
- package/dist/custom-docs/markdown-methods.js +2 -0
- package/dist/custom-docs/markdown-methods.js.map +1 -1
- package/dist/custom-elements.json +502 -0
- package/dist/esm/br-breadcrumb.entry.js +1 -1
- package/dist/esm/br-breadcrumb.entry.js.map +1 -1
- package/dist/esm/br-button.br-icon.entry.js.map +1 -1
- package/dist/esm/br-button_2.entry.js +1 -1
- package/dist/esm/br-button_2.entry.js.map +1 -1
- package/dist/esm/br-collapse.br-list.entry.js.map +1 -1
- package/dist/esm/br-collapse_2.entry.js +1 -1
- package/dist/esm/br-collapse_2.entry.js.map +1 -1
- package/dist/esm/br-footer.entry.js +1 -1
- package/dist/esm/br-footer.entry.js.map +1 -1
- package/dist/esm/br-tooltip.entry.js +2185 -0
- package/dist/esm/br-tooltip.entry.js.map +1 -0
- package/dist/esm/br-upload.entry.js +1 -1
- package/dist/esm/index-ClsF4De3.js +4 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/webcomponents.js +1 -1
- package/dist/hydrate/index.js +2205 -5
- package/dist/hydrate/index.mjs +2205 -5
- package/dist/types/components/button/button.d.ts +1 -0
- package/dist/types/components/tooltip/tooltip.d.ts +238 -0
- package/dist/types/components.d.ts +127 -0
- package/dist/types/utils/floating-ui.d.ts +78 -0
- package/dist/webcomponents/br-breadcrumb.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-button.br-icon.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-collapse.br-list.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-footer.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-tooltip.entry.esm.js.map +1 -0
- package/dist/webcomponents/{p-0d6df204.entry.js → p-5c638bff.entry.js} +2 -2
- package/dist/webcomponents/{p-5a36e6be.entry.js → p-83fd1103.entry.js} +2 -2
- package/dist/webcomponents/{p-e33ca888.entry.js → p-d01d51a9.entry.js} +5 -4
- package/dist/webcomponents/p-d01d51a9.entry.js.map +1 -0
- package/dist/webcomponents/{p-1cf7cc9c.entry.js → p-d1bc7827.entry.js} +2 -2
- package/dist/webcomponents/p-e15ccd94.entry.js +2098 -0
- package/dist/webcomponents/p-e15ccd94.entry.js.map +1 -0
- package/dist/webcomponents/{p-ad8edd59.entry.js → p-f3ab9e06.entry.js} +10 -10
- package/dist/webcomponents/webcomponents.esm.js +17 -5
- package/dist/webcomponents.html-custom-data.json +15 -0
- package/package.json +1 -1
- package/dist/components/p-COPEUBKR.js.map +0 -1
- package/dist/webcomponents/p-e33ca888.entry.js.map +0 -1
- /package/dist/components/{p-rHgHl2v-.js.map → p-DLL8l_-5.js.map} +0 -0
- /package/dist/components/{p-BbFx1RUd.js.map → p-DuPFr2fm.js.map} +0 -0
- /package/dist/webcomponents/{p-0d6df204.entry.js.map → p-5c638bff.entry.js.map} +0 -0
- /package/dist/webcomponents/{p-5a36e6be.entry.js.map → p-83fd1103.entry.js.map} +0 -0
- /package/dist/webcomponents/{p-1cf7cc9c.entry.js.map → p-d1bc7827.entry.js.map} +0 -0
- /package/dist/webcomponents/{p-ad8edd59.entry.js.map → p-f3ab9e06.entry.js.map} +0 -0
|
@@ -0,0 +1,2098 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Construído por SERPRO
|
|
3
|
+
* © https://serpro.gov.br/ - MIT License.
|
|
4
|
+
*/
|
|
5
|
+
import { r, c as a, g as o, h as t, a as i } from "./p-ClsF4De3.js";
|
|
6
|
+
|
|
7
|
+
import { H as n } from "./p-BRKK5nMe.js";
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* Custom positioning reference element.
|
|
11
|
+
* @see https://floating-ui.com/docs/virtual-elements
|
|
12
|
+
*/ const e = [ "top", "right", "bottom", "left" ];
|
|
13
|
+
|
|
14
|
+
const g = Math.min;
|
|
15
|
+
|
|
16
|
+
const v = Math.max;
|
|
17
|
+
|
|
18
|
+
const d = Math.round;
|
|
19
|
+
|
|
20
|
+
const c = Math.floor;
|
|
21
|
+
|
|
22
|
+
const createCoords = r => ({
|
|
23
|
+
x: r,
|
|
24
|
+
y: r
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
const b = {
|
|
28
|
+
left: "right",
|
|
29
|
+
right: "left",
|
|
30
|
+
bottom: "top",
|
|
31
|
+
top: "bottom"
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
const l = {
|
|
35
|
+
start: "end",
|
|
36
|
+
end: "start"
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
function clamp(r, a, o) {
|
|
40
|
+
return v(r, g(a, o));
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
function evaluate(r, a) {
|
|
44
|
+
return typeof r === "function" ? r(a) : r;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
function getSide(r) {
|
|
48
|
+
return r.split("-")[0];
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
function getAlignment(r) {
|
|
52
|
+
return r.split("-")[1];
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
function getOppositeAxis(r) {
|
|
56
|
+
return r === "x" ? "y" : "x";
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
function getAxisLength(r) {
|
|
60
|
+
return r === "y" ? "height" : "width";
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
function getSideAxis(r) {
|
|
64
|
+
return [ "top", "bottom" ].includes(getSide(r)) ? "y" : "x";
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
function getAlignmentAxis(r) {
|
|
68
|
+
return getOppositeAxis(getSideAxis(r));
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
function getAlignmentSides(r, a, o) {
|
|
72
|
+
if (o === void 0) {
|
|
73
|
+
o = false;
|
|
74
|
+
}
|
|
75
|
+
const t = getAlignment(r);
|
|
76
|
+
const i = getAlignmentAxis(r);
|
|
77
|
+
const n = getAxisLength(i);
|
|
78
|
+
let e = i === "x" ? t === (o ? "end" : "start") ? "right" : "left" : t === "start" ? "bottom" : "top";
|
|
79
|
+
if (a.reference[n] > a.floating[n]) {
|
|
80
|
+
e = getOppositePlacement(e);
|
|
81
|
+
}
|
|
82
|
+
return [ e, getOppositePlacement(e) ];
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
function getExpandedPlacements(r) {
|
|
86
|
+
const a = getOppositePlacement(r);
|
|
87
|
+
return [ getOppositeAlignmentPlacement(r), a, getOppositeAlignmentPlacement(a) ];
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
function getOppositeAlignmentPlacement(r) {
|
|
91
|
+
return r.replace(/start|end/g, (r => l[r]));
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
function getSideList(r, a, o) {
|
|
95
|
+
const t = [ "left", "right" ];
|
|
96
|
+
const i = [ "right", "left" ];
|
|
97
|
+
const n = [ "top", "bottom" ];
|
|
98
|
+
const e = [ "bottom", "top" ];
|
|
99
|
+
switch (r) {
|
|
100
|
+
case "top":
|
|
101
|
+
case "bottom":
|
|
102
|
+
if (o) return a ? i : t;
|
|
103
|
+
return a ? t : i;
|
|
104
|
+
|
|
105
|
+
case "left":
|
|
106
|
+
case "right":
|
|
107
|
+
return a ? n : e;
|
|
108
|
+
|
|
109
|
+
default:
|
|
110
|
+
return [];
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
function getOppositeAxisPlacements(r, a, o, t) {
|
|
115
|
+
const i = getAlignment(r);
|
|
116
|
+
let n = getSideList(getSide(r), o === "start", t);
|
|
117
|
+
if (i) {
|
|
118
|
+
n = n.map((r => r + "-" + i));
|
|
119
|
+
if (a) {
|
|
120
|
+
n = n.concat(n.map(getOppositeAlignmentPlacement));
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
return n;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
function getOppositePlacement(r) {
|
|
127
|
+
return r.replace(/left|right|bottom|top/g, (r => b[r]));
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
function expandPaddingObject(r) {
|
|
131
|
+
return {
|
|
132
|
+
top: 0,
|
|
133
|
+
right: 0,
|
|
134
|
+
bottom: 0,
|
|
135
|
+
left: 0,
|
|
136
|
+
...r
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
function getPaddingObject(r) {
|
|
141
|
+
return typeof r !== "number" ? expandPaddingObject(r) : {
|
|
142
|
+
top: r,
|
|
143
|
+
right: r,
|
|
144
|
+
bottom: r,
|
|
145
|
+
left: r
|
|
146
|
+
};
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
function rectToClientRect(r) {
|
|
150
|
+
const {x: a, y: o, width: t, height: i} = r;
|
|
151
|
+
return {
|
|
152
|
+
width: t,
|
|
153
|
+
height: i,
|
|
154
|
+
top: o,
|
|
155
|
+
left: a,
|
|
156
|
+
right: a + t,
|
|
157
|
+
bottom: o + i,
|
|
158
|
+
x: a,
|
|
159
|
+
y: o
|
|
160
|
+
};
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
function computeCoordsFromPlacement(r, a, o) {
|
|
164
|
+
let {reference: t, floating: i} = r;
|
|
165
|
+
const n = getSideAxis(a);
|
|
166
|
+
const e = getAlignmentAxis(a);
|
|
167
|
+
const g = getAxisLength(e);
|
|
168
|
+
const v = getSide(a);
|
|
169
|
+
const d = n === "y";
|
|
170
|
+
const c = t.x + t.width / 2 - i.width / 2;
|
|
171
|
+
const b = t.y + t.height / 2 - i.height / 2;
|
|
172
|
+
const l = t[g] / 2 - i[g] / 2;
|
|
173
|
+
let u;
|
|
174
|
+
switch (v) {
|
|
175
|
+
case "top":
|
|
176
|
+
u = {
|
|
177
|
+
x: c,
|
|
178
|
+
y: t.y - i.height
|
|
179
|
+
};
|
|
180
|
+
break;
|
|
181
|
+
|
|
182
|
+
case "bottom":
|
|
183
|
+
u = {
|
|
184
|
+
x: c,
|
|
185
|
+
y: t.y + t.height
|
|
186
|
+
};
|
|
187
|
+
break;
|
|
188
|
+
|
|
189
|
+
case "right":
|
|
190
|
+
u = {
|
|
191
|
+
x: t.x + t.width,
|
|
192
|
+
y: b
|
|
193
|
+
};
|
|
194
|
+
break;
|
|
195
|
+
|
|
196
|
+
case "left":
|
|
197
|
+
u = {
|
|
198
|
+
x: t.x - i.width,
|
|
199
|
+
y: b
|
|
200
|
+
};
|
|
201
|
+
break;
|
|
202
|
+
|
|
203
|
+
default:
|
|
204
|
+
u = {
|
|
205
|
+
x: t.x,
|
|
206
|
+
y: t.y
|
|
207
|
+
};
|
|
208
|
+
}
|
|
209
|
+
switch (getAlignment(a)) {
|
|
210
|
+
case "start":
|
|
211
|
+
u[e] -= l * (o && d ? -1 : 1);
|
|
212
|
+
break;
|
|
213
|
+
|
|
214
|
+
case "end":
|
|
215
|
+
u[e] += l * (o && d ? -1 : 1);
|
|
216
|
+
break;
|
|
217
|
+
}
|
|
218
|
+
return u;
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
/**
|
|
222
|
+
* Computes the `x` and `y` coordinates that will place the floating element
|
|
223
|
+
* next to a given reference element.
|
|
224
|
+
*
|
|
225
|
+
* This export does not have any `platform` interface logic. You will need to
|
|
226
|
+
* write one for the platform you are using Floating UI with.
|
|
227
|
+
*/ const computePosition$1 = async (r, a, o) => {
|
|
228
|
+
const {placement: t = "bottom", strategy: i = "absolute", middleware: n = [], platform: e} = o;
|
|
229
|
+
const g = n.filter(Boolean);
|
|
230
|
+
const v = await (e.isRTL == null ? void 0 : e.isRTL(a));
|
|
231
|
+
let d = await e.getElementRects({
|
|
232
|
+
reference: r,
|
|
233
|
+
floating: a,
|
|
234
|
+
strategy: i
|
|
235
|
+
});
|
|
236
|
+
let {x: c, y: b} = computeCoordsFromPlacement(d, t, v);
|
|
237
|
+
let l = t;
|
|
238
|
+
let u = {};
|
|
239
|
+
let m = 0;
|
|
240
|
+
for (let o = 0; o < g.length; o++) {
|
|
241
|
+
const {name: n, fn: s} = g[o];
|
|
242
|
+
const {x: k, y: p, data: f, reset: w} = await s({
|
|
243
|
+
x: c,
|
|
244
|
+
y: b,
|
|
245
|
+
initialPlacement: t,
|
|
246
|
+
placement: l,
|
|
247
|
+
strategy: i,
|
|
248
|
+
middlewareData: u,
|
|
249
|
+
rects: d,
|
|
250
|
+
platform: e,
|
|
251
|
+
elements: {
|
|
252
|
+
reference: r,
|
|
253
|
+
floating: a
|
|
254
|
+
}
|
|
255
|
+
});
|
|
256
|
+
c = k != null ? k : c;
|
|
257
|
+
b = p != null ? p : b;
|
|
258
|
+
u = {
|
|
259
|
+
...u,
|
|
260
|
+
[n]: {
|
|
261
|
+
...u[n],
|
|
262
|
+
...f
|
|
263
|
+
}
|
|
264
|
+
};
|
|
265
|
+
if (w && m <= 50) {
|
|
266
|
+
m++;
|
|
267
|
+
if (typeof w === "object") {
|
|
268
|
+
if (w.placement) {
|
|
269
|
+
l = w.placement;
|
|
270
|
+
}
|
|
271
|
+
if (w.rects) {
|
|
272
|
+
d = w.rects === true ? await e.getElementRects({
|
|
273
|
+
reference: r,
|
|
274
|
+
floating: a,
|
|
275
|
+
strategy: i
|
|
276
|
+
}) : w.rects;
|
|
277
|
+
}
|
|
278
|
+
({x: c, y: b} = computeCoordsFromPlacement(d, l, v));
|
|
279
|
+
}
|
|
280
|
+
o = -1;
|
|
281
|
+
}
|
|
282
|
+
}
|
|
283
|
+
return {
|
|
284
|
+
x: c,
|
|
285
|
+
y: b,
|
|
286
|
+
placement: l,
|
|
287
|
+
strategy: i,
|
|
288
|
+
middlewareData: u
|
|
289
|
+
};
|
|
290
|
+
};
|
|
291
|
+
|
|
292
|
+
/**
|
|
293
|
+
* Resolves with an object of overflow side offsets that determine how much the
|
|
294
|
+
* element is overflowing a given clipping boundary on each side.
|
|
295
|
+
* - positive = overflowing the boundary by that number of pixels
|
|
296
|
+
* - negative = how many pixels left before it will overflow
|
|
297
|
+
* - 0 = lies flush with the boundary
|
|
298
|
+
* @see https://floating-ui.com/docs/detectOverflow
|
|
299
|
+
*/ async function detectOverflow(r, a) {
|
|
300
|
+
var o;
|
|
301
|
+
if (a === void 0) {
|
|
302
|
+
a = {};
|
|
303
|
+
}
|
|
304
|
+
const {x: t, y: i, platform: n, rects: e, elements: g, strategy: v} = r;
|
|
305
|
+
const {boundary: d = "clippingAncestors", rootBoundary: c = "viewport", elementContext: b = "floating", altBoundary: l = false, padding: u = 0} = evaluate(a, r);
|
|
306
|
+
const m = getPaddingObject(u);
|
|
307
|
+
const s = b === "floating" ? "reference" : "floating";
|
|
308
|
+
const k = g[l ? s : b];
|
|
309
|
+
const p = rectToClientRect(await n.getClippingRect({
|
|
310
|
+
element: ((o = await (n.isElement == null ? void 0 : n.isElement(k))) != null ? o : true) ? k : k.contextElement || await (n.getDocumentElement == null ? void 0 : n.getDocumentElement(g.floating)),
|
|
311
|
+
boundary: d,
|
|
312
|
+
rootBoundary: c,
|
|
313
|
+
strategy: v
|
|
314
|
+
}));
|
|
315
|
+
const f = b === "floating" ? {
|
|
316
|
+
x: t,
|
|
317
|
+
y: i,
|
|
318
|
+
width: e.floating.width,
|
|
319
|
+
height: e.floating.height
|
|
320
|
+
} : e.reference;
|
|
321
|
+
const w = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(g.floating));
|
|
322
|
+
const h = await (n.isElement == null ? void 0 : n.isElement(w)) ? await (n.getScale == null ? void 0 : n.getScale(w)) || {
|
|
323
|
+
x: 1,
|
|
324
|
+
y: 1
|
|
325
|
+
} : {
|
|
326
|
+
x: 1,
|
|
327
|
+
y: 1
|
|
328
|
+
};
|
|
329
|
+
const y = rectToClientRect(n.convertOffsetParentRelativeRectToViewportRelativeRect ? await n.convertOffsetParentRelativeRectToViewportRelativeRect({
|
|
330
|
+
elements: g,
|
|
331
|
+
rect: f,
|
|
332
|
+
offsetParent: w,
|
|
333
|
+
strategy: v
|
|
334
|
+
}) : f);
|
|
335
|
+
return {
|
|
336
|
+
top: (p.top - y.top + m.top) / h.y,
|
|
337
|
+
bottom: (y.bottom - p.bottom + m.bottom) / h.y,
|
|
338
|
+
left: (p.left - y.left + m.left) / h.x,
|
|
339
|
+
right: (y.right - p.right + m.right) / h.x
|
|
340
|
+
};
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
/**
|
|
344
|
+
* Provides data to position an inner element of the floating element so that it
|
|
345
|
+
* appears centered to the reference element.
|
|
346
|
+
* @see https://floating-ui.com/docs/arrow
|
|
347
|
+
*/ const arrow$1 = r => ({
|
|
348
|
+
name: "arrow",
|
|
349
|
+
options: r,
|
|
350
|
+
async fn(a) {
|
|
351
|
+
const {x: o, y: t, placement: i, rects: n, platform: e, elements: v, middlewareData: d} = a;
|
|
352
|
+
// Since `element` is required, we don't Partial<> the type.
|
|
353
|
+
const {element: c, padding: b = 0} = evaluate(r, a) || {};
|
|
354
|
+
if (c == null) {
|
|
355
|
+
return {};
|
|
356
|
+
}
|
|
357
|
+
const l = getPaddingObject(b);
|
|
358
|
+
const u = {
|
|
359
|
+
x: o,
|
|
360
|
+
y: t
|
|
361
|
+
};
|
|
362
|
+
const m = getAlignmentAxis(i);
|
|
363
|
+
const s = getAxisLength(m);
|
|
364
|
+
const k = await e.getDimensions(c);
|
|
365
|
+
const p = m === "y";
|
|
366
|
+
const f = p ? "top" : "left";
|
|
367
|
+
const w = p ? "bottom" : "right";
|
|
368
|
+
const h = p ? "clientHeight" : "clientWidth";
|
|
369
|
+
const y = n.reference[s] + n.reference[m] - u[m] - n.floating[s];
|
|
370
|
+
const x = u[m] - n.reference[m];
|
|
371
|
+
const A = await (e.getOffsetParent == null ? void 0 : e.getOffsetParent(c));
|
|
372
|
+
let O = A ? A[h] : 0;
|
|
373
|
+
// DOM platform can return `window` as the `offsetParent`.
|
|
374
|
+
if (!O || !await (e.isElement == null ? void 0 : e.isElement(A))) {
|
|
375
|
+
O = v.floating[h] || n.floating[s];
|
|
376
|
+
}
|
|
377
|
+
const C = y / 2 - x / 2;
|
|
378
|
+
// If the padding is large enough that it causes the arrow to no longer be
|
|
379
|
+
// centered, modify the padding so that it is centered.
|
|
380
|
+
const S = O / 2 - k[s] / 2 - 1;
|
|
381
|
+
const E = g(l[f], S);
|
|
382
|
+
const T = g(l[w], S);
|
|
383
|
+
// Make sure the arrow doesn't overflow the floating element if the center
|
|
384
|
+
// point is outside the floating element's bounds.
|
|
385
|
+
const P = E;
|
|
386
|
+
const R = O - k[s] - T;
|
|
387
|
+
const z = O / 2 - k[s] / 2 + C;
|
|
388
|
+
const L = clamp(P, z, R);
|
|
389
|
+
// If the reference is small enough that the arrow's padding causes it to
|
|
390
|
+
// to point to nothing for an aligned placement, adjust the offset of the
|
|
391
|
+
// floating element itself. To ensure `shift()` continues to take action,
|
|
392
|
+
// a single reset is performed when this is true.
|
|
393
|
+
const N = !d.arrow && getAlignment(i) != null && z !== L && n.reference[s] / 2 - (z < P ? E : T) - k[s] / 2 < 0;
|
|
394
|
+
const D = N ? z < P ? z - P : z - R : 0;
|
|
395
|
+
return {
|
|
396
|
+
[m]: u[m] + D,
|
|
397
|
+
data: {
|
|
398
|
+
[m]: L,
|
|
399
|
+
centerOffset: z - L - D,
|
|
400
|
+
...N && {
|
|
401
|
+
alignmentOffset: D
|
|
402
|
+
}
|
|
403
|
+
},
|
|
404
|
+
reset: N
|
|
405
|
+
};
|
|
406
|
+
}
|
|
407
|
+
})
|
|
408
|
+
/**
|
|
409
|
+
* Optimizes the visibility of the floating element by flipping the `placement`
|
|
410
|
+
* in order to keep it in view when the preferred placement(s) will overflow the
|
|
411
|
+
* clipping boundary. Alternative to `autoPlacement`.
|
|
412
|
+
* @see https://floating-ui.com/docs/flip
|
|
413
|
+
*/;
|
|
414
|
+
|
|
415
|
+
const flip$1 = function(r) {
|
|
416
|
+
if (r === void 0) {
|
|
417
|
+
r = {};
|
|
418
|
+
}
|
|
419
|
+
return {
|
|
420
|
+
name: "flip",
|
|
421
|
+
options: r,
|
|
422
|
+
async fn(a) {
|
|
423
|
+
var o, t;
|
|
424
|
+
const {placement: i, middlewareData: n, rects: e, initialPlacement: g, platform: v, elements: d} = a;
|
|
425
|
+
const {mainAxis: c = true, crossAxis: b = true, fallbackPlacements: l, fallbackStrategy: u = "bestFit", fallbackAxisSideDirection: m = "none", flipAlignment: s = true, ...k} = evaluate(r, a);
|
|
426
|
+
// If a reset by the arrow was caused due to an alignment offset being
|
|
427
|
+
// added, we should skip any logic now since `flip()` has already done its
|
|
428
|
+
// work.
|
|
429
|
+
// https://github.com/floating-ui/floating-ui/issues/2549#issuecomment-1719601643
|
|
430
|
+
if ((o = n.arrow) != null && o.alignmentOffset) {
|
|
431
|
+
return {};
|
|
432
|
+
}
|
|
433
|
+
const p = getSide(i);
|
|
434
|
+
const f = getSideAxis(g);
|
|
435
|
+
const w = getSide(g) === g;
|
|
436
|
+
const h = await (v.isRTL == null ? void 0 : v.isRTL(d.floating));
|
|
437
|
+
const y = l || (w || !s ? [ getOppositePlacement(g) ] : getExpandedPlacements(g));
|
|
438
|
+
const x = m !== "none";
|
|
439
|
+
if (!l && x) {
|
|
440
|
+
y.push(...getOppositeAxisPlacements(g, s, m, h));
|
|
441
|
+
}
|
|
442
|
+
const A = [ g, ...y ];
|
|
443
|
+
const O = await detectOverflow(a, k);
|
|
444
|
+
const C = [];
|
|
445
|
+
let S = ((t = n.flip) == null ? void 0 : t.overflows) || [];
|
|
446
|
+
if (c) {
|
|
447
|
+
C.push(O[p]);
|
|
448
|
+
}
|
|
449
|
+
if (b) {
|
|
450
|
+
const r = getAlignmentSides(i, e, h);
|
|
451
|
+
C.push(O[r[0]], O[r[1]]);
|
|
452
|
+
}
|
|
453
|
+
S = [ ...S, {
|
|
454
|
+
placement: i,
|
|
455
|
+
overflows: C
|
|
456
|
+
} ];
|
|
457
|
+
// One or more sides is overflowing.
|
|
458
|
+
if (!C.every((r => r <= 0))) {
|
|
459
|
+
var E, T;
|
|
460
|
+
const r = (((E = n.flip) == null ? void 0 : E.index) || 0) + 1;
|
|
461
|
+
const a = A[r];
|
|
462
|
+
if (a) {
|
|
463
|
+
const o = b === "alignment" ? f !== getSideAxis(a) : false;
|
|
464
|
+
if (!o ||
|
|
465
|
+
// We leave the current main axis only if every placement on that axis
|
|
466
|
+
// overflows the main axis.
|
|
467
|
+
S.every((r => r.overflows[0] > 0 && getSideAxis(r.placement) === f))) {
|
|
468
|
+
// Try next placement and re-run the lifecycle.
|
|
469
|
+
return {
|
|
470
|
+
data: {
|
|
471
|
+
index: r,
|
|
472
|
+
overflows: S
|
|
473
|
+
},
|
|
474
|
+
reset: {
|
|
475
|
+
placement: a
|
|
476
|
+
}
|
|
477
|
+
};
|
|
478
|
+
}
|
|
479
|
+
}
|
|
480
|
+
// First, find the candidates that fit on the mainAxis side of overflow,
|
|
481
|
+
// then find the placement that fits the best on the main crossAxis side.
|
|
482
|
+
let o = (T = S.filter((r => r.overflows[0] <= 0)).sort(((r, a) => r.overflows[1] - a.overflows[1]))[0]) == null ? void 0 : T.placement;
|
|
483
|
+
// Otherwise fallback.
|
|
484
|
+
if (!o) {
|
|
485
|
+
switch (u) {
|
|
486
|
+
case "bestFit":
|
|
487
|
+
{
|
|
488
|
+
var P;
|
|
489
|
+
const r = (P = S.filter((r => {
|
|
490
|
+
if (x) {
|
|
491
|
+
const a = getSideAxis(r.placement);
|
|
492
|
+
return a === f ||
|
|
493
|
+
// Create a bias to the `y` side axis due to horizontal
|
|
494
|
+
// reading directions favoring greater width.
|
|
495
|
+
a === "y";
|
|
496
|
+
}
|
|
497
|
+
return true;
|
|
498
|
+
})).map((r => [ r.placement, r.overflows.filter((r => r > 0)).reduce(((r, a) => r + a), 0) ])).sort(((r, a) => r[1] - a[1]))[0]) == null ? void 0 : P[0];
|
|
499
|
+
if (r) {
|
|
500
|
+
o = r;
|
|
501
|
+
}
|
|
502
|
+
break;
|
|
503
|
+
}
|
|
504
|
+
|
|
505
|
+
case "initialPlacement":
|
|
506
|
+
o = g;
|
|
507
|
+
break;
|
|
508
|
+
}
|
|
509
|
+
}
|
|
510
|
+
if (i !== o) {
|
|
511
|
+
return {
|
|
512
|
+
reset: {
|
|
513
|
+
placement: o
|
|
514
|
+
}
|
|
515
|
+
};
|
|
516
|
+
}
|
|
517
|
+
}
|
|
518
|
+
return {};
|
|
519
|
+
}
|
|
520
|
+
};
|
|
521
|
+
};
|
|
522
|
+
|
|
523
|
+
function getSideOffsets(r, a) {
|
|
524
|
+
return {
|
|
525
|
+
top: r.top - a.height,
|
|
526
|
+
right: r.right - a.width,
|
|
527
|
+
bottom: r.bottom - a.height,
|
|
528
|
+
left: r.left - a.width
|
|
529
|
+
};
|
|
530
|
+
}
|
|
531
|
+
|
|
532
|
+
function isAnySideFullyClipped(r) {
|
|
533
|
+
return e.some((a => r[a] >= 0));
|
|
534
|
+
}
|
|
535
|
+
|
|
536
|
+
/**
|
|
537
|
+
* Provides data to hide the floating element in applicable situations, such as
|
|
538
|
+
* when it is not in the same clipping context as the reference element.
|
|
539
|
+
* @see https://floating-ui.com/docs/hide
|
|
540
|
+
*/ const hide$1 = function(r) {
|
|
541
|
+
if (r === void 0) {
|
|
542
|
+
r = {};
|
|
543
|
+
}
|
|
544
|
+
return {
|
|
545
|
+
name: "hide",
|
|
546
|
+
options: r,
|
|
547
|
+
async fn(a) {
|
|
548
|
+
const {rects: o} = a;
|
|
549
|
+
const {strategy: t = "referenceHidden", ...i} = evaluate(r, a);
|
|
550
|
+
switch (t) {
|
|
551
|
+
case "referenceHidden":
|
|
552
|
+
{
|
|
553
|
+
const r = await detectOverflow(a, {
|
|
554
|
+
...i,
|
|
555
|
+
elementContext: "reference"
|
|
556
|
+
});
|
|
557
|
+
const t = getSideOffsets(r, o.reference);
|
|
558
|
+
return {
|
|
559
|
+
data: {
|
|
560
|
+
referenceHiddenOffsets: t,
|
|
561
|
+
referenceHidden: isAnySideFullyClipped(t)
|
|
562
|
+
}
|
|
563
|
+
};
|
|
564
|
+
}
|
|
565
|
+
|
|
566
|
+
case "escaped":
|
|
567
|
+
{
|
|
568
|
+
const r = await detectOverflow(a, {
|
|
569
|
+
...i,
|
|
570
|
+
altBoundary: true
|
|
571
|
+
});
|
|
572
|
+
const t = getSideOffsets(r, o.floating);
|
|
573
|
+
return {
|
|
574
|
+
data: {
|
|
575
|
+
escapedOffsets: t,
|
|
576
|
+
escaped: isAnySideFullyClipped(t)
|
|
577
|
+
}
|
|
578
|
+
};
|
|
579
|
+
}
|
|
580
|
+
|
|
581
|
+
default:
|
|
582
|
+
{
|
|
583
|
+
return {};
|
|
584
|
+
}
|
|
585
|
+
}
|
|
586
|
+
}
|
|
587
|
+
};
|
|
588
|
+
};
|
|
589
|
+
|
|
590
|
+
// For type backwards-compatibility, the `OffsetOptions` type was also
|
|
591
|
+
// Derivable.
|
|
592
|
+
async function convertValueToCoords(r, a) {
|
|
593
|
+
const {placement: o, platform: t, elements: i} = r;
|
|
594
|
+
const n = await (t.isRTL == null ? void 0 : t.isRTL(i.floating));
|
|
595
|
+
const e = getSide(o);
|
|
596
|
+
const g = getAlignment(o);
|
|
597
|
+
const v = getSideAxis(o) === "y";
|
|
598
|
+
const d = [ "left", "top" ].includes(e) ? -1 : 1;
|
|
599
|
+
const c = n && v ? -1 : 1;
|
|
600
|
+
const b = evaluate(a, r);
|
|
601
|
+
// eslint-disable-next-line prefer-const
|
|
602
|
+
let {mainAxis: l, crossAxis: u, alignmentAxis: m} = typeof b === "number" ? {
|
|
603
|
+
mainAxis: b,
|
|
604
|
+
crossAxis: 0,
|
|
605
|
+
alignmentAxis: null
|
|
606
|
+
} : {
|
|
607
|
+
mainAxis: b.mainAxis || 0,
|
|
608
|
+
crossAxis: b.crossAxis || 0,
|
|
609
|
+
alignmentAxis: b.alignmentAxis
|
|
610
|
+
};
|
|
611
|
+
if (g && typeof m === "number") {
|
|
612
|
+
u = g === "end" ? m * -1 : m;
|
|
613
|
+
}
|
|
614
|
+
return v ? {
|
|
615
|
+
x: u * c,
|
|
616
|
+
y: l * d
|
|
617
|
+
} : {
|
|
618
|
+
x: l * d,
|
|
619
|
+
y: u * c
|
|
620
|
+
};
|
|
621
|
+
}
|
|
622
|
+
|
|
623
|
+
/**
|
|
624
|
+
* Modifies the placement by translating the floating element along the
|
|
625
|
+
* specified axes.
|
|
626
|
+
* A number (shorthand for `mainAxis` or distance), or an axes configuration
|
|
627
|
+
* object may be passed.
|
|
628
|
+
* @see https://floating-ui.com/docs/offset
|
|
629
|
+
*/ const offset$1 = function(r) {
|
|
630
|
+
if (r === void 0) {
|
|
631
|
+
r = 0;
|
|
632
|
+
}
|
|
633
|
+
return {
|
|
634
|
+
name: "offset",
|
|
635
|
+
options: r,
|
|
636
|
+
async fn(a) {
|
|
637
|
+
var o, t;
|
|
638
|
+
const {x: i, y: n, placement: e, middlewareData: g} = a;
|
|
639
|
+
const v = await convertValueToCoords(a, r);
|
|
640
|
+
// If the placement is the same and the arrow caused an alignment offset
|
|
641
|
+
// then we don't need to change the positioning coordinates.
|
|
642
|
+
if (e === ((o = g.offset) == null ? void 0 : o.placement) && (t = g.arrow) != null && t.alignmentOffset) {
|
|
643
|
+
return {};
|
|
644
|
+
}
|
|
645
|
+
return {
|
|
646
|
+
x: i + v.x,
|
|
647
|
+
y: n + v.y,
|
|
648
|
+
data: {
|
|
649
|
+
...v,
|
|
650
|
+
placement: e
|
|
651
|
+
}
|
|
652
|
+
};
|
|
653
|
+
}
|
|
654
|
+
};
|
|
655
|
+
};
|
|
656
|
+
|
|
657
|
+
/**
|
|
658
|
+
* Optimizes the visibility of the floating element by shifting it in order to
|
|
659
|
+
* keep it in view when it will overflow the clipping boundary.
|
|
660
|
+
* @see https://floating-ui.com/docs/shift
|
|
661
|
+
*/ const shift$1 = function(r) {
|
|
662
|
+
if (r === void 0) {
|
|
663
|
+
r = {};
|
|
664
|
+
}
|
|
665
|
+
return {
|
|
666
|
+
name: "shift",
|
|
667
|
+
options: r,
|
|
668
|
+
async fn(a) {
|
|
669
|
+
const {x: o, y: t, placement: i} = a;
|
|
670
|
+
const {mainAxis: n = true, crossAxis: e = false, limiter: g = {
|
|
671
|
+
fn: r => {
|
|
672
|
+
let {x: a, y: o} = r;
|
|
673
|
+
return {
|
|
674
|
+
x: a,
|
|
675
|
+
y: o
|
|
676
|
+
};
|
|
677
|
+
}
|
|
678
|
+
}, ...v} = evaluate(r, a);
|
|
679
|
+
const d = {
|
|
680
|
+
x: o,
|
|
681
|
+
y: t
|
|
682
|
+
};
|
|
683
|
+
const c = await detectOverflow(a, v);
|
|
684
|
+
const b = getSideAxis(getSide(i));
|
|
685
|
+
const l = getOppositeAxis(b);
|
|
686
|
+
let u = d[l];
|
|
687
|
+
let m = d[b];
|
|
688
|
+
if (n) {
|
|
689
|
+
const r = l === "y" ? "top" : "left";
|
|
690
|
+
const a = l === "y" ? "bottom" : "right";
|
|
691
|
+
const o = u + c[r];
|
|
692
|
+
const t = u - c[a];
|
|
693
|
+
u = clamp(o, u, t);
|
|
694
|
+
}
|
|
695
|
+
if (e) {
|
|
696
|
+
const r = b === "y" ? "top" : "left";
|
|
697
|
+
const a = b === "y" ? "bottom" : "right";
|
|
698
|
+
const o = m + c[r];
|
|
699
|
+
const t = m - c[a];
|
|
700
|
+
m = clamp(o, m, t);
|
|
701
|
+
}
|
|
702
|
+
const s = g.fn({
|
|
703
|
+
...a,
|
|
704
|
+
[l]: u,
|
|
705
|
+
[b]: m
|
|
706
|
+
});
|
|
707
|
+
return {
|
|
708
|
+
...s,
|
|
709
|
+
data: {
|
|
710
|
+
x: s.x - o,
|
|
711
|
+
y: s.y - t,
|
|
712
|
+
enabled: {
|
|
713
|
+
[l]: n,
|
|
714
|
+
[b]: e
|
|
715
|
+
}
|
|
716
|
+
}
|
|
717
|
+
};
|
|
718
|
+
}
|
|
719
|
+
};
|
|
720
|
+
};
|
|
721
|
+
|
|
722
|
+
function hasWindow() {
|
|
723
|
+
return typeof window !== "undefined";
|
|
724
|
+
}
|
|
725
|
+
|
|
726
|
+
function getNodeName(r) {
|
|
727
|
+
if (isNode(r)) {
|
|
728
|
+
return (r.nodeName || "").toLowerCase();
|
|
729
|
+
}
|
|
730
|
+
// Mocked nodes in testing environments may not be instances of Node. By
|
|
731
|
+
// returning `#document` an infinite loop won't occur.
|
|
732
|
+
// https://github.com/floating-ui/floating-ui/issues/2317
|
|
733
|
+
return "#document";
|
|
734
|
+
}
|
|
735
|
+
|
|
736
|
+
function getWindow(r) {
|
|
737
|
+
var a;
|
|
738
|
+
return (r == null || (a = r.ownerDocument) == null ? void 0 : a.defaultView) || window;
|
|
739
|
+
}
|
|
740
|
+
|
|
741
|
+
function getDocumentElement(r) {
|
|
742
|
+
var a;
|
|
743
|
+
return (a = (isNode(r) ? r.ownerDocument : r.document) || window.document) == null ? void 0 : a.documentElement;
|
|
744
|
+
}
|
|
745
|
+
|
|
746
|
+
function isNode(r) {
|
|
747
|
+
if (!hasWindow()) {
|
|
748
|
+
return false;
|
|
749
|
+
}
|
|
750
|
+
return r instanceof Node || r instanceof getWindow(r).Node;
|
|
751
|
+
}
|
|
752
|
+
|
|
753
|
+
function isElement(r) {
|
|
754
|
+
if (!hasWindow()) {
|
|
755
|
+
return false;
|
|
756
|
+
}
|
|
757
|
+
return r instanceof Element || r instanceof getWindow(r).Element;
|
|
758
|
+
}
|
|
759
|
+
|
|
760
|
+
function isHTMLElement(r) {
|
|
761
|
+
if (!hasWindow()) {
|
|
762
|
+
return false;
|
|
763
|
+
}
|
|
764
|
+
return r instanceof HTMLElement || r instanceof getWindow(r).HTMLElement;
|
|
765
|
+
}
|
|
766
|
+
|
|
767
|
+
function isShadowRoot(r) {
|
|
768
|
+
if (!hasWindow() || typeof ShadowRoot === "undefined") {
|
|
769
|
+
return false;
|
|
770
|
+
}
|
|
771
|
+
return r instanceof ShadowRoot || r instanceof getWindow(r).ShadowRoot;
|
|
772
|
+
}
|
|
773
|
+
|
|
774
|
+
function isOverflowElement(r) {
|
|
775
|
+
const {overflow: a, overflowX: o, overflowY: t, display: i} = getComputedStyle(r);
|
|
776
|
+
return /auto|scroll|overlay|hidden|clip/.test(a + t + o) && ![ "inline", "contents" ].includes(i);
|
|
777
|
+
}
|
|
778
|
+
|
|
779
|
+
function isTableElement(r) {
|
|
780
|
+
return [ "table", "td", "th" ].includes(getNodeName(r));
|
|
781
|
+
}
|
|
782
|
+
|
|
783
|
+
function isTopLayer(r) {
|
|
784
|
+
return [ ":popover-open", ":modal" ].some((a => {
|
|
785
|
+
try {
|
|
786
|
+
return r.matches(a);
|
|
787
|
+
} catch (r) {
|
|
788
|
+
return false;
|
|
789
|
+
}
|
|
790
|
+
}));
|
|
791
|
+
}
|
|
792
|
+
|
|
793
|
+
function isContainingBlock(r) {
|
|
794
|
+
const a = isWebKit();
|
|
795
|
+
const o = isElement(r) ? getComputedStyle(r) : r;
|
|
796
|
+
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
|
|
797
|
+
// https://drafts.csswg.org/css-transforms-2/#individual-transforms
|
|
798
|
+
return [ "transform", "translate", "scale", "rotate", "perspective" ].some((r => o[r] ? o[r] !== "none" : false)) || (o.containerType ? o.containerType !== "normal" : false) || !a && (o.backdropFilter ? o.backdropFilter !== "none" : false) || !a && (o.filter ? o.filter !== "none" : false) || [ "transform", "translate", "scale", "rotate", "perspective", "filter" ].some((r => (o.willChange || "").includes(r))) || [ "paint", "layout", "strict", "content" ].some((r => (o.contain || "").includes(r)));
|
|
799
|
+
}
|
|
800
|
+
|
|
801
|
+
function getContainingBlock(r) {
|
|
802
|
+
let a = getParentNode(r);
|
|
803
|
+
while (isHTMLElement(a) && !isLastTraversableNode(a)) {
|
|
804
|
+
if (isContainingBlock(a)) {
|
|
805
|
+
return a;
|
|
806
|
+
} else if (isTopLayer(a)) {
|
|
807
|
+
return null;
|
|
808
|
+
}
|
|
809
|
+
a = getParentNode(a);
|
|
810
|
+
}
|
|
811
|
+
return null;
|
|
812
|
+
}
|
|
813
|
+
|
|
814
|
+
function isWebKit() {
|
|
815
|
+
if (typeof CSS === "undefined" || !CSS.supports) return false;
|
|
816
|
+
return CSS.supports("-webkit-backdrop-filter", "none");
|
|
817
|
+
}
|
|
818
|
+
|
|
819
|
+
function isLastTraversableNode(r) {
|
|
820
|
+
return [ "html", "body", "#document" ].includes(getNodeName(r));
|
|
821
|
+
}
|
|
822
|
+
|
|
823
|
+
function getComputedStyle(r) {
|
|
824
|
+
return getWindow(r).getComputedStyle(r);
|
|
825
|
+
}
|
|
826
|
+
|
|
827
|
+
function getNodeScroll(r) {
|
|
828
|
+
if (isElement(r)) {
|
|
829
|
+
return {
|
|
830
|
+
scrollLeft: r.scrollLeft,
|
|
831
|
+
scrollTop: r.scrollTop
|
|
832
|
+
};
|
|
833
|
+
}
|
|
834
|
+
return {
|
|
835
|
+
scrollLeft: r.scrollX,
|
|
836
|
+
scrollTop: r.scrollY
|
|
837
|
+
};
|
|
838
|
+
}
|
|
839
|
+
|
|
840
|
+
function getParentNode(r) {
|
|
841
|
+
if (getNodeName(r) === "html") {
|
|
842
|
+
return r;
|
|
843
|
+
}
|
|
844
|
+
const a =
|
|
845
|
+
// Step into the shadow DOM of the parent of a slotted node.
|
|
846
|
+
r.assignedSlot ||
|
|
847
|
+
// DOM Element detected.
|
|
848
|
+
r.parentNode ||
|
|
849
|
+
// ShadowRoot detected.
|
|
850
|
+
isShadowRoot(r) && r.host ||
|
|
851
|
+
// Fallback.
|
|
852
|
+
getDocumentElement(r);
|
|
853
|
+
return isShadowRoot(a) ? a.host : a;
|
|
854
|
+
}
|
|
855
|
+
|
|
856
|
+
function getNearestOverflowAncestor(r) {
|
|
857
|
+
const a = getParentNode(r);
|
|
858
|
+
if (isLastTraversableNode(a)) {
|
|
859
|
+
return r.ownerDocument ? r.ownerDocument.body : r.body;
|
|
860
|
+
}
|
|
861
|
+
if (isHTMLElement(a) && isOverflowElement(a)) {
|
|
862
|
+
return a;
|
|
863
|
+
}
|
|
864
|
+
return getNearestOverflowAncestor(a);
|
|
865
|
+
}
|
|
866
|
+
|
|
867
|
+
function getOverflowAncestors(r, a, o) {
|
|
868
|
+
var t;
|
|
869
|
+
if (a === void 0) {
|
|
870
|
+
a = [];
|
|
871
|
+
}
|
|
872
|
+
if (o === void 0) {
|
|
873
|
+
o = true;
|
|
874
|
+
}
|
|
875
|
+
const i = getNearestOverflowAncestor(r);
|
|
876
|
+
const n = i === ((t = r.ownerDocument) == null ? void 0 : t.body);
|
|
877
|
+
const e = getWindow(i);
|
|
878
|
+
if (n) {
|
|
879
|
+
const r = getFrameElement(e);
|
|
880
|
+
return a.concat(e, e.visualViewport || [], isOverflowElement(i) ? i : [], r && o ? getOverflowAncestors(r) : []);
|
|
881
|
+
}
|
|
882
|
+
return a.concat(i, getOverflowAncestors(i, [], o));
|
|
883
|
+
}
|
|
884
|
+
|
|
885
|
+
function getFrameElement(r) {
|
|
886
|
+
return r.parent && Object.getPrototypeOf(r.parent) ? r.frameElement : null;
|
|
887
|
+
}
|
|
888
|
+
|
|
889
|
+
function getCssDimensions(r) {
|
|
890
|
+
const a = getComputedStyle(r);
|
|
891
|
+
// In testing environments, the `width` and `height` properties are empty
|
|
892
|
+
// strings for SVG elements, returning NaN. Fallback to `0` in this case.
|
|
893
|
+
let o = parseFloat(a.width) || 0;
|
|
894
|
+
let t = parseFloat(a.height) || 0;
|
|
895
|
+
const i = isHTMLElement(r);
|
|
896
|
+
const n = i ? r.offsetWidth : o;
|
|
897
|
+
const e = i ? r.offsetHeight : t;
|
|
898
|
+
const g = d(o) !== n || d(t) !== e;
|
|
899
|
+
if (g) {
|
|
900
|
+
o = n;
|
|
901
|
+
t = e;
|
|
902
|
+
}
|
|
903
|
+
return {
|
|
904
|
+
width: o,
|
|
905
|
+
height: t,
|
|
906
|
+
$: g
|
|
907
|
+
};
|
|
908
|
+
}
|
|
909
|
+
|
|
910
|
+
function unwrapElement(r) {
|
|
911
|
+
return !isElement(r) ? r.contextElement : r;
|
|
912
|
+
}
|
|
913
|
+
|
|
914
|
+
function getScale(r) {
|
|
915
|
+
const a = unwrapElement(r);
|
|
916
|
+
if (!isHTMLElement(a)) {
|
|
917
|
+
return createCoords(1);
|
|
918
|
+
}
|
|
919
|
+
const o = a.getBoundingClientRect();
|
|
920
|
+
const {width: t, height: i, $: n} = getCssDimensions(a);
|
|
921
|
+
let e = (n ? d(o.width) : o.width) / t;
|
|
922
|
+
let g = (n ? d(o.height) : o.height) / i;
|
|
923
|
+
// 0, NaN, or Infinity should always fallback to 1.
|
|
924
|
+
if (!e || !Number.isFinite(e)) {
|
|
925
|
+
e = 1;
|
|
926
|
+
}
|
|
927
|
+
if (!g || !Number.isFinite(g)) {
|
|
928
|
+
g = 1;
|
|
929
|
+
}
|
|
930
|
+
return {
|
|
931
|
+
x: e,
|
|
932
|
+
y: g
|
|
933
|
+
};
|
|
934
|
+
}
|
|
935
|
+
|
|
936
|
+
const u = createCoords(0);
|
|
937
|
+
|
|
938
|
+
function getVisualOffsets(r) {
|
|
939
|
+
const a = getWindow(r);
|
|
940
|
+
if (!isWebKit() || !a.visualViewport) {
|
|
941
|
+
return u;
|
|
942
|
+
}
|
|
943
|
+
return {
|
|
944
|
+
x: a.visualViewport.offsetLeft,
|
|
945
|
+
y: a.visualViewport.offsetTop
|
|
946
|
+
};
|
|
947
|
+
}
|
|
948
|
+
|
|
949
|
+
function shouldAddVisualOffsets(r, a, o) {
|
|
950
|
+
if (a === void 0) {
|
|
951
|
+
a = false;
|
|
952
|
+
}
|
|
953
|
+
if (!o || a && o !== getWindow(r)) {
|
|
954
|
+
return false;
|
|
955
|
+
}
|
|
956
|
+
return a;
|
|
957
|
+
}
|
|
958
|
+
|
|
959
|
+
function getBoundingClientRect(r, a, o, t) {
|
|
960
|
+
if (a === void 0) {
|
|
961
|
+
a = false;
|
|
962
|
+
}
|
|
963
|
+
if (o === void 0) {
|
|
964
|
+
o = false;
|
|
965
|
+
}
|
|
966
|
+
const i = r.getBoundingClientRect();
|
|
967
|
+
const n = unwrapElement(r);
|
|
968
|
+
let e = createCoords(1);
|
|
969
|
+
if (a) {
|
|
970
|
+
if (t) {
|
|
971
|
+
if (isElement(t)) {
|
|
972
|
+
e = getScale(t);
|
|
973
|
+
}
|
|
974
|
+
} else {
|
|
975
|
+
e = getScale(r);
|
|
976
|
+
}
|
|
977
|
+
}
|
|
978
|
+
const g = shouldAddVisualOffsets(n, o, t) ? getVisualOffsets(n) : createCoords(0);
|
|
979
|
+
let v = (i.left + g.x) / e.x;
|
|
980
|
+
let d = (i.top + g.y) / e.y;
|
|
981
|
+
let c = i.width / e.x;
|
|
982
|
+
let b = i.height / e.y;
|
|
983
|
+
if (n) {
|
|
984
|
+
const r = getWindow(n);
|
|
985
|
+
const a = t && isElement(t) ? getWindow(t) : t;
|
|
986
|
+
let o = r;
|
|
987
|
+
let i = getFrameElement(o);
|
|
988
|
+
while (i && t && a !== o) {
|
|
989
|
+
const r = getScale(i);
|
|
990
|
+
const a = i.getBoundingClientRect();
|
|
991
|
+
const t = getComputedStyle(i);
|
|
992
|
+
const n = a.left + (i.clientLeft + parseFloat(t.paddingLeft)) * r.x;
|
|
993
|
+
const e = a.top + (i.clientTop + parseFloat(t.paddingTop)) * r.y;
|
|
994
|
+
v *= r.x;
|
|
995
|
+
d *= r.y;
|
|
996
|
+
c *= r.x;
|
|
997
|
+
b *= r.y;
|
|
998
|
+
v += n;
|
|
999
|
+
d += e;
|
|
1000
|
+
o = getWindow(i);
|
|
1001
|
+
i = getFrameElement(o);
|
|
1002
|
+
}
|
|
1003
|
+
}
|
|
1004
|
+
return rectToClientRect({
|
|
1005
|
+
width: c,
|
|
1006
|
+
height: b,
|
|
1007
|
+
x: v,
|
|
1008
|
+
y: d
|
|
1009
|
+
});
|
|
1010
|
+
}
|
|
1011
|
+
|
|
1012
|
+
// If <html> has a CSS width greater than the viewport, then this will be
|
|
1013
|
+
// incorrect for RTL.
|
|
1014
|
+
function getWindowScrollBarX(r, a) {
|
|
1015
|
+
const o = getNodeScroll(r).scrollLeft;
|
|
1016
|
+
if (!a) {
|
|
1017
|
+
return getBoundingClientRect(getDocumentElement(r)).left + o;
|
|
1018
|
+
}
|
|
1019
|
+
return a.left + o;
|
|
1020
|
+
}
|
|
1021
|
+
|
|
1022
|
+
function getHTMLOffset(r, a, o) {
|
|
1023
|
+
if (o === void 0) {
|
|
1024
|
+
o = false;
|
|
1025
|
+
}
|
|
1026
|
+
const t = r.getBoundingClientRect();
|
|
1027
|
+
const i = t.left + a.scrollLeft - (o ? 0 :
|
|
1028
|
+
// RTL <body> scrollbar.
|
|
1029
|
+
getWindowScrollBarX(r, t));
|
|
1030
|
+
const n = t.top + a.scrollTop;
|
|
1031
|
+
return {
|
|
1032
|
+
x: i,
|
|
1033
|
+
y: n
|
|
1034
|
+
};
|
|
1035
|
+
}
|
|
1036
|
+
|
|
1037
|
+
function convertOffsetParentRelativeRectToViewportRelativeRect(r) {
|
|
1038
|
+
let {elements: a, rect: o, offsetParent: t, strategy: i} = r;
|
|
1039
|
+
const n = i === "fixed";
|
|
1040
|
+
const e = getDocumentElement(t);
|
|
1041
|
+
const g = a ? isTopLayer(a.floating) : false;
|
|
1042
|
+
if (t === e || g && n) {
|
|
1043
|
+
return o;
|
|
1044
|
+
}
|
|
1045
|
+
let v = {
|
|
1046
|
+
scrollLeft: 0,
|
|
1047
|
+
scrollTop: 0
|
|
1048
|
+
};
|
|
1049
|
+
let d = createCoords(1);
|
|
1050
|
+
const c = createCoords(0);
|
|
1051
|
+
const b = isHTMLElement(t);
|
|
1052
|
+
if (b || !b && !n) {
|
|
1053
|
+
if (getNodeName(t) !== "body" || isOverflowElement(e)) {
|
|
1054
|
+
v = getNodeScroll(t);
|
|
1055
|
+
}
|
|
1056
|
+
if (isHTMLElement(t)) {
|
|
1057
|
+
const r = getBoundingClientRect(t);
|
|
1058
|
+
d = getScale(t);
|
|
1059
|
+
c.x = r.x + t.clientLeft;
|
|
1060
|
+
c.y = r.y + t.clientTop;
|
|
1061
|
+
}
|
|
1062
|
+
}
|
|
1063
|
+
const l = e && !b && !n ? getHTMLOffset(e, v, true) : createCoords(0);
|
|
1064
|
+
return {
|
|
1065
|
+
width: o.width * d.x,
|
|
1066
|
+
height: o.height * d.y,
|
|
1067
|
+
x: o.x * d.x - v.scrollLeft * d.x + c.x + l.x,
|
|
1068
|
+
y: o.y * d.y - v.scrollTop * d.y + c.y + l.y
|
|
1069
|
+
};
|
|
1070
|
+
}
|
|
1071
|
+
|
|
1072
|
+
function getClientRects(r) {
|
|
1073
|
+
return Array.from(r.getClientRects());
|
|
1074
|
+
}
|
|
1075
|
+
|
|
1076
|
+
// Gets the entire size of the scrollable document area, even extending outside
|
|
1077
|
+
// of the `<html>` and `<body>` rect bounds if horizontally scrollable.
|
|
1078
|
+
function getDocumentRect(r) {
|
|
1079
|
+
const a = getDocumentElement(r);
|
|
1080
|
+
const o = getNodeScroll(r);
|
|
1081
|
+
const t = r.ownerDocument.body;
|
|
1082
|
+
const i = v(a.scrollWidth, a.clientWidth, t.scrollWidth, t.clientWidth);
|
|
1083
|
+
const n = v(a.scrollHeight, a.clientHeight, t.scrollHeight, t.clientHeight);
|
|
1084
|
+
let e = -o.scrollLeft + getWindowScrollBarX(r);
|
|
1085
|
+
const g = -o.scrollTop;
|
|
1086
|
+
if (getComputedStyle(t).direction === "rtl") {
|
|
1087
|
+
e += v(a.clientWidth, t.clientWidth) - i;
|
|
1088
|
+
}
|
|
1089
|
+
return {
|
|
1090
|
+
width: i,
|
|
1091
|
+
height: n,
|
|
1092
|
+
x: e,
|
|
1093
|
+
y: g
|
|
1094
|
+
};
|
|
1095
|
+
}
|
|
1096
|
+
|
|
1097
|
+
function getViewportRect(r, a) {
|
|
1098
|
+
const o = getWindow(r);
|
|
1099
|
+
const t = getDocumentElement(r);
|
|
1100
|
+
const i = o.visualViewport;
|
|
1101
|
+
let n = t.clientWidth;
|
|
1102
|
+
let e = t.clientHeight;
|
|
1103
|
+
let g = 0;
|
|
1104
|
+
let v = 0;
|
|
1105
|
+
if (i) {
|
|
1106
|
+
n = i.width;
|
|
1107
|
+
e = i.height;
|
|
1108
|
+
const r = isWebKit();
|
|
1109
|
+
if (!r || r && a === "fixed") {
|
|
1110
|
+
g = i.offsetLeft;
|
|
1111
|
+
v = i.offsetTop;
|
|
1112
|
+
}
|
|
1113
|
+
}
|
|
1114
|
+
return {
|
|
1115
|
+
width: n,
|
|
1116
|
+
height: e,
|
|
1117
|
+
x: g,
|
|
1118
|
+
y: v
|
|
1119
|
+
};
|
|
1120
|
+
}
|
|
1121
|
+
|
|
1122
|
+
// Returns the inner client rect, subtracting scrollbars if present.
|
|
1123
|
+
function getInnerBoundingClientRect(r, a) {
|
|
1124
|
+
const o = getBoundingClientRect(r, true, a === "fixed");
|
|
1125
|
+
const t = o.top + r.clientTop;
|
|
1126
|
+
const i = o.left + r.clientLeft;
|
|
1127
|
+
const n = isHTMLElement(r) ? getScale(r) : createCoords(1);
|
|
1128
|
+
const e = r.clientWidth * n.x;
|
|
1129
|
+
const g = r.clientHeight * n.y;
|
|
1130
|
+
const v = i * n.x;
|
|
1131
|
+
const d = t * n.y;
|
|
1132
|
+
return {
|
|
1133
|
+
width: e,
|
|
1134
|
+
height: g,
|
|
1135
|
+
x: v,
|
|
1136
|
+
y: d
|
|
1137
|
+
};
|
|
1138
|
+
}
|
|
1139
|
+
|
|
1140
|
+
function getClientRectFromClippingAncestor(r, a, o) {
|
|
1141
|
+
let t;
|
|
1142
|
+
if (a === "viewport") {
|
|
1143
|
+
t = getViewportRect(r, o);
|
|
1144
|
+
} else if (a === "document") {
|
|
1145
|
+
t = getDocumentRect(getDocumentElement(r));
|
|
1146
|
+
} else if (isElement(a)) {
|
|
1147
|
+
t = getInnerBoundingClientRect(a, o);
|
|
1148
|
+
} else {
|
|
1149
|
+
const o = getVisualOffsets(r);
|
|
1150
|
+
t = {
|
|
1151
|
+
x: a.x - o.x,
|
|
1152
|
+
y: a.y - o.y,
|
|
1153
|
+
width: a.width,
|
|
1154
|
+
height: a.height
|
|
1155
|
+
};
|
|
1156
|
+
}
|
|
1157
|
+
return rectToClientRect(t);
|
|
1158
|
+
}
|
|
1159
|
+
|
|
1160
|
+
function hasFixedPositionAncestor(r, a) {
|
|
1161
|
+
const o = getParentNode(r);
|
|
1162
|
+
if (o === a || !isElement(o) || isLastTraversableNode(o)) {
|
|
1163
|
+
return false;
|
|
1164
|
+
}
|
|
1165
|
+
return getComputedStyle(o).position === "fixed" || hasFixedPositionAncestor(o, a);
|
|
1166
|
+
}
|
|
1167
|
+
|
|
1168
|
+
// A "clipping ancestor" is an `overflow` element with the characteristic of
|
|
1169
|
+
// clipping (or hiding) child elements. This returns all clipping ancestors
|
|
1170
|
+
// of the given element up the tree.
|
|
1171
|
+
function getClippingElementAncestors(r, a) {
|
|
1172
|
+
const o = a.get(r);
|
|
1173
|
+
if (o) {
|
|
1174
|
+
return o;
|
|
1175
|
+
}
|
|
1176
|
+
let t = getOverflowAncestors(r, [], false).filter((r => isElement(r) && getNodeName(r) !== "body"));
|
|
1177
|
+
let i = null;
|
|
1178
|
+
const n = getComputedStyle(r).position === "fixed";
|
|
1179
|
+
let e = n ? getParentNode(r) : r;
|
|
1180
|
+
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
|
|
1181
|
+
while (isElement(e) && !isLastTraversableNode(e)) {
|
|
1182
|
+
const a = getComputedStyle(e);
|
|
1183
|
+
const o = isContainingBlock(e);
|
|
1184
|
+
if (!o && a.position === "fixed") {
|
|
1185
|
+
i = null;
|
|
1186
|
+
}
|
|
1187
|
+
const g = n ? !o && !i : !o && a.position === "static" && !!i && [ "absolute", "fixed" ].includes(i.position) || isOverflowElement(e) && !o && hasFixedPositionAncestor(r, e);
|
|
1188
|
+
if (g) {
|
|
1189
|
+
// Drop non-containing blocks.
|
|
1190
|
+
t = t.filter((r => r !== e));
|
|
1191
|
+
} else {
|
|
1192
|
+
// Record last containing block for next iteration.
|
|
1193
|
+
i = a;
|
|
1194
|
+
}
|
|
1195
|
+
e = getParentNode(e);
|
|
1196
|
+
}
|
|
1197
|
+
a.set(r, t);
|
|
1198
|
+
return t;
|
|
1199
|
+
}
|
|
1200
|
+
|
|
1201
|
+
// Gets the maximum area that the element is visible in due to any number of
|
|
1202
|
+
// clipping ancestors.
|
|
1203
|
+
function getClippingRect(r) {
|
|
1204
|
+
let {element: a, boundary: o, rootBoundary: t, strategy: i} = r;
|
|
1205
|
+
const n = o === "clippingAncestors" ? isTopLayer(a) ? [] : getClippingElementAncestors(a, this._c) : [].concat(o);
|
|
1206
|
+
const e = [ ...n, t ];
|
|
1207
|
+
const d = e[0];
|
|
1208
|
+
const c = e.reduce(((r, o) => {
|
|
1209
|
+
const t = getClientRectFromClippingAncestor(a, o, i);
|
|
1210
|
+
r.top = v(t.top, r.top);
|
|
1211
|
+
r.right = g(t.right, r.right);
|
|
1212
|
+
r.bottom = g(t.bottom, r.bottom);
|
|
1213
|
+
r.left = v(t.left, r.left);
|
|
1214
|
+
return r;
|
|
1215
|
+
}), getClientRectFromClippingAncestor(a, d, i));
|
|
1216
|
+
return {
|
|
1217
|
+
width: c.right - c.left,
|
|
1218
|
+
height: c.bottom - c.top,
|
|
1219
|
+
x: c.left,
|
|
1220
|
+
y: c.top
|
|
1221
|
+
};
|
|
1222
|
+
}
|
|
1223
|
+
|
|
1224
|
+
function getDimensions(r) {
|
|
1225
|
+
const {width: a, height: o} = getCssDimensions(r);
|
|
1226
|
+
return {
|
|
1227
|
+
width: a,
|
|
1228
|
+
height: o
|
|
1229
|
+
};
|
|
1230
|
+
}
|
|
1231
|
+
|
|
1232
|
+
function getRectRelativeToOffsetParent(r, a, o) {
|
|
1233
|
+
const t = isHTMLElement(a);
|
|
1234
|
+
const i = getDocumentElement(a);
|
|
1235
|
+
const n = o === "fixed";
|
|
1236
|
+
const e = getBoundingClientRect(r, true, n, a);
|
|
1237
|
+
let g = {
|
|
1238
|
+
scrollLeft: 0,
|
|
1239
|
+
scrollTop: 0
|
|
1240
|
+
};
|
|
1241
|
+
const v = createCoords(0);
|
|
1242
|
+
// If the <body> scrollbar appears on the left (e.g. RTL systems). Use
|
|
1243
|
+
// Firefox with layout.scrollbar.side = 3 in about:config to test this.
|
|
1244
|
+
function setLeftRTLScrollbarOffset() {
|
|
1245
|
+
v.x = getWindowScrollBarX(i);
|
|
1246
|
+
}
|
|
1247
|
+
if (t || !t && !n) {
|
|
1248
|
+
if (getNodeName(a) !== "body" || isOverflowElement(i)) {
|
|
1249
|
+
g = getNodeScroll(a);
|
|
1250
|
+
}
|
|
1251
|
+
if (t) {
|
|
1252
|
+
const r = getBoundingClientRect(a, true, n, a);
|
|
1253
|
+
v.x = r.x + a.clientLeft;
|
|
1254
|
+
v.y = r.y + a.clientTop;
|
|
1255
|
+
} else if (i) {
|
|
1256
|
+
setLeftRTLScrollbarOffset();
|
|
1257
|
+
}
|
|
1258
|
+
}
|
|
1259
|
+
if (n && !t && i) {
|
|
1260
|
+
setLeftRTLScrollbarOffset();
|
|
1261
|
+
}
|
|
1262
|
+
const d = i && !t && !n ? getHTMLOffset(i, g) : createCoords(0);
|
|
1263
|
+
const c = e.left + g.scrollLeft - v.x - d.x;
|
|
1264
|
+
const b = e.top + g.scrollTop - v.y - d.y;
|
|
1265
|
+
return {
|
|
1266
|
+
x: c,
|
|
1267
|
+
y: b,
|
|
1268
|
+
width: e.width,
|
|
1269
|
+
height: e.height
|
|
1270
|
+
};
|
|
1271
|
+
}
|
|
1272
|
+
|
|
1273
|
+
function isStaticPositioned(r) {
|
|
1274
|
+
return getComputedStyle(r).position === "static";
|
|
1275
|
+
}
|
|
1276
|
+
|
|
1277
|
+
function getTrueOffsetParent(r, a) {
|
|
1278
|
+
if (!isHTMLElement(r) || getComputedStyle(r).position === "fixed") {
|
|
1279
|
+
return null;
|
|
1280
|
+
}
|
|
1281
|
+
if (a) {
|
|
1282
|
+
return a(r);
|
|
1283
|
+
}
|
|
1284
|
+
let o = r.offsetParent;
|
|
1285
|
+
// Firefox returns the <html> element as the offsetParent if it's non-static,
|
|
1286
|
+
// while Chrome and Safari return the <body> element. The <body> element must
|
|
1287
|
+
// be used to perform the correct calculations even if the <html> element is
|
|
1288
|
+
// non-static.
|
|
1289
|
+
if (getDocumentElement(r) === o) {
|
|
1290
|
+
o = o.ownerDocument.body;
|
|
1291
|
+
}
|
|
1292
|
+
return o;
|
|
1293
|
+
}
|
|
1294
|
+
|
|
1295
|
+
// Gets the closest ancestor positioned element. Handles some edge cases,
|
|
1296
|
+
// such as table ancestors and cross browser bugs.
|
|
1297
|
+
function getOffsetParent(r, a) {
|
|
1298
|
+
const o = getWindow(r);
|
|
1299
|
+
if (isTopLayer(r)) {
|
|
1300
|
+
return o;
|
|
1301
|
+
}
|
|
1302
|
+
if (!isHTMLElement(r)) {
|
|
1303
|
+
let a = getParentNode(r);
|
|
1304
|
+
while (a && !isLastTraversableNode(a)) {
|
|
1305
|
+
if (isElement(a) && !isStaticPositioned(a)) {
|
|
1306
|
+
return a;
|
|
1307
|
+
}
|
|
1308
|
+
a = getParentNode(a);
|
|
1309
|
+
}
|
|
1310
|
+
return o;
|
|
1311
|
+
}
|
|
1312
|
+
let t = getTrueOffsetParent(r, a);
|
|
1313
|
+
while (t && isTableElement(t) && isStaticPositioned(t)) {
|
|
1314
|
+
t = getTrueOffsetParent(t, a);
|
|
1315
|
+
}
|
|
1316
|
+
if (t && isLastTraversableNode(t) && isStaticPositioned(t) && !isContainingBlock(t)) {
|
|
1317
|
+
return o;
|
|
1318
|
+
}
|
|
1319
|
+
return t || getContainingBlock(r) || o;
|
|
1320
|
+
}
|
|
1321
|
+
|
|
1322
|
+
const getElementRects = async function(r) {
|
|
1323
|
+
const a = this.getOffsetParent || getOffsetParent;
|
|
1324
|
+
const o = this.getDimensions;
|
|
1325
|
+
const t = await o(r.floating);
|
|
1326
|
+
return {
|
|
1327
|
+
reference: getRectRelativeToOffsetParent(r.reference, await a(r.floating), r.strategy),
|
|
1328
|
+
floating: {
|
|
1329
|
+
x: 0,
|
|
1330
|
+
y: 0,
|
|
1331
|
+
width: t.width,
|
|
1332
|
+
height: t.height
|
|
1333
|
+
}
|
|
1334
|
+
};
|
|
1335
|
+
};
|
|
1336
|
+
|
|
1337
|
+
function isRTL(r) {
|
|
1338
|
+
return getComputedStyle(r).direction === "rtl";
|
|
1339
|
+
}
|
|
1340
|
+
|
|
1341
|
+
const m = {
|
|
1342
|
+
convertOffsetParentRelativeRectToViewportRelativeRect,
|
|
1343
|
+
getDocumentElement,
|
|
1344
|
+
getClippingRect,
|
|
1345
|
+
getOffsetParent,
|
|
1346
|
+
getElementRects,
|
|
1347
|
+
getClientRects,
|
|
1348
|
+
getDimensions,
|
|
1349
|
+
getScale,
|
|
1350
|
+
isElement,
|
|
1351
|
+
isRTL
|
|
1352
|
+
};
|
|
1353
|
+
|
|
1354
|
+
function rectsAreEqual(r, a) {
|
|
1355
|
+
return r.x === a.x && r.y === a.y && r.width === a.width && r.height === a.height;
|
|
1356
|
+
}
|
|
1357
|
+
|
|
1358
|
+
// https://samthor.au/2021/observing-dom/
|
|
1359
|
+
function observeMove(r, a) {
|
|
1360
|
+
let o = null;
|
|
1361
|
+
let t;
|
|
1362
|
+
const i = getDocumentElement(r);
|
|
1363
|
+
function cleanup() {
|
|
1364
|
+
var r;
|
|
1365
|
+
clearTimeout(t);
|
|
1366
|
+
(r = o) == null || r.disconnect();
|
|
1367
|
+
o = null;
|
|
1368
|
+
}
|
|
1369
|
+
function refresh(n, e) {
|
|
1370
|
+
if (n === void 0) {
|
|
1371
|
+
n = false;
|
|
1372
|
+
}
|
|
1373
|
+
if (e === void 0) {
|
|
1374
|
+
e = 1;
|
|
1375
|
+
}
|
|
1376
|
+
cleanup();
|
|
1377
|
+
const d = r.getBoundingClientRect();
|
|
1378
|
+
const {left: b, top: l, width: u, height: m} = d;
|
|
1379
|
+
if (!n) {
|
|
1380
|
+
a();
|
|
1381
|
+
}
|
|
1382
|
+
if (!u || !m) {
|
|
1383
|
+
return;
|
|
1384
|
+
}
|
|
1385
|
+
const s = c(l);
|
|
1386
|
+
const k = c(i.clientWidth - (b + u));
|
|
1387
|
+
const p = c(i.clientHeight - (l + m));
|
|
1388
|
+
const f = c(b);
|
|
1389
|
+
const w = -s + "px " + -k + "px " + -p + "px " + -f + "px";
|
|
1390
|
+
const h = {
|
|
1391
|
+
rootMargin: w,
|
|
1392
|
+
threshold: v(0, g(1, e)) || 1
|
|
1393
|
+
};
|
|
1394
|
+
let y = true;
|
|
1395
|
+
function handleObserve(a) {
|
|
1396
|
+
const o = a[0].intersectionRatio;
|
|
1397
|
+
if (o !== e) {
|
|
1398
|
+
if (!y) {
|
|
1399
|
+
return refresh();
|
|
1400
|
+
}
|
|
1401
|
+
if (!o) {
|
|
1402
|
+
// If the reference is clipped, the ratio is 0. Throttle the refresh
|
|
1403
|
+
// to prevent an infinite loop of updates.
|
|
1404
|
+
t = setTimeout((() => {
|
|
1405
|
+
refresh(false, 1e-7);
|
|
1406
|
+
}), 1e3);
|
|
1407
|
+
} else {
|
|
1408
|
+
refresh(false, o);
|
|
1409
|
+
}
|
|
1410
|
+
}
|
|
1411
|
+
if (o === 1 && !rectsAreEqual(d, r.getBoundingClientRect())) {
|
|
1412
|
+
// It's possible that even though the ratio is reported as 1, the
|
|
1413
|
+
// element is not actually fully within the IntersectionObserver's root
|
|
1414
|
+
// area anymore. This can happen under performance constraints. This may
|
|
1415
|
+
// be a bug in the browser's IntersectionObserver implementation. To
|
|
1416
|
+
// work around this, we compare the element's bounding rect now with
|
|
1417
|
+
// what it was at the time we created the IntersectionObserver. If they
|
|
1418
|
+
// are not equal then the element moved, so we refresh.
|
|
1419
|
+
refresh();
|
|
1420
|
+
}
|
|
1421
|
+
y = false;
|
|
1422
|
+
}
|
|
1423
|
+
// Older browsers don't support a `document` as the root and will throw an
|
|
1424
|
+
// error.
|
|
1425
|
+
try {
|
|
1426
|
+
o = new IntersectionObserver(handleObserve, {
|
|
1427
|
+
...h,
|
|
1428
|
+
// Handle <iframe>s
|
|
1429
|
+
root: i.ownerDocument
|
|
1430
|
+
});
|
|
1431
|
+
} catch (r) {
|
|
1432
|
+
o = new IntersectionObserver(handleObserve, h);
|
|
1433
|
+
}
|
|
1434
|
+
o.observe(r);
|
|
1435
|
+
}
|
|
1436
|
+
refresh(true);
|
|
1437
|
+
return cleanup;
|
|
1438
|
+
}
|
|
1439
|
+
|
|
1440
|
+
/**
|
|
1441
|
+
* Automatically updates the position of the floating element when necessary.
|
|
1442
|
+
* Should only be called when the floating element is mounted on the DOM or
|
|
1443
|
+
* visible on the screen.
|
|
1444
|
+
* @returns cleanup function that should be invoked when the floating element is
|
|
1445
|
+
* removed from the DOM or hidden from the screen.
|
|
1446
|
+
* @see https://floating-ui.com/docs/autoUpdate
|
|
1447
|
+
*/ function autoUpdate(r, a, o, t) {
|
|
1448
|
+
if (t === void 0) {
|
|
1449
|
+
t = {};
|
|
1450
|
+
}
|
|
1451
|
+
const {ancestorScroll: i = true, ancestorResize: n = true, elementResize: e = typeof ResizeObserver === "function", layoutShift: g = typeof IntersectionObserver === "function", animationFrame: v = false} = t;
|
|
1452
|
+
const d = unwrapElement(r);
|
|
1453
|
+
const c = i || n ? [ ...d ? getOverflowAncestors(d) : [], ...getOverflowAncestors(a) ] : [];
|
|
1454
|
+
c.forEach((r => {
|
|
1455
|
+
i && r.addEventListener("scroll", o, {
|
|
1456
|
+
passive: true
|
|
1457
|
+
});
|
|
1458
|
+
n && r.addEventListener("resize", o);
|
|
1459
|
+
}));
|
|
1460
|
+
const b = d && g ? observeMove(d, o) : null;
|
|
1461
|
+
let l = -1;
|
|
1462
|
+
let u = null;
|
|
1463
|
+
if (e) {
|
|
1464
|
+
u = new ResizeObserver((r => {
|
|
1465
|
+
let [t] = r;
|
|
1466
|
+
if (t && t.target === d && u) {
|
|
1467
|
+
// Prevent update loops when using the `size` middleware.
|
|
1468
|
+
// https://github.com/floating-ui/floating-ui/issues/1740
|
|
1469
|
+
u.unobserve(a);
|
|
1470
|
+
cancelAnimationFrame(l);
|
|
1471
|
+
l = requestAnimationFrame((() => {
|
|
1472
|
+
var r;
|
|
1473
|
+
(r = u) == null || r.observe(a);
|
|
1474
|
+
}));
|
|
1475
|
+
}
|
|
1476
|
+
o();
|
|
1477
|
+
}));
|
|
1478
|
+
if (d && !v) {
|
|
1479
|
+
u.observe(d);
|
|
1480
|
+
}
|
|
1481
|
+
u.observe(a);
|
|
1482
|
+
}
|
|
1483
|
+
let m;
|
|
1484
|
+
let s = v ? getBoundingClientRect(r) : null;
|
|
1485
|
+
if (v) {
|
|
1486
|
+
frameLoop();
|
|
1487
|
+
}
|
|
1488
|
+
function frameLoop() {
|
|
1489
|
+
const a = getBoundingClientRect(r);
|
|
1490
|
+
if (s && !rectsAreEqual(s, a)) {
|
|
1491
|
+
o();
|
|
1492
|
+
}
|
|
1493
|
+
s = a;
|
|
1494
|
+
m = requestAnimationFrame(frameLoop);
|
|
1495
|
+
}
|
|
1496
|
+
o();
|
|
1497
|
+
return () => {
|
|
1498
|
+
var r;
|
|
1499
|
+
c.forEach((r => {
|
|
1500
|
+
i && r.removeEventListener("scroll", o);
|
|
1501
|
+
n && r.removeEventListener("resize", o);
|
|
1502
|
+
}));
|
|
1503
|
+
b == null || b();
|
|
1504
|
+
(r = u) == null || r.disconnect();
|
|
1505
|
+
u = null;
|
|
1506
|
+
if (v) {
|
|
1507
|
+
cancelAnimationFrame(m);
|
|
1508
|
+
}
|
|
1509
|
+
};
|
|
1510
|
+
}
|
|
1511
|
+
|
|
1512
|
+
/**
|
|
1513
|
+
* Modifies the placement by translating the floating element along the
|
|
1514
|
+
* specified axes.
|
|
1515
|
+
* A number (shorthand for `mainAxis` or distance), or an axes configuration
|
|
1516
|
+
* object may be passed.
|
|
1517
|
+
* @see https://floating-ui.com/docs/offset
|
|
1518
|
+
*/ const s = offset$1;
|
|
1519
|
+
|
|
1520
|
+
/**
|
|
1521
|
+
* Optimizes the visibility of the floating element by shifting it in order to
|
|
1522
|
+
* keep it in view when it will overflow the clipping boundary.
|
|
1523
|
+
* @see https://floating-ui.com/docs/shift
|
|
1524
|
+
*/ const k = shift$1;
|
|
1525
|
+
|
|
1526
|
+
/**
|
|
1527
|
+
* Optimizes the visibility of the floating element by flipping the `placement`
|
|
1528
|
+
* in order to keep it in view when the preferred placement(s) will overflow the
|
|
1529
|
+
* clipping boundary. Alternative to `autoPlacement`.
|
|
1530
|
+
* @see https://floating-ui.com/docs/flip
|
|
1531
|
+
*/ const p = flip$1;
|
|
1532
|
+
|
|
1533
|
+
/**
|
|
1534
|
+
* Provides data to hide the floating element in applicable situations, such as
|
|
1535
|
+
* when it is not in the same clipping context as the reference element.
|
|
1536
|
+
* @see https://floating-ui.com/docs/hide
|
|
1537
|
+
*/ const f = hide$1;
|
|
1538
|
+
|
|
1539
|
+
/**
|
|
1540
|
+
* Provides data to position an inner element of the floating element so that it
|
|
1541
|
+
* appears centered to the reference element.
|
|
1542
|
+
* @see https://floating-ui.com/docs/arrow
|
|
1543
|
+
*/ const w = arrow$1;
|
|
1544
|
+
|
|
1545
|
+
/**
|
|
1546
|
+
* Computes the `x` and `y` coordinates that will place the floating element
|
|
1547
|
+
* next to a given reference element.
|
|
1548
|
+
*/ const computePosition = (r, a, o) => {
|
|
1549
|
+
// This caches the expensive `getClippingElementAncestors` function so that
|
|
1550
|
+
// multiple lifecycle resets re-use the same result. It only lives for a
|
|
1551
|
+
// single call. If other functions become expensive, we can add them as well.
|
|
1552
|
+
const t = new Map;
|
|
1553
|
+
const i = {
|
|
1554
|
+
platform: m,
|
|
1555
|
+
...o
|
|
1556
|
+
};
|
|
1557
|
+
const n = {
|
|
1558
|
+
...i.platform,
|
|
1559
|
+
_c: t
|
|
1560
|
+
};
|
|
1561
|
+
return computePosition$1(r, a, {
|
|
1562
|
+
...i,
|
|
1563
|
+
platform: n
|
|
1564
|
+
});
|
|
1565
|
+
};
|
|
1566
|
+
|
|
1567
|
+
/**
|
|
1568
|
+
* FloatingUIManager é uma classe utilitária que gerencia o posicionamento de elementos flutuantes
|
|
1569
|
+
* como tooltips ou popovers em relação a um elemento de disparo (trigger).
|
|
1570
|
+
* Ela utiliza a biblioteca Floating UI para calcular posições e lidar com atualizações.
|
|
1571
|
+
*/ class h {
|
|
1572
|
+
triggerElement;
|
|
1573
|
+
contentElement;
|
|
1574
|
+
arrowElement;
|
|
1575
|
+
placement;
|
|
1576
|
+
onUpdate;
|
|
1577
|
+
cleanupAutoUpdate;
|
|
1578
|
+
constructor(r) {
|
|
1579
|
+
this.triggerElement = r.triggerElement;
|
|
1580
|
+
this.contentElement = r.contentElement;
|
|
1581
|
+
this.arrowElement = r.arrowElement;
|
|
1582
|
+
this.placement = r.placement ?? "top";
|
|
1583
|
+
this.onUpdate = r.onUpdate;
|
|
1584
|
+
}
|
|
1585
|
+
/**
|
|
1586
|
+
* Inicia o gerenciador Floating UI configurando a atualização automática da posição.
|
|
1587
|
+
*/ start() {
|
|
1588
|
+
this.cleanupAutoUpdate = autoUpdate(this.triggerElement, this.contentElement, (() => this.updatePosition()));
|
|
1589
|
+
}
|
|
1590
|
+
/**
|
|
1591
|
+
* Para o gerenciador Floating UI e limpa os recursos utilizados.
|
|
1592
|
+
*/ stop() {
|
|
1593
|
+
this.cleanupAutoUpdate?.();
|
|
1594
|
+
}
|
|
1595
|
+
/**
|
|
1596
|
+
* Atualiza a posição do elemento flutuante com base no elemento disparador e no elemento de conteúdo.
|
|
1597
|
+
* Esta função é chamada automaticamente quando o gerenciador está ativo.
|
|
1598
|
+
* Ela calcula a nova posição usando a biblioteca Floating UI e aplica as transformações necessárias.
|
|
1599
|
+
* Também atualiza a posição da seta, se fornecida.
|
|
1600
|
+
* Além disso, define o atributo de dados `data-placement` no elemento de conteúdo para refletir a posição atual.
|
|
1601
|
+
* @returns {Promise<void>} Uma promessa que resolve quando a posição é atualizada.
|
|
1602
|
+
*/ async updatePosition() {
|
|
1603
|
+
const r = await computePosition(this.triggerElement, this.contentElement, {
|
|
1604
|
+
placement: this.placement,
|
|
1605
|
+
middleware: this.buildMiddleware()
|
|
1606
|
+
});
|
|
1607
|
+
this.updateTooltipPosition(r);
|
|
1608
|
+
this.updateArrowPosition(r);
|
|
1609
|
+
this.setPlacementDataAttribute(r);
|
|
1610
|
+
this.onUpdate?.(r);
|
|
1611
|
+
}
|
|
1612
|
+
/**
|
|
1613
|
+
* Constrói os middlewares necessários para o Floating UI.
|
|
1614
|
+
* Esses middlewares são usados para ajustar o posicionamento do elemento flutuante,
|
|
1615
|
+
* incluindo offset, flip, shift e hide. Se uma seta for fornecida, o middleware de seta também é adicionado.
|
|
1616
|
+
* @returns {Middleware[]} Retorna um array de middlewares configurados para o Floating UI.
|
|
1617
|
+
*/ buildMiddleware() {
|
|
1618
|
+
const r = [ s(8), p(), k({
|
|
1619
|
+
padding: 5
|
|
1620
|
+
}), f() ];
|
|
1621
|
+
if (this.arrowElement != null) {
|
|
1622
|
+
r.push(w({
|
|
1623
|
+
element: this.arrowElement
|
|
1624
|
+
}));
|
|
1625
|
+
}
|
|
1626
|
+
return r;
|
|
1627
|
+
}
|
|
1628
|
+
/**
|
|
1629
|
+
* Adiciona o estilo necessário para posicionar o tooltip com base nas coordenadas fornecidas.
|
|
1630
|
+
* Esta função é chamada após o cálculo da posição do tooltip.
|
|
1631
|
+
* Ela aplica as propriedades CSS `left` e `top` ao elemento de conteúdo do tooltip.
|
|
1632
|
+
* @param data Contém as coordenadas x e y para posicionar o tooltip.
|
|
1633
|
+
*/ updateTooltipPosition(r) {
|
|
1634
|
+
const {x: a, y: o} = r;
|
|
1635
|
+
Object.assign(this.contentElement.style, {
|
|
1636
|
+
left: `${a}px`,
|
|
1637
|
+
top: `${o}px`
|
|
1638
|
+
});
|
|
1639
|
+
}
|
|
1640
|
+
/**
|
|
1641
|
+
* Adiciona o estilo necessário para posicionar a seta do tooltip com base nos dados de middleware.
|
|
1642
|
+
* Esta função é chamada após o cálculo da posição do tooltip.
|
|
1643
|
+
* Ela aplica as propriedades CSS `left`, `top`, `right`, `bottom` e a posição estática da seta.
|
|
1644
|
+
* A posição estática é determinada com base na colocação do tooltip (top, right, bottom, left).
|
|
1645
|
+
* Se a seta não estiver presente ou os dados de middleware não contiverem informações sobre a seta, nada será feito.
|
|
1646
|
+
* @param data Contém a posição da seta e os dados de middleware.
|
|
1647
|
+
*/ updateArrowPosition(r) {
|
|
1648
|
+
if (this.arrowElement == null || r.middlewareData.arrow == null) return;
|
|
1649
|
+
const {x: a, y: o} = r.middlewareData.arrow;
|
|
1650
|
+
const t = r.placement.split("-")[0];
|
|
1651
|
+
const i = {
|
|
1652
|
+
top: "bottom",
|
|
1653
|
+
right: "left",
|
|
1654
|
+
bottom: "top",
|
|
1655
|
+
left: "right"
|
|
1656
|
+
}[t];
|
|
1657
|
+
Object.assign(this.arrowElement.style, {
|
|
1658
|
+
left: a != null ? `${a}px` : "",
|
|
1659
|
+
top: o != null ? `${o}px` : "",
|
|
1660
|
+
right: "",
|
|
1661
|
+
bottom: "",
|
|
1662
|
+
[i]: "-4px"
|
|
1663
|
+
});
|
|
1664
|
+
}
|
|
1665
|
+
/**
|
|
1666
|
+
* Define o atributo de dados `data-placement` no elemento de conteúdo.
|
|
1667
|
+
* Este atributo é usado para indicar a posição atual do tooltip ou popover.
|
|
1668
|
+
* Ele é útil para fins de acessibilidade e para permitir que estilos CSS sejam aplicados com base na posição.
|
|
1669
|
+
* @param data Objeto contendo a propriedade `placement` que define a posição do tooltip ou popover.
|
|
1670
|
+
* A propriedade `placement` deve ser uma string representando a posição, como 'top', 'bottom', 'left', 'right', etc.
|
|
1671
|
+
*/ setPlacementDataAttribute(r) {
|
|
1672
|
+
this.contentElement.setAttribute("data-placement", r.placement);
|
|
1673
|
+
}
|
|
1674
|
+
}
|
|
1675
|
+
|
|
1676
|
+
const y = "*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;-moz-appearance:button;appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden]{display:none}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-.5);margin-right:calc(var(--grid-gutter)*-.5)}@media (min-width:576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width:992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width:1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width:1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half)!important}.mb-1{margin-bottom:var(--spacing-scale-half)!important}.mr-2{margin-right:var(--spacing-scale-base)!important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1)!important}.ml-2{margin-left:var(--spacing-scale-base)!important}.mr-auto{margin-right:auto!important}.pt-half{padding-top:var(--spacing-scale-half)!important}.py-3{padding-bottom:var(--spacing-scale-2x)!important;padding-top:var(--spacing-scale-2x)!important}.py-4{padding-bottom:var(--spacing-scale-3x)!important;padding-top:var(--spacing-scale-3x)!important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width:576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(var(--interactive-rgb),var(--hover))),to(rgba(var(--interactive-rgb),var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(var(--interactive-rgb),var(--pressed))),to(rgba(var(--interactive-rgb),var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb),var(--pressed)),rgba(var(--interactive-rgb),var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ol,ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}.label,label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}.placeholder,::placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}.input,input,textarea{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.bg-blue-90{--background:var(--blue-90);background:var(--blue-90)!important}.bg-blue-80{--background:var(--blue-80);background:var(--blue-80)!important}.bg-blue-70{--background:var(--blue-70);background:var(--blue-70)!important}.bg-blue-60{--background:var(--blue-60);background:var(--blue-60)!important}.bg-blue-50{--background:var(--blue-50);background:var(--blue-50)!important}.bg-blue-40{--background:var(--blue-40);background:var(--blue-40)!important}.bg-blue-30{--background:var(--blue-30);background:var(--blue-30)!important}.bg-blue-20{--background:var(--blue-20);background:var(--blue-20)!important}.bg-blue-10{--background:var(--blue-10);background:var(--blue-10)!important}.bg-blue-5{--background:var(--blue-5);background:var(--blue-5)!important}.bg-blue-cool-90{--background:var(--blue-cool-90);background:var(--blue-cool-90)!important}.bg-blue-cool-80{--background:var(--blue-cool-80);background:var(--blue-cool-80)!important}.bg-blue-cool-70{--background:var(--blue-cool-70);background:var(--blue-cool-70)!important}.bg-blue-cool-60{--background:var(--blue-cool-60);background:var(--blue-cool-60)!important}.bg-blue-cool-50{--background:var(--blue-cool-50);background:var(--blue-cool-50)!important}.bg-blue-cool-40{--background:var(--blue-cool-40);background:var(--blue-cool-40)!important}.bg-blue-cool-30{--background:var(--blue-cool-30);background:var(--blue-cool-30)!important}.bg-blue-cool-20{--background:var(--blue-cool-20);background:var(--blue-cool-20)!important}.bg-blue-cool-10{--background:var(--blue-cool-10);background:var(--blue-cool-10)!important}.bg-blue-cool-5{--background:var(--blue-cool-5);background:var(--blue-cool-5)!important}.bg-blue-warm-90{--background:var(--blue-warm-90);background:var(--blue-warm-90)!important}.bg-blue-warm-80{--background:var(--blue-warm-80);background:var(--blue-warm-80)!important}.bg-blue-warm-70{--background:var(--blue-warm-70);background:var(--blue-warm-70)!important}.bg-blue-warm-60{--background:var(--blue-warm-60);background:var(--blue-warm-60)!important}.bg-blue-warm-50{--background:var(--blue-warm-50);background:var(--blue-warm-50)!important}.bg-blue-warm-40{--background:var(--blue-warm-40);background:var(--blue-warm-40)!important}.bg-blue-warm-30{--background:var(--blue-warm-30);background:var(--blue-warm-30)!important}.bg-blue-warm-20{--background:var(--blue-warm-20);background:var(--blue-warm-20)!important}.bg-blue-warm-10{--background:var(--blue-warm-10);background:var(--blue-warm-10)!important}.bg-blue-warm-5{--background:var(--blue-warm-5);background:var(--blue-warm-5)!important}.bg-blue-vivid-80{--background:var(--blue-vivid-80);background:var(--blue-vivid-80)!important}.bg-blue-vivid-70{--background:var(--blue-vivid-70);background:var(--blue-vivid-70)!important}.bg-blue-vivid-60{--background:var(--blue-vivid-60);background:var(--blue-vivid-60)!important}.bg-blue-vivid-50{--background:var(--blue-vivid-50);background:var(--blue-vivid-50)!important}.bg-blue-vivid-40{--background:var(--blue-vivid-40);background:var(--blue-vivid-40)!important}.bg-blue-vivid-30{--background:var(--blue-vivid-30);background:var(--blue-vivid-30)!important}.bg-blue-vivid-20{--background:var(--blue-vivid-20);background:var(--blue-vivid-20)!important}.bg-blue-vivid-10{--background:var(--blue-vivid-10);background:var(--blue-vivid-10)!important}.bg-blue-vivid-5{--background:var(--blue-vivid-5);background:var(--blue-vivid-5)!important}.bg-blue-cool-vivid-80{--background:var(--blue-cool-vivid-80);background:var(--blue-cool-vivid-80)!important}.bg-blue-cool-vivid-70{--background:var(--blue-cool-vivid-70);background:var(--blue-cool-vivid-70)!important}.bg-blue-cool-vivid-60{--background:var(--blue-cool-vivid-60);background:var(--blue-cool-vivid-60)!important}.bg-blue-cool-vivid-50{--background:var(--blue-cool-vivid-50);background:var(--blue-cool-vivid-50)!important}.bg-blue-cool-vivid-40{--background:var(--blue-cool-vivid-40);background:var(--blue-cool-vivid-40)!important}.bg-blue-cool-vivid-30{--background:var(--blue-cool-vivid-30);background:var(--blue-cool-vivid-30)!important}.bg-blue-cool-vivid-20{--background:var(--blue-cool-vivid-20);background:var(--blue-cool-vivid-20)!important}.bg-blue-cool-vivid-10{--background:var(--blue-cool-vivid-10);background:var(--blue-cool-vivid-10)!important}.bg-blue-cool-vivid-5{--background:var(--blue-cool-vivid-5);background:var(--blue-cool-vivid-5)!important}.bg-blue-warm-vivid-90{--background:var(--blue-warm-vivid-90);background:var(--blue-warm-vivid-90)!important}.bg-blue-warm-vivid-80{--background:var(--blue-warm-vivid-80);background:var(--blue-warm-vivid-80)!important}.bg-blue-warm-vivid-70{--background:var(--blue-warm-vivid-70);background:var(--blue-warm-vivid-70)!important}.bg-blue-warm-vivid-60{--background:var(--blue-warm-vivid-60);background:var(--blue-warm-vivid-60)!important}.bg-blue-warm-vivid-50{--background:var(--blue-warm-vivid-50);background:var(--blue-warm-vivid-50)!important}.bg-blue-warm-vivid-40{--background:var(--blue-warm-vivid-40);background:var(--blue-warm-vivid-40)!important}.bg-blue-warm-vivid-30{--background:var(--blue-warm-vivid-30);background:var(--blue-warm-vivid-30)!important}.bg-blue-warm-vivid-20{--background:var(--blue-warm-vivid-20);background:var(--blue-warm-vivid-20)!important}.bg-blue-warm-vivid-10{--background:var(--blue-warm-vivid-10);background:var(--blue-warm-vivid-10)!important}.bg-blue-warm-vivid-5{--background:var(--blue-warm-vivid-5);background:var(--blue-warm-vivid-5)!important}.bg-cyan-90{--background:var(--cyan-90);background:var(--cyan-90)!important}.bg-cyan-80{--background:var(--cyan-80);background:var(--cyan-80)!important}.bg-cyan-70{--background:var(--cyan-70);background:var(--cyan-70)!important}.bg-cyan-60{--background:var(--cyan-60);background:var(--cyan-60)!important}.bg-cyan-50{--background:var(--cyan-50);background:var(--cyan-50)!important}.bg-cyan-40{--background:var(--cyan-40);background:var(--cyan-40)!important}.bg-cyan-30{--background:var(--cyan-30);background:var(--cyan-30)!important}.bg-cyan-20{--background:var(--cyan-20);background:var(--cyan-20)!important}.bg-cyan-10{--background:var(--cyan-10);background:var(--cyan-10)!important}.bg-cyan-5{--background:var(--cyan-5);background:var(--cyan-5)!important}.bg-cyan-vivid-80{--background:var(--cyan-vivid-80);background:var(--cyan-vivid-80)!important}.bg-cyan-vivid-70{--background:var(--cyan-vivid-70);background:var(--cyan-vivid-70)!important}.bg-cyan-vivid-60{--background:var(--cyan-vivid-60);background:var(--cyan-vivid-60)!important}.bg-cyan-vivid-50{--background:var(--cyan-vivid-50);background:var(--cyan-vivid-50)!important}.bg-cyan-vivid-40{--background:var(--cyan-vivid-40);background:var(--cyan-vivid-40)!important}.bg-cyan-vivid-30{--background:var(--cyan-vivid-30);background:var(--cyan-vivid-30)!important}.bg-cyan-vivid-20{--background:var(--cyan-vivid-20);background:var(--cyan-vivid-20)!important}.bg-cyan-vivid-10{--background:var(--cyan-vivid-10);background:var(--cyan-vivid-10)!important}.bg-cyan-vivid-5{--background:var(--cyan-vivid-5);background:var(--cyan-vivid-5)!important}.bg-gold-90{--background:var(--gold-90);background:var(--gold-90)!important}.bg-gold-80{--background:var(--gold-80);background:var(--gold-80)!important}.bg-gold-70{--background:var(--gold-70);background:var(--gold-70)!important}.bg-gold-60{--background:var(--gold-60);background:var(--gold-60)!important}.bg-gold-50{--background:var(--gold-50);background:var(--gold-50)!important}.bg-gold-40{--background:var(--gold-40);background:var(--gold-40)!important}.bg-gold-30{--background:var(--gold-30);background:var(--gold-30)!important}.bg-gold-20{--background:var(--gold-20);background:var(--gold-20)!important}.bg-gold-10{--background:var(--gold-10);background:var(--gold-10)!important}.bg-gold-5{--background:var(--gold-5);background:var(--gold-5)!important}.bg-gold-vivid-80{--background:var(--gold-vivid-80);background:var(--gold-vivid-80)!important}.bg-gold-vivid-70{--background:var(--gold-vivid-70);background:var(--gold-vivid-70)!important}.bg-gold-vivid-60{--background:var(--gold-vivid-60);background:var(--gold-vivid-60)!important}.bg-gold-vivid-50{--background:var(--gold-vivid-50);background:var(--gold-vivid-50)!important}.bg-gold-vivid-40{--background:var(--gold-vivid-40);background:var(--gold-vivid-40)!important}.bg-gold-vivid-30{--background:var(--gold-vivid-30);background:var(--gold-vivid-30)!important}.bg-gold-vivid-20{--background:var(--gold-vivid-20);background:var(--gold-vivid-20)!important}.bg-gold-vivid-10{--background:var(--gold-vivid-10);background:var(--gold-vivid-10)!important}.bg-gold-vivid-5{--background:var(--gold-vivid-5);background:var(--gold-vivid-5)!important}.bg-gray-90{--background:var(--gray-90);background:var(--gray-90)!important}.bg-gray-80{--background:var(--gray-80);background:var(--gray-80)!important}.bg-gray-70{--background:var(--gray-70);background:var(--gray-70)!important}.bg-gray-60{--background:var(--gray-60);background:var(--gray-60)!important}.bg-gray-50{--background:var(--gray-50);background:var(--gray-50)!important}.bg-gray-40{--background:var(--gray-40);background:var(--gray-40)!important}.bg-gray-30{--background:var(--gray-30);background:var(--gray-30)!important}.bg-gray-20{--background:var(--gray-20);background:var(--gray-20)!important}.bg-gray-10{--background:var(--gray-10);background:var(--gray-10)!important}.bg-gray-5{--background:var(--gray-5);background:var(--gray-5)!important}.bg-gray-4{--background:var(--gray-4);background:var(--gray-4)!important}.bg-gray-3{--background:var(--gray-3);background:var(--gray-3)!important}.bg-gray-2{--background:var(--gray-2);background:var(--gray-2)!important}.bg-gray-1{--background:var(--gray-1);background:var(--gray-1)!important}.bg-gray-cool-90{--background:var(--gray-cool-90);background:var(--gray-cool-90)!important}.bg-gray-cool-80{--background:var(--gray-cool-80);background:var(--gray-cool-80)!important}.bg-gray-cool-70{--background:var(--gray-cool-70);background:var(--gray-cool-70)!important}.bg-gray-cool-60{--background:var(--gray-cool-60);background:var(--gray-cool-60)!important}.bg-gray-cool-50{--background:var(--gray-cool-50);background:var(--gray-cool-50)!important}.bg-gray-cool-40{--background:var(--gray-cool-40);background:var(--gray-cool-40)!important}.bg-gray-cool-30{--background:var(--gray-cool-30);background:var(--gray-cool-30)!important}.bg-gray-cool-20{--background:var(--gray-cool-20);background:var(--gray-cool-20)!important}.bg-gray-cool-10{--background:var(--gray-cool-10);background:var(--gray-cool-10)!important}.bg-gray-cool-5{--background:var(--gray-cool-5);background:var(--gray-cool-5)!important}.bg-gray-cool-4{--background:var(--gray-cool-4);background:var(--gray-cool-4)!important}.bg-gray-cool-3{--background:var(--gray-cool-3);background:var(--gray-cool-3)!important}.bg-gray-cool-2{--background:var(--gray-cool-2);background:var(--gray-cool-2)!important}.bg-gray-cool-1{--background:var(--gray-cool-1);background:var(--gray-cool-1)!important}.bg-gray-warm-90{--background:var(--gray-warm-90);background:var(--gray-warm-90)!important}.bg-gray-warm-80{--background:var(--gray-warm-80);background:var(--gray-warm-80)!important}.bg-gray-warm-70{--background:var(--gray-warm-70);background:var(--gray-warm-70)!important}.bg-gray-warm-60{--background:var(--gray-warm-60);background:var(--gray-warm-60)!important}.bg-gray-warm-50{--background:var(--gray-warm-50);background:var(--gray-warm-50)!important}.bg-gray-warm-40{--background:var(--gray-warm-40);background:var(--gray-warm-40)!important}.bg-gray-warm-30{--background:var(--gray-warm-30);background:var(--gray-warm-30)!important}.bg-gray-warm-20{--background:var(--gray-warm-20);background:var(--gray-warm-20)!important}.bg-gray-warm-10{--background:var(--gray-warm-10);background:var(--gray-warm-10)!important}.bg-gray-warm-5{--background:var(--gray-warm-5);background:var(--gray-warm-5)!important}.bg-gray-warm-4{--background:var(--gray-warm-4);background:var(--gray-warm-4)!important}.bg-gray-warm-3{--background:var(--gray-warm-3);background:var(--gray-warm-3)!important}.bg-gray-warm-2{--background:var(--gray-warm-2);background:var(--gray-warm-2)!important}.bg-gray-warm-1{--background:var(--gray-warm-1);background:var(--gray-warm-1)!important}.bg-green-90{--background:var(--green-90);background:var(--green-90)!important}.bg-green-80{--background:var(--green-80);background:var(--green-80)!important}.bg-green-70{--background:var(--green-70);background:var(--green-70)!important}.bg-green-60{--background:var(--green-60);background:var(--green-60)!important}.bg-green-50{--background:var(--green-50);background:var(--green-50)!important}.bg-green-40{--background:var(--green-40);background:var(--green-40)!important}.bg-green-30{--background:var(--green-30);background:var(--green-30)!important}.bg-green-20{--background:var(--green-20);background:var(--green-20)!important}.bg-green-10{--background:var(--green-10);background:var(--green-10)!important}.bg-green-5{--background:var(--green-5);background:var(--green-5)!important}.bg-green-cool-90{--background:var(--green-cool-90);background:var(--green-cool-90)!important}.bg-green-cool-80{--background:var(--green-cool-80);background:var(--green-cool-80)!important}.bg-green-cool-70{--background:var(--green-cool-70);background:var(--green-cool-70)!important}.bg-green-cool-60{--background:var(--green-cool-60);background:var(--green-cool-60)!important}.bg-green-cool-50{--background:var(--green-cool-50);background:var(--green-cool-50)!important}.bg-green-cool-40{--background:var(--green-cool-40);background:var(--green-cool-40)!important}.bg-green-cool-30{--background:var(--green-cool-30);background:var(--green-cool-30)!important}.bg-green-cool-20{--background:var(--green-cool-20);background:var(--green-cool-20)!important}.bg-green-cool-10{--background:var(--green-cool-10);background:var(--green-cool-10)!important}.bg-green-cool-5{--background:var(--green-cool-5);background:var(--green-cool-5)!important}.bg-green-warm-90{--background:var(--green-warm-90);background:var(--green-warm-90)!important}.bg-green-warm-80{--background:var(--green-warm-80);background:var(--green-warm-80)!important}.bg-green-warm-70{--background:var(--green-warm-70);background:var(--green-warm-70)!important}.bg-green-warm-60{--background:var(--green-warm-60);background:var(--green-warm-60)!important}.bg-green-warm-50{--background:var(--green-warm-50);background:var(--green-warm-50)!important}.bg-green-warm-40{--background:var(--green-warm-40);background:var(--green-warm-40)!important}.bg-green-warm-30{--background:var(--green-warm-30);background:var(--green-warm-30)!important}.bg-green-warm-20{--background:var(--green-warm-20);background:var(--green-warm-20)!important}.bg-green-warm-10{--background:var(--green-warm-10);background:var(--green-warm-10)!important}.bg-green-warm-5{--background:var(--green-warm-5);background:var(--green-warm-5)!important}.bg-green-vivid-80{--background:var(--green-vivid-80);background:var(--green-vivid-80)!important}.bg-green-vivid-70{--background:var(--green-vivid-70);background:var(--green-vivid-70)!important}.bg-green-vivid-60{--background:var(--green-vivid-60);background:var(--green-vivid-60)!important}.bg-green-vivid-50{--background:var(--green-vivid-50);background:var(--green-vivid-50)!important}.bg-green-vivid-40{--background:var(--green-vivid-40);background:var(--green-vivid-40)!important}.bg-green-vivid-30{--background:var(--green-vivid-30);background:var(--green-vivid-30)!important}.bg-green-vivid-20{--background:var(--green-vivid-20);background:var(--green-vivid-20)!important}.bg-green-vivid-10{--background:var(--green-vivid-10);background:var(--green-vivid-10)!important}.bg-green-vivid-5{--background:var(--green-vivid-5);background:var(--green-vivid-5)!important}.bg-green-cool-vivid-80{--background:var(--green-cool-vivid-80);background:var(--green-cool-vivid-80)!important}.bg-green-cool-vivid-70{--background:var(--green-cool-vivid-70);background:var(--green-cool-vivid-70)!important}.bg-green-cool-vivid-60{--background:var(--green-cool-vivid-60);background:var(--green-cool-vivid-60)!important}.bg-green-cool-vivid-50{--background:var(--green-cool-vivid-50);background:var(--green-cool-vivid-50)!important}.bg-green-cool-vivid-40{--background:var(--green-cool-vivid-40);background:var(--green-cool-vivid-40)!important}.bg-green-cool-vivid-30{--background:var(--green-cool-vivid-30);background:var(--green-cool-vivid-30)!important}.bg-green-cool-vivid-20{--background:var(--green-cool-vivid-20);background:var(--green-cool-vivid-20)!important}.bg-green-cool-vivid-10{--background:var(--green-cool-vivid-10);background:var(--green-cool-vivid-10)!important}.bg-green-cool-vivid-5{--background:var(--green-cool-vivid-5);background:var(--green-cool-vivid-5)!important}.bg-green-warm-vivid-80{--background:var(--green-warm-vivid-80);background:var(--green-warm-vivid-80)!important}.bg-green-warm-vivid-70{--background:var(--green-warm-vivid-70);background:var(--green-warm-vivid-70)!important}.bg-green-warm-vivid-60{--background:var(--green-warm-vivid-60);background:var(--green-warm-vivid-60)!important}.bg-green-warm-vivid-50{--background:var(--green-warm-vivid-50);background:var(--green-warm-vivid-50)!important}.bg-green-warm-vivid-40{--background:var(--green-warm-vivid-40);background:var(--green-warm-vivid-40)!important}.bg-green-warm-vivid-30{--background:var(--green-warm-vivid-30);background:var(--green-warm-vivid-30)!important}.bg-green-warm-vivid-20{--background:var(--green-warm-vivid-20);background:var(--green-warm-vivid-20)!important}.bg-green-warm-vivid-10{--background:var(--green-warm-vivid-10);background:var(--green-warm-vivid-10)!important}.bg-green-warm-vivid-5{--background:var(--green-warm-vivid-5);background:var(--green-warm-vivid-5)!important}.bg-indigo-90{--background:var(--indigo-90);background:var(--indigo-90)!important}.bg-indigo-80{--background:var(--indigo-80);background:var(--indigo-80)!important}.bg-indigo-70{--background:var(--indigo-70);background:var(--indigo-70)!important}.bg-indigo-60{--background:var(--indigo-60);background:var(--indigo-60)!important}.bg-indigo-50{--background:var(--indigo-50);background:var(--indigo-50)!important}.bg-indigo-40{--background:var(--indigo-40);background:var(--indigo-40)!important}.bg-indigo-30{--background:var(--indigo-30);background:var(--indigo-30)!important}.bg-indigo-20{--background:var(--indigo-20);background:var(--indigo-20)!important}.bg-indigo-10{--background:var(--indigo-10);background:var(--indigo-10)!important}.bg-indigo-5{--background:var(--indigo-5);background:var(--indigo-5)!important}.bg-indigo-cool-90{--background:var(--indigo-cool-90);background:var(--indigo-cool-90)!important}.bg-indigo-cool-80{--background:var(--indigo-cool-80);background:var(--indigo-cool-80)!important}.bg-indigo-cool-70{--background:var(--indigo-cool-70);background:var(--indigo-cool-70)!important}.bg-indigo-cool-60{--background:var(--indigo-cool-60);background:var(--indigo-cool-60)!important}.bg-indigo-cool-50{--background:var(--indigo-cool-50);background:var(--indigo-cool-50)!important}.bg-indigo-cool-40{--background:var(--indigo-cool-40);background:var(--indigo-cool-40)!important}.bg-indigo-cool-30{--background:var(--indigo-cool-30);background:var(--indigo-cool-30)!important}.bg-indigo-cool-20{--background:var(--indigo-cool-20);background:var(--indigo-cool-20)!important}.bg-indigo-cool-10{--background:var(--indigo-cool-10);background:var(--indigo-cool-10)!important}.bg-indigo-cool-5{--background:var(--indigo-cool-5);background:var(--indigo-cool-5)!important}.bg-indigo-warm-90{--background:var(--indigo-warm-90);background:var(--indigo-warm-90)!important}.bg-indigo-warm-80{--background:var(--indigo-warm-80);background:var(--indigo-warm-80)!important}.bg-indigo-warm-70{--background:var(--indigo-warm-70);background:var(--indigo-warm-70)!important}.bg-indigo-warm-60{--background:var(--indigo-warm-60);background:var(--indigo-warm-60)!important}.bg-indigo-warm-50{--background:var(--indigo-warm-50);background:var(--indigo-warm-50)!important}.bg-indigo-warm-40{--background:var(--indigo-warm-40);background:var(--indigo-warm-40)!important}.bg-indigo-warm-30{--background:var(--indigo-warm-30);background:var(--indigo-warm-30)!important}.bg-indigo-warm-20{--background:var(--indigo-warm-20);background:var(--indigo-warm-20)!important}.bg-indigo-warm-10{--background:var(--indigo-warm-10);background:var(--indigo-warm-10)!important}.bg-indigo-warm-5{--background:var(--indigo-warm-5);background:var(--indigo-warm-5)!important}.bg-indigo-vivid-80{--background:var(--indigo-vivid-80);background:var(--indigo-vivid-80)!important}.bg-indigo-vivid-70{--background:var(--indigo-vivid-70);background:var(--indigo-vivid-70)!important}.bg-indigo-vivid-60{--background:var(--indigo-vivid-60);background:var(--indigo-vivid-60)!important}.bg-indigo-vivid-50{--background:var(--indigo-vivid-50);background:var(--indigo-vivid-50)!important}.bg-indigo-vivid-40{--background:var(--indigo-vivid-40);background:var(--indigo-vivid-40)!important}.bg-indigo-vivid-30{--background:var(--indigo-vivid-30);background:var(--indigo-vivid-30)!important}.bg-indigo-vivid-20{--background:var(--indigo-vivid-20);background:var(--indigo-vivid-20)!important}.bg-indigo-vivid-10{--background:var(--indigo-vivid-10);background:var(--indigo-vivid-10)!important}.bg-indigo-vivid-5{--background:var(--indigo-vivid-5);background:var(--indigo-vivid-5)!important}.bg-indigo-cool-vivid-80{--background:var(--indigo-cool-vivid-80);background:var(--indigo-cool-vivid-80)!important}.bg-indigo-cool-vivid-70{--background:var(--indigo-cool-vivid-70);background:var(--indigo-cool-vivid-70)!important}.bg-indigo-cool-vivid-60{--background:var(--indigo-cool-vivid-60);background:var(--indigo-cool-vivid-60)!important}.bg-indigo-cool-vivid-50{--background:var(--indigo-cool-vivid-50);background:var(--indigo-cool-vivid-50)!important}.bg-indigo-cool-vivid-40{--background:var(--indigo-cool-vivid-40);background:var(--indigo-cool-vivid-40)!important}.bg-indigo-cool-vivid-30{--background:var(--indigo-cool-vivid-30);background:var(--indigo-cool-vivid-30)!important}.bg-indigo-cool-vivid-20{--background:var(--indigo-cool-vivid-20);background:var(--indigo-cool-vivid-20)!important}.bg-indigo-cool-vivid-10{--background:var(--indigo-cool-vivid-10);background:var(--indigo-cool-vivid-10)!important}.bg-indigo-cool-vivid-5{--background:var(--indigo-cool-vivid-5);background:var(--indigo-cool-vivid-5)!important}.bg-indigo-warm-vivid-80{--background:var(--indigo-warm-vivid-80);background:var(--indigo-warm-vivid-80)!important}.bg-indigo-warm-vivid-70{--background:var(--indigo-warm-vivid-70);background:var(--indigo-warm-vivid-70)!important}.bg-indigo-warm-vivid-60{--background:var(--indigo-warm-vivid-60);background:var(--indigo-warm-vivid-60)!important}.bg-indigo-warm-vivid-50{--background:var(--indigo-warm-vivid-50);background:var(--indigo-warm-vivid-50)!important}.bg-indigo-warm-vivid-40{--background:var(--indigo-warm-vivid-40);background:var(--indigo-warm-vivid-40)!important}.bg-indigo-warm-vivid-30{--background:var(--indigo-warm-vivid-30);background:var(--indigo-warm-vivid-30)!important}.bg-indigo-warm-vivid-20{--background:var(--indigo-warm-vivid-20);background:var(--indigo-warm-vivid-20)!important}.bg-indigo-warm-vivid-10{--background:var(--indigo-warm-vivid-10);background:var(--indigo-warm-vivid-10)!important}.bg-indigo-warm-vivid-5{--background:var(--indigo-warm-vivid-5);background:var(--indigo-warm-vivid-5)!important}.bg-magenta-90{--background:var(--magenta-90);background:var(--magenta-90)!important}.bg-magenta-80{--background:var(--magenta-80);background:var(--magenta-80)!important}.bg-magenta-70{--background:var(--magenta-70);background:var(--magenta-70)!important}.bg-magenta-60{--background:var(--magenta-60);background:var(--magenta-60)!important}.bg-magenta-50{--background:var(--magenta-50);background:var(--magenta-50)!important}.bg-magenta-40{--background:var(--magenta-40);background:var(--magenta-40)!important}.bg-magenta-30{--background:var(--magenta-30);background:var(--magenta-30)!important}.bg-magenta-20{--background:var(--magenta-20);background:var(--magenta-20)!important}.bg-magenta-10{--background:var(--magenta-10);background:var(--magenta-10)!important}.bg-magenta-5{--background:var(--magenta-5);background:var(--magenta-5)!important}.bg-magenta-vivid-80{--background:var(--magenta-vivid-80);background:var(--magenta-vivid-80)!important}.bg-magenta-vivid-70{--background:var(--magenta-vivid-70);background:var(--magenta-vivid-70)!important}.bg-magenta-vivid-60{--background:var(--magenta-vivid-60);background:var(--magenta-vivid-60)!important}.bg-magenta-vivid-50{--background:var(--magenta-vivid-50);background:var(--magenta-vivid-50)!important}.bg-magenta-vivid-40{--background:var(--magenta-vivid-40);background:var(--magenta-vivid-40)!important}.bg-magenta-vivid-30{--background:var(--magenta-vivid-30);background:var(--magenta-vivid-30)!important}.bg-magenta-vivid-20{--background:var(--magenta-vivid-20);background:var(--magenta-vivid-20)!important}.bg-magenta-vivid-10{--background:var(--magenta-vivid-10);background:var(--magenta-vivid-10)!important}.bg-magenta-vivid-5{--background:var(--magenta-vivid-5);background:var(--magenta-vivid-5)!important}.bg-mint-90{--background:var(--mint-90);background:var(--mint-90)!important}.bg-mint-80{--background:var(--mint-80);background:var(--mint-80)!important}.bg-mint-70{--background:var(--mint-70);background:var(--mint-70)!important}.bg-mint-60{--background:var(--mint-60);background:var(--mint-60)!important}.bg-mint-50{--background:var(--mint-50);background:var(--mint-50)!important}.bg-mint-40{--background:var(--mint-40);background:var(--mint-40)!important}.bg-mint-30{--background:var(--mint-30);background:var(--mint-30)!important}.bg-mint-20{--background:var(--mint-20);background:var(--mint-20)!important}.bg-mint-10{--background:var(--mint-10);background:var(--mint-10)!important}.bg-mint-5{--background:var(--mint-5);background:var(--mint-5)!important}.bg-mint-cool-90{--background:var(--mint-cool-90);background:var(--mint-cool-90)!important}.bg-mint-cool-80{--background:var(--mint-cool-80);background:var(--mint-cool-80)!important}.bg-mint-cool-70{--background:var(--mint-cool-70);background:var(--mint-cool-70)!important}.bg-mint-cool-60{--background:var(--mint-cool-60);background:var(--mint-cool-60)!important}.bg-mint-cool-50{--background:var(--mint-cool-50);background:var(--mint-cool-50)!important}.bg-mint-cool-40{--background:var(--mint-cool-40);background:var(--mint-cool-40)!important}.bg-mint-cool-30{--background:var(--mint-cool-30);background:var(--mint-cool-30)!important}.bg-mint-cool-20{--background:var(--mint-cool-20);background:var(--mint-cool-20)!important}.bg-mint-cool-10{--background:var(--mint-cool-10);background:var(--mint-cool-10)!important}.bg-mint-cool-5{--background:var(--mint-cool-5);background:var(--mint-cool-5)!important}.bg-mint-vivid-80{--background:var(--mint-vivid-80);background:var(--mint-vivid-80)!important}.bg-mint-vivid-70{--background:var(--mint-vivid-70);background:var(--mint-vivid-70)!important}.bg-mint-vivid-60{--background:var(--mint-vivid-60);background:var(--mint-vivid-60)!important}.bg-mint-vivid-50{--background:var(--mint-vivid-50);background:var(--mint-vivid-50)!important}.bg-mint-vivid-40{--background:var(--mint-vivid-40);background:var(--mint-vivid-40)!important}.bg-mint-vivid-30{--background:var(--mint-vivid-30);background:var(--mint-vivid-30)!important}.bg-mint-vivid-20{--background:var(--mint-vivid-20);background:var(--mint-vivid-20)!important}.bg-mint-vivid-10{--background:var(--mint-vivid-10);background:var(--mint-vivid-10)!important}.bg-mint-vivid-5{--background:var(--mint-vivid-5);background:var(--mint-vivid-5)!important}.bg-mint-cool-vivid-80{--background:var(--mint-cool-vivid-80);background:var(--mint-cool-vivid-80)!important}.bg-mint-cool-vivid-70{--background:var(--mint-cool-vivid-70);background:var(--mint-cool-vivid-70)!important}.bg-mint-cool-vivid-60{--background:var(--mint-cool-vivid-60);background:var(--mint-cool-vivid-60)!important}.bg-mint-cool-vivid-50{--background:var(--mint-cool-vivid-50);background:var(--mint-cool-vivid-50)!important}.bg-mint-cool-vivid-40{--background:var(--mint-cool-vivid-40);background:var(--mint-cool-vivid-40)!important}.bg-mint-cool-vivid-30{--background:var(--mint-cool-vivid-30);background:var(--mint-cool-vivid-30)!important}.bg-mint-cool-vivid-20{--background:var(--mint-cool-vivid-20);background:var(--mint-cool-vivid-20)!important}.bg-mint-cool-vivid-10{--background:var(--mint-cool-vivid-10);background:var(--mint-cool-vivid-10)!important}.bg-mint-cool-vivid-5{--background:var(--mint-cool-vivid-5);background:var(--mint-cool-vivid-5)!important}.bg-orange-90{--background:var(--orange-90);background:var(--orange-90)!important}.bg-orange-80{--background:var(--orange-80);background:var(--orange-80)!important}.bg-orange-70{--background:var(--orange-70);background:var(--orange-70)!important}.bg-orange-60{--background:var(--orange-60);background:var(--orange-60)!important}.bg-orange-50{--background:var(--orange-50);background:var(--orange-50)!important}.bg-orange-40{--background:var(--orange-40);background:var(--orange-40)!important}.bg-orange-30{--background:var(--orange-30);background:var(--orange-30)!important}.bg-orange-20{--background:var(--orange-20);background:var(--orange-20)!important}.bg-orange-10{--background:var(--orange-10);background:var(--orange-10)!important}.bg-orange-5{--background:var(--orange-5);background:var(--orange-5)!important}.bg-orange-warm-90{--background:var(--orange-warm-90);background:var(--orange-warm-90)!important}.bg-orange-warm-80{--background:var(--orange-warm-80);background:var(--orange-warm-80)!important}.bg-orange-warm-70{--background:var(--orange-warm-70);background:var(--orange-warm-70)!important}.bg-orange-warm-60{--background:var(--orange-warm-60);background:var(--orange-warm-60)!important}.bg-orange-warm-50{--background:var(--orange-warm-50);background:var(--orange-warm-50)!important}.bg-orange-warm-40{--background:var(--orange-warm-40);background:var(--orange-warm-40)!important}.bg-orange-warm-30{--background:var(--orange-warm-30);background:var(--orange-warm-30)!important}.bg-orange-warm-20{--background:var(--orange-warm-20);background:var(--orange-warm-20)!important}.bg-orange-warm-10{--background:var(--orange-warm-10);background:var(--orange-warm-10)!important}.bg-orange-warm-5{--background:var(--orange-warm-5);background:var(--orange-warm-5)!important}.bg-orange-vivid-80{--background:var(--orange-vivid-80);background:var(--orange-vivid-80)!important}.bg-orange-vivid-70{--background:var(--orange-vivid-70);background:var(--orange-vivid-70)!important}.bg-orange-vivid-60{--background:var(--orange-vivid-60);background:var(--orange-vivid-60)!important}.bg-orange-vivid-50{--background:var(--orange-vivid-50);background:var(--orange-vivid-50)!important}.bg-orange-vivid-40{--background:var(--orange-vivid-40);background:var(--orange-vivid-40)!important}.bg-orange-vivid-30{--background:var(--orange-vivid-30);background:var(--orange-vivid-30)!important}.bg-orange-vivid-20{--background:var(--orange-vivid-20);background:var(--orange-vivid-20)!important}.bg-orange-vivid-10{--background:var(--orange-vivid-10);background:var(--orange-vivid-10)!important}.bg-orange-vivid-5{--background:var(--orange-vivid-5);background:var(--orange-vivid-5)!important}.bg-orange-warm-vivid-80{--background:var(--orange-warm-vivid-80);background:var(--orange-warm-vivid-80)!important}.bg-orange-warm-vivid-70{--background:var(--orange-warm-vivid-70);background:var(--orange-warm-vivid-70)!important}.bg-orange-warm-vivid-60{--background:var(--orange-warm-vivid-60);background:var(--orange-warm-vivid-60)!important}.bg-orange-warm-vivid-50{--background:var(--orange-warm-vivid-50);background:var(--orange-warm-vivid-50)!important}.bg-orange-warm-vivid-40{--background:var(--orange-warm-vivid-40);background:var(--orange-warm-vivid-40)!important}.bg-orange-warm-vivid-30{--background:var(--orange-warm-vivid-30);background:var(--orange-warm-vivid-30)!important}.bg-orange-warm-vivid-20{--background:var(--orange-warm-vivid-20);background:var(--orange-warm-vivid-20)!important}.bg-orange-warm-vivid-10{--background:var(--orange-warm-vivid-10);background:var(--orange-warm-vivid-10)!important}.bg-orange-warm-vivid-5{--background:var(--orange-warm-vivid-5);background:var(--orange-warm-vivid-5)!important}.bg-pure-100{--background:var(--pure-100);background:var(--pure-100)!important}.bg-pure-0{--background:var(--pure-0);background:var(--pure-0)!important}.text-pure-0{color:var(--pure-0)!important}.bg-red-90{--background:var(--red-90);background:var(--red-90)!important}.bg-red-80{--background:var(--red-80);background:var(--red-80)!important}.bg-red-70{--background:var(--red-70);background:var(--red-70)!important}.bg-red-60{--background:var(--red-60);background:var(--red-60)!important}.bg-red-50{--background:var(--red-50);background:var(--red-50)!important}.bg-red-40{--background:var(--red-40);background:var(--red-40)!important}.bg-red-30{--background:var(--red-30);background:var(--red-30)!important}.bg-red-20{--background:var(--red-20);background:var(--red-20)!important}.bg-red-10{--background:var(--red-10);background:var(--red-10)!important}.bg-red-5{--background:var(--red-5);background:var(--red-5)!important}.bg-red-cool-90{--background:var(--red-cool-90);background:var(--red-cool-90)!important}.bg-red-cool-80{--background:var(--red-cool-80);background:var(--red-cool-80)!important}.bg-red-cool-70{--background:var(--red-cool-70);background:var(--red-cool-70)!important}.bg-red-cool-60{--background:var(--red-cool-60);background:var(--red-cool-60)!important}.bg-red-cool-50{--background:var(--red-cool-50);background:var(--red-cool-50)!important}.bg-red-cool-40{--background:var(--red-cool-40);background:var(--red-cool-40)!important}.bg-red-cool-30{--background:var(--red-cool-30);background:var(--red-cool-30)!important}.bg-red-cool-20{--background:var(--red-cool-20);background:var(--red-cool-20)!important}.bg-red-cool-10{--background:var(--red-cool-10);background:var(--red-cool-10)!important}.bg-red-cool-5{--background:var(--red-cool-5);background:var(--red-cool-5)!important}.bg-red-warm-90{--background:var(--red-warm-90);background:var(--red-warm-90)!important}.bg-red-warm-80{--background:var(--red-warm-80);background:var(--red-warm-80)!important}.bg-red-warm-70{--background:var(--red-warm-70);background:var(--red-warm-70)!important}.bg-red-warm-60{--background:var(--red-warm-60);background:var(--red-warm-60)!important}.bg-red-warm-50{--background:var(--red-warm-50);background:var(--red-warm-50)!important}.bg-red-warm-40{--background:var(--red-warm-40);background:var(--red-warm-40)!important}.bg-red-warm-30{--background:var(--red-warm-30);background:var(--red-warm-30)!important}.bg-red-warm-20{--background:var(--red-warm-20);background:var(--red-warm-20)!important}.bg-red-warm-10{--background:var(--red-warm-10);background:var(--red-warm-10)!important}.bg-red-warm-5{--background:var(--red-warm-5);background:var(--red-warm-5)!important}.bg-red-vivid-80{--background:var(--red-vivid-80);background:var(--red-vivid-80)!important}.bg-red-vivid-70{--background:var(--red-vivid-70);background:var(--red-vivid-70)!important}.bg-red-vivid-60{--background:var(--red-vivid-60);background:var(--red-vivid-60)!important}.bg-red-vivid-50{--background:var(--red-vivid-50);background:var(--red-vivid-50)!important}.bg-red-vivid-40{--background:var(--red-vivid-40);background:var(--red-vivid-40)!important}.bg-red-vivid-30{--background:var(--red-vivid-30);background:var(--red-vivid-30)!important}.bg-red-vivid-20{--background:var(--red-vivid-20);background:var(--red-vivid-20)!important}.bg-red-vivid-10{--background:var(--red-vivid-10);background:var(--red-vivid-10)!important}.bg-red-vivid-5{--background:var(--red-vivid-5);background:var(--red-vivid-5)!important}.bg-red-cool-vivid-80{--background:var(--red-cool-vivid-80);background:var(--red-cool-vivid-80)!important}.bg-red-cool-vivid-70{--background:var(--red-cool-vivid-70);background:var(--red-cool-vivid-70)!important}.bg-red-cool-vivid-60{--background:var(--red-cool-vivid-60);background:var(--red-cool-vivid-60)!important}.bg-red-cool-vivid-50{--background:var(--red-cool-vivid-50);background:var(--red-cool-vivid-50)!important}.bg-red-cool-vivid-40{--background:var(--red-cool-vivid-40);background:var(--red-cool-vivid-40)!important}.bg-red-cool-vivid-30{--background:var(--red-cool-vivid-30);background:var(--red-cool-vivid-30)!important}.bg-red-cool-vivid-20{--background:var(--red-cool-vivid-20);background:var(--red-cool-vivid-20)!important}.bg-red-cool-vivid-10{--background:var(--red-cool-vivid-10);background:var(--red-cool-vivid-10)!important}.bg-red-cool-vivid-5{--background:var(--red-cool-vivid-5);background:var(--red-cool-vivid-5)!important}.bg-red-warm-vivid-80{--background:var(--red-warm-vivid-80);background:var(--red-warm-vivid-80)!important}.bg-red-warm-vivid-70{--background:var(--red-warm-vivid-70);background:var(--red-warm-vivid-70)!important}.bg-red-warm-vivid-60{--background:var(--red-warm-vivid-60);background:var(--red-warm-vivid-60)!important}.bg-red-warm-vivid-50{--background:var(--red-warm-vivid-50);background:var(--red-warm-vivid-50)!important}.bg-red-warm-vivid-40{--background:var(--red-warm-vivid-40);background:var(--red-warm-vivid-40)!important}.bg-red-warm-vivid-30{--background:var(--red-warm-vivid-30);background:var(--red-warm-vivid-30)!important}.bg-red-warm-vivid-20{--background:var(--red-warm-vivid-20);background:var(--red-warm-vivid-20)!important}.bg-red-warm-vivid-10{--background:var(--red-warm-vivid-10);background:var(--red-warm-vivid-10)!important}.bg-red-warm-vivid-5{--background:var(--red-warm-vivid-5);background:var(--red-warm-vivid-5)!important}.bg-violet-90{--background:var(--violet-90);background:var(--violet-90)!important}.bg-violet-80{--background:var(--violet-80);background:var(--violet-80)!important}.bg-violet-70{--background:var(--violet-70);background:var(--violet-70)!important}.bg-violet-60{--background:var(--violet-60);background:var(--violet-60)!important}.bg-violet-50{--background:var(--violet-50);background:var(--violet-50)!important}.bg-violet-40{--background:var(--violet-40);background:var(--violet-40)!important}.bg-violet-30{--background:var(--violet-30);background:var(--violet-30)!important}.bg-violet-20{--background:var(--violet-20);background:var(--violet-20)!important}.bg-violet-10{--background:var(--violet-10);background:var(--violet-10)!important}.bg-violet-5{--background:var(--violet-5);background:var(--violet-5)!important}.bg-violet-warm-90{--background:var(--violet-warm-90);background:var(--violet-warm-90)!important}.bg-violet-warm-80{--background:var(--violet-warm-80);background:var(--violet-warm-80)!important}.bg-violet-warm-70{--background:var(--violet-warm-70);background:var(--violet-warm-70)!important}.bg-violet-warm-60{--background:var(--violet-warm-60);background:var(--violet-warm-60)!important}.bg-violet-warm-50{--background:var(--violet-warm-50);background:var(--violet-warm-50)!important}.bg-violet-warm-40{--background:var(--violet-warm-40);background:var(--violet-warm-40)!important}.bg-violet-warm-30{--background:var(--violet-warm-30);background:var(--violet-warm-30)!important}.bg-violet-warm-20{--background:var(--violet-warm-20);background:var(--violet-warm-20)!important}.bg-violet-warm-10{--background:var(--violet-warm-10);background:var(--violet-warm-10)!important}.bg-violet-warm-5{--background:var(--violet-warm-5);background:var(--violet-warm-5)!important}.bg-violet-vivid-80{--background:var(--violet-vivid-80);background:var(--violet-vivid-80)!important}.bg-violet-vivid-70{--background:var(--violet-vivid-70);background:var(--violet-vivid-70)!important}.bg-violet-vivid-60{--background:var(--violet-vivid-60);background:var(--violet-vivid-60)!important}.bg-violet-vivid-50{--background:var(--violet-vivid-50);background:var(--violet-vivid-50)!important}.bg-violet-vivid-40{--background:var(--violet-vivid-40);background:var(--violet-vivid-40)!important}.bg-violet-vivid-30{--background:var(--violet-vivid-30);background:var(--violet-vivid-30)!important}.bg-violet-vivid-20{--background:var(--violet-vivid-20);background:var(--violet-vivid-20)!important}.bg-violet-vivid-10{--background:var(--violet-vivid-10);background:var(--violet-vivid-10)!important}.bg-violet-vivid-5{--background:var(--violet-vivid-5);background:var(--violet-vivid-5)!important}.bg-violet-warm-vivid-80{--background:var(--violet-warm-vivid-80);background:var(--violet-warm-vivid-80)!important}.bg-violet-warm-vivid-70{--background:var(--violet-warm-vivid-70);background:var(--violet-warm-vivid-70)!important}.bg-violet-warm-vivid-60{--background:var(--violet-warm-vivid-60);background:var(--violet-warm-vivid-60)!important}.bg-violet-warm-vivid-50{--background:var(--violet-warm-vivid-50);background:var(--violet-warm-vivid-50)!important}.bg-violet-warm-vivid-40{--background:var(--violet-warm-vivid-40);background:var(--violet-warm-vivid-40)!important}.bg-violet-warm-vivid-30{--background:var(--violet-warm-vivid-30);background:var(--violet-warm-vivid-30)!important}.bg-violet-warm-vivid-20{--background:var(--violet-warm-vivid-20);background:var(--violet-warm-vivid-20)!important}.bg-violet-warm-vivid-10{--background:var(--violet-warm-vivid-10);background:var(--violet-warm-vivid-10)!important}.bg-violet-warm-vivid-5{--background:var(--violet-warm-vivid-5);background:var(--violet-warm-vivid-5)!important}.bg-yellow-90{--background:var(--yellow-90);background:var(--yellow-90)!important}.bg-yellow-80{--background:var(--yellow-80);background:var(--yellow-80)!important}.bg-yellow-70{--background:var(--yellow-70);background:var(--yellow-70)!important}.bg-yellow-60{--background:var(--yellow-60);background:var(--yellow-60)!important}.bg-yellow-50{--background:var(--yellow-50);background:var(--yellow-50)!important}.bg-yellow-40{--background:var(--yellow-40);background:var(--yellow-40)!important}.bg-yellow-30{--background:var(--yellow-30);background:var(--yellow-30)!important}.bg-yellow-20{--background:var(--yellow-20);background:var(--yellow-20)!important}.bg-yellow-10{--background:var(--yellow-10);background:var(--yellow-10)!important}.bg-yellow-5{--background:var(--yellow-5);background:var(--yellow-5)!important}.bg-yellow-vivid-80{--background:var(--yellow-vivid-80);background:var(--yellow-vivid-80)!important}.bg-yellow-vivid-70{--background:var(--yellow-vivid-70);background:var(--yellow-vivid-70)!important}.bg-yellow-vivid-60{--background:var(--yellow-vivid-60);background:var(--yellow-vivid-60)!important}.bg-yellow-vivid-50{--background:var(--yellow-vivid-50);background:var(--yellow-vivid-50)!important}.bg-yellow-vivid-40{--background:var(--yellow-vivid-40);background:var(--yellow-vivid-40)!important}.bg-yellow-vivid-30{--background:var(--yellow-vivid-30);background:var(--yellow-vivid-30)!important}.bg-yellow-vivid-20{--background:var(--yellow-vivid-20);background:var(--yellow-vivid-20)!important}.bg-yellow-vivid-10{--background:var(--yellow-vivid-10);background:var(--yellow-vivid-10)!important}.bg-yellow-vivid-5{--background:var(--yellow-vivid-5);background:var(--yellow-vivid-5)!important}.bg-interactive{--background:var(--interactive);background:var(--interactive)!important}.bg-interactive-dark{--background:var(--interactive-dark);background:var(--interactive-dark)!important}.bg-danger{--background:var(--danger);background:var(--danger)!important}.bg-warning{--background:var(--warning);background:var(--warning)!important}.bg-success{--background:var(--success);background:var(--success)!important}.bg-info{--background:var(--info);background:var(--info)!important}.bg-primary-pastel-01{background:var(--color-primary-pastel-01)!important}.bg-primary-pastel-02{background:var(--color-primary-pastel-02)!important}.bg-primary-lighten-01{background:var(--color-primary-lighten-01)!important}.bg-primary-lighten-01,.bg-primary-lighten-02{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-primary-lighten-02{background:var(--color-primary-lighten-02)!important}.bg-primary-default{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-primary-default)!important}.text-primary-default{color:var(--color-primary-default)!important}.bg-primary-darken-01{background:var(--color-primary-darken-01)!important}.bg-primary-darken-01,.bg-primary-darken-02{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-primary-darken-02{background:var(--color-primary-darken-02)!important}.bg-secondary-01{background:var(--color-secondary-01)!important}.bg-secondary-02{background:var(--color-secondary-02)!important}.bg-secondary-03{background:var(--color-secondary-03)!important}.bg-secondary-04{background:var(--color-secondary-04)!important}.bg-secondary-05{background:var(--color-secondary-05)!important}.bg-secondary-06{background:var(--color-secondary-06)!important}.bg-secondary-06,.bg-secondary-07{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-secondary-07{background:var(--color-secondary-07)!important}.bg-secondary-08{background:var(--color-secondary-08)!important}.bg-secondary-08,.bg-secondary-09{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-secondary-09{background:var(--color-secondary-09)!important}.bg-highlight{background:var(--color-highlight)!important}.bg-highlight,.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-support-01{background:var(--color-support-01)!important}.bg-support-02{background:var(--color-support-02)!important}.bg-support-03{background:var(--color-support-03)!important}.bg-support-03,.bg-support-04{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-support-04{background:var(--color-support-04)!important}.bg-support-05{background:var(--color-support-05)!important}.bg-support-06{background:var(--color-support-06)!important}.bg-support-07{background:var(--color-support-07)!important}.bg-support-07,.bg-support-08{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-support-08{background:var(--color-support-08)!important}.bg-support-09{background:var(--color-support-09)!important}.bg-support-10{background:var(--color-support-10)!important}.bg-support-11{background:var(--color-support-11)!important}.text-right{text-align:right!important}.text-nowrap{white-space:nowrap!important}.text-medium{font-weight:500!important}.text-base{font-size:var(--font-size-scale-base)!important}.text-down-01{font-size:var(--font-size-scale-down-01)!important}@media (min-width:576px){.text-sm-center{text-align:center!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}}.ease{-webkit-animation-timing-function:ease;animation-timing-function:ease}.ease-in-out{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear,left top,left bottom,from(var(--status-highlight-overlay)),to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay),var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}.disabled,[disabled]{cursor:not-allowed;opacity:var(--disabled)}.disabled *,[disabled] *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(var(--interactive-rgb),var(--hover))),to(rgba(var(--interactive-rgb),var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover)))}[data-toggle=collapse]:focus{outline:none}[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host{display:block;position:relative}.br-tooltip .content{border-radius:4px;-webkit-box-shadow:var(--surface-offset-xl) var(--surface-offset-xl) var(--surface-offset-xl) rgba(0,0,0,.16);box-shadow:var(--surface-offset-xl) var(--surface-offset-xl) var(--surface-offset-xl) rgba(0,0,0,.16);color:var(--pure-0);display:none;font-size:var(--font-size-scale-down-01);font-weight:var(--font-weight-regular);left:0;position:absolute;text-align:center;top:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:4}.br-tooltip .content.small{padding:var(--spacing-scale-base) var(--spacing-scale-base)}.br-tooltip .content.medium{padding:var(--spacing-scale-baseh) var(--spacing-scale-baseh)}.br-tooltip .content.large{padding:var(--spacing-scale-2x) var(--spacing-scale-2x)}.br-tooltip .content.is-visible{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.br-tooltip .content.popover br-button{-ms-flex-item-align:start;align-self:flex-start;margin-left:var(--spacing-scale-half)}.br-tooltip .content:focus-visible{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset)}.br-tooltip .arrow{height:8px;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.br-tooltip .arrow.info,.br-tooltip .content.info{background-color:var(--blue-warm-vivid-60)}.br-tooltip .arrow.info br-button::part(button),.br-tooltip .content.info br-button::part(button){color:var(--pure-0)}.br-tooltip .arrow.info br-button::part(button):hover,.br-tooltip .content.info br-button::part(button):hover{background:-webkit-gradient(linear,left top,left bottom,from(rgba(var(--pure-0-rgb),var(--hover))),to(rgba(var(--pure-0-rgb),var(--hover))));background:linear-gradient(rgba(var(--pure-0-rgb),var(--hover)),rgba(var(--pure-0-rgb),var(--hover)))}.br-tooltip .arrow.warning,.br-tooltip .content.warning{background-color:var(--yellow-vivid-20);color:var(--gray-80)}.br-tooltip .arrow.warning br-button::part(button),.br-tooltip .content.warning br-button::part(button){color:var(--gray-80)}.br-tooltip .arrow.warning br-button::part(button):hover,.br-tooltip .content.warning br-button::part(button):hover{background:-webkit-gradient(linear,left top,left bottom,from(rgba(var(--gray-80-rgb),var(--hover))),to(rgba(var(--gray-80-rgb),var(--hover))));background:linear-gradient(rgba(var(--gray-80-rgb),var(--hover)),rgba(var(--gray-80-rgb),var(--hover)))}.br-tooltip .arrow.error,.br-tooltip .content.error{background-color:var(--red-vivid-50)}.br-tooltip .arrow.error br-button::part(button),.br-tooltip .content.error br-button::part(button){color:var(--pure-0)}.br-tooltip .arrow.error br-button::part(button):hover,.br-tooltip .content.error br-button::part(button):hover{background:-webkit-gradient(linear,left top,left bottom,from(rgba(var(--pure-0-rgb),var(--hover))),to(rgba(var(--pure-0-rgb),var(--hover))));background:linear-gradient(rgba(var(--pure-0-rgb),var(--hover)),rgba(var(--pure-0-rgb),var(--hover)))}.br-tooltip .arrow.success,.br-tooltip .content.success{background-color:var(--green-cool-vivid-50)}.br-tooltip .arrow.success br-button::part(button),.br-tooltip .content.success br-button::part(button){color:var(--pure-0)}.br-tooltip .arrow.success br-button::part(button):hover,.br-tooltip .content.success br-button::part(button):hover{background:-webkit-gradient(linear,left top,left bottom,from(rgba(var(--pure-0-rgb),var(--hover))),to(rgba(var(--pure-0-rgb),var(--hover))));background:linear-gradient(rgba(var(--pure-0-rgb),var(--hover)),rgba(var(--pure-0-rgb),var(--hover)))}";
|
|
1677
|
+
|
|
1678
|
+
const x = class {
|
|
1679
|
+
constructor(o) {
|
|
1680
|
+
r(this, o);
|
|
1681
|
+
this.brDidOpen = a(this, "brDidOpen");
|
|
1682
|
+
this.brDidClose = a(this, "brDidClose");
|
|
1683
|
+
if (o.$hostElement$["s-ei"]) {
|
|
1684
|
+
this.elementInternals = o.$hostElement$["s-ei"];
|
|
1685
|
+
} else {
|
|
1686
|
+
this.elementInternals = o.$hostElement$.attachInternals();
|
|
1687
|
+
o.$hostElement$["s-ei"] = this.elementInternals;
|
|
1688
|
+
}
|
|
1689
|
+
}
|
|
1690
|
+
get el() {
|
|
1691
|
+
return o(this);
|
|
1692
|
+
}
|
|
1693
|
+
/**
|
|
1694
|
+
* Referência ao elemento Internals do componente.
|
|
1695
|
+
* O elemento Internals fornece uma interface para acessar e manipular o estado interno do componente.
|
|
1696
|
+
* Isso é útil para componentes que precisam se integrar com o sistema de formulários nativo do navegador.
|
|
1697
|
+
*/ elementInternals;
|
|
1698
|
+
/**
|
|
1699
|
+
* Identificador único.
|
|
1700
|
+
* Caso não seja fornecido, um ID gerado automaticamente será usado.
|
|
1701
|
+
*/
|
|
1702
|
+
customId=n.generateUniqueId();
|
|
1703
|
+
/**
|
|
1704
|
+
* Define a posição do tooltip em relação ao elemento acionador.
|
|
1705
|
+
* As opções disponíveis são: 'top', 'bottom', 'left' e 'right'.
|
|
1706
|
+
* @default 'top'
|
|
1707
|
+
*/
|
|
1708
|
+
position="top";
|
|
1709
|
+
/**
|
|
1710
|
+
* Define o tipo de tooltip a ser exibido.
|
|
1711
|
+
* As opções disponíveis são: 'standard' e 'popover'.
|
|
1712
|
+
* O tipo 'standard' exibe um tooltip simples, enquanto o tipo 'popover' exibe um tooltip com mais informações e fechamento por interação.
|
|
1713
|
+
* @default 'standard'
|
|
1714
|
+
*/
|
|
1715
|
+
type="standard";
|
|
1716
|
+
/**
|
|
1717
|
+
* Define a densidade do tooltip.
|
|
1718
|
+
* As opções disponíveis são: 'large', 'medium' e 'small'.
|
|
1719
|
+
* A densidade 'small' exibe um tooltip mais compacto, enquanto a densidade 'large' exibe um tooltip mais espaçado.
|
|
1720
|
+
* @default 'medium'
|
|
1721
|
+
*/
|
|
1722
|
+
density="medium";
|
|
1723
|
+
/**
|
|
1724
|
+
* Define o estado do tooltip.
|
|
1725
|
+
* Os estados disponíveis são: 'info', 'warning', 'error' e 'success'.
|
|
1726
|
+
* @default 'info'
|
|
1727
|
+
*/
|
|
1728
|
+
state="info";
|
|
1729
|
+
/**
|
|
1730
|
+
* Define se o tooltip deve ser exibido automaticamente.
|
|
1731
|
+
* Quando definido como true, o tooltip será exibido automaticamente.
|
|
1732
|
+
* Quando definido como false, o tooltip será exibido apenas quando acionado pelo usuário.
|
|
1733
|
+
* @default false
|
|
1734
|
+
*/
|
|
1735
|
+
isAutoVisible=false;
|
|
1736
|
+
/**
|
|
1737
|
+
* Define o atraso em milissegundos para exibir o tooltip.
|
|
1738
|
+
* @default null
|
|
1739
|
+
*/
|
|
1740
|
+
showDelay=null;
|
|
1741
|
+
/**
|
|
1742
|
+
* Define o atraso em milissegundos para ocultar o tooltip.
|
|
1743
|
+
* @default null
|
|
1744
|
+
*/
|
|
1745
|
+
hideDelay=null;
|
|
1746
|
+
/**
|
|
1747
|
+
* Define a visibilidade do tooltip.
|
|
1748
|
+
* Quando definido como true, o tooltip será exibido.
|
|
1749
|
+
* Quando definido como false, o tooltip será ocultado.
|
|
1750
|
+
* @default false
|
|
1751
|
+
*/
|
|
1752
|
+
isVisible=false;
|
|
1753
|
+
/**
|
|
1754
|
+
* Watcher para monitorar alterações na propriedade `isVisible`.
|
|
1755
|
+
* @param visible boolean
|
|
1756
|
+
* @returns void
|
|
1757
|
+
*/
|
|
1758
|
+
handleVisibilityChange(r) {
|
|
1759
|
+
if (this.contentElement == null) return;
|
|
1760
|
+
if (r) {
|
|
1761
|
+
this.positionTooltip();
|
|
1762
|
+
this.brDidOpen.emit();
|
|
1763
|
+
} else {
|
|
1764
|
+
this.clearAutoUpdate?.();
|
|
1765
|
+
this.clearAutoUpdate = undefined;
|
|
1766
|
+
this.brDidClose.emit();
|
|
1767
|
+
}
|
|
1768
|
+
}
|
|
1769
|
+
/**
|
|
1770
|
+
* Evento emitido quando o tooltip é aberto.
|
|
1771
|
+
*/ brDidOpen;
|
|
1772
|
+
/**
|
|
1773
|
+
* Evento emitido quando o tooltip é fechado.
|
|
1774
|
+
*/
|
|
1775
|
+
brDidClose;
|
|
1776
|
+
/**
|
|
1777
|
+
* Listener para o evento de foco no elemento acionador.
|
|
1778
|
+
* Este evento é utilizado para exibir o tooltip quando o elemento acionador recebe foco.
|
|
1779
|
+
*/
|
|
1780
|
+
handleFocusIn() {
|
|
1781
|
+
if (!this.fromPointerDown) {
|
|
1782
|
+
this.showContent();
|
|
1783
|
+
}
|
|
1784
|
+
this.fromPointerDown = false;
|
|
1785
|
+
}
|
|
1786
|
+
/**
|
|
1787
|
+
* Listener para o evento de desfoque no elemento acionador.
|
|
1788
|
+
* Este evento é utilizado para ocultar o tooltip quando o elemento acionador perde o foco.
|
|
1789
|
+
*/ handleFocusOut() {
|
|
1790
|
+
this.hideContent();
|
|
1791
|
+
}
|
|
1792
|
+
/**
|
|
1793
|
+
* Listener para o evento de teclado no documento.
|
|
1794
|
+
* Este evento é utilizado para fechar o tooltip quando a tecla Escape é pressionada.
|
|
1795
|
+
* @param event KeyboardEvent
|
|
1796
|
+
*/ handleKeyDown(r) {
|
|
1797
|
+
if (r.key === "Escape") {
|
|
1798
|
+
r.preventDefault();
|
|
1799
|
+
this.hideContent();
|
|
1800
|
+
this.triggerElement?.focus();
|
|
1801
|
+
}
|
|
1802
|
+
}
|
|
1803
|
+
floatingManager;
|
|
1804
|
+
/**
|
|
1805
|
+
* Elemento que aciona a exibição do tooltip.
|
|
1806
|
+
* Este elemento é referenciado para garantir que o tooltip seja posicionado corretamente em relação a ele.
|
|
1807
|
+
*/
|
|
1808
|
+
triggerElement;
|
|
1809
|
+
/**
|
|
1810
|
+
* Elemento que contém o conteúdo do tooltip.
|
|
1811
|
+
* Este elemento é referenciado para garantir que o tooltip seja posicionado corretamente em relação a ele.
|
|
1812
|
+
*/
|
|
1813
|
+
contentElement;
|
|
1814
|
+
/**
|
|
1815
|
+
* Elemento que representa a seta do tooltip.
|
|
1816
|
+
* Este elemento é utilizado para indicar a direção do tooltip em relação ao elemento acionador.
|
|
1817
|
+
*/
|
|
1818
|
+
arrowElement;
|
|
1819
|
+
/**
|
|
1820
|
+
* Função de limpeza para atualizar a posição do tooltip automaticamente.
|
|
1821
|
+
* Esta função é chamada quando o tooltip não está mais visível ou quando o componente é desconectado.
|
|
1822
|
+
* Isso garante que o tooltip não consuma recursos desnecessários quando não estiver em uso.
|
|
1823
|
+
*/
|
|
1824
|
+
clearAutoUpdate;
|
|
1825
|
+
/**
|
|
1826
|
+
* Tempo limite para exibir o tooltip automaticamente.
|
|
1827
|
+
*/
|
|
1828
|
+
showTimer;
|
|
1829
|
+
/**
|
|
1830
|
+
* Tempo limite para ocultar o tooltip.
|
|
1831
|
+
*/
|
|
1832
|
+
hideTimer;
|
|
1833
|
+
/**
|
|
1834
|
+
* Indica se o tooltip foi acionado por um clique do mouse.
|
|
1835
|
+
* Isso é utilizado para evitar conflito com o acionamento por foco.
|
|
1836
|
+
*/
|
|
1837
|
+
fromPointerDown=false;
|
|
1838
|
+
/**
|
|
1839
|
+
* Controla a exibição do tooltip.
|
|
1840
|
+
* Quando o tooltip é exibido, ele é posicionado em relação ao elemento acionador.
|
|
1841
|
+
* Isso é feito utilizando a biblioteca Floating UI, que calcula a posição ideal do tooltip com base no espaço disponível na tela.
|
|
1842
|
+
* A função `autoUpdate` é utilizada para atualizar automaticamente a posição do tooltip quando o elemento acionador é movido ou redimensionado.
|
|
1843
|
+
*/
|
|
1844
|
+
positionTooltip() {
|
|
1845
|
+
if (this.triggerElement == null || this.contentElement == null) return;
|
|
1846
|
+
this.floatingManager = new h({
|
|
1847
|
+
triggerElement: this.triggerElement,
|
|
1848
|
+
contentElement: this.contentElement,
|
|
1849
|
+
arrowElement: this.arrowElement,
|
|
1850
|
+
placement: this.position
|
|
1851
|
+
});
|
|
1852
|
+
this.floatingManager.start();
|
|
1853
|
+
}
|
|
1854
|
+
cleanupPositioning() {
|
|
1855
|
+
this.floatingManager?.stop();
|
|
1856
|
+
}
|
|
1857
|
+
/**
|
|
1858
|
+
* Define os eventos de interação do tooltip.
|
|
1859
|
+
* Os eventos de interação incluem mouseenter, mouseleave, focus e blur.
|
|
1860
|
+
* @returns void
|
|
1861
|
+
*/ setupInteractions() {
|
|
1862
|
+
if (this.triggerElement == null || this.contentElement == null) return;
|
|
1863
|
+
if (this.type === "standard") {
|
|
1864
|
+
this.triggerElement.addEventListener("mouseenter", this.showContent);
|
|
1865
|
+
this.triggerElement.addEventListener("mouseleave", this.hideContent);
|
|
1866
|
+
}
|
|
1867
|
+
if (this.type === "popover") {
|
|
1868
|
+
this.triggerElement.addEventListener("pointerdown", this.toggleContent);
|
|
1869
|
+
}
|
|
1870
|
+
if (this.isAutoVisible) {
|
|
1871
|
+
requestAnimationFrame((() => {
|
|
1872
|
+
this.clearShowTimer();
|
|
1873
|
+
this.setShowTimer();
|
|
1874
|
+
}));
|
|
1875
|
+
}
|
|
1876
|
+
}
|
|
1877
|
+
/**
|
|
1878
|
+
* Alterna a exibição do tooltip.
|
|
1879
|
+
* Se o tooltip estiver visível, ele será ocultado.
|
|
1880
|
+
* Se o tooltip estiver oculto, ele será exibido.
|
|
1881
|
+
*/ toggleContent=() => {
|
|
1882
|
+
this.fromPointerDown = true;
|
|
1883
|
+
if (this.isVisible) {
|
|
1884
|
+
this.hideContent();
|
|
1885
|
+
} else {
|
|
1886
|
+
this.showContent();
|
|
1887
|
+
}
|
|
1888
|
+
};
|
|
1889
|
+
/**
|
|
1890
|
+
* Processa as ações relacionadas à exibição do tooltip.
|
|
1891
|
+
* Isso inclui exibir o tooltip e iniciar o tempo limite de ocultação automática.
|
|
1892
|
+
* @returns void
|
|
1893
|
+
*/
|
|
1894
|
+
showContent=() => {
|
|
1895
|
+
if (this.contentElement == null) return;
|
|
1896
|
+
this.isVisible = true;
|
|
1897
|
+
if (this.isAutoVisible) {
|
|
1898
|
+
if (this.hideDelay !== null) {
|
|
1899
|
+
this.clearHideTimer();
|
|
1900
|
+
this.setHideTimer();
|
|
1901
|
+
}
|
|
1902
|
+
}
|
|
1903
|
+
if (this.type === "popover") {
|
|
1904
|
+
document.addEventListener("click", this.handleOutsideClick);
|
|
1905
|
+
}
|
|
1906
|
+
};
|
|
1907
|
+
/**
|
|
1908
|
+
* Processa as ações relacionadas ao fechamento do tooltip.
|
|
1909
|
+
* Isso inclui ocultar o tooltip e limpar o tempo limite de ocultação automática.
|
|
1910
|
+
* @returns void
|
|
1911
|
+
*/
|
|
1912
|
+
hideContent=() => {
|
|
1913
|
+
if (this.contentElement == null) return;
|
|
1914
|
+
this.isVisible = false;
|
|
1915
|
+
if (this.type === "popover") {
|
|
1916
|
+
document.removeEventListener("click", this.handleOutsideClick);
|
|
1917
|
+
requestAnimationFrame((() => this.contentElement?.focus()));
|
|
1918
|
+
}
|
|
1919
|
+
};
|
|
1920
|
+
/**
|
|
1921
|
+
* Configura o tempo limite para exibir o tooltip automaticamente.
|
|
1922
|
+
* O tempo limite é definido pelo valor da propriedade `showDelay`.
|
|
1923
|
+
*/
|
|
1924
|
+
setShowTimer() {
|
|
1925
|
+
this.showTimer = setTimeout((() => {
|
|
1926
|
+
this.showContent();
|
|
1927
|
+
}), this.showDelay || 0);
|
|
1928
|
+
}
|
|
1929
|
+
/**
|
|
1930
|
+
* Limpa o tempo limite de exibição automática do tooltip.
|
|
1931
|
+
*/ clearShowTimer() {
|
|
1932
|
+
if (this.showTimer !== undefined) {
|
|
1933
|
+
clearTimeout(this.showTimer);
|
|
1934
|
+
this.showTimer = undefined;
|
|
1935
|
+
}
|
|
1936
|
+
}
|
|
1937
|
+
/**
|
|
1938
|
+
* Configura o tempo limite para ocultar o tooltip automaticamente.
|
|
1939
|
+
* O tempo limite é definido pelo valor da propriedade `hideDelay`.
|
|
1940
|
+
*/ setHideTimer() {
|
|
1941
|
+
this.hideTimer = setTimeout((() => {
|
|
1942
|
+
this.hideContent();
|
|
1943
|
+
}), this.hideDelay);
|
|
1944
|
+
}
|
|
1945
|
+
/**
|
|
1946
|
+
* Limpa o tempo limite de ocultação automática do tooltip.
|
|
1947
|
+
*/ clearHideTimer() {
|
|
1948
|
+
if (this.hideTimer !== undefined) {
|
|
1949
|
+
clearTimeout(this.hideTimer);
|
|
1950
|
+
this.hideTimer = undefined;
|
|
1951
|
+
}
|
|
1952
|
+
}
|
|
1953
|
+
/**
|
|
1954
|
+
* Lida com cliques fora do tooltip.
|
|
1955
|
+
* É utilizado para o tooltip do tipo 'popover'.
|
|
1956
|
+
* @param event MouseEvent
|
|
1957
|
+
*/ handleOutsideClick=r => {
|
|
1958
|
+
const a = r.composedPath();
|
|
1959
|
+
if (this.isVisible && this.type === "popover" && !a.includes(this.contentElement) && !a.includes(this.triggerElement)) {
|
|
1960
|
+
this.hideContent();
|
|
1961
|
+
}
|
|
1962
|
+
};
|
|
1963
|
+
/**
|
|
1964
|
+
* Determina o mapeamento de classes CSS do componente.
|
|
1965
|
+
* @returns Um objeto que representa o mapeamento de classes CSS do componente.
|
|
1966
|
+
*/
|
|
1967
|
+
getCssClassMap() {
|
|
1968
|
+
return {
|
|
1969
|
+
"br-tooltip": true
|
|
1970
|
+
};
|
|
1971
|
+
}
|
|
1972
|
+
/**
|
|
1973
|
+
* Determina o mapeamento de classes CSS do trigger.
|
|
1974
|
+
* @returns Um objeto que representa o mapeamento de classes CSS do trigger.
|
|
1975
|
+
*/ getTriggerCssClassMap() {
|
|
1976
|
+
return {
|
|
1977
|
+
trigger: true
|
|
1978
|
+
};
|
|
1979
|
+
}
|
|
1980
|
+
/**
|
|
1981
|
+
* Determina o mapeamento de classes CSS do conteúdo.
|
|
1982
|
+
* @returns Um objeto que representa o mapeamento de classes CSS do conteúdo.
|
|
1983
|
+
*/ getContentCssClassMap() {
|
|
1984
|
+
return {
|
|
1985
|
+
"is-visible": this.isVisible,
|
|
1986
|
+
content: true,
|
|
1987
|
+
popover: this.type === "popover",
|
|
1988
|
+
large: this.density === "large",
|
|
1989
|
+
medium: this.density === "medium",
|
|
1990
|
+
small: this.density === "small",
|
|
1991
|
+
info: this.state === "info",
|
|
1992
|
+
warning: this.state === "warning",
|
|
1993
|
+
error: this.state === "error",
|
|
1994
|
+
success: this.state === "success"
|
|
1995
|
+
};
|
|
1996
|
+
}
|
|
1997
|
+
/**
|
|
1998
|
+
* Determina o mapeamento de classes CSS da seta.
|
|
1999
|
+
* @returns Um objeto que representa o mapeamento de classes CSS da seta.
|
|
2000
|
+
*/ getArrowCssClassMap() {
|
|
2001
|
+
return {
|
|
2002
|
+
arrow: true,
|
|
2003
|
+
large: this.density === "large",
|
|
2004
|
+
medium: this.density === "medium",
|
|
2005
|
+
small: this.density === "small",
|
|
2006
|
+
info: this.state === "info",
|
|
2007
|
+
warning: this.state === "warning",
|
|
2008
|
+
error: this.state === "error",
|
|
2009
|
+
success: this.state === "success"
|
|
2010
|
+
};
|
|
2011
|
+
}
|
|
2012
|
+
/**
|
|
2013
|
+
* Método do ciclo de vida do componente.
|
|
2014
|
+
* Este método é chamado uma única vez após o componente ser montado no DOM.
|
|
2015
|
+
*/ componentDidLoad() {
|
|
2016
|
+
if (typeof window === "undefined") return;
|
|
2017
|
+
this.setupInteractions();
|
|
2018
|
+
}
|
|
2019
|
+
/**
|
|
2020
|
+
* Método do ciclo de vida do componente.
|
|
2021
|
+
* Este método é chamado quando o componente é desconectado do DOM.
|
|
2022
|
+
*/ disconnectedCallback() {
|
|
2023
|
+
if (this.type === "standard") {
|
|
2024
|
+
this.triggerElement?.removeEventListener("mouseenter", this.showContent);
|
|
2025
|
+
this.triggerElement?.removeEventListener("mouseleave", this.hideContent);
|
|
2026
|
+
} else if (this.type === "popover") {
|
|
2027
|
+
this.triggerElement?.removeEventListener("pointerdown", this.toggleContent);
|
|
2028
|
+
document.removeEventListener("click", this.handleOutsideClick);
|
|
2029
|
+
}
|
|
2030
|
+
this.cleanupPositioning();
|
|
2031
|
+
this.clearShowTimer();
|
|
2032
|
+
this.clearHideTimer();
|
|
2033
|
+
}
|
|
2034
|
+
/**
|
|
2035
|
+
* Renderiza o componente.
|
|
2036
|
+
* Este método é responsável por gerar o conteúdo HTML do componente.
|
|
2037
|
+
* Ele utiliza a função `h` do Stencil para criar elementos JSX.
|
|
2038
|
+
* @returns JSX.Element
|
|
2039
|
+
*/ render() {
|
|
2040
|
+
return t(i, {
|
|
2041
|
+
key: "c2ee0c8f2fb36acda135948629412023bce72e2b"
|
|
2042
|
+
}, t("div", {
|
|
2043
|
+
key: "05d87a50f8e33874bf9ecf7eeb0d8ac5cb79df3e",
|
|
2044
|
+
id: this.customId,
|
|
2045
|
+
class: this.getCssClassMap()
|
|
2046
|
+
}, t("div", {
|
|
2047
|
+
key: "71997f8547d509d31cb51f446354ed071ced6e30",
|
|
2048
|
+
class: this.getTriggerCssClassMap(),
|
|
2049
|
+
ref: r => this.triggerElement = r,
|
|
2050
|
+
"aria-describedby": `${this.customId}-content`,
|
|
2051
|
+
"aria-expanded": this.isVisible ? "true" : "false",
|
|
2052
|
+
"aria-controls": `${this.customId}-content`,
|
|
2053
|
+
role: "button",
|
|
2054
|
+
tabindex: "-1 "
|
|
2055
|
+
}, t("slot", {
|
|
2056
|
+
key: "b21d028a56374bc1ade6723b482b36eaf095d61a",
|
|
2057
|
+
name: "trigger"
|
|
2058
|
+
})), t("div", {
|
|
2059
|
+
key: "ad412dcef59491cd56e5dbc7ce74a9e57fdec640",
|
|
2060
|
+
id: `${this.customId}-content`,
|
|
2061
|
+
class: this.getContentCssClassMap(),
|
|
2062
|
+
ref: r => this.contentElement = r,
|
|
2063
|
+
role: this.type === "popover" ? "dialog" : "tooltip",
|
|
2064
|
+
tabindex: "-1"
|
|
2065
|
+
}, t("slot", {
|
|
2066
|
+
key: "6a92b688e02a9a63786fcb999dc7a923c271087a",
|
|
2067
|
+
name: "content"
|
|
2068
|
+
}), this.type === "popover" && t("br-button", {
|
|
2069
|
+
key: "d3cb6806d7b71e6893da692c087f54bce057483e",
|
|
2070
|
+
class: "close",
|
|
2071
|
+
shape: "circle",
|
|
2072
|
+
density: "small",
|
|
2073
|
+
onClick: this.hideContent,
|
|
2074
|
+
"aria-label": "Fechar popover"
|
|
2075
|
+
}, t("br-icon", {
|
|
2076
|
+
key: "0661b70afafe7bd7203cc93cbdf2537ad5dfb389",
|
|
2077
|
+
"icon-name": "fa6-solid:xmark"
|
|
2078
|
+
})), t("div", {
|
|
2079
|
+
key: "852540bd9ef91d874df93785192dba5af023e3d8",
|
|
2080
|
+
class: this.getArrowCssClassMap(),
|
|
2081
|
+
ref: r => this.arrowElement = r
|
|
2082
|
+
}))));
|
|
2083
|
+
}
|
|
2084
|
+
static get formAssociated() {
|
|
2085
|
+
return true;
|
|
2086
|
+
}
|
|
2087
|
+
static get watchers() {
|
|
2088
|
+
return {
|
|
2089
|
+
isVisible: [ "handleVisibilityChange" ]
|
|
2090
|
+
};
|
|
2091
|
+
}
|
|
2092
|
+
};
|
|
2093
|
+
|
|
2094
|
+
x.style = y;
|
|
2095
|
+
|
|
2096
|
+
export { x as br_tooltip };
|
|
2097
|
+
//# sourceMappingURL=br-tooltip.entry.esm.js.map
|
|
2098
|
+
//# sourceMappingURL=p-e15ccd94.entry.js.map
|