@thibezer/ui-components-kit 1.0.0 → 2.1.0

package/dist/seletor-mapa-base.js

@@ -1,10 +1,10 @@
-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);
+var m = Object.defineProperty;
+var d = (o, p, e) => p in o ? m(o, p, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[p] = e;
+var s = (o, p, e) => d(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 = [
+import { d as u, S as h } from "./ssr-safe-5cWfJP-s.js";
+import { L as g } from "./listener-bag-DQgv7OON.js";
+const v = ':host{display:inline-block;font-family:var(--ui-fonte-base, "Inter", 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:var(--ui-raio-pill, 999px);color:var(--ui-cor-texto, #f1f1f5);cursor:pointer;outline:none;font-size:11.5px;font-weight:500;letter-spacing:.2px;box-shadow:var(--ui-sombra-md, 0 4px 14px rgba(0, 0, 0, .35)),0 1px 3px #0003;transition:all .18s cubic-bezier(.16,1,.3,1)}.ui-basemap-trigger:hover{background:var(--ui-cor-botao-secundario-hover, rgba(28, 28, 36, .95));border-color:var(--ui-cor-primaria, #00E08A);transform:translateY(-1px);box-shadow:var(--ui-sombra-md, 0 6px 20px rgba(0, 0, 0, .45)),0 0 12px color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 20%,transparent)}.ui-basemap-trigger:focus-visible{border-color:var(--ui-cor-primaria, #00E08A);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 35%,transparent)}.ui-basemap-trigger.active{border-color:var(--ui-cor-primaria, #00E08A);background:var(--ui-cor-fundo-elevado, rgba(22, 26, 32, .95));box-shadow:var(--ui-sombra-md, 0 4px 16px rgba(0, 0, 0, .4)),0 0 10px color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 25%,transparent)}: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:var(--ui-sombra-sm, 0 1px 3px rgba(0, 0, 0, .4))}.ui-basemap-thumb-mini.fallback{display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent);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:var(--ui-sombra-lg, 0 12px 32px rgba(0, 0, 0, .6)),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 color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 6%,transparent);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:var(--ui-raio-sm, 4px);background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 12%,transparent);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:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 15%,transparent);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:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 6%,transparent);border-color:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent)}.ui-basemap-item:focus-visible{border-color:var(--ui-cor-primaria, #00E08A);background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 6%,transparent)}.ui-basemap-item.active{background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 12%,transparent);border-color:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 35%,transparent)}.ui-basemap-item-preview{width:32px;height:24px;border-radius:var(--ui-raio-sm, 4px);object-fit:cover;flex-shrink:0;border:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 10%,transparent);box-shadow:var(--ui-sombra-sm, 0 1px 3px rgba(0, 0, 0, .3))}.ui-basemap-item-preview-none{width:32px;height:24px;border-radius:var(--ui-raio-sm, 4px);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 4%,transparent);border:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent);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}', x = [
   {
     id: "none",
     nome: "Sem Mapa",
@@ -46,21 +46,21 @@ const f = ':host{display:inline-block;font-family:var(--ui-fonte-principal, "Int
     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 = `
+], f = `
 <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 = `
+`, w = `
 <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 = `
+`, k = `
 <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 = `
+`, c = `
 <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>
@@ -69,25 +69,25 @@ const f = ':host{display:inline-block;font-family:var(--ui-fonte-principal, "Int
   <line x1="15" y1="3" x2="15" y2="21"></line>
 </svg>
 `;
-class b extends d {
+class b extends h {
   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");
+    s(this, "shadow");
+    s(this, "listeners", new g());
+    s(this, "_mapasBase", [...x]);
+    s(this, "wrapperEl");
+    s(this, "triggerBtn");
+    s(this, "popoverEl");
+    s(this, "listEl");
+    s(this, "thumbEl");
+    s(this, "labelEl");
     this.shadow = this.attachShadow({ mode: "open" }), this.shadow.innerHTML = `
-      <style>${f}</style>
+      <style>${v}</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>
+          <span class="ui-basemap-chevron">${w}</span>
         </button>
 
         <div class="ui-basemap-popover" id="basemap-popover" role="listbox" aria-label="Selecione o Mapa Base">
@@ -116,16 +116,22 @@ class b extends d {
   disconnectedCallback() {
     this.listeners.cleanup();
   }
-  attributeChangedCallback(e, t, a) {
-    if (t !== a)
+  attributeChangedCallback(e, i, a) {
+    if (i !== 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");
+        const t = a !== null && a !== "false";
+        this.aplicarEstadoAberto(t);
+      } else if (e === "compacto")
+        this.triggerBtn.classList.toggle("compacto", a !== null && a !== "false");
+      else if (e === "desabilitado") {
+        const t = a !== null && a !== "false";
+        this.triggerBtn.disabled = t, t && this.fechar();
+      }
+    }
   }
   // --- Getters e Setters de Propriedades ---
   get mapaBaseAtivo() {
@@ -158,6 +164,12 @@ class b extends d {
   set compacto(e) {
     e ? this.setAttribute("compacto", "") : this.removeAttribute("compacto");
   }
+  get desabilitado() {
+    return this.hasAttribute("desabilitado") && this.getAttribute("desabilitado") !== "false";
+  }
+  set desabilitado(e) {
+    e ? this.setAttribute("desabilitado", "") : this.removeAttribute("desabilitado");
+  }
   get mapasBase() {
     return this._mapasBase;
   }
@@ -166,21 +178,23 @@ class b extends d {
   }
   // --- Ações Públicas ---
   abrir() {
-    this.aberto = !0;
+    this.desabilitado || (this.aberto = !0);
   }
   fechar() {
     this.aberto = !1;
   }
   alternar() {
-    this.aberto = !this.aberto;
+    this.aberto ? this.fechar() : this.abrir();
   }
   selecionar(e) {
     if (!e || this.mapaBaseAtivo === e) {
       this.fechar();
       return;
     }
+    const i = this._mapasBase.find((t) => t.id === e);
+    if (!i) return;
     this.mapaBaseAtivo = e;
-    const t = this._mapasBase.find((i) => i.id === e), a = { mapaBaseId: e, item: t };
+    const a = { mapaBaseId: e, item: i };
     this.dispatchEvent(new CustomEvent("ui-mapa-base-alterado", {
       detail: a,
       bubbles: !0,
@@ -200,53 +214,86 @@ class b extends d {
     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>`);
+    const e = this.mapaBaseAtivo, i = this._mapasBase.find((a) => a.id === e) || this._mapasBase[0];
+    i ? (this.labelEl.textContent = i.nome, this.triggerBtn.title = `Mapa Base: ${i.nome} (${i.descricao || ""})`, i.thumbnailUrl ? this.thumbEl.innerHTML = `<img class="ui-basemap-thumb-mini" src="${n(i.thumbnailUrl)}" alt="${n(i.nome)}" referrerpolicy="no-referrer" decoding="async" />` : this.thumbEl.innerHTML = `<span class="ui-basemap-thumb-mini fallback">${c}</span>`) : (this.labelEl.textContent = "Mapa Base", this.thumbEl.innerHTML = `<span class="ui-basemap-thumb-mini fallback">${f}</span>`);
   }
   renderizarOpcoes() {
     const e = this.shadow.getElementById("popover-count");
     e && (e.textContent = `${this._mapasBase.length} opções`);
-    const t = this.mapaBaseAtivo;
+    const i = 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>`;
+      const t = a.id === i, r = a.thumbnailUrl ? `<img class="ui-basemap-item-preview" src="${n(a.thumbnailUrl)}" alt="${n(a.nome)}" loading="lazy" referrerpolicy="no-referrer" decoding="async" />` : `<div class="ui-basemap-item-preview-none">${c}</div>`;
       return `
-        <div class="ui-basemap-item ${i ? "active" : ""}" 
-             data-id="${l(a.id)}" 
+        <div class="ui-basemap-item ${t ? "active" : ""}" 
+             data-id="${n(a.id)}" 
              role="option" 
-             aria-selected="${i}"
+             aria-selected="${t}"
              tabindex="0">
-          ${s}
+          ${r}
           <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>` : ""}
+            <span class="ui-basemap-item-nome">${n(a.nome)}</span>
+            ${a.descricao ? `<span class="ui-basemap-item-desc">${n(a.descricao)}</span>` : ""}
           </div>
-          <span class="ui-basemap-item-check">${w}</span>
+          <span class="ui-basemap-item-check">${k}</span>
         </div>
       `;
     }).join("");
   }
+  focarItem(e) {
+    const i = Array.from(this.listEl.querySelectorAll(".ui-basemap-item"));
+    if (i.length === 0) return;
+    const a = i.indexOf(this.shadow.activeElement);
+    let t;
+    switch (e) {
+      case "ativo":
+        t = Math.max(0, i.findIndex((r) => r.classList.contains("active")));
+        break;
+      case "proximo":
+        t = Math.min(i.length - 1, a + 1);
+        break;
+      case "anterior":
+        t = Math.max(0, a - 1);
+        break;
+      case "primeiro":
+        t = 0;
+        break;
+      default:
+        t = i.length - 1;
+    }
+    i[t].focus();
+  }
   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));
+      const r = a.getAttribute("data-id") === e;
+      a.classList.toggle("active", r), a.setAttribute("aria-selected", String(r));
     });
   }
   conectarEventos() {
     this.listeners.add(this.triggerBtn, "click", (a) => {
-      a.stopPropagation(), this.alternar();
+      a.stopPropagation(), this.alternar(), this.aberto && a.detail === 0 && this.focarItem("ativo");
     }), 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);
