@thibezer/ui-components-kit 2.17.0 → 2.17.2

package/dist/ui-seletor-cor-DFIQ1sin.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thibezer/ui-components-kit",
-  "version": "2.17.0",
+  "version": "2.17.2",
   "description": "Web Components nativos (W3C Custom Elements + Shadow DOM) para interfaces densas de GIS, CAD e formulários, sem dependência de framework.",
   "keywords": [
     "web-components",

package/dist/form-validacao-BIOXxt-1.js

@@ -1,140 +0,0 @@
-let f = 0;
-function c(e = "ui") {
-  return f += 1, `${e}-${f.toString(36)}-${Math.random().toString(36).slice(2, 7)}`;
-}
-function d(e, t) {
-  if (e === t) return "";
-  if (e.nodeType === 3) return e.textContent ?? "";
-  let n = "";
-  return e.childNodes.forEach((l) => {
-    n += d(l, t);
-  }), n;
-}
-function v(e, t) {
-  var m, a, o;
-  const n = (m = e.getAttribute("aria-label")) == null ? void 0 : m.trim();
-  if (n) return n;
-  const l = /* @__PURE__ */ new Set();
-  try {
-    (a = t == null ? void 0 : t.labels) == null || a.forEach((i) => l.add(i));
-  } catch {
-  }
-  if (e.id) {
-    const i = e.getRootNode();
-    (o = i.querySelectorAll) == null || o.call(i, "label[for]").forEach((r) => {
-      r.htmlFor === e.id && l.add(r);
-    });
-  }
-  const u = e.closest("label");
-  return u && l.add(u), Array.from(l).map((i) => d(i, e).replace(/\s+/g, " ").trim()).filter(Boolean).join(" ");
-}
-function g(e, t) {
-  return t.composedPath()[0] === e;
-}
-function p(e) {
-  if (e.disabled)
-    return { valido: !0, flags: {}, mensagem: "" };
-  if (e.customError && e.customError.trim() !== "")
-    return {
-      valido: !1,
-      flags: { customError: !0 },
-      mensagem: e.customError
-    };
-  const { val: t, rawVal: n, badInput: l, required: u, tipo: m = "text", mensagemValidacao: a } = e;
-  if (l || m === "number" && n && isNaN(Number(n)))
-    return {
-      valido: !1,
-      flags: { badInput: !0 },
-      mensagem: a || "Insira um número válido."
-    };
-  if (u && t.trim() === "")
-    return {
-      valido: !1,
-      flags: { valueMissing: !0 },
-      mensagem: a || "Preencha este campo."
-    };
-  if (t === "")
-    return { valido: !0, flags: {}, mensagem: "" };
-  if (e.minlength !== null && e.minlength !== void 0 && !isNaN(e.minlength) && t.length < e.minlength)
-    return {
-      valido: !1,
-      flags: { tooShort: !0 },
-      mensagem: a || `Use pelo menos ${e.minlength} caracteres (atualmente você está usando ${t.length}).`
-    };
-  if (e.maxlength !== null && e.maxlength !== void 0 && !isNaN(e.maxlength) && t.length > e.maxlength)
-    return {
-      valido: !1,
-      flags: { tooLong: !0 },
-      mensagem: a || `Reduza o texto para no máximo ${e.maxlength} caracteres (atualmente você está usando ${t.length}).`
-    };
-  if (e.pattern)
-    try {
-      if (!new RegExp(`^(?:${e.pattern})$`).test(t))
-        return {
-          valido: !1,
-          flags: { patternMismatch: !0 },
-          mensagem: a || "O valor não corresponde ao padrão solicitado."
-        };
-    } catch {
-    }
-  if (m === "email" && !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/.test(t))
-    return {
-      valido: !1,
-      flags: { typeMismatch: !0 },
-      mensagem: a || "Insira um endereço de e-mail válido."
-    };
-  if (m === "url")
-    try {
-      new URL(t);
-    } catch {
-      return {
-        valido: !1,
-        flags: { typeMismatch: !0 },
-        mensagem: a || "Insira uma URL válida."
-      };
-    }
-  if (m === "number") {
-    const o = Number(t);
-    if (isNaN(o))
-      return {
-        valido: !1,
-        flags: { badInput: !0 },
-        mensagem: a || "Insira um número válido."
-      };
-    if (e.min !== null && e.min !== void 0 && !isNaN(e.min) && o < e.min)
-      return {
-        valido: !1,
-        flags: { rangeUnderflow: !0 },
-        mensagem: a || `O valor deve ser maior ou igual a ${e.min}.`
-      };
-    if (e.max !== null && e.max !== void 0 && !isNaN(e.max) && o > e.max)
-      return {
-        valido: !1,
-        flags: { rangeOverflow: !0 },
-        mensagem: a || `O valor deve ser menor ou igual a ${e.max}.`
-      };
-    if (e.step && e.step !== "any") {
-      const i = parseFloat(e.step);
-      if (!isNaN(i) && i > 0) {
-        const r = e.min !== null && e.min !== void 0 && !isNaN(e.min) ? e.min : 0, s = Math.abs((o - r) % i);
-        if (s > 1e-6 && Math.abs(s - i) > 1e-6)
-          return {
-            valido: !1,
-            flags: { stepMismatch: !0 },
-            mensagem: a || "Insira um valor válido de acordo com o intervalo."
-          };
-      }
-    }
-  }
-  return { valido: !0, flags: {}, mensagem: "" };
-}
-function h(e, t, n) {
-  !e || typeof e.setValidity != "function" || (t.valido ? e.setValidity({}) : e.setValidity(t.flags, t.mensagem || "Valor inválido.", n));
-}
-export {
-  h as a,
-  g as c,
-  c as g,
-  v as o,
-  p as v
-};

package/dist/form-validacao-ytRYSF3E.cjs

@@ -1 +0,0 @@
-"use strict";let f=0;function c(e="ui"){return f+=1,`${e}-${f.toString(36)}-${Math.random().toString(36).slice(2,7)}`}function d(e,t){if(e===t)return"";if(e.nodeType===3)return e.textContent??"";let o="";return e.childNodes.forEach(l=>{o+=d(l,t)}),o}function v(e,t){var m,a,n;const o=(m=e.getAttribute("aria-label"))==null?void 0:m.trim();if(o)return o;const l=new Set;try{(a=t==null?void 0:t.labels)==null||a.forEach(i=>l.add(i))}catch{}if(e.id){const i=e.getRootNode();(n=i.querySelectorAll)==null||n.call(i,"label[for]").forEach(u=>{u.htmlFor===e.id&&l.add(u)})}const r=e.closest("label");return r&&l.add(r),Array.from(l).map(i=>d(i,e).replace(/\s+/g," ").trim()).filter(Boolean).join(" ")}function g(e,t){return t.composedPath()[0]===e}function p(e){if(e.disabled)return{valido:!0,flags:{},mensagem:""};if(e.customError&&e.customError.trim()!=="")return{valido:!1,flags:{customError:!0},mensagem:e.customError};const{val:t,rawVal:o,badInput:l,required:r,tipo:m="text",mensagemValidacao:a}=e;if(l||m==="number"&&o&&isNaN(Number(o)))return{valido:!1,flags:{badInput:!0},mensagem:a||"Insira um número válido."};if(r&&t.trim()==="")return{valido:!1,flags:{valueMissing:!0},mensagem:a||"Preencha este campo."};if(t==="")return{valido:!0,flags:{},mensagem:""};if(e.minlength!==null&&e.minlength!==void 0&&!isNaN(e.minlength)&&t.length<e.minlength)return{valido:!1,flags:{tooShort:!0},mensagem:a||`Use pelo menos ${e.minlength} caracteres (atualmente você está usando ${t.length}).`};if(e.maxlength!==null&&e.maxlength!==void 0&&!isNaN(e.maxlength)&&t.length>e.maxlength)return{valido:!1,flags:{tooLong:!0},mensagem:a||`Reduza o texto para no máximo ${e.maxlength} caracteres (atualmente você está usando ${t.length}).`};if(e.pattern)try{if(!new RegExp(`^(?:${e.pattern})$`).test(t))return{valido:!1,flags:{patternMismatch:!0},mensagem:a||"O valor não corresponde ao padrão solicitado."}}catch{}if(m==="email"&&!/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/.test(t))return{valido:!1,flags:{typeMismatch:!0},mensagem:a||"Insira um endereço de e-mail válido."};if(m==="url")try{new URL(t)}catch{return{valido:!1,flags:{typeMismatch:!0},mensagem:a||"Insira uma URL válida."}}if(m==="number"){const n=Number(t);if(isNaN(n))return{valido:!1,flags:{badInput:!0},mensagem:a||"Insira um número válido."};if(e.min!==null&&e.min!==void 0&&!isNaN(e.min)&&n<e.min)return{valido:!1,flags:{rangeUnderflow:!0},mensagem:a||`O valor deve ser maior ou igual a ${e.min}.`};if(e.max!==null&&e.max!==void 0&&!isNaN(e.max)&&n>e.max)return{valido:!1,flags:{rangeOverflow:!0},mensagem:a||`O valor deve ser menor ou igual a ${e.max}.`};if(e.step&&e.step!=="any"){const i=parseFloat(e.step);if(!isNaN(i)&&i>0){const u=e.min!==null&&e.min!==void 0&&!isNaN(e.min)?e.min:0,s=Math.abs((n-u)%i);if(s>1e-6&&Math.abs(s-i)>1e-6)return{valido:!1,flags:{stepMismatch:!0},mensagem:a||"Insira um valor válido de acordo com o intervalo."}}}}return{valido:!0,flags:{},mensagem:""}}function h(e,t,o){!e||typeof e.setValidity!="function"||(t.valido?e.setValidity({}):e.setValidity(t.flags,t.mensagem||"Valor inválido.",o))}exports.aplicarValidadeInternals=h;exports.cliqueVeioDeRotuloExterno=g;exports.gerarIdUnico=c;exports.obterRotuloExterno=v;exports.validarRestricoesCampoTexto=p;

package/dist/gerencigeo-canvas/layer_defaults.d.ts

@@ -1,3 +0,0 @@
-import { CanvasLayerDef } from './types';
-export declare function registrarRenderizadoresPadrao(): void;
-export declare const DEFAULT_LAYERS: CanvasLayerDef[];

package/dist/gerencigeo-canvas/layer_instance_ops.d.ts

@@ -1,6 +0,0 @@
-import { default as L } from 'leaflet';
-import { CanvasLayerDef, CanvasRenderContext } from './types';
-export type MapaInstancias = Map<string, L.Layer | L.LayerGroup>;
-export declare function montarInstancia(layer: CanvasLayerDef, map: L.Map, context: CanvasRenderContext, instances: MapaInstancias): void;
-export declare function destruirInstancia(layer: CanvasLayerDef, map: L.Map, instances: MapaInstancias): void;
-export declare function atualizarInstancia(layer: CanvasLayerDef, patch: Partial<CanvasLayerDef>, map: L.Map, context: CanvasRenderContext, instances: MapaInstancias): void;

package/dist/gerencigeo-canvas/layer_state_ops.d.ts

@@ -1,6 +0,0 @@
-import { default as L } from 'leaflet';
-import { CanvasLayerDef, CanvasLayerState, CanvasRenderContext } from './types';
-export declare function exportarEstadoCamadas(layers: CanvasLayerDef[]): CanvasLayerState[];
-export declare function importarEstadoCamadas(layers: CanvasLayerDef[], state: CanvasLayerState[]): void;
-export declare function limparDadosCamadas(layers: CanvasLayerDef[], layerInstances: Map<string, L.Layer | L.LayerGroup>, context: CanvasRenderContext | null, idsCamadas?: string[]): void;
-export declare function aplicarDadosCamada(layer: CanvasLayerDef, dados: any, map: L.Map | null, context: CanvasRenderContext | null, layerInstances: Map<string, L.Layer | L.LayerGroup>): void;

package/dist/leaflet-DcO7uRC-.cjs

@@ -1 +0,0 @@
-"use strict";const p=e=>e==null?"":String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;"),d=(e,l=3)=>e==null||isNaN(e)?"—":e.toLocaleString("pt-BR",{minimumFractionDigits:l,maximumFractionDigits:l}),s=(e,l,a)=>{if(e==null||l===null||l===void 0)return null;const o=i=>{if(typeof i=="number")return i;if(typeof i=="string"){const n=i.trim().replace(",",".");return parseFloat(n)}return NaN},t=o(e),r=o(l);return isNaN(t)||isNaN(r)?null:Math.abs(t)>90||Math.abs(r)>180?(console.warn(`[gerencigeo-canvas] Coordenada fora do limite geográfico WGS-84 (Lat: ${t}, Lon: ${r}). Parece ser projeção UTM plana.`),null):t===0&&r===0&&!(a!=null&&a.aceitarOrigem)?null:{lat:t,lon:r}},g=(e,l)=>!e||!Array.isArray(e)||e.length===0?"":`<div class="ui-popup-actions-footer">${e.map(o=>{const t=o.variante||"secondary";return`<button type="button" class="ui-popup-btn ui-popup-btn-${p(t)}" data-acao-id="${p(o.id)}" data-elemento-id="${p(String(l))}">${p(o.rotulo)}</button>`}).join("")}</div>`,u=(e,l,a,o)=>{const t=e!=null&&e.getElement?e.getElement():null;if(!t)return;t.querySelectorAll(".ui-popup-btn").forEach(i=>{i.onclick=n=>{n.preventDefault(),n.stopPropagation();const f=i.getAttribute("data-acao-id"),c=i.getAttribute("data-elemento-id")??(l==null?void 0:l.id);f&&c!==void 0&&c!==null&&(a.onPopupAcao&&a.onPopupAcao(f,c,l),o&&typeof o.closePopup=="function"?o.closePopup():e._map&&typeof e._map.closePopup=="function"&&e._map.closePopup())}})},b=(e,l)=>{const a={};return e.forEach(o=>{let t;l&&o[l]!==void 0&&o[l]!==null?t=o[l]:(t=o.grupoId??o.grupoKey,t==null&&(o.matricula_id!==void 0&&o.matricula_id!==null?t=`mat_${o.matricula_id}`:o.planilha_origem?t=o.planilha_origem:t="padrao"));const r=String(t);a[r]||(a[r]=[]),a[r].push(o)}),a},m=e=>[...e].sort((l,a)=>{const o=t=>{const r=t.ordem??t.indice??t.index??t.seq??t.ordem_caminhamento??t.id,i=Number(r);return isNaN(i)?999999:i};return o(l)-o(a)}),x=e=>{if(!e||typeof e!="string")return null;const l=/(-?\d+(?:\.\d+)?)\s+(-?\d+(?:\.\d+)?)/g;let a,o=0,t=0,r=0;for(;(a=l.exec(e))!==null;){const i=parseFloat(a[1]),n=parseFloat(a[2]);if(!isNaN(i)&&!isNaN(n)){const f=s(n,i)||s(i,n);f&&(o+=f.lat,t+=f.lon,r++)}}return r>0?{lat:o/r,lon:t/r}:null},h='.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}';exports.agruparPontosPorChave=b;exports.bindPopupAcoesEvents=u;exports.escapeHtml=p;exports.extrairCentroDeWkt=x;exports.formatUTM=d;exports.leafletCss=h;exports.ordenarPontosPorSequencia=m;exports.parseCoordenada=s;exports.renderPopupAcoesHtml=g;