@thibezer/ui-components-kit 2.8.2 → 2.9.0
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 +146 -0
- package/README.md +32 -8
- package/dist/acessibilidade-CSzX-DkG.cjs +1 -0
- package/dist/acessibilidade-CUlSXc2X.js +38 -0
- package/dist/altura-controle-ukMRPckR.cjs +1 -0
- package/dist/altura-controle-vxQiXG4q.js +62 -0
- package/dist/botao.cjs +1 -1
- package/dist/botao.js +1 -1
- package/dist/camadas.cjs +114 -110
- package/dist/camadas.js +1343 -1177
- package/dist/campo-texto.cjs +1 -1
- package/dist/campo-texto.js +1 -1
- package/dist/canvas.cjs +86 -85
- package/dist/canvas.js +5437 -4304
- package/dist/card.cjs +1 -1
- package/dist/card.js +1 -1
- package/dist/components/ui-avatar/ui-avatar.d.ts +11 -0
- package/dist/components/ui-badge/ui-badge.d.ts +2 -0
- package/dist/components/ui-barra-ferramentas/ferramentas-comum.d.ts +3 -1
- package/dist/components/ui-barra-ferramentas/paleta-atalhos.d.ts +23 -0
- package/dist/components/ui-barra-ferramentas/paleta-pressao-longa.d.ts +24 -0
- package/dist/components/ui-barra-ferramentas/ribbon-render.d.ts +22 -0
- package/dist/components/ui-barra-ferramentas/ribbon-teclado.d.ts +24 -0
- package/dist/components/ui-barra-ferramentas/ui-paleta-ferramentas.d.ts +3 -7
- package/dist/components/ui-barra-ferramentas/ui-ribbon.d.ts +0 -1
- package/dist/components/ui-camadas/camadas-arraste-controles.d.ts +2 -0
- package/dist/components/ui-camadas/camadas-arvore-renderer.d.ts +4 -11
- package/dist/components/ui-camadas/camadas-colecao.d.ts +27 -0
- package/dist/components/ui-camadas/camadas-drag-drop.d.ts +13 -1
- package/dist/components/ui-camadas/camadas-drop-ops.d.ts +31 -0
- package/dist/components/ui-camadas/camadas-hierarquia.d.ts +10 -0
- package/dist/components/ui-camadas/camadas-host.d.ts +1 -0
- package/dist/components/ui-camadas/camadas-lembranca.d.ts +34 -0
- package/dist/components/ui-camadas/camadas-mapas-base.d.ts +3 -1
- package/dist/components/ui-camadas/camadas-render.d.ts +15 -0
- package/dist/components/ui-camadas/camadas-renomear.d.ts +12 -0
- package/dist/components/ui-camadas/camadas-selecao-api.d.ts +17 -0
- package/dist/components/ui-camadas/camadas-selecao.d.ts +12 -0
- package/dist/components/ui-camadas/camadas-thumb.d.ts +1 -0
- package/dist/components/ui-camadas/ui-camadas.d.ts +8 -5
- package/dist/components/ui-canvas-cad/cad-acessibilidade.d.ts +15 -0
- package/dist/components/ui-canvas-cad/cad-atributos-sync.d.ts +2 -1
- package/dist/components/ui-canvas-cad/cad-broadcast.d.ts +1 -1
- package/dist/components/ui-canvas-cad/cad-evento-coordenadas.d.ts +22 -0
- package/dist/components/ui-canvas-cad/cad-eventos-canvas.d.ts +3 -8
- package/dist/components/ui-canvas-cad/cad-feicoes-camera.d.ts +26 -0
- package/dist/components/ui-canvas-cad/cad-feicoes-consulta.d.ts +21 -0
- package/dist/components/ui-canvas-cad/cad-feicoes-dados.d.ts +39 -0
- package/dist/components/ui-canvas-cad/cad-feicoes-desenho.d.ts +68 -0
- package/dist/components/ui-canvas-cad/cad-feicoes-edicao.d.ts +37 -0
- package/dist/components/ui-canvas-cad/cad-feicoes-operacoes.d.ts +48 -0
- package/dist/components/ui-canvas-cad/cad-feicoes-ponteiro.d.ts +28 -0
- package/dist/components/ui-canvas-cad/cad-feicoes-selecao-regiao.d.ts +22 -0
- package/dist/components/ui-canvas-cad/cad-feicoes-tipos.d.ts +53 -0
- package/dist/components/ui-canvas-cad/cad-feicoes-versoes.d.ts +33 -0
- package/dist/components/ui-canvas-cad/cad-feicoes.d.ts +39 -106
- package/dist/components/ui-canvas-cad/cad-inicializador.d.ts +3 -1
- package/dist/components/ui-canvas-cad/cad-leaflet-adaptador.d.ts +5 -0
- package/dist/components/ui-canvas-cad/cad-selecao-pontos.d.ts +5 -0
- package/dist/components/ui-canvas-cad/tipos.d.ts +37 -0
- package/dist/components/ui-canvas-cad/ui-canvas-cad.d.ts +30 -1
- package/dist/components/ui-checkbox/ui-checkbox.d.ts +4 -1
- package/dist/components/ui-cores/tipos.d.ts +2 -0
- package/dist/components/ui-cores/ui-controle-cores.d.ts +8 -3
- package/dist/components/ui-cores/ui-seletor-cor.d.ts +3 -1
- package/dist/components/ui-linha/index.d.ts +1 -0
- package/dist/components/ui-linha/ui-linha.d.ts +48 -0
- package/dist/components/ui-mapa/mapa-atributos.d.ts +14 -0
- package/dist/components/ui-mapa/mapa-basemaps.d.ts +7 -0
- package/dist/components/ui-mapa/mapa-icones.d.ts +4 -0
- package/dist/components/ui-mapa/mapa-leaflet.d.ts +5 -0
- package/dist/components/ui-mapa/mapa-vinculo-pai.d.ts +22 -0
- package/dist/components/ui-mapa/tipos.d.ts +13 -0
- package/dist/components/ui-mapa/ui-mapa-linha.d.ts +12 -5
- package/dist/components/ui-mapa/ui-mapa-marcador.d.ts +15 -6
- package/dist/components/ui-mapa/ui-mapa.d.ts +14 -1
- package/dist/components/ui-modal/modal-acessibilidade.d.ts +5 -5
- package/dist/components/ui-modal/modal-foco.d.ts +28 -0
- package/dist/components/ui-modal/ui-modal.d.ts +1 -11
- package/dist/components/ui-radio/radio-grupo-registry.d.ts +10 -0
- package/dist/components/ui-radio/ui-radio.d.ts +9 -2
- package/dist/components/ui-skeleton/ui-skeleton.d.ts +9 -0
- package/dist/components/ui-switch/ui-switch.d.ts +3 -1
- package/dist/components/ui-tabela/tabela-estados.d.ts +16 -0
- package/dist/components/ui-tabela/tabela-rolagem.d.ts +44 -0
- package/dist/components/ui-tabela/tabela-teclado.d.ts +16 -0
- package/dist/components/ui-tabela/ui-tabela.d.ts +1 -19
- package/dist/components/ui-tooltip/tooltip-popover.d.ts +7 -0
- package/dist/components/ui-tooltip/tooltip-posicionamento.d.ts +29 -0
- package/dist/components/ui-tooltip/ui-tooltip.d.ts +24 -1
- package/dist/core/altura-controle.d.ts +34 -0
- package/dist/core/index.d.ts +1 -0
- package/dist/core/opcoes.d.ts +9 -0
- package/dist/core/rotulo-controle.d.ts +13 -0
- package/dist/core.cjs +1 -1
- package/dist/core.js +28 -18
- package/dist/cores.cjs +1 -1
- package/dist/cores.js +1 -1
- package/dist/custom-elements.json +22088 -16390
- package/dist/data.cjs +1 -1
- package/dist/data.js +2 -2
- package/dist/feedback.cjs +1 -1
- package/dist/feedback.js +2 -2
- package/dist/form-validacao-BlQFxUVj.js +104 -0
- package/dist/form-validacao-DIeyQVH5.cjs +1 -0
- package/dist/forms.cjs +1 -1
- package/dist/forms.js +2 -2
- package/dist/gerencigeo-canvas/canvas_interacao.d.ts +0 -1
- package/dist/gerencigeo-canvas/curva_leaflet.d.ts +2 -2
- package/dist/gerencigeo-canvas/feature_curvas.d.ts +3 -1
- package/dist/gerencigeo-canvas/feature_lod.d.ts +38 -0
- package/dist/gerencigeo-canvas/feature_popup.d.ts +2 -0
- package/dist/gerencigeo-canvas/feature_simplificacao.d.ts +16 -8
- package/dist/gerencigeo-canvas/index.d.ts +7 -0
- package/dist/gerencigeo-canvas/layer_hit_test.d.ts +22 -0
- package/dist/gerencigeo-canvas/layer_manager.d.ts +5 -0
- package/dist/gerencigeo-canvas/mapa_core.d.ts +6 -0
- package/dist/gerencigeo-canvas/motor/dados-camada.d.ts +39 -0
- package/dist/gerencigeo-canvas/motor/estilo.d.ts +28 -0
- package/dist/gerencigeo-canvas/motor/geometria-px.d.ts +27 -0
- package/dist/gerencigeo-canvas/motor/index.d.ts +5 -0
- package/dist/gerencigeo-canvas/motor/motor-formas.d.ts +107 -0
- package/dist/gerencigeo-canvas/motor/tipos.d.ts +100 -0
- package/dist/gerencigeo-canvas/popup_gate.d.ts +30 -0
- package/dist/gerencigeo-canvas/renderers/canvas_formas_leaflet.d.ts +87 -0
- package/dist/gerencigeo-canvas/renderers/feicoes_canvas_renderer.d.ts +58 -0
- package/dist/gerencigeo-canvas/renderers/feicoes_despachante.d.ts +31 -0
- package/dist/gerencigeo-canvas/renderers/feicoes_renderer.d.ts +48 -9
- package/dist/gerencigeo-canvas/renderers/marcadores_feicoes.d.ts +11 -0
- package/dist/gerencigeo-canvas/renderers/marcas_lod_layer.d.ts +19 -0
- package/dist/gerencigeo-canvas/renderers/renderizador_feicoes_tipos.d.ts +44 -0
- package/dist/gerencigeo-canvas/renderers/renderizador_formas.d.ts +95 -0
- package/dist/gerencigeo-canvas/renderers/selecao_visual.d.ts +6 -0
- package/dist/gerencigeo-canvas/types.d.ts +2 -0
- package/dist/gerencigeo-canvas/zoom_opcoes.d.ts +10 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.js +179 -176
- package/dist/mapa.cjs +11 -16
- package/dist/mapa.js +242 -170
- package/dist/modal.cjs +1 -1
- package/dist/modal.js +1 -1
- package/dist/motor-BB6tB6U-.cjs +1 -0
- package/dist/motor-CFI84lM2.js +1301 -0
- package/dist/motor.cjs +1 -0
- package/dist/motor.d.ts +7 -0
- package/dist/motor.js +52 -0
- package/dist/opcoes-CJYLi6kd.js +12 -0
- package/dist/opcoes-CkyDxBuQ.cjs +1 -0
- package/dist/register.cjs +1 -1
- package/dist/register.js +11 -11
- package/dist/tabela.cjs +1 -1
- package/dist/tabela.js +1 -1
- package/dist/tipos-elementos.d.ts +49 -8
- package/dist/tipos-react.d.ts +2 -0
- package/dist/tipos-vue.d.ts +45 -8
- package/dist/tools.cjs +1 -1
- package/dist/tools.js +1 -1
- package/dist/ui-badge-BWhoGgo9.js +197 -0
- package/dist/ui-badge-SIR81R9l.cjs +28 -0
- package/dist/ui-botao-D24oXySA.cjs +12 -0
- package/dist/ui-botao-Dsj08jjw.js +165 -0
- package/dist/{ui-campo-texto-Uu2dJE_0.js → ui-campo-texto-B_OHVGiN.js} +51 -51
- package/dist/ui-campo-texto-DauJCde3.cjs +16 -0
- package/dist/{ui-card-C_o5_0cB.js → ui-card-BNYCQ7g-.js} +50 -42
- package/dist/ui-card-BrjBL-yo.cjs +20 -0
- package/dist/ui-controle-cores-DgEza3wF.js +612 -0
- package/dist/ui-controle-cores-uY__TgwW.cjs +117 -0
- package/dist/ui-kit.css +1 -1
- package/dist/ui-linha-BYAX4W6x.cjs +19 -0
- package/dist/{ui-segmented-DyF5YLsV.js → ui-linha-aqLlaYi7.js} +209 -114
- package/dist/{ui-modal-DBOtSTbR.js → ui-modal-BkYvNP0G.js} +116 -140
- package/dist/ui-modal-CUNbpbZ1.cjs +18 -0
- package/dist/{ui-paleta-ferramentas-DbwdWVtT.js → ui-paleta-ferramentas-BXXrI1Y7.js} +491 -431
- package/dist/ui-paleta-ferramentas-CsPMTY0G.cjs +21 -0
- package/dist/{ui-skeleton-W9uwIceA.js → ui-skeleton-B2Rgrv8o.js} +254 -191
- package/dist/{ui-skeleton-SPYqku8P.cjs → ui-skeleton-DiOxTBZK.cjs} +10 -10
- package/dist/ui-switch-D9a8XlVX.cjs +53 -0
- package/dist/{ui-switch-BcOqOkiV.js → ui-switch-DO1R0Ce7.js} +187 -128
- package/dist/{ui-tabela-propriedades-C-PeuW1i.cjs → ui-tabela-propriedades-CjK2gG14.cjs} +10 -10
- package/dist/{ui-tabela-propriedades-BokvDD3b.js → ui-tabela-propriedades-DoL4SE0r.js} +845 -826
- package/package.json +8 -3
- package/dist/form-validacao-BIOXxt-1.js +0 -140
- package/dist/form-validacao-ytRYSF3E.cjs +0 -1
- package/dist/svg-seguro-BsbNQqpd.js +0 -50
- package/dist/svg-seguro-C76iLlAZ.cjs +0 -1
- package/dist/ui-badge-BxT-sDmV.cjs +0 -28
- package/dist/ui-badge-C0eKBI8E.js +0 -183
- package/dist/ui-botao-BOOnP8ds.cjs +0 -12
- package/dist/ui-botao-DfqSivHl.js +0 -165
- package/dist/ui-botao-OGJV6Vfk.js +0 -165
- package/dist/ui-botao-psS1juof.cjs +0 -12
- package/dist/ui-campo-texto-Cnn2UAkS.cjs +0 -16
- package/dist/ui-card-B86lJXTP.cjs +0 -20
- package/dist/ui-controle-cores-BS0WYPdi.js +0 -572
- package/dist/ui-controle-cores-Er6ZcQ7U.cjs +0 -111
- package/dist/ui-modal-CvGFGh1h.cjs +0 -18
- 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-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-bvqxj1Yd.cjs +0 -21
- package/dist/ui-segmented-D6b6zxVs.cjs +0 -19
- package/dist/ui-segmented-rn9RxRGM.cjs +0 -19
- package/dist/ui-segmented-wUraId2e.js +0 -412
- package/dist/ui-skeleton-DI4_9WOX.js +0 -428
- package/dist/ui-skeleton-elhKIh2B.cjs +0 -33
- package/dist/ui-switch-D7iPKDj-.cjs +0 -53
- package/dist/ui-tabela-propriedades-BBr5sqki.cjs +0 -145
- package/dist/ui-tabela-propriedades-BecPqC-e.cjs +0 -141
- package/dist/ui-tabela-propriedades-Boy7I5yW.js +0 -2412
- package/dist/ui-tabela-propriedades-Df9ajC6M.js +0 -2648
- 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,73 +1,73 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import { L as
|
|
5
|
-
import { d as
|
|
6
|
-
import { U as
|
|
7
|
-
const
|
|
8
|
-
function
|
|
9
|
-
let t = Array.from(
|
|
10
|
-
t = t.filter((
|
|
1
|
+
var M = Object.defineProperty;
|
|
2
|
+
var I = (r, s, t) => s in r ? M(r, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[s] = t;
|
|
3
|
+
var o = (r, s, t) => I(r, typeof s != "symbol" ? s + "" : s, t);
|
|
4
|
+
import { L as _ } from "./listener-bag-DQgv7OON.js";
|
|
5
|
+
import { d as b, S as v } from "./ssr-safe-5cWfJP-s.js";
|
|
6
|
+
import { U as $ } from "./ui-bus-CUd99VJi.js";
|
|
7
|
+
const B = ':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';
|
|
8
|
+
function A(r, s) {
|
|
9
|
+
let t = Array.from(r.querySelectorAll(k));
|
|
10
|
+
t = t.filter((a) => {
|
|
11
11
|
try {
|
|
12
|
-
return window.getComputedStyle(
|
|
12
|
+
return window.getComputedStyle(a).display !== "none";
|
|
13
13
|
} catch {
|
|
14
14
|
return !0;
|
|
15
15
|
}
|
|
16
16
|
});
|
|
17
|
-
const i =
|
|
18
|
-
return i.forEach((
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
const i = r.querySelectorAll("slot"), e = [];
|
|
18
|
+
return i.forEach((a) => {
|
|
19
|
+
a.assignedElements({ flatten: !0 }).forEach((l) => {
|
|
20
|
+
l instanceof HTMLElement && (l.matches(k) && e.push(l), e.push(...Array.from(l.querySelectorAll(k))));
|
|
21
21
|
});
|
|
22
|
-
}), [...t, ...e].filter((
|
|
22
|
+
}), [...t, ...e].filter((a) => !a.hasAttribute("disabled") && a.getAttribute("aria-hidden") !== "true");
|
|
23
23
|
}
|
|
24
|
-
function
|
|
24
|
+
function O(r) {
|
|
25
25
|
if (typeof document > "u") return !0;
|
|
26
|
-
const
|
|
26
|
+
const s = Array.from(
|
|
27
27
|
document.querySelectorAll("ui-drawer[aberto], ui-drawer[open], ui-sheet[aberto], ui-sheet[open]")
|
|
28
28
|
);
|
|
29
|
-
return
|
|
29
|
+
return s[s.length - 1] === r;
|
|
30
30
|
}
|
|
31
|
-
function
|
|
32
|
-
if (
|
|
33
|
-
|
|
31
|
+
function H(r, s, t, i) {
|
|
32
|
+
if (s.length === 0) {
|
|
33
|
+
r.preventDefault();
|
|
34
34
|
return;
|
|
35
35
|
}
|
|
36
|
-
const e =
|
|
37
|
-
|
|
36
|
+
const e = s[0], a = s[s.length - 1], n = t.getRootNode(), l = n == null ? void 0 : n.activeElement;
|
|
37
|
+
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());
|
|
38
38
|
}
|
|
39
|
-
function
|
|
39
|
+
function F() {
|
|
40
40
|
if (typeof document > "u") return;
|
|
41
41
|
document.querySelectorAll(
|
|
42
42
|
"ui-modal[aberto], ui-modal[open], ui-dialog[aberto], ui-dialog[open], ui-drawer[aberto], ui-drawer[open], ui-sheet[aberto], ui-sheet[open]"
|
|
43
43
|
).length > 0 ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
|
|
44
44
|
}
|
|
45
|
-
class
|
|
45
|
+
class g extends v {
|
|
46
46
|
constructor() {
|
|
47
47
|
super();
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
48
|
+
o(this, "backdropElement");
|
|
49
|
+
o(this, "painelElement");
|
|
50
|
+
o(this, "tituloElement");
|
|
51
|
+
o(this, "descricaoElement");
|
|
52
|
+
o(this, "closeElement");
|
|
53
|
+
o(this, "listeners", new _());
|
|
54
|
+
o(this, "_elementoGatilho", null);
|
|
55
|
+
o(this, "_focables", []);
|
|
56
|
+
o(this, "handleSlotChange", () => {
|
|
57
57
|
this.syncState();
|
|
58
58
|
});
|
|
59
|
-
|
|
59
|
+
o(this, "handleBackdropClick", (t) => {
|
|
60
60
|
t.stopPropagation(), this.hasAttribute("estatico") || this.hasAttribute("static") || this.fechar();
|
|
61
61
|
});
|
|
62
|
-
|
|
62
|
+
o(this, "handleCloseClick", (t) => {
|
|
63
63
|
t.stopPropagation(), this.fechar();
|
|
64
64
|
});
|
|
65
|
-
|
|
66
|
-
this.aberto &&
|
|
65
|
+
o(this, "handleKeyDown", (t) => {
|
|
66
|
+
this.aberto && O(this) && (t.key === "Escape" ? this.hasAttribute("estatico") || this.hasAttribute("static") || (this.fechar(), t.stopImmediatePropagation()) : t.key === "Tab" && (this._focables = A(this.shadowRoot), H(t, this._focables, this, this.shadowRoot)));
|
|
67
67
|
});
|
|
68
68
|
const t = this.attachShadow({ mode: "open" });
|
|
69
69
|
t.innerHTML = `
|
|
70
|
-
<style>${
|
|
70
|
+
<style>${B}</style>
|
|
71
71
|
<div class="ui-drawer__backdrop" part="fundo"></div>
|
|
72
72
|
<aside class="ui-drawer__painel" part="painel" role="dialog" aria-modal="true" tabindex="-1">
|
|
73
73
|
<div class="ui-drawer__header" part="cabecalho">
|
|
@@ -109,11 +109,11 @@ class b extends g {
|
|
|
109
109
|
}), this.syncState();
|
|
110
110
|
}
|
|
111
111
|
disconnectedCallback() {
|
|
112
|
-
this.listeners.cleanup(),
|
|
112
|
+
this.listeners.cleanup(), g.atualizarScrollLock();
|
|
113
113
|
}
|
|
114
114
|
attributeChangedCallback(t, i, e) {
|
|
115
115
|
(t === "aberto" || t === "open") && e !== null && (document.activeElement && document.activeElement !== document.body && (this._elementoGatilho = document.activeElement), setTimeout(() => {
|
|
116
|
-
this._focables =
|
|
116
|
+
this._focables = A(this.shadowRoot), this._focables.length > 0 ? this._focables[0].focus() : this.painelElement.focus();
|
|
117
117
|
}, 0)), this.syncState();
|
|
118
118
|
}
|
|
119
119
|
get aberto() {
|
|
@@ -136,7 +136,7 @@ class b extends g {
|
|
|
136
136
|
composed: !0
|
|
137
137
|
})
|
|
138
138
|
), setTimeout(() => {
|
|
139
|
-
this._focables =
|
|
139
|
+
this._focables = A(this.shadowRoot), this._focables.length > 0 ? this._focables[0].focus() : this.painelElement.focus();
|
|
140
140
|
}, 0));
|
|
141
141
|
}
|
|
142
142
|
fechar() {
|
|
@@ -151,51 +151,51 @@ class b extends g {
|
|
|
151
151
|
this.aberto ? this.fechar() : this.abrir();
|
|
152
152
|
}
|
|
153
153
|
syncState() {
|
|
154
|
-
var
|
|
155
|
-
const t = this.aberto, i = this.getAttribute("titulo") || this.getAttribute("title") || "", e = this.getAttribute("descricao") || this.getAttribute("description") || "",
|
|
156
|
-
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",
|
|
157
|
-
const u = Array.from(((c = this.shadowRoot) == null ? void 0 : c.querySelectorAll('slot[name="rodape"], slot[name="footer"]')) || []).some((
|
|
158
|
-
|
|
154
|
+
var l, c;
|
|
155
|
+
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");
|
|
156
|
+
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) {
|
|
157
|
+
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;
|
|
158
|
+
n.style.display = u ? "flex" : "none";
|
|
159
159
|
}
|
|
160
|
-
|
|
160
|
+
g.atualizarScrollLock();
|
|
161
161
|
}
|
|
162
162
|
static atualizarScrollLock() {
|
|
163
|
-
|
|
163
|
+
F();
|
|
164
164
|
}
|
|
165
165
|
}
|
|
166
|
-
class
|
|
166
|
+
class j extends g {
|
|
167
167
|
}
|
|
168
|
-
class
|
|
168
|
+
class G extends g {
|
|
169
169
|
}
|
|
170
|
-
class
|
|
170
|
+
class U extends g {
|
|
171
171
|
}
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
const
|
|
172
|
+
b("ui-drawer", g);
|
|
173
|
+
b("ui-sheet", j);
|
|
174
|
+
b("ui-painel-lateral", G);
|
|
175
|
+
b("ui-gaveta", U);
|
|
176
|
+
const Y = ':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)}}', q = {
|
|
177
177
|
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>',
|
|
178
178
|
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>',
|
|
179
179
|
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>',
|
|
180
180
|
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>'
|
|
181
181
|
};
|
|
182
|
-
class
|
|
182
|
+
class L extends v {
|
|
183
183
|
constructor() {
|
|
184
184
|
super();
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
185
|
+
o(this, "alertaElement");
|
|
186
|
+
o(this, "iconeElement");
|
|
187
|
+
o(this, "tituloElement");
|
|
188
|
+
o(this, "mensagemElement");
|
|
189
|
+
o(this, "mensagemTextoElement");
|
|
190
|
+
o(this, "closeElement");
|
|
191
|
+
o(this, "acoesElement");
|
|
192
|
+
o(this, "botaoAcaoElement");
|
|
193
|
+
o(this, "progressoContainer");
|
|
194
|
+
o(this, "progressoBarra");
|
|
195
|
+
o(this, "listeners", new _());
|
|
196
196
|
const t = this.attachShadow({ mode: "open" });
|
|
197
197
|
t.innerHTML = `
|
|
198
|
-
<style>${
|
|
198
|
+
<style>${Y}</style>
|
|
199
199
|
<div class="ui-alerta" part="base" role="alert">
|
|
200
200
|
<span class="ui-alerta__icone" part="icone"></span>
|
|
201
201
|
<div class="ui-alerta__conteudo" part="conteudo">
|
|
@@ -245,42 +245,42 @@ class S extends g {
|
|
|
245
245
|
), this.remove();
|
|
246
246
|
}
|
|
247
247
|
syncState() {
|
|
248
|
-
const t = this.getAttribute("tipo") || this.getAttribute("variante") || this.getAttribute("variant") || "info", i = this.getAttribute("titulo") || this.getAttribute("title"), e = this.getAttribute("mensagem"),
|
|
248
|
+
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");
|
|
249
249
|
this.alertaElement.className = `ui-alerta ui-alerta--${t}`;
|
|
250
|
-
const
|
|
251
|
-
this.iconeElement.innerHTML =
|
|
250
|
+
const n = q[t] || q.info;
|
|
251
|
+
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";
|
|
252
252
|
}
|
|
253
253
|
}
|
|
254
|
-
|
|
255
|
-
class
|
|
254
|
+
b("ui-alerta", L);
|
|
255
|
+
class y extends L {
|
|
256
256
|
constructor() {
|
|
257
257
|
super(...arguments);
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
var i, e,
|
|
258
|
+
o(this, "timerId", null);
|
|
259
|
+
o(this, "tempoRestante", 4e3);
|
|
260
|
+
o(this, "inicioTimestamp", 0);
|
|
261
|
+
o(this, "isPausado", !1);
|
|
262
|
+
o(this, "acaoConfig");
|
|
263
|
+
o(this, "containerRef", null);
|
|
264
|
+
o(this, "handleAcaoClick", (t) => {
|
|
265
|
+
var i, e, a;
|
|
266
266
|
t.stopPropagation(), (i = this.acaoConfig) != null && i.onClick && this.acaoConfig.onClick(t), this.dispatchEvent(
|
|
267
267
|
new CustomEvent("ui-toast-acao", {
|
|
268
268
|
detail: {
|
|
269
269
|
rotulo: (e = this.acaoConfig) == null ? void 0 : e.rotulo,
|
|
270
|
-
tipo: (
|
|
270
|
+
tipo: (a = this.acaoConfig) == null ? void 0 : a.tipo
|
|
271
271
|
},
|
|
272
272
|
bubbles: !0,
|
|
273
273
|
composed: !0
|
|
274
274
|
})
|
|
275
275
|
), this.fechar();
|
|
276
276
|
});
|
|
277
|
-
|
|
277
|
+
o(this, "pausarTimer", () => {
|
|
278
278
|
if (this.isPausado || this.tempoRestante <= 0) return;
|
|
279
279
|
this.isPausado = !0, this.timerId && (clearTimeout(this.timerId), this.timerId = null);
|
|
280
280
|
const t = Date.now() - this.inicioTimestamp;
|
|
281
281
|
this.tempoRestante = Math.max(0, this.tempoRestante - t), this.progressoBarra.style.animationPlayState = "paused";
|
|
282
282
|
});
|
|
283
|
-
|
|
283
|
+
o(this, "retomarTimer", () => {
|
|
284
284
|
!this.isPausado || this.tempoRestante <= 0 || (this.isPausado = !1, this.progressoBarra.style.animationPlayState = "running", this.iniciarTimer(Math.max(this.tempoRestante, 300)));
|
|
285
285
|
});
|
|
286
286
|
}
|
|
@@ -315,62 +315,114 @@ class x extends S {
|
|
|
315
315
|
static notificar(t) {
|
|
316
316
|
if (typeof document > "u") return null;
|
|
317
317
|
const i = t.posicao || "bottom-right", e = document.createElement("ui-toast");
|
|
318
|
-
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),
|
|
318
|
+
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), y.obterContainer(i).appendChild(e), e;
|
|
319
319
|
}
|
|
320
320
|
}
|
|
321
|
-
|
|
322
|
-
function
|
|
323
|
-
|
|
324
|
-
|
|
321
|
+
b("ui-toast", y);
|
|
322
|
+
function X() {
|
|
323
|
+
$.registrarProvedorToast((r) => {
|
|
324
|
+
y.notificar(r);
|
|
325
325
|
});
|
|
326
326
|
}
|
|
327
|
-
|
|
328
|
-
const
|
|
329
|
-
|
|
327
|
+
X();
|
|
328
|
+
const Q = ":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)}}", x = 8, N = 8, T = {
|
|
329
|
+
topo: "topo",
|
|
330
|
+
top: "topo",
|
|
331
|
+
baixo: "baixo",
|
|
332
|
+
bottom: "baixo",
|
|
333
|
+
esquerda: "esquerda",
|
|
334
|
+
left: "esquerda",
|
|
335
|
+
direita: "direita",
|
|
336
|
+
right: "direita"
|
|
337
|
+
};
|
|
338
|
+
function z(r) {
|
|
339
|
+
const s = (r ?? "").trim().toLowerCase();
|
|
340
|
+
return Object.prototype.hasOwnProperty.call(T, s) ? T[s] : "topo";
|
|
341
|
+
}
|
|
342
|
+
const p = (r) => Number.isFinite(r) ? r : 0;
|
|
343
|
+
function W(r, s, t, i) {
|
|
344
|
+
const e = p(s.width), a = p(s.height), n = p(r.left) + p(r.width) / 2, l = p(r.top) + p(r.height) / 2;
|
|
345
|
+
let c = 0, d = 0;
|
|
346
|
+
t === "topo" ? (c = p(r.top) - a - x, d = n - e / 2) : t === "baixo" ? (c = p(r.bottom) + x, d = n - e / 2) : t === "esquerda" ? (c = l - a / 2, d = p(r.left) - e - x) : (c = l - a / 2, d = p(r.right) + x);
|
|
347
|
+
const u = (m, h, f) => Math.max(N, Math.min(m, p(f) - h - N));
|
|
348
|
+
return {
|
|
349
|
+
top: Math.round(u(c, a, i.altura)),
|
|
350
|
+
left: Math.round(u(d, e, i.largura))
|
|
351
|
+
};
|
|
352
|
+
}
|
|
353
|
+
function D(r) {
|
|
354
|
+
return r instanceof DOMException && r.name === "InvalidStateError";
|
|
355
|
+
}
|
|
356
|
+
function K(r) {
|
|
357
|
+
const s = r;
|
|
358
|
+
if (typeof s.showPopover == "function")
|
|
359
|
+
try {
|
|
360
|
+
s.showPopover();
|
|
361
|
+
} catch (t) {
|
|
362
|
+
D(t) || console.warn("[ui-tooltip] Não foi possível abrir o balão como popover:", t);
|
|
363
|
+
}
|
|
364
|
+
}
|
|
365
|
+
function V(r) {
|
|
366
|
+
const s = r;
|
|
367
|
+
if (typeof s.hidePopover == "function")
|
|
368
|
+
try {
|
|
369
|
+
s.hidePopover();
|
|
370
|
+
} catch (t) {
|
|
371
|
+
D(t) || console.warn("[ui-tooltip] Não foi possível fechar o balão como popover:", t);
|
|
372
|
+
}
|
|
373
|
+
}
|
|
374
|
+
const J = 120;
|
|
375
|
+
class P extends v {
|
|
330
376
|
constructor() {
|
|
331
377
|
super();
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
378
|
+
o(this, "containerElement");
|
|
379
|
+
o(this, "bubbleElement");
|
|
380
|
+
/** Ouvintes do host: valem enquanto o elemento está conectado. */
|
|
381
|
+
o(this, "ouvintesHost", new _());
|
|
382
|
+
/** Ouvintes globais (documento/janela): valem só enquanto o balão está aberto. */
|
|
383
|
+
o(this, "ouvintesAberto", new _());
|
|
384
|
+
o(this, "_timerOcultar", null);
|
|
385
|
+
o(this, "_quadro", null);
|
|
336
386
|
/** Gatilho que recebeu `aria-description` deste tooltip (para remover depois). */
|
|
337
|
-
|
|
338
|
-
|
|
387
|
+
o(this, "_gatilhoDescrito", null);
|
|
388
|
+
o(this, "posicionarBubble", () => {
|
|
339
389
|
if (!this.aberto) return;
|
|
340
|
-
const t =
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
390
|
+
const t = z(this.getAttribute("posicao") || this.getAttribute("position")), { top: i, left: e } = W(
|
|
391
|
+
this.getBoundingClientRect(),
|
|
392
|
+
this.bubbleElement.getBoundingClientRect(),
|
|
393
|
+
t,
|
|
394
|
+
{ largura: window.innerWidth, altura: window.innerHeight }
|
|
395
|
+
);
|
|
396
|
+
this.bubbleElement.style.top = `${i}px`, this.bubbleElement.style.left = `${e}px`;
|
|
346
397
|
});
|
|
347
|
-
|
|
348
|
-
const t = this.
|
|
398
|
+
o(this, "handleMouseEnter", () => {
|
|
399
|
+
const t = this.lerGatilho();
|
|
349
400
|
(t === "hover" || t === "passar-mouse") && (this.cancelarOcultar(), this.mostrar());
|
|
350
401
|
});
|
|
351
|
-
|
|
352
|
-
const t = this.
|
|
402
|
+
o(this, "handleMouseLeave", () => {
|
|
403
|
+
const t = this.lerGatilho();
|
|
353
404
|
(t === "hover" || t === "passar-mouse") && (this.cancelarOcultar(), this._timerOcultar = setTimeout(() => {
|
|
354
405
|
this._timerOcultar = null, this.ocultar();
|
|
355
|
-
},
|
|
406
|
+
}, J));
|
|
356
407
|
});
|
|
357
408
|
/**
|
|
358
409
|
* Escape fecha o tooltip sem mover o foco (WCAG 1.4.13). Ouvido na captura e interrompido,
|
|
359
410
|
* para que dentro de um modal o primeiro Escape feche só o tooltip.
|
|
360
411
|
*/
|
|
361
|
-
|
|
412
|
+
o(this, "handleEscape", (t) => {
|
|
362
413
|
t.key !== "Escape" || !this.aberto || (t.stopPropagation(), this.cancelarOcultar(), this.ocultar());
|
|
363
414
|
});
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
415
|
+
/** O clique do gatilho continua chegando aos ancestrais: o "clicar fora" já ignora cliques dentro do host. */
|
|
416
|
+
o(this, "handleClick", () => {
|
|
417
|
+
const t = typeof window.matchMedia == "function" && window.matchMedia("(pointer: coarse)").matches, i = this.lerGatilho();
|
|
418
|
+
(i === "clique" || i === "click" || t) && (this.aberto = !this.aberto);
|
|
367
419
|
});
|
|
368
|
-
|
|
420
|
+
o(this, "handleClickOutside", (t) => {
|
|
369
421
|
t.composedPath().includes(this) || this.ocultar();
|
|
370
422
|
});
|
|
371
423
|
const t = this.attachShadow({ mode: "open" });
|
|
372
424
|
t.innerHTML = `
|
|
373
|
-
<style>${
|
|
425
|
+
<style>${Q}</style>
|
|
374
426
|
<div class="ui-tooltip ui-tooltip--topo">
|
|
375
427
|
<slot></slot>
|
|
376
428
|
<div class="ui-tooltip__bubble" part="balao" role="tooltip" popover="manual">
|
|
@@ -395,10 +447,10 @@ class L extends g {
|
|
|
395
447
|
];
|
|
396
448
|
}
|
|
397
449
|
connectedCallback() {
|
|
398
|
-
this.
|
|
450
|
+
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();
|
|
399
451
|
}
|
|
400
452
|
disconnectedCallback() {
|
|
401
|
-
this.
|
|
453
|
+
this.ouvintesHost.cleanup(), this.ouvintesAberto.cleanup(), this.cancelarOcultar(), this.cancelarQuadro(), this.removerDescricao(), this.ocultar();
|
|
402
454
|
}
|
|
403
455
|
attributeChangedCallback(t, i, e) {
|
|
404
456
|
this.syncState();
|
|
@@ -421,27 +473,24 @@ class L extends g {
|
|
|
421
473
|
ocultar() {
|
|
422
474
|
this.aberto = !1;
|
|
423
475
|
}
|
|
476
|
+
lerGatilho() {
|
|
477
|
+
return this.getAttribute("gatilho") || this.getAttribute("trigger") || "hover";
|
|
478
|
+
}
|
|
479
|
+
cancelarQuadro() {
|
|
480
|
+
this._quadro !== null && (cancelAnimationFrame(this._quadro), this._quadro = null);
|
|
481
|
+
}
|
|
424
482
|
syncState() {
|
|
425
|
-
var
|
|
426
|
-
const t = this.aberto, i = this.getAttribute("posicao") || this.getAttribute("position")
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
}), this._posicionamentoAtivo || (this._posicionamentoAtivo = !0, window.addEventListener("scroll", this.posicionarBubble, { capture: !0, passive: !0 }), window.addEventListener("resize", this.posicionarBubble, { passive: !0 }));
|
|
437
|
-
} else {
|
|
438
|
-
if (document.removeEventListener("click", this.handleClickOutside), document.removeEventListener("keydown", this.handleEscape, !0), typeof this.bubbleElement.hidePopover == "function")
|
|
439
|
-
try {
|
|
440
|
-
this.bubbleElement.hidePopover();
|
|
441
|
-
} catch {
|
|
442
|
-
}
|
|
443
|
-
this.containerElement.classList.remove("ui-tooltip--visivel"), this._posicionamentoAtivo && (this._posicionamentoAtivo = !1, window.removeEventListener("scroll", this.posicionarBubble, { capture: !0 }), window.removeEventListener("resize", this.posicionarBubble));
|
|
444
|
-
}
|
|
483
|
+
var n;
|
|
484
|
+
const t = this.aberto && !this.disabled, i = z(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");
|
|
485
|
+
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();
|
|
486
|
+
}
|
|
487
|
+
abrirBalao() {
|
|
488
|
+
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 })), K(this.bubbleElement), this.containerElement.classList.add("ui-tooltip--visivel"), this.cancelarQuadro(), this._quadro = requestAnimationFrame(() => {
|
|
489
|
+
this._quadro = null, this.posicionarBubble();
|
|
490
|
+
});
|
|
491
|
+
}
|
|
492
|
+
fecharBalao() {
|
|
493
|
+
this.ouvintesAberto.cleanup(), this.cancelarQuadro(), V(this.bubbleElement), this.containerElement.classList.remove("ui-tooltip--visivel");
|
|
445
494
|
}
|
|
446
495
|
cancelarOcultar() {
|
|
447
496
|
this._timerOcultar && (clearTimeout(this._timerOcultar), this._timerOcultar = null);
|
|
@@ -451,12 +500,12 @@ class L extends g {
|
|
|
451
500
|
* O texto é exposto como `aria-description` no gatilho, sem sobrescrever uma descrição do consumidor.
|
|
452
501
|
*/
|
|
453
502
|
sincronizarDescricao() {
|
|
454
|
-
var
|
|
503
|
+
var a;
|
|
455
504
|
if (!this.isConnected) {
|
|
456
505
|
this.removerDescricao();
|
|
457
506
|
return;
|
|
458
507
|
}
|
|
459
|
-
const t = Array.from(this.children).find((
|
|
508
|
+
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();
|
|
460
509
|
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());
|
|
461
510
|
}
|
|
462
511
|
removerDescricao() {
|
|
@@ -464,19 +513,23 @@ class L extends g {
|
|
|
464
513
|
(t = this._gatilhoDescrito) == null || t.removeAttribute("aria-description"), this._gatilhoDescrito = null;
|
|
465
514
|
}
|
|
466
515
|
}
|
|
467
|
-
class
|
|
516
|
+
class Z extends P {
|
|
468
517
|
}
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
const
|
|
472
|
-
class
|
|
518
|
+
b("ui-tooltip", P);
|
|
519
|
+
b("ui-popover", Z);
|
|
520
|
+
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;
|
|
521
|
+
class R extends v {
|
|
473
522
|
constructor() {
|
|
474
523
|
super();
|
|
475
|
-
|
|
524
|
+
o(this, "rootElement");
|
|
525
|
+
/** O que este componente escreveu em aria-hidden / role (para não sobrescrever o consumidor). */
|
|
526
|
+
o(this, "_ocultoAuto", !1);
|
|
527
|
+
o(this, "_papelAuto", !1);
|
|
528
|
+
o(this, "_sincronizando", !1);
|
|
476
529
|
const t = this.attachShadow({ mode: "open" });
|
|
477
530
|
t.innerHTML = `
|
|
478
|
-
<style>${
|
|
479
|
-
<div class="ui-skeleton-container"
|
|
531
|
+
<style>${tt}</style>
|
|
532
|
+
<div class="ui-skeleton-container"></div>
|
|
480
533
|
`, this.rootElement = t.querySelector(".ui-skeleton-container");
|
|
481
534
|
}
|
|
482
535
|
static get observedAttributes() {
|
|
@@ -493,14 +546,24 @@ class T extends g {
|
|
|
493
546
|
"lines",
|
|
494
547
|
"count",
|
|
495
548
|
"animado",
|
|
496
|
-
"animated"
|
|
549
|
+
"animated",
|
|
550
|
+
"aria-label"
|
|
497
551
|
];
|
|
498
552
|
}
|
|
499
553
|
connectedCallback() {
|
|
500
|
-
this.
|
|
554
|
+
this.sincronizarAcessibilidade(), this.syncState();
|
|
501
555
|
}
|
|
502
556
|
attributeChangedCallback(t, i, e) {
|
|
503
|
-
this.syncState();
|
|
557
|
+
this._sincronizando || (this.sincronizarAcessibilidade(), this.syncState());
|
|
558
|
+
}
|
|
559
|
+
/**
|
|
560
|
+
* Decorativo por padrão (`aria-hidden`). Com `aria-label` vira uma região de status anunciável
|
|
561
|
+
* ("Carregando tabela"). O que o consumidor definiu em aria-hidden/role é preservado.
|
|
562
|
+
*/
|
|
563
|
+
sincronizarAcessibilidade() {
|
|
564
|
+
this._sincronizando = !0;
|
|
565
|
+
const t = !!this.getAttribute("aria-label"), i = this.hasAttribute("aria-hidden") && !this._ocultoAuto;
|
|
566
|
+
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;
|
|
504
567
|
}
|
|
505
568
|
get variante() {
|
|
506
569
|
const t = (this.getAttribute("variante") || this.getAttribute("variant") || "texto").toLowerCase();
|
|
@@ -518,68 +581,68 @@ class T extends g {
|
|
|
518
581
|
}
|
|
519
582
|
get linhas() {
|
|
520
583
|
const t = parseInt(this.getAttribute("linhas") || this.getAttribute("lines") || this.getAttribute("count") || "1", 10);
|
|
521
|
-
return isNaN(t) || t < 1 ? 1 : t;
|
|
584
|
+
return isNaN(t) || t < 1 ? 1 : Math.min(t, et);
|
|
522
585
|
}
|
|
523
586
|
set linhas(t) {
|
|
524
587
|
this.setAttribute("linhas", String(t));
|
|
525
588
|
}
|
|
526
589
|
syncState() {
|
|
527
|
-
const t = this.variante, i = this.animado, e = this.getAttribute("largura") || this.getAttribute("width"),
|
|
590
|
+
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;
|
|
528
591
|
this.rootElement.innerHTML = "";
|
|
529
592
|
const c = i === "pulso" ? "ui-skeleton--pulso" : i === "nenhum" ? "ui-skeleton--estatico" : "";
|
|
530
593
|
if (t === "card") {
|
|
531
594
|
const u = document.createElement("div");
|
|
532
595
|
u.className = "ui-skeleton ui-skeleton--card";
|
|
533
|
-
const
|
|
534
|
-
|
|
535
|
-
const
|
|
536
|
-
|
|
596
|
+
const m = document.createElement("div");
|
|
597
|
+
m.className = `ui-skeleton ui-skeleton__card-media ${c}`;
|
|
598
|
+
const h = document.createElement("div");
|
|
599
|
+
h.className = "ui-skeleton__card-header";
|
|
537
600
|
const f = document.createElement("div");
|
|
538
601
|
f.className = `ui-skeleton ui-skeleton__card-avatar ${c}`;
|
|
602
|
+
const E = document.createElement("div");
|
|
603
|
+
E.className = `ui-skeleton ui-skeleton__card-title ${c}`, h.appendChild(f), h.appendChild(E);
|
|
539
604
|
const w = document.createElement("div");
|
|
540
|
-
w.className =
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
const E = document.createElement("div");
|
|
545
|
-
E.className = `ui-skeleton ui-skeleton--texto ${c}`, v.appendChild(E);
|
|
605
|
+
w.className = "ui-skeleton__linhas";
|
|
606
|
+
for (let C = 0; C < 2; C++) {
|
|
607
|
+
const S = document.createElement("div");
|
|
608
|
+
S.className = `ui-skeleton ui-skeleton--texto ${c}`, w.appendChild(S);
|
|
546
609
|
}
|
|
547
|
-
u.appendChild(
|
|
610
|
+
u.appendChild(m), u.appendChild(h), u.appendChild(w), this.rootElement.appendChild(u);
|
|
548
611
|
return;
|
|
549
612
|
}
|
|
550
|
-
if (
|
|
613
|
+
if (l > 1 && t === "texto") {
|
|
551
614
|
const u = document.createElement("div");
|
|
552
615
|
u.className = "ui-skeleton__linhas";
|
|
553
|
-
for (let
|
|
554
|
-
const
|
|
555
|
-
|
|
616
|
+
for (let m = 0; m < l; m++) {
|
|
617
|
+
const h = document.createElement("div");
|
|
618
|
+
h.className = `ui-skeleton ui-skeleton--texto ${c}`, a && (h.style.height = isNaN(Number(a)) ? a : `${a}px`), n && (h.style.borderRadius = isNaN(Number(n)) ? n : `${n}px`), u.appendChild(h);
|
|
556
619
|
}
|
|
557
620
|
e && (u.style.width = isNaN(Number(e)) ? e : `${e}px`), this.rootElement.appendChild(u);
|
|
558
621
|
return;
|
|
559
622
|
}
|
|
560
|
-
const
|
|
561
|
-
|
|
623
|
+
const d = document.createElement("div");
|
|
624
|
+
d.className = `ui-skeleton ui-skeleton--${t} ${c}`.trim(), e && (d.style.width = isNaN(Number(e)) ? e : `${e}px`), a && (d.style.height = isNaN(Number(a)) ? a : `${a}px`), n && (d.style.borderRadius = isNaN(Number(n)) ? n : `${n}px`), this.rootElement.appendChild(d);
|
|
562
625
|
}
|
|
563
626
|
}
|
|
564
|
-
class
|
|
627
|
+
class it extends R {
|
|
565
628
|
}
|
|
566
|
-
|
|
567
|
-
|
|
629
|
+
b("ui-skeleton", R);
|
|
630
|
+
b("ui-esqueleto", it);
|
|
568
631
|
export {
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
632
|
+
q as I,
|
|
633
|
+
L as U,
|
|
634
|
+
g as a,
|
|
635
|
+
it as b,
|
|
636
|
+
U as c,
|
|
637
|
+
G as d,
|
|
638
|
+
Z as e,
|
|
639
|
+
j as f,
|
|
640
|
+
R as g,
|
|
641
|
+
y as h,
|
|
642
|
+
P as i,
|
|
643
|
+
F as j,
|
|
644
|
+
H as k,
|
|
645
|
+
O as l,
|
|
646
|
+
A as o,
|
|
647
|
+
X as r
|
|
585
648
|
};
|