@thibezer/ui-components-kit 2.6.1 → 2.8.0

package/dist/mapa.js

@@ -1,111 +1,166 @@
-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);
+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);
 /* empty css               */
-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) {
+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) {
   return {
     osm: {
       nome: "OpenStreetMap",
-      layer: () => s.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
+      layer: () => r.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: () => s.tileLayer("https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}", {
+      layer: () => r.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: () => s.tileLayer("https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png", {
+      layer: () => r.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: () => s.tileLayer("https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}", {
+      layer: () => r.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"
       })
     }
   };
 }
-class C extends d {
+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 {
   constructor() {
     super();
-    a(this, "mapContainer");
-    a(this, "mapInstance", null);
-    a(this, "_initTimer", null);
-    a(this, "_resizeObserver");
-    a(this, "_resizeTimer");
+    s(this, "mapContainer");
+    s(this, "mapInstance", null);
+    s(this, "_initTimer", null);
+    s(this, "_resizeObserver");
+    s(this, "_resizeTimer");
+    s(this, "_invalidarTimer");
     const t = this.attachShadow({ mode: "open" });
     t.innerHTML = `
       <style>
-        ${x}
-        ${M}
+        ${z}
+        ${_}
       </style>
-      <div class="ui-mapa-container" id="map-container"></div>
+      <div class="ui-mapa-container" id="map-container" role="region"></div>
       <div style="display: none;"><slot></slot></div>
-    `, this.mapContainer = t.getElementById("map-container");
+    `, this.mapContainer = t.getElementById("map-container"), this.sincronizarRotulo();
   }
   static get observedAttributes() {
-    return ["lat", "lng", "zoom"];
+    return ["lat", "lng", "zoom", "aria-label"];
   }
   connectedCallback() {
-    this._initTimer = window.setTimeout(() => {
-      this.initMap();
+    this.sincronizarRotulo(), this._initTimer = setTimeout(() => {
+      this._initTimer = null, this.initMap();
     }, 0);
   }
   disconnectedCallback() {
-    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);
+    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);
   }
-  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);
+  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);
+      }
     }
   }
+  /** 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 g;
+    var b;
     if (this.mapInstance) return;
-    const t = await _();
+    const t = await E();
+    if (!this.isConnected || this.mapInstance) return;
     if (!t) {
-      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>
-      `;
+      this.mapContainer.innerHTML = V;
       return;
     }
-    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);
+    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);
     }
-    (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(() => {
+    (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(() => {
       this._resizeTimer && clearTimeout(this._resizeTimer), this._resizeTimer = setTimeout(() => {
-        this.mapInstance && this.mapInstance.invalidateSize();
+        var c;
+        return (c = this.mapInstance) == null ? void 0 : c.invalidateSize();
       }, 60);
-    }), this._resizeObserver.observe(this.mapContainer)), setTimeout(() => {
-      this.mapInstance && this.mapInstance.invalidateSize();
+    }), this._resizeObserver.observe(this.mapContainer)), this._invalidarTimer = setTimeout(() => {
+      var c;
+      return (c = this.mapInstance) == null ? void 0 : c.invalidateSize();
     }, 100), this.dispatchEvent(new CustomEvent("ui-mapa-pronto", {
-      detail: { map: this.mapInstance },
+      detail: { map: a },
       bubbles: !0,
       composed: !0
     }));
@@ -114,151 +169,168 @@ class C extends d {
     return this.mapInstance;
   }
 }
-u("ui-mapa", C);
-class I extends d {
+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 {
   constructor() {
     super(...arguments);
-    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();
-    });
+    s(this, "marker", null);
+    s(this, "vinculo", new M(this, {
+      rotulo: "ui-mapa-marcador",
+      aoMapa: (t) => this.criarMarcador(t),
+      aoPerderMapa: () => this.removerMarcador()
+    }));
   }
   static get observedAttributes() {
     return ["lat", "lng", "titulo", "cor", "formato"];
   }
   connectedCallback() {
-    this._parentMap = this.closest("ui-mapa"), this._parentMap && this._parentMap.addEventListener("ui-mapa-pronto", this.handleMapReady), this._initTimer = setTimeout(() => this.initMarker(), 0);
+    this.vinculo.conectar();
   }
   disconnectedCallback() {
-    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);
+    this.vinculo.desconectar(), this.removerMarcador();
   }
-  attributeChangedCallback(t, e, r) {
-    if (e !== r && this.marker) {
+  attributeChangedCallback(t, i, o) {
+    if (!(i === o || !this.marker)) {
       if (t === "lat" || t === "lng") {
-        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));
+        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));
       }
     }
   }
+  removerMarcador() {
+    var t;
+    (t = this.marker) == null || t.remove(), this.marker = null;
+  }
   createPopupContent(t) {
-    const e = document.createElement("div");
-    return e.className = "ui-mapa-popup", e.textContent = t, e;
+    const i = document.createElement("div");
+    return i.className = "ui-mapa-popup", i.textContent = t, i;
   }
   createIcon(t) {
-    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]
-    });
+    const i = this.getAttribute("formato") === "circle" ? "circle" : "pin";
+    return B(t, T(this.getAttribute("cor"), L), i);
   }
