@thibezer/ui-components-kit 1.0.0

package/dist/seletor-mapa-base.js

@@ -0,0 +1,275 @@
+var u = Object.defineProperty;
+var m = (o, p, e) => p in o ? u(o, p, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[p] = e;
+var r = (o, p, e) => m(o, typeof p != "symbol" ? p + "" : p, e);
+/* empty css               */
+import { d as c, S as d } from "./ssr-safe-5cWfJP-s.js";
+import { L as h } from "./listener-bag-DQgv7OON.js";
+const f = ':host{display:inline-block;font-family:var(--ui-fonte-principal, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--ui-cor-texto, #f1f1f5);box-sizing:border-box;-webkit-user-select:none;user-select:none}:host *,:host *:before,:host *:after{box-sizing:border-box}:host([posicao="bottom-right"]){position:absolute;bottom:16px;right:16px;z-index:var(--ui-z-workspace-hud, 500)}:host([posicao="bottom-left"]){position:absolute;bottom:16px;left:16px;z-index:var(--ui-z-workspace-hud, 500)}:host([posicao="top-right"]){position:absolute;top:16px;right:16px;z-index:var(--ui-z-workspace-hud, 500)}:host([posicao="top-left"]){position:absolute;top:16px;left:16px;z-index:var(--ui-z-workspace-hud, 500)}:host([posicao="inline"]){position:relative;display:inline-flex}.ui-basemap-wrapper{position:relative;display:inline-flex;align-items:center}.ui-basemap-trigger{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 6px;background:var(--ui-cor-fundo-elevado, rgba(18, 18, 24, .88));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));border-radius:9999px;color:var(--ui-cor-texto, #f1f1f5);cursor:pointer;outline:none;font-size:11.5px;font-weight:500;letter-spacing:.2px;box-shadow:0 4px 14px #00000059,0 1px 3px #0003;transition:all .18s cubic-bezier(.16,1,.3,1)}.ui-basemap-trigger:hover{background:var(--ui-cor-fundo-hover, rgba(28, 28, 36, .95));border-color:var(--ui-cor-primaria, #00E08A);transform:translateY(-1px);box-shadow:0 6px 20px #00000073,0 0 12px #00e08a33}.ui-basemap-trigger:focus-visible{border-color:var(--ui-cor-primaria, #00E08A);box-shadow:0 0 0 2px #00e08a59}.ui-basemap-trigger.active{border-color:var(--ui-cor-primaria, #00E08A);background:var(--ui-cor-fundo-ativo, rgba(22, 26, 32, .95));box-shadow:0 4px 16px #0006,0 0 10px #00e08a40}:host([compacto]) .ui-basemap-trigger,.ui-basemap-trigger.compacto{width:36px;height:36px;padding:0;justify-content:center;border-radius:50%}:host([compacto]) .ui-basemap-label,:host([compacto]) .ui-basemap-chevron,.ui-basemap-trigger.compacto .ui-basemap-label,.ui-basemap-trigger.compacto .ui-basemap-chevron{display:none!important}.ui-basemap-thumb-mini{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1.5px solid var(--ui-cor-borda, rgba(255, 255, 255, .2));box-shadow:0 1px 3px #0006}.ui-basemap-thumb-mini.fallback{display:flex;align-items:center;justify-content:center;background:#ffffff14;color:var(--ui-cor-primaria, #00E08A)}.ui-basemap-thumb-mini.fallback svg{width:13px;height:13px}.ui-basemap-label{white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}.ui-basemap-chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--ui-cor-texto-secundario, #888899);transition:transform .2s cubic-bezier(.16,1,.3,1);margin-left:2px}.ui-basemap-chevron svg{width:12px;height:12px}.ui-basemap-trigger.active .ui-basemap-chevron{transform:rotate(180deg);color:var(--ui-cor-primaria, #00E08A)}.ui-basemap-popover{position:absolute;min-width:210px;max-width:250px;background:var(--ui-cor-fundo-elevado, rgba(16, 16, 22, .95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));border-radius:12px;padding:6px;box-shadow:0 12px 32px #0009,0 2px 8px #0000004d;z-index:var(--ui-z-popover, 1050);display:flex;flex-direction:column;gap:3px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.97);transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),visibility .18s}.ui-basemap-wrapper.pos-bottom-right .ui-basemap-popover,.ui-basemap-wrapper.pos-bottom-left .ui-basemap-popover,.ui-basemap-wrapper.pos-bottom .ui-basemap-popover{bottom:calc(100% + 8px);transform:translateY(8px) scale(.97)}.ui-basemap-wrapper.pos-bottom-right .ui-basemap-popover{right:0}.ui-basemap-wrapper.pos-bottom-left .ui-basemap-popover{left:0}.ui-basemap-wrapper.pos-top-right .ui-basemap-popover,.ui-basemap-wrapper.pos-top-left .ui-basemap-popover,.ui-basemap-wrapper.pos-top .ui-basemap-popover{top:calc(100% + 8px);transform:translateY(-8px) scale(.97)}.ui-basemap-wrapper.pos-top-right .ui-basemap-popover{right:0}.ui-basemap-wrapper.pos-top-left .ui-basemap-popover{left:0}.ui-basemap-popover.aberto{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.ui-basemap-popover-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 6px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:2px}.ui-basemap-popover-titulo{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ui-cor-texto-secundario, #888899)}.ui-basemap-popover-badge{font-size:9px;font-weight:600;padding:1px 5px;border-radius:4px;background:#00e08a1f;color:var(--ui-cor-primaria, #00E08A);font-variant-numeric:tabular-nums}.ui-basemap-list{display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto;overflow-x:hidden;padding-right:2px}.ui-basemap-list::-webkit-scrollbar{width:4px}.ui-basemap-list::-webkit-scrollbar-track{background:transparent}.ui-basemap-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.ui-basemap-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:7px;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .12s ease;outline:none}.ui-basemap-item:hover{background:#ffffff0f;border-color:#ffffff14}.ui-basemap-item:focus-visible{border-color:var(--ui-cor-primaria, #00E08A);background:#00e08a0f}.ui-basemap-item.active{background:#00e08a1f;border-color:#00e08a59}.ui-basemap-item-preview{width:32px;height:24px;border-radius:4px;object-fit:cover;flex-shrink:0;border:1px solid rgba(255,255,255,.1);box-shadow:0 1px 3px #0000004d}.ui-basemap-item-preview-none{width:32px;height:24px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--ui-cor-texto-secundario, #888899)}.ui-basemap-item-preview-none svg{width:14px;height:14px}.ui-basemap-item-info{display:flex;flex-direction:column;min-width:0;flex:1}.ui-basemap-item-nome{font-size:11px;font-weight:500;color:var(--ui-cor-texto, #f1f1f5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-basemap-item.active .ui-basemap-item-nome{color:var(--ui-cor-primaria, #00E08A);font-weight:600}.ui-basemap-item-desc{font-size:9.5px;color:var(--ui-cor-texto-secundario, #77778b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-basemap-item-check{display:flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:var(--ui-cor-primaria, #00E08A);opacity:0;transform:scale(.6);transition:all .15s cubic-bezier(.16,1,.3,1)}.ui-basemap-item.active .ui-basemap-item-check{opacity:1;transform:scale(1)}.ui-basemap-item-check svg{width:13px;height:13px}:host-context([data-tema="claro"]),:host-context(.light),:host([data-tema="claro"]){--ui-cor-texto: #1a1a1e;--ui-cor-texto-secundario: #666677}:host-context([data-tema="claro"]) .ui-basemap-trigger,:host([data-tema="claro"]) .ui-basemap-trigger{background:#ffffffeb;border-color:#0000001f;color:#1a1a1e;box-shadow:0 4px 14px #0000001a}:host-context([data-tema="claro"]) .ui-basemap-popover,:host([data-tema="claro"]) .ui-basemap-popover{background:#fffffff7;border-color:#0000001f;box-shadow:0 12px 32px #0000002e}:host-context([data-tema="claro"]) .ui-basemap-item:hover,:host([data-tema="claro"]) .ui-basemap-item:hover{background:#0000000a}:host-context([data-tema="claro"]) .ui-basemap-item.active,:host([data-tema="claro"]) .ui-basemap-item.active{background:#00b46e1f;border-color:#00b46e59}', g = [
+  {
+    id: "none",
+    nome: "Sem Mapa",
+    descricao: "Tela CAD neutra com grade quadriculada"
+  },
+  {
+    id: "google_satelite_puro",
+    nome: "Google Puro",
+    descricao: "Satélite limpo sem ruas ou rótulos",
+    thumbnailUrl: "https://images.unsplash.com/photo-1524661135-423995f22d0b?w=160&auto=format&fit=crop&q=80"
+  },
+  {
+    id: "google_satelite",
+    nome: "Google Híbrido",
+    descricao: "Satélite com nomes de ruas e divisas",
+    thumbnailUrl: "https://images.unsplash.com/photo-1524661135-423995f22d0b?w=160&auto=format&fit=crop&q=80"
+  },
+  {
+    id: "satelite",
+    nome: "Esri Satélite",
+    descricao: "Imagens orbitais de alta resolução",
+    thumbnailUrl: "https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=160&auto=format&fit=crop&q=80"
+  },
+  {
+    id: "osm",
+    nome: "OpenStreetMap",
+    descricao: "Mapa viário e urbano colaborativo",
+    thumbnailUrl: "https://images.unsplash.com/photo-1569336415962-a4bd9f69cd83?w=160&auto=format&fit=crop&q=80"
+  },
+  {
+    id: "topografia",
+    nome: "Topografia",
+    descricao: "Curvas de nível e relevo sombreado",
+    thumbnailUrl: "https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?w=160&auto=format&fit=crop&q=80"
+  },
+  {
+    id: "dark",
+    nome: "Dark Canvas",
+    descricao: "Mapa escuro de alto contraste para CAD",
+    thumbnailUrl: "https://images.unsplash.com/photo-1518709268805-4e9042af9f23?w=160&auto=format&fit=crop&q=80"
+  }
+], x = `
+<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="2" y1="12" x2="22" y2="12"></line>
+  <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
+</svg>
+`, v = `
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+  <polyline points="6 9 12 15 18 9"></polyline>
+</svg>
+`, w = `
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
+  <polyline points="20 6 9 17 4 12"></polyline>
+</svg>
+`, n = `
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <line x1="3" y1="9" x2="21" y2="9"></line>
+  <line x1="3" y1="15" x2="21" y2="15"></line>
+  <line x1="9" y1="3" x2="9" y2="21"></line>
+  <line x1="15" y1="3" x2="15" y2="21"></line>
+</svg>
+`;
+class b extends d {
+  constructor() {
+    super();
+    r(this, "shadow");
+    r(this, "listeners", new h());
+    r(this, "_mapasBase", [...g]);
+    r(this, "wrapperEl");
+    r(this, "triggerBtn");
+    r(this, "popoverEl");
+    r(this, "listEl");
+    r(this, "thumbEl");
+    r(this, "labelEl");
+    this.shadow = this.attachShadow({ mode: "open" }), this.shadow.innerHTML = `
+      <style>${f}</style>
+      <div class="ui-basemap-wrapper" id="basemap-wrapper">
+        <button class="ui-basemap-trigger" id="basemap-trigger" type="button" aria-haspopup="listbox" aria-expanded="false" title="Alternar Mapa Base">
+          <span class="ui-basemap-thumb-container" id="thumb-container"></span>
+          <span class="ui-basemap-label" id="basemap-label">Esri Satélite</span>
+          <span class="ui-basemap-chevron">${v}</span>
+        </button>
+
+        <div class="ui-basemap-popover" id="basemap-popover" role="listbox" aria-label="Selecione o Mapa Base">
+          <div class="ui-basemap-popover-header">
+            <span class="ui-basemap-popover-titulo">Mapa Base</span>
+            <span class="ui-basemap-popover-badge" id="popover-count">7 opções</span>
+          </div>
+          <div class="ui-basemap-list" id="basemap-list"></div>
+        </div>
+      </div>
+    `, this.wrapperEl = this.shadow.getElementById("basemap-wrapper"), this.triggerBtn = this.shadow.getElementById("basemap-trigger"), this.popoverEl = this.shadow.getElementById("basemap-popover"), this.listEl = this.shadow.getElementById("basemap-list"), this.thumbEl = this.shadow.getElementById("thumb-container"), this.labelEl = this.shadow.getElementById("basemap-label");
+  }
+  static get observedAttributes() {
+    return [
+      "mapa-base-ativo",
+      "valor",
+      "posicao",
+      "aberto",
+      "compacto",
+      "desabilitado"
+    ];
+  }
+  connectedCallback() {
+    this.atualizarPosicaoClasses(), this.renderizarOpcoes(), this.atualizarGatilho(), this.conectarEventos();
+  }
+  disconnectedCallback() {
+    this.listeners.cleanup();
+  }
+  attributeChangedCallback(e, t, a) {
+    if (t !== a)
+      if (e === "mapa-base-ativo" || e === "valor")
+        this.atualizarSelecaoVisual(), this.atualizarGatilho();
+      else if (e === "posicao")
+        this.atualizarPosicaoClasses();
+      else if (e === "aberto") {
+        const i = a !== null && a !== "false";
+        this.aplicarEstadoAberto(i);
+      } else e === "compacto" && this.triggerBtn.classList.toggle("compacto", a !== null && a !== "false");
+  }
+  // --- Getters e Setters de Propriedades ---
+  get mapaBaseAtivo() {
+    return this.getAttribute("mapa-base-ativo") || this.getAttribute("valor") || "satelite";
+  }
+  set mapaBaseAtivo(e) {
+    this.setAttribute("mapa-base-ativo", e), this.setAttribute("valor", e);
+  }
+  get valor() {
+    return this.mapaBaseAtivo;
+  }
+  set valor(e) {
+    this.mapaBaseAtivo = e;
+  }
+  get posicao() {
+    return this.getAttribute("posicao") || "inline";
+  }
+  set posicao(e) {
+    this.setAttribute("posicao", e);
+  }
+  get aberto() {
+    return this.hasAttribute("aberto") && this.getAttribute("aberto") !== "false";
+  }
+  set aberto(e) {
+    e ? this.setAttribute("aberto", "") : this.removeAttribute("aberto");
+  }
+  get compacto() {
+    return this.hasAttribute("compacto") && this.getAttribute("compacto") !== "false";
+  }
+  set compacto(e) {
+    e ? this.setAttribute("compacto", "") : this.removeAttribute("compacto");
+  }
+  get mapasBase() {
+    return this._mapasBase;
+  }
+  definirMapasBase(e) {
+    Array.isArray(e) && (this._mapasBase = [...e], this.renderizarOpcoes(), this.atualizarGatilho());
+  }
+  // --- Ações Públicas ---
+  abrir() {
+    this.aberto = !0;
+  }
+  fechar() {
+    this.aberto = !1;
+  }
+  alternar() {
+    this.aberto = !this.aberto;
+  }
+  selecionar(e) {
+    if (!e || this.mapaBaseAtivo === e) {
+      this.fechar();
+      return;
+    }
+    this.mapaBaseAtivo = e;
+    const t = this._mapasBase.find((i) => i.id === e), a = { mapaBaseId: e, item: t };
+    this.dispatchEvent(new CustomEvent("ui-mapa-base-alterado", {
+      detail: a,
+      bubbles: !0,
+      composed: !0
+    })), this.dispatchEvent(new CustomEvent("change", {
+      detail: { value: e },
+      bubbles: !0,
+      composed: !0
+    })), this.fechar();
+  }
+  // --- Renderização Interna ---
+  atualizarPosicaoClasses() {
+    const e = this.posicao;
+    this.wrapperEl.className = `ui-basemap-wrapper pos-${e}`;
+  }
+  aplicarEstadoAberto(e) {
+    this.popoverEl.classList.toggle("aberto", e), this.triggerBtn.classList.toggle("active", e), this.triggerBtn.setAttribute("aria-expanded", String(e));
+  }
+  atualizarGatilho() {
+    const e = this.mapaBaseAtivo, t = this._mapasBase.find((a) => a.id === e) || this._mapasBase[0];
+    t ? (this.labelEl.textContent = t.nome, this.triggerBtn.title = `Mapa Base: ${t.nome} (${t.descricao || ""})`, t.thumbnailUrl ? this.thumbEl.innerHTML = `<img class="ui-basemap-thumb-mini" src="${l(t.thumbnailUrl)}" alt="${l(t.nome)}" />` : this.thumbEl.innerHTML = `<span class="ui-basemap-thumb-mini fallback">${n}</span>`) : (this.labelEl.textContent = "Mapa Base", this.thumbEl.innerHTML = `<span class="ui-basemap-thumb-mini fallback">${x}</span>`);
+  }
+  renderizarOpcoes() {
+    const e = this.shadow.getElementById("popover-count");
+    e && (e.textContent = `${this._mapasBase.length} opções`);
+    const t = this.mapaBaseAtivo;
+    this.listEl.innerHTML = this._mapasBase.map((a) => {
+      const i = a.id === t, s = a.thumbnailUrl ? `<img class="ui-basemap-item-preview" src="${l(a.thumbnailUrl)}" alt="${l(a.nome)}" loading="lazy" />` : `<div class="ui-basemap-item-preview-none">${n}</div>`;
+      return `
+        <div class="ui-basemap-item ${i ? "active" : ""}" 
+             data-id="${l(a.id)}" 
+             role="option" 
+             aria-selected="${i}"
+             tabindex="0">
+          ${s}
+          <div class="ui-basemap-item-info">
+            <span class="ui-basemap-item-nome">${l(a.nome)}</span>
+            ${a.descricao ? `<span class="ui-basemap-item-desc">${l(a.descricao)}</span>` : ""}
+          </div>
+          <span class="ui-basemap-item-check">${w}</span>
+        </div>
+      `;
+    }).join("");
+  }
+  atualizarSelecaoVisual() {
+    const e = this.mapaBaseAtivo;
+    this.listEl.querySelectorAll(".ui-basemap-item").forEach((a) => {
+      const s = a.getAttribute("data-id") === e;
+      a.classList.toggle("active", s), a.setAttribute("aria-selected", String(s));
+    });
+  }
+  conectarEventos() {
+    this.listeners.add(this.triggerBtn, "click", (a) => {
+      a.stopPropagation(), this.alternar();
+    }), this.listeners.add(this.listEl, "click", (a) => {
+      const i = a.target.closest(".ui-basemap-item");
+      if (!i) return;
+      const s = i.getAttribute("data-id");
+      s && this.selecionar(s);
+    }), this.listeners.add(this.listEl, "keydown", (a) => {
+      if (a.key === "Enter" || a.key === " ") {
+        const i = a.target.closest(".ui-basemap-item");
+        if (i) {
+          a.preventDefault();
+          const s = i.getAttribute("data-id");
+          s && this.selecionar(s);
+        }
+      }
+    });
+    const e = (a) => {
+      if (!this.aberto) return;
+      a.composedPath().includes(this) || this.fechar();
+    };
+    this.listeners.add(document, "click", e);
+    const t = (a) => {
+      a.key === "Escape" && this.aberto && (this.fechar(), this.triggerBtn.focus());
+    };
+    this.listeners.add(document, "keydown", t);
+  }
+}
+function l(o) {
+  return o ? String(o).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;") : "";
+}
+class k extends b {
+}
+c("ui-seletor-mapa-base", b);
+c("ui-mapa-base", k);
+export {
+  g as MAPAS_BASE_PADRAO,
+  k as UIMapaBase,
+  b as UISeletorMapaBase
+};

package/dist/ssr-safe-5cWfJP-s.js

@@ -0,0 +1,10 @@
+const t = typeof window < "u" && typeof document < "u", s = typeof HTMLElement < "u" ? HTMLElement : class {
+};
+function o(e, n) {
+  typeof customElements < "u" && !customElements.get(e) && customElements.define(e, n);
+}
+export {
+  s as S,
+  o as d,
+  t as i
+};

package/dist/ssr-safe-CiHD1adl.cjs

@@ -0,0 +1 @@
+"use strict";const t=typeof window<"u"&&typeof document<"u",s=typeof HTMLElement<"u"?HTMLElement:class{};function o(e,n){typeof customElements<"u"&&!customElements.get(e)&&customElements.define(e,n)}exports.SafeHTMLElement=s;exports.definirCustomElement=o;exports.isBrowser=t;

package/dist/tabela.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                 */const r=require("./ui-tabela-propriedades-7yJ9g7ti.cjs");exports.GerenciadorValoresPropriedades=r.GerenciadorValoresPropriedades;exports.TabelaOrquestradorDados=r.TabelaOrquestradorDados;exports.TabelaRemotaController=r.TabelaRemotaController;exports.TabelaSelecaoController=r.TabelaSelecaoController;exports.UITabela=r.UITabela;exports.UITabelaPropriedades=r.UITabelaPropriedades;exports.abrirPopoverRedimensionamento=r.abrirPopoverRedimensionamento;exports.alternarCategoria=r.alternarCategoria;exports.alternarDirecaoOrdenacao=r.alternarDirecaoOrdenacao;exports.alternarPosicionamentoFlutuante=r.alternarPosicionamentoFlutuante;exports.aplicarOrdenacaoTabela=r.aplicarOrdenacaoTabela;exports.atualizarCampoVisual=r.atualizarCampoVisual;exports.avaliarExpressaoMatematica=r.avaliarExpressaoMatematica;exports.colapsarTodasCategorias=r.colapsarTodasCategorias;exports.conectarArrastoFlutuante=r.conectarArrastoFlutuante;exports.conectarPainelControles=r.conectarPainelControles;exports.criarControladorSplitter=r.criarControladorSplitter;exports.criarEditorAcao=r.criarEditorAcao;exports.criarEditorBooleano=r.criarEditorBooleano;exports.criarEditorCorCad=r.criarEditorCorCad;exports.criarEditorCorSwatch=r.criarEditorCorSwatch;exports.criarEditorLinetype=r.criarEditorLinetype;exports.criarEditorLineweight=r.criarEditorLineweight;exports.criarEditorNumero=r.criarEditorNumero;exports.criarEditorReadonly=r.criarEditorReadonly;exports.criarEditorSelecao=r.criarEditorSelecao;exports.criarEditorTexto=r.criarEditorTexto;exports.criarEditorValor=r.criarEditorValor;exports.criarLinhaPropriedade=r.criarLinhaPropriedade;exports.executarOrquestracaoCorpo=r.executarOrquestracaoCorpo;exports.executarOrquestracaoHeader=r.executarOrquestracaoHeader;exports.executarRedimensionamentoColuna=r.executarRedimensionamentoColuna;exports.exibirPromptPopoverRedimensionamento=r.exibirPromptPopoverRedimensionamento;exports.expandirTodasCategorias=r.expandirTodasCategorias;exports.focarProximoEditor=r.focarProximoEditor;exports.formatWidth=r.formatWidth;exports.getAlignmentClass=r.getAlignmentClass;exports.getRowHeight=r.getRowHeight;exports.getTextAlign=r.getTextAlign;exports.inicializarScrollVirtualizacao=r.inicializarScrollVirtualizacao;exports.iniciarRedimensionamentoColuna=r.iniciarRedimensionamentoColuna;exports.localizarIndiceItem=r.localizarIndiceItem;exports.montarEstruturaDOM=r.montarEstruturaDOM;exports.orquestrarEstruturaInicial=r.orquestrarEstruturaInicial;exports.proximaDensidade=r.proximaDensidade;exports.renderizarCategoriasETree=r.renderizarCategoriasETree;exports.renderizarCorpoTabela=r.renderizarCorpoTabela;exports.renderizarHeaderTabela=r.renderizarHeaderTabela;exports.renderizarSeletorTipos=r.renderizarSeletorTipos;exports.sincronizarAtributosTabela=r.sincronizarAtributosTabela;exports.sincronizarPainelControles=r.sincronizarPainelControles;exports.tratarMudancaAtributoTabela=r.tratarMudancaAtributoTabela;

package/dist/tabela.d.ts

@@ -0,0 +1,12 @@
+import { UITabela } from './components/ui-tabela';
+import { UITabelaPropriedades } from './components/ui-tabela-propriedades';
+export * from './components/ui-tabela';
+export * from './components/ui-tabela-propriedades';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui-tabela': UITabela;
+        'ui-tabela-propriedades': UITabelaPropriedades;
+        'ui-painel-propriedades': UITabelaPropriedades;
+        'ui-propriedades': UITabelaPropriedades;
+    }
+}

