@thibezer/ui-components-kit 2.1.0 → 2.2.1

package/dist/camadas.js

@@ -1,11 +1,11 @@
-var ve = Object.defineProperty;
-var be = (a, o, e) => o in a ? ve(a, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[o] = e;
-var x = (a, o, e) => be(a, typeof o != "symbol" ? o + "" : o, e);
+var Me = Object.defineProperty;
+var ze = (e, o, a) => o in e ? Me(e, o, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[o] = a;
+var A = (e, o, a) => ze(e, typeof o != "symbol" ? o + "" : o, a);
 /* empty css               */
-import { d as Q, S as xe } from "./ssr-safe-5cWfJP-s.js";
-import { L as ye } from "./listener-bag-DQgv7OON.js";
-import { UIMapaBase as fa, UISeletorMapaBase as ma } from "./seletor-mapa-base.js";
-const h = {
+import { d as ae, S as Fe } from "./ssr-safe-5cWfJP-s.js";
+import { L as Be } from "./listener-bag-DQgv7OON.js";
+import { UIMapaBase as Ba, UISeletorMapaBase as qa } from "./seletor-mapa-base.js";
+const g = {
   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>
@@ -103,47 +103,60 @@ const h = {
     <line x1="9" y1="3" x2="9" y2="21"></line>
     <line x1="15" y1="3" x2="15" y2="21"></line>
   </svg>`
-}, G = 6378137;
-function we(a, o) {
-  if (!a || !o) return 0;
-  const e = a[0] * Math.PI / 180, t = a[1] * Math.PI / 180, r = o[0] * Math.PI / 180, i = o[1] * Math.PI / 180, s = r - e, n = i - t, c = Math.sin(s / 2) * Math.sin(s / 2) + Math.cos(e) * Math.cos(r) * Math.sin(n / 2) * Math.sin(n / 2);
-  return G * 2 * Math.atan2(Math.sqrt(c), Math.sqrt(1 - c));
+}, Z = 6378137;
+function qe(e, o) {
+  if (!e || !o) return 0;
+  const a = e[0] * Math.PI / 180, t = e[1] * Math.PI / 180, i = o[0] * Math.PI / 180, r = o[1] * Math.PI / 180, n = i - a, s = r - t, l = Math.sin(n / 2) * Math.sin(n / 2) + Math.cos(a) * Math.cos(i) * Math.sin(s / 2) * Math.sin(s / 2);
+  return Z * 2 * Math.atan2(Math.sqrt(l), Math.sqrt(1 - l));
 }
-function re(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 + re(t), 0);
+function fe(e) {
+  if (!Array.isArray(e) || e.length < 2) return 0;
+  if (Array.isArray(e[0]) && Array.isArray(e[0][0]))
+    return e.reduce((a, t) => a + fe(t), 0);
   let o = 0;
-  for (let e = 0; e < a.length - 1; e++) {
-    const t = a[e], r = a[e + 1];
-    Array.isArray(t) && Array.isArray(r) && t.length >= 2 && r.length >= 2 && (o += we([t[0], t[1]], [r[0], r[1]]));
+  for (let a = 0; a < e.length - 1; a++) {
+    const t = e[a], i = e[a + 1];
+    Array.isArray(t) && Array.isArray(i) && t.length >= 2 && i.length >= 2 && (o += qe([t[0], t[1]], [i[0], i[1]]));
   }
   return o;
 }
-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((r, i) => r + ie(i), 0);
-  const o = a.length;
+function Q(e) {
+  if (!Array.isArray(e)) return 0;
+  const o = e.length;
   if (o < 3) return 0;
-  let e = 0;
-  for (let r = 0; r < o; r++) {
-    const i = a[r], s = a[(r + 1) % o], n = a[(r + 2) % o];
-    if (!Array.isArray(i) || !Array.isArray(s) || !Array.isArray(n)) continue;
-    const c = (s[1] - i[1]) * (Math.PI / 180), l = (s[0] - i[0]) * (Math.PI / 180), u = (n[1] - s[1]) * (Math.PI / 180), p = (n[0] - s[0]) * (Math.PI / 180);
-    e += c * p - l * u;
-  }
-  const t = Math.abs(e * (G * G) / 2);
+  let a = 0;
+  for (let i = 0; i < o; i++) {
+    const r = e[i], n = e[(i + 1) % o], s = e[(i + 2) % o];
+    if (!Array.isArray(r) || !Array.isArray(n) || !Array.isArray(s)) continue;
+    const l = (n[1] - r[1]) * (Math.PI / 180), c = (n[0] - r[0]) * (Math.PI / 180), f = (s[1] - n[1]) * (Math.PI / 180), u = (s[0] - n[0]) * (Math.PI / 180);
+    a += l * u - c * f;
+  }
+  const t = Math.abs(a * (Z * Z) / 2);
   return isNaN(t) ? 0 : t;
 }
-function oe(a) {
-  if (!a || a.length === 0) return "";
-  const o = a.filter(
+function me(e) {
+  if (!Array.isArray(e) || e.length === 0) return 0;
+  if (Array.isArray(e[0]) && typeof e[0][0] == "number")
+    return Q(e);
+  if (Array.isArray(e[0]) && Array.isArray(e[0][0])) {
+    if (Array.isArray(e[0][0][0]))
+      return e.reduce((t, i) => t + me(i), 0);
+    const o = Q(e[0]);
+    let a = 0;
+    for (let t = 1; t < e.length; t++)
+      a += Q(e[t]);
+    return Math.max(0, o - a);
+  }
+  return 0;
+}
+function he(e) {
+  if (!e || e.length === 0) return "";
+  const o = e.filter(
     (t) => t.type === "Polygon" || t.type === "MultiPolygon" || t.geometryType === "Polygon"
   );
   if (o.length > 0) {
     const t = o.reduce(
-      (r, i) => r + (ie(i.coordinates) || 0),
+      (i, r) => i + (me(r.coordinates) || 0),
       0
     );
     return t >= 1e4 ? `${(t / 1e4).toLocaleString("pt-BR", {
@@ -151,12 +164,12 @@ function oe(a) {
       maximumFractionDigits: 2
     })} ha` : `${Math.round(t).toLocaleString("pt-BR")} m²`;
   }
-  const e = a.filter(
+  const a = e.filter(
     (t) => t.type === "LineString" || t.type === "MultiLineString" || t.geometryType === "LineString"
   );
-  if (e.length > 0) {
-    const t = e.reduce(
-      (r, i) => r + (re(i.coordinates) || 0),
+  if (a.length > 0) {
+    const t = a.reduce(
+      (i, r) => i + (fe(r.coordinates) || 0),
       0
     );
     return t >= 1e3 ? `${(t / 1e3).toLocaleString("pt-BR", {
@@ -166,57 +179,57 @@ function oe(a) {
   }
   return "";
 }
-function k(a) {
-  return a == null ? "" : String(a).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+function $(e) {
+  return e == null ? "" : String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-const Ee = /^(#(?:[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 P(a, o = "#00E08A") {
-  if (!a || typeof a != "string") return o;
-  const e = a.trim();
-  return Ee.test(e) ? e : o;
+const Te = /^(#(?:[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 G(e, o = "#00E08A") {
+  if (!e || typeof e != "string") return o;
+  const a = e.trim();
+  return Te.test(a) ? a : o;
 }
-function U(a) {
-  return Math.max(0, Math.min(255, Math.round(a))).toString(16).padStart(2, "0");
+function X(e) {
+  return Math.max(0, Math.min(255, Math.round(e))).toString(16).padStart(2, "0");
 }
-function Ae(a, o, e) {
-  const t = o / 100, r = e / 100, i = (c) => (c + a / 30) % 12, s = t * Math.min(r, 1 - r), n = (c) => r - s * Math.max(-1, Math.min(i(c) - 3, Math.min(9 - i(c), 1)));
-  return [n(0) * 255, n(8) * 255, n(4) * 255];
+function De(e, o, a) {
+  const t = o / 100, i = a / 100, r = (l) => (l + e / 30) % 12, n = t * Math.min(i, 1 - i), s = (l) => i - n * Math.max(-1, Math.min(r(l) - 3, Math.min(9 - r(l), 1)));
+  return [s(0) * 255, s(8) * 255, s(4) * 255];
 }
-function ke(a, o = "#000000") {
-  if (!a || typeof a != "string") return o;
-  const e = a.trim().toLowerCase(), t = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/.exec(e);
+function Pe(e, o = "#000000") {
+  if (!e || typeof e != "string") return o;
+  const a = e.trim().toLowerCase(), t = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/.exec(a);
   if (t) {
-    const i = t[1];
-    return i.length <= 4 ? `#${i[0]}${i[0]}${i[1]}${i[1]}${i[2]}${i[2]}` : `#${i.slice(0, 6)}`;
-  }
-  const r = /^(rgb|hsl)a?\(([^)]+)\)$/.exec(e);
-  if (r) {
-    const i = r[2].split(/[\s,/]+/).filter(Boolean).map((s) => parseFloat(s));
-    if (i.length >= 3 && i.slice(0, 3).every((s) => !isNaN(s))) {
-      const [s, n, c] = i, [l, u, p] = r[1] === "rgb" ? [s, n, c] : Ae(s, n, c);
-      return `#${U(l)}${U(u)}${U(p)}`;
+    const r = t[1];
+    return r.length <= 4 ? `#${r[0]}${r[0]}${r[1]}${r[1]}${r[2]}${r[2]}` : `#${r.slice(0, 6)}`;
+  }
+  const i = /^(rgb|hsl)a?\(([^)]+)\)$/.exec(a);
+  if (i) {
+    const r = i[2].split(/[\s,/]+/).filter(Boolean).map((n) => parseFloat(n));
+    if (r.length >= 3 && r.slice(0, 3).every((n) => !isNaN(n))) {
+      const [n, s, l] = r, [c, f, u] = i[1] === "rgb" ? [n, s, l] : De(n, s, l);
+      return `#${X(c)}${X(f)}${X(u)}`;
     }
   }
   return o;
 }
-function S(a, o, e) {
-  const t = a.querySelectorAll(`[${o}]`);
-  for (let r = 0; r < t.length; r++)
-    if (t[r].getAttribute(o) === e) return t[r];
+function F(e, o, a) {
+  const t = e.querySelectorAll(`[${o}]`);
+  for (let i = 0; i < t.length; i++)
+    if (t[i].getAttribute(o) === a) return t[i];
   return null;
 }
-function se(a, o = 80) {
-  let e = null;
+function ge(e, o = 80) {
+  let a = null;
   return (...t) => {
-    e && clearTimeout(e), e = setTimeout(() => {
-      a(...t), e = null;
+    a && clearTimeout(a), a = setTimeout(() => {
+      e(...t), a = null;
     }, o);
   };
 }
-function $(a, o) {
-  a.setAttribute("title", o), a.setAttribute("aria-label", o);
+function B(e, o) {
+  e.setAttribute("title", o), e.setAttribute("aria-label", o);
 }
-const ne = [
+const ve = [
   {
     id: "none",
     nome: "Sem Mapa",
@@ -259,18 +272,18 @@ const ne = [
     thumbnailUrl: "https://images.unsplash.com/photo-1518709268805-4e9042af9f23?w=160&auto=format&fit=crop&q=80"
   }
 ];
-function Ie(a = ne, o = "satelite") {
-  return !a || a.length === 0 ? "" : `
+function je(e = ve, o = "satelite") {
+  return !e || e.length === 0 ? "" : `
     <div class="ui-basemap-section">
       <div class="ui-basemap-title">Mapa Base</div>
       <div class="ui-basemap-grid">
-        ${a.map((t) => {
-    const r = o === t.id, i = k(t.id), s = k(t.nome), n = k(t.descricao || t.nome);
-    let c = "";
-    return t.thumbnailUrl ? c = `<img class="ui-basemap-preview" src="${k(t.thumbnailUrl)}" alt="" loading="lazy" referrerpolicy="no-referrer" data-basemap-thumb />` : c = `<div class="ui-basemap-preview-none">${h.gradeCad}</div>`, `
-        <div class="ui-basemap-card ${r ? "active" : ""}" data-basemap-id="${i}" role="button" tabindex="0" aria-pressed="${r}" title="${n}">
-          ${c}
-          <span>${s}</span>
+        ${e.map((t) => {
+    const i = o === t.id, r = $(t.id), n = $(t.nome), s = $(t.descricao || t.nome);
+    let l = "";
+    return t.thumbnailUrl ? l = `<img class="ui-basemap-preview" src="${$(t.thumbnailUrl)}" alt="" loading="lazy" referrerpolicy="no-referrer" data-basemap-thumb />` : l = `<div class="ui-basemap-preview-none">${g.gradeCad}</div>`, `
+        <div class="ui-basemap-card ${i ? "active" : ""}" data-basemap-id="${r}" role="button" tabindex="0" aria-pressed="${i}" title="${s}">
+          ${l}
+          <span>${n}</span>
         </div>
       `;
   }).join("")}
@@ -278,112 +291,188 @@ function Ie(a = ne, o = "satelite") {
     </div>
   `;
 }
-function Le(a, o, e) {
-  const t = o.filter((l) => e.has(l.id)), r = t.length > 0, i = oe(t), s = r ? t.length : a.length, n = r ? t.length > 1 ? "selecionados" : "selecionado" : a.length > 1 ? "camadas" : "camada", c = a.map((l) => `<option value="${k(l.id)}">${k(l.name)}</option>`).join("");
+function Oe(e) {
+  const o = /* @__PURE__ */ new Map();
+  e.forEach((r) => o.set(r.id, r));
+  const a = /* @__PURE__ */ new Map(), t = [];
+  e.forEach((r) => {
+    r.parentId && o.has(r.parentId) ? (a.has(r.parentId) || a.set(r.parentId, []), a.get(r.parentId).push(r)) : t.push(r);
+  });
+  const i = (r, n) => {
+    const s = a.get(r.id) || (Array.isArray(r.children) ? r.children : []), l = n > 0 ? "&nbsp;&nbsp;".repeat(n) + "↳ " : s.length > 0 || r.isGroup ? "📁 " : "", c = `<option value="${$(r.id)}">${l}${$(r.name)}</option>`, f = s.map((u) => i(u, n + 1)).join("");
+    return c + f;
+  };
+  return t.map((r) => i(r, 0)).join("");
+}
+function Re(e, o, a) {
+  const t = o.filter((c) => a.has(c.id)), i = t.length > 0, r = he(t), n = i ? t.length : e.length, s = i ? t.length > 1 ? "selecionados" : "selecionado" : e.length > 1 ? "camadas" : "camada", l = Oe(e);
   return `
-    <div class="ui-tree-footer">
+    <div class="ui-tree-footer ${i ? "tem-selecao" : "sem-selecao"}">
       <div class="ui-footer-left">
-        <span class="ui-footer-count" id="footer-count">${s}</span>
-        <span class="ui-footer-label" id="footer-label">${n}</span>
-        <span class="ui-footer-metric" style="display: ${i ? "inline-flex" : "none"};">${i ? `${h.reguaMetrica} ${i}` : ""}</span>
+        <span class="ui-footer-count" id="footer-count">${n}</span>
+        <span class="ui-footer-label" id="footer-label">${s}</span>
+        <span class="ui-footer-metric" id="footer-metric" style="display: ${r ? "inline-flex" : "none"};">${r ? `${g.reguaMetrica} ${r}` : ""}</span>
       </div>
-      <div class="ui-footer-right">
-        <button class="ui-footer-btn ${r ? "" : "disabled"}" id="btn-footer-vis" title="Alternar visibilidade coletiva" aria-label="Alternar visibilidade coletiva" ${r ? "" : "disabled"}>
-          ${h.olhoAberto}
+
+      <!-- Ações de topo/gerais quando não há nada selecionado -->
+      <div class="ui-footer-actions-gerais" style="display: ${i ? "none" : "flex"};">
+        <button class="ui-footer-chip-btn" id="btn-footer-new-group" title="Criar Nova Pasta/Grupo de Camadas" aria-label="Criar Grupo de Camadas">
+          ${g.moverPasta}
+          <span>+ Grupo</span>
+        </button>
+        <button class="ui-footer-chip-btn primario" id="btn-footer-new-layer" title="Criar Nova Camada Vetorial" aria-label="Criar Nova Camada">
+          ${g.mais}
+          <span>+ Camada</span>
         </button>
+      </div>
 
-        <button class="ui-footer-btn ${r ? "" : "disabled"}" id="btn-footer-lock" title="Alternar bloqueio coletivo" aria-label="Alternar bloqueio coletivo" ${r ? "" : "disabled"}>
-          ${h.cadeadoTrancado}
+      <!-- Ações em massa ativadas quando há seleção -->
+      <div class="ui-footer-right ui-footer-bulk-actions" style="display: ${i ? "flex" : "none"};">
+        <button class="ui-footer-btn ${i ? "" : "disabled"}" id="btn-footer-vis" title="Alternar visibilidade coletiva" aria-label="Alternar visibilidade coletiva" ${i ? "" : "disabled"}>
+          ${g.olhoAberto}
         </button>
 
-        <div class="ui-footer-color-wrapper ${r ? "" : "disabled"}" title="Alterar cor dos selecionados">
-          <input type="color" id="input-footer-color" aria-label="Cor dos selecionados" value="#00E08A" class="ui-footer-color" ${r ? "" : "disabled"} />
+        <button class="ui-footer-btn ${i ? "" : "disabled"}" id="btn-footer-lock" title="Alternar bloqueio coletivo" aria-label="Alternar bloqueio coletivo" ${i ? "" : "disabled"}>
+          ${g.cadeadoTrancado}
+        </button>
+
+        <div class="ui-footer-color-wrapper ${i ? "" : "disabled"}" title="Alterar cor dos selecionados">
+          <span class="ui-footer-color-preview" id="preview-footer-color" style="background-color: #00E08A;"></span>
+          <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 ${r ? "" : "disabled"}" title="Mover selecionados para outra camada">
-          <select id="select-footer-move" aria-label="Mover selecionados para outra camada" class="ui-footer-select" ${r ? "" : "disabled"}>
-            <option value="" disabled selected>📂</option>
-            ${c}
+        <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>📂 Mover para...</option>
+            ${l}
           </select>
         </div>
 
-        <button class="ui-footer-btn" id="btn-footer-new-layer" title="Criar Nova Camada" aria-label="Criar Nova Camada">
-          ${h.mais}
-        </button>
-
-        <button class="ui-footer-btn ${r ? "" : "disabled"}" id="btn-footer-del" title="Excluir selecionados" aria-label="Excluir selecionados" ${r ? "" : "disabled"}>
-          ${h.lixeira}
+        <button class="ui-footer-btn btn-danger-footer ${i ? "" : "disabled"}" id="btn-footer-del" title="Excluir selecionados" aria-label="Excluir selecionados" ${i ? "" : "disabled"}>
+          ${g.lixeira}
         </button>
 
-        ${r ? `<button class="ui-footer-btn" id="btn-footer-clear" title="Limpar seleção" aria-label="Limpar seleção">${h.fechar}</button>` : ""}
+        ${i ? `<button class="ui-footer-btn btn-clear-footer" id="btn-footer-clear" title="Limpar seleção" aria-label="Limpar seleção">${g.fechar}</button>` : ""}
       </div>
     </div>
   `;
 }
-const le = 80;
-function Y(a, o) {
-  const e = (o || "").trim().toLowerCase();
-  return e ? a.filter(
-    (t) => (t.name || "").toLowerCase().includes(e) || (t.category || "").toLowerCase().includes(e) || (t.type || "").toLowerCase().includes(e)
-  ) : a;
+const be = 80;
+function te(e, o) {
+  const a = (o || "").trim().toLowerCase();
+  return a ? e.filter(
+    (t) => (t.name || "").toLowerCase().includes(a) || (t.category || "").toLowerCase().includes(a) || (t.type || "").toLowerCase().includes(a)
+  ) : e;
 }
-function Ce(a, o, e, t = "", r = le) {
-  const i = (t || "").trim() !== "", s = [], n = /* @__PURE__ */ new Map();
-  for (let c = 0; c < o.length; c++) {
-    const l = o[c], u = l.layerId || "";
-    n.has(u) || n.set(u, []), n.get(u).push(l);
-  }
-  for (let c = 0; c < a.length; c++) {
-    const l = a[c];
-    if (i || e.has(l.id)) {
-      const u = Y(n.get(l.id) || [], t).slice(0, r);
-      for (let p = 0; p < u.length; p++)
-        s.push(u[p].id);
+function Ne(e, o, a, t = "", i = be) {
+  const r = (t || "").trim() !== "", n = [], s = /* @__PURE__ */ new Map();
+  for (let l = 0; l < o.length; l++) {
+    const c = o[l], f = c.layerId || "";
+    s.has(f) || s.set(f, []), s.get(f).push(c);
+  }
+  for (let l = 0; l < e.length; l++) {
+    const c = e[l];
+    if (r || a.has(c.id)) {
+      const f = te(s.get(c.id) || [], t).slice(0, i);
+      for (let u = 0; u < f.length; u++)
+        n.push(f[u].id);
     }
   }
-  return s;
+  return n;
+}
+function He(e, o, a, t, i, r) {
+  if (!e.includes(t)) return null;
+  const n = new Set(o);
+  let s = a;
+  if (r && a && e.includes(a)) {
+    const l = e.indexOf(a), c = e.indexOf(t), f = Math.min(l, c), u = Math.max(l, c);
+    i || n.clear();
+    for (let p = f; p <= u; p++)
+      n.add(e[p]);
+  } else i ? (n.has(t) ? n.delete(t) : n.add(t), s = t) : (n.clear(), n.add(t), s = t);
+  return { selecionados: n, ultimoClicadoId: s };
+}
+function Ge(e, o) {
+  if (e.size === 0) return;
+  const a = new Set(o.map((t) => t.id));
+  for (const t of e)
+    a.has(t) || e.delete(t);
+}
+const J = 64;
+function ue(e) {
+  return Array.isArray(e) && e.length >= 2 && Number.isFinite(e[0]) && Number.isFinite(e[1]);
+}
+function xe(e) {
+  return !Array.isArray(e) || e.length === 0 ? [] : ue(e[0]) ? [e.filter(ue)] : e.flatMap(xe);
 }
-function Se(a, o, e, t, r, i) {
-  if (!a.includes(t)) return null;
-  const s = new Set(o);
-  let n = e;
-  if (i && e && a.includes(e)) {
-    const c = a.indexOf(e), l = a.indexOf(t), u = Math.min(c, l), p = Math.max(c, l);
-    r || s.clear();
-    for (let d = u; d <= p; d++)
-      s.add(a[d]);
-  } else r ? (s.has(t) ? s.delete(t) : s.add(t), n = t) : (s.clear(), s.add(t), n = t);
-  return { selecionados: s, ultimoClicadoId: n };
+function pe(e) {
+  if (e.length <= J) return e;
+  const o = e.length / J, a = [];
+  for (let t = 0; t < J; t++) a.push(e[Math.floor(t * o)]);
+  return a.push(e[e.length - 1]), a;
 }
-function $e(a, o) {
-  if (a.size === 0) return;
-  const e = new Set(o.map((t) => t.id));
-  for (const t of a)
-    e.has(t) || a.delete(t);
+function Ve(e, o, a) {
+  const t = xe(o).filter((w) => w.length > 0);
+  if (t.length === 0) return "";
+  let i = 1 / 0, r = -1 / 0, n = 1 / 0, s = -1 / 0;
+  for (const w of t)
+    for (const [E, M] of w)
+      M < i && (i = M), M > r && (r = M), -E < n && (n = -E), -E > s && (s = -E);
+  const l = 16, c = 2, f = l - c * 2, u = r - i, p = s - n, d = Math.max(u, p), m = d > 0 ? f / d : 0, h = c + (f - u * m) / 2, I = c + (f - p * m) / 2, v = (w) => Math.round(w * 100) / 100, b = ([w, E]) => `${v(h + (E - i) * m)},${v(I + (-w - n) * m)}`, C = e === "polygon" || e === "multipolygon", x = e === "linestring" || e === "multilinestring", y = (w) => `<svg viewBox="0 0 ${l} ${l}" width="100%" height="100%" aria-hidden="true">${w}</svg>`;
+  if (C) {
+    const w = t.filter((E) => E.length >= 3).map((E) => `M${pe(E).map(b).join("L")}Z`).join("");
+    return w ? y(
+      `<path d="${w}" fill="${a}" fill-opacity="0.45" fill-rule="evenodd" stroke="${a}" stroke-width="1.2" stroke-linejoin="round"/>`
+    ) : "";
+  }
+  if (x) {
+    const w = t.filter((E) => E.length >= 2).map((E) => `M${pe(E).map(b).join("L")}`).join("");
+    return w ? y(
+      `<path d="${w}" fill="none" stroke="${a}" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>`
+    ) : "";
+  }
+  return "";
 }
-function Me(a, o) {
-  const e = P(o, "#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 Ue(e, o, a) {
+  const t = G(o, "#00E08A"), i = (e || "").toLowerCase(), r = a !== void 0 ? Ve(i, a, t) : "";
+  return r || (i === "polygon" || i === "multipolygon" ? `<svg viewBox="0 0 16 16" width="11" height="11"><polygon points="2,14 14,14 12,2 4,4" fill="${t}" fill-opacity="0.45" stroke="${t}" stroke-width="1.5"/></svg>` : i === "linestring" || i === "multilinestring" ? `<svg viewBox="0 0 16 16" width="11" height="11"><polyline points="2,13 8,3 14,10" fill="none" stroke="${t}" stroke-width="2"/></svg>` : i === "text" ? `<svg viewBox="0 0 16 16" width="11" height="11"><text x="8" y="12" font-size="12" font-weight="bold" fill="${t}" 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="${t}" stroke="#ffffff" stroke-width="1.2"/></svg>`);
+}
+function _e(e) {
+  const o = /* @__PURE__ */ new Map();
+  e.forEach((r) => o.set(r.id, r));
+  const a = /* @__PURE__ */ new Map(), t = [];
+  e.forEach((r) => {
+    r.parentId && o.has(r.parentId) && r.parentId !== r.id ? (a.has(r.parentId) || a.set(r.parentId, []), a.get(r.parentId).push(r)) : t.push(r);
+  });
+  function i(r, n) {
+    const s = a.get(r.id) || (Array.isArray(r.children) ? r.children : []);
+    return {
+      camada: r,
+      depth: n,
+      subcamadas: s.map((l) => i(l, n + 1))
+    };
+  }
+  return t.map((r) => i(r, 0));
 }
-function ze(a) {
+function Ke(e) {
   const {
     camadas: o,
-    feicoes: e,
+    feicoes: a,
     camadaAtivaId: t,
-    expandedLayers: r,
-    selectedFeatureIds: i,
-    activeSettingsLayerId: s,
-    editingLayerId: n,
-    editingFeatureId: c,
-    searchQuery: l,
-    limiteFeicoesPorCamada: u = le,
-    mostrarBotaoColapsar: p = !1
-  } = a, d = (l || "").trim().toLowerCase(), f = /* @__PURE__ */ new Map();
-  for (let g = 0; g < e.length; g++) {
-    const b = e[g], w = b.layerId || "";
-    f.has(w) || f.set(w, []), f.get(w).push(b);
-  }
-  const m = o.every((g) => g.visible !== !1), v = o.length > 0 && o.every((g) => r.has(g.id)), E = `
+    expandedLayers: i,
+    selectedFeatureIds: r,
+    activeSettingsLayerId: n,
+    editingLayerId: s,
+    editingFeatureId: l,
+    searchQuery: c,
+    limiteFeicoesPorCamada: f = be,
+    mostrarBotaoColapsar: u = !1
+  } = e, p = (c || "").trim().toLowerCase(), d = /* @__PURE__ */ new Map();
+  for (let x = 0; x < a.length; x++) {
+    const y = a[x], w = y.layerId || "";
+    d.has(w) || d.set(w, []), d.get(w).push(y);
+  }
+  const m = o.every((x) => x.visible !== !1), h = o.length > 0 && o.every((x) => i.has(x.id)), I = `
     <div class="ui-tree-toolbar">
       <div class="ui-tree-title-group">
         <span class="ui-tree-section-title">CAMADAS</span>
@@ -391,804 +480,922 @@ function ze(a) {
       </div>
       <div class="ui-tree-actions">
         <button id="btn-toggle-all-vis" class="ui-tree-action-btn" title="${m ? "Ocultar Todas as Camadas" : "Exibir Todas as Camadas"}" aria-label="${m ? "Ocultar Todas as Camadas" : "Exibir Todas as Camadas"}">
-          ${m ? h.olhoAberto : h.olhoFechado}
+          ${m ? g.olhoAberto : g.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" : ""}">${h.chevronDir}</span>
+        <button id="btn-toggle-all-expand" class="ui-tree-action-btn" aria-label="${h ? "Recolher Todos os Grupos" : "Expandir Todos os Grupos"}" title="${h ? "Recolher Todos os Grupos" : "Expandir Todos os Grupos"}">
+          <span class="ui-chevron-icon ${h ? "open" : ""}">${g.chevronDir}</span>
+        </button>
+        <button id="btn-add-group" class="ui-tree-btn-group" title="Criar grupo / pasta de camadas" aria-label="Criar grupo de camadas">
+          ${g.moverPasta} Grupo
         </button>
         <button id="btn-add-layer" class="ui-tree-btn-new" title="Adicionar nova camada vetorial">
-          ${h.mais} Camada
+          ${g.mais} Camada
         </button>
-        ${p ? `<button id="btn-colapsar" class="ui-camadas-btn-colapsar" title="Recolher painel" aria-label="Recolher painel">${h.recolherPainel}</button>` : ""}
+        ${u ? `<button id="btn-colapsar" class="ui-camadas-btn-colapsar" title="Recolher painel" aria-label="Recolher painel">${g.recolherPainel}</button>` : ""}
       </div>
     </div>
 
     <div class="ui-tree-search-wrapper">
-      <span class="ui-tree-search-icon">${h.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
+      <span class="ui-tree-search-icon">${g.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="${$(
+    c
   )}" />
-      ${l ? `<button class="ui-tree-search-clear" id="btn-clear-layer-search" title="Limpar busca" aria-label="Limpar busca">${h.fechar}</button>` : ""}
+      ${c ? `<button class="ui-tree-search-clear" id="btn-clear-layer-search" title="Limpar busca" aria-label="Limpar busca">${g.fechar}</button>` : ""}
     </div>
-  `, y = o.map((g) => {
-    const b = k(g.id), w = k(g.name || "Camada"), L = P(g.color, "#00E08A"), q = g.visible !== !1, z = g.locked === !0, D = d ? !0 : r.has(g.id), R = s === g.id, J = t === g.id, I = Y(f.get(g.id) || [], d), W = I.length > 0 && I.every((A) => i.has(A.id)), de = !W && I.some((A) => i.has(A.id)), ue = I.slice(0, u), pe = I.length > u, fe = ue.map((A) => {
-      const C = k(A.id), Z = k(A.name || "Feição"), ee = P(A.color, L), T = A.visible !== !1, j = z, N = A.locked === !0 || j, ae = j ? "Bloqueada pela camada" : N ? "Desbloquear Feição" : "Bloquear Feição", H = i.has(A.id), te = A.status;
-      let V = "";
-      return te === "oficial" ? V = '<span class="ui-geom-tag oficial" title="Geometria Oficial">OFICIAL</span>' : te === "previa" && (V = '<span class="ui-geom-tag previa" title="Geometria Prévia">PRÉVIA</span>'), `
-            <div class="ui-feat-row ${H ? "selected-row" : ""} ${T ? "" : "hidden-row"}" data-feat-row="${C}" data-feat-select="${C}" data-feat-layer="${b}" role="treeitem" aria-selected="${H}" 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="${T ? "Ocultar Feição" : "Exibir Feição"}" title="${T ? "Ocultar Feição" : "Exibir Feição"}">
-                ${T ? h.olhoAberto : h.olhoFechado}
-              </div>
-
-              <div class="ui-col ui-col-lock ${N ? "" : "ui-lock-open"}" data-feat-lock="${C}" ${j ? 'data-locked-by-layer="true"' : ""} role="button" tabindex="0" aria-label="${ae}" title="${ae}">
-                ${N ? h.cadeadoTrancado : h.cadeadoAberto}
-              </div>
+  `, v = (x) => {
+    const y = x.camada, w = x.depth, E = x.subcamadas, M = !!(y.isGroup || E.length > 0), L = $(y.id), re = $(y.name || (M ? "Novo Grupo" : "Camada")), q = G(y.color, "#00E08A"), O = y.visible !== !1, D = y.locked === !0, R = p ? !0 : i.has(y.id), V = n === y.id, ie = t === y.id, S = te(d.get(y.id) || [], p), oe = S.length > 0 && S.every((k) => r.has(k.id)), we = !oe && S.some((k) => r.has(k.id)), Ee = S.slice(0, f), Ae = S.length > f, ke = Ee.map((k) => {
+      const z = $(k.id), se = $(k.name || "Feição"), le = G(k.color, q), N = k.visible !== !1, U = D, _ = k.locked === !0 || U, ce = U ? "Bloqueada pela camada" : _ ? "Desbloquear Feição" : "Bloquear Feição", K = r.has(k.id), de = k.status;
+      let Y = "";
+      return de === "oficial" ? Y = '<span class="ui-geom-tag oficial" title="Geometria Oficial">OFICIAL</span>' : de === "previa" && (Y = '<span class="ui-geom-tag previa" title="Geometria Prévia">PRÉVIA</span>'), `
+          <div class="ui-feat-row ${K ? "selected-row" : ""} ${N ? "" : "hidden-row"}" data-feat-row="${z}" data-feat-select="${z}" data-feat-layer="${L}" role="treeitem" aria-selected="${K}" tabindex="-1" draggable="true" title="Clique para selecionar | Arraste para reordenar">
+            <div class="ui-col ui-col-eye" data-feat-eye="${z}" role="button" tabindex="0" aria-label="${N ? "Ocultar Feição" : "Exibir Feição"}" title="${N ? "Ocultar Feição" : "Exibir Feição"}">
+              ${N ? g.olhoAberto : g.olhoFechado}
+            </div>
 
-              <div class="ui-col ui-col-colorbar" style="background: ${ee};"></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">${Me(A.type || A.geometryType, ee)}</div>
-              </div>
+            <div class="ui-col ui-col-lock ${_ ? "" : "ui-lock-open"}" data-feat-lock="${z}" ${U ? 'data-locked-by-layer="true"' : ""} role="button" tabindex="0" aria-label="${ce}" title="${ce}">
+              ${_ ? g.cadeadoTrancado : g.cadeadoAberto}
+            </div>
 
-              <div class="ui-col ui-col-name" data-feat-name-trigger="${C}" title="Duplo clique para renomear">
-                ${c === A.id ? `<input type="text" class="ui-inline-rename-input" data-inline-feat-input="${C}" value="${Z}" />` : `<span class="ui-name-text">${Z}</span>${V}`}
-              </div>
+            <div class="ui-col ui-col-colorbar" style="background: ${le};"></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">${Ue(k.type || k.geometryType, le, k.coordinates)}</div>
+            </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">${h.alvoEnquadrar}</button>
-              </div>
+            <div class="ui-col ui-col-name" data-feat-name-trigger="${z}" title="Duplo clique para renomear">
+              ${l === k.id ? `<input type="text" class="ui-inline-rename-input" data-inline-feat-input="${z}" value="${se}" />` : `<span class="ui-name-text">${se}</span>${Y}`}
+            </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 ${H ? "selected" : ""}"></div>
-              </div>
+            <div class="ui-col ui-col-actions">
+              <button class="ui-micro-btn" data-feat-fit="${z}" title="Enquadrar no mapa" aria-label="Enquadrar feição no mapa">${g.alvoEnquadrar}</button>
             </div>
-          `;
-    }).join(""), me = pe ? `<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 ${u} de ${I.length} feições. Use a busca acima para filtrar.</div>` : "", X = g.opacity !== void 0 ? g.opacity : 1, he = Math.round(X * 100), ge = R ? `
-        <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">${h.engrenagem}</span>
-              <span class="ui-drawer-title">Configurações da Camada</span>
+
+            <div class="ui-col ui-col-target" data-feat-target="${z}" role="button" tabindex="0" aria-label="Selecionar feição" title="Selecionar feição">
+              <div class="ui-target-circle ${K ? "selected" : ""}"></div>
             </div>
-            <button type="button" class="ui-drawer-btn-fechar" data-layer-settings-close="${b}" title="Fechar configurações (Esc)" aria-label="Fechar configurações">
-              ${h.fechar}
-            </button>
           </div>
+        `;
+    }).join(""), Ie = Ae ? `<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 ${f} de ${S.length} feições. Use a busca acima para filtrar.</div>` : "", ne = y.opacity !== void 0 ? y.opacity : 1, Le = Math.round(ne * 100), Ce = o.filter((k) => k.id !== y.id).map(
+      (k) => `<option value="${$(k.id)}" ${y.parentId === k.id ? "selected" : ""}>${k.isGroup ? "📁 " : ""}${$(k.name)}</option>`
+    ).join(""), $e = V ? `
+      <div class="ui-layer-settings-drawer" id="settings-drawer-${L}" style="--drawer-cor-camada: ${q};">
+        <div class="ui-drawer-header">
+          <div class="ui-drawer-header-left">
+            <span class="ui-drawer-icon">${g.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="${L}" title="Fechar configurações (Esc)" aria-label="Fechar configurações">
+            ${g.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="${ke(L, "#00e08a")}" class="ui-drawer-color-native" />
-                </label>
-              </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-${L}" style="background-color: ${q};"></span>
+                <span class="ui-drawer-color-hex" id="hex-color-${L}">${q.toUpperCase()}</span>
+                <input type="color" aria-label="Cor da camada" data-layer-color-picker="${L}" value="${Pe(q, "#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}">${he}%</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(X) || 0}" data-layer-opacity-slider="${b}" class="ui-drawer-slider" />
-              </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-${L}">${Le}%</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(ne) || 0}" data-layer-opacity-slider="${L}" class="ui-drawer-slider" />
             </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>
+          <!-- Hierarquia / Grupo Pai -->
+          <div class="ui-drawer-row">
+            <div class="ui-drawer-row-label">
+              <span>Pertence ao Grupo</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">
-                ${h.lixeira}
-                <span class="ui-btn-label">Excluir Camada</span>
-              </button>
+            <div class="ui-drawer-select-wrapper">
+              <select class="ui-drawer-select" data-layer-parent-select="${L}" aria-label="Grupo pai da camada">
+                <option value="" ${y.parentId ? "" : "selected"}>(Nenhum - Nível Principal)</option>
+                ${Ce}
+              </select>
             </div>
           </div>
         </div>
-      ` : "";
+
+        <div class="ui-drawer-footer">
+          <div class="ui-drawer-meta-info">
+            <span>${E.length > 0 ? `${E.length} subcamadas · ` : ""}${S.length} ${S.length === 1 ? "feição" : "feições"}</span>
+          </div>
+          <div class="ui-drawer-actions">
+            <button type="button" class="ui-drawer-btn-sublayer" data-add-sublayer="${L}" title="Adicionar nova camada dentro desta">
+              ${g.mais} Subcamada
+            </button>
+            <button type="button" class="ui-drawer-btn-danger" data-delete-layer="${L}" title="Excluir esta camada e suas feições">
+              ${g.lixeira}
+              <span class="ui-btn-label">Excluir</span>
+            </button>
+          </div>
+        </div>
+      </div>
+    ` : "", Se = E.map((k) => v(k)).join("");
     return `
-        <div class="ui-layer-group" data-layer-id="${b}" role="treeitem" aria-expanded="${D}">
-          <div class="ui-layer-row ${q ? "" : "hidden-layer"} ${J ? "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">${h.dragHandle}</div>
+      <div class="ui-layer-group ${w > 0 ? "is-sublayer-group" : ""}" data-layer-id="${L}" data-layer-depth="${w}" role="treeitem" aria-expanded="${R}">
+        <div class="ui-layer-row ${O ? "" : "hidden-layer"} ${ie ? "active-drawing-layer" : ""} ${w > 0 ? "is-sublayer" : ""} ${M ? "is-group-row" : ""}" data-layer-row="${L}" data-layer-id="${L}" tabindex="-1" draggable="true" style="--layer-depth: ${w}; --layer-active-color: ${q};">
+          <div class="ui-col ui-col-drag" title="Arrastar para reordenar Z-Index">${g.dragHandle}</div>
 
-            <div class="ui-col ui-col-eye" data-layer-eye="${b}" role="button" tabindex="0" aria-label="${q ? "Ocultar Camada" : "Exibir Camada"}" title="${q ? "Ocultar Camada" : "Exibir Camada"}">
-              ${q ? h.olhoAberto : h.olhoFechado}
-            </div>
+          <div class="ui-col ui-col-eye" data-layer-eye="${L}" role="button" tabindex="0" aria-label="${O ? "Ocultar Camada" : "Exibir Camada"}" title="${O ? "Ocultar Camada" : "Exibir Camada"}">
+            ${O ? g.olhoAberto : g.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 ? h.cadeadoTrancado : h.cadeadoAberto}
-            </div>
+          <div class="ui-col ui-col-lock ${D ? "" : "ui-lock-open"}" data-layer-lock="${L}" role="button" tabindex="0" aria-label="${D ? "Desbloquear Camada" : "Bloquear Camada"}" title="${D ? "Desbloquear Camada" : "Bloquear Camada"}">
+            ${D ? g.cadeadoTrancado : g.cadeadoAberto}
+          </div>
 
-            <div class="ui-col ui-col-colorbar" style="background: ${L};"></div>
+          <div class="ui-col ui-col-colorbar" style="background: ${q};"></div>
 
-            <div class="ui-col ui-col-chevron" data-layer-expand="${b}" role="button" tabindex="0" aria-label="${D ? "Recolher grupo" : "Expandir grupo"}">
-              <span class="ui-chevron-icon ${D ? "open" : ""}">${h.chevronDir}</span>
-            </div>
+          <div class="ui-col ui-col-chevron" data-layer-expand="${L}" role="button" tabindex="0" aria-label="${R ? "Recolher grupo" : "Expandir grupo"}">
+            <span class="ui-chevron-icon ${R ? "open" : ""}">${g.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">
-              ${n === g.id ? `<input type="text" class="ui-inline-rename-input" data-inline-layer-input="${b}" value="${w}" />` : `<span class="ui-name-text">${w}</span>
-                     ${J ? '<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-name" data-layer-name-trigger="${L}" title="Clique para ativar camada de desenho | Duplo clique para renomear">
+            ${s === y.id ? `<input type="text" class="ui-inline-rename-input" data-inline-layer-input="${L}" value="${re}" />` : `${M ? `<span class="ui-group-folder-icon" title="Grupo/Pasta">${g.moverPasta}</span>` : ""}
+                   <span class="ui-name-text">${re}</span>
+                   ${ie ? '<span class="ui-active-badge" title="Camada ativa para novos desenhos">✓ Ativa</span>' : ""}
+                   ${E.length > 0 ? `<span class="ui-group-badge" title="${E.length} subcamadas">${E.length} sub</span>` : ""}
+                   ${S.length > 0 || !M ? `<span class="ui-count-chip">${S.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">${h.alvoEnquadrar}</button>
-              <button class="ui-micro-btn ${R ? "active" : ""}" data-layer-settings="${b}" title="Ajustar cor, opacidade e excluir" aria-label="Configurações da camada" aria-expanded="${R}">${h.engrenagem}</button>
-            </div>
+          <div class="ui-col ui-col-actions">
+            <button class="ui-micro-btn" data-layer-fit="${L}" title="Enquadrar camada no mapa" aria-label="Enquadrar camada no mapa">${g.alvoEnquadrar}</button>
+            <button class="ui-micro-btn ${V ? "active" : ""}" data-layer-settings="${L}" title="Ajustar cor, hierarquia, opacidade e excluir" aria-label="Configurações da camada" aria-expanded="${V}">${g.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 ${W ? "selected" : de ? "partial" : ""}"></div>
-            </div>
+          <div class="ui-col ui-col-target" data-layer-target="${L}" 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 ${oe ? "selected" : we ? "partial" : ""}"></div>
           </div>
+        </div>
 
-          ${ge}
+        ${$e}
 
-          <div class="ui-children-container" role="group" style="display: ${D ? "block" : "none"};">
-            ${fe}
-            ${me}
-            ${I.length === 0 ? `<div class="ui-empty-row"><span>${d ? "Nenhum item correspondente" : "Nenhum elemento neste grupo"}</span></div>` : ""}
-          </div>
+        <div class="ui-children-container ${w > 0 ? "is-subchildren" : ""}" role="group" style="display: ${R ? "block" : "none"};">
+          ${Se}
+          ${ke}
+          ${Ie}
+          ${E.length === 0 && S.length === 0 ? `<div class="ui-empty-row"><span>${p ? "Nenhum item correspondente" : M ? "Grupo vazio (adicione subcamadas ou feições)" : "Nenhum elemento neste grupo"}</span></div>` : ""}
         </div>
-      `;
-  }).join("");
+      </div>
+    `;
+  }, C = _e(o).map((x) => v(x)).join("");
   return `
-    ${E}
+    ${I}
     <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">
-        ${y}
+        ${C}
       </div>
     </div>
   `;
 }
-class Fe {
-  constructor(o, e) {
-    x(this, "host");
-    x(this, "shadow");
-    this.host = o, this.shadow = e;
+function Ye(e, o, a) {
+  let t = e.find((i) => i.id === o);
+  for (; t && t.parentId; ) {
+    if (t.parentId === a) return !0;
+    t = e.find((i) => i.id === (t == null ? void 0 : t.parentId));
+  }
+  return !1;
+}
+class Qe {
+  constructor(o, a) {
+    A(this, "host");
+    A(this, "shadow");
+    this.host = o, this.shadow = a;
   }
   bindAll() {
-    this.bindInlineRename(), this.bindDragAndDrop();
+    this.bindInlineRename(), this.bindDragAndDrop(), this.bindTouchDragAndDrop();
   }
   bindInlineRename() {
     this.shadow.querySelectorAll("[data-layer-name-trigger]").forEach((o) => {
-      o.addEventListener("dblclick", (e) => {
-        e.stopPropagation();
+      o.addEventListener("dblclick", (a) => {
+        a.stopPropagation();
         const t = o.getAttribute("data-layer-name-trigger");
         if (!t) return;
         this.host.editingLayerId = t, this.host.solicitarRenderizacao();
-        const r = S(
+        const i = F(
           this.shadow,
           "data-inline-layer-input",
           t
         );
-        if (r) {
-          r.focus(), r.select();
-          let i = !1;
-          const s = (n) => {
-            var c, l;
-            if (!i) {
-              if (i = !0, this.host.editingLayerId = null, n) {
-                const u = r.value.trim(), p = this.host.camadas.find((d) => d.id === t);
-                u && p && p.name !== u && (p.name = u, (l = (c = this.host).salvarLembrancaEstado) == null || l.call(c), this.host.dispararEvento("ui-camada-renomeada", {
+        if (i) {
+          i.focus(), i.select();
+          let r = !1;
+          const n = (s) => {
+            var l, c;
+            if (!r) {
+              if (r = !0, this.host.editingLayerId = null, s) {
+                const f = i.value.trim(), u = this.host.camadas.find((p) => p.id === t);
+                f && u && u.name !== f && (u.name = f, (c = (l = this.host).salvarLembrancaEstado) == null || c.call(l), this.host.dispararEvento("ui-camada-renomeada", {
                   camadaId: t,
-                  novoNome: u,
-                  camada: p
+                  novoNome: f,
+                  camada: u
                 }));
               }
               this.host.solicitarRenderizacao();
             }
           };
-          r.addEventListener("keydown", (n) => {
-            n.key === "Enter" ? (n.preventDefault(), s(!0)) : n.key === "Escape" && (n.preventDefault(), s(!1));
-          }), r.addEventListener("blur", () => s(!0));
+          i.addEventListener("keydown", (s) => {
+            s.key === "Enter" ? (s.preventDefault(), n(!0)) : s.key === "Escape" && (s.preventDefault(), n(!1));
+          }), i.addEventListener("blur", () => n(!0));
         }
       });
     }), this.shadow.querySelectorAll("[data-feat-name-trigger]").forEach((o) => {
-      o.addEventListener("dblclick", (e) => {
-        e.stopPropagation();
+      o.addEventListener("dblclick", (a) => {
+        a.stopPropagation();
         const t = o.getAttribute("data-feat-name-trigger");
         if (!t) return;
         this.host.editingFeatureId = t, this.host.solicitarRenderizacao();
-        const r = S(
+        const i = F(
           this.shadow,
           "data-inline-feat-input",
           t
         );
-        if (r) {
-          r.focus(), r.select();
-          let i = !1;
-          const s = (n) => {
-            if (!i) {
-              if (i = !0, this.host.editingFeatureId = null, n) {
-                const c = r.value.trim(), l = this.host.feicoes.find((u) => u.id === t);
-                c && l && l.name !== c && (l.name = c, this.host.dispararEvento("ui-feicao-renomeada", {
+        if (i) {
+          i.focus(), i.select();
+          let r = !1;
+          const n = (s) => {
+            if (!r) {
+              if (r = !0, this.host.editingFeatureId = null, s) {
+                const l = i.value.trim(), c = this.host.feicoes.find((f) => f.id === t);
+                l && c && c.name !== l && (c.name = l, this.host.dispararEvento("ui-feicao-renomeada", {
                   feicaoId: t,
-                  novoNome: c,
-                  feicao: l
+                  novoNome: l,
+                  feicao: c
                 }));
               }
               this.host.solicitarRenderizacao();
             }
           };
-          r.addEventListener("keydown", (n) => {
-            n.key === "Enter" ? (n.preventDefault(), s(!0)) : n.key === "Escape" && (n.preventDefault(), s(!1));
-          }), r.addEventListener("blur", () => s(!0));
+          i.addEventListener("keydown", (s) => {
+            s.key === "Enter" ? (s.preventDefault(), n(!0)) : s.key === "Escape" && (s.preventDefault(), n(!1));
+          }), i.addEventListener("blur", () => n(!0));
         }
       });
     });
   }
   bindDragAndDrop() {
-    let o = null, e = null, t = null;
-    const r = () => {
-      this.shadow.querySelectorAll(".ui-layer-row, .ui-feat-row, .ui-layer-group").forEach((i) => {
-        i.classList.remove("dragging", "drop-above", "drop-below", "drop-into");
+    let o = null, a = null, t = null;
+    const i = () => {
+      this.shadow.querySelectorAll(".ui-layer-row, .ui-feat-row, .ui-layer-group").forEach((r) => {
+        r.classList.remove("dragging", "drop-above", "drop-below", "drop-into");
       });
     };
-    this.shadow.querySelectorAll('.ui-layer-row[draggable="true"]').forEach((i) => {
-      const s = i.getAttribute("data-layer-id");
-      s && (i.addEventListener("dragstart", (n) => {
-        const c = n;
-        if (c.target.closest("input, button, select") || this.host.editingLayerId || this.host.editingFeatureId) {
-          c.preventDefault();
+    this.shadow.querySelectorAll('.ui-layer-row[draggable="true"]').forEach((r) => {
+      const n = r.getAttribute("data-layer-id");
+      n && (r.addEventListener("dragstart", (s) => {
+        const l = s;
+        if (l.target.closest("input, button, select") || this.host.editingLayerId || this.host.editingFeatureId) {
+          l.preventDefault();
           return;
         }
-        o = "layer", e = s, c.dataTransfer && (c.dataTransfer.setData("text/plain", JSON.stringify({ type: "layer", id: s })), c.dataTransfer.effectAllowed = "move"), i.classList.add("dragging");
-      }), i.addEventListener("dragover", (n) => {
-        const c = n;
-        if (c.preventDefault(), c.stopPropagation(), c.dataTransfer && (c.dataTransfer.dropEffect = "move"), o === "layer") {
-          if (e === s) return;
-          const l = i.getBoundingClientRect(), u = c.clientY - l.top < l.height / 2;
-          i.classList.toggle("drop-above", u), i.classList.toggle("drop-below", !u);
-        } else o === "feature" && i.classList.add("drop-into");
-      }), i.addEventListener("dragleave", (n) => {
-        const c = n.relatedTarget;
-        c && i.contains(c) || i.classList.remove("drop-above", "drop-below", "drop-into");
-      }), i.addEventListener("drop", (n) => {
+        o = "layer", a = n, l.dataTransfer && (l.dataTransfer.setData("text/plain", JSON.stringify({ type: "layer", id: n })), l.dataTransfer.effectAllowed = "move"), r.classList.add("dragging");
+      }), r.addEventListener("dragover", (s) => {
+        const l = s;
+        if (l.preventDefault(), l.stopPropagation(), l.dataTransfer && (l.dataTransfer.dropEffect = "move"), o === "layer") {
+          if (a === n) return;
+          const c = r.getBoundingClientRect(), f = (l.clientY - c.top) / c.height;
+          f < 0.25 ? (r.classList.add("drop-above"), r.classList.remove("drop-below", "drop-into")) : f > 0.75 ? (r.classList.add("drop-below"), r.classList.remove("drop-above", "drop-into")) : (r.classList.add("drop-into"), r.classList.remove("drop-above", "drop-below"));
+        } else o === "feature" && r.classList.add("drop-into");
+      }), r.addEventListener("dragleave", (s) => {
+        const l = s.relatedTarget;
+        l && r.contains(l) || r.classList.remove("drop-above", "drop-below", "drop-into");
+      }), r.addEventListener("drop", (s) => {
         var u, p;
-        const c = n;
-        c.preventDefault(), c.stopPropagation();
-        const l = i.classList.contains("drop-above");
-        if (r(), o === "layer") {
-          if (!e || e === s) return;
-          const d = this.host.camadas.findIndex((v) => v.id === e);
-          if (d === -1) return;
-          const [f] = this.host.camadas.splice(d, 1), m = this.host.camadas.findIndex((v) => v.id === s);
-          m === -1 ? this.host.camadas.push(f) : this.host.camadas.splice(l ? m : m + 1, 0, f), (p = (u = this.host).salvarLembrancaEstado) == null || p.call(u), this.host.dispararEvento("ui-camadas-reordenadas", {
+        const l = s;
+        l.preventDefault(), l.stopPropagation();
+        const c = r.classList.contains("drop-above"), f = r.classList.contains("drop-into");
+        if (i(), o === "layer") {
+          if (!a || a === n) return;
+          const d = this.host.camadas.find((h) => h.id === a), m = this.host.camadas.find((h) => h.id === n);
+          if (!d || !m) return;
+          if (f)
+            Ye(this.host.camadas, m.id, d.id) || (d.parentId = m.id, "expandedLayers" in this.host && this.host.expandedLayers && this.host.expandedLayers.add(m.id), this.host.dispararEvento("ui-camada-mover-hierarquia", {
+              camadaId: d.id,
+              novoParentId: m.id,
+              camada: d
+            }));
+          else {
+            const h = this.host.camadas.findIndex((v) => v.id === a);
+            if (h === -1) return;
+            this.host.camadas.splice(h, 1);
+            const I = this.host.camadas.findIndex((v) => v.id === n);
+            I === -1 ? this.host.camadas.push(d) : this.host.camadas.splice(c ? I : I + 1, 0, d), d.parentId = m.parentId ?? null;
+          }
+          (p = (u = this.host).salvarLembrancaEstado) == null || p.call(u), this.host.dispararEvento("ui-camadas-reordenadas", {
             camadas: [...this.host.camadas]
           }), this.host.solicitarRenderizacao();
         } else if (o === "feature") {
           if (!t) return;
-          const d = this.host.feicoes.find((m) => m.id === t), f = this.host.camadas.find((m) => m.id === s);
-          if (d && f && d.layerId !== s) {
-            const m = d.layerId;
-            d.layerId = s, this.host.dispararEvento("ui-feicao-movida", {
+          const d = this.host.feicoes.find((h) => h.id === t), m = this.host.camadas.find((h) => h.id === n);
+          if (d && m && d.layerId !== n) {
+            const h = d.layerId;
+            d.layerId = n, this.host.dispararEvento("ui-feicao-movida", {
               feicaoId: d.id,
-              camadaOrigemId: m,
-              camadaDestinoId: s,
+              camadaOrigemId: h,
+              camadaDestinoId: n,
               feicao: d
             }), this.host.solicitarRenderizacao();
           }
         }
-      }), i.addEventListener("dragend", () => {
-        o = null, e = null, t = null, r();
+      }), r.addEventListener("dragend", () => {
+        o = null, a = null, t = null, i();
       }));
-    }), this.shadow.querySelectorAll('.ui-feat-row[draggable="true"]').forEach((i) => {
-      const s = i.getAttribute("data-feat-row"), n = i.getAttribute("data-feat-layer");
-      s && (i.addEventListener("dragstart", (c) => {
-        const l = c;
-        if (l.target.closest("input, button, select") || this.host.editingLayerId || this.host.editingFeatureId) {
-          l.preventDefault();
+    }), this.shadow.querySelectorAll('.ui-feat-row[draggable="true"]').forEach((r) => {
+      const n = r.getAttribute("data-feat-row"), s = r.getAttribute("data-feat-layer");
+      n && (r.addEventListener("dragstart", (l) => {
+        const c = l;
+        if (c.target.closest("input, button, select") || this.host.editingLayerId || this.host.editingFeatureId) {
+          c.preventDefault();
           return;
         }
-        l.stopPropagation(), o = "feature", t = s, e = n, l.dataTransfer && (l.dataTransfer.setData(
+        c.stopPropagation(), o = "feature", t = n, a = s, c.dataTransfer && (c.dataTransfer.setData(
           "text/plain",
-          JSON.stringify({ type: "feature", id: s, layerId: n })
-        ), l.dataTransfer.effectAllowed = "move"), i.classList.add("dragging");
-      }), i.addEventListener("dragover", (c) => {
-        const l = c;
-        if (o !== "feature" || t === s) return;
-        l.preventDefault(), l.stopPropagation(), l.dataTransfer && (l.dataTransfer.dropEffect = "move");
-        const u = i.getBoundingClientRect(), p = l.clientY - u.top < u.height / 2;
-        i.classList.toggle("drop-above", p), i.classList.toggle("drop-below", !p);
-      }), i.addEventListener("dragleave", (c) => {
-        const l = c.relatedTarget;
-        l && i.contains(l) || i.classList.remove("drop-above", "drop-below");
-      }), i.addEventListener("drop", (c) => {
-        const l = c;
-        if (o !== "feature" || !t || t === s) return;
-        l.preventDefault(), l.stopPropagation();
-        const u = i.classList.contains("drop-above");
-        r();
-        const p = this.host.feicoes.findIndex((g) => g.id === t);
-        if (p === -1) return;
-        const d = this.host.feicoes.find((g) => g.id === s);
-        if (!d) return;
-        const [f] = this.host.feicoes.splice(p, 1), m = f.layerId, v = d.layerId, E = m !== v;
-        E && (f.layerId = v);
-        const y = this.host.feicoes.findIndex((g) => g.id === s);
-        y === -1 ? this.host.feicoes.push(f) : this.host.feicoes.splice(u ? y : y + 1, 0, f), E && this.host.dispararEvento("ui-feicao-movida", {
-          feicaoId: f.id,
+          JSON.stringify({ type: "feature", id: n, layerId: s })
+        ), c.dataTransfer.effectAllowed = "move"), r.classList.add("dragging");
+      }), r.addEventListener("dragover", (l) => {
+        const c = l;
+        if (o !== "feature" || t === n) return;
+        c.preventDefault(), c.stopPropagation(), c.dataTransfer && (c.dataTransfer.dropEffect = "move");
+        const f = r.getBoundingClientRect(), u = c.clientY - f.top < f.height / 2;
+        r.classList.toggle("drop-above", u), r.classList.toggle("drop-below", !u);
+      }), r.addEventListener("dragleave", (l) => {
+        const c = l.relatedTarget;
+        c && r.contains(c) || r.classList.remove("drop-above", "drop-below");
+      }), r.addEventListener("drop", (l) => {
+        const c = l;
+        if (o !== "feature" || !t || t === n) return;
+        c.preventDefault(), c.stopPropagation();
+        const f = r.classList.contains("drop-above");
+        i();
+        const u = this.host.feicoes.findIndex((b) => b.id === t);
+        if (u === -1) return;
+        const p = this.host.feicoes.find((b) => b.id === n);
+        if (!p) return;
+        const [d] = this.host.feicoes.splice(u, 1), m = d.layerId, h = p.layerId, I = m !== h;
+        I && (d.layerId = h);
+        const v = this.host.feicoes.findIndex((b) => b.id === n);
+        v === -1 ? this.host.feicoes.push(d) : this.host.feicoes.splice(f ? v : v + 1, 0, d), I && this.host.dispararEvento("ui-feicao-movida", {
+          feicaoId: d.id,
           camadaOrigemId: m,
-          camadaDestinoId: v,
-          feicao: f
+          camadaDestinoId: h,
+          feicao: d
         }), this.host.dispararEvento("ui-feicoes-reordenadas", {
           feicoes: [...this.host.feicoes]
         }), this.host.solicitarRenderizacao();
-      }), i.addEventListener("dragend", (c) => {
-        c.stopPropagation(), o = null, t = null, e = null, r();
+      }), r.addEventListener("dragend", (l) => {
+        l.stopPropagation(), o = null, t = null, a = null, i();
       }));
     });
   }
+  /**
+   * Suporte a arraste por toque e ponteiro no handle (.ui-col-drag) para tablets e mobile
+   */
+  bindTouchDragAndDrop() {
+    this.shadow.querySelectorAll(".ui-layer-row .ui-col-drag").forEach((o) => {
+      const a = o.closest(".ui-layer-row");
+      if (!a) return;
+      const t = a.getAttribute("data-layer-id");
+      t && o.addEventListener("pointerdown", (i) => {
+        const r = i;
+        if (r.pointerType === "mouse" && r.button !== 0 || this.host.editingLayerId || this.host.editingFeatureId) return;
+        let n = null, s = !1;
+        const l = t, c = () => {
+          this.shadow.querySelectorAll(".ui-layer-row, .ui-feat-row, .ui-layer-group").forEach((p) => p.classList.remove("dragging", "drop-above", "drop-below"));
+        }, f = (p) => {
+          p.preventDefault(), a.classList.add("dragging");
+          const d = this.shadow.elementFromPoint(p.clientX, p.clientY), m = d ? d.closest(".ui-layer-row") : null;
+          if (n && n !== m && n.classList.remove("drop-above", "drop-below"), m && m !== a) {
+            n = m;
+            const h = m.getBoundingClientRect();
+            s = p.clientY - h.top < h.height / 2, m.classList.toggle("drop-above", s), m.classList.toggle("drop-below", !s);
+          } else
+            n = null;
+        }, u = () => {
+          var p, d;
+          if (window.removeEventListener("pointermove", f), window.removeEventListener("pointerup", u), window.removeEventListener("pointercancel", u), n) {
+            const m = n.getAttribute("data-layer-id");
+            if (c(), m && l && m !== l) {
+              const h = this.host.camadas.findIndex((I) => I.id === l);
+              if (h !== -1) {
+                const [I] = this.host.camadas.splice(h, 1), v = this.host.camadas.findIndex((b) => b.id === m);
+                v === -1 ? this.host.camadas.push(I) : this.host.camadas.splice(s ? v : v + 1, 0, I), (d = (p = this.host).salvarLembrancaEstado) == null || d.call(p), this.host.dispararEvento("ui-camadas-reordenadas", {
+                  camadas: [...this.host.camadas]
+                }), this.host.solicitarRenderizacao();
+              }
+            }
+          } else
+            c();
+        };
+        window.addEventListener("pointermove", f, { passive: !1 }), window.addEventListener("pointerup", u), window.addEventListener("pointercancel", u);
+      });
+    });
+  }
 }
-const Be = "ui_camadas_estado_";
-function qe(a, o) {
-  const e = (a || o || "default").trim();
-  return `${Be}${e}`;
+const Xe = "ui_camadas_estado_";
+function Je(e, o) {
+  const a = (e || o || "default").trim();
+  return `${Xe}${a}`;
 }
-function _(a) {
+function W(e) {
   if (typeof window > "u" || typeof localStorage > "u")
     return null;
   try {
-    const o = localStorage.getItem(a);
+    const o = localStorage.getItem(e);
     if (!o) return null;
-    const e = JSON.parse(o);
-    if (e && typeof e == "object")
-      return e;
+    const a = JSON.parse(o);
+    if (a && typeof a == "object")
+      return a;
   } catch (o) {
-    console.warn(`[UI-Camadas] Não foi possível carregar o estado persistido (${a}):`, o);
+    console.warn(`[UI-Camadas] Não foi possível carregar o estado persistido (${e}):`, o);
   }
   return null;
 }
-function De(a, o) {
+function We(e, o) {
   if (!(typeof window > "u" || typeof localStorage > "u"))
     try {
-      localStorage.setItem(a, JSON.stringify(o));
-    } catch (e) {
-      console.warn(`[UI-Camadas] Não foi possível salvar o estado persistido (${a}):`, e);
+      localStorage.setItem(e, JSON.stringify(o));
+    } catch (a) {
+      console.warn(`[UI-Camadas] Não foi possível salvar o estado persistido (${e}):`, a);
     }
 }
-function Te(a) {
+function Ze(e) {
   if (!(typeof window > "u" || typeof localStorage > "u"))
     try {
-      localStorage.removeItem(a);
+      localStorage.removeItem(e);
     } catch {
     }
 }
-function K(a) {
+function ee(e) {
   return {
-    name: a.name,
-    visible: a.visible !== !1,
-    locked: !!a.locked,
-    opacity: typeof a.opacity == "number" ? a.opacity : 1,
-    color: a.color || "#00E08A"
+    name: e.name,
+    visible: e.visible !== !1,
+    locked: !!e.locked,
+    opacity: typeof e.opacity == "number" ? e.opacity : 1,
+    color: e.color || "#00E08A",
+    parentId: e.parentId !== void 0 ? e.parentId : null
   };
 }
-function Oe(a, o, e, t) {
-  if (!Array.isArray(a)) return;
-  const r = (o == null ? void 0 : o.camadasOverrides) || {}, i = new Set((o == null ? void 0 : o.expandedLayerIds) || []), s = new Set((o == null ? void 0 : o.collapsedLayerIds) || []), n = i.size > 0 || s.size > 0;
-  for (let p = 0; p < a.length; p++) {
-    const d = a[p], f = r[d.id];
-    if (t == null || t.set(d.id, K(d)), f) {
-      const m = f.origem, v = (E) => {
-        var g;
-        const y = (g = t == null ? void 0 : t.get(d.id)) == null ? void 0 : g[E];
-        return m !== void 0 && m[E] !== y;
+function ea(e, o, a, t) {
+  if (!Array.isArray(e)) return;
+  const i = (o == null ? void 0 : o.camadasOverrides) || {}, r = new Set((o == null ? void 0 : o.expandedLayerIds) || []), n = new Set((o == null ? void 0 : o.collapsedLayerIds) || []), s = r.size > 0 || n.size > 0;
+  for (let u = 0; u < e.length; u++) {
+    const p = e[u], d = i[p.id];
+    if (t == null || t.set(p.id, ee(p)), d) {
+      const m = d.origem, h = (I) => {
+        var b;
+        const v = (b = t == null ? void 0 : t.get(p.id)) == null ? void 0 : b[I];
+        return m !== void 0 && m[I] !== v;
       };
-      typeof f.name == "string" && f.name.trim() && !v("name") && (d.name = f.name), typeof f.visible == "boolean" && !v("visible") && (d.visible = f.visible), typeof f.locked == "boolean" && !v("locked") && (d.locked = f.locked), typeof f.opacity == "number" && !v("opacity") && (d.opacity = f.opacity), typeof f.color == "string" && !v("color") && (d.color = f.color);
+      typeof d.name == "string" && d.name.trim() && !h("name") && (p.name = d.name), typeof d.visible == "boolean" && !h("visible") && (p.visible = d.visible), typeof d.locked == "boolean" && !h("locked") && (p.locked = d.locked), typeof d.opacity == "number" && !h("opacity") && (p.opacity = d.opacity), typeof d.color == "string" && !h("color") && (p.color = d.color), d.parentId !== void 0 && !h("parentId") && (p.parentId = d.parentId);
     }
-    n ? i.has(d.id) ? e.add(d.id) : s.has(d.id) ? e.delete(d.id) : e.add(d.id) : e.add(d.id);
+    s ? r.has(p.id) ? a.add(p.id) : n.has(p.id) ? a.delete(p.id) : a.add(p.id) : a.add(p.id);
   }
-  const c = new Set(a.map((p) => p.id)), l = o == null ? void 0 : o.ordemOrigemIds;
-  if (!(Array.isArray(l) && (() => {
-    const p = new Set(l), d = (f) => f.filter((m) => c.has(m) && p.has(m)).join("|");
-    return d(l) !== d(a.map((f) => f.id));
+  const l = new Set(e.map((u) => u.id)), c = o == null ? void 0 : o.ordemOrigemIds;
+  if (!(Array.isArray(c) && (() => {
+    const u = new Set(c), p = (d) => d.filter((m) => l.has(m) && u.has(m)).join("|");
+    return p(c) !== p(e.map((d) => d.id));
   })()) && Array.isArray(o == null ? void 0 : o.ordemCamadasIds) && o.ordemCamadasIds.length > 0) {
-    const p = /* @__PURE__ */ new Map();
-    o.ordemCamadasIds.forEach((d, f) => p.set(d, f)), a.sort((d, f) => {
-      const m = p.has(d.id) ? p.get(d.id) : 9999, v = p.has(f.id) ? p.get(f.id) : 9999;
-      return m - v;
+    const u = /* @__PURE__ */ new Map();
+    o.ordemCamadasIds.forEach((p, d) => u.set(p, d)), e.sort((p, d) => {
+      const m = u.has(p.id) ? u.get(p.id) : 9999, h = u.has(d.id) ? u.get(d.id) : 9999;
+      return m - h;
     });
   }
 }
-function Pe(a) {
-  const { estadoAnterior: o, camadas: e, expandedLayers: t } = a;
-  let r = (o == null ? void 0 : o.expandedLayerIds) || [], i = (o == null ? void 0 : o.collapsedLayerIds) || [], s = (o == null ? void 0 : o.ordemCamadasIds) || [], n = o == null ? void 0 : o.ordemOrigemIds;
-  const c = {
+function aa(e) {
+  const { estadoAnterior: o, camadas: a, expandedLayers: t } = e;
+  let i = (o == null ? void 0 : o.expandedLayerIds) || [], r = (o == null ? void 0 : o.collapsedLayerIds) || [], n = (o == null ? void 0 : o.ordemCamadasIds) || [], s = o == null ? void 0 : o.ordemOrigemIds;
+  const l = {
     ...(o == null ? void 0 : o.camadasOverrides) || {}
   };
-  e.length > 0 && (r = [], i = [], s = e.map((l) => l.id), n = a.origensCamadas ? [...a.origensCamadas.keys()] : s, e.forEach((l) => {
-    var u, p;
-    t.has(l.id) ? r.push(l.id) : i.push(l.id), c[l.id] = {
-      name: l.name,
-      visible: l.visible !== !1,
-      locked: !!l.locked,
-      opacity: typeof l.opacity == "number" ? l.opacity : 1,
-      color: l.color || "#00E08A",
-      origem: ((u = a.origensCamadas) == null ? void 0 : u.get(l.id)) ?? ((p = c[l.id]) == null ? void 0 : p.origem)
+  a.length > 0 && (i = [], r = [], n = a.map((c) => c.id), s = e.origensCamadas ? [...e.origensCamadas.keys()] : n, a.forEach((c) => {
+    var f, u;
+    t.has(c.id) ? i.push(c.id) : r.push(c.id), l[c.id] = {
+      name: c.name,
+      visible: c.visible !== !1,
+      locked: !!c.locked,
+      opacity: typeof c.opacity == "number" ? c.opacity : 1,
+      color: c.color || "#00E08A",
+      origem: ((f = e.origensCamadas) == null ? void 0 : f.get(c.id)) ?? ((u = l[c.id]) == null ? void 0 : u.origem)
     };
   }));
-  for (const l of a.camadasRemovidas ?? []) delete c[l];
+  for (const c of e.camadasRemovidas ?? []) delete l[c];
   return {
     versao: 1,
-    expandedLayerIds: r,
-    collapsedLayerIds: i,
-    camadaAtivaId: a.camadaAtivaId,
-    painelColapsado: a.painelColapsado,
-    ordemCamadasIds: s,
-    ordemOrigemIds: n,
-    mapaBaseAtivo: a.mapaBaseAtivo,
-    densidade: a.densidade,
-    altura: a.altura,
-    camadasOverrides: c,
+    expandedLayerIds: i,
+    collapsedLayerIds: r,
+    camadaAtivaId: e.camadaAtivaId,
+    painelColapsado: e.painelColapsado,
+    ordemCamadasIds: n,
+    ordemOrigemIds: s,
+    mapaBaseAtivo: e.mapaBaseAtivo,
+    densidade: e.densidade,
+    altura: e.altura,
+    camadasOverrides: l,
     ultimaAtualizacao: Date.now()
   };
 }
-const Re = ':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:var(--ui-sombra-lg, 0 10px 30px -4px rgba(0, 0, 0, .5)),0 0 0 1px color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 5%,transparent);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:var(--ui-sombra-md, 0 8px 20px rgba(0, 0, 0, .45));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 color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 35%,transparent)}.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:var(--ui-raio-sm, 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:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 25%,transparent);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:var(--ui-raio-sm, 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:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 16%,transparent) transparent}.ui-camadas-corpo::-webkit-scrollbar{width:4px}.ui-camadas-corpo::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 18%,transparent);border-radius:var(--ui-raio-sm, 4px)}.ui-camadas-corpo::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 32%,transparent)}.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-codigo, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-variant-numeric:tabular-nums;background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 7%,transparent);color:var(--ui-cor-texto-secundario, #888899);padding:1px 5px;border-radius:8px;border:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 6%,transparent)}.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:var(--ui-raio-sm, 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:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 12%,transparent);border:1px solid color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 35%,transparent);color:var(--ui-cor-primaria, #00E08A);border-radius:var(--ui-raio-sm, 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 color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 35%,transparent)}.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 color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 18%,transparent)}.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:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 10%,transparent)}.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:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 9%,transparent)!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:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 12%,transparent)!important;border-left:3px solid var(--layer-active-color, var(--ui-cor-primaria, #00E08A))!important;box-shadow:inset 0 0 12px color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 7%,transparent)}.ui-layer-row.active-drawing-layer .ui-name-text{color:var(--ui-cor-texto, #e1e1e6);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:color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 18%,transparent)!important;outline:1px solid color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 50%,transparent)!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:var(--ui-cor-texto-alerta, #ffb86c);opacity:.95}.ui-layer-row.dragging,.ui-feat-row.dragging{opacity:.35;background:color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 16%,transparent)!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:var(--ui-cor-texto-info, #33b5ff);box-shadow:0 0 8px color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 100%,transparent);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:var(--ui-cor-texto-info, #33b5ff);box-shadow:0 0 8px color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 100%,transparent);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:var(--ui-cor-texto-alerta, #ffb86c)}.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:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 22%,transparent);font-size:10px;font-family:var(--ui-fonte-codigo, ui-monospace, SFMono-Regular, Menlo, Consolas, 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 color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 15%,transparent);border-radius:2.5px;background:var(--ui-cor-fundo, #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-texto-sobre-primaria, #000000);background:var(--ui-cor-primaria, #00E08A);border:1px solid color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 45%,transparent);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 color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 50%,transparent))}to{opacity:.85}}.ui-count-chip{font-size:9px;font-family:var(--ui-fonte-codigo, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-variant-numeric:tabular-nums;color:var(--ui-cor-texto, #e1e1e6);background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 6%,transparent);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:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 18%,transparent)}.ui-col-target{width:22px;cursor:pointer}.ui-target-circle{width:11px;height:11px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 32%,transparent);background:transparent;transition:all .12s ease}.ui-col-target:hover .ui-target-circle{border-color:var(--ui-cor-texto-info, #33b5ff);transform:scale(1.18)}.ui-target-circle.selected{border:2px solid var(--ui-cor-texto-info, #33b5ff);background:var(--ui-cor-texto-info, #33b5ff);box-shadow:inset 0 0 0 2px var(--ui-cor-superficie, #141418)}.ui-target-circle.partial{border:2px solid var(--ui-cor-texto-info, #33b5ff);background:color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 40%,transparent)}.ui-inline-rename-input{width:100%;height:20px;background:var(--ui-cor-fundo, #0d0d10);color:var(--ui-cor-texto, #e1e1e6);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 color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 40%,transparent)}.ui-layer-settings-drawer{background:linear-gradient(180deg,var(--ui-cor-fundo-elevado, #17171e) 0%,var(--ui-cor-superficie, #0f0f13) 100%);padding:10px 14px 12px;border-top:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 12%,transparent);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 color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 6%,transparent),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 color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 7%,transparent)}.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:var(--ui-cor-texto, #e1e1e6);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.ui-drawer-layer-chip{font-size:9.5px;font-weight:500;color:var(--ui-cor-texto-secundario, #888899);background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 7%,transparent);padding:1px 6px;border-radius:var(--ui-raio-sm, 4px);border:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent);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:var(--ui-raio-sm, 4px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--camada-transicao)}.ui-drawer-btn-fechar:hover{color:var(--ui-cor-texto, #e1e1e6);background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 12%,transparent)}.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:var(--ui-cor-texto-secundario, #888899)}.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:var(--ui-cor-fundo, #0b0b0d);border:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 16%,transparent);border-radius:var(--ui-raio-sm, 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:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 25%,transparent)}.ui-drawer-color-sample{width:14px;height:14px;border-radius:3px;border:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 35%,transparent);box-shadow:var(--ui-sombra-sm, 0 1px 3px rgba(0, 0, 0, .5));flex-shrink:0;transition:background-color .1s ease}.ui-drawer-color-hex{font-size:10px;font-family:var(--ui-fonte-codigo, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-variant-numeric:tabular-nums;font-weight:700;color:var(--ui-cor-texto, #e1e1e6);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-codigo, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-variant-numeric:tabular-nums;font-weight:700;color:var(--ui-cor-texto, #e1e1e6);background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 10%,transparent);padding:1px 6px;border-radius:var(--ui-raio-sm, 4px);border:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 12%,transparent)}.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,color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent) 0%,var(--drawer-cor-camada, var(--ui-cor-primaria, #00E08A)) 100%);border-radius:3px;outline:none;margin:3px 0;cursor:pointer;border:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 12%,transparent)}.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 color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 7%,transparent)}.ui-drawer-meta-info{font-size:9.5px;color:var(--ui-cor-texto-secundario, #888899);font-style:italic}.ui-drawer-actions{display:flex;align-items:center;gap:6px}.ui-drawer-btn-danger{background:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 10%,transparent);border:1px solid color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 35%,transparent);color:var(--ui-cor-texto-erro, #ff5555);border-radius:var(--ui-raio-sm, 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:var(--ui-cor-botao-destrutivo-fundo, #d32f2f);color:var(--ui-cor-botao-destrutivo-texto, #ffffff);border-color:var(--ui-cor-botao-destrutivo-fundo, #d32f2f);box-shadow:0 0 10px color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 45%,transparent);transform:translateY(-.5px)}.ui-drawer-btn-danger.confirming{background:var(--ui-cor-botao-destrutivo-hover, #b71c1c);color:var(--ui-cor-botao-destrutivo-texto, #ffffff);border-color:var(--ui-cor-botao-destrutivo-hover, #b71c1c);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:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 16%,transparent);color:var(--ui-cor-texto-sucesso, #00E08A);border:1px solid color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 35%,transparent)}.ui-geom-tag.previa{background:color-mix(in srgb,var(--ui-cor-texto-alerta, #ffb86c) 16%,transparent);color:var(--ui-cor-texto-alerta, #ffb86c);border:1px solid color-mix(in srgb,var(--ui-cor-texto-alerta, #ffb86c) 35%,transparent)}.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-codigo, ui-monospace, SFMono-Regular, Menlo, Consolas, 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-codigo, ui-monospace, SFMono-Regular, Menlo, Consolas, 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:var(--ui-cor-texto, #e1e1e6);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:var(--ui-cor-texto, #e1e1e6);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:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 12%,transparent);color:var(--ui-cor-primaria, #00E08A);font-weight:600;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 35%,transparent)}.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:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 4%,transparent);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:var(--ui-cor-fundo-recuado, rgba(0, 0, 0, .15))}.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:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 9%,transparent);border-top-color:var(--ui-cor-primaria, #00E08A)}.ui-camadas-resizer-grip{width:32px;height:3px;border-radius:2px;background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 22%,transparent);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 color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 45%,transparent)}: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:var(--ui-cor-botao-destrutivo-texto, #ffffff);background:var(--ui-cor-botao-destrutivo-hover, #b71c1c);width:auto;padding:0 6px}';
-function je(a, o) {
-  o.querySelectorAll("[data-layer-row]").forEach((r) => {
-    r.addEventListener("click", (i) => {
-      if (i.target.closest(
+const ta = ':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: 20px;--camada-transicao: .16s cubic-bezier(.16, 1, .3, 1)}:host([densidade="compacto"]){--camada-linha-altura: 22px;--camada-thumb-tamanho: 17px;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:var(--ui-sombra-lg, 0 10px 30px -4px rgba(0, 0, 0, .5)),0 0 0 1px color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 5%,transparent);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:var(--ui-sombra-md, 0 8px 20px rgba(0, 0, 0, .45));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 color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 35%,transparent)}.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:var(--ui-raio-sm, 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:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 25%,transparent);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:var(--ui-raio-sm, 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:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 16%,transparent) transparent}.ui-camadas-corpo::-webkit-scrollbar{width:4px}.ui-camadas-corpo::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 18%,transparent);border-radius:var(--ui-raio-sm, 4px)}.ui-camadas-corpo::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 32%,transparent)}.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-codigo, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-variant-numeric:tabular-nums;background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 7%,transparent);color:var(--ui-cor-texto-secundario, #888899);padding:1px 5px;border-radius:8px;border:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 6%,transparent)}.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:var(--ui-raio-sm, 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:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 12%,transparent);border:1px solid color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 35%,transparent);color:var(--ui-cor-primaria, #00E08A);border-radius:var(--ui-raio-sm, 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 color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 35%,transparent)}.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 color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 18%,transparent)}.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:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 10%,transparent)}.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:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 9%,transparent)!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:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 12%,transparent)!important;border-left:3px solid var(--layer-active-color, var(--ui-cor-primaria, #00E08A))!important;box-shadow:inset 0 0 12px color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 7%,transparent)}.ui-layer-row.active-drawing-layer .ui-name-text{color:var(--ui-cor-texto, #e1e1e6);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:color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 18%,transparent)!important;outline:1px solid color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 50%,transparent)!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:var(--ui-cor-texto-alerta, #ffb86c);opacity:.95}.ui-layer-row.dragging,.ui-feat-row.dragging{opacity:.35;background:color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 16%,transparent)!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:var(--ui-cor-texto-info, #33b5ff);box-shadow:0 0 8px color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 100%,transparent);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:var(--ui-cor-texto-info, #33b5ff);box-shadow:0 0 8px color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 100%,transparent);z-index:20;pointer-events:none}.ui-layer-row.drop-into{background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 16%,transparent)!important;outline:1.5px dashed var(--ui-cor-primaria, #00E08A)!important;outline-offset:-2px;border-radius:var(--ui-raio-sm, 4px)}.ui-layer-row.is-sublayer{padding-left:calc(6px + var(--layer-depth, 1) * 16px);background:color-mix(in srgb,var(--ui-cor-fundo-elevado, #18181d) 70%,transparent);border-left:2px solid color-mix(in srgb,var(--layer-active-color, #00E08A) 40%,transparent)}.ui-children-container.is-subchildren{position:relative;margin-left:calc(var(--layer-depth, 0) * 8px);border-left:1px dashed var(--ui-cor-borda, rgba(255, 255, 255, .1))}.ui-group-folder-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ui-cor-texto-alerta, #ffb86c);margin-right:4px;flex-shrink:0}.ui-group-badge{font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:1px 4px;border-radius:3px;background:color-mix(in srgb,var(--ui-cor-texto-alerta, #ffb86c) 15%,transparent);color:var(--ui-cor-texto-alerta, #ffb86c);border:1px solid color-mix(in srgb,var(--ui-cor-texto-alerta, #ffb86c) 30%,transparent);margin-left:4px;flex-shrink:0}.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;touch-action:none;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:var(--ui-cor-texto-alerta, #ffb86c)}.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:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 22%,transparent);font-size:10px;font-family:var(--ui-fonte-codigo, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace)}.ui-col-thumb{width:calc(var(--camada-thumb-tamanho) + 3px);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 color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 15%,transparent);border-radius:3px;background:var(--ui-cor-fundo, #0d0d10);box-sizing:border-box;overflow:hidden;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-texto-sobre-primaria, #000000);background:var(--ui-cor-primaria, #00E08A);border:1px solid color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 45%,transparent);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 color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 50%,transparent))}to{opacity:.85}}.ui-count-chip{font-size:9px;font-family:var(--ui-fonte-codigo, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-variant-numeric:tabular-nums;color:var(--ui-cor-texto, #e1e1e6);background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 6%,transparent);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:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 18%,transparent)}.ui-col-target{width:22px;cursor:pointer}.ui-target-circle{width:11px;height:11px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 32%,transparent);background:transparent;transition:all .12s ease}.ui-col-target:hover .ui-target-circle{border-color:var(--ui-cor-texto-info, #33b5ff);transform:scale(1.18)}.ui-target-circle.selected{border:2px solid var(--ui-cor-texto-info, #33b5ff);background:var(--ui-cor-texto-info, #33b5ff);box-shadow:inset 0 0 0 2px var(--ui-cor-superficie, #141418)}.ui-target-circle.partial{border:2px solid var(--ui-cor-texto-info, #33b5ff);background:color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 40%,transparent)}.ui-inline-rename-input{width:100%;height:20px;background:var(--ui-cor-fundo, #0d0d10);color:var(--ui-cor-texto, #e1e1e6);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 color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 40%,transparent)}.ui-layer-settings-drawer{background:linear-gradient(180deg,var(--ui-cor-fundo-elevado, #17171e) 0%,var(--ui-cor-superficie, #0f0f13) 100%);padding:10px 14px 12px;border-top:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 12%,transparent);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 color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 6%,transparent),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 color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 7%,transparent)}.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:var(--ui-cor-texto, #e1e1e6);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.ui-drawer-layer-chip{font-size:9.5px;font-weight:500;color:var(--ui-cor-texto-secundario, #888899);background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 7%,transparent);padding:1px 6px;border-radius:var(--ui-raio-sm, 4px);border:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent);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:var(--ui-raio-sm, 4px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--camada-transicao)}.ui-drawer-btn-fechar:hover{color:var(--ui-cor-texto, #e1e1e6);background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 12%,transparent)}.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:var(--ui-cor-texto-secundario, #888899)}.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:var(--ui-cor-fundo, #0b0b0d);border:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 16%,transparent);border-radius:var(--ui-raio-sm, 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:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 25%,transparent)}.ui-drawer-color-sample{width:14px;height:14px;border-radius:3px;border:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 35%,transparent);box-shadow:var(--ui-sombra-sm, 0 1px 3px rgba(0, 0, 0, .5));flex-shrink:0;transition:background-color .1s ease}.ui-drawer-color-hex{font-size:10px;font-family:var(--ui-fonte-codigo, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-variant-numeric:tabular-nums;font-weight:700;color:var(--ui-cor-texto, #e1e1e6);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-codigo, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-variant-numeric:tabular-nums;font-weight:700;color:var(--ui-cor-texto, #e1e1e6);background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 10%,transparent);padding:1px 6px;border-radius:var(--ui-raio-sm, 4px);border:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 12%,transparent)}.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,color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent) 0%,var(--drawer-cor-camada, var(--ui-cor-primaria, #00E08A)) 100%);border-radius:3px;outline:none;margin:3px 0;cursor:pointer;border:1px solid color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 12%,transparent)}.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 color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 7%,transparent)}.ui-drawer-meta-info{font-size:9.5px;color:var(--ui-cor-texto-secundario, #888899);font-style:italic}.ui-drawer-actions{display:flex;align-items:center;gap:6px}.ui-drawer-btn-danger{background:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 10%,transparent);border:1px solid color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 35%,transparent);color:var(--ui-cor-texto-erro, #ff5555);border-radius:var(--ui-raio-sm, 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:var(--ui-cor-botao-destrutivo-fundo, #d32f2f);color:var(--ui-cor-botao-destrutivo-texto, #ffffff);border-color:var(--ui-cor-botao-destrutivo-fundo, #d32f2f);box-shadow:0 0 10px color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 45%,transparent);transform:translateY(-.5px)}.ui-drawer-btn-danger.confirming{background:var(--ui-cor-botao-destrutivo-hover, #b71c1c);color:var(--ui-cor-botao-destrutivo-texto, #ffffff);border-color:var(--ui-cor-botao-destrutivo-hover, #b71c1c);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:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 16%,transparent);color:var(--ui-cor-texto-sucesso, #00E08A);border:1px solid color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 35%,transparent)}.ui-geom-tag.previa{background:color-mix(in srgb,var(--ui-cor-texto-alerta, #ffb86c) 16%,transparent);color:var(--ui-cor-texto-alerta, #ffb86c);border:1px solid color-mix(in srgb,var(--ui-cor-texto-alerta, #ffb86c) 35%,transparent)}.ui-tree-footer{height:32px;min-height:32px;background:var(--ui-cor-fundo-elevado, #121216);border-top:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:space-between;padding:0 8px;gap:6px;box-sizing:border-box;overflow:hidden;position:relative}.ui-footer-left{display:flex;align-items:center;gap:5px;white-space:nowrap;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}.ui-footer-count{font-size:11px;font-family:var(--ui-fonte-codigo, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-variant-numeric:tabular-nums;font-weight:700;color:var(--ui-cor-primaria, #00E08A);flex-shrink:0}.ui-footer-label{font-size:10px;font-weight:500;color:var(--ui-cor-texto-secundario, #888899);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-footer-metric{font-size:9.5px;font-family:var(--ui-fonte-codigo, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-variant-numeric:tabular-nums;color:var(--ui-cor-primaria, #00E08A);display:inline-flex;align-items:center;gap:3px;white-space:nowrap;background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 12%,transparent);padding:1px 5px;border-radius:3px;border:1px solid color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 24%,transparent);flex-shrink:0}.ui-footer-actions-gerais{display:flex;align-items:center;gap:4px;flex-shrink:0}.ui-footer-chip-btn{background:#ffffff0a;border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .1));color:var(--ui-cor-texto-secundario, #a0a0b0);font-size:10px;font-weight:600;height:22px;padding:0 7px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all var(--camada-transicao)}.ui-footer-chip-btn:hover{background:#ffffff1a;color:var(--ui-cor-texto, #ffffff);border-color:#fff3}.ui-footer-chip-btn.primario{background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 12%,transparent);border-color:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 32%,transparent);color:var(--ui-cor-primaria, #00E08A)}.ui-footer-chip-btn.primario:hover{background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 22%,transparent);border-color:var(--ui-cor-primaria, #00E08A);color:#fff}.ui-footer-right{display:flex;align-items:center;gap:3px;flex-shrink:0}.ui-footer-btn{background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);width:22px;height:22px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all var(--camada-transicao);flex-shrink:0}.ui-footer-btn:hover:not(.disabled){color:var(--ui-cor-texto, #e1e1e6);background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .12))}.ui-footer-btn.disabled{opacity:.25;cursor:not-allowed}.ui-footer-btn.btn-danger-footer:hover:not(.disabled){color:#f55;background:#ff555526}.ui-footer-btn.confirming{background:#f55!important;color:#fff!important}.ui-footer-btn.btn-clear-footer{color:var(--ui-cor-texto-secundario, #888899);margin-left:2px}.ui-footer-btn.btn-clear-footer:hover{color:#fff;background:#ffffff1f}.ui-footer-color-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:18px;height:18px;cursor:pointer;flex-shrink:0}.ui-footer-color-preview{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);box-shadow:0 0 4px #0006;pointer-events:none;transition:transform .15s ease,border-color .15s ease}.ui-footer-color-wrapper:hover .ui-footer-color-preview{transform:scale(1.15);border-color:#fff}.ui-footer-color{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;margin:0;border:none}.ui-footer-move-wrapper{position:relative;display:flex;align-items:center;max-width:95px;flex-shrink:0}.ui-footer-select{background:var(--ui-cor-fundo, #16161c);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));color:var(--ui-cor-texto, #e1e1e6);border-radius:4px;font-size:10px;height:22px;padding:0 4px;cursor:pointer;max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-footer-select:hover:not(:disabled){border-color:#ffffff40}.ui-footer-select:focus{outline:none;border-color:var(--ui-cor-primaria, #00E08A)}.ui-tree-btn-group{background:#ffffff0a;border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));color:var(--ui-cor-texto-secundario, #a0a0b0);border-radius:var(--ui-raio-sm, 4px);height:22px;padding:0 7px;font-size:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all var(--camada-transicao)}.ui-tree-btn-group:hover{background:#ffffff1a;color:var(--ui-cor-texto, #ffffff);border-color:#ffffff40}.ui-drawer-btn-sublayer{background:#ffffff0f;border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));color:var(--ui-cor-texto, #e1e1e6);font-size:10.5px;font-weight:500;padding:4px 8px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all var(--camada-transicao)}.ui-drawer-btn-sublayer:hover{background:#ffffff1f;color:var(--ui-cor-primaria, #00E08A);border-color:var(--ui-cor-primaria, #00E08A)}.ui-drawer-select-wrapper{display:flex;align-items:center}.ui-drawer-select{background:var(--ui-cor-fundo, #16161c);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .15));color:var(--ui-cor-texto, #e1e1e6);border-radius:4px;font-size:10.5px;height:24px;padding:0 6px;cursor:pointer;max-width:140px}.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:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 12%,transparent);color:var(--ui-cor-primaria, #00E08A);font-weight:600;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 35%,transparent)}.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:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 4%,transparent);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:var(--ui-cor-fundo-recuado, rgba(0, 0, 0, .15))}.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:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 9%,transparent);border-top-color:var(--ui-cor-primaria, #00E08A)}.ui-camadas-resizer-grip{width:32px;height:3px;border-radius:2px;background:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 22%,transparent);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 color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 45%,transparent)}: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:var(--ui-cor-botao-destrutivo-texto, #ffffff);background:var(--ui-cor-botao-destrutivo-hover, #b71c1c);width:auto;padding:0 6px}';
+function ra(e, o) {
+  o.querySelectorAll("[data-layer-row]").forEach((i) => {
+    i.addEventListener("click", (r) => {
+      if (r.target.closest(
         "[data-layer-eye], [data-layer-lock], [data-layer-expand], [data-layer-target], [data-layer-fit], [data-layer-settings], input, button"
       ))
         return;
-      const n = r.getAttribute("data-layer-row");
-      n && a.definirCamadaAtiva(n, !0);
+      const s = i.getAttribute("data-layer-row");
+      s && e.definirCamadaAtiva(s, !0);
     });
-  }), o.querySelectorAll("[data-layer-expand]").forEach((r) => {
-    r.addEventListener("click", (i) => {
-      i.stopPropagation();
-      const s = r.getAttribute("data-layer-expand");
-      if (!s) return;
-      a.expandedLayers.has(s) ? a.expandedLayers.delete(s) : a.expandedLayers.add(s);
-      const n = r.closest(".ui-layer-group"), c = r.querySelector(".ui-chevron-icon"), l = a.expandedLayers.has(s);
-      if (c && c.classList.toggle("open", l), n) {
-        const u = n.querySelector(".ui-children-container");
-        u && (u.style.display = l ? "block" : "none");
+  }), o.querySelectorAll("[data-layer-expand]").forEach((i) => {
+    i.addEventListener("click", (r) => {
+      r.stopPropagation();
+      const n = i.getAttribute("data-layer-expand");
+      if (!n) return;
+      e.expandedLayers.has(n) ? e.expandedLayers.delete(n) : e.expandedLayers.add(n);
+      const s = i.closest(".ui-layer-group"), l = i.querySelector(".ui-chevron-icon"), c = e.expandedLayers.has(n);
+      if (l && l.classList.toggle("open", c), s) {
+        const f = s.querySelector(".ui-children-container");
+        f && (f.style.display = c ? "block" : "none");
       }
-      a.salvarLembrancaEstado();
+      e.salvarLembrancaEstado();
     });
-  }), o.querySelectorAll("[data-layer-eye]").forEach((r) => {
-    r.addEventListener("click", (i) => {
-      i.stopPropagation();
-      const s = r.getAttribute("data-layer-eye"), n = a.camadas.find((c) => c.id === s);
-      if (n) {
-        n.visible = n.visible === !1;
-        const c = n.visible !== !1;
-        r.innerHTML = c ? h.olhoAberto : h.olhoFechado, $(r, c ? "Ocultar Camada" : "Exibir Camada");
-        const l = r.closest(".ui-layer-row");
-        l && l.classList.toggle("hidden-layer", !c), Ne(a, o), a.salvarLembrancaEstado(), a.dispararEvento("ui-camada-visibilidade", {
-          camadaId: n.id,
-          visivel: c
+  }), o.querySelectorAll("[data-layer-eye]").forEach((i) => {
+    i.addEventListener("click", (r) => {
+      r.stopPropagation();
+      const n = i.getAttribute("data-layer-eye"), s = e.camadas.find((l) => l.id === n);
+      if (s) {
+        s.visible = s.visible === !1;
+        const l = s.visible !== !1;
+        i.innerHTML = l ? g.olhoAberto : g.olhoFechado, B(i, l ? "Ocultar Camada" : "Exibir Camada");
+        const c = i.closest(".ui-layer-row");
+        c && c.classList.toggle("hidden-layer", !l), ia(e, o), e.salvarLembrancaEstado(), e.dispararEvento("ui-camada-visibilidade", {
+          camadaId: s.id,
+          visivel: l
         });
       }
     });
-  }), o.querySelectorAll("[data-layer-lock]").forEach((r) => {
-    r.addEventListener("click", (i) => {
-      i.stopPropagation();
-      const s = r.getAttribute("data-layer-lock"), n = a.camadas.find((c) => c.id === s);
-      n && (n.locked = !n.locked, r.innerHTML = n.locked ? h.cadeadoTrancado : h.cadeadoAberto, r.classList.toggle("ui-lock-open", !n.locked), $(r, n.locked ? "Desbloquear Camada" : "Bloquear Camada"), He(a, o, n.id, n.locked === !0), a.salvarLembrancaEstado(), a.dispararEvento("ui-camada-bloqueio", {
-        camadaId: n.id,
-        bloqueado: n.locked
+  }), o.querySelectorAll("[data-layer-lock]").forEach((i) => {
+    i.addEventListener("click", (r) => {
+      r.stopPropagation();
+      const n = i.getAttribute("data-layer-lock"), s = e.camadas.find((l) => l.id === n);
+      s && (s.locked = !s.locked, i.innerHTML = s.locked ? g.cadeadoTrancado : g.cadeadoAberto, i.classList.toggle("ui-lock-open", !s.locked), B(i, s.locked ? "Desbloquear Camada" : "Bloquear Camada"), oa(e, o, s.id, s.locked === !0), e.salvarLembrancaEstado(), e.dispararEvento("ui-camada-bloqueio", {
+        camadaId: s.id,
+        bloqueado: s.locked
       }));
     });
-  }), o.querySelectorAll("[data-layer-fit]").forEach((r) => {
-    r.addEventListener("click", (i) => {
-      i.stopPropagation();
-      const s = r.getAttribute("data-layer-fit");
-      s && a.dispararEvento("ui-camada-enquadrar", { camadaId: s });
+  }), o.querySelectorAll("[data-layer-fit]").forEach((i) => {
+    i.addEventListener("click", (r) => {
+      r.stopPropagation();
+      const n = i.getAttribute("data-layer-fit");
+      n && e.dispararEvento("ui-camada-enquadrar", { camadaId: n });
     });
-  }), o.querySelectorAll("[data-layer-settings]").forEach((r) => {
-    r.addEventListener("click", (i) => {
-      i.stopPropagation();
-      const s = r.getAttribute("data-layer-settings");
-      a.activeSettingsLayerId = a.activeSettingsLayerId === s ? null : s, a.solicitarRenderizacao();
+  }), o.querySelectorAll("[data-layer-settings]").forEach((i) => {
+    i.addEventListener("click", (r) => {
+      r.stopPropagation();
+      const n = i.getAttribute("data-layer-settings");
+      e.activeSettingsLayerId = e.activeSettingsLayerId === n ? null : n, e.solicitarRenderizacao();
     });
-  }), o.querySelectorAll("[data-layer-settings-close]").forEach((r) => {
-    r.addEventListener("click", (i) => {
-      i.stopPropagation(), a.activeSettingsLayerId = null, a.solicitarRenderizacao();
+  }), o.querySelectorAll("[data-layer-settings-close]").forEach((i) => {
+    i.addEventListener("click", (r) => {
+      r.stopPropagation(), e.activeSettingsLayerId = null, e.solicitarRenderizacao();
     });
   });
-  const e = (r, i, s) => {
-    const n = a.camadas.find((f) => f.id === r);
-    if (!n) return;
-    const c = P(i, n.color || "#00E08A");
-    n.color = c;
-    const l = o.getElementById(`sample-color-${r}`);
-    l && (l.style.backgroundColor = c);
-    const u = o.getElementById(`hex-color-${r}`);
-    u && (u.textContent = c.toUpperCase());
-    const p = o.getElementById(`settings-drawer-${r}`);
-    p && p.style.setProperty("--drawer-cor-camada", c);
-    const d = S(o, "data-layer-row", r);
-    if (d) {
-      d.style.setProperty("--layer-active-color", c);
-      const f = d.querySelector(".ui-col-colorbar");
-      f && (f.style.backgroundColor = c);
+  const a = (i, r, n) => {
+    const s = e.camadas.find((d) => d.id === i);
+    if (!s) return;
+    const l = G(r, s.color || "#00E08A");
+    s.color = l;
+    const c = o.getElementById(`sample-color-${i}`);
+    c && (c.style.backgroundColor = l);
+    const f = o.getElementById(`hex-color-${i}`);
+    f && (f.textContent = l.toUpperCase());
+    const u = o.getElementById(`settings-drawer-${i}`);
+    u && u.style.setProperty("--drawer-cor-camada", l);
+    const p = F(o, "data-layer-row", i);
+    if (p) {
+      p.style.setProperty("--layer-active-color", l);
+      const d = p.querySelector(".ui-col-colorbar");
+      d && (d.style.backgroundColor = l);
     }
-    s ? a.salvarLembrancaEstado() : a.agendarSalvarLembranca(), a.dispararEvento("ui-camada-cor", { camadaId: n.id, cor: c });
+    n ? e.salvarLembrancaEstado() : e.agendarSalvarLembranca(), e.dispararEvento("ui-camada-cor", { camadaId: s.id, cor: l });
   };
-  o.querySelectorAll("[data-layer-color-picker]").forEach((r) => {
-    const i = r, s = (n) => (c) => {
-      const l = i.getAttribute("data-layer-color-picker");
-      if (!l) return;
-      const u = c.target.value;
-      e(l, u, n);
+  o.querySelectorAll("[data-layer-color-picker]").forEach((i) => {
+    const r = i, n = (s) => (l) => {
+      const c = r.getAttribute("data-layer-color-picker");
+      if (!c) return;
+      const f = l.target.value;
+      a(c, f, s);
     };
-    i.addEventListener("input", s(!1)), i.addEventListener("change", s(!0));
+    r.addEventListener("input", n(!1)), r.addEventListener("change", n(!0));
   });
-  const t = (r, i) => {
-    const s = a.camadas.find((l) => l.id === r);
-    if (!s) return;
-    s.opacity = i;
-    const n = o.getElementById(`badge-op-${r}`);
-    n && (n.textContent = `${Math.round(i * 100)}%`);
-    const c = S(o, "data-layer-opacity-slider", r);
-    c && parseFloat(c.value) !== i && (c.value = String(i)), a.agendarSalvarLembranca(), a.dispararEvento("ui-camada-opacidade", { camadaId: s.id, opacidade: i });
+  const t = (i, r) => {
+    const n = e.camadas.find((c) => c.id === i);
+    if (!n) return;
+    n.opacity = r;
+    const s = o.getElementById(`badge-op-${i}`);
+    s && (s.textContent = `${Math.round(r * 100)}%`);
+    const l = F(o, "data-layer-opacity-slider", i);
+    l && parseFloat(l.value) !== r && (l.value = String(r)), e.agendarSalvarLembranca(), e.dispararEvento("ui-camada-opacidade", { camadaId: n.id, opacidade: r });
   };
-  o.querySelectorAll("[data-layer-opacity-slider]").forEach((r) => {
-    r.addEventListener("input", (i) => {
-      const s = r.getAttribute("data-layer-opacity-slider");
-      if (!s) return;
-      const n = parseFloat(i.target.value);
-      t(s, n);
-    });
-  }), o.querySelectorAll("[data-delete-layer]").forEach((r) => {
-    let i = null;
-    r.addEventListener("click", (s) => {
-      s.stopPropagation();
-      const n = r.getAttribute("data-delete-layer");
+  o.querySelectorAll("[data-layer-opacity-slider]").forEach((i) => {
+    i.addEventListener("input", (r) => {
+      const n = i.getAttribute("data-layer-opacity-slider");
       if (!n) return;
-      if (r.classList.contains("confirming")) {
-        i && clearTimeout(i), a.dispararEvento("ui-camada-excluida", { camadaId: n });
-        const l = a.selectedFeatureIds.size;
-        a.removerCamada(n), a.selectedFeatureIds.size !== l && a.notificarMudancaSelecao();
+      const s = parseFloat(r.target.value);
+      t(n, s);
+    });
+  }), o.querySelectorAll("[data-delete-layer]").forEach((i) => {
+    let r = null;
+    i.addEventListener("click", (n) => {
+      n.stopPropagation();
+      const s = i.getAttribute("data-delete-layer");
+      if (!s) return;
+      if (i.classList.contains("confirming")) {
+        r && clearTimeout(r), e.dispararEvento("ui-camada-excluida", { camadaId: s });
+        const c = e.selectedFeatureIds.size;
+        e.camadas.forEach((f) => {
+          f.parentId === s && (f.parentId = null);
+        }), e.removerCamada(s), e.selectedFeatureIds.size !== c && e.notificarMudancaSelecao();
       } else {
-        r.classList.add("confirming");
-        const l = r.querySelector(".ui-btn-label");
-        l && (l.textContent = "Confirmar Exclusão?"), i = setTimeout(() => {
-          r.classList.remove("confirming"), l && (l.textContent = "Excluir Camada");
+        i.classList.add("confirming");
+        const c = i.querySelector(".ui-btn-label");
+        c && (c.textContent = "Confirmar Exclusão?"), r = setTimeout(() => {
+          i.classList.remove("confirming"), c && (c.textContent = "Excluir Camada");
         }, 3500);
       }
     });
-  }), o.querySelectorAll("[data-layer-target]").forEach((r) => {
-    r.addEventListener("click", (i) => {
-      i.stopPropagation();
-      const s = i, n = r.getAttribute("data-layer-target"), c = Y(
-        a.feicoes.filter((u) => u.layerId === n),
-        a.searchQuery
+  }), o.querySelectorAll("[data-layer-parent-select]").forEach((i) => {
+    i.addEventListener("change", (r) => {
+      const n = r.target, s = n.getAttribute("data-layer-parent-select"), l = n.value || null, c = e.camadas.find((f) => f.id === s);
+      c && (c.parentId = l, e.salvarLembrancaEstado(), e.dispararEvento("ui-camada-mover-hierarquia", {
+        camadaId: c.id,
+        novoParentId: l,
+        camada: c
+      }), e.solicitarRenderizacao());
+    });
+  }), o.querySelectorAll("[data-add-sublayer]").forEach((i) => {
+    i.addEventListener("click", (r) => {
+      r.stopPropagation();
+      const n = i.getAttribute("data-add-sublayer");
+      e.dispararEvento("ui-camada-adicionar", { parentId: n });
+    });
+  }), o.querySelectorAll("[data-layer-target]").forEach((i) => {
+    i.addEventListener("click", (r) => {
+      r.stopPropagation();
+      const n = r, s = i.getAttribute("data-layer-target"), l = te(
+        e.feicoes.filter((f) => f.layerId === s),
+        e.searchQuery
       );
-      if (c.length === 0) return;
-      c.every((u) => a.selectedFeatureIds.has(u.id)) ? c.forEach((u) => a.selectedFeatureIds.delete(u.id)) : (!s.ctrlKey && !s.metaKey && a.selectedFeatureIds.clear(), c.forEach((u) => a.selectedFeatureIds.add(u.id))), a.lastClickedFeatureId = c[c.length - 1].id, a.sincronizarSelecaoDOM(), a.notificarMudancaSelecao();
+      if (l.length === 0) return;
+      l.every((f) => e.selectedFeatureIds.has(f.id)) ? l.forEach((f) => e.selectedFeatureIds.delete(f.id)) : (!n.ctrlKey && !n.metaKey && e.selectedFeatureIds.clear(), l.forEach((f) => e.selectedFeatureIds.add(f.id))), e.lastClickedFeatureId = l[l.length - 1].id, e.sincronizarSelecaoDOM(), e.notificarMudancaSelecao();
     });
   });
 }
-function Ne(a, o) {
-  const e = o.getElementById("btn-toggle-all-vis");
-  if (!e) return;
-  const t = a.camadas.every((r) => r.visible !== !1);
-  e.innerHTML = t ? h.olhoAberto : h.olhoFechado, $(e, t ? "Ocultar Todas as Camadas" : "Exibir Todas as Camadas");
+function ia(e, o) {
+  const a = o.getElementById("btn-toggle-all-vis");
+  if (!a) return;
+  const t = e.camadas.every((i) => i.visible !== !1);
+  a.innerHTML = t ? g.olhoAberto : g.olhoFechado, B(a, t ? "Ocultar Todas as Camadas" : "Exibir Todas as Camadas");
 }
-function He(a, o, e, t) {
-  a.feicoes.filter((r) => r.layerId === e).forEach((r) => {
-    const i = S(o, "data-feat-lock", r.id);
-    if (!i) return;
-    const s = r.locked === !0 || t;
-    i.innerHTML = s ? h.cadeadoTrancado : h.cadeadoAberto, i.classList.toggle("ui-lock-open", !s), t ? i.setAttribute("data-locked-by-layer", "true") : i.removeAttribute("data-locked-by-layer"), $(
-      i,
-      t ? "Bloqueada pela camada" : s ? "Desbloquear Feição" : "Bloquear Feição"
+function oa(e, o, a, t) {
+  e.feicoes.filter((i) => i.layerId === a).forEach((i) => {
+    const r = F(o, "data-feat-lock", i.id);
+    if (!r) return;
+    const n = i.locked === !0 || t;
+    r.innerHTML = n ? g.cadeadoTrancado : g.cadeadoAberto, r.classList.toggle("ui-lock-open", !n), t ? r.setAttribute("data-locked-by-layer", "true") : r.removeAttribute("data-locked-by-layer"), B(
+      r,
+      t ? "Bloqueada pela camada" : n ? "Desbloquear Feição" : "Bloquear Feição"
     );
   });
 }
-function Ve(a, o) {
-  const e = o.getElementById("btn-footer-vis");
-  e && e.addEventListener("click", () => {
-    const l = a.feicoes.filter((d) => a.selectedFeatureIds.has(d.id));
-    if (l.length === 0) return;
-    const p = !l.some((d) => d.visible !== !1);
-    l.forEach((d) => d.visible = p), a.dispararEvento("ui-acao-massa", {
+function na(e, o) {
+  const a = o.getElementById("btn-footer-vis");
+  a && a.addEventListener("click", () => {
+    const u = e.feicoes.filter((m) => e.selectedFeatureIds.has(m.id));
+    if (u.length === 0) return;
+    const d = !u.some((m) => m.visible !== !1);
+    u.forEach((m) => m.visible = d), e.dispararEvento("ui-acao-massa", {
       acao: "visibilidade",
-      feicoesIds: l.map((d) => d.id),
-      feicoes: l,
-      valor: p
-    }), a.solicitarRenderizacao();
+      feicoesIds: u.map((m) => m.id),
+      feicoes: u,
+      valor: d
+    }), e.solicitarRenderizacao();
   });
   const t = o.getElementById("btn-footer-lock");
   t && t.addEventListener("click", () => {
-    const l = a.feicoes.filter((d) => a.selectedFeatureIds.has(d.id));
-    if (l.length === 0) return;
-    const p = !l.some((d) => d.locked === !0);
-    l.forEach((d) => d.locked = p), a.dispararEvento("ui-acao-massa", {
+    const u = e.feicoes.filter((m) => e.selectedFeatureIds.has(m.id));
+    if (u.length === 0) return;
+    const d = !u.some((m) => m.locked === !0);
+    u.forEach((m) => m.locked = d), e.dispararEvento("ui-acao-massa", {
       acao: "bloqueio",
-      feicoesIds: l.map((d) => d.id),
-      feicoes: l,
-      valor: p
-    }), a.solicitarRenderizacao();
+      feicoesIds: u.map((m) => m.id),
+      feicoes: u,
+      valor: d
+    }), e.solicitarRenderizacao();
   });
-  const r = o.getElementById("input-footer-color");
-  r && r.addEventListener("change", (l) => {
-    const u = l.target.value, p = a.feicoes.filter((d) => a.selectedFeatureIds.has(d.id));
-    p.length !== 0 && (p.forEach((d) => {
-      d.color = u, d.style = { ...d.style || {}, fillColor: u, strokeColor: u };
-    }), a.dispararEvento("ui-acao-massa", {
+  const i = o.getElementById("input-footer-color"), r = o.getElementById("preview-footer-color");
+  i && (i.addEventListener("input", (u) => {
+    const p = u.target.value;
+    r && (r.style.backgroundColor = p);
+  }), i.addEventListener("change", (u) => {
+    const p = u.target.value;
+    r && (r.style.backgroundColor = p);
+    const d = e.feicoes.filter((m) => e.selectedFeatureIds.has(m.id));
+    d.length !== 0 && (d.forEach((m) => {
+      m.color = p, m.style = { ...m.style || {}, fillColor: p, strokeColor: p };
+    }), e.dispararEvento("ui-acao-massa", {
       acao: "cor",
-      feicoesIds: p.map((d) => d.id),
-      feicoes: p,
-      valor: u
-    }), a.solicitarRenderizacao());
-  });
-  const i = o.getElementById("select-footer-move");
-  i && i.addEventListener("change", (l) => {
-    const u = l.target.value;
-    if (!u) return;
-    const p = a.feicoes.filter((f) => a.selectedFeatureIds.has(f.id));
-    if (p.length === 0) return;
-    const d = new Map(p.map((f) => [f.id, f.layerId]));
-    p.forEach((f) => f.layerId = u), p.forEach((f) => {
-      d.get(f.id) !== u && a.dispararEvento("ui-feicao-movida", {
-        feicaoId: f.id,
-        camadaOrigemId: d.get(f.id),
-        camadaDestinoId: u,
-        feicao: f
+      feicoesIds: d.map((m) => m.id),
+      feicoes: d,
+      valor: p
+    }), e.solicitarRenderizacao());
+  }));
+  const n = o.getElementById("select-footer-move");
+  n && n.addEventListener("change", (u) => {
+    const p = u.target.value;
+    if (!p) return;
+    const d = e.feicoes.filter((h) => e.selectedFeatureIds.has(h.id));
+    if (d.length === 0) return;
+    const m = new Map(d.map((h) => [h.id, h.layerId]));
+    d.forEach((h) => h.layerId = p), d.forEach((h) => {
+      m.get(h.id) !== p && e.dispararEvento("ui-feicao-movida", {
+        feicaoId: h.id,
+        camadaOrigemId: m.get(h.id),
+        camadaDestinoId: p,
+        feicao: h
       });
-    }), a.dispararEvento("ui-acao-massa", {
+    }), e.dispararEvento("ui-acao-massa", {
       acao: "mover",
-      feicoesIds: p.map((f) => f.id),
-      feicoes: p,
-      valor: u
-    }), a.solicitarRenderizacao();
+      feicoesIds: d.map((h) => h.id),
+      feicoes: d,
+      valor: p
+    }), e.solicitarRenderizacao();
   });
   const s = o.getElementById("btn-footer-new-layer");
   s && s.addEventListener("click", () => {
-    a.dispararEvento("ui-camada-adicionar", {});
+    e.dispararEvento("ui-camada-adicionar", {});
   });
-  const n = o.getElementById("btn-footer-del");
-  if (n) {
-    let l = null;
-    const u = "Excluir selecionados";
-    n.addEventListener("click", () => {
-      const p = Array.from(a.selectedFeatureIds);
-      if (p.length === 0) return;
-      if (!n.classList.contains("confirming")) {
-        n.classList.add("confirming"), $(n, `Clique novamente para excluir ${p.length} selecionado(s)`), l = setTimeout(() => {
-          n.classList.remove("confirming"), $(n, u);
+  const l = o.getElementById("btn-footer-new-group");
+  l && l.addEventListener("click", () => {
+    e.dispararEvento("ui-camada-grupo-adicionar", { isGroup: !0 });
+  });
+  const c = o.getElementById("btn-footer-del");
+  if (c) {
+    let u = null;
+    const p = "Excluir selecionados";
+    c.addEventListener("click", () => {
+      const d = Array.from(e.selectedFeatureIds);
+      if (d.length === 0) return;
+      if (!c.classList.contains("confirming")) {
+        c.classList.add("confirming"), B(c, `Clique novamente para excluir ${d.length} selecionado(s)`), u = setTimeout(() => {
+          c.classList.remove("confirming"), B(c, p);
         }, 3500);
         return;
       }
-      l && clearTimeout(l);
-      const d = 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", {
+      u && clearTimeout(u);
+      const m = e.feicoes.filter((h) => e.selectedFeatureIds.has(h.id));
+      e.feicoes = e.feicoes.filter((h) => !e.selectedFeatureIds.has(h.id)), e.selectedFeatureIds.clear(), e.lastClickedFeatureId = null, e.dispararEvento("ui-acao-massa", {
         acao: "excluir",
-        feicoesIds: p,
-        feicoes: d
-      }), a.notificarMudancaSelecao(), a.solicitarRenderizacao();
+        feicoesIds: d,
+        feicoes: m
+      }), e.notificarMudancaSelecao(), e.solicitarRenderizacao();
     });
   }
-  const c = o.getElementById("btn-footer-clear");
-  c && c.addEventListener("click", () => a.limparSelecao(!0));
+  const f = o.getElementById("btn-footer-clear");
+  f && f.addEventListener("click", () => e.limparSelecao(!0));
 }
-function Ue(a, o) {
-  const e = o.getElementById("btn-toggle-all-vis");
-  e && e.addEventListener("click", () => a.alternarVisibilidadeTodas(!0));
+function sa(e, o) {
+  const a = o.getElementById("btn-toggle-all-vis");
+  a && a.addEventListener("click", () => e.alternarVisibilidadeTodas(!0));
   const t = o.getElementById("btn-toggle-all-expand");
   t && t.addEventListener("click", (s) => {
-    s.stopPropagation(), a.camadas.length > 0 && a.camadas.every((c) => a.expandedLayers.has(c.id)) ? a.colapsarTodas() : a.expandirTodas();
+    s.stopPropagation(), e.camadas.length > 0 && e.camadas.every((c) => e.expandedLayers.has(c.id)) ? e.colapsarTodas() : e.expandirTodas();
+  });
+  const i = o.getElementById("btn-add-layer");
+  i && i.addEventListener("click", () => {
+    e.dispararEvento("ui-camada-adicionar", {});
   });
-  const r = o.getElementById("btn-add-layer");
+  const r = o.getElementById("btn-add-group");
   r && r.addEventListener("click", () => {
-    a.dispararEvento("ui-camada-adicionar", {});
+    e.dispararEvento("ui-camada-grupo-adicionar", { isGroup: !0 });
   });
-  const i = o.getElementById("btn-colapsar");
-  i && i.addEventListener("click", () => a.colapsar(!0)), _e(a, o);
+  const n = o.getElementById("btn-colapsar");
+  n && n.addEventListener("click", () => e.colapsar(!0)), la(e, o);
 }
-function _e(a, o) {
-  const e = o.getElementById("input-layer-search"), t = o.getElementById("btn-clear-layer-search"), r = () => {
-    var i;
-    a.searchQuery = "", a.solicitarRenderizacao(), (i = o.getElementById("input-layer-search")) == null || i.focus();
+function la(e, o) {
+  const a = o.getElementById("input-layer-search"), t = o.getElementById("btn-clear-layer-search"), i = () => {
+    var r;
+    e.searchQuery = "", e.solicitarRenderizacao(), (r = o.getElementById("input-layer-search")) == null || r.focus();
   };
-  if (e) {
-    const i = se(() => a.solicitarRenderizacao(), 75);
-    e.addEventListener("input", (s) => {
-      a.searchQuery = s.target.value, i();
-    }), e.addEventListener("keydown", (s) => {
-      s.key === "Escape" && a.searchQuery && (s.preventDefault(), r());
+  if (a) {
+    const r = ge(() => e.solicitarRenderizacao(), 75);
+    a.addEventListener("input", (n) => {
+      e.searchQuery = n.target.value, r();
+    }), a.addEventListener("keydown", (n) => {
+      n.key === "Escape" && e.searchQuery && (n.preventDefault(), i());
     });
   }
-  t && t.addEventListener("click", r);
+  t && t.addEventListener("click", i);
 }
-function Ge(a, o) {
-  o.querySelectorAll("[data-feat-select]").forEach((e) => {
-    e.addEventListener("click", (t) => {
-      if (a.editingFeatureId) return;
-      const r = t;
-      if (r.target.closest(
+function ca(e, o) {
+  o.querySelectorAll("[data-feat-select]").forEach((a) => {
+    a.addEventListener("click", (t) => {
+      if (e.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, r.ctrlKey || r.metaKey, r.shiftKey, !0);
+      const n = a.getAttribute("data-feat-select");
+      n && e.selecionarFeicao(n, i.ctrlKey || i.metaKey, i.shiftKey, !0);
     });
-  }), o.querySelectorAll("[data-feat-target]").forEach((e) => {
-    e.addEventListener("click", (t) => {
+  }), o.querySelectorAll("[data-feat-target]").forEach((a) => {
+    a.addEventListener("click", (t) => {
       t.stopPropagation();
-      const r = t, i = e.getAttribute("data-feat-target");
-      i && a.selecionarFeicao(i, r.ctrlKey || r.metaKey, r.shiftKey, !0);
+      const i = t, r = a.getAttribute("data-feat-target");
+      r && e.selecionarFeicao(r, i.ctrlKey || i.metaKey, i.shiftKey, !0);
     });
-  }), o.querySelectorAll("[data-feat-eye]").forEach((e) => {
-    e.addEventListener("click", (t) => {
+  }), o.querySelectorAll("[data-feat-eye]").forEach((a) => {
+    a.addEventListener("click", (t) => {
       t.stopPropagation();
-      const r = e.getAttribute("data-feat-eye"), i = a.feicoes.find((s) => s.id === r);
-      if (i) {
-        i.visible = i.visible === !1;
-        const s = i.visible !== !1;
-        e.innerHTML = s ? h.olhoAberto : h.olhoFechado, $(e, s ? "Ocultar Feição" : "Exibir Feição");
-        const n = e.closest(".ui-feat-row");
-        n && n.classList.toggle("hidden-row", !s), a.dispararEvento("ui-feicao-visibilidade", {
-          feicaoId: i.id,
-          visivel: s
+      const i = a.getAttribute("data-feat-eye"), r = e.feicoes.find((n) => n.id === i);
+      if (r) {
+        r.visible = r.visible === !1;
+        const n = r.visible !== !1;
+        a.innerHTML = n ? g.olhoAberto : g.olhoFechado, B(a, n ? "Ocultar Feição" : "Exibir Feição");
+        const s = a.closest(".ui-feat-row");
+        s && s.classList.toggle("hidden-row", !n), e.dispararEvento("ui-feicao-visibilidade", {
+          feicaoId: r.id,
+          visivel: n
         });
       }
     });
-  }), o.querySelectorAll("[data-feat-lock]").forEach((e) => {
-    e.addEventListener("click", (t) => {
-      if (t.stopPropagation(), e.hasAttribute("data-locked-by-layer")) return;
-      const r = e.getAttribute("data-feat-lock"), i = a.feicoes.find((s) => s.id === r);
-      i && (i.locked = !i.locked, e.innerHTML = i.locked ? h.cadeadoTrancado : h.cadeadoAberto, e.classList.toggle("ui-lock-open", !i.locked), $(e, i.locked ? "Desbloquear Feição" : "Bloquear Feição"), a.dispararEvento("ui-feicao-bloqueio", {
-        feicaoId: i.id,
-        bloqueado: i.locked
+  }), o.querySelectorAll("[data-feat-lock]").forEach((a) => {
+    a.addEventListener("click", (t) => {
+      if (t.stopPropagation(), a.hasAttribute("data-locked-by-layer")) return;
+      const i = a.getAttribute("data-feat-lock"), r = e.feicoes.find((n) => n.id === i);
+      r && (r.locked = !r.locked, a.innerHTML = r.locked ? g.cadeadoTrancado : g.cadeadoAberto, a.classList.toggle("ui-lock-open", !r.locked), B(a, r.locked ? "Desbloquear Feição" : "Bloquear Feição"), e.dispararEvento("ui-feicao-bloqueio", {
+        feicaoId: r.id,
+        bloqueado: r.locked
       }));
     });
-  }), o.querySelectorAll("[data-feat-fit]").forEach((e) => {
-    e.addEventListener("click", (t) => {
+  }), o.querySelectorAll("[data-feat-fit]").forEach((a) => {
+    a.addEventListener("click", (t) => {
       t.stopPropagation();
-      const r = e.getAttribute("data-feat-fit");
-      r && a.dispararEvento("ui-feicao-enquadrar", { feicaoId: r });
+      const i = a.getAttribute("data-feat-fit");
+      i && e.dispararEvento("ui-feicao-enquadrar", { feicaoId: i });
     });
   });
 }
-function Ke(a, o) {
-  o.querySelectorAll("[data-basemap-thumb]").forEach((e) => {
-    e.addEventListener(
+function da(e, o) {
+  o.querySelectorAll("[data-basemap-thumb]").forEach((a) => {
+    a.addEventListener(
       "error",
       () => {
         const t = document.createElement("div");
-        t.className = "ui-basemap-preview-none", t.innerHTML = h.mapa, e.replaceWith(t);
+        t.className = "ui-basemap-preview-none", t.innerHTML = g.mapa, a.replaceWith(t);
       },
       { once: !0 }
     );
-  }), o.querySelectorAll("[data-basemap-id]").forEach((e) => {
-    e.addEventListener("click", () => {
-      const t = e.getAttribute("data-basemap-id");
-      t && a.selecionarMapaBase(t, !0);
+  }), o.querySelectorAll("[data-basemap-id]").forEach((a) => {
+    a.addEventListener("click", () => {
+      const t = a.getAttribute("data-basemap-id");
+      t && e.selecionarMapaBase(t, !0);
     });
   });
 }
-function Qe(a, o) {
-  Ue(a, o), je(a, o), Ge(a, o), Ke(a, o), Ve(a, o);
+function ua(e, o) {
+  sa(e, o), ra(e, o), ca(e, o), da(e, o), na(e, o);
 }
-const Ye = '[role="button"][tabindex]', F = "[data-layer-row], [data-feat-row]", Je = ["color", "range", "checkbox", "radio", "button"];
-function ce(a) {
-  return a instanceof HTMLSelectElement || a instanceof HTMLTextAreaElement ? !0 : a instanceof HTMLInputElement && !Je.includes(a.type);
+const pa = '[role="button"][tabindex]', P = "[data-layer-row], [data-feat-row]", fa = ["color", "range", "checkbox", "radio", "button"];
+function ye(e) {
+  return e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement ? !0 : e instanceof HTMLInputElement && !fa.includes(e.type);
 }
-function We(a) {
-  return Array.from(a.querySelectorAll(F)).filter((o) => {
-    const e = o.closest(".ui-children-container");
-    return !(e && e.style.display === "none") && !o.classList.contains("ui-search-hidden");
+function ma(e) {
+  return Array.from(e.querySelectorAll(P)).filter((o) => {
+    const a = o.closest(".ui-children-container");
+    return !(a && a.style.display === "none") && !o.classList.contains("ui-search-hidden");
   });
 }
-function O(a, o) {
-  o && (a.querySelectorAll(F).forEach((e) => e.setAttribute("tabindex", "-1")), o.setAttribute("tabindex", "0"), o.focus());
+function H(e, o) {
+  o && (e.querySelectorAll(P).forEach((a) => a.setAttribute("tabindex", "-1")), o.setAttribute("tabindex", "0"), o.focus());
 }
-function Xe(a, o) {
-  a.dispatchEvent(
+function ha(e, o) {
+  e.dispatchEvent(
     new MouseEvent("click", {
       bubbles: !0,
       ctrlKey: o.ctrlKey || o.metaKey,
@@ -1196,120 +1403,126 @@ function Xe(a, o) {
     })
   );
 }
-function Ze(a, o, e) {
+function ga(e, o, a) {
   var t;
-  if (!ce(e.composedPath()[0])) {
-    if (a.activeSettingsLayerId) {
-      e.preventDefault();
-      const r = a.activeSettingsLayerId;
-      a.activeSettingsLayerId = null, a.solicitarRenderizacao(), (t = S(o, "data-layer-settings", r)) == null || t.focus();
+  if (!ye(a.composedPath()[0])) {
+    if (e.activeSettingsLayerId) {
+      a.preventDefault();
+      const i = e.activeSettingsLayerId;
+      e.activeSettingsLayerId = null, e.solicitarRenderizacao(), (t = F(o, "data-layer-settings", i)) == null || t.focus();
       return;
     }
-    a.selectedFeatureIds.size > 0 && (e.preventDefault(), a.limparSelecao(!0));
+    e.selectedFeatureIds.size > 0 && (a.preventDefault(), e.limparSelecao(!0));
   }
 }
-function ea(a, o, e) {
-  var s;
-  const t = e.composedPath()[0];
-  if (!(t instanceof HTMLElement) || ce(t)) return;
-  if ((e.key === "Enter" || e.key === " ") && t.matches(Ye)) {
-    e.preventDefault(), t.click();
+function va(e, o, a) {
+  var n;
+  const t = a.composedPath()[0];
+  if (!(t instanceof HTMLElement) || ye(t)) return;
+  if ((a.key === "Enter" || a.key === " ") && t.matches(pa)) {
+    a.preventDefault(), t.click();
     return;
   }
-  if (!t.matches(F)) return;
-  const r = We(a), i = r.indexOf(t);
-  switch (e.key) {
+  if (!t.matches(P)) return;
+  const i = ma(e), r = i.indexOf(t);
+  switch (a.key) {
     case "ArrowDown":
-      e.preventDefault(), O(a, r[Math.min(r.length - 1, i + 1)]);
+      a.preventDefault(), H(e, i[Math.min(i.length - 1, r + 1)]);
       break;
     case "ArrowUp":
-      e.preventDefault(), O(a, r[Math.max(0, i - 1)]);
+      a.preventDefault(), H(e, i[Math.max(0, r - 1)]);
       break;
     case "Home":
-      e.preventDefault(), O(a, r[0]);
+      a.preventDefault(), H(e, i[0]);
       break;
     case "End":
-      e.preventDefault(), O(a, r[r.length - 1]);
+      a.preventDefault(), H(e, i[i.length - 1]);
       break;
     case "ArrowRight":
     case "ArrowLeft": {
-      const n = t.getAttribute("data-layer-row");
-      if (!n) return;
-      const c = t.closest(".ui-layer-group"), l = (c == null ? void 0 : c.getAttribute("aria-expanded")) === "true";
-      e.key === "ArrowRight" !== l && (e.preventDefault(), (s = S(o, "data-layer-expand", n)) == null || s.click());
+      const s = t.getAttribute("data-layer-row");
+      if (!s) return;
+      const l = t.closest(".ui-layer-group"), c = (l == null ? void 0 : l.getAttribute("aria-expanded")) === "true";
+      a.key === "ArrowRight" !== c && (a.preventDefault(), (n = F(o, "data-layer-expand", s)) == null || n.click());
       break;
     }
     case "Enter":
     case " ":
-      e.preventDefault(), Xe(t, e);
+      a.preventDefault(), ha(t, a);
       break;
   }
 }
-function aa(a, o, e, t, r) {
-  r.add(o, "keydown", (i) => {
-    i.key === "Escape" && Ze(a, e, i);
-  }), r.add(t, "keydown", (i) => ea(t, e, i)), r.add(t, "focusin", (i) => {
-    const s = i.composedPath()[0];
-    s instanceof HTMLElement && s.matches(F) && (t.querySelectorAll(F).forEach((n) => n.setAttribute("tabindex", "-1")), s.setAttribute("tabindex", "0"));
+function ba(e, o, a, t, i) {
+  i.add(o, "keydown", (r) => {
+    r.key === "Escape" && ga(e, a, r);
+  }), i.add(t, "keydown", (r) => va(t, a, r)), i.add(t, "focusin", (r) => {
+    const n = r.composedPath()[0];
+    n instanceof HTMLElement && n.matches(P) && (t.querySelectorAll(P).forEach((s) => s.setAttribute("tabindex", "-1")), n.setAttribute("tabindex", "0"));
   });
 }
-function ta(a, o) {
+function xa(e, o) {
   o.querySelectorAll("[data-layer-row]").forEach((t) => {
-    const i = t.getAttribute("data-layer-row") === a.camadaAtivaId;
-    t.classList.toggle("active-drawing-layer", i);
-    const s = t.querySelector(".ui-col-name");
-    if (s) {
-      let n = s.querySelector(".ui-active-badge");
-      if (i && !n) {
-        n = document.createElement("span"), n.className = "ui-active-badge", n.textContent = "✓ Ativa";
-        const c = s.querySelector(".ui-count-chip");
-        c ? s.insertBefore(n, c) : s.appendChild(n);
-      } else !i && n && n.remove();
+    const r = t.getAttribute("data-layer-row") === e.camadaAtivaId;
+    t.classList.toggle("active-drawing-layer", r);
+    const n = t.querySelector(".ui-col-name");
+    if (n) {
+      let s = n.querySelector(".ui-active-badge");
+      if (r && !s) {
+        s = document.createElement("span"), s.className = "ui-active-badge", s.textContent = "✓ Ativa";
+        const l = n.querySelector(".ui-count-chip");
+        l ? n.insertBefore(s, l) : n.appendChild(s);
+      } else !r && s && s.remove();
     }
   });
 }
-function ra(a, o) {
-  o.querySelectorAll(".ui-feat-row").forEach((m) => {
-    const v = m.getAttribute("data-feat-row"), E = v ? a.selectedFeatureIds.has(v) : !1;
-    m.classList.toggle("selected-row", E), m.setAttribute("aria-selected", String(E));
-    const y = m.querySelector(".ui-target-circle");
-    y && y.classList.toggle("selected", E);
-  }), o.querySelectorAll(".ui-layer-group").forEach((m) => {
-    const v = m.getAttribute("data-layer-id"), E = a.feicoes.filter((g) => g.layerId === v), y = m.querySelector(".ui-layer-row .ui-target-circle");
-    if (y && E.length > 0) {
-      const g = E.every((w) => a.selectedFeatureIds.has(w.id)), b = !g && E.some((w) => a.selectedFeatureIds.has(w.id));
-      y.classList.toggle("selected", g), y.classList.toggle("partial", b);
-    } else y && y.classList.remove("selected", "partial");
+function ya(e, o) {
+  o.querySelectorAll(".ui-feat-row").forEach((v) => {
+    const b = v.getAttribute("data-feat-row"), C = b ? e.selectedFeatureIds.has(b) : !1;
+    v.classList.toggle("selected-row", C), v.setAttribute("aria-selected", String(C));
+    const x = v.querySelector(".ui-target-circle");
+    x && x.classList.toggle("selected", C);
+  }), o.querySelectorAll(".ui-layer-group").forEach((v) => {
+    const b = v.getAttribute("data-layer-id"), C = e.feicoes.filter((y) => y.layerId === b), x = v.querySelector(".ui-layer-row .ui-target-circle");
+    if (x && C.length > 0) {
+      const y = C.every((E) => e.selectedFeatureIds.has(E.id)), w = !y && C.some((E) => e.selectedFeatureIds.has(E.id));
+      x.classList.toggle("selected", y), x.classList.toggle("partial", w);
+    } else x && x.classList.remove("selected", "partial");
   });
-  const e = a.feicoes.filter((m) => a.selectedFeatureIds.has(m.id)), t = e.length > 0, r = o.getElementById("footer-count"), i = o.getElementById("footer-label");
-  r && (r.textContent = String(t ? e.length : a.camadas.length)), i && (i.textContent = t ? e.length > 1 ? "selecionados" : "selecionado" : a.camadas.length > 1 ? "camadas" : "camada");
-  const s = o.querySelector(".ui-footer-metric"), n = oe(e);
-  s && (n ? (s.innerHTML = `${h.reguaMetrica} ${n}`, s.style.display = "inline-flex") : s.style.display = "none"), ["btn-footer-vis", "btn-footer-lock", "btn-footer-del"].forEach((m) => {
-    const v = o.getElementById(m);
-    v && (v.disabled = !t, v.classList.toggle("disabled", !t));
+  const a = e.feicoes.filter((v) => e.selectedFeatureIds.has(v.id)), t = a.length > 0, i = o.getElementById("footer-count"), r = o.getElementById("footer-label");
+  i && (i.textContent = String(t ? a.length : e.camadas.length)), r && (r.textContent = t ? a.length > 1 ? "selecionados" : "selecionado" : e.camadas.length > 1 ? "camadas" : "camada");
+  const n = o.querySelector(".ui-footer-metric"), s = he(a);
+  n && (s ? (n.innerHTML = `${g.reguaMetrica} ${s}`, n.style.display = "inline-flex") : n.style.display = "none");
+  const l = o.querySelector(".ui-tree-footer");
+  l && (l.classList.toggle("tem-selecao", t), l.classList.toggle("sem-selecao", !t));
+  const c = o.querySelector(".ui-footer-actions-gerais");
+  c && (c.style.display = t ? "none" : "flex");
+  const f = o.querySelector(".ui-footer-bulk-actions");
+  f && (f.style.display = t ? "flex" : "none"), ["btn-footer-vis", "btn-footer-lock", "btn-footer-del"].forEach((v) => {
+    const b = o.getElementById(v);
+    b && (b.disabled = !t, b.classList.toggle("disabled", !t));
   });
-  const c = o.querySelector(".ui-footer-move-wrapper");
-  c && c.classList.toggle("disabled", !t);
-  const l = o.getElementById("select-footer-move");
-  l && (l.disabled = !t);
-  const u = o.querySelector(".ui-footer-color-wrapper");
+  const u = o.querySelector(".ui-footer-move-wrapper");
   u && u.classList.toggle("disabled", !t);
-  const p = o.getElementById("input-footer-color");
+  const p = o.getElementById("select-footer-move");
   p && (p.disabled = !t);
-  let d = o.getElementById("btn-footer-clear");
-  const f = o.querySelector(".ui-footer-right");
-  t && !d && f ? (d = document.createElement("button"), d.id = "btn-footer-clear", d.className = "ui-footer-btn", d.title = "Limpar seleção", d.innerHTML = h.fechar, d.addEventListener("click", () => a.limparSelecao(!0)), f.appendChild(d)) : !t && d && d.remove();
+  const d = o.querySelector(".ui-footer-color-wrapper");
+  d && d.classList.toggle("disabled", !t);
+  const m = o.getElementById("input-footer-color");
+  m && (m.disabled = !t);
+  let h = o.getElementById("btn-footer-clear");
+  const I = o.querySelector(".ui-footer-right");
+  t && !h && I ? (h = document.createElement("button"), h.id = "btn-footer-clear", h.className = "ui-footer-btn btn-clear-footer", h.title = "Limpar seleção", h.innerHTML = g.fechar, h.addEventListener("click", () => e.limparSelecao(!0)), I.appendChild(h)) : !t && h && h.remove();
 }
-function ia(a) {
+function wa(e) {
   function t() {
-    return a.getMinAltura ? a.getMinAltura() : 140;
+    return e.getMinAltura ? e.getMinAltura() : 140;
   }
-  function r() {
-    return a.getMaxAltura ? a.getMaxAltura() : 1600;
+  function i() {
+    return e.getMaxAltura ? e.getMaxAltura() : 1600;
   }
-  function i(l, u = !1) {
-    if (l == null || l === "") {
-      a.hostElement.style.removeProperty("height"), a.hostElement.style.removeProperty("--ui-camadas-altura"), u && a.hostElement.dispatchEvent(
+  function r(c, f = !1) {
+    if (c == null || c === "") {
+      e.hostElement.style.removeProperty("height"), e.hostElement.style.removeProperty("--ui-camadas-altura"), f && e.hostElement.dispatchEvent(
         new CustomEvent("ui-redimensionar-altura", {
           bubbles: !0,
           composed: !0,
@@ -1318,103 +1531,103 @@ function ia(a) {
       );
       return;
     }
-    const p = typeof l == "number" ? l : parseFloat(String(l));
-    if (isNaN(p)) return;
-    const d = Math.max(t(), Math.min(r(), Math.round(p)));
-    a.hostElement.style.height = `${d}px`, a.hostElement.style.setProperty("--ui-camadas-altura", `${d}px`), u && a.hostElement.dispatchEvent(
+    const u = typeof c == "number" ? c : parseFloat(String(c));
+    if (isNaN(u)) return;
+    const p = Math.max(t(), Math.min(i(), Math.round(u)));
+    e.hostElement.style.height = `${p}px`, e.hostElement.style.setProperty("--ui-camadas-altura", `${p}px`), f && e.hostElement.dispatchEvent(
       new CustomEvent("ui-redimensionar-altura", {
         bubbles: !0,
         composed: !0,
-        detail: { altura: d }
+        detail: { altura: p }
       })
     );
   }
-  let s = null;
-  function n() {
-    if (!a.resizerElement) return;
-    let l = !1, u = 0, p = 0;
-    const d = (m) => {
+  let n = null;
+  function s() {
+    if (!e.resizerElement) return;
+    let c = !1, f = 0, u = 0;
+    const p = (m) => {
       if (m.button !== 0) return;
-      m.preventDefault(), m.stopPropagation(), l = !0, u = m.clientY, p = a.hostElement.getBoundingClientRect().height, a.resizerElement.classList.add("ui-camadas-resizer--ativo"), a.hostElement.classList.add("ui-camadas--redimensionando");
+      m.preventDefault(), m.stopPropagation(), c = !0, f = m.clientY, u = e.hostElement.getBoundingClientRect().height, e.resizerElement.classList.add("ui-camadas-resizer--ativo"), e.hostElement.classList.add("ui-camadas--redimensionando");
       try {
-        a.resizerElement.setPointerCapture(m.pointerId);
+        e.resizerElement.setPointerCapture(m.pointerId);
       } catch {
       }
-      const v = (g) => {
-        if (!l) return;
-        g.preventDefault();
-        const b = g.clientY - u, w = Math.max(t(), Math.min(r(), 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(
+      const h = (b) => {
+        if (!c) return;
+        b.preventDefault();
+        const C = b.clientY - f, x = Math.max(t(), Math.min(i(), Math.round(u + C)));
+        e.hostElement.style.height = `${x}px`, e.hostElement.style.setProperty("--ui-camadas-altura", `${x}px`), e.onRedimensionando && e.onRedimensionando(x), e.hostElement.dispatchEvent(
           new CustomEvent("ui-redimensionando-altura", {
             bubbles: !0,
             composed: !0,
-            detail: { altura: w }
+            detail: { altura: x }
           })
         );
-      }, E = () => {
-        var g;
-        l = !1, s = null, window.removeEventListener("pointermove", v), window.removeEventListener("pointerup", y), window.removeEventListener("pointercancel", y), (g = a.resizerElement) == null || g.classList.remove("ui-camadas-resizer--ativo"), a.hostElement.classList.remove("ui-camadas--redimensionando");
-      }, y = (g) => {
-        if (!l) return;
-        l = !1, a.resizerElement.classList.remove("ui-camadas-resizer--ativo"), a.hostElement.classList.remove("ui-camadas--redimensionando");
+      }, I = () => {
+        var b;
+        c = !1, n = null, window.removeEventListener("pointermove", h), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v), (b = e.resizerElement) == null || b.classList.remove("ui-camadas-resizer--ativo"), e.hostElement.classList.remove("ui-camadas--redimensionando");
+      }, v = (b) => {
+        if (!c) return;
+        c = !1, e.resizerElement.classList.remove("ui-camadas-resizer--ativo"), e.hostElement.classList.remove("ui-camadas--redimensionando");
         try {
-          a.resizerElement.hasPointerCapture(g.pointerId) && a.resizerElement.releasePointerCapture(g.pointerId);
+          e.resizerElement.hasPointerCapture(b.pointerId) && e.resizerElement.releasePointerCapture(b.pointerId);
         } catch {
         }
-        window.removeEventListener("pointermove", v), window.removeEventListener("pointerup", y), window.removeEventListener("pointercancel", y);
-        const b = a.hostElement.getBoundingClientRect().height, w = Math.round(b);
-        a.onAlturaAlterada && a.onAlturaAlterada(w), a.hostElement.dispatchEvent(
+        window.removeEventListener("pointermove", h), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
+        const C = e.hostElement.getBoundingClientRect().height, x = Math.round(C);
+        e.onAlturaAlterada && e.onAlturaAlterada(x), e.hostElement.dispatchEvent(
           new CustomEvent("ui-redimensionar-altura", {
             bubbles: !0,
             composed: !0,
-            detail: { altura: w }
+            detail: { altura: x }
           })
         );
       };
-      s = E, window.addEventListener("pointermove", v), window.addEventListener("pointerup", y), window.addEventListener("pointercancel", y);
-    }, f = (m) => {
-      m.preventDefault(), m.stopPropagation(), i(null, !0), a.onAlturaAlterada && a.onAlturaAlterada(null);
+      n = I, window.addEventListener("pointermove", h), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v);
+    }, d = (m) => {
+      m.preventDefault(), m.stopPropagation(), r(null, !0), e.onAlturaAlterada && e.onAlturaAlterada(null);
     };
-    a.listeners.add(a.resizerElement, "pointerdown", d), a.listeners.add(a.resizerElement, "dblclick", f);
+    e.listeners.add(e.resizerElement, "pointerdown", p), e.listeners.add(e.resizerElement, "dblclick", d);
   }
-  function c() {
-    s == null || s(), a.listeners.cleanup();
+  function l() {
+    n == null || n(), e.listeners.cleanup();
   }
   return {
-    init: n,
-    definirAltura: i,
-    destruir: c
+    init: s,
+    definirAltura: r,
+    destruir: l
   };
 }
-const M = class M extends xe {
+const T = class T extends Fe {
   constructor() {
     super();
-    x(this, "shadow");
-    x(this, "listeners", new ye());
-    x(this, "dragDropManager");
-    x(this, "resizerController");
-    x(this, "alturaCustomizada", null);
-    x(this, "conectado", !1);
-    x(this, "profundidadeLote", 0);
-    x(this, "renderPendente", !1);
-    x(this, "camadasRemovidas", /* @__PURE__ */ new Set());
-    x(this, "origensCamadas", /* @__PURE__ */ new Map());
-    x(this, "salvarLembrancaDebounced", se(() => this.salvarLembrancaEstado(), 200));
+    A(this, "shadow");
+    A(this, "listeners", new Be());
+    A(this, "dragDropManager");
+    A(this, "resizerController");
+    A(this, "alturaCustomizada", null);
+    A(this, "conectado", !1);
+    A(this, "profundidadeLote", 0);
+    A(this, "renderPendente", !1);
+    A(this, "camadasRemovidas", /* @__PURE__ */ new Set());
+    A(this, "origensCamadas", /* @__PURE__ */ new Map());
+    A(this, "salvarLembrancaDebounced", ge(() => this.salvarLembrancaEstado(), 200));
     // Estado interno
-    x(this, "camadas", []);
-    x(this, "feicoes", []);
-    x(this, "mapasBase", [...ne]);
-    x(this, "expandedLayers", /* @__PURE__ */ new Set());
-    x(this, "selectedFeatureIds", /* @__PURE__ */ new Set());
-    x(this, "lastClickedFeatureId", null);
-    x(this, "activeSettingsLayerId", null);
-    x(this, "editingLayerId", null);
-    x(this, "editingFeatureId", null);
-    x(this, "searchQuery", "");
-    x(this, "corpoElement");
-    x(this, "btnExpandirFlutuante");
+    A(this, "camadas", []);
+    A(this, "feicoes", []);
+    A(this, "mapasBase", [...ve]);
+    A(this, "expandedLayers", /* @__PURE__ */ new Set());
+    A(this, "selectedFeatureIds", /* @__PURE__ */ new Set());
+    A(this, "lastClickedFeatureId", null);
+    A(this, "activeSettingsLayerId", null);
+    A(this, "editingLayerId", null);
+    A(this, "editingFeatureId", null);
+    A(this, "searchQuery", "");
+    A(this, "corpoElement");
+    A(this, "btnExpandirFlutuante");
     this.shadow = this.attachShadow({ mode: "open" }), this.shadow.innerHTML = `
-      <style>${Re}</style>
+      <style>${ta}</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">
@@ -1422,13 +1635,13 @@ const M = class M extends xe {
         </div>
       </div>
       <button class="ui-camadas-toggle-flutuante" id="btn-expandir-flutuante" title="Expandir Painel de Camadas" aria-label="Expandir Painel de Camadas">
-        ${h.camadas}
+        ${g.camadas}
       </button>
-    `, this.corpoElement = this.shadow.getElementById("painel-corpo"), this.btnExpandirFlutuante = this.shadow.getElementById("btn-expandir-flutuante"), this.dragDropManager = new Fe(this, this.shadow);
-    const e = this.shadow.getElementById("resizer-altura");
-    this.resizerController = ia({
+    `, this.corpoElement = this.shadow.getElementById("painel-corpo"), this.btnExpandirFlutuante = this.shadow.getElementById("btn-expandir-flutuante"), this.dragDropManager = new Qe(this, this.shadow);
+    const a = this.shadow.getElementById("resizer-altura");
+    this.resizerController = wa({
       hostElement: this,
-      resizerElement: e,
+      resizerElement: a,
       listeners: this.listeners,
       getMinAltura: () => {
         const t = this.getAttribute("min-altura");
@@ -1467,131 +1680,131 @@ const M = class M extends xe {
   }
   connectedCallback() {
     if (this.persistir) {
-      const e = _(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));
+      const a = W(this.obterChaveStorageAtual());
+      a && (a.painelColapsado === !0 && !this.hasAttribute("colapsado") && (this.colapsado = !0), a.camadaAtivaId && !this.getAttribute("camada-ativa") && (this.camadaAtivaId = a.camadaAtivaId), a.mapaBaseAtivo && !this.getAttribute("mapa-base-ativo") && (this.mapaBaseAtivo = a.mapaBaseAtivo), a.densidade && !this.getAttribute("densidade") && (this.densidade = a.densidade), typeof a.altura == "number" && !this.getAttribute("altura") && !this.style.height && (this.resizerController.definirAltura(a.altura, !1), this.alturaCustomizada = a.altura));
     }
-    this.hasAttribute("altura") && this.resizerController.definirAltura(this.getAttribute("altura"), !1), this.persistir && !this.storageKey && !this.id && (M.instanciasChavePadrao.size > 0 && console.warn(
+    this.hasAttribute("altura") && this.resizerController.definirAltura(this.getAttribute("altura"), !1), this.persistir && !this.storageKey && !this.id && (T.instanciasChavePadrao.size > 0 && console.warn(
       "[UI-Camadas] Mais de um painel sem 'id' nem 'storage-key' divide a mesma chave de persistência e um sobrescreve o estado do outro. Defina 'storage-key' (ou 'id') em cada um."
-    ), M.instanciasChavePadrao.add(this)), this.resizerController.init(), this.render(), this.conectarEventosGerais(), aa(this, this, this.shadow, this.corpoElement, this.listeners), this.conectado = !0, this.camadas.length > 0 && this.salvarLembrancaEstado();
+    ), T.instanciasChavePadrao.add(this)), this.resizerController.init(), this.render(), this.conectarEventosGerais(), ba(this, this, this.shadow, this.corpoElement, this.listeners), this.conectado = !0, this.camadas.length > 0 && this.salvarLembrancaEstado();
   }
   disconnectedCallback() {
-    var e;
-    this.conectado = !1, M.instanciasChavePadrao.delete(this), (e = this.resizerController) == null || e.destruir(), this.listeners.cleanup();
+    var a;
+    this.conectado = !1, T.instanciasChavePadrao.delete(this), (a = this.resizerController) == null || a.destruir(), this.listeners.cleanup();
   }
-  attributeChangedCallback(e, t, r) {
-    var i;
-    t !== r && (e === "colapsado" ? this.salvarLembrancaEstado() : e === "camada-ativa" ? (this.sincronizarCamadaAtivaDOM(), this.salvarLembrancaEstado()) : e === "mapa-base-ativo" ? r && this.marcarMapaBaseAtivoNoDOM(r) : e === "mostrar-mapas-base" || e === "mostrar-rodape" || e === "mostrar-busca" || e === "colapsavel" || e === "flutuante" ? this.solicitarRenderizacao() : e === "altura" && ((i = this.resizerController) == null || i.definirAltura(r, !1)));
+  attributeChangedCallback(a, t, i) {
+    var r;
+    t !== i && (a === "colapsado" ? this.salvarLembrancaEstado() : a === "camada-ativa" ? (this.sincronizarCamadaAtivaDOM(), this.salvarLembrancaEstado()) : a === "mapa-base-ativo" ? i && this.marcarMapaBaseAtivoNoDOM(i) : a === "mostrar-mapas-base" || a === "mostrar-rodape" || a === "mostrar-busca" || a === "colapsavel" || a === "flutuante" ? this.solicitarRenderizacao() : a === "altura" && ((r = this.resizerController) == null || r.definirAltura(i, !1)));
   }
   // --- Getters e Setters de Propriedades Reativas ---
   get titulo() {
     return this.getAttribute("titulo") || "Camadas";
   }
-  set titulo(e) {
-    this.setAttribute("titulo", e);
+  set titulo(a) {
+    this.setAttribute("titulo", a);
   }
   get camadaAtivaId() {
-    var e;
-    return this.getAttribute("camada-ativa") || (((e = this.camadas[0]) == null ? void 0 : e.id) ?? null);
+    var a;
+    return this.getAttribute("camada-ativa") || (((a = this.camadas[0]) == null ? void 0 : a.id) ?? null);
   }
-  set camadaAtivaId(e) {
-    e ? this.setAttribute("camada-ativa", e) : this.removeAttribute("camada-ativa");
+  set camadaAtivaId(a) {
+    a ? this.setAttribute("camada-ativa", a) : this.removeAttribute("camada-ativa");
   }
   get mapaBaseAtivo() {
     return this.getAttribute("mapa-base-ativo") || "satelite";
   }
-  set mapaBaseAtivo(e) {
-    this.setAttribute("mapa-base-ativo", e);
+  set mapaBaseAtivo(a) {
+    this.setAttribute("mapa-base-ativo", a);
   }
-  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 }));
+  selecionarMapaBase(a, t = !1) {
+    !a || this.mapaBaseAtivo === a || (this.mapaBaseAtivo = a, this.marcarMapaBaseAtivoNoDOM(a), this.salvarLembrancaEstado(), t && this.dispararEvento("ui-mapa-base-alterado", { mapaBaseId: a }));
   }
-  marcarMapaBaseAtivoNoDOM(e) {
+  marcarMapaBaseAtivoNoDOM(a) {
     this.shadow.querySelectorAll("[data-basemap-id]").forEach((t) => {
-      const r = t.getAttribute("data-basemap-id") === e;
-      t.classList.toggle("active", r), t.setAttribute("aria-pressed", String(r));
+      const i = t.getAttribute("data-basemap-id") === a;
+      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);
+  set abaAtiva(a) {
+    this.setAttribute("aba-ativa", a);
   }
   get colapsado() {
     return this.hasAttribute("colapsado");
   }
-  set colapsado(e) {
-    e ? this.setAttribute("colapsado", "") : this.removeAttribute("colapsado");
+  set colapsado(a) {
+    a ? this.setAttribute("colapsado", "") : this.removeAttribute("colapsado");
   }
   get colapsavel() {
     return this.getAttribute("colapsavel") !== "false";
   }
-  set colapsavel(e) {
-    this.setAttribute("colapsavel", String(e));
+  set colapsavel(a) {
+    this.setAttribute("colapsavel", String(a));
   }
   get flutuante() {
     return this.hasAttribute("flutuante");
   }
-  set flutuante(e) {
-    e ? this.setAttribute("flutuante", "") : this.removeAttribute("flutuante");
+  set flutuante(a) {
+    a ? this.setAttribute("flutuante", "") : this.removeAttribute("flutuante");
   }
   get densidade() {
     return this.getAttribute("densidade") || "normal";
   }
-  set densidade(e) {
-    this.setAttribute("densidade", e);
+  set densidade(a) {
+    this.setAttribute("densidade", a);
   }
   get mostrarMapasBase() {
     return this.getAttribute("mostrar-mapas-base") !== "false";
   }
-  set mostrarMapasBase(e) {
-    this.setAttribute("mostrar-mapas-base", String(e));
+  set mostrarMapasBase(a) {
+    this.setAttribute("mostrar-mapas-base", String(a));
   }
   get mostrarRodape() {
     return this.getAttribute("mostrar-rodape") !== "false";
   }
-  set mostrarRodape(e) {
-    this.setAttribute("mostrar-rodape", String(e));
+  set mostrarRodape(a) {
+    this.setAttribute("mostrar-rodape", String(a));
   }
   get mostrarBusca() {
     return this.getAttribute("mostrar-busca") !== "false";
   }
-  set mostrarBusca(e) {
-    this.setAttribute("mostrar-busca", String(e));
+  set mostrarBusca(a) {
+    this.setAttribute("mostrar-busca", String(a));
   }
   get persistir() {
     return this.getAttribute("persistir") !== "false";
   }
-  set persistir(e) {
-    this.setAttribute("persistir", String(e));
+  set persistir(a) {
+    this.setAttribute("persistir", String(a));
   }
   get storageKey() {
     return this.getAttribute("storage-key");
   }
-  set storageKey(e) {
-    e ? this.setAttribute("storage-key", e) : this.removeAttribute("storage-key");
+  set storageKey(a) {
+    a ? this.setAttribute("storage-key", a) : 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"));
+  set redimensionavel(a) {
+    a ? 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));
+  set altura(a) {
+    a != null ? (this.setAttribute("altura", String(a)), this.definirAltura(a)) : (this.removeAttribute("altura"), this.definirAltura(null));
   }
-  definirAltura(e, t = !0) {
-    var i;
-    (i = this.resizerController) == null || i.definirAltura(e, !1);
-    const r = e !== null ? parseFloat(String(e)) : null;
-    this.alturaCustomizada = isNaN(r) ? null : r, t && this.salvarLembrancaEstado();
+  definirAltura(a, t = !0) {
+    var r;
+    (r = this.resizerController) == null || r.definirAltura(a, !1);
+    const i = a !== null ? parseFloat(String(a)) : null;
+    this.alturaCustomizada = isNaN(i) ? null : i, t && this.salvarLembrancaEstado();
   }
   // --- Gerenciamento de Persistência / Lembrança ---
   obterChaveStorageAtual() {
-    return qe(this.storageKey, this.id);
+    return Je(this.storageKey, this.id);
   }
   /** Versão com debounce, para interações contínuas (seletor de cor, slider de opacidade). */
   agendarSalvarLembranca() {
@@ -1599,8 +1812,8 @@ const M = class M extends xe {
   }
   salvarLembrancaEstado() {
     if (!this.persistir || !this.conectado) return;
-    const e = this.obterChaveStorageAtual(), t = Pe({
-      estadoAnterior: _(e),
+    const a = this.obterChaveStorageAtual(), t = aa({
+      estadoAnterior: W(a),
       origensCamadas: this.origensCamadas,
       camadas: this.camadas,
       expandedLayers: this.expandedLayers,
@@ -1611,10 +1824,10 @@ const M = class M extends xe {
       altura: this.alturaCustomizada,
       camadasRemovidas: this.camadasRemovidas
     });
-    this.camadasRemovidas.clear(), De(e, t);
+    this.camadasRemovidas.clear(), We(a, t);
   }
   limparLembranca() {
-    Te(this.obterChaveStorageAtual());
+    Ze(this.obterChaveStorageAtual());
   }
   // --- API Pública de Alta Ergonomia ---
   //
@@ -1627,136 +1840,146 @@ const M = class M extends xe {
   get layers() {
     return this.camadas;
   }
-  set layers(e) {
-    this.definirCamadas(e);
+  set layers(a) {
+    this.definirCamadas(a);
   }
   /** Atalho reativo para `definirFeicoes()` — não dispara eventos. */
   get features() {
     return this.feicoes;
   }
-  set features(e) {
-    this.definirFeicoes(e);
+  set features(a) {
+    this.definirFeicoes(a);
   }
   /** Atalho reativo para `definirMapasBase()` — não dispara eventos. */
   get basemaps() {
     return this.mapasBase;
   }
-  set basemaps(e) {
-    this.definirMapasBase(e);
+  set basemaps(a) {
+    this.definirMapasBase(a);
+  }
+  achatarCamadas(a, t = null) {
+    const i = [];
+    for (const r of a) {
+      const n = { ...r };
+      t && n.parentId === void 0 && (n.parentId = t), i.push(n), Array.isArray(r.children) && r.children.length > 0 && i.push(...this.achatarCamadas(r.children, r.id));
+    }
+    return i;
   }
-  definirCamadas(e, t) {
-    if (this.camadas = Array.isArray(e) ? e.map((i) => ({ ...i })) : [], this.origensCamadas.clear(), this.persistir) {
-      const i = _(this.obterChaveStorageAtual());
-      Oe(this.camadas, i, this.expandedLayers, this.origensCamadas), i != null && i.camadaAtivaId && this.camadas.some((s) => s.id === i.camadaAtivaId) && (this.camadaAtivaId = i.camadaAtivaId);
+  definirCamadas(a, t) {
+    if (this.camadas = Array.isArray(a) ? this.achatarCamadas(a) : [], this.origensCamadas.clear(), this.persistir) {
+      const r = W(this.obterChaveStorageAtual());
+      ea(this.camadas, r, this.expandedLayers, this.origensCamadas), r != null && r.camadaAtivaId && this.camadas.some((n) => n.id === r.camadaAtivaId) && (this.camadaAtivaId = r.camadaAtivaId);
     } else
-      this.camadas.forEach((i) => {
-        this.origensCamadas.set(i.id, K(i)), this.expandedLayers.has(i.id) || this.expandedLayers.add(i.id);
+      this.camadas.forEach((r) => {
+        this.origensCamadas.set(r.id, ee(r)), this.expandedLayers.has(r.id) || this.expandedLayers.add(r.id);
       });
     if (Array.isArray(t)) {
-      this.feicoes = t.map((n) => ({ ...n }));
-      const i = new Set(this.camadas.map((n) => n.id)), s = this.feicoes.filter((n) => n.layerId && !i.has(n.layerId));
-      s.length > 0 && console.warn(
-        `[UI-Camadas] ${s.length} feição(ões) possuem 'layerId' não cadastrado nas camadas:`,
-        s.map((n) => ({ id: n.id, nome: n.name, layerId: n.layerId }))
+      this.feicoes = t.map((s) => ({ ...s }));
+      const r = new Set(this.camadas.map((s) => s.id)), n = this.feicoes.filter((s) => s.layerId && !r.has(s.layerId));
+      n.length > 0 && console.warn(
+        `[UI-Camadas] ${n.length} feição(ões) possuem 'layerId' não cadastrado nas camadas:`,
+        n.map((s) => ({ id: s.id, nome: s.name, layerId: s.layerId }))
       ), this.sincronizarSelecoesComFeicoesValidas();
     }
-    const r = this.getAttribute("camada-ativa");
-    this.camadas.length > 0 && (!r || !this.camadas.some((i) => i.id === r)) && (this.camadaAtivaId = this.camadas[0].id), this.salvarLembrancaEstado(), this.solicitarRenderizacao();
+    const i = this.getAttribute("camada-ativa");
+    this.camadas.length > 0 && (!i || !this.camadas.some((r) => r.id === i)) && (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();
+  definirFeicoes(a) {
+    this.feicoes = Array.isArray(a) ? a.map((t) => ({ ...t })) : [], this.sincronizarSelecoesComFeicoesValidas(), this.solicitarRenderizacao();
   }
-  definirMapasBase(e) {
-    this.mapasBase = Array.isArray(e) ? [...e] : [], this.solicitarRenderizacao();
+  definirMapasBase(a) {
+    this.mapasBase = Array.isArray(a) ? [...a] : [], 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((r) => r.id === e)
+  definirCamadaAtiva(a, t = !1) {
+    !a || this.camadaAtivaId === a || (this.camadaAtivaId = a, this.sincronizarCamadaAtivaDOM(), this.salvarLembrancaEstado(), t && this.dispararEvento("ui-camada-selecionada", {
+      camadaId: a,
+      camada: this.camadas.find((i) => i.id === a)
     }));
   }
-  obterCamada(e) {
-    return this.camadas.find((t) => t.id === e);
+  obterCamada(a) {
+    return this.camadas.find((t) => t.id === a);
   }
   obterCamadaAtiva() {
-    return this.camadas.find((e) => e.id === this.camadaAtivaId);
+    return this.camadas.find((a) => a.id === this.camadaAtivaId);
   }
-  obterFeicao(e) {
-    return this.feicoes.find((t) => t.id === e);
+  obterFeicao(a) {
+    return this.feicoes.find((t) => t.id === a);
   }
   obterFeicoesSelecionadas() {
-    return this.feicoes.filter((e) => this.selectedFeatureIds.has(e.id));
+    return this.feicoes.filter((a) => this.selectedFeatureIds.has(a.id));
   }
-  adicionarCamada(e) {
-    if (!e || !e.id) return;
-    if (this.camadas.some((r) => r.id === e.id)) {
-      console.warn(`[UI-Camadas] adicionarCamada ignorado: já existe uma camada com id '${e.id}'.`);
+  adicionarCamada(a) {
+    if (!a || !a.id) return;
+    if (this.camadas.some((i) => i.id === a.id)) {
+      console.warn(`[UI-Camadas] adicionarCamada ignorado: já existe uma camada com id '${a.id}'.`);
       return;
     }
-    const t = { ...e };
-    this.camadas.push(t), this.origensCamadas.set(t.id, K(t)), this.expandedLayers.add(t.id), this.salvarLembrancaEstado(), this.solicitarRenderizacao();
+    const t = { ...a };
+    this.camadas.push(t), this.origensCamadas.set(t.id, ee(t)), this.expandedLayers.add(t.id), t.parentId && this.expandedLayers.add(t.parentId), this.salvarLembrancaEstado(), this.solicitarRenderizacao();
   }
-  removerCamada(e) {
+  removerCamada(a) {
     var t;
-    this.camadas = this.camadas.filter((r) => r.id !== e), this.feicoes = this.feicoes.filter((r) => r.layerId !== e), this.origensCamadas.delete(e), this.camadasRemovidas.add(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();
+    this.camadas.forEach((i) => {
+      i.parentId === a && (i.parentId = null);
+    }), this.camadas = this.camadas.filter((i) => i.id !== a), this.feicoes = this.feicoes.filter((i) => i.layerId !== a), this.origensCamadas.delete(a), this.camadasRemovidas.add(a), this.expandedLayers.delete(a), this.activeSettingsLayerId === a && (this.activeSettingsLayerId = null), this.sincronizarSelecoesComFeicoesValidas(), this.selectedFeatureIds.size === 0 && (this.lastClickedFeatureId = null), this.camadaAtivaId === a && (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}'.`);
+  adicionarFeicao(a) {
+    if (!(!a || !a.id)) {
+      if (this.feicoes.some((t) => t.id === a.id)) {
+        console.warn(`[UI-Camadas] adicionarFeicao ignorado: já existe uma feição com id '${a.id}'.`);
         return;
       }
-      this.feicoes.push({ ...e }), this.solicitarRenderizacao();
+      this.feicoes.push({ ...a }), this.solicitarRenderizacao();
     }
   }
-  atualizarFeicao(e) {
-    const t = this.feicoes.findIndex((r) => r.id === e.id);
-    t !== -1 && (this.feicoes[t] = { ...this.feicoes[t], ...e }, this.solicitarRenderizacao());
+  atualizarFeicao(a) {
+    const t = this.feicoes.findIndex((i) => i.id === a.id);
+    t !== -1 && (this.feicoes[t] = { ...this.feicoes[t], ...a }, this.solicitarRenderizacao());
   }
-  removerFeicao(e) {
-    this.feicoes = this.feicoes.filter((t) => t.id !== e), this.selectedFeatureIds.delete(e), this.solicitarRenderizacao();
+  removerFeicao(a) {
+    this.feicoes = this.feicoes.filter((t) => t.id !== a), this.selectedFeatureIds.delete(a), this.solicitarRenderizacao();
   }
-  selecionarFeicao(e, t = !1, r = !1, i = !1) {
-    const s = Ce(this.camadas, this.feicoes, this.expandedLayers, this.searchQuery), n = !r && !s.includes(e) && this.feicoes.some((l) => l.id === e), c = Se(
-      n ? [...s, e] : s,
+  selecionarFeicao(a, t = !1, i = !1, r = !1) {
+    const n = Ne(this.camadas, this.feicoes, this.expandedLayers, this.searchQuery), s = !i && !n.includes(a) && this.feicoes.some((c) => c.id === a), l = He(
+      s ? [...n, a] : n,
       this.selectedFeatureIds,
       this.lastClickedFeatureId,
-      e,
+      a,
       t,
-      r
+      i
     );
-    c && (this.selectedFeatureIds = c.selecionados, this.lastClickedFeatureId = c.ultimoClicadoId, this.sincronizarSelecaoDOM(), i && this.notificarMudancaSelecao());
+    l && (this.selectedFeatureIds = l.selecionados, this.lastClickedFeatureId = l.ultimoClicadoId, this.sincronizarSelecaoDOM(), r && this.notificarMudancaSelecao());
   }
-  selecionarFeicoes(e, t = !1) {
-    const r = e || [];
-    r.length === this.selectedFeatureIds.size && r.every((n) => this.selectedFeatureIds.has(n)) || (this.selectedFeatureIds.clear(), r.forEach((n) => this.selectedFeatureIds.add(n)), this.lastClickedFeatureId = r.length > 0 ? r[r.length - 1] : null, this.sincronizarSelecaoDOM(), t && this.notificarMudancaSelecao());
+  selecionarFeicoes(a, t = !1) {
+    const i = a || [];
+    i.length === this.selectedFeatureIds.size && i.every((s) => this.selectedFeatureIds.has(s)) || (this.selectedFeatureIds.clear(), i.forEach((s) => this.selectedFeatureIds.add(s)), this.lastClickedFeatureId = i.length > 0 ? i[i.length - 1] : null, this.sincronizarSelecaoDOM(), t && this.notificarMudancaSelecao());
   }
-  limparSelecao(e = !1) {
-    this.selectedFeatureIds.size !== 0 && (this.selectedFeatureIds.clear(), this.lastClickedFeatureId = null, this.sincronizarSelecaoDOM(), e && this.notificarMudancaSelecao());
+  limparSelecao(a = !1) {
+    this.selectedFeatureIds.size !== 0 && (this.selectedFeatureIds.clear(), this.lastClickedFeatureId = null, this.sincronizarSelecaoDOM(), a && this.notificarMudancaSelecao());
   }
   expandirTodas() {
-    this.expandedLayers = new Set(this.camadas.map((e) => e.id)), this.salvarLembrancaEstado(), this.solicitarRenderizacao();
+    this.expandedLayers = new Set(this.camadas.map((a) => a.id)), this.salvarLembrancaEstado(), this.solicitarRenderizacao();
   }
   colapsarTodas() {
     this.expandedLayers.clear(), this.salvarLembrancaEstado(), this.solicitarRenderizacao();
   }
-  alternarVisibilidadeTodas(e = !1) {
-    const r = !this.camadas.some((i) => i.visible !== !1);
-    this.camadas.forEach((i) => {
-      i.visible = r, e && this.dispararEvento("ui-camada-visibilidade", { camadaId: i.id, visivel: r });
+  alternarVisibilidadeTodas(a = !1) {
+    const i = !this.camadas.some((r) => r.visible !== !1);
+    this.camadas.forEach((r) => {
+      r.visible = i, a && this.dispararEvento("ui-camada-visibilidade", { camadaId: r.id, visivel: i });
     }), this.salvarLembrancaEstado(), this.solicitarRenderizacao();
   }
-  colapsar(e = !1) {
-    this.definirColapso(!0, e);
+  colapsar(a = !1) {
+    this.definirColapso(!0, a);
   }
-  expandir(e = !1) {
-    this.definirColapso(!1, e);
+  expandir(a = !1) {
+    this.definirColapso(!1, a);
   }
-  alternarColapso(e = !1) {
-    this.definirColapso(!this.colapsado, e);
+  alternarColapso(a = !1) {
+    this.definirColapso(!this.colapsado, a);
   }
-  definirColapso(e, t) {
-    this.colapsado !== e && (this.colapsado = e, t && this.dispararEvento("ui-colapso-alterado", { colapsado: e }));
+  definirColapso(a, t) {
+    this.colapsado !== a && (this.colapsado = a, t && this.dispararEvento("ui-colapso-alterado", { colapsado: a }));
   }
   // --- Renderização e Ciclo de Vida ---
   solicitarRenderizacao() {
@@ -1770,17 +1993,17 @@ const M = class M extends xe {
    * Agrupa várias mutações (`adicionarFeicao` em laço, por exemplo) em uma só renderização, ao fim de `fn`.
    * Sem isto, cada chamada redesenha a árvore inteira.
    */
-  emLote(e) {
+  emLote(a) {
     this.profundidadeLote++;
     try {
-      e();
+      a();
     } finally {
       this.profundidadeLote--, this.profundidadeLote === 0 && this.renderPendente && (this.renderPendente = !1, this.render());
     }
   }
-  dispararEvento(e, t) {
+  dispararEvento(a, t) {
     this.dispatchEvent(
-      new CustomEvent(e, {
+      new CustomEvent(a, {
         detail: t,
         bubbles: !0,
         composed: !0
@@ -1788,9 +2011,9 @@ const M = class M extends xe {
     );
   }
   render() {
-    var f, m;
+    var d, m;
     if (!this.corpoElement) return;
-    const e = ze({
+    const a = Ke({
       camadas: this.camadas,
       feicoes: this.feicoes,
       camadaAtivaId: this.camadaAtivaId,
@@ -1801,22 +2024,22 @@ const M = class M extends xe {
       editingFeatureId: this.editingFeatureId,
       searchQuery: this.searchQuery,
       mostrarBotaoColapsar: this.flutuante && this.getAttribute("colapsavel") !== "false"
-    }), t = this.mostrarMapasBase ? Ie(this.mapasBase, this.mapaBaseAtivo) : "", r = this.mostrarRodape ? Le(this.camadas, this.feicoes, this.selectedFeatureIds) : "", i = this.shadow.getElementById("ui-layer-tree-mount"), s = this.corpoElement.scrollTop, n = i ? i.scrollTop : 0, c = this.shadow.activeElement, l = c && this.corpoElement.contains(c) ? c.id : "", u = c && !l && this.corpoElement.contains(c) ? Array.from(c.attributes).find((v) => v.name.startsWith("data-") && v.value !== "") : void 0, p = c && "selectionStart" in c ? c.selectionStart : null;
+    }), t = this.mostrarMapasBase ? je(this.mapasBase, this.mapaBaseAtivo) : "", i = this.mostrarRodape ? Re(this.camadas, this.feicoes, this.selectedFeatureIds) : "", r = this.shadow.getElementById("ui-layer-tree-mount"), n = this.corpoElement.scrollTop, s = r ? r.scrollTop : 0, l = this.shadow.activeElement, c = l && this.corpoElement.contains(l) ? l.id : "", f = l && !c && this.corpoElement.contains(l) ? Array.from(l.attributes).find((h) => h.name.startsWith("data-") && h.value !== "") : void 0, u = l && "selectionStart" in l ? l.selectionStart : null;
     this.corpoElement.innerHTML = `
-      ${e}
-      ${r}
+      ${a}
+      ${i}
       ${t}
-    `, this.corpoElement.scrollTop = s;
-    const d = this.shadow.getElementById("ui-layer-tree-mount");
-    if (d && (d.scrollTop = n), l) {
-      const v = this.shadow.getElementById(l);
-      if (v && (v.focus({ preventScroll: !0 }), p !== null && typeof v.setSelectionRange == "function"))
+    `, this.corpoElement.scrollTop = n;
+    const p = this.shadow.getElementById("ui-layer-tree-mount");
+    if (p && (p.scrollTop = s), c) {
+      const h = this.shadow.getElementById(c);
+      if (h && (h.focus({ preventScroll: !0 }), u !== null && typeof h.setSelectionRange == "function"))
         try {
-          v.setSelectionRange(p, p);
+          h.setSelectionRange(u, u);
         } catch {
         }
     }
-    !l && u && ((f = S(this.corpoElement, u.name, u.value)) == null || f.focus({ preventScroll: !0 })), (m = this.shadow.querySelector("[data-layer-row], [data-feat-row]")) == null || m.setAttribute("tabindex", "0"), Qe(this, this.shadow), this.dragDropManager.bindAll();
+    !c && f && ((d = F(this.corpoElement, f.name, f.value)) == null || d.focus({ preventScroll: !0 })), (m = this.shadow.querySelector("[data-layer-row], [data-feat-row]")) == null || m.setAttribute("tabindex", "0"), ua(this, this.shadow), this.dragDropManager.bindAll();
   }
   // --- Conexão de Eventos ---
   conectarEventosGerais() {
@@ -1824,67 +2047,127 @@ const M = class M extends xe {
   }
   // --- Sincronização de DOM (delegada) ---
   sincronizarCamadaAtivaDOM() {
-    ta(this, this.shadow);
+    xa(this, this.shadow);
   }
   sincronizarSelecaoDOM() {
-    ra(this, this.shadow);
+    ya(this, this.shadow);
   }
   // --- Auxiliares Internos ---
   sincronizarSelecoesComFeicoesValidas() {
-    $e(this.selectedFeatureIds, this.feicoes);
+    Ge(this.selectedFeatureIds, this.feicoes);
   }
   notificarMudancaSelecao() {
-    const e = this.feicoes.filter((t) => this.selectedFeatureIds.has(t.id));
+    const a = 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", {
+      feicoes: a
+    }), a.length === 1 ? this.dispararEvento("ui-feicao-selecionada", {
+      feicaoId: a[0].id,
+      feicao: a[0]
+    }) : a.length === 0 && this.dispararEvento("ui-feicao-selecionada", {
       feicaoId: null,
       feicao: null
     });
   }
 };
 /** Painéis conectados sem `id` nem `storage-key`: dividem a mesma chave de persistência. */
-x(M, "instanciasChavePadrao", /* @__PURE__ */ new Set());
-let B = M;
-class oa extends B {
+A(T, "instanciasChavePadrao", /* @__PURE__ */ new Set());
+let j = T;
+class Ea extends j {
+}
+class Aa extends j {
+}
+ae("ui-camadas", j);
+ae("ui-painel-camadas", Ea);
+ae("ui-layer-panel", Aa);
+function $a(e) {
+  var o;
+  return {
+    id: e.id,
+    name: e.nome || e.id,
+    color: ((o = e.estilo) == null ? void 0 : o.corPrimaria) || "#00E08A",
+    visible: e.visivel !== !1,
+    locked: e.bloqueada === !0,
+    opacity: typeof e.opacidade == "number" ? e.opacidade : 1,
+    order: e.zIndex,
+    description: e.categoria ? `Categoria: ${e.categoria}` : void 0,
+    categoria: e.categoria,
+    tipo: e.tipo,
+    estilo: e.estilo,
+    dados: e.dados
+  };
 }
-class sa extends B {
+function Sa(e, o = "levantamento", a = "feicoes") {
+  return {
+    id: e.id,
+    nome: e.name,
+    categoria: e.categoria || o,
+    tipo: e.tipo || a,
+    visivel: e.visible !== !1,
+    opacidade: typeof e.opacity == "number" ? e.opacity : 1,
+    zIndex: typeof e.order == "number" ? e.order : 500,
+    bloqueada: e.locked === !0,
+    interativo: !0,
+    estilo: {
+      corPrimaria: e.color || "#00E08A",
+      scaleMode: "screen",
+      ...typeof e.estilo == "object" && e.estilo !== null ? e.estilo : {}
+    },
+    dados: typeof e.dados == "object" && e.dados !== null ? e.dados : void 0
+  };
+}
+function Ma(e, o = "") {
+  var r, n, s, l;
+  const a = ((r = e.geometria) == null ? void 0 : r.tipo) || ((n = e.geometria) == null ? void 0 : n.type) || e.tipo || e.type || "Polygon", t = ((s = e.geometria) == null ? void 0 : s.coordenadas) || ((l = e.geometria) == null ? void 0 : l.coordinates) || e.coordinates, i = e.cor || e.color;
+  return {
+    id: String(e.id),
+    name: e.nome || e.name || `Feição ${e.id}`,
+    layerId: e.layerId || e.camadaId || o,
+    type: a,
+    geometryType: a,
+    coordinates: t,
+    color: i,
+    visible: e.visivel !== void 0 ? e.visivel : e.visible !== !1,
+    locked: e.bloqueada !== void 0 ? e.bloqueada : e.locked === !0,
+    status: e.status || "oficial",
+    category: e.categoria || e.category,
+    properties: e.propriedades || e.properties || {}
+  };
 }
-Q("ui-camadas", B);
-Q("ui-painel-camadas", oa);
-Q("ui-layer-panel", sa);
 export {
-  Fe as CamadasDragDropManager,
-  h as ICONES,
-  le as LIMITE_FEICOES_POR_CAMADA,
-  ne as MAPAS_BASE_PADRAO,
-  B as UICamadas,
-  sa as UILayerPanel,
-  fa as UIMapaBase,
-  oa as UIPainelCamadas,
-  ma as UISeletorMapaBase,
-  ie as calcularAreaPoligono,
-  re as calcularComprimentoLinha,
-  we as calcularDistanciaPontos,
-  Se as calcularSelecaoFeicao,
-  _ as carregarEstadoPersistido,
-  k as escapeHtml,
-  Y as filtrarFeicoesPorBusca,
-  oe as formatarMetricaFeicoes,
-  qe as gerarChaveStorage,
-  Te as limparEstadoPersistido,
-  Pe as montarEstadoPersistido,
-  Ce as obterIdsVisiveisFeicoes,
-  Oe as reidratarCamadasComOverrides,
-  $e as removerSelecoesInvalidas,
-  ze as renderizarArvoreCamadas,
-  Ie as renderizarGridMapasBase,
-  Le as renderizarRodapeAcoes,
-  Me as renderizarThumbGeometria,
-  De as salvarEstadoPersistido,
-  K as snapshotCamada
+  Qe as CamadasDragDropManager,
+  g as ICONES,
+  be as LIMITE_FEICOES_POR_CAMADA,
+  ve as MAPAS_BASE_PADRAO,
+  j as UICamadas,
+  Aa as UILayerPanel,
+  Ba as UIMapaBase,
+  Ea as UIPainelCamadas,
+  qa as UISeletorMapaBase,
+  Q as calcularAreaAnelSimples,
+  me as calcularAreaPoligono,
+  fe as calcularComprimentoLinha,
+  qe as calcularDistanciaPontos,
+  He as calcularSelecaoFeicao,
+  W as carregarEstadoPersistido,
+  _e as construirHierarquiaCamadas,
+  Sa as converterCamadaItemParaCanvasLayer,
+  $a as converterCanvasLayerParaCamadaItem,
+  Ma as converterFeicaoParaItem,
+  $ as escapeHtml,
+  te as filtrarFeicoesPorBusca,
+  he as formatarMetricaFeicoes,
+  Oe as formatarOpcoesCamadasHierarquicas,
+  Je as gerarChaveStorage,
+  Ze as limparEstadoPersistido,
+  aa as montarEstadoPersistido,
+  Ne as obterIdsVisiveisFeicoes,
+  ea as reidratarCamadasComOverrides,
+  Ge as removerSelecoesInvalidas,
+  Ke as renderizarArvoreCamadas,
+  je as renderizarGridMapasBase,
+  Re as renderizarRodapeAcoes,
+  Ue as renderizarThumbGeometria,
+  We as salvarEstadoPersistido,
+  ee as snapshotCamada
 };