@thibezer/ui-components-kit 1.0.0 → 2.0.0

package/dist/canvas.js

@@ -3,7 +3,7 @@ var ut = (n, t, e) => t in n ? ft(n, t, { enumerable: !0, configurable: !0, writ
 var u = (n, t, e) => ut(n, typeof t != "symbol" ? t + "" : t, e);
 /* empty css               */
 import v from "leaflet";
-import { e as P, p as O, r as W, b as Y, a as K, o as J, c as ot, l as gt } from "./leaflet-DkaFZYc5.js";
+import { e as P, p as O, r as F, b as Y, a as K, o as J, c as ot, l as gt } from "./leaflet-DkaFZYc5.js";
 import { f as ke } from "./leaflet-DkaFZYc5.js";
 import { L as dt } from "./listener-bag-DQgv7OON.js";
 import { d as mt, S as vt } from "./ssr-safe-5cWfJP-s.js";
@@ -24,13 +24,13 @@ const it = {
   crosshair: !1,
   satOpacity: 1,
   magnetSnap: !1
-}, F = class F {
+}, W = class W {
   constructor() {
     u(this, "config");
     this.config = this.loadConfig();
   }
   static getInstance() {
-    return F.instance || (F.instance = new F()), F.instance;
+    return W.instance || (W.instance = new W()), W.instance;
   }
   loadConfig() {
     try {
@@ -49,17 +49,17 @@ const it = {
     return this.config = this.loadConfig(), { ...this.config };
   }
 };
-u(F, "instance");
-let Q = F;
-async function yt(n, t, e, o) {
+u(W, "instance");
+let Q = W;
+async function bt(n, t, e, o) {
   const i = n.getSize(), s = n.getBounds(), a = s.getSouthWest(), c = s.getNorthEast(), r = `${a.lng},${a.lat},${c.lng},${c.lat}`;
   let l = 0, p = 0;
   try {
     if (t.containerPoint)
       l = Math.round(t.containerPoint.x), p = Math.round(t.containerPoint.y);
     else if (t.layerPoint) {
-      const b = n.layerPointToContainerPoint(t.layerPoint);
-      l = Math.round(b.x), p = Math.round(b.y);
+      const y = n.layerPointToContainerPoint(t.layerPoint);
+      l = Math.round(y.x), p = Math.round(y.y);
     }
   } catch {
     l = 0, p = 0;
@@ -70,7 +70,7 @@ async function yt(n, t, e, o) {
     className: "compact-sigef-popup",
     maxWidth: 250
   }).setLatLng(t.latlng).setContent(`
-      <div style="font-family:sans-serif; display:flex; align-items:center; gap:8px; color:rgba(255,255,255,0.9); font-size:12px;">
+      <div style="font-family:var(--ui-fonte-base, sans-serif); display:flex; align-items:center; gap:8px; color:rgba(255,255,255,0.9); font-size:12px;">
         <svg style="animation:spin 1s linear infinite; width:14px; height:14px; flex-shrink:0;" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
           <circle cx="12" cy="12" r="10" stroke="rgba(255,255,255,0.2)" stroke-width="4" fill="none"></circle>
           <path fill="#00f5a0" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
@@ -79,11 +79,11 @@ async function yt(n, t, e, o) {
       </div>
     `).openOn(n);
   o.currentAbortController && o.currentAbortController.abort(), o.currentAbortController = new AbortController();
-  const y = o.currentAbortController.signal, S = setTimeout(() => {
+  const b = o.currentAbortController.signal, S = setTimeout(() => {
     o.currentAbortController && o.currentAbortController.abort();
   }, 8e3);
   try {
-    const M = typeof window < "u" && (window.location.origin.includes("localhost") || window.location.origin.includes("127.0.0.1") || window.location.origin.includes("[::1]")) ? `${e}/proxy/sigef?url=${encodeURIComponent(d)}` : `${window.location.origin}/api.php?action=proxy_sigef&url=${encodeURIComponent(d)}`, I = await fetch(M, { signal: y });
+    const M = typeof window < "u" && (window.location.origin.includes("localhost") || window.location.origin.includes("127.0.0.1") || window.location.origin.includes("[::1]")) ? `${e}/proxy/sigef?url=${encodeURIComponent(d)}` : `${window.location.origin}/api.php?action=proxy_sigef&url=${encodeURIComponent(d)}`, I = await fetch(M, { signal: b });
     clearTimeout(S);
     let z = null;
     if (I.ok) {
@@ -98,13 +98,13 @@ async function yt(n, t, e, o) {
       const E = z.features[0], w = E.properties || {}, g = String(E.id || w.parcela_codigo || w.co_parcela || w.id_parcela || ""), m = String(w.nome_area || w.nome_imovel || "Imóvel Sem Nome");
       if (g) {
         const x = encodeURIComponent(g), L = `https://sigef.incra.gov.br/geo/exportar/parcela/shp/${x}/`, _ = `https://sigef.incra.gov.br/geo/parcela/detalhe/${x}/`, k = document.createElement("div");
-        k.style.cssText = "font-family:sans-serif; color:rgba(255, 255, 255, 0.9); line-height:1.4; min-width:180px;", k.innerHTML = `
+        k.style.cssText = "font-family:var(--ui-fonte-base, sans-serif); color:rgba(255, 255, 255, 0.9); line-height:1.4; min-width:180px;", k.innerHTML = `
           <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; padding-bottom:5px; border-bottom:1px solid rgba(255, 255, 255, 0.1);">
             <span style="font-weight:700; font-size:11px; color:#10b981; text-transform:uppercase; letter-spacing:0.5px;">SIGEF</span>
             <span style="font-size:10px; color:rgba(255, 255, 255, 0.5);">${P(w.situacao_informada || w.status || "Certificada")}</span>
           </div>
           <div style="font-weight:700; font-size:12px; margin-bottom:4px; color:#ffffff; word-break:break-word;">${P(m)}</div>
-          <div style="font-size:11px; color:rgba(255, 255, 255, 0.7); margin-bottom:2px;">Cód: <span style="font-family:monospace;">${P(w.codigo_imovel || "N/A")}</span></div>
+          <div style="font-size:11px; color:rgba(255, 255, 255, 0.7); margin-bottom:2px;">Cód: <span style="font-family:var(--ui-fonte-codigo, monospace);">${P(w.codigo_imovel || "N/A")}</span></div>
           <div style="display:flex; gap:12px; font-size:11px; color:rgba(255, 255, 255, 0.7); margin-bottom:6px;">
             <span>Mat: <strong style="color:#ffffff;">${P(w.registro_matricula || w.matricula || "N/A")}</strong></span>
             <span>${P(w.data_submissao || "")}</span>
@@ -134,23 +134,23 @@ async function yt(n, t, e, o) {
         }), h.setContent(k);
       } else
         h.setContent(`
-          <div style="font-family:sans-serif; font-size:12px; color:#b45309; padding:2px 0;">
+          <div style="font-family:var(--ui-fonte-base, sans-serif); font-size:12px; color:#b45309; padding:2px 0;">
             Lote identificado, mas código da parcela indisponível.
           </div>
         `);
     } else
       h.setContent(`
-        <div style="font-family:sans-serif; font-size:12px; color:rgba(255, 255, 255, 0.7); padding:2px 0;">
+        <div style="font-family:var(--ui-fonte-base, sans-serif); font-size:12px; color:rgba(255, 255, 255, 0.7); padding:2px 0;">
           Nenhum imóvel SIGEF certificado neste ponto.
         </div>
       `);
-  } catch (b) {
-    b.name === "AbortError" ? h.setContent(`
-        <div style="font-family:sans-serif; font-size:12px; color:#f59e0b; padding:2px 0;">
+  } catch (y) {
+    y.name === "AbortError" ? h.setContent(`
+        <div style="font-family:var(--ui-fonte-base, sans-serif); font-size:12px; color:#f59e0b; padding:2px 0;">
           Consulta cancelada ou tempo limite de resposta esgotado.
         </div>
-      `) : (console.warn("Erro ao consultar SIGEF:", b), h.setContent(`
-        <div style="font-family:sans-serif; font-size:12px; color:#f59e0b; padding:2px 0;">
+      `) : (console.warn("Erro ao consultar SIGEF:", y), h.setContent(`
+        <div style="font-family:var(--ui-fonte-base, sans-serif); font-size:12px; color:#f59e0b; padding:2px 0;">
           Serviço de consulta SIGEF indisponível nesta área.
         </div>
       `));
@@ -158,16 +158,16 @@ async function yt(n, t, e, o) {
     f.style.cursor = "";
   }
 }
-function bt(n, t) {
+function yt(n, t) {
   if (!n) return;
   const e = Math.floor(n.getZoom()), o = Math.max(e, 12), i = Math.min(e + 1, 19), s = t.pad(0.2), a = ["mt0", "mt1", "mt2", "mt3"];
   let c = 0;
   const r = 32;
   for (let l = o; l <= i && c < r; l++) {
-    const p = s.getNorthWest(), d = s.getSouthEast(), f = nt(p.lng, l), h = nt(d.lng, l), y = st(p.lat, l), S = st(d.lat, l);
-    for (let b = f; b <= h && c < r; b++)
-      for (let M = y; M <= S && c < r; M++) {
-        const z = `https://${a[(b + M) % a.length]}.google.com/vt/lyrs=s,h&x=${b}&y=${M}&z=${l}`, E = new Image();
+    const p = s.getNorthWest(), d = s.getSouthEast(), f = nt(p.lng, l), h = nt(d.lng, l), b = st(p.lat, l), S = st(d.lat, l);
+    for (let y = f; y <= h && c < r; y++)
+      for (let M = b; M <= S && c < r; M++) {
+        const z = `https://${a[(y + M) % a.length]}.google.com/vt/lyrs=s,h&x=${y}&y=${M}&z=${l}`, E = new Image();
         E.src = z, c++;
       }
   }
@@ -285,10 +285,10 @@ class xt {
       }
   }
   preCarregarTilesRegiao(t) {
-    bt(this.map, t);
+    yt(this.map, t);
   }
   async consultarSigef(t) {
-    this.map && await yt(this.map, t, this.apiBaseUrl, this.sigefState);
+    this.map && await bt(this.map, t, this.apiBaseUrl, this.sigefState);
   }
 }
 const Pt = [
@@ -351,22 +351,22 @@ class wt {
       y1: Math.min(this.selectStartPoint.y, c.y),
       x2: Math.max(this.selectStartPoint.x, c.x),
       y2: Math.max(this.selectStartPoint.y, c.y)
-    }, d = ((w = this.ctx.mapaController) == null ? void 0 : w.getMarkers()) || [], f = ((g = this.ctx.mapaController) == null ? void 0 : g.getVizinhosMarkers()) || [], h = [], y = [], S = !this.ctx.layerManager || this.ctx.layerManager.isLayerActiveAndSelectable("vertices"), b = !this.ctx.layerManager || this.ctx.layerManager.isLayerActiveAndSelectable("vizinhos");
+    }, d = ((w = this.ctx.mapaController) == null ? void 0 : w.getMarkers()) || [], f = ((g = this.ctx.mapaController) == null ? void 0 : g.getVizinhosMarkers()) || [], h = [], b = [], S = !this.ctx.layerManager || this.ctx.layerManager.isLayerActiveAndSelectable("vertices"), y = !this.ctx.layerManager || this.ctx.layerManager.isLayerActiveAndSelectable("vizinhos");
     return S && d.forEach((m) => {
       const x = m.pontoId;
       if (!x) return;
       const L = this.map.latLngToContainerPoint(m.getLatLng());
       L.x >= p.x1 && L.x <= p.x2 && L.y >= p.y1 && L.y <= p.y2 && h.push(x);
-    }), b && f.forEach((m) => {
+    }), y && f.forEach((m) => {
       const x = m.pontoId;
       if (!x) return;
       const L = this.map.latLngToContainerPoint(m.getLatLng());
-      L.x >= p.x1 && L.x <= p.x2 && L.y >= p.y1 && L.y <= p.y2 && y.push(x);
+      L.x >= p.x1 && L.x <= p.x2 && L.y >= p.y1 && L.y <= p.y2 && b.push(x);
     }), t.ctrlKey || t.metaKey ? (h.forEach((m) => {
       this.ctx.selectedPontoIds.includes(m) ? this.ctx.selectedPontoIds = this.ctx.selectedPontoIds.filter((x) => x !== m) : this.ctx.selectedPontoIds.push(m);
-    }), y.forEach((m) => {
+    }), b.forEach((m) => {
       this.ctx.selectedVizinhoPontoIds.includes(m) ? this.ctx.selectedVizinhoPontoIds = this.ctx.selectedVizinhoPontoIds.filter((x) => x !== m) : this.ctx.selectedVizinhoPontoIds.push(m);
-    })) : (this.ctx.selectedPontoIds = h, this.ctx.selectedVizinhoPontoIds = y), this.ctx.selectedPontoIds.length > 0 && (this.ctx.lastSelectedPontoId = this.ctx.selectedPontoIds[this.ctx.selectedPontoIds.length - 1]), e(), !0;
+    })) : (this.ctx.selectedPontoIds = h, this.ctx.selectedVizinhoPontoIds = b), this.ctx.selectedPontoIds.length > 0 && (this.ctx.lastSelectedPontoId = this.ctx.selectedPontoIds[this.ctx.selectedPontoIds.length - 1]), e(), !0;
   }
   cancelarSelecao() {
     this.isSelecting && (this.isSelecting = !1, this.selectionDiv && (this.selectionDiv.style.display = "none"), this.setPanesPointerEvents("auto"), this.ctx.layerManager && this.ctx.layerManager.ensurePanes());
@@ -584,8 +584,8 @@ function pt(n, t, e) {
   return Math.max(1, Math.round(o * i));
 }
 function at(n, t, e, o, i) {
-  var y, S, b, M, I, z, E, w;
-  const s = n.id === "homologados", a = ((y = n.dados) == null ? void 0 : y.conexoes) ?? (Array.isArray(n.dados) && n.dados.length > 0 && "origemId" in n.dados[0] ? n.dados : null), c = ((S = n.dados) == null ? void 0 : S.segmentos) || o.segmentos || [], r = ((b = n.dados) == null ? void 0 : b.pontos) || (s ? o.bancoPontos || [] : o.pontos) || [], l = pt(n, e, o), p = n.opacidade !== void 0 ? n.opacidade : 1, d = n.interativo && !n.bloqueada, f = [];
+  var b, S, y, M, I, z, E, w;
+  const s = n.id === "homologados", a = ((b = n.dados) == null ? void 0 : b.conexoes) ?? (Array.isArray(n.dados) && n.dados.length > 0 && "origemId" in n.dados[0] ? n.dados : null), c = ((S = n.dados) == null ? void 0 : S.segmentos) || o.segmentos || [], r = ((y = n.dados) == null ? void 0 : y.pontos) || (s ? o.bancoPontos || [] : o.pontos) || [], l = pt(n, e, o), p = n.opacidade !== void 0 ? n.opacidade : 1, d = n.interativo && !n.bloqueada, f = [];
   r.forEach((g) => {
     const m = O(g.lat ?? g.latitude ?? g.y, g.lon ?? g.lng ?? g.longitude ?? g.x);
     m && f.push({ ...g, lat: m.lat, lon: m.lon });
@@ -616,9 +616,9 @@ function at(n, t, e, o, i) {
           interactive: d
         });
         if (d) {
-          const G = g.acoes || n.acoes || ((C = n.dados) == null ? void 0 : C.acoes) || [], H = `${g.origemId}-${g.destinoId}`, D = W(G, H);
+          const G = g.acoes || n.acoes || ((C = n.dados) == null ? void 0 : C.acoes) || [], H = `${g.origemId}-${g.destinoId}`, D = F(G, H);
           A.bindPopup(`
-            <div style="font-family:sans-serif; color:rgba(255, 255, 255, 0.9); line-height:1.3;">
+            <div style="font-family:var(--ui-fonte-base, sans-serif); color:rgba(255, 255, 255, 0.9); line-height:1.3;">
               <div style="font-weight:700; font-size:12px; margin-bottom:3px; color:#ffffff;">Conexão ${P(String(g.origemId))} ↔ ${P(String(g.destinoId))}</div>
               <div style="font-size:11px; color:rgba(255, 255, 255, 0.65);">Tipo: ${P(g.tipoLinha || "contínua")}</div>
               ${D}
@@ -650,7 +650,7 @@ function at(n, t, e, o, i) {
         interactive: d
       });
       if (d && V.bindPopup(`
-          <div style="font-family:sans-serif; color:rgba(255, 255, 255, 0.9); line-height:1.3;">
+          <div style="font-family:var(--ui-fonte-base, sans-serif); color:rgba(255, 255, 255, 0.9); line-height:1.3;">
             <div style="font-weight:700; font-size:12px; margin-bottom:3px; color:#ffffff;">Polilinha: Grupo ${P(_)}</div>
             <div style="font-size:11px; color:rgba(255, 255, 255, 0.65);">Vértices: ${N.length}</div>
           </div>
@@ -682,9 +682,9 @@ function at(n, t, e, o, i) {
           interactive: d
         });
         if (d) {
-          const C = g.acoes || n.acoes || ((L = n.dados) == null ? void 0 : L.acoes) || [], $ = `${g.ponto_inicio_id}-${g.ponto_fim_id}`, T = W(C, $);
+          const C = g.acoes || n.acoes || ((L = n.dados) == null ? void 0 : L.acoes) || [], $ = `${g.ponto_inicio_id}-${g.ponto_fim_id}`, T = F(C, $);
           V.bindPopup(`
-            <div style="font-family:sans-serif; color:rgba(255, 255, 255, 0.9); line-height:1.3;">
+            <div style="font-family:var(--ui-fonte-base, sans-serif); color:rgba(255, 255, 255, 0.9); line-height:1.3;">
               <div style="font-weight:700; font-size:12px; margin-bottom:3px; color:#ffffff;">${P(m.nome_vertice)} ↔ ${P(x.nome_vertice)}</div>
               <div style="font-size:11px; color:rgba(255, 255, 255, 0.65);">Limite: ${P(_ || "N/A")} · ${P(k || "N/A")}</div>
               ${T}
@@ -787,11 +787,11 @@ function Z(n, t, e, o = "", i = "", s = !1) {
         </div>
       `;
     case "circle-dot": {
-      const y = Math.max(3, Math.floor(l / 3));
+      const b = Math.max(3, Math.floor(l / 3));
       return `
         <div id="${i}" class="${h}" style="${f}">
           <div style="width:${l}px; height:${l}px; background-color:${c}; border-radius:50%; display:flex; align-items:center; justify-content:center; border:1px solid rgba(0,0,0,0.3); box-sizing:border-box; ${p}">
-            <div style="width:${y}px; height:${y}px; background-color:#ffffff; border-radius:50%; box-shadow:0 0 2px rgba(0,0,0,0.8);"></div>
+            <div style="width:${b}px; height:${b}px; background-color:#ffffff; border-radius:50%; box-shadow:0 0 2px rgba(0,0,0,0.8);"></div>
           </div>
         </div>
       `;
@@ -891,9 +891,9 @@ class zt {
     var f;
     const c = t.id === "homologados-pontos" ? i.bancoPontos || [] : ((f = t.dados) == null ? void 0 : f.pontos) || i.pontos || [], r = t.interativo && !t.bloqueada, l = t.id === "vizinhos", p = t.id === "homologados" || t.id === "homologados-pontos", d = i.selectedPontoIds || [];
     c.forEach((h) => {
-      var b;
-      const y = h.lat ?? h.latitude, S = h.lon ?? h.lng ?? h.longitude;
-      if (y !== void 0 && S !== void 0 && y !== 0 && S !== 0 && !isNaN(Number(y)) && !isNaN(Number(S))) {
+      var y;
+      const b = h.lat ?? h.latitude, S = h.lon ?? h.lng ?? h.longitude;
+      if (b !== void 0 && S !== void 0 && b !== 0 && S !== 0 && !isNaN(Number(b)) && !isNaN(Number(S))) {
         const M = h.tipo_ponto === "B" || h.tipo === "B", I = h.tipo_ponto === "M" || h.tipo === "M";
         let z = t.estilo.estiloMarcador || "x", E = t.estilo.corPrimaria || "bg-mint-vibrant", w = t.estilo.tamanhoMarcador || 7;
         p ? (z = "circle", E = t.estilo.corPrimaria || "#f59e0b", w = 8) : l ? (z = I ? "circle-dot" : t.estilo.estiloMarcador || "cross", E = t.estilo.corPrimaria || "#a855f7", w = I ? 10 : 8) : I ? (E = "#6366f1", z = "circle-dot", w = 10) : M && (E = "#f43f5e", z = "square", w = 9);
@@ -908,18 +908,18 @@ class zt {
           html: L,
           className: `custom-leaflet-marker flex items-center justify-center ${g ? "cad-marker-selected" : ""}`,
           iconSize: [m + 6, m + 6]
-        }), k = v.marker([Number(y), Number(S)], {
+        }), k = v.marker([Number(b), Number(S)], {
           icon: _,
           pane: s,
           interactive: r
         });
         if (g && k.setZIndexOffset(2e3), k.pontoId = h.id, k.layerId = t.id, k.isVizinho = l, k.baseSize = w, k.shapeStyle = z, k.markerBg = E, k.isSelected = g, r) {
-          const N = p ? "Vértice Homologado SIGEF" : l ? "Confrontante (Importado)" : I ? "Base Homologada PPP" : M ? "Base de Campo (Translação)" : "Vértice de Perímetro", q = h.acoes || t.acoes || ((b = t.dados) == null ? void 0 : b.acoes) || [], V = W(q, h.id);
+          const N = p ? "Vértice Homologado SIGEF" : l ? "Confrontante (Importado)" : I ? "Base Homologada PPP" : M ? "Base de Campo (Translação)" : "Vértice de Perímetro", q = h.acoes || t.acoes || ((y = t.dados) == null ? void 0 : y.acoes) || [], V = F(q, h.id);
           k.bindPopup(`
-            <div style="font-family:sans-serif; color:rgba(255, 255, 255, 0.9); line-height:1.3;">
+            <div style="font-family:var(--ui-fonte-base, sans-serif); color:rgba(255, 255, 255, 0.9); line-height:1.3;">
               <div style="font-weight:700; font-size:13px; margin-bottom:4px; color:#ffffff;">${P(h.nome_vertice || String(h.id))}</div>
               <div style="font-size:11px; color:rgba(255, 255, 255, 0.65);">${P(N)} · ${P(h.tipo_ponto || h.tipo || "Vértice")}</div>
-              <div style="font-size:11px; color:rgba(255, 255, 255, 0.45); font-family:monospace; margin-top:4px;">Lat ${Number(y).toFixed(6)} &nbsp; Lon ${Number(S).toFixed(6)}</div>
+              <div style="font-size:11px; color:rgba(255, 255, 255, 0.45); font-family:var(--ui-fonte-codigo, monospace); margin-top:4px;">Lat ${Number(b).toFixed(6)} &nbsp; Lon ${Number(S).toFixed(6)}</div>
               ${V}
             </div>
           `, {
@@ -928,7 +928,7 @@ class zt {
           }), q && q.length > 0 && k.on("popupopen", (C) => {
             Y(C.popup, h, i, k);
           }), k.on("click", () => {
-            i.onMarkerClick && i.onMarkerClick(h.id, l, h, { lat: Number(y), lon: Number(S) });
+            i.onMarkerClick && i.onMarkerClick(h.id, l, h, { lat: Number(b), lon: Number(S) });
           });
         }
         k.addTo(e);
@@ -954,7 +954,7 @@ class It {
     a.forEach((h) => {
       var w, g, m, x, L, _, k, N, q, V;
       if (!h) return;
-      const y = ((w = h.estilo) == null ? void 0 : w.cor) || ((g = h.estilo) == null ? void 0 : g.color) || r, S = ((m = h.estilo) == null ? void 0 : m.espessura) || ((x = h.estilo) == null ? void 0 : x.weight) || l, b = ((L = h.estilo) == null ? void 0 : L.opacidade) ?? p, M = ((_ = h.estilo) == null ? void 0 : _.fillColor) || y, I = ((k = h.estilo) == null ? void 0 : k.fillOpacity) ?? Math.min(0.2, b * 0.15), z = ((N = h.estilo) == null ? void 0 : N.dashArray) || t.estilo.dashArray || "4, 6";
+      const b = ((w = h.estilo) == null ? void 0 : w.cor) || ((g = h.estilo) == null ? void 0 : g.color) || r, S = ((m = h.estilo) == null ? void 0 : m.espessura) || ((x = h.estilo) == null ? void 0 : x.weight) || l, y = ((L = h.estilo) == null ? void 0 : L.opacidade) ?? p, M = ((_ = h.estilo) == null ? void 0 : _.fillColor) || b, I = ((k = h.estilo) == null ? void 0 : k.fillOpacity) ?? Math.min(0.2, y * 0.15), z = ((N = h.estilo) == null ? void 0 : N.dashArray) || t.estilo.dashArray || "4, 6";
       if (h.coordenadas && Array.isArray(h.coordenadas) && h.coordenadas.length >= 3) {
         const C = Array.isArray(h.coordenadas[0]) && Array.isArray(h.coordenadas[0][0]);
         let $;
@@ -968,9 +968,9 @@ class It {
           return B ? [B.lat, B.lon] : null;
         }).filter(Boolean), $ && (C ? ((q = $[0]) == null ? void 0 : q.length) >= 3 : $.length >= 3)) {
           const T = v.polygon($, {
-            color: y,
+            color: b,
             weight: S,
-            opacity: b,
+            opacity: y,
             dashArray: z,
             fillColor: M,
             fillOpacity: I,
@@ -980,7 +980,7 @@ class It {
           if (T.poligonoId = h.id, T.layerId = t.id, c) {
             let B = "";
             h.metadados && Object.keys(h.metadados).length > 0 && (B = Object.entries(h.metadados).map(([A, G]) => `<div style="font-size:11px;"><strong>${P(A)}:</strong> ${P(String(G))}</div>`).join("")), T.bindPopup(`
-              <div style="font-family:sans-serif; color:rgba(255, 255, 255, 0.9); line-height:1.3; min-width:180px;">
+              <div style="font-family:var(--ui-fonte-base, sans-serif); color:rgba(255, 255, 255, 0.9); line-height:1.3; min-width:180px;">
                 <div style="font-weight:700; font-size:12px; color:#c084fc; margin-bottom:3px; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:3px;">Polígono ${P(String(h.id ?? ""))}</div>
                 ${B || `<div style="font-size:11px;">Área vetorial definida por ${h.coordenadas.length} vértices</div>`}
               </div>
@@ -1007,9 +1007,9 @@ class It {
             G.length >= 3 && B.push(G);
           }), B.length > 0) {
             const A = B.length === 1 ? B[0] : B, G = v.polygon(A, {
-              color: y,
+              color: b,
               weight: S,
-              opacity: b,
+              opacity: y,
               dashArray: z,
               fillColor: M,
               fillOpacity: I,
@@ -1017,9 +1017,9 @@ class It {
               interactive: c
             });
             if (G.poligonoId = h.id, G.layerId = t.id, c) {
-              const H = h.acoes || t.acoes || ((V = t.dados) == null ? void 0 : V.acoes) || [], D = W(H, h.id);
+              const H = h.acoes || t.acoes || ((V = t.dados) == null ? void 0 : V.acoes) || [], D = F(H, h.id);
               G.bindPopup(`
-                <div style="font-family:sans-serif; color:rgba(255, 255, 255, 0.9); line-height:1.3; min-width:180px;">
+                <div style="font-family:var(--ui-fonte-base, sans-serif); color:rgba(255, 255, 255, 0.9); line-height:1.3; min-width:180px;">
                   <div style="font-weight:700; font-size:12px; color:#c084fc; margin-bottom:3px; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:3px;">${$}</div>
                   <div style="font-size:11px; margin-bottom:2px;"><strong>Identificador:</strong> ${P(String(h.id ?? ""))}</div>
                   ${h.nome ? `<div style="font-size:11px;"><strong>Proprietário:</strong> ${T}</div>` : ""}
@@ -1051,12 +1051,12 @@ class It {
             interactive: c
           });
           if (A.pontoId = C.id, A.isVizinho = !0, A.layerId = t.id, c) {
-            const G = C.acoes || h.acoes || t.acoes || ((T = t.dados) == null ? void 0 : T.acoes) || [], H = W(G, C.id);
+            const G = C.acoes || h.acoes || t.acoes || ((T = t.dados) == null ? void 0 : T.acoes) || [], H = F(G, C.id);
             A.bindPopup(`
-                <div style="font-family:sans-serif; color:rgba(255, 255, 255, 0.9); line-height:1.3; min-width:170px;">
+                <div style="font-family:var(--ui-fonte-base, sans-serif); color:rgba(255, 255, 255, 0.9); line-height:1.3; min-width:170px;">
                   <div style="font-weight:700; font-size:12px; color:#c084fc; margin-bottom:3px;">${P(C.nome_vertice || String(C.id))}</div>
                   <div style="font-size:11px; color:rgba(255, 255, 255, 0.65);">Confrontante: ${P(h.nome || "Desconhecido")}</div>
-                  <div style="font-size:10px; color:rgba(255, 255, 255, 0.45); font-family:monospace; margin-top:3px;">Lat ${$.lat.toFixed(6)} &nbsp; Lon ${$.lon.toFixed(6)}</div>
+                  <div style="font-size:10px; color:rgba(255, 255, 255, 0.45); font-family:var(--ui-fonte-codigo, monospace); margin-top:3px;">Lat ${$.lat.toFixed(6)} &nbsp; Lon ${$.lon.toFixed(6)}</div>
                   ${H}
                 </div>
               `, { className: "compact-popup", maxWidth: 220 }), A.on("click", () => {
@@ -1089,18 +1089,18 @@ class Et {
     const i = v.layerGroup(), s = `pane-${t.id}`, a = () => {
       if (i.clearLayers(), !t.visivel) return;
       if (e.getZoom() > 20) {
-        const r = e.getBounds(), l = r.getSouth(), p = r.getNorth(), d = r.getWest(), f = r.getEast(), h = e.getCenter(), y = 8999e-9, S = Math.cos(h.lat * Math.PI / 180), b = y / (S > 0.1 ? S : 1), M = Math.floor((p - l) / y), I = Math.floor((f - d) / b);
+        const r = e.getBounds(), l = r.getSouth(), p = r.getNorth(), d = r.getWest(), f = r.getEast(), h = e.getCenter(), b = 8999e-9, S = Math.cos(h.lat * Math.PI / 180), y = b / (S > 0.1 ? S : 1), M = Math.floor((p - l) / b), I = Math.floor((f - d) / y);
         if (M < 200 && I < 200) {
-          const z = Math.ceil(l / y) * y;
-          for (let w = z; w <= p; w += y)
+          const z = Math.ceil(l / b) * b;
+          for (let w = z; w <= p; w += b)
             v.polyline([[w, d], [w, f]], {
               color: t.estilo.corPrimaria || "rgba(0, 245, 160, 0.18)",
               weight: t.estilo.espessuraLinha || 0.6,
               interactive: !1,
               pane: s
             }).addTo(i);
-          const E = Math.ceil(d / b) * b;
-          for (let w = E; w <= f; w += b)
+          const E = Math.ceil(d / y) * y;
+          for (let w = E; w <= f; w += y)
             v.polyline([[l, w], [p, w]], {
               color: t.estilo.corPrimaria || "rgba(0, 245, 160, 0.18)",
               weight: t.estilo.espessuraLinha || 0.6,
@@ -1447,8 +1447,8 @@ function ht(n, t) {
   var a, c;
   if (t == null) return null;
   const e = String(t).trim(), o = (r) => r ? (r.lon = r.lng, r) : null, s = n.getMarkers().find((r) => {
-    var h, y, S, b;
-    const l = r.pontoId, p = r.elementoId ?? r.id ?? ((h = r.options) == null ? void 0 : h.pontoId) ?? ((y = r.options) == null ? void 0 : y.id), d = (S = r.elemento) == null ? void 0 : S.nome_vertice, f = (b = r.elemento) == null ? void 0 : b.codigo_completo;
+    var h, b, S, y;
+    const l = r.pontoId, p = r.elementoId ?? r.id ?? ((h = r.options) == null ? void 0 : h.pontoId) ?? ((b = r.options) == null ? void 0 : b.id), d = (S = r.elemento) == null ? void 0 : S.nome_vertice, f = (y = r.elemento) == null ? void 0 : y.codigo_completo;
     return String(l) === e || String(p) === e || d && String(d).toLowerCase() === e.toLowerCase() || f && String(f).toLowerCase() === e.toLowerCase();
   });
   if (s && typeof s.getLatLng == "function")
@@ -1457,9 +1457,9 @@ function ht(n, t) {
     for (const r of n.layerManager.getAllLayerInstances()) {
       let l = null;
       const p = (d) => {
-        var y, S, b, M, I;
+        var b, S, y, M, I;
         if (l) return;
-        const f = d.pontoId ?? d.elementoId ?? d.id ?? ((y = d.options) == null ? void 0 : y.id) ?? ((S = d.options) == null ? void 0 : S.pontoId), h = ((b = d.elemento) == null ? void 0 : b.nome) ?? ((M = d.elemento) == null ? void 0 : M.nome_vertice) ?? ((I = d.options) == null ? void 0 : I.nome);
+        const f = d.pontoId ?? d.elementoId ?? d.id ?? ((b = d.options) == null ? void 0 : b.id) ?? ((S = d.options) == null ? void 0 : S.pontoId), h = ((y = d.elemento) == null ? void 0 : y.nome) ?? ((M = d.elemento) == null ? void 0 : M.nome_vertice) ?? ((I = d.options) == null ? void 0 : I.nome);
         (String(f) === e || h && String(h).toLowerCase() === e.toLowerCase()) && (typeof d.getLatLng == "function" ? l = d.getLatLng() : typeof d.getBounds == "function" && (l = d.getBounds().getCenter()));
       };
       if (p(r), typeof r.eachLayer == "function" && r.eachLayer(p), l) return o(l);
@@ -1490,7 +1490,7 @@ function ht(n, t) {
       if (r.pontos && r.pontos.length > 0) {
         let l = 0, p = 0, d = 0;
         for (const f of r.pontos) {
-          const h = f.lat ?? f.latitude ?? f.y, y = f.lon ?? f.lng ?? f.longitude ?? f.x, S = O(h, y);
+          const h = f.lat ?? f.latitude ?? f.y, b = f.lon ?? f.lng ?? f.longitude ?? f.x, S = O(h, b);
           S && (l += S.lat, p += S.lon, d++);
         }
         if (d > 0)
@@ -1535,8 +1535,8 @@ function ht(n, t) {
             if (Array.isArray(l.coordenadas) && l.coordenadas.length > 0) {
               let p = 0, d = 0, f = 0;
               for (const h of l.coordenadas) {
-                const y = O(h[0], h[1]) || O(h[1], h[0]);
-                y && (p += y.lat, d += y.lon, f++);
+                const b = O(h[0], h[1]) || O(h[1], h[0]);
+                b && (p += b.lat, d += b.lon, f++);
               }
               if (f > 0) return o(v.latLng(p / f, d / f));
             }
@@ -1547,7 +1547,7 @@ function ht(n, t) {
   return null;
 }
 function Ht(n, t, e, o) {
-  var h, y;
+  var h, b;
   tt(t, n.getMap());
   const i = n.getMap();
   if (!i) return;
@@ -1579,7 +1579,7 @@ function Ht(n, t, e, o) {
     interactive: !1,
     keyboard: !1
   }), t.destaqueMarker.addTo(i);
-  const f = (y = (h = t.destaqueMarker).getElement) == null ? void 0 : y.call(h);
+  const f = (b = (h = t.destaqueMarker).getElement) == null ? void 0 : b.call(h);
   f && (f.style.pointerEvents = "none"), o != null && o.duracaoMs && o.duracaoMs > 0 && (t.destaqueTimeoutId = window.setTimeout(() => {
     tt(t, i);
   }, o.duracaoMs));
@@ -1622,7 +1622,7 @@ function Rt(n, t) {
     return i !== void 0 && (!o.pontos || o.pontos.length === 0) && e.has(i) ? { ...o, pontos: e.get(i) } : { ...o };
   });
 }
-function Ft(n, t, e = !1) {
+function Wt(n, t, e = !1) {
   let o = [...n];
   e && t && t.forEach((s) => {
     s.pontos && o.push(...s.pontos);
@@ -1633,7 +1633,7 @@ function Ft(n, t, e = !1) {
   }).filter((s) => s !== null);
   return i.length === 1 ? { single: i[0] } : i.length > 1 ? { bounds: v.latLngBounds(i) } : null;
 }
-function Wt(n, t) {
+function Ft(n, t) {
   const e = [], o = /* @__PURE__ */ new Set(), i = (s) => {
     s instanceof v.Marker && s.pontoId !== void 0 && !o.has(s) && (o.add(s), e.push(s));
   };
@@ -1892,7 +1892,7 @@ class oe {
   }
   fitBounds(t, e = [40, 40], o = !1) {
     if (!this.core.map) return;
-    const i = Ft(t || this.context.pontos || [], this.context.confrontantes, o);
+    const i = Wt(t || this.context.pontos || [], this.context.confrontantes, o);
     if (i) {
       i.single ? this.core.map.setView(i.single, 18) : i.bounds && (this.core.map.fitBounds(i.bounds, { padding: e }), this.core.map.once("moveend", () => {
         this.core.preCarregarTilesRegiao(i.bounds);
@@ -1904,7 +1904,7 @@ class oe {
     }
   }
   getMarkers() {
-    return Wt(this.core.map, this.layerManager);
+    return Ft(this.core.map, this.layerManager);
   }
   getVizinhosMarkers() {
     return this.getMarkers().filter((t) => !!t.isVizinho);
@@ -1947,8 +1947,8 @@ function ie(n, t, e, o) {
         p && parseInt(p.value, 10) !== f && (p.value = String(f)), d && (d.textContent = `${f}%`);
         const h = a.querySelector(".btn-lock-layer");
         h && (h.classList.toggle("active", !!s.bloqueada), h.title = s.bloqueada ? "Desbloquear Camada" : "Bloquear Camada");
-        const y = a.querySelector(".btn-toggle-scale-mode");
-        y && ((c = s.estilo) != null && c.scaleMode) && (y.textContent = ((r = s.estilo) == null ? void 0 : r.scaleMode) === "world" ? "Métrico" : "Tela");
+        const b = a.querySelector(".btn-toggle-scale-mode");
+        b && ((c = s.estilo) != null && c.scaleMode) && (b.textContent = ((r = s.estilo) == null ? void 0 : r.scaleMode) === "world" ? "Métrico" : "Tela");
       }
     });
     return;
@@ -1977,7 +1977,7 @@ function ie(n, t, e, o) {
         <div class="layer-controls-row">
           <span>Opacidade</span>
           <input type="range" min="0" max="100" value="${Math.round(s.opacidade * 100)}" class="layer-opacity-slider" data-layer-id="${s.id}" />
-          <span class="opacity-percent-label" style="font-family:monospace; font-size:9px; width:28px; text-align:right;">${Math.round(s.opacidade * 100)}%</span>
+          <span class="opacity-percent-label" style="font-family:var(--ui-fonte-codigo, monospace); font-size:9px; width:28px; text-align:right;">${Math.round(s.opacidade * 100)}%</span>
         </div>
       </div>
     `;
@@ -2015,12 +2015,12 @@ function ie(n, t, e, o) {
   });
 }
 function ne(n, t, e, o) {
-  var b, M, I, z, E, w;
+  var y, M, I, z, E, w;
   if (n.modoSequencial || n.controller.canvasInteracao.selectionHappened || n.controller.canvasInteracao.panHappened || n.mouseMovedSinceDown) return !1;
   const i = (t == null ? void 0 : t.originalEvent) || t, s = typeof (i == null ? void 0 : i.composedPath) == "function" ? i.composedPath() : [], a = s.length > 0 ? s[0] : (i == null ? void 0 : i.target) || (t == null ? void 0 : t.target);
   if (a) {
     const g = '.custom-leaflet-marker, .leaflet-marker-icon, .leaflet-interactive, .compact-popup, .leaflet-popup, .ui-popup-btn, .cad-btn-tool, .qgis-layer-panel, [class*="leaflet-marker"], [class*="leaflet-popup"]';
-    if (((b = a.matches) == null ? void 0 : b.call(a, g)) || ((M = a.closest) == null ? void 0 : M.call(a, g))) return !1;
+    if (((y = a.matches) == null ? void 0 : y.call(a, g)) || ((M = a.closest) == null ? void 0 : M.call(a, g))) return !1;
   }
   const c = n.controller.getMap();
   if (!c || !n.mapContainer) return !1;
@@ -2042,7 +2042,7 @@ function ne(n, t, e, o) {
     const g = c.containerPointToLatLng(v.point(p.x, p.y));
     d = g.lat, f = g.lng;
   }
-  const y = n.controller.layerManager ? n.controller.layerManager.getLayers().filter((g) => g.visivel).map((g) => g.id) : [], S = i;
+  const b = n.controller.layerManager ? n.controller.layerManager.getLayers().filter((g) => g.visivel).map((g) => g.id) : [], S = i;
   return n.host.dispatchEvent(new CustomEvent("ui-canvas-clique", {
     detail: {
       coordenadas: {
@@ -2054,7 +2054,7 @@ function ne(n, t, e, o) {
       lat: d,
       lon: f,
       lng: f,
-      camadasAtivas: y
+      camadasAtivas: b
     },
     bubbles: !0,
     composed: !0
@@ -2370,7 +2370,7 @@ class de {
     return this.contexto.obterController().getVizinhosMarkers();
   }
 }
-const pe = ':host{display:block;width:100%;height:520px;position:relative;border-radius:var(--ui-radius-lg, 10px);overflow:hidden;box-shadow:0 10px 30px -5px #0009;border:1px solid rgba(255,255,255,.1);background:#080d0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;user-select:none;-webkit-user-select:none}*,*:before,*:after{box-sizing:border-box}.cad-root{position:relative;width:100%;height:100%;display:flex;overflow:hidden}.cad-map-container{width:100%;height:100%;background:#080d0a;z-index:1}.qgis-layer-panel{position:absolute;top:12px;left:12px;z-index:var(--ui-z-workspace-hud, 500);width:290px;max-height:calc(100% - 24px);background:#0a120eeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 20px 40px #000000b3;display:flex;flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s ease;overflow:hidden}.qgis-layer-panel.collapsed{transform:translate(-310px);opacity:0;pointer-events:none}.layer-panel-header{padding:10px 14px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.layer-panel-title{font-size:12px;font-weight:700;letter-spacing:.5px;color:#00f5a0;display:flex;align-items:center;gap:6px;text-transform:uppercase}.layer-panel-close{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}.layer-panel-close:hover{color:#fff;background:#ffffff1a}.layer-panel-body{padding:8px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;max-height:400px}.layer-panel-body::-webkit-scrollbar{width:5px}.layer-panel-body::-webkit-scrollbar-track{background:transparent}.layer-panel-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.layer-panel-body::-webkit-scrollbar-thumb:hover{background:#00f5a066}.layer-item{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;padding:4px;display:flex;flex-direction:column;gap:3px;transition:background .15s ease}.layer-item:last-child{border-bottom:none}.layer-item:hover{background:#ffffff08;border-radius:4px}.layer-item-row{display:flex;align-items:center;justify-content:space-between;min-height:18px}.layer-item-label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;line-height:1.2;color:#ffffffe6;cursor:pointer;-webkit-user-select:none;user-select:none}.layer-chk-visibility{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid rgba(255,255,255,.4);border-radius:3px;background:#0006;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:all .15s ease;flex-shrink:0;margin:0}.layer-chk-visibility:hover{border-color:#00f5a0}.layer-chk-visibility:checked{background:#00f5a0;border-color:#00f5a0}.layer-chk-visibility:checked:after{content:"";width:3.5px;height:7px;border:solid #04150c;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-.5px);display:block}.layer-item-actions{display:flex;align-items:center;gap:4px}.btn-layer-action{background:transparent;border:none;color:#fff6;cursor:pointer;padding:2px;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-layer-action:hover{color:#00f5a0;background:#ffffff14}.btn-layer-action.active{color:#f43f5e;background:#f43f5e26}.layer-controls-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9.5px;line-height:1;color:#ffffff80;padding-left:21px}.layer-opacity-slider{flex:1;height:3px;margin:0;border-radius:2px;background:#ffffff26;accent-color:#00f5a0;cursor:pointer}.scale-mode-pill{font-size:8.5px;font-weight:600;padding:1px 6px;border-radius:6px;background:#ffffff0f;color:#ffffffb3;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:all .15s;line-height:1.2}.scale-mode-pill:hover{border-color:#00f5a0;color:#00f5a0;background:#00f5a01a}.cad-quick-toolbar{position:absolute;top:12px;right:12px;z-index:var(--ui-z-workspace-hud, 500);display:flex;flex-direction:column;gap:6px;background:#0c1510eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:5px;box-shadow:0 10px 25px -5px #0009}.cad-btn-tool{background:transparent;border:none;color:#fff9;cursor:pointer;padding:7px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .15s}.cad-btn-tool:hover{background:#ffffff1a;color:#fff}.cad-btn-tool.active{background:#00f5a026;color:#00f5a0;border:1px solid rgba(0,245,160,.3)}.cad-selection-box{pointer-events:none;box-sizing:border-box}.custom-leaflet-marker{cursor:pointer}.custom-leaflet-marker:hover{filter:brightness(1.25);transform:scale(1.15);transition:transform .15s ease}.leaflet-popup-content-wrapper{background:#0f1712!important;color:#f8fafc!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:8px!important;box-shadow:0 10px 25px #0009!important;padding:0!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}.leaflet-popup-tip{background:#0f1712!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:none!important}.leaflet-popup-close-button{color:#fff9!important;padding:6px!important;transition:color .15s ease}.leaflet-popup-close-button:hover{color:#fff!important}.leaflet-popup-content{margin:12px 14px!important;line-height:1.4;font-family:inherit;color:#f8fafc}.compact-popup .leaflet-popup-content{margin:10px 12px!important}.ui-popup-actions-footer{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);justify-content:flex-end;align-items:center;flex-wrap:wrap}.ui-popup-btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:11px;font-weight:500;padding:4px 9px;border-radius:var(--ui-raio-borda, var(--ui-radius-sm, 6px));cursor:pointer;transition:all .15s ease;border:1px solid transparent;outline:none;line-height:1.25;-webkit-user-select:none;user-select:none}.ui-popup-btn-primary{background:var(--ui-cor-primaria, #00f5a0);color:#080d0a;font-weight:600;border-color:var(--ui-cor-primaria, #00f5a0)}.ui-popup-btn-primary:hover{filter:brightness(1.1);box-shadow:0 0 10px #00f5a059}.ui-popup-btn-secondary{background:#ffffff14;color:#fff;border-color:#ffffff2e}.ui-popup-btn-secondary:hover{background:#ffffff29;border-color:#ffffff4d}.ui-popup-btn-destrutivo{background:#ef444426;color:#f87171;border-color:#ef444459}.ui-popup-btn-destrutivo:hover{background:#ef444440;border-color:#ef444499;color:#fff}@media (max-width: 520px){.qgis-layer-panel{top:8px;left:8px;right:8px;width:auto;max-height:calc(100% - 16px)}.qgis-layer-panel.collapsed{transform:translateY(-115%)}.layer-panel-close{min-width:36px;min-height:36px;font-size:16px}.layer-action-btn{min-width:32px;min-height:32px}}.cad-destaque-marker-container{pointer-events:none!important;background:transparent!important;border:none!important;overflow:visible!important}.cad-destaque-marker-container *{pointer-events:none!important}.cad-pulse-highlight{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center;pointer-events:none!important;user-select:none;-webkit-user-select:none}.cad-pulse-core{position:absolute;width:14px;height:14px;border-radius:50%;background-color:var(--cad-pulse-cor, #00f5a0);box-shadow:0 0 10px var(--cad-pulse-cor, #00f5a0),0 0 20px var(--cad-pulse-cor, #00f5a0);pointer-events:none!important;animation:cad-pulse-glow 1.4s ease-in-out infinite alternate}.cad-pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2.5px solid var(--cad-pulse-cor, #00f5a0);box-shadow:0 0 10px var(--cad-pulse-cor, #00f5a0);pointer-events:none!important;opacity:0;animation:cad-pulse-ping 1.8s cubic-bezier(0,0,.2,1) infinite}.cad-pulse-ring.ring-2{animation-delay:.6s}@keyframes cad-pulse-ping{0%{transform:scale(.35);opacity:.95}60%{opacity:.5}to{transform:scale(2.5);opacity:0}}@keyframes cad-pulse-glow{0%{transform:scale(.85);opacity:.8}to{transform:scale(1.15);opacity:1;box-shadow:0 0 14px var(--cad-pulse-cor, #00f5a0),0 0 26px var(--cad-pulse-cor, #00f5a0)}}.cad-marker-selected,.ponto-selecionado{z-index:2000!important}.cad-marker-selected>div,.ponto-selecionado>div{animation:cad-ponto-pulse 1.8s ease-in-out infinite alternate!important}@keyframes cad-ponto-pulse{0%{filter:drop-shadow(0 0 3px #ffffff) drop-shadow(0 0 6px #00f5a0)}to{filter:drop-shadow(0 0 6px #ffffff) drop-shadow(0 0 16px #00f5a0)}}.ui-popup-actions-footer{margin-top:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.12);display:flex;gap:6px;flex-wrap:wrap}.ui-popup-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;font-size:11px;font-weight:600;border-radius:4px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;cursor:pointer;line-height:1.2;transition:all .15s ease;-webkit-user-select:none;user-select:none}.ui-popup-btn:hover{background:#ffffff2e;border-color:#ffffff4d}.ui-popup-btn-primary{background:#00f5a0;color:#06130b;border-color:#00f5a0}.ui-popup-btn-primary:hover{background:#10ffad;box-shadow:0 0 8px #00f5a066}.ui-popup-btn-danger{background:#f43f5e33;color:#f43f5e;border-color:#f43f5e66}.ui-popup-btn-danger:hover{background:#f43f5e59;color:#fff}';
+const pe = ':host{display:block;width:100%;height:520px;position:relative;border-radius:var(--ui-raio-lg, 10px);overflow:hidden;box-shadow:0 10px 30px -5px #0009;border:1px solid rgba(255,255,255,.1);background:#080d0a;color:#fff;font-family:var(--ui-fonte-base, "Inter", sans-serif);user-select:none;-webkit-user-select:none}*,*:before,*:after{box-sizing:border-box}.cad-root{position:relative;width:100%;height:100%;display:flex;overflow:hidden}.cad-map-container{width:100%;height:100%;background:#080d0a;z-index:1}.qgis-layer-panel{position:absolute;top:12px;left:12px;z-index:var(--ui-z-workspace-hud, 500);width:290px;max-height:calc(100% - 24px);background:#0a120eeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 20px 40px #000000b3;display:flex;flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s ease;overflow:hidden}.qgis-layer-panel.collapsed{transform:translate(-310px);opacity:0;pointer-events:none}.layer-panel-header{padding:10px 14px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.layer-panel-title{font-size:12px;font-weight:700;letter-spacing:.5px;color:#00f5a0;display:flex;align-items:center;gap:6px;text-transform:uppercase}.layer-panel-close{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:2px;border-radius:var(--ui-raio-sm, 4px);display:flex;align-items:center;justify-content:center;transition:all .15s}.layer-panel-close:hover{color:#fff;background:#ffffff1a}.layer-panel-body{padding:8px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;max-height:400px}.layer-panel-body::-webkit-scrollbar{width:5px}.layer-panel-body::-webkit-scrollbar-track{background:transparent}.layer-panel-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--ui-raio-sm, 4px)}.layer-panel-body::-webkit-scrollbar-thumb:hover{background:#00f5a066}.layer-item{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;padding:4px;display:flex;flex-direction:column;gap:3px;transition:background .15s ease}.layer-item:last-child{border-bottom:none}.layer-item:hover{background:#ffffff08;border-radius:var(--ui-raio-sm, 4px)}.layer-item-row{display:flex;align-items:center;justify-content:space-between;min-height:18px}.layer-item-label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;line-height:1.2;color:#ffffffe6;cursor:pointer;-webkit-user-select:none;user-select:none}.layer-chk-visibility{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid rgba(255,255,255,.4);border-radius:3px;background:#0006;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:all .15s ease;flex-shrink:0;margin:0}.layer-chk-visibility:hover{border-color:#00f5a0}.layer-chk-visibility:checked{background:#00f5a0;border-color:#00f5a0}.layer-chk-visibility:checked:after{content:"";width:3.5px;height:7px;border:solid #04150c;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-.5px);display:block}.layer-item-actions{display:flex;align-items:center;gap:4px}.btn-layer-action{background:transparent;border:none;color:#fff6;cursor:pointer;padding:2px;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-layer-action:hover{color:#00f5a0;background:#ffffff14}.btn-layer-action.active{color:#f43f5e;background:#f43f5e26}.layer-controls-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9.5px;line-height:1;color:#ffffff80;padding-left:21px}.layer-opacity-slider{flex:1;height:3px;margin:0;border-radius:2px;background:#ffffff26;accent-color:#00f5a0;cursor:pointer}.scale-mode-pill{font-size:8.5px;font-weight:600;padding:1px 6px;border-radius:6px;background:#ffffff0f;color:#ffffffb3;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:all .15s;line-height:1.2}.scale-mode-pill:hover{border-color:#00f5a0;color:#00f5a0;background:#00f5a01a}.cad-quick-toolbar{position:absolute;top:12px;right:12px;z-index:var(--ui-z-workspace-hud, 500);display:flex;flex-direction:column;gap:6px;background:#0c1510eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:5px;box-shadow:0 10px 25px -5px #0009}.cad-btn-tool{background:transparent;border:none;color:#fff9;cursor:pointer;padding:7px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .15s}.cad-btn-tool:hover{background:#ffffff1a;color:#fff}.cad-btn-tool.active{background:#00f5a026;color:#00f5a0;border:1px solid rgba(0,245,160,.3)}.cad-selection-box{pointer-events:none;box-sizing:border-box}.custom-leaflet-marker{cursor:pointer}.custom-leaflet-marker:hover{filter:brightness(1.25);transform:scale(1.15);transition:transform .15s ease}.leaflet-popup-content-wrapper{background:#0f1712!important;color:#f8fafc!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:8px!important;box-shadow:0 10px 25px #0009!important;padding:0!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}.leaflet-popup-tip{background:#0f1712!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:none!important}.leaflet-popup-close-button{color:#fff9!important;padding:6px!important;transition:color .15s ease}.leaflet-popup-close-button:hover{color:#fff!important}.leaflet-popup-content{margin:12px 14px!important;line-height:1.4;font-family:inherit;color:#f8fafc}.compact-popup .leaflet-popup-content{margin:10px 12px!important}.ui-popup-actions-footer{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);justify-content:flex-end;align-items:center;flex-wrap:wrap}.ui-popup-btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:11px;font-weight:500;padding:4px 9px;border-radius:var(--ui-raio-borda, 6px);cursor:pointer;transition:all .15s ease;border:1px solid transparent;outline:none;line-height:1.25;-webkit-user-select:none;user-select:none}.ui-popup-btn-primary{background:var(--ui-cor-primaria, #00f5a0);color:#080d0a;font-weight:600;border-color:var(--ui-cor-primaria, #00f5a0)}.ui-popup-btn-primary:hover{filter:brightness(1.1);box-shadow:0 0 10px #00f5a059}.ui-popup-btn-secondary{background:#ffffff14;color:#fff;border-color:#ffffff2e}.ui-popup-btn-secondary:hover{background:#ffffff29;border-color:#ffffff4d}.ui-popup-btn-destrutivo{background:#ef444426;color:#f87171;border-color:#ef444459}.ui-popup-btn-destrutivo:hover{background:#ef444440;border-color:#ef444499;color:#fff}@media (max-width: 520px){.qgis-layer-panel{top:8px;left:8px;right:8px;width:auto;max-height:calc(100% - 16px)}.qgis-layer-panel.collapsed{transform:translateY(-115%)}.layer-panel-close{min-width:36px;min-height:36px;font-size:16px}.layer-action-btn{min-width:32px;min-height:32px}}.cad-destaque-marker-container{pointer-events:none!important;background:transparent!important;border:none!important;overflow:visible!important}.cad-destaque-marker-container *{pointer-events:none!important}.cad-pulse-highlight{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center;pointer-events:none!important;user-select:none;-webkit-user-select:none}.cad-pulse-core{position:absolute;width:14px;height:14px;border-radius:50%;background-color:var(--cad-pulse-cor, #00f5a0);box-shadow:0 0 10px var(--cad-pulse-cor, #00f5a0),0 0 20px var(--cad-pulse-cor, #00f5a0);pointer-events:none!important;animation:cad-pulse-glow 1.4s ease-in-out infinite alternate}.cad-pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2.5px solid var(--cad-pulse-cor, #00f5a0);box-shadow:0 0 10px var(--cad-pulse-cor, #00f5a0);pointer-events:none!important;opacity:0;animation:cad-pulse-ping 1.8s cubic-bezier(0,0,.2,1) infinite}.cad-pulse-ring.ring-2{animation-delay:.6s}@keyframes cad-pulse-ping{0%{transform:scale(.35);opacity:.95}60%{opacity:.5}to{transform:scale(2.5);opacity:0}}@keyframes cad-pulse-glow{0%{transform:scale(.85);opacity:.8}to{transform:scale(1.15);opacity:1;box-shadow:0 0 14px var(--cad-pulse-cor, #00f5a0),0 0 26px var(--cad-pulse-cor, #00f5a0)}}.cad-marker-selected,.ponto-selecionado{z-index:2000!important}.cad-marker-selected>div,.ponto-selecionado>div{animation:cad-ponto-pulse 1.8s ease-in-out infinite alternate!important}@keyframes cad-ponto-pulse{0%{filter:drop-shadow(0 0 3px #ffffff) drop-shadow(0 0 6px #00f5a0)}to{filter:drop-shadow(0 0 6px #ffffff) drop-shadow(0 0 16px #00f5a0)}}.ui-popup-actions-footer{margin-top:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.12);display:flex;gap:6px;flex-wrap:wrap}.ui-popup-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;font-size:11px;font-weight:600;border-radius:var(--ui-raio-sm, 4px);border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;cursor:pointer;line-height:1.2;transition:all .15s ease;-webkit-user-select:none;user-select:none}.ui-popup-btn:hover{background:#ffffff2e;border-color:#ffffff4d}.ui-popup-btn-primary{background:#00f5a0;color:#06130b;border-color:#00f5a0}.ui-popup-btn-primary:hover{background:#10ffad;box-shadow:0 0 8px #00f5a066}.ui-popup-btn-danger{background:#f43f5e33;color:#f43f5e;border-color:#f43f5e66}.ui-popup-btn-danger:hover{background:#f43f5e59;color:#fff}';
 function he() {
   return `
     <style>
@@ -2813,7 +2813,7 @@ class we {
           dashArray: a === "LN1" ? "6, 6" : void 0,
           pane: "perimetroPane"
         }).bindPopup(`
-          <div style="font-family:sans-serif; color:rgba(255, 255, 255, 0.9); line-height:1.3;">
+          <div style="font-family:var(--ui-fonte-base, sans-serif); color:rgba(255, 255, 255, 0.9); line-height:1.3;">
             <div style="font-weight:700; font-size:12px; margin-bottom:3px; color:#ffffff;">${P(i.nome_vertice)} ↔ ${P(s.nome_vertice)}</div>
             <div style="font-size:11px; color:rgba(255, 255, 255, 0.65);">Limite: ${P(a)} · ${P(c)}</div>
           </div>
@@ -2836,8 +2836,8 @@ class we {
     Object.values(i).forEach((d) => {
       const f = J(d);
       if (f.length < 2) return;
-      for (let b = 0; b < f.length - 1; b++) {
-        const M = f[b], I = f[b + 1], z = v.polyline([[M.lat, M.lon], [I.lat, I.lon]], {
+      for (let y = 0; y < f.length - 1; y++) {
+        const M = f[y], I = f[y + 1], z = v.polyline([[M.lat, M.lon], [I.lat, I.lon]], {
           color: s,
           weight: a,
           opacity: c,
@@ -2845,7 +2845,7 @@ class we {
         }).addTo(this.core.map);
         this.polylines.push(z);
       }
-      const h = f[f.length - 1], y = f[0], S = v.polyline([[h.lat, h.lon], [y.lat, y.lon]], {
+      const h = f[f.length - 1], b = f[0], S = v.polyline([[h.lat, h.lon], [b.lat, b.lon]], {
         color: s,
         weight: a,
         opacity: c,
@@ -2871,11 +2871,11 @@ class we {
         className: "banco-leaflet-marker",
         iconSize: [18, 18]
       }), d = `
-        <div style="font-family:sans-serif; color:rgba(255, 255, 255, 0.9); line-height:1.35; min-width:180px;">
+        <div style="font-family:var(--ui-fonte-base, sans-serif); color:rgba(255, 255, 255, 0.9); line-height:1.35; min-width:180px;">
           <div style="font-weight:800; font-size:11px; color:#fbbf24; text-transform:uppercase; letter-spacing:0.5px; border-bottom:1px solid rgba(255, 255, 255, 0.1); padding-bottom:3px; margin-bottom:5px;">Vértice Homologado SIGEF</div>
           <div style="font-weight:700; font-size:13px; margin-bottom:3px; color:#ffffff;">${P(r.codigo_completo || r.nome_vertice)}</div>
-          <div style="font-size:11px; color:rgba(255, 255, 255, 0.7); font-family:monospace;">Este (E): ${r.este ? r.este.toFixed(2) : "N/A"} m</div>
-          <div style="font-size:11px; color:rgba(255, 255, 255, 0.7); font-family:monospace; margin-bottom:3px;">Norte (N): ${r.norte ? r.norte.toFixed(2) : "N/A"} m</div>
+          <div style="font-size:11px; color:rgba(255, 255, 255, 0.7); font-family:var(--ui-fonte-codigo, monospace);">Este (E): ${r.este ? r.este.toFixed(2) : "N/A"} m</div>
+          <div style="font-size:11px; color:rgba(255, 255, 255, 0.7); font-family:var(--ui-fonte-codigo, monospace); margin-bottom:3px;">Norte (N): ${r.norte ? r.norte.toFixed(2) : "N/A"} m</div>
           <div style="font-size:11px; color:rgba(255, 255, 255, 0.7); margin-bottom:2px;">Alt (h): <strong>${r.altitude ? r.altitude.toFixed(2) : "N/A"} m</strong></div>
           <div style="font-size:10px; color:rgba(255, 255, 255, 0.45);">Método: ${P(r.metodo_posicionamento) || "N/A"} · Limite: ${P(r.tipo_limite) || "N/A"}</div>
           ${r.confrontante_descritivo ? `<div style="font-size:10px; color:rgba(255, 255, 255, 0.65); border-top:1px solid rgba(255, 255, 255, 0.1); padding-top:4px; margin-top:4px; word-break:break-word;"><strong>Conf:</strong> ${P(r.confrontante_descritivo)}</div>` : ""}
@@ -2921,19 +2921,19 @@ class Ce {
         const c = o.tipo_ponto === "B" || o.tipo === "B", r = o.tipo_ponto === "M" || o.tipo === "M";
         let l = "bg-mint-vibrant", p = "x", d = 7;
         r ? (l = "bg-indigo-500", d = 9) : c && (l = "bg-rose-500", d = 9);
-        const f = this.core.config.enableAnimations ? "transition-all duration-150" : "", h = (s = (i = this.controller) == null ? void 0 : i.linhas) != null && s.bancoPontosAtivo ? "opacity-40 hover:opacity-100" : "", y = Z(p, d, l, `${f} ${h}`, `map-marker-${o.id}`), S = v.divIcon({
-          html: y,
+        const f = this.core.config.enableAnimations ? "transition-all duration-150" : "", h = (s = (i = this.controller) == null ? void 0 : i.linhas) != null && s.bancoPontosAtivo ? "opacity-40 hover:opacity-100" : "", b = Z(p, d, l, `${f} ${h}`, `map-marker-${o.id}`), S = v.divIcon({
+          html: b,
           className: "custom-leaflet-marker flex items-center justify-center",
           iconSize: [d + 6, d + 6]
-        }), b = r ? "Base Homologada PPP" : c ? "Base de Campo (Translação)" : "Vértice de Perímetro", M = v.marker([o.lat, o.lon], {
+        }), y = r ? "Base Homologada PPP" : c ? "Base de Campo (Translação)" : "Vértice de Perímetro", M = v.marker([o.lat, o.lon], {
           icon: S,
           pane: "verticesPane"
         });
         M.pontoId = o.id, (a = this.controller) != null && a.modoCliqueSequencialAtivo || M.bindPopup(`
-            <div style="font-family:sans-serif; color:rgba(255, 255, 255, 0.9); line-height:1.3;">
+            <div style="font-family:var(--ui-fonte-base, sans-serif); color:rgba(255, 255, 255, 0.9); line-height:1.3;">
               <div style="font-weight:700; font-size:13px; margin-bottom:4px; color:#ffffff;">${P(o.nome_vertice)}</div>
-              <div style="font-size:11px; color:rgba(255, 255, 255, 0.65);">${P(b)} · ${P(o.tipo_ponto || o.tipo)}</div>
-              <div style="font-size:11px; color:rgba(255, 255, 255, 0.45); font-family:monospace; margin-top:4px;">Lat ${o.lat.toFixed(6)} &nbsp; Lon ${o.lon.toFixed(6)}</div>
+              <div style="font-size:11px; color:rgba(255, 255, 255, 0.65);">${P(y)} · ${P(o.tipo_ponto || o.tipo)}</div>
+              <div style="font-size:11px; color:rgba(255, 255, 255, 0.45); font-family:var(--ui-fonte-codigo, monospace); margin-top:4px;">Lat ${o.lat.toFixed(6)} &nbsp; Lon ${o.lon.toFixed(6)}</div>
             </div>
           `, {
           className: "compact-popup",
@@ -3076,7 +3076,7 @@ export {
   O as parseCoordenada,
   se as processarAcaoPopup,
   ne as processarCliqueLivreCanvas,
-  W as renderPopupAcoesHtml,
+  F as renderPopupAcoesHtml,
   ie as renderizarPainelCamadas,
   ae as tratarCliqueMarcador
 };