@thibezer/ui-components-kit 1.0.0

package/dist/camadas.js

@@ -0,0 +1,1857 @@
+var ge = Object.defineProperty;
+var be = (a, r, e) => r in a ? ge(a, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[r] = e;
+var y = (a, r, e) => be(a, typeof r != "symbol" ? r + "" : r, e);
+/* empty css               */
+import { d as G, S as ve } from "./ssr-safe-5cWfJP-s.js";
+import { L as ye } from "./listener-bag-DQgv7OON.js";
+import { UIMapaBase as pa, UISeletorMapaBase as fa } from "./seletor-mapa-base.js";
+const m = {
+  camadas: `<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
+    <polyline points="2 17 12 22 22 17"></polyline>
+    <polyline points="2 12 12 17 22 12"></polyline>
+  </svg>`,
+  inspecao: `<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="11" cy="11" r="8"></circle>
+    <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+  </svg>`,
+  equipe: `<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
+    <circle cx="9" cy="7" r="4"></circle>
+    <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
+    <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
+  </svg>`,
+  olhoAberto: `<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
+    <circle cx="12" cy="12" r="3"></circle>
+  </svg>`,
+  olhoFechado: `<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path>
+    <line x1="1" y1="1" x2="23" y2="23"></line>
+  </svg>`,
+  cadeadoTrancado: `<svg viewBox="0 0 24 24" width="11" height="11" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
+    <path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
+  </svg>`,
+  cadeadoAberto: `<svg viewBox="0 0 24 24" width="11" height="11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
+    <path d="M7 11V7a5 5 0 0 1 9.9-1"></path>
+  </svg>`,
+  chevronDir: `<svg viewBox="0 0 24 24" width="10" height="10" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="9 18 15 12 9 6"></polyline>
+  </svg>`,
+  dragHandle: `<svg viewBox="0 0 24 24" width="10" height="10" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round">
+    <line x1="8" y1="6" x2="8" y2="6.01"></line>
+    <line x1="16" y1="6" x2="16" y2="6.01"></line>
+    <line x1="8" y1="12" x2="8" y2="12.01"></line>
+    <line x1="16" y1="12" x2="16" y2="12.01"></line>
+    <line x1="8" y1="18" x2="8" y2="18.01"></line>
+    <line x1="16" y1="18" x2="16" y2="18.01"></line>
+  </svg>`,
+  alvoEnquadrar: `<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="12" cy="12" r="10"></circle>
+    <line x1="12" y1="2" x2="12" y2="6"></line>
+    <line x1="12" y1="18" x2="12" y2="22"></line>
+    <line x1="2" y1="12" x2="6" y2="12"></line>
+    <line x1="18" y1="12" x2="22" y2="12"></line>
+  </svg>`,
+  engrenagem: `<svg viewBox="0 0 24 24" width="11" height="11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="12" cy="12" r="3"></circle>
+    <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
+  </svg>`,
+  mais: `<svg viewBox="0 0 24 24" width="11" height="11" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="12" y1="5" x2="12" y2="19"></line>
+    <line x1="5" y1="12" x2="19" y2="12"></line>
+  </svg>`,
+  lixeira: `<svg viewBox="0 0 24 24" width="11" height="11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="3 6 5 6 21 6"></polyline>
+    <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
+  </svg>`,
+  fechar: `<svg viewBox="0 0 24 24" width="11" height="11" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="18" y1="6" x2="6" y2="18"></line>
+    <line x1="6" y1="6" x2="18" y2="18"></line>
+  </svg>`,
+  busca: `<svg viewBox="0 0 24 24" width="11" height="11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="11" cy="11" r="8"></circle>
+    <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+  </svg>`,
+  recolherPainel: `<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="13 17 18 12 13 7"></polyline>
+    <polyline points="6 17 11 12 6 7"></polyline>
+  </svg>`,
+  expandirPainel: `<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="11 17 6 12 11 7"></polyline>
+    <polyline points="18 17 13 12 18 7"></polyline>
+  </svg>`,
+  reguaMetrica: `<svg viewBox="0 0 24 24" width="10" height="10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M21.3 15.3l-9.6-9.6a1 1 0 0 0-1.4 0l-7 7a1 1 0 0 0 0 1.4l9.6 9.6a1 1 0 0 0 1.4 0l7-7a1 1 0 0 0 0-1.4z"></path>
+    <line x1="14.5" y1="8.5" x2="12" y2="11"></line>
+    <line x1="10.5" y1="12.5" x2="8" y2="15"></line>
+  </svg>`,
+  moverPasta: `<svg viewBox="0 0 24 24" width="11" height="11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path>
+  </svg>`,
+  mapa: `<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <polygon points="1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6"></polygon>
+    <line x1="8" y1="2" x2="8" y2="18"></line>
+    <line x1="16" y1="6" x2="16" y2="22"></line>
+  </svg>`,
+  gradeCad: `<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+    <line x1="3" y1="9" x2="21" y2="9"></line>
+    <line x1="3" y1="15" x2="21" y2="15"></line>
+    <line x1="9" y1="3" x2="9" y2="21"></line>
+    <line x1="15" y1="3" x2="15" y2="21"></line>
+  </svg>`
+}, V = 6378137;
+function xe(a, r) {
+  if (!a || !r) return 0;
+  const e = a[0] * Math.PI / 180, t = a[1] * Math.PI / 180, i = r[0] * Math.PI / 180, o = r[1] * Math.PI / 180, s = i - e, d = o - t, n = Math.sin(s / 2) * Math.sin(s / 2) + Math.cos(e) * Math.cos(i) * Math.sin(d / 2) * Math.sin(d / 2);
+  return V * 2 * Math.atan2(Math.sqrt(n), Math.sqrt(1 - n));
+}
+function te(a) {
+  if (!Array.isArray(a) || a.length < 2) return 0;
+  if (Array.isArray(a[0]) && Array.isArray(a[0][0]))
+    return a.reduce((e, t) => e + te(t), 0);
+  let r = 0;
+  for (let e = 0; e < a.length - 1; e++) {
+    const t = a[e], i = a[e + 1];
+    Array.isArray(t) && Array.isArray(i) && t.length >= 2 && i.length >= 2 && (r += xe([t[0], t[1]], [i[0], i[1]]));
+  }
+  return r;
+}
+function ie(a) {
+  if (!Array.isArray(a) || a.length === 0) return 0;
+  if (Array.isArray(a[0]) && Array.isArray(a[0][0]))
+    return a.reduce((i, o) => i + ie(o), 0);
+  const r = a.length;
+  if (r < 3) return 0;
+  let e = 0;
+  for (let i = 0; i < r; i++) {
+    const o = a[i], s = a[(i + 1) % r], d = a[(i + 2) % r];
+    if (!Array.isArray(o) || !Array.isArray(s) || !Array.isArray(d)) continue;
+    const n = (s[1] - o[1]) * (Math.PI / 180), l = (s[0] - o[0]) * (Math.PI / 180), c = (d[1] - s[1]) * (Math.PI / 180), p = (d[0] - s[0]) * (Math.PI / 180);
+    e += n * p - l * c;
+  }
+  const t = Math.abs(e * (V * V) / 2);
+  return isNaN(t) ? 0 : t;
+}
+function re(a) {
+  if (!a || a.length === 0) return "";
+  const r = a.filter(
+    (t) => t.type === "Polygon" || t.type === "MultiPolygon" || t.geometryType === "Polygon"
+  );
+  if (r.length > 0) {
+    const t = r.reduce(
+      (i, o) => i + (ie(o.coordinates) || 0),
+      0
+    );
+    return t >= 1e4 ? `${(t / 1e4).toLocaleString("pt-BR", {
+      minimumFractionDigits: 1,
+      maximumFractionDigits: 2
+    })} ha` : `${Math.round(t).toLocaleString("pt-BR")} m²`;
+  }
+  const e = a.filter(
+    (t) => t.type === "LineString" || t.type === "MultiLineString" || t.geometryType === "LineString"
+  );
+  if (e.length > 0) {
+    const t = e.reduce(
+      (i, o) => i + (te(o.coordinates) || 0),
+      0
+    );
+    return t >= 1e3 ? `${(t / 1e3).toLocaleString("pt-BR", {
+      minimumFractionDigits: 1,
+      maximumFractionDigits: 2
+    })} km` : `${Math.round(t).toLocaleString("pt-BR")} m`;
+  }
+  return "";
+}
+function k(a) {
+  return a == null ? "" : String(a).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
+const we = /^(#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})|(?:rgb|hsl)a?\(\s*[\w.%\s,/+-]+\)|[a-z]{3,30})$/i;
+function D(a, r = "#00E08A") {
+  if (!a || typeof a != "string") return r;
+  const e = a.trim();
+  return we.test(e) ? e : r;
+}
+function H(a) {
+  return Math.max(0, Math.min(255, Math.round(a))).toString(16).padStart(2, "0");
+}
+function Ee(a, r, e) {
+  const t = r / 100, i = e / 100, o = (n) => (n + a / 30) % 12, s = t * Math.min(i, 1 - i), d = (n) => i - s * Math.max(-1, Math.min(o(n) - 3, Math.min(9 - o(n), 1)));
+  return [d(0) * 255, d(8) * 255, d(4) * 255];
+}
+function Ae(a, r = "#000000") {
+  if (!a || typeof a != "string") return r;
+  const e = a.trim().toLowerCase(), t = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/.exec(e);
+  if (t) {
+    const o = t[1];
+    return o.length <= 4 ? `#${o[0]}${o[0]}${o[1]}${o[1]}${o[2]}${o[2]}` : `#${o.slice(0, 6)}`;
+  }
+  const i = /^(rgb|hsl)a?\(([^)]+)\)$/.exec(e);
+  if (i) {
+    const o = i[2].split(/[\s,/]+/).filter(Boolean).map((s) => parseFloat(s));
+    if (o.length >= 3 && o.slice(0, 3).every((s) => !isNaN(s))) {
+      const [s, d, n] = o, [l, c, p] = i[1] === "rgb" ? [s, d, n] : Ee(s, d, n);
+      return `#${H(l)}${H(c)}${H(p)}`;
+    }
+  }
+  return r;
+}
+function S(a, r, e) {
+  const t = a.querySelectorAll(`[${r}]`);
+  for (let i = 0; i < t.length; i++)
+    if (t[i].getAttribute(r) === e) return t[i];
+  return null;
+}
+function oe(a, r = 80) {
+  let e = null;
+  return (...t) => {
+    e && clearTimeout(e), e = setTimeout(() => {
+      a(...t), e = null;
+    }, r);
+  };
+}
+function $(a, r) {
+  a.setAttribute("title", r), a.setAttribute("aria-label", r);
+}
+const se = [
+  {
+    id: "none",
+    nome: "Sem Mapa",
+    descricao: "Tela CAD neutra com grade quadriculada"
+  },
+  {
+    id: "google_satelite_puro",
+    nome: "Google Puro",
+    descricao: "Satélite limpo sem ruas ou rótulos",
+    thumbnailUrl: "https://images.unsplash.com/photo-1524661135-423995f22d0b?w=160&auto=format&fit=crop&q=80"
+  },
+  {
+    id: "google_satelite",
+    nome: "Google Híbrido",
+    descricao: "Satélite com nomes de ruas e divisas",
+    thumbnailUrl: "https://images.unsplash.com/photo-1524661135-423995f22d0b?w=160&auto=format&fit=crop&q=80"
+  },
+  {
+    id: "satelite",
+    nome: "Esri Satélite",
+    descricao: "Imagens orbitais de alta resolução",
+    thumbnailUrl: "https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=160&auto=format&fit=crop&q=80"
+  },
+  {
+    id: "osm",
+    nome: "OpenStreetMap",
+    descricao: "Mapa viário e urbano colaborativo",
+    thumbnailUrl: "https://images.unsplash.com/photo-1569336415962-a4bd9f69cd83?w=160&auto=format&fit=crop&q=80"
+  },
+  {
+    id: "topografia",
+    nome: "Topografia",
+    descricao: "Curvas de nível e relevo sombreado",
+    thumbnailUrl: "https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?w=160&auto=format&fit=crop&q=80"
+  },
+  {
+    id: "dark",
+    nome: "Dark Canvas",
+    descricao: "Mapa escuro de alto contraste para CAD",
+    thumbnailUrl: "https://images.unsplash.com/photo-1518709268805-4e9042af9f23?w=160&auto=format&fit=crop&q=80"
+  }
+];
+function ke(a = se, r = "satelite") {
+  return !a || a.length === 0 ? "" : `
+    <div class="ui-basemap-section">
+      <div class="ui-basemap-title">Mapa Base</div>
+      <div class="ui-basemap-grid">
+        ${a.map((t) => {
+    const i = r === t.id, o = k(t.id), s = k(t.nome), d = k(t.descricao || t.nome);
+    let n = "";
+    return t.thumbnailUrl ? n = `<img class="ui-basemap-preview" src="${k(t.thumbnailUrl)}" alt="" loading="lazy" referrerpolicy="no-referrer" data-basemap-thumb />` : n = `<div class="ui-basemap-preview-none">${m.gradeCad}</div>`, `
+        <div class="ui-basemap-card ${i ? "active" : ""}" data-basemap-id="${o}" role="button" tabindex="0" aria-pressed="${i}" title="${d}">
+          ${n}
+          <span>${s}</span>
+        </div>
+      `;
+  }).join("")}
+      </div>
+    </div>
+  `;
+}
+function Ie(a, r, e) {
+  const t = r.filter((l) => e.has(l.id)), i = t.length > 0, o = re(t), s = i ? t.length : a.length, d = i ? t.length > 1 ? "selecionados" : "selecionado" : a.length > 1 ? "camadas" : "camada", n = a.map((l) => `<option value="${k(l.id)}">${k(l.name)}</option>`).join("");
+  return `
+    <div class="ui-tree-footer">
+      <div class="ui-footer-left">
+        <span class="ui-footer-count" id="footer-count">${s}</span>
+        <span class="ui-footer-label" id="footer-label">${d}</span>
+        <span class="ui-footer-metric" style="display: ${o ? "inline-flex" : "none"};">${o ? `${m.reguaMetrica} ${o}` : ""}</span>
+      </div>
+      <div class="ui-footer-right">
+        <button class="ui-footer-btn ${i ? "" : "disabled"}" id="btn-footer-vis" title="Alternar visibilidade coletiva" aria-label="Alternar visibilidade coletiva" ${i ? "" : "disabled"}>
+          ${m.olhoAberto}
+        </button>
+
+        <button class="ui-footer-btn ${i ? "" : "disabled"}" id="btn-footer-lock" title="Alternar bloqueio coletivo" aria-label="Alternar bloqueio coletivo" ${i ? "" : "disabled"}>
+          ${m.cadeadoTrancado}
+        </button>
+
+        <div class="ui-footer-color-wrapper ${i ? "" : "disabled"}" title="Alterar cor dos selecionados">
+          <input type="color" id="input-footer-color" aria-label="Cor dos selecionados" value="#00E08A" class="ui-footer-color" ${i ? "" : "disabled"} />
+        </div>
+
+        <div class="ui-footer-move-wrapper ${i ? "" : "disabled"}" title="Mover selecionados para outra camada">
+          <select id="select-footer-move" aria-label="Mover selecionados para outra camada" class="ui-footer-select" ${i ? "" : "disabled"}>
+            <option value="" disabled selected>📂</option>
+            ${n}
+          </select>
+        </div>
+
+        <button class="ui-footer-btn" id="btn-footer-new-layer" title="Criar Nova Camada" aria-label="Criar Nova Camada">
+          ${m.mais}
+        </button>
+
+        <button class="ui-footer-btn ${i ? "" : "disabled"}" id="btn-footer-del" title="Excluir selecionados" aria-label="Excluir selecionados" ${i ? "" : "disabled"}>
+          ${m.lixeira}
+        </button>
+
+        ${i ? `<button class="ui-footer-btn" id="btn-footer-clear" title="Limpar seleção" aria-label="Limpar seleção">${m.fechar}</button>` : ""}
+      </div>
+    </div>
+  `;
+}
+const ne = 80;
+function K(a, r) {
+  const e = (r || "").trim().toLowerCase();
+  return e ? a.filter(
+    (t) => (t.name || "").toLowerCase().includes(e) || (t.category || "").toLowerCase().includes(e) || (t.type || "").toLowerCase().includes(e)
+  ) : a;
+}
+function Le(a, r, e, t = "", i = ne) {
+  const o = (t || "").trim() !== "", s = [], d = /* @__PURE__ */ new Map();
+  for (let n = 0; n < r.length; n++) {
+    const l = r[n], c = l.layerId || "";
+    d.has(c) || d.set(c, []), d.get(c).push(l);
+  }
+  for (let n = 0; n < a.length; n++) {
+    const l = a[n];
+    if (o || e.has(l.id)) {
+      const c = K(d.get(l.id) || [], t).slice(0, i);
+      for (let p = 0; p < c.length; p++)
+        s.push(c[p].id);
+    }
+  }
+  return s;
+}
+function Ce(a, r, e, t, i, o) {
+  if (!a.includes(t)) return null;
+  const s = new Set(r);
+  let d = e;
+  if (o && e && a.includes(e)) {
+    const n = a.indexOf(e), l = a.indexOf(t), c = Math.min(n, l), p = Math.max(n, l);
+    i || s.clear();
+    for (let u = c; u <= p; u++)
+      s.add(a[u]);
+  } else i ? (s.has(t) ? s.delete(t) : s.add(t), d = t) : (s.clear(), s.add(t), d = t);
+  return { selecionados: s, ultimoClicadoId: d };
+}
+function $e(a, r) {
+  if (a.size === 0) return;
+  const e = new Set(r.map((t) => t.id));
+  for (const t of a)
+    e.has(t) || a.delete(t);
+}
+function Se(a, r) {
+  const e = D(r, "#00E08A"), t = (a || "").toLowerCase();
+  return t === "polygon" || t === "multipolygon" ? `<svg viewBox="0 0 16 16" width="11" height="11"><polygon points="2,14 14,14 12,2 4,4" fill="${e}" fill-opacity="0.45" stroke="${e}" stroke-width="1.5"/></svg>` : t === "linestring" || t === "multilinestring" ? `<svg viewBox="0 0 16 16" width="11" height="11"><polyline points="2,13 8,3 14,10" fill="none" stroke="${e}" stroke-width="2"/></svg>` : t === "text" ? `<svg viewBox="0 0 16 16" width="11" height="11"><text x="8" y="12" font-size="12" font-weight="bold" fill="${e}" text-anchor="middle" font-family="sans-serif">T</text></svg>` : `<svg viewBox="0 0 16 16" width="11" height="11"><circle cx="8" cy="8" r="4.2" fill="${e}" stroke="#ffffff" stroke-width="1.2"/></svg>`;
+}
+function ze(a) {
+  const {
+    camadas: r,
+    feicoes: e,
+    camadaAtivaId: t,
+    expandedLayers: i,
+    selectedFeatureIds: o,
+    activeSettingsLayerId: s,
+    editingLayerId: d,
+    editingFeatureId: n,
+    searchQuery: l,
+    limiteFeicoesPorCamada: c = ne,
+    mostrarBotaoColapsar: p = !1
+  } = a, u = (l || "").trim().toLowerCase(), f = /* @__PURE__ */ new Map();
+  for (let h = 0; h < e.length; h++) {
+    const b = e[h], w = b.layerId || "";
+    f.has(w) || f.set(w, []), f.get(w).push(b);
+  }
+  const g = r.every((h) => h.visible !== !1), v = r.length > 0 && r.every((h) => i.has(h.id)), E = `
+    <div class="ui-tree-toolbar">
+      <div class="ui-tree-title-group">
+        <span class="ui-tree-section-title">CAMADAS</span>
+        <span class="ui-tree-count-badge">${r.length}</span>
+      </div>
+      <div class="ui-tree-actions">
+        <button id="btn-toggle-all-vis" class="ui-tree-action-btn" title="${g ? "Ocultar Todas as Camadas" : "Exibir Todas as Camadas"}" aria-label="${g ? "Ocultar Todas as Camadas" : "Exibir Todas as Camadas"}">
+          ${g ? m.olhoAberto : m.olhoFechado}
+        </button>
+        <button id="btn-toggle-all-expand" class="ui-tree-action-btn" aria-label="${v ? "Recolher Todos os Grupos" : "Expandir Todos os Grupos"}" title="${v ? "Recolher Todos os Grupos" : "Expandir Todos os Grupos"}">
+          <span class="ui-chevron-icon ${v ? "open" : ""}">${m.chevronDir}</span>
+        </button>
+        <button id="btn-add-layer" class="ui-tree-btn-new" title="Adicionar nova camada vetorial">
+          ${m.mais} Camada
+        </button>
+        ${p ? `<button id="btn-colapsar" class="ui-camadas-btn-colapsar" title="Recolher painel" aria-label="Recolher painel">${m.recolherPainel}</button>` : ""}
+      </div>
+    </div>
+
+    <div class="ui-tree-search-wrapper">
+      <span class="ui-tree-search-icon">${m.busca}</span>
+      <input type="text" class="ui-tree-search-input" id="input-layer-search" aria-label="Buscar camada ou feição" placeholder="Buscar camada ou feição..." value="${k(
+    l
+  )}" />
+      ${l ? `<button class="ui-tree-search-clear" id="btn-clear-layer-search" title="Limpar busca" aria-label="Limpar busca">${m.fechar}</button>` : ""}
+    </div>
+  `, x = r.map((h) => {
+    const b = k(h.id), w = k(h.name || "Camada"), L = D(h.color, "#00E08A"), F = h.visible !== !1, z = h.locked === !0, B = u ? !0 : i.has(h.id), O = s === h.id, Y = t === h.id, I = K(f.get(h.id) || [], u), J = I.length > 0 && I.every((A) => o.has(A.id)), de = !J && I.some((A) => o.has(A.id)), ce = I.slice(0, c), ue = I.length > c, pe = ce.map((A) => {
+      const C = k(A.id), X = k(A.name || "Feição"), Z = D(A.color, L), q = A.visible !== !1, P = z, j = A.locked === !0 || P, ee = P ? "Bloqueada pela camada" : j ? "Desbloquear Feição" : "Bloquear Feição", R = o.has(A.id), ae = A.status;
+      let N = "";
+      return ae === "oficial" ? N = '<span class="ui-geom-tag oficial" title="Geometria Oficial">OFICIAL</span>' : ae === "previa" && (N = '<span class="ui-geom-tag previa" title="Geometria Prévia">PRÉVIA</span>'), `
+            <div class="ui-feat-row ${R ? "selected-row" : ""} ${q ? "" : "hidden-row"}" data-feat-row="${C}" data-feat-select="${C}" data-feat-layer="${b}" role="treeitem" aria-selected="${R}" tabindex="-1" draggable="true" title="Clique para selecionar | Arraste para reordenar">
+              <div class="ui-col ui-col-eye" data-feat-eye="${C}" role="button" tabindex="0" aria-label="${q ? "Ocultar Feição" : "Exibir Feição"}" title="${q ? "Ocultar Feição" : "Exibir Feição"}">
+                ${q ? m.olhoAberto : m.olhoFechado}
+              </div>
+
+              <div class="ui-col ui-col-lock ${j ? "" : "ui-lock-open"}" data-feat-lock="${C}" ${P ? 'data-locked-by-layer="true"' : ""} role="button" tabindex="0" aria-label="${ee}" title="${ee}">
+                ${j ? m.cadeadoTrancado : m.cadeadoAberto}
+              </div>
+
+              <div class="ui-col ui-col-colorbar" style="background: ${Z};"></div>
+              <div class="ui-col ui-col-branch"><span style="opacity: 0.35;">└─</span></div>
+              <div class="ui-col ui-col-thumb">
+                <div class="ui-thumb-box">${Se(A.type || A.geometryType, Z)}</div>
+              </div>
+
+              <div class="ui-col ui-col-name" data-feat-name-trigger="${C}" title="Duplo clique para renomear">
+                ${n === A.id ? `<input type="text" class="ui-inline-rename-input" data-inline-feat-input="${C}" value="${X}" />` : `<span class="ui-name-text">${X}</span>${N}`}
+              </div>
+
+              <div class="ui-col ui-col-actions">
+                <button class="ui-micro-btn" data-feat-fit="${C}" title="Enquadrar no mapa" aria-label="Enquadrar feição no mapa">${m.alvoEnquadrar}</button>
+              </div>
+
+              <div class="ui-col ui-col-target" data-feat-target="${C}" role="button" tabindex="0" aria-label="Selecionar feição" title="Selecionar feição">
+                <div class="ui-target-circle ${R ? "selected" : ""}"></div>
+              </div>
+            </div>
+          `;
+    }).join(""), fe = ue ? `<div style="padding: 4px 10px; font-size: 10px; color: var(--ui-cor-texto-secundario, #888899); font-style: italic; background: rgba(0,0,0,0.2);">Exibindo ${c} de ${I.length} feições. Use a busca acima para filtrar.</div>` : "", W = h.opacity !== void 0 ? h.opacity : 1, me = Math.round(W * 100), he = O ? `
+        <div class="ui-layer-settings-drawer" id="settings-drawer-${b}" style="--drawer-cor-camada: ${L};">
+          <div class="ui-drawer-header">
+            <div class="ui-drawer-header-left">
+              <span class="ui-drawer-icon">${m.engrenagem}</span>
+              <span class="ui-drawer-title">Configurações da Camada</span>
+            </div>
+            <button type="button" class="ui-drawer-btn-fechar" data-layer-settings-close="${b}" title="Fechar configurações (Esc)" aria-label="Fechar configurações">
+              ${m.fechar}
+            </button>
+          </div>
+
+          <div class="ui-drawer-body">
+            <!-- Cor da Camada -->
+            <div class="ui-drawer-row">
+              <div class="ui-drawer-row-label">
+                <span>Cor do Vetor</span>
+              </div>
+              <div class="ui-drawer-color-group">
+                <label class="ui-drawer-color-pill" title="Clique para alterar a cor da camada">
+                  <span class="ui-drawer-color-sample" id="sample-color-${b}" style="background-color: ${L};"></span>
+                  <span class="ui-drawer-color-hex" id="hex-color-${b}">${L.toUpperCase()}</span>
+                  <input type="color" aria-label="Cor da camada" data-layer-color-picker="${b}" value="${Ae(L, "#00e08a")}" class="ui-drawer-color-native" />
+                </label>
+              </div>
+            </div>
+
+            <!-- Opacidade da Camada -->
+            <div class="ui-drawer-row">
+              <div class="ui-drawer-row-label">
+                <span>Opacidade</span>
+                <span class="ui-drawer-badge" id="badge-op-${b}">${me}%</span>
+              </div>
+              <div class="ui-drawer-slider-container">
+                <input type="range" aria-label="Opacidade da camada" min="0.05" max="1" step="0.05" value="${Number(W) || 0}" data-layer-opacity-slider="${b}" class="ui-drawer-slider" />
+              </div>
+            </div>
+          </div>
+
+          <div class="ui-drawer-footer">
+            <div class="ui-drawer-meta-info">
+              <span>${I.length} ${I.length === 1 ? "feição" : "feições"} nesta camada</span>
+            </div>
+            <div class="ui-drawer-actions">
+              <button type="button" class="ui-drawer-btn-danger" data-delete-layer="${b}" title="Excluir esta camada e todas as suas feições">
+                ${m.lixeira}
+                <span class="ui-btn-label">Excluir Camada</span>
+              </button>
+            </div>
+          </div>
+        </div>
+      ` : "";
+    return `
+        <div class="ui-layer-group" data-layer-id="${b}" role="treeitem" aria-expanded="${B}">
+          <div class="ui-layer-row ${F ? "" : "hidden-layer"} ${Y ? "active-drawing-layer" : ""}" data-layer-row="${b}" data-layer-id="${b}" tabindex="-1" draggable="true" style="--layer-active-color: ${L};">
+            <div class="ui-col ui-col-drag" title="Arrastar para reordenar Z-Index">${m.dragHandle}</div>
+
+            <div class="ui-col ui-col-eye" data-layer-eye="${b}" role="button" tabindex="0" aria-label="${F ? "Ocultar Camada" : "Exibir Camada"}" title="${F ? "Ocultar Camada" : "Exibir Camada"}">
+              ${F ? m.olhoAberto : m.olhoFechado}
+            </div>
+
+            <div class="ui-col ui-col-lock ${z ? "" : "ui-lock-open"}" data-layer-lock="${b}" role="button" tabindex="0" aria-label="${z ? "Desbloquear Camada" : "Bloquear Camada"}" title="${z ? "Desbloquear Camada" : "Bloquear Camada"}">
+              ${z ? m.cadeadoTrancado : m.cadeadoAberto}
+            </div>
+
+            <div class="ui-col ui-col-colorbar" style="background: ${L};"></div>
+
+            <div class="ui-col ui-col-chevron" data-layer-expand="${b}" role="button" tabindex="0" aria-label="${B ? "Recolher grupo" : "Expandir grupo"}">
+              <span class="ui-chevron-icon ${B ? "open" : ""}">${m.chevronDir}</span>
+            </div>
+
+            <div class="ui-col ui-col-name" data-layer-name-trigger="${b}" title="Clique para ativar camada de desenho | Duplo clique para renomear">
+              ${d === h.id ? `<input type="text" class="ui-inline-rename-input" data-inline-layer-input="${b}" value="${w}" />` : `<span class="ui-name-text">${w}</span>
+                     ${Y ? '<span class="ui-active-badge" title="Camada ativa para novos desenhos">✓ Ativa</span>' : ""}
+                     <span class="ui-count-chip">${I.length}</span>`}
+            </div>
+
+            <div class="ui-col ui-col-actions">
+              <button class="ui-micro-btn" data-layer-fit="${b}" title="Enquadrar camada no mapa" aria-label="Enquadrar camada no mapa">${m.alvoEnquadrar}</button>
+              <button class="ui-micro-btn ${O ? "active" : ""}" data-layer-settings="${b}" title="Ajustar cor, opacidade e excluir" aria-label="Configurações da camada" aria-expanded="${O}">${m.engrenagem}</button>
+            </div>
+
+            <div class="ui-col ui-col-target" data-layer-target="${b}" role="button" tabindex="0" aria-label="Selecionar todas as feições deste grupo" title="Selecionar todas as feições deste grupo">
+              <div class="ui-target-circle ${J ? "selected" : de ? "partial" : ""}"></div>
+            </div>
+          </div>
+
+          ${he}
+
+          <div class="ui-children-container" role="group" style="display: ${B ? "block" : "none"};">
+            ${pe}
+            ${fe}
+            ${I.length === 0 ? `<div class="ui-empty-row"><span>${u ? "Nenhum item correspondente" : "Nenhum elemento neste grupo"}</span></div>` : ""}
+          </div>
+        </div>
+      `;
+  }).join("");
+  return `
+    ${E}
+    <div class="ui-panel-box">
+      <div class="ui-layer-tree" id="ui-layer-tree-mount" role="tree" aria-label="Camadas e feições" aria-multiselectable="true">
+        ${x}
+      </div>
+    </div>
+  `;
+}
+class Me {
+  constructor(r, e) {
+    y(this, "host");
+    y(this, "shadow");
+    this.host = r, this.shadow = e;
+  }
+  bindAll() {
+    this.bindInlineRename(), this.bindDragAndDrop();
+  }
+  bindInlineRename() {
+    this.shadow.querySelectorAll("[data-layer-name-trigger]").forEach((r) => {
+      r.addEventListener("dblclick", (e) => {
+        e.stopPropagation();
+        const t = r.getAttribute("data-layer-name-trigger");
+        if (!t) return;
+        this.host.editingLayerId = t, this.host.solicitarRenderizacao();
+        const i = S(
+          this.shadow,
+          "data-inline-layer-input",
+          t
+        );
+        if (i) {
+          i.focus(), i.select();
+          let o = !1;
+          const s = (d) => {
+            var n, l;
+            if (!o) {
+              if (o = !0, this.host.editingLayerId = null, d) {
+                const c = i.value.trim(), p = this.host.camadas.find((u) => u.id === t);
+                c && p && p.name !== c && (p.name = c, (l = (n = this.host).salvarLembrancaEstado) == null || l.call(n), this.host.dispararEvento("ui-camada-renomeada", {
+                  camadaId: t,
+                  novoNome: c,
+                  camada: p
+                }));
+              }
+              this.host.solicitarRenderizacao();
+            }
+          };
+          i.addEventListener("keydown", (d) => {
+            d.key === "Enter" ? (d.preventDefault(), s(!0)) : d.key === "Escape" && (d.preventDefault(), s(!1));
+          }), i.addEventListener("blur", () => s(!0));
+        }
+      });
+    }), this.shadow.querySelectorAll("[data-feat-name-trigger]").forEach((r) => {
+      r.addEventListener("dblclick", (e) => {
+        e.stopPropagation();
+        const t = r.getAttribute("data-feat-name-trigger");
+        if (!t) return;
+        this.host.editingFeatureId = t, this.host.solicitarRenderizacao();
+        const i = S(
+          this.shadow,
+          "data-inline-feat-input",
+          t
+        );
+        if (i) {
+          i.focus(), i.select();
+          let o = !1;
+          const s = (d) => {
+            if (!o) {
+              if (o = !0, this.host.editingFeatureId = null, d) {
+                const n = i.value.trim(), l = this.host.feicoes.find((c) => c.id === t);
+                n && l && l.name !== n && (l.name = n, this.host.dispararEvento("ui-feicao-renomeada", {
+                  feicaoId: t,
+                  novoNome: n,
+                  feicao: l
+                }));
+              }
+              this.host.solicitarRenderizacao();
+            }
+          };
+          i.addEventListener("keydown", (d) => {
+            d.key === "Enter" ? (d.preventDefault(), s(!0)) : d.key === "Escape" && (d.preventDefault(), s(!1));
+          }), i.addEventListener("blur", () => s(!0));
+        }
+      });
+    });
+  }
+  bindDragAndDrop() {
+    let r = null, e = null, t = null;
+    const i = () => {
+      this.shadow.querySelectorAll(".ui-layer-row, .ui-feat-row, .ui-layer-group").forEach((o) => {
+        o.classList.remove("dragging", "drop-above", "drop-below", "drop-into");
+      });
+    };
+    this.shadow.querySelectorAll('.ui-layer-row[draggable="true"]').forEach((o) => {
+      const s = o.getAttribute("data-layer-id");
+      s && (o.addEventListener("dragstart", (d) => {
+        const n = d;
+        if (n.target.closest("input, button, select") || this.host.editingLayerId || this.host.editingFeatureId) {
+          n.preventDefault();
+          return;
+        }
+        r = "layer", e = s, n.dataTransfer && (n.dataTransfer.setData("text/plain", JSON.stringify({ type: "layer", id: s })), n.dataTransfer.effectAllowed = "move"), o.classList.add("dragging");
+      }), o.addEventListener("dragover", (d) => {
+        const n = d;
+        if (n.preventDefault(), n.stopPropagation(), n.dataTransfer && (n.dataTransfer.dropEffect = "move"), r === "layer") {
+          if (e === s) return;
+          const l = o.getBoundingClientRect(), c = n.clientY - l.top < l.height / 2;
+          o.classList.toggle("drop-above", c), o.classList.toggle("drop-below", !c);
+        } else r === "feature" && o.classList.add("drop-into");
+      }), o.addEventListener("dragleave", (d) => {
+        const n = d.relatedTarget;
+        n && o.contains(n) || o.classList.remove("drop-above", "drop-below", "drop-into");
+      }), o.addEventListener("drop", (d) => {
+        var c, p;
+        const n = d;
+        n.preventDefault(), n.stopPropagation();
+        const l = o.classList.contains("drop-above");
+        if (i(), r === "layer") {
+          if (!e || e === s) return;
+          const u = this.host.camadas.findIndex((v) => v.id === e);
+          if (u === -1) return;
+          const [f] = this.host.camadas.splice(u, 1), g = this.host.camadas.findIndex((v) => v.id === s);
+          g === -1 ? this.host.camadas.push(f) : this.host.camadas.splice(l ? g : g + 1, 0, f), (p = (c = this.host).salvarLembrancaEstado) == null || p.call(c), this.host.dispararEvento("ui-camadas-reordenadas", {
+            camadas: [...this.host.camadas]
+          }), this.host.solicitarRenderizacao();
+        } else if (r === "feature") {
+          if (!t) return;
+          const u = this.host.feicoes.find((g) => g.id === t), f = this.host.camadas.find((g) => g.id === s);
+          if (u && f && u.layerId !== s) {
+            const g = u.layerId;
+            u.layerId = s, this.host.dispararEvento("ui-feicao-movida", {
+              feicaoId: u.id,
+              camadaOrigemId: g,
+              camadaDestinoId: s,
+              feicao: u
+            }), this.host.solicitarRenderizacao();
+          }
+        }
+      }), o.addEventListener("dragend", () => {
+        r = null, e = null, t = null, i();
+      }));
+    }), this.shadow.querySelectorAll('.ui-feat-row[draggable="true"]').forEach((o) => {
+      const s = o.getAttribute("data-feat-row"), d = o.getAttribute("data-feat-layer");
+      s && (o.addEventListener("dragstart", (n) => {
+        const l = n;
+        if (l.target.closest("input, button, select") || this.host.editingLayerId || this.host.editingFeatureId) {
+          l.preventDefault();
+          return;
+        }
+        l.stopPropagation(), r = "feature", t = s, e = d, l.dataTransfer && (l.dataTransfer.setData(
+          "text/plain",
+          JSON.stringify({ type: "feature", id: s, layerId: d })
+        ), l.dataTransfer.effectAllowed = "move"), o.classList.add("dragging");
+      }), o.addEventListener("dragover", (n) => {
+        const l = n;
+        if (r !== "feature" || t === s) return;
+        l.preventDefault(), l.stopPropagation(), l.dataTransfer && (l.dataTransfer.dropEffect = "move");
+        const c = o.getBoundingClientRect(), p = l.clientY - c.top < c.height / 2;
+        o.classList.toggle("drop-above", p), o.classList.toggle("drop-below", !p);
+      }), o.addEventListener("dragleave", (n) => {
+        const l = n.relatedTarget;
+        l && o.contains(l) || o.classList.remove("drop-above", "drop-below");
+      }), o.addEventListener("drop", (n) => {
+        const l = n;
+        if (r !== "feature" || !t || t === s) return;
+        l.preventDefault(), l.stopPropagation();
+        const c = o.classList.contains("drop-above");
+        i();
+        const p = this.host.feicoes.findIndex((h) => h.id === t);
+        if (p === -1) return;
+        const u = this.host.feicoes.find((h) => h.id === s);
+        if (!u) return;
+        const [f] = this.host.feicoes.splice(p, 1), g = f.layerId, v = u.layerId, E = g !== v;
+        E && (f.layerId = v);
+        const x = this.host.feicoes.findIndex((h) => h.id === s);
+        x === -1 ? this.host.feicoes.push(f) : this.host.feicoes.splice(c ? x : x + 1, 0, f), E && this.host.dispararEvento("ui-feicao-movida", {
+          feicaoId: f.id,
+          camadaOrigemId: g,
+          camadaDestinoId: v,
+          feicao: f
+        }), this.host.dispararEvento("ui-feicoes-reordenadas", {
+          feicoes: [...this.host.feicoes]
+        }), this.host.solicitarRenderizacao();
+      }), o.addEventListener("dragend", (n) => {
+        n.stopPropagation(), r = null, t = null, e = null, i();
+      }));
+    });
+  }
+}
+const Fe = "ui_camadas_estado_";
+function Be(a, r) {
+  const e = (a || r || "default").trim();
+  return `${Fe}${e}`;
+}
+function U(a) {
+  if (typeof window > "u" || typeof localStorage > "u")
+    return null;
+  try {
+    const r = localStorage.getItem(a);
+    if (!r) return null;
+    const e = JSON.parse(r);
+    if (e && typeof e == "object")
+      return e;
+  } catch (r) {
+    console.warn(`[UI-Camadas] Não foi possível carregar o estado persistido (${a}):`, r);
+  }
+  return null;
+}
+function qe(a, r) {
+  if (!(typeof window > "u" || typeof localStorage > "u"))
+    try {
+      localStorage.setItem(a, JSON.stringify(r));
+    } catch (e) {
+      console.warn(`[UI-Camadas] Não foi possível salvar o estado persistido (${a}):`, e);
+    }
+}
+function Te(a) {
+  if (!(typeof window > "u" || typeof localStorage > "u"))
+    try {
+      localStorage.removeItem(a);
+    } catch {
+    }
+}
+function _(a) {
+  return {
+    name: a.name,
+    visible: a.visible !== !1,
+    locked: !!a.locked,
+    opacity: typeof a.opacity == "number" ? a.opacity : 1,
+    color: a.color || "#00E08A"
+  };
+}
+function De(a, r, e, t) {
+  if (!Array.isArray(a)) return;
+  const i = (r == null ? void 0 : r.camadasOverrides) || {}, o = new Set((r == null ? void 0 : r.expandedLayerIds) || []), s = new Set((r == null ? void 0 : r.collapsedLayerIds) || []), d = o.size > 0 || s.size > 0;
+  for (let n = 0; n < a.length; n++) {
+    const l = a[n], c = i[l.id];
+    if (t == null || t.set(l.id, _(l)), c) {
+      const p = c.origem, u = (f) => {
+        var v;
+        const g = (v = t == null ? void 0 : t.get(l.id)) == null ? void 0 : v[f];
+        return p !== void 0 && p[f] !== g;
+      };
+      typeof c.name == "string" && c.name.trim() && !u("name") && (l.name = c.name), typeof c.visible == "boolean" && !u("visible") && (l.visible = c.visible), typeof c.locked == "boolean" && !u("locked") && (l.locked = c.locked), typeof c.opacity == "number" && !u("opacity") && (l.opacity = c.opacity), typeof c.color == "string" && !u("color") && (l.color = c.color);
+    }
+    d ? o.has(l.id) ? e.add(l.id) : s.has(l.id) ? e.delete(l.id) : e.add(l.id) : e.add(l.id);
+  }
+  if (Array.isArray(r == null ? void 0 : r.ordemCamadasIds) && r.ordemCamadasIds.length > 0) {
+    const n = /* @__PURE__ */ new Map();
+    r.ordemCamadasIds.forEach((l, c) => n.set(l, c)), a.sort((l, c) => {
+      const p = n.has(l.id) ? n.get(l.id) : 9999, u = n.has(c.id) ? n.get(c.id) : 9999;
+      return p - u;
+    });
+  }
+}
+function Oe(a) {
+  const { estadoAnterior: r, camadas: e, expandedLayers: t } = a;
+  let i = (r == null ? void 0 : r.expandedLayerIds) || [], o = (r == null ? void 0 : r.collapsedLayerIds) || [], s = (r == null ? void 0 : r.ordemCamadasIds) || [];
+  const d = {
+    ...(r == null ? void 0 : r.camadasOverrides) || {}
+  };
+  return e.length > 0 && (i = [], o = [], s = e.map((n) => n.id), e.forEach((n) => {
+    var l, c;
+    t.has(n.id) ? i.push(n.id) : o.push(n.id), d[n.id] = {
+      name: n.name,
+      visible: n.visible !== !1,
+      locked: !!n.locked,
+      opacity: typeof n.opacity == "number" ? n.opacity : 1,
+      color: n.color || "#00E08A",
+      origem: ((l = a.origensCamadas) == null ? void 0 : l.get(n.id)) ?? ((c = d[n.id]) == null ? void 0 : c.origem)
+    };
+  })), {
+    versao: 1,
+    expandedLayerIds: i,
+    collapsedLayerIds: o,
+    camadaAtivaId: a.camadaAtivaId,
+    painelColapsado: a.painelColapsado,
+    ordemCamadasIds: s,
+    mapaBaseAtivo: a.mapaBaseAtivo,
+    densidade: a.densidade,
+    altura: a.altura,
+    camadasOverrides: d,
+    ultimaAtualizacao: Date.now()
+  };
+}
+const Pe = ':host{display:flex;flex-direction:column;box-sizing:border-box;font-family:inherit;font-size:11px;color:var(--ui-cor-texto, #e1e1e6);-webkit-user-select:none;user-select:none;width:100%;height:var(--ui-camadas-altura, 100%);min-height:var(--ui-camadas-min-altura, 140px);position:relative;--camada-linha-altura: 25px;--camada-thumb-tamanho: 15px;--camada-transicao: .16s cubic-bezier(.16, 1, .3, 1)}:host([densidade="compacto"]){--camada-linha-altura: 22px;--camada-thumb-tamanho: 13px;font-size:10px}:host([flutuante]){position:absolute;top:10px;right:10px;bottom:46px;z-index:var(--ui-z-workspace-hud, 500);width:auto;height:var(--ui-camadas-altura, auto)}*,*:before,*:after{box-sizing:border-box}:host(:not([flutuante])) .ui-camadas-container{max-width:100%;min-width:0;border:none;box-shadow:none;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.ui-camadas-container{display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0;width:100%;max-width:380px;min-width:270px;background:var(--ui-cor-superficie, #141417);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));border-radius:var(--ui-raio-borda, 8px);box-shadow:0 10px 30px -4px #00000080,0 0 0 1px #ffffff0d;overflow:hidden;position:relative;transition:transform .24s cubic-bezier(.16,1,.3,1),opacity .2s ease;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}:host([colapsado]) .ui-camadas-container{transform:translate(calc(100% + 24px));opacity:0;pointer-events:none}.ui-camadas-toggle-flutuante{display:none;position:absolute;top:10px;right:10px;z-index:calc(var(--ui-z-workspace-hud, 500) - 1);background:var(--ui-cor-superficie, #141417);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .18));border-radius:var(--ui-raio-borda, 6px);color:var(--ui-cor-texto, #ffffff);width:34px;height:34px;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 8px 20px #00000073;transition:all var(--camada-transicao)}:host([colapsado][flutuante]) .ui-camadas-toggle-flutuante{display:flex}.ui-camadas-toggle-flutuante:hover{border-color:var(--ui-cor-primaria, #00E08A);color:var(--ui-cor-primaria, #00E08A);transform:scale(1.08);box-shadow:0 0 14px #00e08a59}.ui-camadas-header{height:32px;min-height:32px;max-height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 5px;border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));background:var(--ui-cor-fundo-elevado, rgba(0, 0, 0, .28));gap:4px}.ui-camadas-tabs{display:flex;gap:3px;flex:1}.ui-camadas-tab-btn{flex:1;background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);height:24px;padding:0 6px;font-size:11px;font-weight:500;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;transition:all var(--camada-transicao)}.ui-camadas-tab-btn:hover{color:var(--ui-cor-texto, #ffffff);background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .07))}.ui-camadas-tab-btn.active{color:var(--ui-cor-primaria, #00E08A);background:#00e08a1f;box-shadow:inset 0 0 0 1px #00e08a40;font-weight:600}.ui-camadas-btn-colapsar{background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);width:22px;height:22px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--camada-transicao)}.ui-camadas-btn-colapsar:hover{color:var(--ui-cor-texto, #ffffff);background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .09))}.ui-camadas-corpo{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px 6px 4px;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}.ui-camadas-corpo::-webkit-scrollbar{width:4px}.ui-camadas-corpo::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.ui-camadas-corpo::-webkit-scrollbar-thumb:hover{background:#ffffff52}.ui-tree-toolbar{display:flex;align-items:center;justify-content:space-between;padding:1px 2px 3px;border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .06))}.ui-tree-title-group{display:flex;align-items:center;gap:5px}.ui-tree-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ui-cor-texto-secundario, #888899)}.ui-tree-count-badge{font-size:9px;font-family:var(--ui-fonte-mono, monospace);font-variant-numeric:tabular-nums;background:#ffffff12;color:var(--ui-cor-texto-secundario, #888899);padding:1px 5px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.ui-tree-actions{display:flex;align-items:center;gap:3px}.ui-tree-action-btn{background:transparent;border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .1));color:var(--ui-cor-texto-secundario, #888899);border-radius:4px;width:22px;height:22px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--camada-transicao)}.ui-tree-action-btn:hover{color:var(--ui-cor-texto, #ffffff);border-color:var(--ui-cor-primaria, #00E08A);background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .09))}.ui-tree-btn-new{background:#00e08a1f;border:1px solid rgba(0,224,138,.35);color:var(--ui-cor-primaria, #00E08A);border-radius:4px;height:22px;padding:0 8px;font-size:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all var(--camada-transicao)}.ui-tree-btn-new:hover{background:var(--ui-cor-primaria, #00E08A);color:var(--ui-cor-texto-sobre-primaria, #000000);box-shadow:0 0 10px #00e08a59}.ui-tree-search-wrapper{position:relative;display:flex;align-items:center;margin:1px 0}.ui-tree-search-icon{position:absolute;left:8px;color:var(--ui-cor-texto-secundario, #888899);pointer-events:none;display:flex;align-items:center}.ui-tree-search-input{width:100%;height:25px;background:var(--ui-cor-fundo, #0a0a0c);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .1));border-radius:var(--ui-raio-borda, 5px);padding:0 24px 0 26px;color:var(--ui-cor-texto, #ffffff);font-size:10.5px;outline:none;transition:border-color var(--camada-transicao),box-shadow var(--camada-transicao)}.ui-tree-search-input:focus{border-color:var(--ui-cor-primaria, #00E08A);box-shadow:0 0 0 2px #00e08a2e}.ui-tree-search-clear{position:absolute;right:5px;background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);cursor:pointer;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all var(--camada-transicao)}.ui-tree-search-clear:hover{color:var(--ui-cor-texto, #ffffff);background:#ffffff1a}.ui-panel-box{background:var(--ui-cor-fundo, #0c0c0f);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));border-radius:var(--ui-raio-borda, 6px);overflow:hidden;display:flex;flex-direction:column;flex:1 1 0%;min-height:80px}.ui-layer-tree{flex:1 1 0%;min-height:40px;overflow-y:auto;overflow-x:hidden}.ui-layer-group{border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .04));transition:background var(--camada-transicao)}.ui-layer-group.drop-into{background:#00e08a17!important;outline:1.5px dashed var(--ui-cor-primaria, #00E08A);outline-offset:-1.5px}.ui-layer-row,.ui-feat-row{display:flex;align-items:center;height:var(--camada-linha-altura);min-height:var(--camada-linha-altura);max-height:var(--camada-linha-altura);padding:0 4px;-webkit-user-select:none;user-select:none;cursor:default;transition:background .1s ease;position:relative}.ui-layer-row{background:var(--ui-cor-fundo-elevado, #18181d);font-weight:600;cursor:pointer;border-left:3px solid transparent}.ui-layer-row:hover{background:var(--ui-cor-hover-menu, #22222a)}.ui-layer-row.active-drawing-layer{background:#00e08a1f!important;border-left:3px solid var(--layer-active-color, var(--ui-cor-primaria, #00E08A))!important;box-shadow:inset 0 0 12px #00e08a12}.ui-layer-row.active-drawing-layer .ui-name-text{color:#fff;font-weight:700}.ui-feat-row{background:var(--ui-cor-fundo, #101014);font-weight:400;cursor:pointer}.ui-feat-row:hover{background:var(--ui-cor-hover-menu, #19191f)}.ui-feat-row.selected-row{background:#38bdf82e!important;outline:1px solid rgba(56,189,248,.5)!important;outline-offset:-1px}.ui-layer-row.hidden-layer,.ui-feat-row.hidden-row{opacity:.52}.ui-layer-row.hidden-layer .ui-col-eye,.ui-feat-row.hidden-row .ui-col-eye{color:#f59e0b;opacity:.95}.ui-layer-row.dragging,.ui-feat-row.dragging{opacity:.35;background:#38bdf829!important}.ui-layer-row.drop-above:before,.ui-feat-row.drop-above:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#38bdf8;box-shadow:0 0 8px #38bdf8;z-index:20;pointer-events:none}.ui-layer-row.drop-below:after,.ui-feat-row.drop-below:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#38bdf8;box-shadow:0 0 8px #38bdf8;z-index:20;pointer-events:none}.ui-col{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:var(--camada-linha-altura)}.ui-col-drag{width:14px;cursor:grab;color:var(--ui-cor-texto-secundario, #888899);opacity:.35;transition:opacity var(--camada-transicao),color var(--camada-transicao)}.ui-layer-row:hover .ui-col-drag,.ui-feat-row:hover .ui-col-drag{opacity:.9;color:var(--ui-cor-primaria, #00E08A)}.ui-col-drag:active{cursor:grabbing}.ui-col-eye{width:20px;cursor:pointer;color:var(--ui-cor-texto-secundario, #888899);transition:color var(--camada-transicao)}.ui-col-eye:hover{color:var(--ui-cor-primaria, #00E08A)}.ui-col-lock{width:18px;cursor:pointer;color:var(--ui-cor-texto-secundario, #888899);transition:color var(--camada-transicao)}.ui-col-lock:hover{color:#f59e0b}.ui-col-colorbar{width:3.5px;height:16px;margin:0 3px 0 2px;border-radius:1.5px;flex-shrink:0}.ui-col-chevron{width:14px;cursor:pointer;color:var(--ui-cor-texto-secundario, #888899);display:flex;align-items:center;justify-content:center}.ui-chevron-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform var(--camada-transicao)}.ui-chevron-icon.open{transform:rotate(90deg)}.ui-col-branch{width:14px;display:flex;align-items:center;justify-content:center;color:#ffffff38;font-size:10px;font-family:var(--ui-fonte-mono, monospace)}.ui-col-thumb{width:18px;margin-right:4px;display:flex;align-items:center;justify-content:center}.ui-thumb-box{width:var(--camada-thumb-tamanho);height:var(--camada-thumb-tamanho);border:1px solid rgba(255,255,255,.15);border-radius:2.5px;background:#0d0d10;display:flex;align-items:center;justify-content:center}.ui-col-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:var(--ui-cor-texto, #e1e1e6);padding-left:2px;padding-right:4px;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:4px}.ui-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-active-badge{font-size:8px;font-weight:700;color:var(--ui-cor-primaria, #00E08A);background:#00e08a2e;border:1px solid rgba(0,224,138,.45);padding:1px 4px;border-radius:3px;display:inline-flex;align-items:center;gap:2px;white-space:nowrap;flex-shrink:0;animation:pulseBadge 2.8s infinite}@keyframes pulseBadge{0%{opacity:.85}50%{opacity:1;filter:drop-shadow(0 0 4px rgba(0,224,138,.5))}to{opacity:.85}}.ui-count-chip{font-size:9px;font-family:var(--ui-fonte-mono, monospace);font-variant-numeric:tabular-nums;color:var(--ui-cor-texto-secundario, #888899);background:#ffffff0f;padding:0 4px;border-radius:8px}.ui-col-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity var(--camada-transicao)}.ui-layer-row:hover .ui-col-actions,.ui-feat-row:hover .ui-col-actions{opacity:1}.ui-micro-btn{background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);width:18px;height:18px;padding:0;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--camada-transicao)}.ui-micro-btn:hover{color:var(--ui-cor-primaria, #00E08A);background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .12))}.ui-micro-btn.active{color:var(--ui-cor-primaria, #00E08A);background:#00e08a2e}.ui-col-target{width:22px;cursor:pointer}.ui-target-circle{width:11px;height:11px;border-radius:50%;border:1.5px solid rgba(255,255,255,.32);background:transparent;transition:all .12s ease}.ui-col-target:hover .ui-target-circle{border-color:#38bdf8;transform:scale(1.18)}.ui-target-circle.selected{border:2px solid #38bdf8;background:#38bdf8;box-shadow:inset 0 0 0 2px #141418}.ui-target-circle.partial{border:2px solid #38bdf8;background:#38bdf866}.ui-inline-rename-input{width:100%;height:20px;background:#0d0d10;color:#fff;border:1px solid var(--ui-cor-primaria, #00E08A);border-radius:3px;font-size:10.5px;padding:0 4px;outline:none;box-shadow:0 0 8px #00e08a66}.ui-layer-settings-drawer{background:linear-gradient(180deg,#17171e,#0f0f13);padding:10px 14px 12px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.12);border-left:3px solid var(--drawer-cor-camada, var(--ui-cor-primaria, #00E08A));display:flex;flex-direction:column;gap:10px;box-shadow:inset 0 1px #ffffff0f,0 6px 16px #00000073;animation:drawerSlideDown .18s cubic-bezier(.16,1,.3,1);position:relative;z-index:10}@keyframes drawerSlideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.ui-drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.07)}.ui-drawer-header-left{display:flex;align-items:center;gap:7px;min-width:0}.ui-drawer-icon{color:var(--drawer-cor-camada, var(--ui-cor-primaria, #00E08A));display:flex;align-items:center;flex-shrink:0}.ui-drawer-title{font-size:10.5px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.ui-drawer-layer-chip{font-size:9.5px;font-weight:500;color:#99b;background:#ffffff12;padding:1px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.08);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-drawer-btn-fechar{background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);width:20px;height:20px;padding:0;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--camada-transicao)}.ui-drawer-btn-fechar:hover{color:#fff;background:#ffffff1f}.ui-drawer-body{display:flex;flex-direction:column;gap:10px}.ui-drawer-row{display:flex;flex-direction:column;gap:5px}.ui-drawer-row-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#9f9fb5}.ui-drawer-color-group{display:flex;align-items:center;justify-content:space-between;gap:8px}.ui-drawer-color-pill{position:relative;display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 5px;background:#0006;border:1px solid rgba(255,255,255,.16);border-radius:4px;cursor:pointer;transition:all var(--camada-transicao);-webkit-user-select:none;user-select:none}.ui-drawer-color-pill:hover{border-color:var(--drawer-cor-camada, var(--ui-cor-primaria, #00E08A));background:#ffffff14;box-shadow:0 0 10px #00e08a40}.ui-drawer-color-sample{width:14px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,.35);box-shadow:0 1px 3px #00000080;flex-shrink:0;transition:background-color .1s ease}.ui-drawer-color-hex{font-size:10px;font-family:var(--ui-fonte-mono, monospace);font-variant-numeric:tabular-nums;font-weight:700;color:#f1f1f5;letter-spacing:.5px}.ui-drawer-color-native{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.ui-drawer-badge{font-size:9.5px;font-family:var(--ui-fonte-mono, monospace);font-variant-numeric:tabular-nums;font-weight:700;color:#fff;background:#ffffff1a;padding:1px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.12)}.ui-drawer-slider-container{display:flex;flex-direction:column;gap:4px}.ui-drawer-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;background:linear-gradient(90deg,rgba(255,255,255,.08) 0%,var(--drawer-cor-camada, var(--ui-cor-primaria, #00E08A)) 100%);border-radius:3px;outline:none;margin:3px 0;cursor:pointer;border:1px solid rgba(255,255,255,.12)}.ui-drawer-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--drawer-cor-camada, var(--ui-cor-primaria, #00E08A));box-shadow:0 0 6px #0009,0 0 10px var(--drawer-cor-camada, rgba(0, 224, 138, .6));cursor:pointer;transition:transform .12s ease}.ui-drawer-slider::-webkit-slider-thumb:hover{transform:scale(1.22)}.ui-drawer-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--drawer-cor-camada, var(--ui-cor-primaria, #00E08A));box-shadow:0 0 6px #0009,0 0 10px var(--drawer-cor-camada, rgba(0, 224, 138, .6));cursor:pointer}.ui-drawer-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}.ui-drawer-meta-info{font-size:9.5px;color:#77778b;font-style:italic}.ui-drawer-actions{display:flex;align-items:center;gap:6px}.ui-drawer-btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.35);color:#f87171;border-radius:4px;height:24px;padding:0 10px;font-size:10px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all var(--camada-transicao)}.ui-drawer-btn-danger:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 0 10px #ef444473;transform:translateY(-.5px)}.ui-drawer-btn-danger.confirming{background:#dc2626;color:#fff;border-color:#f87171;animation:pulseDanger 1.2s infinite}@keyframes pulseDanger{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.ui-geom-tag{font-size:8px;font-weight:700;letter-spacing:.4px;padding:1px 4px;border-radius:3px;margin-left:4px;text-transform:uppercase;flex-shrink:0}.ui-geom-tag.oficial{background:#10b98129;color:#10b981;border:1px solid rgba(16,185,129,.35)}.ui-geom-tag.previa{background:#f59e0b29;color:#f59e0b;border:1px solid rgba(245,158,11,.35)}.ui-tree-footer{height:28px;min-height:28px;background:var(--ui-cor-fundo-elevado, #111115);border-top:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:space-between;padding:0 6px;gap:4px}.ui-footer-left{display:flex;align-items:center;gap:4px;white-space:nowrap;min-width:0}.ui-footer-count{font-size:10.5px;font-family:var(--ui-fonte-mono, monospace);font-variant-numeric:tabular-nums;font-weight:700;color:var(--ui-cor-primaria, #00E08A)}.ui-footer-label{font-size:10px;font-weight:500;color:var(--ui-cor-texto-secundario, #888899)}.ui-footer-metric{font-size:9.5px;font-family:var(--ui-fonte-mono, monospace);font-variant-numeric:tabular-nums;color:var(--ui-cor-primaria, #00E08A);display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.ui-footer-right{display:flex;align-items:center;gap:2px;flex-shrink:0}.ui-footer-btn{background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);width:20px;height:20px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all var(--camada-transicao)}.ui-footer-btn:hover:not(.disabled){color:#fff;background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .12))}.ui-footer-btn.disabled{opacity:.25;cursor:not-allowed}.ui-footer-color-wrapper,.ui-footer-move-wrapper{display:flex;align-items:center}.ui-footer-color{width:15px;height:15px;border:none;background:transparent;cursor:pointer;padding:0}.ui-footer-select{background:var(--ui-cor-fundo, #18181d);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));color:#fff;border-radius:3px;font-size:9.5px;height:20px;padding:0 2px;cursor:pointer}.ui-basemap-section{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.ui-basemap-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ui-cor-texto-secundario, #888899)}.ui-basemap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.ui-basemap-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px;border-radius:var(--ui-raio-borda, 5px);background:var(--ui-cor-fundo, #101014);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));cursor:pointer;transition:all var(--camada-transicao);text-align:center;overflow:hidden}.ui-basemap-card:hover{border-color:var(--ui-cor-primaria, #00E08A);background:var(--ui-cor-fundo-elevado, #17171c)}.ui-basemap-card.active{border-color:var(--ui-cor-primaria, #00E08A);background:#00e08a1f;color:var(--ui-cor-primaria, #00E08A);font-weight:600;box-shadow:inset 0 0 0 1px #00e08a59}.ui-basemap-preview{width:100%;height:22px;border-radius:3px;object-fit:cover;opacity:.85;transition:opacity var(--camada-transicao)}.ui-basemap-preview-none{width:100%;height:22px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:3px;color:var(--ui-cor-texto-secundario, #888899)}.ui-basemap-card:hover .ui-basemap-preview,.ui-basemap-card.active .ui-basemap-preview{opacity:1}.ui-basemap-card span{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ui-search-hidden{display:none!important}.ui-empty-row{height:22px;display:flex;align-items:center;padding-left:36px;font-size:10px;color:var(--ui-cor-texto-secundario, #666677);font-style:italic;background:#00000026}:host-context([data-tema="claro"]),:host-context(.light),:host([data-tema="claro"]){color:#1a1a1e}:host-context([data-tema="claro"]) .ui-camadas-container,:host([data-tema="claro"]) .ui-camadas-container{background:#fff;border-color:#0000001f;box-shadow:0 10px 30px -4px #00000026}:host-context([data-tema="claro"]) .ui-layer-row,:host([data-tema="claro"]) .ui-layer-row{background:#f1f3f5;color:#1a1a1e}:host-context([data-tema="claro"]) .ui-feat-row,:host([data-tema="claro"]) .ui-feat-row{background:#fff;color:#2b2b36}:host-context([data-tema="claro"]) .ui-panel-box,:host([data-tema="claro"]) .ui-panel-box{background:#fff;border-color:#00000014}.ui-camadas-resizer-altura{display:none;flex-shrink:0;width:100%;height:9px;background:var(--ui-cor-superficie, #141417);border-top:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));cursor:ns-resize;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;transition:background .15s ease,border-color .15s ease;position:relative;z-index:10}:host([redimensionavel]) .ui-camadas-resizer-altura,:host([redimensionavel-altura]) .ui-camadas-resizer-altura{display:flex}.ui-camadas-resizer-altura:hover,.ui-camadas-resizer-altura.ui-camadas-resizer--ativo{background:#00e08a17;border-top-color:var(--ui-cor-primaria, #00E08A)}.ui-camadas-resizer-grip{width:32px;height:3px;border-radius:2px;background:#ffffff38;transition:all .15s ease}.ui-camadas-resizer-altura:hover .ui-camadas-resizer-grip,.ui-camadas-resizer-altura.ui-camadas-resizer--ativo .ui-camadas-resizer-grip{background:var(--ui-cor-primaria, #00E08A);width:46px;box-shadow:0 0 8px #00e08a73}:host(.ui-camadas--redimensionando){-webkit-user-select:none!important;user-select:none!important;cursor:ns-resize!important}:host(.ui-camadas--redimensionando) *{-webkit-user-select:none!important;user-select:none!important}.ui-col-lock.ui-lock-open{opacity:.28}.ui-col-lock.ui-lock-open:hover,.ui-col-lock.ui-lock-open:focus-visible{opacity:.8}.ui-col-lock[data-locked-by-layer]{cursor:not-allowed}.ui-col[role=button]:focus-visible,.ui-basemap-card:focus-visible,.ui-feat-row:focus-visible,.ui-layer-row:focus-visible{outline:2px solid var(--ui-cor-primaria, #00E08A);outline-offset:-2px}.ui-footer-btn.confirming{color:#fff;background:#dc2626;width:auto;padding:0 6px}';
+function je(a, r) {
+  r.querySelectorAll("[data-layer-row]").forEach((i) => {
+    i.addEventListener("click", (o) => {
+      if (o.target.closest(
+        "[data-layer-eye], [data-layer-lock], [data-layer-expand], [data-layer-target], [data-layer-fit], [data-layer-settings], input, button"
+      ))
+        return;
+      const d = i.getAttribute("data-layer-row");
+      d && a.definirCamadaAtiva(d, !0);
+    });
+  }), r.querySelectorAll("[data-layer-expand]").forEach((i) => {
+    i.addEventListener("click", (o) => {
+      o.stopPropagation();
+      const s = i.getAttribute("data-layer-expand");
+      if (!s) return;
+      a.expandedLayers.has(s) ? a.expandedLayers.delete(s) : a.expandedLayers.add(s);
+      const d = i.closest(".ui-layer-group"), n = i.querySelector(".ui-chevron-icon"), l = a.expandedLayers.has(s);
+      if (n && n.classList.toggle("open", l), d) {
+        const c = d.querySelector(".ui-children-container");
+        c && (c.style.display = l ? "block" : "none");
+      }
+      a.salvarLembrancaEstado();
+    });
+  }), r.querySelectorAll("[data-layer-eye]").forEach((i) => {
+    i.addEventListener("click", (o) => {
+      o.stopPropagation();
+      const s = i.getAttribute("data-layer-eye"), d = a.camadas.find((n) => n.id === s);
+      if (d) {
+        d.visible = d.visible === !1;
+        const n = d.visible !== !1;
+        i.innerHTML = n ? m.olhoAberto : m.olhoFechado, $(i, n ? "Ocultar Camada" : "Exibir Camada");
+        const l = i.closest(".ui-layer-row");
+        l && l.classList.toggle("hidden-layer", !n), Re(a, r), a.salvarLembrancaEstado(), a.dispararEvento("ui-camada-visibilidade", {
+          camadaId: d.id,
+          visivel: n
+        });
+      }
+    });
+  }), r.querySelectorAll("[data-layer-lock]").forEach((i) => {
+    i.addEventListener("click", (o) => {
+      o.stopPropagation();
+      const s = i.getAttribute("data-layer-lock"), d = a.camadas.find((n) => n.id === s);
+      d && (d.locked = !d.locked, i.innerHTML = d.locked ? m.cadeadoTrancado : m.cadeadoAberto, i.classList.toggle("ui-lock-open", !d.locked), $(i, d.locked ? "Desbloquear Camada" : "Bloquear Camada"), Ne(a, r, d.id, d.locked === !0), a.salvarLembrancaEstado(), a.dispararEvento("ui-camada-bloqueio", {
+        camadaId: d.id,
+        bloqueado: d.locked
+      }));
+    });
+  }), r.querySelectorAll("[data-layer-fit]").forEach((i) => {
+    i.addEventListener("click", (o) => {
+      o.stopPropagation();
+      const s = i.getAttribute("data-layer-fit");
+      s && a.dispararEvento("ui-camada-enquadrar", { camadaId: s });
+    });
+  }), r.querySelectorAll("[data-layer-settings]").forEach((i) => {
+    i.addEventListener("click", (o) => {
+      o.stopPropagation();
+      const s = i.getAttribute("data-layer-settings");
+      a.activeSettingsLayerId = a.activeSettingsLayerId === s ? null : s, a.solicitarRenderizacao();
+    });
+  }), r.querySelectorAll("[data-layer-settings-close]").forEach((i) => {
+    i.addEventListener("click", (o) => {
+      o.stopPropagation(), a.activeSettingsLayerId = null, a.solicitarRenderizacao();
+    });
+  });
+  const e = (i, o, s) => {
+    const d = a.camadas.find((f) => f.id === i);
+    if (!d) return;
+    const n = D(o, d.color || "#00E08A");
+    d.color = n;
+    const l = r.getElementById(`sample-color-${i}`);
+    l && (l.style.backgroundColor = n);
+    const c = r.getElementById(`hex-color-${i}`);
+    c && (c.textContent = n.toUpperCase());
+    const p = r.getElementById(`settings-drawer-${i}`);
+    p && p.style.setProperty("--drawer-cor-camada", n);
+    const u = S(r, "data-layer-row", i);
+    if (u) {
+      u.style.setProperty("--layer-active-color", n);
+      const f = u.querySelector(".ui-col-colorbar");
+      f && (f.style.backgroundColor = n);
+    }
+    s ? a.salvarLembrancaEstado() : a.agendarSalvarLembranca(), a.dispararEvento("ui-camada-cor", { camadaId: d.id, cor: n });
+  };
+  r.querySelectorAll("[data-layer-color-picker]").forEach((i) => {
+    const o = i, s = (d) => (n) => {
+      const l = o.getAttribute("data-layer-color-picker");
+      if (!l) return;
+      const c = n.target.value;
+      e(l, c, d);
+    };
+    o.addEventListener("input", s(!1)), o.addEventListener("change", s(!0));
+  });
+  const t = (i, o) => {
+    const s = a.camadas.find((l) => l.id === i);
+    if (!s) return;
+    s.opacity = o;
+    const d = r.getElementById(`badge-op-${i}`);
+    d && (d.textContent = `${Math.round(o * 100)}%`);
+    const n = S(r, "data-layer-opacity-slider", i);
+    n && parseFloat(n.value) !== o && (n.value = String(o)), a.agendarSalvarLembranca(), a.dispararEvento("ui-camada-opacidade", { camadaId: s.id, opacidade: o });
+  };
+  r.querySelectorAll("[data-layer-opacity-slider]").forEach((i) => {
+    i.addEventListener("input", (o) => {
+      const s = i.getAttribute("data-layer-opacity-slider");
+      if (!s) return;
+      const d = parseFloat(o.target.value);
+      t(s, d);
+    });
+  }), r.querySelectorAll("[data-delete-layer]").forEach((i) => {
+    let o = null;
+    i.addEventListener("click", (s) => {
+      s.stopPropagation();
+      const d = i.getAttribute("data-delete-layer");
+      if (!d) return;
+      if (i.classList.contains("confirming")) {
+        o && clearTimeout(o), a.dispararEvento("ui-camada-excluida", { camadaId: d });
+        const l = a.selectedFeatureIds.size;
+        a.removerCamada(d), a.selectedFeatureIds.size !== l && a.notificarMudancaSelecao();
+      } else {
+        i.classList.add("confirming");
+        const l = i.querySelector(".ui-btn-label");
+        l && (l.textContent = "Confirmar Exclusão?"), o = setTimeout(() => {
+          i.classList.remove("confirming"), l && (l.textContent = "Excluir Camada");
+        }, 3500);
+      }
+    });
+  }), r.querySelectorAll("[data-layer-target]").forEach((i) => {
+    i.addEventListener("click", (o) => {
+      o.stopPropagation();
+      const s = o, d = i.getAttribute("data-layer-target"), n = K(
+        a.feicoes.filter((c) => c.layerId === d),
+        a.searchQuery
+      );
+      if (n.length === 0) return;
+      n.every((c) => a.selectedFeatureIds.has(c.id)) ? n.forEach((c) => a.selectedFeatureIds.delete(c.id)) : (!s.ctrlKey && !s.metaKey && a.selectedFeatureIds.clear(), n.forEach((c) => a.selectedFeatureIds.add(c.id))), a.lastClickedFeatureId = n[n.length - 1].id, a.sincronizarSelecaoDOM(), a.notificarMudancaSelecao();
+    });
+  });
+}
+function Re(a, r) {
+  const e = r.getElementById("btn-toggle-all-vis");
+  if (!e) return;
+  const t = a.camadas.every((i) => i.visible !== !1);
+  e.innerHTML = t ? m.olhoAberto : m.olhoFechado, $(e, t ? "Ocultar Todas as Camadas" : "Exibir Todas as Camadas");
+}
+function Ne(a, r, e, t) {
+  a.feicoes.filter((i) => i.layerId === e).forEach((i) => {
+    const o = S(r, "data-feat-lock", i.id);
+    if (!o) return;
+    const s = i.locked === !0 || t;
+    o.innerHTML = s ? m.cadeadoTrancado : m.cadeadoAberto, o.classList.toggle("ui-lock-open", !s), t ? o.setAttribute("data-locked-by-layer", "true") : o.removeAttribute("data-locked-by-layer"), $(
+      o,
+      t ? "Bloqueada pela camada" : s ? "Desbloquear Feição" : "Bloquear Feição"
+    );
+  });
+}
+function He(a, r) {
+  const e = r.getElementById("btn-footer-vis");
+  e && e.addEventListener("click", () => {
+    const l = a.feicoes.filter((u) => a.selectedFeatureIds.has(u.id));
+    if (l.length === 0) return;
+    const p = !l.some((u) => u.visible !== !1);
+    l.forEach((u) => u.visible = p), a.dispararEvento("ui-acao-massa", {
+      acao: "visibilidade",
+      feicoesIds: l.map((u) => u.id),
+      feicoes: l,
+      valor: p
+    }), a.solicitarRenderizacao();
+  });
+  const t = r.getElementById("btn-footer-lock");
+  t && t.addEventListener("click", () => {
+    const l = a.feicoes.filter((u) => a.selectedFeatureIds.has(u.id));
+    if (l.length === 0) return;
+    const p = !l.some((u) => u.locked === !0);
+    l.forEach((u) => u.locked = p), a.dispararEvento("ui-acao-massa", {
+      acao: "bloqueio",
+      feicoesIds: l.map((u) => u.id),
+      feicoes: l,
+      valor: p
+    }), a.solicitarRenderizacao();
+  });
+  const i = r.getElementById("input-footer-color");
+  i && i.addEventListener("change", (l) => {
+    const c = l.target.value, p = a.feicoes.filter((u) => a.selectedFeatureIds.has(u.id));
+    p.length !== 0 && (p.forEach((u) => {
+      u.color = c, u.style = { ...u.style || {}, fillColor: c, strokeColor: c };
+    }), a.dispararEvento("ui-acao-massa", {
+      acao: "cor",
+      feicoesIds: p.map((u) => u.id),
+      feicoes: p,
+      valor: c
+    }), a.solicitarRenderizacao());
+  });
+  const o = r.getElementById("select-footer-move");
+  o && o.addEventListener("change", (l) => {
+    const c = l.target.value;
+    if (!c) return;
+    const p = a.feicoes.filter((f) => a.selectedFeatureIds.has(f.id));
+    if (p.length === 0) return;
+    const u = new Map(p.map((f) => [f.id, f.layerId]));
+    p.forEach((f) => f.layerId = c), p.forEach((f) => {
+      u.get(f.id) !== c && a.dispararEvento("ui-feicao-movida", {
+        feicaoId: f.id,
+        camadaOrigemId: u.get(f.id),
+        camadaDestinoId: c,
+        feicao: f
+      });
+    }), a.dispararEvento("ui-acao-massa", {
+      acao: "mover",
+      feicoesIds: p.map((f) => f.id),
+      feicoes: p,
+      valor: c
+    }), a.solicitarRenderizacao();
+  });
+  const s = r.getElementById("btn-footer-new-layer");
+  s && s.addEventListener("click", () => {
+    a.dispararEvento("ui-camada-adicionar", {});
+  });
+  const d = r.getElementById("btn-footer-del");
+  if (d) {
+    let l = null;
+    const c = "Excluir selecionados";
+    d.addEventListener("click", () => {
+      const p = Array.from(a.selectedFeatureIds);
+      if (p.length === 0) return;
+      if (!d.classList.contains("confirming")) {
+        d.classList.add("confirming"), $(d, `Clique novamente para excluir ${p.length} selecionado(s)`), l = setTimeout(() => {
+          d.classList.remove("confirming"), $(d, c);
+        }, 3500);
+        return;
+      }
+      l && clearTimeout(l);
+      const u = a.feicoes.filter((f) => a.selectedFeatureIds.has(f.id));
+      a.feicoes = a.feicoes.filter((f) => !a.selectedFeatureIds.has(f.id)), a.selectedFeatureIds.clear(), a.lastClickedFeatureId = null, a.dispararEvento("ui-acao-massa", {
+        acao: "excluir",
+        feicoesIds: p,
+        feicoes: u
+      }), a.notificarMudancaSelecao(), a.solicitarRenderizacao();
+    });
+  }
+  const n = r.getElementById("btn-footer-clear");
+  n && n.addEventListener("click", () => a.limparSelecao(!0));
+}
+function Ue(a, r) {
+  const e = r.getElementById("btn-toggle-all-vis");
+  e && e.addEventListener("click", () => a.alternarVisibilidadeTodas(!0));
+  const t = r.getElementById("btn-toggle-all-expand");
+  t && t.addEventListener("click", (s) => {
+    s.stopPropagation(), a.camadas.length > 0 && a.camadas.every((n) => a.expandedLayers.has(n.id)) ? a.colapsarTodas() : a.expandirTodas();
+  });
+  const i = r.getElementById("btn-add-layer");
+  i && i.addEventListener("click", () => {
+    a.dispararEvento("ui-camada-adicionar", {});
+  });
+  const o = r.getElementById("btn-colapsar");
+  o && o.addEventListener("click", () => a.colapsar(!0)), Ve(a, r);
+}
+function Ve(a, r) {
+  const e = r.getElementById("input-layer-search"), t = r.getElementById("btn-clear-layer-search"), i = () => {
+    var o;
+    a.searchQuery = "", a.solicitarRenderizacao(), (o = r.getElementById("input-layer-search")) == null || o.focus();
+  };
+  if (e) {
+    const o = oe(() => a.solicitarRenderizacao(), 75);
+    e.addEventListener("input", (s) => {
+      a.searchQuery = s.target.value, o();
+    }), e.addEventListener("keydown", (s) => {
+      s.key === "Escape" && a.searchQuery && (s.preventDefault(), i());
+    });
+  }
+  t && t.addEventListener("click", i);
+}
+function _e(a, r) {
+  r.querySelectorAll("[data-feat-select]").forEach((e) => {
+    e.addEventListener("click", (t) => {
+      if (a.editingFeatureId) return;
+      const i = t;
+      if (i.target.closest(
+        "[data-feat-eye], [data-feat-lock], [data-feat-fit], [data-feat-target], input, button"
+      ))
+        return;
+      const s = e.getAttribute("data-feat-select");
+      s && a.selecionarFeicao(s, i.ctrlKey || i.metaKey, i.shiftKey, !0);
+    });
+  }), r.querySelectorAll("[data-feat-target]").forEach((e) => {
+    e.addEventListener("click", (t) => {
+      t.stopPropagation();
+      const i = t, o = e.getAttribute("data-feat-target");
+      o && a.selecionarFeicao(o, i.ctrlKey || i.metaKey, i.shiftKey, !0);
+    });
+  }), r.querySelectorAll("[data-feat-eye]").forEach((e) => {
+    e.addEventListener("click", (t) => {
+      t.stopPropagation();
+      const i = e.getAttribute("data-feat-eye"), o = a.feicoes.find((s) => s.id === i);
+      if (o) {
+        o.visible = o.visible === !1;
+        const s = o.visible !== !1;
+        e.innerHTML = s ? m.olhoAberto : m.olhoFechado, $(e, s ? "Ocultar Feição" : "Exibir Feição");
+        const d = e.closest(".ui-feat-row");
+        d && d.classList.toggle("hidden-row", !s), a.dispararEvento("ui-feicao-visibilidade", {
+          feicaoId: o.id,
+          visivel: s
+        });
+      }
+    });
+  }), r.querySelectorAll("[data-feat-lock]").forEach((e) => {
+    e.addEventListener("click", (t) => {
+      if (t.stopPropagation(), e.hasAttribute("data-locked-by-layer")) return;
+      const i = e.getAttribute("data-feat-lock"), o = a.feicoes.find((s) => s.id === i);
+      o && (o.locked = !o.locked, e.innerHTML = o.locked ? m.cadeadoTrancado : m.cadeadoAberto, e.classList.toggle("ui-lock-open", !o.locked), $(e, o.locked ? "Desbloquear Feição" : "Bloquear Feição"), a.dispararEvento("ui-feicao-bloqueio", {
+        feicaoId: o.id,
+        bloqueado: o.locked
+      }));
+    });
+  }), r.querySelectorAll("[data-feat-fit]").forEach((e) => {
+    e.addEventListener("click", (t) => {
+      t.stopPropagation();
+      const i = e.getAttribute("data-feat-fit");
+      i && a.dispararEvento("ui-feicao-enquadrar", { feicaoId: i });
+    });
+  });
+}
+function Ge(a, r) {
+  r.querySelectorAll("[data-basemap-thumb]").forEach((e) => {
+    e.addEventListener(
+      "error",
+      () => {
+        const t = document.createElement("div");
+        t.className = "ui-basemap-preview-none", t.innerHTML = m.mapa, e.replaceWith(t);
+      },
+      { once: !0 }
+    );
+  }), r.querySelectorAll("[data-basemap-id]").forEach((e) => {
+    e.addEventListener("click", () => {
+      const t = e.getAttribute("data-basemap-id");
+      t && a.selecionarMapaBase(t, !0);
+    });
+  });
+}
+function Ke(a, r) {
+  Ue(a, r), je(a, r), _e(a, r), Ge(a, r), He(a, r);
+}
+const Qe = '[role="button"][tabindex]', M = "[data-layer-row], [data-feat-row]", Ye = ["color", "range", "checkbox", "radio", "button"];
+function le(a) {
+  return a instanceof HTMLSelectElement || a instanceof HTMLTextAreaElement ? !0 : a instanceof HTMLInputElement && !Ye.includes(a.type);
+}
+function Je(a) {
+  return Array.from(a.querySelectorAll(M)).filter((r) => {
+    const e = r.closest(".ui-children-container");
+    return !(e && e.style.display === "none") && !r.classList.contains("ui-search-hidden");
+  });
+}
+function T(a, r) {
+  r && (a.querySelectorAll(M).forEach((e) => e.setAttribute("tabindex", "-1")), r.setAttribute("tabindex", "0"), r.focus());
+}
+function We(a, r) {
+  a.dispatchEvent(
+    new MouseEvent("click", {
+      bubbles: !0,
+      ctrlKey: r.ctrlKey || r.metaKey,
+      shiftKey: r.shiftKey
+    })
+  );
+}
+function Xe(a, r, e) {
+  var t;
+  if (!le(e.composedPath()[0])) {
+    if (a.activeSettingsLayerId) {
+      e.preventDefault();
+      const i = a.activeSettingsLayerId;
+      a.activeSettingsLayerId = null, a.solicitarRenderizacao(), (t = S(r, "data-layer-settings", i)) == null || t.focus();
+      return;
+    }
+    a.selectedFeatureIds.size > 0 && (e.preventDefault(), a.limparSelecao(!0));
+  }
+}
+function Ze(a, r, e) {
+  var s;
+  const t = e.composedPath()[0];
+  if (!(t instanceof HTMLElement) || le(t)) return;
+  if ((e.key === "Enter" || e.key === " ") && t.matches(Qe)) {
+    e.preventDefault(), t.click();
+    return;
+  }
+  if (!t.matches(M)) return;
+  const i = Je(a), o = i.indexOf(t);
+  switch (e.key) {
+    case "ArrowDown":
+      e.preventDefault(), T(a, i[Math.min(i.length - 1, o + 1)]);
+      break;
+    case "ArrowUp":
+      e.preventDefault(), T(a, i[Math.max(0, o - 1)]);
+      break;
+    case "Home":
+      e.preventDefault(), T(a, i[0]);
+      break;
+    case "End":
+      e.preventDefault(), T(a, i[i.length - 1]);
+      break;
+    case "ArrowRight":
+    case "ArrowLeft": {
+      const d = t.getAttribute("data-layer-row");
+      if (!d) return;
+      const n = t.closest(".ui-layer-group"), l = (n == null ? void 0 : n.getAttribute("aria-expanded")) === "true";
+      e.key === "ArrowRight" !== l && (e.preventDefault(), (s = S(r, "data-layer-expand", d)) == null || s.click());
+      break;
+    }
+    case "Enter":
+    case " ":
+      e.preventDefault(), We(t, e);
+      break;
+  }
+}
+function ea(a, r, e, t, i) {
+  i.add(r, "keydown", (o) => {
+    o.key === "Escape" && Xe(a, e, o);
+  }), i.add(t, "keydown", (o) => Ze(t, e, o)), i.add(t, "focusin", (o) => {
+    const s = o.composedPath()[0];
+    s instanceof HTMLElement && s.matches(M) && (t.querySelectorAll(M).forEach((d) => d.setAttribute("tabindex", "-1")), s.setAttribute("tabindex", "0"));
+  });
+}
+function aa(a, r) {
+  r.querySelectorAll("[data-layer-row]").forEach((t) => {
+    const o = t.getAttribute("data-layer-row") === a.camadaAtivaId;
+    t.classList.toggle("active-drawing-layer", o);
+    const s = t.querySelector(".ui-col-name");
+    if (s) {
+      let d = s.querySelector(".ui-active-badge");
+      if (o && !d) {
+        d = document.createElement("span"), d.className = "ui-active-badge", d.textContent = "✓ Ativa";
+        const n = s.querySelector(".ui-count-chip");
+        n ? s.insertBefore(d, n) : s.appendChild(d);
+      } else !o && d && d.remove();
+    }
+  });
+}
+function ta(a, r) {
+  r.querySelectorAll(".ui-feat-row").forEach((g) => {
+    const v = g.getAttribute("data-feat-row"), E = v ? a.selectedFeatureIds.has(v) : !1;
+    g.classList.toggle("selected-row", E), g.setAttribute("aria-selected", String(E));
+    const x = g.querySelector(".ui-target-circle");
+    x && x.classList.toggle("selected", E);
+  }), r.querySelectorAll(".ui-layer-group").forEach((g) => {
+    const v = g.getAttribute("data-layer-id"), E = a.feicoes.filter((h) => h.layerId === v), x = g.querySelector(".ui-layer-row .ui-target-circle");
+    if (x && E.length > 0) {
+      const h = E.every((w) => a.selectedFeatureIds.has(w.id)), b = !h && E.some((w) => a.selectedFeatureIds.has(w.id));
+      x.classList.toggle("selected", h), x.classList.toggle("partial", b);
+    } else x && x.classList.remove("selected", "partial");
+  });
+  const e = a.feicoes.filter((g) => a.selectedFeatureIds.has(g.id)), t = e.length > 0, i = r.getElementById("footer-count"), o = r.getElementById("footer-label");
+  i && (i.textContent = String(t ? e.length : a.camadas.length)), o && (o.textContent = t ? e.length > 1 ? "selecionados" : "selecionado" : a.camadas.length > 1 ? "camadas" : "camada");
+  const s = r.querySelector(".ui-footer-metric"), d = re(e);
+  s && (d ? (s.innerHTML = `${m.reguaMetrica} ${d}`, s.style.display = "inline-flex") : s.style.display = "none"), ["btn-footer-vis", "btn-footer-lock", "btn-footer-del"].forEach((g) => {
+    const v = r.getElementById(g);
+    v && (v.disabled = !t, v.classList.toggle("disabled", !t));
+  });
+  const n = r.querySelector(".ui-footer-move-wrapper");
+  n && n.classList.toggle("disabled", !t);
+  const l = r.getElementById("select-footer-move");
+  l && (l.disabled = !t);
+  const c = r.querySelector(".ui-footer-color-wrapper");
+  c && c.classList.toggle("disabled", !t);
+  const p = r.getElementById("input-footer-color");
+  p && (p.disabled = !t);
+  let u = r.getElementById("btn-footer-clear");
+  const f = r.querySelector(".ui-footer-right");
+  t && !u && f ? (u = document.createElement("button"), u.id = "btn-footer-clear", u.className = "ui-footer-btn", u.title = "Limpar seleção", u.innerHTML = m.fechar, u.addEventListener("click", () => a.limparSelecao(!0)), f.appendChild(u)) : !t && u && u.remove();
+}
+function ia(a) {
+  function t() {
+    return a.getMinAltura ? a.getMinAltura() : 140;
+  }
+  function i() {
+    return a.getMaxAltura ? a.getMaxAltura() : 1600;
+  }
+  function o(l, c = !1) {
+    if (l == null || l === "") {
+      a.hostElement.style.removeProperty("height"), a.hostElement.style.removeProperty("--ui-camadas-altura"), c && a.hostElement.dispatchEvent(
+        new CustomEvent("ui-redimensionar-altura", {
+          bubbles: !0,
+          composed: !0,
+          detail: { altura: null }
+        })
+      );
+      return;
+    }
+    const p = typeof l == "number" ? l : parseFloat(String(l));
+    if (isNaN(p)) return;
+    const u = Math.max(t(), Math.min(i(), Math.round(p)));
+    a.hostElement.style.height = `${u}px`, a.hostElement.style.setProperty("--ui-camadas-altura", `${u}px`), c && a.hostElement.dispatchEvent(
+      new CustomEvent("ui-redimensionar-altura", {
+        bubbles: !0,
+        composed: !0,
+        detail: { altura: u }
+      })
+    );
+  }
+  let s = null;
+  function d() {
+    if (!a.resizerElement) return;
+    let l = !1, c = 0, p = 0;
+    const u = (g) => {
+      if (g.button !== 0) return;
+      g.preventDefault(), g.stopPropagation(), l = !0, c = g.clientY, p = a.hostElement.getBoundingClientRect().height, a.resizerElement.classList.add("ui-camadas-resizer--ativo"), a.hostElement.classList.add("ui-camadas--redimensionando");
+      try {
+        a.resizerElement.setPointerCapture(g.pointerId);
+      } catch {
+      }
+      const v = (h) => {
+        if (!l) return;
+        h.preventDefault();
+        const b = h.clientY - c, w = Math.max(t(), Math.min(i(), Math.round(p + b)));
+        a.hostElement.style.height = `${w}px`, a.hostElement.style.setProperty("--ui-camadas-altura", `${w}px`), a.onRedimensionando && a.onRedimensionando(w), a.hostElement.dispatchEvent(
+          new CustomEvent("ui-redimensionando-altura", {
+            bubbles: !0,
+            composed: !0,
+            detail: { altura: w }
+          })
+        );
+      }, E = () => {
+        var h;
+        l = !1, s = null, window.removeEventListener("pointermove", v), window.removeEventListener("pointerup", x), window.removeEventListener("pointercancel", x), (h = a.resizerElement) == null || h.classList.remove("ui-camadas-resizer--ativo"), a.hostElement.classList.remove("ui-camadas--redimensionando");
+      }, x = (h) => {
+        if (!l) return;
+        l = !1, a.resizerElement.classList.remove("ui-camadas-resizer--ativo"), a.hostElement.classList.remove("ui-camadas--redimensionando");
+        try {
+          a.resizerElement.hasPointerCapture(h.pointerId) && a.resizerElement.releasePointerCapture(h.pointerId);
+        } catch {
+        }
+        window.removeEventListener("pointermove", v), window.removeEventListener("pointerup", x), window.removeEventListener("pointercancel", x);
+        const b = a.hostElement.getBoundingClientRect().height, w = Math.round(b);
+        a.onAlturaAlterada && a.onAlturaAlterada(w), a.hostElement.dispatchEvent(
+          new CustomEvent("ui-redimensionar-altura", {
+            bubbles: !0,
+            composed: !0,
+            detail: { altura: w }
+          })
+        );
+      };
+      s = E, window.addEventListener("pointermove", v), window.addEventListener("pointerup", x), window.addEventListener("pointercancel", x);
+    }, f = (g) => {
+      g.preventDefault(), g.stopPropagation(), o(null, !0), a.onAlturaAlterada && a.onAlturaAlterada(null);
+    };
+    a.listeners.add(a.resizerElement, "pointerdown", u), a.listeners.add(a.resizerElement, "dblclick", f);
+  }
+  function n() {
+    s == null || s(), a.listeners.cleanup();
+  }
+  return {
+    init: d,
+    definirAltura: o,
+    destruir: n
+  };
+}
+class Q extends ve {
+  constructor() {
+    super();
+    y(this, "shadow");
+    y(this, "listeners", new ye());
+    y(this, "dragDropManager");
+    y(this, "resizerController");
+    y(this, "alturaCustomizada", null);
+    y(this, "conectado", !1);
+    y(this, "origensCamadas", /* @__PURE__ */ new Map());
+    y(this, "salvarLembrancaDebounced", oe(() => this.salvarLembrancaEstado(), 200));
+    // Estado interno
+    y(this, "camadas", []);
+    y(this, "feicoes", []);
+    y(this, "mapasBase", [...se]);
+    y(this, "expandedLayers", /* @__PURE__ */ new Set());
+    y(this, "selectedFeatureIds", /* @__PURE__ */ new Set());
+    y(this, "lastClickedFeatureId", null);
+    y(this, "activeSettingsLayerId", null);
+    y(this, "editingLayerId", null);
+    y(this, "editingFeatureId", null);
+    y(this, "searchQuery", "");
+    y(this, "corpoElement");
+    y(this, "btnExpandirFlutuante");
+    this.shadow = this.attachShadow({ mode: "open" }), this.shadow.innerHTML = `
+      <style>${Pe}</style>
+      <div class="ui-camadas-container" id="panel-container" role="region" aria-label="Painel de Camadas">
+        <div class="ui-camadas-corpo" id="painel-corpo"></div>
+        <div class="ui-camadas-resizer-altura" id="resizer-altura" title="Arraste para redimensionar a altura (duplo-clique para resetar)" aria-label="Redimensionar altura">
+          <span class="ui-camadas-resizer-grip"></span>
+        </div>
+      </div>
+      <button class="ui-camadas-toggle-flutuante" id="btn-expandir-flutuante" title="Expandir Painel de Camadas" aria-label="Expandir Painel de Camadas">
+        ${m.camadas}
+      </button>
+    `, this.corpoElement = this.shadow.getElementById("painel-corpo"), this.btnExpandirFlutuante = this.shadow.getElementById("btn-expandir-flutuante"), this.dragDropManager = new Me(this, this.shadow);
+    const e = this.shadow.getElementById("resizer-altura");
+    this.resizerController = ia({
+      hostElement: this,
+      resizerElement: e,
+      listeners: this.listeners,
+      getMinAltura: () => {
+        const t = this.getAttribute("min-altura");
+        return t && parseFloat(t) || 140;
+      },
+      getMaxAltura: () => {
+        const t = this.getAttribute("max-altura");
+        return t && parseFloat(t) || 1600;
+      },
+      onAlturaAlterada: (t) => {
+        this.alturaCustomizada = t, this.salvarLembrancaEstado();
+      }
+    });
+  }
+  static get observedAttributes() {
+    return [
+      "titulo",
+      "mapa-base-ativo",
+      "camada-ativa",
+      "aba-ativa",
+      "colapsavel",
+      "colapsado",
+      "flutuante",
+      "mostrar-mapas-base",
+      "mostrar-rodape",
+      "mostrar-busca",
+      "densidade",
+      "persistir",
+      "storage-key",
+      "redimensionavel",
+      "redimensionavel-altura",
+      "altura",
+      "min-altura",
+      "max-altura"
+    ];
+  }
+  connectedCallback() {
+    if (this.persistir) {
+      const e = U(this.obterChaveStorageAtual());
+      e && (e.painelColapsado === !0 && !this.hasAttribute("colapsado") && (this.colapsado = !0), e.camadaAtivaId && !this.getAttribute("camada-ativa") && (this.camadaAtivaId = e.camadaAtivaId), e.mapaBaseAtivo && !this.getAttribute("mapa-base-ativo") && (this.mapaBaseAtivo = e.mapaBaseAtivo), e.densidade && !this.getAttribute("densidade") && (this.densidade = e.densidade), typeof e.altura == "number" && !this.getAttribute("altura") && !this.style.height && (this.resizerController.definirAltura(e.altura, !1), this.alturaCustomizada = e.altura));
+    }
+    this.hasAttribute("altura") && this.resizerController.definirAltura(this.getAttribute("altura"), !1), this.resizerController.init(), this.render(), this.conectarEventosGerais(), ea(this, this, this.shadow, this.corpoElement, this.listeners), this.conectado = !0, this.camadas.length > 0 && this.salvarLembrancaEstado();
+  }
+  disconnectedCallback() {
+    var e;
+    this.conectado = !1, (e = this.resizerController) == null || e.destruir(), this.listeners.cleanup();
+  }
+  attributeChangedCallback(e, t, i) {
+    var o;
+    t !== i && (e === "colapsado" ? this.salvarLembrancaEstado() : e === "camada-ativa" ? (this.sincronizarCamadaAtivaDOM(), this.salvarLembrancaEstado()) : e === "mapa-base-ativo" ? i && this.marcarMapaBaseAtivoNoDOM(i) : e === "mostrar-mapas-base" || e === "mostrar-rodape" || e === "mostrar-busca" || e === "colapsavel" || e === "flutuante" ? this.solicitarRenderizacao() : e === "altura" && ((o = this.resizerController) == null || o.definirAltura(i, !1)));
+  }
+  // --- Getters e Setters de Propriedades Reativas ---
+  get titulo() {
+    return this.getAttribute("titulo") || "Camadas";
+  }
+  set titulo(e) {
+    this.setAttribute("titulo", e);
+  }
+  get camadaAtivaId() {
+    var e;
+    return this.getAttribute("camada-ativa") || (((e = this.camadas[0]) == null ? void 0 : e.id) ?? null);
+  }
+  set camadaAtivaId(e) {
+    e ? this.setAttribute("camada-ativa", e) : this.removeAttribute("camada-ativa");
+  }
+  get mapaBaseAtivo() {
+    return this.getAttribute("mapa-base-ativo") || "satelite";
+  }
+  set mapaBaseAtivo(e) {
+    this.setAttribute("mapa-base-ativo", e);
+  }
+  selecionarMapaBase(e, t = !1) {
+    !e || this.mapaBaseAtivo === e || (this.mapaBaseAtivo = e, this.marcarMapaBaseAtivoNoDOM(e), this.salvarLembrancaEstado(), t && this.dispararEvento("ui-mapa-base-alterado", { mapaBaseId: e }));
+  }
+  marcarMapaBaseAtivoNoDOM(e) {
+    this.shadow.querySelectorAll("[data-basemap-id]").forEach((t) => {
+      const i = t.getAttribute("data-basemap-id") === e;
+      t.classList.toggle("active", i), t.setAttribute("aria-pressed", String(i));
+    });
+  }
+  get abaAtiva() {
+    return this.getAttribute("aba-ativa") || "camadas";
+  }
+  set abaAtiva(e) {
+    this.setAttribute("aba-ativa", e);
+  }
+  get colapsado() {
+    return this.hasAttribute("colapsado");
+  }
+  set colapsado(e) {
+    e ? this.setAttribute("colapsado", "") : this.removeAttribute("colapsado");
+  }
+  get colapsavel() {
+    return this.getAttribute("colapsavel") !== "false";
+  }
+  set colapsavel(e) {
+    this.setAttribute("colapsavel", String(e));
+  }
+  get flutuante() {
+    return this.hasAttribute("flutuante");
+  }
+  set flutuante(e) {
+    e ? this.setAttribute("flutuante", "") : this.removeAttribute("flutuante");
+  }
+  get densidade() {
+    return this.getAttribute("densidade") || "normal";
+  }
+  set densidade(e) {
+    this.setAttribute("densidade", e);
+  }
+  get mostrarMapasBase() {
+    return this.getAttribute("mostrar-mapas-base") !== "false";
+  }
+  set mostrarMapasBase(e) {
+    this.setAttribute("mostrar-mapas-base", String(e));
+  }
+  get mostrarRodape() {
+    return this.getAttribute("mostrar-rodape") !== "false";
+  }
+  set mostrarRodape(e) {
+    this.setAttribute("mostrar-rodape", String(e));
+  }
+  get mostrarBusca() {
+    return this.getAttribute("mostrar-busca") !== "false";
+  }
+  set mostrarBusca(e) {
+    this.setAttribute("mostrar-busca", String(e));
+  }
+  get persistir() {
+    return this.getAttribute("persistir") !== "false";
+  }
+  set persistir(e) {
+    this.setAttribute("persistir", String(e));
+  }
+  get storageKey() {
+    return this.getAttribute("storage-key");
+  }
+  set storageKey(e) {
+    e ? this.setAttribute("storage-key", e) : this.removeAttribute("storage-key");
+  }
+  get redimensionavel() {
+    return this.hasAttribute("redimensionavel") || this.hasAttribute("redimensionavel-altura");
+  }
+  set redimensionavel(e) {
+    e ? this.setAttribute("redimensionavel", "") : (this.removeAttribute("redimensionavel"), this.removeAttribute("redimensionavel-altura"));
+  }
+  get altura() {
+    return this.getAttribute("altura") || this.style.height || null;
+  }
+  set altura(e) {
+    e != null ? (this.setAttribute("altura", String(e)), this.definirAltura(e)) : (this.removeAttribute("altura"), this.definirAltura(null));
+  }
+  definirAltura(e, t = !0) {
+    var o;
+    (o = this.resizerController) == null || o.definirAltura(e, !1);
+    const i = e !== null ? parseFloat(String(e)) : null;
+    this.alturaCustomizada = isNaN(i) ? null : i, t && this.salvarLembrancaEstado();
+  }
+  // --- Gerenciamento de Persistência / Lembrança ---
+  obterChaveStorageAtual() {
+    return Be(this.storageKey, this.id);
+  }
+  /** Versão com debounce, para interações contínuas (seletor de cor, slider de opacidade). */
+  agendarSalvarLembranca() {
+    this.salvarLembrancaDebounced();
+  }
+  salvarLembrancaEstado() {
+    if (!this.persistir || !this.conectado) return;
+    const e = this.obterChaveStorageAtual(), t = Oe({
+      estadoAnterior: U(e),
+      origensCamadas: this.origensCamadas,
+      camadas: this.camadas,
+      expandedLayers: this.expandedLayers,
+      camadaAtivaId: this.camadaAtivaId,
+      painelColapsado: this.colapsado,
+      mapaBaseAtivo: this.mapaBaseAtivo,
+      densidade: this.densidade,
+      altura: this.alturaCustomizada
+    });
+    qe(e, t);
+  }
+  limparLembranca() {
+    Te(this.obterChaveStorageAtual());
+  }
+  // --- API Pública de Alta Ergonomia ---
+  //
+  // Contrato de eventos: toda mutação feita pelo aplicativo consumidor (propriedades,
+  // atributos e métodos públicos) atualiza apenas o DOM interno, sem disparar eventos.
+  // Eventos saem do componente somente em resposta a uma interação física do usuário
+  // (clique, drag-and-drop, teclado). Métodos que aceitam `emitirEvento` permitem
+  // optar explicitamente pela emissão quando necessário.
+  /** Atalho reativo para `definirCamadas()` — não dispara eventos. */
+  get layers() {
+    return this.camadas;
+  }
+  set layers(e) {
+    this.definirCamadas(e);
+  }
+  /** Atalho reativo para `definirFeicoes()` — não dispara eventos. */
+  get features() {
+    return this.feicoes;
+  }
+  set features(e) {
+    this.definirFeicoes(e);
+  }
+  /** Atalho reativo para `definirMapasBase()` — não dispara eventos. */
+  get basemaps() {
+    return this.mapasBase;
+  }
+  set basemaps(e) {
+    this.definirMapasBase(e);
+  }
+  definirCamadas(e, t) {
+    if (this.camadas = Array.isArray(e) ? e.map((i) => ({ ...i })) : [], this.origensCamadas.clear(), this.persistir) {
+      const i = U(this.obterChaveStorageAtual());
+      De(this.camadas, i, this.expandedLayers, this.origensCamadas), i != null && i.camadaAtivaId && this.camadas.some((o) => o.id === i.camadaAtivaId) && (this.camadaAtivaId = i.camadaAtivaId);
+    } else
+      this.camadas.forEach((i) => {
+        this.origensCamadas.set(i.id, _(i)), this.expandedLayers.has(i.id) || this.expandedLayers.add(i.id);
+      });
+    if (Array.isArray(t)) {
+      this.feicoes = t.map((s) => ({ ...s }));
+      const i = new Set(this.camadas.map((s) => s.id)), o = this.feicoes.filter((s) => s.layerId && !i.has(s.layerId));
+      o.length > 0 && console.warn(
+        `[UI-Camadas] ${o.length} feição(ões) possuem 'layerId' não cadastrado nas camadas:`,
+        o.map((s) => ({ id: s.id, nome: s.name, layerId: s.layerId }))
+      ), this.sincronizarSelecoesComFeicoesValidas();
+    }
+    !this.getAttribute("camada-ativa") && this.camadas.length > 0 && (this.camadaAtivaId = this.camadas[0].id), this.salvarLembrancaEstado(), this.solicitarRenderizacao();
+  }
+  definirFeicoes(e) {
+    this.feicoes = Array.isArray(e) ? e.map((t) => ({ ...t })) : [], this.sincronizarSelecoesComFeicoesValidas(), this.solicitarRenderizacao();
+  }
+  definirMapasBase(e) {
+    this.mapasBase = Array.isArray(e) ? [...e] : [], this.solicitarRenderizacao();
+  }
+  definirCamadaAtiva(e, t = !1) {
+    !e || this.camadaAtivaId === e || (this.camadaAtivaId = e, this.sincronizarCamadaAtivaDOM(), this.salvarLembrancaEstado(), t && this.dispararEvento("ui-camada-selecionada", {
+      camadaId: e,
+      camada: this.camadas.find((i) => i.id === e)
+    }));
+  }
+  obterCamada(e) {
+    return this.camadas.find((t) => t.id === e);
+  }
+  obterCamadaAtiva() {
+    return this.camadas.find((e) => e.id === this.camadaAtivaId);
+  }
+  obterFeicao(e) {
+    return this.feicoes.find((t) => t.id === e);
+  }
+  obterFeicoesSelecionadas() {
+    return this.feicoes.filter((e) => this.selectedFeatureIds.has(e.id));
+  }
+  adicionarCamada(e) {
+    if (!e || !e.id) return;
+    if (this.camadas.some((i) => i.id === e.id)) {
+      console.warn(`[UI-Camadas] adicionarCamada ignorado: já existe uma camada com id '${e.id}'.`);
+      return;
+    }
+    const t = { ...e };
+    this.camadas.push(t), this.origensCamadas.set(t.id, _(t)), this.expandedLayers.add(t.id), this.salvarLembrancaEstado(), this.solicitarRenderizacao();
+  }
+  removerCamada(e) {
+    var t;
+    this.camadas = this.camadas.filter((i) => i.id !== e), this.feicoes = this.feicoes.filter((i) => i.layerId !== e), this.origensCamadas.delete(e), this.expandedLayers.delete(e), this.activeSettingsLayerId === e && (this.activeSettingsLayerId = null), this.sincronizarSelecoesComFeicoesValidas(), this.selectedFeatureIds.size === 0 && (this.lastClickedFeatureId = null), this.camadaAtivaId === e && (this.camadaAtivaId = ((t = this.camadas[0]) == null ? void 0 : t.id) ?? null), this.salvarLembrancaEstado(), this.solicitarRenderizacao();
+  }
+  adicionarFeicao(e) {
+    if (!(!e || !e.id)) {
+      if (this.feicoes.some((t) => t.id === e.id)) {
+        console.warn(`[UI-Camadas] adicionarFeicao ignorado: já existe uma feição com id '${e.id}'.`);
+        return;
+      }
+      this.feicoes.push({ ...e }), this.solicitarRenderizacao();
+    }
+  }
+  atualizarFeicao(e) {
+    const t = this.feicoes.findIndex((i) => i.id === e.id);
+    t !== -1 && (this.feicoes[t] = { ...this.feicoes[t], ...e }, this.solicitarRenderizacao());
+  }
+  removerFeicao(e) {
+    this.feicoes = this.feicoes.filter((t) => t.id !== e), this.selectedFeatureIds.delete(e), this.solicitarRenderizacao();
+  }
+  selecionarFeicao(e, t = !1, i = !1, o = !1) {
+    const s = Ce(
+      Le(this.camadas, this.feicoes, this.expandedLayers, this.searchQuery),
+      this.selectedFeatureIds,
+      this.lastClickedFeatureId,
+      e,
+      t,
+      i
+    );
+    s && (this.selectedFeatureIds = s.selecionados, this.lastClickedFeatureId = s.ultimoClicadoId, this.sincronizarSelecaoDOM(), o && this.notificarMudancaSelecao());
+  }
+  selecionarFeicoes(e, t = !1) {
+    const i = e || [];
+    i.length === this.selectedFeatureIds.size && i.every((d) => this.selectedFeatureIds.has(d)) || (this.selectedFeatureIds.clear(), i.forEach((d) => this.selectedFeatureIds.add(d)), this.sincronizarSelecaoDOM(), t && this.notificarMudancaSelecao());
+  }
+  limparSelecao(e = !1) {
+    this.selectedFeatureIds.size !== 0 && (this.selectedFeatureIds.clear(), this.lastClickedFeatureId = null, this.sincronizarSelecaoDOM(), e && this.notificarMudancaSelecao());
+  }
+  expandirTodas() {
+    this.expandedLayers = new Set(this.camadas.map((e) => e.id)), this.salvarLembrancaEstado(), this.solicitarRenderizacao();
+  }
+  colapsarTodas() {
+    this.expandedLayers.clear(), this.salvarLembrancaEstado(), this.solicitarRenderizacao();
+  }
+  alternarVisibilidadeTodas(e = !1) {
+    const i = !this.camadas.some((o) => o.visible !== !1);
+    this.camadas.forEach((o) => {
+      o.visible = i, e && this.dispararEvento("ui-camada-visibilidade", { camadaId: o.id, visivel: i });
+    }), this.salvarLembrancaEstado(), this.solicitarRenderizacao();
+  }
+  colapsar(e = !1) {
+    this.definirColapso(!0, e);
+  }
+  expandir(e = !1) {
+    this.definirColapso(!1, e);
+  }
+  alternarColapso(e = !1) {
+    this.definirColapso(!this.colapsado, e);
+  }
+  definirColapso(e, t) {
+    this.colapsado !== e && (this.colapsado = e, t && this.dispararEvento("ui-colapso-alterado", { colapsado: e }));
+  }
+  // --- Renderização e Ciclo de Vida ---
+  solicitarRenderizacao() {
+    this.render();
+  }
+  dispararEvento(e, t) {
+    this.dispatchEvent(
+      new CustomEvent(e, {
+        detail: t,
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  render() {
+    var u;
+    if (!this.corpoElement) return;
+    const e = ze({
+      camadas: this.camadas,
+      feicoes: this.feicoes,
+      camadaAtivaId: this.camadaAtivaId,
+      expandedLayers: this.expandedLayers,
+      selectedFeatureIds: this.selectedFeatureIds,
+      activeSettingsLayerId: this.activeSettingsLayerId,
+      editingLayerId: this.editingLayerId,
+      editingFeatureId: this.editingFeatureId,
+      searchQuery: this.searchQuery,
+      mostrarBotaoColapsar: this.flutuante && this.getAttribute("colapsavel") !== "false"
+    }), t = this.mostrarMapasBase ? ke(this.mapasBase, this.mapaBaseAtivo) : "", i = this.mostrarRodape ? Ie(this.camadas, this.feicoes, this.selectedFeatureIds) : "", o = this.shadow.getElementById("ui-layer-tree-mount"), s = this.corpoElement.scrollTop, d = o ? o.scrollTop : 0, n = this.shadow.activeElement, l = n && this.corpoElement.contains(n) ? n.id : "", c = n && "selectionStart" in n ? n.selectionStart : null;
+    this.corpoElement.innerHTML = `
+      ${e}
+      ${i}
+      ${t}
+    `, this.corpoElement.scrollTop = s;
+    const p = this.shadow.getElementById("ui-layer-tree-mount");
+    if (p && (p.scrollTop = d), l) {
+      const f = this.shadow.getElementById(l);
+      if (f && (f.focus({ preventScroll: !0 }), c !== null && typeof f.setSelectionRange == "function"))
+        try {
+          f.setSelectionRange(c, c);
+        } catch {
+        }
+    }
+    (u = this.shadow.querySelector("[data-layer-row], [data-feat-row]")) == null || u.setAttribute("tabindex", "0"), Ke(this, this.shadow), this.dragDropManager.bindAll();
+  }
+  // --- Conexão de Eventos ---
+  conectarEventosGerais() {
+    this.listeners.add(this.btnExpandirFlutuante, "click", () => this.expandir(!0));
+  }
+  // --- Sincronização de DOM (delegada) ---
+  sincronizarCamadaAtivaDOM() {
+    aa(this, this.shadow);
+  }
+  sincronizarSelecaoDOM() {
+    ta(this, this.shadow);
+  }
+  // --- Auxiliares Internos ---
+  sincronizarSelecoesComFeicoesValidas() {
+    $e(this.selectedFeatureIds, this.feicoes);
+  }
+  notificarMudancaSelecao() {
+    const e = this.feicoes.filter((t) => this.selectedFeatureIds.has(t.id));
+    this.dispararEvento("ui-feicoes-selecionadas", {
+      feicoesIds: Array.from(this.selectedFeatureIds),
+      feicoes: e
+    }), e.length === 1 ? this.dispararEvento("ui-feicao-selecionada", {
+      feicaoId: e[0].id,
+      feicao: e[0]
+    }) : e.length === 0 && this.dispararEvento("ui-feicao-selecionada", {
+      feicaoId: null,
+      feicao: null
+    });
+  }
+}
+class ra extends Q {
+}
+class oa extends Q {
+}
+G("ui-camadas", Q);
+G("ui-painel-camadas", ra);
+G("ui-layer-panel", oa);
+export {
+  Me as CamadasDragDropManager,
+  m as ICONES,
+  ne as LIMITE_FEICOES_POR_CAMADA,
+  se as MAPAS_BASE_PADRAO,
+  Q as UICamadas,
+  oa as UILayerPanel,
+  pa as UIMapaBase,
+  ra as UIPainelCamadas,
+  fa as UISeletorMapaBase,
+  ie as calcularAreaPoligono,
+  te as calcularComprimentoLinha,
+  xe as calcularDistanciaPontos,
+  Ce as calcularSelecaoFeicao,
+  U as carregarEstadoPersistido,
+  k as escapeHtml,
+  K as filtrarFeicoesPorBusca,
+  re as formatarMetricaFeicoes,
+  Be as gerarChaveStorage,
+  Te as limparEstadoPersistido,
+  Oe as montarEstadoPersistido,
+  Le as obterIdsVisiveisFeicoes,
+  De as reidratarCamadasComOverrides,
+  $e as removerSelecoesInvalidas,
+  ze as renderizarArvoreCamadas,
+  ke as renderizarGridMapasBase,
+  Ie as renderizarRodapeAcoes,
+  Se as renderizarThumbGeometria,
+  qe as salvarEstadoPersistido,
+  _ as snapshotCamada
+};