@thibezer/ui-components-kit 2.6.0 → 2.7.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 +73 -0
- package/README.md +2 -2
- package/dist/acessibilidade-CSzX-DkG.cjs +1 -0
- package/dist/acessibilidade-CUlSXc2X.js +38 -0
- package/dist/camadas.cjs +94 -94
- package/dist/camadas.js +1218 -1124
- package/dist/campo-texto.cjs +1 -1
- package/dist/campo-texto.js +1 -1
- package/dist/canvas.cjs +66 -65
- package/dist/canvas.js +3769 -3389
- package/dist/card.cjs +1 -1
- package/dist/card.js +1 -1
- package/dist/components/ui-alerta/ui-toast.d.ts +4 -15
- 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/paleta-atalhos.d.ts +16 -0
- package/dist/components/ui-barra-ferramentas/paleta-pressao-longa.d.ts +24 -0
- package/dist/components/ui-barra-ferramentas/ribbon-render.d.ts +14 -0
- package/dist/components/ui-barra-ferramentas/ribbon-teclado.d.ts +17 -0
- package/dist/components/ui-barra-ferramentas/ui-paleta-ferramentas.d.ts +1 -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-lembranca.d.ts +34 -0
- package/dist/components/ui-camadas/camadas-render.d.ts +14 -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-thumb.d.ts +1 -0
- package/dist/components/ui-camadas/ui-camadas.d.ts +3 -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 +24 -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 +26 -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 +4 -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-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/opcoes.d.ts +9 -0
- package/dist/core/rotulo-controle.d.ts +13 -0
- package/dist/core/tipos-toast.d.ts +16 -0
- package/dist/core/ui-bus.d.ts +9 -1
- package/dist/core.cjs +1 -1
- package/dist/core.js +12 -11
- package/dist/cores.cjs +1 -1
- package/dist/cores.js +1 -1
- package/dist/custom-elements.json +19799 -14940
- package/dist/data.cjs +1 -1
- package/dist/data.js +2 -2
- package/dist/feedback.cjs +1 -1
- package/dist/feedback.js +21 -21
- 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/index.cjs +1 -1
- package/dist/index.js +46 -46
- 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/opcoes-CJYLi6kd.js +12 -0
- package/dist/opcoes-CkyDxBuQ.cjs +1 -0
- package/dist/register.cjs +1 -1
- package/dist/register.js +13 -14
- package/dist/tabela.cjs +1 -1
- package/dist/tabela.js +1 -1
- package/dist/tipos-elementos.d.ts +9 -3
- package/dist/tipos-vue.d.ts +9 -3
- package/dist/tools.cjs +1 -1
- package/dist/tools.js +1 -1
- package/dist/ui-badge-ChiiiO1r.js +197 -0
- package/dist/ui-badge-DUCxyAG6.cjs +28 -0
- package/dist/{zero-js-triggers-C_KrvFOQ.js → ui-bus-CUd99VJi.js} +36 -103
- package/dist/ui-bus-XqBLlTYQ.cjs +1 -0
- package/dist/ui-campo-texto-CHTfMO-H.cjs +16 -0
- package/dist/ui-campo-texto-gum_jDdI.js +380 -0
- package/dist/ui-card-BNYCQ7g-.js +119 -0
- 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-modal-BkYvNP0G.js +214 -0
- package/dist/ui-modal-CUNbpbZ1.cjs +18 -0
- package/dist/ui-paleta-ferramentas-Ksh6gMW3.js +890 -0
- package/dist/ui-paleta-ferramentas-bDLPbiGA.cjs +21 -0
- package/dist/ui-segmented-BOaGRQw4.cjs +19 -0
- package/dist/ui-segmented-kbO1BLVs.js +439 -0
- package/dist/ui-skeleton-B2Rgrv8o.js +648 -0
- package/dist/ui-skeleton-BilwGdOm.js +634 -0
- package/dist/ui-skeleton-DiOxTBZK.cjs +52 -0
- package/dist/ui-skeleton-SPYqku8P.cjs +52 -0
- package/dist/ui-skeleton-W9uwIceA.js +585 -0
- package/dist/ui-skeleton-gZrJipCC.cjs +52 -0
- package/dist/ui-switch-BX6U5Ykm.cjs +53 -0
- package/dist/ui-switch-DO5jR0hy.js +915 -0
- package/dist/ui-tabela-propriedades-D9Echt2X.js +2667 -0
- package/dist/ui-tabela-propriedades-DzZlyNZ_.cjs +141 -0
- package/dist/zero-js-triggers-CJT988bR.js +83 -0
- package/dist/zero-js-triggers-CgM9IIQB.cjs +1 -0
- package/package.json +10 -3
- package/dist/ui-botao-OGJV6Vfk.js +0 -165
- package/dist/ui-botao-psS1juof.cjs +0 -12
- package/dist/ui-paleta-ferramentas-CEZYcN4J.js +0 -624
- package/dist/ui-paleta-ferramentas-Dbj1kBS9.cjs +0 -18
- package/dist/ui-skeleton-DI4_9WOX.js +0 -428
- package/dist/ui-skeleton-elhKIh2B.cjs +0 -33
- package/dist/ui-tabela-propriedades-BBr5sqki.cjs +0 -145
- package/dist/ui-tabela-propriedades-Boy7I5yW.js +0 -2412
- package/dist/ui-toast-Bp_NlM5G.js +0 -156
- package/dist/ui-toast-DGTZKne5.cjs +0 -20
- package/dist/zero-js-triggers-C_gtaojZ.cjs +0 -1
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";var H=Object.defineProperty;var q=(o,l,e)=>l in o?H(o,l,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[l]=e;var c=(o,l,e)=>q(o,typeof l!="symbol"?l+"":l,e);const k=require("./listener-bag-D5omxZ9h.cjs"),y=require("./ssr-safe-CiHD1adl.cjs"),F=require("./svg-seguro-C76iLlAZ.cjs"),$=':host{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1;color:inherit;flex-shrink:0;width:var(--ui-tamanho-icone, 20px);height:var(--ui-tamanho-icone, 20px);box-sizing:border-box}.ui-icone{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit;font-size:var(--ui-tamanho-icone, 20px)}::slotted(svg),.ui-icone svg{width:100%!important;height:100%!important;display:block;shape-rendering:geometricPrecision}:host([cor="primaria"]),:host([color="primaria"]){color:var(--ui-cor-primaria, #00E08A)}:host([cor="secundaria"]),:host([color="secundaria"]){color:var(--ui-cor-texto-secundario, #888899)}:host([cor="erro"]),:host([color="erro"]){color:var(--ui-cor-texto-erro, #ff5555)}:host([cor="sucesso"]),:host([color="sucesso"]){color:var(--ui-cor-texto-sucesso, #00E08A)}:host([cor="alerta"]),:host([color="alerta"]){color:var(--ui-cor-texto-alerta, #ffb86c)}',M={search:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>',check:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>',eye:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>',eyeOff:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>',lock:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>',trash:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>',gear:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>',bell:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>',alert:'<svg viewBox="0 0 24 24" 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="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>',close:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>'};class S extends y.SafeHTMLElement{constructor(){super();c(this,"iconContainer");c(this,"svgContainer");c(this,"slotElement");c(this,"handleSlotChange",()=>{this.syncState()});const e=this.attachShadow({mode:"open"});e.innerHTML=`
|
|
2
|
-
<style>${$}</style>
|
|
3
|
-
<span class="ui-icone" aria-hidden="true">
|
|
4
|
-
<span class="ui-icone__svg" style="display: none;"></span>
|
|
5
|
-
<slot></slot>
|
|
6
|
-
</span>
|
|
7
|
-
`,this.iconContainer=e.querySelector(".ui-icone"),this.svgContainer=e.querySelector(".ui-icone__svg"),this.slotElement=e.querySelector("slot")}static get observedAttributes(){return["tamanho","size","cor","color","nome","name"]}connectedCallback(){this.slotElement.addEventListener("slotchange",this.handleSlotChange),this.syncState()}disconnectedCallback(){this.slotElement.removeEventListener("slotchange",this.handleSlotChange)}attributeChangedCallback(e,t,i){this.syncState()}resolveTamanhoPx(){const e=this.getAttribute("tamanho")||this.getAttribute("size")||"md";switch(e.toLowerCase()){case"sm":return"16px";case"md":return"20px";case"lg":return"24px";case"xl":return"32px";default:return isNaN(Number(e))?e:`${e}px`}}syncState(){const e=this.resolveTamanhoPx();this.style.setProperty("--ui-tamanho-icone",e);const t=this.getAttribute("cor")||this.getAttribute("color");t?(this.style.setProperty("--ui-cor-icone",t),this.iconContainer.style.color=t):(this.style.removeProperty("--ui-cor-icone"),this.iconContainer.style.color=""),this.hasAttribute("aria-label")||this.hasAttribute("label")?this.iconContainer.removeAttribute("aria-hidden"):this.iconContainer.setAttribute("aria-hidden","true");const r=this.getAttribute("nome")||this.getAttribute("name"),n=this.slotElement.assignedNodes().length>0;r&&M[r]&&!n?(this.svgContainer.innerHTML=M[r],this.svgContainer.style.display="inline-flex"):(this.svgContainer.innerHTML="",this.svgContainer.style.display="none")}}y.definirCustomElement("ui-icone",S);const R=':host{display:block;position:relative;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif);color:var(--ui-cor-texto, #e1e1e6)}.ui-ribbon{display:flex;flex-direction:column;background:var(--ui-cor-superficie, #141417);border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));-webkit-user-select:none;user-select:none}.ui-ribbon__abas{display:flex;align-items:flex-end;gap:2px;height:30px;padding:0 8px;box-sizing:border-box;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ribbon__abas::-webkit-scrollbar{display:none}.ui-ribbon__aba{position:relative;flex-shrink:0;height:28px;padding:0 14px;border:0;border-radius:6px 6px 0 0;background:transparent;color:var(--ui-cor-texto-secundario, #888899);font:inherit;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}.ui-ribbon__aba:hover{color:var(--ui-cor-texto, #e1e1e6)}.ui-ribbon__aba:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ui-cor-primaria, #00E08A)}.ui-ribbon__aba--ativa{color:var(--ui-cor-texto, #e1e1e6);background:var(--ui-cor-fundo-elevado, #1a1a1e)}.ui-ribbon__aba--ativa:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--ui-cor-primaria, #00E08A)}.ui-ribbon__aba--contextual{color:var(--ui-cor-primaria, #00E08A)}.ui-ribbon__painel{background:var(--ui-cor-fundo-elevado, #1a1a1e);overflow-x:auto}.ui-ribbon__grupos{display:flex;align-items:stretch;min-height:84px;padding:4px 8px;box-sizing:border-box}.ui-ribbon__grupo{display:flex;flex-direction:column;flex-shrink:0;padding:0 8px;border-right:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ribbon__grupo:last-child{border-right:0}.ui-ribbon__grupo-itens{display:flex;flex:1;align-items:stretch;gap:2px}.ui-ribbon__grupo-rotulo{padding-top:2px;color:var(--ui-cor-texto-secundario, #888899);font-size:11px;text-align:center;white-space:nowrap}.ui-ribbon__coluna{display:flex;flex-direction:column;justify-content:center;gap:1px}.ui-ribbon__separador{width:1px;margin:4px 3px;background:var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ferr-btn--grande{flex-direction:column;min-width:52px;padding:4px 6px;gap:3px}.ui-ferr-btn--pequeno{height:22px;padding:0 6px;justify-content:flex-start}.ui-ferr-btn--pequeno.ui-ferr-btn--so-icone{width:24px;padding:0;justify-content:center}:host([recolhido]) .ui-ribbon__painel{display:none;position:absolute;top:100%;left:0;right:0;z-index:var(--ui-z-docked-bar, 600);border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));box-shadow:var(--ui-sombra-lg, 0 8px 24px rgba(0, 0, 0, .35))}:host([recolhido]) .ui-ribbon--aberto .ui-ribbon__painel{display:block}:host([recolhido]) .ui-ribbon__aba--ativa:after{display:none}:host([compacto]) .ui-ribbon__grupos{min-height:64px}:host([compacto]) .ui-ferr-btn--grande{min-width:44px}',L='.ui-ferr-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;padding:0;border:1px solid transparent;border-radius:var(--ui-raio-borda, 6px);background:transparent;color:var(--ui-cor-texto, #e1e1e6);font-family:var(--ui-fonte-base, "Inter", sans-serif);font-size:12px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.ui-ferr-btn:hover:not(:disabled){background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ferr-btn:active:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 14%,transparent)}.ui-ferr-btn: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-ferr-btn:disabled{opacity:.4;cursor:not-allowed}.ui-ferr-btn--ativo{background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 18%,transparent);border-color:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 55%,transparent)}.ui-ferr-btn__icone{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ui-ferr-btn__rotulo{white-space:nowrap}.ui-ferr-btn__caret{width:0;height:0;flex-shrink:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid currentColor;opacity:.7}.ui-ferr-menu{position:fixed;z-index:var(--ui-z-popover, 1050);display:flex;flex-direction:column;gap:1px;min-width:180px;padding:4px;box-sizing:border-box;background:var(--ui-cor-fundo-menu, #18181c);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));border-radius:var(--ui-raio-borda, 6px);box-shadow:var(--ui-sombra-lg, 0 8px 24px rgba(0, 0, 0, .35));font-family:var(--ui-fonte-base, "Inter", sans-serif);color:var(--ui-cor-texto, #e1e1e6)}.ui-ferr-menu__item{display:flex;align-items:center;gap:8px;width:100%;height:28px;padding:0 8px;box-sizing:border-box;border:0;border-radius:var(--ui-raio-sm, 4px);background:transparent;color:inherit;font:inherit;font-size:12px;text-align:left;cursor:pointer}.ui-ferr-menu__item:hover:not(:disabled),.ui-ferr-menu__item:focus-visible{outline:none;background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ferr-menu__item:disabled{opacity:.4;cursor:not-allowed}.ui-ferr-menu__item--ativo{color:var(--ui-cor-primaria, #00E08A)}.ui-ferr-menu__icone{display:inline-flex;width:16px;justify-content:center}.ui-ferr-menu__rotulo{flex:1}.ui-ferr-menu__atalho{color:var(--ui-cor-texto-secundario, #888899);font-size:11px}.ui-ferr-menu__sep{height:1px;margin:3px 2px;background:var(--ui-cor-borda, rgba(255, 255, 255, .12))}';function P(o,l){if(!o)return null;const e=document.createElement("ui-icone");if(e.setAttribute("tamanho",String(l)),o.trimStart().startsWith("<")){const t=F.higienizarSvg(o);if(!t)return null;e.appendChild(t)}else e.setAttribute("nome",o);return e}function V(o){const l=o.rotulo||o.id;return o.atalho?`${l} (${o.atalho})`:l}function E(o,l){o.disabled=!!l.disabled;const e=l.tipo,t=e==="toggle"||e==="ferramenta";t?o.setAttribute("aria-pressed",String(!!l.ativo)):o.removeAttribute("aria-pressed"),o.classList.toggle("ui-ferr-btn--ativo",t&&!!l.ativo)}function I(o,l,e){var a;const t=document.createElement("button");t.type="button",t.className=`ui-ferr-btn ui-ferr-btn--${l}`,t.dataset.id=o.id,t.tabIndex=-1,t.setAttribute("aria-label",o.rotulo||o.id),t.title=V(o);const i=P(o.icone,e);if(i){const s=document.createElement("span");s.className="ui-ferr-btn__icone",s.appendChild(i),t.appendChild(s)}const r=!!((a=o.filhos)!=null&&a.length),n=l!=="paleta"&&!o.somenteIcone&&!!o.rotulo;if(l!=="paleta"&&o.somenteIcone&&t.classList.add("ui-ferr-btn--so-icone"),n){const s=document.createElement("span");s.className="ui-ferr-btn__rotulo",s.textContent=o.rotulo,t.appendChild(s)}if(r){if(l==="paleta")t.classList.add("ui-ferr-btn--grupo");else{const s=document.createElement("span");s.className="ui-ferr-btn__caret",t.appendChild(s)}t.setAttribute("aria-haspopup","menu"),t.setAttribute("aria-expanded","false")}return E(t,o),t}function f(o,l){for(const e of o){if(e.id===l)return e;if(e.filhos){const t=f(e.filhos,l);if(t)return t}}}function D(o){const l=o.filter(e=>!e.disabled);o.forEach(e=>e.tabIndex=-1),l.length&&(l[0].tabIndex=0)}function N(o,l,e,t){const i=l.filter(s=>!s.disabled),r=i.length,n=i.findIndex(s=>s===o.target);if(r===0||n<0)return!1;let a=n;if(e.includes(o.key))a=(n-1+r)%r;else if(t.includes(o.key))a=(n+1)%r;else if(o.key==="Home")a=0;else if(o.key==="End")a=r-1;else return!1;return o.preventDefault(),l.forEach(s=>s.tabIndex=-1),i[a].tabIndex=0,i[a].focus(),!0}function T(o,l,e,t,i={}){var z;const r=i.lado??"baixo",n=new k.ListenerBag,a=document.createElement("div");a.className="ui-ferr-menu",a.setAttribute("role","menu");const s=[];let h=!1;const b=()=>{var u;h||(h=!0,n.cleanup(),a.remove(),(u=i.onFechar)==null||u.call(i))};e.forEach(u=>{if(u.tipo==="separador"){const p=document.createElement("div");p.className="ui-ferr-menu__sep",p.setAttribute("role","separator"),a.appendChild(p);return}const d=document.createElement("button");d.type="button",d.className="ui-ferr-menu__item",d.setAttribute("role","menuitem"),d.dataset.id=u.id,d.disabled=!!u.disabled,u.ativo&&d.classList.add("ui-ferr-menu__item--ativo");const A=document.createElement("span");A.className="ui-ferr-menu__icone";const _=P(u.icone,14);_&&A.appendChild(_),d.appendChild(A);const w=document.createElement("span");if(w.className="ui-ferr-menu__rotulo",w.textContent=u.rotulo||u.id,d.appendChild(w),u.atalho){const p=document.createElement("span");p.className="ui-ferr-menu__atalho",p.textContent=u.atalho,d.appendChild(p)}d.addEventListener("click",p=>{p.stopPropagation(),b(),t(u)}),s.push(d),a.appendChild(d)}),o.appendChild(a);const m=l.getBoundingClientRect();let v=r==="direita"?m.top:m.bottom+2,g=r==="direita"?m.right+4:m.left;const x=a.getBoundingClientRect();x.width&&g+x.width>window.innerWidth-4&&(g=Math.max(4,window.innerWidth-x.width-4)),x.height&&v+x.height>window.innerHeight-4&&(v=Math.max(4,window.innerHeight-x.height-4)),a.style.top=`${v}px`,a.style.left=`${g}px`;const C=()=>s.filter(u=>!u.disabled);return n.add(a,"keydown",u=>{const d=C(),A=d.findIndex(_=>_===u.target);if(u.key==="Escape")u.preventDefault(),u.stopPropagation(),b(),l.focus();else if(u.key==="Tab")b();else if(d.length&&(u.key==="ArrowDown"||u.key==="ArrowUp")){u.preventDefault();const _=u.key==="ArrowDown"?1:-1;d[(A+_+d.length)%d.length].focus()}else d.length&&u.key==="Home"?(u.preventDefault(),d[0].focus()):d.length&&u.key==="End"&&(u.preventDefault(),d[d.length-1].focus())}),n.add(document,"pointerdown",u=>{const d=u.composedPath();!d.includes(a)&&!d.includes(l)&&b()},!0),n.add(window,"resize",b),n.add(window,"blur",b),i.focar&&((z=C()[0])==null||z.focus()),{elemento:a,ancora:l,fechar:b}}class B extends y.SafeHTMLElement{constructor(){super();c(this,"rootElement");c(this,"abasElement");c(this,"gruposElement");c(this,"_abas",[]);c(this,"_abaAtiva","");c(this,"menu",null);c(this,"listeners",new k.ListenerBag);c(this,"handleClickAbas",e=>{const t=e.target.closest(".ui-ribbon__aba");t!=null&&t.dataset.id&&(this.selecionarAba(t.dataset.id),this.recolhido&&this.rootElement.classList.toggle("ui-ribbon--aberto"))});c(this,"handleDblClickAbas",e=>{e.target.closest(".ui-ribbon__aba")&&(this.recolhido=!this.recolhido)});c(this,"handleKeyDownAbas",e=>{var a,s;const t=Array.from(this.abasElement.querySelectorAll(".ui-ribbon__aba")),i=t.findIndex(h=>h===e.target);if(i<0)return;let r=i;if(e.key==="ArrowRight")r=(i+1)%t.length;else if(e.key==="ArrowLeft")r=(i-1+t.length)%t.length;else if(e.key==="Home")r=0;else if(e.key==="End")r=t.length-1;else if(e.key==="ArrowDown"){e.preventDefault(),(a=this.botoesPainel().find(h=>!h.disabled))==null||a.focus();return}else return;e.preventDefault();const n=t[r].dataset.id;n&&this.selecionarAba(n),(s=this.abasElement.querySelector(`.ui-ribbon__aba[data-id="${CSS.escape(n??"")}"]`))==null||s.focus()});c(this,"handleClickGrupos",e=>{const t=e.target.closest(".ui-ferr-btn");t!=null&&t.dataset.id&&this.acionar(t,!1)});c(this,"handleKeyDownGrupos",e=>{const t=this.botoesPainel();if(N(e,t,["ArrowLeft"],["ArrowRight"]))return;const i=e.target instanceof HTMLButtonElement?e.target:null;(i==null?void 0:i.getAttribute("aria-haspopup"))==="menu"&&e.key==="ArrowDown"&&(e.preventDefault(),this.acionar(i,!0))});c(this,"handleEscape",e=>{e.key==="Escape"&&!this.menu&&this.rootElement.classList.remove("ui-ribbon--aberto")});c(this,"handlePointerDownFora",e=>{!this.recolhido||!this.rootElement.classList.contains("ui-ribbon--aberto")||e.composedPath().includes(this)||this.rootElement.classList.remove("ui-ribbon--aberto")});const e=this.attachShadow({mode:"open"});e.innerHTML=`
|
|
8
|
-
<style>${L}${R}</style>
|
|
9
|
-
<div class="ui-ribbon">
|
|
10
|
-
<div class="ui-ribbon__abas" role="tablist"></div>
|
|
11
|
-
<div class="ui-ribbon__painel" role="tabpanel">
|
|
12
|
-
<div class="ui-ribbon__grupos" role="toolbar" aria-label="Ferramentas"></div>
|
|
13
|
-
</div>
|
|
14
|
-
</div>
|
|
15
|
-
`,this.rootElement=e.querySelector(".ui-ribbon"),this.abasElement=e.querySelector(".ui-ribbon__abas"),this.gruposElement=e.querySelector(".ui-ribbon__grupos")}static get observedAttributes(){return["aba-ativa","recolhido"]}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.abasElement,"click",this.handleClickAbas),this.listeners.add(this.abasElement,"dblclick",this.handleDblClickAbas),this.listeners.add(this.abasElement,"keydown",this.handleKeyDownAbas),this.listeners.add(this.gruposElement,"click",this.handleClickGrupos),this.listeners.add(this.gruposElement,"keydown",this.handleKeyDownGrupos),this.listeners.add(document,"pointerdown",this.handlePointerDownFora,!0),this.listeners.add(this.rootElement,"keydown",this.handleEscape);const e=this.getAttribute("aba-ativa");e&&!this._abaAtiva&&(this._abaAtiva=e),this.renderizar()}disconnectedCallback(){this.fecharMenu(),this.listeners.cleanup()}attributeChangedCallback(e,t,i){t!==i&&(e==="aba-ativa"&&i&&i!==this._abaAtiva?this.selecionarAba(i,!1):e==="recolhido"&&this.rootElement.classList.remove("ui-ribbon--aberto"))}get abas(){return this._abas}set abas(e){this._abas=Array.isArray(e)?e:[],this.renderizar()}get abaAtiva(){return this._abaAtiva}set abaAtiva(e){this.selecionarAba(e)}get recolhido(){return this.hasAttribute("recolhido")}set recolhido(e){e?this.setAttribute("recolhido",""):this.removeAttribute("recolhido")}selecionarAba(e,t=!0){const i=this._abas.find(r=>r.id===e&&!r.oculta);!i||i.id===this._abaAtiva||(this.fecharMenu(),this._abaAtiva=i.id,this.getAttribute("aba-ativa")!==i.id&&this.setAttribute("aba-ativa",i.id),this.renderizar(),t&&this.dispatchEvent(new CustomEvent("ui-aba-change",{detail:{id:i.id,aba:i},bubbles:!0,composed:!0})))}definirAbaVisivel(e,t){const i=this._abas.find(r=>r.id===e);i&&(i.oculta=!t,!t&&this._abaAtiva===e&&(this._abaAtiva=""),this.renderizar())}atualizarItem(e,t){const i=this._abas.flatMap(s=>s.grupos.flatMap(h=>h.itens)),r=f(i,e);if(!r)return;Object.assign(r,t);const n=Object.keys(t).every(s=>s==="ativo"||s==="disabled"),a=this.gruposElement.querySelector(`.ui-ferr-btn[data-id="${CSS.escape(e)}"]`);n&&a?E(a,r):this.renderizarPainel()}abasVisiveis(){return this._abas.filter(e=>!e.oculta)}renderizar(){var t;const e=this.abasVisiveis();e.some(i=>i.id===this._abaAtiva)||(this._abaAtiva=((t=e[0])==null?void 0:t.id)??""),this.renderizarAbas(),this.renderizarPainel()}renderizarAbas(){this.abasElement.innerHTML="",this.abasVisiveis().forEach(e=>{const t=e.id===this._abaAtiva,i=document.createElement("button");i.type="button",i.className="ui-ribbon__aba",i.setAttribute("role","tab"),i.dataset.id=e.id,i.textContent=e.rotulo,i.tabIndex=t?0:-1,i.setAttribute("aria-selected",String(t)),i.classList.toggle("ui-ribbon__aba--ativa",t),i.classList.toggle("ui-ribbon__aba--contextual",!!e.contextual),this.abasElement.appendChild(i)})}renderizarPainel(){this.fecharMenu(),this.gruposElement.innerHTML="";const e=this._abas.find(t=>t.id===this._abaAtiva);e&&(e.grupos.forEach(t=>this.gruposElement.appendChild(this.criarGrupo(t))),D(this.botoesPainel()))}criarGrupo(e){const t=document.createElement("div");t.className="ui-ribbon__grupo",t.setAttribute("role","group"),t.setAttribute("aria-label",e.rotulo),t.dataset.id=e.id;const i=document.createElement("div");i.className="ui-ribbon__grupo-itens";let r=null,n=0;const a=()=>{r&&i.appendChild(r),r=null,n=0};e.itens.forEach(h=>{if(h.tipo==="separador"){a();const b=document.createElement("div");b.className="ui-ribbon__separador",b.setAttribute("role","separator"),i.appendChild(b)}else h.tamanho==="grande"?(a(),i.appendChild(this.criarBotao(h,"grande",24))):(r||(r=document.createElement("div"),r.className="ui-ribbon__coluna"),r.appendChild(this.criarBotao(h,"pequeno",16)),++n===3&&a())}),a();const s=document.createElement("div");return s.className="ui-ribbon__grupo-rotulo",s.textContent=e.rotulo,t.appendChild(i),t.appendChild(s),t}criarBotao(e,t,i){var n;const r=(n=e.filhos)!=null&&n.length?{...e,tipo:"menu"}:e;return I(r,t,i)}botoesPainel(){return Array.from(this.gruposElement.querySelectorAll(".ui-ferr-btn"))}acionar(e,t){var n;const i=this._abas.find(a=>a.id===this._abaAtiva),r=i&&f(i.grupos.flatMap(a=>a.itens),e.dataset.id);if(!(!r||r.disabled)){if((n=r.filhos)!=null&&n.length){this.alternarMenu(e,r,t);return}r.tipo==="toggle"&&(r.ativo=!r.ativo,E(e,r)),this.emitir(r),this.rootElement.classList.remove("ui-ribbon--aberto")}}alternarMenu(e,t,i){var n;const r=((n=this.menu)==null?void 0:n.ancora)===e;this.fecharMenu(),!r&&(e.setAttribute("aria-expanded","true"),this.menu=T(this.shadowRoot,e,t.filhos,a=>{a.tipo==="toggle"&&(a.ativo=!a.ativo),this.emitir(a,t),this.rootElement.classList.remove("ui-ribbon--aberto")},{lado:"baixo",focar:i,onFechar:()=>{e.setAttribute("aria-expanded","false"),this.menu=null}}))}fecharMenu(){var e;(e=this.menu)==null||e.fechar(),this.menu=null}emitir(e,t){this.dispatchEvent(new CustomEvent("ui-ferramenta",{detail:{id:e.id,item:e,pai:t,ativo:e.ativo,origem:"ribbon",aba:this._abaAtiva},bubbles:!0,composed:!0}))}}y.definirCustomElement("ui-ribbon",B);const O=':host{display:inline-block;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif);color:var(--ui-cor-texto, #e1e1e6)}.ui-paleta{--ui-paleta-btn: 34px;--ui-paleta-padding: 4px;--ui-paleta-raio: var(--ui-paleta-raio-borda, 10px);--ui-paleta-btn-raio: var(--ui-paleta-raio-botao, max(2px, calc(var(--ui-paleta-raio) - var(--ui-paleta-padding))));display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--ui-paleta-padding);box-sizing:border-box;background:var(--ui-cor-superficie, #141417);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));border-radius:var(--ui-paleta-raio);-webkit-user-select:none;user-select:none}.ui-paleta--horizontal{flex-direction:row}.ui-paleta--sm{--ui-paleta-btn: 28px;--ui-paleta-raio: var(--ui-paleta-raio-borda, 8px)}.ui-paleta--lg{--ui-paleta-btn: 42px;--ui-paleta-raio: var(--ui-paleta-raio-borda, 12px)}.ui-paleta--cols-2{display:grid;grid-template-columns:repeat(2,var(--ui-paleta-btn));justify-content:center}.ui-paleta--cols-2 .ui-paleta__sep{grid-column:1 / -1}.ui-paleta .ui-ferr-btn{width:var(--ui-paleta-btn);height:var(--ui-paleta-btn);border-radius:var(--ui-paleta-btn-raio)}.ui-paleta .ui-ferr-btn--ativo{background:var(--ui-cor-primaria, #00E08A);border-color:transparent;color:var(--ui-cor-texto-sobre-primaria, #000000)}.ui-ferr-btn--grupo:after{content:"";position:absolute;right:3px;bottom:3px;width:0;height:0;border-left:5px solid transparent;border-bottom:5px solid currentColor;opacity:.7;pointer-events:none}.ui-paleta__sep{width:70%;height:1px;margin:3px 0;background:var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-paleta--horizontal .ui-paleta__sep{width:1px;height:70%;margin:0 3px}',U=380,K={sm:16,md:18,lg:22};class j extends y.SafeHTMLElement{constructor(){super();c(this,"rootElement");c(this,"_ferramentas",[]);c(this,"_ativo","");c(this,"visiveis",new Map);c(this,"menu",null);c(this,"timerPressao");c(this,"suprimirClique",!1);c(this,"listeners",new k.ListenerBag);c(this,"handleClick",e=>{if(this.suprimirClique){this.suprimirClique=!1;return}const t=e.target.closest(".ui-ferr-btn"),i=t!=null&&t.dataset.id?f(this._ferramentas,t.dataset.id):void 0;if(!t||!i)return;const r=t.dataset.grupo?f(this._ferramentas,t.dataset.grupo):void 0;this.acionar(i,r)});c(this,"handlePointerDown",e=>{const t=e;if(t.pointerType==="mouse"&&t.button!==0)return;const i=e.target.closest(".ui-ferr-btn--grupo");!i||i.disabled||(this.cancelarPressao(),this.timerPressao=window.setTimeout(()=>{this.suprimirClique=!0,this.abrirFlyout(i,!1)},U))});c(this,"cancelarPressao",()=>{this.timerPressao!==void 0&&(window.clearTimeout(this.timerPressao),this.timerPressao=void 0)});c(this,"handleContextMenu",e=>{const t=e.target.closest(".ui-ferr-btn--grupo");t&&(e.preventDefault(),this.cancelarPressao(),this.abrirFlyout(t,!1))});c(this,"handleKeyDown",e=>{const t=this.getAttribute("orientacao")==="horizontal",i=t?["ArrowLeft"]:["ArrowUp"],r=t?["ArrowRight"]:["ArrowDown"];if(N(e,this.botoes(),i,r))return;const n=t?"ArrowDown":"ArrowRight",a=e.target instanceof HTMLButtonElement?e.target:null;a!=null&&a.dataset.grupo&&e.key===n&&(e.preventDefault(),this.abrirFlyout(a,!0))});c(this,"handleAtalho",e=>{if(!this.hasAttribute("atalhos")||e.ctrlKey||e.metaKey||e.altKey||e.defaultPrevented)return;const t=e.composedPath()[0];if(t&&(/^(INPUT|TEXTAREA|SELECT)$/.test(t.tagName)||t.isContentEditable))return;const i=(e.key||"").toUpperCase();if(i.length!==1)return;const r=this.todasFerramentas().filter(s=>{var h;return!s.disabled&&((h=s.atalho)==null?void 0:h.toUpperCase())===i});if(!r.length)return;e.preventDefault();let n=r[0];if(r.length>1){const s=r.findIndex(h=>h.id===this._ativo);n=r[(s+1)%r.length]}const a=this._ferramentas.find(s=>{var h;return(h=s.filhos)==null?void 0:h.some(b=>b.id===n.id)});this.acionar(n,a)});const e=this.attachShadow({mode:"open"});e.innerHTML=`
|
|
16
|
-
<style>${L}${O}</style>
|
|
17
|
-
<div class="ui-paleta ui-paleta--vertical" role="toolbar" aria-orientation="vertical" aria-label="Ferramentas"></div>
|
|
18
|
-
`,this.rootElement=e.querySelector(".ui-paleta")}static get observedAttributes(){return["valor","value","orientacao","colunas","tamanho","size"]}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.rootElement,"click",this.handleClick),this.listeners.add(this.rootElement,"pointerdown",this.handlePointerDown),this.listeners.add(this.rootElement,"pointerup",this.cancelarPressao),this.listeners.add(this.rootElement,"pointerleave",this.cancelarPressao),this.listeners.add(this.rootElement,"pointercancel",this.cancelarPressao),this.listeners.add(this.rootElement,"contextmenu",this.handleContextMenu),this.listeners.add(this.rootElement,"keydown",this.handleKeyDown),this.listeners.add(document,"keydown",this.handleAtalho);const e=this.getAttribute("valor")||this.getAttribute("value");e&&!this._ativo&&this.definirAtivoInterno(e),this.renderizar()}disconnectedCallback(){this.cancelarPressao(),this.fecharMenu(),this.listeners.cleanup()}attributeChangedCallback(e,t,i){t!==i&&(e==="valor"||e==="value"?i&&i!==this._ativo&&this.ativar(i,!1):this.renderizar())}get ferramentas(){return this._ferramentas}set ferramentas(e){this._ferramentas=Array.isArray(e)?e:[],this.visiveis.clear(),this._ativo&&this.definirAtivoInterno(this._ativo),this.renderizar()}get valor(){return this._ativo}set valor(e){this.ativar(e)}get value(){return this.valor}set value(e){this.valor=e}ativar(e,t=!0){const i=f(this._ferramentas,e);if(!i||i.disabled||(i.tipo??"ferramenta")!=="ferramenta")return;const r=this._ativo;if(this.definirAtivoInterno(e),this.getAttribute("valor")!==e&&this.setAttribute("valor",e),this.renderizar(),t&&r!==e){const n={valor:e,item:i,anterior:r};this.dispatchEvent(new CustomEvent("ui-change",{detail:n,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("ui-selecionar",{detail:n,bubbles:!0,composed:!0}))}}atualizarItem(e,t){const i=f(this._ferramentas,e);i&&(Object.assign(i,t),this.renderizar())}definirAtivoInterno(e){this._ativo=e;const t=this._ferramentas.find(i=>{var r;return(r=i.filhos)==null?void 0:r.some(n=>n.id===e)});t&&this.visiveis.set(t.id,e)}itemExibido(e){var i;if(!((i=e.filhos)!=null&&i.length))return e;const t=this.visiveis.get(e.id);return e.filhos.find(r=>r.id===t)??e.filhos[0]}todasFerramentas(){return this._ferramentas.flatMap(e=>{var t;return(t=e.filhos)!=null&&t.length?e.filhos:[e]}).filter(e=>e.tipo!=="separador")}renderizar(){this.fecharMenu();const e=this.getAttribute("orientacao")==="horizontal"?"horizontal":"vertical",t=this.getAttribute("tamanho")||this.getAttribute("size")||"md",i=this.getAttribute("colunas")==="2"?2:1;this.rootElement.className=`ui-paleta ui-paleta--${e} ui-paleta--${t}`,i===2&&e==="vertical"&&this.rootElement.classList.add("ui-paleta--cols-2"),this.rootElement.setAttribute("aria-orientation",e),this.rootElement.innerHTML="";const r=K[t]??18;this._ferramentas.forEach(a=>{var v;if(a.tipo==="separador"){const g=document.createElement("div");g.className="ui-paleta__sep",g.setAttribute("role","separator"),this.rootElement.appendChild(g);return}const s=this.itemExibido(a),h=s.tipo??"ferramenta",b={...s,tipo:h,ativo:h==="ferramenta"?s.id===this._ativo:s.ativo,filhos:a.filhos},m=I(b,"paleta",r);m.dataset.id=s.id,(v=a.filhos)!=null&&v.length&&(m.dataset.grupo=a.id),this.rootElement.appendChild(m)}),D(this.botoes());const n=this.botoes().find(a=>a.dataset.id===this._ativo&&!a.disabled);n&&(this.botoes().forEach(a=>a.tabIndex=-1),n.tabIndex=0)}botoes(){return Array.from(this.rootElement.querySelectorAll(".ui-ferr-btn"))}acionar(e,t){if(e.disabled)return;const i=e.tipo??"ferramenta";i==="ferramenta"?this.ativar(e.id):i==="toggle"&&(e.ativo=!e.ativo,this.renderizar()),this.dispatchEvent(new CustomEvent("ui-ferramenta",{detail:{id:e.id,item:e,pai:t,ativo:i==="ferramenta"?!0:e.ativo,origem:"paleta"},bubbles:!0,composed:!0}))}abrirFlyout(e,t){var n;const i=e.dataset.grupo?f(this._ferramentas,e.dataset.grupo):void 0;if(!((n=i==null?void 0:i.filhos)!=null&&n.length))return;this.fecharMenu();const r=i.filhos.map(a=>({...a,ativo:a.id===this._ativo}));e.setAttribute("aria-expanded","true"),this.menu=T(this.shadowRoot,e,r,a=>{const s=f(i.filhos,a.id);s&&this.acionar(s,i)},{lado:this.getAttribute("orientacao")==="horizontal"?"baixo":"direita",focar:t,onFechar:()=>{e.setAttribute("aria-expanded","false"),this.menu=null}})}fecharMenu(){var e;(e=this.menu)==null||e.fechar(),this.menu=null}}y.definirCustomElement("ui-paleta-ferramentas",j);exports.UIIcone=S;exports.UIPaletaFerramentas=j;exports.UIRibbon=B;
|
|
@@ -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
|
-
};
|