@thibezer/ui-components-kit 1.0.0

package/dist/camadas.cjs

@@ -0,0 +1,296 @@
+"use strict";var Be=Object.defineProperty;var qe=(a,i,e)=>i in a?Be(a,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[i]=e;var y=(a,i,e)=>qe(a,typeof i!="symbol"?i+"":i,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                 */const j=require("./ssr-safe-CiHD1adl.cjs"),De=require("./listener-bag-D5omxZ9h.cjs"),ne=require("./seletor-mapa-base.cjs"),m={camadas:`<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
+    <polyline points="2 17 12 22 22 17"></polyline>
+    <polyline points="2 12 12 17 22 12"></polyline>
+  </svg>`,inspecao:`<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="11" cy="11" r="8"></circle>
+    <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+  </svg>`,equipe:`<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
+    <circle cx="9" cy="7" r="4"></circle>
+    <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
+    <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
+  </svg>`,olhoAberto:`<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
+    <circle cx="12" cy="12" r="3"></circle>
+  </svg>`,olhoFechado:`<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path>
+    <line x1="1" y1="1" x2="23" y2="23"></line>
+  </svg>`,cadeadoTrancado:`<svg viewBox="0 0 24 24" width="11" height="11" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
+    <path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
+  </svg>`,cadeadoAberto:`<svg viewBox="0 0 24 24" width="11" height="11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
+    <path d="M7 11V7a5 5 0 0 1 9.9-1"></path>
+  </svg>`,chevronDir:`<svg viewBox="0 0 24 24" width="10" height="10" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="9 18 15 12 9 6"></polyline>
+  </svg>`,dragHandle:`<svg viewBox="0 0 24 24" width="10" height="10" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round">
+    <line x1="8" y1="6" x2="8" y2="6.01"></line>
+    <line x1="16" y1="6" x2="16" y2="6.01"></line>
+    <line x1="8" y1="12" x2="8" y2="12.01"></line>
+    <line x1="16" y1="12" x2="16" y2="12.01"></line>
+    <line x1="8" y1="18" x2="8" y2="18.01"></line>
+    <line x1="16" y1="18" x2="16" y2="18.01"></line>
+  </svg>`,alvoEnquadrar:`<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="12" cy="12" r="10"></circle>
+    <line x1="12" y1="2" x2="12" y2="6"></line>
+    <line x1="12" y1="18" x2="12" y2="22"></line>
+    <line x1="2" y1="12" x2="6" y2="12"></line>
+    <line x1="18" y1="12" x2="22" y2="12"></line>
+  </svg>`,engrenagem:`<svg viewBox="0 0 24 24" width="11" height="11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="12" cy="12" r="3"></circle>
+    <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
+  </svg>`,mais:`<svg viewBox="0 0 24 24" width="11" height="11" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="12" y1="5" x2="12" y2="19"></line>
+    <line x1="5" y1="12" x2="19" y2="12"></line>
+  </svg>`,lixeira:`<svg viewBox="0 0 24 24" width="11" height="11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="3 6 5 6 21 6"></polyline>
+    <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
+  </svg>`,fechar:`<svg viewBox="0 0 24 24" width="11" height="11" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+    <line x1="18" y1="6" x2="6" y2="18"></line>
+    <line x1="6" y1="6" x2="18" y2="18"></line>
+  </svg>`,busca:`<svg viewBox="0 0 24 24" width="11" height="11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="11" cy="11" r="8"></circle>
+    <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+  </svg>`,recolherPainel:`<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="13 17 18 12 13 7"></polyline>
+    <polyline points="6 17 11 12 6 7"></polyline>
+  </svg>`,expandirPainel:`<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
+    <polyline points="11 17 6 12 11 7"></polyline>
+    <polyline points="18 17 13 12 18 7"></polyline>
+  </svg>`,reguaMetrica:`<svg viewBox="0 0 24 24" width="10" height="10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M21.3 15.3l-9.6-9.6a1 1 0 0 0-1.4 0l-7 7a1 1 0 0 0 0 1.4l9.6 9.6a1 1 0 0 0 1.4 0l7-7a1 1 0 0 0 0-1.4z"></path>
+    <line x1="14.5" y1="8.5" x2="12" y2="11"></line>
+    <line x1="10.5" y1="12.5" x2="8" y2="15"></line>
+  </svg>`,moverPasta:`<svg viewBox="0 0 24 24" width="11" height="11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path>
+  </svg>`,mapa:`<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <polygon points="1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6"></polygon>
+    <line x1="8" y1="2" x2="8" y2="18"></line>
+    <line x1="16" y1="6" x2="16" y2="22"></line>
+  </svg>`,gradeCad:`<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+    <line x1="3" y1="9" x2="21" y2="9"></line>
+    <line x1="3" y1="15" x2="21" y2="15"></line>
+    <line x1="9" y1="3" x2="9" y2="21"></line>
+    <line x1="15" y1="3" x2="15" y2="21"></line>
+  </svg>`},Q=6378137;function le(a,i){if(!a||!i)return 0;const e=a[0]*Math.PI/180,t=a[1]*Math.PI/180,r=i[0]*Math.PI/180,o=i[1]*Math.PI/180,s=r-e,d=o-t,n=Math.sin(s/2)*Math.sin(s/2)+Math.cos(e)*Math.cos(r)*Math.sin(d/2)*Math.sin(d/2);return Q*2*Math.atan2(Math.sqrt(n),Math.sqrt(1-n))}function Y(a){if(!Array.isArray(a)||a.length<2)return 0;if(Array.isArray(a[0])&&Array.isArray(a[0][0]))return a.reduce((e,t)=>e+Y(t),0);let i=0;for(let e=0;e<a.length-1;e++){const t=a[e],r=a[e+1];Array.isArray(t)&&Array.isArray(r)&&t.length>=2&&r.length>=2&&(i+=le([t[0],t[1]],[r[0],r[1]]))}return i}function J(a){if(!Array.isArray(a)||a.length===0)return 0;if(Array.isArray(a[0])&&Array.isArray(a[0][0]))return a.reduce((r,o)=>r+J(o),0);const i=a.length;if(i<3)return 0;let e=0;for(let r=0;r<i;r++){const o=a[r],s=a[(r+1)%i],d=a[(r+2)%i];if(!Array.isArray(o)||!Array.isArray(s)||!Array.isArray(d))continue;const n=(s[1]-o[1])*(Math.PI/180),l=(s[0]-o[0])*(Math.PI/180),c=(d[1]-s[1])*(Math.PI/180),p=(d[0]-s[0])*(Math.PI/180);e+=n*p-l*c}const t=Math.abs(e*(Q*Q)/2);return isNaN(t)?0:t}function W(a){if(!a||a.length===0)return"";const i=a.filter(t=>t.type==="Polygon"||t.type==="MultiPolygon"||t.geometryType==="Polygon");if(i.length>0){const t=i.reduce((r,o)=>r+(J(o.coordinates)||0),0);return t>=1e4?`${(t/1e4).toLocaleString("pt-BR",{minimumFractionDigits:1,maximumFractionDigits:2})} ha`:`${Math.round(t).toLocaleString("pt-BR")} m²`}const e=a.filter(t=>t.type==="LineString"||t.type==="MultiLineString"||t.geometryType==="LineString");if(e.length>0){const t=e.reduce((r,o)=>r+(Y(o.coordinates)||0),0);return t>=1e3?`${(t/1e3).toLocaleString("pt-BR",{minimumFractionDigits:1,maximumFractionDigits:2})} km`:`${Math.round(t).toLocaleString("pt-BR")} m`}return""}function k(a){return a==null?"":String(a).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}const Te=/^(#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})|(?:rgb|hsl)a?\(\s*[\w.%\s,/+-]+\)|[a-z]{3,30})$/i;function P(a,i="#00E08A"){if(!a||typeof a!="string")return i;const e=a.trim();return Te.test(e)?e:i}function K(a){return Math.max(0,Math.min(255,Math.round(a))).toString(16).padStart(2,"0")}function Pe(a,i,e){const t=i/100,r=e/100,o=n=>(n+a/30)%12,s=t*Math.min(r,1-r),d=n=>r-s*Math.max(-1,Math.min(o(n)-3,Math.min(9-o(n),1)));return[d(0)*255,d(8)*255,d(4)*255]}function Oe(a,i="#000000"){if(!a||typeof a!="string")return i;const e=a.trim().toLowerCase(),t=/^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/.exec(e);if(t){const o=t[1];return o.length<=4?`#${o[0]}${o[0]}${o[1]}${o[1]}${o[2]}${o[2]}`:`#${o.slice(0,6)}`}const r=/^(rgb|hsl)a?\(([^)]+)\)$/.exec(e);if(r){const o=r[2].split(/[\s,/]+/).filter(Boolean).map(s=>parseFloat(s));if(o.length>=3&&o.slice(0,3).every(s=>!isNaN(s))){const[s,d,n]=o,[l,c,p]=r[1]==="rgb"?[s,d,n]:Pe(s,d,n);return`#${K(l)}${K(c)}${K(p)}`}}return i}function S(a,i,e){const t=a.querySelectorAll(`[${i}]`);for(let r=0;r<t.length;r++)if(t[r].getAttribute(i)===e)return t[r];return null}function de(a,i=80){let e=null;return(...t)=>{e&&clearTimeout(e),e=setTimeout(()=>{a(...t),e=null},i)}}function $(a,i){a.setAttribute("title",i),a.setAttribute("aria-label",i)}const X=[{id:"none",nome:"Sem Mapa",descricao:"Tela CAD neutra com grade quadriculada"},{id:"google_satelite_puro",nome:"Google Puro",descricao:"Satélite limpo sem ruas ou rótulos",thumbnailUrl:"https://images.unsplash.com/photo-1524661135-423995f22d0b?w=160&auto=format&fit=crop&q=80"},{id:"google_satelite",nome:"Google Híbrido",descricao:"Satélite com nomes de ruas e divisas",thumbnailUrl:"https://images.unsplash.com/photo-1524661135-423995f22d0b?w=160&auto=format&fit=crop&q=80"},{id:"satelite",nome:"Esri Satélite",descricao:"Imagens orbitais de alta resolução",thumbnailUrl:"https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=160&auto=format&fit=crop&q=80"},{id:"osm",nome:"OpenStreetMap",descricao:"Mapa viário e urbano colaborativo",thumbnailUrl:"https://images.unsplash.com/photo-1569336415962-a4bd9f69cd83?w=160&auto=format&fit=crop&q=80"},{id:"topografia",nome:"Topografia",descricao:"Curvas de nível e relevo sombreado",thumbnailUrl:"https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?w=160&auto=format&fit=crop&q=80"},{id:"dark",nome:"Dark Canvas",descricao:"Mapa escuro de alto contraste para CAD",thumbnailUrl:"https://images.unsplash.com/photo-1518709268805-4e9042af9f23?w=160&auto=format&fit=crop&q=80"}];function ce(a=X,i="satelite"){return!a||a.length===0?"":`
+    <div class="ui-basemap-section">
+      <div class="ui-basemap-title">Mapa Base</div>
+      <div class="ui-basemap-grid">
+        ${a.map(t=>{const r=i===t.id,o=k(t.id),s=k(t.nome),d=k(t.descricao||t.nome);let n="";return t.thumbnailUrl?n=`<img class="ui-basemap-preview" src="${k(t.thumbnailUrl)}" alt="" loading="lazy" referrerpolicy="no-referrer" data-basemap-thumb />`:n=`<div class="ui-basemap-preview-none">${m.gradeCad}</div>`,`
+        <div class="ui-basemap-card ${r?"active":""}" data-basemap-id="${o}" role="button" tabindex="0" aria-pressed="${r}" title="${d}">
+          ${n}
+          <span>${s}</span>
+        </div>
+      `}).join("")}
+      </div>
+    </div>
+  `}function ue(a,i,e){const t=i.filter(l=>e.has(l.id)),r=t.length>0,o=W(t),s=r?t.length:a.length,d=r?t.length>1?"selecionados":"selecionado":a.length>1?"camadas":"camada",n=a.map(l=>`<option value="${k(l.id)}">${k(l.name)}</option>`).join("");return`
+    <div class="ui-tree-footer">
+      <div class="ui-footer-left">
+        <span class="ui-footer-count" id="footer-count">${s}</span>
+        <span class="ui-footer-label" id="footer-label">${d}</span>
+        <span class="ui-footer-metric" style="display: ${o?"inline-flex":"none"};">${o?`${m.reguaMetrica} ${o}`:""}</span>
+      </div>
+      <div class="ui-footer-right">
+        <button class="ui-footer-btn ${r?"":"disabled"}" id="btn-footer-vis" title="Alternar visibilidade coletiva" aria-label="Alternar visibilidade coletiva" ${r?"":"disabled"}>
+          ${m.olhoAberto}
+        </button>
+
+        <button class="ui-footer-btn ${r?"":"disabled"}" id="btn-footer-lock" title="Alternar bloqueio coletivo" aria-label="Alternar bloqueio coletivo" ${r?"":"disabled"}>
+          ${m.cadeadoTrancado}
+        </button>
+
+        <div class="ui-footer-color-wrapper ${r?"":"disabled"}" title="Alterar cor dos selecionados">
+          <input type="color" id="input-footer-color" aria-label="Cor dos selecionados" value="#00E08A" class="ui-footer-color" ${r?"":"disabled"} />
+        </div>
+
+        <div class="ui-footer-move-wrapper ${r?"":"disabled"}" title="Mover selecionados para outra camada">
+          <select id="select-footer-move" aria-label="Mover selecionados para outra camada" class="ui-footer-select" ${r?"":"disabled"}>
+            <option value="" disabled selected>📂</option>
+            ${n}
+          </select>
+        </div>
+
+        <button class="ui-footer-btn" id="btn-footer-new-layer" title="Criar Nova Camada" aria-label="Criar Nova Camada">
+          ${m.mais}
+        </button>
+
+        <button class="ui-footer-btn ${r?"":"disabled"}" id="btn-footer-del" title="Excluir selecionados" aria-label="Excluir selecionados" ${r?"":"disabled"}>
+          ${m.lixeira}
+        </button>
+
+        ${r?`<button class="ui-footer-btn" id="btn-footer-clear" title="Limpar seleção" aria-label="Limpar seleção">${m.fechar}</button>`:""}
+      </div>
+    </div>
+  `}const Z=80;function R(a,i){const e=(i||"").trim().toLowerCase();return e?a.filter(t=>(t.name||"").toLowerCase().includes(e)||(t.category||"").toLowerCase().includes(e)||(t.type||"").toLowerCase().includes(e)):a}function pe(a,i,e,t="",r=Z){const o=(t||"").trim()!=="",s=[],d=new Map;for(let n=0;n<i.length;n++){const l=i[n],c=l.layerId||"";d.has(c)||d.set(c,[]),d.get(c).push(l)}for(let n=0;n<a.length;n++){const l=a[n];if(o||e.has(l.id)){const c=R(d.get(l.id)||[],t).slice(0,r);for(let p=0;p<c.length;p++)s.push(c[p].id)}}return s}function fe(a,i,e,t,r,o){if(!a.includes(t))return null;const s=new Set(i);let d=e;if(o&&e&&a.includes(e)){const n=a.indexOf(e),l=a.indexOf(t),c=Math.min(n,l),p=Math.max(n,l);r||s.clear();for(let u=c;u<=p;u++)s.add(a[u])}else r?(s.has(t)?s.delete(t):s.add(t),d=t):(s.clear(),s.add(t),d=t);return{selecionados:s,ultimoClicadoId:d}}function me(a,i){if(a.size===0)return;const e=new Set(i.map(t=>t.id));for(const t of a)e.has(t)||a.delete(t)}function he(a,i){const e=P(i,"#00E08A"),t=(a||"").toLowerCase();return t==="polygon"||t==="multipolygon"?`<svg viewBox="0 0 16 16" width="11" height="11"><polygon points="2,14 14,14 12,2 4,4" fill="${e}" fill-opacity="0.45" stroke="${e}" stroke-width="1.5"/></svg>`:t==="linestring"||t==="multilinestring"?`<svg viewBox="0 0 16 16" width="11" height="11"><polyline points="2,13 8,3 14,10" fill="none" stroke="${e}" stroke-width="2"/></svg>`:t==="text"?`<svg viewBox="0 0 16 16" width="11" height="11"><text x="8" y="12" font-size="12" font-weight="bold" fill="${e}" text-anchor="middle" font-family="sans-serif">T</text></svg>`:`<svg viewBox="0 0 16 16" width="11" height="11"><circle cx="8" cy="8" r="4.2" fill="${e}" stroke="#ffffff" stroke-width="1.2"/></svg>`}function ge(a){const{camadas:i,feicoes:e,camadaAtivaId:t,expandedLayers:r,selectedFeatureIds:o,activeSettingsLayerId:s,editingLayerId:d,editingFeatureId:n,searchQuery:l,limiteFeicoesPorCamada:c=Z,mostrarBotaoColapsar:p=!1}=a,u=(l||"").trim().toLowerCase(),f=new Map;for(let h=0;h<e.length;h++){const b=e[h],w=b.layerId||"";f.has(w)||f.set(w,[]),f.get(w).push(b)}const g=i.every(h=>h.visible!==!1),v=i.length>0&&i.every(h=>r.has(h.id)),E=`
+    <div class="ui-tree-toolbar">
+      <div class="ui-tree-title-group">
+        <span class="ui-tree-section-title">CAMADAS</span>
+        <span class="ui-tree-count-badge">${i.length}</span>
+      </div>
+      <div class="ui-tree-actions">
+        <button id="btn-toggle-all-vis" class="ui-tree-action-btn" title="${g?"Ocultar Todas as Camadas":"Exibir Todas as Camadas"}" aria-label="${g?"Ocultar Todas as Camadas":"Exibir Todas as Camadas"}">
+          ${g?m.olhoAberto:m.olhoFechado}
+        </button>
+        <button id="btn-toggle-all-expand" class="ui-tree-action-btn" aria-label="${v?"Recolher Todos os Grupos":"Expandir Todos os Grupos"}" title="${v?"Recolher Todos os Grupos":"Expandir Todos os Grupos"}">
+          <span class="ui-chevron-icon ${v?"open":""}">${m.chevronDir}</span>
+        </button>
+        <button id="btn-add-layer" class="ui-tree-btn-new" title="Adicionar nova camada vetorial">
+          ${m.mais} Camada
+        </button>
+        ${p?`<button id="btn-colapsar" class="ui-camadas-btn-colapsar" title="Recolher painel" aria-label="Recolher painel">${m.recolherPainel}</button>`:""}
+      </div>
+    </div>
+
+    <div class="ui-tree-search-wrapper">
+      <span class="ui-tree-search-icon">${m.busca}</span>
+      <input type="text" class="ui-tree-search-input" id="input-layer-search" aria-label="Buscar camada ou feição" placeholder="Buscar camada ou feição..." value="${k(l)}" />
+      ${l?`<button class="ui-tree-search-clear" id="btn-clear-layer-search" title="Limpar busca" aria-label="Limpar busca">${m.fechar}</button>`:""}
+    </div>
+  `,x=i.map(h=>{const b=k(h.id),w=k(h.name||"Camada"),L=P(h.color,"#00E08A"),F=h.visible!==!1,z=h.locked===!0,B=u?!0:r.has(h.id),H=s===h.id,ee=t===h.id,I=R(f.get(h.id)||[],u),ae=I.length>0&&I.every(A=>o.has(A.id)),Le=!ae&&I.some(A=>o.has(A.id)),Ce=I.slice(0,c),$e=I.length>c,Se=Ce.map(A=>{const C=k(A.id),re=k(A.name||"Feição"),ie=P(A.color,L),q=A.visible!==!1,U=z,_=A.locked===!0||U,oe=U?"Bloqueada pela camada":_?"Desbloquear Feição":"Bloquear Feição",V=o.has(A.id),se=A.status;let G="";return se==="oficial"?G='<span class="ui-geom-tag oficial" title="Geometria Oficial">OFICIAL</span>':se==="previa"&&(G='<span class="ui-geom-tag previa" title="Geometria Prévia">PRÉVIA</span>'),`
+            <div class="ui-feat-row ${V?"selected-row":""} ${q?"":"hidden-row"}" data-feat-row="${C}" data-feat-select="${C}" data-feat-layer="${b}" role="treeitem" aria-selected="${V}" tabindex="-1" draggable="true" title="Clique para selecionar | Arraste para reordenar">
+              <div class="ui-col ui-col-eye" data-feat-eye="${C}" role="button" tabindex="0" aria-label="${q?"Ocultar Feição":"Exibir Feição"}" title="${q?"Ocultar Feição":"Exibir Feição"}">
+                ${q?m.olhoAberto:m.olhoFechado}
+              </div>
+
+              <div class="ui-col ui-col-lock ${_?"":"ui-lock-open"}" data-feat-lock="${C}" ${U?'data-locked-by-layer="true"':""} role="button" tabindex="0" aria-label="${oe}" title="${oe}">
+                ${_?m.cadeadoTrancado:m.cadeadoAberto}
+              </div>
+
+              <div class="ui-col ui-col-colorbar" style="background: ${ie};"></div>
+              <div class="ui-col ui-col-branch"><span style="opacity: 0.35;">└─</span></div>
+              <div class="ui-col ui-col-thumb">
+                <div class="ui-thumb-box">${he(A.type||A.geometryType,ie)}</div>
+              </div>
+
+              <div class="ui-col ui-col-name" data-feat-name-trigger="${C}" title="Duplo clique para renomear">
+                ${n===A.id?`<input type="text" class="ui-inline-rename-input" data-inline-feat-input="${C}" value="${re}" />`:`<span class="ui-name-text">${re}</span>${G}`}
+              </div>
+
+              <div class="ui-col ui-col-actions">
+                <button class="ui-micro-btn" data-feat-fit="${C}" title="Enquadrar no mapa" aria-label="Enquadrar feição no mapa">${m.alvoEnquadrar}</button>
+              </div>
+
+              <div class="ui-col ui-col-target" data-feat-target="${C}" role="button" tabindex="0" aria-label="Selecionar feição" title="Selecionar feição">
+                <div class="ui-target-circle ${V?"selected":""}"></div>
+              </div>
+            </div>
+          `}).join(""),ze=$e?`<div style="padding: 4px 10px; font-size: 10px; color: var(--ui-cor-texto-secundario, #888899); font-style: italic; background: rgba(0,0,0,0.2);">Exibindo ${c} de ${I.length} feições. Use a busca acima para filtrar.</div>`:"",te=h.opacity!==void 0?h.opacity:1,Me=Math.round(te*100),Fe=H?`
+        <div class="ui-layer-settings-drawer" id="settings-drawer-${b}" style="--drawer-cor-camada: ${L};">
+          <div class="ui-drawer-header">
+            <div class="ui-drawer-header-left">
+              <span class="ui-drawer-icon">${m.engrenagem}</span>
+              <span class="ui-drawer-title">Configurações da Camada</span>
+            </div>
+            <button type="button" class="ui-drawer-btn-fechar" data-layer-settings-close="${b}" title="Fechar configurações (Esc)" aria-label="Fechar configurações">
+              ${m.fechar}
+            </button>
+          </div>
+
+          <div class="ui-drawer-body">
+            <!-- Cor da Camada -->
+            <div class="ui-drawer-row">
+              <div class="ui-drawer-row-label">
+                <span>Cor do Vetor</span>
+              </div>
+              <div class="ui-drawer-color-group">
+                <label class="ui-drawer-color-pill" title="Clique para alterar a cor da camada">
+                  <span class="ui-drawer-color-sample" id="sample-color-${b}" style="background-color: ${L};"></span>
+                  <span class="ui-drawer-color-hex" id="hex-color-${b}">${L.toUpperCase()}</span>
+                  <input type="color" aria-label="Cor da camada" data-layer-color-picker="${b}" value="${Oe(L,"#00e08a")}" class="ui-drawer-color-native" />
+                </label>
+              </div>
+            </div>
+
+            <!-- Opacidade da Camada -->
+            <div class="ui-drawer-row">
+              <div class="ui-drawer-row-label">
+                <span>Opacidade</span>
+                <span class="ui-drawer-badge" id="badge-op-${b}">${Me}%</span>
+              </div>
+              <div class="ui-drawer-slider-container">
+                <input type="range" aria-label="Opacidade da camada" min="0.05" max="1" step="0.05" value="${Number(te)||0}" data-layer-opacity-slider="${b}" class="ui-drawer-slider" />
+              </div>
+            </div>
+          </div>
+
+          <div class="ui-drawer-footer">
+            <div class="ui-drawer-meta-info">
+              <span>${I.length} ${I.length===1?"feição":"feições"} nesta camada</span>
+            </div>
+            <div class="ui-drawer-actions">
+              <button type="button" class="ui-drawer-btn-danger" data-delete-layer="${b}" title="Excluir esta camada e todas as suas feições">
+                ${m.lixeira}
+                <span class="ui-btn-label">Excluir Camada</span>
+              </button>
+            </div>
+          </div>
+        </div>
+      `:"";return`
+        <div class="ui-layer-group" data-layer-id="${b}" role="treeitem" aria-expanded="${B}">
+          <div class="ui-layer-row ${F?"":"hidden-layer"} ${ee?"active-drawing-layer":""}" data-layer-row="${b}" data-layer-id="${b}" tabindex="-1" draggable="true" style="--layer-active-color: ${L};">
+            <div class="ui-col ui-col-drag" title="Arrastar para reordenar Z-Index">${m.dragHandle}</div>
+
+            <div class="ui-col ui-col-eye" data-layer-eye="${b}" role="button" tabindex="0" aria-label="${F?"Ocultar Camada":"Exibir Camada"}" title="${F?"Ocultar Camada":"Exibir Camada"}">
+              ${F?m.olhoAberto:m.olhoFechado}
+            </div>
+
+            <div class="ui-col ui-col-lock ${z?"":"ui-lock-open"}" data-layer-lock="${b}" role="button" tabindex="0" aria-label="${z?"Desbloquear Camada":"Bloquear Camada"}" title="${z?"Desbloquear Camada":"Bloquear Camada"}">
+              ${z?m.cadeadoTrancado:m.cadeadoAberto}
+            </div>
+
+            <div class="ui-col ui-col-colorbar" style="background: ${L};"></div>
+
+            <div class="ui-col ui-col-chevron" data-layer-expand="${b}" role="button" tabindex="0" aria-label="${B?"Recolher grupo":"Expandir grupo"}">
+              <span class="ui-chevron-icon ${B?"open":""}">${m.chevronDir}</span>
+            </div>
+
+            <div class="ui-col ui-col-name" data-layer-name-trigger="${b}" title="Clique para ativar camada de desenho | Duplo clique para renomear">
+              ${d===h.id?`<input type="text" class="ui-inline-rename-input" data-inline-layer-input="${b}" value="${w}" />`:`<span class="ui-name-text">${w}</span>
+                     ${ee?'<span class="ui-active-badge" title="Camada ativa para novos desenhos">✓ Ativa</span>':""}
+                     <span class="ui-count-chip">${I.length}</span>`}
+            </div>
+
+            <div class="ui-col ui-col-actions">
+              <button class="ui-micro-btn" data-layer-fit="${b}" title="Enquadrar camada no mapa" aria-label="Enquadrar camada no mapa">${m.alvoEnquadrar}</button>
+              <button class="ui-micro-btn ${H?"active":""}" data-layer-settings="${b}" title="Ajustar cor, opacidade e excluir" aria-label="Configurações da camada" aria-expanded="${H}">${m.engrenagem}</button>
+            </div>
+
+            <div class="ui-col ui-col-target" data-layer-target="${b}" role="button" tabindex="0" aria-label="Selecionar todas as feições deste grupo" title="Selecionar todas as feições deste grupo">
+              <div class="ui-target-circle ${ae?"selected":Le?"partial":""}"></div>
+            </div>
+          </div>
+
+          ${Fe}
+
+          <div class="ui-children-container" role="group" style="display: ${B?"block":"none"};">
+            ${Se}
+            ${ze}
+            ${I.length===0?`<div class="ui-empty-row"><span>${u?"Nenhum item correspondente":"Nenhum elemento neste grupo"}</span></div>`:""}
+          </div>
+        </div>
+      `}).join("");return`
+    ${E}
+    <div class="ui-panel-box">
+      <div class="ui-layer-tree" id="ui-layer-tree-mount" role="tree" aria-label="Camadas e feições" aria-multiselectable="true">
+        ${x}
+      </div>
+    </div>
+  `}class be{constructor(i,e){y(this,"host");y(this,"shadow");this.host=i,this.shadow=e}bindAll(){this.bindInlineRename(),this.bindDragAndDrop()}bindInlineRename(){this.shadow.querySelectorAll("[data-layer-name-trigger]").forEach(i=>{i.addEventListener("dblclick",e=>{e.stopPropagation();const t=i.getAttribute("data-layer-name-trigger");if(!t)return;this.host.editingLayerId=t,this.host.solicitarRenderizacao();const r=S(this.shadow,"data-inline-layer-input",t);if(r){r.focus(),r.select();let o=!1;const s=d=>{var n,l;if(!o){if(o=!0,this.host.editingLayerId=null,d){const c=r.value.trim(),p=this.host.camadas.find(u=>u.id===t);c&&p&&p.name!==c&&(p.name=c,(l=(n=this.host).salvarLembrancaEstado)==null||l.call(n),this.host.dispararEvento("ui-camada-renomeada",{camadaId:t,novoNome:c,camada:p}))}this.host.solicitarRenderizacao()}};r.addEventListener("keydown",d=>{d.key==="Enter"?(d.preventDefault(),s(!0)):d.key==="Escape"&&(d.preventDefault(),s(!1))}),r.addEventListener("blur",()=>s(!0))}})}),this.shadow.querySelectorAll("[data-feat-name-trigger]").forEach(i=>{i.addEventListener("dblclick",e=>{e.stopPropagation();const t=i.getAttribute("data-feat-name-trigger");if(!t)return;this.host.editingFeatureId=t,this.host.solicitarRenderizacao();const r=S(this.shadow,"data-inline-feat-input",t);if(r){r.focus(),r.select();let o=!1;const s=d=>{if(!o){if(o=!0,this.host.editingFeatureId=null,d){const n=r.value.trim(),l=this.host.feicoes.find(c=>c.id===t);n&&l&&l.name!==n&&(l.name=n,this.host.dispararEvento("ui-feicao-renomeada",{feicaoId:t,novoNome:n,feicao:l}))}this.host.solicitarRenderizacao()}};r.addEventListener("keydown",d=>{d.key==="Enter"?(d.preventDefault(),s(!0)):d.key==="Escape"&&(d.preventDefault(),s(!1))}),r.addEventListener("blur",()=>s(!0))}})})}bindDragAndDrop(){let i=null,e=null,t=null;const r=()=>{this.shadow.querySelectorAll(".ui-layer-row, .ui-feat-row, .ui-layer-group").forEach(o=>{o.classList.remove("dragging","drop-above","drop-below","drop-into")})};this.shadow.querySelectorAll('.ui-layer-row[draggable="true"]').forEach(o=>{const s=o.getAttribute("data-layer-id");s&&(o.addEventListener("dragstart",d=>{const n=d;if(n.target.closest("input, button, select")||this.host.editingLayerId||this.host.editingFeatureId){n.preventDefault();return}i="layer",e=s,n.dataTransfer&&(n.dataTransfer.setData("text/plain",JSON.stringify({type:"layer",id:s})),n.dataTransfer.effectAllowed="move"),o.classList.add("dragging")}),o.addEventListener("dragover",d=>{const n=d;if(n.preventDefault(),n.stopPropagation(),n.dataTransfer&&(n.dataTransfer.dropEffect="move"),i==="layer"){if(e===s)return;const l=o.getBoundingClientRect(),c=n.clientY-l.top<l.height/2;o.classList.toggle("drop-above",c),o.classList.toggle("drop-below",!c)}else i==="feature"&&o.classList.add("drop-into")}),o.addEventListener("dragleave",d=>{const n=d.relatedTarget;n&&o.contains(n)||o.classList.remove("drop-above","drop-below","drop-into")}),o.addEventListener("drop",d=>{var c,p;const n=d;n.preventDefault(),n.stopPropagation();const l=o.classList.contains("drop-above");if(r(),i==="layer"){if(!e||e===s)return;const u=this.host.camadas.findIndex(v=>v.id===e);if(u===-1)return;const[f]=this.host.camadas.splice(u,1),g=this.host.camadas.findIndex(v=>v.id===s);g===-1?this.host.camadas.push(f):this.host.camadas.splice(l?g:g+1,0,f),(p=(c=this.host).salvarLembrancaEstado)==null||p.call(c),this.host.dispararEvento("ui-camadas-reordenadas",{camadas:[...this.host.camadas]}),this.host.solicitarRenderizacao()}else if(i==="feature"){if(!t)return;const u=this.host.feicoes.find(g=>g.id===t),f=this.host.camadas.find(g=>g.id===s);if(u&&f&&u.layerId!==s){const g=u.layerId;u.layerId=s,this.host.dispararEvento("ui-feicao-movida",{feicaoId:u.id,camadaOrigemId:g,camadaDestinoId:s,feicao:u}),this.host.solicitarRenderizacao()}}}),o.addEventListener("dragend",()=>{i=null,e=null,t=null,r()}))}),this.shadow.querySelectorAll('.ui-feat-row[draggable="true"]').forEach(o=>{const s=o.getAttribute("data-feat-row"),d=o.getAttribute("data-feat-layer");s&&(o.addEventListener("dragstart",n=>{const l=n;if(l.target.closest("input, button, select")||this.host.editingLayerId||this.host.editingFeatureId){l.preventDefault();return}l.stopPropagation(),i="feature",t=s,e=d,l.dataTransfer&&(l.dataTransfer.setData("text/plain",JSON.stringify({type:"feature",id:s,layerId:d})),l.dataTransfer.effectAllowed="move"),o.classList.add("dragging")}),o.addEventListener("dragover",n=>{const l=n;if(i!=="feature"||t===s)return;l.preventDefault(),l.stopPropagation(),l.dataTransfer&&(l.dataTransfer.dropEffect="move");const c=o.getBoundingClientRect(),p=l.clientY-c.top<c.height/2;o.classList.toggle("drop-above",p),o.classList.toggle("drop-below",!p)}),o.addEventListener("dragleave",n=>{const l=n.relatedTarget;l&&o.contains(l)||o.classList.remove("drop-above","drop-below")}),o.addEventListener("drop",n=>{const l=n;if(i!=="feature"||!t||t===s)return;l.preventDefault(),l.stopPropagation();const c=o.classList.contains("drop-above");r();const p=this.host.feicoes.findIndex(h=>h.id===t);if(p===-1)return;const u=this.host.feicoes.find(h=>h.id===s);if(!u)return;const[f]=this.host.feicoes.splice(p,1),g=f.layerId,v=u.layerId,E=g!==v;E&&(f.layerId=v);const x=this.host.feicoes.findIndex(h=>h.id===s);x===-1?this.host.feicoes.push(f):this.host.feicoes.splice(c?x:x+1,0,f),E&&this.host.dispararEvento("ui-feicao-movida",{feicaoId:f.id,camadaOrigemId:g,camadaDestinoId:v,feicao:f}),this.host.dispararEvento("ui-feicoes-reordenadas",{feicoes:[...this.host.feicoes]}),this.host.solicitarRenderizacao()}),o.addEventListener("dragend",n=>{n.stopPropagation(),i=null,t=null,e=null,r()}))})}}const je="ui_camadas_estado_";function ve(a,i){const e=(a||i||"default").trim();return`${je}${e}`}function T(a){if(typeof window>"u"||typeof localStorage>"u")return null;try{const i=localStorage.getItem(a);if(!i)return null;const e=JSON.parse(i);if(e&&typeof e=="object")return e}catch(i){console.warn(`[UI-Camadas] Não foi possível carregar o estado persistido (${a}):`,i)}return null}function ye(a,i){if(!(typeof window>"u"||typeof localStorage>"u"))try{localStorage.setItem(a,JSON.stringify(i))}catch(e){console.warn(`[UI-Camadas] Não foi possível salvar o estado persistido (${a}):`,e)}}function xe(a){if(!(typeof window>"u"||typeof localStorage>"u"))try{localStorage.removeItem(a)}catch{}}function O(a){return{name:a.name,visible:a.visible!==!1,locked:!!a.locked,opacity:typeof a.opacity=="number"?a.opacity:1,color:a.color||"#00E08A"}}function we(a,i,e,t){if(!Array.isArray(a))return;const r=(i==null?void 0:i.camadasOverrides)||{},o=new Set((i==null?void 0:i.expandedLayerIds)||[]),s=new Set((i==null?void 0:i.collapsedLayerIds)||[]),d=o.size>0||s.size>0;for(let n=0;n<a.length;n++){const l=a[n],c=r[l.id];if(t==null||t.set(l.id,O(l)),c){const p=c.origem,u=f=>{var v;const g=(v=t==null?void 0:t.get(l.id))==null?void 0:v[f];return p!==void 0&&p[f]!==g};typeof c.name=="string"&&c.name.trim()&&!u("name")&&(l.name=c.name),typeof c.visible=="boolean"&&!u("visible")&&(l.visible=c.visible),typeof c.locked=="boolean"&&!u("locked")&&(l.locked=c.locked),typeof c.opacity=="number"&&!u("opacity")&&(l.opacity=c.opacity),typeof c.color=="string"&&!u("color")&&(l.color=c.color)}d?o.has(l.id)?e.add(l.id):s.has(l.id)?e.delete(l.id):e.add(l.id):e.add(l.id)}if(Array.isArray(i==null?void 0:i.ordemCamadasIds)&&i.ordemCamadasIds.length>0){const n=new Map;i.ordemCamadasIds.forEach((l,c)=>n.set(l,c)),a.sort((l,c)=>{const p=n.has(l.id)?n.get(l.id):9999,u=n.has(c.id)?n.get(c.id):9999;return p-u})}}function Ee(a){const{estadoAnterior:i,camadas:e,expandedLayers:t}=a;let r=(i==null?void 0:i.expandedLayerIds)||[],o=(i==null?void 0:i.collapsedLayerIds)||[],s=(i==null?void 0:i.ordemCamadasIds)||[];const d={...(i==null?void 0:i.camadasOverrides)||{}};return e.length>0&&(r=[],o=[],s=e.map(n=>n.id),e.forEach(n=>{var l,c;t.has(n.id)?r.push(n.id):o.push(n.id),d[n.id]={name:n.name,visible:n.visible!==!1,locked:!!n.locked,opacity:typeof n.opacity=="number"?n.opacity:1,color:n.color||"#00E08A",origem:((l=a.origensCamadas)==null?void 0:l.get(n.id))??((c=d[n.id])==null?void 0:c.origem)}})),{versao:1,expandedLayerIds:r,collapsedLayerIds:o,camadaAtivaId:a.camadaAtivaId,painelColapsado:a.painelColapsado,ordemCamadasIds:s,mapaBaseAtivo:a.mapaBaseAtivo,densidade:a.densidade,altura:a.altura,camadasOverrides:d,ultimaAtualizacao:Date.now()}}const Re=':host{display:flex;flex-direction:column;box-sizing:border-box;font-family:inherit;font-size:11px;color:var(--ui-cor-texto, #e1e1e6);-webkit-user-select:none;user-select:none;width:100%;height:var(--ui-camadas-altura, 100%);min-height:var(--ui-camadas-min-altura, 140px);position:relative;--camada-linha-altura: 25px;--camada-thumb-tamanho: 15px;--camada-transicao: .16s cubic-bezier(.16, 1, .3, 1)}:host([densidade="compacto"]){--camada-linha-altura: 22px;--camada-thumb-tamanho: 13px;font-size:10px}:host([flutuante]){position:absolute;top:10px;right:10px;bottom:46px;z-index:var(--ui-z-workspace-hud, 500);width:auto;height:var(--ui-camadas-altura, auto)}*,*:before,*:after{box-sizing:border-box}:host(:not([flutuante])) .ui-camadas-container{max-width:100%;min-width:0;border:none;box-shadow:none;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.ui-camadas-container{display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0;width:100%;max-width:380px;min-width:270px;background:var(--ui-cor-superficie, #141417);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));border-radius:var(--ui-raio-borda, 8px);box-shadow:0 10px 30px -4px #00000080,0 0 0 1px #ffffff0d;overflow:hidden;position:relative;transition:transform .24s cubic-bezier(.16,1,.3,1),opacity .2s ease;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}:host([colapsado]) .ui-camadas-container{transform:translate(calc(100% + 24px));opacity:0;pointer-events:none}.ui-camadas-toggle-flutuante{display:none;position:absolute;top:10px;right:10px;z-index:calc(var(--ui-z-workspace-hud, 500) - 1);background:var(--ui-cor-superficie, #141417);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .18));border-radius:var(--ui-raio-borda, 6px);color:var(--ui-cor-texto, #ffffff);width:34px;height:34px;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 8px 20px #00000073;transition:all var(--camada-transicao)}:host([colapsado][flutuante]) .ui-camadas-toggle-flutuante{display:flex}.ui-camadas-toggle-flutuante:hover{border-color:var(--ui-cor-primaria, #00E08A);color:var(--ui-cor-primaria, #00E08A);transform:scale(1.08);box-shadow:0 0 14px #00e08a59}.ui-camadas-header{height:32px;min-height:32px;max-height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 5px;border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));background:var(--ui-cor-fundo-elevado, rgba(0, 0, 0, .28));gap:4px}.ui-camadas-tabs{display:flex;gap:3px;flex:1}.ui-camadas-tab-btn{flex:1;background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);height:24px;padding:0 6px;font-size:11px;font-weight:500;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;transition:all var(--camada-transicao)}.ui-camadas-tab-btn:hover{color:var(--ui-cor-texto, #ffffff);background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .07))}.ui-camadas-tab-btn.active{color:var(--ui-cor-primaria, #00E08A);background:#00e08a1f;box-shadow:inset 0 0 0 1px #00e08a40;font-weight:600}.ui-camadas-btn-colapsar{background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);width:22px;height:22px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--camada-transicao)}.ui-camadas-btn-colapsar:hover{color:var(--ui-cor-texto, #ffffff);background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .09))}.ui-camadas-corpo{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px 6px 4px;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}.ui-camadas-corpo::-webkit-scrollbar{width:4px}.ui-camadas-corpo::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.ui-camadas-corpo::-webkit-scrollbar-thumb:hover{background:#ffffff52}.ui-tree-toolbar{display:flex;align-items:center;justify-content:space-between;padding:1px 2px 3px;border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .06))}.ui-tree-title-group{display:flex;align-items:center;gap:5px}.ui-tree-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ui-cor-texto-secundario, #888899)}.ui-tree-count-badge{font-size:9px;font-family:var(--ui-fonte-mono, monospace);font-variant-numeric:tabular-nums;background:#ffffff12;color:var(--ui-cor-texto-secundario, #888899);padding:1px 5px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.ui-tree-actions{display:flex;align-items:center;gap:3px}.ui-tree-action-btn{background:transparent;border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .1));color:var(--ui-cor-texto-secundario, #888899);border-radius:4px;width:22px;height:22px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--camada-transicao)}.ui-tree-action-btn:hover{color:var(--ui-cor-texto, #ffffff);border-color:var(--ui-cor-primaria, #00E08A);background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .09))}.ui-tree-btn-new{background:#00e08a1f;border:1px solid rgba(0,224,138,.35);color:var(--ui-cor-primaria, #00E08A);border-radius:4px;height:22px;padding:0 8px;font-size:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all var(--camada-transicao)}.ui-tree-btn-new:hover{background:var(--ui-cor-primaria, #00E08A);color:var(--ui-cor-texto-sobre-primaria, #000000);box-shadow:0 0 10px #00e08a59}.ui-tree-search-wrapper{position:relative;display:flex;align-items:center;margin:1px 0}.ui-tree-search-icon{position:absolute;left:8px;color:var(--ui-cor-texto-secundario, #888899);pointer-events:none;display:flex;align-items:center}.ui-tree-search-input{width:100%;height:25px;background:var(--ui-cor-fundo, #0a0a0c);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .1));border-radius:var(--ui-raio-borda, 5px);padding:0 24px 0 26px;color:var(--ui-cor-texto, #ffffff);font-size:10.5px;outline:none;transition:border-color var(--camada-transicao),box-shadow var(--camada-transicao)}.ui-tree-search-input:focus{border-color:var(--ui-cor-primaria, #00E08A);box-shadow:0 0 0 2px #00e08a2e}.ui-tree-search-clear{position:absolute;right:5px;background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);cursor:pointer;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all var(--camada-transicao)}.ui-tree-search-clear:hover{color:var(--ui-cor-texto, #ffffff);background:#ffffff1a}.ui-panel-box{background:var(--ui-cor-fundo, #0c0c0f);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));border-radius:var(--ui-raio-borda, 6px);overflow:hidden;display:flex;flex-direction:column;flex:1 1 0%;min-height:80px}.ui-layer-tree{flex:1 1 0%;min-height:40px;overflow-y:auto;overflow-x:hidden}.ui-layer-group{border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .04));transition:background var(--camada-transicao)}.ui-layer-group.drop-into{background:#00e08a17!important;outline:1.5px dashed var(--ui-cor-primaria, #00E08A);outline-offset:-1.5px}.ui-layer-row,.ui-feat-row{display:flex;align-items:center;height:var(--camada-linha-altura);min-height:var(--camada-linha-altura);max-height:var(--camada-linha-altura);padding:0 4px;-webkit-user-select:none;user-select:none;cursor:default;transition:background .1s ease;position:relative}.ui-layer-row{background:var(--ui-cor-fundo-elevado, #18181d);font-weight:600;cursor:pointer;border-left:3px solid transparent}.ui-layer-row:hover{background:var(--ui-cor-hover-menu, #22222a)}.ui-layer-row.active-drawing-layer{background:#00e08a1f!important;border-left:3px solid var(--layer-active-color, var(--ui-cor-primaria, #00E08A))!important;box-shadow:inset 0 0 12px #00e08a12}.ui-layer-row.active-drawing-layer .ui-name-text{color:#fff;font-weight:700}.ui-feat-row{background:var(--ui-cor-fundo, #101014);font-weight:400;cursor:pointer}.ui-feat-row:hover{background:var(--ui-cor-hover-menu, #19191f)}.ui-feat-row.selected-row{background:#38bdf82e!important;outline:1px solid rgba(56,189,248,.5)!important;outline-offset:-1px}.ui-layer-row.hidden-layer,.ui-feat-row.hidden-row{opacity:.52}.ui-layer-row.hidden-layer .ui-col-eye,.ui-feat-row.hidden-row .ui-col-eye{color:#f59e0b;opacity:.95}.ui-layer-row.dragging,.ui-feat-row.dragging{opacity:.35;background:#38bdf829!important}.ui-layer-row.drop-above:before,.ui-feat-row.drop-above:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#38bdf8;box-shadow:0 0 8px #38bdf8;z-index:20;pointer-events:none}.ui-layer-row.drop-below:after,.ui-feat-row.drop-below:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#38bdf8;box-shadow:0 0 8px #38bdf8;z-index:20;pointer-events:none}.ui-col{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:var(--camada-linha-altura)}.ui-col-drag{width:14px;cursor:grab;color:var(--ui-cor-texto-secundario, #888899);opacity:.35;transition:opacity var(--camada-transicao),color var(--camada-transicao)}.ui-layer-row:hover .ui-col-drag,.ui-feat-row:hover .ui-col-drag{opacity:.9;color:var(--ui-cor-primaria, #00E08A)}.ui-col-drag:active{cursor:grabbing}.ui-col-eye{width:20px;cursor:pointer;color:var(--ui-cor-texto-secundario, #888899);transition:color var(--camada-transicao)}.ui-col-eye:hover{color:var(--ui-cor-primaria, #00E08A)}.ui-col-lock{width:18px;cursor:pointer;color:var(--ui-cor-texto-secundario, #888899);transition:color var(--camada-transicao)}.ui-col-lock:hover{color:#f59e0b}.ui-col-colorbar{width:3.5px;height:16px;margin:0 3px 0 2px;border-radius:1.5px;flex-shrink:0}.ui-col-chevron{width:14px;cursor:pointer;color:var(--ui-cor-texto-secundario, #888899);display:flex;align-items:center;justify-content:center}.ui-chevron-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform var(--camada-transicao)}.ui-chevron-icon.open{transform:rotate(90deg)}.ui-col-branch{width:14px;display:flex;align-items:center;justify-content:center;color:#ffffff38;font-size:10px;font-family:var(--ui-fonte-mono, monospace)}.ui-col-thumb{width:18px;margin-right:4px;display:flex;align-items:center;justify-content:center}.ui-thumb-box{width:var(--camada-thumb-tamanho);height:var(--camada-thumb-tamanho);border:1px solid rgba(255,255,255,.15);border-radius:2.5px;background:#0d0d10;display:flex;align-items:center;justify-content:center}.ui-col-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:var(--ui-cor-texto, #e1e1e6);padding-left:2px;padding-right:4px;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:4px}.ui-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-active-badge{font-size:8px;font-weight:700;color:var(--ui-cor-primaria, #00E08A);background:#00e08a2e;border:1px solid rgba(0,224,138,.45);padding:1px 4px;border-radius:3px;display:inline-flex;align-items:center;gap:2px;white-space:nowrap;flex-shrink:0;animation:pulseBadge 2.8s infinite}@keyframes pulseBadge{0%{opacity:.85}50%{opacity:1;filter:drop-shadow(0 0 4px rgba(0,224,138,.5))}to{opacity:.85}}.ui-count-chip{font-size:9px;font-family:var(--ui-fonte-mono, monospace);font-variant-numeric:tabular-nums;color:var(--ui-cor-texto-secundario, #888899);background:#ffffff0f;padding:0 4px;border-radius:8px}.ui-col-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity var(--camada-transicao)}.ui-layer-row:hover .ui-col-actions,.ui-feat-row:hover .ui-col-actions{opacity:1}.ui-micro-btn{background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);width:18px;height:18px;padding:0;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--camada-transicao)}.ui-micro-btn:hover{color:var(--ui-cor-primaria, #00E08A);background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .12))}.ui-micro-btn.active{color:var(--ui-cor-primaria, #00E08A);background:#00e08a2e}.ui-col-target{width:22px;cursor:pointer}.ui-target-circle{width:11px;height:11px;border-radius:50%;border:1.5px solid rgba(255,255,255,.32);background:transparent;transition:all .12s ease}.ui-col-target:hover .ui-target-circle{border-color:#38bdf8;transform:scale(1.18)}.ui-target-circle.selected{border:2px solid #38bdf8;background:#38bdf8;box-shadow:inset 0 0 0 2px #141418}.ui-target-circle.partial{border:2px solid #38bdf8;background:#38bdf866}.ui-inline-rename-input{width:100%;height:20px;background:#0d0d10;color:#fff;border:1px solid var(--ui-cor-primaria, #00E08A);border-radius:3px;font-size:10.5px;padding:0 4px;outline:none;box-shadow:0 0 8px #00e08a66}.ui-layer-settings-drawer{background:linear-gradient(180deg,#17171e,#0f0f13);padding:10px 14px 12px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.12);border-left:3px solid var(--drawer-cor-camada, var(--ui-cor-primaria, #00E08A));display:flex;flex-direction:column;gap:10px;box-shadow:inset 0 1px #ffffff0f,0 6px 16px #00000073;animation:drawerSlideDown .18s cubic-bezier(.16,1,.3,1);position:relative;z-index:10}@keyframes drawerSlideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.ui-drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.07)}.ui-drawer-header-left{display:flex;align-items:center;gap:7px;min-width:0}.ui-drawer-icon{color:var(--drawer-cor-camada, var(--ui-cor-primaria, #00E08A));display:flex;align-items:center;flex-shrink:0}.ui-drawer-title{font-size:10.5px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.ui-drawer-layer-chip{font-size:9.5px;font-weight:500;color:#99b;background:#ffffff12;padding:1px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.08);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-drawer-btn-fechar{background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);width:20px;height:20px;padding:0;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--camada-transicao)}.ui-drawer-btn-fechar:hover{color:#fff;background:#ffffff1f}.ui-drawer-body{display:flex;flex-direction:column;gap:10px}.ui-drawer-row{display:flex;flex-direction:column;gap:5px}.ui-drawer-row-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#9f9fb5}.ui-drawer-color-group{display:flex;align-items:center;justify-content:space-between;gap:8px}.ui-drawer-color-pill{position:relative;display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 5px;background:#0006;border:1px solid rgba(255,255,255,.16);border-radius:4px;cursor:pointer;transition:all var(--camada-transicao);-webkit-user-select:none;user-select:none}.ui-drawer-color-pill:hover{border-color:var(--drawer-cor-camada, var(--ui-cor-primaria, #00E08A));background:#ffffff14;box-shadow:0 0 10px #00e08a40}.ui-drawer-color-sample{width:14px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,.35);box-shadow:0 1px 3px #00000080;flex-shrink:0;transition:background-color .1s ease}.ui-drawer-color-hex{font-size:10px;font-family:var(--ui-fonte-mono, monospace);font-variant-numeric:tabular-nums;font-weight:700;color:#f1f1f5;letter-spacing:.5px}.ui-drawer-color-native{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.ui-drawer-badge{font-size:9.5px;font-family:var(--ui-fonte-mono, monospace);font-variant-numeric:tabular-nums;font-weight:700;color:#fff;background:#ffffff1a;padding:1px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.12)}.ui-drawer-slider-container{display:flex;flex-direction:column;gap:4px}.ui-drawer-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;background:linear-gradient(90deg,rgba(255,255,255,.08) 0%,var(--drawer-cor-camada, var(--ui-cor-primaria, #00E08A)) 100%);border-radius:3px;outline:none;margin:3px 0;cursor:pointer;border:1px solid rgba(255,255,255,.12)}.ui-drawer-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--drawer-cor-camada, var(--ui-cor-primaria, #00E08A));box-shadow:0 0 6px #0009,0 0 10px var(--drawer-cor-camada, rgba(0, 224, 138, .6));cursor:pointer;transition:transform .12s ease}.ui-drawer-slider::-webkit-slider-thumb:hover{transform:scale(1.22)}.ui-drawer-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--drawer-cor-camada, var(--ui-cor-primaria, #00E08A));box-shadow:0 0 6px #0009,0 0 10px var(--drawer-cor-camada, rgba(0, 224, 138, .6));cursor:pointer}.ui-drawer-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}.ui-drawer-meta-info{font-size:9.5px;color:#77778b;font-style:italic}.ui-drawer-actions{display:flex;align-items:center;gap:6px}.ui-drawer-btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.35);color:#f87171;border-radius:4px;height:24px;padding:0 10px;font-size:10px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all var(--camada-transicao)}.ui-drawer-btn-danger:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 0 10px #ef444473;transform:translateY(-.5px)}.ui-drawer-btn-danger.confirming{background:#dc2626;color:#fff;border-color:#f87171;animation:pulseDanger 1.2s infinite}@keyframes pulseDanger{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.ui-geom-tag{font-size:8px;font-weight:700;letter-spacing:.4px;padding:1px 4px;border-radius:3px;margin-left:4px;text-transform:uppercase;flex-shrink:0}.ui-geom-tag.oficial{background:#10b98129;color:#10b981;border:1px solid rgba(16,185,129,.35)}.ui-geom-tag.previa{background:#f59e0b29;color:#f59e0b;border:1px solid rgba(245,158,11,.35)}.ui-tree-footer{height:28px;min-height:28px;background:var(--ui-cor-fundo-elevado, #111115);border-top:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:space-between;padding:0 6px;gap:4px}.ui-footer-left{display:flex;align-items:center;gap:4px;white-space:nowrap;min-width:0}.ui-footer-count{font-size:10.5px;font-family:var(--ui-fonte-mono, monospace);font-variant-numeric:tabular-nums;font-weight:700;color:var(--ui-cor-primaria, #00E08A)}.ui-footer-label{font-size:10px;font-weight:500;color:var(--ui-cor-texto-secundario, #888899)}.ui-footer-metric{font-size:9.5px;font-family:var(--ui-fonte-mono, monospace);font-variant-numeric:tabular-nums;color:var(--ui-cor-primaria, #00E08A);display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.ui-footer-right{display:flex;align-items:center;gap:2px;flex-shrink:0}.ui-footer-btn{background:transparent;border:none;color:var(--ui-cor-texto-secundario, #888899);width:20px;height:20px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all var(--camada-transicao)}.ui-footer-btn:hover:not(.disabled){color:#fff;background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .12))}.ui-footer-btn.disabled{opacity:.25;cursor:not-allowed}.ui-footer-color-wrapper,.ui-footer-move-wrapper{display:flex;align-items:center}.ui-footer-color{width:15px;height:15px;border:none;background:transparent;cursor:pointer;padding:0}.ui-footer-select{background:var(--ui-cor-fundo, #18181d);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));color:#fff;border-radius:3px;font-size:9.5px;height:20px;padding:0 2px;cursor:pointer}.ui-basemap-section{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.ui-basemap-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ui-cor-texto-secundario, #888899)}.ui-basemap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.ui-basemap-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px;border-radius:var(--ui-raio-borda, 5px);background:var(--ui-cor-fundo, #101014);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));cursor:pointer;transition:all var(--camada-transicao);text-align:center;overflow:hidden}.ui-basemap-card:hover{border-color:var(--ui-cor-primaria, #00E08A);background:var(--ui-cor-fundo-elevado, #17171c)}.ui-basemap-card.active{border-color:var(--ui-cor-primaria, #00E08A);background:#00e08a1f;color:var(--ui-cor-primaria, #00E08A);font-weight:600;box-shadow:inset 0 0 0 1px #00e08a59}.ui-basemap-preview{width:100%;height:22px;border-radius:3px;object-fit:cover;opacity:.85;transition:opacity var(--camada-transicao)}.ui-basemap-preview-none{width:100%;height:22px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:3px;color:var(--ui-cor-texto-secundario, #888899)}.ui-basemap-card:hover .ui-basemap-preview,.ui-basemap-card.active .ui-basemap-preview{opacity:1}.ui-basemap-card span{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ui-search-hidden{display:none!important}.ui-empty-row{height:22px;display:flex;align-items:center;padding-left:36px;font-size:10px;color:var(--ui-cor-texto-secundario, #666677);font-style:italic;background:#00000026}:host-context([data-tema="claro"]),:host-context(.light),:host([data-tema="claro"]){color:#1a1a1e}:host-context([data-tema="claro"]) .ui-camadas-container,:host([data-tema="claro"]) .ui-camadas-container{background:#fff;border-color:#0000001f;box-shadow:0 10px 30px -4px #00000026}:host-context([data-tema="claro"]) .ui-layer-row,:host([data-tema="claro"]) .ui-layer-row{background:#f1f3f5;color:#1a1a1e}:host-context([data-tema="claro"]) .ui-feat-row,:host([data-tema="claro"]) .ui-feat-row{background:#fff;color:#2b2b36}:host-context([data-tema="claro"]) .ui-panel-box,:host([data-tema="claro"]) .ui-panel-box{background:#fff;border-color:#00000014}.ui-camadas-resizer-altura{display:none;flex-shrink:0;width:100%;height:9px;background:var(--ui-cor-superficie, #141417);border-top:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));cursor:ns-resize;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;transition:background .15s ease,border-color .15s ease;position:relative;z-index:10}:host([redimensionavel]) .ui-camadas-resizer-altura,:host([redimensionavel-altura]) .ui-camadas-resizer-altura{display:flex}.ui-camadas-resizer-altura:hover,.ui-camadas-resizer-altura.ui-camadas-resizer--ativo{background:#00e08a17;border-top-color:var(--ui-cor-primaria, #00E08A)}.ui-camadas-resizer-grip{width:32px;height:3px;border-radius:2px;background:#ffffff38;transition:all .15s ease}.ui-camadas-resizer-altura:hover .ui-camadas-resizer-grip,.ui-camadas-resizer-altura.ui-camadas-resizer--ativo .ui-camadas-resizer-grip{background:var(--ui-cor-primaria, #00E08A);width:46px;box-shadow:0 0 8px #00e08a73}:host(.ui-camadas--redimensionando){-webkit-user-select:none!important;user-select:none!important;cursor:ns-resize!important}:host(.ui-camadas--redimensionando) *{-webkit-user-select:none!important;user-select:none!important}.ui-col-lock.ui-lock-open{opacity:.28}.ui-col-lock.ui-lock-open:hover,.ui-col-lock.ui-lock-open:focus-visible{opacity:.8}.ui-col-lock[data-locked-by-layer]{cursor:not-allowed}.ui-col[role=button]:focus-visible,.ui-basemap-card:focus-visible,.ui-feat-row:focus-visible,.ui-layer-row:focus-visible{outline:2px solid var(--ui-cor-primaria, #00E08A);outline-offset:-2px}.ui-footer-btn.confirming{color:#fff;background:#dc2626;width:auto;padding:0 6px}';function Ne(a,i){i.querySelectorAll("[data-layer-row]").forEach(r=>{r.addEventListener("click",o=>{if(o.target.closest("[data-layer-eye], [data-layer-lock], [data-layer-expand], [data-layer-target], [data-layer-fit], [data-layer-settings], input, button"))return;const d=r.getAttribute("data-layer-row");d&&a.definirCamadaAtiva(d,!0)})}),i.querySelectorAll("[data-layer-expand]").forEach(r=>{r.addEventListener("click",o=>{o.stopPropagation();const s=r.getAttribute("data-layer-expand");if(!s)return;a.expandedLayers.has(s)?a.expandedLayers.delete(s):a.expandedLayers.add(s);const d=r.closest(".ui-layer-group"),n=r.querySelector(".ui-chevron-icon"),l=a.expandedLayers.has(s);if(n&&n.classList.toggle("open",l),d){const c=d.querySelector(".ui-children-container");c&&(c.style.display=l?"block":"none")}a.salvarLembrancaEstado()})}),i.querySelectorAll("[data-layer-eye]").forEach(r=>{r.addEventListener("click",o=>{o.stopPropagation();const s=r.getAttribute("data-layer-eye"),d=a.camadas.find(n=>n.id===s);if(d){d.visible=d.visible===!1;const n=d.visible!==!1;r.innerHTML=n?m.olhoAberto:m.olhoFechado,$(r,n?"Ocultar Camada":"Exibir Camada");const l=r.closest(".ui-layer-row");l&&l.classList.toggle("hidden-layer",!n),He(a,i),a.salvarLembrancaEstado(),a.dispararEvento("ui-camada-visibilidade",{camadaId:d.id,visivel:n})}})}),i.querySelectorAll("[data-layer-lock]").forEach(r=>{r.addEventListener("click",o=>{o.stopPropagation();const s=r.getAttribute("data-layer-lock"),d=a.camadas.find(n=>n.id===s);d&&(d.locked=!d.locked,r.innerHTML=d.locked?m.cadeadoTrancado:m.cadeadoAberto,r.classList.toggle("ui-lock-open",!d.locked),$(r,d.locked?"Desbloquear Camada":"Bloquear Camada"),Ue(a,i,d.id,d.locked===!0),a.salvarLembrancaEstado(),a.dispararEvento("ui-camada-bloqueio",{camadaId:d.id,bloqueado:d.locked}))})}),i.querySelectorAll("[data-layer-fit]").forEach(r=>{r.addEventListener("click",o=>{o.stopPropagation();const s=r.getAttribute("data-layer-fit");s&&a.dispararEvento("ui-camada-enquadrar",{camadaId:s})})}),i.querySelectorAll("[data-layer-settings]").forEach(r=>{r.addEventListener("click",o=>{o.stopPropagation();const s=r.getAttribute("data-layer-settings");a.activeSettingsLayerId=a.activeSettingsLayerId===s?null:s,a.solicitarRenderizacao()})}),i.querySelectorAll("[data-layer-settings-close]").forEach(r=>{r.addEventListener("click",o=>{o.stopPropagation(),a.activeSettingsLayerId=null,a.solicitarRenderizacao()})});const e=(r,o,s)=>{const d=a.camadas.find(f=>f.id===r);if(!d)return;const n=P(o,d.color||"#00E08A");d.color=n;const l=i.getElementById(`sample-color-${r}`);l&&(l.style.backgroundColor=n);const c=i.getElementById(`hex-color-${r}`);c&&(c.textContent=n.toUpperCase());const p=i.getElementById(`settings-drawer-${r}`);p&&p.style.setProperty("--drawer-cor-camada",n);const u=S(i,"data-layer-row",r);if(u){u.style.setProperty("--layer-active-color",n);const f=u.querySelector(".ui-col-colorbar");f&&(f.style.backgroundColor=n)}s?a.salvarLembrancaEstado():a.agendarSalvarLembranca(),a.dispararEvento("ui-camada-cor",{camadaId:d.id,cor:n})};i.querySelectorAll("[data-layer-color-picker]").forEach(r=>{const o=r,s=d=>n=>{const l=o.getAttribute("data-layer-color-picker");if(!l)return;const c=n.target.value;e(l,c,d)};o.addEventListener("input",s(!1)),o.addEventListener("change",s(!0))});const t=(r,o)=>{const s=a.camadas.find(l=>l.id===r);if(!s)return;s.opacity=o;const d=i.getElementById(`badge-op-${r}`);d&&(d.textContent=`${Math.round(o*100)}%`);const n=S(i,"data-layer-opacity-slider",r);n&&parseFloat(n.value)!==o&&(n.value=String(o)),a.agendarSalvarLembranca(),a.dispararEvento("ui-camada-opacidade",{camadaId:s.id,opacidade:o})};i.querySelectorAll("[data-layer-opacity-slider]").forEach(r=>{r.addEventListener("input",o=>{const s=r.getAttribute("data-layer-opacity-slider");if(!s)return;const d=parseFloat(o.target.value);t(s,d)})}),i.querySelectorAll("[data-delete-layer]").forEach(r=>{let o=null;r.addEventListener("click",s=>{s.stopPropagation();const d=r.getAttribute("data-delete-layer");if(!d)return;if(r.classList.contains("confirming")){o&&clearTimeout(o),a.dispararEvento("ui-camada-excluida",{camadaId:d});const l=a.selectedFeatureIds.size;a.removerCamada(d),a.selectedFeatureIds.size!==l&&a.notificarMudancaSelecao()}else{r.classList.add("confirming");const l=r.querySelector(".ui-btn-label");l&&(l.textContent="Confirmar Exclusão?"),o=setTimeout(()=>{r.classList.remove("confirming"),l&&(l.textContent="Excluir Camada")},3500)}})}),i.querySelectorAll("[data-layer-target]").forEach(r=>{r.addEventListener("click",o=>{o.stopPropagation();const s=o,d=r.getAttribute("data-layer-target"),n=R(a.feicoes.filter(c=>c.layerId===d),a.searchQuery);if(n.length===0)return;n.every(c=>a.selectedFeatureIds.has(c.id))?n.forEach(c=>a.selectedFeatureIds.delete(c.id)):(!s.ctrlKey&&!s.metaKey&&a.selectedFeatureIds.clear(),n.forEach(c=>a.selectedFeatureIds.add(c.id))),a.lastClickedFeatureId=n[n.length-1].id,a.sincronizarSelecaoDOM(),a.notificarMudancaSelecao()})})}function He(a,i){const e=i.getElementById("btn-toggle-all-vis");if(!e)return;const t=a.camadas.every(r=>r.visible!==!1);e.innerHTML=t?m.olhoAberto:m.olhoFechado,$(e,t?"Ocultar Todas as Camadas":"Exibir Todas as Camadas")}function Ue(a,i,e,t){a.feicoes.filter(r=>r.layerId===e).forEach(r=>{const o=S(i,"data-feat-lock",r.id);if(!o)return;const s=r.locked===!0||t;o.innerHTML=s?m.cadeadoTrancado:m.cadeadoAberto,o.classList.toggle("ui-lock-open",!s),t?o.setAttribute("data-locked-by-layer","true"):o.removeAttribute("data-locked-by-layer"),$(o,t?"Bloqueada pela camada":s?"Desbloquear Feição":"Bloquear Feição")})}function _e(a,i){const e=i.getElementById("btn-footer-vis");e&&e.addEventListener("click",()=>{const l=a.feicoes.filter(u=>a.selectedFeatureIds.has(u.id));if(l.length===0)return;const p=!l.some(u=>u.visible!==!1);l.forEach(u=>u.visible=p),a.dispararEvento("ui-acao-massa",{acao:"visibilidade",feicoesIds:l.map(u=>u.id),feicoes:l,valor:p}),a.solicitarRenderizacao()});const t=i.getElementById("btn-footer-lock");t&&t.addEventListener("click",()=>{const l=a.feicoes.filter(u=>a.selectedFeatureIds.has(u.id));if(l.length===0)return;const p=!l.some(u=>u.locked===!0);l.forEach(u=>u.locked=p),a.dispararEvento("ui-acao-massa",{acao:"bloqueio",feicoesIds:l.map(u=>u.id),feicoes:l,valor:p}),a.solicitarRenderizacao()});const r=i.getElementById("input-footer-color");r&&r.addEventListener("change",l=>{const c=l.target.value,p=a.feicoes.filter(u=>a.selectedFeatureIds.has(u.id));p.length!==0&&(p.forEach(u=>{u.color=c,u.style={...u.style||{},fillColor:c,strokeColor:c}}),a.dispararEvento("ui-acao-massa",{acao:"cor",feicoesIds:p.map(u=>u.id),feicoes:p,valor:c}),a.solicitarRenderizacao())});const o=i.getElementById("select-footer-move");o&&o.addEventListener("change",l=>{const c=l.target.value;if(!c)return;const p=a.feicoes.filter(f=>a.selectedFeatureIds.has(f.id));if(p.length===0)return;const u=new Map(p.map(f=>[f.id,f.layerId]));p.forEach(f=>f.layerId=c),p.forEach(f=>{u.get(f.id)!==c&&a.dispararEvento("ui-feicao-movida",{feicaoId:f.id,camadaOrigemId:u.get(f.id),camadaDestinoId:c,feicao:f})}),a.dispararEvento("ui-acao-massa",{acao:"mover",feicoesIds:p.map(f=>f.id),feicoes:p,valor:c}),a.solicitarRenderizacao()});const s=i.getElementById("btn-footer-new-layer");s&&s.addEventListener("click",()=>{a.dispararEvento("ui-camada-adicionar",{})});const d=i.getElementById("btn-footer-del");if(d){let l=null;const c="Excluir selecionados";d.addEventListener("click",()=>{const p=Array.from(a.selectedFeatureIds);if(p.length===0)return;if(!d.classList.contains("confirming")){d.classList.add("confirming"),$(d,`Clique novamente para excluir ${p.length} selecionado(s)`),l=setTimeout(()=>{d.classList.remove("confirming"),$(d,c)},3500);return}l&&clearTimeout(l);const u=a.feicoes.filter(f=>a.selectedFeatureIds.has(f.id));a.feicoes=a.feicoes.filter(f=>!a.selectedFeatureIds.has(f.id)),a.selectedFeatureIds.clear(),a.lastClickedFeatureId=null,a.dispararEvento("ui-acao-massa",{acao:"excluir",feicoesIds:p,feicoes:u}),a.notificarMudancaSelecao(),a.solicitarRenderizacao()})}const n=i.getElementById("btn-footer-clear");n&&n.addEventListener("click",()=>a.limparSelecao(!0))}function Ve(a,i){const e=i.getElementById("btn-toggle-all-vis");e&&e.addEventListener("click",()=>a.alternarVisibilidadeTodas(!0));const t=i.getElementById("btn-toggle-all-expand");t&&t.addEventListener("click",s=>{s.stopPropagation(),a.camadas.length>0&&a.camadas.every(n=>a.expandedLayers.has(n.id))?a.colapsarTodas():a.expandirTodas()});const r=i.getElementById("btn-add-layer");r&&r.addEventListener("click",()=>{a.dispararEvento("ui-camada-adicionar",{})});const o=i.getElementById("btn-colapsar");o&&o.addEventListener("click",()=>a.colapsar(!0)),Ge(a,i)}function Ge(a,i){const e=i.getElementById("input-layer-search"),t=i.getElementById("btn-clear-layer-search"),r=()=>{var o;a.searchQuery="",a.solicitarRenderizacao(),(o=i.getElementById("input-layer-search"))==null||o.focus()};if(e){const o=de(()=>a.solicitarRenderizacao(),75);e.addEventListener("input",s=>{a.searchQuery=s.target.value,o()}),e.addEventListener("keydown",s=>{s.key==="Escape"&&a.searchQuery&&(s.preventDefault(),r())})}t&&t.addEventListener("click",r)}function Ke(a,i){i.querySelectorAll("[data-feat-select]").forEach(e=>{e.addEventListener("click",t=>{if(a.editingFeatureId)return;const r=t;if(r.target.closest("[data-feat-eye], [data-feat-lock], [data-feat-fit], [data-feat-target], input, button"))return;const s=e.getAttribute("data-feat-select");s&&a.selecionarFeicao(s,r.ctrlKey||r.metaKey,r.shiftKey,!0)})}),i.querySelectorAll("[data-feat-target]").forEach(e=>{e.addEventListener("click",t=>{t.stopPropagation();const r=t,o=e.getAttribute("data-feat-target");o&&a.selecionarFeicao(o,r.ctrlKey||r.metaKey,r.shiftKey,!0)})}),i.querySelectorAll("[data-feat-eye]").forEach(e=>{e.addEventListener("click",t=>{t.stopPropagation();const r=e.getAttribute("data-feat-eye"),o=a.feicoes.find(s=>s.id===r);if(o){o.visible=o.visible===!1;const s=o.visible!==!1;e.innerHTML=s?m.olhoAberto:m.olhoFechado,$(e,s?"Ocultar Feição":"Exibir Feição");const d=e.closest(".ui-feat-row");d&&d.classList.toggle("hidden-row",!s),a.dispararEvento("ui-feicao-visibilidade",{feicaoId:o.id,visivel:s})}})}),i.querySelectorAll("[data-feat-lock]").forEach(e=>{e.addEventListener("click",t=>{if(t.stopPropagation(),e.hasAttribute("data-locked-by-layer"))return;const r=e.getAttribute("data-feat-lock"),o=a.feicoes.find(s=>s.id===r);o&&(o.locked=!o.locked,e.innerHTML=o.locked?m.cadeadoTrancado:m.cadeadoAberto,e.classList.toggle("ui-lock-open",!o.locked),$(e,o.locked?"Desbloquear Feição":"Bloquear Feição"),a.dispararEvento("ui-feicao-bloqueio",{feicaoId:o.id,bloqueado:o.locked}))})}),i.querySelectorAll("[data-feat-fit]").forEach(e=>{e.addEventListener("click",t=>{t.stopPropagation();const r=e.getAttribute("data-feat-fit");r&&a.dispararEvento("ui-feicao-enquadrar",{feicaoId:r})})})}function Qe(a,i){i.querySelectorAll("[data-basemap-thumb]").forEach(e=>{e.addEventListener("error",()=>{const t=document.createElement("div");t.className="ui-basemap-preview-none",t.innerHTML=m.mapa,e.replaceWith(t)},{once:!0})}),i.querySelectorAll("[data-basemap-id]").forEach(e=>{e.addEventListener("click",()=>{const t=e.getAttribute("data-basemap-id");t&&a.selecionarMapaBase(t,!0)})})}function Ye(a,i){Ve(a,i),Ne(a,i),Ke(a,i),Qe(a,i),_e(a,i)}const Je='[role="button"][tabindex]',M="[data-layer-row], [data-feat-row]",We=["color","range","checkbox","radio","button"];function Ae(a){return a instanceof HTMLSelectElement||a instanceof HTMLTextAreaElement?!0:a instanceof HTMLInputElement&&!We.includes(a.type)}function Xe(a){return Array.from(a.querySelectorAll(M)).filter(i=>{const e=i.closest(".ui-children-container");return!(e&&e.style.display==="none")&&!i.classList.contains("ui-search-hidden")})}function D(a,i){i&&(a.querySelectorAll(M).forEach(e=>e.setAttribute("tabindex","-1")),i.setAttribute("tabindex","0"),i.focus())}function Ze(a,i){a.dispatchEvent(new MouseEvent("click",{bubbles:!0,ctrlKey:i.ctrlKey||i.metaKey,shiftKey:i.shiftKey}))}function ea(a,i,e){var t;if(!Ae(e.composedPath()[0])){if(a.activeSettingsLayerId){e.preventDefault();const r=a.activeSettingsLayerId;a.activeSettingsLayerId=null,a.solicitarRenderizacao(),(t=S(i,"data-layer-settings",r))==null||t.focus();return}a.selectedFeatureIds.size>0&&(e.preventDefault(),a.limparSelecao(!0))}}function aa(a,i,e){var s;const t=e.composedPath()[0];if(!(t instanceof HTMLElement)||Ae(t))return;if((e.key==="Enter"||e.key===" ")&&t.matches(Je)){e.preventDefault(),t.click();return}if(!t.matches(M))return;const r=Xe(a),o=r.indexOf(t);switch(e.key){case"ArrowDown":e.preventDefault(),D(a,r[Math.min(r.length-1,o+1)]);break;case"ArrowUp":e.preventDefault(),D(a,r[Math.max(0,o-1)]);break;case"Home":e.preventDefault(),D(a,r[0]);break;case"End":e.preventDefault(),D(a,r[r.length-1]);break;case"ArrowRight":case"ArrowLeft":{const d=t.getAttribute("data-layer-row");if(!d)return;const n=t.closest(".ui-layer-group"),l=(n==null?void 0:n.getAttribute("aria-expanded"))==="true";e.key==="ArrowRight"!==l&&(e.preventDefault(),(s=S(i,"data-layer-expand",d))==null||s.click());break}case"Enter":case" ":e.preventDefault(),Ze(t,e);break}}function ta(a,i,e,t,r){r.add(i,"keydown",o=>{o.key==="Escape"&&ea(a,e,o)}),r.add(t,"keydown",o=>aa(t,e,o)),r.add(t,"focusin",o=>{const s=o.composedPath()[0];s instanceof HTMLElement&&s.matches(M)&&(t.querySelectorAll(M).forEach(d=>d.setAttribute("tabindex","-1")),s.setAttribute("tabindex","0"))})}function ra(a,i){i.querySelectorAll("[data-layer-row]").forEach(t=>{const o=t.getAttribute("data-layer-row")===a.camadaAtivaId;t.classList.toggle("active-drawing-layer",o);const s=t.querySelector(".ui-col-name");if(s){let d=s.querySelector(".ui-active-badge");if(o&&!d){d=document.createElement("span"),d.className="ui-active-badge",d.textContent="✓ Ativa";const n=s.querySelector(".ui-count-chip");n?s.insertBefore(d,n):s.appendChild(d)}else!o&&d&&d.remove()}})}function ia(a,i){i.querySelectorAll(".ui-feat-row").forEach(g=>{const v=g.getAttribute("data-feat-row"),E=v?a.selectedFeatureIds.has(v):!1;g.classList.toggle("selected-row",E),g.setAttribute("aria-selected",String(E));const x=g.querySelector(".ui-target-circle");x&&x.classList.toggle("selected",E)}),i.querySelectorAll(".ui-layer-group").forEach(g=>{const v=g.getAttribute("data-layer-id"),E=a.feicoes.filter(h=>h.layerId===v),x=g.querySelector(".ui-layer-row .ui-target-circle");if(x&&E.length>0){const h=E.every(w=>a.selectedFeatureIds.has(w.id)),b=!h&&E.some(w=>a.selectedFeatureIds.has(w.id));x.classList.toggle("selected",h),x.classList.toggle("partial",b)}else x&&x.classList.remove("selected","partial")});const e=a.feicoes.filter(g=>a.selectedFeatureIds.has(g.id)),t=e.length>0,r=i.getElementById("footer-count"),o=i.getElementById("footer-label");r&&(r.textContent=String(t?e.length:a.camadas.length)),o&&(o.textContent=t?e.length>1?"selecionados":"selecionado":a.camadas.length>1?"camadas":"camada");const s=i.querySelector(".ui-footer-metric"),d=W(e);s&&(d?(s.innerHTML=`${m.reguaMetrica} ${d}`,s.style.display="inline-flex"):s.style.display="none"),["btn-footer-vis","btn-footer-lock","btn-footer-del"].forEach(g=>{const v=i.getElementById(g);v&&(v.disabled=!t,v.classList.toggle("disabled",!t))});const n=i.querySelector(".ui-footer-move-wrapper");n&&n.classList.toggle("disabled",!t);const l=i.getElementById("select-footer-move");l&&(l.disabled=!t);const c=i.querySelector(".ui-footer-color-wrapper");c&&c.classList.toggle("disabled",!t);const p=i.getElementById("input-footer-color");p&&(p.disabled=!t);let u=i.getElementById("btn-footer-clear");const f=i.querySelector(".ui-footer-right");t&&!u&&f?(u=document.createElement("button"),u.id="btn-footer-clear",u.className="ui-footer-btn",u.title="Limpar seleção",u.innerHTML=m.fechar,u.addEventListener("click",()=>a.limparSelecao(!0)),f.appendChild(u)):!t&&u&&u.remove()}function oa(a){function t(){return a.getMinAltura?a.getMinAltura():140}function r(){return a.getMaxAltura?a.getMaxAltura():1600}function o(l,c=!1){if(l==null||l===""){a.hostElement.style.removeProperty("height"),a.hostElement.style.removeProperty("--ui-camadas-altura"),c&&a.hostElement.dispatchEvent(new CustomEvent("ui-redimensionar-altura",{bubbles:!0,composed:!0,detail:{altura:null}}));return}const p=typeof l=="number"?l:parseFloat(String(l));if(isNaN(p))return;const u=Math.max(t(),Math.min(r(),Math.round(p)));a.hostElement.style.height=`${u}px`,a.hostElement.style.setProperty("--ui-camadas-altura",`${u}px`),c&&a.hostElement.dispatchEvent(new CustomEvent("ui-redimensionar-altura",{bubbles:!0,composed:!0,detail:{altura:u}}))}let s=null;function d(){if(!a.resizerElement)return;let l=!1,c=0,p=0;const u=g=>{if(g.button!==0)return;g.preventDefault(),g.stopPropagation(),l=!0,c=g.clientY,p=a.hostElement.getBoundingClientRect().height,a.resizerElement.classList.add("ui-camadas-resizer--ativo"),a.hostElement.classList.add("ui-camadas--redimensionando");try{a.resizerElement.setPointerCapture(g.pointerId)}catch{}const v=h=>{if(!l)return;h.preventDefault();const b=h.clientY-c,w=Math.max(t(),Math.min(r(),Math.round(p+b)));a.hostElement.style.height=`${w}px`,a.hostElement.style.setProperty("--ui-camadas-altura",`${w}px`),a.onRedimensionando&&a.onRedimensionando(w),a.hostElement.dispatchEvent(new CustomEvent("ui-redimensionando-altura",{bubbles:!0,composed:!0,detail:{altura:w}}))},E=()=>{var h;l=!1,s=null,window.removeEventListener("pointermove",v),window.removeEventListener("pointerup",x),window.removeEventListener("pointercancel",x),(h=a.resizerElement)==null||h.classList.remove("ui-camadas-resizer--ativo"),a.hostElement.classList.remove("ui-camadas--redimensionando")},x=h=>{if(!l)return;l=!1,a.resizerElement.classList.remove("ui-camadas-resizer--ativo"),a.hostElement.classList.remove("ui-camadas--redimensionando");try{a.resizerElement.hasPointerCapture(h.pointerId)&&a.resizerElement.releasePointerCapture(h.pointerId)}catch{}window.removeEventListener("pointermove",v),window.removeEventListener("pointerup",x),window.removeEventListener("pointercancel",x);const b=a.hostElement.getBoundingClientRect().height,w=Math.round(b);a.onAlturaAlterada&&a.onAlturaAlterada(w),a.hostElement.dispatchEvent(new CustomEvent("ui-redimensionar-altura",{bubbles:!0,composed:!0,detail:{altura:w}}))};s=E,window.addEventListener("pointermove",v),window.addEventListener("pointerup",x),window.addEventListener("pointercancel",x)},f=g=>{g.preventDefault(),g.stopPropagation(),o(null,!0),a.onAlturaAlterada&&a.onAlturaAlterada(null)};a.listeners.add(a.resizerElement,"pointerdown",u),a.listeners.add(a.resizerElement,"dblclick",f)}function n(){s==null||s(),a.listeners.cleanup()}return{init:d,definirAltura:o,destruir:n}}class N extends j.SafeHTMLElement{constructor(){super();y(this,"shadow");y(this,"listeners",new De.ListenerBag);y(this,"dragDropManager");y(this,"resizerController");y(this,"alturaCustomizada",null);y(this,"conectado",!1);y(this,"origensCamadas",new Map);y(this,"salvarLembrancaDebounced",de(()=>this.salvarLembrancaEstado(),200));y(this,"camadas",[]);y(this,"feicoes",[]);y(this,"mapasBase",[...X]);y(this,"expandedLayers",new Set);y(this,"selectedFeatureIds",new Set);y(this,"lastClickedFeatureId",null);y(this,"activeSettingsLayerId",null);y(this,"editingLayerId",null);y(this,"editingFeatureId",null);y(this,"searchQuery","");y(this,"corpoElement");y(this,"btnExpandirFlutuante");this.shadow=this.attachShadow({mode:"open"}),this.shadow.innerHTML=`
+      <style>${Re}</style>
+      <div class="ui-camadas-container" id="panel-container" role="region" aria-label="Painel de Camadas">
+        <div class="ui-camadas-corpo" id="painel-corpo"></div>
+        <div class="ui-camadas-resizer-altura" id="resizer-altura" title="Arraste para redimensionar a altura (duplo-clique para resetar)" aria-label="Redimensionar altura">
+          <span class="ui-camadas-resizer-grip"></span>
+        </div>
+      </div>
+      <button class="ui-camadas-toggle-flutuante" id="btn-expandir-flutuante" title="Expandir Painel de Camadas" aria-label="Expandir Painel de Camadas">
+        ${m.camadas}
+      </button>
+    `,this.corpoElement=this.shadow.getElementById("painel-corpo"),this.btnExpandirFlutuante=this.shadow.getElementById("btn-expandir-flutuante"),this.dragDropManager=new be(this,this.shadow);const e=this.shadow.getElementById("resizer-altura");this.resizerController=oa({hostElement:this,resizerElement:e,listeners:this.listeners,getMinAltura:()=>{const t=this.getAttribute("min-altura");return t&&parseFloat(t)||140},getMaxAltura:()=>{const t=this.getAttribute("max-altura");return t&&parseFloat(t)||1600},onAlturaAlterada:t=>{this.alturaCustomizada=t,this.salvarLembrancaEstado()}})}static get observedAttributes(){return["titulo","mapa-base-ativo","camada-ativa","aba-ativa","colapsavel","colapsado","flutuante","mostrar-mapas-base","mostrar-rodape","mostrar-busca","densidade","persistir","storage-key","redimensionavel","redimensionavel-altura","altura","min-altura","max-altura"]}connectedCallback(){if(this.persistir){const e=T(this.obterChaveStorageAtual());e&&(e.painelColapsado===!0&&!this.hasAttribute("colapsado")&&(this.colapsado=!0),e.camadaAtivaId&&!this.getAttribute("camada-ativa")&&(this.camadaAtivaId=e.camadaAtivaId),e.mapaBaseAtivo&&!this.getAttribute("mapa-base-ativo")&&(this.mapaBaseAtivo=e.mapaBaseAtivo),e.densidade&&!this.getAttribute("densidade")&&(this.densidade=e.densidade),typeof e.altura=="number"&&!this.getAttribute("altura")&&!this.style.height&&(this.resizerController.definirAltura(e.altura,!1),this.alturaCustomizada=e.altura))}this.hasAttribute("altura")&&this.resizerController.definirAltura(this.getAttribute("altura"),!1),this.resizerController.init(),this.render(),this.conectarEventosGerais(),ta(this,this,this.shadow,this.corpoElement,this.listeners),this.conectado=!0,this.camadas.length>0&&this.salvarLembrancaEstado()}disconnectedCallback(){var e;this.conectado=!1,(e=this.resizerController)==null||e.destruir(),this.listeners.cleanup()}attributeChangedCallback(e,t,r){var o;t!==r&&(e==="colapsado"?this.salvarLembrancaEstado():e==="camada-ativa"?(this.sincronizarCamadaAtivaDOM(),this.salvarLembrancaEstado()):e==="mapa-base-ativo"?r&&this.marcarMapaBaseAtivoNoDOM(r):e==="mostrar-mapas-base"||e==="mostrar-rodape"||e==="mostrar-busca"||e==="colapsavel"||e==="flutuante"?this.solicitarRenderizacao():e==="altura"&&((o=this.resizerController)==null||o.definirAltura(r,!1)))}get titulo(){return this.getAttribute("titulo")||"Camadas"}set titulo(e){this.setAttribute("titulo",e)}get camadaAtivaId(){var e;return this.getAttribute("camada-ativa")||(((e=this.camadas[0])==null?void 0:e.id)??null)}set camadaAtivaId(e){e?this.setAttribute("camada-ativa",e):this.removeAttribute("camada-ativa")}get mapaBaseAtivo(){return this.getAttribute("mapa-base-ativo")||"satelite"}set mapaBaseAtivo(e){this.setAttribute("mapa-base-ativo",e)}selecionarMapaBase(e,t=!1){!e||this.mapaBaseAtivo===e||(this.mapaBaseAtivo=e,this.marcarMapaBaseAtivoNoDOM(e),this.salvarLembrancaEstado(),t&&this.dispararEvento("ui-mapa-base-alterado",{mapaBaseId:e}))}marcarMapaBaseAtivoNoDOM(e){this.shadow.querySelectorAll("[data-basemap-id]").forEach(t=>{const r=t.getAttribute("data-basemap-id")===e;t.classList.toggle("active",r),t.setAttribute("aria-pressed",String(r))})}get abaAtiva(){return this.getAttribute("aba-ativa")||"camadas"}set abaAtiva(e){this.setAttribute("aba-ativa",e)}get colapsado(){return this.hasAttribute("colapsado")}set colapsado(e){e?this.setAttribute("colapsado",""):this.removeAttribute("colapsado")}get colapsavel(){return this.getAttribute("colapsavel")!=="false"}set colapsavel(e){this.setAttribute("colapsavel",String(e))}get flutuante(){return this.hasAttribute("flutuante")}set flutuante(e){e?this.setAttribute("flutuante",""):this.removeAttribute("flutuante")}get densidade(){return this.getAttribute("densidade")||"normal"}set densidade(e){this.setAttribute("densidade",e)}get mostrarMapasBase(){return this.getAttribute("mostrar-mapas-base")!=="false"}set mostrarMapasBase(e){this.setAttribute("mostrar-mapas-base",String(e))}get mostrarRodape(){return this.getAttribute("mostrar-rodape")!=="false"}set mostrarRodape(e){this.setAttribute("mostrar-rodape",String(e))}get mostrarBusca(){return this.getAttribute("mostrar-busca")!=="false"}set mostrarBusca(e){this.setAttribute("mostrar-busca",String(e))}get persistir(){return this.getAttribute("persistir")!=="false"}set persistir(e){this.setAttribute("persistir",String(e))}get storageKey(){return this.getAttribute("storage-key")}set storageKey(e){e?this.setAttribute("storage-key",e):this.removeAttribute("storage-key")}get redimensionavel(){return this.hasAttribute("redimensionavel")||this.hasAttribute("redimensionavel-altura")}set redimensionavel(e){e?this.setAttribute("redimensionavel",""):(this.removeAttribute("redimensionavel"),this.removeAttribute("redimensionavel-altura"))}get altura(){return this.getAttribute("altura")||this.style.height||null}set altura(e){e!=null?(this.setAttribute("altura",String(e)),this.definirAltura(e)):(this.removeAttribute("altura"),this.definirAltura(null))}definirAltura(e,t=!0){var o;(o=this.resizerController)==null||o.definirAltura(e,!1);const r=e!==null?parseFloat(String(e)):null;this.alturaCustomizada=isNaN(r)?null:r,t&&this.salvarLembrancaEstado()}obterChaveStorageAtual(){return ve(this.storageKey,this.id)}agendarSalvarLembranca(){this.salvarLembrancaDebounced()}salvarLembrancaEstado(){if(!this.persistir||!this.conectado)return;const e=this.obterChaveStorageAtual(),t=Ee({estadoAnterior:T(e),origensCamadas:this.origensCamadas,camadas:this.camadas,expandedLayers:this.expandedLayers,camadaAtivaId:this.camadaAtivaId,painelColapsado:this.colapsado,mapaBaseAtivo:this.mapaBaseAtivo,densidade:this.densidade,altura:this.alturaCustomizada});ye(e,t)}limparLembranca(){xe(this.obterChaveStorageAtual())}get layers(){return this.camadas}set layers(e){this.definirCamadas(e)}get features(){return this.feicoes}set features(e){this.definirFeicoes(e)}get basemaps(){return this.mapasBase}set basemaps(e){this.definirMapasBase(e)}definirCamadas(e,t){if(this.camadas=Array.isArray(e)?e.map(r=>({...r})):[],this.origensCamadas.clear(),this.persistir){const r=T(this.obterChaveStorageAtual());we(this.camadas,r,this.expandedLayers,this.origensCamadas),r!=null&&r.camadaAtivaId&&this.camadas.some(o=>o.id===r.camadaAtivaId)&&(this.camadaAtivaId=r.camadaAtivaId)}else this.camadas.forEach(r=>{this.origensCamadas.set(r.id,O(r)),this.expandedLayers.has(r.id)||this.expandedLayers.add(r.id)});if(Array.isArray(t)){this.feicoes=t.map(s=>({...s}));const r=new Set(this.camadas.map(s=>s.id)),o=this.feicoes.filter(s=>s.layerId&&!r.has(s.layerId));o.length>0&&console.warn(`[UI-Camadas] ${o.length} feição(ões) possuem 'layerId' não cadastrado nas camadas:`,o.map(s=>({id:s.id,nome:s.name,layerId:s.layerId}))),this.sincronizarSelecoesComFeicoesValidas()}!this.getAttribute("camada-ativa")&&this.camadas.length>0&&(this.camadaAtivaId=this.camadas[0].id),this.salvarLembrancaEstado(),this.solicitarRenderizacao()}definirFeicoes(e){this.feicoes=Array.isArray(e)?e.map(t=>({...t})):[],this.sincronizarSelecoesComFeicoesValidas(),this.solicitarRenderizacao()}definirMapasBase(e){this.mapasBase=Array.isArray(e)?[...e]:[],this.solicitarRenderizacao()}definirCamadaAtiva(e,t=!1){!e||this.camadaAtivaId===e||(this.camadaAtivaId=e,this.sincronizarCamadaAtivaDOM(),this.salvarLembrancaEstado(),t&&this.dispararEvento("ui-camada-selecionada",{camadaId:e,camada:this.camadas.find(r=>r.id===e)}))}obterCamada(e){return this.camadas.find(t=>t.id===e)}obterCamadaAtiva(){return this.camadas.find(e=>e.id===this.camadaAtivaId)}obterFeicao(e){return this.feicoes.find(t=>t.id===e)}obterFeicoesSelecionadas(){return this.feicoes.filter(e=>this.selectedFeatureIds.has(e.id))}adicionarCamada(e){if(!e||!e.id)return;if(this.camadas.some(r=>r.id===e.id)){console.warn(`[UI-Camadas] adicionarCamada ignorado: já existe uma camada com id '${e.id}'.`);return}const t={...e};this.camadas.push(t),this.origensCamadas.set(t.id,O(t)),this.expandedLayers.add(t.id),this.salvarLembrancaEstado(),this.solicitarRenderizacao()}removerCamada(e){var t;this.camadas=this.camadas.filter(r=>r.id!==e),this.feicoes=this.feicoes.filter(r=>r.layerId!==e),this.origensCamadas.delete(e),this.expandedLayers.delete(e),this.activeSettingsLayerId===e&&(this.activeSettingsLayerId=null),this.sincronizarSelecoesComFeicoesValidas(),this.selectedFeatureIds.size===0&&(this.lastClickedFeatureId=null),this.camadaAtivaId===e&&(this.camadaAtivaId=((t=this.camadas[0])==null?void 0:t.id)??null),this.salvarLembrancaEstado(),this.solicitarRenderizacao()}adicionarFeicao(e){if(!(!e||!e.id)){if(this.feicoes.some(t=>t.id===e.id)){console.warn(`[UI-Camadas] adicionarFeicao ignorado: já existe uma feição com id '${e.id}'.`);return}this.feicoes.push({...e}),this.solicitarRenderizacao()}}atualizarFeicao(e){const t=this.feicoes.findIndex(r=>r.id===e.id);t!==-1&&(this.feicoes[t]={...this.feicoes[t],...e},this.solicitarRenderizacao())}removerFeicao(e){this.feicoes=this.feicoes.filter(t=>t.id!==e),this.selectedFeatureIds.delete(e),this.solicitarRenderizacao()}selecionarFeicao(e,t=!1,r=!1,o=!1){const s=fe(pe(this.camadas,this.feicoes,this.expandedLayers,this.searchQuery),this.selectedFeatureIds,this.lastClickedFeatureId,e,t,r);s&&(this.selectedFeatureIds=s.selecionados,this.lastClickedFeatureId=s.ultimoClicadoId,this.sincronizarSelecaoDOM(),o&&this.notificarMudancaSelecao())}selecionarFeicoes(e,t=!1){const r=e||[];r.length===this.selectedFeatureIds.size&&r.every(d=>this.selectedFeatureIds.has(d))||(this.selectedFeatureIds.clear(),r.forEach(d=>this.selectedFeatureIds.add(d)),this.sincronizarSelecaoDOM(),t&&this.notificarMudancaSelecao())}limparSelecao(e=!1){this.selectedFeatureIds.size!==0&&(this.selectedFeatureIds.clear(),this.lastClickedFeatureId=null,this.sincronizarSelecaoDOM(),e&&this.notificarMudancaSelecao())}expandirTodas(){this.expandedLayers=new Set(this.camadas.map(e=>e.id)),this.salvarLembrancaEstado(),this.solicitarRenderizacao()}colapsarTodas(){this.expandedLayers.clear(),this.salvarLembrancaEstado(),this.solicitarRenderizacao()}alternarVisibilidadeTodas(e=!1){const r=!this.camadas.some(o=>o.visible!==!1);this.camadas.forEach(o=>{o.visible=r,e&&this.dispararEvento("ui-camada-visibilidade",{camadaId:o.id,visivel:r})}),this.salvarLembrancaEstado(),this.solicitarRenderizacao()}colapsar(e=!1){this.definirColapso(!0,e)}expandir(e=!1){this.definirColapso(!1,e)}alternarColapso(e=!1){this.definirColapso(!this.colapsado,e)}definirColapso(e,t){this.colapsado!==e&&(this.colapsado=e,t&&this.dispararEvento("ui-colapso-alterado",{colapsado:e}))}solicitarRenderizacao(){this.render()}dispararEvento(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}render(){var u;if(!this.corpoElement)return;const e=ge({camadas:this.camadas,feicoes:this.feicoes,camadaAtivaId:this.camadaAtivaId,expandedLayers:this.expandedLayers,selectedFeatureIds:this.selectedFeatureIds,activeSettingsLayerId:this.activeSettingsLayerId,editingLayerId:this.editingLayerId,editingFeatureId:this.editingFeatureId,searchQuery:this.searchQuery,mostrarBotaoColapsar:this.flutuante&&this.getAttribute("colapsavel")!=="false"}),t=this.mostrarMapasBase?ce(this.mapasBase,this.mapaBaseAtivo):"",r=this.mostrarRodape?ue(this.camadas,this.feicoes,this.selectedFeatureIds):"",o=this.shadow.getElementById("ui-layer-tree-mount"),s=this.corpoElement.scrollTop,d=o?o.scrollTop:0,n=this.shadow.activeElement,l=n&&this.corpoElement.contains(n)?n.id:"",c=n&&"selectionStart"in n?n.selectionStart:null;this.corpoElement.innerHTML=`
+      ${e}
+      ${r}
+      ${t}
+    `,this.corpoElement.scrollTop=s;const p=this.shadow.getElementById("ui-layer-tree-mount");if(p&&(p.scrollTop=d),l){const f=this.shadow.getElementById(l);if(f&&(f.focus({preventScroll:!0}),c!==null&&typeof f.setSelectionRange=="function"))try{f.setSelectionRange(c,c)}catch{}}(u=this.shadow.querySelector("[data-layer-row], [data-feat-row]"))==null||u.setAttribute("tabindex","0"),Ye(this,this.shadow),this.dragDropManager.bindAll()}conectarEventosGerais(){this.listeners.add(this.btnExpandirFlutuante,"click",()=>this.expandir(!0))}sincronizarCamadaAtivaDOM(){ra(this,this.shadow)}sincronizarSelecaoDOM(){ia(this,this.shadow)}sincronizarSelecoesComFeicoesValidas(){me(this.selectedFeatureIds,this.feicoes)}notificarMudancaSelecao(){const e=this.feicoes.filter(t=>this.selectedFeatureIds.has(t.id));this.dispararEvento("ui-feicoes-selecionadas",{feicoesIds:Array.from(this.selectedFeatureIds),feicoes:e}),e.length===1?this.dispararEvento("ui-feicao-selecionada",{feicaoId:e[0].id,feicao:e[0]}):e.length===0&&this.dispararEvento("ui-feicao-selecionada",{feicaoId:null,feicao:null})}}class ke extends N{}class Ie extends N{}j.definirCustomElement("ui-camadas",N);j.definirCustomElement("ui-painel-camadas",ke);j.definirCustomElement("ui-layer-panel",Ie);exports.UIMapaBase=ne.UIMapaBase;exports.UISeletorMapaBase=ne.UISeletorMapaBase;exports.CamadasDragDropManager=be;exports.ICONES=m;exports.LIMITE_FEICOES_POR_CAMADA=Z;exports.MAPAS_BASE_PADRAO=X;exports.UICamadas=N;exports.UILayerPanel=Ie;exports.UIPainelCamadas=ke;exports.calcularAreaPoligono=J;exports.calcularComprimentoLinha=Y;exports.calcularDistanciaPontos=le;exports.calcularSelecaoFeicao=fe;exports.carregarEstadoPersistido=T;exports.escapeHtml=k;exports.filtrarFeicoesPorBusca=R;exports.formatarMetricaFeicoes=W;exports.gerarChaveStorage=ve;exports.limparEstadoPersistido=xe;exports.montarEstadoPersistido=Ee;exports.obterIdsVisiveisFeicoes=pe;exports.reidratarCamadasComOverrides=we;exports.removerSelecoesInvalidas=me;exports.renderizarArvoreCamadas=ge;exports.renderizarGridMapasBase=ce;exports.renderizarRodapeAcoes=ue;exports.renderizarThumbGeometria=he;exports.salvarEstadoPersistido=ye;exports.snapshotCamada=O;

package/dist/camadas.d.ts

@@ -0,0 +1,14 @@
+import { UICamadas, UIPainelCamadas, UILayerPanel } from './components/ui-camadas';
+import { UISeletorMapaBase } from './components/ui-seletor-mapa-base';
+export * from './components/ui-camadas';
+export { UISeletorMapaBase, UIMapaBase } from './components/ui-seletor-mapa-base';
+export type { PosicaoSeletorMapaBase, VarianteSeletorMapaBase, UISeletorMapaBaseOpcoes, DetalheEventoMapaBaseAlterado } from './components/ui-seletor-mapa-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui-camadas': UICamadas;
+        'ui-painel-camadas': UIPainelCamadas;
+        'ui-layer-panel': UILayerPanel;
+        'ui-seletor-mapa-base': UISeletorMapaBase;
+        'ui-mapa-base': UISeletorMapaBase;
+    }
+}