-  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)));
+  /** 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"));
+  }
+  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();
   }
 }
-u("ui-mapa-marcador", I);
-class A extends d {
+m("ui-mapa-marcador", X);
+class W extends d {
   constructor() {
     super(...arguments);
-    a(this, "polyline", null);
-    a(this, "_initTimer", null);
-    a(this, "_retryCount", 0);
+    s(this, "polyline", null);
+    s(this, "vinculo", new M(this, {
+      rotulo: "ui-mapa-linha",
+      aoMapa: (t) => this.criarLinha(t),
+      aoPerderMapa: () => this.removerLinha()
+    }));
   }
   static get observedAttributes() {
     return ["pontos", "cor", "espessura"];
   }
   connectedCallback() {
-    this._initTimer = setTimeout(() => this.initLinha(), 0);
+    this.vinculo.conectar();
   }
   disconnectedCallback() {
-    this._initTimer && (clearTimeout(this._initTimer), this._initTimer = null), this.polyline && (this.polyline.remove(), this.polyline = null);
+    this.vinculo.desconectar(), this.removerLinha();
   }
-  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)
-    }));
+  attributeChangedCallback(t, i, o) {
+    i === o || !this.polyline || (t === "pontos" ? this.polyline.setLatLngs(y(this.getAttribute("pontos"))) : this.polyline.setStyle(this.estilo()));
   }
-  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 [];
+  estilo() {
+    return {
+      color: T(this.getAttribute("cor"), O),
+      weight: P(this.getAttribute("espessura"), k)
+    };
   }
-  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));
+  removerLinha() {
+    var t;
+    (t = this.polyline) == null || t.remove(), this.polyline = null;
+  }
+  criarLinha(t) {
+    this.removerLinha();
+    const i = h();
+    i && (this.polyline = i.polyline(y(this.getAttribute("pontos")), this.estilo()).addTo(t));
   }
 }
-u("ui-mapa-linha", A);
+m("ui-mapa-linha", W);
 export {
-  C as UIMapa,
-  A as UIMapaLinha,
-  I as UIMapaMarcador
+  H as UIMapa,
+  W as UIMapaLinha,
+  X as UIMapaMarcador
 };

package/dist/modal.cjs

@@ -1 +1 @@
-"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;
+"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;

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-DBOtSTbR.js";
+import { U as e, a as l, b as s, r as t } from "./ui-modal-BkYvNP0G.js";
 export {
   e as UIDialog,
   l as UIModal,

package/dist/opcoes-CJYLi6kd.js

@@ -0,0 +1,12 @@
+function r(o, c, e) {
+  const n = (o ?? "").trim().toLowerCase();
+  return c.includes(n) ? n : e;
+}
+function t(o, c) {
+  const e = (o ?? "").trim().toLowerCase();
+  return c.includes(e) ? e : null;
+}
+export {
+  t as a,
+  r as e
+};

package/dist/opcoes-CkyDxBuQ.cjs

@@ -0,0 +1 @@
+"use strict";function r(e,o,c){const n=(e??"").trim().toLowerCase();return o.includes(n)?n:c}function s(e,o){const c=(e??"").trim().toLowerCase();return o.includes(c)?c:null}exports.escolherOpcao=r;exports.escolherOpcaoOpcional=s;

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-C_gtaojZ.cjs");require("./ui-botao-BOOnP8ds.cjs");require("./ui-switch-D7iPKDj-.cjs");require("./ui-segmented-D6b6zxVs.cjs");require("./ui-campo-texto-Cnn2UAkS.cjs");require("./ui-paleta-ferramentas-Ccmo-rB5.cjs");require("./ui-badge-BxT-sDmV.cjs");require("./ui-card-B86lJXTP.cjs");require("./ui-modal-CvGFGh1h.cjs");require("./ui-skeleton-elhKIh2B.cjs");require("./ui-toast-DGTZKne5.cjs");require("./ui-tabela-propriedades-BecPqC-e.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-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;

package/dist/register.js

@@ -1,22 +1,21 @@
 import { i as r } from "./ssr-safe-5cWfJP-s.js";
-import { i } from "./zero-js-triggers-C_KrvFOQ.js";
-import "./ui-botao-DfqSivHl.js";
-import "./ui-switch-BcOqOkiV.js";
-import "./ui-segmented-wUraId2e.js";
-import "./ui-campo-texto-Uu2dJE_0.js";
-import "./ui-paleta-ferramentas-DNN5i6nL.js";
-import "./ui-badge-C0eKBI8E.js";
-import "./ui-card-C_o5_0cB.js";
-import "./ui-modal-DBOtSTbR.js";
-import "./ui-skeleton-DI4_9WOX.js";
-import "./ui-toast-Bp_NlM5G.js";
-import "./ui-tabela-propriedades-BokvDD3b.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";
-function w() {
+function d() {
   r && i();
 }
 r && i();
 export {
   r as isBrowser,
-  w as registrarTodosComponentes
+  d as registrarTodosComponentes
 };

package/dist/tabela.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                 */const r=require("./ui-tabela-propriedades-BecPqC-e.cjs");exports.GerenciadorValoresPropriedades=r.GerenciadorValoresPropriedades;exports.TabelaOrquestradorDados=r.TabelaOrquestradorDados;exports.TabelaRemotaController=r.TabelaRemotaController;exports.TabelaSelecaoController=r.TabelaSelecaoController;exports.UITabela=r.UITabela;exports.UITabelaPropriedades=r.UITabelaPropriedades;exports.abrirPopoverRedimensionamento=r.abrirPopoverRedimensionamento;exports.alternarCategoria=r.alternarCategoria;exports.alternarDirecaoOrdenacao=r.alternarDirecaoOrdenacao;exports.alternarPosicionamentoFlutuante=r.alternarPosicionamentoFlutuante;exports.aplicarOrdenacaoTabela=r.aplicarOrdenacaoTabela;exports.atualizarCampoVisual=r.atualizarCampoVisual;exports.avaliarExpressaoMatematica=r.avaliarExpressaoMatematica;exports.buscarLinhaPropriedade=r.buscarLinhaPropriedade;exports.colapsarTodasCategorias=r.colapsarTodasCategorias;exports.conectarArrastoFlutuante=r.conectarArrastoFlutuante;exports.conectarPainelControles=r.conectarPainelControles;exports.criarControladorSplitter=r.criarControladorSplitter;exports.criarEditorAcao=r.criarEditorAcao;exports.criarEditorBooleano=r.criarEditorBooleano;exports.criarEditorCorCad=r.criarEditorCorCad;exports.criarEditorCorSwatch=r.criarEditorCorSwatch;exports.criarEditorLinetype=r.criarEditorLinetype;exports.criarEditorLineweight=r.criarEditorLineweight;exports.criarEditorNumero=r.criarEditorNumero;exports.criarEditorReadonly=r.criarEditorReadonly;exports.criarEditorSelecao=r.criarEditorSelecao;exports.criarEditorTexto=r.criarEditorTexto;exports.criarEditorValor=r.criarEditorValor;exports.criarLinhaPropriedade=r.criarLinhaPropriedade;exports.executarOrquestracaoCorpo=r.executarOrquestracaoCorpo;exports.executarOrquestracaoHeader=r.executarOrquestracaoHeader;exports.executarRedimensionamentoColuna=r.executarRedimensionamentoColuna;exports.executarRedimensionamentoTeclado=r.executarRedimensionamentoTeclado;exports.exibirPromptPopoverRedimensionamento=r.exibirPromptPopoverRedimensionamento;exports.expandirTodasCategorias=r.expandirTodasCategorias;exports.focarProximoEditor=r.focarProximoEditor;exports.formatWidth=r.formatWidth;exports.getAlignmentClass=r.getAlignmentClass;exports.getRowHeight=r.getRowHeight;exports.getTextAlign=r.getTextAlign;exports.inicializarScrollVirtualizacao=r.inicializarScrollVirtualizacao;exports.iniciarRedimensionamentoColuna=r.iniciarRedimensionamentoColuna;exports.interpretarIndice=r.interpretarIndice;exports.limitarLarguraColuna=r.limitarLarguraColuna;exports.localizarIndiceItem=r.localizarIndiceItem;exports.montarEstruturaDOM=r.montarEstruturaDOM;exports.normalizarTexto=r.normalizarTexto;exports.orquestrarEstruturaInicial=r.orquestrarEstruturaInicial;exports.proximaDensidade=r.proximaDensidade;exports.redimensionarColunaPorDelta=r.redimensionarColunaPorDelta;exports.registrarAtualizadorEditor=r.registrarAtualizadorEditor;exports.renderizarCategoriasETree=r.renderizarCategoriasETree;exports.renderizarCorpoTabela=r.renderizarCorpoTabela;exports.renderizarHeaderTabela=r.renderizarHeaderTabela;exports.renderizarSeletorTipos=r.renderizarSeletorTipos;exports.sincronizarAtributosTabela=r.sincronizarAtributosTabela;exports.sincronizarPainelControles=r.sincronizarPainelControles;exports.sincronizarSelect=r.sincronizarSelect;exports.tratarMudancaAtributoTabela=r.tratarMudancaAtributoTabela;exports.valoresIguais=r.valoresIguais;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                 */const r=require("./ui-tabela-propriedades-DzZlyNZ_.cjs");exports.GerenciadorValoresPropriedades=r.GerenciadorValoresPropriedades;exports.TabelaOrquestradorDados=r.TabelaOrquestradorDados;exports.TabelaRemotaController=r.TabelaRemotaController;exports.TabelaSelecaoController=r.TabelaSelecaoController;exports.UITabela=r.UITabela;exports.UITabelaPropriedades=r.UITabelaPropriedades;exports.abrirPopoverRedimensionamento=r.abrirPopoverRedimensionamento;exports.alternarCategoria=r.alternarCategoria;exports.alternarDirecaoOrdenacao=r.alternarDirecaoOrdenacao;exports.alternarPosicionamentoFlutuante=r.alternarPosicionamentoFlutuante;exports.aplicarOrdenacaoTabela=r.aplicarOrdenacaoTabela;exports.atualizarCampoVisual=r.atualizarCampoVisual;exports.avaliarExpressaoMatematica=r.avaliarExpressaoMatematica;exports.buscarLinhaPropriedade=r.buscarLinhaPropriedade;exports.colapsarTodasCategorias=r.colapsarTodasCategorias;exports.conectarArrastoFlutuante=r.conectarArrastoFlutuante;exports.conectarPainelControles=r.conectarPainelControles;exports.criarControladorSplitter=r.criarControladorSplitter;exports.criarEditorAcao=r.criarEditorAcao;exports.criarEditorBooleano=r.criarEditorBooleano;exports.criarEditorCorCad=r.criarEditorCorCad;exports.criarEditorCorSwatch=r.criarEditorCorSwatch;exports.criarEditorLinetype=r.criarEditorLinetype;exports.criarEditorLineweight=r.criarEditorLineweight;exports.criarEditorNumero=r.criarEditorNumero;exports.criarEditorReadonly=r.criarEditorReadonly;exports.criarEditorSelecao=r.criarEditorSelecao;exports.criarEditorTexto=r.criarEditorTexto;exports.criarEditorValor=r.criarEditorValor;exports.criarLinhaPropriedade=r.criarLinhaPropriedade;exports.executarOrquestracaoCorpo=r.executarOrquestracaoCorpo;exports.executarOrquestracaoHeader=r.executarOrquestracaoHeader;exports.executarRedimensionamentoColuna=r.executarRedimensionamentoColuna;exports.executarRedimensionamentoTeclado=r.executarRedimensionamentoTeclado;exports.exibirPromptPopoverRedimensionamento=r.exibirPromptPopoverRedimensionamento;exports.expandirTodasCategorias=r.expandirTodasCategorias;exports.focarProximoEditor=r.focarProximoEditor;exports.formatWidth=r.formatWidth;exports.getAlignmentClass=r.getAlignmentClass;exports.getRowHeight=r.getRowHeight;exports.getTextAlign=r.getTextAlign;exports.inicializarScrollVirtualizacao=r.inicializarScrollVirtualizacao;exports.iniciarRedimensionamentoColuna=r.iniciarRedimensionamentoColuna;exports.interpretarIndice=r.interpretarIndice;exports.limitarLarguraColuna=r.limitarLarguraColuna;exports.localizarIndiceItem=r.localizarIndiceItem;exports.montarEstruturaDOM=r.montarEstruturaDOM;exports.normalizarTexto=r.normalizarTexto;exports.orquestrarEstruturaInicial=r.orquestrarEstruturaInicial;exports.proximaDensidade=r.proximaDensidade;exports.redimensionarColunaPorDelta=r.redimensionarColunaPorDelta;exports.registrarAtualizadorEditor=r.registrarAtualizadorEditor;exports.renderizarCategoriasETree=r.renderizarCategoriasETree;exports.renderizarCorpoTabela=r.renderizarCorpoTabela;exports.renderizarHeaderTabela=r.renderizarHeaderTabela;exports.renderizarSeletorTipos=r.renderizarSeletorTipos;exports.sincronizarAtributosTabela=r.sincronizarAtributosTabela;exports.sincronizarPainelControles=r.sincronizarPainelControles;exports.sincronizarSelect=r.sincronizarSelect;exports.tratarMudancaAtributoTabela=r.tratarMudancaAtributoTabela;exports.valoresIguais=r.valoresIguais;

