@govbr-ds/webcomponents 2.0.0-next.41 → 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.
Files changed (161) hide show
  1. package/dist/cjs/br-breadcrumb.cjs.entry.js +1 -1
  2. package/dist/cjs/br-breadcrumb.cjs.entry.js.map +1 -1
  3. package/dist/cjs/br-breadcrumb.entry.cjs.js.map +1 -1
  4. package/dist/cjs/br-button.br-icon.entry.cjs.js.map +1 -1
  5. package/dist/cjs/br-button_2.cjs.entry.js +22 -3
  6. package/dist/cjs/br-button_2.cjs.entry.js.map +1 -1
  7. package/dist/cjs/br-collapse.br-list.entry.cjs.js.map +1 -1
  8. package/dist/cjs/br-collapse_2.cjs.entry.js +2 -2
  9. package/dist/cjs/br-collapse_2.cjs.entry.js.map +1 -1
  10. package/dist/cjs/br-dropdown.cjs.entry.js +324 -10
  11. package/dist/cjs/br-dropdown.cjs.entry.js.map +1 -1
  12. package/dist/cjs/br-dropdown.entry.cjs.js.map +1 -1
  13. package/dist/cjs/br-footer.cjs.entry.js +1 -1
  14. package/dist/cjs/br-footer.cjs.entry.js.map +1 -1
  15. package/dist/cjs/br-footer.entry.cjs.js.map +1 -1
  16. package/dist/cjs/br-item.cjs.entry.js +1 -1
  17. package/dist/cjs/br-item.cjs.entry.js.map +1 -1
  18. package/dist/cjs/br-item.entry.cjs.js.map +1 -1
  19. package/dist/cjs/br-scrim.cjs.entry.js +1 -1
  20. package/dist/cjs/br-scrim.cjs.entry.js.map +1 -1
  21. package/dist/cjs/br-scrim.entry.cjs.js.map +1 -1
  22. package/dist/cjs/br-tooltip.cjs.entry.js +2187 -0
  23. package/dist/cjs/br-tooltip.cjs.entry.js.map +1 -0
  24. package/dist/cjs/br-tooltip.entry.cjs.js.map +1 -0
  25. package/dist/cjs/br-upload.cjs.entry.js +1 -1
  26. package/dist/cjs/index-DAOr34NM.js +4 -0
  27. package/dist/cjs/loader.cjs.js +1 -1
  28. package/dist/cjs/webcomponents.cjs.js +1 -1
  29. package/dist/collection/collection-manifest.json +1 -0
  30. package/dist/collection/components/breadcrumb/breadcrumb.css +1 -1
  31. package/dist/collection/components/button/button.js +2 -1
  32. package/dist/collection/components/button/button.js.map +1 -1
  33. package/dist/collection/components/dropdown/dropdown.css +1 -1
  34. package/dist/collection/components/dropdown/dropdown.js +346 -9
  35. package/dist/collection/components/dropdown/dropdown.js.map +1 -1
  36. package/dist/collection/components/footer/footer.css +1 -1
  37. package/dist/collection/components/icon/icon.css +1 -1
  38. package/dist/collection/components/icon/icon.js +40 -1
  39. package/dist/collection/components/icon/icon.js.map +1 -1
  40. package/dist/collection/components/item/item.css +1 -1
  41. package/dist/collection/components/list/list.css +1 -1
  42. package/dist/collection/components/list/list.js +1 -1
  43. package/dist/collection/components/list/list.js.map +1 -1
  44. package/dist/collection/components/scrim/scrim.css +1 -1
  45. package/dist/collection/components/step-item/step-item.js +1 -1
  46. package/dist/collection/components/tooltip/tooltip.css +1 -0
  47. package/dist/collection/components/tooltip/tooltip.js +683 -0
  48. package/dist/collection/components/tooltip/tooltip.js.map +1 -0
  49. package/dist/collection/components/upload/upload.js +1 -1
  50. package/dist/collection/pages/components/tooltip/index.js +18 -0
  51. package/dist/collection/pages/scripts/menu.js +14 -1
  52. package/dist/collection/utils/floating-ui.js +119 -0
  53. package/dist/collection/utils/floating-ui.js.map +1 -0
  54. package/dist/components/br-avatar.js +1 -1
  55. package/dist/components/br-breadcrumb.js +6 -6
  56. package/dist/components/br-button.js +3 -3
  57. package/dist/components/br-collapse.js +4 -4
  58. package/dist/components/br-dropdown.js +332 -25
  59. package/dist/components/br-dropdown.js.map +1 -1
  60. package/dist/components/br-footer-category.js +3 -3
  61. package/dist/components/br-footer-item.js +1 -1
  62. package/dist/components/br-footer-social.js +2 -2
  63. package/dist/components/br-footer.js +1 -1
  64. package/dist/components/br-icon.js +4 -4
  65. package/dist/components/br-input.js +4 -4
  66. package/dist/components/br-item.js +4 -4
  67. package/dist/components/br-list.js +1 -1
  68. package/dist/components/br-message.js +2 -2
  69. package/dist/components/br-scrim.js +1 -1
  70. package/dist/components/br-scrim.js.map +1 -1
  71. package/dist/components/br-select.js +5 -5
  72. package/dist/components/br-step-item.js +2 -2
  73. package/dist/components/br-tab-item.js +1 -1
  74. package/dist/components/br-tag.js +7 -7
  75. package/dist/components/br-tooltip.d.ts +11 -0
  76. package/dist/components/br-tooltip.js +2144 -0
  77. package/dist/components/br-tooltip.js.map +1 -0
  78. package/dist/components/br-upload.js +11 -11
  79. package/dist/components/index.d.ts +2 -0
  80. package/dist/components/index.js +2 -0
  81. package/dist/components/{p-pq3SZemh.js → p-CIINlcIu.js} +3 -3
  82. package/dist/components/{p-brOPUYUL.js → p-DJtFpYiN.js} +3 -3
  83. package/dist/components/p-DJtFpYiN.js.map +1 -0
  84. package/dist/components/{p-DlMJ2wZW.js → p-DLL8l_-5.js} +7 -7
  85. package/dist/components/{p-DlMJ2wZW.js.map → p-DLL8l_-5.js.map} +1 -1
  86. package/dist/components/{p-BxU9TOn1.js → p-DuPFr2fm.js} +4 -4
  87. package/dist/components/{p-COPEUBKR.js → p-Dxc2AzjS.js} +6 -5
  88. package/dist/components/p-Dxc2AzjS.js.map +1 -0
  89. package/dist/components/{p-jx7aLpDh.js → p-vi3ehOfu.js} +40 -23
  90. package/dist/components/p-vi3ehOfu.js.map +1 -0
  91. package/dist/custom-docs/markdown-methods.js +2 -0
  92. package/dist/custom-docs/markdown-methods.js.map +1 -1
  93. package/dist/custom-elements.json +745 -76
  94. package/dist/esm/br-breadcrumb.entry.js +1 -1
  95. package/dist/esm/br-breadcrumb.entry.js.map +1 -1
  96. package/dist/esm/br-button.br-icon.entry.js.map +1 -1
  97. package/dist/esm/br-button_2.entry.js +22 -3
  98. package/dist/esm/br-button_2.entry.js.map +1 -1
  99. package/dist/esm/br-collapse.br-list.entry.js.map +1 -1
  100. package/dist/esm/br-collapse_2.entry.js +2 -2
  101. package/dist/esm/br-collapse_2.entry.js.map +1 -1
  102. package/dist/esm/br-dropdown.entry.js +324 -10
  103. package/dist/esm/br-dropdown.entry.js.map +1 -1
  104. package/dist/esm/br-footer.entry.js +1 -1
  105. package/dist/esm/br-footer.entry.js.map +1 -1
  106. package/dist/esm/br-item.entry.js +1 -1
  107. package/dist/esm/br-item.entry.js.map +1 -1
  108. package/dist/esm/br-scrim.entry.js +1 -1
  109. package/dist/esm/br-scrim.entry.js.map +1 -1
  110. package/dist/esm/br-tooltip.entry.js +2185 -0
  111. package/dist/esm/br-tooltip.entry.js.map +1 -0
  112. package/dist/esm/br-upload.entry.js +1 -1
  113. package/dist/esm/index-ClsF4De3.js +4 -0
  114. package/dist/esm/loader.js +1 -1
  115. package/dist/esm/webcomponents.js +1 -1
  116. package/dist/hydrate/index.js +2558 -23
  117. package/dist/hydrate/index.mjs +2558 -23
  118. package/dist/types/components/button/button.d.ts +1 -0
  119. package/dist/types/components/dropdown/dropdown.d.ts +48 -1
  120. package/dist/types/components/icon/icon.d.ts +7 -0
  121. package/dist/types/components/tooltip/tooltip.d.ts +238 -0
  122. package/dist/types/components.d.ts +139 -0
  123. package/dist/types/utils/floating-ui.d.ts +78 -0
  124. package/dist/webcomponents/br-breadcrumb.entry.esm.js.map +1 -1
  125. package/dist/webcomponents/br-button.br-icon.entry.esm.js.map +1 -1
  126. package/dist/webcomponents/br-collapse.br-list.entry.esm.js.map +1 -1
  127. package/dist/webcomponents/br-dropdown.entry.esm.js.map +1 -1
  128. package/dist/webcomponents/br-footer.entry.esm.js.map +1 -1
  129. package/dist/webcomponents/br-item.entry.esm.js.map +1 -1
  130. package/dist/webcomponents/br-scrim.entry.esm.js.map +1 -1
  131. package/dist/webcomponents/br-tooltip.entry.esm.js.map +1 -0
  132. package/dist/webcomponents/{p-c3267481.entry.js → p-3d5600cb.entry.js} +2 -2
  133. package/dist/webcomponents/p-3d5600cb.entry.js.map +1 -0
  134. package/dist/webcomponents/{p-713035b5.entry.js → p-5c638bff.entry.js} +4 -4
  135. package/dist/webcomponents/{p-713035b5.entry.js.map → p-5c638bff.entry.js.map} +1 -1
  136. package/dist/webcomponents/{p-5a36e6be.entry.js → p-83fd1103.entry.js} +2 -2
  137. package/dist/webcomponents/{p-ab251560.entry.js → p-8ac9dcff.entry.js} +329 -23
  138. package/dist/webcomponents/p-8ac9dcff.entry.js.map +1 -0
  139. package/dist/webcomponents/{p-dbfc2a44.entry.js → p-c25d500c.entry.js} +2 -2
  140. package/dist/webcomponents/p-c25d500c.entry.js.map +1 -0
  141. package/dist/webcomponents/{p-383a4240.entry.js → p-d01d51a9.entry.js} +27 -10
  142. package/dist/webcomponents/p-d01d51a9.entry.js.map +1 -0
  143. package/dist/webcomponents/{p-1cf7cc9c.entry.js → p-d1bc7827.entry.js} +2 -2
  144. package/dist/webcomponents/p-e15ccd94.entry.js +2098 -0
  145. package/dist/webcomponents/p-e15ccd94.entry.js.map +1 -0
  146. package/dist/webcomponents/{p-ad8edd59.entry.js → p-f3ab9e06.entry.js} +10 -10
  147. package/dist/webcomponents/webcomponents.esm.js +24 -10
  148. package/dist/webcomponents.html-custom-data.json +18 -2
  149. package/package.json +1 -1
  150. package/dist/components/p-COPEUBKR.js.map +0 -1
  151. package/dist/components/p-brOPUYUL.js.map +0 -1
  152. package/dist/components/p-jx7aLpDh.js.map +0 -1
  153. package/dist/webcomponents/p-383a4240.entry.js.map +0 -1
  154. package/dist/webcomponents/p-ab251560.entry.js.map +0 -1
  155. package/dist/webcomponents/p-c3267481.entry.js.map +0 -1
  156. package/dist/webcomponents/p-dbfc2a44.entry.js.map +0 -1
  157. /package/dist/components/{p-pq3SZemh.js.map → p-CIINlcIu.js.map} +0 -0
  158. /package/dist/components/{p-BxU9TOn1.js.map → p-DuPFr2fm.js.map} +0 -0
  159. /package/dist/webcomponents/{p-5a36e6be.entry.js.map → p-83fd1103.entry.js.map} +0 -0
  160. /package/dist/webcomponents/{p-1cf7cc9c.entry.js.map → p-d1bc7827.entry.js.map} +0 -0
  161. /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