@thibezer/ui-components-kit 2.17.0 → 2.17.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +23 -0
- package/dist/camadas.cjs +85 -86
- package/dist/camadas.js +1380 -1331
- package/dist/components/ui-camadas/camadas-colecao.d.ts +3 -0
- package/dist/components/ui-camadas/camadas-drag-drop.d.ts +3 -1
- package/dist/components/ui-camadas/camadas-selecao-api.d.ts +1 -0
- package/dist/cores.cjs +1 -1
- package/dist/cores.js +2 -2
- package/dist/custom-elements.json +19922 -19922
- package/dist/index.cjs +1 -1
- package/dist/index.js +2 -2
- package/dist/register.cjs +1 -1
- package/dist/register.js +2 -2
- package/dist/{ui-controle-cores-Bq_XUrIQ.cjs → ui-controle-cores-B1w_Yl69.cjs} +1 -1
- package/dist/{ui-controle-cores-BtA6yzu3.js → ui-controle-cores-BRjMvmMn.js} +1 -1
- package/dist/ui-seletor-cor-CMuuW-Ym.cjs +83 -0
- package/dist/ui-seletor-cor-DFIQ1sin.js +405 -0
- package/package.json +1 -1
- package/dist/form-validacao-BIOXxt-1.js +0 -140
- package/dist/form-validacao-ytRYSF3E.cjs +0 -1
- package/dist/gerencigeo-canvas/layer_defaults.d.ts +0 -3
- package/dist/gerencigeo-canvas/layer_instance_ops.d.ts +0 -6
- package/dist/gerencigeo-canvas/layer_state_ops.d.ts +0 -6
- package/dist/leaflet-DcO7uRC-.cjs +0 -1
- package/dist/leaflet-PPDKB6Dd.js +0 -69
- package/dist/motor-BCWqlv3e.cjs +0 -1
- package/dist/motor-CXjQjVba.js +0 -1386
- package/dist/svg-seguro-BsbNQqpd.js +0 -50
- package/dist/svg-seguro-C76iLlAZ.cjs +0 -1
- package/dist/ui-badge-1UU8vT-b.js +0 -198
- package/dist/ui-badge-B5J_c5P5.js +0 -197
- package/dist/ui-badge-BxT-sDmV.cjs +0 -28
- package/dist/ui-badge-C0eKBI8E.js +0 -183
- package/dist/ui-badge-CKKKPdt8.cjs +0 -28
- package/dist/ui-badge-DC4y6Dik.cjs +0 -28
- package/dist/ui-botao-BOOnP8ds.cjs +0 -12
- package/dist/ui-botao-D24oXySA.cjs +0 -12
- package/dist/ui-botao-DfqSivHl.js +0 -165
- package/dist/ui-botao-Dsj08jjw.js +0 -165
- package/dist/ui-botao-OGJV6Vfk.js +0 -165
- package/dist/ui-botao-bU_bf6SU.js +0 -166
- package/dist/ui-botao-psS1juof.cjs +0 -12
- package/dist/ui-botao-xTbH5mpH.cjs +0 -12
- package/dist/ui-campo-texto-19tIrmBK.js +0 -377
- package/dist/ui-campo-texto-CH8mzX61.cjs +0 -16
- package/dist/ui-campo-texto-Cnn2UAkS.cjs +0 -16
- package/dist/ui-campo-texto-DVU_sWV1.cjs +0 -16
- package/dist/ui-campo-texto-Uu2dJE_0.js +0 -379
- package/dist/ui-campo-texto-W5M0gNE4.js +0 -377
- package/dist/ui-card-0wu4rjEX.cjs +0 -20
- package/dist/ui-card-B86lJXTP.cjs +0 -20
- package/dist/ui-card-BYyYxxY1.cjs +0 -20
- package/dist/ui-card-C_o5_0cB.js +0 -111
- package/dist/ui-card-CojoGXaT.js +0 -144
- package/dist/ui-card-DRtpOo3l.js +0 -143
- package/dist/ui-controle-cores-B4R6ct4I.js +0 -291
- package/dist/ui-controle-cores-BS0WYPdi.js +0 -572
- package/dist/ui-controle-cores-C8um-If9.cjs +0 -32
- package/dist/ui-controle-cores-CHMKGemo.cjs +0 -141
- package/dist/ui-controle-cores-C_cVXxCn.js +0 -291
- package/dist/ui-controle-cores-CuDFS8Y8.cjs +0 -32
- package/dist/ui-controle-cores-Dog7ERYv.js +0 -697
- package/dist/ui-controle-cores-Er6ZcQ7U.cjs +0 -111
- package/dist/ui-linha-BxhEBn27.js +0 -749
- package/dist/ui-linha-C306zxWG.cjs +0 -19
- package/dist/ui-linha-C_azWkcG.js +0 -517
- package/dist/ui-linha-CcalUBDw.cjs +0 -38
- package/dist/ui-linha-DAz6DBcl.cjs +0 -38
- package/dist/ui-linha-DkxwMhD-.js +0 -749
- package/dist/ui-modal-4nU-tXjO.cjs +0 -18
- package/dist/ui-modal-BkYvNP0G.js +0 -214
- package/dist/ui-modal-BwB9fksp.js +0 -214
- package/dist/ui-modal-CUNbpbZ1.cjs +0 -18
- package/dist/ui-modal-CvGFGh1h.cjs +0 -18
- package/dist/ui-modal-DBOtSTbR.js +0 -238
- package/dist/ui-paleta-ferramentas-BXXrI1Y7.js +0 -1233
- package/dist/ui-paleta-ferramentas-CEZYcN4J.js +0 -624
- package/dist/ui-paleta-ferramentas-CU4icLl0.js +0 -1171
- package/dist/ui-paleta-ferramentas-Ccmo-rB5.cjs +0 -21
- package/dist/ui-paleta-ferramentas-CsPMTY0G.cjs +0 -21
- package/dist/ui-paleta-ferramentas-DLwZHIDv.cjs +0 -21
- package/dist/ui-paleta-ferramentas-DNN5i6nL.js +0 -860
- package/dist/ui-paleta-ferramentas-Dbj1kBS9.cjs +0 -18
- package/dist/ui-paleta-ferramentas-DbwdWVtT.js +0 -1173
- package/dist/ui-paleta-ferramentas-bvqxj1Yd.cjs +0 -21
- package/dist/ui-segmented-D6b6zxVs.cjs +0 -19
- package/dist/ui-segmented-DyF5YLsV.js +0 -418
- package/dist/ui-segmented-rn9RxRGM.cjs +0 -19
- package/dist/ui-segmented-wUraId2e.js +0 -412
- package/dist/ui-seletor-cor-C4U2eqxY.cjs +0 -82
- package/dist/ui-seletor-cor-D2_C6Aor.js +0 -391
- package/dist/ui-seletor-cor-DPKqf5wb.cjs +0 -82
- package/dist/ui-seletor-cor-FYtRccnK.js +0 -396
- package/dist/ui-skeleton-B2Rgrv8o.js +0 -648
- package/dist/ui-skeleton-DEHwpDqa.js +0 -648
- package/dist/ui-skeleton-DI4_9WOX.js +0 -428
- package/dist/ui-skeleton-DiOxTBZK.cjs +0 -52
- package/dist/ui-skeleton-SPYqku8P.cjs +0 -52
- package/dist/ui-skeleton-W9uwIceA.js +0 -585
- package/dist/ui-skeleton-elhKIh2B.cjs +0 -33
- package/dist/ui-skeleton-sIphhOSx.cjs +0 -52
- package/dist/ui-switch-BL-x_-SM.js +0 -1202
- package/dist/ui-switch-BcOqOkiV.js +0 -856
- package/dist/ui-switch-C0i_3QXu.cjs +0 -66
- package/dist/ui-switch-D7iPKDj-.cjs +0 -53
- package/dist/ui-switch-DAIgOhqr.cjs +0 -66
- package/dist/ui-switch-_F8yubdX.js +0 -1203
- package/dist/ui-tabela-propriedades-2bq2nX-b.js +0 -3202
- package/dist/ui-tabela-propriedades-8IAYmk3P.cjs +0 -142
- package/dist/ui-tabela-propriedades-B8AwlpqL.cjs +0 -141
- package/dist/ui-tabela-propriedades-BBr5sqki.cjs +0 -145
- package/dist/ui-tabela-propriedades-BecPqC-e.cjs +0 -141
- package/dist/ui-tabela-propriedades-BoYXzP5Z.js +0 -3191
- package/dist/ui-tabela-propriedades-BokvDD3b.js +0 -2648
- package/dist/ui-tabela-propriedades-Boy7I5yW.js +0 -2412
- package/dist/ui-tabela-propriedades-C-PeuW1i.cjs +0 -141
- package/dist/ui-tabela-propriedades-C5YYnod1.js +0 -3053
- package/dist/ui-tabela-propriedades-CnfW9DZG.cjs +0 -142
- package/dist/ui-tabela-propriedades-CyPyKXtB.js +0 -3013
- package/dist/ui-tabela-propriedades-DWOKznMN.cjs +0 -142
- package/dist/ui-tabela-propriedades-Df9ajC6M.js +0 -2648
- package/dist/ui-tabela-propriedades-DqvPilK_.cjs +0 -142
- package/dist/ui-tabela-propriedades-DuaC4sFX.js +0 -2767
- package/dist/ui-toast-Bp_NlM5G.js +0 -156
- package/dist/ui-toast-DGTZKne5.cjs +0 -20
- package/dist/zero-js-triggers-C_KrvFOQ.js +0 -244
- package/dist/zero-js-triggers-C_gtaojZ.cjs +0 -1
|
@@ -1,428 +0,0 @@
|
|
|
1
|
-
var C = Object.defineProperty;
|
|
2
|
-
var S = (n, l, t) => l in n ? C(n, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[l] = t;
|
|
3
|
-
var s = (n, l, t) => S(n, typeof l != "symbol" ? l + "" : l, t);
|
|
4
|
-
import { L } from "./listener-bag-DQgv7OON.js";
|
|
5
|
-
import { d as h, S as x } from "./ssr-safe-5cWfJP-s.js";
|
|
6
|
-
const N = ':host{display:block;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif)}.ui-drawer__backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--ui-z-drawer, 700) - 1);opacity:0;pointer-events:none;transition:opacity .25s ease}:host([aberto]) .ui-drawer__backdrop,:host([open]) .ui-drawer__backdrop{opacity:1;pointer-events:auto}.ui-drawer__painel{position:fixed;z-index:var(--ui-z-drawer, 700);background-color:var(--ui-cor-fundo-card, #18181c);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));box-shadow:var(--ui-sombra-lg, 0 16px 40px rgba(0, 0, 0, .7));display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility .2s ease;box-sizing:border-box;color:var(--ui-cor-texto, #e1e1e6)}:host(:not([posicao])) .ui-drawer__painel,:host([posicao="direita"]) .ui-drawer__painel,:host([position="right"]) .ui-drawer__painel{top:0;right:0;bottom:0;width:var(--ui-drawer-largura, 480px);max-width:92vw;height:100vh;transform:translate(100%);border-left:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16))}:host([aberto]:not([posicao])) .ui-drawer__painel,:host([open]:not([posicao])) .ui-drawer__painel,:host([aberto][posicao="direita"]) .ui-drawer__painel,:host([open][posicao="direita"]) .ui-drawer__painel,:host([aberto][position="right"]) .ui-drawer__painel,:host([open][position="right"]) .ui-drawer__painel{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto}:host([posicao="esquerda"]) .ui-drawer__painel,:host([position="left"]) .ui-drawer__painel{top:0;left:0;bottom:0;width:var(--ui-drawer-largura, 480px);max-width:92vw;height:100vh;transform:translate(-100%);border-right:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16))}:host([aberto][posicao="esquerda"]) .ui-drawer__painel,:host([open][posicao="esquerda"]) .ui-drawer__painel,:host([aberto][position="left"]) .ui-drawer__painel,:host([open][position="left"]) .ui-drawer__painel{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto}:host([posicao="baixo"]) .ui-drawer__painel,:host([position="bottom"]) .ui-drawer__painel{bottom:0;left:0;right:0;width:100vw;max-height:85vh;transform:translateY(100%);border-top:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));border-top-left-radius:14px;border-top-right-radius:14px}:host([aberto][posicao="baixo"]) .ui-drawer__painel,:host([open][posicao="baixo"]) .ui-drawer__painel,:host([aberto][position="bottom"]) .ui-drawer__painel,:host([open][position="bottom"]) .ui-drawer__painel{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}:host([posicao="cima"]) .ui-drawer__painel,:host([position="top"]) .ui-drawer__painel{top:0;left:0;right:0;width:100vw;max-height:85vh;transform:translateY(-100%);border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));border-bottom-left-radius:14px;border-bottom-right-radius:14px}:host([aberto][posicao="cima"]) .ui-drawer__painel,:host([open][posicao="cima"]) .ui-drawer__painel,:host([aberto][position="top"]) .ui-drawer__painel,:host([open][position="top"]) .ui-drawer__painel{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.ui-drawer__header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));flex-shrink:0}.ui-drawer__titulo-container{display:flex;flex-direction:column;gap:2px}.ui-drawer__titulo{margin:0;font-size:16px;font-weight:600;color:var(--ui-cor-texto, #ffffff)}.ui-drawer__descricao{margin:0;font-size:13px;color:var(--ui-cor-texto-secundario, #888899)}.ui-drawer__close{background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);font-size:16px;cursor:pointer;padding:6px;border-radius:6px;line-height:1;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background-color .15s ease}.ui-drawer__close svg,.ui-drawer__close ::slotted(svg){shape-rendering:geometricPrecision}.ui-drawer__close:hover{color:var(--ui-cor-texto, #ffffff);background-color:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-drawer__close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-cor-primaria, #00E08A)}.ui-drawer__body{padding:20px;overflow-y:auto;flex:1;box-sizing:border-box}.ui-drawer__footer{padding:14px 20px;border-top:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:flex-end;gap:10px;background-color:var(--ui-cor-fundo-recuado, rgba(0, 0, 0, .15));flex-shrink:0}@starting-style{:host([aberto]:not([posicao])) .ui-drawer__painel,:host([open]:not([posicao])) .ui-drawer__painel,:host([aberto][posicao="direita"]) .ui-drawer__painel,:host([open][posicao="direita"]) .ui-drawer__painel{transform:translate(100%);opacity:0}:host([aberto][posicao="esquerda"]) .ui-drawer__painel,:host([open][posicao="esquerda"]) .ui-drawer__painel{transform:translate(-100%);opacity:0}:host([aberto][posicao="baixo"]) .ui-drawer__painel,:host([open][posicao="baixo"]) .ui-drawer__painel{transform:translateY(100%);opacity:0}:host([aberto]) .ui-drawer__backdrop,:host([open]) .ui-drawer__backdrop{opacity:0}}', g = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), ui-campo-texto, ui-botao, ui-botao-primario, ui-checkbox, ui-switch, ui-lista-flutuante, ui-radio, ui-select, ui-segmented';
|
|
7
|
-
function _(n, l) {
|
|
8
|
-
let t = Array.from(n.querySelectorAll(g));
|
|
9
|
-
t = t.filter((i) => {
|
|
10
|
-
try {
|
|
11
|
-
return window.getComputedStyle(i).display !== "none";
|
|
12
|
-
} catch {
|
|
13
|
-
return !0;
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
const e = n.querySelectorAll("slot"), o = [];
|
|
17
|
-
return e.forEach((i) => {
|
|
18
|
-
i.assignedElements({ flatten: !0 }).forEach((a) => {
|
|
19
|
-
a instanceof HTMLElement && (a.matches(g) && o.push(a), o.push(...Array.from(a.querySelectorAll(g))));
|
|
20
|
-
});
|
|
21
|
-
}), [...t, ...o].filter((i) => !i.hasAttribute("disabled") && i.getAttribute("aria-hidden") !== "true");
|
|
22
|
-
}
|
|
23
|
-
function q(n) {
|
|
24
|
-
if (typeof document > "u") return !0;
|
|
25
|
-
const l = Array.from(
|
|
26
|
-
document.querySelectorAll("ui-drawer[aberto], ui-drawer[open], ui-sheet[aberto], ui-sheet[open]")
|
|
27
|
-
);
|
|
28
|
-
return l[l.length - 1] === n;
|
|
29
|
-
}
|
|
30
|
-
function z(n, l, t, e) {
|
|
31
|
-
if (l.length === 0) {
|
|
32
|
-
n.preventDefault();
|
|
33
|
-
return;
|
|
34
|
-
}
|
|
35
|
-
const o = l[0], i = l[l.length - 1], r = t.getRootNode(), a = r == null ? void 0 : r.activeElement;
|
|
36
|
-
n.shiftKey ? (a === o || !t.contains(a) && !e.contains(a)) && (n.preventDefault(), i.focus()) : (a === i || !t.contains(a) && !e.contains(a)) && (n.preventDefault(), o.focus());
|
|
37
|
-
}
|
|
38
|
-
function M() {
|
|
39
|
-
if (typeof document > "u") return;
|
|
40
|
-
document.querySelectorAll(
|
|
41
|
-
"ui-modal[aberto], ui-modal[open], ui-dialog[aberto], ui-dialog[open], ui-drawer[aberto], ui-drawer[open], ui-sheet[aberto], ui-sheet[open]"
|
|
42
|
-
).length > 0 ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
|
|
43
|
-
}
|
|
44
|
-
class b extends x {
|
|
45
|
-
constructor() {
|
|
46
|
-
super();
|
|
47
|
-
s(this, "backdropElement");
|
|
48
|
-
s(this, "painelElement");
|
|
49
|
-
s(this, "tituloElement");
|
|
50
|
-
s(this, "descricaoElement");
|
|
51
|
-
s(this, "closeElement");
|
|
52
|
-
s(this, "listeners", new L());
|
|
53
|
-
s(this, "_elementoGatilho", null);
|
|
54
|
-
s(this, "_focables", []);
|
|
55
|
-
s(this, "handleSlotChange", () => {
|
|
56
|
-
this.syncState();
|
|
57
|
-
});
|
|
58
|
-
s(this, "handleBackdropClick", (t) => {
|
|
59
|
-
t.stopPropagation(), this.hasAttribute("estatico") || this.hasAttribute("static") || this.fechar();
|
|
60
|
-
});
|
|
61
|
-
s(this, "handleCloseClick", (t) => {
|
|
62
|
-
t.stopPropagation(), this.fechar();
|
|
63
|
-
});
|
|
64
|
-
s(this, "handleKeyDown", (t) => {
|
|
65
|
-
this.aberto && q(this) && (t.key === "Escape" ? this.hasAttribute("estatico") || this.hasAttribute("static") || (this.fechar(), t.stopImmediatePropagation()) : t.key === "Tab" && (this._focables = _(this.shadowRoot), z(t, this._focables, this, this.shadowRoot)));
|
|
66
|
-
});
|
|
67
|
-
const t = this.attachShadow({ mode: "open" });
|
|
68
|
-
t.innerHTML = `
|
|
69
|
-
<style>${N}</style>
|
|
70
|
-
<div class="ui-drawer__backdrop" part="fundo"></div>
|
|
71
|
-
<aside class="ui-drawer__painel" part="painel" role="dialog" aria-modal="true" tabindex="-1">
|
|
72
|
-
<div class="ui-drawer__header" part="cabecalho">
|
|
73
|
-
<div class="ui-drawer__titulo-container">
|
|
74
|
-
<h3 class="ui-drawer__titulo" part="titulo"></h3>
|
|
75
|
-
<p class="ui-drawer__descricao" part="descricao" style="display: none;"></p>
|
|
76
|
-
</div>
|
|
77
|
-
<button type="button" class="ui-drawer__close" part="fechar" aria-label="Fechar painel lateral" title="Fechar">✕</button>
|
|
78
|
-
</div>
|
|
79
|
-
<div class="ui-drawer__body" part="corpo">
|
|
80
|
-
<slot></slot>
|
|
81
|
-
</div>
|
|
82
|
-
<div class="ui-drawer__footer" part="rodape">
|
|
83
|
-
<slot name="rodape"></slot>
|
|
84
|
-
<slot name="footer"></slot>
|
|
85
|
-
</div>
|
|
86
|
-
</aside>
|
|
87
|
-
`, this.backdropElement = t.querySelector(".ui-drawer__backdrop"), this.painelElement = t.querySelector(".ui-drawer__painel"), this.tituloElement = t.querySelector(".ui-drawer__titulo"), this.descricaoElement = t.querySelector(".ui-drawer__descricao"), this.closeElement = t.querySelector(".ui-drawer__close");
|
|
88
|
-
}
|
|
89
|
-
static get observedAttributes() {
|
|
90
|
-
return [
|
|
91
|
-
"aberto",
|
|
92
|
-
"open",
|
|
93
|
-
"posicao",
|
|
94
|
-
"position",
|
|
95
|
-
"titulo",
|
|
96
|
-
"title",
|
|
97
|
-
"descricao",
|
|
98
|
-
"description",
|
|
99
|
-
"largura",
|
|
100
|
-
"width",
|
|
101
|
-
"estatico",
|
|
102
|
-
"static"
|
|
103
|
-
];
|
|
104
|
-
}
|
|
105
|
-
connectedCallback() {
|
|
106
|
-
this.listeners.cleanup(), this.listeners.add(this.backdropElement, "click", this.handleBackdropClick), this.listeners.add(this.closeElement, "click", this.handleCloseClick), this.listeners.add(window, "keydown", this.handleKeyDown), this.shadowRoot.querySelectorAll("slot").forEach((e) => {
|
|
107
|
-
this.listeners.add(e, "slotchange", this.handleSlotChange);
|
|
108
|
-
}), this.syncState();
|
|
109
|
-
}
|
|
110
|
-
disconnectedCallback() {
|
|
111
|
-
this.listeners.cleanup(), b.atualizarScrollLock();
|
|
112
|
-
}
|
|
113
|
-
attributeChangedCallback(t, e, o) {
|
|
114
|
-
(t === "aberto" || t === "open") && o !== null && (document.activeElement && document.activeElement !== document.body && (this._elementoGatilho = document.activeElement), setTimeout(() => {
|
|
115
|
-
this._focables = _(this.shadowRoot), this._focables.length > 0 ? this._focables[0].focus() : this.painelElement.focus();
|
|
116
|
-
}, 0)), this.syncState();
|
|
117
|
-
}
|
|
118
|
-
get aberto() {
|
|
119
|
-
return this.hasAttribute("aberto") || this.hasAttribute("open");
|
|
120
|
-
}
|
|
121
|
-
set aberto(t) {
|
|
122
|
-
t ? this.setAttribute("aberto", "") : (this.removeAttribute("aberto"), this.removeAttribute("open")), this.syncState();
|
|
123
|
-
}
|
|
124
|
-
get posicao() {
|
|
125
|
-
const t = (this.getAttribute("posicao") || this.getAttribute("position") || "direita").toLowerCase();
|
|
126
|
-
return t === "esquerda" || t === "left" ? "esquerda" : t === "baixo" || t === "bottom" ? "baixo" : t === "cima" || t === "top" ? "cima" : "direita";
|
|
127
|
-
}
|
|
128
|
-
set posicao(t) {
|
|
129
|
-
this.setAttribute("posicao", t);
|
|
130
|
-
}
|
|
131
|
-
abrir() {
|
|
132
|
-
this.aberto || (document.activeElement && document.activeElement !== document.body && (this._elementoGatilho = document.activeElement), this.aberto = !0, this.dispatchEvent(
|
|
133
|
-
new CustomEvent("ui-abrir", {
|
|
134
|
-
bubbles: !0,
|
|
135
|
-
composed: !0
|
|
136
|
-
})
|
|
137
|
-
), setTimeout(() => {
|
|
138
|
-
this._focables = _(this.shadowRoot), this._focables.length > 0 ? this._focables[0].focus() : this.painelElement.focus();
|
|
139
|
-
}, 0));
|
|
140
|
-
}
|
|
141
|
-
fechar() {
|
|
142
|
-
this.aberto && (this.aberto = !1, this.dispatchEvent(
|
|
143
|
-
new CustomEvent("ui-fechar", {
|
|
144
|
-
bubbles: !0,
|
|
145
|
-
composed: !0
|
|
146
|
-
})
|
|
147
|
-
), this._elementoGatilho && (this._elementoGatilho.focus(), this._elementoGatilho = null));
|
|
148
|
-
}
|
|
149
|
-
alternar() {
|
|
150
|
-
this.aberto ? this.fechar() : this.abrir();
|
|
151
|
-
}
|
|
152
|
-
syncState() {
|
|
153
|
-
var a, c;
|
|
154
|
-
const t = this.aberto, e = this.getAttribute("titulo") || this.getAttribute("title") || "", o = this.getAttribute("descricao") || this.getAttribute("description") || "", i = this.getAttribute("largura") || this.getAttribute("width"), r = (a = this.shadowRoot) == null ? void 0 : a.querySelector(".ui-drawer__footer");
|
|
155
|
-
if (this.painelElement.setAttribute("aria-hidden", String(!t)), e ? (this.tituloElement.textContent = e, this.tituloElement.style.display = "block") : this.tituloElement.style.display = "none", o ? (this.descricaoElement.textContent = o, this.descricaoElement.style.display = "block") : this.descricaoElement.style.display = "none", i ? this.style.setProperty("--ui-drawer-largura", isNaN(Number(i)) ? i : `${i}px`) : this.style.removeProperty("--ui-drawer-largura"), r) {
|
|
156
|
-
const u = Array.from(((c = this.shadowRoot) == null ? void 0 : c.querySelectorAll('slot[name="rodape"], slot[name="footer"]')) || []).some((p) => p.assignedNodes({ flatten: !0 }).some((f) => f.nodeType === Node.ELEMENT_NODE || f.textContent && f.textContent.trim() !== "")) || this.querySelector('[slot="rodape"], [slot="footer"]') !== null;
|
|
157
|
-
r.style.display = u ? "flex" : "none";
|
|
158
|
-
}
|
|
159
|
-
b.atualizarScrollLock();
|
|
160
|
-
}
|
|
161
|
-
static atualizarScrollLock() {
|
|
162
|
-
M();
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
class T extends b {
|
|
166
|
-
}
|
|
167
|
-
class D extends b {
|
|
168
|
-
}
|
|
169
|
-
class $ extends b {
|
|
170
|
-
}
|
|
171
|
-
h("ui-drawer", b);
|
|
172
|
-
h("ui-sheet", T);
|
|
173
|
-
h("ui-painel-lateral", D);
|
|
174
|
-
h("ui-gaveta", $);
|
|
175
|
-
const O = ":host{display:inline-flex;position:relative;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;--ui-tooltip-texto-distancia: 260px;--ui-tooltip-seta-espaco: 70px}.ui-tooltip__bubble{position:fixed;z-index:var(--ui-z-tooltip, 1200);padding:6px 10px;border-radius:6px;font-size:11px;font-weight:500;background-color:var(--ui-cor-fundo-elevado, #1e1e24);color:var(--ui-cor-texto, #e1e1e6);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));box-shadow:var(--ui-sombra-md, 0 4px 16px rgba(0, 0, 0, .5));white-space:normal;max-width:var(--ui-tooltip-texto-distancia, 260px);width:max-content;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease;line-height:1.35;box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0}.ui-tooltip__bubble[popover]{margin:0;border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));background-color:var(--ui-cor-fundo-elevado, #1e1e24);color:var(--ui-cor-texto, #e1e1e6);padding:6px 10px;overflow:visible;max-width:var(--ui-tooltip-texto-distancia, 260px);width:max-content;white-space:normal}.ui-tooltip__texto{display:inline-block;max-width:100%}.ui-tooltip__arrow{position:absolute;width:0;height:0;border-style:solid}.ui-tooltip--topo .ui-tooltip__arrow{bottom:-5px;left:50%;transform:translate(-50%);border-width:5px 5px 0 5px;border-color:var(--ui-cor-fundo-elevado, #1e1e24) transparent transparent transparent}.ui-tooltip--baixo .ui-tooltip__arrow{top:-5px;left:50%;transform:translate(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--ui-cor-fundo-elevado, #1e1e24) transparent}.ui-tooltip--esquerda .ui-tooltip__arrow{right:-5px;top:50%;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--ui-cor-fundo-elevado, #1e1e24)}.ui-tooltip--direita .ui-tooltip__arrow{left:-5px;top:50%;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--ui-cor-fundo-elevado, #1e1e24) transparent transparent}.ui-tooltip--visivel .ui-tooltip__bubble{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}@starting-style{.ui-tooltip--visivel .ui-tooltip__bubble,.ui-tooltip__bubble:popover-open{opacity:0;transform:scale(.94)}}", R = 120;
|
|
176
|
-
class E extends x {
|
|
177
|
-
constructor() {
|
|
178
|
-
super();
|
|
179
|
-
s(this, "containerElement");
|
|
180
|
-
s(this, "bubbleElement");
|
|
181
|
-
s(this, "_posicionamentoAtivo", !1);
|
|
182
|
-
s(this, "_timerOcultar", null);
|
|
183
|
-
/** Gatilho que recebeu `aria-description` deste tooltip (para remover depois). */
|
|
184
|
-
s(this, "_gatilhoDescrito", null);
|
|
185
|
-
s(this, "posicionarBubble", () => {
|
|
186
|
-
if (!this.aberto) return;
|
|
187
|
-
const t = this.getBoundingClientRect(), e = this.bubbleElement.getBoundingClientRect(), o = this.getAttribute("posicao") || this.getAttribute("position") || "topo";
|
|
188
|
-
let i = "topo";
|
|
189
|
-
["topo", "top"].includes(o) ? i = "topo" : ["baixo", "bottom"].includes(o) ? i = "baixo" : ["esquerda", "left"].includes(o) ? i = "esquerda" : ["direita", "right"].includes(o) && (i = "direita");
|
|
190
|
-
let r = 0, a = 0;
|
|
191
|
-
const c = 8;
|
|
192
|
-
i === "topo" ? (r = t.top - e.height - c, a = t.left + t.width / 2 - e.width / 2) : i === "baixo" ? (r = t.bottom + c, a = t.left + t.width / 2 - e.width / 2) : i === "esquerda" ? (r = t.top + t.height / 2 - e.height / 2, a = t.left - e.width - c) : i === "direita" && (r = t.top + t.height / 2 - e.height / 2, a = t.right + c), a = Math.max(8, Math.min(a, window.innerWidth - e.width - 8)), r = Math.max(8, Math.min(r, window.innerHeight - e.height - 8)), this.bubbleElement.style.top = `${Math.round(r)}px`, this.bubbleElement.style.left = `${Math.round(a)}px`;
|
|
193
|
-
});
|
|
194
|
-
s(this, "handleMouseEnter", () => {
|
|
195
|
-
const t = this.getAttribute("gatilho") || this.getAttribute("trigger") || "hover";
|
|
196
|
-
(t === "hover" || t === "passar-mouse") && (this.cancelarOcultar(), this.mostrar());
|
|
197
|
-
});
|
|
198
|
-
s(this, "handleMouseLeave", () => {
|
|
199
|
-
const t = this.getAttribute("gatilho") || this.getAttribute("trigger") || "hover";
|
|
200
|
-
(t === "hover" || t === "passar-mouse") && (this.cancelarOcultar(), this._timerOcultar = setTimeout(() => {
|
|
201
|
-
this._timerOcultar = null, this.ocultar();
|
|
202
|
-
}, R));
|
|
203
|
-
});
|
|
204
|
-
/**
|
|
205
|
-
* Escape fecha o tooltip sem mover o foco (WCAG 1.4.13). Ouvido na captura e interrompido,
|
|
206
|
-
* para que dentro de um modal o primeiro Escape feche só o tooltip.
|
|
207
|
-
*/
|
|
208
|
-
s(this, "handleEscape", (t) => {
|
|
209
|
-
t.key !== "Escape" || !this.aberto || (t.stopPropagation(), this.cancelarOcultar(), this.ocultar());
|
|
210
|
-
});
|
|
211
|
-
s(this, "handleClick", (t) => {
|
|
212
|
-
const e = this.getAttribute("gatilho") || this.getAttribute("trigger") || "hover", o = window.matchMedia("(pointer: coarse)").matches;
|
|
213
|
-
(e === "clique" || e === "click" || o) && (t.stopPropagation(), this.aberto = !this.aberto);
|
|
214
|
-
});
|
|
215
|
-
s(this, "handleClickOutside", (t) => {
|
|
216
|
-
t.composedPath().includes(this) || this.ocultar();
|
|
217
|
-
});
|
|
218
|
-
const t = this.attachShadow({ mode: "open" });
|
|
219
|
-
t.innerHTML = `
|
|
220
|
-
<style>${O}</style>
|
|
221
|
-
<div class="ui-tooltip ui-tooltip--topo">
|
|
222
|
-
<slot></slot>
|
|
223
|
-
<div class="ui-tooltip__bubble" part="balao" role="tooltip" popover="manual">
|
|
224
|
-
<span class="ui-tooltip__texto" part="texto"></span>
|
|
225
|
-
<slot name="conteudo"></slot>
|
|
226
|
-
<span class="ui-tooltip__arrow" part="seta"></span>
|
|
227
|
-
</div>
|
|
228
|
-
</div>
|
|
229
|
-
`, this.containerElement = t.querySelector(".ui-tooltip"), this.bubbleElement = t.querySelector(".ui-tooltip__bubble"), t.querySelectorAll("slot").forEach((e) => e.addEventListener("slotchange", () => this.sincronizarDescricao()));
|
|
230
|
-
}
|
|
231
|
-
static get observedAttributes() {
|
|
232
|
-
return [
|
|
233
|
-
"texto",
|
|
234
|
-
"text",
|
|
235
|
-
"posicao",
|
|
236
|
-
"position",
|
|
237
|
-
"gatilho",
|
|
238
|
-
"trigger",
|
|
239
|
-
"aberto",
|
|
240
|
-
"open",
|
|
241
|
-
"disabled"
|
|
242
|
-
];
|
|
243
|
-
}
|
|
244
|
-
connectedCallback() {
|
|
245
|
-
this.addEventListener("mouseenter", this.handleMouseEnter), this.addEventListener("mouseleave", this.handleMouseLeave), this.addEventListener("focusin", this.handleMouseEnter), this.addEventListener("focusout", this.handleMouseLeave), this.addEventListener("click", this.handleClick), this.syncState();
|
|
246
|
-
}
|
|
247
|
-
disconnectedCallback() {
|
|
248
|
-
this.removeEventListener("mouseenter", this.handleMouseEnter), this.removeEventListener("mouseleave", this.handleMouseLeave), this.removeEventListener("focusin", this.handleMouseEnter), this.removeEventListener("focusout", this.handleMouseLeave), this.removeEventListener("click", this.handleClick), document.removeEventListener("click", this.handleClickOutside), document.removeEventListener("keydown", this.handleEscape, !0), this.cancelarOcultar(), this.removerDescricao(), this._posicionamentoAtivo && (this._posicionamentoAtivo = !1, window.removeEventListener("scroll", this.posicionarBubble, { capture: !0 }), window.removeEventListener("resize", this.posicionarBubble)), this.ocultar();
|
|
249
|
-
}
|
|
250
|
-
attributeChangedCallback(t, e, o) {
|
|
251
|
-
this.syncState();
|
|
252
|
-
}
|
|
253
|
-
get aberto() {
|
|
254
|
-
return this.hasAttribute("aberto") || this.hasAttribute("open");
|
|
255
|
-
}
|
|
256
|
-
set aberto(t) {
|
|
257
|
-
t ? this.setAttribute("aberto", "") : (this.removeAttribute("aberto"), this.removeAttribute("open")), this.syncState();
|
|
258
|
-
}
|
|
259
|
-
get disabled() {
|
|
260
|
-
return this.hasAttribute("disabled");
|
|
261
|
-
}
|
|
262
|
-
set disabled(t) {
|
|
263
|
-
t ? this.setAttribute("disabled", "") : this.removeAttribute("disabled"), this.syncState();
|
|
264
|
-
}
|
|
265
|
-
mostrar() {
|
|
266
|
-
this.disabled || (this.aberto = !0);
|
|
267
|
-
}
|
|
268
|
-
ocultar() {
|
|
269
|
-
this.aberto = !1;
|
|
270
|
-
}
|
|
271
|
-
syncState() {
|
|
272
|
-
var a;
|
|
273
|
-
const t = this.aberto, e = this.getAttribute("posicao") || this.getAttribute("position") || "topo", o = this.getAttribute("texto") || this.getAttribute("text") || "", i = (a = this.shadowRoot) == null ? void 0 : a.querySelector(".ui-tooltip__texto");
|
|
274
|
-
let r = "topo";
|
|
275
|
-
if (["topo", "top"].includes(e) ? r = "topo" : ["baixo", "bottom"].includes(e) ? r = "baixo" : ["esquerda", "left"].includes(e) ? r = "esquerda" : ["direita", "right"].includes(e) && (r = "direita"), this.containerElement.className = `ui-tooltip ui-tooltip--${r}`, i && (o ? (i.textContent = o, i.style.display = "inline") : i.style.display = "none"), this.sincronizarDescricao(), t) {
|
|
276
|
-
if (document.addEventListener("click", this.handleClickOutside), document.addEventListener("keydown", this.handleEscape, !0), typeof this.bubbleElement.showPopover == "function")
|
|
277
|
-
try {
|
|
278
|
-
this.bubbleElement.showPopover();
|
|
279
|
-
} catch {
|
|
280
|
-
}
|
|
281
|
-
this.containerElement.classList.add("ui-tooltip--visivel"), requestAnimationFrame(() => {
|
|
282
|
-
this.posicionarBubble();
|
|
283
|
-
}), this._posicionamentoAtivo || (this._posicionamentoAtivo = !0, window.addEventListener("scroll", this.posicionarBubble, { capture: !0, passive: !0 }), window.addEventListener("resize", this.posicionarBubble, { passive: !0 }));
|
|
284
|
-
} else {
|
|
285
|
-
if (document.removeEventListener("click", this.handleClickOutside), document.removeEventListener("keydown", this.handleEscape, !0), typeof this.bubbleElement.hidePopover == "function")
|
|
286
|
-
try {
|
|
287
|
-
this.bubbleElement.hidePopover();
|
|
288
|
-
} catch {
|
|
289
|
-
}
|
|
290
|
-
this.containerElement.classList.remove("ui-tooltip--visivel"), this._posicionamentoAtivo && (this._posicionamentoAtivo = !1, window.removeEventListener("scroll", this.posicionarBubble, { capture: !0 }), window.removeEventListener("resize", this.posicionarBubble));
|
|
291
|
-
}
|
|
292
|
-
}
|
|
293
|
-
cancelarOcultar() {
|
|
294
|
-
this._timerOcultar && (clearTimeout(this._timerOcultar), this._timerOcultar = null);
|
|
295
|
-
}
|
|
296
|
-
/**
|
|
297
|
-
* O balão vive no Shadow DOM, fora do alcance de `aria-describedby` do gatilho (light DOM).
|
|
298
|
-
* O texto é exposto como `aria-description` no gatilho, sem sobrescrever uma descrição do consumidor.
|
|
299
|
-
*/
|
|
300
|
-
sincronizarDescricao() {
|
|
301
|
-
var i;
|
|
302
|
-
if (!this.isConnected) {
|
|
303
|
-
this.removerDescricao();
|
|
304
|
-
return;
|
|
305
|
-
}
|
|
306
|
-
const t = Array.from(this.children).find((r) => !r.hasAttribute("slot")), e = (this.getAttribute("texto") || this.getAttribute("text") || ((i = this.querySelector('[slot="conteudo"]')) == null ? void 0 : i.textContent) || "").replace(/\s+/g, " ").trim();
|
|
307
|
-
this._gatilhoDescrito && this._gatilhoDescrito !== t && this.removerDescricao(), !(!t || this._gatilhoDescrito !== t && (t.hasAttribute("aria-describedby") || t.hasAttribute("aria-description"))) && (e && !this.disabled ? (t.setAttribute("aria-description", e), this._gatilhoDescrito = t) : this.removerDescricao());
|
|
308
|
-
}
|
|
309
|
-
removerDescricao() {
|
|
310
|
-
var t;
|
|
311
|
-
(t = this._gatilhoDescrito) == null || t.removeAttribute("aria-description"), this._gatilhoDescrito = null;
|
|
312
|
-
}
|
|
313
|
-
}
|
|
314
|
-
class P extends E {
|
|
315
|
-
}
|
|
316
|
-
h("ui-tooltip", E);
|
|
317
|
-
h("ui-popover", P);
|
|
318
|
-
const B = ":host{display:block;box-sizing:border-box}:host([inline]){display:inline-block}.ui-skeleton{background:var(--ui-cor-fundo-elevado, #1e1e24);background-image:linear-gradient(90deg,#fff0,color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 7%,transparent),#fff0);background-size:200% 100%;background-repeat:no-repeat;border-radius:var(--ui-raio-borda, 6px);position:relative;overflow:hidden;box-sizing:border-box;animation:ui-skeleton-shimmer 1.6s ease-in-out infinite}@keyframes ui-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ui-skeleton--pulso{background-image:none;animation:ui-skeleton-pulse 1.8s ease-in-out infinite}@keyframes ui-skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.ui-skeleton--estatico{animation:none;background-image:none}.ui-skeleton--texto{height:1.1em;border-radius:var(--ui-raio-sm, 4px)}.ui-skeleton--circular{border-radius:50%!important;aspect-ratio:1;width:var(--ui-skeleton-largura, 40px);height:var(--ui-skeleton-altura, 40px)}.ui-skeleton--retangular{border-radius:var(--ui-raio-borda, 6px);min-height:20px}.ui-skeleton__linhas{display:flex;flex-direction:column;gap:8px;width:100%}.ui-skeleton__linhas .ui-skeleton{width:100%}.ui-skeleton__linhas .ui-skeleton:last-child:not(:first-child){width:65%}.ui-skeleton--card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--ui-raio-borda, 10px);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));background:var(--ui-cor-fundo-card, #18181c);animation:none}.ui-skeleton__card-media{width:100%;height:120px;border-radius:6px}.ui-skeleton__card-header{display:flex;align-items:center;gap:10px}.ui-skeleton__card-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.ui-skeleton__card-title{width:50%;height:16px}@media (prefers-reduced-motion: reduce){.ui-skeleton{animation:none!important;background-image:none!important;opacity:.7}}";
|
|
319
|
-
class A extends x {
|
|
320
|
-
constructor() {
|
|
321
|
-
super();
|
|
322
|
-
s(this, "rootElement");
|
|
323
|
-
const t = this.attachShadow({ mode: "open" });
|
|
324
|
-
t.innerHTML = `
|
|
325
|
-
<style>${B}</style>
|
|
326
|
-
<div class="ui-skeleton-container" role="status" aria-label="Carregando..."></div>
|
|
327
|
-
`, this.rootElement = t.querySelector(".ui-skeleton-container");
|
|
328
|
-
}
|
|
329
|
-
static get observedAttributes() {
|
|
330
|
-
return [
|
|
331
|
-
"variante",
|
|
332
|
-
"variant",
|
|
333
|
-
"largura",
|
|
334
|
-
"width",
|
|
335
|
-
"altura",
|
|
336
|
-
"height",
|
|
337
|
-
"raio",
|
|
338
|
-
"radius",
|
|
339
|
-
"linhas",
|
|
340
|
-
"lines",
|
|
341
|
-
"count",
|
|
342
|
-
"animado",
|
|
343
|
-
"animated"
|
|
344
|
-
];
|
|
345
|
-
}
|
|
346
|
-
connectedCallback() {
|
|
347
|
-
this.hasAttribute("aria-hidden") || this.setAttribute("aria-hidden", "true"), this.syncState();
|
|
348
|
-
}
|
|
349
|
-
attributeChangedCallback(t, e, o) {
|
|
350
|
-
this.syncState();
|
|
351
|
-
}
|
|
352
|
-
get variante() {
|
|
353
|
-
const t = (this.getAttribute("variante") || this.getAttribute("variant") || "texto").toLowerCase();
|
|
354
|
-
return t === "circulo" || t === "circular" ? "circular" : t === "retangulo" || t === "retangular" ? "retangular" : t === "card" ? "card" : "texto";
|
|
355
|
-
}
|
|
356
|
-
set variante(t) {
|
|
357
|
-
this.setAttribute("variante", t);
|
|
358
|
-
}
|
|
359
|
-
get animado() {
|
|
360
|
-
const t = (this.getAttribute("animado") || this.getAttribute("animated") || "shimmer").toLowerCase();
|
|
361
|
-
return t === "pulse" || t === "pulso" ? "pulso" : t === "none" || t === "nenhum" || t === "estatico" ? "nenhum" : "shimmer";
|
|
362
|
-
}
|
|
363
|
-
set animado(t) {
|
|
364
|
-
this.setAttribute("animado", t);
|
|
365
|
-
}
|
|
366
|
-
get linhas() {
|
|
367
|
-
const t = parseInt(this.getAttribute("linhas") || this.getAttribute("lines") || this.getAttribute("count") || "1", 10);
|
|
368
|
-
return isNaN(t) || t < 1 ? 1 : t;
|
|
369
|
-
}
|
|
370
|
-
set linhas(t) {
|
|
371
|
-
this.setAttribute("linhas", String(t));
|
|
372
|
-
}
|
|
373
|
-
syncState() {
|
|
374
|
-
const t = this.variante, e = this.animado, o = this.getAttribute("largura") || this.getAttribute("width"), i = this.getAttribute("altura") || this.getAttribute("height"), r = this.getAttribute("raio") || this.getAttribute("radius"), a = this.linhas;
|
|
375
|
-
this.rootElement.innerHTML = "";
|
|
376
|
-
const c = e === "pulso" ? "ui-skeleton--pulso" : e === "nenhum" ? "ui-skeleton--estatico" : "";
|
|
377
|
-
if (t === "card") {
|
|
378
|
-
const u = document.createElement("div");
|
|
379
|
-
u.className = "ui-skeleton ui-skeleton--card";
|
|
380
|
-
const p = document.createElement("div");
|
|
381
|
-
p.className = `ui-skeleton ui-skeleton__card-media ${c}`;
|
|
382
|
-
const d = document.createElement("div");
|
|
383
|
-
d.className = "ui-skeleton__card-header";
|
|
384
|
-
const f = document.createElement("div");
|
|
385
|
-
f.className = `ui-skeleton ui-skeleton__card-avatar ${c}`;
|
|
386
|
-
const w = document.createElement("div");
|
|
387
|
-
w.className = `ui-skeleton ui-skeleton__card-title ${c}`, d.appendChild(f), d.appendChild(w);
|
|
388
|
-
const v = document.createElement("div");
|
|
389
|
-
v.className = "ui-skeleton__linhas";
|
|
390
|
-
for (let y = 0; y < 2; y++) {
|
|
391
|
-
const k = document.createElement("div");
|
|
392
|
-
k.className = `ui-skeleton ui-skeleton--texto ${c}`, v.appendChild(k);
|
|
393
|
-
}
|
|
394
|
-
u.appendChild(p), u.appendChild(d), u.appendChild(v), this.rootElement.appendChild(u);
|
|
395
|
-
return;
|
|
396
|
-
}
|
|
397
|
-
if (a > 1 && t === "texto") {
|
|
398
|
-
const u = document.createElement("div");
|
|
399
|
-
u.className = "ui-skeleton__linhas";
|
|
400
|
-
for (let p = 0; p < a; p++) {
|
|
401
|
-
const d = document.createElement("div");
|
|
402
|
-
d.className = `ui-skeleton ui-skeleton--texto ${c}`, i && (d.style.height = isNaN(Number(i)) ? i : `${i}px`), r && (d.style.borderRadius = isNaN(Number(r)) ? r : `${r}px`), u.appendChild(d);
|
|
403
|
-
}
|
|
404
|
-
o && (u.style.width = isNaN(Number(o)) ? o : `${o}px`), this.rootElement.appendChild(u);
|
|
405
|
-
return;
|
|
406
|
-
}
|
|
407
|
-
const m = document.createElement("div");
|
|
408
|
-
m.className = `ui-skeleton ui-skeleton--${t} ${c}`.trim(), o && (m.style.width = isNaN(Number(o)) ? o : `${o}px`), i && (m.style.height = isNaN(Number(i)) ? i : `${i}px`), r && (m.style.borderRadius = isNaN(Number(r)) ? r : `${r}px`), this.rootElement.appendChild(m);
|
|
409
|
-
}
|
|
410
|
-
}
|
|
411
|
-
class F extends A {
|
|
412
|
-
}
|
|
413
|
-
h("ui-skeleton", A);
|
|
414
|
-
h("ui-esqueleto", F);
|
|
415
|
-
export {
|
|
416
|
-
b as U,
|
|
417
|
-
F as a,
|
|
418
|
-
$ as b,
|
|
419
|
-
D as c,
|
|
420
|
-
P as d,
|
|
421
|
-
T as e,
|
|
422
|
-
A as f,
|
|
423
|
-
E as g,
|
|
424
|
-
M as h,
|
|
425
|
-
z as i,
|
|
426
|
-
q as j,
|
|
427
|
-
_ as o
|
|
428
|
-
};
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";var G=Object.defineProperty;var j=(r,s,t)=>s in r?G(r,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[s]=t;var o=(r,s,t)=>j(r,typeof s!="symbol"?s+"":s,t);const y=require("./listener-bag-D5omxZ9h.cjs"),d=require("./ssr-safe-CiHD1adl.cjs"),Y=require("./ui-bus-XqBLlTYQ.cjs"),X=':host{display:block;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif)}.ui-drawer__backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--ui-z-drawer, 700) - 1);opacity:0;pointer-events:none;transition:opacity .25s ease}:host([aberto]) .ui-drawer__backdrop,:host([open]) .ui-drawer__backdrop{opacity:1;pointer-events:auto}.ui-drawer__painel{position:fixed;z-index:var(--ui-z-drawer, 700);background-color:var(--ui-cor-fundo-card, #18181c);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));box-shadow:var(--ui-sombra-lg, 0 16px 40px rgba(0, 0, 0, .7));display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility .2s ease;box-sizing:border-box;color:var(--ui-cor-texto, #e1e1e6)}:host(:not([posicao])) .ui-drawer__painel,:host([posicao="direita"]) .ui-drawer__painel,:host([position="right"]) .ui-drawer__painel{top:0;right:0;bottom:0;width:var(--ui-drawer-largura, 480px);max-width:92vw;height:100vh;transform:translate(100%);border-left:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16))}:host([aberto]:not([posicao])) .ui-drawer__painel,:host([open]:not([posicao])) .ui-drawer__painel,:host([aberto][posicao="direita"]) .ui-drawer__painel,:host([open][posicao="direita"]) .ui-drawer__painel,:host([aberto][position="right"]) .ui-drawer__painel,:host([open][position="right"]) .ui-drawer__painel{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto}:host([posicao="esquerda"]) .ui-drawer__painel,:host([position="left"]) .ui-drawer__painel{top:0;left:0;bottom:0;width:var(--ui-drawer-largura, 480px);max-width:92vw;height:100vh;transform:translate(-100%);border-right:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16))}:host([aberto][posicao="esquerda"]) .ui-drawer__painel,:host([open][posicao="esquerda"]) .ui-drawer__painel,:host([aberto][position="left"]) .ui-drawer__painel,:host([open][position="left"]) .ui-drawer__painel{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto}:host([posicao="baixo"]) .ui-drawer__painel,:host([position="bottom"]) .ui-drawer__painel{bottom:0;left:0;right:0;width:100vw;max-height:85vh;transform:translateY(100%);border-top:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));border-top-left-radius:14px;border-top-right-radius:14px}:host([aberto][posicao="baixo"]) .ui-drawer__painel,:host([open][posicao="baixo"]) .ui-drawer__painel,:host([aberto][position="bottom"]) .ui-drawer__painel,:host([open][position="bottom"]) .ui-drawer__painel{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}:host([posicao="cima"]) .ui-drawer__painel,:host([position="top"]) .ui-drawer__painel{top:0;left:0;right:0;width:100vw;max-height:85vh;transform:translateY(-100%);border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));border-bottom-left-radius:14px;border-bottom-right-radius:14px}:host([aberto][posicao="cima"]) .ui-drawer__painel,:host([open][posicao="cima"]) .ui-drawer__painel,:host([aberto][position="top"]) .ui-drawer__painel,:host([open][position="top"]) .ui-drawer__painel{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.ui-drawer__header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));flex-shrink:0}.ui-drawer__titulo-container{display:flex;flex-direction:column;gap:2px}.ui-drawer__titulo{margin:0;font-size:16px;font-weight:600;color:var(--ui-cor-texto, #ffffff)}.ui-drawer__descricao{margin:0;font-size:13px;color:var(--ui-cor-texto-secundario, #888899)}.ui-drawer__close{background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);font-size:16px;cursor:pointer;padding:6px;border-radius:6px;line-height:1;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background-color .15s ease}.ui-drawer__close svg,.ui-drawer__close ::slotted(svg){shape-rendering:geometricPrecision}.ui-drawer__close:hover{color:var(--ui-cor-texto, #ffffff);background-color:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-drawer__close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-cor-primaria, #00E08A)}.ui-drawer__body{padding:20px;overflow-y:auto;flex:1;box-sizing:border-box}.ui-drawer__footer{padding:14px 20px;border-top:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:flex-end;gap:10px;background-color:var(--ui-cor-fundo-recuado, rgba(0, 0, 0, .15));flex-shrink:0}@starting-style{:host([aberto]:not([posicao])) .ui-drawer__painel,:host([open]:not([posicao])) .ui-drawer__painel,:host([aberto][posicao="direita"]) .ui-drawer__painel,:host([open][posicao="direita"]) .ui-drawer__painel{transform:translate(100%);opacity:0}:host([aberto][posicao="esquerda"]) .ui-drawer__painel,:host([open][posicao="esquerda"]) .ui-drawer__painel{transform:translate(-100%);opacity:0}:host([aberto][posicao="baixo"]) .ui-drawer__painel,:host([open][posicao="baixo"]) .ui-drawer__painel{transform:translateY(100%);opacity:0}:host([aberto]) .ui-drawer__backdrop,:host([open]) .ui-drawer__backdrop{opacity:0}}',k='a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), ui-campo-texto, ui-botao, ui-botao-primario, ui-checkbox, ui-switch, ui-lista-flutuante, ui-radio, ui-select, ui-segmented';function _(r,s){let t=Array.from(r.querySelectorAll(k));t=t.filter(a=>{try{return window.getComputedStyle(a).display!=="none"}catch{return!0}});const i=r.querySelectorAll("slot"),e=[];return i.forEach(a=>{a.assignedElements({flatten:!0}).forEach(l=>{l instanceof HTMLElement&&(l.matches(k)&&e.push(l),e.push(...Array.from(l.querySelectorAll(k))))})}),[...t,...e].filter(a=>!a.hasAttribute("disabled")&&a.getAttribute("aria-hidden")!=="true")}function D(r){if(typeof document>"u")return!0;const s=Array.from(document.querySelectorAll("ui-drawer[aberto], ui-drawer[open], ui-sheet[aberto], ui-sheet[open]"));return s[s.length-1]===r}function M(r,s,t,i){if(s.length===0){r.preventDefault();return}const e=s[0],a=s[s.length-1],n=t.getRootNode(),l=n==null?void 0:n.activeElement;r.shiftKey?(l===e||!t.contains(l)&&!i.contains(l))&&(r.preventDefault(),a.focus()):(l===a||!t.contains(l)&&!i.contains(l))&&(r.preventDefault(),e.focus())}function P(){if(typeof document>"u")return;document.querySelectorAll("ui-modal[aberto], ui-modal[open], ui-dialog[aberto], ui-dialog[open], ui-drawer[aberto], ui-drawer[open], ui-sheet[aberto], ui-sheet[open]").length>0?document.body.style.overflow="hidden":document.body.style.overflow=""}class g extends d.SafeHTMLElement{constructor(){super();o(this,"backdropElement");o(this,"painelElement");o(this,"tituloElement");o(this,"descricaoElement");o(this,"closeElement");o(this,"listeners",new y.ListenerBag);o(this,"_elementoGatilho",null);o(this,"_focables",[]);o(this,"handleSlotChange",()=>{this.syncState()});o(this,"handleBackdropClick",t=>{t.stopPropagation(),this.hasAttribute("estatico")||this.hasAttribute("static")||this.fechar()});o(this,"handleCloseClick",t=>{t.stopPropagation(),this.fechar()});o(this,"handleKeyDown",t=>{this.aberto&&D(this)&&(t.key==="Escape"?this.hasAttribute("estatico")||this.hasAttribute("static")||(this.fechar(),t.stopImmediatePropagation()):t.key==="Tab"&&(this._focables=_(this.shadowRoot),M(t,this._focables,this,this.shadowRoot)))});const t=this.attachShadow({mode:"open"});t.innerHTML=`
|
|
2
|
-
<style>${X}</style>
|
|
3
|
-
<div class="ui-drawer__backdrop" part="fundo"></div>
|
|
4
|
-
<aside class="ui-drawer__painel" part="painel" role="dialog" aria-modal="true" tabindex="-1">
|
|
5
|
-
<div class="ui-drawer__header" part="cabecalho">
|
|
6
|
-
<div class="ui-drawer__titulo-container">
|
|
7
|
-
<h3 class="ui-drawer__titulo" part="titulo"></h3>
|
|
8
|
-
<p class="ui-drawer__descricao" part="descricao" style="display: none;"></p>
|
|
9
|
-
</div>
|
|
10
|
-
<button type="button" class="ui-drawer__close" part="fechar" aria-label="Fechar painel lateral" title="Fechar">✕</button>
|
|
11
|
-
</div>
|
|
12
|
-
<div class="ui-drawer__body" part="corpo">
|
|
13
|
-
<slot></slot>
|
|
14
|
-
</div>
|
|
15
|
-
<div class="ui-drawer__footer" part="rodape">
|
|
16
|
-
<slot name="rodape"></slot>
|
|
17
|
-
<slot name="footer"></slot>
|
|
18
|
-
</div>
|
|
19
|
-
</aside>
|
|
20
|
-
`,this.backdropElement=t.querySelector(".ui-drawer__backdrop"),this.painelElement=t.querySelector(".ui-drawer__painel"),this.tituloElement=t.querySelector(".ui-drawer__titulo"),this.descricaoElement=t.querySelector(".ui-drawer__descricao"),this.closeElement=t.querySelector(".ui-drawer__close")}static get observedAttributes(){return["aberto","open","posicao","position","titulo","title","descricao","description","largura","width","estatico","static"]}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.backdropElement,"click",this.handleBackdropClick),this.listeners.add(this.closeElement,"click",this.handleCloseClick),this.listeners.add(window,"keydown",this.handleKeyDown),this.shadowRoot.querySelectorAll("slot").forEach(i=>{this.listeners.add(i,"slotchange",this.handleSlotChange)}),this.syncState()}disconnectedCallback(){this.listeners.cleanup(),g.atualizarScrollLock()}attributeChangedCallback(t,i,e){(t==="aberto"||t==="open")&&e!==null&&(document.activeElement&&document.activeElement!==document.body&&(this._elementoGatilho=document.activeElement),setTimeout(()=>{this._focables=_(this.shadowRoot),this._focables.length>0?this._focables[0].focus():this.painelElement.focus()},0)),this.syncState()}get aberto(){return this.hasAttribute("aberto")||this.hasAttribute("open")}set aberto(t){t?this.setAttribute("aberto",""):(this.removeAttribute("aberto"),this.removeAttribute("open")),this.syncState()}get posicao(){const t=(this.getAttribute("posicao")||this.getAttribute("position")||"direita").toLowerCase();return t==="esquerda"||t==="left"?"esquerda":t==="baixo"||t==="bottom"?"baixo":t==="cima"||t==="top"?"cima":"direita"}set posicao(t){this.setAttribute("posicao",t)}abrir(){this.aberto||(document.activeElement&&document.activeElement!==document.body&&(this._elementoGatilho=document.activeElement),this.aberto=!0,this.dispatchEvent(new CustomEvent("ui-abrir",{bubbles:!0,composed:!0})),setTimeout(()=>{this._focables=_(this.shadowRoot),this._focables.length>0?this._focables[0].focus():this.painelElement.focus()},0))}fechar(){this.aberto&&(this.aberto=!1,this.dispatchEvent(new CustomEvent("ui-fechar",{bubbles:!0,composed:!0})),this._elementoGatilho&&(this._elementoGatilho.focus(),this._elementoGatilho=null))}alternar(){this.aberto?this.fechar():this.abrir()}syncState(){var l,c;const t=this.aberto,i=this.getAttribute("titulo")||this.getAttribute("title")||"",e=this.getAttribute("descricao")||this.getAttribute("description")||"",a=this.getAttribute("largura")||this.getAttribute("width"),n=(l=this.shadowRoot)==null?void 0:l.querySelector(".ui-drawer__footer");if(this.painelElement.setAttribute("aria-hidden",String(!t)),i?(this.tituloElement.textContent=i,this.tituloElement.style.display="block"):this.tituloElement.style.display="none",e?(this.descricaoElement.textContent=e,this.descricaoElement.style.display="block"):this.descricaoElement.style.display="none",a?this.style.setProperty("--ui-drawer-largura",isNaN(Number(a))?a:`${a}px`):this.style.removeProperty("--ui-drawer-largura"),n){const u=Array.from(((c=this.shadowRoot)==null?void 0:c.querySelectorAll('slot[name="rodape"], slot[name="footer"]'))||[]).some(m=>m.assignedNodes({flatten:!0}).some(f=>f.nodeType===Node.ELEMENT_NODE||f.textContent&&f.textContent.trim()!==""))||this.querySelector('[slot="rodape"], [slot="footer"]')!==null;n.style.display=u?"flex":"none"}g.atualizarScrollLock()}static atualizarScrollLock(){P()}}class R extends g{}class B extends g{}class $ extends g{}d.definirCustomElement("ui-drawer",g);d.definirCustomElement("ui-sheet",R);d.definirCustomElement("ui-painel-lateral",B);d.definirCustomElement("ui-gaveta",$);const Q=':host{display:block;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif)}.ui-alerta{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:var(--ui-raio-borda, 8px);border:1px solid transparent;background-color:var(--ui-cor-fundo-elevado, #1a1a1e);color:var(--ui-cor-texto, #e1e1e6);box-sizing:border-box;position:relative;transition:opacity .2s ease,transform .2s ease;line-height:1.4}.ui-alerta__icone{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;line-height:1}.ui-alerta__icone svg,.ui-alerta__icone ::slotted(svg),.ui-alerta__icone ::slotted(ui-icone){shape-rendering:geometricPrecision}.ui-alerta__conteudo{flex:1}.ui-alerta__titulo{font-size:14px;font-weight:600;margin:0 0 2px;line-height:1.2}.ui-alerta__mensagem{font-size:13px;margin:0;opacity:.9}.ui-alerta__close{background:transparent;border:none;color:currentColor;opacity:.7;font-size:14px;cursor:pointer;padding:2px 6px;border-radius:var(--ui-raio-sm, 4px);line-height:1;flex-shrink:0;margin-top:-2px;margin-right:-4px;transition:opacity .15s ease,background-color .15s ease}.ui-alerta__close:hover{opacity:1;background-color:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 15%,transparent)}.ui-alerta--sucesso{background-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 12%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 30%,transparent);color:var(--ui-cor-texto-sucesso, #00E08A)}.ui-alerta--sucesso .ui-alerta__mensagem{color:var(--ui-cor-texto, #e1e1e6)}.ui-alerta--erro{background-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 12%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 30%,transparent);color:var(--ui-cor-texto-erro, #ff5555)}.ui-alerta--erro .ui-alerta__mensagem{color:var(--ui-cor-texto, #e1e1e6)}.ui-alerta--alerta{background-color:color-mix(in srgb,var(--ui-cor-texto-alerta, #ffb86c) 12%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-alerta, #ffb86c) 30%,transparent);color:var(--ui-cor-texto-alerta, #ffb86c)}.ui-alerta--alerta .ui-alerta__mensagem{color:var(--ui-cor-texto, #e1e1e6)}.ui-alerta--info{background-color:color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 12%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 30%,transparent);color:var(--ui-cor-texto-info, #33b5ff)}.ui-alerta--info .ui-alerta__mensagem{color:var(--ui-cor-texto, #e1e1e6)}.ui-alerta__acoes{display:flex;align-items:center;flex-shrink:0;margin-left:4px}.ui-alerta__botao-acao{background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent);border:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 16%,transparent);color:inherit;font-family:inherit;font-size:12px;font-weight:600;padding:4px 10px;border-radius:5px;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.ui-alerta__botao-acao:hover{background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 18%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 30%,transparent)}.ui-alerta__botao-acao:active{transform:scale(.96)}.ui-alerta__botao-acao:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-cor-fundo, #0b0b0d),0 0 0 4px var(--ui-cor-primaria, #00E08A)}.ui-alerta__botao-acao--primario{background:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 15%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 35%,transparent);color:var(--ui-cor-primaria, #00E08A)}.ui-alerta__botao-acao--primario:hover{background:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 25%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 50%,transparent)}.ui-alerta__botao-acao--destrutivo{background:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 15%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 35%,transparent);color:var(--ui-cor-texto-erro, #ff5555)}.ui-alerta__botao-acao--destrutivo:hover{background:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 25%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 50%,transparent)}:host(ui-toast){display:block;width:100%;box-sizing:border-box;pointer-events:auto;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s ease}.ui-toast__banner{box-shadow:var(--ui-sombra-lg, 0 10px 30px rgba(0, 0, 0, .3)),0 0 0 1px var(--ui-cor-borda, rgba(255, 255, 255, .1));animation:ui-toast-slide .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.ui-toast__banner.ui-alerta--sucesso{background-color:color-mix(in srgb,color-mix(in srgb,var(--ui-cor-fundo-elevado, #1a1a1e) 88%,var(--ui-cor-texto-sucesso, #00E08A) 12%) 60%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 40%,transparent)}.ui-toast__banner.ui-alerta--erro{background-color:color-mix(in srgb,color-mix(in srgb,var(--ui-cor-fundo-elevado, #1a1a1e) 88%,var(--ui-cor-texto-erro, #ff5555) 12%) 60%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 40%,transparent)}.ui-toast__banner.ui-alerta--alerta{background-color:color-mix(in srgb,color-mix(in srgb,var(--ui-cor-fundo-elevado, #1a1a1e) 88%,var(--ui-cor-texto-alerta, #ffb86c) 12%) 60%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-alerta, #ffb86c) 40%,transparent)}.ui-toast__banner.ui-alerta--info{background-color:color-mix(in srgb,color-mix(in srgb,var(--ui-cor-fundo-elevado, #1a1a1e) 88%,var(--ui-cor-texto-info, #33b5ff) 12%) 60%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 40%,transparent)}.ui-toast__progresso{position:absolute;bottom:0;left:0;right:0;height:2px;background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent);overflow:hidden}.ui-toast__progresso-barra{width:100%;height:100%;background:currentColor;opacity:.7;transform-origin:left;animation:ui-toast-timer linear forwards}:host(ui-toast:hover) .ui-toast__progresso-barra,:host(ui-toast:focus-within) .ui-toast__progresso-barra{animation-play-state:paused}@keyframes ui-toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes ui-toast-slide{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@starting-style{:host(ui-toast){opacity:0;transform:translateY(12px) scale(.96)}}',E={sucesso:'<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>',erro:'<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>',alerta:'<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>',info:'<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>'};class A extends d.SafeHTMLElement{constructor(){super();o(this,"alertaElement");o(this,"iconeElement");o(this,"tituloElement");o(this,"mensagemElement");o(this,"mensagemTextoElement");o(this,"closeElement");o(this,"acoesElement");o(this,"botaoAcaoElement");o(this,"progressoContainer");o(this,"progressoBarra");o(this,"listeners",new y.ListenerBag);const t=this.attachShadow({mode:"open"});t.innerHTML=`
|
|
21
|
-
<style>${Q}</style>
|
|
22
|
-
<div class="ui-alerta" part="base" role="alert">
|
|
23
|
-
<span class="ui-alerta__icone" part="icone"></span>
|
|
24
|
-
<div class="ui-alerta__conteudo" part="conteudo">
|
|
25
|
-
<h4 class="ui-alerta__titulo" part="titulo" style="display: none;"></h4>
|
|
26
|
-
<p class="ui-alerta__mensagem" part="mensagem">
|
|
27
|
-
<span class="ui-alerta__mensagem-texto" style="display: none;"></span>
|
|
28
|
-
<slot></slot>
|
|
29
|
-
</p>
|
|
30
|
-
</div>
|
|
31
|
-
<div class="ui-alerta__acoes" style="display: none;">
|
|
32
|
-
<button type="button" class="ui-alerta__botao-acao" part="acao"></button>
|
|
33
|
-
</div>
|
|
34
|
-
<button class="ui-alerta__close" part="fechar" type="button" aria-label="Fechar alerta" style="display: none;" title="Fechar">✕</button>
|
|
35
|
-
<div class="ui-toast__progresso" part="progresso" style="display: none;">
|
|
36
|
-
<div class="ui-toast__progresso-barra"></div>
|
|
37
|
-
</div>
|
|
38
|
-
</div>
|
|
39
|
-
`,this.alertaElement=t.querySelector(".ui-alerta"),this.iconeElement=t.querySelector(".ui-alerta__icone"),this.tituloElement=t.querySelector(".ui-alerta__titulo"),this.mensagemElement=t.querySelector(".ui-alerta__mensagem"),this.mensagemTextoElement=t.querySelector(".ui-alerta__mensagem-texto"),this.closeElement=t.querySelector(".ui-alerta__close"),this.acoesElement=t.querySelector(".ui-alerta__acoes"),this.botaoAcaoElement=t.querySelector(".ui-alerta__botao-acao"),this.progressoContainer=t.querySelector(".ui-toast__progresso"),this.progressoBarra=t.querySelector(".ui-toast__progresso-barra")}static get observedAttributes(){return["tipo","variante","variant","titulo","title","mensagem","fechavel","dismissible"]}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.closeElement,"click",()=>this.fechar()),this.syncState()}disconnectedCallback(){this.listeners.cleanup()}attributeChangedCallback(t,i,e){this.syncState()}fechar(){this.dispatchEvent(new CustomEvent("ui-fechar",{bubbles:!0,composed:!0})),this.remove()}syncState(){const t=this.getAttribute("tipo")||this.getAttribute("variante")||this.getAttribute("variant")||"info",i=this.getAttribute("titulo")||this.getAttribute("title"),e=this.getAttribute("mensagem"),a=this.hasAttribute("fechavel")||this.hasAttribute("dismissible");this.alertaElement.className=`ui-alerta ui-alerta--${t}`;const n=E[t]||E.info;this.iconeElement.innerHTML=n,i?(this.tituloElement.textContent=i,this.tituloElement.style.display="block"):(this.tituloElement.style.display="none",this.tituloElement.textContent=""),e?(this.mensagemTextoElement.textContent=e,this.mensagemTextoElement.style.display="inline"):(this.mensagemTextoElement.style.display="none",this.mensagemTextoElement.textContent=""),a?this.closeElement.style.display="block":this.closeElement.style.display="none"}}d.definirCustomElement("ui-alerta",A);class x extends A{constructor(){super(...arguments);o(this,"timerId",null);o(this,"tempoRestante",4e3);o(this,"inicioTimestamp",0);o(this,"isPausado",!1);o(this,"acaoConfig");o(this,"containerRef",null);o(this,"handleAcaoClick",t=>{var i,e,a;t.stopPropagation(),(i=this.acaoConfig)!=null&&i.onClick&&this.acaoConfig.onClick(t),this.dispatchEvent(new CustomEvent("ui-toast-acao",{detail:{rotulo:(e=this.acaoConfig)==null?void 0:e.rotulo,tipo:(a=this.acaoConfig)==null?void 0:a.tipo},bubbles:!0,composed:!0})),this.fechar()});o(this,"pausarTimer",()=>{if(this.isPausado||this.tempoRestante<=0)return;this.isPausado=!0,this.timerId&&(clearTimeout(this.timerId),this.timerId=null);const t=Date.now()-this.inicioTimestamp;this.tempoRestante=Math.max(0,this.tempoRestante-t),this.progressoBarra.style.animationPlayState="paused"});o(this,"retomarTimer",()=>{!this.isPausado||this.tempoRestante<=0||(this.isPausado=!1,this.progressoBarra.style.animationPlayState="running",this.iniciarTimer(Math.max(this.tempoRestante,300)))})}configurarAcao(t){this.acaoConfig=t,this.botaoAcaoElement.textContent=t.rotulo,this.acoesElement.style.display="flex";const i=t.tipo||"primario";this.botaoAcaoElement.className=`ui-alerta__botao-acao ui-alerta__botao-acao--${i}`}connectedCallback(){super.connectedCallback(),this.containerRef=this.parentElement,this.alertaElement.classList.add("ui-toast__banner"),this.acaoConfig&&this.listeners.add(this.botaoAcaoElement,"click",this.handleAcaoClick);const t=this.getAttribute("duracao")||this.getAttribute("duration")||"4000",i=parseInt(t,10);this.tempoRestante=isNaN(i)?4e3:i,this.tempoRestante>0?(this.progressoContainer.style.display="block",this.progressoBarra.style.animationDuration=`${this.tempoRestante}ms`,this.getAttribute("pausar-no-hover")!=="false"&&(this.listeners.add(this,"mouseenter",this.pausarTimer),this.listeners.add(this,"mouseleave",this.retomarTimer),this.listeners.add(this,"focusin",this.pausarTimer),this.listeners.add(this,"focusout",this.retomarTimer)),this.iniciarTimer(this.tempoRestante)):this.progressoContainer.style.display="none"}fechar(){const t=this.parentElement||this.containerRef;super.fechar(),t&&t.id.startsWith("ui-toast-container-")&&t.children.length===0&&t.remove()}disconnectedCallback(){super.disconnectedCallback(),this.timerId&&(clearTimeout(this.timerId),this.timerId=null),this.containerRef&&this.containerRef.id.startsWith("ui-toast-container-")&&this.containerRef.children.length===0&&(this.containerRef.remove(),this.containerRef=null)}iniciarTimer(t){this.timerId&&clearTimeout(this.timerId),this.inicioTimestamp=Date.now(),this.timerId=setTimeout(()=>{this.fechar()},t)}static obterContainer(t){const i=`ui-toast-container-${t}`;let e=document.getElementById(i);return e||(e=document.createElement("div"),e.id=i,e.style.position="fixed",e.style.setProperty("z-index","var(--ui-z-toast, 1100)"),e.style.display="flex",e.style.gap="10px",e.style.maxWidth="400px",e.style.width="calc(100vw - 32px)",e.style.pointerEvents="none",e.style.boxSizing="border-box",e.style.transition="all 0.2s ease",t==="top-right"?(e.style.top="20px",e.style.right="20px",e.style.flexDirection="column"):t==="top-left"?(e.style.top="20px",e.style.left="20px",e.style.flexDirection="column"):t==="bottom-left"?(e.style.bottom="20px",e.style.left="20px",e.style.flexDirection="column-reverse"):t==="top-center"?(e.style.top="20px",e.style.left="50%",e.style.transform="translateX(-50%)",e.style.flexDirection="column"):t==="bottom-center"?(e.style.bottom="20px",e.style.left="50%",e.style.transform="translateX(-50%)",e.style.flexDirection="column-reverse"):(e.style.bottom="20px",e.style.right="20px",e.style.flexDirection="column-reverse"),document.body.appendChild(e)),e}static notificar(t){if(typeof document>"u")return null;const i=t.posicao||"bottom-right",e=document.createElement("ui-toast");return t.tipo&&e.setAttribute("tipo",t.tipo),t.titulo&&e.setAttribute("titulo",t.titulo),t.mensagem&&e.setAttribute("mensagem",t.mensagem),t.duracao!==void 0&&e.setAttribute("duracao",String(t.duracao)),t.pausarNoHover===!1&&e.setAttribute("pausar-no-hover","false"),e.setAttribute("posicao",i),t.fechavel!==!1&&e.setAttribute("fechavel",""),t.acao&&e.configurarAcao(t.acao),x.obterContainer(i).appendChild(e),e}}d.definirCustomElement("ui-toast",x);function O(){Y.UIBus.registrarProvedorToast(r=>{x.notificar(r)})}O();const W=":host{display:inline-flex;position:relative;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;--ui-tooltip-texto-distancia: 260px;--ui-tooltip-seta-espaco: 70px}.ui-tooltip__bubble{position:fixed;z-index:var(--ui-z-tooltip, 1200);padding:6px 10px;border-radius:6px;font-size:11px;font-weight:500;background-color:var(--ui-cor-fundo-elevado, #1e1e24);color:var(--ui-cor-texto, #e1e1e6);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));box-shadow:var(--ui-sombra-md, 0 4px 16px rgba(0, 0, 0, .5));white-space:normal;max-width:var(--ui-tooltip-texto-distancia, 260px);width:max-content;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease;line-height:1.35;box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0}.ui-tooltip__bubble[popover]{margin:0;border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));background-color:var(--ui-cor-fundo-elevado, #1e1e24);color:var(--ui-cor-texto, #e1e1e6);padding:6px 10px;overflow:visible;max-width:var(--ui-tooltip-texto-distancia, 260px);width:max-content;white-space:normal}.ui-tooltip__texto{display:inline-block;max-width:100%}.ui-tooltip__arrow{position:absolute;width:0;height:0;border-style:solid}.ui-tooltip--topo .ui-tooltip__arrow{bottom:-5px;left:50%;transform:translate(-50%);border-width:5px 5px 0 5px;border-color:var(--ui-cor-fundo-elevado, #1e1e24) transparent transparent transparent}.ui-tooltip--baixo .ui-tooltip__arrow{top:-5px;left:50%;transform:translate(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--ui-cor-fundo-elevado, #1e1e24) transparent}.ui-tooltip--esquerda .ui-tooltip__arrow{right:-5px;top:50%;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--ui-cor-fundo-elevado, #1e1e24)}.ui-tooltip--direita .ui-tooltip__arrow{left:-5px;top:50%;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--ui-cor-fundo-elevado, #1e1e24) transparent transparent}.ui-tooltip--visivel .ui-tooltip__bubble{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}@starting-style{.ui-tooltip--visivel .ui-tooltip__bubble,.ui-tooltip__bubble:popover-open{opacity:0;transform:scale(.94)}}",v=8,z=8,L={topo:"topo",top:"topo",baixo:"baixo",bottom:"baixo",esquerda:"esquerda",left:"esquerda",direita:"direita",right:"direita"};function I(r){const s=(r??"").trim().toLowerCase();return Object.prototype.hasOwnProperty.call(L,s)?L[s]:"topo"}const b=r=>Number.isFinite(r)?r:0;function K(r,s,t,i){const e=b(s.width),a=b(s.height),n=b(r.left)+b(r.width)/2,l=b(r.top)+b(r.height)/2;let c=0,h=0;t==="topo"?(c=b(r.top)-a-v,h=n-e/2):t==="baixo"?(c=b(r.bottom)+v,h=n-e/2):t==="esquerda"?(c=l-a/2,h=b(r.left)-e-v):(c=l-a/2,h=b(r.right)+v);const u=(m,p,f)=>Math.max(z,Math.min(m,b(f)-p-z));return{top:Math.round(u(c,a,i.altura)),left:Math.round(u(h,e,i.largura))}}function H(r){return r instanceof DOMException&&r.name==="InvalidStateError"}function V(r){const s=r;if(typeof s.showPopover=="function")try{s.showPopover()}catch(t){H(t)||console.warn("[ui-tooltip] Não foi possível abrir o balão como popover:",t)}}function J(r){const s=r;if(typeof s.hidePopover=="function")try{s.hidePopover()}catch(t){H(t)||console.warn("[ui-tooltip] Não foi possível fechar o balão como popover:",t)}}const Z=120;class C extends d.SafeHTMLElement{constructor(){super();o(this,"containerElement");o(this,"bubbleElement");o(this,"ouvintesHost",new y.ListenerBag);o(this,"ouvintesAberto",new y.ListenerBag);o(this,"_timerOcultar",null);o(this,"_quadro",null);o(this,"_gatilhoDescrito",null);o(this,"posicionarBubble",()=>{if(!this.aberto)return;const t=I(this.getAttribute("posicao")||this.getAttribute("position")),{top:i,left:e}=K(this.getBoundingClientRect(),this.bubbleElement.getBoundingClientRect(),t,{largura:window.innerWidth,altura:window.innerHeight});this.bubbleElement.style.top=`${i}px`,this.bubbleElement.style.left=`${e}px`});o(this,"handleMouseEnter",()=>{const t=this.lerGatilho();(t==="hover"||t==="passar-mouse")&&(this.cancelarOcultar(),this.mostrar())});o(this,"handleMouseLeave",()=>{const t=this.lerGatilho();(t==="hover"||t==="passar-mouse")&&(this.cancelarOcultar(),this._timerOcultar=setTimeout(()=>{this._timerOcultar=null,this.ocultar()},Z))});o(this,"handleEscape",t=>{t.key!=="Escape"||!this.aberto||(t.stopPropagation(),this.cancelarOcultar(),this.ocultar())});o(this,"handleClick",()=>{const t=typeof window.matchMedia=="function"&&window.matchMedia("(pointer: coarse)").matches,i=this.lerGatilho();(i==="clique"||i==="click"||t)&&(this.aberto=!this.aberto)});o(this,"handleClickOutside",t=>{t.composedPath().includes(this)||this.ocultar()});const t=this.attachShadow({mode:"open"});t.innerHTML=`
|
|
40
|
-
<style>${W}</style>
|
|
41
|
-
<div class="ui-tooltip ui-tooltip--topo">
|
|
42
|
-
<slot></slot>
|
|
43
|
-
<div class="ui-tooltip__bubble" part="balao" role="tooltip" popover="manual">
|
|
44
|
-
<span class="ui-tooltip__texto" part="texto"></span>
|
|
45
|
-
<slot name="conteudo"></slot>
|
|
46
|
-
<span class="ui-tooltip__arrow" part="seta"></span>
|
|
47
|
-
</div>
|
|
48
|
-
</div>
|
|
49
|
-
`,this.containerElement=t.querySelector(".ui-tooltip"),this.bubbleElement=t.querySelector(".ui-tooltip__bubble"),t.querySelectorAll("slot").forEach(i=>i.addEventListener("slotchange",()=>this.sincronizarDescricao()))}static get observedAttributes(){return["texto","text","posicao","position","gatilho","trigger","aberto","open","disabled"]}connectedCallback(){this.ouvintesHost.cleanup(),this.ouvintesHost.add(this,"mouseenter",this.handleMouseEnter),this.ouvintesHost.add(this,"mouseleave",this.handleMouseLeave),this.ouvintesHost.add(this,"focusin",this.handleMouseEnter),this.ouvintesHost.add(this,"focusout",this.handleMouseLeave),this.ouvintesHost.add(this,"click",this.handleClick),this.syncState()}disconnectedCallback(){this.ouvintesHost.cleanup(),this.ouvintesAberto.cleanup(),this.cancelarOcultar(),this.cancelarQuadro(),this.removerDescricao(),this.ocultar()}attributeChangedCallback(t,i,e){this.syncState()}get aberto(){return this.hasAttribute("aberto")||this.hasAttribute("open")}set aberto(t){t?this.setAttribute("aberto",""):(this.removeAttribute("aberto"),this.removeAttribute("open")),this.syncState()}get disabled(){return this.hasAttribute("disabled")}set disabled(t){t?this.setAttribute("disabled",""):this.removeAttribute("disabled"),this.syncState()}mostrar(){this.disabled||(this.aberto=!0)}ocultar(){this.aberto=!1}lerGatilho(){return this.getAttribute("gatilho")||this.getAttribute("trigger")||"hover"}cancelarQuadro(){this._quadro!==null&&(cancelAnimationFrame(this._quadro),this._quadro=null)}syncState(){var n;const t=this.aberto&&!this.disabled,i=I(this.getAttribute("posicao")||this.getAttribute("position")),e=this.getAttribute("texto")||this.getAttribute("text")||"",a=(n=this.shadowRoot)==null?void 0:n.querySelector(".ui-tooltip__texto");this.containerElement.className=`ui-tooltip ui-tooltip--${i}`,a&&(a.textContent=e,a.style.display=e?"inline":"none"),this.sincronizarDescricao(),t?this.abrirBalao():this.fecharBalao()}abrirBalao(){this.ouvintesAberto.size===0&&(this.ouvintesAberto.add(document,"click",this.handleClickOutside),this.ouvintesAberto.add(document,"keydown",this.handleEscape,!0),this.ouvintesAberto.add(window,"scroll",this.posicionarBubble,{capture:!0,passive:!0}),this.ouvintesAberto.add(window,"resize",this.posicionarBubble,{passive:!0})),V(this.bubbleElement),this.containerElement.classList.add("ui-tooltip--visivel"),this.cancelarQuadro(),this._quadro=requestAnimationFrame(()=>{this._quadro=null,this.posicionarBubble()})}fecharBalao(){this.ouvintesAberto.cleanup(),this.cancelarQuadro(),J(this.bubbleElement),this.containerElement.classList.remove("ui-tooltip--visivel")}cancelarOcultar(){this._timerOcultar&&(clearTimeout(this._timerOcultar),this._timerOcultar=null)}sincronizarDescricao(){var a;if(!this.isConnected){this.removerDescricao();return}const t=Array.from(this.children).find(n=>!n.hasAttribute("slot")),i=(this.getAttribute("texto")||this.getAttribute("text")||((a=this.querySelector('[slot="conteudo"]'))==null?void 0:a.textContent)||"").replace(/\s+/g," ").trim();this._gatilhoDescrito&&this._gatilhoDescrito!==t&&this.removerDescricao(),!(!t||this._gatilhoDescrito!==t&&(t.hasAttribute("aria-describedby")||t.hasAttribute("aria-description")))&&(i&&!this.disabled?(t.setAttribute("aria-description",i),this._gatilhoDescrito=t):this.removerDescricao())}removerDescricao(){var t;(t=this._gatilhoDescrito)==null||t.removeAttribute("aria-description"),this._gatilhoDescrito=null}}class U extends C{}d.definirCustomElement("ui-tooltip",C);d.definirCustomElement("ui-popover",U);const tt=":host{display:block;box-sizing:border-box}:host([inline]){display:inline-block}.ui-skeleton{background:var(--ui-cor-fundo-elevado, #1e1e24);background-image:linear-gradient(90deg,#fff0,color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 7%,transparent),#fff0);background-size:200% 100%;background-repeat:no-repeat;border-radius:var(--ui-raio-borda, 6px);position:relative;overflow:hidden;box-sizing:border-box;animation:ui-skeleton-shimmer 1.6s ease-in-out infinite}@keyframes ui-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ui-skeleton--pulso{background-image:none;animation:ui-skeleton-pulse 1.8s ease-in-out infinite}@keyframes ui-skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.ui-skeleton--estatico{animation:none;background-image:none}.ui-skeleton--texto{height:1.1em;border-radius:var(--ui-raio-sm, 4px)}.ui-skeleton--circular{border-radius:50%!important;aspect-ratio:1;width:var(--ui-skeleton-largura, 40px);height:var(--ui-skeleton-altura, 40px)}.ui-skeleton--retangular{border-radius:var(--ui-raio-borda, 6px);min-height:20px}.ui-skeleton__linhas{display:flex;flex-direction:column;gap:8px;width:100%}.ui-skeleton__linhas .ui-skeleton{width:100%}.ui-skeleton__linhas .ui-skeleton:last-child:not(:first-child){width:65%}.ui-skeleton--card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--ui-raio-borda, 10px);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));background:var(--ui-cor-fundo-card, #18181c);animation:none}.ui-skeleton__card-media{width:100%;height:120px;border-radius:6px}.ui-skeleton__card-header{display:flex;align-items:center;gap:10px}.ui-skeleton__card-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.ui-skeleton__card-title{width:50%;height:16px}@media (prefers-reduced-motion: reduce){.ui-skeleton{animation:none!important;background-image:none!important;opacity:.7}}",et=100;class S extends d.SafeHTMLElement{constructor(){super();o(this,"rootElement");o(this,"_ocultoAuto",!1);o(this,"_papelAuto",!1);o(this,"_sincronizando",!1);const t=this.attachShadow({mode:"open"});t.innerHTML=`
|
|
50
|
-
<style>${tt}</style>
|
|
51
|
-
<div class="ui-skeleton-container"></div>
|
|
52
|
-
`,this.rootElement=t.querySelector(".ui-skeleton-container")}static get observedAttributes(){return["variante","variant","largura","width","altura","height","raio","radius","linhas","lines","count","animado","animated","aria-label"]}connectedCallback(){this.sincronizarAcessibilidade(),this.syncState()}attributeChangedCallback(t,i,e){this._sincronizando||(this.sincronizarAcessibilidade(),this.syncState())}sincronizarAcessibilidade(){this._sincronizando=!0;const t=!!this.getAttribute("aria-label"),i=this.hasAttribute("aria-hidden")&&!this._ocultoAuto;t?(this._ocultoAuto&&this.removeAttribute("aria-hidden"),this._ocultoAuto=!1,this.hasAttribute("role")||(this.setAttribute("role","status"),this._papelAuto=!0)):(this._papelAuto&&this.removeAttribute("role"),this._papelAuto=!1,i||(this.setAttribute("aria-hidden","true"),this._ocultoAuto=!0)),this._sincronizando=!1}get variante(){const t=(this.getAttribute("variante")||this.getAttribute("variant")||"texto").toLowerCase();return t==="circulo"||t==="circular"?"circular":t==="retangulo"||t==="retangular"?"retangular":t==="card"?"card":"texto"}set variante(t){this.setAttribute("variante",t)}get animado(){const t=(this.getAttribute("animado")||this.getAttribute("animated")||"shimmer").toLowerCase();return t==="pulse"||t==="pulso"?"pulso":t==="none"||t==="nenhum"||t==="estatico"?"nenhum":"shimmer"}set animado(t){this.setAttribute("animado",t)}get linhas(){const t=parseInt(this.getAttribute("linhas")||this.getAttribute("lines")||this.getAttribute("count")||"1",10);return isNaN(t)||t<1?1:Math.min(t,et)}set linhas(t){this.setAttribute("linhas",String(t))}syncState(){const t=this.variante,i=this.animado,e=this.getAttribute("largura")||this.getAttribute("width"),a=this.getAttribute("altura")||this.getAttribute("height"),n=this.getAttribute("raio")||this.getAttribute("radius"),l=this.linhas;this.rootElement.innerHTML="";const c=i==="pulso"?"ui-skeleton--pulso":i==="nenhum"?"ui-skeleton--estatico":"";if(t==="card"){const u=document.createElement("div");u.className="ui-skeleton ui-skeleton--card";const m=document.createElement("div");m.className=`ui-skeleton ui-skeleton__card-media ${c}`;const p=document.createElement("div");p.className="ui-skeleton__card-header";const f=document.createElement("div");f.className=`ui-skeleton ui-skeleton__card-avatar ${c}`;const T=document.createElement("div");T.className=`ui-skeleton ui-skeleton__card-title ${c}`,p.appendChild(f),p.appendChild(T);const w=document.createElement("div");w.className="ui-skeleton__linhas";for(let q=0;q<2;q++){const N=document.createElement("div");N.className=`ui-skeleton ui-skeleton--texto ${c}`,w.appendChild(N)}u.appendChild(m),u.appendChild(p),u.appendChild(w),this.rootElement.appendChild(u);return}if(l>1&&t==="texto"){const u=document.createElement("div");u.className="ui-skeleton__linhas";for(let m=0;m<l;m++){const p=document.createElement("div");p.className=`ui-skeleton ui-skeleton--texto ${c}`,a&&(p.style.height=isNaN(Number(a))?a:`${a}px`),n&&(p.style.borderRadius=isNaN(Number(n))?n:`${n}px`),u.appendChild(p)}e&&(u.style.width=isNaN(Number(e))?e:`${e}px`),this.rootElement.appendChild(u);return}const h=document.createElement("div");h.className=`ui-skeleton ui-skeleton--${t} ${c}`.trim(),e&&(h.style.width=isNaN(Number(e))?e:`${e}px`),a&&(h.style.height=isNaN(Number(a))?a:`${a}px`),n&&(h.style.borderRadius=isNaN(Number(n))?n:`${n}px`),this.rootElement.appendChild(h)}}class F extends S{}d.definirCustomElement("ui-skeleton",S);d.definirCustomElement("ui-esqueleto",F);exports.ICONES_ALERTA=E;exports.UIAlerta=A;exports.UIDrawer=g;exports.UIEsqueleto=F;exports.UIGaveta=$;exports.UIPainelLateral=B;exports.UIPopover=U;exports.UISheet=R;exports.UISkeleton=S;exports.UIToast=x;exports.UITooltip=C;exports.atualizarScrollLockDrawer=P;exports.gerenciarTabTrap=M;exports.isTopMostDrawer=D;exports.obterElementosFocaveis=_;exports.registrarToastNoBus=O;
|