+      const t = a.target.closest(".ui-basemap-item");
+      if (!t) return;
+      const r = t.getAttribute("data-id");
+      r && this.selecionar(r);
     }), this.listeners.add(this.listEl, "keydown", (a) => {
+      const t = {
+        ArrowDown: "proximo",
+        ArrowUp: "anterior",
+        Home: "primeiro",
+        End: "ultimo"
+      };
+      if (t[a.key]) {
+        a.preventDefault(), this.focarItem(t[a.key]);
+        return;
+      }
       if (a.key === "Enter" || a.key === " ") {
-        const i = a.target.closest(".ui-basemap-item");
-        if (i) {
+        const r = a.target.closest(".ui-basemap-item");
+        if (r) {
           a.preventDefault();
-          const s = i.getAttribute("data-id");
-          s && this.selecionar(s);
+          const l = r.getAttribute("data-id");
+          l && this.selecionar(l);
         }
       }
     });
@@ -254,22 +301,25 @@ class b extends d {
       if (!this.aberto) return;
       a.composedPath().includes(this) || this.fechar();
     };
-    this.listeners.add(document, "click", e);
-    const t = (a) => {
+    this.listeners.add(document, "click", e), this.listeners.add(this.wrapperEl, "focusout", (a) => {
+      const t = a.relatedTarget;
+      this.aberto && t && !this.shadow.contains(t) && !this.contains(t) && this.fechar();
+    });
+    const i = (a) => {
       a.key === "Escape" && this.aberto && (this.fechar(), this.triggerBtn.focus());
     };
-    this.listeners.add(document, "keydown", t);
+    this.listeners.add(document, "keydown", i);
   }
 }
