@thibezer/ui-components-kit 2.6.1 → 2.7.0

package/dist/ui-paleta-ferramentas-bDLPbiGA.cjs

@@ -0,0 +1,21 @@
+"use strict";var G=Object.defineProperty;var K=(a,o,t)=>o in a?G(a,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[o]=t;var u=(a,o,t)=>K(a,typeof o!="symbol"?o+"":o,t);const z=require("./listener-bag-D5omxZ9h.cjs"),w=require("./ssr-safe-CiHD1adl.cjs"),X=require("./svg-seguro-C76iLlAZ.cjs"),Y=':host{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1;color:inherit;flex-shrink:0;width:var(--ui-tamanho-icone, 20px);height:var(--ui-tamanho-icone, 20px);box-sizing:border-box}.ui-icone{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit;font-size:var(--ui-tamanho-icone, 20px)}::slotted(svg),.ui-icone svg{width:100%!important;height:100%!important;display:block;shape-rendering:geometricPrecision}:host([cor="primaria"]),:host([color="primaria"]){color:var(--ui-cor-primaria, #00E08A)}:host([cor="secundaria"]),:host([color="secundaria"]){color:var(--ui-cor-texto-secundario, #888899)}:host([cor="erro"]),:host([color="erro"]){color:var(--ui-cor-texto-erro, #ff5555)}:host([cor="sucesso"]),:host([color="sucesso"]){color:var(--ui-cor-texto-sucesso, #00E08A)}:host([cor="alerta"]),:host([color="alerta"]){color:var(--ui-cor-texto-alerta, #ffb86c)}',D={search:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>',check:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>',eye:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>',eyeOff:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>',lock:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>',trash:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>',gear:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>',bell:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>',alert:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>',close:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>'};class B extends w.SafeHTMLElement{constructor(){super();u(this,"iconContainer");u(this,"svgContainer");u(this,"slotElement");u(this,"handleSlotChange",()=>{this.syncState()});const t=this.attachShadow({mode:"open"});t.innerHTML=`
+      <style>${Y}</style>
+      <span class="ui-icone" aria-hidden="true">
+        <span class="ui-icone__svg" style="display: none;"></span>
+        <slot></slot>
+      </span>
+    `,this.iconContainer=t.querySelector(".ui-icone"),this.svgContainer=t.querySelector(".ui-icone__svg"),this.slotElement=t.querySelector("slot")}static get observedAttributes(){return["tamanho","size","cor","color","nome","name"]}connectedCallback(){this.slotElement.addEventListener("slotchange",this.handleSlotChange),this.syncState()}disconnectedCallback(){this.slotElement.removeEventListener("slotchange",this.handleSlotChange)}attributeChangedCallback(t,e,i){this.syncState()}resolveTamanhoPx(){const t=this.getAttribute("tamanho")||this.getAttribute("size")||"md";switch(t.toLowerCase()){case"sm":return"16px";case"md":return"20px";case"lg":return"24px";case"xl":return"32px";default:return isNaN(Number(t))?t:`${t}px`}}syncState(){const t=this.resolveTamanhoPx();this.style.setProperty("--ui-tamanho-icone",t);const e=this.getAttribute("cor")||this.getAttribute("color");e?(this.style.setProperty("--ui-cor-icone",e),this.iconContainer.style.color=e):(this.style.removeProperty("--ui-cor-icone"),this.iconContainer.style.color=""),this.hasAttribute("aria-label")||this.hasAttribute("label")?this.iconContainer.removeAttribute("aria-hidden"):this.iconContainer.setAttribute("aria-hidden","true");const r=this.getAttribute("nome")||this.getAttribute("name"),s=this.slotElement.assignedNodes().length>0;r&&D[r]&&!s?(this.svgContainer.innerHTML=D[r],this.svgContainer.style.display="inline-flex"):(this.svgContainer.innerHTML="",this.svgContainer.style.display="none")}}w.definirCustomElement("ui-icone",B);const W=':host{display:block;position:relative;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif);color:var(--ui-cor-texto, #e1e1e6)}.ui-ribbon{display:flex;flex-direction:column;background:var(--ui-cor-superficie, #141417);border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));-webkit-user-select:none;user-select:none}.ui-ribbon__cabecalho{display:flex;align-items:stretch;height:30px;box-sizing:border-box;box-shadow:inset 0 -1px 0 var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ribbon__abas{display:flex;flex:1;min-width:0;align-items:flex-end;gap:2px;padding:0 8px;box-sizing:border-box;overflow-x:auto;scrollbar-width:none;background:linear-gradient(to right,var(--ui-cor-superficie, #141417) 20px,transparent) left top / 28px calc(100% - 1px) no-repeat local,linear-gradient(to left,var(--ui-cor-superficie, #141417) 20px,transparent) right top / 28px calc(100% - 1px) no-repeat local,linear-gradient(to right,rgba(0,0,0,.35),transparent) left top / 14px calc(100% - 1px) no-repeat scroll,linear-gradient(to left,rgba(0,0,0,.35),transparent) right top / 14px calc(100% - 1px) no-repeat scroll}.ui-ribbon__abas::-webkit-scrollbar{display:none}.ui-ribbon__aba{position:relative;flex-shrink:0;height:28px;margin-bottom:1px;padding:0 14px;border:0;border-radius:6px 6px 0 0;background:transparent;color:var(--ui-cor-texto-secundario, #888899);font:inherit;font-size:.75rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,color .12s ease}.ui-ribbon__aba:hover{color:var(--ui-cor-texto, #e1e1e6);background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ribbon__aba:focus-visible{outline:2px solid var(--ui-cor-primaria, #00E08A);outline-offset:-2px}.ui-ribbon__aba--ativa,.ui-ribbon__aba--ativa:hover{height:30px;margin-bottom:0;color:var(--ui-cor-texto, #e1e1e6);background:var(--ui-cor-fundo-elevado, #1a1a1e);box-shadow:inset 1px 0 0 var(--ui-cor-borda, rgba(255, 255, 255, .12)),inset -1px 0 0 var(--ui-cor-borda, rgba(255, 255, 255, .12)),inset 0 1px 0 var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ribbon__aba--ativa:after{content:"";position:absolute;inset-inline:8px;bottom:1px;height:2px;border-radius:2px 2px 0 0;background:var(--ui-cor-primaria, #00E08A)}.ui-ribbon__aba--contextual{color:var(--ui-cor-primaria, #00E08A)}.ui-ribbon__aba--contextual:before{content:"";position:absolute;inset-inline:0;top:0;height:2px;border-radius:6px 6px 0 0;background:var(--ui-cor-primaria, #00E08A)}.ui-ribbon__fixar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;align-self:center;width:28px;height:24px;margin-inline:2px 6px;padding:0;border:0;border-radius:var(--ui-raio-sm, 4px);background:transparent;color:var(--ui-cor-texto-secundario, #888899);cursor:pointer}.ui-ribbon__fixar:hover{color:var(--ui-cor-texto, #e1e1e6);background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ribbon__fixar:focus-visible{outline:2px solid var(--ui-cor-primaria, #00E08A);outline-offset:-2px}.ui-ribbon__fixar:before{content:"";width:6px;height:6px;border:solid currentColor;border-width:2px 0 0 2px;transform:translateY(2px) rotate(45deg)}:host([recolhido]) .ui-ribbon__fixar:before{transform:translateY(-2px) rotate(225deg)}.ui-ribbon__painel{background:var(--ui-cor-fundo-elevado, #1a1a1e);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--ui-cor-borda, rgba(255, 255, 255, .2)) transparent}.ui-ribbon__grupos{display:flex;align-items:stretch;width:max-content;min-width:100%;min-height:92px;padding:4px 8px;box-sizing:border-box}.ui-ribbon__grupo{display:flex;flex-direction:column;flex-shrink:0;padding:0 8px;border-inline-end:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ribbon__grupo:last-child{border-inline-end:0}.ui-ribbon__grupo-itens{display:flex;flex:1;align-items:stretch;gap:2px}.ui-ribbon__grupo-rotulo{padding:3px 0 1px;color:var(--ui-cor-texto-secundario, #888899);font-size:.6875rem;line-height:1.2;text-align:center;white-space:nowrap}.ui-ribbon__coluna{display:flex;flex-direction:column;justify-content:center;gap:0}.ui-ribbon__separador{width:1px;margin:4px 3px;background:var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ferr-btn--grande{flex-direction:column;min-width:52px;padding:4px 6px;gap:3px}.ui-ferr-btn--grande .ui-ferr-btn__rotulo{max-width:72px;white-space:normal;text-align:center;line-height:1.15;overflow-wrap:anywhere}.ui-ferr-btn--pequeno{height:24px;padding:0 6px;justify-content:flex-start}.ui-ferr-btn--pequeno.ui-ferr-btn--so-icone{width:24px;padding:0;justify-content:center}.ui-ribbon__grupos .ui-ferr-btn:focus-visible{outline:2px solid var(--ui-cor-primaria, #00E08A);outline-offset:-2px;box-shadow:none}:host([recolhido]) .ui-ribbon__painel{display:none;position:absolute;top:100%;inset-inline:0;z-index:var(--ui-z-docked-bar, 600);border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));box-shadow:var(--ui-sombra-lg, 0 8px 24px rgba(0, 0, 0, .35))}:host([recolhido]) .ui-ribbon--aberto .ui-ribbon__painel{display:block}:host([recolhido]) .ui-ribbon__aba--ativa:after{display:none}:host([compacto]) .ui-ribbon__grupos{min-height:0;padding-block:2px}:host([compacto]) .ui-ribbon__grupo-rotulo{display:none}:host([compacto]) .ui-ferr-btn--grande{min-width:44px}@media (max-width: 720px){.ui-ferr-btn--pequeno:has(.ui-ferr-btn__icone) .ui-ferr-btn__rotulo{display:none}.ui-ferr-btn--pequeno:has(.ui-ferr-btn__icone){min-width:28px;justify-content:center;padding:0 4px}}@media (pointer: coarse){.ui-ribbon__cabecalho{height:38px}.ui-ribbon__aba{height:36px}.ui-ribbon__aba--ativa,.ui-ribbon__aba--ativa:hover{height:38px}.ui-ferr-btn--pequeno{height:32px}.ui-ferr-btn--pequeno.ui-ferr-btn--so-icone{width:32px}.ui-ribbon__fixar{width:36px;height:32px}}@media (prefers-reduced-motion: reduce){.ui-ribbon__aba{transition:none}}@media (forced-colors: active){.ui-ribbon__aba--ativa:after,.ui-ribbon__aba--contextual:before{background:Highlight;forced-color-adjust:none}.ui-ribbon__aba--ativa,.ui-ribbon__aba--ativa:hover{box-shadow:none;border:1px solid CanvasText;border-bottom-color:Canvas}.ui-ribbon__aba:focus-visible,.ui-ribbon__fixar:focus-visible,.ui-ribbon__grupos .ui-ferr-btn:focus-visible{outline-color:Highlight}}',N='.ui-ferr-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;padding:0;border:1px solid transparent;border-radius:var(--ui-raio-borda, 6px);background:transparent;color:var(--ui-cor-texto, #e1e1e6);font-family:var(--ui-fonte-base, "Inter", sans-serif);font-size:.75rem;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.ui-ferr-btn:hover:not(:disabled){background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ferr-btn:active:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 14%,transparent)}.ui-ferr-btn:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px var(--ui-cor-fundo, #0b0b0d),0 0 0 4px var(--ui-cor-primaria, #00E08A)}.ui-ferr-btn:disabled{opacity:.4;cursor:not-allowed}.ui-ferr-btn--ativo{background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 18%,transparent);border-color:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 55%,transparent)}.ui-ferr-btn.ui-ferr-btn--ativo:hover:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 28%,transparent)}.ui-ferr-btn.ui-ferr-btn--ativo:active:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 36%,transparent)}.ui-ferr-btn.ui-ferr-btn--ativo:disabled{background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08));border-color:var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ferr-btn__icone{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ui-ferr-btn__rotulo{white-space:nowrap}.ui-ferr-btn__caret{width:0;height:0;flex-shrink:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid currentColor;opacity:.7}.ui-ferr-menu{position:fixed;z-index:var(--ui-z-popover, 1050);display:flex;flex-direction:column;gap:1px;min-width:180px;max-height:calc(100vh - 8px);overflow-y:auto;padding:4px;box-sizing:border-box;background:var(--ui-cor-fundo-menu, #18181c);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));border-radius:var(--ui-raio-borda, 6px);box-shadow:var(--ui-sombra-lg, 0 8px 24px rgba(0, 0, 0, .35));font-family:var(--ui-fonte-base, "Inter", sans-serif);color:var(--ui-cor-texto, #e1e1e6)}.ui-ferr-menu__item{position:relative;display:flex;align-items:center;gap:8px;width:100%;height:28px;padding:0 8px;box-sizing:border-box;border:0;border-radius:var(--ui-raio-sm, 4px);background:transparent;color:inherit;font:inherit;font-size:.75rem;text-align:start;cursor:pointer}.ui-ferr-menu__item:hover:not(:disabled){background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ferr-menu__item:focus-visible{outline:2px solid var(--ui-cor-primaria, #00E08A);outline-offset:-2px;background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ferr-menu__item:disabled{opacity:.4;cursor:not-allowed}.ui-ferr-menu__item--ativo,.ui-ferr-menu__item[aria-checked=true]{color:var(--ui-cor-primaria, #00E08A);font-weight:600}.ui-ferr-menu__item--ativo:after,.ui-ferr-menu__item[aria-checked=true]:after{content:"";flex-shrink:0;width:4px;height:8px;margin-inline-start:4px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.ui-ferr-menu__icone{display:inline-flex;width:16px;justify-content:center}.ui-ferr-menu__rotulo{flex:1}.ui-ferr-menu__atalho{margin-inline-start:16px;color:var(--ui-cor-texto-secundario, #888899);font-size:.6875rem;font-variant-numeric:tabular-nums}.ui-ferr-menu__sep{height:1px;margin:3px 2px;background:var(--ui-cor-borda, rgba(255, 255, 255, .12))}@media (pointer: coarse){.ui-ferr-menu__item{height:36px}}@media (prefers-reduced-motion: reduce){.ui-ferr-btn{transition:none}}@media (forced-colors: active){.ui-ferr-btn:focus-visible,.ui-ferr-menu__item:focus-visible{outline:2px solid Highlight}.ui-ferr-btn--ativo{background:Highlight;color:HighlightText;border-color:ButtonText;forced-color-adjust:none}.ui-ferr-btn:disabled,.ui-ferr-menu__item:disabled{opacity:1;color:GrayText}.ui-ferr-menu{border-color:CanvasText}.ui-ferr-menu__item:hover:not(:disabled){background:Highlight;color:HighlightText}}';function R(a,o){if(!a)return null;const t=document.createElement("ui-icone");if(t.setAttribute("tamanho",String(o)),a.trimStart().startsWith("<")){const e=X.higienizarSvg(a);if(!e)return null;t.appendChild(e)}else t.setAttribute("nome",a);return t}const $=new Set;function M(a){return a.rotuloAcessivel?a.rotuloAcessivel:a.rotulo?a.rotulo:a.icone&&!a.icone.trimStart().startsWith("<")?a.icone:($.has(a.id)||($.add(a.id),console.warn(`[ui-barra-ferramentas] O item "${a.id}" não tem "rotulo" nem "rotuloAcessivel": o id será usado como nome acessível.`)),a.id)}function J(a){const o=M(a);return a.atalho?`${o} (${a.atalho})`:o}function S(a,o){const t=new Set,e=new Set;a.forEach(i=>t.has(i)?e.add(i):t.add(i)),e.size&&console.warn(`[ui-barra-ferramentas] ${o}: ids duplicados (${[...e].join(", ")}). Use ids únicos, senão atualizarItem() e os eventos podem atingir o item errado.`)}function I(a,o=[]){for(const t of a)t.tipo!=="separador"&&(o.push(t.id),t.filhos&&I(t.filhos,o));return o}function A(a,o){a.disabled=!!o.disabled;const t=o.tipo,e=t==="toggle"||t==="ferramenta";e?a.setAttribute("aria-pressed",String(!!o.ativo)):a.removeAttribute("aria-pressed"),a.classList.toggle("ui-ferr-btn--ativo",e&&!!o.ativo)}function H(a,o,t){var n;const e=document.createElement("button");e.type="button",e.className=`ui-ferr-btn ui-ferr-btn--${o}`,e.dataset.id=a.id,e.tabIndex=-1,e.setAttribute("aria-label",M(a)),a.atalho&&e.setAttribute("aria-keyshortcuts",a.atalho),e.title=J(a);const i=R(a.icone,t);if(i){const l=document.createElement("span");l.className="ui-ferr-btn__icone",l.appendChild(i),e.appendChild(l)}const r=!!((n=a.filhos)!=null&&n.length),s=o!=="paleta"&&!a.somenteIcone&&!!a.rotulo;if(o!=="paleta"&&a.somenteIcone&&e.classList.add("ui-ferr-btn--so-icone"),s){const l=document.createElement("span");l.className="ui-ferr-btn__rotulo",l.textContent=a.rotulo,e.appendChild(l)}if(r){if(o==="paleta")e.classList.add("ui-ferr-btn--grupo");else{const l=document.createElement("span");l.className="ui-ferr-btn__caret",e.appendChild(l)}e.setAttribute("aria-haspopup","menu"),e.setAttribute("aria-expanded","false")}return A(e,a),e}function m(a,o){for(const t of a){if(t.id===o)return t;if(t.filhos){const e=m(t.filhos,o);if(e)return e}}}function L(a){const o=a.filter(t=>!t.disabled);a.forEach(t=>t.tabIndex=-1),o.length&&(o[0].tabIndex=0)}function j(a){const o=a.find(t=>t.tabIndex===0&&!t.disabled);o?a.forEach(t=>{t!==o&&(t.tabIndex=-1)}):L(a)}function q(a,o){const t=a.find(e=>e===o||e.contains(o));!t||t.disabled||a.forEach(e=>e.tabIndex=e===t?0:-1)}function P(a,o,t,e){const i=o.filter(l=>!l.disabled),r=i.length,s=i.findIndex(l=>l===a.target);if(r===0||s<0)return!1;let n=s;if(t.includes(a.key))n=(s-1+r)%r;else if(e.includes(a.key))n=(s+1)%r;else if(a.key==="Home")n=0;else if(a.key==="End")n=r-1;else return!1;return a.preventDefault(),o.forEach(l=>l.tabIndex=-1),i[n].tabIndex=0,i[n].focus(),!0}let Q=0;function O(a,o,t,e,i={}){var T;const r=i.lado??"baixo",s=new z.ListenerBag,n=document.createElement("div");n.className="ui-ferr-menu",n.setAttribute("role","menu"),n.id=`ui-ferr-menu-${++Q}`,n.setAttribute("aria-label",o.getAttribute("aria-label")||"Menu"),o.setAttribute("aria-controls",n.id);const l=[];let d=!1;const h=()=>{var c;d||(d=!0,o.removeAttribute("aria-controls"),s.cleanup(),n.remove(),(c=i.onFechar)==null||c.call(i))};t.forEach(c=>{if(c.tipo==="separador"){const g=document.createElement("div");g.className="ui-ferr-menu__sep",g.setAttribute("role","separator"),n.appendChild(g);return}const b=document.createElement("button");b.type="button",b.className="ui-ferr-menu__item";const y=c.tipo??i.tipoPadrao??"botao";y==="toggle"?(b.setAttribute("role","menuitemcheckbox"),b.setAttribute("aria-checked",String(!!c.ativo))):y==="ferramenta"?(b.setAttribute("role","menuitemradio"),b.setAttribute("aria-checked",String(!!c.ativo))):b.setAttribute("role","menuitem"),b.dataset.id=c.id,b.disabled=!!c.disabled,c.atalho&&b.setAttribute("aria-keyshortcuts",c.atalho),c.ativo&&b.classList.add("ui-ferr-menu__item--ativo");const x=document.createElement("span");x.className="ui-ferr-menu__icone";const F=R(c.icone,14);F&&x.appendChild(F),b.appendChild(x);const C=document.createElement("span");if(C.className="ui-ferr-menu__rotulo",C.textContent=M(c),b.appendChild(C),c.atalho){const g=document.createElement("span");g.className="ui-ferr-menu__atalho",g.textContent=c.atalho,b.appendChild(g)}b.addEventListener("click",g=>{g.stopPropagation(),h(),o.focus(),e(c)}),l.push(b),n.appendChild(b)}),a.appendChild(n);const p=o.getBoundingClientRect(),_=getComputedStyle(o).direction==="rtl",f=n.getBoundingClientRect();let v=r==="direita"?p.top:p.bottom+2,E=r==="direita"?_?p.left-f.width-4:p.right+4:_?p.right-f.width:p.left;f.width&&E+f.width>window.innerWidth-4&&(E=Math.max(4,window.innerWidth-f.width-4)),E<4&&(E=4),f.height&&v+f.height>window.innerHeight-4&&(v=Math.max(4,window.innerHeight-f.height-4)),n.style.top=`${v}px`,n.style.left=`${E}px`;const k=()=>l.filter(c=>!c.disabled);return s.add(n,"keydown",c=>{const b=k(),y=b.findIndex(x=>x===c.target);if(c.key==="Escape")c.preventDefault(),c.stopPropagation(),h(),o.focus();else if(c.key==="Tab")h();else if(b.length&&(c.key==="ArrowDown"||c.key==="ArrowUp")){c.preventDefault();const x=c.key==="ArrowDown"?1:-1;b[(y+x+b.length)%b.length].focus()}else b.length&&c.key==="Home"?(c.preventDefault(),b[0].focus()):b.length&&c.key==="End"&&(c.preventDefault(),b[b.length-1].focus())}),s.add(document,"pointerdown",c=>{const b=c.composedPath();!b.includes(n)&&!b.includes(o)&&h()},!0),s.add(window,"resize",h),s.add(window,"scroll",c=>{c.target instanceof Node&&n.contains(c.target)||h()},!0),s.add(window,"blur",h),i.focar&&((T=k()[0])==null||T.focus()),{elemento:n,ancora:o,fechar:h,focarPrimeiro:()=>{var c;return(c=k()[0])==null?void 0:c.focus()}}}const Z=3;function tt({aba:a,ativa:o,idBotao:t,idPainel:e}){const i=document.createElement("button");return i.type="button",i.className="ui-ribbon__aba",i.setAttribute("role","tab"),i.dataset.id=a.id,i.id=t,o&&i.setAttribute("aria-controls",e),i.textContent=a.rotulo,i.tabIndex=o?0:-1,i.setAttribute("aria-selected",String(o)),i.classList.toggle("ui-ribbon__aba--ativa",o),i.classList.toggle("ui-ribbon__aba--contextual",!!a.contextual),i}function et(a,o){const t=document.createElement("div");t.className="ui-ribbon__grupo",t.setAttribute("role","group"),t.setAttribute("aria-label",a.rotulo),t.dataset.id=a.id;const e=document.createElement("div");e.className="ui-ribbon__grupo-itens";let i=null,r=0;const s=()=>{i&&e.appendChild(i),i=null,r=0};a.itens.forEach(l=>{if(l.tipo==="separador"){s();const d=document.createElement("div");d.className="ui-ribbon__separador",d.setAttribute("role","separator"),e.appendChild(d)}else l.tamanho==="grande"?(s(),e.appendChild(o(l,"grande",24))):(i||(i=document.createElement("div"),i.className="ui-ribbon__coluna"),i.appendChild(o(l,"pequeno",16)),++r===Z&&s())}),s();const n=document.createElement("div");return n.className="ui-ribbon__grupo-rotulo",n.textContent=a.rotulo,t.appendChild(e),t.appendChild(n),t}function it(a,o,t,e){if(o<0||t<=0)return null;const[i,r]=e?["ArrowLeft","ArrowRight"]:["ArrowRight","ArrowLeft"];return a===i?{tipo:"ir-para",indice:(o+1)%t}:a===r?{tipo:"ir-para",indice:(o-1+t)%t}:a==="Home"?{tipo:"ir-para",indice:0}:a==="End"?{tipo:"ir-para",indice:t-1}:a==="ArrowDown"?{tipo:"descer"}:null}let rt=0;class V extends w.SafeHTMLElement{constructor(){super();u(this,"rootElement");u(this,"abasElement");u(this,"gruposElement");u(this,"painelElement");u(this,"fixarElement");u(this,"uid",`ui-ribbon-${++rt}`);u(this,"_abaPendente","");u(this,"_pronto",!1);u(this,"_abas",[]);u(this,"_abaAtiva","");u(this,"menu",null);u(this,"listeners",new z.ListenerBag);u(this,"handleFocusInGrupos",t=>q(this.botoesPainel(),t.target));u(this,"handleClickAbas",t=>{const e=t.target.closest(".ui-ribbon__aba");e!=null&&e.dataset.id&&(this.selecionarAba(e.dataset.id),this.recolhido&&this.rootElement.classList.toggle("ui-ribbon--aberto"))});u(this,"handleClickFixar",()=>{this.recolhido=!this.recolhido});u(this,"handleDblClickAbas",t=>{t.target.closest(".ui-ribbon__aba")&&(this.recolhido=!this.recolhido)});u(this,"handleKeyDownAbas",t=>{var s,n;const e=Array.from(this.abasElement.querySelectorAll(".ui-ribbon__aba")),i=it(t.key,e.findIndex(l=>l===t.target),e.length,this.rtl);if(!i)return;if(t.preventDefault(),i.tipo==="descer"){this.recolhido&&this.rootElement.classList.add("ui-ribbon--aberto"),(s=this.botoesPainel().find(l=>!l.disabled))==null||s.focus();return}const r=e[i.indice].dataset.id;r&&this.selecionarAba(r),(n=this.abasElement.querySelector(`.ui-ribbon__aba[data-id="${CSS.escape(r??"")}"]`))==null||n.focus()});u(this,"handleClickGrupos",t=>{const e=t.target.closest(".ui-ferr-btn");e!=null&&e.dataset.id&&this.acionar(e,t.detail===0)});u(this,"handleKeyDownGrupos",t=>{var r;const e=this.botoesPainel();if(this.rtl?P(t,e,["ArrowRight"],["ArrowLeft"]):P(t,e,["ArrowLeft"],["ArrowRight"]))return;const i=t.target instanceof HTMLButtonElement?t.target:null;(i==null?void 0:i.getAttribute("aria-haspopup"))==="menu"&&t.key==="ArrowDown"&&(t.preventDefault(),((r=this.menu)==null?void 0:r.ancora)===i?this.menu.focarPrimeiro():this.acionar(i,!0))});u(this,"handleEscape",t=>{t.key==="Escape"&&!this.menu&&this.rootElement.classList.remove("ui-ribbon--aberto")});u(this,"handlePointerDownFora",t=>{!this.recolhido||!this.rootElement.classList.contains("ui-ribbon--aberto")||t.composedPath().includes(this)||this.rootElement.classList.remove("ui-ribbon--aberto")});const t=this.attachShadow({mode:"open"});t.innerHTML=`
+      <style>${N}${W}</style>
+      <div class="ui-ribbon">
+        <div class="ui-ribbon__cabecalho">
+          <div class="ui-ribbon__abas" role="tablist"></div>
+          <button type="button" class="ui-ribbon__fixar"></button>
+        </div>
+        <div class="ui-ribbon__painel" role="tabpanel">
+          <div class="ui-ribbon__grupos" role="toolbar" aria-label="Ferramentas"></div>
+        </div>
+      </div>
+    `,this.rootElement=t.querySelector(".ui-ribbon"),this.abasElement=t.querySelector(".ui-ribbon__abas"),this.gruposElement=t.querySelector(".ui-ribbon__grupos"),this.painelElement=t.querySelector(".ui-ribbon__painel"),this.fixarElement=t.querySelector(".ui-ribbon__fixar"),this.painelElement.id=`${this.uid}-painel`}static get observedAttributes(){return["aba-ativa","recolhido","compacto","aria-label","rotulo-abas","rotulo-fixar","rotulo-expandir"]}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.abasElement,"click",this.handleClickAbas),this.listeners.add(this.fixarElement,"click",this.handleClickFixar),this.listeners.add(this.abasElement,"dblclick",this.handleDblClickAbas),this.listeners.add(this.abasElement,"keydown",this.handleKeyDownAbas),this.listeners.add(this.gruposElement,"click",this.handleClickGrupos),this.listeners.add(this.gruposElement,"keydown",this.handleKeyDownGrupos),this.listeners.add(document,"pointerdown",this.handlePointerDownFora,!0),this.listeners.add(this.rootElement,"keydown",this.handleEscape),this.listeners.add(this.gruposElement,"focusin",this.handleFocusInGrupos);const t=this.getAttribute("aba-ativa");t&&!this._abaAtiva&&(this._abaPendente=t),this.aplicarRotulos(),this.renderizar(),this._pronto=!0}disconnectedCallback(){this._pronto=!1,this.fecharMenu(),this.listeners.cleanup()}attributeChangedCallback(t,e,i){if(e!==i)if(t==="aba-ativa"){if(!i||i===this._abaAtiva)return;this._abas.some(r=>r.id===i&&!r.oculta)?(this._abaPendente="",this.selecionarAba(i,!1)):(this._abaPendente=i,this.abasVisiveis().length&&this.renderizar())}else t==="recolhido"?(this.rootElement.classList.remove("ui-ribbon--aberto"),this.aplicarRotulos(),this._pronto&&e===null!=(i===null)&&this.dispatchEvent(new CustomEvent("ui-recolhido-change",{detail:{recolhido:i!==null},bubbles:!0,composed:!0}))):(t==="aria-label"||t==="rotulo-abas"||t==="rotulo-fixar"||t==="rotulo-expandir")&&this.aplicarRotulos()}aplicarRotulos(){this.gruposElement.setAttribute("aria-label",this.getAttribute("aria-label")||"Ferramentas"),this.abasElement.setAttribute("aria-label",this.getAttribute("rotulo-abas")||"Abas");const t=this.hasAttribute("recolhido"),e=t?this.getAttribute("rotulo-expandir")||"Fixar faixa de opções":this.getAttribute("rotulo-fixar")||"Recolher faixa de opções";this.fixarElement.setAttribute("aria-label",e),this.fixarElement.title=e,this.fixarElement.setAttribute("aria-expanded",String(!t)),this.fixarElement.setAttribute("aria-controls",this.painelElement.id)}get abas(){return this._abas}set abas(t){this._abas=Array.isArray(t)?t:[],S(this._abas.map(e=>e.id),"<ui-ribbon> abas"),S(this._abas.flatMap(e=>e.grupos.flatMap(i=>I(i.itens))),"<ui-ribbon> itens"),this.renderizar()}get abaAtiva(){return this._abaAtiva}set abaAtiva(t){this.selecionarAba(t)}get recolhido(){return this.hasAttribute("recolhido")}set recolhido(t){t?this.setAttribute("recolhido",""):this.removeAttribute("recolhido")}get compacto(){return this.hasAttribute("compacto")}set compacto(t){t?this.setAttribute("compacto",""):this.removeAttribute("compacto")}selecionarAba(t,e=!0){const i=this._abas.find(r=>r.id===t&&!r.oculta);if(!i){t&&this._abas.length&&console.warn(`[ui-ribbon] selecionarAba("${t}"): aba inexistente ou oculta.`);return}i.id!==this._abaAtiva&&(this._abaPendente="",this.fecharMenu(),this._abaAtiva=i.id,this.getAttribute("aba-ativa")!==i.id&&this.setAttribute("aba-ativa",i.id),this.renderizar(),e&&this.dispatchEvent(new CustomEvent("ui-aba-change",{detail:{id:i.id,aba:i},bubbles:!0,composed:!0})))}definirAbaVisivel(t,e){const i=this._abas.find(n=>n.id===t);if(!i)return;const r=this._abaAtiva;i.oculta=!e,!e&&r===t&&(this._abaAtiva=""),this.renderizar();const s=this._abas.find(n=>n.id===this._abaAtiva);!e&&r===t&&s&&this.dispatchEvent(new CustomEvent("ui-aba-change",{detail:{id:s.id,aba:s},bubbles:!0,composed:!0}))}atualizarItem(t,e){const i=this._abas.flatMap(d=>d.grupos.flatMap(h=>h.itens)),r=m(i,t);if(!r){console.warn(`[ui-ribbon] atualizarItem("${t}"): item não encontrado.`);return}Object.assign(r,e);const s=this._abas.find(d=>d.id===this._abaAtiva);if(!s||!m(s.grupos.flatMap(d=>d.itens),t))return;const n=Object.keys(e).every(d=>d==="ativo"||d==="disabled"),l=this.gruposElement.querySelector(`.ui-ferr-btn[data-id="${CSS.escape(t)}"]`);n?l&&(A(l,this.efetivo(r)),j(this.botoesPainel())):this.comFoco(()=>this.renderizarPainel())}efetivo(t){var e;return(e=t.filhos)!=null&&e.length?{...t,tipo:"menu"}:t}capturarFoco(){var e,i;const t=(e=this.shadowRoot)==null?void 0:e.activeElement;return(i=t==null?void 0:t.dataset)!=null&&i.id?t.classList.contains("ui-ribbon__aba")?{seletor:".ui-ribbon__aba",id:t.dataset.id}:t.classList.contains("ui-ferr-btn")?{seletor:".ui-ferr-btn",id:t.dataset.id}:null:null}comFoco(t){const e=this.capturarFoco();if(t(),!e)return;const i=this.shadowRoot.querySelector(`${e.seletor}[data-id="${CSS.escape(e.id)}"]`);i&&!i.disabled&&i.focus()}abasVisiveis(){return this._abas.filter(t=>!t.oculta)}renderizar(){var e;const t=this.abasVisiveis();this._abaPendente&&t.length&&(t.some(i=>i.id===this._abaPendente)?(this._abaAtiva=this._abaPendente,this._abaPendente=""):this._abas.some(i=>i.id===this._abaPendente)||(console.warn(`[ui-ribbon] aba-ativa="${this._abaPendente}" não existe em "abas".`),this._abaPendente="")),t.some(i=>i.id===this._abaAtiva)||(this._abaAtiva=((e=t[0])==null?void 0:e.id)??""),this._abaAtiva&&!this._abaPendente&&this.getAttribute("aba-ativa")!==this._abaAtiva&&this.setAttribute("aba-ativa",this._abaAtiva),this.comFoco(()=>{this.renderizarAbas(),this.renderizarPainel()})}renderizarAbas(){this.abasElement.innerHTML="",this.abasVisiveis().forEach(t=>{this.abasElement.appendChild(tt({aba:t,ativa:t.id===this._abaAtiva,idBotao:this.idAba(t.id),idPainel:this.painelElement.id}))})}idAba(t){return`${this.uid}-aba-${t.replace(/\s+/g,"_")}`}renderizarPainel(){this.fecharMenu(),this.gruposElement.innerHTML="";const t=this._abas.find(e=>e.id===this._abaAtiva);if(!t){this.painelElement.removeAttribute("aria-labelledby");return}this.painelElement.setAttribute("aria-labelledby",this.idAba(t.id)),t.grupos.forEach(e=>this.gruposElement.appendChild(et(e,(i,r,s)=>this.criarBotao(i,r,s)))),L(this.botoesPainel())}criarBotao(t,e,i){return H(this.efetivo(t),e,i)}botoesPainel(){return Array.from(this.gruposElement.querySelectorAll(".ui-ferr-btn"))}get rtl(){return getComputedStyle(this).direction==="rtl"}acionar(t,e){var s;const i=this._abas.find(n=>n.id===this._abaAtiva),r=i&&m(i.grupos.flatMap(n=>n.itens),t.dataset.id);if(!(!r||r.disabled)){if((s=r.filhos)!=null&&s.length){this.alternarMenu(t,r,e);return}if(r.tipo==="toggle"){const n=r.ativo;r.ativo=!n,A(t,r),this.emitir(r)||(r.ativo=n,A(t,r))}else this.emitir(r);this.rootElement.classList.remove("ui-ribbon--aberto")}}alternarMenu(t,e,i){var s;const r=((s=this.menu)==null?void 0:s.ancora)===t;this.fecharMenu(),!r&&(t.setAttribute("aria-expanded","true"),this.menu=O(this.shadowRoot,t,e.filhos,n=>{if(n.tipo==="toggle"){const l=n.ativo;n.ativo=!l,this.emitir(n,e)||(n.ativo=l)}else this.emitir(n,e);this.rootElement.classList.remove("ui-ribbon--aberto")},{lado:"baixo",focar:i,onFechar:()=>{t.setAttribute("aria-expanded","false"),this.menu=null}}))}fecharMenu(){var t;(t=this.menu)==null||t.fechar(),this.menu=null}emitir(t,e){return this.dispatchEvent(new CustomEvent("ui-ferramenta",{detail:{id:t.id,item:t,pai:e,ativo:t.ativo,origem:"ribbon",aba:this._abaAtiva},bubbles:!0,composed:!0,cancelable:!0}))}}w.definirCustomElement("ui-ribbon",V);const at=':host{display:inline-flex;flex-direction:column;max-width:100%;max-height:100%;vertical-align:top;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif);color:var(--ui-cor-texto, #e1e1e6)}.ui-paleta{--ui-paleta-btn: 34px;--ui-paleta-padding: 4px;--ui-paleta-raio: var(--ui-paleta-raio-borda, 10px);--ui-paleta-btn-raio: var(--ui-paleta-raio-botao, max(2px, calc(var(--ui-paleta-raio) - var(--ui-paleta-padding))));display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--ui-paleta-padding);box-sizing:border-box;background:var(--ui-cor-superficie, #141417);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));border-radius:var(--ui-paleta-raio);-webkit-user-select:none;user-select:none;min-width:0;min-height:0;max-width:100%;overflow:auto;scrollbar-width:thin}.ui-paleta--horizontal{flex-direction:row}.ui-paleta--sm{--ui-paleta-btn: 28px;--ui-paleta-raio: var(--ui-paleta-raio-borda, 8px)}.ui-paleta--lg{--ui-paleta-btn: 42px;--ui-paleta-raio: var(--ui-paleta-raio-borda, 12px)}.ui-paleta--cols-2{display:grid;grid-template-columns:repeat(2,var(--ui-paleta-btn));justify-content:center}.ui-paleta--cols-2 .ui-paleta__sep{grid-column:1 / -1}.ui-ferr-btn--grupo:after{content:"";position:absolute;inset-inline-end:3px;bottom:3px;width:0;height:0;border-inline-start:6px solid transparent;border-bottom:6px solid currentColor;opacity:.8;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.ui-ferr-btn--grupo:hover:after,.ui-ferr-btn--grupo:focus-visible:after,.ui-ferr-btn--grupo[aria-expanded=true]:after{opacity:1;transform:scale(1.2);transform-origin:bottom right}.ui-paleta__sep{grid-column:1 / -1}.ui-paleta .ui-ferr-btn{width:var(--ui-paleta-btn);height:var(--ui-paleta-btn);border-radius:var(--ui-paleta-btn-raio)}.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo,.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:hover:not(:disabled),.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:active:not(:disabled){background:var(--ui-cor-primaria, #00E08A);border-color:transparent;color:var(--ui-cor-texto-sobre-primaria, #000000)}.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:hover:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 86%,#fff)}.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:active:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 80%,#000)}.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:disabled{background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08));color:inherit}.ui-ferr-btn--grupo:after{content:"";position:absolute;right:3px;bottom:3px;width:0;height:0;border-left:5px solid transparent;border-bottom:5px solid currentColor;opacity:.7;pointer-events:none}.ui-paleta__sep{width:70%;height:1px;margin:3px 0;background:var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-paleta--horizontal .ui-paleta__sep{width:1px;height:70%;margin:0 3px}@media (pointer: coarse){.ui-paleta{--ui-paleta-btn: 40px}.ui-paleta--sm{--ui-paleta-btn: 36px}.ui-paleta--lg{--ui-paleta-btn: 48px}}@media (prefers-reduced-motion: reduce){.ui-ferr-btn--grupo:after{transition:none}}@media (forced-colors: active){.ui-paleta{border-color:CanvasText}.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo,.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:hover:not(:disabled),.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:active:not(:disabled){background:Highlight;color:HighlightText;border-color:ButtonText;forced-color-adjust:none}.ui-paleta__sep{background:CanvasText}}',ot=380,nt=8,st=50;class lt{constructor(){u(this,"timer");u(this,"timerSupressao");u(this,"inicio",null);u(this,"suprimir",!1)}iniciar(o,t,e){this.cancelar(),window.clearTimeout(this.timerSupressao),this.inicio={x:o,y:t},this.timer=window.setTimeout(()=>{this.suprimir=!0,e()},ot)}mover(o,t){this.timer===void 0||!this.inicio||Math.hypot(o-this.inicio.x,t-this.inicio.y)>nt&&this.cancelar()}fim(){this.cancelar(),this.suprimir&&(window.clearTimeout(this.timerSupressao),this.timerSupressao=window.setTimeout(()=>{this.suprimir=!1},st))}cancelar(){this.timer!==void 0&&(window.clearTimeout(this.timer),this.timer=void 0),this.inicio=null}consumirSupressao(){return this.suprimir?(this.suprimir=!1,window.clearTimeout(this.timerSupressao),!0):!1}destruir(){this.cancelar(),window.clearTimeout(this.timerSupressao),this.suprimir=!1}}const ut=new Set(["textbox","searchbox","combobox","spinbutton"]);function ct(a){const o=a[0];return o&&(/^(INPUT|TEXTAREA|SELECT)$/.test(o.tagName)||o.isContentEditable)?!0:a.some(t=>{var r,s;const e=t,i=(r=e.getAttribute)==null?void 0:r.call(e,"role");return((s=e.getAttribute)==null?void 0:s.call(e,"aria-modal"))==="true"||!!i&&ut.has(i)})}function dt(a,o,t,e){const i=(a||"").toUpperCase();if(i.length!==1)return null;const r=o.filter(l=>{var d;return!l.disabled&&((d=l.atalho)==null?void 0:d.toUpperCase())===i});if(r.length===0)return null;let s=r[0];if(r.length>1){const l=r.findIndex(d=>d.id===e);s=r[(l+1)%r.length]}const n=t.find(l=>{var d;return(d=l.filhos)==null?void 0:d.some(h=>h.id===s.id)});return{alvo:s,pai:n}}const ht={sm:16,md:18,lg:22};class U extends w.SafeHTMLElement{constructor(){super();u(this,"rootElement");u(this,"_ferramentas",[]);u(this,"_ativo","");u(this,"_pendente","");u(this,"visiveis",new Map);u(this,"menu",null);u(this,"pressao",new lt);u(this,"listeners",new z.ListenerBag);u(this,"handleClick",t=>{if(this.pressao.consumirSupressao())return;const e=t.target.closest(".ui-ferr-btn"),i=e!=null&&e.dataset.id?m(this._ferramentas,e.dataset.id):void 0;if(!e||!i)return;const r=e.dataset.grupo?m(this._ferramentas,e.dataset.grupo):void 0;this.acionar(i,r)});u(this,"handleFocusIn",t=>q(this.botoes(),t.target));u(this,"handlePointerDown",t=>{const e=t;if(e.pointerType==="mouse"&&e.button!==0)return;const i=t.target.closest(".ui-ferr-btn--grupo");!i||i.disabled||this.pressao.iniciar(e.clientX??0,e.clientY??0,()=>this.abrirFlyout(i,!1))});u(this,"handlePointerMove",t=>{const e=t;this.pressao.mover(e.clientX??0,e.clientY??0)});u(this,"handlePointerFim",()=>this.pressao.fim());u(this,"handleContextMenu",t=>{const e=t.target.closest(".ui-ferr-btn--grupo");e&&(t.preventDefault(),this.pressao.cancelar(),this.abrirFlyout(e,!1))});u(this,"handleKeyDown",t=>{var d;const e=this.getAttribute("orientacao")==="horizontal",i=getComputedStyle(this).direction==="rtl",r=e?[i?"ArrowRight":"ArrowLeft"]:["ArrowUp"],s=e?[i?"ArrowLeft":"ArrowRight"]:["ArrowDown"];if(P(t,this.botoes(),r,s))return;const n=e?"ArrowDown":i?"ArrowLeft":"ArrowRight",l=t.target instanceof HTMLButtonElement?t.target:null;l!=null&&l.dataset.grupo&&t.key===n&&(t.preventDefault(),((d=this.menu)==null?void 0:d.ancora)===l?this.menu.focarPrimeiro():this.abrirFlyout(l,!0))});u(this,"handleAtalho",t=>{if(!this.hasAttribute("atalhos")||t.ctrlKey||t.metaKey||t.altKey||t.defaultPrevented||ct(t.composedPath()))return;const e=dt(t.key,this.todasFerramentas(),this._ferramentas,this._ativo);e&&(t.preventDefault(),this.acionar(e.alvo,e.pai))});const t=this.attachShadow({mode:"open"});t.innerHTML=`
+      <style>${N}${at}</style>
+      <div class="ui-paleta ui-paleta--vertical" role="toolbar" aria-orientation="vertical" aria-label="Ferramentas"></div>
+    `,this.rootElement=t.querySelector(".ui-paleta")}static get observedAttributes(){return["valor","value","orientacao","colunas","tamanho","size","aria-label"]}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.rootElement,"click",this.handleClick),this.listeners.add(this.rootElement,"pointerdown",this.handlePointerDown),this.listeners.add(this.rootElement,"pointermove",this.handlePointerMove),this.listeners.add(this.rootElement,"pointerup",this.handlePointerFim),this.listeners.add(this.rootElement,"pointerleave",this.handlePointerFim),this.listeners.add(this.rootElement,"pointercancel",this.handlePointerFim),this.listeners.add(this.rootElement,"contextmenu",this.handleContextMenu),this.listeners.add(this.rootElement,"keydown",this.handleKeyDown),this.listeners.add(this.rootElement,"focusin",this.handleFocusIn),this.listeners.add(document,"keydown",this.handleAtalho);const t=this.getAttribute("valor")||this.getAttribute("value");t&&!this._ativo&&(this._pendente=t),this.aplicarPendente(),this.renderizar()}disconnectedCallback(){this.pressao.destruir(),this.fecharMenu(),this.listeners.cleanup()}attributeChangedCallback(t,e,i){if(e!==i)if(t==="valor"||t==="value"){const r=this.getAttribute("valor")||this.getAttribute("value")||"";r?r!==this._ativo&&this.ativar(r,!1):this.limpar(!1)}else this.renderizar()}get ferramentas(){return this._ferramentas}set ferramentas(t){this._ferramentas=Array.isArray(t)?t:[],S(I(this._ferramentas),"<ui-paleta-ferramentas> ferramentas"),this.visiveis.clear(),this._pendente?this.aplicarPendente():this._ativo&&this.definirAtivoInterno(this._ativo),this.renderizar()}get valor(){return this._ativo}set valor(t){this.ativar(t)}get value(){return this.valor}set value(t){this.valor=t}get orientacao(){return this.getAttribute("orientacao")==="horizontal"?"horizontal":"vertical"}set orientacao(t){this.setAttribute("orientacao",t)}get colunas(){return this.getAttribute("colunas")==="2"?2:1}set colunas(t){this.setAttribute("colunas",String(t))}get tamanho(){const t=this.getAttribute("tamanho")||this.getAttribute("size")||"md";return t==="sm"||t==="lg"?t:"md"}set tamanho(t){this.setAttribute("tamanho",t)}ativar(t,e=!0){if(!t){this.limpar(e);return}const i=m(this._ferramentas,t);if(!i){this._ferramentas.length?console.warn(`[ui-paleta-ferramentas] ativar("${t}"): ferramenta não encontrada.`):this._pendente=t;return}if(i.disabled||(i.tipo??"ferramenta")!=="ferramenta"){console.warn(`[ui-paleta-ferramentas] ativar("${t}"): só ferramentas habilitadas (tipo "ferramenta") podem ser ativadas.`);return}this._pendente="";const r=this._ativo;this.definirAtivoInterno(t),this.refletirValor(t),this.renderizar(),e&&r!==t&&this.emitirMudanca(t,i,r)}limpar(t=!0){const e=this._ativo;!e&&!this._pendente||(this._ativo="",this._pendente="",this.removeAttribute("valor"),this.removeAttribute("value"),this.renderizar(),t&&e&&this.emitirMudanca("",null,e))}atualizarItem(t,e){var n;const i=m(this._ferramentas,t);if(!i){console.warn(`[ui-paleta-ferramentas] atualizarItem("${t}"): item não encontrado.`);return}Object.assign(i,e);const r=Object.keys(e).every(l=>l==="ativo"||l==="disabled"),s=this._ferramentas.find(l=>{var d;return(d=l.filhos)==null?void 0:d.some(h=>h.id===t)});if(r&&!(s&&"disabled"in e)){const l=this.botoes().find(d=>d.dataset.id===t||d.dataset.grupo===t);if(l){A(l,this.itemParaBotao(s??i)),j(this.botoes());return}if(s||(n=i.filhos)!=null&&n.length)return}this.renderizar()}refletirValor(t){const e=this.hasAttribute("value")&&!this.hasAttribute("valor")?"value":"valor";this.getAttribute(e)!==t&&this.setAttribute(e,t)}aplicarPendente(){if(!this._pendente)return;const t=m(this._ferramentas,this._pendente);t&&!t.disabled&&(t.tipo??"ferramenta")==="ferramenta"?(this.definirAtivoInterno(this._pendente),this._pendente=""):this._ferramentas.length&&(console.warn(`[ui-paleta-ferramentas] valor="${this._pendente}" não é uma ferramenta ativável em "ferramentas".`),this._pendente="")}definirAtivoInterno(t){this._ativo=t;const e=this._ferramentas.find(i=>{var r;return(r=i.filhos)==null?void 0:r.some(s=>s.id===t)});e&&this.visiveis.set(e.id,t)}emitirMudanca(t,e,i){const r={valor:t,item:e,anterior:i};this.dispatchEvent(new CustomEvent("ui-change",{detail:r,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("ui-selecionar",{detail:r,bubbles:!0,composed:!0}))}itemExibido(t){var s;if(!((s=t.filhos)!=null&&s.length))return t;const e=n=>n.tipo!=="separador"&&!n.disabled,i=this.visiveis.get(t.id),r=t.filhos.find(n=>n.id===i);return(r&&e(r)?r:void 0)??t.filhos.find(e)??t.filhos.find(n=>n.tipo!=="separador")??t.filhos[0]}itemParaBotao(t){const e=this.itemExibido(t),i=e.tipo??"ferramenta";return{...e,tipo:i,ativo:i==="ferramenta"?e.id===this._ativo:e.ativo,filhos:t.filhos}}todasFerramentas(){return this._ferramentas.flatMap(t=>{var e;return(e=t.filhos)!=null&&e.length?t.filhos:[t]}).filter(t=>t.tipo!=="separador")}renderizar(){var d;const t=(d=this.shadowRoot)==null?void 0:d.activeElement,e=t&&t.classList.contains("ui-ferr-btn")?{id:t.dataset.id??"",grupo:t.dataset.grupo??""}:null;this.fecharMenu();const i=this.orientacao,r=this.tamanho,s=this.colunas;this.rootElement.className=`ui-paleta ui-paleta--${i} ui-paleta--${r}`,s===2&&i==="vertical"&&this.rootElement.classList.add("ui-paleta--cols-2"),this.rootElement.setAttribute("aria-orientation",i),this.rootElement.setAttribute("aria-label",this.getAttribute("aria-label")||"Ferramentas"),this.rootElement.innerHTML="";const n=ht[r]??18;this._ferramentas.forEach(h=>{var f;if(h.tipo==="separador"){const v=document.createElement("div");v.className="ui-paleta__sep",v.setAttribute("role","separator"),this.rootElement.appendChild(v);return}const p=this.itemExibido(h),_=H(this.itemParaBotao(h),"paleta",n);_.dataset.id=p.id,(f=h.filhos)!=null&&f.length&&(_.dataset.grupo=h.id),this.rootElement.appendChild(_)}),L(this.botoes());const l=this.botoes().find(h=>h.dataset.id===this._ativo&&!h.disabled);if(l&&(this.botoes().forEach(h=>h.tabIndex=-1),l.tabIndex=0),e){const h=this.botoes().find(p=>e.grupo?p.dataset.grupo===e.grupo:p.dataset.id===e.id);h&&!h.disabled&&h.focus()}}botoes(){return Array.from(this.rootElement.querySelectorAll(".ui-ferr-btn"))}atualizarBotaoDe(t,e){const i=this.botoes().find(r=>r.dataset.id===t.id);i&&A(i,this.itemParaBotao(e??t))}acionar(t,e){if(t.disabled)return;const i=t.tipo??"ferramenta",r=this._ativo,s=t.ativo;i==="ferramenta"?this.ativar(t.id):i==="toggle"&&(t.ativo=!t.ativo,this.atualizarBotaoDe(t,e)),this.dispatchEvent(new CustomEvent("ui-ferramenta",{detail:{id:t.id,item:t,pai:e,ativo:i==="ferramenta"?!0:t.ativo,origem:"paleta"},bubbles:!0,composed:!0,cancelable:!0}))||(i==="ferramenta"&&r!==t.id?r?this.ativar(r):this.limpar():i==="toggle"&&(t.ativo=s,this.atualizarBotaoDe(t,e)))}abrirFlyout(t,e){var s;const i=t.dataset.grupo?m(this._ferramentas,t.dataset.grupo):void 0;if(!((s=i==null?void 0:i.filhos)!=null&&s.length))return;this.fecharMenu();const r=i.filhos.map(n=>({...n,ativo:(n.tipo??"ferramenta")==="ferramenta"?n.id===this._ativo:n.ativo}));t.setAttribute("aria-expanded","true"),this.menu=O(this.shadowRoot,t,r,n=>{var d;const l=m(i.filhos,n.id);l&&(this.acionar(l,i),(d=this.botoes().find(h=>h.dataset.grupo===i.id))==null||d.focus())},{lado:this.getAttribute("orientacao")==="horizontal"?"baixo":"direita",focar:e,tipoPadrao:"ferramenta",onFechar:()=>{t.setAttribute("aria-expanded","false"),this.menu=null}})}fecharMenu(){var t;(t=this.menu)==null||t.fechar(),this.menu=null}}w.definirCustomElement("ui-paleta-ferramentas",U);exports.UIIcone=B;exports.UIPaletaFerramentas=U;exports.UIRibbon=V;

package/dist/ui-segmented-BOaGRQw4.cjs

@@ -0,0 +1,19 @@
+"use strict";var z=Object.defineProperty;var k=(r,n,t)=>n in r?z(r,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[n]=t;var u=(r,n,t)=>k(r,typeof n!="symbol"?n+"":n,t);const h=require("./ssr-safe-CiHD1adl.cjs"),d=require("./opcoes-CkyDxBuQ.cjs"),C=require("./listener-bag-D5omxZ9h.cjs"),I=require("./ui-campo-texto-CHTfMO-H.cjs"),O=require("./parts-vQa2873h.cjs"),T=':host{display:block;box-sizing:border-box;margin:0;padding:0;color:var(--ui-cor-texto, #e1e1e6);font-family:var(--ui-fonte-base, "Inter", sans-serif)}:host([inline]){display:inline-block}.ui-texto{margin:0;padding:0;box-sizing:border-box;font-family:inherit;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.ui-texto--h1{font-size:var(--ui-tamanho-h1, clamp(24px, 4vw, 36px));font-weight:var(--ui-peso-negrito, 700);line-height:var(--ui-altura-linha-titulo, 1.25);letter-spacing:-.5px}.ui-texto--h2{font-size:var(--ui-tamanho-h2, clamp(20px, 3vw, 28px));font-weight:var(--ui-peso-seminegrito, 600);line-height:var(--ui-altura-linha-titulo, 1.25);letter-spacing:-.3px}.ui-texto--h3{font-size:var(--ui-tamanho-h3, clamp(18px, 2.4vw, 24px));font-weight:var(--ui-peso-seminegrito, 600);line-height:var(--ui-altura-linha-titulo, 1.25)}.ui-texto--h4{font-size:var(--ui-tamanho-h4, clamp(16px, 2vw, 20px));font-weight:var(--ui-peso-medio, 500);line-height:var(--ui-altura-linha-titulo, 1.25)}.ui-texto--h5{font-size:var(--ui-tamanho-h5, clamp(14px, 1.6vw, 18px));font-weight:var(--ui-peso-medio, 500);line-height:var(--ui-altura-linha-titulo, 1.25)}.ui-texto--h6{font-size:var(--ui-tamanho-h6, clamp(13px, 1.2vw, 16px));font-weight:var(--ui-peso-seminegrito, 600);line-height:var(--ui-altura-linha-titulo, 1.25);text-transform:uppercase;letter-spacing:.5px}.ui-texto--corpo{font-size:var(--ui-tamanho-corpo, 14px);font-weight:var(--ui-peso-normal, 400);line-height:var(--ui-altura-linha-corpo, 1.5)}.ui-texto--corpo-sm{font-size:var(--ui-tamanho-corpo-sm, 13px);font-weight:var(--ui-peso-normal, 400);line-height:var(--ui-altura-linha-corpo, 1.5)}.ui-texto--caption{font-size:var(--ui-tamanho-caption, 11px);font-weight:var(--ui-peso-normal, 400);line-height:var(--ui-altura-linha-compacta, 1.2);color:var(--ui-cor-texto-secundario, #888899)}.ui-texto--codigo{font-family:var(--ui-fonte-codigo, monospace);font-size:var(--ui-tamanho-codigo, 12px);font-weight:var(--ui-peso-normal, 400);line-height:var(--ui-altura-linha-corpo, 1.5);background:var(--ui-cor-fundo-elevado, #1a1a1e);padding:2px 6px;border-radius:var(--ui-raio-sm, 4px);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-texto--cor-primaria{color:var(--ui-cor-primaria, #00E08A)}.ui-texto--cor-secundaria{color:var(--ui-cor-texto-secundario, #888899)}.ui-texto--cor-destaque{color:var(--ui-cor-destaque, #00E08A)}.ui-texto--cor-erro{color:var(--ui-cor-texto-erro, #ff5555)}.ui-texto--cor-sucesso{color:var(--ui-cor-texto-sucesso, #00E08A)}.ui-texto--cor-alerta{color:var(--ui-cor-texto-alerta, #ffb86c)}.ui-texto--peso-normal{font-weight:var(--ui-peso-normal, 400)!important}.ui-texto--peso-medio{font-weight:var(--ui-peso-medio, 500)!important}.ui-texto--peso-seminegrito{font-weight:var(--ui-peso-seminegrito, 600)!important}.ui-texto--peso-negrito{font-weight:var(--ui-peso-negrito, 700)!important}.ui-texto--alinhamento-esquerda{text-align:left}.ui-texto--alinhamento-centro{text-align:center}.ui-texto--alinhamento-direita{text-align:right}.ui-texto--alinhamento-justificado{text-align:justify}.ui-texto--truncar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}',v=["h1","h2","h3","h4","h5","h6","corpo","corpo-sm","caption","codigo"],q=["primaria","secundaria","destaque","erro","sucesso","alerta"],N=["normal","medio","seminegrito","negrito"],L=["esquerda","centro","direita","justificado"],M=new Set(["p","span","div","h1","h2","h3","h4","h5","h6","small","code","strong","em","label","blockquote","pre","b","i"]);class b extends h.SafeHTMLElement{constructor(){super();u(this,"container");u(this,"shadow");typeof this.attachShadow=="function"&&typeof document<"u"?(this.shadow=this.attachShadow({mode:"open"}),this.container=document.createElement("p"),this.container.className="ui-texto ui-texto--corpo",this.container.appendChild(document.createElement("slot")),this.shadow.innerHTML=`<style>${T}</style>`,this.shadow.appendChild(this.container)):(this.shadow=null,this.container=null)}static get observedAttributes(){return["variante","tag","cor","peso","alinhamento","truncar"]}connectedCallback(){this.render()}attributeChangedCallback(t,i,e){this.render()}resolveTag(){const t=this.getAttribute("tag");if(t){const e=t.toLowerCase().trim();if(M.has(e))return e;console.warn(`[ui-texto] Tag "${t}" não permitida ou inválida. Utilizando fallback semântico.`)}const i=d.escolherOpcao(this.getAttribute("variante"),v,"corpo");switch(i){case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":return i;case"caption":return"small";case"codigo":return"code";case"corpo-sm":case"corpo":default:return"p"}}render(){const t=this.resolveTag(),i=d.escolherOpcao(this.getAttribute("variante"),v,"corpo"),e=d.escolherOpcaoOpcional(this.getAttribute("cor"),q),a=d.escolherOpcaoOpcional(this.getAttribute("peso"),N),o=d.escolherOpcaoOpcional(this.getAttribute("alinhamento"),L),s=this.hasAttribute("truncar");if(this.container.tagName.toLowerCase()!==t){const c=document.createElement(t);c.appendChild(document.createElement("slot")),this.shadow.replaceChild(c,this.container),this.container=c}const l=["ui-texto",`ui-texto--${i}`];e&&l.push(`ui-texto--cor-${e}`),a&&l.push(`ui-texto--peso-${a}`),o&&l.push(`ui-texto--alinhamento-${o}`),s&&l.push("ui-texto--truncar"),this.container.className=l.join(" ")}}h.definirCustomElement("ui-texto",b);const $=':host{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif);vertical-align:middle;position:relative}.ui-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--ui-tamanho-avatar, 36px);height:var(--ui-tamanho-avatar, 36px);min-width:var(--ui-tamanho-avatar, 36px);min-height:var(--ui-tamanho-avatar, 36px);border-radius:50%;background-color:var(--ui-cor-fundo-elevado, #22222a);color:var(--ui-cor-primaria, #00E08A);font-weight:600;font-size:var(--ui-avatar-font-size, 14px);-webkit-user-select:none;user-select:none;box-sizing:border-box;overflow:hidden;border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));line-height:1}.ui-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.ui-avatar--quadrado{border-radius:8px}.ui-avatar__status{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:8px;min-height:8px;max-width:14px;max-height:14px;border-radius:50%;border:2px solid var(--ui-cor-fundo-card, #121214);box-sizing:border-box}.ui-avatar__status--online{background-color:var(--ui-cor-primaria, #00E08A)}.ui-avatar__status--offline{background-color:#889}.ui-avatar__status--ausente{background-color:#ffb86c}.ui-avatar__status--ocupado{background-color:#f55}.ui-avatar--xs{--ui-tamanho-avatar: 20px;--ui-avatar-font-size: 10px}.ui-avatar--sm{--ui-tamanho-avatar: 28px;--ui-avatar-font-size: 11px}.ui-avatar--md{--ui-tamanho-avatar: 36px;--ui-avatar-font-size: 14px}.ui-avatar--lg{--ui-tamanho-avatar: 48px;--ui-avatar-font-size: 18px}.ui-avatar--xl{--ui-tamanho-avatar: 64px;--ui-avatar-font-size: 24px}',f=["xs","sm","md","lg","xl"],D=["online","offline","ausente","ocupado"],V=8,H=512;class x extends h.SafeHTMLElement{constructor(){super();u(this,"avatarElement");u(this,"statusElement");u(this,"_rotuloAuto",null);u(this,"_ocultoAuto",!1);u(this,"_sincronizando",!1);const t=this.attachShadow({mode:"open"});t.innerHTML=`
+      <style>${$}</style>
+      <div class="ui-avatar">
+        <span class="ui-avatar__content"></span>
+      </div>
+      <span class="ui-avatar__status" style="display: none;"></span>
+    `,this.avatarElement=t.querySelector(".ui-avatar"),this.statusElement=t.querySelector(".ui-avatar__status")}static get observedAttributes(){return["src","nome","name","tamanho","size","formato","status","aria-label"]}connectedCallback(){this.syncState()}attributeChangedCallback(t,i,e){this._sincronizando||this.syncState()}extrairIniciais(t){const i=t.trim().split(/\s+/).filter(Boolean);if(i.length===0)return"?";if(i.length===1)return Array.from(i[0]).slice(0,2).join("").toUpperCase();const e=Array.from(i[0])[0],a=Array.from(i[i.length-1])[0];return(e+a).toUpperCase()}lerNome(){return this.getAttribute("nome")||this.getAttribute("name")||""}sincronizarAcessibilidade(t,i){const e=this.getAttribute("aria-label"),a=e!==null&&e!==this._rotuloAuto,o=this.hasAttribute("aria-hidden")&&!this._ocultoAuto;if(!(a||o)){if(this._sincronizando=!0,t){const s=i?`${t}, ${i}`:t;this.setAttribute("role","img"),this.setAttribute("aria-label",s),this._rotuloAuto=s,this.removeAttribute("aria-hidden"),this._ocultoAuto=!1}else this._rotuloAuto!==null&&this.removeAttribute("aria-label"),this._rotuloAuto=null,this.removeAttribute("role"),this.setAttribute("aria-hidden","true"),this._ocultoAuto=!0;this._sincronizando=!1}}syncState(){const t=this.getAttribute("src"),i=this.lerNome(),e=(this.getAttribute("tamanho")||this.getAttribute("size")||"md").trim().toLowerCase(),a=this.getAttribute("formato"),o=d.escolherOpcaoOpcional(this.getAttribute("status"),D);this.avatarElement.className="ui-avatar";const s=d.escolherOpcaoOpcional(e,f),l=parseInt(e,10);s?(this.avatarElement.classList.add(`ui-avatar--${s}`),this.avatarElement.style.removeProperty("--ui-tamanho-avatar")):Number.isFinite(l)&&l>=V&&l<=H?this.avatarElement.style.setProperty("--ui-tamanho-avatar",`${l}px`):(this.avatarElement.classList.add(`ui-avatar--${d.escolherOpcao(null,f,"md")}`),this.avatarElement.style.removeProperty("--ui-tamanho-avatar")),a==="quadrado"&&this.avatarElement.classList.add("ui-avatar--quadrado");const c=this.avatarElement.querySelector(".ui-avatar__content");if(c)if(t){const m=c.querySelector("img");if(m&&m.getAttribute("src")===t)m.alt="";else{c.textContent="";const p=document.createElement("img");p.className="ui-avatar__img",p.src=t,p.alt="",p.onerror=()=>{this.renderFallback(c,this.lerNome())},c.appendChild(p)}}else c.textContent="",this.renderFallback(c,i);this.sincronizarAcessibilidade(i,o),o?(this.statusElement.className=`ui-avatar__status ui-avatar__status--${o}`,this.statusElement.style.display="block",this.statusElement.setAttribute("aria-hidden","true")):this.statusElement.style.display="none"}renderFallback(t,i){i?t.textContent=this.extrairIniciais(i):t.innerHTML=`
+        <svg viewBox="0 0 24 24" width="60%" height="60%" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
+          <circle cx="12" cy="7" r="4"></circle>
+        </svg>
+      `}}h.definirCustomElement("ui-avatar",x);class _{constructor(n,t){u(this,"rafId",null);u(this,"resizeObserver");this.trackElement=n,this.indicadorElement=t}iniciarObserver(n,t){typeof ResizeObserver<"u"&&(this.resizeObserver=new ResizeObserver(()=>{this.atualizar(),t&&t()}),this.resizeObserver.observe(n))}destruir(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0),this.rafId!==null&&(cancelAnimationFrame(this.rafId),this.rafId=null)}atualizar(){this.rafId!==null&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame(()=>{this.rafId=null;const n=this.trackElement.querySelector(".ui-segmented__item--ativo");if(!n){this.indicadorElement.style.opacity="0";return}const t=Math.round(n.offsetLeft),i=Math.round(n.offsetWidth);this.indicadorElement.style.transform=`translateX(${t}px)`,this.indicadorElement.style.width=`${i}px`,this.indicadorElement.style.opacity="1"})}}function A(r,n,t,i){if(t)return;const e=Array.from(n.querySelectorAll(".ui-segmented__item:not(:disabled)"));if(e.length===0)return;const a=e.findIndex(l=>l.classList.contains("ui-segmented__item--ativo"));let o=a;if(r.key==="ArrowRight"||r.key==="ArrowDown")r.preventDefault(),o=(a+1)%e.length;else if(r.key==="ArrowLeft"||r.key==="ArrowUp")r.preventDefault(),o=(a-1+e.length)%e.length;else if(r.key==="Home")r.preventDefault(),o=0;else if(r.key==="End")r.preventDefault(),o=e.length-1;else return;const s=e[o];if(s&&s.dataset.indice){const l=parseInt(s.dataset.indice,10);i(l)}}const U=':host{display:inline-block;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif)}:host([largura-total]),:host([full-width]){display:block;width:100%}.ui-segmented{display:inline-flex;position:relative;background-color:var(--ui-cor-fundo, #0b0b0d);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));border-radius:var(--ui-raio-borda, 8px);padding:3px;box-sizing:border-box;-webkit-user-select:none;user-select:none;gap:2px;align-items:center}.ui-segmented--full{display:flex;width:100%}.ui-segmented--full .ui-segmented__item{flex:1}.ui-segmented--sm{padding:2px;height:28px}.ui-segmented--sm .ui-segmented__item{font-size:12px;padding:0 8px;height:22px}.ui-segmented--md{padding:3px;height:36px}.ui-segmented--md .ui-segmented__item{font-size:13px;padding:0 14px;height:28px}.ui-segmented--lg{padding:4px;height:42px}.ui-segmented--lg .ui-segmented__item{font-size:14px;padding:0 18px;height:32px}.ui-segmented__indicador{position:absolute;top:3px;bottom:3px;left:0;background-color:var(--ui-cor-fundo-card, #1e1e24);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));border-radius:calc(var(--ui-raio-borda, 8px) - 2px);box-shadow:var(--ui-sombra-sm, 0 2px 8px rgba(0, 0, 0, .4));pointer-events:none;transition:transform .22s cubic-bezier(.16,1,.3,1),width .22s cubic-bezier(.16,1,.3,1),opacity .15s ease;z-index:1;opacity:0}.ui-segmented--sm .ui-segmented__indicador{top:2px;bottom:2px}.ui-segmented--lg .ui-segmented__indicador{top:4px;bottom:4px}.ui-segmented__item{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);font-family:inherit;font-weight:500;cursor:pointer;border-radius:calc(var(--ui-raio-borda, 8px) - 2px);line-height:1;white-space:nowrap;transition:color .15s ease;box-sizing:border-box}.ui-segmented__item:hover:not(:disabled){color:var(--ui-cor-texto, #e1e1e6)}.ui-segmented__item--ativo{color:var(--ui-cor-texto, #ffffff)!important;font-weight:600}.ui-segmented__item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-cor-primaria, #00E08A)}.ui-segmented__item:disabled{opacity:.35;cursor:not-allowed}.ui-segmented__icone{display:inline-flex;align-items:center;justify-content:center;line-height:1}.ui-segmented__icone ui-icone,.ui-segmented__icone svg{shape-rendering:geometricPrecision;display:inline-flex;align-items:center;justify-content:center}',y=["valor","value","name","disabled","tamanho","size","largura-total","full-width","obrigatorio","required","mensagem-validacao"];function E(){return`
+    <style>${U}</style>
+    <div class="ui-segmented ui-segmented--md" part="base" role="radiogroup">
+      <div class="ui-segmented__indicador" part="indicador"></div>
+      <div class="ui-segmented__track" style="display: contents;"></div>
+      <slot style="display: none;"></slot>
+    </div>
+  `}function w(r,n,t,i,e){const a=document.createElement("button");a.type="button",a.role="radio",a.className="ui-segmented__item",a.setAttribute("part",r.valor===t?"opcao opcao-selecionada":"opcao"),a.dataset.valor=r.valor,a.dataset.indice=String(n);const o=r.valor===t;if(a.setAttribute("aria-checked",String(o)),a.tabIndex=o?0:-1,o&&a.classList.add("ui-segmented__item--ativo"),(i||r.disabled)&&(a.disabled=!0),r.icone){const l=document.createElement("span");l.className="ui-segmented__icone";const c=document.createElement("ui-icone");c.setAttribute("nome",r.icone),c.setAttribute("tamanho","14"),l.appendChild(c),a.appendChild(l)}const s=document.createElement("span");return s.className="ui-segmented__texto",s.textContent=r.rotulo,a.appendChild(s),a.addEventListener("click",l=>{l.stopPropagation(),e()}),a}class g extends I.FormAssociatedElement{constructor(){super();u(this,"rootElement");u(this,"trackElement");u(this,"indicadorElement");u(this,"slotElement");u(this,"_opcoes",[]);u(this,"_defaultValue","");u(this,"listeners",new C.ListenerBag);u(this,"indicadorController");u(this,"handleSlotChange",()=>{this._opcoes.length===0&&this.carregarOpcoes()});u(this,"handleKeyDown",t=>{A(t,this.trackElement,this.disabled,i=>{this.selecionarIndice(i)})});const t=this.attachShadow({mode:"open"});t.innerHTML=E(),this.rootElement=t.querySelector(".ui-segmented"),this.indicadorElement=t.querySelector(".ui-segmented__indicador"),this.trackElement=t.querySelector(".ui-segmented__track"),this.slotElement=t.querySelector("slot"),this.indicadorController=new _(this.trackElement,this.indicadorElement)}static get observedAttributes(){return y}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.rootElement,"keydown",this.handleKeyDown),this.listeners.add(this.slotElement,"slotchange",this.handleSlotChange),this._defaultValue||(this._defaultValue=this.getAttribute("valor")||this.getAttribute("value")||""),this.indicadorController.iniciarObserver(this.rootElement),this.carregarOpcoes(),this.syncState()}disconnectedCallback(){this.listeners.cleanup(),this.indicadorController.destruir()}attributeChangedCallback(t,i,e){i!==e&&(t==="valor"||t==="value"?this.atualizarSelecao(e||""):this.syncState())}formResetCallback(){this.valor=this._defaultValue,this.syncState()}formStateRestoreCallback(t,i){typeof t=="string"&&(this.valor=t),this.syncState()}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.rootElement);return}if((this.hasAttribute("obrigatorio")||this.hasAttribute("required"))&&(!this.valor||this.valor.trim()==="")){const i=this.getAttribute("mensagem-validacao")||"Selecione uma opção.";this.internals.setValidity({valueMissing:!0},i,this.rootElement);return}this.internals.setValidity({})}get valor(){return this.getAttribute("valor")||this.getAttribute("value")||""}set valor(t){this.setAttribute("valor",t),this.atualizarSelecao(t)}get value(){return this.valor}set value(t){this.valor=t}get name(){return this.getAttribute("name")||""}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")}get opcoes(){return this._opcoes}set opcoes(t){this._opcoes=Array.isArray(t)?t:[],this.renderizarOpcoes()}carregarOpcoes(){const t=this.slotElement.assignedElements();if(t.length>0){const i=[];t.forEach(e=>{var a,o;if(e instanceof HTMLElement){const s=e.getAttribute("valor")||e.getAttribute("value")||e.getAttribute("data-value")||((a=e.textContent)==null?void 0:a.trim())||"",l=e.getAttribute("label")||e.getAttribute("rotulo")||((o=e.textContent)==null?void 0:o.trim())||s,c=e.getAttribute("icone")||e.getAttribute("icon")||void 0,m=e.hasAttribute("disabled");i.push({valor:s,rotulo:l,icone:c,disabled:m})}}),this._opcoes=i,this.renderizarOpcoes()}}renderizarOpcoes(){this.trackElement.innerHTML="";const t=this.valor,i=this.disabled;this._opcoes.forEach((a,o)=>{const s=w(a,o,t,i,()=>this.selecionarIndice(o));this.trackElement.appendChild(s)});const e=this.required||this.hasAttribute("sem-selecao-inicial");!t&&this._opcoes.length>0&&!e?this.selecionarIndice(0,!1):this.indicadorController.atualizar(),this.atualizarValidade()}selecionarIndice(t,i=!0){var o,s;if(this.disabled)return;const e=this._opcoes[t];if(!e||e.disabled)return;const a=this.valor;this.setAttribute("valor",e.valor),this.internals&&((s=(o=this.internals).setFormValue)==null||s.call(o,e.valor)),this.atualizarSelecao(e.valor),i&&a!==e.valor&&(this.dispatchEvent(new CustomEvent("ui-change",{detail:{valor:e.valor,rotulo:e.rotulo,indice:t},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("ui-selecionar",{detail:{valor:e.valor,rotulo:e.rotulo,indice:t},bubbles:!0,composed:!0})))}atualizarSelecao(t){var e,a;Array.from(this.trackElement.querySelectorAll(".ui-segmented__item")).forEach(o=>{const s=o.dataset.valor===t;o.classList.toggle("ui-segmented__item--ativo",s),O.alternarPart(o,"opcao-selecionada",s),o.setAttribute("aria-checked",String(s)),o.tabIndex=s?0:-1,s&&o.focus()}),this.internals&&((a=(e=this.internals).setFormValue)==null||a.call(e,t)),this.indicadorController.atualizar(),this.atualizarValidade()}syncState(){const t=this.getAttribute("tamanho")||this.getAttribute("size")||"md",i=this.hasAttribute("largura-total")||this.hasAttribute("full-width"),e=this.disabled;this.rootElement.className=`ui-segmented ui-segmented--${t}`,i&&this.rootElement.classList.add("ui-segmented--full"),this.rootElement.setAttribute("aria-disabled",String(e)),Array.from(this.trackElement.querySelectorAll(".ui-segmented__item")).forEach(o=>{o.disabled=e}),this.indicadorController.atualizar(),this.atualizarValidade()}}class S extends g{}h.definirCustomElement("ui-segmented",g);h.definirCustomElement("ui-segmento",S);exports.ATRIBUTOS_OBSERVADOS_SEGMENTED=y;exports.SegmentedIndicadorController=_;exports.UIAvatar=x;exports.UISegmented=g;exports.UISegmento=S;exports.UITexto=b;exports.criarBotaoOpcao=w;exports.criarTemplateSegmented=E;exports.tratarTecladoSegmented=A;