package/dist/tabela.js

@@ -0,0 +1,56 @@
+/* empty css               */
+import { G as o, T as i, a as s, b as t, U as n, c as l, d as c, e as d, f as u, g as m, h as p, i as C, j as E, k as T, l as b, m as g, n as x, o as z, p as P, q as R, r as A, s as O, t as S, u as h, v as I, w as q, x as D, y as V, z as f, A as v, B as w, C as H, D as L, E as M, F as y, H as F, I as U, J as B, K as G, L as N, M as W, N as j, O as k, P as J, Q as K, R as Q, S as X, V as Y, W as Z, X as _, Y as $, Z as aa } from "./ui-tabela-propriedades-D-XKNVwK.js";
+export {
+  o as GerenciadorValoresPropriedades,
+  i as TabelaOrquestradorDados,
+  s as TabelaRemotaController,
+  t as TabelaSelecaoController,
+  n as UITabela,
+  l as UITabelaPropriedades,
+  c as abrirPopoverRedimensionamento,
+  d as alternarCategoria,
+  u as alternarDirecaoOrdenacao,
+  m as alternarPosicionamentoFlutuante,
+  p as aplicarOrdenacaoTabela,
+  C as atualizarCampoVisual,
+  E as avaliarExpressaoMatematica,
+  T as colapsarTodasCategorias,
+  b as conectarArrastoFlutuante,
+  g as conectarPainelControles,
+  x as criarControladorSplitter,
+  z as criarEditorAcao,
+  P as criarEditorBooleano,
+  R as criarEditorCorCad,
+  A as criarEditorCorSwatch,
+  O as criarEditorLinetype,
+  S as criarEditorLineweight,
+  h as criarEditorNumero,
+  I as criarEditorReadonly,
+  q as criarEditorSelecao,
+  D as criarEditorTexto,
+  V as criarEditorValor,
+  f as criarLinhaPropriedade,
+  v as executarOrquestracaoCorpo,
+  w as executarOrquestracaoHeader,
+  H as executarRedimensionamentoColuna,
+  L as exibirPromptPopoverRedimensionamento,
+  M as expandirTodasCategorias,
+  y as focarProximoEditor,
+  F as formatWidth,
+  U as getAlignmentClass,
+  B as getRowHeight,
+  G as getTextAlign,
+  N as inicializarScrollVirtualizacao,
+  W as iniciarRedimensionamentoColuna,
+  j as localizarIndiceItem,
+  k as montarEstruturaDOM,
+  J as orquestrarEstruturaInicial,
+  K as proximaDensidade,
+  Q as renderizarCategoriasETree,
+  X as renderizarCorpoTabela,
+  Y as renderizarHeaderTabela,
+  Z as renderizarSeletorTipos,
+  _ as sincronizarAtributosTabela,
+  $ as sincronizarPainelControles,
+  aa as tratarMudancaAtributoTabela
+};

