@thibezer/ui-components-kit 2.0.0 → 2.2.0

package/dist/camadas.js

@@ -1,11 +1,11 @@
-var ge = Object.defineProperty;
-var ve = (a, i, e) => i in a ? ge(a, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[i] = e;
-var x = (a, i, e) => ve(a, typeof i != "symbol" ? i + "" : i, e);
+var Le = Object.defineProperty;
+var Ce = (e, o, a) => o in e ? Le(e, o, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[o] = a;
+var y = (e, o, a) => Ce(e, typeof o != "symbol" ? o + "" : o, a);
 /* empty css               */
-import { d as G, S as be } from "./ssr-safe-5cWfJP-s.js";
-import { L as xe } from "./listener-bag-DQgv7OON.js";
-import { UIMapaBase as pa, UISeletorMapaBase as fa } from "./seletor-mapa-base.js";
-const m = {
+import { d as ee, S as $e } from "./ssr-safe-5cWfJP-s.js";
+import { L as Se } from "./listener-bag-DQgv7OON.js";
+import { UIMapaBase as $a, UISeletorMapaBase as Sa } 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 m = {
     <line x1="9" y1="3" x2="9" y2="21"></line>
     <line x1="15" y1="3" x2="15" y2="21"></line>
   </svg>`
-}, V = 6378137;
-function ye(a, i) {
-  if (!a || !i) return 0;
-  const e = a[0] * Math.PI / 180, t = a[1] * Math.PI / 180, r = i[0] * Math.PI / 180, o = i[1] * Math.PI / 180, s = r - e, c = o - t, n = Math.sin(s / 2) * Math.sin(s / 2) + Math.cos(e) * Math.cos(r) * Math.sin(c / 2) * Math.sin(c / 2);
-  return V * 2 * Math.atan2(Math.sqrt(n), Math.sqrt(1 - n));
+}, X = 6378137;
+function ze(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, s = i - a, n = r - t, l = Math.sin(s / 2) * Math.sin(s / 2) + Math.cos(a) * Math.cos(i) * Math.sin(n / 2) * Math.sin(n / 2);
+  return X * 2 * Math.atan2(Math.sqrt(l), Math.sqrt(1 - l));
 }
-function te(a) {
-  if (!Array.isArray(a) || a.length < 2) return 0;
-  if (Array.isArray(a[0]) && Array.isArray(a[0][0]))
-    return a.reduce((e, t) => e + te(t), 0);
-  let i = 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 && (i += ye([t[0], t[1]], [r[0], r[1]]));
-  }
-  return i;
+function de(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 + de(t), 0);
+  let o = 0;
+  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 += ze([t[0], t[1]], [i[0], i[1]]));
+  }
+  return o;
 }
-function re(a) {
-  if (!Array.isArray(a) || a.length === 0) return 0;
-  if (Array.isArray(a[0]) && Array.isArray(a[0][0]))
-    return a.reduce((r, o) => r + re(o), 0);
-  const i = a.length;
-  if (i < 3) return 0;
-  let e = 0;
-  for (let r = 0; r < i; r++) {
-    const o = a[r], s = a[(r + 1) % i], c = a[(r + 2) % i];
-    if (!Array.isArray(o) || !Array.isArray(s) || !Array.isArray(c)) continue;
-    const n = (s[1] - o[1]) * (Math.PI / 180), l = (s[0] - o[0]) * (Math.PI / 180), d = (c[1] - s[1]) * (Math.PI / 180), p = (c[0] - s[0]) * (Math.PI / 180);
-    e += n * p - l * d;
-  }
-  const t = Math.abs(e * (V * V) / 2);
+function Q(e) {
+  if (!Array.isArray(e)) return 0;
+  const o = e.length;
+  if (o < 3) return 0;
+  let a = 0;
+  for (let i = 0; i < o; i++) {
+    const r = e[i], s = e[(i + 1) % o], n = e[(i + 2) % o];
+    if (!Array.isArray(r) || !Array.isArray(s) || !Array.isArray(n)) continue;
+    const l = (s[1] - r[1]) * (Math.PI / 180), c = (s[0] - r[0]) * (Math.PI / 180), f = (n[1] - s[1]) * (Math.PI / 180), u = (n[0] - s[0]) * (Math.PI / 180);
+    a += l * u - c * f;
+  }
+  const t = Math.abs(a * (X * X) / 2);
   return isNaN(t) ? 0 : t;
 }
-function ie(a) {
-  if (!a || a.length === 0) return "";
-  const i = a.filter(
+function ue(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 + ue(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 pe(e) {
+  if (!e || e.length === 0) return "";
+  const o = e.filter(
     (t) => t.type === "Polygon" || t.type === "MultiPolygon" || t.geometryType === "Polygon"
   );
-  if (i.length > 0) {
-    const t = i.reduce(
-      (r, o) => r + (re(o.coordinates) || 0),
+  if (o.length > 0) {
+    const t = o.reduce(
+      (i, r) => i + (ue(r.coordinates) || 0),
       0
     );
     return t >= 1e4 ? `${(t / 1e4).toLocaleString("pt-BR", {
@@ -151,12 +164,12 @@ function ie(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, o) => r + (te(o.coordinates) || 0),
+  if (a.length > 0) {
+    const t = a.reduce(
+      (i, r) => i + (de(r.coordinates) || 0),
       0
     );
     return t >= 1e3 ? `${(t / 1e3).toLocaleString("pt-BR", {
@@ -166,57 +179,57 @@ function ie(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 L(e) {
+  return e == null ? "" : String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-const we = /^(#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})|(?:rgb|hsl)a?\(\s*[\w.%\s,/+-]+\)|[a-z]{3,30})$/i;
-function D(a, i = "#00E08A") {
-  if (!a || typeof a != "string") return i;
-  const e = a.trim();
-  return we.test(e) ? e : i;
+const Me = /^(#(?:[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 Me.test(a) ? a : o;
 }
-function H(a) {
-  return Math.max(0, Math.min(255, Math.round(a))).toString(16).padStart(2, "0");
+function J(e) {
+  return Math.max(0, Math.min(255, Math.round(e))).toString(16).padStart(2, "0");
 }
-function Ee(a, i, e) {
-  const t = i / 100, r = e / 100, o = (n) => (n + a / 30) % 12, s = t * Math.min(r, 1 - r), c = (n) => r - s * Math.max(-1, Math.min(o(n) - 3, Math.min(9 - o(n), 1)));
-  return [c(0) * 255, c(8) * 255, c(4) * 255];
+function Fe(e, o, a) {
+  const t = o / 100, i = a / 100, r = (l) => (l + e / 30) % 12, s = t * Math.min(i, 1 - i), n = (l) => i - s * Math.max(-1, Math.min(r(l) - 3, Math.min(9 - r(l), 1)));
+  return [n(0) * 255, n(8) * 255, n(4) * 255];
 }
-function Ae(a, i = "#000000") {
-  if (!a || typeof a != "string") return i;
-  const e = a.trim().toLowerCase(), t = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/.exec(e);
+function Be(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 o = t[1];
-    return o.length <= 4 ? `#${o[0]}${o[0]}${o[1]}${o[1]}${o[2]}${o[2]}` : `#${o.slice(0, 6)}`;
-  }
-  const r = /^(rgb|hsl)a?\(([^)]+)\)$/.exec(e);
-  if (r) {
-    const o = r[2].split(/[\s,/]+/).filter(Boolean).map((s) => parseFloat(s));
-    if (o.length >= 3 && o.slice(0, 3).every((s) => !isNaN(s))) {
-      const [s, c, n] = o, [l, d, p] = r[1] === "rgb" ? [s, c, n] : Ee(s, c, n);
-      return `#${H(l)}${H(d)}${H(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((s) => parseFloat(s));
+    if (r.length >= 3 && r.slice(0, 3).every((s) => !isNaN(s))) {
+      const [s, n, l] = r, [c, f, u] = i[1] === "rgb" ? [s, n, l] : Fe(s, n, l);
+      return `#${J(c)}${J(f)}${J(u)}`;
     }
   }
-  return i;
+  return o;
 }
-function S(a, i, e) {
-  const t = a.querySelectorAll(`[${i}]`);
-  for (let r = 0; r < t.length; r++)
-    if (t[r].getAttribute(i) === e) return t[r];
+function M(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 oe(a, i = 80) {
-  let e = null;
+function fe(e, o = 80) {
+  let a = null;
   return (...t) => {
-    e && clearTimeout(e), e = setTimeout(() => {
-      a(...t), e = null;
-    }, i);
+    a && clearTimeout(a), a = setTimeout(() => {
+      e(...t), a = null;
+    }, o);
   };
 }
-function $(a, i) {
-  a.setAttribute("title", i), a.setAttribute("aria-label", i);
+function F(e, o) {
+  e.setAttribute("title", o), e.setAttribute("aria-label", o);
 }
-const se = [
+const me = [
   {
     id: "none",
     nome: "Sem Mapa",
@@ -259,17 +272,17 @@ const se = [
     thumbnailUrl: "https://images.unsplash.com/photo-1518709268805-4e9042af9f23?w=160&auto=format&fit=crop&q=80"
   }
 ];
-function ke(a = se, i = "satelite") {
-  return !a || a.length === 0 ? "" : `
+function qe(e = me, 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 = i === t.id, o = k(t.id), s = k(t.nome), c = k(t.descricao || t.nome);
-    let n = "";
-    return t.thumbnailUrl ? n = `<img class="ui-basemap-preview" src="${k(t.thumbnailUrl)}" alt="" loading="lazy" referrerpolicy="no-referrer" data-basemap-thumb />` : n = `<div class="ui-basemap-preview-none">${m.gradeCad}</div>`, `
-        <div class="ui-basemap-card ${r ? "active" : ""}" data-basemap-id="${o}" role="button" tabindex="0" aria-pressed="${r}" title="${c}">
-          ${n}
+        ${e.map((t) => {
+    const i = o === t.id, r = L(t.id), s = L(t.nome), n = L(t.descricao || t.nome);
+    let l = "";
+    return t.thumbnailUrl ? l = `<img class="ui-basemap-preview" src="${L(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="${n}">
+          ${l}
           <span>${s}</span>
         </div>
       `;
@@ -278,1031 +291,1203 @@ function ke(a = se, i = "satelite") {
     </div>
   `;
 }
-function Ie(a, i, e) {
-  const t = i.filter((l) => e.has(l.id)), r = t.length > 0, o = ie(t), s = r ? t.length : a.length, c = r ? t.length > 1 ? "selecionados" : "selecionado" : a.length > 1 ? "camadas" : "camada", n = a.map((l) => `<option value="${k(l.id)}">${k(l.name)}</option>`).join("");
+function De(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, s) => {
+    const n = a.get(r.id) || (Array.isArray(r.children) ? r.children : []), l = s > 0 ? "&nbsp;&nbsp;".repeat(s) + "↳ " : n.length > 0 || r.isGroup ? "📁 " : "", c = `<option value="${L(r.id)}">${l}${L(r.name)}</option>`, f = n.map((u) => i(u, s + 1)).join("");
+    return c + f;
+  };
+  return t.map((r) => i(r, 0)).join("");
+}
+function Te(e, o, a) {
+  const t = o.filter((c) => a.has(c.id)), i = t.length > 0, r = pe(t), s = i ? t.length : e.length, n = i ? t.length > 1 ? "selecionados" : "selecionado" : e.length > 1 ? "camadas" : "camada", l = De(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">${c}</span>
-        <span class="ui-footer-metric" style="display: ${o ? "inline-flex" : "none"};">${o ? `${m.reguaMetrica} ${o}` : ""}</span>
+        <span class="ui-footer-label" id="footer-label">${n}</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"}>
-          ${m.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"}>
-          ${m.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>
-            ${n}
+        <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">
-          ${m.mais}
-        </button>
-
-        <button class="ui-footer-btn ${r ? "" : "disabled"}" id="btn-footer-del" title="Excluir selecionados" aria-label="Excluir selecionados" ${r ? "" : "disabled"}>
-          ${m.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">${m.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 ne = 80;
-function K(a, i) {
-  const e = (i || "").trim().toLowerCase();
-  return e ? a.filter(
-    (t) => (t.name || "").toLowerCase().includes(e) || (t.category || "").toLowerCase().includes(e) || (t.type || "").toLowerCase().includes(e)
-  ) : a;
+const he = 80;
+function ae(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 Le(a, i, e, t = "", r = ne) {
-  const o = (t || "").trim() !== "", s = [], c = /* @__PURE__ */ new Map();
-  for (let n = 0; n < i.length; n++) {
-    const l = i[n], d = l.layerId || "";
-    c.has(d) || c.set(d, []), c.get(d).push(l);
-  }
-  for (let n = 0; n < a.length; n++) {
-    const l = a[n];
-    if (o || e.has(l.id)) {
-      const d = K(c.get(l.id) || [], t).slice(0, r);
-      for (let p = 0; p < d.length; p++)
-        s.push(d[p].id);
+function Pe(e, o, a, t = "", i = he) {
+  const r = (t || "").trim() !== "", s = [], n = /* @__PURE__ */ new Map();
+  for (let l = 0; l < o.length; l++) {
+    const c = o[l], f = c.layerId || "";
+    n.has(f) || n.set(f, []), n.get(f).push(c);
+  }
+  for (let l = 0; l < e.length; l++) {
+    const c = e[l];
+    if (r || a.has(c.id)) {
+      const f = ae(n.get(c.id) || [], t).slice(0, i);
+      for (let u = 0; u < f.length; u++)
+        s.push(f[u].id);
     }
   }
   return s;
 }
-function Ce(a, i, e, t, r, o) {
-  if (!a.includes(t)) return null;
-  const s = new Set(i);
-  let c = e;
-  if (o && e && a.includes(e)) {
-    const n = a.indexOf(e), l = a.indexOf(t), d = Math.min(n, l), p = Math.max(n, l);
-    r || s.clear();
-    for (let u = d; u <= p; u++)
-      s.add(a[u]);
-  } else r ? (s.has(t) ? s.delete(t) : s.add(t), c = t) : (s.clear(), s.add(t), c = t);
-  return { selecionados: s, ultimoClicadoId: c };
+function Oe(e, o, a, t, i, r) {
+  if (!e.includes(t)) return null;
+  const s = new Set(o);
+  let n = 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 || s.clear();
+    for (let p = f; p <= u; p++)
+      s.add(e[p]);
+  } else i ? (s.has(t) ? s.delete(t) : s.add(t), n = t) : (s.clear(), s.add(t), n = t);
+  return { selecionados: s, ultimoClicadoId: n };
+}
+function je(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);
 }
-function $e(a, i) {
-  if (a.size === 0) return;
-  const e = new Set(i.map((t) => t.id));
-  for (const t of a)
-    e.has(t) || a.delete(t);
+function Re(e, o) {
+  const a = G(o, "#00E08A"), t = (e || "").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="${a}" fill-opacity="0.45" stroke="${a}" 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="${a}" 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="${a}" 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="${a}" stroke="#ffffff" stroke-width="1.2"/></svg>`;
 }
-function Se(a, i) {
-  const e = D(i, "#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 Ne(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, s) {
+    const n = a.get(r.id) || (Array.isArray(r.children) ? r.children : []);
+    return {
+      camada: r,
+      depth: s,
+      subcamadas: n.map((l) => i(l, s + 1))
+    };
+  }
+  return t.map((r) => i(r, 0));
 }
-function Me(a) {
+function He(e) {
   const {
-    camadas: i,
-    feicoes: e,
+    camadas: o,
+    feicoes: a,
     camadaAtivaId: t,
-    expandedLayers: r,
-    selectedFeatureIds: o,
+    expandedLayers: i,
+    selectedFeatureIds: r,
     activeSettingsLayerId: s,
-    editingLayerId: c,
-    editingFeatureId: n,
-    searchQuery: l,
-    limiteFeicoesPorCamada: d = ne,
-    mostrarBotaoColapsar: p = !1
-  } = a, u = (l || "").trim().toLowerCase(), f = /* @__PURE__ */ new Map();
-  for (let h = 0; h < e.length; h++) {
-    const v = e[h], w = v.layerId || "";
-    f.has(w) || f.set(w, []), f.get(w).push(v);
-  }
-  const g = i.every((h) => h.visible !== !1), b = i.length > 0 && i.every((h) => r.has(h.id)), E = `
+    editingLayerId: n,
+    editingFeatureId: l,
+    searchQuery: c,
+    limiteFeicoesPorCamada: f = he,
+    mostrarBotaoColapsar: u = !1
+  } = e, p = (c || "").trim().toLowerCase(), d = /* @__PURE__ */ new Map();
+  for (let x = 0; x < a.length; x++) {
+    const w = a[x], $ = w.layerId || "";
+    d.has($) || d.set($, []), d.get($).push(w);
+  }
+  const m = o.every((x) => x.visible !== !1), h = o.length > 0 && o.every((x) => i.has(x.id)), k = `
     <div class="ui-tree-toolbar">
       <div class="ui-tree-title-group">
         <span class="ui-tree-section-title">CAMADAS</span>
-        <span class="ui-tree-count-badge">${i.length}</span>
+        <span class="ui-tree-count-badge">${o.length}</span>
       </div>
       <div class="ui-tree-actions">
-        <button id="btn-toggle-all-vis" class="ui-tree-action-btn" title="${g ? "Ocultar Todas as Camadas" : "Exibir Todas as Camadas"}" aria-label="${g ? "Ocultar Todas as Camadas" : "Exibir Todas as Camadas"}">
-          ${g ? m.olhoAberto : m.olhoFechado}
+        <button 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 ? g.olhoAberto : g.olhoFechado}
         </button>
-        <button id="btn-toggle-all-expand" class="ui-tree-action-btn" aria-label="${b ? "Recolher Todos os Grupos" : "Expandir Todos os Grupos"}" title="${b ? "Recolher Todos os Grupos" : "Expandir Todos os Grupos"}">
-          <span class="ui-chevron-icon ${b ? "open" : ""}">${m.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">
-          ${m.mais} Camada
+          ${g.mais} Camada
         </button>
-        ${p ? `<button id="btn-colapsar" class="ui-camadas-btn-colapsar" title="Recolher painel" aria-label="Recolher painel">${m.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">${m.busca}</span>
-      <input type="text" class="ui-tree-search-input" id="input-layer-search" aria-label="Buscar camada ou feição" placeholder="Buscar camada ou feição..." value="${k(
-    l
+      <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="${L(
+    c
   )}" />
-      ${l ? `<button class="ui-tree-search-clear" id="btn-clear-layer-search" title="Limpar busca" aria-label="Limpar busca">${m.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 = i.map((h) => {
-    const v = k(h.id), w = k(h.name || "Camada"), L = D(h.color, "#00E08A"), F = h.visible !== !1, M = h.locked === !0, B = u ? !0 : r.has(h.id), O = s === h.id, Y = t === h.id, I = K(f.get(h.id) || [], u), J = I.length > 0 && I.every((A) => o.has(A.id)), ce = !J && I.some((A) => o.has(A.id)), de = I.slice(0, d), ue = I.length > d, pe = de.map((A) => {
-      const C = k(A.id), X = k(A.name || "Feição"), Z = D(A.color, L), q = A.visible !== !1, P = M, j = A.locked === !0 || P, ee = P ? "Bloqueada pela camada" : j ? "Desbloquear Feição" : "Bloquear Feição", R = o.has(A.id), ae = A.status;
-      let N = "";
-      return ae === "oficial" ? N = '<span class="ui-geom-tag oficial" title="Geometria Oficial">OFICIAL</span>' : ae === "previa" && (N = '<span class="ui-geom-tag previa" title="Geometria Prévia">PRÉVIA</span>'), `
-            <div class="ui-feat-row ${R ? "selected-row" : ""} ${q ? "" : "hidden-row"}" data-feat-row="${C}" data-feat-select="${C}" data-feat-layer="${v}" role="treeitem" aria-selected="${R}" tabindex="-1" draggable="true" title="Clique para selecionar | Arraste para reordenar">
-              <div class="ui-col ui-col-eye" data-feat-eye="${C}" role="button" tabindex="0" aria-label="${q ? "Ocultar Feição" : "Exibir Feição"}" title="${q ? "Ocultar Feição" : "Exibir Feição"}">
-                ${q ? m.olhoAberto : m.olhoFechado}
-              </div>
-
-              <div class="ui-col ui-col-lock ${j ? "" : "ui-lock-open"}" data-feat-lock="${C}" ${P ? 'data-locked-by-layer="true"' : ""} role="button" tabindex="0" aria-label="${ee}" title="${ee}">
-                ${j ? m.cadeadoTrancado : m.cadeadoAberto}
-              </div>
+  `, v = (x) => {
+    const w = x.camada, $ = x.depth, C = x.subcamadas, D = !!(w.isGroup || C.length > 0), A = L(w.id), te = L(w.name || (D ? "Novo Grupo" : "Camada")), B = G(w.color, "#00E08A"), j = w.visible !== !1, T = w.locked === !0, R = p ? !0 : i.has(w.id), V = s === w.id, re = t === w.id, S = ae(d.get(w.id) || [], p), ie = S.length > 0 && S.every((E) => r.has(E.id)), ve = !ie && S.some((E) => r.has(E.id)), be = S.slice(0, f), xe = S.length > f, ye = be.map((E) => {
+      const z = L(E.id), se = L(E.name || "Feição"), ne = G(E.color, B), N = E.visible !== !1, U = T, _ = E.locked === !0 || U, le = U ? "Bloqueada pela camada" : _ ? "Desbloquear Feição" : "Bloquear Feição", K = r.has(E.id), ce = E.status;
+      let Y = "";
+      return ce === "oficial" ? Y = '<span class="ui-geom-tag oficial" title="Geometria Oficial">OFICIAL</span>' : ce === "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="${A}" 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: ${Z};"></div>
-              <div class="ui-col ui-col-branch"><span style="opacity: 0.35;">└─</span></div>
-              <div class="ui-col ui-col-thumb">
-                <div class="ui-thumb-box">${Se(A.type || A.geometryType, Z)}</div>
-              </div>
+            <div class="ui-col ui-col-lock ${_ ? "" : "ui-lock-open"}" data-feat-lock="${z}" ${U ? 'data-locked-by-layer="true"' : ""} role="button" tabindex="0" aria-label="${le}" title="${le}">
+              ${_ ? g.cadeadoTrancado : g.cadeadoAberto}
+            </div>
 
-              <div class="ui-col ui-col-name" data-feat-name-trigger="${C}" title="Duplo clique para renomear">
-                ${n === A.id ? `<input type="text" class="ui-inline-rename-input" data-inline-feat-input="${C}" value="${X}" />` : `<span class="ui-name-text">${X}</span>${N}`}
-              </div>
+            <div class="ui-col ui-col-colorbar" style="background: ${ne};"></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">${Re(E.type || E.geometryType, ne)}</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">${m.alvoEnquadrar}</button>
-              </div>
+            <div class="ui-col ui-col-name" data-feat-name-trigger="${z}" title="Duplo clique para renomear">
+              ${l === E.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 ${R ? "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(""), fe = ue ? `<div style="padding: 4px 10px; font-size: 10px; color: var(--ui-cor-texto-secundario, #888899); font-style: italic; background: rgba(0,0,0,0.2);">Exibindo ${d} de ${I.length} feições. Use a busca acima para filtrar.</div>` : "", W = h.opacity !== void 0 ? h.opacity : 1, me = Math.round(W * 100), he = O ? `
-        <div class="ui-layer-settings-drawer" id="settings-drawer-${v}" style="--drawer-cor-camada: ${L};">
-          <div class="ui-drawer-header">
-            <div class="ui-drawer-header-left">
-              <span class="ui-drawer-icon">${m.engrenagem}</span>
-              <span class="ui-drawer-title">Configurações da Camada</span>
+
+            <div 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="${v}" title="Fechar configurações (Esc)" aria-label="Fechar configurações">
-              ${m.fechar}
-            </button>
           </div>
+        `;
+    }).join(""), we = xe ? `<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>` : "", oe = w.opacity !== void 0 ? w.opacity : 1, Ee = Math.round(oe * 100), Ae = o.filter((E) => E.id !== w.id).map(
+      (E) => `<option value="${L(E.id)}" ${w.parentId === E.id ? "selected" : ""}>${E.isGroup ? "📁 " : ""}${L(E.name)}</option>`
+    ).join(""), ke = V ? `
+      <div class="ui-layer-settings-drawer" id="settings-drawer-${A}" style="--drawer-cor-camada: ${B};">
+        <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="${A}" 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-${v}" style="background-color: ${L};"></span>
-                  <span class="ui-drawer-color-hex" id="hex-color-${v}">${L.toUpperCase()}</span>
-                  <input type="color" aria-label="Cor da camada" data-layer-color-picker="${v}" value="${Ae(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-${A}" style="background-color: ${B};"></span>
+                <span class="ui-drawer-color-hex" id="hex-color-${A}">${B.toUpperCase()}</span>
+                <input type="color" aria-label="Cor da camada" data-layer-color-picker="${A}" value="${Be(B, "#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-${v}">${me}%</span>
-              </div>
-              <div class="ui-drawer-slider-container">
-                <input type="range" aria-label="Opacidade da camada" min="0.05" max="1" step="0.05" value="${Number(W) || 0}" data-layer-opacity-slider="${v}" 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-${A}">${Ee}%</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(oe) || 0}" data-layer-opacity-slider="${A}" 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="${v}" title="Excluir esta camada e todas as suas feições">
-                ${m.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="${A}" aria-label="Grupo pai da camada">
+                <option value="" ${w.parentId ? "" : "selected"}>(Nenhum - Nível Principal)</option>
+                ${Ae}
+              </select>
             </div>
           </div>
         </div>
-      ` : "";
+
+        <div class="ui-drawer-footer">
+          <div class="ui-drawer-meta-info">
+            <span>${C.length > 0 ? `${C.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="${A}" title="Adicionar nova camada dentro desta">
+              ${g.mais} Subcamada
+            </button>
+            <button type="button" class="ui-drawer-btn-danger" data-delete-layer="${A}" title="Excluir esta camada e suas feições">
+              ${g.lixeira}
+              <span class="ui-btn-label">Excluir</span>
+            </button>
+          </div>
+        </div>
+      </div>
+    ` : "", Ie = C.map((E) => v(E)).join("");
     return `
-        <div class="ui-layer-group" data-layer-id="${v}" role="treeitem" aria-expanded="${B}">
-          <div class="ui-layer-row ${F ? "" : "hidden-layer"} ${Y ? "active-drawing-layer" : ""}" data-layer-row="${v}" data-layer-id="${v}" tabindex="-1" draggable="true" style="--layer-active-color: ${L};">
-            <div class="ui-col ui-col-drag" title="Arrastar para reordenar Z-Index">${m.dragHandle}</div>
+      <div class="ui-layer-group ${$ > 0 ? "is-sublayer-group" : ""}" data-layer-id="${A}" data-layer-depth="${$}" role="treeitem" aria-expanded="${R}">
+        <div class="ui-layer-row ${j ? "" : "hidden-layer"} ${re ? "active-drawing-layer" : ""} ${$ > 0 ? "is-sublayer" : ""} ${D ? "is-group-row" : ""}" data-layer-row="${A}" data-layer-id="${A}" tabindex="-1" draggable="true" style="--layer-depth: ${$}; --layer-active-color: ${B};">
+          <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="${v}" role="button" tabindex="0" aria-label="${F ? "Ocultar Camada" : "Exibir Camada"}" title="${F ? "Ocultar Camada" : "Exibir Camada"}">
-              ${F ? m.olhoAberto : m.olhoFechado}
-            </div>
+          <div class="ui-col ui-col-eye" data-layer-eye="${A}" role="button" tabindex="0" aria-label="${j ? "Ocultar Camada" : "Exibir Camada"}" title="${j ? "Ocultar Camada" : "Exibir Camada"}">
+            ${j ? g.olhoAberto : g.olhoFechado}
+          </div>
 
-            <div class="ui-col ui-col-lock ${M ? "" : "ui-lock-open"}" data-layer-lock="${v}" role="button" tabindex="0" aria-label="${M ? "Desbloquear Camada" : "Bloquear Camada"}" title="${M ? "Desbloquear Camada" : "Bloquear Camada"}">
-              ${M ? m.cadeadoTrancado : m.cadeadoAberto}
-            </div>
+          <div class="ui-col ui-col-lock ${T ? "" : "ui-lock-open"}" data-layer-lock="${A}" role="button" tabindex="0" aria-label="${T ? "Desbloquear Camada" : "Bloquear Camada"}" title="${T ? "Desbloquear Camada" : "Bloquear Camada"}">
+            ${T ? 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: ${B};"></div>
 
-            <div class="ui-col ui-col-chevron" data-layer-expand="${v}" role="button" tabindex="0" aria-label="${B ? "Recolher grupo" : "Expandir grupo"}">
-              <span class="ui-chevron-icon ${B ? "open" : ""}">${m.chevronDir}</span>
-            </div>
+          <div class="ui-col ui-col-chevron" data-layer-expand="${A}" 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="${v}" title="Clique para ativar camada de desenho | Duplo clique para renomear">
-              ${c === h.id ? `<input type="text" class="ui-inline-rename-input" data-inline-layer-input="${v}" value="${w}" />` : `<span class="ui-name-text">${w}</span>
-                     ${Y ? '<span class="ui-active-badge" title="Camada ativa para novos desenhos">✓ Ativa</span>' : ""}
-                     <span class="ui-count-chip">${I.length}</span>`}
-            </div>
+          <div class="ui-col ui-col-name" data-layer-name-trigger="${A}" title="Clique para ativar camada de desenho | Duplo clique para renomear">
+            ${n === w.id ? `<input type="text" class="ui-inline-rename-input" data-inline-layer-input="${A}" value="${te}" />` : `${D ? `<span class="ui-group-folder-icon" title="Grupo/Pasta">${g.moverPasta}</span>` : ""}
+                   <span class="ui-name-text">${te}</span>
+                   ${re ? '<span class="ui-active-badge" title="Camada ativa para novos desenhos">✓ Ativa</span>' : ""}
+                   ${C.length > 0 ? `<span class="ui-group-badge" title="${C.length} subcamadas">${C.length} sub</span>` : ""}
+                   ${S.length > 0 || !D ? `<span class="ui-count-chip">${S.length}</span>` : ""}`}
+          </div>
 
-            <div class="ui-col ui-col-actions">
-              <button class="ui-micro-btn" data-layer-fit="${v}" title="Enquadrar camada no mapa" aria-label="Enquadrar camada no mapa">${m.alvoEnquadrar}</button>
-              <button class="ui-micro-btn ${O ? "active" : ""}" data-layer-settings="${v}" title="Ajustar cor, opacidade e excluir" aria-label="Configurações da camada" aria-expanded="${O}">${m.engrenagem}</button>
-            </div>
+          <div class="ui-col ui-col-actions">
+            <button class="ui-micro-btn" data-layer-fit="${A}" title="Enquadrar camada no mapa" aria-label="Enquadrar camada no mapa">${g.alvoEnquadrar}</button>
+            <button class="ui-micro-btn ${V ? "active" : ""}" data-layer-settings="${A}" 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="${v}" role="button" tabindex="0" aria-label="Selecionar todas as feições deste grupo" title="Selecionar todas as feições deste grupo">
-              <div class="ui-target-circle ${J ? "selected" : ce ? "partial" : ""}"></div>
-            </div>
+          <div class="ui-col ui-col-target" data-layer-target="${A}" 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 ${ie ? "selected" : ve ? "partial" : ""}"></div>
           </div>
+        </div>
 
-          ${he}
+        ${ke}
 
-          <div class="ui-children-container" role="group" style="display: ${B ? "block" : "none"};">
-            ${pe}
-            ${fe}
-            ${I.length === 0 ? `<div class="ui-empty-row"><span>${u ? "Nenhum item correspondente" : "Nenhum elemento neste grupo"}</span></div>` : ""}
-          </div>
+        <div class="ui-children-container ${$ > 0 ? "is-subchildren" : ""}" role="group" style="display: ${R ? "block" : "none"};">
+          ${Ie}
+          ${ye}
+          ${we}
+          ${C.length === 0 && S.length === 0 ? `<div class="ui-empty-row"><span>${p ? "Nenhum item correspondente" : D ? "Grupo vazio (adicione subcamadas ou feições)" : "Nenhum elemento neste grupo"}</span></div>` : ""}
         </div>
-      `;
-  }).join("");
+      </div>
+    `;
+  }, I = Ne(o).map((x) => v(x)).join("");
   return `
-    ${E}
+    ${k}
     <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}
+        ${I}
       </div>
     </div>
   `;
 }
-class ze {
-  constructor(i, e) {
-    x(this, "host");
-    x(this, "shadow");
-    this.host = i, this.shadow = e;
+function Ge(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 Ve {
+  constructor(o, a) {
+    y(this, "host");
+    y(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((i) => {
-      i.addEventListener("dblclick", (e) => {
-        e.stopPropagation();
-        const t = i.getAttribute("data-layer-name-trigger");
+    this.shadow.querySelectorAll("[data-layer-name-trigger]").forEach((o) => {
+      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 = M(
           this.shadow,
           "data-inline-layer-input",
           t
         );
-        if (r) {
-          r.focus(), r.select();
-          let o = !1;
-          const s = (c) => {
-            var n, l;
-            if (!o) {
-              if (o = !0, this.host.editingLayerId = null, c) {
-                const d = r.value.trim(), p = this.host.camadas.find((u) => u.id === t);
-                d && p && p.name !== d && (p.name = d, (l = (n = this.host).salvarLembrancaEstado) == null || l.call(n), this.host.dispararEvento("ui-camada-renomeada", {
+        if (i) {
+          i.focus(), i.select();
+          let r = !1;
+          const s = (n) => {
+            var l, c;
+            if (!r) {
+              if (r = !0, this.host.editingLayerId = null, n) {
+                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: d,
-                  camada: p
+                  novoNome: f,
+                  camada: u
                 }));
               }
               this.host.solicitarRenderizacao();
             }
           };
-          r.addEventListener("keydown", (c) => {
-            c.key === "Enter" ? (c.preventDefault(), s(!0)) : c.key === "Escape" && (c.preventDefault(), s(!1));
-          }), r.addEventListener("blur", () => s(!0));
+          i.addEventListener("keydown", (n) => {
+            n.key === "Enter" ? (n.preventDefault(), s(!0)) : n.key === "Escape" && (n.preventDefault(), s(!1));
+          }), i.addEventListener("blur", () => s(!0));
         }
       });
-    }), this.shadow.querySelectorAll("[data-feat-name-trigger]").forEach((i) => {
-      i.addEventListener("dblclick", (e) => {
-        e.stopPropagation();
-        const t = i.getAttribute("data-feat-name-trigger");
+    }), this.shadow.querySelectorAll("[data-feat-name-trigger]").forEach((o) => {
+      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 = M(
           this.shadow,
           "data-inline-feat-input",
           t
         );
-        if (r) {
-          r.focus(), r.select();
-          let o = !1;
-          const s = (c) => {
-            if (!o) {
-              if (o = !0, this.host.editingFeatureId = null, c) {
-                const n = r.value.trim(), l = this.host.feicoes.find((d) => d.id === t);
-                n && l && l.name !== n && (l.name = n, this.host.dispararEvento("ui-feicao-renomeada", {
+        if (i) {
+          i.focus(), i.select();
+          let r = !1;
+          const s = (n) => {
+            if (!r) {
+              if (r = !0, this.host.editingFeatureId = null, n) {
+                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: n,
-                  feicao: l
+                  novoNome: l,
+                  feicao: c
                 }));
               }
               this.host.solicitarRenderizacao();
             }
           };
-          r.addEventListener("keydown", (c) => {
-            c.key === "Enter" ? (c.preventDefault(), s(!0)) : c.key === "Escape" && (c.preventDefault(), s(!1));
-          }), r.addEventListener("blur", () => s(!0));
+          i.addEventListener("keydown", (n) => {
+            n.key === "Enter" ? (n.preventDefault(), s(!0)) : n.key === "Escape" && (n.preventDefault(), s(!1));
+          }), i.addEventListener("blur", () => s(!0));
         }
       });
     });
   }
   bindDragAndDrop() {
-    let i = null, e = null, t = null;
-    const r = () => {
-      this.shadow.querySelectorAll(".ui-layer-row, .ui-feat-row, .ui-layer-group").forEach((o) => {
-        o.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((o) => {
-      const s = o.getAttribute("data-layer-id");
-      s && (o.addEventListener("dragstart", (c) => {
-        const n = c;
-        if (n.target.closest("input, button, select") || this.host.editingLayerId || this.host.editingFeatureId) {
-          n.preventDefault();
+    this.shadow.querySelectorAll('.ui-layer-row[draggable="true"]').forEach((r) => {
+      const s = r.getAttribute("data-layer-id");
+      s && (r.addEventListener("dragstart", (n) => {
+        const l = n;
+        if (l.target.closest("input, button, select") || this.host.editingLayerId || this.host.editingFeatureId) {
+          l.preventDefault();
           return;
         }
-        i = "layer", e = s, n.dataTransfer && (n.dataTransfer.setData("text/plain", JSON.stringify({ type: "layer", id: s })), n.dataTransfer.effectAllowed = "move"), o.classList.add("dragging");
-      }), o.addEventListener("dragover", (c) => {
-        const n = c;
-        if (n.preventDefault(), n.stopPropagation(), n.dataTransfer && (n.dataTransfer.dropEffect = "move"), i === "layer") {
-          if (e === s) return;
-          const l = o.getBoundingClientRect(), d = n.clientY - l.top < l.height / 2;
-          o.classList.toggle("drop-above", d), o.classList.toggle("drop-below", !d);
-        } else i === "feature" && o.classList.add("drop-into");
-      }), o.addEventListener("dragleave", (c) => {
-        const n = c.relatedTarget;
-        n && o.contains(n) || o.classList.remove("drop-above", "drop-below", "drop-into");
-      }), o.addEventListener("drop", (c) => {
-        var d, p;
-        const n = c;
-        n.preventDefault(), n.stopPropagation();
-        const l = o.classList.contains("drop-above");
-        if (r(), i === "layer") {
-          if (!e || e === s) return;
-          const u = this.host.camadas.findIndex((b) => b.id === e);
-          if (u === -1) return;
-          const [f] = this.host.camadas.splice(u, 1), g = this.host.camadas.findIndex((b) => b.id === s);
-          g === -1 ? this.host.camadas.push(f) : this.host.camadas.splice(l ? g : g + 1, 0, f), (p = (d = this.host).salvarLembrancaEstado) == null || p.call(d), this.host.dispararEvento("ui-camadas-reordenadas", {
+        o = "layer", a = s, l.dataTransfer && (l.dataTransfer.setData("text/plain", JSON.stringify({ type: "layer", id: s })), l.dataTransfer.effectAllowed = "move"), r.classList.add("dragging");
+      }), r.addEventListener("dragover", (n) => {
+        const l = n;
+        if (l.preventDefault(), l.stopPropagation(), l.dataTransfer && (l.dataTransfer.dropEffect = "move"), o === "layer") {
+          if (a === s) 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", (n) => {
+        const l = n.relatedTarget;
+        l && r.contains(l) || r.classList.remove("drop-above", "drop-below", "drop-into");
+      }), r.addEventListener("drop", (n) => {
+        var u, p;
+        const l = n;
+        l.preventDefault(), l.stopPropagation();
+        const c = r.classList.contains("drop-above"), f = r.classList.contains("drop-into");
+        if (i(), o === "layer") {
+          if (!a || a === s) return;
+          const d = this.host.camadas.find((h) => h.id === a), m = this.host.camadas.find((h) => h.id === s);
+          if (!d || !m) return;
+          if (f)
+            Ge(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 k = this.host.camadas.findIndex((v) => v.id === s);
+            k === -1 ? this.host.camadas.push(d) : this.host.camadas.splice(c ? k : k + 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 (i === "feature") {
+        } else if (o === "feature") {
           if (!t) return;
-          const u = this.host.feicoes.find((g) => g.id === t), f = this.host.camadas.find((g) => g.id === s);
-          if (u && f && u.layerId !== s) {
-            const g = u.layerId;
-            u.layerId = s, this.host.dispararEvento("ui-feicao-movida", {
-              feicaoId: u.id,
-              camadaOrigemId: g,
+          const d = this.host.feicoes.find((h) => h.id === t), m = this.host.camadas.find((h) => h.id === s);
+          if (d && m && d.layerId !== s) {
+            const h = d.layerId;
+            d.layerId = s, this.host.dispararEvento("ui-feicao-movida", {
+              feicaoId: d.id,
+              camadaOrigemId: h,
               camadaDestinoId: s,
-              feicao: u
+              feicao: d
             }), this.host.solicitarRenderizacao();
           }
         }
-      }), o.addEventListener("dragend", () => {
-        i = 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((o) => {
-      const s = o.getAttribute("data-feat-row"), c = o.getAttribute("data-feat-layer");
-      s && (o.addEventListener("dragstart", (n) => {
-        const l = n;
-        if (l.target.closest("input, button, select") || this.host.editingLayerId || this.host.editingFeatureId) {
-          l.preventDefault();
+    }), this.shadow.querySelectorAll('.ui-feat-row[draggable="true"]').forEach((r) => {
+      const s = r.getAttribute("data-feat-row"), n = r.getAttribute("data-feat-layer");
+      s && (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(), i = "feature", t = s, e = c, l.dataTransfer && (l.dataTransfer.setData(
+        c.stopPropagation(), o = "feature", t = s, a = n, c.dataTransfer && (c.dataTransfer.setData(
           "text/plain",
-          JSON.stringify({ type: "feature", id: s, layerId: c })
-        ), l.dataTransfer.effectAllowed = "move"), o.classList.add("dragging");
-      }), o.addEventListener("dragover", (n) => {
-        const l = n;
-        if (i !== "feature" || t === s) return;
-        l.preventDefault(), l.stopPropagation(), l.dataTransfer && (l.dataTransfer.dropEffect = "move");
-        const d = o.getBoundingClientRect(), p = l.clientY - d.top < d.height / 2;
-        o.classList.toggle("drop-above", p), o.classList.toggle("drop-below", !p);
-      }), o.addEventListener("dragleave", (n) => {
-        const l = n.relatedTarget;
-        l && o.contains(l) || o.classList.remove("drop-above", "drop-below");
-      }), o.addEventListener("drop", (n) => {
-        const l = n;
-        if (i !== "feature" || !t || t === s) return;
-        l.preventDefault(), l.stopPropagation();
-        const d = o.classList.contains("drop-above");
-        r();
-        const p = this.host.feicoes.findIndex((h) => h.id === t);
-        if (p === -1) return;
-        const u = this.host.feicoes.find((h) => h.id === s);
-        if (!u) return;
-        const [f] = this.host.feicoes.splice(p, 1), g = f.layerId, b = u.layerId, E = g !== b;
-        E && (f.layerId = b);
-        const y = this.host.feicoes.findIndex((h) => h.id === s);
-        y === -1 ? this.host.feicoes.push(f) : this.host.feicoes.splice(d ? y : y + 1, 0, f), E && this.host.dispararEvento("ui-feicao-movida", {
-          feicaoId: f.id,
-          camadaOrigemId: g,
-          camadaDestinoId: b,
-          feicao: f
+          JSON.stringify({ type: "feature", id: s, layerId: n })
+        ), c.dataTransfer.effectAllowed = "move"), r.classList.add("dragging");
+      }), r.addEventListener("dragover", (l) => {
+        const c = l;
+        if (o !== "feature" || t === s) 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 === s) 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 === s);
+        if (!p) return;
+        const [d] = this.host.feicoes.splice(u, 1), m = d.layerId, h = p.layerId, k = m !== h;
+        k && (d.layerId = h);
+        const v = this.host.feicoes.findIndex((b) => b.id === s);
+        v === -1 ? this.host.feicoes.push(d) : this.host.feicoes.splice(f ? v : v + 1, 0, d), k && this.host.dispararEvento("ui-feicao-movida", {
+          feicaoId: d.id,
+          camadaOrigemId: m,
+          camadaDestinoId: h,
+          feicao: d
         }), this.host.dispararEvento("ui-feicoes-reordenadas", {
           feicoes: [...this.host.feicoes]
         }), this.host.solicitarRenderizacao();
-      }), o.addEventListener("dragend", (n) => {
-        n.stopPropagation(), i = 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 s = null, n = !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 (s && s !== m && s.classList.remove("drop-above", "drop-below"), m && m !== a) {
+            s = m;
+            const h = m.getBoundingClientRect();
+            n = p.clientY - h.top < h.height / 2, m.classList.toggle("drop-above", n), m.classList.toggle("drop-below", !n);
+          } else
+            s = null;
+        }, u = () => {
+          var p, d;
+          if (window.removeEventListener("pointermove", f), window.removeEventListener("pointerup", u), window.removeEventListener("pointercancel", u), s) {
+            const m = s.getAttribute("data-layer-id");
+            if (c(), m && l && m !== l) {
+              const h = this.host.camadas.findIndex((k) => k.id === l);
+              if (h !== -1) {
+                const [k] = this.host.camadas.splice(h, 1), v = this.host.camadas.findIndex((b) => b.id === m);
+                v === -1 ? this.host.camadas.push(k) : this.host.camadas.splice(n ? v : v + 1, 0, k), (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 Fe = "ui_camadas_estado_";
-function Be(a, i) {
-  const e = (a || i || "default").trim();
-  return `${Fe}${e}`;
+const Ue = "ui_camadas_estado_";
+function _e(e, o) {
+  const a = (e || o || "default").trim();
+  return `${Ue}${a}`;
 }
-function U(a) {
+function W(e) {
   if (typeof window > "u" || typeof localStorage > "u")
     return null;
   try {
-    const i = localStorage.getItem(a);
-    if (!i) return null;
-    const e = JSON.parse(i);
-    if (e && typeof e == "object")
-      return e;
-  } catch (i) {
-    console.warn(`[UI-Camadas] Não foi possível carregar o estado persistido (${a}):`, i);
+    const o = localStorage.getItem(e);
+    if (!o) return null;
+    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 (${e}):`, o);
   }
   return null;
 }
-function qe(a, i) {
+function Ke(e, o) {
   if (!(typeof window > "u" || typeof localStorage > "u"))
     try {
-      localStorage.setItem(a, JSON.stringify(i));
-    } 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 Ye(e) {
   if (!(typeof window > "u" || typeof localStorage > "u"))
     try {
-      localStorage.removeItem(a);
+      localStorage.removeItem(e);
     } catch {
     }
 }
-function _(a) {
+function Z(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 De(a, i, e, t) {
-  if (!Array.isArray(a)) return;
-  const r = (i == null ? void 0 : i.camadasOverrides) || {}, o = new Set((i == null ? void 0 : i.expandedLayerIds) || []), s = new Set((i == null ? void 0 : i.collapsedLayerIds) || []), c = o.size > 0 || s.size > 0;
-  for (let n = 0; n < a.length; n++) {
-    const l = a[n], d = r[l.id];
-    if (t == null || t.set(l.id, _(l)), d) {
-      const p = d.origem, u = (f) => {
+function Qe(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) || []), s = new Set((o == null ? void 0 : o.collapsedLayerIds) || []), n = r.size > 0 || s.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, Z(p)), d) {
+      const m = d.origem, h = (k) => {
         var b;
-        const g = (b = t == null ? void 0 : t.get(l.id)) == null ? void 0 : b[f];
-        return p !== void 0 && p[f] !== g;
+        const v = (b = t == null ? void 0 : t.get(p.id)) == null ? void 0 : b[k];
+        return m !== void 0 && m[k] !== v;
       };
-      typeof d.name == "string" && d.name.trim() && !u("name") && (l.name = d.name), typeof d.visible == "boolean" && !u("visible") && (l.visible = d.visible), typeof d.locked == "boolean" && !u("locked") && (l.locked = d.locked), typeof d.opacity == "number" && !u("opacity") && (l.opacity = d.opacity), typeof d.color == "string" && !u("color") && (l.color = d.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);
     }
-    c ? o.has(l.id) ? e.add(l.id) : s.has(l.id) ? e.delete(l.id) : e.add(l.id) : e.add(l.id);
-  }
-  if (Array.isArray(i == null ? void 0 : i.ordemCamadasIds) && i.ordemCamadasIds.length > 0) {
-    const n = /* @__PURE__ */ new Map();
-    i.ordemCamadasIds.forEach((l, d) => n.set(l, d)), a.sort((l, d) => {
-      const p = n.has(l.id) ? n.get(l.id) : 9999, u = n.has(d.id) ? n.get(d.id) : 9999;
-      return p - u;
+    n ? r.has(p.id) ? a.add(p.id) : s.has(p.id) ? a.delete(p.id) : a.add(p.id) : a.add(p.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 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 Oe(a) {
-  const { estadoAnterior: i, camadas: e, expandedLayers: t } = a;
-  let r = (i == null ? void 0 : i.expandedLayerIds) || [], o = (i == null ? void 0 : i.collapsedLayerIds) || [], s = (i == null ? void 0 : i.ordemCamadasIds) || [];
-  const c = {
-    ...(i == null ? void 0 : i.camadasOverrides) || {}
+function Je(e) {
+  const { estadoAnterior: o, camadas: a, expandedLayers: t } = e;
+  let i = (o == null ? void 0 : o.expandedLayerIds) || [], r = (o == null ? void 0 : o.collapsedLayerIds) || [], s = (o == null ? void 0 : o.ordemCamadasIds) || [], n = o == null ? void 0 : o.ordemOrigemIds;
+  const l = {
+    ...(o == null ? void 0 : o.camadasOverrides) || {}
   };
-  return e.length > 0 && (r = [], o = [], s = e.map((n) => n.id), e.forEach((n) => {
-    var l, d;
-    t.has(n.id) ? r.push(n.id) : o.push(n.id), c[n.id] = {
-      name: n.name,
-      visible: n.visible !== !1,
-      locked: !!n.locked,
-      opacity: typeof n.opacity == "number" ? n.opacity : 1,
-      color: n.color || "#00E08A",
-      origem: ((l = a.origensCamadas) == null ? void 0 : l.get(n.id)) ?? ((d = c[n.id]) == null ? void 0 : d.origem)
+  a.length > 0 && (i = [], r = [], s = a.map((c) => c.id), n = e.origensCamadas ? [...e.origensCamadas.keys()] : s, 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 c of e.camadasRemovidas ?? []) delete l[c];
+  return {
     versao: 1,
-    expandedLayerIds: r,
-    collapsedLayerIds: o,
-    camadaAtivaId: a.camadaAtivaId,
-    painelColapsado: a.painelColapsado,
+    expandedLayerIds: i,
+    collapsedLayerIds: r,
+    camadaAtivaId: e.camadaAtivaId,
+    painelColapsado: e.painelColapsado,
     ordemCamadasIds: s,
-    mapaBaseAtivo: a.mapaBaseAtivo,
-    densidade: a.densidade,
-    altura: a.altura,
-    camadasOverrides: c,
+    ordemOrigemIds: n,
+    mapaBaseAtivo: e.mapaBaseAtivo,
+    densidade: e.densidade,
+    altura: e.altura,
+    camadasOverrides: l,
     ultimaAtualizacao: Date.now()
   };
 }
-const Pe = ':host{display:flex;flex-direction:column;box-sizing:border-box;font-family:inherit;font-size:11px;color:var(--ui-cor-texto, #e1e1e6);-webkit-user-select:none;user-select:none;width:100%;height:var(--ui-camadas-altura, 100%);min-height:var(--ui-camadas-min-altura, 140px);position:relative;--camada-linha-altura: 25px;--camada-thumb-tamanho: 15px;--camada-transicao: .16s cubic-bezier(.16, 1, .3, 1)}:host([densidade="compacto"]){--camada-linha-altura: 22px;--camada-thumb-tamanho: 13px;font-size:10px}:host([flutuante]){position:absolute;top:10px;right:10px;bottom:46px;z-index:var(--ui-z-workspace-hud, 500);width:auto;height:var(--ui-camadas-altura, auto)}*,*:before,*:after{box-sizing:border-box}:host(:not([flutuante])) .ui-camadas-container{max-width:100%;min-width:0;border:none;box-shadow:none;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.ui-camadas-container{display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0;width:100%;max-width:380px;min-width:270px;background:var(--ui-cor-superficie, #141417);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));border-radius:var(--ui-raio-borda, 8px);box-shadow: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, i) {
-  i.querySelectorAll("[data-layer-row]").forEach((r) => {
-    r.addEventListener("click", (o) => {
-      if (o.target.closest(
+const We = ':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-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: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: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 Xe(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 c = r.getAttribute("data-layer-row");
-      c && a.definirCamadaAtiva(c, !0);
+      const n = i.getAttribute("data-layer-row");
+      n && e.definirCamadaAtiva(n, !0);
     });
-  }), i.querySelectorAll("[data-layer-expand]").forEach((r) => {
-    r.addEventListener("click", (o) => {
-      o.stopPropagation();
-      const s = r.getAttribute("data-layer-expand");
+  }), o.querySelectorAll("[data-layer-expand]").forEach((i) => {
+    i.addEventListener("click", (r) => {
+      r.stopPropagation();
+      const s = i.getAttribute("data-layer-expand");
       if (!s) return;
-      a.expandedLayers.has(s) ? a.expandedLayers.delete(s) : a.expandedLayers.add(s);
-      const c = r.closest(".ui-layer-group"), n = r.querySelector(".ui-chevron-icon"), l = a.expandedLayers.has(s);
-      if (n && n.classList.toggle("open", l), c) {
-        const d = c.querySelector(".ui-children-container");
-        d && (d.style.display = l ? "block" : "none");
+      e.expandedLayers.has(s) ? e.expandedLayers.delete(s) : e.expandedLayers.add(s);
+      const n = i.closest(".ui-layer-group"), l = i.querySelector(".ui-chevron-icon"), c = e.expandedLayers.has(s);
+      if (l && l.classList.toggle("open", c), n) {
+        const f = n.querySelector(".ui-children-container");
+        f && (f.style.display = c ? "block" : "none");
       }
-      a.salvarLembrancaEstado();
+      e.salvarLembrancaEstado();
     });
-  }), i.querySelectorAll("[data-layer-eye]").forEach((r) => {
-    r.addEventListener("click", (o) => {
-      o.stopPropagation();
-      const s = r.getAttribute("data-layer-eye"), c = a.camadas.find((n) => n.id === s);
-      if (c) {
-        c.visible = c.visible === !1;
-        const n = c.visible !== !1;
-        r.innerHTML = n ? m.olhoAberto : m.olhoFechado, $(r, n ? "Ocultar Camada" : "Exibir Camada");
-        const l = r.closest(".ui-layer-row");
-        l && l.classList.toggle("hidden-layer", !n), Re(a, i), a.salvarLembrancaEstado(), a.dispararEvento("ui-camada-visibilidade", {
-          camadaId: c.id,
-          visivel: n
+  }), o.querySelectorAll("[data-layer-eye]").forEach((i) => {
+    i.addEventListener("click", (r) => {
+      r.stopPropagation();
+      const s = i.getAttribute("data-layer-eye"), n = e.camadas.find((l) => l.id === s);
+      if (n) {
+        n.visible = n.visible === !1;
+        const l = n.visible !== !1;
+        i.innerHTML = l ? g.olhoAberto : g.olhoFechado, F(i, l ? "Ocultar Camada" : "Exibir Camada");
+        const c = i.closest(".ui-layer-row");
+        c && c.classList.toggle("hidden-layer", !l), Ze(e, o), e.salvarLembrancaEstado(), e.dispararEvento("ui-camada-visibilidade", {
+          camadaId: n.id,
+          visivel: l
         });
       }
     });
-  }), i.querySelectorAll("[data-layer-lock]").forEach((r) => {
-    r.addEventListener("click", (o) => {
-      o.stopPropagation();
-      const s = r.getAttribute("data-layer-lock"), c = a.camadas.find((n) => n.id === s);
-      c && (c.locked = !c.locked, r.innerHTML = c.locked ? m.cadeadoTrancado : m.cadeadoAberto, r.classList.toggle("ui-lock-open", !c.locked), $(r, c.locked ? "Desbloquear Camada" : "Bloquear Camada"), Ne(a, i, c.id, c.locked === !0), a.salvarLembrancaEstado(), a.dispararEvento("ui-camada-bloqueio", {
-        camadaId: c.id,
-        bloqueado: c.locked
+  }), o.querySelectorAll("[data-layer-lock]").forEach((i) => {
+    i.addEventListener("click", (r) => {
+      r.stopPropagation();
+      const s = i.getAttribute("data-layer-lock"), n = e.camadas.find((l) => l.id === s);
+      n && (n.locked = !n.locked, i.innerHTML = n.locked ? g.cadeadoTrancado : g.cadeadoAberto, i.classList.toggle("ui-lock-open", !n.locked), F(i, n.locked ? "Desbloquear Camada" : "Bloquear Camada"), ea(e, o, n.id, n.locked === !0), e.salvarLembrancaEstado(), e.dispararEvento("ui-camada-bloqueio", {
+        camadaId: n.id,
+        bloqueado: n.locked
       }));
     });
-  }), i.querySelectorAll("[data-layer-fit]").forEach((r) => {
-    r.addEventListener("click", (o) => {
-      o.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 s = i.getAttribute("data-layer-fit");
+      s && e.dispararEvento("ui-camada-enquadrar", { camadaId: s });
     });
-  }), i.querySelectorAll("[data-layer-settings]").forEach((r) => {
-    r.addEventListener("click", (o) => {
-      o.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 s = i.getAttribute("data-layer-settings");
+      e.activeSettingsLayerId = e.activeSettingsLayerId === s ? null : s, e.solicitarRenderizacao();
     });
-  }), i.querySelectorAll("[data-layer-settings-close]").forEach((r) => {
-    r.addEventListener("click", (o) => {
-      o.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, o, s) => {
-    const c = a.camadas.find((f) => f.id === r);
-    if (!c) return;
-    const n = D(o, c.color || "#00E08A");
-    c.color = n;
-    const l = i.getElementById(`sample-color-${r}`);
-    l && (l.style.backgroundColor = n);
-    const d = i.getElementById(`hex-color-${r}`);
-    d && (d.textContent = n.toUpperCase());
-    const p = i.getElementById(`settings-drawer-${r}`);
-    p && p.style.setProperty("--drawer-cor-camada", n);
-    const u = S(i, "data-layer-row", r);
-    if (u) {
-      u.style.setProperty("--layer-active-color", n);
-      const f = u.querySelector(".ui-col-colorbar");
-      f && (f.style.backgroundColor = n);
+  const a = (i, r, s) => {
+    const n = e.camadas.find((d) => d.id === i);
+    if (!n) return;
+    const l = G(r, n.color || "#00E08A");
+    n.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 = M(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: c.id, cor: n });
+    s ? e.salvarLembrancaEstado() : e.agendarSalvarLembranca(), e.dispararEvento("ui-camada-cor", { camadaId: n.id, cor: l });
   };
-  i.querySelectorAll("[data-layer-color-picker]").forEach((r) => {
-    const o = r, s = (c) => (n) => {
-      const l = o.getAttribute("data-layer-color-picker");
-      if (!l) return;
-      const d = n.target.value;
-      e(l, d, c);
+  o.querySelectorAll("[data-layer-color-picker]").forEach((i) => {
+    const r = i, s = (n) => (l) => {
+      const c = r.getAttribute("data-layer-color-picker");
+      if (!c) return;
+      const f = l.target.value;
+      a(c, f, n);
     };
-    o.addEventListener("input", s(!1)), o.addEventListener("change", s(!0));
+    r.addEventListener("input", s(!1)), r.addEventListener("change", s(!0));
   });
-  const t = (r, o) => {
-    const s = a.camadas.find((l) => l.id === r);
+  const t = (i, r) => {
+    const s = e.camadas.find((c) => c.id === i);
     if (!s) return;
-    s.opacity = o;
-    const c = i.getElementById(`badge-op-${r}`);
-    c && (c.textContent = `${Math.round(o * 100)}%`);
-    const n = S(i, "data-layer-opacity-slider", r);
-    n && parseFloat(n.value) !== o && (n.value = String(o)), a.agendarSalvarLembranca(), a.dispararEvento("ui-camada-opacidade", { camadaId: s.id, opacidade: o });
+    s.opacity = r;
+    const n = o.getElementById(`badge-op-${i}`);
+    n && (n.textContent = `${Math.round(r * 100)}%`);
+    const l = M(o, "data-layer-opacity-slider", i);
+    l && parseFloat(l.value) !== r && (l.value = String(r)), e.agendarSalvarLembranca(), e.dispararEvento("ui-camada-opacidade", { camadaId: s.id, opacidade: r });
   };
-  i.querySelectorAll("[data-layer-opacity-slider]").forEach((r) => {
-    r.addEventListener("input", (o) => {
-      const s = r.getAttribute("data-layer-opacity-slider");
+  o.querySelectorAll("[data-layer-opacity-slider]").forEach((i) => {
+    i.addEventListener("input", (r) => {
+      const s = i.getAttribute("data-layer-opacity-slider");
       if (!s) return;
-      const c = parseFloat(o.target.value);
-      t(s, c);
+      const n = parseFloat(r.target.value);
+      t(s, n);
     });
-  }), i.querySelectorAll("[data-delete-layer]").forEach((r) => {
-    let o = null;
-    r.addEventListener("click", (s) => {
+  }), o.querySelectorAll("[data-delete-layer]").forEach((i) => {
+    let r = null;
+    i.addEventListener("click", (s) => {
       s.stopPropagation();
-      const c = r.getAttribute("data-delete-layer");
-      if (!c) return;
-      if (r.classList.contains("confirming")) {
-        o && clearTimeout(o), a.dispararEvento("ui-camada-excluida", { camadaId: c });
-        const l = a.selectedFeatureIds.size;
-        a.removerCamada(c), a.selectedFeatureIds.size !== l && a.notificarMudancaSelecao();
+      const n = i.getAttribute("data-delete-layer");
+      if (!n) return;
+      if (i.classList.contains("confirming")) {
+        r && clearTimeout(r), e.dispararEvento("ui-camada-excluida", { camadaId: n });
+        const c = e.selectedFeatureIds.size;
+        e.camadas.forEach((f) => {
+          f.parentId === n && (f.parentId = null);
+        }), e.removerCamada(n), e.selectedFeatureIds.size !== c && e.notificarMudancaSelecao();
       } else {
-        r.classList.add("confirming");
-        const l = r.querySelector(".ui-btn-label");
-        l && (l.textContent = "Confirmar Exclusão?"), o = 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);
       }
     });
-  }), i.querySelectorAll("[data-layer-target]").forEach((r) => {
-    r.addEventListener("click", (o) => {
-      o.stopPropagation();
-      const s = o, c = r.getAttribute("data-layer-target"), n = K(
-        a.feicoes.filter((d) => d.layerId === c),
-        a.searchQuery
+  }), o.querySelectorAll("[data-layer-parent-select]").forEach((i) => {
+    i.addEventListener("change", (r) => {
+      const s = r.target, n = s.getAttribute("data-layer-parent-select"), l = s.value || null, c = e.camadas.find((f) => f.id === n);
+      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 s = i.getAttribute("data-add-sublayer");
+      e.dispararEvento("ui-camada-adicionar", { parentId: s });
+    });
+  }), o.querySelectorAll("[data-layer-target]").forEach((i) => {
+    i.addEventListener("click", (r) => {
+      r.stopPropagation();
+      const s = r, n = i.getAttribute("data-layer-target"), l = ae(
+        e.feicoes.filter((f) => f.layerId === n),
+        e.searchQuery
       );
-      if (n.length === 0) return;
-      n.every((d) => a.selectedFeatureIds.has(d.id)) ? n.forEach((d) => a.selectedFeatureIds.delete(d.id)) : (!s.ctrlKey && !s.metaKey && a.selectedFeatureIds.clear(), n.forEach((d) => a.selectedFeatureIds.add(d.id))), a.lastClickedFeatureId = n[n.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)) : (!s.ctrlKey && !s.metaKey && e.selectedFeatureIds.clear(), l.forEach((f) => e.selectedFeatureIds.add(f.id))), e.lastClickedFeatureId = l[l.length - 1].id, e.sincronizarSelecaoDOM(), e.notificarMudancaSelecao();
     });
   });
 }
-function Re(a, i) {
-  const e = i.getElementById("btn-toggle-all-vis");
-  if (!e) return;
-  const t = a.camadas.every((r) => r.visible !== !1);
-  e.innerHTML = t ? m.olhoAberto : m.olhoFechado, $(e, t ? "Ocultar Todas as Camadas" : "Exibir Todas as Camadas");
+function Ze(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, F(a, t ? "Ocultar Todas as Camadas" : "Exibir Todas as Camadas");
 }
-function Ne(a, i, e, t) {
-  a.feicoes.filter((r) => r.layerId === e).forEach((r) => {
-    const o = S(i, "data-feat-lock", r.id);
-    if (!o) return;
-    const s = r.locked === !0 || t;
-    o.innerHTML = s ? m.cadeadoTrancado : m.cadeadoAberto, o.classList.toggle("ui-lock-open", !s), t ? o.setAttribute("data-locked-by-layer", "true") : o.removeAttribute("data-locked-by-layer"), $(
-      o,
+function ea(e, o, a, t) {
+  e.feicoes.filter((i) => i.layerId === a).forEach((i) => {
+    const r = M(o, "data-feat-lock", i.id);
+    if (!r) return;
+    const s = i.locked === !0 || t;
+    r.innerHTML = s ? g.cadeadoTrancado : g.cadeadoAberto, r.classList.toggle("ui-lock-open", !s), t ? r.setAttribute("data-locked-by-layer", "true") : r.removeAttribute("data-locked-by-layer"), F(
+      r,
       t ? "Bloqueada pela camada" : s ? "Desbloquear Feição" : "Bloquear Feição"
     );
   });
 }
-function He(a, i) {
-  const e = i.getElementById("btn-footer-vis");
-  e && e.addEventListener("click", () => {
-    const l = a.feicoes.filter((u) => a.selectedFeatureIds.has(u.id));
-    if (l.length === 0) return;
-    const p = !l.some((u) => u.visible !== !1);
-    l.forEach((u) => u.visible = p), a.dispararEvento("ui-acao-massa", {
+function aa(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((u) => u.id),
-      feicoes: l,
-      valor: p
-    }), a.solicitarRenderizacao();
+      feicoesIds: u.map((m) => m.id),
+      feicoes: u,
+      valor: d
+    }), e.solicitarRenderizacao();
   });
-  const t = i.getElementById("btn-footer-lock");
+  const t = o.getElementById("btn-footer-lock");
   t && t.addEventListener("click", () => {
-    const l = a.feicoes.filter((u) => a.selectedFeatureIds.has(u.id));
-    if (l.length === 0) return;
-    const p = !l.some((u) => u.locked === !0);
-    l.forEach((u) => u.locked = p), a.dispararEvento("ui-acao-massa", {
+    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((u) => u.id),
-      feicoes: l,
-      valor: p
-    }), a.solicitarRenderizacao();
-  });
-  const r = i.getElementById("input-footer-color");
-  r && r.addEventListener("change", (l) => {
-    const d = l.target.value, p = a.feicoes.filter((u) => a.selectedFeatureIds.has(u.id));
-    p.length !== 0 && (p.forEach((u) => {
-      u.color = d, u.style = { ...u.style || {}, fillColor: d, strokeColor: d };
-    }), a.dispararEvento("ui-acao-massa", {
-      acao: "cor",
-      feicoesIds: p.map((u) => u.id),
-      feicoes: p,
+      feicoesIds: u.map((m) => m.id),
+      feicoes: u,
       valor: d
-    }), a.solicitarRenderizacao());
+    }), e.solicitarRenderizacao();
   });
-  const o = i.getElementById("select-footer-move");
-  o && o.addEventListener("change", (l) => {
-    const d = l.target.value;
-    if (!d) return;
-    const p = a.feicoes.filter((f) => a.selectedFeatureIds.has(f.id));
-    if (p.length === 0) return;
-    const u = new Map(p.map((f) => [f.id, f.layerId]));
-    p.forEach((f) => f.layerId = d), p.forEach((f) => {
-      u.get(f.id) !== d && a.dispararEvento("ui-feicao-movida", {
-        feicaoId: f.id,
-        camadaOrigemId: u.get(f.id),
-        camadaDestinoId: d,
-        feicao: f
+  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: d.map((m) => m.id),
+      feicoes: d,
+      valor: p
+    }), e.solicitarRenderizacao());
+  }));
+  const s = o.getElementById("select-footer-move");
+  s && s.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: d
-    }), a.solicitarRenderizacao();
+      feicoesIds: d.map((h) => h.id),
+      feicoes: d,
+      valor: p
+    }), e.solicitarRenderizacao();
+  });
+  const n = o.getElementById("btn-footer-new-layer");
+  n && n.addEventListener("click", () => {
+    e.dispararEvento("ui-camada-adicionar", {});
   });
-  const s = i.getElementById("btn-footer-new-layer");
-  s && s.addEventListener("click", () => {
-    a.dispararEvento("ui-camada-adicionar", {});
+  const l = o.getElementById("btn-footer-new-group");
+  l && l.addEventListener("click", () => {
+    e.dispararEvento("ui-camada-grupo-adicionar", { isGroup: !0 });
   });
-  const c = i.getElementById("btn-footer-del");
+  const c = o.getElementById("btn-footer-del");
   if (c) {
-    let l = null;
-    const d = "Excluir selecionados";
+    let u = null;
+    const p = "Excluir selecionados";
     c.addEventListener("click", () => {
-      const p = Array.from(a.selectedFeatureIds);
-      if (p.length === 0) return;
+      const d = Array.from(e.selectedFeatureIds);
+      if (d.length === 0) return;
       if (!c.classList.contains("confirming")) {
-        c.classList.add("confirming"), $(c, `Clique novamente para excluir ${p.length} selecionado(s)`), l = setTimeout(() => {
-          c.classList.remove("confirming"), $(c, d);
+        c.classList.add("confirming"), F(c, `Clique novamente para excluir ${d.length} selecionado(s)`), u = setTimeout(() => {
+          c.classList.remove("confirming"), F(c, p);
         }, 3500);
         return;
       }
-      l && clearTimeout(l);
-      const u = a.feicoes.filter((f) => a.selectedFeatureIds.has(f.id));
-      a.feicoes = a.feicoes.filter((f) => !a.selectedFeatureIds.has(f.id)), a.selectedFeatureIds.clear(), a.lastClickedFeatureId = null, a.dispararEvento("ui-acao-massa", {
+      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: u
-      }), a.notificarMudancaSelecao(), a.solicitarRenderizacao();
+        feicoesIds: d,
+        feicoes: m
+      }), e.notificarMudancaSelecao(), e.solicitarRenderizacao();
     });
   }
-  const n = i.getElementById("btn-footer-clear");
-  n && n.addEventListener("click", () => a.limparSelecao(!0));
+  const f = o.getElementById("btn-footer-clear");
+  f && f.addEventListener("click", () => e.limparSelecao(!0));
 }
-function Ue(a, i) {
-  const e = i.getElementById("btn-toggle-all-vis");
-  e && e.addEventListener("click", () => a.alternarVisibilidadeTodas(!0));
-  const t = i.getElementById("btn-toggle-all-expand");
-  t && t.addEventListener("click", (s) => {
-    s.stopPropagation(), a.camadas.length > 0 && a.camadas.every((n) => a.expandedLayers.has(n.id)) ? a.colapsarTodas() : a.expandirTodas();
+function ta(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", (n) => {
+    n.stopPropagation(), e.camadas.length > 0 && e.camadas.every((c) => e.expandedLayers.has(c.id)) ? e.colapsarTodas() : e.expandirTodas();
   });
-  const r = i.getElementById("btn-add-layer");
+  const i = o.getElementById("btn-add-layer");
+  i && i.addEventListener("click", () => {
+    e.dispararEvento("ui-camada-adicionar", {});
+  });
+  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 o = i.getElementById("btn-colapsar");
-  o && o.addEventListener("click", () => a.colapsar(!0)), Ve(a, i);
+  const s = o.getElementById("btn-colapsar");
+  s && s.addEventListener("click", () => e.colapsar(!0)), ra(e, o);
 }
-function Ve(a, i) {
-  const e = i.getElementById("input-layer-search"), t = i.getElementById("btn-clear-layer-search"), r = () => {
-    var o;
-    a.searchQuery = "", a.solicitarRenderizacao(), (o = i.getElementById("input-layer-search")) == null || o.focus();
+function ra(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 o = oe(() => a.solicitarRenderizacao(), 75);
-    e.addEventListener("input", (s) => {
-      a.searchQuery = s.target.value, o();
-    }), e.addEventListener("keydown", (s) => {
-      s.key === "Escape" && a.searchQuery && (s.preventDefault(), r());
+  if (a) {
+    const r = fe(() => e.solicitarRenderizacao(), 75);
+    a.addEventListener("input", (s) => {
+      e.searchQuery = s.target.value, r();
+    }), a.addEventListener("keydown", (s) => {
+      s.key === "Escape" && e.searchQuery && (s.preventDefault(), i());
     });
   }
-  t && t.addEventListener("click", r);
+  t && t.addEventListener("click", i);
 }
-function _e(a, i) {
-  i.querySelectorAll("[data-feat-select]").forEach((e) => {
-    e.addEventListener("click", (t) => {
-      if (a.editingFeatureId) return;
-      const r = t;
-      if (r.target.closest(
+function ia(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 s = a.getAttribute("data-feat-select");
+      s && e.selecionarFeicao(s, i.ctrlKey || i.metaKey, i.shiftKey, !0);
     });
-  }), i.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, o = e.getAttribute("data-feat-target");
-      o && a.selecionarFeicao(o, 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);
     });
-  }), i.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"), o = a.feicoes.find((s) => s.id === r);
-      if (o) {
-        o.visible = o.visible === !1;
-        const s = o.visible !== !1;
-        e.innerHTML = s ? m.olhoAberto : m.olhoFechado, $(e, s ? "Ocultar Feição" : "Exibir Feição");
-        const c = e.closest(".ui-feat-row");
-        c && c.classList.toggle("hidden-row", !s), a.dispararEvento("ui-feicao-visibilidade", {
-          feicaoId: o.id,
+      const i = a.getAttribute("data-feat-eye"), r = e.feicoes.find((s) => s.id === i);
+      if (r) {
+        r.visible = r.visible === !1;
+        const s = r.visible !== !1;
+        a.innerHTML = s ? g.olhoAberto : g.olhoFechado, F(a, s ? "Ocultar Feição" : "Exibir Feição");
+        const n = a.closest(".ui-feat-row");
+        n && n.classList.toggle("hidden-row", !s), e.dispararEvento("ui-feicao-visibilidade", {
+          feicaoId: r.id,
           visivel: s
         });
       }
     });
-  }), i.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"), o = a.feicoes.find((s) => s.id === r);
-      o && (o.locked = !o.locked, e.innerHTML = o.locked ? m.cadeadoTrancado : m.cadeadoAberto, e.classList.toggle("ui-lock-open", !o.locked), $(e, o.locked ? "Desbloquear Feição" : "Bloquear Feição"), a.dispararEvento("ui-feicao-bloqueio", {
-        feicaoId: o.id,
-        bloqueado: o.locked
+  }), 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((s) => s.id === i);
+      r && (r.locked = !r.locked, a.innerHTML = r.locked ? g.cadeadoTrancado : g.cadeadoAberto, a.classList.toggle("ui-lock-open", !r.locked), F(a, r.locked ? "Desbloquear Feição" : "Bloquear Feição"), e.dispararEvento("ui-feicao-bloqueio", {
+        feicaoId: r.id,
+        bloqueado: r.locked
       }));
     });
-  }), i.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 Ge(a, i) {
-  i.querySelectorAll("[data-basemap-thumb]").forEach((e) => {
-    e.addEventListener(
+function oa(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 = m.mapa, e.replaceWith(t);
+        t.className = "ui-basemap-preview-none", t.innerHTML = g.mapa, a.replaceWith(t);
       },
       { once: !0 }
     );
-  }), i.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 Ke(a, i) {
-  Ue(a, i), je(a, i), _e(a, i), Ge(a, i), He(a, i);
+function sa(e, o) {
+  ta(e, o), Xe(e, o), ia(e, o), oa(e, o), aa(e, o);
 }
-const Qe = '[role="button"][tabindex]', z = "[data-layer-row], [data-feat-row]", Ye = ["color", "range", "checkbox", "radio", "button"];
-function le(a) {
-  return a instanceof HTMLSelectElement || a instanceof HTMLTextAreaElement ? !0 : a instanceof HTMLInputElement && !Ye.includes(a.type);
+const na = '[role="button"][tabindex]', P = "[data-layer-row], [data-feat-row]", la = ["color", "range", "checkbox", "radio", "button"];
+function ge(e) {
+  return e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement ? !0 : e instanceof HTMLInputElement && !la.includes(e.type);
 }
-function Je(a) {
-  return Array.from(a.querySelectorAll(z)).filter((i) => {
-    const e = i.closest(".ui-children-container");
-    return !(e && e.style.display === "none") && !i.classList.contains("ui-search-hidden");
+function ca(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 T(a, i) {
-  i && (a.querySelectorAll(z).forEach((e) => e.setAttribute("tabindex", "-1")), i.setAttribute("tabindex", "0"), i.focus());
+function H(e, o) {
+  o && (e.querySelectorAll(P).forEach((a) => a.setAttribute("tabindex", "-1")), o.setAttribute("tabindex", "0"), o.focus());
 }
-function We(a, i) {
-  a.dispatchEvent(
+function da(e, o) {
+  e.dispatchEvent(
     new MouseEvent("click", {
       bubbles: !0,
-      ctrlKey: i.ctrlKey || i.metaKey,
-      shiftKey: i.shiftKey
+      ctrlKey: o.ctrlKey || o.metaKey,
+      shiftKey: o.shiftKey
     })
   );
 }
-function Xe(a, i, e) {
+function ua(e, o, a) {
   var t;
-  if (!le(e.composedPath()[0])) {
-    if (a.activeSettingsLayerId) {
-      e.preventDefault();
-      const r = a.activeSettingsLayerId;
-      a.activeSettingsLayerId = null, a.solicitarRenderizacao(), (t = S(i, "data-layer-settings", r)) == null || t.focus();
+  if (!ge(a.composedPath()[0])) {
+    if (e.activeSettingsLayerId) {
+      a.preventDefault();
+      const i = e.activeSettingsLayerId;
+      e.activeSettingsLayerId = null, e.solicitarRenderizacao(), (t = M(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 Ze(a, i, e) {
+function pa(e, o, a) {
   var s;
-  const t = e.composedPath()[0];
-  if (!(t instanceof HTMLElement) || le(t)) return;
-  if ((e.key === "Enter" || e.key === " ") && t.matches(Qe)) {
-    e.preventDefault(), t.click();
+  const t = a.composedPath()[0];
+  if (!(t instanceof HTMLElement) || ge(t)) return;
+  if ((a.key === "Enter" || a.key === " ") && t.matches(na)) {
+    a.preventDefault(), t.click();
     return;
   }
-  if (!t.matches(z)) return;
-  const r = Je(a), o = r.indexOf(t);
-  switch (e.key) {
+  if (!t.matches(P)) return;
+  const i = ca(e), r = i.indexOf(t);
+  switch (a.key) {
     case "ArrowDown":
-      e.preventDefault(), T(a, r[Math.min(r.length - 1, o + 1)]);
+      a.preventDefault(), H(e, i[Math.min(i.length - 1, r + 1)]);
       break;
     case "ArrowUp":
-      e.preventDefault(), T(a, r[Math.max(0, o - 1)]);
+      a.preventDefault(), H(e, i[Math.max(0, r - 1)]);
       break;
     case "Home":
-      e.preventDefault(), T(a, r[0]);
+      a.preventDefault(), H(e, i[0]);
       break;
     case "End":
-      e.preventDefault(), T(a, r[r.length - 1]);
+      a.preventDefault(), H(e, i[i.length - 1]);
       break;
     case "ArrowRight":
     case "ArrowLeft": {
-      const c = t.getAttribute("data-layer-row");
-      if (!c) return;
-      const n = t.closest(".ui-layer-group"), l = (n == null ? void 0 : n.getAttribute("aria-expanded")) === "true";
-      e.key === "ArrowRight" !== l && (e.preventDefault(), (s = S(i, "data-layer-expand", c)) == null || s.click());
+      const n = t.getAttribute("data-layer-row");
+      if (!n) return;
+      const l = t.closest(".ui-layer-group"), c = (l == null ? void 0 : l.getAttribute("aria-expanded")) === "true";
+      a.key === "ArrowRight" !== c && (a.preventDefault(), (s = M(o, "data-layer-expand", n)) == null || s.click());
       break;
     }
     case "Enter":
     case " ":
-      e.preventDefault(), We(t, e);
+      a.preventDefault(), da(t, a);
       break;
   }
 }
-function ea(a, i, e, t, r) {
-  r.add(i, "keydown", (o) => {
-    o.key === "Escape" && Xe(a, e, o);
-  }), r.add(t, "keydown", (o) => Ze(t, e, o)), r.add(t, "focusin", (o) => {
-    const s = o.composedPath()[0];
-    s instanceof HTMLElement && s.matches(z) && (t.querySelectorAll(z).forEach((c) => c.setAttribute("tabindex", "-1")), s.setAttribute("tabindex", "0"));
+function fa(e, o, a, t, i) {
+  i.add(o, "keydown", (r) => {
+    r.key === "Escape" && ua(e, a, r);
+  }), i.add(t, "keydown", (r) => pa(t, a, r)), i.add(t, "focusin", (r) => {
+    const s = r.composedPath()[0];
+    s instanceof HTMLElement && s.matches(P) && (t.querySelectorAll(P).forEach((n) => n.setAttribute("tabindex", "-1")), s.setAttribute("tabindex", "0"));
   });
 }
-function aa(a, i) {
-  i.querySelectorAll("[data-layer-row]").forEach((t) => {
-    const o = t.getAttribute("data-layer-row") === a.camadaAtivaId;
-    t.classList.toggle("active-drawing-layer", o);
+function ma(e, o) {
+  o.querySelectorAll("[data-layer-row]").forEach((t) => {
+    const r = t.getAttribute("data-layer-row") === e.camadaAtivaId;
+    t.classList.toggle("active-drawing-layer", r);
     const s = t.querySelector(".ui-col-name");
     if (s) {
-      let c = s.querySelector(".ui-active-badge");
-      if (o && !c) {
-        c = document.createElement("span"), c.className = "ui-active-badge", c.textContent = "✓ Ativa";
-        const n = s.querySelector(".ui-count-chip");
-        n ? s.insertBefore(c, n) : s.appendChild(c);
-      } else !o && c && c.remove();
+      let n = s.querySelector(".ui-active-badge");
+      if (r && !n) {
+        n = document.createElement("span"), n.className = "ui-active-badge", n.textContent = "✓ Ativa";
+        const l = s.querySelector(".ui-count-chip");
+        l ? s.insertBefore(n, l) : s.appendChild(n);
+      } else !r && n && n.remove();
     }
   });
 }
-function ta(a, i) {
-  i.querySelectorAll(".ui-feat-row").forEach((g) => {
-    const b = g.getAttribute("data-feat-row"), E = b ? a.selectedFeatureIds.has(b) : !1;
-    g.classList.toggle("selected-row", E), g.setAttribute("aria-selected", String(E));
-    const y = g.querySelector(".ui-target-circle");
-    y && y.classList.toggle("selected", E);
-  }), i.querySelectorAll(".ui-layer-group").forEach((g) => {
-    const b = g.getAttribute("data-layer-id"), E = a.feicoes.filter((h) => h.layerId === b), y = g.querySelector(".ui-layer-row .ui-target-circle");
-    if (y && E.length > 0) {
-      const h = E.every((w) => a.selectedFeatureIds.has(w.id)), v = !h && E.some((w) => a.selectedFeatureIds.has(w.id));
-      y.classList.toggle("selected", h), y.classList.toggle("partial", v);
-    } else y && y.classList.remove("selected", "partial");
+function ha(e, o) {
+  o.querySelectorAll(".ui-feat-row").forEach((v) => {
+    const b = v.getAttribute("data-feat-row"), I = b ? e.selectedFeatureIds.has(b) : !1;
+    v.classList.toggle("selected-row", I), v.setAttribute("aria-selected", String(I));
+    const x = v.querySelector(".ui-target-circle");
+    x && x.classList.toggle("selected", I);
+  }), o.querySelectorAll(".ui-layer-group").forEach((v) => {
+    const b = v.getAttribute("data-layer-id"), I = e.feicoes.filter((w) => w.layerId === b), x = v.querySelector(".ui-layer-row .ui-target-circle");
+    if (x && I.length > 0) {
+      const w = I.every((C) => e.selectedFeatureIds.has(C.id)), $ = !w && I.some((C) => e.selectedFeatureIds.has(C.id));
+      x.classList.toggle("selected", w), x.classList.toggle("partial", $);
+    } else x && x.classList.remove("selected", "partial");
   });
-  const e = a.feicoes.filter((g) => a.selectedFeatureIds.has(g.id)), t = e.length > 0, r = i.getElementById("footer-count"), o = i.getElementById("footer-label");
-  r && (r.textContent = String(t ? e.length : a.camadas.length)), o && (o.textContent = t ? e.length > 1 ? "selecionados" : "selecionado" : a.camadas.length > 1 ? "camadas" : "camada");
-  const s = i.querySelector(".ui-footer-metric"), c = ie(e);
-  s && (c ? (s.innerHTML = `${m.reguaMetrica} ${c}`, s.style.display = "inline-flex") : s.style.display = "none"), ["btn-footer-vis", "btn-footer-lock", "btn-footer-del"].forEach((g) => {
-    const b = i.getElementById(g);
+  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 s = o.querySelector(".ui-footer-metric"), n = pe(a);
+  s && (n ? (s.innerHTML = `${g.reguaMetrica} ${n}`, s.style.display = "inline-flex") : s.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 n = i.querySelector(".ui-footer-move-wrapper");
-  n && n.classList.toggle("disabled", !t);
-  const l = i.getElementById("select-footer-move");
-  l && (l.disabled = !t);
-  const d = i.querySelector(".ui-footer-color-wrapper");
-  d && d.classList.toggle("disabled", !t);
-  const p = i.getElementById("input-footer-color");
+  const u = o.querySelector(".ui-footer-move-wrapper");
+  u && u.classList.toggle("disabled", !t);
+  const p = o.getElementById("select-footer-move");
   p && (p.disabled = !t);
-  let u = i.getElementById("btn-footer-clear");
-  const f = i.querySelector(".ui-footer-right");
-  t && !u && f ? (u = document.createElement("button"), u.id = "btn-footer-clear", u.className = "ui-footer-btn", u.title = "Limpar seleção", u.innerHTML = m.fechar, u.addEventListener("click", () => a.limparSelecao(!0)), f.appendChild(u)) : !t && u && u.remove();
+  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 k = o.querySelector(".ui-footer-right");
+  t && !h && k ? (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)), k.appendChild(h)) : !t && h && h.remove();
 }
-function ra(a) {
+function ga(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 o(l, d = !1) {
-    if (l == null || l === "") {
-      a.hostElement.style.removeProperty("height"), a.hostElement.style.removeProperty("--ui-camadas-altura"), d && 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,
@@ -1311,100 +1496,103 @@ function ra(a) {
       );
       return;
     }
-    const p = typeof l == "number" ? l : parseFloat(String(l));
-    if (isNaN(p)) return;
-    const u = Math.max(t(), Math.min(r(), Math.round(p)));
-    a.hostElement.style.height = `${u}px`, a.hostElement.style.setProperty("--ui-camadas-altura", `${u}px`), d && 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: u }
+        detail: { altura: p }
       })
     );
   }
   let s = null;
-  function c() {
-    if (!a.resizerElement) return;
-    let l = !1, d = 0, p = 0;
-    const u = (g) => {
-      if (g.button !== 0) return;
-      g.preventDefault(), g.stopPropagation(), l = !0, d = g.clientY, p = a.hostElement.getBoundingClientRect().height, a.resizerElement.classList.add("ui-camadas-resizer--ativo"), a.hostElement.classList.add("ui-camadas--redimensionando");
+  function n() {
+    if (!e.resizerElement) return;
+    let c = !1, f = 0, u = 0;
+    const p = (m) => {
+      if (m.button !== 0) return;
+      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(g.pointerId);
+        e.resizerElement.setPointerCapture(m.pointerId);
       } catch {
       }
-      const b = (h) => {
-        if (!l) return;
-        h.preventDefault();
-        const v = h.clientY - d, w = Math.max(t(), Math.min(r(), Math.round(p + v)));
-        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 I = b.clientY - f, x = Math.max(t(), Math.min(i(), Math.round(u + I)));
+        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 h;
-        l = !1, s = null, window.removeEventListener("pointermove", b), window.removeEventListener("pointerup", y), window.removeEventListener("pointercancel", y), (h = a.resizerElement) == null || h.classList.remove("ui-camadas-resizer--ativo"), a.hostElement.classList.remove("ui-camadas--redimensionando");
-      }, y = (h) => {
-        if (!l) return;
-        l = !1, a.resizerElement.classList.remove("ui-camadas-resizer--ativo"), a.hostElement.classList.remove("ui-camadas--redimensionando");
+      }, k = () => {
+        var b;
+        c = !1, s = 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(h.pointerId) && a.resizerElement.releasePointerCapture(h.pointerId);
+          e.resizerElement.hasPointerCapture(b.pointerId) && e.resizerElement.releasePointerCapture(b.pointerId);
         } catch {
         }
-        window.removeEventListener("pointermove", b), window.removeEventListener("pointerup", y), window.removeEventListener("pointercancel", y);
-        const v = a.hostElement.getBoundingClientRect().height, w = Math.round(v);
-        a.onAlturaAlterada && a.onAlturaAlterada(w), a.hostElement.dispatchEvent(
+        window.removeEventListener("pointermove", h), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
+        const I = e.hostElement.getBoundingClientRect().height, x = Math.round(I);
+        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", b), window.addEventListener("pointerup", y), window.addEventListener("pointercancel", y);
-    }, f = (g) => {
-      g.preventDefault(), g.stopPropagation(), o(null, !0), a.onAlturaAlterada && a.onAlturaAlterada(null);
+      s = k, 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", u), a.listeners.add(a.resizerElement, "dblclick", f);
+    e.listeners.add(e.resizerElement, "pointerdown", p), e.listeners.add(e.resizerElement, "dblclick", d);
   }
-  function n() {
-    s == null || s(), a.listeners.cleanup();
+  function l() {
+    s == null || s(), e.listeners.cleanup();
   }
   return {
-    init: c,
-    definirAltura: o,
-    destruir: n
+    init: n,
+    definirAltura: r,
+    destruir: l
   };
 }
-class Q extends be {
+const q = class q extends $e {
   constructor() {
     super();
-    x(this, "shadow");
-    x(this, "listeners", new xe());
-    x(this, "dragDropManager");
-    x(this, "resizerController");
-    x(this, "alturaCustomizada", null);
-    x(this, "conectado", !1);
-    x(this, "origensCamadas", /* @__PURE__ */ new Map());
-    x(this, "salvarLembrancaDebounced", oe(() => this.salvarLembrancaEstado(), 200));
+    y(this, "shadow");
+    y(this, "listeners", new Se());
+    y(this, "dragDropManager");
+    y(this, "resizerController");
+    y(this, "alturaCustomizada", null);
+    y(this, "conectado", !1);
+    y(this, "profundidadeLote", 0);
+    y(this, "renderPendente", !1);
+    y(this, "camadasRemovidas", /* @__PURE__ */ new Set());
+    y(this, "origensCamadas", /* @__PURE__ */ new Map());
+    y(this, "salvarLembrancaDebounced", fe(() => this.salvarLembrancaEstado(), 200));
     // Estado interno
-    x(this, "camadas", []);
-    x(this, "feicoes", []);
-    x(this, "mapasBase", [...se]);
-    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");
+    y(this, "camadas", []);
+    y(this, "feicoes", []);
+    y(this, "mapasBase", [...me]);
+    y(this, "expandedLayers", /* @__PURE__ */ new Set());
+    y(this, "selectedFeatureIds", /* @__PURE__ */ new Set());
+    y(this, "lastClickedFeatureId", null);
+    y(this, "activeSettingsLayerId", null);
+    y(this, "editingLayerId", null);
+    y(this, "editingFeatureId", null);
+    y(this, "searchQuery", "");
+    y(this, "corpoElement");
+    y(this, "btnExpandirFlutuante");
     this.shadow = this.attachShadow({ mode: "open" }), this.shadow.innerHTML = `
-      <style>${Pe}</style>
+      <style>${We}</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">
@@ -1412,13 +1600,13 @@ class Q extends be {
         </div>
       </div>
       <button class="ui-camadas-toggle-flutuante" id="btn-expandir-flutuante" title="Expandir Painel de Camadas" aria-label="Expandir Painel de Camadas">
-        ${m.camadas}
+        ${g.camadas}
       </button>
-    `, this.corpoElement = this.shadow.getElementById("painel-corpo"), this.btnExpandirFlutuante = this.shadow.getElementById("btn-expandir-flutuante"), this.dragDropManager = new ze(this, this.shadow);
-    const e = this.shadow.getElementById("resizer-altura");
-    this.resizerController = ra({
+    `, this.corpoElement = this.shadow.getElementById("painel-corpo"), this.btnExpandirFlutuante = this.shadow.getElementById("btn-expandir-flutuante"), this.dragDropManager = new Ve(this, this.shadow);
+    const a = this.shadow.getElementById("resizer-altura");
+    this.resizerController = ga({
       hostElement: this,
-      resizerElement: e,
+      resizerElement: a,
       listeners: this.listeners,
       getMinAltura: () => {
         const t = this.getAttribute("min-altura");
@@ -1457,129 +1645,131 @@ class Q extends be {
   }
   connectedCallback() {
     if (this.persistir) {
-      const e = U(this.obterChaveStorageAtual());
-      e && (e.painelColapsado === !0 && !this.hasAttribute("colapsado") && (this.colapsado = !0), e.camadaAtivaId && !this.getAttribute("camada-ativa") && (this.camadaAtivaId = e.camadaAtivaId), e.mapaBaseAtivo && !this.getAttribute("mapa-base-ativo") && (this.mapaBaseAtivo = e.mapaBaseAtivo), e.densidade && !this.getAttribute("densidade") && (this.densidade = e.densidade), typeof e.altura == "number" && !this.getAttribute("altura") && !this.style.height && (this.resizerController.definirAltura(e.altura, !1), this.alturaCustomizada = e.altura));
+      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.resizerController.init(), this.render(), this.conectarEventosGerais(), ea(this, this, this.shadow, this.corpoElement, this.listeners), this.conectado = !0, this.camadas.length > 0 && this.salvarLembrancaEstado();
+    this.hasAttribute("altura") && this.resizerController.definirAltura(this.getAttribute("altura"), !1), this.persistir && !this.storageKey && !this.id && (q.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."
+    ), q.instanciasChavePadrao.add(this)), this.resizerController.init(), this.render(), this.conectarEventosGerais(), fa(this, this, this.shadow, this.corpoElement, this.listeners), this.conectado = !0, this.camadas.length > 0 && this.salvarLembrancaEstado();
   }
   disconnectedCallback() {
-    var e;
-    this.conectado = !1, (e = this.resizerController) == null || e.destruir(), this.listeners.cleanup();
+    var a;
+    this.conectado = !1, q.instanciasChavePadrao.delete(this), (a = this.resizerController) == null || a.destruir(), this.listeners.cleanup();
   }
-  attributeChangedCallback(e, t, r) {
-    var o;
-    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" && ((o = this.resizerController) == null || o.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 o;
-    (o = this.resizerController) == null || o.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 Be(this.storageKey, this.id);
+    return _e(this.storageKey, this.id);
   }
   /** Versão com debounce, para interações contínuas (seletor de cor, slider de opacidade). */
   agendarSalvarLembranca() {
@@ -1587,8 +1777,8 @@ class Q extends be {
   }
   salvarLembrancaEstado() {
     if (!this.persistir || !this.conectado) return;
-    const e = this.obterChaveStorageAtual(), t = Oe({
-      estadoAnterior: U(e),
+    const a = this.obterChaveStorageAtual(), t = Je({
+      estadoAnterior: W(a),
       origensCamadas: this.origensCamadas,
       camadas: this.camadas,
       expandedLayers: this.expandedLayers,
@@ -1596,12 +1786,13 @@ class Q extends be {
       painelColapsado: this.colapsado,
       mapaBaseAtivo: this.mapaBaseAtivo,
       densidade: this.densidade,
-      altura: this.alturaCustomizada
+      altura: this.alturaCustomizada,
+      camadasRemovidas: this.camadasRemovidas
     });
-    qe(e, t);
+    this.camadasRemovidas.clear(), Ke(a, t);
   }
   limparLembranca() {
-    Te(this.obterChaveStorageAtual());
+    Ye(this.obterChaveStorageAtual());
   }
   // --- API Pública de Alta Ergonomia ---
   //
@@ -1614,143 +1805,170 @@ class Q extends be {
   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);
   }
-  definirCamadas(e, t) {
-    if (this.camadas = Array.isArray(e) ? e.map((r) => ({ ...r })) : [], this.origensCamadas.clear(), this.persistir) {
-      const r = U(this.obterChaveStorageAtual());
-      De(this.camadas, r, this.expandedLayers, this.origensCamadas), r != null && r.camadaAtivaId && this.camadas.some((o) => o.id === r.camadaAtivaId) && (this.camadaAtivaId = r.camadaAtivaId);
+  achatarCamadas(a, t = null) {
+    const i = [];
+    for (const r of a) {
+      const s = { ...r };
+      t && s.parentId === void 0 && (s.parentId = t), i.push(s), Array.isArray(r.children) && r.children.length > 0 && i.push(...this.achatarCamadas(r.children, r.id));
+    }
+    return i;
+  }
+  definirCamadas(a, t) {
+    if (this.camadas = Array.isArray(a) ? this.achatarCamadas(a) : [], this.origensCamadas.clear(), this.persistir) {
+      const r = W(this.obterChaveStorageAtual());
+      Qe(this.camadas, r, this.expandedLayers, this.origensCamadas), r != null && r.camadaAtivaId && this.camadas.some((s) => s.id === r.camadaAtivaId) && (this.camadaAtivaId = r.camadaAtivaId);
     } else
       this.camadas.forEach((r) => {
-        this.origensCamadas.set(r.id, _(r)), this.expandedLayers.has(r.id) || this.expandedLayers.add(r.id);
+        this.origensCamadas.set(r.id, Z(r)), this.expandedLayers.has(r.id) || this.expandedLayers.add(r.id);
       });
     if (Array.isArray(t)) {
-      this.feicoes = t.map((s) => ({ ...s }));
-      const r = new Set(this.camadas.map((s) => s.id)), o = this.feicoes.filter((s) => s.layerId && !r.has(s.layerId));
-      o.length > 0 && console.warn(
-        `[UI-Camadas] ${o.length} feição(ões) possuem 'layerId' não cadastrado nas camadas:`,
-        o.map((s) => ({ id: s.id, nome: s.name, layerId: s.layerId }))
+      this.feicoes = t.map((n) => ({ ...n }));
+      const r = new Set(this.camadas.map((n) => n.id)), s = this.feicoes.filter((n) => n.layerId && !r.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.sincronizarSelecoesComFeicoesValidas();
     }
-    !this.getAttribute("camada-ativa") && this.camadas.length > 0 && (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, _(t)), this.expandedLayers.add(t.id), this.salvarLembrancaEstado(), this.solicitarRenderizacao();
+    const t = { ...a };
+    this.camadas.push(t), this.origensCamadas.set(t.id, Z(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.expandedLayers.delete(e), this.activeSettingsLayerId === e && (this.activeSettingsLayerId = null), this.sincronizarSelecoesComFeicoesValidas(), this.selectedFeatureIds.size === 0 && (this.lastClickedFeatureId = null), this.camadaAtivaId === e && (this.camadaAtivaId = ((t = this.camadas[0]) == null ? void 0 : t.id) ?? null), this.salvarLembrancaEstado(), this.solicitarRenderizacao();
-  }
-  adicionarFeicao(e) {
-    if (!(!e || !e.id)) {
-      if (this.feicoes.some((t) => t.id === e.id)) {
-        console.warn(`[UI-Camadas] adicionarFeicao ignorado: já existe uma feição com id '${e.id}'.`);
+    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(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, o = !1) {
-    const s = Ce(
-      Le(this.camadas, this.feicoes, this.expandedLayers, this.searchQuery),
+  selecionarFeicao(a, t = !1, i = !1, r = !1) {
+    const s = Pe(this.camadas, this.feicoes, this.expandedLayers, this.searchQuery), n = !i && !s.includes(a) && this.feicoes.some((c) => c.id === a), l = Oe(
+      n ? [...s, a] : s,
       this.selectedFeatureIds,
       this.lastClickedFeatureId,
-      e,
+      a,
       t,
-      r
+      i
     );
-    s && (this.selectedFeatureIds = s.selecionados, this.lastClickedFeatureId = s.ultimoClicadoId, this.sincronizarSelecaoDOM(), o && 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((c) => this.selectedFeatureIds.has(c)) || (this.selectedFeatureIds.clear(), r.forEach((c) => this.selectedFeatureIds.add(c)), this.sincronizarSelecaoDOM(), t && this.notificarMudancaSelecao());
+  selecionarFeicoes(a, t = !1) {
+    const i = a || [];
+    i.length === this.selectedFeatureIds.size && i.every((n) => this.selectedFeatureIds.has(n)) || (this.selectedFeatureIds.clear(), i.forEach((n) => this.selectedFeatureIds.add(n)), 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((o) => o.visible !== !1);
-    this.camadas.forEach((o) => {
-      o.visible = r, e && this.dispararEvento("ui-camada-visibilidade", { camadaId: o.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() {
+    if (this.profundidadeLote > 0) {
+      this.renderPendente = !0;
+      return;
+    }
     this.render();
   }
-  dispararEvento(e, t) {
+  /**
+   * 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(a) {
+    this.profundidadeLote++;
+    try {
+      a();
+    } finally {
+      this.profundidadeLote--, this.profundidadeLote === 0 && this.renderPendente && (this.renderPendente = !1, this.render());
+    }
+  }
+  dispararEvento(a, t) {
     this.dispatchEvent(
-      new CustomEvent(e, {
+      new CustomEvent(a, {
         detail: t,
         bubbles: !0,
         composed: !0
@@ -1758,9 +1976,9 @@ class Q extends be {
     );
   }
   render() {
-    var u;
+    var d, m;
     if (!this.corpoElement) return;
-    const e = Me({
+    const a = He({
       camadas: this.camadas,
       feicoes: this.feicoes,
       camadaAtivaId: this.camadaAtivaId,
@@ -1771,22 +1989,22 @@ class Q extends be {
       editingFeatureId: this.editingFeatureId,
       searchQuery: this.searchQuery,
       mostrarBotaoColapsar: this.flutuante && this.getAttribute("colapsavel") !== "false"
-    }), t = this.mostrarMapasBase ? ke(this.mapasBase, this.mapaBaseAtivo) : "", r = this.mostrarRodape ? Ie(this.camadas, this.feicoes, this.selectedFeatureIds) : "", o = this.shadow.getElementById("ui-layer-tree-mount"), s = this.corpoElement.scrollTop, c = o ? o.scrollTop : 0, n = this.shadow.activeElement, l = n && this.corpoElement.contains(n) ? n.id : "", d = n && "selectionStart" in n ? n.selectionStart : null;
+    }), t = this.mostrarMapasBase ? qe(this.mapasBase, this.mapaBaseAtivo) : "", i = this.mostrarRodape ? Te(this.camadas, this.feicoes, this.selectedFeatureIds) : "", r = this.shadow.getElementById("ui-layer-tree-mount"), s = this.corpoElement.scrollTop, n = 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 p = this.shadow.getElementById("ui-layer-tree-mount");
-    if (p && (p.scrollTop = c), l) {
-      const f = this.shadow.getElementById(l);
-      if (f && (f.focus({ preventScroll: !0 }), d !== null && typeof f.setSelectionRange == "function"))
+    if (p && (p.scrollTop = n), c) {
+      const h = this.shadow.getElementById(c);
+      if (h && (h.focus({ preventScroll: !0 }), u !== null && typeof h.setSelectionRange == "function"))
         try {
-          f.setSelectionRange(d, d);
+          h.setSelectionRange(u, u);
         } catch {
         }
     }
-    (u = this.shadow.querySelector("[data-layer-row], [data-feat-row]")) == null || u.setAttribute("tabindex", "0"), Ke(this, this.shadow), this.dragDropManager.bindAll();
+    !c && f && ((d = M(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"), sa(this, this.shadow), this.dragDropManager.bindAll();
   }
   // --- Conexão de Eventos ---
   conectarEventosGerais() {
@@ -1794,64 +2012,127 @@ class Q extends be {
   }
   // --- Sincronização de DOM (delegada) ---
   sincronizarCamadaAtivaDOM() {
-    aa(this, this.shadow);
+    ma(this, this.shadow);
   }
   sincronizarSelecaoDOM() {
-    ta(this, this.shadow);
+    ha(this, this.shadow);
   }
   // --- Auxiliares Internos ---
   sincronizarSelecoesComFeicoesValidas() {
-    $e(this.selectedFeatureIds, this.feicoes);
+    je(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. */
+y(q, "instanciasChavePadrao", /* @__PURE__ */ new Set());
+let O = q;
+class va extends O {
+}
+class ba extends O {
 }
-class ia extends Q {
+ee("ui-camadas", O);
+ee("ui-painel-camadas", va);
+ee("ui-layer-panel", ba);
+function Aa(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 oa extends Q {
+function ka(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 Ia(e, o = "") {
+  var r, s, n, l;
+  const a = ((r = e.geometria) == null ? void 0 : r.tipo) || ((s = e.geometria) == null ? void 0 : s.type) || e.tipo || e.type || "Polygon", t = ((n = e.geometria) == null ? void 0 : n.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 || {}
+  };
 }
-G("ui-camadas", Q);
-G("ui-painel-camadas", ia);
-G("ui-layer-panel", oa);
 export {
-  ze as CamadasDragDropManager,
-  m as ICONES,
-  ne as LIMITE_FEICOES_POR_CAMADA,
-  se as MAPAS_BASE_PADRAO,
-  Q as UICamadas,
-  oa as UILayerPanel,
-  pa as UIMapaBase,
-  ia as UIPainelCamadas,
-  fa as UISeletorMapaBase,
-  re as calcularAreaPoligono,
-  te as calcularComprimentoLinha,
-  ye as calcularDistanciaPontos,
-  Ce as calcularSelecaoFeicao,
-  U as carregarEstadoPersistido,
-  k as escapeHtml,
-  K as filtrarFeicoesPorBusca,
-  ie as formatarMetricaFeicoes,
-  Be as gerarChaveStorage,
-  Te as limparEstadoPersistido,
-  Oe as montarEstadoPersistido,
-  Le as obterIdsVisiveisFeicoes,
-  De as reidratarCamadasComOverrides,
-  $e as removerSelecoesInvalidas,
-  Me as renderizarArvoreCamadas,
-  ke as renderizarGridMapasBase,
-  Ie as renderizarRodapeAcoes,
-  Se as renderizarThumbGeometria,
-  qe as salvarEstadoPersistido,
-  _ as snapshotCamada
+  Ve as CamadasDragDropManager,
+  g as ICONES,
+  he as LIMITE_FEICOES_POR_CAMADA,
+  me as MAPAS_BASE_PADRAO,
+  O as UICamadas,
+  ba as UILayerPanel,
+  $a as UIMapaBase,
+  va as UIPainelCamadas,
+  Sa as UISeletorMapaBase,
+  Q as calcularAreaAnelSimples,
+  ue as calcularAreaPoligono,
+  de as calcularComprimentoLinha,
+  ze as calcularDistanciaPontos,
+  Oe as calcularSelecaoFeicao,
+  W as carregarEstadoPersistido,
+  Ne as construirHierarquiaCamadas,
+  ka as converterCamadaItemParaCanvasLayer,
+  Aa as converterCanvasLayerParaCamadaItem,
+  Ia as converterFeicaoParaItem,
+  L as escapeHtml,
+  ae as filtrarFeicoesPorBusca,
+  pe as formatarMetricaFeicoes,
+  De as formatarOpcoesCamadasHierarquicas,
+  _e as gerarChaveStorage,
+  Ye as limparEstadoPersistido,
+  Je as montarEstadoPersistido,
+  Pe as obterIdsVisiveisFeicoes,
+  Qe as reidratarCamadasComOverrides,
+  je as removerSelecoesInvalidas,
+  He as renderizarArvoreCamadas,
+  qe as renderizarGridMapasBase,
+  Te as renderizarRodapeAcoes,
+  Re as renderizarThumbGeometria,
+  Ke as salvarEstadoPersistido,
+  Z as snapshotCamada
 };