package/dist/tabela.js

@@ -1,5 +1,5 @@
 /* empty css               */
-import { G as o, T as i, a as s, b as t, U as n, c as l, d, e as c, f as u, g as m, h as p, i as C, j as T, k as E, l as b, m as g, n as x, o as z, p as P, q as R, r as A, s as I, t as S, u as h, v as O, w as D, x as L, y as q, z as v, A as V, B as f, C as w, D as H, E as M, F as y, H as F, I as U, J as B, K as G, L as N, M as W, N as j, O as k, P as J, Q as K, R as Q, S as X, V as Y, W as Z, X as _, Y as $, Z as aa, _ as ra, $ as ea, a0 as oa, a1 as ia, a2 as sa, a3 as ta, a4 as na, a5 as la, a6 as da } from "./ui-tabela-propriedades-BokvDD3b.js";
+import { G as o, T as i, a as s, b as t, U as n, c as l, d, e as c, f as u, g as m, h as p, i as C, j as T, k as E, l as b, m as g, n as x, o as z, p as P, q as R, r as A, s as I, t as S, u as h, v as O, w as D, x as L, y as q, z as v, A as V, B as f, C as w, D as H, E as M, F as y, H as F, I as U, J as B, K as G, L as N, M as W, N as j, O as k, P as J, Q as K, R as Q, S as X, V as Y, W as Z, X as _, Y as $, Z as aa, _ as ra, $ as ea, a0 as oa, a1 as ia, a2 as sa, a3 as ta, a4 as na, a5 as la, a6 as da } from "./ui-tabela-propriedades-D9Echt2X.js";
 export {
   o as GerenciadorValoresPropriedades,
   i as TabelaOrquestradorDados,