@thibezer/ui-components-kit 1.0.0

package/dist/ui-modal-DV-pw2x1.js

@@ -0,0 +1,194 @@
+var _ = Object.defineProperty;
+var g = (l, a, t) => a in l ? _(l, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[a] = t;
+var s = (l, a, t) => g(l, typeof a != "symbol" ? a + "" : a, t);
+import { d as b, S as y } from "./ssr-safe-5cWfJP-s.js";
+const x = ':host{display:block;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif)}.ui-modal__backdrop{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--ui-z-modal, 1000) - 1);opacity:0;pointer-events:none;transition:opacity .25s ease}:host([aberto]) .ui-modal__backdrop,:host([open]) .ui-modal__backdrop{display:block;opacity:1;pointer-events:auto}.ui-modal__dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);max-width:560px;width:90%;max-height:85vh;background-color:var(--ui-cor-fundo-card, #18181c);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));border-radius:var(--ui-raio-borda, 12px);box-shadow:0 12px 36px #0009;z-index:var(--ui-z-modal, 1000);display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility .2s ease;box-sizing:border-box;color:var(--ui-cor-texto, #e1e1e6)}:host([aberto]) .ui-modal__dialog,:host([open]) .ui-modal__dialog{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}@starting-style{:host([aberto]) .ui-modal__dialog,:host([open]) .ui-modal__dialog{opacity:0;transform:translate(-50%,-50%) scale(.94)}:host([aberto]) .ui-modal__backdrop,:host([open]) .ui-modal__backdrop{opacity:0}}.ui-modal__handle{display:none;width:36px;height:4px;border-radius:2px;background-color:#ffffff40;margin:6px auto 12px;flex-shrink:0}.ui-modal__header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);gap:12px}.ui-modal__titulo{font-size:18px;font-weight:600;margin:0;color:var(--ui-cor-texto, #e1e1e6)}.ui-modal__close{background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease,background-color .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ui-modal__close svg,.ui-modal__close ::slotted(svg){shape-rendering:geometricPrecision}.ui-modal__close:hover{color:#fff;background-color:#ffffff1a}.ui-modal__body{padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;box-sizing:border-box}.ui-modal__footer{padding:14px 20px;display:flex;align-items:center;justify-content:flex-end;gap:12px;border-top:1px solid rgba(255,255,255,.08);background-color:#00000026}@media (max-width: 640px){.ui-modal__dialog{top:auto!important;bottom:0!important;left:0!important;transform:translateY(100%)!important;width:100vw!important;max-width:100vw!important;border-radius:16px 16px 0 0!important;max-height:85vh!important;max-height:85dvh!important;border-bottom:none!important;box-shadow:0 -8px 32px #000000b3!important}.ui-modal__close{min-width:44px;min-height:44px;font-size:18px}.ui-modal__footer{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}:host([aberto]) .ui-modal__dialog,:host([open]) .ui-modal__dialog{transform:translateY(0)!important}.ui-modal__handle{display:block!important}}:host([bottom-sheet]) .ui-modal__dialog{top:auto!important;bottom:0!important;left:0!important;transform:translateY(100%)!important;width:100vw!important;max-width:100vw!important;border-radius:16px 16px 0 0!important;max-height:85vh!important;max-height:85dvh!important;border-bottom:none!important;box-shadow:0 -8px 32px #000000b3!important}:host([bottom-sheet]) .ui-modal__close{min-width:44px;min-height:44px;font-size:18px}:host([bottom-sheet]) .ui-modal__footer{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}:host([bottom-sheet][aberto]) .ui-modal__dialog,:host([bottom-sheet][open]) .ui-modal__dialog{transform:translateY(0)!important}:host([bottom-sheet]) .ui-modal__handle{display:block!important}';
+function v(l) {
+  const a = /* @__PURE__ */ new Set();
+  if (typeof document > "u") return a;
+  let t = l;
+  for (; t && t !== document.body && t !== document.documentElement; ) {
+    const o = t.parentElement;
+    if (!o) break;
+    const e = Array.from(o.children);
+    for (const i of e)
+      if (i !== t && !i.contains(l) && i.tagName !== "SCRIPT" && i.tagName !== "STYLE" && !(i.hasAttribute("inert") || i.inert === !0)) {
+        i.setAttribute("inert", "");
+        try {
+          i.inert = !0;
+        } catch {
+        }
+        a.add(i);
+      }
+    t = o;
+  }
+  if (document.body) {
+    const o = Array.from(document.body.children);
+    for (const e of o)
+      if (e !== l && !e.contains(l) && e.tagName !== "SCRIPT" && e.tagName !== "STYLE" && !(e.hasAttribute("inert") || e.inert === !0)) {
+        e.setAttribute("inert", "");
+        try {
+          e.inert = !0;
+        } catch {
+        }
+        a.add(e);
+      }
+  }
+  return a;
+}
+function m(l) {
+  l.forEach((a) => {
+    try {
+      a.removeAttribute("inert"), a.inert = !1;
+    } catch {
+    }
+  }), l.clear();
+}
+const n = class n extends y {
+  constructor() {
+    super();
+    s(this, "backdropElement");
+    s(this, "dialogElement");
+    s(this, "tituloElement");
+    s(this, "closeElement");
+    s(this, "_elementoGatilho", null);
+    s(this, "_focables", []);
+    s(this, "_tituloId");
+    s(this, "_elementosInertes", /* @__PURE__ */ new Set());
+    s(this, "handleSlotChange", () => {
+      this.syncState();
+    });
+    s(this, "handleBackdropClick", (t) => {
+      t.stopPropagation(), this.fechar();
+    });
+    s(this, "handleCloseClick", (t) => {
+      t.stopPropagation(), this.fechar();
+    });
+    s(this, "handleKeyDown", (t) => {
+      var o, e;
+      if (this.aberto && this._isTopMostModal()) {
+        if (t.key === "Escape")
+          this.fechar(), t.stopImmediatePropagation();
+        else if (t.key === "Tab") {
+          if (this._atualizarFocables(), this._focables.length === 0) {
+            t.preventDefault();
+            return;
+          }
+          const i = this._focables[0], r = this._focables[this._focables.length - 1], d = this.getRootNode().activeElement;
+          t.shiftKey ? (d === i || !this.contains(d) && !((o = this.shadowRoot) != null && o.contains(d))) && (t.preventDefault(), r.focus()) : (d === r || !this.contains(d) && !((e = this.shadowRoot) != null && e.contains(d))) && (t.preventDefault(), i.focus());
+        }
+      }
+    });
+    this._tituloId = `ui-modal-title-${Math.random().toString(36).substring(2, 9)}`;
+    const t = this.attachShadow({ mode: "open" });
+    t.innerHTML = `
+      <style>${x}</style>
+      <div class="ui-modal__backdrop"></div>
+      <div class="ui-modal__dialog" role="dialog" aria-modal="true" aria-labelledby="${this._tituloId}" tabindex="-1">
+        <div class="ui-modal__handle"></div>
+        <div class="ui-modal__header">
+          <h3 class="ui-modal__titulo" id="${this._tituloId}"></h3>
+          <button class="ui-modal__close" type="button" aria-label="Fechar modal" title="Fechar">✕</button>
+        </div>
+        <div class="ui-modal__body">
+          <slot></slot>
+        </div>
+        <div class="ui-modal__footer">
+          <slot name="rodape"></slot>
+          <slot name="footer"></slot>
+        </div>
+      </div>
+    `, this.backdropElement = t.querySelector(".ui-modal__backdrop"), this.dialogElement = t.querySelector(".ui-modal__dialog"), this.tituloElement = t.querySelector(".ui-modal__titulo"), this.closeElement = t.querySelector(".ui-modal__close");
+  }
+  static get observedAttributes() {
+    return [
+      "aberto",
+      "open",
+      "titulo",
+      "title",
+      "aria-label",
+      "aria-labelledby",
+      "rotulo",
+      "bottom-sheet",
+      "bloquear-fechamento"
+    ];
+  }
+  connectedCallback() {
+    this.backdropElement.addEventListener("click", this.handleBackdropClick), this.closeElement.addEventListener("click", this.handleCloseClick), window.addEventListener("keydown", this.handleKeyDown), this.shadowRoot.querySelectorAll("slot").forEach((o) => {
+      o.addEventListener("slotchange", this.handleSlotChange);
+    }), this.syncState();
+  }
+  disconnectedCallback() {
+    this.backdropElement.removeEventListener("click", this.handleBackdropClick), this.closeElement.removeEventListener("click", this.handleCloseClick), window.removeEventListener("keydown", this.handleKeyDown), this.shadowRoot.querySelectorAll("slot").forEach((o) => {
+      o.removeEventListener("slotchange", this.handleSlotChange);
+    }), m(this._elementosInertes), this.hasAttribute("data-scroll-locked") && (this.removeAttribute("data-scroll-locked"), n._openCount = Math.max(0, n._openCount - 1), n._openCount === 0 && (document.body.style.overflow = ""));
+  }
+  attributeChangedCallback(t, o, e) {
+    (t === "aberto" || t === "open") && e !== null && (document.activeElement && document.activeElement !== document.body && (this._elementoGatilho = document.activeElement), setTimeout(() => {
+      this._atualizarFocables(), this._focables.length > 0 ? this._focables[0].focus() : this.dialogElement.focus();
+    }, 0)), this.syncState();
+  }
+  get aberto() {
+    return this.hasAttribute("aberto") || this.hasAttribute("open");
+  }
+  set aberto(t) {
+    t ? this.setAttribute("aberto", "") : (this.removeAttribute("aberto"), this.removeAttribute("open")), this.syncState();
+  }
+  abrir() {
+    this.aberto || (document.activeElement && document.activeElement !== document.body && (this._elementoGatilho = document.activeElement), this.aberto = !0, this.dispatchEvent(
+      new CustomEvent("ui-abrir", {
+        bubbles: !0,
+        composed: !0
+      })
+    ), setTimeout(() => {
+      this._atualizarFocables(), this._focables.length > 0 ? this._focables[0].focus() : this.dialogElement.focus();
+    }, 0));
+  }
+  fechar() {
+    this.hasAttribute("bloquear-fechamento") || this.aberto && (m(this._elementosInertes), this.aberto = !1, this.dispatchEvent(
+      new CustomEvent("ui-fechar", {
+        bubbles: !0,
+        composed: !0
+      })
+    ), this._elementoGatilho && (this._elementoGatilho.focus(), this._elementoGatilho = null));
+  }
+  syncState() {
+    var d, c;
+    const t = this.aberto, o = this.getAttribute("titulo") || this.getAttribute("title") || "", e = (d = this.shadowRoot) == null ? void 0 : d.querySelector(".ui-modal__footer");
+    this.dialogElement.setAttribute("aria-hidden", String(!t));
+    const i = this.getAttribute("aria-label") || this.getAttribute("rotulo"), r = this.getAttribute("aria-labelledby");
+    if (i ? (this.dialogElement.setAttribute("aria-label", i), this.dialogElement.removeAttribute("aria-labelledby")) : r ? (this.dialogElement.setAttribute("aria-labelledby", r), this.dialogElement.removeAttribute("aria-label")) : o ? (this.tituloElement.textContent = o, this.tituloElement.style.display = "block", this.dialogElement.setAttribute("aria-labelledby", this._tituloId), this.dialogElement.removeAttribute("aria-label")) : (this.tituloElement.style.display = "none", this.dialogElement.removeAttribute("aria-labelledby"), this.dialogElement.setAttribute("aria-label", "Diálogo modal")), e) {
+      const p = Array.from(((c = this.shadowRoot) == null ? void 0 : c.querySelectorAll('slot[name="rodape"], slot[name="footer"]')) || []).some((f) => f.assignedNodes({ flatten: !0 }).some((u) => u.nodeType === Node.ELEMENT_NODE || u.textContent && u.textContent.trim() !== "")) || this.querySelector('[slot="rodape"], [slot="footer"]') !== null;
+      e.style.display = p ? "flex" : "none";
+    }
+    t ? (this._elementosInertes.size === 0 && (this._elementosInertes = v(this)), this.hasAttribute("data-scroll-locked") || (this.setAttribute("data-scroll-locked", "true"), n._openCount++, n._openCount === 1 && (document.body.style.overflow = "hidden"))) : (this._elementosInertes.size > 0 && m(this._elementosInertes), this.hasAttribute("data-scroll-locked") && (this.removeAttribute("data-scroll-locked"), n._openCount = Math.max(0, n._openCount - 1), n._openCount === 0 && (document.body.style.overflow = "")));
+  }
+  _atualizarFocables() {
+    const t = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), ui-campo-texto, ui-botao, ui-botao-primario, ui-checkbox, ui-switch, ui-lista-flutuante, ui-radio, ui-select';
+    let o = Array.from(this.shadowRoot.querySelectorAll(t));
+    o = o.filter((r) => window.getComputedStyle(r).display !== "none");
+    const e = this.shadowRoot.querySelectorAll("slot");
+    let i = [];
+    e.forEach((r) => {
+      r.assignedElements({ flatten: !0 }).forEach((c) => {
+        c instanceof HTMLElement && (c.matches(t) && i.push(c), i.push(...Array.from(c.querySelectorAll(t))));
+      });
+    }), this._focables = [...o, ...i].filter((r) => !r.hasAttribute("disabled") && r.getAttribute("aria-hidden") !== "true");
+  }
+  _isTopMostModal() {
+    const t = Array.from(document.querySelectorAll("ui-modal[aberto], ui-modal[open], ui-dialog[aberto], ui-dialog[open]"));
+    return t[t.length - 1] === this;
+  }
+};
+s(n, "_openCount", 0);
+let h = n;
+class E extends h {
+}
+b("ui-modal", h);
+b("ui-dialog", E);
+export {
+  E as U,
+  h as a,
+  v as b,
+  m as r
+};

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

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