@thibezer/ui-components-kit 2.15.0 → 2.17.1

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

@@ -0,0 +1,21 @@
+"use strict";var tt=Object.defineProperty;var et=(o,s,t)=>s in o?tt(o,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[s]=t;var d=(o,s,t)=>et(o,typeof s!="symbol"?s+"":s,t);const D=require("./listener-bag-D5omxZ9h.cjs"),E=require("./ssr-safe-CiHD1adl.cjs"),y=require("./degrade-CIxvOTUv.cjs"),it=require("./svg-seguro-J2RM1Ssf.cjs"),rt=':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)}',G={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 U extends E.SafeHTMLElement{constructor(){super();d(this,"iconContainer");d(this,"svgContainer");d(this,"slotElement");d(this,"handleSlotChange",()=>{this.syncState()});const t=this.attachShadow({mode:"open"});t.innerHTML=`
+      <style>${rt}</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"),a=this.slotElement.assignedNodes().length>0;r&&G[r]&&!a?(this.svgContainer.innerHTML=G[r],this.svgContainer.style.display="inline-flex"):(this.svgContainer.innerHTML="",this.svgContainer.style.display="none")}}E.definirCustomElement("ui-icone",U);const at=':host{display:block;position:relative;box-sizing:border-box;min-height:122px;font-family:var(--ui-fonte-base, "Inter", sans-serif);color:var(--ui-cor-texto, #e1e1e6)}:host([recolhido]){min-height:31px}.ui-ribbon{display:flex;flex-direction:column;background:var(--ui-degrade-interno, var(--ui-ribbon-fundo, var(--ui-fundo-superficie, 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}:host(.degrade),:host(.gradiente),:host([data-degrade]:not([data-degrade="false"])),.ui-ribbon[data-degrade]:not([data-degrade=false]){--ui-ribbon-fundo: var(--ui-gradiente-superficie)}.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;justify-content:center;flex-shrink:0;padding:0 var(--ui-espaco-sm, 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:center;gap:var(--ui-espaco-xs, 4px)}.ui-ribbon__grupo-rotulo{position:relative;display:flex;align-items:center;justify-content:center;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__grupo-rotulo:empty{display:none;padding:0}.ui-ribbon__lancador{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:0;background:transparent;color:var(--ui-cor-texto-secundario, #888899);cursor:pointer;border-radius:2px;opacity:.7}[dir=rtl] .ui-ribbon__lancador{right:auto;left:0}.ui-ribbon__lancador:hover{opacity:1;color:var(--ui-cor-texto, #e1e1e6);background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ribbon__lancador:focus-visible{outline:2px solid var(--ui-cor-primaria, #00E08A);outline-offset:-1px}.ui-ribbon__grupo--colapsado{padding:0 4px;justify-content:center}.ui-ribbon__btn-colapsado{height:calc(100% - 6px);margin:3px 0}.ui-ribbon__keytip{position:absolute;z-index:100;padding:1px 4px;font-size:.625rem;font-weight:700;line-height:1;color:#111;background:#fef08a;border:1px solid #ca8a04;border-radius:2px;box-shadow:0 1px 3px #0006;pointer-events:none}.ui-ribbon__coluna{display:flex;flex-direction:column;justify-content:center;gap:2px}.ui-ribbon__separador{width:1px;height:68px;align-self:center;margin:0 var(--ui-espaco-xs, 4px);background:var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ferr-btn--grande{flex-direction:column;min-width:52px;height:76px;padding:6px 8px;gap:3px;box-sizing:border-box;border-radius:var(--ui-raio-borda, 6px);justify-content:center;align-items:center}.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 8px;border-radius:var(--ui-raio-sm, 4px);justify-content:flex-start;box-sizing:border-box}.ui-ferr-btn--pequeno.ui-ferr-btn--so-icone{width:24px;padding:0;justify-content:center}.ui-ferr-split--pequeno{border-radius:var(--ui-raio-sm, 4px)}.ui-ferr-split--pequeno .ui-ferr-split__acao{border-radius:var(--ui-raio-sm, 4px) 0 0 var(--ui-raio-sm, 4px);padding:0 6px 0 8px}.ui-ferr-split--pequeno .ui-ferr-split__gatilho{border-radius:0 var(--ui-raio-sm, 4px) var(--ui-raio-sm, 4px) 0}.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}}',V='.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-degrade-interno, var(--ui-ferr-menu-fundo, var(--ui-fundo-elevado, 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}}.ui-ferr-tooltip{position:fixed;z-index:var(--ui-z-tooltip, 1200);pointer-events:none;display:none;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--ui-raio-sm, 4px);background:var(--ui-degrade-interno, var(--ui-ferr-tooltip-fundo, var(--ui-fundo-elevado, var(--ui-cor-fundo-tooltip, #18181c))));color:var(--ui-cor-texto, #e1e1e6);font-family:var(--ui-fonte-base, "Inter", sans-serif);font-size:.6875rem;line-height:1.2;white-space:nowrap;border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));box-shadow:var(--ui-sombra-md, 0 4px 12px rgba(0, 0, 0, .35));opacity:0;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease}.ui-ferr-tooltip--visivel{display:inline-flex;opacity:1;transform:translateY(0)}.ui-ferr-tooltip__atalho{display:inline-flex;align-items:center;padding:1px 4px;border-radius:3px;background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08));color:var(--ui-cor-texto-secundario, #888899);font-family:inherit;font-size:.625rem;font-weight:600;border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08))}.ui-ferr-split{display:inline-flex;align-items:stretch;border-radius:var(--ui-raio-borda, 6px);position:relative}.ui-ferr-split--grande{flex-direction:column}.ui-ferr-split--grande .ui-ferr-split__acao{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui-ferr-split--grande .ui-ferr-split__gatilho{height:16px;width:100%;border-top-left-radius:0;border-top-right-radius:0;border-top:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));padding:0;justify-content:center}.ui-ferr-split--pequeno{flex-direction:row}.ui-ferr-split--pequeno .ui-ferr-split__acao{border-top-right-radius:0;border-bottom-right-radius:0}.ui-ferr-split--pequeno .ui-ferr-split__gatilho{width:16px;height:24px;padding:0;border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));justify-content:center}.ui-ferr-split:hover:not(:has(:disabled)){background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .04))}.ui-ferr-menu__caret-sub{width:0;height:0;margin-inline-start:auto;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid currentColor;opacity:.7}[dir=rtl] .ui-ferr-menu__caret-sub{border-left:0;border-right:4px solid currentColor}@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 z(o,s){if(!o)return null;const t=document.createElement("ui-icone");if(t.setAttribute("tamanho",String(s)),o.trimStart().startsWith("<")){const e=it.higienizarSvg(o);if(!e)return null;t.appendChild(e)}else t.setAttribute("nome",o);return t}const K=new Set;function P(o){return o.rotuloAcessivel?o.rotuloAcessivel:o.rotulo?o.rotulo:o.icone&&!o.icone.trimStart().startsWith("<")?o.icone:(K.has(o.id)||(K.add(o.id),console.warn(`[ui-barra-ferramentas] O item "${o.id}" não tem "rotulo" nem "rotuloAcessivel": o id será usado como nome acessível.`)),o.id)}function N(o,s){const t=new Set,e=new Set;o.forEach(i=>t.has(i)?e.add(i):t.add(i)),e.size&&console.warn(`[ui-barra-ferramentas] ${s}: ids duplicados (${[...e].join(", ")}). Use ids únicos, senão atualizarItem() e os eventos podem atingir o item errado.`)}function q(o,s=[]){for(const t of o)t.tipo!=="separador"&&(s.push(t.id),t.filhos&&q(t.filhos,s));return s}function A(o,s){o.disabled=!!s.disabled;const t=s.tipo,e=t==="toggle"||t==="ferramenta";e?o.setAttribute("aria-pressed",String(!!s.ativo)):o.removeAttribute("aria-pressed"),o.classList.toggle("ui-ferr-btn--ativo",e&&!!s.ativo)}function B(o,s,t){var n;const e=document.createElement("button");e.type="button",e.className=`ui-ferr-btn ui-ferr-btn--${s}`,e.dataset.id=o.id,e.tabIndex=-1;const i=!!((n=o.filhos)!=null&&n.length),r=s!=="paleta"&&!o.somenteIcone&&!!o.rotulo;o.rotuloAcessivel?e.setAttribute("aria-label",o.rotuloAcessivel):r?e.removeAttribute("aria-label"):e.setAttribute("aria-label",P(o)),o.atalho&&e.setAttribute("aria-keyshortcuts",o.atalho),e.dataset.tooltip=P(o),o.atalho&&(e.dataset.atalho=o.atalho);const a=z(o.icone,t);if(a){const l=document.createElement("span");l.className="ui-ferr-btn__icone",l.appendChild(a),e.appendChild(l)}if(s!=="paleta"&&o.somenteIcone&&e.classList.add("ui-ferr-btn--so-icone"),r){const l=document.createElement("span");l.className="ui-ferr-btn__rotulo",l.textContent=o.rotulo,e.appendChild(l)}if(i&&!o.dividido){if(s==="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,o),e}function ot(o,s,t){const e=document.createElement("div");e.className=`ui-ferr-split ui-ferr-split--${s}`,e.dataset.id=o.id;const i=B({...o,filhos:void 0,dividido:!1},s,t);i.classList.add("ui-ferr-split__acao"),i.dataset.split="acao";const r=document.createElement("button");r.type="button",r.className=`ui-ferr-btn ui-ferr-split__gatilho ui-ferr-btn--${s}`,r.dataset.id=o.id,r.dataset.split="gatilho",r.tabIndex=-1,r.disabled=!!o.disabled,r.setAttribute("aria-haspopup","menu"),r.setAttribute("aria-expanded","false"),r.setAttribute("aria-label",`Opções de ${P(o)}`),r.dataset.tooltip=`Opções de ${P(o)}`;const a=document.createElement("span");return a.className="ui-ferr-btn__caret",r.appendChild(a),e.appendChild(i),e.appendChild(r),e}function m(o,s){for(const t of o){if(t.id===s)return t;if(t.filhos){const e=m(t.filhos,s);if(e)return e}}}function W(o,s){if(!s||!s.trim())return!1;const t=s.split("+").map(f=>f.trim()),e=t[t.length-1],i=t.some(f=>/^(ctrl|control|cmd|meta)$/i.test(f)),r=t.some(f=>/^alt$/i.test(f)),a=t.some(f=>/^shift$/i.test(f)),n=o.ctrlKey||o.metaKey,l=o.altKey,c=o.shiftKey;if(i!==n||r!==l||a!==c)return!1;const u=e.toLowerCase(),p=(o.key||"").toLowerCase();return u==="esc"||u==="escape"?p==="escape":u==="del"||u==="delete"?p==="delete":u==="enter"?p==="enter":u==="space"||u==="espaço"?p===" "||p==="space":p===u}function F(o){const s=o.filter(t=>!t.disabled);o.forEach(t=>t.tabIndex=-1),s.length&&(s[0].tabIndex=0)}function Y(o){const s=o.find(t=>t.tabIndex===0&&!t.disabled);s?o.forEach(t=>{t!==s&&(t.tabIndex=-1)}):F(o)}function X(o,s){const t=o.find(e=>e===s||e.contains(s));!t||t.disabled||o.forEach(e=>e.tabIndex=e===t?0:-1)}function $(o,s,t,e){const i=s.filter(l=>!l.disabled),r=i.length,a=i.findIndex(l=>l===o.target);if(r===0||a<0)return!1;let n=a;if(t.includes(o.key))n=(a-1+r)%r;else if(e.includes(o.key))n=(a+1)%r;else if(o.key==="Home")n=0;else if(o.key==="End")n=r-1;else return!1;return o.preventDefault(),s.forEach(l=>l.tabIndex=-1),i[n].tabIndex=0,i[n].focus(),!0}function st(o,s,t=!1){const e=s.filter(l=>!l.disabled),i=e.length,r=e.findIndex(l=>l===o.target);if(i===0||r<0)return!1;let a=r;const n=r%2;if(o.key==="ArrowRight")t?n===1&&(a=r-1):n===0&&r+1<i&&(a=r+1);else if(o.key==="ArrowLeft")t?n===0&&r+1<i&&(a=r+1):n===1&&(a=r-1);else if(o.key==="ArrowDown")r+2<i?a=r+2:r+1<i&&n===0&&(a=r+1);else if(o.key==="ArrowUp")r-2>=0?a=r-2:r-1>=0&&n===1&&(a=r-1);else if(o.key==="Home")a=0;else if(o.key==="End")a=i-1;else return!1;return o.preventDefault(),s.forEach(l=>l.tabIndex=-1),e[a].tabIndex=0,e[a].focus(),!0}let nt=0;class J{constructor(s,t){d(this,"el");d(this,"textoEl");d(this,"atalhoEl");d(this,"timer");d(this,"alvoAtual",null);d(this,"id",`ui-ferr-tooltip-${++nt}`);d(this,"listeners",new D.ListenerBag);this.raiz=s,this.el=document.createElement("div"),this.el.className="ui-ferr-tooltip",this.el.id=this.id,this.el.setAttribute("role","tooltip"),this.el.setAttribute("aria-hidden","true"),this.textoEl=document.createElement("span"),this.textoEl.className="ui-ferr-tooltip__texto",this.atalhoEl=document.createElement("kbd"),this.atalhoEl.className="ui-ferr-tooltip__atalho",this.el.appendChild(this.textoEl),this.el.appendChild(this.atalhoEl),this.raiz.appendChild(this.el),this.listeners.add(t,"pointerover",e=>{const i=e.target.closest(".ui-ferr-btn, .ui-ribbon__fixar, .ui-ribbon__lancador");if(i&&i!==this.alvoAtual){const r=i.dataset.tooltip||i.getAttribute("aria-label")||"",a=i.dataset.atalho||i.getAttribute("aria-keyshortcuts")||"";r&&this.agendar(i,r,a)}}),this.listeners.add(t,"pointerout",e=>{const r=e.relatedTarget;this.alvoAtual&&(!r||!this.alvoAtual.contains(r))&&this.esconder()}),this.listeners.add(t,"focusin",e=>{const i=e.target.closest(".ui-ferr-btn, .ui-ribbon__fixar, .ui-ribbon__lancador");if(i){const r=i.dataset.tooltip||i.getAttribute("aria-label")||"",a=i.dataset.atalho||i.getAttribute("aria-keyshortcuts")||"";r&&this.mostrar(i,r,a)}}),this.listeners.add(t,"focusout",()=>this.esconder()),this.listeners.add(t,"pointerdown",()=>this.esconder()),this.listeners.add(t,"click",()=>this.esconder()),this.listeners.add(window,"scroll",()=>this.esconder(),!0),this.listeners.add(window,"resize",()=>this.esconder())}agendar(s,t,e){this.limparTimer(),this.timer=window.setTimeout(()=>this.mostrar(s,t,e),140)}mostrar(s,t,e){if(this.limparTimer(),!s.isConnected||!t)return;this.alvoAtual=s,this.textoEl.textContent=t,e?(this.atalhoEl.textContent=`(${e})`,this.atalhoEl.style.display=""):(this.atalhoEl.textContent="",this.atalhoEl.style.display="none"),this.el.classList.add("ui-ferr-tooltip--visivel"),this.el.setAttribute("aria-hidden","false"),s.setAttribute("aria-describedby",this.id);const i=s.getBoundingClientRect(),r=this.el.getBoundingClientRect();let a=i.bottom+6,n=i.left+(i.width-(r.width||80))/2;a+(r.height||24)>window.innerHeight-6&&(a=Math.max(6,i.top-(r.height||24)-6)),n<6?n=6:n+(r.width||80)>window.innerWidth-6&&(n=Math.max(6,window.innerWidth-(r.width||80)-6)),this.el.style.top=`${a}px`,this.el.style.left=`${n}px`}esconder(){this.limparTimer(),this.alvoAtual&&(this.alvoAtual.removeAttribute("aria-describedby"),this.alvoAtual=null),this.el.classList.remove("ui-ferr-tooltip--visivel"),this.el.setAttribute("aria-hidden","true")}limparTimer(){this.timer!==void 0&&(window.clearTimeout(this.timer),this.timer=void 0)}destruir(){this.esconder(),this.listeners.cleanup(),this.el.remove()}}let lt=0;function L(o,s,t,e,i={}){var j;const r=i.lado??"baixo",a=new D.ListenerBag,n=document.createElement("div");n.className="ui-ferr-menu",n.setAttribute("role","menu"),n.id=`ui-ferr-menu-${++lt}`,n.setAttribute("aria-label",s.getAttribute("aria-label")||"Menu"),s.setAttribute("aria-controls",n.id);const l=[];let c=!1,u=null;const p=()=>{u&&(u.fechar(),u=null)},f=()=>{var h;c||(c=!0,p(),s.removeAttribute("aria-controls"),a.cleanup(),n.remove(),(h=i.onFechar)==null||h.call(i))},g=getComputedStyle(s).direction==="rtl";t.forEach(h=>{var H;if(h.tipo==="separador"){const x=document.createElement("div");x.className="ui-ferr-menu__sep",x.setAttribute("role","separator"),n.appendChild(x);return}const b=document.createElement("button");b.type="button",b.className="ui-ferr-menu__item";const k=h.tipo??i.tipoPadrao??"botao";k==="toggle"?(b.setAttribute("role","menuitemcheckbox"),b.setAttribute("aria-checked",String(!!h.ativo))):k==="ferramenta"?(b.setAttribute("role","menuitemradio"),b.setAttribute("aria-checked",String(!!h.ativo))):b.setAttribute("role","menuitem"),b.dataset.id=h.id,b.disabled=!!h.disabled,h.atalho&&b.setAttribute("aria-keyshortcuts",h.atalho),h.ativo&&b.classList.add("ui-ferr-menu__item--ativo");const S=document.createElement("span");S.className="ui-ferr-menu__icone";const M=z(h.icone,14);M&&S.appendChild(M),b.appendChild(S);const v=document.createElement("span");if(v.className="ui-ferr-menu__rotulo",v.textContent=P(h),b.appendChild(v),h.atalho){const x=document.createElement("span");x.className="ui-ferr-menu__atalho",x.textContent=h.atalho,b.appendChild(x)}if(!!((H=h.filhos)!=null&&H.length)){b.classList.add("ui-ferr-menu__item--has-sub"),b.setAttribute("aria-haspopup","menu"),b.setAttribute("aria-expanded","false");const x=document.createElement("span");x.className="ui-ferr-menu__caret-sub",b.appendChild(x);const O=R=>{(u==null?void 0:u.ancora)!==b&&(p(),b.setAttribute("aria-expanded","true"),u=L(o,b,h.filhos,e,{lado:g?"esquerda":"direita",focar:R,tipoPadrao:i.tipoPadrao,onFechar:()=>{b.setAttribute("aria-expanded","false"),u=null}}))};b.addEventListener("pointerenter",()=>O(!1)),b.addEventListener("click",R=>{R.stopPropagation(),O(!0)})}else b.addEventListener("pointerenter",p),b.addEventListener("click",x=>{x.stopPropagation(),f(),s.focus(),e(h)});l.push(b),n.appendChild(b)}),o.appendChild(n);const _=s.getBoundingClientRect(),w=n.getBoundingClientRect();let I=r==="baixo"?_.bottom+2:_.top,C=r==="direita"?_.right+4:r==="esquerda"?_.left-w.width-4:g?_.right-w.width:_.left;w.width&&C+w.width>window.innerWidth-4&&(C=Math.max(4,window.innerWidth-w.width-4)),C<4&&(C=4),w.height&&I+w.height>window.innerHeight-4&&(I=Math.max(4,window.innerHeight-w.height-4)),n.style.top=`${I}px`,n.style.left=`${C}px`;const T=()=>l.filter(h=>!h.disabled);return a.add(n,"keydown",h=>{const b=T(),k=b.findIndex(v=>v===h.target),S=g?"ArrowLeft":"ArrowRight",M=g?"ArrowRight":"ArrowLeft";if(h.key==="Escape")h.preventDefault(),h.stopPropagation(),f(),s.focus();else if(h.key==="Tab")f();else if(b.length&&(h.key==="ArrowDown"||h.key==="ArrowUp")){h.preventDefault(),p();const v=h.key==="ArrowDown"?1:-1;b[(k+v+b.length)%b.length].focus()}else if(b.length&&h.key===S){const v=b[k];v!=null&&v.classList.contains("ui-ferr-menu__item--has-sub")&&(h.preventDefault(),v.click())}else h.key===M&&(r==="direita"||r==="esquerda")?(h.preventDefault(),h.stopPropagation(),f(),s.focus()):b.length&&h.key==="Home"?(h.preventDefault(),b[0].focus()):b.length&&h.key==="End"&&(h.preventDefault(),b[b.length-1].focus())}),a.add(document,"pointerdown",h=>{const b=h.composedPath();!b.includes(n)&&!b.includes(s)&&!(u!=null&&u.elemento.contains(h.target))&&f()},!0),a.add(window,"resize",f),a.add(window,"scroll",h=>{h.target instanceof Node&&n.contains(h.target)||f()},!0),i.focar&&((j=T()[0])==null||j.focus()),{elemento:n,ancora:s,fechar:f,focarPrimeiro:()=>{var h;return(h=T()[0])==null?void 0:h.focus()}}}const ut=3;function dt({aba:o,ativa:s,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=o.id,i.id=t,s&&i.setAttribute("aria-controls",e),i.textContent=o.rotulo,i.tabIndex=s?0:-1,i.setAttribute("aria-selected",String(s)),i.classList.toggle("ui-ribbon__aba--ativa",s),i.classList.toggle("ui-ribbon__aba--contextual",!!o.contextual),i}const ct='<svg viewBox="0 0 24 24"><path d="M4 6h16M4 12h16M4 18h16" stroke="currentColor" stroke-width="2" fill="none"/></svg>',ht='<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 12h8V4M12 12l-7-7"/></svg>',pt=o=>o.rotuloLancador||`Mais opções de ${o.rotulo||"ferramentas"}`;function bt(o,s){s.classList.add("ui-ribbon__grupo--colapsado");const t=document.createElement("button");t.type="button",t.className="ui-ferr-btn ui-ferr-btn--grande ui-ribbon__btn-colapsado",t.dataset.grupoColapsado=o.id,t.dataset.tooltip=o.rotulo,t.setAttribute("aria-haspopup","menu"),t.setAttribute("aria-expanded","false");const e=z(o.icone,24)||z(ct,24);if(e){const a=document.createElement("span");a.className="ui-ferr-btn__icone",a.appendChild(e),t.appendChild(a)}const i=document.createElement("span");i.className="ui-ferr-btn__rotulo",i.textContent=o.rotulo,t.appendChild(i);const r=document.createElement("span");return r.className="ui-ferr-btn__caret",t.appendChild(r),s.appendChild(t),s}function ft(o,s,t={}){const e=document.createElement("div");if(e.className="ui-ribbon__grupo",e.setAttribute("role","group"),e.setAttribute("aria-label",o.rotulo),e.dataset.id=o.id,t.colapsado)return bt(o,e);const i=(c,u,p)=>{var f;return c.dividido&&((f=c.filhos)!=null&&f.length)&&t.criarDividido?t.criarDividido(c,u,p):s(c,u,p)},r=document.createElement("div");r.className="ui-ribbon__grupo-itens";let a=null,n=0;const l=()=>{a&&r.appendChild(a),a=null,n=0};if(o.itens.forEach(c=>{if(c.tipo==="separador"){l();const u=document.createElement("div");u.className="ui-ribbon__separador",u.setAttribute("role","separator"),r.appendChild(u)}else c.tamanho==="grande"?(l(),r.appendChild(i(c,"grande",24))):(a||(a=document.createElement("div"),a.className="ui-ribbon__coluna"),a.appendChild(i(c,"pequeno",16)),++n===ut&&l())}),l(),o.rotulo||o.lancadorDialogo){const c=document.createElement("div");if(c.className="ui-ribbon__grupo-rotulo",o.rotulo&&(c.textContent=o.rotulo),o.lancadorDialogo){const u=document.createElement("button");u.type="button",u.className="ui-ribbon__lancador",u.dataset.lancador=o.id;const p=pt(o);u.setAttribute("aria-label",p),u.dataset.tooltip=p;const f=z(ht,10);f&&u.appendChild(f),c.appendChild(u)}return e.appendChild(r),e.appendChild(c),e}return e.appendChild(r),e}function mt(o,s,t,e,i=!1){if(s<0||t<=0)return null;if(i&&(o==="Enter"||o===" "))return{tipo:"ativar",indice:s};const[r,a]=e?["ArrowLeft","ArrowRight"]:["ArrowRight","ArrowLeft"];return o===r?{tipo:"ir-para",indice:(s+1)%t}:o===a?{tipo:"ir-para",indice:(s-1+t)%t}:o==="Home"?{tipo:"ir-para",indice:0}:o==="End"?{tipo:"ir-para",indice:t-1}:o==="ArrowDown"?{tipo:"descer"}:null}let gt=0;class Q extends E.SafeHTMLElement{constructor(){super();d(this,"rootElement");d(this,"abasElement");d(this,"gruposElement");d(this,"painelElement");d(this,"fixarElement");d(this,"uid",`ui-ribbon-${++gt}`);d(this,"_abaPendente","");d(this,"_pronto",!1);d(this,"_modoControlado",!1);d(this,"_abas",[]);d(this,"_abaAtiva","");d(this,"menu",null);d(this,"listeners",new D.ListenerBag);d(this,"tooltip",null);d(this,"observerResize",null);d(this,"gruposColapsados",new Set);d(this,"keytipsAtivas",!1);d(this,"handleFocusInGrupos",t=>X(this.botoesPainel(),t.target));d(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"))});d(this,"handleClickFixar",()=>{this.recolhido=!this.recolhido});d(this,"handleDblClickAbas",t=>{t.target.closest(".ui-ribbon__aba")&&(this.recolhido=!this.recolhido)});d(this,"handleKeyDownAbas",t=>{var a,n;const e=Array.from(this.abasElement.querySelectorAll(".ui-ribbon__aba")),i=mt(t.key,e.findIndex(l=>l===t.target),e.length,this.rtl,this.ativacaoManual);if(!i)return;if(t.preventDefault(),i.tipo==="descer"){this.recolhido&&this.rootElement.classList.add("ui-ribbon--aberto"),(a=this.botoesPainel().find(l=>!l.disabled))==null||a.focus();return}if(i.tipo==="ativar"){const l=e[i.indice].dataset.id;l&&this.selecionarAba(l);return}const r=e[i.indice].dataset.id;if(this.ativacaoManual){e.forEach(l=>l.tabIndex=-1),e[i.indice].tabIndex=0,e[i.indice].focus();return}r&&this.selecionarAba(r),(n=this.abasElement.querySelector(`.ui-ribbon__aba[data-id="${CSS.escape(r??"")}"]`))==null||n.focus()});d(this,"handleClickGrupos",t=>{var c;const e=t.target,i=this._abas.find(u=>u.id===this._abaAtiva),r=e.closest(".ui-ribbon__btn-colapsado");if(r){const u=i==null?void 0:i.grupos.find(p=>p.id===r.dataset.grupoColapsado);u&&this.alternarMenuGrupoColapsado(r,u);return}const a=e.closest(".ui-ribbon__lancador");if(a){const u=i==null?void 0:i.grupos.find(p=>p.id===a.dataset.lancador);u&&this.dispatchEvent(new CustomEvent("ui-grupo-dialogo",{detail:{id:typeof u.lancadorDialogo=="string"?u.lancadorDialogo:u.id,grupo:u},bubbles:!0,composed:!0}));return}const n=e.closest(".ui-ferr-split__gatilho");if(n){const u=n.closest(".ui-ferr-split"),p=u==null?void 0:u.dataset.id,f=i&&m(i.grupos.flatMap(g=>g.itens),p??"");f&&((c=f.filhos)!=null&&c.length)&&this.alternarMenu(n,f,!1);return}const l=e.closest(".ui-ferr-btn");l!=null&&l.dataset.id&&this.acionar(l,t.detail===0)});d(this,"handleKeyDownGrupos",t=>{var r;const e=this.botoesPainel();if(this.rtl?$(t,e,["ArrowRight"],["ArrowLeft"]):$(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))});d(this,"handleEscape",t=>{t.key==="Escape"&&!this.menu&&this.rootElement.classList.remove("ui-ribbon--aberto")});d(this,"handlePointerDownFora",t=>{!this.recolhido||!this.rootElement.classList.contains("ui-ribbon--aberto")||t.composedPath().includes(this)||this.rootElement.classList.remove("ui-ribbon--aberto")});d(this,"handleAtalho",t=>{if(!this.hasAttribute("atalhos")&&!this.hasAttribute("keytips")||t.defaultPrevented)return;const e=t.composedPath(),i=e[0];if(i&&(/^(INPUT|TEXTAREA|SELECT)$/.test(i.tagName)||i.isContentEditable)||e.some(u=>{var f,g;const p=(f=u.getAttribute)==null?void 0:f.call(u,"role");return((g=u.getAttribute)==null?void 0:g.call(u,"aria-modal"))==="true"||p==="textbox"||p==="searchbox"||p==="combobox"||p==="spinbutton"}))return;if(this.hasAttribute("keytips")&&(t.key==="Alt"||t.key==="F10")&&!t.ctrlKey&&!t.shiftKey&&!t.metaKey){t.preventDefault(),this.alternarKeyTips();return}if(!this.hasAttribute("atalhos"))return;const a=this._abas.find(u=>u.id===this._abaAtiva);if(!a)return;const l=a.grupos.flatMap(u=>u.itens).find(u=>!u.disabled&&W(t,u.atalho));if(!l)return;t.preventDefault();const c=this.gruposElement.querySelector(`.ui-ferr-btn[data-id="${CSS.escape(l.id)}"]`);c?this.acionar(c,!1):this.emitir(l)});const t=this.attachShadow({mode:"open"});t.innerHTML=`
+      <style>${V}${at}</style>
+      <div class="ui-ribbon" part="base">
+        <div class="ui-ribbon__cabecalho" part="cabecalho">
+          <div class="ui-ribbon__abas" part="abas" role="tablist"></div>
+          <button type="button" class="ui-ribbon__fixar" part="fixar"></button>
+        </div>
+        <div class="ui-ribbon__painel" part="painel" role="tabpanel">
+          <div class="ui-ribbon__grupos" part="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","ativacao-manual","copiar-dados","modo-controlado","atalhos","keytips","aria-label","rotulo-abas","rotulo-fixar","rotulo-expandir",...y.ATRIBUTOS_DEGRADE]}connectedCallback(){var e;this.listeners.cleanup(),(e=this.tooltip)==null||e.destruir(),this.tooltip=new J(this.shadowRoot,this.rootElement),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),this.listeners.add(document,"keydown",this.handleAtalho),this.iniciarResizeObserver();const t=this.getAttribute("aba-ativa");t&&!this._abaAtiva&&(this._abaPendente=t),y.aplicarDegradeNoElemento(this,this.rootElement),this.aplicarRotulos(),this.renderizar(),this._pronto=!0}disconnectedCallback(){var t,e;this._pronto=!1,this.fecharMenu(),(t=this.observerResize)==null||t.disconnect(),this.observerResize=null,(e=this.tooltip)==null||e.destruir(),this.tooltip=null,this.listeners.cleanup()}attributeChangedCallback(t,e,i){if(e!==i){if(y.ehAtributoDegrade(t)){y.aplicarDegradeNoElemento(this,this.rootElement);return}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 modoControlado(){return this._modoControlado||this.hasAttribute("modo-controlado")||this.hasAttribute("copiar-dados")}set modoControlado(t){this._modoControlado=!!t}get copiarDados(){return this.modoControlado}set copiarDados(t){this.modoControlado=t}get ativacaoManual(){return this.hasAttribute("ativacao-manual")}set ativacaoManual(t){t?this.setAttribute("ativacao-manual",""):this.removeAttribute("ativacao-manual")}get abas(){return this._abas}set abas(t){const e=Array.isArray(t)?t:[];this._abas=this.modoControlado?e.map(i=>({...i,grupos:i.grupos.map(r=>({...r,itens:r.itens.map(a=>{var n;return{...a,filhos:(n=a.filhos)==null?void 0:n.map(l=>({...l}))}})}))})):e,N(this._abas.map(i=>i.id),"<ui-ribbon> abas"),N(this._abas.flatMap(i=>i.grupos.flatMap(r=>q(r.itens))),"<ui-ribbon> itens"),this.gruposColapsados.clear(),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.gruposColapsados.clear(),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 a=this._abas.find(n=>n.id===this._abaAtiva);!e&&r===t&&a&&this.dispatchEvent(new CustomEvent("ui-aba-change",{detail:{id:a.id,aba:a},bubbles:!0,composed:!0}))}atualizarItem(t,e){const i=this._abas.flatMap(c=>c.grupos.flatMap(u=>u.itens)),r=m(i,t);if(!r){console.warn(`[ui-ribbon] atualizarItem("${t}"): item não encontrado.`);return}Object.assign(r,e);const a=this._abas.find(c=>c.id===this._abaAtiva);if(!a||!m(a.grupos.flatMap(c=>c.itens),t))return;const n=Object.keys(e).every(c=>c==="ativo"||c==="disabled"),l=this.gruposElement.querySelector(`.ui-ferr-btn[data-id="${CSS.escape(t)}"]`);n?l&&(A(l,this.efetivo(r)),Y(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(dt({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(ft(e,(i,r,a)=>this.criarBotao(i,r,a),{colapsado:this.gruposColapsados.has(e.id),criarDividido:(i,r,a)=>ot(this.efetivo(i),r,a)}))),F(this.botoesPainel())}iniciarResizeObserver(){typeof ResizeObserver>"u"||(this.observerResize=new ResizeObserver(()=>{this.ajustarColapsoGrupos()}),this.observerResize.observe(this.painelElement))}ajustarColapsoGrupos(){const t=this._abas.find(i=>i.id===this._abaAtiva);if(!t||!t.grupos.length)return;const e=this.gruposElement;if(e.scrollWidth>e.clientWidth){const i=[...t.grupos].filter(r=>!this.gruposColapsados.has(r.id)).sort((r,a)=>(r.prioridade??0)-(a.prioridade??0));i.length>0&&(this.gruposColapsados.add(i[0].id),this.renderizarPainel())}else if(this.gruposColapsados.size>0){const i=[...t.grupos].filter(r=>this.gruposColapsados.has(r.id)).sort((r,a)=>(a.prioridade??0)-(r.prioridade??0));i.length>0&&(this.gruposColapsados.delete(i[0].id),this.renderizarPainel(),e.scrollWidth>e.clientWidth&&(this.gruposColapsados.add(i[0].id),this.renderizarPainel()))}}alternarMenuGrupoColapsado(t,e){var r;const i=((r=this.menu)==null?void 0:r.ancora)===t;this.fecharMenu(),!i&&(t.setAttribute("aria-expanded","true"),this.menu=L(this.shadowRoot,t,e.itens,a=>{const n=this.gruposElement.querySelector(`.ui-ferr-btn[data-id="${CSS.escape(a.id)}"]`);if(n)this.acionar(n,!1);else{const l=a.ativo;a.tipo==="toggle"?a.ativo=!l:a.tipo==="ferramenta"&&(a.ativo=!0),this.emitir(a)||(a.ativo=l)}this.rootElement.classList.remove("ui-ribbon--aberto")},{lado:"baixo",onFechar:()=>{t.setAttribute("aria-expanded","false"),this.menu=null}}))}criarBotao(t,e,i){return B(this.efetivo(t),e,i)}botoesPainel(){return Array.from(this.gruposElement.querySelectorAll(".ui-ferr-btn"))}get rtl(){return getComputedStyle(this).direction==="rtl"}alternarKeyTips(){if(this.keytipsAtivas=!this.keytipsAtivas,this.shadowRoot.querySelectorAll(".ui-ribbon__keytip").forEach(e=>e.remove()),!this.keytipsAtivas)return;Array.from(this.abasElement.querySelectorAll(".ui-ribbon__aba")).forEach((e,i)=>{const r=document.createElement("span");r.className="ui-ribbon__keytip",r.textContent=String(i+1),r.style.top="2px",r.style.left="4px",e.style.position="relative",e.appendChild(r)})}acionar(t,e){var n;const i=this._abas.find(l=>l.id===this._abaAtiva),r=i==null?void 0:i.grupos.find(l=>m(l.itens,t.dataset.id)),a=r&&m(r.itens,t.dataset.id);if(!(!a||a.disabled)){if((n=a.filhos)!=null&&n.length&&!a.dividido){this.alternarMenu(t,a,e);return}if(a.tipo==="toggle"){const l=a.ativo;a.ativo=!l,A(t,a),this.emitir(a)||(a.ativo=l,A(t,a))}else if(a.tipo==="ferramenta"){const l=a.ativo,c=r?r.exclusivo!==!1:!0,u=c&&r?r.itens.filter(p=>p.tipo==="ferramenta"&&p.id!==a.id&&p.ativo):[];a.ativo=!0,A(t,a),c&&u.forEach(p=>{p.ativo=!1;const f=this.gruposElement.querySelector(`.ui-ferr-btn[data-id="${CSS.escape(p.id)}"]`);f&&A(f,p)}),this.emitir(a)||(a.ativo=l,A(t,a),c&&u.forEach(p=>{p.ativo=!0;const f=this.gruposElement.querySelector(`.ui-ferr-btn[data-id="${CSS.escape(p.id)}"]`);f&&A(f,p)}))}else this.emitir(a);this.rootElement.classList.remove("ui-ribbon--aberto")}}alternarMenu(t,e,i){var a;const r=((a=this.menu)==null?void 0:a.ancora)===t;this.fecharMenu(),!r&&(t.setAttribute("aria-expanded","true"),this.menu=L(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}))}}E.definirCustomElement("ui-ribbon",Q);const vt=':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-degrade-interno, var(--ui-paleta-fundo, var(--ui-fundo-superficie, 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}}:host(.degrade),:host(.gradiente),:host([data-degrade]:not([data-degrade="false"])),.ui-paleta[data-degrade]:not([data-degrade=false]){--ui-paleta-fundo: var(--ui-gradiente-superficie)}',xt=380,_t=8,At=50;class wt{constructor(){d(this,"timer");d(this,"timerSupressao");d(this,"inicio",null);d(this,"suprimir",!1)}iniciar(s,t,e){this.cancelar(),window.clearTimeout(this.timerSupressao),this.inicio={x:s,y:t},this.timer=window.setTimeout(()=>{this.suprimir=!0,e()},xt)}mover(s,t){this.timer===void 0||!this.inicio||Math.hypot(s-this.inicio.x,t-this.inicio.y)>_t&&this.cancelar()}fim(){this.cancelar(),this.suprimir&&(window.clearTimeout(this.timerSupressao),this.timerSupressao=window.setTimeout(()=>{this.suprimir=!1},At))}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}}function yt(o,s){return o.find(s)??o[0]}const Et=new Set(["textbox","searchbox","combobox","spinbutton"]);function Ct(o){const s=o[0];return s&&(/^(INPUT|TEXTAREA|SELECT)$/.test(s.tagName)||s.isContentEditable)?!0:o.some(t=>{var r,a;const e=t,i=(r=e.getAttribute)==null?void 0:r.call(e,"role");return((a=e.getAttribute)==null?void 0:a.call(e,"aria-modal"))==="true"||!!i&&Et.has(i)})}function kt(o,s,t,e){const i=typeof o=="string"?{key:o,ctrlKey:!1,metaKey:!1,altKey:!1,shiftKey:!1}:o;if(!i||!i.key)return null;const r=s.filter(l=>!l.disabled&&W(i,l.atalho));if(r.length===0)return null;let a=r[0];if(r.length>1){const l=r.findIndex(c=>c.id===e);a=r[(l+1)%r.length]}const n=t.find(l=>{var c;return(c=l.filhos)==null?void 0:c.some(u=>u.id===a.id)});return{alvo:a,pai:n}}const St={sm:16,md:18,lg:22};class Z extends E.SafeHTMLElement{constructor(){super();d(this,"rootElement");d(this,"_ferramentas",[]);d(this,"_ativo","");d(this,"_pendente","");d(this,"visiveis",new Map);d(this,"menu",null);d(this,"pressao",new wt);d(this,"listeners",new D.ListenerBag);d(this,"tooltip",null);d(this,"_modoControlado",!1);d(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)});d(this,"handleFocusIn",t=>X(this.botoes(),t.target));d(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))});d(this,"handlePointerMove",t=>{const e=t;this.pressao.mover(e.clientX??0,e.clientY??0)});d(this,"handlePointerFim",()=>this.pressao.fim());d(this,"handleContextMenu",t=>{const e=t.target.closest(".ui-ferr-btn--grupo");e&&(t.preventDefault(),this.pressao.cancelar(),this.abrirFlyout(e,!1))});d(this,"handleKeyDown",t=>{var l;const e=this.getAttribute("orientacao")==="horizontal",i=getComputedStyle(this).direction==="rtl",r=this.colunas;if(!e&&r===2){if(st(t,this.botoes(),i))return}else{const c=e?[i?"ArrowRight":"ArrowLeft"]:["ArrowUp"],u=e?[i?"ArrowLeft":"ArrowRight"]:["ArrowDown"];if($(t,this.botoes(),c,u))return}const a=e?"ArrowDown":i?"ArrowLeft":"ArrowRight",n=t.target instanceof HTMLButtonElement?t.target:null;n!=null&&n.dataset.grupo&&t.key===a&&(t.preventDefault(),((l=this.menu)==null?void 0:l.ancora)===n?this.menu.focarPrimeiro():this.abrirFlyout(n,!0))});d(this,"handleAtalho",t=>{if(!this.hasAttribute("atalhos")||t.defaultPrevented||Ct(t.composedPath())||!this.donaDosAtalhos())return;const e=kt(t,this.todasFerramentas(),this._ferramentas,this._ativo);e&&(t.preventDefault(),this.acionar(e.alvo,e.pai))});const t=this.attachShadow({mode:"open"});t.innerHTML=`
+      <style>${V}${vt}</style>
+      <div class="ui-paleta ui-paleta--vertical" part="base" 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","copiar-dados","modo-controlado",...y.ATRIBUTOS_DEGRADE]}connectedCallback(){var e;this.listeners.cleanup(),(e=this.tooltip)==null||e.destruir(),this.tooltip=new J(this.shadowRoot,this.rootElement),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),y.aplicarDegradeNoElemento(this,this.rootElement),this.aplicarPendente(),this.renderizar()}disconnectedCallback(){var t;this.pressao.destruir(),this.fecharMenu(),(t=this.tooltip)==null||t.destruir(),this.tooltip=null,this.listeners.cleanup()}attributeChangedCallback(t,e,i){if(e!==i){if(y.ehAtributoDegrade(t)){y.aplicarDegradeNoElemento(this,this.rootElement);return}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 modoControlado(){return this._modoControlado||this.hasAttribute("modo-controlado")||this.hasAttribute("copiar-dados")}set modoControlado(t){this._modoControlado=!!t}get copiarDados(){return this.modoControlado}set copiarDados(t){this.modoControlado=t}get ferramentas(){return this._ferramentas}set ferramentas(t){const e=Array.isArray(t)?t:[];this._ferramentas=this.modoControlado?e.map(i=>{var r;return{...i,filhos:(r=i.filhos)==null?void 0:r.map(a=>({...a}))}}):e,N(q(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"),a=this._ferramentas.find(l=>{var c;return(c=l.filhos)==null?void 0:c.some(u=>u.id===t)});if(r&&!(a&&"disabled"in e)){const l=this.botoes().find(c=>c.dataset.id===t||c.dataset.grupo===t);if(l){A(l,this.itemParaBotao(a??i)),Y(this.botoes());return}if(a||(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(a=>a.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 a;if(!((a=t.filhos)!=null&&a.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 c;const t=(c=this.shadowRoot)==null?void 0:c.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,a=this.colunas;this.rootElement.className=`ui-paleta ui-paleta--${i} ui-paleta--${r}`,a===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=St[r]??18;this._ferramentas.forEach(u=>{var g;if(u.tipo==="separador"){const _=document.createElement("div");_.className="ui-paleta__sep",_.setAttribute("role","separator"),this.rootElement.appendChild(_);return}const p=this.itemExibido(u),f=B(this.itemParaBotao(u),"paleta",n);f.dataset.id=p.id,(g=u.filhos)!=null&&g.length&&(f.dataset.grupo=u.id),this.rootElement.appendChild(f)}),F(this.botoes());const l=this.botoes().find(u=>u.dataset.id===this._ativo&&!u.disabled);if(l&&(this.botoes().forEach(u=>u.tabIndex=-1),l.tabIndex=0),e){const u=this.botoes().find(p=>e.grupo?p.dataset.grupo===e.grupo:p.dataset.id===e.id);u&&!u.disabled&&u.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,a=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=a,this.atualizarBotaoDe(t,e)))}donaDosAtalhos(){const t=Array.from(document.querySelectorAll("ui-paleta-ferramentas[atalhos]"));return t.length<=1?!0:yt(t,e=>{var i;return e.matches(":focus-within")||!!((i=e.shadowRoot)!=null&&i.activeElement)})===this}abrirFlyout(t,e){var a;const i=t.dataset.grupo?m(this._ferramentas,t.dataset.grupo):void 0;if(!((a=i==null?void 0:i.filhos)!=null&&a.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=L(this.shadowRoot,t,r,n=>{var c;const l=m(i.filhos,n.id);l&&(this.acionar(l,i),(c=this.botoes().find(u=>u.dataset.grupo===i.id))==null||c.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}}E.definirCustomElement("ui-paleta-ferramentas",Z);exports.UIIcone=U;exports.UIPaletaFerramentas=Z;exports.UIRibbon=Q;

package/dist/ui-seletor-cor-CMuuW-Ym.cjs

@@ -0,0 +1,83 @@
+"use strict";var O=Object.defineProperty;var P=(s,t,e)=>t in s?O(s,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[t]=e;var d=(s,t,e)=>P(s,typeof t!="symbol"?t+"":t,e);const j=require("./ssr-safe-CiHD1adl.cjs"),A=require("./listener-bag-D5omxZ9h.cjs"),L=':host{--_t: var(--ui-cor-texto, #e1e1e6);--_t2: var(--ui-cor-texto-secundario, #9696a6);--_linha: var(--ui-cor-borda, rgba(255, 255, 255, .12));--_realce: color-mix(in srgb, var(--_t) 8%, transparent);--_realce-forte: color-mix(in srgb, var(--_t) 16%, transparent);--_campo: color-mix(in srgb, var(--ui-cor-fundo, #0b0b0d) 70%, transparent);--_destaque: var(--ui-cor-primaria, #00e08a);--_sobre-destaque: var(--ui-cor-texto-sobre-primaria, #000000);--_vermelho: #ef4444;position:fixed;top:0;left:0;z-index:var(--ui-seletor-cor-z, 10000);display:block;width:268px;max-height:calc(100vh - 20px);overflow-y:auto;box-sizing:border-box;padding:13px;background:var(--ui-seletor-cor-fundo, color-mix(in srgb, var(--ui-cor-fundo-menu, #16161a) 96%, transparent));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--_linha);border-radius:12px;box-shadow:var(--ui-sombra-lg, 0 20px 48px -4px rgba(0, 0, 0, .7));color:var(--_t);font-family:var(--ui-fonte-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:12px;-webkit-user-select:none;user-select:none;animation:ui-seletor-cor-entrada .18s cubic-bezier(.16,1,.3,1)}:host([hidden]){display:none}:host([inline]),:host([embutido]){position:relative;top:auto;left:auto;z-index:auto;animation:none;box-shadow:var(--ui-sombra-md, 0 8px 24px rgba(0, 0, 0, .45))}:host(:focus),:host(:focus-visible){outline:none}*,*:before,*:after{box-sizing:border-box}@keyframes ui-seletor-cor-entrada{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}button{font-family:inherit}.cabecalho{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--_linha)}.titulo{display:flex;align-items:center;gap:7px;font-weight:600;font-size:12.5px;color:var(--_t);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.15px}.titulo svg{flex-shrink:0;color:var(--_destaque)}.fechar{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;padding:0;background:transparent;border:none;border-radius:5px;color:var(--_t2);font-size:13px;cursor:pointer;transition:all .15s ease}.fechar:hover{background:var(--_realce-forte);color:var(--_t)}.abas{display:flex;gap:3px;margin-bottom:11px;padding:3px;background:var(--_campo);border:1px solid var(--_linha);border-radius:8px}.aba{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 8px;background:transparent;border:none;border-radius:6px;color:var(--_t2);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.aba:hover{background:var(--_realce);color:var(--_t)}.aba[aria-selected=true]{background:var(--_realce-forte);color:var(--_t);box-shadow:0 1px 3px #00000059}.aba-amostra{width:12px;height:12px;border:1px solid var(--_linha);border-radius:3px;flex-shrink:0}.aba-amostra--sem-cor{background:linear-gradient(to top right,transparent calc(50% - 1px),var(--_vermelho) calc(50% - 1px),var(--_vermelho) calc(50% + 1px),transparent calc(50% + 1px)),var(--_realce-forte)}.aba-amostra--traco{border:2.5px solid #ffffff;background:transparent}.previa{display:flex;height:42px;margin-bottom:11px;overflow:hidden;background:var(--_campo);border:1px solid var(--_linha);border-radius:8px;box-shadow:inset 0 1px 3px #0000004d}.previa-metade{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.05) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.05) 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0;overflow:hidden}.previa-metade+.previa-metade{border-left:1px solid var(--_linha)}.previa-metade--nova{cursor:pointer}.previa-metade--nova:hover span.previa-badge{background:#000000e0;border-color:#ffffff47;color:#fff}.previa-cor{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:background-color .12s ease}.previa-cor--sem-cor{background:transparent!important}.previa-cor--sem-cor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - 1px),var(--_vermelho) calc(50% - 1px),var(--_vermelho) calc(50% + 1px),transparent calc(50% + 1px));opacity:.85}.previa-linha-traco{width:78%;height:var(--traco-px, 2.5px);min-height:1px;max-height:22px;background-color:var(--traco-cor, #ffffff);border-radius:999px;box-shadow:0 1px 3px #0006;transition:height .12s ease,background-color .12s ease}.previa-linha-traco--sem-cor{background:repeating-linear-gradient(90deg,var(--_vermelho) 0,var(--_vermelho) 4px,transparent 4px,transparent 8px);height:2px!important;opacity:.9}.previa-metade span.previa-badge{position:absolute;bottom:4px;z-index:3;padding:1px 5px;background:#000000b8;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.4px;color:#ffffffe6;pointer-events:none}.linha-hex{display:flex;align-items:center;gap:8px;margin-bottom:11px}.hex{flex:1;position:relative;display:flex;align-items:center}.hex-prefixo{position:absolute;left:9px;color:var(--_t2);font-weight:600;font-size:11px;pointer-events:none}.hex input{width:100%;height:30px;padding:0 8px 0 21px;background:var(--_campo);border:1px solid var(--_linha);border-radius:6px;outline:none;color:var(--_t);font-family:var(--ui-fonte-codigo, ui-monospace, "Cascadia Mono", Consolas, monospace);font-size:12px;letter-spacing:.5px;text-transform:uppercase;-webkit-user-select:text;user-select:text;transition:border-color .15s ease,box-shadow .15s ease}.hex input::placeholder{color:var(--_t2);opacity:.7}.hex input:hover{border-color:color-mix(in srgb,var(--_t) 35%,transparent)}.hex input:focus{border-color:var(--_destaque);box-shadow:0 0 0 2px color-mix(in srgb,var(--_destaque) 25%,transparent)}.nativo{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;overflow:hidden;background:var(--_realce);border:1px solid var(--_linha);border-radius:6px;color:var(--_t2);cursor:pointer;transition:border-color .15s ease,color .15s ease,transform .1s ease}.nativo:hover,.nativo:focus-within{border-color:color-mix(in srgb,var(--_t) 45%,transparent);color:var(--_t);transform:scale(1.04)}.nativo input{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;width:150%;height:150%;opacity:0;cursor:pointer}.ajustes{display:flex;flex-direction:column;gap:6px;margin-bottom:11px}.ajustes:not(:has(.ajuste:not([hidden]))){display:none}.ajuste{display:flex;align-items:center;justify-content:space-between;gap:8px}.ajuste[hidden]{display:none}.ajuste-rotulo{color:var(--_t2);font-size:11px;font-weight:500}.ajuste-campo{display:flex;align-items:stretch;width:96px;height:26px;overflow:hidden;background:var(--_campo);border:1px solid var(--_linha);border-radius:6px;transition:border-color .15s ease,box-shadow .15s ease}.ajuste-campo:hover{border-color:color-mix(in srgb,var(--_t) 35%,transparent)}.ajuste-campo:focus-within{border-color:var(--_destaque);box-shadow:0 0 0 2px color-mix(in srgb,var(--_destaque) 25%,transparent)}.ajuste-passos{display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--_linha)}.ajuste-passos button{display:flex;flex:1;align-items:center;justify-content:center;width:16px;padding:0;background:transparent;border:none;color:var(--_t2);cursor:pointer}.ajuste-passos button:hover{background:var(--_realce-forte);color:var(--_t)}.ajuste-campo input{flex:1;min-width:0;padding:0 2px 0 7px;background:transparent;border:none;outline:none;color:var(--_t);font-family:var(--ui-fonte-codigo, ui-monospace, "Cascadia Mono", Consolas, monospace);font-size:12px;font-variant-numeric:tabular-nums;text-align:right;-webkit-user-select:text;user-select:text}.ajuste-unidade{display:flex;align-items:center;padding-right:7px;color:var(--_t2);font-size:11px;pointer-events:none}.sem-cor{width:30px;height:30px;flex-shrink:0;padding:0;background:linear-gradient(to top right,transparent calc(50% - 1px),var(--_vermelho) calc(50% - 1px),var(--_vermelho) calc(50% + 1px),transparent calc(50% + 1px)),var(--_campo);border:1px solid var(--_linha);border-radius:6px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.sem-cor:hover{border-color:color-mix(in srgb,var(--_t) 45%,transparent)}.sem-cor.ativo{border-color:var(--_vermelho);box-shadow:0 0 0 2px color-mix(in srgb,var(--_vermelho) 40%,transparent)}.rodape{display:flex;justify-content:flex-end;gap:6px;margin-top:11px;padding-top:9px;border-top:1px solid var(--_linha)}.rodape button{padding:6px 14px;border:none;border-radius:6px;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.botao-concluir{background:var(--_destaque);color:var(--_sobre-destaque);box-shadow:0 1px 3px #0000004d}.botao-concluir:hover{filter:brightness(1.1);transform:translateY(-.5px)}.botao-concluir:active{transform:translateY(0)}.botao-cancelar{background:var(--_realce);color:var(--_t2)}.botao-cancelar:hover{background:var(--_realce-forte);color:var(--_t)}button:focus-visible,input:focus-visible,.nativo:focus-within{outline:2px solid var(--_destaque);outline-offset:1px}.hex input:focus-visible,.ajuste-campo input:focus-visible{outline:none}@media (prefers-reduced-motion: reduce){:host{animation:none}.ajuste-campo{transition:none}}',N=["#00e08a","#38bdf8","#3b82f6","#6366f1","#a855f7","#ec4899","#ef4444","#f97316","#eab308","#84cc16","#14b8a6","#ffffff","#94a3b8","#0f172a"];function _(s){if(typeof s!="string")return null;const t=s.trim().toLowerCase();if(t==="none"||t==="transparent")return"none";if(/^#[0-9a-f]{6}$/.test(t))return t;const e=/^#([0-9a-f])([0-9a-f])([0-9a-f])$/.exec(t);return e?`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`:null}function E(s,t=.35){const e=typeof s=="string"?parseFloat(s):Number(s);return Number.isFinite(e)?Math.max(0,Math.min(1,e)):t}function z(s,t=2.5){const e=typeof s=="string"?parseFloat(s):Number(s);if(!Number.isFinite(e))return t;const a=Math.round(e*10)/10;return Math.max(.5,Math.min(50,a))}function T(s){if(!Array.isArray(s))return[];const t=new Set;for(const e of s){const a=_(e);a&&a!=="none"&&t.add(a)}return[...t]}function M(s){return String(s??"").replace(/[&<>"']/g,t=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[t])}const F={opacidade:1,espessura:.5};class q extends j.SafeHTMLElement{constructor(){super();d(this,"raiz");d(this,"listeners",new A.ListenerBag);d(this,"aoDesconectar",null);d(this,"_titulo","Seletor de cor");d(this,"_duplo",!0);d(this,"_alvo","preenchimento");d(this,"_preenchimento","#00e08a");d(this,"_traco","#ffffff");d(this,"_opacidade",.35);d(this,"_mostrarOpacidade");d(this,"_espessura",2.5);d(this,"_mostrarEspessura");d(this,"_misto",!1);d(this,"inicial",{preenchimento:"#00e08a",traco:"#ffffff",opacidade:.35,espessuraTraco:2.5});this.raiz=this.attachShadow({mode:"open"})}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","dialog"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.renderizar()}disconnectedCallback(){var e;this.listeners.cleanup(),(e=this.aoDesconectar)==null||e.call(this)}configurar(e={}){this._titulo=e.titulo||"Seletor de cor";const a=e.preenchimento!==void 0&&e.traco!==void 0;this._duplo=e.modo?e.modo==="duplo":a,this._alvo=e.alvo==="traco"?"traco":"preenchimento";const o=_(e.cor);this._preenchimento=_(e.preenchimento)??(this._alvo==="preenchimento"?o:null)??"#00e08a",this._traco=_(e.traco)??(this._alvo==="traco"?o:null)??"#ffffff",this._opacidade=E(e.opacidade),this._mostrarOpacidade=e.mostrarOpacidade,this._espessura=z(e.espessuraTraco,2.5),this._mostrarEspessura=e.mostrarEspessura,this._misto=e.misto===!0,this.inicial={preenchimento:this._preenchimento,traco:this._traco,opacidade:this._opacidade,espessuraTraco:this._espessura},this.isConnected&&this.renderizar()}get alvo(){return this._alvo}get cor(){return this._alvo==="traco"?this._traco:this._preenchimento}get opacidade(){return this._opacidade}get espessura(){return this._espessura}obterEstado(){return{alvo:this._alvo,cor:this.cor,preenchimento:this._preenchimento,traco:this._traco,opacidade:this._opacidade,espessuraTraco:this._espessura}}trocarAlvo(e){const a=e==="traco"?"traco":"preenchimento";!this._duplo||a===this._alvo||(this._alvo=a,this.atualizarVisual(),this.emitir("ui-alvo-change",{alvo:a}))}definirCor(e){const a=_(e);a&&(this._alvo==="traco"?this._traco=a:this._preenchimento=a,this._misto=!1,this.atualizarVisual(),this.emitir("ui-cor-input",this.obterEstado()))}definirOpacidade(e){this._opacidade=E(e,this._opacidade),this.atualizarVisual(),this.emitir("ui-cor-input",this.obterEstado())}definirEspessura(e){this._espessura=z(e,this._espessura),this.atualizarVisual(),this.emitir("ui-cor-input",this.obterEstado())}confirmar(){this.emitir("ui-cor-confirmar",this.obterEstado())}cancelar(){this._preenchimento=this.inicial.preenchimento,this._traco=this.inicial.traco,this._opacidade=this.inicial.opacidade,this._espessura=this.inicial.espessuraTraco,this.atualizarVisual(),this.emitir("ui-cor-input",this.obterEstado()),this.emitir("ui-cor-cancelar",this.obterEstado())}get opacidadeVisivel(){return this._mostrarOpacidade??this._alvo==="preenchimento"}get espessuraVisivel(){return this._mostrarEspessura??this._alvo==="traco"}renderizar(){this.listeners.cleanup(),this.setAttribute("aria-label",this._titulo);const e=(a,o,l,i,n,m)=>`
+      <div class="ajuste ${a}">
+        <label class="ajuste-rotulo" for="${a}-entrada">${o}</label>
+        <div class="ajuste-campo">
+          <span class="ajuste-passos">
+            <button type="button" tabindex="-1" data-passo="${a}" data-direcao="1" aria-label="Aumentar ${o.toLowerCase()}">
+              <svg viewBox="0 0 10 6" width="8" height="5" aria-hidden="true"><path d="M1 5l4-4 4 4" fill="none" stroke="currentColor" stroke-width="1.6"/></svg>
+            </button>
+            <button type="button" tabindex="-1" data-passo="${a}" data-direcao="-1" aria-label="Diminuir ${o.toLowerCase()}">
+              <svg viewBox="0 0 10 6" width="8" height="5" aria-hidden="true"><path d="M1 1l4 4 4-4" fill="none" stroke="currentColor" stroke-width="1.6"/></svg>
+            </button>
+          </span>
+          <input type="text" id="${a}-entrada" class="${a}-entrada" inputmode="decimal" spellcheck="false" autocomplete="off"
+            role="spinbutton" aria-valuemin="${n}" aria-valuemax="${m}" aria-label="${i}" />
+          <span class="ajuste-unidade" aria-hidden="true">${l}</span>
+        </div>
+      </div>
+    `;this.raiz.innerHTML=`
+      <style>${L}</style>
+      <div class="cabecalho">
+        <span class="titulo">
+          <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <path d="M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"/>
+          </svg>
+          <span>${M(this._titulo)}</span>
+        </span>
+        <button type="button" class="fechar" data-acao="fechar" title="Fechar (Esc)" aria-label="Fechar">✕</button>
+      </div>
+
+      ${this._duplo?`
+        <div class="abas" role="tablist" aria-label="Alvo da cor">
+          <button type="button" class="aba" role="tab" data-alvo="preenchimento" title="Preenchimento">
+            <span class="aba-amostra aba-amostra--preenchimento"></span>
+            Preenchimento
+          </button>
+          <button type="button" class="aba" role="tab" data-alvo="traco" title="Traço / contorno">
+            <span class="aba-amostra aba-amostra--traco"></span>
+            Traço
+          </button>
+        </div>
+      `:""}
+
+      <div class="previa" aria-label="Comparativo de cor antes e depois">
+        <div class="previa-metade previa-metade--original" title="Cor original">
+          <div class="previa-cor previa-cor--original">
+            <div class="previa-linha-traco previa-linha-traco--original"></div>
+          </div>
+          <span class="previa-badge">ORIGINAL</span>
+        </div>
+        <div class="previa-metade previa-metade--nova" data-acao="abrir-nativo" title="Nova cor — clique para escolher no seletor do sistema">
+          <div class="previa-cor previa-cor--nova">
+            <div class="previa-linha-traco previa-linha-traco--nova"></div>
+          </div>
+          <span class="previa-badge previa-rotulo-nova">NOVA</span>
+        </div>
+      </div>
+
+      <div class="linha-hex">
+        <label class="hex">
+          <span class="hex-prefixo">#</span>
+          <input type="text" class="hex-entrada" maxlength="7" spellcheck="false" autocomplete="off" aria-label="Cor em hexadecimal" />
+        </label>
+        <label class="nativo" title="Escolher cor no seletor do sistema">
+          <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <path d="m2 22 1-1h3l9-9"/>
+            <path d="M3 21v-3l9-9"/>
+            <path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z"/>
+          </svg>
+          <input type="color" class="nativo-entrada" aria-label="Seletor de cor do sistema" />
+        </label>
+        <button type="button" class="sem-cor" data-cor="none" aria-pressed="false" title="Sem cor (vazado / transparente)" aria-label="Sem cor (vazado / transparente)"></button>
+      </div>
+
+      <div class="ajustes">
+        ${e("espessura","Espessura","px","Espessura do traçado em pixels",.5,50)}
+        ${e("opacidade","Opacidade","%","Opacidade do preenchimento em porcentagem",0,100)}
+      </div>
+
+      <div class="rodape">
+        <button type="button" class="botao-cancelar" data-acao="cancelar">Cancelar</button>
+        <button type="button" class="botao-concluir" data-acao="concluir">Concluir</button>
+      </div>
+    `,this.vincularEventos(),this.atualizarVisual()}atualizarVisual(){const e=v=>this.raiz.querySelector(v),a=this.cor,o=a==="none",l=this._alvo==="traco";this.raiz.querySelectorAll("[data-alvo]").forEach(v=>{v.setAttribute("aria-selected",String(v.dataset.alvo===this._alvo))});const i=e(".aba-amostra--preenchimento");i&&(i.classList.toggle("aba-amostra--sem-cor",this._preenchimento==="none"),i.style.backgroundColor=this._preenchimento==="none"?"":this._preenchimento);const n=e(".aba-amostra--traco");n&&(n.style.borderColor=this._traco==="none"?"#ef4444":this._traco,n.style.borderWidth=`${Math.max(1.5,Math.min(3.5,this._espessura))}px`);const m=e(".opacidade");m&&(m.hidden=!this.opacidadeVisivel);const c=e(".espessura");c&&(c.hidden=!this.espessuraVisivel);const b=l?this.inicial.traco:this.inicial.preenchimento,f=b==="none",p=e(".previa-cor--original"),r=e(".previa-cor--nova"),u=e(".previa-linha-traco--original"),h=e(".previa-linha-traco--nova");if(l)p&&(p.style.backgroundColor="transparent",p.classList.remove("previa-cor--sem-cor")),r&&(r.style.backgroundColor="transparent",r.classList.remove("previa-cor--sem-cor")),u&&(u.style.display="block",u.classList.toggle("previa-linha-traco--sem-cor",f),u.style.setProperty("--traco-px",`${Math.max(1,this.inicial.espessuraTraco)}px`),u.style.setProperty("--traco-cor",f?"":b)),h&&(h.style.display="block",h.classList.toggle("previa-linha-traco--sem-cor",o),h.style.setProperty("--traco-px",`${Math.max(1,this._espessura)}px`),h.style.setProperty("--traco-cor",o?"":a));else{u&&(u.style.display="none"),h&&(h.style.display="none");const v=this.opacidadeVisivel;p&&(p.classList.toggle("previa-cor--sem-cor",f),p.style.backgroundColor=f?"":b,p.style.opacity=f||!v?"":String(this.inicial.opacidade)),r&&(r.classList.toggle("previa-cor--sem-cor",o),r.style.backgroundColor=o?"":a,r.style.opacity=o||!v?"":String(this._opacidade))}const y=e(".previa-rotulo-nova");y&&(y.textContent=this._misto?"MISTO (?)":"NOVA");const k=e(".hex-entrada");k&&!this.campoEmFoco(k)&&(k.value=o?"":a.slice(1).toUpperCase(),k.placeholder=o?"NENHUM":"00E08A");const S=e(".nativo-entrada");S&&(S.value=o?"#00e08a":a),["espessura","opacidade"].forEach(v=>{const w=e(`.${v}-entrada`);if(!w)return;const C=this.valorCampo(v);this.campoEmFoco(w)||(w.value=C),w.setAttribute("aria-valuenow",C),w.setAttribute("aria-valuetext",v==="opacidade"?`${C}%`:`${C} px`)});const g=e(".sem-cor");g==null||g.classList.toggle("ativo",o),g==null||g.setAttribute("aria-pressed",String(o))}campoEmFoco(e){try{return this.raiz.activeElement===e}catch{return!1}}vincularEventos(){const e=this.raiz;e.querySelectorAll("[data-alvo]").forEach(i=>{this.listeners.add(i,"click",()=>this.trocarAlvo(i.dataset.alvo))}),e.querySelectorAll("[data-cor]").forEach(i=>{this.listeners.add(i,"click",()=>this.definirCor(i.dataset.cor||""))}),e.querySelectorAll("[data-passo]").forEach(i=>{this.listeners.add(i,"click",n=>{this.ajustarPor(i.dataset.passo,Number(i.dataset.direcao),n.shiftKey)})}),["espessura","opacidade"].forEach(i=>{const n=e.querySelector(`.${i}-entrada`);if(!n)return;const m=(c,b)=>{this.ajustarPor(i,c,b),n.value=this.valorCampo(i)};this.listeners.add(n,"change",()=>this.lerCampo(i,n)),this.listeners.add(n,"keydown",c=>{c.key==="Enter"?(c.preventDefault(),this.lerCampo(i,n),n.select()):(c.key==="ArrowUp"||c.key==="ArrowDown")&&(c.preventDefault(),m(c.key==="ArrowUp"?1:-1,c.shiftKey),n.select())}),this.listeners.add(n,"wheel",c=>{!this.campoEmFoco(n)||c.deltaY===0||(c.preventDefault(),m(c.deltaY<0?1:-1,c.shiftKey))},{passive:!1})});const a=e.querySelector(".hex-entrada"),o=i=>{const n=a.value.trim().replace(/^#/,"");(/^[0-9a-f]{6}$/i.test(n)||i&&/^[0-9a-f]{3}$/i.test(n))&&this.definirCor(`#${n}`)};a&&(this.listeners.add(a,"input",()=>o(!1)),this.listeners.add(a,"change",()=>{o(!0),this.atualizarVisual()}),this.listeners.add(a,"keydown",i=>{i.key==="Enter"&&(i.preventDefault(),o(!0),this.confirmar())}));const l=e.querySelector(".nativo-entrada");l&&(this.listeners.add(l,"input",()=>this.definirCor(l.value)),this.listeners.add(e.querySelector('[data-acao="abrir-nativo"]'),"click",()=>{l.click()})),this.listeners.add(e.querySelector('[data-acao="fechar"]'),"click",()=>this.confirmar()),this.listeners.add(e.querySelector('[data-acao="concluir"]'),"click",()=>this.confirmar()),this.listeners.add(e.querySelector('[data-acao="cancelar"]'),"click",()=>this.cancelar())}valorCampo(e){return String(e==="opacidade"?Math.round(this._opacidade*100):this._espessura)}ajustarPor(e,a,o=!1){if(!Number.isFinite(a)||a===0)return;const l=Math.sign(a)*F[e]*(o?10:1);e==="opacidade"?this.definirOpacidade((Math.round(this._opacidade*100)+l)/100):this.definirEspessura(this._espessura+l)}lerCampo(e,a){const o=parseFloat(a.value.replace(",",".").replace(/[^\d.+-]/g,""));Number.isFinite(o)&&(e==="opacidade"?this.definirOpacidade(o/100):this.definirEspessura(o)),a.value=this.valorCampo(e)}emitir(e,a){this.dispatchEvent(new CustomEvent(e,{detail:a,bubbles:!0,composed:!0}))}}j.definirCustomElement("ui-seletor-cor",q);let x=null;function V(s){x==null||x.descartar();const t=document.createElement("ui-seletor-cor"),{ancora:e,focar:a,aoAlterar:o,aoConfirmar:l,aoCancelar:i,aoTrocarAlvo:n,...m}=s;t.configurar(m);const c=new A.ListenerBag;let b=!0;const f=()=>{if(!b)return!1;b=!1,c.cleanup();const r=document.activeElement===t;return t.remove(),r&&e instanceof HTMLElement&&e.isConnected&&e.focus({preventScroll:!0}),x===p&&(x=null),!0};t.aoDesconectar=()=>f();const p={elemento:t,get aberto(){return b},fechar(r=!0){r?t.confirmar():f()},descartar(){f()}};return c.add(t,"ui-cor-input",r=>o==null?void 0:o(r.detail)),c.add(t,"ui-cor-confirmar",r=>{f()&&(l==null||l(r.detail))}),c.add(t,"ui-cor-cancelar",r=>{f()&&(i==null||i(r.detail))}),c.add(t,"ui-alvo-change",r=>{r.stopPropagation(),n==null||n(r.detail.alvo)}),c.add(t,"pointerdown",r=>r.stopPropagation()),c.add(t,"click",r=>r.stopPropagation()),document.body.appendChild(t),$(t,e),x=p,a&&t.focus({preventScroll:!0}),c.add(window,"resize",()=>$(t,e)),c.add(window,"pointerdown",r=>{const u=r.composedPath();!u.includes(t)&&!u.includes(e)&&p.fechar(!0)},!0),c.add(window,"keydown",r=>{var h,y;if(r.key==="Escape"){r.preventDefault(),r.stopPropagation(),p.fechar(!0);return}const u=(y=(h=r.composedPath()[0])==null?void 0:h.matches)==null?void 0:y.call(h,'input[type="text"]');(r.key==="x"||r.key==="X")&&!r.ctrlKey&&!r.metaKey&&!r.altKey&&!r.shiftKey&&!u&&(r.preventDefault(),r.stopPropagation(),t.trocarAlvo(t.alvo==="preenchimento"?"traco":"preenchimento"))},!0),p}function D(s=!0){x==null||x.fechar(s)}function $(s,t){const a=t.getBoundingClientRect(),o=s.offsetWidth,l=s.offsetHeight;let i=a.right+10;i+o>window.innerWidth-10&&(i=Math.max(10,a.left-o-10));let n=a.top;n+l>window.innerHeight-10&&(n=Math.max(10,window.innerHeight-l-10)),s.style.left=`${Math.round(i)}px`,s.style.top=`${Math.round(n)}px`}exports.PALETA_CORES_PADRAO=N;exports.UISeletorCor=q;exports.abrirSeletorCor=V;exports.coresUnicas=T;exports.escaparHtml=M;exports.fecharSeletorCor=D;exports.normalizarCor=_;exports.normalizarEspessura=z;exports.normalizarOpacidade=E;