package/dist/tools.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                 */const e=require("./ui-paleta-ferramentas-B6dJ0O6K.cjs"),a=t=>`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${t}</svg>`,r={selecionar:a('<path d="M4 3l7 17 2.5-7.5L21 10z"/>'),mover:a('<path d="M5 9l-3 3 3 3M9 5l3-3 3 3M15 19l-3 3-3-3M19 9l3 3-3 3M2 12h20M12 2v20"/>'),mao:a('<path d="M18 11V6a2 2 0 0 0-4 0M14 10V4a2 2 0 0 0-4 0v2M10 10.5V6a2 2 0 0 0-4 0v8M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.9-5.9-2.4L3.4 16a2 2 0 0 1 3.2-2.4L8 15"/>'),zoom:a('<circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><path d="M11 8v6M8 11h6"/>'),linha:a('<line x1="5" y1="19" x2="19" y2="5"/><circle cx="5" cy="19" r="1.5"/><circle cx="19" cy="5" r="1.5"/>'),polilinha:a('<polyline points="3 17 9 11 13 15 21 7"/>'),retangulo:a('<rect x="3" y="5" width="18" height="14" rx="1"/>'),circulo:a('<circle cx="12" cy="12" r="9"/>'),arco:a('<path d="M4 18a9 9 0 0 1 16 0"/>'),ponto:a('<circle cx="12" cy="12" r="3"/>'),texto:a('<path d="M4 7V4h16v3M9 20h6M12 4v16"/>'),caneta:a('<path d="M12 19l7-7 3 3-7 7-3-3z"/><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/><path d="M2 2l7.6 7.6"/>'),medir:a('<rect x="2" y="8" width="20" height="8" rx="1"/><path d="M6 8v3M10 8v4M14 8v3M18 8v4"/>'),camadas:a('<polygon points="12 2 2 7 12 12 22 7 12 2"/><polyline points="2 17 12 22 22 17"/><polyline points="2 12 12 17 22 12"/>'),grade:a('<path d="M3 3h18v18H3zM3 9h18M3 15h18M9 3v18M15 3v18"/>'),desfazer:a('<path d="M3 7v6h6"/><path d="M21 17a9 9 0 0 0-15-6.7L3 13"/>'),refazer:a('<path d="M21 7v6h-6"/><path d="M3 17a9 9 0 0 1 15-6.7L21 13"/>'),colar:a('<rect x="8" y="2" width="8" height="4" rx="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/>'),copiar:a('<rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>'),negrito:a('<path d="M6 4h8a4 4 0 0 1 0 8H6zM6 12h9a4 4 0 0 1 0 8H6z"/>'),italico:a('<line x1="19" y1="4" x2="10" y2="4"/><line x1="14" y1="20" x2="5" y2="20"/><line x1="15" y1="4" x2="9" y2="20"/>')};exports.UIPaletaFerramentas=e.UIPaletaFerramentas;exports.UIRibbon=e.UIRibbon;exports.ICONES_FERRAMENTAS=r;

