@thibezer/ui-components-kit 2.6.1 → 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 +49 -0
- 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-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/custom-elements.json +19484 -14657
- 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 +12 -13
- package/dist/tabela.cjs +1 -1
- package/dist/tabela.js +1 -1
- package/dist/tipos-elementos.d.ts +8 -3
- package/dist/tipos-vue.d.ts +8 -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-BS0WYPdi.js +572 -0
- package/dist/ui-controle-cores-Er6ZcQ7U.cjs +111 -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-skeleton-DI4_9WOX.js +0 -428
- package/dist/ui-skeleton-elhKIh2B.cjs +0 -33
- 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
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";var G=Object.defineProperty;var j=(o,s,t)=>s in o?G(o,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[s]=t;var r=(o,s,t)=>j(o,typeof s!="symbol"?s+"":s,t);const y=require("./listener-bag-D5omxZ9h.cjs"),d=require("./ssr-safe-CiHD1adl.cjs"),Y=require("./ui-bus-XqBLlTYQ.cjs"),X=':host{display:block;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif)}.ui-drawer__backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--ui-z-drawer, 700) - 1);opacity:0;pointer-events:none;transition:opacity .25s ease}:host([aberto]) .ui-drawer__backdrop,:host([open]) .ui-drawer__backdrop{opacity:1;pointer-events:auto}.ui-drawer__painel{position:fixed;z-index:var(--ui-z-drawer, 700);background-color:var(--ui-cor-fundo-card, #18181c);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));box-shadow:var(--ui-sombra-lg, 0 16px 40px rgba(0, 0, 0, .7));display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility .2s ease;box-sizing:border-box;color:var(--ui-cor-texto, #e1e1e6)}:host(:not([posicao])) .ui-drawer__painel,:host([posicao="direita"]) .ui-drawer__painel,:host([position="right"]) .ui-drawer__painel{top:0;right:0;bottom:0;width:var(--ui-drawer-largura, 480px);max-width:92vw;height:100vh;transform:translate(100%);border-left:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16))}:host([aberto]:not([posicao])) .ui-drawer__painel,:host([open]:not([posicao])) .ui-drawer__painel,:host([aberto][posicao="direita"]) .ui-drawer__painel,:host([open][posicao="direita"]) .ui-drawer__painel,:host([aberto][position="right"]) .ui-drawer__painel,:host([open][position="right"]) .ui-drawer__painel{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto}:host([posicao="esquerda"]) .ui-drawer__painel,:host([position="left"]) .ui-drawer__painel{top:0;left:0;bottom:0;width:var(--ui-drawer-largura, 480px);max-width:92vw;height:100vh;transform:translate(-100%);border-right:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16))}:host([aberto][posicao="esquerda"]) .ui-drawer__painel,:host([open][posicao="esquerda"]) .ui-drawer__painel,:host([aberto][position="left"]) .ui-drawer__painel,:host([open][position="left"]) .ui-drawer__painel{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto}:host([posicao="baixo"]) .ui-drawer__painel,:host([position="bottom"]) .ui-drawer__painel{bottom:0;left:0;right:0;width:100vw;max-height:85vh;transform:translateY(100%);border-top:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));border-top-left-radius:14px;border-top-right-radius:14px}:host([aberto][posicao="baixo"]) .ui-drawer__painel,:host([open][posicao="baixo"]) .ui-drawer__painel,:host([aberto][position="bottom"]) .ui-drawer__painel,:host([open][position="bottom"]) .ui-drawer__painel{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}:host([posicao="cima"]) .ui-drawer__painel,:host([position="top"]) .ui-drawer__painel{top:0;left:0;right:0;width:100vw;max-height:85vh;transform:translateY(-100%);border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));border-bottom-left-radius:14px;border-bottom-right-radius:14px}:host([aberto][posicao="cima"]) .ui-drawer__painel,:host([open][posicao="cima"]) .ui-drawer__painel,:host([aberto][position="top"]) .ui-drawer__painel,:host([open][position="top"]) .ui-drawer__painel{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.ui-drawer__header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));flex-shrink:0}.ui-drawer__titulo-container{display:flex;flex-direction:column;gap:2px}.ui-drawer__titulo{margin:0;font-size:16px;font-weight:600;color:var(--ui-cor-texto, #ffffff)}.ui-drawer__descricao{margin:0;font-size:13px;color:var(--ui-cor-texto-secundario, #888899)}.ui-drawer__close{background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);font-size:16px;cursor:pointer;padding:6px;border-radius:6px;line-height:1;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background-color .15s ease}.ui-drawer__close svg,.ui-drawer__close ::slotted(svg){shape-rendering:geometricPrecision}.ui-drawer__close:hover{color:var(--ui-cor-texto, #ffffff);background-color:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-drawer__close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-cor-primaria, #00E08A)}.ui-drawer__body{padding:20px;overflow-y:auto;flex:1;box-sizing:border-box}.ui-drawer__footer{padding:14px 20px;border-top:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:flex-end;gap:10px;background-color:var(--ui-cor-fundo-recuado, rgba(0, 0, 0, .15));flex-shrink:0}@starting-style{:host([aberto]:not([posicao])) .ui-drawer__painel,:host([open]:not([posicao])) .ui-drawer__painel,:host([aberto][posicao="direita"]) .ui-drawer__painel,:host([open][posicao="direita"]) .ui-drawer__painel{transform:translate(100%);opacity:0}:host([aberto][posicao="esquerda"]) .ui-drawer__painel,:host([open][posicao="esquerda"]) .ui-drawer__painel{transform:translate(-100%);opacity:0}:host([aberto][posicao="baixo"]) .ui-drawer__painel,:host([open][posicao="baixo"]) .ui-drawer__painel{transform:translateY(100%);opacity:0}:host([aberto]) .ui-drawer__backdrop,:host([open]) .ui-drawer__backdrop{opacity:0}}',k='a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), ui-campo-texto, ui-botao, ui-botao-primario, ui-checkbox, ui-switch, ui-lista-flutuante, ui-radio, ui-select, ui-segmented';function _(o,s){let t=Array.from(o.querySelectorAll(k));t=t.filter(a=>{try{return window.getComputedStyle(a).display!=="none"}catch{return!0}});const i=o.querySelectorAll("slot"),e=[];return i.forEach(a=>{a.assignedElements({flatten:!0}).forEach(l=>{l instanceof HTMLElement&&(l.matches(k)&&e.push(l),e.push(...Array.from(l.querySelectorAll(k))))})}),[...t,...e].filter(a=>!a.hasAttribute("disabled")&&a.getAttribute("aria-hidden")!=="true")}function D(o){if(typeof document>"u")return!0;const s=Array.from(document.querySelectorAll("ui-drawer[aberto], ui-drawer[open], ui-sheet[aberto], ui-sheet[open]"));return s[s.length-1]===o}function P(o,s,t,i){if(s.length===0){o.preventDefault();return}const e=s[0],a=s[s.length-1],n=t.getRootNode(),l=n==null?void 0:n.activeElement;o.shiftKey?(l===e||!t.contains(l)&&!i.contains(l))&&(o.preventDefault(),a.focus()):(l===a||!t.contains(l)&&!i.contains(l))&&(o.preventDefault(),e.focus())}function M(){if(typeof document>"u")return;document.querySelectorAll("ui-modal[aberto], ui-modal[open], ui-dialog[aberto], ui-dialog[open], ui-drawer[aberto], ui-drawer[open], ui-sheet[aberto], ui-sheet[open]").length>0?document.body.style.overflow="hidden":document.body.style.overflow=""}class g extends d.SafeHTMLElement{constructor(){super();r(this,"backdropElement");r(this,"painelElement");r(this,"tituloElement");r(this,"descricaoElement");r(this,"closeElement");r(this,"listeners",new y.ListenerBag);r(this,"_elementoGatilho",null);r(this,"_focables",[]);r(this,"handleSlotChange",()=>{this.syncState()});r(this,"handleBackdropClick",t=>{t.stopPropagation(),this.hasAttribute("estatico")||this.hasAttribute("static")||this.fechar()});r(this,"handleCloseClick",t=>{t.stopPropagation(),this.fechar()});r(this,"handleKeyDown",t=>{this.aberto&&D(this)&&(t.key==="Escape"?this.hasAttribute("estatico")||this.hasAttribute("static")||(this.fechar(),t.stopImmediatePropagation()):t.key==="Tab"&&(this._focables=_(this.shadowRoot),P(t,this._focables,this,this.shadowRoot)))});const t=this.attachShadow({mode:"open"});t.innerHTML=`
|
|
2
|
+
<style>${X}</style>
|
|
3
|
+
<div class="ui-drawer__backdrop" part="fundo"></div>
|
|
4
|
+
<aside class="ui-drawer__painel" part="painel" role="dialog" aria-modal="true" tabindex="-1">
|
|
5
|
+
<div class="ui-drawer__header" part="cabecalho">
|
|
6
|
+
<div class="ui-drawer__titulo-container">
|
|
7
|
+
<h3 class="ui-drawer__titulo" part="titulo"></h3>
|
|
8
|
+
<p class="ui-drawer__descricao" part="descricao" style="display: none;"></p>
|
|
9
|
+
</div>
|
|
10
|
+
<button type="button" class="ui-drawer__close" part="fechar" aria-label="Fechar painel lateral" title="Fechar">✕</button>
|
|
11
|
+
</div>
|
|
12
|
+
<div class="ui-drawer__body" part="corpo">
|
|
13
|
+
<slot></slot>
|
|
14
|
+
</div>
|
|
15
|
+
<div class="ui-drawer__footer" part="rodape">
|
|
16
|
+
<slot name="rodape"></slot>
|
|
17
|
+
<slot name="footer"></slot>
|
|
18
|
+
</div>
|
|
19
|
+
</aside>
|
|
20
|
+
`,this.backdropElement=t.querySelector(".ui-drawer__backdrop"),this.painelElement=t.querySelector(".ui-drawer__painel"),this.tituloElement=t.querySelector(".ui-drawer__titulo"),this.descricaoElement=t.querySelector(".ui-drawer__descricao"),this.closeElement=t.querySelector(".ui-drawer__close")}static get observedAttributes(){return["aberto","open","posicao","position","titulo","title","descricao","description","largura","width","estatico","static"]}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.backdropElement,"click",this.handleBackdropClick),this.listeners.add(this.closeElement,"click",this.handleCloseClick),this.listeners.add(window,"keydown",this.handleKeyDown),this.shadowRoot.querySelectorAll("slot").forEach(i=>{this.listeners.add(i,"slotchange",this.handleSlotChange)}),this.syncState()}disconnectedCallback(){this.listeners.cleanup(),g.atualizarScrollLock()}attributeChangedCallback(t,i,e){(t==="aberto"||t==="open")&&e!==null&&(document.activeElement&&document.activeElement!==document.body&&(this._elementoGatilho=document.activeElement),setTimeout(()=>{this._focables=_(this.shadowRoot),this._focables.length>0?this._focables[0].focus():this.painelElement.focus()},0)),this.syncState()}get aberto(){return this.hasAttribute("aberto")||this.hasAttribute("open")}set aberto(t){t?this.setAttribute("aberto",""):(this.removeAttribute("aberto"),this.removeAttribute("open")),this.syncState()}get posicao(){const t=(this.getAttribute("posicao")||this.getAttribute("position")||"direita").toLowerCase();return t==="esquerda"||t==="left"?"esquerda":t==="baixo"||t==="bottom"?"baixo":t==="cima"||t==="top"?"cima":"direita"}set posicao(t){this.setAttribute("posicao",t)}abrir(){this.aberto||(document.activeElement&&document.activeElement!==document.body&&(this._elementoGatilho=document.activeElement),this.aberto=!0,this.dispatchEvent(new CustomEvent("ui-abrir",{bubbles:!0,composed:!0})),setTimeout(()=>{this._focables=_(this.shadowRoot),this._focables.length>0?this._focables[0].focus():this.painelElement.focus()},0))}fechar(){this.aberto&&(this.aberto=!1,this.dispatchEvent(new CustomEvent("ui-fechar",{bubbles:!0,composed:!0})),this._elementoGatilho&&(this._elementoGatilho.focus(),this._elementoGatilho=null))}alternar(){this.aberto?this.fechar():this.abrir()}syncState(){var l,c;const t=this.aberto,i=this.getAttribute("titulo")||this.getAttribute("title")||"",e=this.getAttribute("descricao")||this.getAttribute("description")||"",a=this.getAttribute("largura")||this.getAttribute("width"),n=(l=this.shadowRoot)==null?void 0:l.querySelector(".ui-drawer__footer");if(this.painelElement.setAttribute("aria-hidden",String(!t)),i?(this.tituloElement.textContent=i,this.tituloElement.style.display="block"):this.tituloElement.style.display="none",e?(this.descricaoElement.textContent=e,this.descricaoElement.style.display="block"):this.descricaoElement.style.display="none",a?this.style.setProperty("--ui-drawer-largura",isNaN(Number(a))?a:`${a}px`):this.style.removeProperty("--ui-drawer-largura"),n){const u=Array.from(((c=this.shadowRoot)==null?void 0:c.querySelectorAll('slot[name="rodape"], slot[name="footer"]'))||[]).some(m=>m.assignedNodes({flatten:!0}).some(f=>f.nodeType===Node.ELEMENT_NODE||f.textContent&&f.textContent.trim()!==""))||this.querySelector('[slot="rodape"], [slot="footer"]')!==null;n.style.display=u?"flex":"none"}g.atualizarScrollLock()}static atualizarScrollLock(){M()}}class R extends g{}class B extends g{}class $ extends g{}d.definirCustomElement("ui-drawer",g);d.definirCustomElement("ui-sheet",R);d.definirCustomElement("ui-painel-lateral",B);d.definirCustomElement("ui-gaveta",$);const Q=':host{display:block;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif)}.ui-alerta{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:var(--ui-raio-borda, 8px);border:1px solid transparent;background-color:var(--ui-cor-fundo-elevado, #1a1a1e);color:var(--ui-cor-texto, #e1e1e6);box-sizing:border-box;position:relative;transition:opacity .2s ease,transform .2s ease;line-height:1.4}.ui-alerta__icone{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;line-height:1}.ui-alerta__icone svg,.ui-alerta__icone ::slotted(svg),.ui-alerta__icone ::slotted(ui-icone){shape-rendering:geometricPrecision}.ui-alerta__conteudo{flex:1}.ui-alerta__titulo{font-size:14px;font-weight:600;margin:0 0 2px;line-height:1.2}.ui-alerta__mensagem{font-size:13px;margin:0;opacity:.9}.ui-alerta__close{background:transparent;border:none;color:currentColor;opacity:.7;font-size:14px;cursor:pointer;padding:2px 6px;border-radius:var(--ui-raio-sm, 4px);line-height:1;flex-shrink:0;margin-top:-2px;margin-right:-4px;transition:opacity .15s ease,background-color .15s ease}.ui-alerta__close:hover{opacity:1;background-color:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 15%,transparent)}.ui-alerta--sucesso{background-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 12%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 30%,transparent);color:var(--ui-cor-texto-sucesso, #00E08A)}.ui-alerta--sucesso .ui-alerta__mensagem{color:var(--ui-cor-texto, #e1e1e6)}.ui-alerta--erro{background-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 12%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 30%,transparent);color:var(--ui-cor-texto-erro, #ff5555)}.ui-alerta--erro .ui-alerta__mensagem{color:var(--ui-cor-texto, #e1e1e6)}.ui-alerta--alerta{background-color:color-mix(in srgb,var(--ui-cor-texto-alerta, #ffb86c) 12%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-alerta, #ffb86c) 30%,transparent);color:var(--ui-cor-texto-alerta, #ffb86c)}.ui-alerta--alerta .ui-alerta__mensagem{color:var(--ui-cor-texto, #e1e1e6)}.ui-alerta--info{background-color:color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 12%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 30%,transparent);color:var(--ui-cor-texto-info, #33b5ff)}.ui-alerta--info .ui-alerta__mensagem{color:var(--ui-cor-texto, #e1e1e6)}.ui-alerta__acoes{display:flex;align-items:center;flex-shrink:0;margin-left:4px}.ui-alerta__botao-acao{background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent);border:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 16%,transparent);color:inherit;font-family:inherit;font-size:12px;font-weight:600;padding:4px 10px;border-radius:5px;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.ui-alerta__botao-acao:hover{background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 18%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 30%,transparent)}.ui-alerta__botao-acao:active{transform:scale(.96)}.ui-alerta__botao-acao:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-cor-fundo, #0b0b0d),0 0 0 4px var(--ui-cor-primaria, #00E08A)}.ui-alerta__botao-acao--primario{background:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 15%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 35%,transparent);color:var(--ui-cor-primaria, #00E08A)}.ui-alerta__botao-acao--primario:hover{background:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 25%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 50%,transparent)}.ui-alerta__botao-acao--destrutivo{background:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 15%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 35%,transparent);color:var(--ui-cor-texto-erro, #ff5555)}.ui-alerta__botao-acao--destrutivo:hover{background:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 25%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 50%,transparent)}:host(ui-toast){display:block;width:100%;box-sizing:border-box;pointer-events:auto;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s ease}.ui-toast__banner{box-shadow:var(--ui-sombra-lg, 0 10px 30px rgba(0, 0, 0, .3)),0 0 0 1px var(--ui-cor-borda, rgba(255, 255, 255, .1));animation:ui-toast-slide .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.ui-toast__banner.ui-alerta--sucesso{background-color:color-mix(in srgb,color-mix(in srgb,var(--ui-cor-fundo-elevado, #1a1a1e) 88%,var(--ui-cor-texto-sucesso, #00E08A) 12%) 60%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 40%,transparent)}.ui-toast__banner.ui-alerta--erro{background-color:color-mix(in srgb,color-mix(in srgb,var(--ui-cor-fundo-elevado, #1a1a1e) 88%,var(--ui-cor-texto-erro, #ff5555) 12%) 60%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 40%,transparent)}.ui-toast__banner.ui-alerta--alerta{background-color:color-mix(in srgb,color-mix(in srgb,var(--ui-cor-fundo-elevado, #1a1a1e) 88%,var(--ui-cor-texto-alerta, #ffb86c) 12%) 60%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-alerta, #ffb86c) 40%,transparent)}.ui-toast__banner.ui-alerta--info{background-color:color-mix(in srgb,color-mix(in srgb,var(--ui-cor-fundo-elevado, #1a1a1e) 88%,var(--ui-cor-texto-info, #33b5ff) 12%) 60%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 40%,transparent)}.ui-toast__progresso{position:absolute;bottom:0;left:0;right:0;height:2px;background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent);overflow:hidden}.ui-toast__progresso-barra{width:100%;height:100%;background:currentColor;opacity:.7;transform-origin:left;animation:ui-toast-timer linear forwards}:host(ui-toast:hover) .ui-toast__progresso-barra,:host(ui-toast:focus-within) .ui-toast__progresso-barra{animation-play-state:paused}@keyframes ui-toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes ui-toast-slide{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@starting-style{:host(ui-toast){opacity:0;transform:translateY(12px) scale(.96)}}',E={sucesso:'<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>',erro:'<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>',alerta:'<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>',info:'<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>'};class A extends d.SafeHTMLElement{constructor(){super();r(this,"alertaElement");r(this,"iconeElement");r(this,"tituloElement");r(this,"mensagemElement");r(this,"mensagemTextoElement");r(this,"closeElement");r(this,"acoesElement");r(this,"botaoAcaoElement");r(this,"progressoContainer");r(this,"progressoBarra");r(this,"listeners",new y.ListenerBag);const t=this.attachShadow({mode:"open"});t.innerHTML=`
|
|
21
|
+
<style>${Q}</style>
|
|
22
|
+
<div class="ui-alerta" part="base" role="alert">
|
|
23
|
+
<span class="ui-alerta__icone" part="icone"></span>
|
|
24
|
+
<div class="ui-alerta__conteudo" part="conteudo">
|
|
25
|
+
<h4 class="ui-alerta__titulo" part="titulo" style="display: none;"></h4>
|
|
26
|
+
<p class="ui-alerta__mensagem" part="mensagem">
|
|
27
|
+
<span class="ui-alerta__mensagem-texto" style="display: none;"></span>
|
|
28
|
+
<slot></slot>
|
|
29
|
+
</p>
|
|
30
|
+
</div>
|
|
31
|
+
<div class="ui-alerta__acoes" style="display: none;">
|
|
32
|
+
<button type="button" class="ui-alerta__botao-acao" part="acao"></button>
|
|
33
|
+
</div>
|
|
34
|
+
<button class="ui-alerta__close" part="fechar" type="button" aria-label="Fechar alerta" style="display: none;" title="Fechar">✕</button>
|
|
35
|
+
<div class="ui-toast__progresso" part="progresso" style="display: none;">
|
|
36
|
+
<div class="ui-toast__progresso-barra"></div>
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
`,this.alertaElement=t.querySelector(".ui-alerta"),this.iconeElement=t.querySelector(".ui-alerta__icone"),this.tituloElement=t.querySelector(".ui-alerta__titulo"),this.mensagemElement=t.querySelector(".ui-alerta__mensagem"),this.mensagemTextoElement=t.querySelector(".ui-alerta__mensagem-texto"),this.closeElement=t.querySelector(".ui-alerta__close"),this.acoesElement=t.querySelector(".ui-alerta__acoes"),this.botaoAcaoElement=t.querySelector(".ui-alerta__botao-acao"),this.progressoContainer=t.querySelector(".ui-toast__progresso"),this.progressoBarra=t.querySelector(".ui-toast__progresso-barra")}static get observedAttributes(){return["tipo","variante","variant","titulo","title","mensagem","fechavel","dismissible"]}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.closeElement,"click",()=>this.fechar()),this.syncState()}disconnectedCallback(){this.listeners.cleanup()}attributeChangedCallback(t,i,e){this.syncState()}fechar(){this.dispatchEvent(new CustomEvent("ui-fechar",{bubbles:!0,composed:!0})),this.remove()}syncState(){const t=this.getAttribute("tipo")||this.getAttribute("variante")||this.getAttribute("variant")||"info",i=this.getAttribute("titulo")||this.getAttribute("title"),e=this.getAttribute("mensagem"),a=this.hasAttribute("fechavel")||this.hasAttribute("dismissible");this.alertaElement.className=`ui-alerta ui-alerta--${t}`;const n=E[t]||E.info;this.iconeElement.innerHTML=n,i?(this.tituloElement.textContent=i,this.tituloElement.style.display="block"):(this.tituloElement.style.display="none",this.tituloElement.textContent=""),e?(this.mensagemTextoElement.textContent=e,this.mensagemTextoElement.style.display="inline"):(this.mensagemTextoElement.style.display="none",this.mensagemTextoElement.textContent=""),a?this.closeElement.style.display="block":this.closeElement.style.display="none"}}d.definirCustomElement("ui-alerta",A);class x extends A{constructor(){super(...arguments);r(this,"timerId",null);r(this,"tempoRestante",4e3);r(this,"inicioTimestamp",0);r(this,"isPausado",!1);r(this,"acaoConfig");r(this,"containerRef",null);r(this,"handleAcaoClick",t=>{var i,e,a;t.stopPropagation(),(i=this.acaoConfig)!=null&&i.onClick&&this.acaoConfig.onClick(t),this.dispatchEvent(new CustomEvent("ui-toast-acao",{detail:{rotulo:(e=this.acaoConfig)==null?void 0:e.rotulo,tipo:(a=this.acaoConfig)==null?void 0:a.tipo},bubbles:!0,composed:!0})),this.fechar()});r(this,"pausarTimer",()=>{if(this.isPausado||this.tempoRestante<=0)return;this.isPausado=!0,this.timerId&&(clearTimeout(this.timerId),this.timerId=null);const t=Date.now()-this.inicioTimestamp;this.tempoRestante=Math.max(0,this.tempoRestante-t),this.progressoBarra.style.animationPlayState="paused"});r(this,"retomarTimer",()=>{!this.isPausado||this.tempoRestante<=0||(this.isPausado=!1,this.progressoBarra.style.animationPlayState="running",this.iniciarTimer(Math.max(this.tempoRestante,300)))})}configurarAcao(t){this.acaoConfig=t,this.botaoAcaoElement.textContent=t.rotulo,this.acoesElement.style.display="flex";const i=t.tipo||"primario";this.botaoAcaoElement.className=`ui-alerta__botao-acao ui-alerta__botao-acao--${i}`}connectedCallback(){super.connectedCallback(),this.containerRef=this.parentElement,this.alertaElement.classList.add("ui-toast__banner"),this.acaoConfig&&this.listeners.add(this.botaoAcaoElement,"click",this.handleAcaoClick);const t=this.getAttribute("duracao")||this.getAttribute("duration")||"4000",i=parseInt(t,10);this.tempoRestante=isNaN(i)?4e3:i,this.tempoRestante>0?(this.progressoContainer.style.display="block",this.progressoBarra.style.animationDuration=`${this.tempoRestante}ms`,this.getAttribute("pausar-no-hover")!=="false"&&(this.listeners.add(this,"mouseenter",this.pausarTimer),this.listeners.add(this,"mouseleave",this.retomarTimer),this.listeners.add(this,"focusin",this.pausarTimer),this.listeners.add(this,"focusout",this.retomarTimer)),this.iniciarTimer(this.tempoRestante)):this.progressoContainer.style.display="none"}fechar(){const t=this.parentElement||this.containerRef;super.fechar(),t&&t.id.startsWith("ui-toast-container-")&&t.children.length===0&&t.remove()}disconnectedCallback(){super.disconnectedCallback(),this.timerId&&(clearTimeout(this.timerId),this.timerId=null),this.containerRef&&this.containerRef.id.startsWith("ui-toast-container-")&&this.containerRef.children.length===0&&(this.containerRef.remove(),this.containerRef=null)}iniciarTimer(t){this.timerId&&clearTimeout(this.timerId),this.inicioTimestamp=Date.now(),this.timerId=setTimeout(()=>{this.fechar()},t)}static obterContainer(t){const i=`ui-toast-container-${t}`;let e=document.getElementById(i);return e||(e=document.createElement("div"),e.id=i,e.style.position="fixed",e.style.setProperty("z-index","var(--ui-z-toast, 1100)"),e.style.display="flex",e.style.gap="10px",e.style.maxWidth="400px",e.style.width="calc(100vw - 32px)",e.style.pointerEvents="none",e.style.boxSizing="border-box",e.style.transition="all 0.2s ease",t==="top-right"?(e.style.top="20px",e.style.right="20px",e.style.flexDirection="column"):t==="top-left"?(e.style.top="20px",e.style.left="20px",e.style.flexDirection="column"):t==="bottom-left"?(e.style.bottom="20px",e.style.left="20px",e.style.flexDirection="column-reverse"):t==="top-center"?(e.style.top="20px",e.style.left="50%",e.style.transform="translateX(-50%)",e.style.flexDirection="column"):t==="bottom-center"?(e.style.bottom="20px",e.style.left="50%",e.style.transform="translateX(-50%)",e.style.flexDirection="column-reverse"):(e.style.bottom="20px",e.style.right="20px",e.style.flexDirection="column-reverse"),document.body.appendChild(e)),e}static notificar(t){if(typeof document>"u")return null;const i=t.posicao||"bottom-right",e=document.createElement("ui-toast");return t.tipo&&e.setAttribute("tipo",t.tipo),t.titulo&&e.setAttribute("titulo",t.titulo),t.mensagem&&e.setAttribute("mensagem",t.mensagem),t.duracao!==void 0&&e.setAttribute("duracao",String(t.duracao)),t.pausarNoHover===!1&&e.setAttribute("pausar-no-hover","false"),e.setAttribute("posicao",i),t.fechavel!==!1&&e.setAttribute("fechavel",""),t.acao&&e.configurarAcao(t.acao),x.obterContainer(i).appendChild(e),e}}d.definirCustomElement("ui-toast",x);function O(){Y.UIBus.registrarProvedorToast(o=>{x.notificar(o)})}O();const W=":host{display:inline-flex;position:relative;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;--ui-tooltip-texto-distancia: 260px;--ui-tooltip-seta-espaco: 70px}.ui-tooltip__bubble{position:fixed;z-index:var(--ui-z-tooltip, 1200);padding:6px 10px;border-radius:6px;font-size:11px;font-weight:500;background-color:var(--ui-cor-fundo-elevado, #1e1e24);color:var(--ui-cor-texto, #e1e1e6);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));box-shadow:var(--ui-sombra-md, 0 4px 16px rgba(0, 0, 0, .5));white-space:normal;max-width:var(--ui-tooltip-texto-distancia, 260px);width:max-content;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease;line-height:1.35;box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0}.ui-tooltip__bubble[popover]{margin:0;border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));background-color:var(--ui-cor-fundo-elevado, #1e1e24);color:var(--ui-cor-texto, #e1e1e6);padding:6px 10px;overflow:visible;max-width:var(--ui-tooltip-texto-distancia, 260px);width:max-content;white-space:normal}.ui-tooltip__texto{display:inline-block;max-width:100%}.ui-tooltip__arrow{position:absolute;width:0;height:0;border-style:solid}.ui-tooltip--topo .ui-tooltip__arrow{bottom:-5px;left:50%;transform:translate(-50%);border-width:5px 5px 0 5px;border-color:var(--ui-cor-fundo-elevado, #1e1e24) transparent transparent transparent}.ui-tooltip--baixo .ui-tooltip__arrow{top:-5px;left:50%;transform:translate(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--ui-cor-fundo-elevado, #1e1e24) transparent}.ui-tooltip--esquerda .ui-tooltip__arrow{right:-5px;top:50%;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--ui-cor-fundo-elevado, #1e1e24)}.ui-tooltip--direita .ui-tooltip__arrow{left:-5px;top:50%;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--ui-cor-fundo-elevado, #1e1e24) transparent transparent}.ui-tooltip--visivel .ui-tooltip__bubble{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}@starting-style{.ui-tooltip--visivel .ui-tooltip__bubble,.ui-tooltip__bubble:popover-open{opacity:0;transform:scale(.94)}}",v=8,L=8,z={topo:"topo",top:"topo",baixo:"baixo",bottom:"baixo",esquerda:"esquerda",left:"esquerda",direita:"direita",right:"direita"};function I(o){const s=(o??"").trim().toLowerCase();return Object.prototype.hasOwnProperty.call(z,s)?z[s]:"topo"}const b=o=>Number.isFinite(o)?o:0;function K(o,s,t,i){const e=b(s.width),a=b(s.height),n=b(o.left)+b(o.width)/2,l=b(o.top)+b(o.height)/2;let c=0,h=0;t==="topo"?(c=b(o.top)-a-v,h=n-e/2):t==="baixo"?(c=b(o.bottom)+v,h=n-e/2):t==="esquerda"?(c=l-a/2,h=b(o.left)-e-v):(c=l-a/2,h=b(o.right)+v);const u=(m,p,f)=>Math.max(L,Math.min(m,b(f)-p-L));return{top:Math.round(u(c,a,i.altura)),left:Math.round(u(h,e,i.largura))}}function H(o){return o instanceof DOMException&&o.name==="InvalidStateError"}function V(o){const s=o;if(typeof s.showPopover=="function")try{s.showPopover()}catch(t){H(t)||console.warn("[ui-tooltip] Não foi possível abrir o balão como popover:",t)}}function J(o){const s=o;if(typeof s.hidePopover=="function")try{s.hidePopover()}catch(t){H(t)||console.warn("[ui-tooltip] Não foi possível fechar o balão como popover:",t)}}const Z=120;class C extends d.SafeHTMLElement{constructor(){super();r(this,"containerElement");r(this,"bubbleElement");r(this,"ouvintesHost",new y.ListenerBag);r(this,"ouvintesAberto",new y.ListenerBag);r(this,"_timerOcultar",null);r(this,"_quadro",null);r(this,"_gatilhoDescrito",null);r(this,"posicionarBubble",()=>{if(!this.aberto)return;const t=I(this.getAttribute("posicao")||this.getAttribute("position")),{top:i,left:e}=K(this.getBoundingClientRect(),this.bubbleElement.getBoundingClientRect(),t,{largura:window.innerWidth,altura:window.innerHeight});this.bubbleElement.style.top=`${i}px`,this.bubbleElement.style.left=`${e}px`});r(this,"handleMouseEnter",()=>{const t=this.lerGatilho();(t==="hover"||t==="passar-mouse")&&(this.cancelarOcultar(),this.mostrar())});r(this,"handleMouseLeave",()=>{const t=this.lerGatilho();(t==="hover"||t==="passar-mouse")&&(this.cancelarOcultar(),this._timerOcultar=setTimeout(()=>{this._timerOcultar=null,this.ocultar()},Z))});r(this,"handleEscape",t=>{t.key!=="Escape"||!this.aberto||(t.stopPropagation(),this.cancelarOcultar(),this.ocultar())});r(this,"handleClick",()=>{const t=typeof window.matchMedia=="function"&&window.matchMedia("(pointer: coarse)").matches,i=this.lerGatilho();(i==="clique"||i==="click"||t)&&(this.aberto=!this.aberto)});r(this,"handleClickOutside",t=>{t.composedPath().includes(this)||this.ocultar()});const t=this.attachShadow({mode:"open"});t.innerHTML=`
|
|
40
|
+
<style>${W}</style>
|
|
41
|
+
<div class="ui-tooltip ui-tooltip--topo">
|
|
42
|
+
<slot></slot>
|
|
43
|
+
<div class="ui-tooltip__bubble" part="balao" role="tooltip" popover="manual">
|
|
44
|
+
<span class="ui-tooltip__texto" part="texto"></span>
|
|
45
|
+
<slot name="conteudo"></slot>
|
|
46
|
+
<span class="ui-tooltip__arrow" part="seta"></span>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
`,this.containerElement=t.querySelector(".ui-tooltip"),this.bubbleElement=t.querySelector(".ui-tooltip__bubble"),t.querySelectorAll("slot").forEach(i=>i.addEventListener("slotchange",()=>this.sincronizarDescricao()))}static get observedAttributes(){return["texto","text","posicao","position","gatilho","trigger","aberto","open","disabled"]}connectedCallback(){this.ouvintesHost.cleanup(),this.ouvintesHost.add(this,"mouseenter",this.handleMouseEnter),this.ouvintesHost.add(this,"mouseleave",this.handleMouseLeave),this.ouvintesHost.add(this,"focusin",this.handleMouseEnter),this.ouvintesHost.add(this,"focusout",this.handleMouseLeave),this.ouvintesHost.add(this,"click",this.handleClick),this.syncState()}disconnectedCallback(){this.ouvintesHost.cleanup(),this.ouvintesAberto.cleanup(),this.cancelarOcultar(),this.cancelarQuadro(),this.removerDescricao(),this.ocultar()}attributeChangedCallback(t,i,e){this.syncState()}get aberto(){return this.hasAttribute("aberto")||this.hasAttribute("open")}set aberto(t){t?this.setAttribute("aberto",""):(this.removeAttribute("aberto"),this.removeAttribute("open")),this.syncState()}get disabled(){return this.hasAttribute("disabled")}set disabled(t){t?this.setAttribute("disabled",""):this.removeAttribute("disabled"),this.syncState()}mostrar(){this.disabled||(this.aberto=!0)}ocultar(){this.aberto=!1}lerGatilho(){return this.getAttribute("gatilho")||this.getAttribute("trigger")||"hover"}cancelarQuadro(){this._quadro!==null&&(cancelAnimationFrame(this._quadro),this._quadro=null)}syncState(){var n;const t=this.aberto&&!this.disabled,i=I(this.getAttribute("posicao")||this.getAttribute("position")),e=this.getAttribute("texto")||this.getAttribute("text")||"",a=(n=this.shadowRoot)==null?void 0:n.querySelector(".ui-tooltip__texto");this.containerElement.className=`ui-tooltip ui-tooltip--${i}`,a&&(a.textContent=e,a.style.display=e?"inline":"none"),this.sincronizarDescricao(),t?this.abrirBalao():this.fecharBalao()}abrirBalao(){this.ouvintesAberto.size===0&&(this.ouvintesAberto.add(document,"click",this.handleClickOutside),this.ouvintesAberto.add(document,"keydown",this.handleEscape,!0),this.ouvintesAberto.add(window,"scroll",this.posicionarBubble,{capture:!0,passive:!0}),this.ouvintesAberto.add(window,"resize",this.posicionarBubble,{passive:!0})),V(this.bubbleElement),this.containerElement.classList.add("ui-tooltip--visivel"),this.cancelarQuadro(),this._quadro=requestAnimationFrame(()=>{this._quadro=null,this.posicionarBubble()})}fecharBalao(){this.ouvintesAberto.cleanup(),this.cancelarQuadro(),J(this.bubbleElement),this.containerElement.classList.remove("ui-tooltip--visivel")}cancelarOcultar(){this._timerOcultar&&(clearTimeout(this._timerOcultar),this._timerOcultar=null)}sincronizarDescricao(){var a;if(!this.isConnected){this.removerDescricao();return}const t=Array.from(this.children).find(n=>!n.hasAttribute("slot")),i=(this.getAttribute("texto")||this.getAttribute("text")||((a=this.querySelector('[slot="conteudo"]'))==null?void 0:a.textContent)||"").replace(/\s+/g," ").trim();this._gatilhoDescrito&&this._gatilhoDescrito!==t&&this.removerDescricao(),!(!t||this._gatilhoDescrito!==t&&(t.hasAttribute("aria-describedby")||t.hasAttribute("aria-description")))&&(i&&!this.disabled?(t.setAttribute("aria-description",i),this._gatilhoDescrito=t):this.removerDescricao())}removerDescricao(){var t;(t=this._gatilhoDescrito)==null||t.removeAttribute("aria-description"),this._gatilhoDescrito=null}}class U extends C{}d.definirCustomElement("ui-tooltip",C);d.definirCustomElement("ui-popover",U);const tt=":host{display:block;box-sizing:border-box}:host([inline]){display:inline-block}.ui-skeleton{background:var(--ui-cor-fundo-elevado, #1e1e24);background-image:linear-gradient(90deg,#fff0,color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 7%,transparent),#fff0);background-size:200% 100%;background-repeat:no-repeat;border-radius:var(--ui-raio-borda, 6px);position:relative;overflow:hidden;box-sizing:border-box;animation:ui-skeleton-shimmer 1.6s ease-in-out infinite}@keyframes ui-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ui-skeleton--pulso{background-image:none;animation:ui-skeleton-pulse 1.8s ease-in-out infinite}@keyframes ui-skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.ui-skeleton--estatico{animation:none;background-image:none}.ui-skeleton--texto{height:1.1em;border-radius:var(--ui-raio-sm, 4px)}.ui-skeleton--circular{border-radius:50%!important;aspect-ratio:1;width:var(--ui-skeleton-largura, 40px);height:var(--ui-skeleton-altura, 40px)}.ui-skeleton--retangular{border-radius:var(--ui-raio-borda, 6px);min-height:20px}.ui-skeleton__linhas{display:flex;flex-direction:column;gap:8px;width:100%}.ui-skeleton__linhas .ui-skeleton{width:100%}.ui-skeleton__linhas .ui-skeleton:last-child:not(:first-child){width:65%}.ui-skeleton--card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--ui-raio-borda, 10px);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));background:var(--ui-cor-fundo-card, #18181c);animation:none}.ui-skeleton__card-media{width:100%;height:120px;border-radius:6px}.ui-skeleton__card-header{display:flex;align-items:center;gap:10px}.ui-skeleton__card-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.ui-skeleton__card-title{width:50%;height:16px}@media (prefers-reduced-motion: reduce){.ui-skeleton{animation:none!important;background-image:none!important;opacity:.7}}";class S extends d.SafeHTMLElement{constructor(){super();r(this,"rootElement");const t=this.attachShadow({mode:"open"});t.innerHTML=`
|
|
50
|
+
<style>${tt}</style>
|
|
51
|
+
<div class="ui-skeleton-container" role="status" aria-label="Carregando..."></div>
|
|
52
|
+
`,this.rootElement=t.querySelector(".ui-skeleton-container")}static get observedAttributes(){return["variante","variant","largura","width","altura","height","raio","radius","linhas","lines","count","animado","animated"]}connectedCallback(){this.hasAttribute("aria-hidden")||this.setAttribute("aria-hidden","true"),this.syncState()}attributeChangedCallback(t,i,e){this.syncState()}get variante(){const t=(this.getAttribute("variante")||this.getAttribute("variant")||"texto").toLowerCase();return t==="circulo"||t==="circular"?"circular":t==="retangulo"||t==="retangular"?"retangular":t==="card"?"card":"texto"}set variante(t){this.setAttribute("variante",t)}get animado(){const t=(this.getAttribute("animado")||this.getAttribute("animated")||"shimmer").toLowerCase();return t==="pulse"||t==="pulso"?"pulso":t==="none"||t==="nenhum"||t==="estatico"?"nenhum":"shimmer"}set animado(t){this.setAttribute("animado",t)}get linhas(){const t=parseInt(this.getAttribute("linhas")||this.getAttribute("lines")||this.getAttribute("count")||"1",10);return isNaN(t)||t<1?1:t}set linhas(t){this.setAttribute("linhas",String(t))}syncState(){const t=this.variante,i=this.animado,e=this.getAttribute("largura")||this.getAttribute("width"),a=this.getAttribute("altura")||this.getAttribute("height"),n=this.getAttribute("raio")||this.getAttribute("radius"),l=this.linhas;this.rootElement.innerHTML="";const c=i==="pulso"?"ui-skeleton--pulso":i==="nenhum"?"ui-skeleton--estatico":"";if(t==="card"){const u=document.createElement("div");u.className="ui-skeleton ui-skeleton--card";const m=document.createElement("div");m.className=`ui-skeleton ui-skeleton__card-media ${c}`;const p=document.createElement("div");p.className="ui-skeleton__card-header";const f=document.createElement("div");f.className=`ui-skeleton ui-skeleton__card-avatar ${c}`;const T=document.createElement("div");T.className=`ui-skeleton ui-skeleton__card-title ${c}`,p.appendChild(f),p.appendChild(T);const w=document.createElement("div");w.className="ui-skeleton__linhas";for(let q=0;q<2;q++){const N=document.createElement("div");N.className=`ui-skeleton ui-skeleton--texto ${c}`,w.appendChild(N)}u.appendChild(m),u.appendChild(p),u.appendChild(w),this.rootElement.appendChild(u);return}if(l>1&&t==="texto"){const u=document.createElement("div");u.className="ui-skeleton__linhas";for(let m=0;m<l;m++){const p=document.createElement("div");p.className=`ui-skeleton ui-skeleton--texto ${c}`,a&&(p.style.height=isNaN(Number(a))?a:`${a}px`),n&&(p.style.borderRadius=isNaN(Number(n))?n:`${n}px`),u.appendChild(p)}e&&(u.style.width=isNaN(Number(e))?e:`${e}px`),this.rootElement.appendChild(u);return}const h=document.createElement("div");h.className=`ui-skeleton ui-skeleton--${t} ${c}`.trim(),e&&(h.style.width=isNaN(Number(e))?e:`${e}px`),a&&(h.style.height=isNaN(Number(a))?a:`${a}px`),n&&(h.style.borderRadius=isNaN(Number(n))?n:`${n}px`),this.rootElement.appendChild(h)}}class F extends S{}d.definirCustomElement("ui-skeleton",S);d.definirCustomElement("ui-esqueleto",F);exports.ICONES_ALERTA=E;exports.UIAlerta=A;exports.UIDrawer=g;exports.UIEsqueleto=F;exports.UIGaveta=$;exports.UIPainelLateral=B;exports.UIPopover=U;exports.UISheet=R;exports.UISkeleton=S;exports.UIToast=x;exports.UITooltip=C;exports.atualizarScrollLockDrawer=M;exports.gerenciarTabTrap=P;exports.isTopMostDrawer=D;exports.obterElementosFocaveis=_;exports.registrarToastNoBus=O;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";var C=Object.defineProperty;var L=(o,i,t)=>i in o?C(o,i,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[i]=t;var a=(o,i,t)=>L(o,typeof i!="symbol"?i+"":i,t);const b=require("./listener-bag-D5omxZ9h.cjs"),z=require("./parts-vQa2873h.cjs"),h=require("./ssr-safe-CiHD1adl.cjs"),d=require("./ui-campo-texto-CHTfMO-H.cjs"),c=require("./acessibilidade-CSzX-DkG.cjs");class x{constructor(i,t,e){a(this,"scrollHandler");a(this,"resizeHandler");a(this,"posicionar",()=>{if(this.isMobileOrBottomSheet()){this.content.style.top="",this.content.style.left="",this.content.style.minWidth="";return}const i=this.button.getBoundingClientRect();this.content.style.top=`${Math.round(i.bottom+2)}px`,this.content.style.left=`${Math.round(i.left)}px`,this.content.style.minWidth=`${Math.round(Math.max(i.width,120))}px`,this.ajustarAoViewport(i)});this.host=i,this.button=t,this.content=e}isMobileOrBottomSheet(){return typeof window>"u"?!1:window.innerWidth<=640||this.host.hasAttribute("bottom-sheet")||this.host.hasAttribute("modo-mobile")}ajustarAoViewport(i){const t=this.content.offsetHeight,e=this.content.offsetWidth;if(t<=0||typeof window>"u")return;const s=8;i.bottom+2+t>window.innerHeight-s&&i.top-2-t>=s&&(this.content.style.top=`${Math.round(i.top-2-t)}px`),i.left+e>window.innerWidth-s&&(this.content.style.left=`${Math.max(s,Math.round(window.innerWidth-s-e))}px`)}ativarAcompanhamento(i){if(this.scrollHandler=i,this.resizeHandler=this.posicionar,window.addEventListener("scroll",this.scrollHandler,{capture:!0,passive:!0}),window.addEventListener("resize",this.resizeHandler,{passive:!0}),typeof this.content.showPopover=="function")try{this.content.showPopover()}catch{}this.posicionar()}desativarAcompanhamento(){if(this.scrollHandler&&(window.removeEventListener("scroll",this.scrollHandler,{capture:!0}),this.scrollHandler=void 0),this.resizeHandler&&(window.removeEventListener("resize",this.resizeHandler),this.resizeHandler=void 0),typeof this.content.hidePopover=="function")try{this.content.hidePopover()}catch{}}}class v{constructor(i){a(this,"focusedIndex",-1);this.listElement=i}focarPrimeiroItem(){const i=Array.from(this.listElement.querySelectorAll(".ui-lista-flutuante__item"));if(i.length>0){const t=i.findIndex(e=>e.classList.contains("ui-lista-flutuante__item--selecionado"));this.focusedIndex=Math.max(0,t),i[this.focusedIndex].focus()}}resetarFoco(){this.focusedIndex=-1}moverFoco(i){const t=Array.from(this.listElement.querySelectorAll(".ui-lista-flutuante__item"));t.length!==0&&(this.focusedIndex+=i,this.focusedIndex<0&&(this.focusedIndex=t.length-1),this.focusedIndex>=t.length&&(this.focusedIndex=0),t[this.focusedIndex].focus())}tratarKeydownLista(i,t,e,s,r){if(i.key==="ArrowDown")i.preventDefault(),this.moverFoco(1);else if(i.key==="ArrowUp")i.preventDefault(),this.moverFoco(-1);else if(i.key==="Home"||i.key==="End"){i.preventDefault();const n=i.key==="End";this.focusedIndex=n?-1:0,n?this.moverFoco(-1):this.moverFoco(0)}else i.key==="Tab"?s():i.key==="Enter"||i.key===" "?(i.preventDefault(),this.focusedIndex>=0&&this.focusedIndex<t.length&&e(t[this.focusedIndex])):i.key==="Escape"&&(i.preventDefault(),s(),r.focus())}}const I=':host{display:inline-block;position:relative;width:100%;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif)}:host([inline]){width:auto}.ui-lista-flutuante__container{display:flex;flex-direction:column;width:100%;position:relative}.ui-lista-flutuante__label{font-family:var(--ui-fonte-base, "Inter", sans-serif);font-size:var(--ui-tamanho-corpo-sm, 13px);font-weight:var(--ui-peso-medio, 500);color:var(--ui-cor-texto, #e1e1e6);margin-bottom:4px;-webkit-user-select:none;user-select:none;flex-shrink:0}.ui-lista-flutuante__asterisco{color:var(--ui-cor-texto-erro, #ff5555);margin-left:2px}.ui-lista-flutuante__gatilho{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;height:var(--ui-campo-altura, 100%);min-height:var(--ui-campo-altura, var(--ui-altura-minima, 15px));padding:0 8px;background-color:var(--ui-cor-fundo-elevado, #1a1a1e);color:var(--ui-cor-texto, #e1e1e6);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));border-radius:var(--ui-raio-borda, 6px);font-family:var(--ui-fonte-base, "Inter", sans-serif);font-size:clamp(11px,.85rem,13px);line-height:1;cursor:pointer;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,background-color .15s ease}.ui-lista-flutuante__gatilho:hover:not(:disabled){border-color:var(--ui-cor-primaria, #00E08A)}.ui-lista-flutuante__gatilho:disabled{opacity:.5;cursor:not-allowed}.ui-lista-flutuante__texto{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left}.ui-lista-flutuante__seta{font-size:10px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease;color:var(--ui-cor-texto-secundario, #888899);flex-shrink:0;shape-rendering:geometricPrecision}:host([aberta]) .ui-lista-flutuante__seta{transform:rotate(180deg)}.ui-lista-flutuante__backdrop{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:calc(var(--ui-z-popover, 1050) - 1)}:host([aberta]) .ui-lista-flutuante__backdrop{display:block}:host(:not([aberta])) .ui-lista-flutuante__conteudo{display:none!important}:host([aberta]) .ui-lista-flutuante__conteudo{display:block}.ui-lista-flutuante__conteudo{position:fixed;margin:0;padding:4px;list-style:none;background-color:var(--ui-cor-fundo-menu, #18181c);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .14));border-radius:var(--ui-raio-borda, 6px);box-shadow:var(--ui-sombra-lg, 0 8px 28px rgba(0, 0, 0, .55));max-height:220px;overflow-y:auto;z-index:var(--ui-z-popover, 1050);box-sizing:border-box;inset:auto}.ui-lista-flutuante__sheet-header{display:none;width:100%;margin-bottom:8px}.ui-lista-flutuante__handle{width:36px;height:4px;border-radius:2px;background-color:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 25%,transparent);margin:2px auto 8px}.ui-lista-flutuante__sheet-title-bar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 6px 8px;border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));margin-bottom:6px}.ui-lista-flutuante__sheet-titulo{font-size:13px;font-weight:600;color:var(--ui-cor-primaria, #00E08A);letter-spacing:.3px;text-transform:uppercase}.ui-lista-flutuante__sheet-close{background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);font-size:14px;cursor:pointer;padding:4px 8px;border-radius:var(--ui-raio-sm, 4px);display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .15s,background-color .15s}.ui-lista-flutuante__sheet-close:hover{color:#fff;background-color:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent)}.ui-lista-flutuante__item{padding:6px 10px;font-family:var(--ui-fonte-base, "Inter", sans-serif);font-size:12px;line-height:1.2;color:var(--ui-cor-texto, #e1e1e6);border-radius:var(--ui-raio-sm, 4px);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease,color .12s ease;-webkit-user-select:none;user-select:none}.ui-lista-flutuante__item:hover{background-color:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-lista-flutuante__item--selecionado{background-color:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 15%,transparent);color:var(--ui-cor-primaria, #00E08A);font-weight:600}.ui-lista-flutuante__item--selecionado:after{content:"✓";font-size:11px;color:var(--ui-cor-primaria, #00E08A)}@media (max-width: 640px){.ui-lista-flutuante__gatilho{min-height:max(var(--ui-campo-altura, 38px),38px);font-size:15px}:host([aberta]) .ui-lista-flutuante__backdrop{background-color:#00000059;-webkit-backdrop-filter:none;backdrop-filter:none}.ui-lista-flutuante__conteudo{position:fixed!important;bottom:0!important;top:auto!important;left:0!important;width:100vw!important;max-width:100vw!important;min-width:100vw!important;max-height:70vh!important;max-height:70dvh!important;border-radius:var(--ui-raio-xl, 16px) var(--ui-raio-xl, 16px) 0 0!important;border-bottom:none!important;padding:10px 16px calc(24px + env(safe-area-inset-bottom,0px)) 16px!important;box-shadow:0 -8px 32px #000000b3!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;animation:ui-bottom-sheet-slide .22s cubic-bezier(.4,0,.2,1)}.ui-lista-flutuante__sheet-header{display:flex!important;flex-direction:column!important}.ui-lista-flutuante__sheet-close{min-width:44px;min-height:44px;font-size:18px}.ui-lista-flutuante__item{padding:12px 14px!important;font-size:15px!important;margin-bottom:3px}}:host([bottom-sheet][aberta]) .ui-lista-flutuante__backdrop,:host([modo-mobile][aberta]) .ui-lista-flutuante__backdrop{background-color:#00000059;-webkit-backdrop-filter:none;backdrop-filter:none}:host([bottom-sheet]) .ui-lista-flutuante__conteudo,:host([modo-mobile]) .ui-lista-flutuante__conteudo{position:fixed!important;bottom:0!important;top:auto!important;left:0!important;width:100vw!important;max-width:100vw!important;min-width:100vw!important;max-height:70vh!important;max-height:70dvh!important;border-radius:var(--ui-raio-xl, 16px) var(--ui-raio-xl, 16px) 0 0!important;border-bottom:none!important;padding:10px 16px calc(24px + env(safe-area-inset-bottom,0px)) 16px!important;box-shadow:0 -8px 32px #000000b3!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;animation:ui-bottom-sheet-slide .22s cubic-bezier(.4,0,.2,1)}:host([bottom-sheet]) .ui-lista-flutuante__sheet-header,:host([modo-mobile]) .ui-lista-flutuante__sheet-header{display:flex!important;flex-direction:column!important}:host([bottom-sheet]) .ui-lista-flutuante__sheet-close,:host([modo-mobile]) .ui-lista-flutuante__sheet-close{min-width:44px;min-height:44px;font-size:18px}:host([bottom-sheet]) .ui-lista-flutuante__item,:host([modo-mobile]) .ui-lista-flutuante__item{padding:12px 14px!important;font-size:15px!important;margin-bottom:3px}@keyframes ui-bottom-sheet-slide{0%{transform:translateY(100%)}to{transform:translateY(0)}}',_=["aberta","texto-padrao","value","disabled","bottom-sheet","modo-mobile","label","rotulo","placeholder","tamanho","size","altura","height","densidade","name","obrigatorio","required","mensagem-validacao","aria-label"];function k(){return`
|
|
2
|
+
<style>${I}</style>
|
|
3
|
+
<div class="ui-lista-flutuante__container">
|
|
4
|
+
<label class="ui-lista-flutuante__label" part="rotulo" style="display: none;"></label>
|
|
5
|
+
<div class="ui-lista-flutuante__backdrop"></div>
|
|
6
|
+
<button class="ui-lista-flutuante__gatilho" part="campo" aria-haspopup="listbox" aria-expanded="false" type="button">
|
|
7
|
+
<span class="ui-lista-flutuante__texto" part="valor"></span>
|
|
8
|
+
<span class="ui-lista-flutuante__seta" part="seta">▼</span>
|
|
9
|
+
</button>
|
|
10
|
+
<div class="ui-lista-flutuante__conteudo" part="lista" role="listbox" popover="manual">
|
|
11
|
+
<div class="ui-lista-flutuante__sheet-header">
|
|
12
|
+
<div class="ui-lista-flutuante__handle"></div>
|
|
13
|
+
<div class="ui-lista-flutuante__sheet-title-bar">
|
|
14
|
+
<span class="ui-lista-flutuante__sheet-titulo">Selecione uma opção</span>
|
|
15
|
+
<button class="ui-lista-flutuante__sheet-close" type="button" aria-label="Fechar">✕</button>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
<ul class="ui-lista-flutuante__lista" style="margin: 0; padding: 0; list-style: none;"></ul>
|
|
19
|
+
</div>
|
|
20
|
+
</div>
|
|
21
|
+
`}function m(o,i,t){o.innerHTML="",i.forEach(e=>{const s=document.createElement("li"),r=String(e.id)===String(t);s.className=`ui-lista-flutuante__item ${r?"ui-lista-flutuante__item--selecionado":""}`,s.setAttribute("data-id",e.id),s.textContent=e.label,s.role="option",s.tabIndex=-1,s.setAttribute("part",r?"opcao opcao-selecionada":"opcao"),r&&s.setAttribute("aria-selected","true"),o.appendChild(s)})}function y(o,i){o.querySelectorAll(".ui-lista-flutuante__item").forEach(e=>{const s=e.getAttribute("data-id");z.alternarPart(e,"opcao-selecionada",s===String(i)),s===String(i)?(e.classList.add("ui-lista-flutuante__item--selecionado"),e.setAttribute("aria-selected","true")):(e.classList.remove("ui-lista-flutuante__item--selecionado"),e.removeAttribute("aria-selected"))})}class p extends d.FormAssociatedElement{constructor(){super();a(this,"labelElement");a(this,"button");a(this,"content");a(this,"listElement");a(this,"textoElement");a(this,"backdropElement");a(this,"sheetTituloElement");a(this,"sheetCloseButton");a(this,"idsAcessibilidade");a(this,"listeners",new b.ListenerBag);a(this,"_itens",[]);a(this,"_value","");a(this,"_defaultValue","");a(this,"_defaultCapturado",!1);a(this,"observer");a(this,"posicionamento");a(this,"teclado");a(this,"toggleLista",t=>{t.stopPropagation(),!this.disabled&&(this.hasAttribute("aberta")?this.fechar():this.abrir())});a(this,"handleKeyDown",t=>{if(!this.disabled){if(t.key==="Escape"&&this.hasAttribute("aberta")){t.preventDefault(),this.fechar();return}(t.key==="Enter"||t.key===" "||t.key==="ArrowDown"||t.key==="ArrowUp")&&(t.preventDefault(),this.hasAttribute("aberta")?this.teclado.focarPrimeiroItem():this.abrir())}});a(this,"handleListKeyDown",t=>{this.hasAttribute("aberta")&&this.teclado.tratarKeydownLista(t,this._itens,e=>this.selecionarItem(e),this.fechar,this.button)});a(this,"fechar",()=>{this.hasAttribute("aberta")&&(this.removeAttribute("aberta"),this.posicionamento.desativarAcompanhamento(),this.teclado.resetarFoco())});a(this,"handleClickFora",t=>{if(!this.hasAttribute("aberta"))return;const e=t.composedPath();!e.includes(this)&&!e.includes(this.content)&&this.fechar()});a(this,"focarGatilho",()=>{this.disabled||this.button.focus()});a(this,"handleHostClick",t=>{c.cliqueVeioDeRotuloExterno(this,t)&&this.focarGatilho()});a(this,"handleListClick",t=>{var n;t.stopPropagation();const e=(n=t.target)==null?void 0:n.closest("li[data-id]");if(!e)return;const s=e.getAttribute("data-id"),r=this._itens.find(u=>String(u.id)===String(s));r&&this.selecionarItem(r)});const t=this.attachShadow({mode:"open"});t.innerHTML=k(),this.labelElement=t.querySelector(".ui-lista-flutuante__label"),this.button=t.querySelector(".ui-lista-flutuante__gatilho"),this.content=t.querySelector(".ui-lista-flutuante__conteudo"),this.listElement=t.querySelector(".ui-lista-flutuante__lista"),this.textoElement=t.querySelector(".ui-lista-flutuante__texto"),this.backdropElement=t.querySelector(".ui-lista-flutuante__backdrop"),this.sheetTituloElement=t.querySelector(".ui-lista-flutuante__sheet-titulo"),this.sheetCloseButton=t.querySelector(".ui-lista-flutuante__sheet-close");const e=c.gerarIdUnico("ui-select");this.idsAcessibilidade={label:`${e}-label`,gatilho:`${e}-gatilho`,texto:`${e}-texto`,lista:`${e}-lista`},this.labelElement.id=this.idsAcessibilidade.label,this.button.id=this.idsAcessibilidade.gatilho,this.textoElement.id=this.idsAcessibilidade.texto,this.content.id=this.idsAcessibilidade.lista,this.button.setAttribute("aria-controls",this.idsAcessibilidade.lista),this.posicionamento=new x(this,this.button,this.content),this.teclado=new v(this.listElement)}static get observedAttributes(){return _}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.button,"click",this.toggleLista),this.listeners.add(this.button,"keydown",this.handleKeyDown),this.listeners.add(this.content,"keydown",this.handleListKeyDown),this.listeners.add(this.backdropElement,"click",this.fechar),this.listeners.add(this.listElement,"click",this.handleListClick),this.listeners.add(this.sheetCloseButton,"click",t=>{t.stopPropagation(),this.fechar()}),this.listeners.add(document,"click",this.handleClickFora),this.listeners.add(this.labelElement,"click",this.focarGatilho),this.listeners.add(this,"click",this.handleHostClick),this._defaultCapturado||(this._defaultValue=this.getAttribute("value")||"",this._defaultCapturado=!0),this.carregarItensFilhos(),this.syncState(),this.observer=new MutationObserver(()=>this.carregarItensFilhos()),this.observer.observe(this,{childList:!0,subtree:!0})}carregarItensFilhos(){const t=Array.from(this.querySelectorAll('option, ui-opcao, [role="option"], [data-opcao], [data-value]:not(input):not(select)'));t.length>0&&(this._itens=t.map((e,s)=>{var n;const r=e.getAttribute("value")||e.getAttribute("data-value")||String(s+1);return{id:r,label:((n=e.textContent)==null?void 0:n.trim())||r||`Opção ${s+1}`}}),m(this.listElement,this._itens,this._value),this.syncLabel())}disconnectedCallback(){this.listeners.cleanup(),this.observer&&this.observer.disconnect(),this.fechar()}attributeChangedCallback(t,e,s){t==="aberta"&&this.button.setAttribute("aria-expanded",String(s!==null)),(t==="texto-padrao"||t==="placeholder"||t==="label"||t==="rotulo"||t==="aria-label")&&this.syncLabel(),t==="value"&&s!==this._value&&(this.value=s||""),t==="disabled"&&(this.button.disabled=this.disabled),(t==="altura"||t==="height")&&(s?this.style.setProperty("--ui-campo-altura",isNaN(Number(s))?s:`${s}px`):this.style.removeProperty("--ui-campo-altura"))}get value(){return this._value}set value(t){this._value=t,this.setAttribute("value",t),this.internals.setFormValue(t),this.syncLabel(),y(this.listElement,this._value),this.atualizarValidade()}get label(){return this.getAttribute("label")||this.getAttribute("rotulo")||""}set label(t){t?this.setAttribute("label",t):(this.removeAttribute("label"),this.removeAttribute("rotulo")),this.syncLabel()}get disabled(){return this.hasAttribute("disabled")||this._formDisabled}set disabled(t){t?this.setAttribute("disabled",""):this.removeAttribute("disabled"),this.button.disabled=this.disabled}get name(){return this.getAttribute("name")||""}set name(t){this.setAttribute("name",t)}get type(){return"select-one"}atualizarValidade(){if(!this.internals||typeof this.internals.setValidity!="function")return;if(this.disabled){this.internals.setValidity({});return}if(this._customErrorMessage){this.internals.setValidity({customError:!0},this._customErrorMessage,this.button);return}if((this.hasAttribute("obrigatorio")||this.hasAttribute("required"))&&(!this._value||this._value.trim()==="")){const e=this.getAttribute("mensagem-validacao")||"Selecione um item da lista.";this.internals.setValidity({valueMissing:!0},e,this.button);return}this.internals.setValidity({})}formDisabledCallback(t){this._formDisabled=t,this.button.disabled=this.disabled,this.disabled&&this.fechar()}formResetCallback(){this.value=this._defaultValue}formStateRestoreCallback(t,e){typeof t=="string"&&(this.value=t)}get itens(){return this._itens}set itens(t){this._itens=t||[],m(this.listElement,this._itens,this._value),this.syncLabel()}abrir(){this.disabled||this.hasAttribute("aberta")||(this.setAttribute("aberta",""),this.posicionamento.posicionar(),this.posicionamento.ativarAcompanhamento(this.fechar))}syncLabel(){const t=this.getAttribute("label")||this.getAttribute("rotulo");if(t)d.renderizarRotulo(this.labelElement,t,this.required,"ui-lista-flutuante__asterisco"),this.labelElement.style.display="block",this.sheetTituloElement.textContent=t,this.button.setAttribute("aria-labelledby",`${this.idsAcessibilidade.label} ${this.idsAcessibilidade.texto}`),this.content.setAttribute("aria-labelledby",this.idsAcessibilidade.label),this.button.removeAttribute("aria-label"),this.content.removeAttribute("aria-label");else{this.labelElement.style.display="none",this.sincronizarRotuloExterno();const s=this.getAttribute("texto-padrao")||this.getAttribute("placeholder")||"Opções";this.sheetTituloElement.textContent=s}const e=this._itens.find(s=>String(s.id)===String(this._value));if(e)this.textoElement.textContent=e.label;else{const s=this.getAttribute("texto-padrao")||this.getAttribute("placeholder")||"Opções";this.textoElement.textContent=s}}sincronizarRotuloExterno(){this.button.removeAttribute("aria-labelledby"),this.content.removeAttribute("aria-labelledby");const t=c.obterRotuloExterno(this,this.internals);t?(this.button.setAttribute("aria-labelledby",`${this.idsAcessibilidade.gatilho} ${this.idsAcessibilidade.texto}`),this.button.setAttribute("aria-label",t),this.content.setAttribute("aria-label",t)):(this.button.removeAttribute("aria-label"),this.content.removeAttribute("aria-label"))}syncState(){const t=this.getAttribute("altura")||this.getAttribute("height");t&&this.style.setProperty("--ui-campo-altura",isNaN(Number(t))?t:`${t}px`),this.hasAttribute("value")&&(this._value=this.getAttribute("value")||"",this.internals.setFormValue(this._value)),this.syncLabel(),this.atualizarValidade()}selecionarItem(t){var r;const e=(r=this.shadowRoot)==null?void 0:r.activeElement,s=!!e&&this.content.contains(e);this.value=t.id,this.fechar(),s&&this.button.focus(),this.dispatchEvent(new CustomEvent("ui-selecionar",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}}class w extends p{}h.definirCustomElement("ui-lista-flutuante",p);h.definirCustomElement("ui-select",w);const q=':host{display:inline-flex;align-items:center;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif);vertical-align:middle}.ui-checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1;outline:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ui-checkbox--disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}.ui-checkbox__box{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;min-width:16px;min-height:16px;background-color:var(--ui-cor-fundo-elevado, #1a1a1e);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));border-radius:var(--ui-raio-sm, 4px);box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;flex-shrink:0}.ui-checkbox:focus-visible .ui-checkbox__box,.ui-checkbox--foco .ui-checkbox__box{border-color:var(--ui-cor-primaria, #00E08A);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 25%,transparent)}.ui-checkbox--checked .ui-checkbox__box,.ui-checkbox--indeterminate .ui-checkbox__box{background-color:var(--ui-cor-primaria, #00E08A);border-color:var(--ui-cor-primaria, #00E08A);color:var(--ui-cor-texto-sobre-primaria, #000000)}.ui-checkbox__mark{width:12px;height:12px;display:flex;align-items:center;justify-content:center;transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s ease;transform:scale(0);opacity:0}.ui-checkbox--checked .ui-checkbox__mark,.ui-checkbox--indeterminate .ui-checkbox__mark{transform:scale(1);opacity:1}.ui-checkbox__mark svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;shape-rendering:geometricPrecision}.ui-checkbox__label{display:inline-flex;align-items:center;font-size:clamp(11px,.85rem,14px);color:var(--ui-cor-texto, #e1e1e6);line-height:1}.ui-checkbox--label-esquerda{flex-direction:row-reverse}@media (max-width: 640px){.ui-checkbox{min-height:40px;padding:4px 0}.ui-checkbox__box{width:20px;height:20px;min-width:20px;min-height:20px}.ui-checkbox__mark{width:14px;height:14px}.ui-checkbox__label{font-size:14px}}';function f({host:o,internals:i,controle:t,rotulo:e,texto:s}){if(s){e.textContent=s,e.style.display="inline",t.setAttribute("aria-labelledby",e.id),t.removeAttribute("aria-label");return}e.style.display="none",t.removeAttribute("aria-labelledby");const r=c.obterRotuloExterno(o,i);r?t.setAttribute("aria-label",r):t.removeAttribute("aria-label")}class A extends d.FormAssociatedElement{constructor(){super();a(this,"containerElement");a(this,"markElement");a(this,"labelElement");a(this,"listeners",new b.ListenerBag);a(this,"_defaultChecked",!1);a(this,"_defaultIndeterminate",!1);a(this,"handleClick",t=>{t.preventDefault(),this.alternar()});a(this,"handleHostClick",t=>{c.cliqueVeioDeRotuloExterno(this,t)&&(this.alternar(),this.containerElement.focus())});a(this,"handleKeyDown",t=>{(t.key===" "||t.key==="Enter")&&(t.preventDefault(),this.alternar())});a(this,"handleFocus",()=>{this.containerElement.classList.add("ui-checkbox--foco")});a(this,"handleBlur",()=>{this.containerElement.classList.remove("ui-checkbox--foco")});const t=this.attachShadow({mode:"open"});t.innerHTML=`
|
|
22
|
+
<style>${q}</style>
|
|
23
|
+
<div class="ui-checkbox" part="base" tabindex="0" role="checkbox" aria-checked="false">
|
|
24
|
+
<span class="ui-checkbox__box" part="controle">
|
|
25
|
+
<span class="ui-checkbox__mark" part="indicador"></span>
|
|
26
|
+
</span>
|
|
27
|
+
<span class="ui-checkbox__label" part="rotulo" style="display: none;"></span>
|
|
28
|
+
</div>
|
|
29
|
+
`,this.containerElement=t.querySelector(".ui-checkbox"),this.markElement=t.querySelector(".ui-checkbox__mark"),this.labelElement=t.querySelector(".ui-checkbox__label"),this.labelElement.id=c.gerarIdUnico("ui-checkbox-label")}static get observedAttributes(){return["marcado","checked","indeterminado","indeterminate","disabled","value","label","posicao-label","name","obrigatorio","required","mensagem-validacao"]}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.containerElement,"click",this.handleClick),this.listeners.add(this.containerElement,"keydown",this.handleKeyDown),this.listeners.add(this.containerElement,"focus",this.handleFocus),this.listeners.add(this.containerElement,"blur",this.handleBlur),this.listeners.add(this,"click",this.handleHostClick),this._defaultChecked=this.hasAttribute("marcado")||this.hasAttribute("checked"),this._defaultIndeterminate=this.hasAttribute("indeterminado")||this.hasAttribute("indeterminate"),this.syncState()}disconnectedCallback(){this.listeners.cleanup()}attributeChangedCallback(t,e,s){this.syncState()}get marcado(){return this.hasAttribute("marcado")||this.hasAttribute("checked")}set marcado(t){t?this.setAttribute("marcado",""):(this.removeAttribute("marcado"),this.removeAttribute("checked")),this.syncState()}get checked(){return this.marcado}set checked(t){this.marcado=t}get value(){return this.getAttribute("value")||"on"}set value(t){this.setAttribute("value",t),this.syncState()}get name(){return this.getAttribute("name")||""}set name(t){this.setAttribute("name",t),this.syncState()}get indeterminado(){return this.hasAttribute("indeterminado")||this.hasAttribute("indeterminate")}set indeterminado(t){t?this.setAttribute("indeterminado",""):(this.removeAttribute("indeterminado"),this.removeAttribute("indeterminate")),this.syncState()}get disabled(){return this.hasAttribute("disabled")||this._formDisabled}set disabled(t){t?this.setAttribute("disabled",""):this.removeAttribute("disabled"),this.syncState()}get type(){return"checkbox"}atualizarValidade(){if(!this.internals||typeof this.internals.setValidity!="function")return;if(this.disabled){this.internals.setValidity({});return}if(this._customErrorMessage){this.internals.setValidity({customError:!0},this._customErrorMessage,this.containerElement);return}if((this.hasAttribute("obrigatorio")||this.hasAttribute("required"))&&!this.marcado){const e=this.getAttribute("mensagem-validacao")||"Marque esta caixa para continuar.";this.internals.setValidity({valueMissing:!0},e,this.containerElement);return}this.internals.setValidity({})}focus(t){this.containerElement.focus(t)}alternar(){this.disabled||(this.indeterminado?(this.indeterminado=!1,this.marcado=!0):this.marcado=!this.marcado,this.dispatchEvent(new CustomEvent("ui-change",{detail:{marcado:this.marcado,indeterminado:this.indeterminado,value:this.getAttribute("value")||""},bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}syncState(){const t=this.marcado,e=this.indeterminado,s=this.disabled,r=this.getAttribute("label"),n=this.getAttribute("posicao-label")||"direita";this.containerElement.setAttribute("aria-checked",e?"mixed":String(t)),s?(this.containerElement.classList.add("ui-checkbox--disabled"),this.containerElement.setAttribute("tabindex","-1"),this.containerElement.setAttribute("aria-disabled","true")):(this.containerElement.classList.remove("ui-checkbox--disabled"),this.containerElement.setAttribute("tabindex","0"),this.containerElement.removeAttribute("aria-disabled")),t?this.containerElement.classList.add("ui-checkbox--checked"):this.containerElement.classList.remove("ui-checkbox--checked"),e?this.containerElement.classList.add("ui-checkbox--indeterminate"):this.containerElement.classList.remove("ui-checkbox--indeterminate"),n==="esquerda"?this.containerElement.classList.add("ui-checkbox--label-esquerda"):this.containerElement.classList.remove("ui-checkbox--label-esquerda"),e?this.markElement.innerHTML=`
|
|
30
|
+
<svg viewBox="0 0 24 24">
|
|
31
|
+
<line x1="5" y1="12" x2="19" y2="12"></line>
|
|
32
|
+
</svg>
|
|
33
|
+
`:t?this.markElement.innerHTML=`
|
|
34
|
+
<svg viewBox="0 0 24 24">
|
|
35
|
+
<polyline points="20 6 9 17 4 12"></polyline>
|
|
36
|
+
</svg>
|
|
37
|
+
`:this.markElement.innerHTML="",f({host:this,internals:this.internals,controle:this.containerElement,rotulo:this.labelElement,texto:r}),t?this.internals.setFormValue(this.getAttribute("value")||"on"):this.internals.setFormValue(null),this.atualizarValidade()}formResetCallback(){this.marcado=this._defaultChecked,this.indeterminado=this._defaultIndeterminate,this.syncState()}formStateRestoreCallback(t,e){typeof t=="string"?this.marcado=t===(this.getAttribute("value")||"on"):typeof t=="boolean"&&(this.marcado=t),this.syncState()}}h.definirCustomElement("ui-checkbox",A);const D=':host{display:inline-flex;align-items:center;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif);vertical-align:middle}.ui-radio{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1;outline:none}.ui-radio--disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}.ui-radio__circle{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;min-width:16px;min-height:16px;background-color:var(--ui-cor-fundo-elevado, #1a1a1e);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));border-radius:50%;box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;flex-shrink:0}.ui-radio:focus-visible .ui-radio__circle,.ui-radio--foco .ui-radio__circle{border-color:var(--ui-cor-primaria, #00E08A);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 25%,transparent)}.ui-radio--checked .ui-radio__circle{border-color:var(--ui-cor-primaria, #00E08A)}.ui-radio__dot{width:8px;height:8px;border-radius:50%;background-color:var(--ui-cor-primaria, #00E08A);transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s ease;transform:scale(0);opacity:0}.ui-radio--checked .ui-radio__dot{transform:scale(1);opacity:1}.ui-radio__label{display:inline-flex;align-items:center;font-size:clamp(11px,.85rem,14px);color:var(--ui-cor-texto, #e1e1e6);line-height:1}.ui-radio--label-esquerda{flex-direction:row-reverse}';class l{static getScopeNode(i){return i.closest("form")||i.getRootNode()||document}static registrar(i){this.desregistrar(i);const t=i.name;if(!t)return;const e=this.getScopeNode(i);let s=this.registry.get(e);s||(s=new Map,this.registry.set(e,s));let r=s.get(t);r||(r=new Set,s.set(t,r)),r.add(i),this.registros.set(i,{scope:e,nome:t})}static desregistrar(i){const t=this.registros.get(i);if(!t)return;this.registros.delete(i);const e=this.registry.get(t.scope),s=e==null?void 0:e.get(t.nome);!e||!s||(s.delete(i),s.size===0&&e.delete(t.nome),e.size===0&&this.registry.delete(t.scope))}static obterRadiosDoGrupo(i){var s;const t=this.registros.get(i);if(!t)return[];const e=(s=this.registry.get(t.scope))==null?void 0:s.get(t.nome);return e?Array.from(e):[]}static desmarcarOutros(i){this.obterRadiosDoGrupo(i).forEach(t=>{t!==i&&(t.removeAttribute("marcado"),t.removeAttribute("checked"),t.syncState())})}static atualizarGrupo(i){i.forEach(t=>t.atualizarTabindex())}static tratarNavegacaoTeclado(i,t){if(!["ArrowDown","ArrowRight","ArrowUp","ArrowLeft"].includes(i.key))return;i.preventDefault();const e=this.obterRadiosDoGrupo(t).filter(u=>!u.disabled&&u.isConnected);if(e.length<=1)return;const s=e.indexOf(t),r=i.key==="ArrowDown"||i.key==="ArrowRight",n=(s+(r?1:-1)+e.length)%e.length;if(n!==s){const u=e[n];u.selecionar(),u.focus()}}}a(l,"registry",new WeakMap),a(l,"registros",new WeakMap);class E extends d.FormAssociatedElement{constructor(){super();a(this,"containerElement");a(this,"labelElement");a(this,"listeners",new b.ListenerBag);a(this,"_defaultChecked",!1);a(this,"handleClick",t=>{t.preventDefault(),this.selecionar(),this.containerElement.focus()});a(this,"handleHostClick",t=>{c.cliqueVeioDeRotuloExterno(this,t)&&(this.selecionar(),this.containerElement.focus())});a(this,"handleKeyDown",t=>{t.key===" "||t.key==="Enter"?(t.preventDefault(),this.selecionar()):l.tratarNavegacaoTeclado(t,this)});a(this,"handleFocus",()=>{this.containerElement.classList.add("ui-radio--foco")});a(this,"handleBlur",()=>{this.containerElement.classList.remove("ui-radio--foco")});const t=this.attachShadow({mode:"open"});t.innerHTML=`
|
|
38
|
+
<style>${D}</style>
|
|
39
|
+
<div class="ui-radio" part="base" tabindex="0" role="radio" aria-checked="false">
|
|
40
|
+
<span class="ui-radio__circle" part="controle">
|
|
41
|
+
<span class="ui-radio__dot" part="indicador"></span>
|
|
42
|
+
</span>
|
|
43
|
+
<span class="ui-radio__label" part="rotulo" style="display: none;"></span>
|
|
44
|
+
</div>
|
|
45
|
+
`,this.containerElement=t.querySelector(".ui-radio"),this.labelElement=t.querySelector(".ui-radio__label"),this.labelElement.id=c.gerarIdUnico("ui-radio-label")}static get observedAttributes(){return["marcado","checked","name","nome","disabled","value","label","posicao-label","obrigatorio","required","mensagem-validacao"]}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.containerElement,"click",this.handleClick),this.listeners.add(this.containerElement,"keydown",this.handleKeyDown),this.listeners.add(this.containerElement,"focus",this.handleFocus),this.listeners.add(this.containerElement,"blur",this.handleBlur),this.listeners.add(this,"click",this.handleHostClick),this._defaultChecked=this.hasAttribute("marcado")||this.hasAttribute("checked"),l.registrar(this),this.syncState(),l.atualizarGrupo(l.obterRadiosDoGrupo(this).filter(t=>t!==this))}disconnectedCallback(){this.listeners.cleanup();const t=l.obterRadiosDoGrupo(this).filter(e=>e!==this&&e.isConnected);l.desregistrar(this),l.atualizarGrupo(t)}attributeChangedCallback(t,e,s){if((t==="name"||t==="nome")&&this.isConnected){const r=l.obterRadiosDoGrupo(this).filter(n=>n!==this);l.registrar(this),this.syncState(),l.atualizarGrupo([...r,...l.obterRadiosDoGrupo(this).filter(n=>n!==this)]);return}this.syncState()}get marcado(){return this.hasAttribute("marcado")||this.hasAttribute("checked")}set marcado(t){t?this.setAttribute("marcado",""):(this.removeAttribute("marcado"),this.removeAttribute("checked"))}get name(){return this.getAttribute("name")||this.getAttribute("nome")||""}set name(t){this.setAttribute("name",t)}get disabled(){return this.hasAttribute("disabled")||this._formDisabled}set disabled(t){t?this.setAttribute("disabled",""):this.removeAttribute("disabled"),this.syncState()}get type(){return"radio"}atualizarValidade(){if(!this.internals||typeof this.internals.setValidity!="function")return;if(this.disabled){this.internals.setValidity({});return}if(this._customErrorMessage){this.internals.setValidity({customError:!0},this._customErrorMessage,this.containerElement);return}const t=l.obterRadiosDoGrupo(this);if((this.required||t.length>0&&t.some(s=>s.required))&&!(this.marcado||t.length>0&&t.some(r=>r.marcado))){const r=this.getAttribute("mensagem-validacao")||"Selecione uma opção.";this.internals.setValidity({valueMissing:!0},r,this.containerElement);return}this.internals.setValidity({})}focus(t){this.containerElement.focus(t)}selecionar(){this.disabled||this.marcado||(this.marcado=!0,l.desmarcarOutros(this),this.dispatchEvent(new CustomEvent("ui-change",{detail:{marcado:!0,name:this.name,value:this.getAttribute("value")||""},bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),l.obterRadiosDoGrupo(this).forEach(t=>t.atualizarValidade()))}atualizarTabindex(){if(this.disabled){this.containerElement.setAttribute("tabindex","-1");return}const t=l.obterRadiosDoGrupo(this).filter(e=>e.isConnected||e===this);if(t.length===0){this.containerElement.setAttribute("tabindex","0");return}if(t.some(e=>e.marcado))this.containerElement.setAttribute("tabindex",this.marcado?"0":"-1");else{const e=t.find(s=>!s.disabled);this.containerElement.setAttribute("tabindex",e===this?"0":"-1")}}syncState(){const t=this.marcado,e=this.disabled,s=this.getAttribute("label"),r=this.getAttribute("posicao-label")||"direita";this.containerElement.setAttribute("aria-checked",String(t)),this.atualizarTabindex(),e?(this.containerElement.classList.add("ui-radio--disabled"),this.containerElement.setAttribute("aria-disabled","true")):(this.containerElement.classList.remove("ui-radio--disabled"),this.containerElement.removeAttribute("aria-disabled")),t?this.containerElement.classList.add("ui-radio--checked"):this.containerElement.classList.remove("ui-radio--checked"),r==="esquerda"?this.containerElement.classList.add("ui-radio--label-esquerda"):this.containerElement.classList.remove("ui-radio--label-esquerda"),f({host:this,internals:this.internals,controle:this.containerElement,rotulo:this.labelElement,texto:s}),t?this.internals.setFormValue(this.getAttribute("value")||"on"):this.internals.setFormValue(null),this.atualizarValidade()}formResetCallback(){this.marcado=this._defaultChecked,this._defaultChecked?this.internals.setFormValue(this.getAttribute("value")||"on"):this.internals.setFormValue(null),this.atualizarValidade()}formStateRestoreCallback(t,e){typeof t=="string"?this.marcado=t===(this.getAttribute("value")||"on"):typeof t=="boolean"&&(this.marcado=t),this.syncState()}}h.definirCustomElement("ui-radio",E);const V=':host{display:inline-flex;align-items:center;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif);vertical-align:middle}.ui-switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1;outline:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ui-switch--disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}.ui-switch__track{display:inline-flex;align-items:center;position:relative;width:36px;height:20px;background-color:var(--ui-cor-fundo-elevado, #1a1a1e);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));border-radius:var(--ui-raio-pill, 999px);box-sizing:border-box;padding:1px;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;flex-shrink:0}.ui-switch:focus-visible .ui-switch__track,.ui-switch--foco .ui-switch__track{border-color:var(--ui-cor-primaria, #00E08A);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 25%,transparent)}.ui-switch--checked .ui-switch__track{background-color:var(--ui-cor-primaria, #00E08A);border-color:var(--ui-cor-primaria, #00E08A)}.ui-switch__thumb{display:block;width:16px;height:16px;background-color:#fff;border-radius:50%;box-shadow:var(--ui-sombra-sm, 0 1px 3px rgba(0, 0, 0, .3));transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s ease;transform:translate(0)}.ui-switch--checked .ui-switch__thumb{transform:translate(16px);background-color:var(--ui-cor-texto-sobre-primaria, #000000)}.ui-switch--sm .ui-switch__track{width:28px;height:16px;padding:1px}.ui-switch--sm .ui-switch__thumb{width:12px;height:12px}.ui-switch--sm.ui-switch--checked .ui-switch__thumb{transform:translate(12px)}.ui-switch--lg .ui-switch__track{width:44px;height:24px;padding:1px}.ui-switch--lg .ui-switch__thumb{width:20px;height:20px}.ui-switch--lg.ui-switch--checked .ui-switch__thumb{transform:translate(20px)}.ui-switch__label{display:inline-flex;align-items:center;font-size:clamp(11px,.85rem,14px);color:var(--ui-cor-texto, #e1e1e6);line-height:1}.ui-switch--label-esquerda{flex-direction:row-reverse}@media (max-width: 640px){.ui-switch{min-height:40px;padding:4px 0}.ui-switch__label{font-size:14px}}';class g extends d.FormAssociatedElement{constructor(){super();a(this,"containerElement");a(this,"labelElement");a(this,"labelId");a(this,"listeners",new b.ListenerBag);a(this,"_defaultChecked",!1);a(this,"handleClick",t=>{t.preventDefault(),this.alternar()});a(this,"handleHostClick",t=>{c.cliqueVeioDeRotuloExterno(this,t)&&(this.alternar(),this.containerElement.focus())});a(this,"handleKeyDown",t=>{(t.key===" "||t.key==="Enter")&&(t.preventDefault(),this.alternar())});a(this,"handleFocus",()=>{this.containerElement.classList.add("ui-switch--foco")});a(this,"handleBlur",()=>{this.containerElement.classList.remove("ui-switch--foco")});const t=this.attachShadow({mode:"open"});t.innerHTML=`
|
|
46
|
+
<style>${V}</style>
|
|
47
|
+
<div class="ui-switch" part="base" tabindex="0" role="switch" aria-checked="false">
|
|
48
|
+
<span class="ui-switch__track" part="controle">
|
|
49
|
+
<span class="ui-switch__thumb" part="indicador"></span>
|
|
50
|
+
</span>
|
|
51
|
+
<span class="ui-switch__label" part="rotulo" style="display: none;"></span>
|
|
52
|
+
</div>
|
|
53
|
+
`,this.containerElement=t.querySelector(".ui-switch"),this.labelElement=t.querySelector(".ui-switch__label"),this.labelId=c.gerarIdUnico("ui-switch-label"),this.labelElement.id=this.labelId}static get observedAttributes(){return["ativo","ligado","checked","disabled","tamanho","size","label","posicao-label","value","name","obrigatorio","required","mensagem-validacao","aria-label"]}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.containerElement,"click",this.handleClick),this.listeners.add(this.containerElement,"keydown",this.handleKeyDown),this.listeners.add(this.containerElement,"focus",this.handleFocus),this.listeners.add(this.containerElement,"blur",this.handleBlur),this.listeners.add(this,"click",this.handleHostClick),this._defaultChecked=this.hasAttribute("ativo")||this.hasAttribute("ligado")||this.hasAttribute("checked"),this.syncState()}disconnectedCallback(){this.listeners.cleanup()}attributeChangedCallback(t,e,s){this.syncState()}get ativo(){return this.hasAttribute("ativo")||this.hasAttribute("ligado")||this.hasAttribute("checked")}set ativo(t){t?this.setAttribute("ativo",""):(this.removeAttribute("ativo"),this.removeAttribute("ligado"),this.removeAttribute("checked")),this.syncState()}get checked(){return this.ativo}set checked(t){this.ativo=t}get value(){return this.getAttribute("value")||"on"}set value(t){this.setAttribute("value",t),this.syncState()}get name(){return this.getAttribute("name")||""}set name(t){this.setAttribute("name",t),this.syncState()}get disabled(){return this.hasAttribute("disabled")||this._formDisabled}set disabled(t){t?this.setAttribute("disabled",""):this.removeAttribute("disabled"),this.syncState()}get type(){return"checkbox"}atualizarValidade(){if(!this.internals||typeof this.internals.setValidity!="function")return;if(this.disabled){this.internals.setValidity({});return}if(this._customErrorMessage){this.internals.setValidity({customError:!0},this._customErrorMessage,this.containerElement);return}if((this.hasAttribute("obrigatorio")||this.hasAttribute("required"))&&!this.ativo){const e=this.getAttribute("mensagem-validacao")||"Ative este interruptor para continuar.";this.internals.setValidity({valueMissing:!0},e,this.containerElement);return}this.internals.setValidity({})}focus(t){this.containerElement.focus(t)}alternar(){this.disabled||(this.ativo=!this.ativo,this.dispatchEvent(new CustomEvent("ui-change",{detail:{ativo:this.ativo,value:this.getAttribute("value")||""},bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}syncState(){const t=this.ativo,e=this.disabled,s=this.getAttribute("tamanho")||this.getAttribute("size")||"md",r=this.getAttribute("label"),n=this.getAttribute("posicao-label")||"direita";this.containerElement.setAttribute("aria-checked",String(t)),e?(this.containerElement.classList.add("ui-switch--disabled"),this.containerElement.setAttribute("tabindex","-1"),this.containerElement.setAttribute("aria-disabled","true")):(this.containerElement.classList.remove("ui-switch--disabled"),this.containerElement.setAttribute("tabindex","0"),this.containerElement.removeAttribute("aria-disabled")),t?this.containerElement.classList.add("ui-switch--checked"):this.containerElement.classList.remove("ui-switch--checked"),this.containerElement.classList.remove("ui-switch--sm","ui-switch--md","ui-switch--lg"),["sm","md","lg"].includes(s)?this.containerElement.classList.add(`ui-switch--${s}`):this.containerElement.classList.add("ui-switch--md"),n==="esquerda"?this.containerElement.classList.add("ui-switch--label-esquerda"):this.containerElement.classList.remove("ui-switch--label-esquerda"),f({host:this,internals:this.internals,controle:this.containerElement,rotulo:this.labelElement,texto:r}),t?this.internals.setFormValue(this.getAttribute("value")||"on"):this.internals.setFormValue(null),this.atualizarValidade()}formResetCallback(){this.ativo=this._defaultChecked,this.syncState()}formStateRestoreCallback(t,e){typeof t=="string"?this.ativo=t===(this.getAttribute("value")||"on"):typeof t=="boolean"&&(this.ativo=t),this.syncState()}}class S extends g{}h.definirCustomElement("ui-switch",g);h.definirCustomElement("ui-toggle",S);exports.ATRIBUTOS_OBSERVADOS_LISTA_FLUTUANTE=_;exports.ListaFlutuantePosicionamento=x;exports.ListaFlutuanteTeclado=v;exports.RadioGrupoRegistry=l;exports.UICheckbox=A;exports.UIListaFlutuante=p;exports.UIRadio=E;exports.UISelect=w;exports.UISwitch=g;exports.UIToggle=S;exports.atualizarEstadoSelecaoLista=y;exports.criarTemplateListaFlutuante=k;exports.renderizarItensLista=m;
|