-function l(o) {
+function n(o) {
   return o ? String(o).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;") : "";
 }
-class k extends b {
+class y extends b {
 }
-c("ui-seletor-mapa-base", b);
-c("ui-mapa-base", k);
+u("ui-seletor-mapa-base", b);
+u("ui-mapa-base", y);
 export {
-  g as MAPAS_BASE_PADRAO,
-  k as UIMapaBase,
+  x as MAPAS_BASE_PADRAO,
+  y as UIMapaBase,
   b as UISeletorMapaBase
 };

package/dist/svg-seguro-BsbNQqpd.js

@@ -0,0 +1,50 @@
+const i = /* @__PURE__ */ new Set([
+  "svg",
+  "g",
+  "path",
+  "rect",
+  "circle",
+  "ellipse",
+  "line",
+  "polyline",
+  "polygon",
+  "text",
+  "tspan",
+  "title",
+  "desc",
+  "defs",
+  "symbol",
+  "use",
+  "lineargradient",
+  "radialgradient",
+  "stop",
+  "clippath",
+  "mask"
+]), a = /^(javascript|data|vbscript):/i, o = /url\s*\(\s*['"]?\s*(?!#)/i;
+function u(t, e) {
+  const r = t.toLowerCase();
+  if (r.startsWith("on")) return !1;
+  const n = e.replace(/[\s\u0000-\u001f]+/g, "");
+  return a.test(n) ? !1 : r === "href" || r === "xlink:href" ? n.startsWith("#") : !o.test(e);
+}
+function s(t) {
+  Array.from(t.children).forEach((e) => {
+    if (!i.has(e.localName.toLowerCase())) {
+      e.remove();
+      return;
+    }
+    s(e);
+  }), Array.from(t.attributes).forEach((e) => {
+    u(e.name, e.value) || t.removeAttribute(e.name);
+  });
+}
+function c(t) {
+  if (!t || typeof t != "string" || typeof document > "u") return null;
+  const e = document.createElement("template");
+  e.innerHTML = t.trim();
+  const r = e.content.querySelector("svg");
+  return r ? (s(r), r) : null;
+}
+export {
+  c as h
+};

package/dist/svg-seguro-C76iLlAZ.cjs

@@ -0,0 +1 @@
+"use strict";const s=new Set(["svg","g","path","rect","circle","ellipse","line","polyline","polygon","text","tspan","title","desc","defs","symbol","use","lineargradient","radialgradient","stop","clippath","mask"]),a=/^(javascript|data|vbscript):/i,o=/url\s*\(\s*['"]?\s*(?!#)/i;function u(t,e){const r=t.toLowerCase();if(r.startsWith("on"))return!1;const n=e.replace(/[\s\u0000-\u001f]+/g,"");return a.test(n)?!1:r==="href"||r==="xlink:href"?n.startsWith("#"):!o.test(e)}function i(t){Array.from(t.children).forEach(e=>{if(!s.has(e.localName.toLowerCase())){e.remove();return}i(e)}),Array.from(t.attributes).forEach(e=>{u(e.name,e.value)||t.removeAttribute(e.name)})}function c(t){if(!t||typeof t!="string"||typeof document>"u")return null;const e=document.createElement("template");e.innerHTML=t.trim();const r=e.content.querySelector("svg");return r?(i(r),r):null}exports.higienizarSvg=c;

package/dist/tabela.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                 */const r=require("./ui-tabela-propriedades-BBr5sqki.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.buscarLinhaPropriedade=r.buscarLinhaPropriedade;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.interpretarIndice=r.interpretarIndice;exports.localizarIndiceItem=r.localizarIndiceItem;exports.montarEstruturaDOM=r.montarEstruturaDOM;exports.orquestrarEstruturaInicial=r.orquestrarEstruturaInicial;exports.proximaDensidade=r.proximaDensidade;exports.registrarAtualizadorEditor=r.registrarAtualizadorEditor;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.sincronizarSelect=r.sincronizarSelect;exports.tratarMudancaAtributoTabela=r.tratarMudancaAtributoTabela;exports.valoresIguais=r.valoresIguais;

package/dist/tabela.js

@@ -1,5 +1,5 @@
 /* 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";
+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 z, o as x, p as P, q as A, r as I, s as R, t as S, u as h, v as O, w as q, x as v, y as D, z as L, A as V, B as f, C as w, D as H, 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, _ as ra, $ as ea, a0 as oa, a1 as ia, a2 as sa } from "./ui-tabela-propriedades-Boy7I5yW.js";
 export {
   o as GerenciadorValoresPropriedades,
   i as TabelaOrquestradorDados,
@@ -14,43 +14,48 @@ export {
   p as aplicarOrdenacaoTabela,
   C as atualizarCampoVisual,
   E as avaliarExpressaoMatematica,
-  T as colapsarTodasCategorias,
-  b as conectarArrastoFlutuante,
-  g as conectarPainelControles,
+  T as buscarLinhaPropriedade,
+  b as colapsarTodasCategorias,
+  g as conectarArrastoFlutuante,
+  z 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,
+  P as criarEditorAcao,
+  A as criarEditorBooleano,
+  I as criarEditorCorCad,
+  R as criarEditorCorSwatch,
+  S as criarEditorLinetype,
+  h as criarEditorLineweight,
+  O as criarEditorNumero,
+  q as criarEditorReadonly,
+  v as criarEditorSelecao,
   D as criarEditorTexto,
-  V as criarEditorValor,
-  f as criarLinhaPropriedade,
-  v as executarOrquestracaoCorpo,
+  L as criarEditorValor,
+  V as criarLinhaPropriedade,
+  f 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
+  M as exibirPromptPopoverRedimensionamento,
+  y as expandirTodasCategorias,
+  F as focarProximoEditor,
+  U as formatWidth,
+  B as getAlignmentClass,
+  G as getRowHeight,
+  N as getTextAlign,
+  W as inicializarScrollVirtualizacao,
+  j as iniciarRedimensionamentoColuna,
+  k as interpretarIndice,
+  J as localizarIndiceItem,
+  K as montarEstruturaDOM,
+  Q as orquestrarEstruturaInicial,
+  X as proximaDensidade,
+  Y as registrarAtualizadorEditor,
+  Z as renderizarCategoriasETree,
+  _ as renderizarCorpoTabela,
+  $ as renderizarHeaderTabela,
+  aa as renderizarSeletorTipos,
+  ra as sincronizarAtributosTabela,
+  ea as sincronizarPainelControles,
+  oa as sincronizarSelect,
+  ia as tratarMudancaAtributoTabela,
+  sa as valoresIguais
 };