package/dist/tools.d.ts

@@ -0,0 +1,8 @@
+import { UIRibbon, UIPaletaFerramentas } from './components/ui-barra-ferramentas';
+export * from './components/ui-barra-ferramentas';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui-ribbon': UIRibbon;
+        'ui-paleta-ferramentas': UIPaletaFerramentas;
+    }
+}

package/dist/tools.js

@@ -0,0 +1,30 @@
+/* empty css               */
+import { a as o, b as l } from "./ui-paleta-ferramentas-Bpp4XBVg.js";
+const a = (t) => `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${t}</svg>`, h = {
+  selecionar: a('<path d="M4 3l7 17 2.5-7.5L21 10z"/>'),
+  mover: a('<path d="M5 9l-3 3 3 3M9 5l3-3 3 3M15 19l-3 3-3-3M19 9l3 3-3 3M2 12h20M12 2v20"/>'),
+  mao: a('<path d="M18 11V6a2 2 0 0 0-4 0M14 10V4a2 2 0 0 0-4 0v2M10 10.5V6a2 2 0 0 0-4 0v8M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.9-5.9-2.4L3.4 16a2 2 0 0 1 3.2-2.4L8 15"/>'),
+  zoom: a('<circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><path d="M11 8v6M8 11h6"/>'),
+  linha: a('<line x1="5" y1="19" x2="19" y2="5"/><circle cx="5" cy="19" r="1.5"/><circle cx="19" cy="5" r="1.5"/>'),
+  polilinha: a('<polyline points="3 17 9 11 13 15 21 7"/>'),
+  retangulo: a('<rect x="3" y="5" width="18" height="14" rx="1"/>'),
+  circulo: a('<circle cx="12" cy="12" r="9"/>'),
+  arco: a('<path d="M4 18a9 9 0 0 1 16 0"/>'),
+  ponto: a('<circle cx="12" cy="12" r="3"/>'),
+  texto: a('<path d="M4 7V4h16v3M9 20h6M12 4v16"/>'),
+  caneta: a('<path d="M12 19l7-7 3 3-7 7-3-3z"/><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/><path d="M2 2l7.6 7.6"/>'),
+  medir: a('<rect x="2" y="8" width="20" height="8" rx="1"/><path d="M6 8v3M10 8v4M14 8v3M18 8v4"/>'),
+  camadas: a('<polygon points="12 2 2 7 12 12 22 7 12 2"/><polyline points="2 17 12 22 22 17"/><polyline points="2 12 12 17 22 12"/>'),
+  grade: a('<path d="M3 3h18v18H3zM3 9h18M3 15h18M9 3v18M15 3v18"/>'),
+  desfazer: a('<path d="M3 7v6h6"/><path d="M21 17a9 9 0 0 0-15-6.7L3 13"/>'),
+  refazer: a('<path d="M21 7v6h-6"/><path d="M3 17a9 9 0 0 1 15-6.7L21 13"/>'),
+  colar: a('<rect x="8" y="2" width="8" height="4" rx="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/>'),
+  copiar: a('<rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>'),
+  negrito: a('<path d="M6 4h8a4 4 0 0 1 0 8H6zM6 12h9a4 4 0 0 1 0 8H6z"/>'),
+  italico: a('<line x1="19" y1="4" x2="10" y2="4"/><line x1="14" y1="20" x2="5" y2="20"/><line x1="15" y1="4" x2="9" y2="20"/>')
+};
+export {
+  h as ICONES_FERRAMENTAS,
+  o as UIPaletaFerramentas,
+  l as UIRibbon
+};

