@thibezer/ui-components-kit 2.8.2 → 2.10.0

package/dist/mapa.cjs

@@ -1,19 +1,14 @@
-"use strict";var M=Object.defineProperty;var _=(n,o,t)=>o in n?M(n,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[o]=t;var a=(n,o,t)=>_(n,typeof o!="symbol"?o+"":o,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                 */const h=require("./leaflet-loader-94z5VsdY.cjs"),d=require("./leaflet-DcO7uRC-.cjs"),m=require("./ssr-safe-CiHD1adl.cjs"),C=":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 I(n){return{osm:{nome:"OpenStreetMap",layer:()=>n.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:()=>n.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:()=>n.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:()=>n.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 y extends m.SafeHTMLElement{constructor(){super();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=`
+"use strict";var I=Object.defineProperty;var z=(r,e,t)=>e in r?I(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var s=(r,e,t)=>z(r,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                 */const m=require("./leaflet-DcO7uRC-.cjs"),p=require("./ssr-safe-CiHD1adl.cjs"),y=require("./leaflet-loader-94z5VsdY.cjs"),_=":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 d(){return y.obterLeafletSincrono()??null}async function E(){return await y.carregarLeaflet()??null}function L(r){return{osm:{nome:"OpenStreetMap",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:()=>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:()=>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:()=>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"})}}}const u={lat:-23.55052,lng:-46.633308,zoom:13},w="#00f5a0",O="#3388ff",k=3,c=r=>Number.isFinite(r);function v(r,e,t){const i=parseFloat(r??""),o=parseFloat(e??""),a=parseInt(t??"",10);return{lat:c(i)&&Math.abs(i)<=90?i:u.lat,lng:c(o)&&Math.abs(o)<=180?o:u.lng,zoom:c(a)&&a>=0&&a<=22?a:u.zoom}}function P(r,e){const t=parseInt(r??"",10);return c(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,U=/^[a-z]{3,30}$/i;function T(r,e){const t=(r??"").trim();return R.test(t)||N.test(t)||U.test(t)?t:e}function D(r,e){const t=(r??"").split(",").map(i=>i.trim().toLowerCase()).filter(i=>e.includes(i));return t.length>0?t:["osm"]}function A(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"&&c(o)&&c(a)&&Math.abs(o)<=90&&Math.abs(a)<=180&&t.push([o,a])}return t}const G="Mapa",H=`
+  <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 M extends p.SafeHTMLElement{constructor(){super();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>
-        ${d.leafletCss}
-        ${C}
+        ${m.leafletCss}
+        ${_}
       </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")}static get observedAttributes(){return["lat","lng","zoom"]}connectedCallback(){this._initTimer=window.setTimeout(()=>{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)}attributeChangedCallback(t,e,r){if(e!==r&&this.mapInstance){const i=parseFloat(this.getAttribute("lat")||"-23.550520"),s=parseFloat(this.getAttribute("lng")||"-46.633308"),c=parseInt(this.getAttribute("zoom")||"13",10);!isNaN(i)&&!isNaN(s)&&this.mapInstance.setView([i,s],c)}}async initMap(){var g;if(this.mapInstance)return;const t=await h.carregarLeaflet();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>
-      `;return}const e=I(t),r=parseFloat(this.getAttribute("lat")||"-23.550520"),i=parseFloat(this.getAttribute("lng")||"-46.633308"),s=parseInt(this.getAttribute("zoom")||"13",10);this.mapInstance=t.map(this.mapContainer).setView([r,i],s);const c=this.getAttribute("camadas");let l=["osm"];c&&(l=c.split(",").map(p=>p.trim().toLowerCase()).filter(p=>e[p]),l.length===0&&(l=["osm"]));const f=e[l[0]].layer();if(f.addTo(this.mapInstance),l.length>1){const p={};p[e[l[0]].nome]=f;for(let u=1;u<l.length;u++){const b=l[u];p[e[b].nome]=e[b].layer()}t.control.layers(p,void 0,{position:"topright"}).addTo(this.mapInstance)}(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(()=>{this.mapInstance&&this.mapInstance.invalidateSize()},60)}),this._resizeObserver.observe(this.mapContainer)),setTimeout(()=>{this.mapInstance&&this.mapInstance.invalidateSize()},100),this.dispatchEvent(new CustomEvent("ui-mapa-pronto",{detail:{map:this.mapInstance},bubbles:!0,composed:!0}))}getMap(){return this.mapInstance}}m.definirCustomElement("ui-mapa",y);class v extends m.SafeHTMLElement{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()})}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)}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)}attributeChangedCallback(t,e,r){if(e!==r&&this.marker){if(t==="lat"||t==="lng"){const i=d.parseCoordenada(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.obterLeafletSincrono()||window.L;i&&this.marker.setIcon(this.createIcon(i))}}}createPopupContent(t){const e=document.createElement("div");return e.className="ui-mapa-popup",e.textContent=t,e}createIcon(t){const e=this.getAttribute("cor")||"#00f5a0";if((this.getAttribute("formato")||"pin")==="circle"){const s=`<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:s,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]})}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=d.parseCoordenada(this.getAttribute("lat"),this.getAttribute("lng"));if(!r)return;const i=this.getAttribute("titulo"),s=h.obterLeafletSincrono()||window.L;s&&(this.marker=s.marker([r.lat,r.lon],{icon:this.createIcon(s)}),this.marker&&(i&&this.marker.bindPopup(this.createPopupContent(i)),this.marker.addTo(e)))}}m.definirCustomElement("ui-mapa-marcador",v);class T extends m.SafeHTMLElement{constructor(){super(...arguments);a(this,"polyline",null);a(this,"_initTimer",null);a(this,"_retryCount",0)}static get observedAttributes(){return["pontos","cor","espessura"]}connectedCallback(){this._initTimer=setTimeout(()=>this.initLinha(),0)}disconnectedCallback(){this._initTimer&&(clearTimeout(this._initTimer),this._initTimer=null),this.polyline&&(this.polyline.remove(),this.polyline=null)}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)}))}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[]}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),s=h.obterLeafletSincrono()||window.L;s&&(this.polyline=s.polyline(this.getPontos(),{color:r,weight:i}),this.polyline&&this.polyline.addTo(e))}}m.definirCustomElement("ui-mapa-linha",T);exports.UIMapa=y;exports.UIMapaLinha=T;exports.UIMapaMarcador=v;
+    `,this.mapContainer=t.getElementById("map-container"),this.sincronizarRotulo()}static get observedAttributes(){return["lat","lng","zoom","aria-label"]}connectedCallback(){this.sincronizarRotulo(),this._initTimer=setTimeout(()=>{this._initTimer=null,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)}attributeChangedCallback(t,i,o){if(i!==o){if(t==="aria-label"){this.sincronizarRotulo();return}if(this.mapInstance){const a=v(this.getAttribute("lat"),this.getAttribute("lng"),this.getAttribute("zoom"));this.mapInstance.setView([a.lat,a.lng],a.zoom)}}}sincronizarRotulo(){var t;(t=this.mapContainer)==null||t.setAttribute("aria-label",this.getAttribute("aria-label")||G)}async initMap(){var b;if(this.mapInstance)return;const t=await E();if(!this.isConnected||this.mapInstance)return;if(!t){this.mapContainer.innerHTML=H;return}const i=L(t),o=v(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=D(this.getAttribute("camadas"),Object.keys(i)),f=i[n[0]].layer();if(f.addTo(a),n.length>1){const l={[i[n[0]].nome]:f};for(const g of n.slice(1))l[i[g].nome]=i[g].layer();t.control.layers(l,void 0,{position:"topright"}).addTo(a)}(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(()=>{var l;return(l=this.mapInstance)==null?void 0:l.invalidateSize()},60)}),this._resizeObserver.observe(this.mapContainer)),this._invalidarTimer=setTimeout(()=>{var l;return(l=this.mapInstance)==null?void 0:l.invalidateSize()},100),this.dispatchEvent(new CustomEvent("ui-mapa-pronto",{detail:{map:a},bubbles:!0,composed:!0}))}getMap(){return this.mapInstance}}p.definirCustomElement("ui-mapa",M);const h="http://www.w3.org/2000/svg";function V(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 $(r){const e=document.createElementNS(h,"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(h,"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(h,"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 F(r,e,t){return t==="circle"?r.divIcon({className:"ui-mapa-div-marker",html:V(e),iconSize:[14,14],iconAnchor:[7,7]}):r.divIcon({className:"ui-mapa-svg-pin",html:$(e),iconSize:[24,32],iconAnchor:[12,32],popupAnchor:[0,-30]})}const j=30,q=50;class C{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(q);return}this.tentativas=0,this.opcoes.aoMapa(t)}}class S extends p.SafeHTMLElement{constructor(){super(...arguments);s(this,"marker",null);s(this,"vinculo",new C(this,{rotulo:"ui-mapa-marcador",aoMapa:t=>this.criarMarcador(t),aoPerderMapa:()=>this.removerMarcador()}))}static get observedAttributes(){return["lat","lng","titulo","cor","formato"]}connectedCallback(){this.vinculo.conectar()}disconnectedCallback(){this.vinculo.desconectar(),this.removerMarcador()}attributeChangedCallback(t,i,o){if(!(i===o||!this.marker)){if(t==="lat"||t==="lng"){const a=m.parseCoordenada(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=d();a&&this.marker.setIcon(this.createIcon(a))}}}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}createIcon(t){const i=this.getAttribute("formato")==="circle"?"circle":"pin";return F(t,T(this.getAttribute("cor"),w),i)}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=m.parseCoordenada(this.getAttribute("lat"),this.getAttribute("lng"));if(!i)return;const o=d();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()}}p.definirCustomElement("ui-mapa-marcador",S);class x extends p.SafeHTMLElement{constructor(){super(...arguments);s(this,"polyline",null);s(this,"vinculo",new C(this,{rotulo:"ui-mapa-linha",aoMapa:t=>this.criarLinha(t),aoPerderMapa:()=>this.removerLinha()}))}static get observedAttributes(){return["pontos","cor","espessura"]}connectedCallback(){this.vinculo.conectar()}disconnectedCallback(){this.vinculo.desconectar(),this.removerLinha()}attributeChangedCallback(t,i,o){i===o||!this.polyline||(t==="pontos"?this.polyline.setLatLngs(A(this.getAttribute("pontos"))):this.polyline.setStyle(this.estilo()))}estilo(){return{color:T(this.getAttribute("cor"),O),weight:P(this.getAttribute("espessura"),k)}}removerLinha(){var t;(t=this.polyline)==null||t.remove(),this.polyline=null}criarLinha(t){this.removerLinha();const i=d();i&&(this.polyline=i.polyline(A(this.getAttribute("pontos")),this.estilo()).addTo(t))}}p.definirCustomElement("ui-mapa-linha",x);exports.UIMapa=M;exports.UIMapaLinha=x;exports.UIMapaMarcador=S;

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,