@thibezer/ui-components-kit 2.8.1 → 2.8.2

package/dist/mapa.js

@@ -1,166 +1,111 @@
-var C = Object.defineProperty;
-var x = (r, e, t) => e in r ? C(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var s = (r, e, t) => x(r, typeof e != "symbol" ? e + "" : e, t);
+var v = Object.defineProperty;
+var T = (s, n, t) => n in s ? v(s, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[n] = t;
+var a = (s, n, t) => T(s, typeof n != "symbol" ? n + "" : n, t);
 /* empty css               */
-import { l as z, p as v } from "./leaflet-PPDKB6Dd.js";
-import { d as m, S as d } from "./ssr-safe-5cWfJP-s.js";
-import { c as S, o as I } from "./leaflet-loader-Cjcdgj5R.js";
-const _ = ":host{display:block;width:100%;height:400px;position:relative;border-radius:var(--ui-raio-lg, 10px);overflow:hidden;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.1))}.ui-mapa-container{width:100%;height:100%;z-index:1}.leaflet-top,.leaflet-bottom{z-index:1000}.ui-mapa-popup{font-family:inherit;font-size:13px;font-weight:500;color:#111827;padding:2px 4px}.ui-mapa-svg-pin,.ui-mapa-div-marker{background:transparent!important;border:none!important;cursor:pointer;transition:transform .15s ease,filter .15s ease}.ui-mapa-svg-pin:hover,.ui-mapa-div-marker:hover{transform:scale(1.15);filter:brightness(1.2)}";
-function h() {
-  return I() ?? null;
-}
-async function E() {
-  return await S() ?? null;
-}
-function w(r) {
+import { c as _, o as h } from "./leaflet-loader-Cjcdgj5R.js";
+import { l as x, p as y } from "./leaflet-PPDKB6Dd.js";
+import { d as u, S as d } from "./ssr-safe-5cWfJP-s.js";
+const M = ":host{display:block;width:100%;height:400px;position:relative;border-radius:var(--ui-raio-lg, 10px);overflow:hidden;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.1))}.ui-mapa-container{width:100%;height:100%;z-index:1}.leaflet-top,.leaflet-bottom{z-index:1000}.ui-mapa-popup{font-family:inherit;font-size:13px;font-weight:500;color:#111827;padding:2px 4px}.ui-mapa-svg-pin,.ui-mapa-div-marker{background:transparent!important;border:none!important;cursor:pointer;transition:transform .15s ease,filter .15s ease}.ui-mapa-svg-pin:hover,.ui-mapa-div-marker:hover{transform:scale(1.15);filter:brightness(1.2)}";
+function w(s) {
   return {
     osm: {
       nome: "OpenStreetMap",
-      layer: () => r.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
+      layer: () => s.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
         attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
       })
     },
     satelite: {
       nome: "Satélite (Esri)",
-      layer: () => r.tileLayer("https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}", {
+      layer: () => s.tileLayer("https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}", {
         attribution: "Tiles &copy; Esri &mdash; Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community"
       })
     },
     topografia: {
       nome: "Topografia",
-      layer: () => r.tileLayer("https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png", {
+      layer: () => s.tileLayer("https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png", {
         attribution: 'Map data: &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | Map style: &copy; <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
       })
     },
     ruas: {
       nome: "Ruas (Esri)",
-      layer: () => r.tileLayer("https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}", {
+      layer: () => s.tileLayer("https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}", {
         attribution: "Tiles &copy; Esri &mdash; Source: Esri, DeLorme, NAVTEQ, USGS, Intermap, iPC, NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand), TomTom, 2012"
       })
     }
   };
 }
-const p = { lat: -23.55052, lng: -46.633308, zoom: 13 }, L = "#00f5a0", O = "#3388ff", k = 3, l = (r) => Number.isFinite(r);
-function A(r, e, t) {
-  const i = parseFloat(r ?? ""), o = parseFloat(e ?? ""), a = parseInt(t ?? "", 10);
-  return {
-    lat: l(i) && Math.abs(i) <= 90 ? i : p.lat,
-    lng: l(o) && Math.abs(o) <= 180 ? o : p.lng,
-    zoom: l(a) && a >= 0 && a <= 22 ? a : p.zoom
-  };
-}
-function P(r, e) {
-  const t = parseInt(r ?? "", 10);
-  return l(t) && t > 0 ? t : e;
-}
-const R = /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i, N = /^(?:rgb|rgba|hsl|hsla)\(\s*[\d.,%\s/deg-]+\)$/i, D = /^[a-z]{3,30}$/i;
-function T(r, e) {
-  const t = (r ?? "").trim();
-  return R.test(t) || N.test(t) || D.test(t) ? t : e;
-}
-function G(r, e) {
-  const t = (r ?? "").split(",").map((i) => i.trim().toLowerCase()).filter((i) => e.includes(i));
-  return t.length > 0 ? t : ["osm"];
-}
-function y(r) {
-  if (!r) return [];
-  let e;
-  try {
-    e = JSON.parse(r);
-  } catch (i) {
-    return console.error('Formato inválido para atributo pontos no <ui-mapa-linha>. Deve ser um JSON array, ex: "[[lat, lng], ...]"', i), [];
-  }
-  if (!Array.isArray(e)) return [];
-  const t = [];
-  for (const i of e) {
-    if (!Array.isArray(i) || i.length < 2) continue;
-    const [o, a] = i;
-    typeof o == "number" && typeof a == "number" && l(o) && l(a) && Math.abs(o) <= 90 && Math.abs(a) <= 180 && t.push([o, a]);
-  }
-  return t;
-}
-const U = "Mapa", V = `
-  <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; min-height: 140px; padding: 16px; box-sizing: border-box; text-align: center; color: var(--ui-cor-texto-secundario, #888899); font-family: var(--ui-fonte-base, 'Inter', sans-serif); font-size: 12px; background: var(--ui-cor-superficie, #141417); border-radius: var(--ui-raio-borda, 6px); border: 1px dashed var(--ui-cor-borda, rgba(255,255,255,0.15));">
-    <span style="font-size: 20px; margin-bottom: 6px;" aria-hidden="true">🗺️</span>
-    <strong style="color: var(--ui-cor-texto, #e1e1e6); margin-bottom: 4px;">Leaflet não encontrado</strong>
-    <span style="max-width: 320px; line-height: 1.4;">Para utilizar o componente <code>&lt;ui-mapa&gt;</code>, instale a biblioteca <code>leaflet</code> ou inclua seu script no HTML: <code>&lt;script src=".../leaflet.js"&gt;&lt;/script&gt;</code>.</span>
-  </div>
-`;
-class H extends d {
+class C extends d {
   constructor() {
     super();
-    s(this, "mapContainer");
-    s(this, "mapInstance", null);
-    s(this, "_initTimer", null);
-    s(this, "_resizeObserver");
-    s(this, "_resizeTimer");
-    s(this, "_invalidarTimer");
+    a(this, "mapContainer");
+    a(this, "mapInstance", null);
+    a(this, "_initTimer", null);
+    a(this, "_resizeObserver");
+    a(this, "_resizeTimer");
     const t = this.attachShadow({ mode: "open" });
     t.innerHTML = `
       <style>
-        ${z}
-        ${_}
+        ${x}
+        ${M}
       </style>
-      <div class="ui-mapa-container" id="map-container" role="region"></div>
+      <div class="ui-mapa-container" id="map-container"></div>
       <div style="display: none;"><slot></slot></div>
-    `, this.mapContainer = t.getElementById("map-container"), this.sincronizarRotulo();
+    `, this.mapContainer = t.getElementById("map-container");
   }
   static get observedAttributes() {
-    return ["lat", "lng", "zoom", "aria-label"];
+    return ["lat", "lng", "zoom"];
   }
   connectedCallback() {
-    this.sincronizarRotulo(), this._initTimer = setTimeout(() => {
-      this._initTimer = null, this.initMap();
+    this._initTimer = window.setTimeout(() => {
+      this.initMap();
     }, 0);
   }
   disconnectedCallback() {
-    var t;
-    this._initTimer && (clearTimeout(this._initTimer), this._initTimer = null), (t = this._resizeObserver) == null || t.disconnect(), this._resizeObserver = void 0, this._resizeTimer && clearTimeout(this._resizeTimer), this._invalidarTimer && clearTimeout(this._invalidarTimer), this._resizeTimer = void 0, this._invalidarTimer = void 0, this.mapInstance && (this.mapInstance.remove(), this.mapInstance = null);
+    this._initTimer && (window.clearTimeout(this._initTimer), this._initTimer = null), this._resizeObserver && (this._resizeObserver.disconnect(), this._resizeObserver = void 0), this._resizeTimer && (window.clearTimeout(this._resizeTimer), this._resizeTimer = null), this.mapInstance && (this.mapInstance.remove(), this.mapInstance = null);
   }
-  attributeChangedCallback(t, i, o) {
-    if (i !== o) {
-      if (t === "aria-label") {
-        this.sincronizarRotulo();
-        return;
-      }
-      if (this.mapInstance) {
-        const a = A(this.getAttribute("lat"), this.getAttribute("lng"), this.getAttribute("zoom"));
-        this.mapInstance.setView([a.lat, a.lng], a.zoom);
-      }
+  attributeChangedCallback(t, e, r) {
+    if (e !== r && this.mapInstance) {
+      const i = parseFloat(this.getAttribute("lat") || "-23.550520"), o = parseFloat(this.getAttribute("lng") || "-46.633308"), c = parseInt(this.getAttribute("zoom") || "13", 10);
+      !isNaN(i) && !isNaN(o) && this.mapInstance.setView([i, o], c);
     }
   }
-  /** Nome acessível da região: o `aria-label` do host ou "Mapa". */
-  sincronizarRotulo() {
-    var t;
-    (t = this.mapContainer) == null || t.setAttribute("aria-label", this.getAttribute("aria-label") || U);
-  }
   async initMap() {
-    var b;
+    var g;
     if (this.mapInstance) return;
-    const t = await E();
-    if (!this.isConnected || this.mapInstance) return;
+    const t = await _();
     if (!t) {
-      this.mapContainer.innerHTML = V;
+      this.mapContainer.innerHTML = `
+        <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; min-height: 140px; padding: 16px; box-sizing: border-box; text-align: center; color: var(--ui-cor-texto-secundario, #888899); font-family: var(--ui-fonte-base, 'Inter', sans-serif); font-size: 12px; background: var(--ui-cor-superficie, #141417); border-radius: var(--ui-raio-borda, 6px); border: 1px dashed var(--ui-cor-borda, rgba(255,255,255,0.15));">
+          <span style="font-size: 20px; margin-bottom: 6px;">🗺️</span>
+          <strong style="color: var(--ui-cor-texto, #e1e1e6); margin-bottom: 4px;">Leaflet não encontrado</strong>
+          <span style="max-width: 320px; line-height: 1.4;">Para utilizar o componente <code>&lt;ui-mapa&gt;</code>, instale a biblioteca <code>leaflet</code> ou inclua seu script no HTML: <code>&lt;script src=".../leaflet.js"&gt;&lt;/script&gt;</code>.</span>
+        </div>
+      `;
       return;
     }
-    const i = w(t), o = A(this.getAttribute("lat"), this.getAttribute("lng"), this.getAttribute("zoom")), a = t.map(this.mapContainer).setView([o.lat, o.lng], o.zoom);
-    this.mapInstance = a;
-    const n = G(this.getAttribute("camadas"), Object.keys(i)), f = i[n[0]].layer();
-    if (f.addTo(a), n.length > 1) {
-      const c = { [i[n[0]].nome]: f };
-      for (const g of n.slice(1)) c[i[g].nome] = i[g].layer();
-      t.control.layers(c, void 0, { position: "topright" }).addTo(a);
+    const e = w(t), r = parseFloat(this.getAttribute("lat") || "-23.550520"), i = parseFloat(this.getAttribute("lng") || "-46.633308"), o = parseInt(this.getAttribute("zoom") || "13", 10);
+    this.mapInstance = t.map(this.mapContainer).setView([r, i], o);
+    const c = this.getAttribute("camadas");
+    let p = ["osm"];
+    c && (p = c.split(",").map((l) => l.trim().toLowerCase()).filter((l) => e[l]), p.length === 0 && (p = ["osm"]));
+    const f = e[p[0]].layer();
+    if (f.addTo(this.mapInstance), p.length > 1) {
+      const l = {};
+      l[e[p[0]].nome] = f;
+      for (let m = 1; m < p.length; m++) {
+        const b = p[m];
+        l[e[b].nome] = e[b].layer();
+      }
+      t.control.layers(l, void 0, { position: "topright" }).addTo(this.mapInstance);
     }
-    (b = t.Icon) != null && b.Default && (t.Icon.Default.imagePath = "https://unpkg.com/leaflet@1.9.4/dist/images/"), typeof ResizeObserver < "u" && (this._resizeObserver = new ResizeObserver(() => {
+    (g = t.Icon) != null && g.Default && (t.Icon.Default.imagePath = "https://unpkg.com/leaflet@1.9.4/dist/images/"), typeof ResizeObserver < "u" && this.mapContainer && (this._resizeObserver = new ResizeObserver(() => {
       this._resizeTimer && clearTimeout(this._resizeTimer), this._resizeTimer = setTimeout(() => {
-        var c;
-        return (c = this.mapInstance) == null ? void 0 : c.invalidateSize();
+        this.mapInstance && this.mapInstance.invalidateSize();
       }, 60);
-    }), this._resizeObserver.observe(this.mapContainer)), this._invalidarTimer = setTimeout(() => {
-      var c;
-      return (c = this.mapInstance) == null ? void 0 : c.invalidateSize();
+    }), this._resizeObserver.observe(this.mapContainer)), setTimeout(() => {
+      this.mapInstance && this.mapInstance.invalidateSize();
     }, 100), this.dispatchEvent(new CustomEvent("ui-mapa-pronto", {
-      detail: { map: a },
+      detail: { map: this.mapInstance },
       bubbles: !0,
       composed: !0
     }));
@@ -169,168 +114,151 @@ class H extends d {
     return this.mapInstance;
   }
 }
-m("ui-mapa", H);
-const u = "http://www.w3.org/2000/svg";
-function $(r) {
-  const e = document.createElement("div");
-  return e.style.cssText = "width:14px;height:14px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 1px 4px rgba(0,0,0,0.6);", e.style.backgroundColor = r, e;
-}
-function F(r) {
-  const e = document.createElementNS(u, "svg");
-  e.setAttribute("width", "24"), e.setAttribute("height", "32"), e.setAttribute("viewBox", "0 0 24 32"), e.setAttribute("fill", "none"), e.setAttribute("aria-hidden", "true"), e.style.filter = "drop-shadow(0 2px 4px rgba(0,0,0,0.45))";
-  const t = document.createElementNS(u, "path");
-  t.setAttribute("d", "M12 0C5.372 0 0 5.372 0 12C0 21 12 32 12 32C12 32 24 21 24 12C24 5.372 18.628 0 12 0Z"), t.setAttribute("fill", r);
-  const i = document.createElementNS(u, "circle");
-  return i.setAttribute("cx", "12"), i.setAttribute("cy", "11"), i.setAttribute("r", "4.5"), i.setAttribute("fill", "#ffffff"), e.append(t, i), e;
-}
-function B(r, e, t) {
-  return t === "circle" ? r.divIcon({ className: "ui-mapa-div-marker", html: $(e), iconSize: [14, 14], iconAnchor: [7, 7] }) : r.divIcon({ className: "ui-mapa-svg-pin", html: F(e), iconSize: [24, 32], iconAnchor: [12, 32], popupAnchor: [0, -30] });
-}
-const j = 30, J = 50;
-class M {
-  constructor(e, t) {
-    s(this, "pai", null);
-    s(this, "timer", null);
-    s(this, "tentativas", 0);
-    s(this, "aoPronto", () => {
-      this.opcoes.aoPerderMapa(), this.tentativas = 0, this.tentar();
-    });
-    this.host = e, this.opcoes = t;
-  }
-  conectar() {
-    var e;
-    this.desconectar(), this.pai = this.host.closest("ui-mapa"), (e = this.pai) == null || e.addEventListener("ui-mapa-pronto", this.aoPronto), this.agendar(0);
-  }
-  desconectar() {
-    var e;
-    this.timer && clearTimeout(this.timer), this.timer = null, (e = this.pai) == null || e.removeEventListener("ui-mapa-pronto", this.aoPronto), this.pai = null, this.tentativas = 0;
-  }
-  agendar(e) {
-    this.timer && clearTimeout(this.timer), this.timer = setTimeout(() => this.tentar(), e);
-  }
-  tentar() {
-    this.timer = null;
-    const e = this.pai ?? this.host.closest("ui-mapa");
-    if (!e) {
-      console.warn(`<${this.opcoes.rotulo}> deve estar dentro de um elemento <ui-mapa>`);
-      return;
-    }
-    const t = e.getMap();
-    if (!t) {
-      if (this.tentativas >= j) {
-        console.warn(`<${this.opcoes.rotulo}> Tempo limite esgotado aguardando inicialização do mapa pai.`);
-        return;
-      }
-      this.tentativas++, this.agendar(J);
-      return;
-    }
-    this.tentativas = 0, this.opcoes.aoMapa(t);
-  }
-}
-class X extends d {
+u("ui-mapa", C);
+class I extends d {
   constructor() {
     super(...arguments);
-    s(this, "marker", null);
-    s(this, "vinculo", new M(this, {
-      rotulo: "ui-mapa-marcador",
-      aoMapa: (t) => this.criarMarcador(t),
-      aoPerderMapa: () => this.removerMarcador()
-    }));
+    a(this, "marker", null);
+    a(this, "_initTimer", null);
+    a(this, "_retryCount", 0);
+    a(this, "_parentMap", null);
+    a(this, "handleMapReady", () => {
+      this.marker && (this.marker.remove(), this.marker = null), this.initMarker();
+    });
   }
   static get observedAttributes() {
     return ["lat", "lng", "titulo", "cor", "formato"];
   }
   connectedCallback() {
-    this.vinculo.conectar();
+    this._parentMap = this.closest("ui-mapa"), this._parentMap && this._parentMap.addEventListener("ui-mapa-pronto", this.handleMapReady), this._initTimer = setTimeout(() => this.initMarker(), 0);
   }
   disconnectedCallback() {
-    this.vinculo.desconectar(), this.removerMarcador();
+    this._initTimer && (clearTimeout(this._initTimer), this._initTimer = null), this._parentMap && (this._parentMap.removeEventListener("ui-mapa-pronto", this.handleMapReady), this._parentMap = null), this.marker && (this.marker.remove(), this.marker = null);
   }
-  attributeChangedCallback(t, i, o) {
-    if (!(i === o || !this.marker)) {
+  attributeChangedCallback(t, e, r) {
+    if (e !== r && this.marker) {
       if (t === "lat" || t === "lng") {
-        const a = v(this.getAttribute("lat"), this.getAttribute("lng"));
-        a && this.marker.setLatLng([a.lat, a.lon]);
-      } else if (t === "titulo")
-        this.marker.unbindPopup(), o && this.marker.bindPopup(this.createPopupContent(o)), this.aplicarNomeAcessivel();
-      else if (t === "cor" || t === "formato") {
-        const a = h();
-        a && this.marker.setIcon(this.createIcon(a));
+        const i = y(this.getAttribute("lat"), this.getAttribute("lng"));
+        i && this.marker.setLatLng([i.lat, i.lon]);
+      }
+      if (t === "titulo" && (this.marker.unbindPopup(), r && this.marker.bindPopup(this.createPopupContent(r))), t === "cor" || t === "formato") {
+        const i = h() || window.L;
+        i && this.marker.setIcon(this.createIcon(i));
       }
     }
   }
-  removerMarcador() {
-    var t;
-    (t = this.marker) == null || t.remove(), this.marker = null;
-  }
   createPopupContent(t) {
-    const i = document.createElement("div");
-    return i.className = "ui-mapa-popup", i.textContent = t, i;
+    const e = document.createElement("div");
+    return e.className = "ui-mapa-popup", e.textContent = t, e;
   }
   createIcon(t) {
-    const i = this.getAttribute("formato") === "circle" ? "circle" : "pin";
-    return B(t, T(this.getAttribute("cor"), L), i);
-  }
-  /** O ícone é um `div`: o nome acessível vai em `aria-label` (o Leaflet já põe `role=button` e `tabindex=0`). */
-  aplicarNomeAcessivel() {
-    var o;
-    const t = (o = this.marker) == null ? void 0 : o.getElement();
-    if (!t) return;
-    const i = this.getAttribute("titulo");
-    i ? (t.setAttribute("aria-label", i), t.setAttribute("title", i)) : (t.removeAttribute("aria-label"), t.removeAttribute("title"));
+    const e = this.getAttribute("cor") || "#00f5a0";
+    if ((this.getAttribute("formato") || "pin") === "circle") {
+      const o = `<div style="width:14px; height:14px; background-color:${e}; border-radius:50%; border:2px solid #ffffff; box-shadow:0 1px 4px rgba(0,0,0,0.6);"></div>`;
+      return t.divIcon({
+        className: "ui-mapa-div-marker",
+        html: o,
+        iconSize: [14, 14],
+        iconAnchor: [7, 7]
+      });
+    }
+    const i = `
+      <svg width="24" height="32" viewBox="0 0 24 32" fill="none" xmlns="http://www.w3.org/2000/svg" style="filter: drop-shadow(0 2px 4px rgba(0,0,0,0.45));">
+        <path d="M12 0C5.372 0 0 5.372 0 12C0 21 12 32 12 32C12 32 24 21 24 12C24 5.372 18.628 0 12 0Z" fill="${e}"/>
+        <circle cx="12" cy="11" r="4.5" fill="#ffffff"/>
+      </svg>
+    `;
+    return t.divIcon({
+      className: "ui-mapa-svg-pin",
+      html: i,
+      iconSize: [24, 32],
+      iconAnchor: [12, 32],
+      popupAnchor: [0, -30]
+    });
   }
-  criarMarcador(t) {
-    this.removerMarcador();
-    const i = v(this.getAttribute("lat"), this.getAttribute("lng"));
-    if (!i) return;
-    const o = h();
-    if (!o) return;
-    const a = this.getAttribute("titulo"), n = o.marker([i.lat, i.lon], { icon: this.createIcon(o), keyboard: !0, title: a || void 0 });
-    a && n.bindPopup(this.createPopupContent(a)), n.addTo(t), this.marker = n, this.aplicarNomeAcessivel();
+  initMarker() {
+    const t = this._parentMap || this.closest("ui-mapa");
+    if (!t) {
+      console.warn("<ui-mapa-marcador> deve estar dentro de um elemento <ui-mapa>");
+      return;
+    }
+    const e = t.getMap();
+    if (!e) {
+      if (this._retryCount >= 30) {
+        console.warn("<ui-mapa-marcador> Tempo limite esgotado aguardando inicialização do mapa pai.");
+        return;
+      }
+      this._retryCount++, this._initTimer = setTimeout(() => this.initMarker(), 50);
+      return;
+    }
+    this._retryCount = 0;
+    const r = y(this.getAttribute("lat"), this.getAttribute("lng"));
+    if (!r) return;
+    const i = this.getAttribute("titulo"), o = h() || window.L;
+    o && (this.marker = o.marker([r.lat, r.lon], {
+      icon: this.createIcon(o)
+    }), this.marker && (i && this.marker.bindPopup(this.createPopupContent(i)), this.marker.addTo(e)));
   }
 }
-m("ui-mapa-marcador", X);
-class W extends d {
+u("ui-mapa-marcador", I);
+class A extends d {
   constructor() {
     super(...arguments);
-    s(this, "polyline", null);
-    s(this, "vinculo", new M(this, {
-      rotulo: "ui-mapa-linha",
-      aoMapa: (t) => this.criarLinha(t),
-      aoPerderMapa: () => this.removerLinha()
-    }));
+    a(this, "polyline", null);
+    a(this, "_initTimer", null);
+    a(this, "_retryCount", 0);
   }
   static get observedAttributes() {
     return ["pontos", "cor", "espessura"];
   }
   connectedCallback() {
-    this.vinculo.conectar();
+    this._initTimer = setTimeout(() => this.initLinha(), 0);
   }
   disconnectedCallback() {
-    this.vinculo.desconectar(), this.removerLinha();
+    this._initTimer && (clearTimeout(this._initTimer), this._initTimer = null), this.polyline && (this.polyline.remove(), this.polyline = null);
   }
-  attributeChangedCallback(t, i, o) {
-    i === o || !this.polyline || (t === "pontos" ? this.polyline.setLatLngs(y(this.getAttribute("pontos"))) : this.polyline.setStyle(this.estilo()));
-  }
-  estilo() {
-    return {
-      color: T(this.getAttribute("cor"), O),
-      weight: P(this.getAttribute("espessura"), k)
-    };
+  attributeChangedCallback(t, e, r) {
+    e !== r && this.polyline && (t === "pontos" ? this.polyline.setLatLngs(this.getPontos()) : (t === "cor" || t === "espessura") && this.polyline.setStyle({
+      color: this.getAttribute("cor") || "#3388ff",
+      weight: parseInt(this.getAttribute("espessura") || "3", 10)
+    }));
   }
-  removerLinha() {
-    var t;
-    (t = this.polyline) == null || t.remove(), this.polyline = null;
+  getPontos() {
+    try {
+      const t = this.getAttribute("pontos");
+      if (t)
+        return JSON.parse(t);
+    } catch (t) {
+      console.error('Formato inválido para atributo pontos no <ui-mapa-linha>. Deve ser um JSON array, ex: "[[lat, lng], ...]"', t);
+    }
+    return [];
   }
-  criarLinha(t) {
-    this.removerLinha();
-    const i = h();
-    i && (this.polyline = i.polyline(y(this.getAttribute("pontos")), this.estilo()).addTo(t));
+  initLinha() {
+    const t = this.closest("ui-mapa");
+    if (!t) {
+      console.warn("<ui-mapa-linha> deve estar dentro de um elemento <ui-mapa>");
+      return;
+    }
+    const e = t.getMap();
+    if (!e) {
+      if (this._retryCount >= 30) {
+        console.warn("<ui-mapa-linha> Tempo limite esgotado aguardando inicialização do mapa pai.");
+        return;
+      }
+      this._retryCount++, this._initTimer = setTimeout(() => this.initLinha(), 50);
+      return;
+    }
+    this._retryCount = 0;
+    const r = this.getAttribute("cor") || "#3388ff", i = parseInt(this.getAttribute("espessura") || "3", 10), o = h() || window.L;
+    o && (this.polyline = o.polyline(this.getPontos(), {
+      color: r,
+      weight: i
+    }), this.polyline && this.polyline.addTo(e));
   }
 }
-m("ui-mapa-linha", W);
+u("ui-mapa-linha", A);
 export {
-  H as UIMapa,
-  W as UIMapaLinha,
-  X as UIMapaMarcador
+  C as UIMapa,
+  A as UIMapaLinha,
+  I as UIMapaMarcador
 };

package/dist/modal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                 */const o=require("./ui-modal-CUNbpbZ1.cjs");exports.UIDialog=o.UIDialog;exports.UIModal=o.UIModal;exports.aplicarInertForaDoModal=o.aplicarInertForaDoModal;exports.removerInertForaDoModal=o.removerInertForaDoModal;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                 */const o=require("./ui-modal-CvGFGh1h.cjs");exports.UIDialog=o.UIDialog;exports.UIModal=o.UIModal;exports.aplicarInertForaDoModal=o.aplicarInertForaDoModal;exports.removerInertForaDoModal=o.removerInertForaDoModal;

package/dist/modal.js

@@ -1,5 +1,5 @@
 /* empty css               */
-import { U as e, a as l, b as s, r as t } from "./ui-modal-BkYvNP0G.js";
+import { U as e, a as l, b as s, r as t } from "./ui-modal-DBOtSTbR.js";
 export {
   e as UIDialog,
   l as UIModal,

package/dist/register.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ssr-safe-CiHD1adl.cjs"),e=require("./zero-js-triggers-CgM9IIQB.cjs");require("./ui-botao-D24oXySA.cjs");require("./ui-switch-D9a8XlVX.cjs");require("./ui-linha-C6HBnsaw.cjs");require("./ui-campo-texto-DauJCde3.cjs");require("./ui-paleta-ferramentas-bDLPbiGA.cjs");require("./ui-badge-SIR81R9l.cjs");require("./ui-card-BrjBL-yo.cjs");require("./ui-modal-CUNbpbZ1.cjs");require("./ui-skeleton-DiOxTBZK.cjs");require("./ui-tabela-propriedades-DzZlyNZ_.cjs");require("./ui-controle-cores-uY__TgwW.cjs");function i(){r.isBrowser&&e.initZeroJSTriggers()}r.isBrowser&&e.initZeroJSTriggers();exports.isBrowser=r.isBrowser;exports.registrarTodosComponentes=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ssr-safe-CiHD1adl.cjs"),e=require("./zero-js-triggers-CgM9IIQB.cjs");require("./ui-botao-BOOnP8ds.cjs");require("./ui-switch-D7iPKDj-.cjs");require("./ui-segmented-rn9RxRGM.cjs");require("./ui-campo-texto-Cnn2UAkS.cjs");require("./ui-paleta-ferramentas-bvqxj1Yd.cjs");require("./ui-badge-BxT-sDmV.cjs");require("./ui-card-B86lJXTP.cjs");require("./ui-modal-CvGFGh1h.cjs");require("./ui-skeleton-SPYqku8P.cjs");require("./ui-tabela-propriedades-C-PeuW1i.cjs");require("./ui-controle-cores-Er6ZcQ7U.cjs");function i(){r.isBrowser&&e.initZeroJSTriggers()}r.isBrowser&&e.initZeroJSTriggers();exports.isBrowser=r.isBrowser;exports.registrarTodosComponentes=i;

package/dist/register.js

@@ -1,16 +1,16 @@
 import { i as r } from "./ssr-safe-5cWfJP-s.js";
 import { i } from "./zero-js-triggers-CJT988bR.js";
-import "./ui-botao-Dsj08jjw.js";
-import "./ui-switch-DO1R0Ce7.js";
-import "./ui-linha-nCDh2wPm.js";
-import "./ui-campo-texto-B_OHVGiN.js";
-import "./ui-paleta-ferramentas-Ksh6gMW3.js";
-import "./ui-badge-BWhoGgo9.js";
-import "./ui-card-BNYCQ7g-.js";
-import "./ui-modal-BkYvNP0G.js";
-import "./ui-skeleton-B2Rgrv8o.js";
-import "./ui-tabela-propriedades-D9Echt2X.js";
-import "./ui-controle-cores-DgEza3wF.js";
+import "./ui-botao-DfqSivHl.js";
+import "./ui-switch-BcOqOkiV.js";
+import "./ui-segmented-DyF5YLsV.js";
+import "./ui-campo-texto-Uu2dJE_0.js";
+import "./ui-paleta-ferramentas-DbwdWVtT.js";
+import "./ui-badge-C0eKBI8E.js";
+import "./ui-card-C_o5_0cB.js";
+import "./ui-modal-DBOtSTbR.js";
+import "./ui-skeleton-W9uwIceA.js";
+import "./ui-tabela-propriedades-Df9ajC6M.js";
+import "./ui-controle-cores-BS0WYPdi.js";
 function d() {
   r && i();
 }

package/dist/svg-seguro-ChVJ2L2z.js

@@ -0,0 +1,74 @@
+const g = /* @__PURE__ */ new Set([
+  "svg",
+  "g",
+  "path",
+  "rect",
+  "circle",
+  "ellipse",
+  "line",
+  "polyline",
+  "polygon",
+  "text",
+  "tspan",
+  "title",
+  "desc",
+  "defs",
+  "symbol",
+  "use",
+  "lineargradient",
+  "radialgradient",
+  "stop",
+  "clippath",
+  "mask"
+]), p = /^(javascript|data|vbscript):/i, h = /url\s*\(\s*['"]?\s*(?!#)/i;
+let v = 0;
+function E(r, e) {
+  const t = r.toLowerCase();
+  if (t.startsWith("on")) return !1;
+  const c = e.replace(/[\s\u0000-\u001f]+/g, "");
+  return p.test(c) ? !1 : t === "href" || t === "xlink:href" ? c.startsWith("#") : !h.test(e);
+}
+function u(r) {
+  Array.from(r.children).forEach((e) => {
+    if (!g.has(e.localName.toLowerCase())) {
+      console.warn(`[svg-seguro] Elemento <${e.localName}> não permitido foi descartado pela allowlist.`), e.remove();
+      return;
+    }
+    u(e);
+  }), Array.from(r.attributes).forEach((e) => {
+    E(e.name, e.value) || r.removeAttribute(e.name);
+  });
+}
+function A(r) {
+  const e = `ui-svg-${++v}-`, t = /* @__PURE__ */ new Map();
+  if (r.querySelectorAll("[id]").forEach((o) => {
+    const n = o.getAttribute("id");
+    if (n) {
+      const s = `${e}${n}`;
+      t.set(n, s), o.setAttribute("id", s);
+    }
+  }), t.size === 0) return;
+  const f = [r, ...Array.from(r.querySelectorAll("*"))], m = /url\(\s*#([a-zA-Z0-9_\-:]+)\s*\)/g;
+  f.forEach((o) => {
+    Array.from(o.attributes).forEach((n) => {
+      const s = n.name.toLowerCase(), i = n.value;
+      if ((s === "href" || s === "xlink:href") && i.startsWith("#")) {
+        const a = i.slice(1);
+        t.has(a) && o.setAttribute(n.name, `#${t.get(a)}`);
+      } else if (i.includes("url(#")) {
+        const a = i.replace(m, (d, l) => t.has(l) ? `url(#${t.get(l)})` : d);
+        a !== i && o.setAttribute(n.name, a);
+      }
+    });
+  });
+}
+function y(r) {
+  if (!r || typeof r != "string" || typeof document > "u") return null;
+  const e = document.createElement("template");
+  e.innerHTML = r.trim();
+  const t = e.content.querySelector("svg");
+  return t ? (u(t), A(t), t) : (r.trim().length > 0 && console.warn("[svg-seguro] Código descartado: nenhum elemento <svg> válido encontrado."), null);
+}
+export {
+  y as h
+};

package/dist/svg-seguro-J2RM1Ssf.cjs

@@ -0,0 +1 @@
+"use strict";const g=new Set(["svg","g","path","rect","circle","ellipse","line","polyline","polygon","text","tspan","title","desc","defs","symbol","use","lineargradient","radialgradient","stop","clippath","mask"]),p=/^(javascript|data|vbscript):/i,h=/url\s*\(\s*['"]?\s*(?!#)/i;let v=0;function E(r,e){const t=r.toLowerCase();if(t.startsWith("on"))return!1;const c=e.replace(/[\s\u0000-\u001f]+/g,"");return p.test(c)?!1:t==="href"||t==="xlink:href"?c.startsWith("#"):!h.test(e)}function u(r){Array.from(r.children).forEach(e=>{if(!g.has(e.localName.toLowerCase())){console.warn(`[svg-seguro] Elemento <${e.localName}> não permitido foi descartado pela allowlist.`),e.remove();return}u(e)}),Array.from(r.attributes).forEach(e=>{E(e.name,e.value)||r.removeAttribute(e.name)})}function A(r){const e=`ui-svg-${++v}-`,t=new Map;if(r.querySelectorAll("[id]").forEach(o=>{const n=o.getAttribute("id");if(n){const s=`${e}${n}`;t.set(n,s),o.setAttribute("id",s)}}),t.size===0)return;const f=[r,...Array.from(r.querySelectorAll("*"))],m=/url\(\s*#([a-zA-Z0-9_\-:]+)\s*\)/g;f.forEach(o=>{Array.from(o.attributes).forEach(n=>{const s=n.name.toLowerCase(),i=n.value;if((s==="href"||s==="xlink:href")&&i.startsWith("#")){const a=i.slice(1);t.has(a)&&o.setAttribute(n.name,`#${t.get(a)}`)}else if(i.includes("url(#")){const a=i.replace(m,(d,l)=>t.has(l)?`url(#${t.get(l)})`:d);a!==i&&o.setAttribute(n.name,a)}})})}function S(r){if(!r||typeof r!="string"||typeof document>"u")return null;const e=document.createElement("template");e.innerHTML=r.trim();const t=e.content.querySelector("svg");return t?(u(t),A(t),t):(r.trim().length>0&&console.warn("[svg-seguro] Código descartado: nenhum elemento <svg> válido encontrado."),null)}exports.higienizarSvg=S;