package/dist/ui-badge-92yelKls.js

@@ -0,0 +1,183 @@
+var g = Object.defineProperty;
+var h = (a, o, e) => o in a ? g(a, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[o] = e;
+var t = (a, o, e) => h(a, typeof o != "symbol" ? o + "" : o, e);
+import { d as s, S as u } from "./ssr-safe-5cWfJP-s.js";
+import { L as p } from "./listener-bag-DQgv7OON.js";
+const m = ':host{display:block;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif)}.ui-stat{padding:18px 20px;border-radius:var(--ui-raio-borda, 10px);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));background-color:var(--ui-cor-fundo-card, #18181c);color:var(--ui-cor-texto, #e1e1e6);box-sizing:border-box;display:flex;flex-direction:column;position:relative;transition:border-color .15s ease,box-shadow .15s ease}:root[data-tema=claro] .ui-stat,[data-tema=claro] .ui-stat{background-color:#fff;border-color:#00000017;color:#1a1a1e;box-shadow:0 1px 3px #0000000a}.ui-stat--baixa{box-shadow:0 2px 6px #0000004d}.ui-stat--media{box-shadow:0 4px 14px #0006}.ui-stat--alta{box-shadow:0 8px 24px #00000080}.ui-stat__cabecalho{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.ui-stat__rotulo{font-size:13px;font-weight:500;color:var(--ui-cor-texto-secundario, #888899);letter-spacing:.01em}:root[data-tema=claro] .ui-stat__rotulo,[data-tema=claro] .ui-stat__rotulo{color:#6c757d}.ui-stat__icone-slot{display:flex;align-items:center;color:var(--ui-cor-texto-secundario, #888899)}.ui-stat__icone-slot svg,.ui-stat__icone-slot ::slotted(svg),.ui-stat__icone-slot ::slotted(ui-icone){shape-rendering:geometricPrecision}.ui-stat__conteudo{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px}.ui-stat__valor{font-size:28px;font-weight:700;color:var(--ui-cor-texto, #ffffff);line-height:1.15;letter-spacing:-.025em}:root[data-tema=claro] .ui-stat__valor,[data-tema=claro] .ui-stat__valor{color:#111114}.ui-stat__indicador{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:5px;font-size:12px;font-weight:600;line-height:1}.ui-stat__indicador--positivo,.ui-stat__indicador--alta{background-color:#00e08a24;color:var(--ui-cor-primaria, #00E08A)}.ui-stat__indicador--negativo,.ui-stat__indicador--baixa{background-color:#ff444424;color:var(--ui-cor-texto-erro, #ff5555)}.ui-stat__indicador--neutro{background-color:#ffffff14;color:var(--ui-cor-texto-secundario, #888899)}:root[data-tema=claro] .ui-stat__indicador--neutro,[data-tema=claro] .ui-stat__indicador--neutro{background-color:#f1f3f5;color:#495057}.ui-stat__seta{font-size:.85em;line-height:1}.ui-stat__rodape{display:flex;flex-direction:column;gap:6px}.ui-stat__descricao{font-size:12px;color:var(--ui-cor-texto-secundario, #888899);line-height:1.3}:root[data-tema=claro] .ui-stat__descricao,[data-tema=claro] .ui-stat__descricao{color:#6c757d}';
+class n extends u {
+  constructor() {
+    super();
+    t(this, "statElement");
+    t(this, "rotuloElement");
+    t(this, "valorElement");
+    t(this, "indicadorElement");
+    t(this, "setaElement");
+    t(this, "variacaoElement");
+    t(this, "descricaoElement");
+    const e = this.attachShadow({ mode: "open" });
+    e.innerHTML = `
+      <style>${m}</style>
+      <div class="ui-stat">
+        <div class="ui-stat__cabecalho">
+          <span class="ui-stat__rotulo"></span>
+          <div class="ui-stat__icone-slot"><slot name="icone"></slot></div>
+        </div>
+        <div class="ui-stat__conteudo">
+          <div class="ui-stat__valor"></div>
+          <div class="ui-stat__indicador" style="display: none;">
+            <span class="ui-stat__seta" aria-hidden="true"></span>
+            <span class="ui-stat__variacao"></span>
+          </div>
+        </div>
+        <div class="ui-stat__rodape">
+          <span class="ui-stat__descricao" style="display: none;"></span>
+          <slot name="grafico"></slot>
+          <slot></slot>
+        </div>
+      </div>
+    `, this.statElement = e.querySelector(".ui-stat"), this.rotuloElement = e.querySelector(".ui-stat__rotulo"), this.valorElement = e.querySelector(".ui-stat__valor"), this.indicadorElement = e.querySelector(".ui-stat__indicador"), this.setaElement = e.querySelector(".ui-stat__seta"), this.variacaoElement = e.querySelector(".ui-stat__variacao"), this.descricaoElement = e.querySelector(".ui-stat__descricao");
+  }
+  static get observedAttributes() {
+    return [
+      "rotulo",
+      "label",
+      "valor",
+      "value",
+      "variacao",
+      "trend",
+      "tendencia",
+      "direction",
+      "descricao",
+      "description",
+      "elevacao",
+      "elevation"
+    ];
+  }
+  connectedCallback() {
+    this.syncState();
+  }
+  attributeChangedCallback(e, r, i) {
+    this.syncState();
+  }
+  get rotulo() {
+    return this.getAttribute("rotulo") || this.getAttribute("label") || "";
+  }
+  set rotulo(e) {
+    this.setAttribute("rotulo", e);
+  }
+  get valor() {
+    return this.getAttribute("valor") || this.getAttribute("value") || "";
+  }
+  set valor(e) {
+    this.setAttribute("valor", e);
+  }
+  get variacao() {
+    return this.getAttribute("variacao") || this.getAttribute("trend") || "";
+  }
+  set variacao(e) {
+    this.setAttribute("variacao", e);
+  }
+  get tendencia() {
+    const e = (this.getAttribute("tendencia") || this.getAttribute("direction") || "positivo").toLowerCase();
+    return e === "baixa" || e === "negativo" || e === "down" ? "baixa" : e === "neutro" || e === "neutral" ? "neutro" : "alta";
+  }
+  set tendencia(e) {
+    this.setAttribute("tendencia", e);
+  }
+  get descricao() {
+    return this.getAttribute("descricao") || this.getAttribute("description") || "";
+  }
+  set descricao(e) {
+    this.setAttribute("descricao", e);
+  }
+  syncState() {
+    const e = this.rotulo, r = this.valor, i = this.variacao, l = this.tendencia, d = this.descricao, b = this.getAttribute("elevacao") || this.getAttribute("elevation") || "baixa";
+    this.statElement.className = `ui-stat ui-stat--${b}`, this.rotuloElement.textContent = e, this.valorElement.textContent = r, i ? (this.variacaoElement.textContent = i, this.indicadorElement.style.display = "inline-flex", l === "baixa" ? (this.indicadorElement.className = "ui-stat__indicador ui-stat__indicador--negativo", this.setaElement.textContent = "↓", this.indicadorElement.setAttribute("aria-label", `Queda de ${i}`)) : l === "neutro" ? (this.indicadorElement.className = "ui-stat__indicador ui-stat__indicador--neutro", this.setaElement.textContent = "→", this.indicadorElement.setAttribute("aria-label", `Variação estável de ${i}`)) : (this.indicadorElement.className = "ui-stat__indicador ui-stat__indicador--positivo", this.setaElement.textContent = "↑", this.indicadorElement.setAttribute("aria-label", `Aumento de ${i}`))) : this.indicadorElement.style.display = "none", d ? (this.descricaoElement.textContent = d, this.descricaoElement.style.display = "block") : this.descricaoElement.style.display = "none";
+  }
+}
+class v extends n {
+}
+class f extends n {
+}
+s("ui-stat", n);
+s("ui-kpi", v);
+s("ui-metrica", f);
+const x = ':host{display:inline-flex;align-items:center;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif);vertical-align:middle}.ui-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;line-height:1;-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:background-color .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap}::slotted(svg),::slotted(ui-icone){width:12px!important;height:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;vertical-align:middle!important;shape-rendering:geometricPrecision;flex-shrink:0}::slotted(span){display:inline-flex;align-items:center;line-height:1}.ui-badge--suave{background-color:var(--ui-cor-badge-fundo, rgba(255, 255, 255, .08));color:var(--ui-cor-badge-texto, #e1e1e6);border:1px solid transparent}.ui-badge--solido{background-color:var(--ui-cor-badge-solido, #888899);color:#000;border:1px solid transparent}.ui-badge--contornado{background-color:transparent;color:var(--ui-cor-badge-texto, #e1e1e6);border:1px solid var(--ui-cor-badge-borda, rgba(255, 255, 255, .2))}.ui-badge--sucesso.ui-badge--suave{background-color:#00e08a26;color:var(--ui-cor-primaria, #00E08A)}.ui-badge--sucesso.ui-badge--solido{background-color:var(--ui-cor-primaria, #00E08A);color:#000}.ui-badge--sucesso.ui-badge--contornado{color:var(--ui-cor-primaria, #00E08A);border-color:#00e08a66}.ui-badge--erro.ui-badge--suave{background-color:#ff555526;color:var(--ui-cor-texto-erro, #ff5555)}.ui-badge--erro.ui-badge--solido{background-color:var(--ui-cor-texto-erro, #ff5555);color:#fff}.ui-badge--erro.ui-badge--contornado{color:var(--ui-cor-texto-erro, #ff5555);border-color:#f556}.ui-badge--alerta.ui-badge--suave{background-color:#ffb86c26;color:var(--ui-cor-texto-alerta, #ffb86c)}.ui-badge--alerta.ui-badge--solido{background-color:var(--ui-cor-texto-alerta, #ffb86c);color:#000}.ui-badge--alerta.ui-badge--contornado{color:var(--ui-cor-texto-alerta, #ffb86c);border-color:#ffb86c66}.ui-badge--info.ui-badge--suave,.ui-badge--primaria.ui-badge--suave{background-color:#00aaff26;color:#0af}.ui-badge--info.ui-badge--solido,.ui-badge--primaria.ui-badge--solido{background-color:#0af;color:#fff}.ui-badge--info.ui-badge--contornado,.ui-badge--primaria.ui-badge--contornado{color:#0af;border-color:#0af6}.ui-badge--neutro.ui-badge--suave{background-color:#ffffff14;color:var(--ui-cor-texto-secundario, #888899)}.ui-badge__close{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;cursor:pointer;opacity:.7;transition:opacity .15s ease,background-color .15s ease;font-size:10px;line-height:1;margin-left:2px}.ui-badge__close:hover{opacity:1;background-color:#fff3}';
+class c extends u {
+  constructor() {
+    super();
+    t(this, "badgeElement");
+    t(this, "labelElement");
+    t(this, "closeElement");
+    t(this, "listeners", new p());
+    t(this, "handleRemove", (e) => {
+      var r;
+      e.stopPropagation(), this.dispatchEvent(
+        new CustomEvent("ui-remove", {
+          detail: {
+            value: this.getAttribute("value") || ((r = this.textContent) == null ? void 0 : r.trim()) || ""
+          },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    });
+    const e = this.attachShadow({ mode: "open" });
+    e.innerHTML = `
+      <style>${x}</style>
+      <span class="ui-badge">
+        <slot></slot>
+        <span class="ui-badge__label" style="display: none;"></span>
+        <span class="ui-badge__close" role="button" tabindex="0" aria-label="Remover" style="display: none;" title="Remover">✕</span>
+      </span>
+    `, this.badgeElement = e.querySelector(".ui-badge"), this.labelElement = e.querySelector(".ui-badge__label"), this.closeElement = e.querySelector(".ui-badge__close");
+  }
+  static get observedAttributes() {
+    return [
+      "variante",
+      "variant",
+      "estilo",
+      "removivel",
+      "removable",
+      "disabled",
+      "label",
+      "value"
+    ];
+  }
+  connectedCallback() {
+    this.listeners.cleanup(), this.listeners.add(this.closeElement, "click", this.handleRemove), this.listeners.add(this.closeElement, "keydown", (e) => {
+      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.handleRemove(e));
+    }), this.syncState();
+  }
+  disconnectedCallback() {
+    this.listeners.cleanup();
+  }
+  attributeChangedCallback(e, r, i) {
+    this.syncState();
+  }
+  get removivel() {
+    return this.hasAttribute("removivel") || this.hasAttribute("removable");
+  }
+  set removivel(e) {
+    e ? this.setAttribute("removivel", "") : (this.removeAttribute("removivel"), this.removeAttribute("removable"));
+  }
+  syncState() {
+    const e = this.getAttribute("variante") || this.getAttribute("variant") || "neutro", r = this.getAttribute("estilo") || "suave", i = this.getAttribute("label"), l = this.removivel;
+    this.badgeElement.className = "ui-badge", this.badgeElement.classList.add(`ui-badge--${e}`), this.badgeElement.classList.add(`ui-badge--${r}`), i ? (this.labelElement.textContent = i, this.labelElement.style.display = "inline") : this.labelElement.style.display = "none", l ? this.closeElement.style.display = "inline-flex" : this.closeElement.style.display = "none";
+  }
+}
+class _ extends c {
+}
+class y extends c {
+}
+s("ui-badge", c);
+s("ui-chip", _);
+s("ui-tag", y);
+export {
+  c as U,
+  _ as a,
+  v as b,
+  f as c,
+  n as d,
+  y as e
+};