@phila/layerboard 3.0.0-beta.32 → 3.0.0-beta.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/components/Layerboard.vue.d.ts +3 -0
  2. package/dist/composables/useLayerConfig.d.ts +1 -0
  3. package/dist/composables/useLayerboard.d.ts +4 -0
  4. package/dist/index.js +2 -2
  5. package/dist/index.mjs +1332 -1317
  6. package/dist/layerboard.css +1 -1
  7. package/dist/types/layer.d.ts +2 -0
  8. package/package.json +2 -2
package/dist/components/Layerboard.vue.d.ts CHANGED
@@ -119,6 +119,7 @@ declare function __VLS_template(): {
119
119
  shouldShowLegendBox?: boolean | undefined;
120
120
  layerNameChange?: string | undefined;
121
121
  } | undefined;
122
+ parentId?: string | undefined;
122
123
  };
123
124
  component: string;
124
125
  }[];
@@ -200,6 +201,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
200
201
  shouldShowLegendBox?: boolean | undefined;
201
202
  layerNameChange?: string | undefined;
202
203
  } | undefined;
204
+ parentId?: string | undefined;
203
205
  };
204
206
  component: string;
205
207
  }[], {
@@ -245,6 +247,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
245
247
  shouldShowLegendBox?: boolean | undefined;
246
248
  layerNameChange?: string | undefined;
247
249
  } | undefined;
250
+ parentId?: string | undefined;
248
251
  };
249
252
  component: string;
250
253
  }[]>;
package/dist/composables/useLayerConfig.d.ts CHANGED
@@ -39,6 +39,7 @@ export declare function useLayerConfig(): {
39
39
  shouldShowLegendBox?: boolean | undefined;
40
40
  layerNameChange?: string | undefined;
41
41
  } | undefined;
42
+ parentId?: string | undefined;
42
43
  }[]>;
43
44
  visibleLayerIds: import('vue').ComputedRef<Set<string> & Omit<Set<string>, keyof Set<any>>>;
44
45
  loadingLayerIds: import('vue').ComputedRef<Set<string> & Omit<Set<string>, keyof Set<any>>>;
package/dist/composables/useLayerboard.d.ts CHANGED
@@ -63,6 +63,7 @@ export declare function useLayerboard(config: LayerboardConfig): {
63
63
  readonly shouldShowLegendBox?: boolean | undefined;
64
64
  readonly layerNameChange?: string | undefined;
65
65
  } | undefined;
66
+ readonly parentId?: string | undefined;
66
67
  }[], readonly {
67
68
  readonly id: string;
68
69
  readonly title: string;
@@ -106,6 +107,7 @@ export declare function useLayerboard(config: LayerboardConfig): {
106
107
  readonly shouldShowLegendBox?: boolean | undefined;
107
108
  readonly layerNameChange?: string | undefined;
108
109
  } | undefined;
110
+ readonly parentId?: string | undefined;
109
111
  }[]>>;
110
112
  visibleLayers: Readonly<import('vue').Ref<ReadonlySet<string>, ReadonlySet<string>>>;
111
113
  layerOpacities: Readonly<import('vue').Ref<{
@@ -162,6 +164,7 @@ export declare function useLayerboard(config: LayerboardConfig): {
162
164
  shouldShowLegendBox?: boolean | undefined;
163
165
  layerNameChange?: string | undefined;
164
166
  } | undefined;
167
+ parentId?: string | undefined;
165
168
  }[]>;
166
169
  layerList: import('vue').ComputedRef<{
167
170
  config: {
@@ -203,6 +206,7 @@ export declare function useLayerboard(config: LayerboardConfig): {
203
206
  shouldShowLegendBox?: boolean | undefined;
204
207
  layerNameChange?: string | undefined;
205
208
  } | undefined;
209
+ parentId?: string | undefined;
206
210
  };
207
211
  component: "fill" | "line" | "circle";
208
212
  }[]>;
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),Q=require("@phila/phila-ui-map-core"),q=require("@phila/phila-ui-core");var Ce=typeof document<"u"?document.currentScript:null;const kt={class:"map-panel"},Lt=e.defineComponent({__name:"MapPanel",props:{visibleLayers:{},layerOpacities:{},layerList:{},tiledLayers:{default:void 0},visibleTiledLayers:{default:void 0},tiledLayerOpacities:{default:void 0},cyclomediaConfig:{default:void 0},pictometryCredentials:{default:void 0},basemapControlPosition:{default:"top-right"},navigationControlPosition:{default:"bottom-right"},geolocationControlPosition:{default:"bottom-right"},searchControlPosition:{default:"top-left"},drawControlPosition:{default:"bottom-left"},cyclomediaButtonPosition:{default:"top-right"},pictometryButtonPosition:{default:"top-right"},initialZoom:{default:void 0},initialCenter:{default:void 0}},emits:["zoom","layerLoading","layerError"],setup(t,{emit:a}){const r=t,n=a,s=e.ref(null),i=e.ref(null),u=e.ref(0);function v(o){n("zoom",o),i.value&&(u.value=p(i.value))}function p(o){const f=o.getZoom(),L=o.getCenter().lat,S=559082264028e-3,$=L*Math.PI/180;return S*Math.cos($)/Math.pow(2,f)}const w=e.ref({}),m=e.ref(null),g=e.ref(new Set);async function l(o,f,c,L,S){const $=encodeURIComponent(L||"1=1"),P=JSON.stringify({xmin:f.west,ymin:f.south,xmax:f.east,ymax:f.north,spatialReference:{wkid:4326}}),Z=S!==void 0&&S<14?`&maxAllowableOffset=${360/(Math.pow(2,S)*512)}`:"",z=2e3;let j=0,T=[],_=!0;for(;_;){const D=`${o}/query?where=${$}&geometry=${encodeURIComponent(P)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${z}&resultOffset=${j}${Z}&f=geojson`,K=await fetch(D);if(!K.ok)throw new Error(`HTTP ${K.status}: ${K.statusText}`);const Y=await K.json();Y.features&&Y.features.length>0?(T=T.concat(Y.features),j+=Y.features.length,_=Y.features.length===z):_=!1}return T=T.map(D=>{if(D.properties){const K={};for(const Y of Object.keys(D.properties))K[Y.toLowerCase()]=D.properties[Y];return{...D,properties:K}}return D}),{type:"FeatureCollection",features:T}}async function h(o,f,c){const L=f.map(async S=>{const $=r.layerList.find(P=>P.config.id===S)?.config;if($&&!(c!==void 0&&$.minZoom!==void 0&&c<$.minZoom)){n("layerLoading",S,!0);try{const P=await l($.url,o,S,$.where,c);w.value={...w.value,[S]:P},n("layerError",S,null)}catch(P){const Z=P instanceof Error?P.message:"Failed to load";n("layerError",S,Z)}finally{n("layerLoading",S,!1)}}});await Promise.all(L)}async function d(o,f){const c=[...r.visibleLayers];await h(o,c,f)}function b(o){m.value=o.bounds,d(o.bounds,o.zoom)}function k(o){i.value=o;const f=o.getBounds();m.value={west:f.getWest(),south:f.getSouth(),east:f.getEast(),north:f.getNorth()};const c=o.getZoom();n("zoom",c),u.value=p(o),d(m.value,c)}e.watch(()=>r.visibleLayers,async()=>{if(X.value.length>0&&H(),m.value){const o=new Set(r.visibleLayers),f=[...o].filter(c=>!g.value.has(c));if(g.value=new Set(o),f.length>0){const c=i.value?.getZoom();await h(m.value,f,c)}}});function B(o){return r.visibleLayers.has(o)}function x(o){return!!w.value[o.id]}const F=e.computed(()=>r.layerList.filter(o=>o.config.type==="circle"&&B(o.config.id)&&x(o.config)).map(o=>o.config)),E=e.computed(()=>r.layerList.filter(o=>o.config.type==="fill"&&B(o.config.id)&&x(o.config)).map(o=>o.config)),V=e.computed(()=>r.layerList.filter(o=>o.config.type==="fill"&&o.config.outlinePaint&&B(o.config.id)&&x(o.config)).map(o=>o.config)),M=e.computed(()=>r.layerList.filter(o=>o.config.type==="line"&&B(o.config.id)&&x(o.config)).map(o=>o.config));e.watch(M,async o=>{if(o.length<2)return;await e.nextTick();const f=i.value;if(f)for(let c=o.length-1;c>=0;c--){const L=c<o.length-1?o[c+1].id:"highlight-lines";try{f.getLayer(o[c].id)&&f.moveLayer(o[c].id,L)}catch{}}});function W(o){return r.visibleTiledLayers?.has(o)??!1}function I(o){return r.tiledLayerOpacities?.[o]??1}function oe(o){return`${o.replace(/\/$/,"")}/tile/{z}/{y}/{x}`}function ne(o){return{type:"raster",tiles:[oe(o.url)],tileSize:256,attribution:o.attribution||""}}const Be=e.ref({}),Me=e.ref(new Set);async function Ue(o){if(!Me.value.has(o.id)){Me.value.add(o.id);try{const f=o.url.replace(/\/$/,""),c=await fetch(`${f}?f=json`);if(!c.ok)return;const L=await c.json(),S=L.minScale||0;let $=L.maxScale||0;if(L.layers&&L.layers.length>0)for(const P of L.layers)P.maxScale&&P.maxScale>0&&($===0||P.maxScale<$)&&($=P.maxScale);$===0&&($=72e3),Be.value={...Be.value,[o.id]:{minScale:S,maxScale:$}}}catch{}}}e.onMounted(()=>{if(r.tiledLayers)for(const o of r.tiledLayers)o.scaleBasedRendering&&Ue(o)});function he(o){if(!o.scaleBasedRendering)return"tiled";const f=Be.value[o.id];if(!f)return"tiled";const c=u.value;return c===0||c>f.maxScale?"tiled":"dynamic"}const Ze=e.computed(()=>r.tiledLayers?r.tiledLayers.filter(o=>W(o.id)?o.scaleBasedRendering?he(o)==="tiled":!0:!1):[]),We=e.computed(()=>r.tiledLayers?r.tiledLayers.filter(o=>W(o.id)&&o.scaleBasedRendering?he(o)==="dynamic":!1):[]);function ve(o){return{type:"raster",tiles:[`${o.url.replace(/\/$/,"")}/export?bbox={bbox-epsg-3857}&bboxSR=3857&imageSR=3857&size=256,256&format=png32&transparent=true&f=image`],tileSize:256,attribution:o.attribution||""}}function ue(o){return{type:"geojson",data:w.value[o.id],tolerance:0}}function be(o){return r.layerOpacities[o]??1}function de(o){const f=be(o.id),c=o.type==="circle"?"circle-opacity":o.type==="fill"?"fill-opacity":"line-opacity";if(o.type==="fill"&&o.paint["fill-opacity"]===0)return{...o.paint,"fill-opacity":0};const L=o.type==="circle"?"circle-color":o.type==="fill"?"fill-color":"line-color",S={...o.paint},$=S[L],P=S[c]===1,Z=typeof $=="string"&&$.startsWith("rgba(");if(P&&Z){if(f===1)return S;{const z=$.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);if(z&&z[4]){const[,j,T,_,D]=z,K=parseFloat(D)*f;S[L]=`rgba(${j}, ${T}, ${_}, ${K})`,S[c]=1}return S}}if(Z){const z=$.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);if(z){const[,j,T,_]=z;S[L]=`rgb(${j}, ${T}, ${_})`}}return S[c]=f,S}function je(o){const f=be(o.id);return{...o.outlinePaint,"line-opacity":f}}const X=e.ref([]),ke=e.ref(null),G=e.ref(0);function me(o){const f=o.replace(/-outline$/,"");return r.layerList.find(L=>L.config.id===f)?.config}function qe(o,f){return o.replace(/\{([^}]+)\}/g,(c,L)=>{const S=f[L];return S==null?"":String(S)})}function ae(o){return o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function Ee(o,f,c){if(o==null)return"-";if(f?.dateFormat&&typeof o=="number"){const L=new Date(o);if(c&&f.dateFormat==="shortDateShortTime")return L.toLocaleString(void 0,{dateStyle:"short",timeStyle:"short"});switch(f.dateFormat){case"shortDateShortTime":return L.toLocaleDateString();case"longMonthDayYear":return L.toLocaleDateString(void 0,{month:"long",day:"numeric",year:"numeric"});case"shortDate":return L.toLocaleDateString();case"longDate":return L.toLocaleDateString(void 0,{weekday:"long",month:"long",day:"numeric",year:"numeric"});default:return L.toLocaleDateString()}}if(typeof o=="number"){if(o>1e12&&!f)return new Date(o).toLocaleDateString();const L=f?.places,S=f?.digitSeparator??!0;if(L!==void 0){if(Number.isInteger(o)&&L>=0)return String(o);const $=o.toFixed(L);if(S){const P=$.split("."),Z=P[0]||"0",z=P[1],j=Z.replace(/\B(?=(\d{3})+(?!\d))/g,",");return z?`${j}.${z}`:j}return $}return Number.isInteger(o)?String(o):S?o.toLocaleString():String(o)}return String(o)}function xe(o){const f=new Set;return o.filter(c=>{const S=`${c.layer.id.replace(/-outline$/,"")}:${JSON.stringify(c.properties)}`;return f.has(S)?!1:(f.add(S),!0)})}function Te(o,f){const c=w.value[o];if(!c?.features)return null;const L=f.objectid??f.OBJECTID??f.FID;if(L!=null){const S=c.features.find($=>($.properties?.objectid??$.properties?.OBJECTID??$.properties?.FID)===L);if(S)return S.geometry}return null}function re(o,f){const c=new Map;return f.forEach((L,S)=>{c.set(L.id,S)}),o.sort((L,S)=>{const $=L.layer.id.replace(/-outline$/,""),P=S.layer.id.replace(/-outline$/,""),Z=c.get($)??-1;return(c.get(P)??-1)-Z})}function Le(o){const f=i.value;if(!f)return;const c=[];r.layerList.forEach(T=>{const _=T.config;r.visibleLayers.has(_.id)&&(c.push(_.id),_.outlinePaint&&c.push(`${_.id}-outline`))});const L=f.project([o.lngLat.lng,o.lngLat.lat]),S=f.queryRenderedFeatures(L,{layers:c});if(S.length===0)return;const $=xe(S),P=r.layerList.map(T=>T.config),z=re($,P).map(T=>{const _=T.layer.id.replace(/-outline$/,""),D=me(_);if(!D)return null;const K=Te(D.id,T.properties||{});return{layerId:D.id,layerTitle:D.title,properties:T.properties||{},geometry:K||T.geometry,popupConfig:D.popup}}).filter(T=>T!==null);if(z.length===0)return;z.sort((T,_)=>{const D=T.popupConfig?.popupSortField,K=_.popupConfig?.popupSortField;if(!D||D!==K)return 0;const Y=T.properties[D],Je=_.properties[D];if(Y==null||Je==null)return 0;const at=T.popupConfig?.popupSortOrder!=="asc";return Y<Je?at?1:-1:Y>Je?at?-1:1:0}),X.value=z,G.value=0,ke.value=[o.lngLat.lng,o.lngLat.lat];const j=z[0];if(j){const T=me(j.layerId);if(T){const _=C(j.geometry),D=R(T.id,T.type);y.value={geometry:j.geometry,geometryType:_,layerId:T.id,properties:j.properties,originalStyle:D}}}}function H(){X.value=[],ke.value=null,G.value=0,y.value=null}function Pe(o){if(X.value.length===0)return;const f=o.target;if(!(f.tagName==="INPUT"||f.tagName==="TEXTAREA"||f.isContentEditable))switch(o.key){case"ArrowLeft":case"ArrowUp":o.preventDefault(),ee();break;case"ArrowRight":case"ArrowDown":o.preventDefault(),ye();break;case"Escape":o.preventDefault(),H();break}}e.onMounted(()=>{window.addEventListener("keydown",Pe)}),e.onUnmounted(()=>{window.removeEventListener("keydown",Pe)});function ye(){const o=X.value.length;o<=1||G.value>=o-1||(G.value=G.value+1)}function ee(){X.value.length<=1||G.value<=0||(G.value=G.value-1)}const ge=e.computed(()=>X.value.length===0?null:X.value[G.value]),le=e.computed(()=>{const o=ge.value;return!o||!o.popupConfig?o?.layerTitle||"":qe(o.popupConfig.title,o.properties)}),$e=e.computed(()=>{const o=ge.value;if(!o)return"";let f='<div class="popup-content">';if(f+=`<h3 class="popup-title">${ae(le.value)}</h3>`,o.popupConfig?.fields?.length){f+=`<table class="popup-table" aria-label="${ae(le.value)}">`;for(const c of o.popupConfig.fields){const L=Ee(o.properties[c.field],c.format,o.popupConfig.showTime),S=c.label.toLowerCase(),$=S.includes("url")||S.includes("website"),P=L.startsWith("http://")||L.startsWith("https://")||L.startsWith("www.")||$&&L.includes("."),Z=L.startsWith("http://")||L.startsWith("https://")?L:`https://${L}`,z=P?`<a href="${ae(Z)}" target="_blank" rel="noopener noreferrer">${ae(L)}</a>`:ae(L);f+=`<tr><th scope="row">${ae(c.label)}</th><td>${z}</td></tr>`}f+="</table>"}return f+="</div>",f}),ie=e.ref({type:"FeatureCollection",features:[]}),J=e.ref({type:"FeatureCollection",features:[]}),we=e.ref({type:"FeatureCollection",features:[]}),Ge={"circle-radius":["get","highlightRadius"],"circle-color":"#00FFFF","circle-opacity":.8,"circle-stroke-width":2,"circle-stroke-color":"#FFFFFF"},He={"line-width":["get","highlightWidth"],"line-color":"#00FFFF","line-opacity":.9},Fe={"fill-color":"#808080","fill-opacity":.5},y=e.ref(null);function C(o){return o.type}function R(o,f){const c=me(o);if(!c)return{radius:5,width:2};const L=c.paint||{};if(f==="circle"){const S=L["circle-radius"];return typeof S=="number"?{radius:S}:{radius:5}}if(f==="line"||f==="fill"){const S=L["line-width"];if(typeof S=="number")return{width:S};if(c.outlinePaint&&c.outlinePaint["line-width"]){const $=c.outlinePaint["line-width"];if(typeof $=="number")return{width:$}}return{width:2}}return{radius:5,width:2}}function O(o){return!o||o.length===0?[]:o[0]??[]}function U(o){const{geometry:f,geometryType:c,originalStyle:L}=o;if(c==="Point"||c==="MultiPoint"){const $=(L.radius||5)+3;return{type:"FeatureCollection",features:[{type:"Feature",geometry:f,properties:{highlightRadius:$}}]}}if(c==="LineString"||c==="MultiLineString"){const $=(L.width||2)+3;return{type:"FeatureCollection",features:[{type:"Feature",geometry:f,properties:{highlightWidth:$}}]}}if(c==="Polygon"){const S=f.coordinates,$=O(S),Z=(L.width||2)+3;return{type:"FeatureCollection",features:[{type:"Feature",geometry:{type:"LineString",coordinates:$},properties:{highlightWidth:Z}}]}}if(c==="MultiPolygon"){const S=f.coordinates,P=(L.width||2)+3;return{type:"FeatureCollection",features:S.map(z=>({type:"Feature",geometry:{type:"LineString",coordinates:O(z)},properties:{highlightWidth:P}}))}}return{type:"FeatureCollection",features:[]}}function se(o){const{geometry:f,geometryType:c}=o;return c==="Polygon"||c==="MultiPolygon"?{type:"FeatureCollection",features:[{type:"Feature",geometry:f,properties:{}}]}:{type:"FeatureCollection",features:[]}}function Se(o){if(!o){vt();return}const f=U(o);o.geometryType==="Point"||o.geometryType==="MultiPoint"?(ie.value=f,J.value={type:"FeatureCollection",features:[]},we.value={type:"FeatureCollection",features:[]}):(J.value=f,ie.value={type:"FeatureCollection",features:[]},we.value=se(o))}function vt(){ie.value={type:"FeatureCollection",features:[]},J.value={type:"FeatureCollection",features:[]},we.value={type:"FeatureCollection",features:[]}}e.watch(y,o=>{Se(o)}),e.watch(()=>r.visibleLayers,o=>{y.value&&!o.has(y.value.layerId)&&(y.value=null,H())},{deep:!0}),e.watch(G,()=>{const o=ge.value;if(!o){y.value=null;return}const f=me(o.layerId);if(f){const c=C(o.geometry),L=R(f.id,f.type);y.value={geometry:o.geometry,geometryType:c,layerId:f.id,properties:o.properties,originalStyle:L}}});const lt=e.ref(null);function bt(o){const[f,c]=o.geometry.coordinates;lt.value=[f,c]}return(o,f)=>(e.openBlock(),e.createElementBlock("div",kt,[e.createVNode(e.unref(Q.Map),{ref_key:"mapRef",ref:s,zoom:r.initialZoom,center:r.initialCenter,"navigation-controls":{position:r.navigationControlPosition},"geolocation-control":{position:r.geolocationControlPosition},"basemap-change-controls":{toggle:!0,dropdown:!0,position:r.basemapControlPosition},"map-search-control":{position:r.searchControlPosition},"enable-cyclomedia":!0,"cyclomedia-config":r.cyclomediaConfig,"cyclomedia-button-position":r.cyclomediaButtonPosition,"enable-pictometry":!0,"pictometry-credentials":r.pictometryCredentials,"pictometry-button-position":r.pictometryButtonPosition,"tool-panel-layout":"vertical","tool-panel-split-ratio":50,onZoom:v,onClick:H,onMoveend:b,onLoad:k,onSearchResult:bt},{default:e.withCtx(()=>[r.drawControlPosition!==null?(e.openBlock(),e.createBlock(e.unref(Q.DrawTool),{key:0,position:r.drawControlPosition},null,8,["position"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Ze.value,c=>(e.openBlock(),e.createBlock(e.unref(Q.RasterLayer),{id:"tiled-"+c.id,key:"tiled-"+c.id,source:ne(c),paint:{"raster-opacity":I(c.id)},minzoom:c.minZoom,maxzoom:c.maxZoom},null,8,["id","source","paint","minzoom","maxzoom"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(We.value,c=>(e.openBlock(),e.createBlock(e.unref(Q.RasterLayer),{id:"dynamic-"+c.id,key:"dynamic-"+c.id,source:ve(c),paint:{"raster-opacity":I(c.id)},minzoom:c.minZoom,maxzoom:c.maxZoom},null,8,["id","source","paint","minzoom","maxzoom"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,c=>(e.openBlock(),e.createBlock(e.unref(Q.CircleLayer),{id:c.id,key:c.id,source:ue(c),paint:de(c),minzoom:c.minZoom,maxzoom:c.maxZoom,"before-id":"highlight-circles",onClick:Le},null,8,["id","source","paint","minzoom","maxzoom"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,c=>(e.openBlock(),e.createBlock(e.unref(Q.FillLayer),{id:c.id,key:c.id,source:ue(c),paint:de(c),minzoom:c.minZoom,maxzoom:c.maxZoom,"before-id":"highlight-circles",onClick:Le},null,8,["id","source","paint","minzoom","maxzoom"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,c=>(e.openBlock(),e.createBlock(e.unref(Q.LineLayer),{id:c.id+"-outline",key:c.id+"-outline",source:ue(c),paint:je(c),minzoom:c.minZoom,maxzoom:c.maxZoom,"before-id":"highlight-lines",onClick:Le},null,8,["id","source","paint","minzoom","maxzoom"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,c=>(e.openBlock(),e.createBlock(e.unref(Q.LineLayer),{id:c.id,key:c.id,source:ue(c),paint:de(c),minzoom:c.minZoom,maxzoom:c.maxZoom,"before-id":"highlight-lines",onClick:Le},null,8,["id","source","paint","minzoom","maxzoom"]))),128)),e.createVNode(e.unref(Q.CircleLayer),{id:"highlight-circles",key:"highlight-circles-layer",source:{type:"geojson",data:ie.value},paint:Ge},null,8,["source"]),e.createVNode(e.unref(Q.FillLayer),{id:"highlight-fill",key:"highlight-fill-layer",source:{type:"geojson",data:we.value},paint:Fe},null,8,["source"]),e.createVNode(e.unref(Q.LineLayer),{id:"highlight-lines",key:"highlight-lines-layer",source:{type:"geojson",data:J.value},paint:He},null,8,["source"]),e.createVNode(e.unref(Q.MapMarker),{"lng-lat":lt.value,color:"#2176d2"},null,8,["lng-lat"]),ge.value&&ke.value?(e.openBlock(),e.createBlock(e.unref(Q.MapPopup),{key:1,"lng-lat":ke.value,html:$e.value,"close-on-click":!1,offset:[0,-15],"show-navigation":X.value.length>1,"current-feature-index":G.value,"total-features":X.value.length,"layer-name":ge.value.layerTitle,onClose:H,onNext:ye,onPrevious:ee},null,8,["lng-lat","html","show-navigation","current-feature-index","total-features","layer-name"])):e.createCommentVNode("",!0)]),_:1},8,["zoom","center","navigation-controls","geolocation-control","basemap-change-controls","map-search-control","cyclomedia-config","cyclomedia-button-position","pictometry-credentials","pictometry-button-position"])]))}}),ce=(t,a)=>{const r=t.__vccOpts||t;for(const[n,s]of a)r[n]=s;return r},dt=ce(Lt,[["__scopeId","data-v-d0169cac"]]);function Ke(t){let a=t.split("?")[0]||t;return a=a.replace(/\/query$/,""),a=a.replace(/\/$/,""),a.toLowerCase()}const wt=["disabled"],St=e.defineComponent({inheritAttrs:!1,__name:"PhlButton",props:{href:{},to:{},target:{},rel:{},disabled:{type:Boolean,default:!1},clickTarget:{},variant:{default:"primary"},size:{default:"medium"},iconOnly:{type:Boolean,default:!1},iconRight:{type:Boolean},text:{},className:{},iconDefinition:{},iconClass:{},src:{},svgRaw:{}},setup(t){const a=t,r=u=>"href"in u&&u.href!==void 0||"to"in u&&u.to!==void 0,n=e.computed(()=>q.cn("phila-button",`phila-button--${a.variant}`,a.size&&`is-${a.size}`,a.iconOnly&&"icon-button",a.iconOnly&&a.variant==="standard"&&"icon-button--standard",a.className)),s=e.computed(()=>r(a)?"to"in a&&a.to!==void 0?{to:a.to,disabled:a.disabled,className:n.value}:{href:a.href,target:a.target,rel:a.rel,disabled:a.disabled,className:n.value}:{}),i=e.computed(()=>({iconDefinition:a.iconDefinition,iconClass:a.iconClass,src:a.src,iconRight:a.iconRight,iconOnly:a.iconOnly,text:a.text,size:a.size}));return(u,v)=>r(a)?(e.openBlock(),e.createBlock(e.unref(q.BaseLink),e.mergeProps({key:0},{...s.value,...u.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(q.ActionContent),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(a.text),1)])]),_:3},16)]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,type:"button",disabled:a.disabled,class:n.value},u.$attrs),[e.createVNode(e.unref(q.ActionContent),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(a.text),1)])]),_:3},16)],16,wt))}});var Ct={prefix:"fas",iconName:"circle-exclamation",icon:[512,512,["exclamation-circle"],"f06a","M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]},Bt=Ct,Et={prefix:"fas",iconName:"xmark",icon:[384,512,[128473,10005,10006,10060,215,"close","multiply","remove","times"],"f00d","M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]},xt=Et;const $t=["for"],Vt={class:"state-layer"},Nt={class:"content"},Mt={class:"input-text-container"},Tt=["id","placeholder","aria-label"],Pt={key:1,class:"has-text-body-small phila-supporting-text"},Ft={key:2,class:"has-text-body-small phila-error-text"},zt=e.defineComponent({inheritAttrs:!1,__name:"TextField",props:{modelValue:{default:void 0},className:{default:""},label:{default:""},id:{default:`phila-text-field-${Math.random().toString(36).substring(2,9)}`},supportingText:{default:""},placeholder:{default:""},leadingIcon:{default:""},trailingIcon:{default:""},error:{default(){return[]}}},emits:["update:modelValue"],setup(t,{emit:a}){const r=e.useAttrs(),n=t,s=e.computed(()=>typeof n.error=="string"?n.error:n.error[0]),i=e.toRef(n,"id"),u=a,v=e.ref(""),p=e.computed({get:()=>n.modelValue!==void 0?n.modelValue:v.value,set:d=>{u("update:modelValue",d),v.value=d}}),w=e.computed(()=>{const d=["default-class"];return r.disabled!=null&&d.push("phila-input--disabled"),s.value&&d.push("phila-input--error"),r.required!=null&&d.push("phila-input--required"),q.cn(...d)}),m=e.computed(()=>{const d=[];return p.value!==""&&d.push("phila-text-field--filled"),n.className&&d.push(n.className),q.cn(...d)}),g=e.computed(()=>{if(!(n.label||r["aria-label"]))return n.placeholder||void 0}),l=e.ref(null),h=d=>{d.target.closest("button")||l.value?.focus()};return(d,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["phila-input",w.value])},[n.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:i.value,class:"has-text-label-small phila-label"},e.toDisplayString(n.label),9,$t)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["phila-text-field",m.value]),onClick:h},[e.createElementVNode("div",Vt,[n.leadingIcon?(e.openBlock(),e.createBlock(e.unref(q.Icon),{key:0,"icon-class":n.leadingIcon,inline:"",decorative:""},null,8,["icon-class"])):e.createCommentVNode("",!0),e.createElementVNode("div",Nt,[e.createElementVNode("div",Mt,[e.withDirectives(e.createElementVNode("input",e.mergeProps({id:i.value,ref_key:"inputRef",ref:l,"onUpdate:modelValue":b[0]||(b[0]=k=>p.value=k),class:"phila-text-field-input has-text-body-default",placeholder:n.placeholder,"aria-label":g.value},e.unref(r)),null,16,Tt),[[e.vModelDynamic,p.value]])])]),p.value!=""?(e.openBlock(),e.createBlock(e.unref(St),{key:1,variant:"standard",size:"small","icon-only":"","icon-definition":e.unref(xt),onClick:b[1]||(b[1]=k=>p.value="")},null,8,["icon-definition"])):e.createCommentVNode("",!0),n.trailingIcon?(e.openBlock(),e.createBlock(e.unref(q.Icon),{key:2,size:"small","icon-class":n.trailingIcon,inline:"",decorative:""},null,8,["icon-class"])):e.createCommentVNode("",!0),e.renderSlot(d.$slots,"trailing-action")])],2),n.supportingText?(e.openBlock(),e.createElementBlock("div",Pt,e.toDisplayString(n.supportingText),1)):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createElementBlock("div",Ft,[e.createVNode(e.unref(q.Icon),{"icon-definition":e.unref(Bt),size:"small",inline:"",decorative:""},null,8,["icon-definition"]),e.createTextVNode(" "+e.toDisplayString(s.value),1)])):e.createCommentVNode("",!0)],2))}});var Dt={prefix:"fas",iconName:"filter",icon:[512,512,[],"f0b0","M32 64C19.1 64 7.4 71.8 2.4 83.8S.2 109.5 9.4 118.6L192 301.3 192 416c0 8.5 3.4 16.6 9.4 22.6l64 64c9.2 9.2 22.9 11.9 34.9 6.9S320 492.9 320 480l0-178.7 182.6-182.6c9.2-9.2 11.9-22.9 6.9-34.9S492.9 64 480 64L32 64z"]},It={prefix:"fas",iconName:"caret-right",icon:[256,512,[],"f0da","M249.3 235.8c10.2 12.6 9.5 31.1-2.2 42.8l-128 128c-9.2 9.2-22.9 11.9-34.9 6.9S64.5 396.9 64.5 384l0-256c0-12.9 7.8-24.6 19.8-29.6s25.7-2.2 34.9 6.9l128 128 2.2 2.4z"]},Ot={prefix:"fas",iconName:"caret-left",icon:[256,512,[],"f0d9","M7.7 235.8c-10.3 12.6-9.5 31.1 2.2 42.8l128 128c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6l0-256c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-128 128-2.2 2.4z"]},rt={prefix:"fas",iconName:"xmark",icon:[384,512,[128473,10005,10006,10060,215,"close","multiply","remove","times"],"f00d","M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]},Rt={prefix:"fas",iconName:"bars",icon:[448,512,["navicon"],"f0c9","M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"]},_t={prefix:"fas",iconName:"circle-info",icon:[512,512,["info-circle"],"f05a","M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-8 64l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"]};const At={key:0,class:"loading-indicator",role:"status"},Ut=["aria-label"],Zt={key:2,class:"zoom-indicator"},Wt=e.defineComponent({__name:"LayerStatusIndicators",props:{loading:{type:Boolean},error:{},unavailable:{type:Boolean}},setup(t){return(a,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.loading&&!t.unavailable?(e.openBlock(),e.createElementBlock("span",At," Loading... ")):e.createCommentVNode("",!0),t.error?(e.openBlock(),e.createElementBlock("span",{key:1,class:"error-indicator","aria-label":t.error,role:"status"}," Error ",8,Ut)):e.createCommentVNode("",!0),t.unavailable?(e.openBlock(),e.createElementBlock("span",Zt," (zoom in) ")):e.createCommentVNode("",!0)],64))}}),Ie=ce(Wt,[["__scopeId","data-v-19b1b402"]]),jt={class:"opacity-control"},qt=["for"],Gt=["id","value","aria-label"],Ht=e.defineComponent({__name:"LayerOpacitySlider",props:{layerId:{},layerName:{},opacity:{}},emits:["update:opacity"],setup(t,{emit:a}){const r=a;function n(s){const i=s.target;r("update:opacity",parseFloat(i.value))}return(s,i)=>(e.openBlock(),e.createElementBlock("div",jt,[e.createElementVNode("label",{class:"opacity-label",for:"opacity-"+t.layerId}," Opacity: "+e.toDisplayString(Math.round(t.opacity*100))+"% ",9,qt),e.createElementVNode("input",{id:"opacity-"+t.layerId,type:"range",min:"0",max:"1",step:"0.05",value:t.opacity,"aria-label":"Opacity for "+t.layerName,class:"opacity-slider",onInput:n},null,40,Gt)]))}}),Qe=ce(Ht,[["__scopeId","data-v-1a025f6a"]]),Jt=["aria-label"],Kt={class:"legend-label"},Qt=e.defineComponent({__name:"LayerLegend",props:{items:{},label:{}},setup(t){return(a,r)=>(e.openBlock(),e.createElementBlock("ul",{class:"layer-legend","aria-label":t.label},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,s)=>(e.openBlock(),e.createElementBlock("li",{key:s,class:"legend-item"},[n.type==="circle"?(e.openBlock(),e.createElementBlock("span",{key:0,class:"legend-symbol legend-circle",style:e.normalizeStyle({backgroundColor:n.color}),"aria-hidden":"true"},null,4)):n.type==="line"?(e.openBlock(),e.createElementBlock("span",{key:1,class:"legend-symbol legend-line",style:e.normalizeStyle({backgroundColor:n.color,height:`${n.width||2}px`}),"aria-hidden":"true"},null,4)):n.type==="fill"?(e.openBlock(),e.createElementBlock("span",{key:2,class:"legend-symbol legend-fill",style:e.normalizeStyle({backgroundColor:n.color}),"aria-hidden":"true"},null,4)):e.createCommentVNode("",!0),e.createElementVNode("span",Kt,e.toDisplayString(n.label),1)]))),128))],8,Jt))}}),Xe=ce(Qt,[["__scopeId","data-v-62e210e3"]]);function Ye(t){function a(u){return t().visibleLayerIds.has(u)}function r(u){return t().layerOpacities[u]??1}function n(u){return t().loadingLayerIds.has(u)}function s(u){return t().layerErrors[u]||null}function i(u){const v=t().currentZoom,p=u.minZoom,w=u.maxZoom;return!(p!==void 0&&v<p||w!==void 0&&v>w)}return{isVisible:a,getLayerOpacity:r,isLayerLoading:n,getLayerError:s,isLayerAvailableAtZoom:i}}const Xt={class:"layer-panel"},Yt={key:0,class:"search-box"},eo={key:1,class:"topics-container"},to={class:"layer-row"},oo=["href","aria-label"],no={key:1,class:"metadata-placeholder"},lo=["checked","disabled","onChange"],ao={class:"layer-title"},ro={key:0,class:"no-results"},io=e.defineComponent({__name:"LayerPanel",props:{layerList:{},visibleLayers:{},layerOpacities:{},loadingLayers:{},layerErrors:{},currentZoom:{},searchQuery:{},layerMetadata:{},mode:{default:"flat"},showSearch:{type:Boolean,default:!0},showOpacity:{type:Boolean,default:!0},showLegend:{type:Boolean,default:!0},searchPlaceholder:{default:"Filter layers..."}},emits:["toggleLayer","setOpacity","updateSearch"],setup(t,{emit:a}){const r=t,n=a,s=e.computed(()=>{if(!r.searchQuery.trim())return r.layerList;const d=r.searchQuery.toLowerCase();return r.layerList.filter(b=>b.config.title.toLowerCase().includes(d))});function i(d){const b=Ke(d);return r.layerMetadata[b]||null}const u=e.computed(()=>r.layerList.some(d=>i(d.config.url))),{isVisible:v,getLayerOpacity:p,isLayerLoading:w,getLayerError:m,isLayerAvailableAtZoom:g}=Ye(()=>({visibleLayerIds:r.visibleLayers,layerOpacities:r.layerOpacities,loadingLayerIds:r.loadingLayers,layerErrors:r.layerErrors,currentZoom:r.currentZoom})),l=e.computed({get:()=>r.searchQuery,set:d=>n("updateSearch",d)});function h(d){n("toggleLayer",d)}return(d,b)=>(e.openBlock(),e.createElementBlock("div",Xt,[t.showSearch?(e.openBlock(),e.createElementBlock("div",Yt,[e.createVNode(e.unref(zt),{modelValue:l.value,"onUpdate:modelValue":b[0]||(b[0]=k=>l.value=k),placeholder:t.searchPlaceholder,"class-name":"layer-search-field"},{"trailing-action":e.withCtx(()=>[e.createVNode(e.unref(q.Icon),{"icon-definition":e.unref(Dt),size:"small",inline:"",decorative:""},null,8,["icon-definition"])]),_:1},8,["modelValue","placeholder"])])):e.createCommentVNode("",!0),t.mode==="topics"?(e.openBlock(),e.createElementBlock("div",eo,[e.renderSlot(d.$slots,"topics",{},()=>[b[2]||(b[2]=e.createElementVNode("div",{class:"no-topics"},' No topic components provided. Use the "topics" slot to add TopicAccordion components. ',-1))],!0)])):(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["layer-list",{"has-metadata":u.value}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,k=>(e.openBlock(),e.createElementBlock("div",{key:k.config.id,class:"layer-item"},[e.createElementVNode("div",to,[i(k.config.url)?(e.openBlock(),e.createElementBlock("a",{key:0,href:i(k.config.url)||"",target:"_blank",rel:"noopener noreferrer",class:"metadata-link","aria-label":"View metadata for "+k.config.title,onClick:b[1]||(b[1]=e.withModifiers(()=>{},["stop"]))},[e.createVNode(e.unref(q.Icon),{"icon-definition":e.unref(_t),size:"small",inline:"",decorative:""},null,8,["icon-definition"])],8,oo)):u.value?(e.openBlock(),e.createElementBlock("span",no)):e.createCommentVNode("",!0),e.createElementVNode("label",{class:e.normalizeClass(["layer-checkbox",{"layer-unavailable":!e.unref(g)(k.config),"layer-error":e.unref(m)(k.config.id)}])},[e.createElementVNode("input",{type:"checkbox",checked:e.unref(v)(k.config.id),disabled:!e.unref(g)(k.config),onChange:B=>h(k.config.id)},null,40,lo),e.createElementVNode("span",ao,[e.createTextVNode(e.toDisplayString(k.config.title)+" ",1),e.createVNode(Ie,{loading:e.unref(w)(k.config.id),error:e.unref(m)(k.config.id),unavailable:!e.unref(g)(k.config)},null,8,["loading","error","unavailable"])])],2)]),t.showOpacity&&e.unref(v)(k.config.id)&&e.unref(g)(k.config)?(e.openBlock(),e.createBlock(Qe,{key:0,"layer-id":k.config.id,"layer-name":k.config.title,opacity:e.unref(p)(k.config.id),"onUpdate:opacity":B=>n("setOpacity",k.config.id,B)},null,8,["layer-id","layer-name","opacity","onUpdate:opacity"])):e.createCommentVNode("",!0),t.showLegend&&e.unref(v)(k.config.id)&&e.unref(g)(k.config)&&k.config.legend?.length?(e.openBlock(),e.createBlock(Xe,{key:1,items:k.config.legend,label:"Legend for "+k.config.title},null,8,["items","label"])):e.createCommentVNode("",!0)]))),128)),s.value.length===0?(e.openBlock(),e.createElementBlock("div",ro,'No layers match "'+e.toDisplayString(t.searchQuery)+'"',1)):e.createCommentVNode("",!0)],2))]))}}),ft=ce(io,[["__scopeId","data-v-e48bb978"]]),so={esriSLSSolid:null,esriSLSDash:[6,1.5],esriSLSDot:[1,1.5],esriSLSDashDot:[6,1.5,1,1.5],esriSLSDashDotDot:[6,1.5,1,1.5,1,1.5],esriSLSNull:null};function Ne(t){if(t)return so[t]??void 0}function co(t,a,r,n,s){const i=[];let u=a[0],v=[t[0]],p=0;for(let l=1;l<t.length;l++)a[l]===u?v.push(t[l]):(i.push({style:u,breaks:v,startIndex:p}),u=a[l],v=[t[l]],p=l);i.push({style:u,breaks:v,startIndex:p});const w=[],m=new Set;let g=n.minValue??0;for(let l=0;l<i.length;l++){const h=i[l],d=h.breaks,b=Ne(h.style),k=l===0?null:i[l-1].breaks[i[l-1].breaks.length-1].classMaxValue,B=d[d.length-1].classMaxValue;let x;const F=!!n.defaultSymbol;k===null?x=`${!F&&n.minValue!=null?`${r} >= ${n.minValue} AND `:""}${r} <= ${B}`:l===i.length-1&&F?x=`${r} > ${k}`:x=`${r} > ${k} AND ${r} <= ${B}`;const E={"line-opacity":te(s)};if(b&&(E["line-dasharray"]=b),d.length===1)E["line-color"]=N(d[0].symbol?.color),E["line-width"]=A(d[0].symbol?.width||2);else{const I=["step",["get",r]],oe=["step",["get",r]];I.push(N(d[0].symbol?.color)),oe.push(A(d[0].symbol?.width||2));for(let ne=1;ne<d.length;ne++)I.push(d[ne-1].classMaxValue),I.push(N(d[ne].symbol?.color)),oe.push(d[ne-1].classMaxValue),oe.push(A(d[ne].symbol?.width||2));E["line-color"]=I,E["line-width"]=oe}const V=[];for(const I of d)V.push({type:"line",color:N(I.symbol?.color),width:A(I.symbol?.width||2),label:I.label||`${g} - ${I.classMaxValue}`}),g=I.classMaxValue+1;const M=h.style.replace("esriSLS","").toLowerCase();let W;l===0?W="":m.has(M)?W=`-${M}-${l}`:W=`-${M}`,m.add(M),w.push({suffix:W,where:x,paint:E,legend:V})}return w}function uo(t,a,r,n,s){const i=new Map;for(const w of t){const m=w.symbol?.style||"esriSLSSolid";i.has(m)||i.set(m,[]),i.get(m).push(w)}const u=[],v=new Set;let p=!0;for(const[w,m]of i){const g=Ne(w),h=m.map(x=>`${a} = '${String(x.value).replace(/'/g,"''")}'`).join(" OR "),d={"line-opacity":te(n)};if(g&&(d["line-dasharray"]=g),m.length===1)d["line-color"]=N(m[0].symbol?.color),d["line-width"]=A(m[0].symbol?.width||2);else{const x=["match",["to-string",["get",a]]];for(const F of m)x.push(De(F.value)),x.push(N(F.symbol?.color));x.push(r?N(r.color):"rgba(0, 0, 0, 0)"),d["line-color"]=x,d["line-width"]=A(m[0].symbol?.width||2)}const b=[];for(const x of m){const F=String(x.value),V=s?.get(F)||x.label||F;b.push({type:"line",color:N(x.symbol?.color),width:A(x.symbol?.width||1),label:V})}const k=w.replace("esriSLS","").toLowerCase();let B;p?B="":v.has(k)?B=`-${k}-${u.length}`:B=`-${k}`,v.add(k),p=!1,u.push({suffix:B,where:h,paint:d,legend:b})}return u}function N(t){if(!t||!Array.isArray(t)||t.length<3)return"#888888";const a=t[0],r=t[1],n=t[2],i=(t[3]??255)/255;return i===1?`#${a.toString(16).padStart(2,"0")}${r.toString(16).padStart(2,"0")}${n.toString(16).padStart(2,"0")}`:`rgba(${a}, ${r}, ${n}, ${i.toFixed(2)})`}function te(t){return t!==void 0?t:1}function A(t){return Math.round(t*(96/72)*10)/10}const fo=559082264;function it(t){return!t||t<=0?null:Math.round(Math.log2(fo/t)*100)/100}function po(t,a){const r={};if(t&&t>0){const n=it(t);n!==null&&(r.minZoom=n)}if(a&&a>0){const n=it(a);n!==null&&(r.maxZoom=n)}return r}function _e(t){if(!t)return"fill";switch(t.type){case"esriSFS":return"fill";case"esriSLS":return"line";case"esriSMS":return"circle";case"esriPMS":return"circle";case"esriPFS":return"fill";default:return"fill"}}function pe(t){return!(!t||t.style==="esriSLSNull"||t.color===null||t.width===0||t.color&&t.color[3]===0)}function De(t){return String(t)}function pt(t,a,r){const n=t.symbol,s=_e(n);let i={},u=[],v=null;if(s==="fill"&&n){const p=n.color===null?0:n.color?.[3]??255,w=p===0?"rgba(0, 0, 0, 0)":N(n.color),m=p===0?0:p<255?1:te(a);if(i={"fill-color":w,"fill-opacity":m},pe(n.outline)){const g=A(n.outline.width||1);v={"line-color":N(n.outline.color),"line-width":g}}u=[{type:"fill",color:N(n.color),label:t.label||"Feature"}]}else if(s==="line"&&n){i={"line-color":N(n.color),"line-width":A(n.width||1),"line-opacity":te(a)};const p=Ne(n.style);p&&(i["line-dasharray"]=p),u=[{type:"line",color:N(n.color),width:A(n.width||1),label:t.label||"Feature"}]}else if(s==="circle"&&n){const p=Math.round((n.size||6)*.71*100)/100;i={"circle-color":N(n.color),"circle-radius":p,"circle-opacity":te(a)},pe(n.outline)&&(i["circle-stroke-color"]=N(n.outline.color),i["circle-stroke-width"]=A(n.outline.width||1)),u=[{type:"circle",color:N(n.color),label:t.label||"Feature"}]}return{paint:i,legend:u,geomType:s,outlinePaint:v}}function mo(t,a,r){const n=t.field1.toLowerCase(),s=t.uniqueValueInfos||[],i=t.defaultSymbol;if(s.length===0)return pt({...t,symbol:i},a);const u=s[0]?.symbol||i,v=_e(u);let p={};const w=[];let m=null;if(v==="fill"){const g=["match",["to-string",["get",n]]];for(const l of s){g.push(De(l.value)),g.push(N(l.symbol?.color));const h=String(l.value),b=r?.get(h)||l.label||h;w.push({type:"fill",color:N(l.symbol?.color),label:b})}if(g.push(i?N(i.color):"rgba(0, 0, 0, 0)"),p={"fill-color":g,"fill-opacity":te(a)},pe(u?.outline)){const l=A(Math.max(u.outline.width||1,1));m={"line-color":N(u.outline.color),"line-width":l}}}else if(v==="line"){const g=["match",["to-string",["get",n]]];for(const d of s){g.push(De(d.value)),g.push(N(d.symbol?.color));const b=String(d.value),B=r?.get(b)||d.label||b;w.push({type:"line",color:N(d.symbol?.color),width:A(d.symbol?.width||1),label:B})}g.push(i?N(i.color):"rgba(0, 0, 0, 0)"),p={"line-color":g,"line-width":A(u?.width||2),"line-opacity":te(a)};const l=s.map(d=>d.symbol?.style||"esriSLSSolid"),h=[...new Set(l)];if(h.length>1){const d=uo(s,n,i,a,r);return{paint:{},legend:[],geomType:v,outlinePaint:m,splitLayers:d}}if(h.length===1){const d=Ne(h[0]);d&&(p["line-dasharray"]=d)}}else if(v==="circle"){const g=["match",["to-string",["get",n]]];for(const h of s){g.push(De(h.value)),g.push(N(h.symbol?.color));const d=String(h.value),k=r?.get(d)||h.label||d;w.push({type:"circle",color:N(h.symbol?.color),label:k})}g.push(i?N(i.color):"rgba(0, 0, 0, 0)");const l=Math.round((u?.size||6)*.71*100)/100;p={"circle-color":g,"circle-radius":l,"circle-opacity":te(a)},pe(u?.outline)&&(p["circle-stroke-color"]=N(u.outline.color),p["circle-stroke-width"]=A(u.outline.width||1))}return{paint:p,legend:w,geomType:v,outlinePaint:m}}function yo(t,a){const r=t.field.toLowerCase(),n=t.classBreakInfos||[],s=t.visualVariables?.find(m=>m.type==="colorInfo");if(s?.stops&&s.stops.length>0)return go(s,r,t,a);if(n.length===0)return{paint:{},legend:[],geomType:"fill",outlinePaint:null};const i=n[0]?.symbol,u=_e(i);let v={};const p=[];let w=null;if(u==="fill"){const m=["step",["get",r]];m.push(N(n[0]?.symbol?.color));for(let g=0;g<n.length;g++){const l=n[g];g>0&&(m.push(n[g-1].classMaxValue),m.push(N(l.symbol?.color))),p.push({type:"fill",color:N(l.symbol?.color),label:l.label||`${l.classMaxValue}`})}if(v={"fill-color":m,"fill-opacity":te(a)},pe(i?.outline)){const g=A(i.outline.width||1);w={"line-color":N(i.outline.color),"line-width":g}}}else if(u==="line"){const m=n.map(B=>B.symbol?.style||"esriSLSSolid"),g=[...new Set(m)];if(g.length>1){const B=co(n,m,r,t,a);return{paint:{},legend:[],geomType:u,outlinePaint:w,splitLayers:B}}const h=["step",["get",r]];h.push(N(n[0]?.symbol?.color));let d=t.minValue??0;for(let B=0;B<n.length;B++){const x=n[B];B>0&&(h.push(n[B-1].classMaxValue),h.push(N(x.symbol?.color))),p.push({type:"line",color:N(x.symbol?.color),width:A(x.symbol?.width||i?.width||2),label:x.label||`${d} - ${x.classMaxValue}`}),d=x.classMaxValue+1}const b=A(i?.width||2);v={"line-color":h,"line-width":b,"line-opacity":te(a)};const k=Ne(g[0]);k&&(v["line-dasharray"]=k)}return{paint:v,legend:p,geomType:u,outlinePaint:w}}function go(t,a,r,n){const s=t.stops||[];if(s.length===0)return{paint:{},legend:[],geomType:"fill",outlinePaint:null};const i=r.classBreakInfos?.[0]?.symbol||r.defaultSymbol,u=_e(i);let v={};const p=[];let w=null;if(u==="fill"){const m=["interpolate",["linear"],["get",a]];for(const l of s)m.push(l.value),m.push(N(l.color)),p.push({type:"fill",color:N(l.color),label:l.label||`${l.value}`});if(v={"fill-color":["case",["==",["get",a],null],"rgba(0, 0, 0, 0)",m],"fill-opacity":te(n)},pe(i?.outline)){const l=A(i.outline.width||1);w={"line-color":N(i.outline.color),"line-width":l}}}return{paint:v,legend:p,geomType:u,outlinePaint:w}}function ho(t,a,r,n){if(!t?.renderer)return{paint:{},legend:[],geomType:"fill",outlinePaint:null};const s=t.renderer;switch(s.type){case"simple":return pt(s,a);case"uniqueValue":return mo(s,a,r);case"classBreaks":return yo(s,a);default:return{paint:{},legend:[],geomType:"fill",outlinePaint:null}}}function vo(t){if(!t)return null;const a=(t.title||"").replace(/\{([^}]+)\}/g,(i,u)=>`{${u.toLowerCase()}}`),n=(t.fieldInfos||[]).filter(i=>i.visible===!0).map(i=>{const u={field:i.fieldName.toLowerCase(),label:i.label||i.fieldName};return i.format&&(u.format={},i.format.dateFormat&&(u.format.dateFormat=i.format.dateFormat),i.format.digitSeparator!==void 0&&(u.format.digitSeparator=i.format.digitSeparator),i.format.places!==void 0&&(u.format.places=i.format.places),Object.keys(u.format).length===0&&delete u.format),u}),s={title:a,fields:n};return t.showTime&&(s.showTime=!0),s}function bo(t){return t?.definitionExpression}function ko(t){return(t.includes("_")?t.split("_").slice(1).join(" "):t).toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,"")}function Lo(t){return t.includes("_")?t.split("_").slice(1).join(" "):t}function wo(t){const a=new Map;if(!t)return a;const r=t.split(`
2
- `),n=/^(\d{1,3})\s+(.+)$/;for(const s of r){const i=s.trim().match(n);if(i){const[,u,v]=i;u&&v&&a.set(u,v.trim())}}return a}async function So(t){try{const a=await fetch(`${t}?f=json`);if(!a.ok)return null;const r=await a.json();return r.drawingInfo?{drawingInfo:r.drawingInfo,description:r.description}:null}catch{return null}}function st(t){const a={id:t.id,title:t.title,type:t.type,url:t.url,opacity:t.opacity,paint:t.paint,legend:t.legend,popup:t.popup};return t.where&&(a.where=t.where),t.minZoom!==void 0&&(a.minZoom=t.minZoom),t.maxZoom!==void 0&&(a.maxZoom=t.maxZoom),t.outlinePaint&&(a.outlinePaint=t.outlinePaint),a}async function et(t){const a=t.operationalLayers||[],r=[],n=["Zoning and Planning_Land Use"];for(const s of a)if(s.url&&!s.title?.toLowerCase().includes("(under construction)")&&!(s.url&&/\/MapServer(\/\d+)?$/i.test(s.url)))try{let i=s.layerDefinition?.drawingInfo,u;const v=!i||!i.renderer,p=n.includes(s.title),w=i?.renderer?.uniqueValueInfos?.[0]?.symbol?.outline||i?.renderer?.defaultSymbol?.outline;if((v||p)&&s.url){const V=await So(s.url);if(V){if(i=V.drawingInfo,w&&pe(w)&&i?.renderer){const M=i.renderer,W=M.uniqueValueInfos?.[0]?.symbol?.outline||M.defaultSymbol?.outline;if(!pe(W)){for(const I of M.uniqueValueInfos||[])I.symbol&&(I.symbol.outline=w);M.defaultSymbol&&(M.defaultSymbol.outline=w)}}V.description&&(u=wo(V.description),u.size>0)}}const{paint:m,legend:g,geomType:l,outlinePaint:h,splitLayers:d}=ho(i,s.opacity,u,s.title),b=vo(s.popupInfo),k=bo(s.layerDefinition),B=po(s.layerDefinition?.minScale,s.layerDefinition?.maxScale),x=ko(s.title),F=Lo(s.title),E=s.opacity??1;if(d&&d.length>0)for(const V of d)r.push(st({id:`${x}${V.suffix}`,title:F,type:l,url:s.url,opacity:E,paint:V.paint,legend:V.legend,popup:b,where:k?`(${k}) AND (${V.where})`:V.where,minZoom:B.minZoom,maxZoom:B.maxZoom}));else r.push(st({id:x,title:F,type:l,url:s.url,opacity:E,paint:m,legend:g,popup:b,where:k,minZoom:B.minZoom,maxZoom:B.maxZoom,outlinePaint:h}))}catch{}return r.sort((s,i)=>s.title.localeCompare(i.title)),r}const ct={},tt="376af635c84643cd816a8c5d017a53aa",Co=tt;function Ae(t,a){let r=`https://www.arcgis.com/sharing/rest/content/items/${t}/data?f=json`;return a&&(r+=`&token=${a}`),r}function Bo(){return Ae(tt)}const Oe=new Map,Ve=new Map;function mt(t){t?(Oe.delete(t),Ve.delete(t)):(Oe.clear(),Ve.clear())}let ze,ut=0;async function Eo(){const t=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:Ce&&Ce.tagName.toUpperCase()==="SCRIPT"&&Ce.src||new URL("index.js",document.baseURI).href}<"u"&&ct?.VITE_AGO_USERNAME,a=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:Ce&&Ce.tagName.toUpperCase()==="SCRIPT"&&Ce.src||new URL("index.js",document.baseURI).href}<"u"&&ct?.VITE_AGO_PASSWORD;if(!(!t||!a)){if(ze&&Date.now()<ut-3e5)return ze;try{const n=await(await fetch("https://www.arcgis.com/sharing/rest/generateToken",{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({f:"json",username:t,password:a,referer:window.location.origin||"https://localhost",expiration:"120"})})).json();return n.error?void 0:(ze=n.token,ut=n.expires,ze)}catch{return}}}async function xo(t,a){const r=Ae(t,a),n=await fetch(r,{cache:"no-store"});if(!n.ok)throw new Error(`Failed to fetch WebMap: ${n.status} ${n.statusText}`);const s=await n.json();if(s.error)throw new Error(`ArcGIS error: ${s.error.message||s.error.code||"Unknown error"}`);return s}async function $o(t){try{const a=await Eo(),r=await xo(t,a);return await et(r)}catch(a){throw new Error(`Failed to load dynamic layer configs: ${a instanceof Error?a.message:"Unknown error"}`)}}async function Re(t=tt){const a=Oe.get(t);if(a)return a;const r=Ve.get(t);if(r)return r;const n=(async()=>{try{const s=await $o(t);return Oe.set(t,s),s}finally{Ve.delete(t)}})();return Ve.set(t,n),n}function yt(t){const a=e.ref({}),r=new Map;for(const l of t)a.value[l.id]={data:null,loading:!1,error:null,lastFetched:null};async function n(l){const h=l.id;a.value={...a.value,[h]:{data:a.value[h]?.data??null,lastFetched:a.value[h]?.lastFetched??null,loading:!0,error:null}};try{let d;if(l.type==="http-get"){const b=await fetch(l.url,{method:"GET",...l.options});if(!b.ok)throw new Error(`HTTP ${b.status}: ${b.statusText}`);d=await b.json()}else if(l.type==="http-post"){const b=await fetch(l.url,{method:"POST",...l.options});if(!b.ok)throw new Error(`HTTP ${b.status}: ${b.statusText}`);d=await b.json()}else if(l.type==="esri"){const k=`${l.url.replace(/\/$/,"")}/query?where=1%3D1&outFields=*&returnGeometry=false&f=json`,B=await fetch(k,l.options);if(!B.ok)throw new Error(`HTTP ${B.status}: ${B.statusText}`);d=(await B.json()).features?.map(F=>F.attributes)||[]}else throw new Error(`Unknown data source type: ${l.type}`);l.transform&&(d=l.transform(d)),a.value={...a.value,[h]:{data:d,loading:!1,error:null,lastFetched:Date.now()}}}catch(d){const b=d instanceof Error?d.message:"Unknown error";a.value={...a.value,[h]:{data:a.value[h]?.data??null,lastFetched:a.value[h]?.lastFetched??null,loading:!1,error:b}}}}async function s(){await Promise.all(t.map(l=>n(l)))}async function i(l){const h=t.find(d=>d.id===l);h&&await n(h)}function u(l){return a.value[l]?.data??null}const v=e.computed(()=>Object.values(a.value).some(l=>l.loading));function p(l){return a.value[l]?.loading??!1}function w(l){return a.value[l]?.error??null}function m(){for(const l of t)if(l.pollInterval&&l.pollInterval>0){const h=window.setInterval(()=>{n(l)},l.pollInterval);r.set(l.id,h)}}function g(){for(const[,l]of r)window.clearInterval(l);r.clear()}return e.onMounted(()=>{s(),m()}),e.onUnmounted(()=>{g()}),{state:e.readonly(a),isLoading:v,fetchAll:s,refetch:i,getData:u,isSourceLoading:p,getError:w,stopPolling:g}}const Vo={class:"layerboard-layout"},No=["aria-expanded"],Mo={key:0,class:"layerboard-subtitle"},To={class:"layerboard-mobile-menu-content"},Po={class:"layerboard-main"},Fo={key:0,class:"layerboard-loading",role:"status","aria-live":"polite"},zo={key:1,class:"layerboard-error",role:"alert"},Do=["aria-expanded","aria-label"],Io={key:0},Oo={key:1},Ro={class:"sr-only","aria-live":"polite"},_o=e.defineComponent({__name:"Layerboard",props:{title:{},subtitle:{default:void 0},webMapId:{},themeColor:{default:"#0f4d90"},cyclomediaConfig:{default:void 0},pictometryCredentials:{default:void 0},showDefaultSidebar:{type:Boolean,default:!0},sidebarWidth:{default:"30%"},sidebarLabel:{default:"Layers"},mapLabel:{default:"Map"},fetchMetadata:{type:Boolean,default:!1},tiledLayers:{default:()=>[]},dataSources:{default:()=>[]},layerStyleOverrides:{default:()=>({})},popupOverrides:{default:()=>({})},basemapControlPosition:{default:"top-right"},navigationControlPosition:{default:"bottom-right"},geolocationControlPosition:{default:"bottom-right"},searchControlPosition:{default:"top-left"},drawControlPosition:{default:"bottom-left"},cyclomediaButtonPosition:{default:"top-right"},pictometryButtonPosition:{default:"top-right"},initialZoom:{default:void 0},initialCenter:{default:void 0}},emits:["configs-loaded","load-error","zoom"],setup(t,{expose:a,emit:r}){const n=t,s=r,i=e.ref([]),u=e.ref(!0),v=e.ref(null),p=e.ref(12),w=e.ref(""),m=e.ref(new Set),g=e.ref({}),l=e.ref(new Set),h=e.ref({}),d=e.ref({}),b=e.ref(new Set),k=e.ref({});function B(){const y={};for(const C of n.tiledLayers)y[C.id]=C.opacity??1;k.value=y}function x(y){b.value.has(y)?b.value.delete(y):b.value.add(y),b.value=new Set(b.value)}function F(y,C){C?b.value.add(y):b.value.delete(y),b.value=new Set(b.value)}function E(y,C){k.value={...k.value,[y]:C}}const V=n.dataSources.length>0?yt(n.dataSources):null,M=e.computed(()=>V?.state.value??{}),W=e.computed(()=>V?.isLoading.value??!1);function I(y){return V?.getData(y)??null}function oe(y){return V?.refetch(y)??Promise.resolve()}e.provide("layerboard-layers",e.readonly(i)),e.provide("layerboard-visible",m),e.provide("layerboard-opacities",g),e.provide("layerboard-loading",e.readonly(l)),e.provide("layerboard-errors",e.readonly(h)),e.provide("layerboard-zoom",e.readonly(p)),e.provide("layerboard-toggle-layer",ve),e.provide("layerboard-set-layer-visible",ue),e.provide("layerboard-set-layers-visible",be),e.provide("layerboard-set-opacity",de),e.provide("layerboard-tiled-layers",e.readonly(e.computed(()=>n.tiledLayers))),e.provide("layerboard-visible-tiled",b),e.provide("layerboard-tiled-opacities",k),e.provide("layerboard-toggle-tiled",x),e.provide("layerboard-set-tiled-opacity",E),e.provide("layerboard-set-tiled-visible",F),e.provide("layerboard-data-sources-state",M),e.provide("layerboard-data-sources-loading",W),e.provide("layerboard-get-data-source",I),e.provide("layerboard-refetch-data-source",oe);const ne=e.computed(()=>({backgroundColor:n.themeColor})),Be=e.computed(()=>({backgroundColor:n.themeColor})),Me=e.computed(()=>({backgroundColor:n.themeColor})),Ue=e.computed(()=>({width:ee.value?"0":n.sidebarWidth}));async function he(){try{u.value=!0,v.value=null;const C=(await Re(n.webMapId)).map(O=>{let U=O;const se=n.layerStyleOverrides[O.id];se&&(U={...U,paint:se.paint??U.paint,outlinePaint:se.outlinePaint??U.outlinePaint,legend:se.legend??U.legend,type:se.type??U.type});const Se=n.popupOverrides[O.id];return Se&&U.popup&&(U={...U,popup:{...U.popup,...Se}}),U});i.value=C.map(O=>({config:O,component:O.type}));const R={};C.forEach(O=>{R[O.id]=O.opacity??1}),g.value=R,s("configs-loaded",C)}catch(y){const C=y instanceof Error?y.message:"Failed to load layer configurations";v.value=C,s("load-error",C)}finally{u.value=!1}}async function Ze(){if(n.fetchMetadata)try{const y="https://phl.carto.com/api/v2/sql?q="+encodeURIComponent("select url_text, COALESCE(representation, '') as representation from phl.knack_metadata_reps_endpoints_join WHERE ( format = 'API' OR format = 'GeoService' ) AND url_text IS NOT null"),C=await fetch(y);if(!C.ok)return;const R=await C.json(),O={};for(const U of R.rows||[])if(U.url_text&&U.representation){const se=Ke(U.url_text),Se=`https://metadata.phila.gov/#home/representationdetails/${U.representation}/`;O[se]=Se}d.value=O}catch{}}function We(y){p.value=y,s("zoom",y)}function ve(y){m.value.has(y)?m.value.delete(y):m.value.add(y),m.value=new Set(m.value)}function ue(y,C){C?m.value.add(y):m.value.delete(y),m.value=new Set(m.value)}function be(y,C){for(const R of y)C?m.value.add(R):m.value.delete(R);m.value=new Set(m.value)}function de(y,C){g.value={...g.value,[y]:C}}function je(y,C){C?l.value.add(y):l.value.delete(y),l.value=new Set(l.value)}function X(y,C){if(C)h.value={...h.value,[y]:C};else{const R={...h.value};delete R[y],h.value=R}}function ke(y){w.value=y}const G=e.ref(null),me=e.ref(null),qe=e.ref(null),ae=e.ref(null),Ee=e.ref(null),xe=e.ref(null),Te=e.ref(null),re=e.ref("sidebar");function Le(){re.value=re.value==="sidebar"?"map":"sidebar",e.nextTick(()=>{re.value==="sidebar"&&G.value?.focus()})}const H=e.ref(!1);function Pe(){H.value=!H.value,H.value&&e.nextTick(()=>{ae.value?.focus()})}function ye(){H.value=!1,e.nextTick(()=>{me.value?.focus()})}const ee=e.ref(!1);function ge(){ee.value=!ee.value}const le=e.ref(!1),$e=e.ref(null);function ie(){$e.value=document.activeElement,le.value=!0,e.nextTick(()=>{Te.value?.focus()})}function J(){le.value=!1,e.nextTick(()=>{$e.value?.focus(),$e.value=null})}function we(y){y.target.classList.contains("layerboard-modal-backdrop")&&J()}function Ge(y){if(y.key==="Escape"){ye();return}if(y.key==="Tab"&&Ee.value){const C=Array.from(Ee.value.querySelectorAll('a[href], button:not([disabled]), textarea, input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'));if(C.length===0)return;const R=C[0],O=C[C.length-1];y.shiftKey?document.activeElement===R&&(y.preventDefault(),O.focus()):document.activeElement===O&&(y.preventDefault(),R.focus())}}function He(y){if(y.key==="Escape"){J();return}if(y.key==="Tab"&&xe.value){const C=Array.from(xe.value.querySelectorAll('a[href], button:not([disabled]), textarea, input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'));if(C.length===0)return;const R=C[0],O=C[C.length-1];y.shiftKey?document.activeElement===R&&(y.preventDefault(),O.focus()):document.activeElement===O&&(y.preventDefault(),R.focus())}}e.provide("layerboard-open-modal",ie),e.provide("layerboard-close-modal",J),e.provide("layerboard-is-modal-open",e.readonly(le)),a({layerList:i,visibleLayers:m,layerOpacities:g,loadingLayers:l,layerErrors:h,currentZoom:p,toggleLayer:ve,setLayerVisible:ue,setLayersVisible:be,setLayerOpacity:de,reloadConfigs:he,clearCache:()=>mt(n.webMapId),visibleTiledLayers:b,tiledLayerOpacities:k,toggleTiledLayer:x,setTiledLayerVisible:F,setTiledLayerOpacity:E,dataSourcesState:M,dataSourcesLoading:W,getDataSourceData:I,refetchDataSource:oe,isModalOpen:le,openModal:ie,closeModal:J});function Fe(y){y.key==="Escape"&&H.value&&ye()}return e.onMounted(()=>{he(),Ze(),B(),document.addEventListener("keydown",Fe)}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",Fe)}),(y,C)=>(e.openBlock(),e.createElementBlock("div",Vo,[C[5]||(C[5]=e.createElementVNode("a",{href:"#main-content",class:"skip-to-main-content-link"},"Skip to main content",-1)),e.createElementVNode("header",{class:"layerboard-header",style:e.normalizeStyle(ne.value)},[C[1]||(C[1]=e.createElementVNode("a",{href:"https://www.phila.gov/",class:"layerboard-logo layerboard-desktop-only"},[e.createElementVNode("img",{src:"https://standards.phila.gov/img/logo/city-of-philadelphia-yellow-white.png",alt:"City of Philadelphia"})],-1)),C[2]||(C[2]=e.createElementVNode("span",{class:"layerboard-header-divider layerboard-desktop-only","aria-hidden":"true"},null,-1)),e.createElementVNode("button",{ref_key:"hamburgerRef",ref:me,class:"layerboard-hamburger layerboard-mobile-only","aria-expanded":H.value,"aria-label":"Toggle menu",onClick:Pe},[e.createVNode(e.unref(q.Icon),{"icon-definition":e.unref(Rt),size:"medium",inline:"",decorative:""},null,8,["icon-definition"])],8,No),e.renderSlot(y.$slots,"header",{},()=>[e.createElementVNode("h1",null,e.toDisplayString(t.title),1),t.subtitle?(e.openBlock(),e.createElementBlock("span",Mo,e.toDisplayString(t.subtitle),1)):e.createCommentVNode("",!0)],!0),H.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"mobileMenuRef",ref:Ee,class:"layerboard-mobile-menu",role:"dialog","aria-modal":"true","aria-label":"Site menu",style:e.normalizeStyle({backgroundColor:t.themeColor}),onKeydown:Ge},[e.createElementVNode("div",To,[e.renderSlot(y.$slots,"footer",{openModal:ie,closeModal:J,isModalOpen:le.value},()=>[C[0]||(C[0]=e.createTextVNode(" City of Philadelphia ",-1))],!0)]),e.createElementVNode("button",{ref_key:"mobileMenuCloseRef",ref:ae,class:"layerboard-mobile-menu-close","aria-label":"Close menu",onClick:ye},[e.createVNode(e.unref(q.Icon),{"icon-definition":e.unref(rt),size:"medium",decorative:""},null,8,["icon-definition"])],512)],36)):e.createCommentVNode("",!0),H.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"layerboard-mobile-menu-backdrop",onClick:ye})):e.createCommentVNode("",!0)],4),e.createElementVNode("div",Po,[u.value?(e.openBlock(),e.createElementBlock("div",Fo,[e.createElementVNode("div",{class:"layerboard-spinner",style:e.normalizeStyle({borderTopColor:t.themeColor})},null,4),e.createElementVNode("p",null,"Loading "+e.toDisplayString(t.title)+"...",1)])):v.value?(e.openBlock(),e.createElementBlock("div",zo,[C[3]||(C[3]=e.createElementVNode("h2",null,"Error Loading Layers",-1)),e.createElementVNode("p",null,e.toDisplayString(v.value),1),e.createElementVNode("button",{class:"layerboard-retry-button",style:e.normalizeStyle({backgroundColor:t.themeColor}),onClick:he}," Retry ",4)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("aside",{id:"main-content",ref_key:"sidebarRef",ref:G,class:e.normalizeClass(["layerboard-sidebar",{"is-active":re.value==="sidebar"}]),style:e.normalizeStyle(Ue.value),"aria-label":"Map layers",tabindex:"-1"},[e.renderSlot(y.$slots,"sidebar",{layers:i.value,visibleLayers:m.value,layerOpacities:g.value,loadingLayers:l.value,layerErrors:h.value,currentZoom:p.value,toggleLayer:ve,setLayerVisible:ue,setLayersVisible:be,setOpacity:de,tiledLayers:t.tiledLayers,visibleTiledLayers:b.value,tiledLayerOpacities:k.value,toggleTiledLayer:x,setTiledLayerVisible:F,setTiledLayerOpacity:E,dataSourcesState:M.value,dataSourcesLoading:W.value,getDataSource:I,refetchDataSource:oe},()=>[t.showDefaultSidebar?(e.openBlock(),e.createBlock(ft,{key:0,"layer-list":i.value,"visible-layers":m.value,"layer-opacities":g.value,"loading-layers":l.value,"layer-errors":h.value,"current-zoom":p.value,"search-query":w.value,"layer-metadata":d.value,onToggleLayer:ve,onSetOpacity:de,onUpdateSearch:ke},null,8,["layer-list","visible-layers","layer-opacities","loading-layers","layer-errors","current-zoom","search-query","layer-metadata"])):e.createCommentVNode("",!0)],!0)],6),e.createElementVNode("div",{role:"main","aria-label":"Map",class:e.normalizeClass(["layerboard-map",{"is-active":re.value==="map"}])},[e.createVNode(dt,{"visible-layers":m.value,"layer-opacities":g.value,"layer-list":i.value,"tiled-layers":t.tiledLayers,"visible-tiled-layers":b.value,"tiled-layer-opacities":k.value,"cyclomedia-config":t.cyclomediaConfig,"pictometry-credentials":t.pictometryCredentials,"basemap-control-position":t.basemapControlPosition,"navigation-control-position":t.navigationControlPosition,"geolocation-control-position":t.geolocationControlPosition,"search-control-position":t.searchControlPosition,"draw-control-position":t.drawControlPosition,"cyclomedia-button-position":t.cyclomediaButtonPosition,"pictometry-button-position":t.pictometryButtonPosition,"initial-zoom":t.initialZoom,"initial-center":t.initialCenter,onZoom:We,onLayerLoading:je,onLayerError:X},null,8,["visible-layers","layer-opacities","layer-list","tiled-layers","visible-tiled-layers","tiled-layer-opacities","cyclomedia-config","pictometry-credentials","basemap-control-position","navigation-control-position","geolocation-control-position","search-control-position","draw-control-position","cyclomedia-button-position","pictometry-button-position","initial-zoom","initial-center"])],2),e.createElementVNode("button",{class:e.normalizeClass(["layerboard-sidebar-toggle",{"is-collapsed":ee.value}]),style:e.normalizeStyle({left:ee.value?"0":n.sidebarWidth}),"aria-expanded":!ee.value,"aria-label":ee.value?"Expand sidebar":"Collapse sidebar",onClick:ge},[e.createVNode(e.unref(q.Icon),{"icon-definition":ee.value?e.unref(It):e.unref(Ot),size:"medium",decorative:""},null,8,["icon-definition"])],14,Do)],64))]),e.createElementVNode("button",{ref_key:"mobileToggleRef",ref:qe,class:"layerboard-mobile-toggle",style:e.normalizeStyle(Me.value),onClick:Le},[re.value==="map"?(e.openBlock(),e.createElementBlock("span",Io,e.toDisplayString(t.sidebarLabel),1)):(e.openBlock(),e.createElementBlock("span",Oo,e.toDisplayString(t.mapLabel),1))],4),e.createElementVNode("footer",{class:"layerboard-footer",style:e.normalizeStyle(Be.value)},[e.renderSlot(y.$slots,"footer",{openModal:ie,closeModal:J,isModalOpen:le.value},()=>[C[4]||(C[4]=e.createTextVNode(" City of Philadelphia ",-1))],!0)],4),le.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"layerboard-modal-backdrop",onClick:we,onKeydown:He},[e.createElementVNode("div",{ref_key:"modalRef",ref:xe,class:"layerboard-modal",role:"dialog","aria-modal":"true","aria-label":"Application information"},[e.createElementVNode("button",{ref_key:"modalCloseRef",ref:Te,class:"layerboard-modal-close","aria-label":"Close modal",onClick:J},[e.createVNode(e.unref(q.Icon),{"icon-definition":e.unref(rt),size:"medium",decorative:""},null,8,["icon-definition"])],512),e.renderSlot(y.$slots,"modal",{closeModal:J},void 0,!0)],512)],32)):e.createCommentVNode("",!0),e.createElementVNode("span",Ro,e.toDisplayString(re.value==="sidebar"?"Showing layers panel":"Showing map"),1)]))}}),Ao=ce(_o,[["__scopeId","data-v-0a7b6d44"]]),Uo=["aria-expanded"],Zo={key:0,class:"topic-icon"},Wo={class:"topic-title"},jo=e.defineComponent({__name:"TopicAccordion",props:{title:{},icon:{default:void 0},expanded:{type:Boolean,default:!1},layerIds:{default:()=>[]},headerClass:{default:void 0}},emits:["toggle","layerChange"],setup(t,{emit:a}){const r=t,n=a,s=e.ref(r.expanded),i=`topic-panel-${e.useId()}`,u=`topic-header-${e.useId()}`;e.watch(()=>r.expanded,p=>{s.value=p});function v(){s.value=!s.value,n("toggle",s.value)}return(p,w)=>{const m=e.resolveComponent("font-awesome-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["topic-accordion",{"is-expanded":s.value}])},[e.createElementVNode("button",{id:u,class:e.normalizeClass(["topic-header",t.headerClass]),type:"button","aria-expanded":s.value,"aria-controls":i,onClick:v},[t.icon||p.$slots.icon?(e.openBlock(),e.createElementBlock("span",Zo,[e.renderSlot(p.$slots,"icon",{},()=>[t.icon?(e.openBlock(),e.createBlock(m,{key:0,icon:["fas",t.icon],"aria-hidden":"true"},null,8,["icon"])):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",Wo,e.toDisplayString(t.title),1),e.createElementVNode("span",{class:e.normalizeClass(["topic-chevron",{"is-rotated":s.value}])},[...w[0]||(w[0]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},[e.createElementVNode("polyline",{points:"6 9 12 15 18 9"})],-1)])],2)],10,Uo),e.withDirectives(e.createElementVNode("div",{id:i,role:"region","aria-labelledby":u,class:"topic-content"},[e.renderSlot(p.$slots,"default",{},()=>[w[1]||(w[1]=e.createElementVNode("p",{class:"topic-empty"},"No content provided for this topic.",-1))],!0)],512),[[e.vShow,s.value]])],2)}}}),qo=ce(jo,[["__scopeId","data-v-a2023afa"]]);function gt(t){return t.displayOptions?.shouldShowCheckbox!==!1}function ot(t,a){return a?t.displayOptions?.shouldShowSlider!==!1:!1}function nt(t,a){return a?t.displayOptions?.shouldShowLegendBox!==!1:!1}function fe(t){return t.displayOptions?.layerNameChange||t.title}const Go=["aria-label"],Ho=["checked","disabled","onChange"],Jo={class:"layer-title"},Ko={class:"layer-title"},Qo={key:0,class:"empty-state"},Xo=e.defineComponent({__name:"LayerCheckboxSet",props:{layers:{},visibleLayerIds:{},layerOpacities:{default:()=>({})},loadingLayerIds:{default:()=>new Set},layerErrors:{default:()=>({})},currentZoom:{default:12},showOpacity:{type:Boolean,default:!0},showLegend:{type:Boolean,default:!0},groupLabel:{default:void 0}},emits:["toggleLayer","setOpacity"],setup(t,{emit:a}){const r=t,n=a,{isVisible:s,getLayerOpacity:i,isLayerLoading:u,getLayerError:v,isLayerAvailableAtZoom:p}=Ye(()=>r);function w(m){n("toggleLayer",m)}return(m,g)=>(e.openBlock(),e.createElementBlock("fieldset",{class:"layer-checkbox-set",role:"group","aria-label":t.groupLabel},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.layers,l=>(e.openBlock(),e.createElementBlock("div",{key:l.id,class:"layer-item"},[e.unref(gt)(l)?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(["layer-checkbox",{"layer-unavailable":!e.unref(p)(l),"layer-error":e.unref(v)(l.id)}])},[e.createElementVNode("input",{type:"checkbox",checked:e.unref(s)(l.id),disabled:!e.unref(p)(l),onChange:h=>w(l.id)},null,40,Ho),e.createElementVNode("span",Jo,[e.createTextVNode(e.toDisplayString(e.unref(fe)(l))+" ",1),e.createVNode(Ie,{loading:e.unref(u)(l.id),error:e.unref(v)(l.id),unavailable:!e.unref(p)(l)},null,8,["loading","error","unavailable"])])],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["layer-label-only",{"layer-unavailable":!e.unref(p)(l),"layer-error":e.unref(v)(l.id)}])},[e.createElementVNode("span",Ko,[e.createTextVNode(e.toDisplayString(e.unref(fe)(l))+" ",1),e.createVNode(Ie,{loading:e.unref(u)(l.id),error:e.unref(v)(l.id),unavailable:!e.unref(p)(l)},null,8,["loading","error","unavailable"])])],2)),e.unref(ot)(l,t.showOpacity)&&e.unref(s)(l.id)&&e.unref(p)(l)?(e.openBlock(),e.createBlock(Qe,{key:2,"layer-id":l.id,"layer-name":e.unref(fe)(l),opacity:e.unref(i)(l.id),"onUpdate:opacity":h=>n("setOpacity",l.id,h)},null,8,["layer-id","layer-name","opacity","onUpdate:opacity"])):e.createCommentVNode("",!0),e.unref(nt)(l,t.showLegend)&&e.unref(s)(l.id)&&e.unref(p)(l)&&l.legend?.length?(e.openBlock(),e.createBlock(Xe,{key:3,items:l.legend,label:"Legend for "+e.unref(fe)(l)},null,8,["items","label"])):e.createCommentVNode("",!0)]))),128)),t.layers.length===0?(e.openBlock(),e.createElementBlock("div",Qo,"No layers available")):e.createCommentVNode("",!0)],8,Go))}}),Yo=ce(Xo,[["__scopeId","data-v-bfcd7855"]]),en=["aria-label"],tn=["name","checked","disabled","onChange"],on={class:"layer-title"},nn={key:0,class:"empty-state"},ln=e.defineComponent({__name:"LayerRadioButtonSet",props:{layers:{},visibleLayerIds:{},layerOpacities:{default:()=>({})},loadingLayerIds:{default:()=>new Set},layerErrors:{default:()=>({})},currentZoom:{default:12},showOpacity:{type:Boolean,default:!0},showLegend:{type:Boolean,default:!0},groupName:{default:"layer-radio-group"},groupLabel:{default:void 0}},emits:["selectLayer","setOpacity"],setup(t,{emit:a}){const r=t,n=a,{isVisible:s,getLayerOpacity:i,isLayerLoading:u,getLayerError:v,isLayerAvailableAtZoom:p}=Ye(()=>r);function w(m){const g=r.layers.filter(l=>r.visibleLayerIds.has(l.id)&&l.id!==m).map(l=>l.id);n("selectLayer",m,g)}return(m,g)=>(e.openBlock(),e.createElementBlock("div",{class:"layer-radio-set",role:"radiogroup","aria-label":t.groupLabel},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.layers,l=>(e.openBlock(),e.createElementBlock("div",{key:l.id,class:"layer-item"},[e.createElementVNode("label",{class:e.normalizeClass(["layer-radio",{"layer-unavailable":!e.unref(p)(l),"layer-error":e.unref(v)(l.id)}])},[e.createElementVNode("input",{type:"radio",name:t.groupName,checked:e.unref(s)(l.id),disabled:!e.unref(p)(l),onChange:h=>w(l.id)},null,40,tn),e.createElementVNode("span",on,[e.createTextVNode(e.toDisplayString(e.unref(fe)(l))+" ",1),e.createVNode(Ie,{loading:e.unref(u)(l.id),error:e.unref(v)(l.id),unavailable:!e.unref(p)(l)},null,8,["loading","error","unavailable"])])],2),e.unref(ot)(l,t.showOpacity)&&e.unref(s)(l.id)&&e.unref(p)(l)?(e.openBlock(),e.createBlock(Qe,{key:0,"layer-id":l.id,"layer-name":e.unref(fe)(l),opacity:e.unref(i)(l.id),"onUpdate:opacity":h=>n("setOpacity",l.id,h)},null,8,["layer-id","layer-name","opacity","onUpdate:opacity"])):e.createCommentVNode("",!0),e.unref(nt)(l,t.showLegend)&&e.unref(s)(l.id)&&e.unref(p)(l)&&l.legend?.length?(e.openBlock(),e.createBlock(Xe,{key:1,items:l.legend,label:"Legend for "+e.unref(fe)(l)},null,8,["items","label"])):e.createCommentVNode("",!0)]))),128)),t.layers.length===0?(e.openBlock(),e.createElementBlock("div",nn,"No layers available")):e.createCommentVNode("",!0)],8,en))}}),an=ce(ln,[["__scopeId","data-v-c368d815"]]);function rn(t){const a=e.ref([]),r=e.ref(new Set),n=e.ref({}),s=e.ref(new Set),i=e.ref({}),u=e.ref(""),v=e.ref(!1),p=e.ref(!1),w=e.ref(null),m=e.computed(()=>{if(!u.value.trim())return a.value;const E=u.value.toLowerCase();return a.value.filter(V=>V.title.toLowerCase().includes(E))}),g=e.computed(()=>a.value.map(E=>({config:E,component:E.type})));async function l(){if(!p.value){v.value=!0,w.value=null;try{let E;t.mode==="dynamic"||!t.mode?t.webMapId?E=await h(t.webMapId):E=await Re():E=await Re(),a.value=E;const V={};E.forEach(M=>{V[M.id]=M.opacity??1}),n.value=V,p.value=!0}catch(E){w.value=E instanceof Error?E:new Error("Failed to initialize layerboard")}finally{v.value=!1}}}async function h(E){const V=Ae(E),M=await fetch(V,{cache:"no-store"});if(!M.ok)throw new Error(`Failed to fetch WebMap: ${M.status} ${M.statusText}`);const W=await M.json();return et(W)}function d(E){const V=new Set(r.value);V.has(E)?V.delete(E):V.add(E),r.value=V}function b(E,V){n.value={...n.value,[E]:Math.max(0,Math.min(1,V))}}function k(E){u.value=E}function B(E,V){const M=new Set(s.value);V?M.add(E):M.delete(E),s.value=M}function x(E,V){if(V)i.value={...i.value,[E]:V};else{const M={...i.value};delete M[E],i.value=M}}function F(){a.value=[],r.value=new Set,n.value={},s.value=new Set,i.value={},u.value="",v.value=!1,p.value=!1,w.value=null}return{layerConfigs:e.readonly(a),visibleLayers:e.readonly(r),layerOpacities:e.readonly(n),loadingLayers:e.readonly(s),layerErrors:e.readonly(i),searchQuery:e.readonly(u),isLoading:e.readonly(v),isInitialized:e.readonly(p),error:e.readonly(w),filteredLayerConfigs:m,layerList:g,config:t,initialize:l,toggleLayer:d,setLayerOpacity:b,filterLayers:k,setLayerLoading:B,setLayerError:x,reset:F}}function sn(){const t=e.ref([]),a=e.ref(new Set),r=e.ref(new Set);function n(i){a.value.has(i)?a.value.delete(i):a.value.add(i)}function s(i){t.value=i}return{layers:e.computed(()=>t.value),visibleLayerIds:e.computed(()=>a.value),loadingLayerIds:e.computed(()=>r.value),toggleLayer:n,setLayers:s}}function ht(t){const a=e.ref(null),r=e.ref(!1),n=e.ref(null),s=e.ref(0);async function i(p={}){r.value=!0,n.value=null;const w=t.pageSize||2e3;let m=0,g=[],l=!0;try{for(;l;){const d=t.url.replace(/\/$/,""),b=encodeURIComponent(p.where||t.where||"1=1");let k=`${d}/query?where=${b}&outFields=*&returnGeometry=true&resultRecordCount=${w}&resultOffset=${m}&f=geojson`;if(p.bounds){const F=JSON.stringify({xmin:p.bounds.west,ymin:p.bounds.south,xmax:p.bounds.east,ymax:p.bounds.north,spatialReference:{wkid:4326}});k+=`&geometry=${encodeURIComponent(F)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects`}const B=await fetch(k);if(!B.ok)throw new Error(`HTTP ${B.status}: ${B.statusText}`);const x=await B.json();x.features&&x.features.length>0?(g=g.concat(x.features),m+=x.features.length,l=x.features.length===w):l=!1}const h={type:"FeatureCollection",features:g};return a.value=h,s.value=g.length,h}catch(h){const d=h instanceof Error?h:new Error("Failed to fetch features");throw n.value=d,d}finally{r.value=!1}}function u(){a.value=null,s.value=0,n.value=null}async function v(p={}){return i(p)}return{data:e.readonly(a),isLoading:e.readonly(r),error:e.readonly(n),totalFeatures:e.readonly(s),config:t,fetch:i,refetch:v,clear:u}}function cn(t,a,r){const n=ht(t);return e.watch(a,async s=>{if(s){const i=r(s);await n.fetch(i)}},{immediate:!0}),n}exports.LayerCheckboxSet=Yo;exports.LayerPanel=ft;exports.LayerRadioButtonSet=an;exports.Layerboard=Ao;exports.MapPanel=dt;exports.TopicAccordion=qo;exports.WEBMAP_ID=Co;exports.buildWebMapUrl=Ae;exports.clearCache=mt;exports.getLayerConfigs=Re;exports.getLayerDisplayName=fe;exports.getWebMapUrl=Bo;exports.normalizeUrl=Ke;exports.shouldShowCheckbox=gt;exports.shouldShowLegendBox=nt;exports.shouldShowSlider=ot;exports.transformWebMapToLayerConfigs=et;exports.useApiDataSources=yt;exports.useDataSource=ht;exports.useLayerConfig=sn;exports.useLayerboard=rn;exports.useReactiveDataSource=cn;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),X=require("@phila/phila-ui-map-core"),q=require("@phila/phila-ui-core");var Se=typeof document<"u"?document.currentScript:null;const wt={class:"map-panel"},St=e.defineComponent({__name:"MapPanel",props:{visibleLayers:{},layerOpacities:{},layerList:{},tiledLayers:{default:void 0},visibleTiledLayers:{default:void 0},tiledLayerOpacities:{default:void 0},cyclomediaConfig:{default:void 0},pictometryCredentials:{default:void 0},basemapControlPosition:{default:"top-right"},navigationControlPosition:{default:"bottom-right"},geolocationControlPosition:{default:"bottom-right"},searchControlPosition:{default:"top-left"},drawControlPosition:{default:"bottom-left"},cyclomediaButtonPosition:{default:"top-right"},pictometryButtonPosition:{default:"top-right"},initialZoom:{default:void 0},initialCenter:{default:void 0}},emits:["zoom","layerLoading","layerError"],setup(t,{emit:a}){const r=t,n=a,s=e.ref(null),i=e.ref(null),d=e.ref(0);function b(o){n("zoom",o),i.value&&(d.value=p(i.value))}function p(o){const u=o.getZoom(),v=o.getCenter().lat,C=559082264028e-3,$=v*Math.PI/180;return C*Math.cos($)/Math.pow(2,u)}const w=e.ref({}),m=e.ref(null),y=e.ref(new Set);async function l(o,u,c,v,C){const $=encodeURIComponent(v||"1=1"),P=JSON.stringify({xmin:u.west,ymin:u.south,xmax:u.east,ymax:u.north,spatialReference:{wkid:4326}}),Z=C!==void 0&&C<14?`&maxAllowableOffset=${360/(Math.pow(2,C)*512)}`:"",U=2e3;let H=0,j=[],T=!0;for(;T;){const O=`${o}/query?where=${$}&geometry=${encodeURIComponent(P)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects&outFields=*&returnGeometry=true&resultRecordCount=${U}&resultOffset=${H}${Z}&f=geojson`,z=await fetch(O);if(!z.ok)throw new Error(`HTTP ${z.status}: ${z.statusText}`);const ee=await z.json();ee.features&&ee.features.length>0?(j=j.concat(ee.features),H+=ee.features.length,T=ee.features.length===U):T=!1}return j=j.map(O=>{if(O.properties){const z={};for(const ee of Object.keys(O.properties))z[ee.toLowerCase()]=O.properties[ee];return{...O,properties:z}}return O}),{type:"FeatureCollection",features:j}}async function g(o,u,c){const v=u.map(async C=>{const $=r.layerList.find(P=>P.config.id===C)?.config;if($){n("layerLoading",C,!0);try{const P=await l($.url,o,C,$.where,c);w.value={...w.value,[C]:P},n("layerError",C,null)}catch(P){const Z=P instanceof Error?P.message:"Failed to load";n("layerError",C,Z)}finally{n("layerLoading",C,!1)}}});await Promise.all(v)}function f(o){const u=new Set(o);for(const c of r.layerList)c.config.parentId&&u.has(c.config.parentId)&&u.add(c.config.id);return[...u]}async function L(o,u){const c=f([...r.visibleLayers]);await g(o,c,u)}function k(o){m.value=o.bounds,L(o.bounds,o.zoom)}function E(o){i.value=o;const u=o.getBounds();m.value={west:u.getWest(),south:u.getSouth(),east:u.getEast(),north:u.getNorth()};const c=o.getZoom();n("zoom",c),d.value=p(o),L(m.value,c)}e.watch(()=>r.visibleLayers,async()=>{if(Y.value.length>0&&me(),m.value){const o=new Set(r.visibleLayers),u=[...o].filter(v=>!y.value.has(v));y.value=new Set(o);const c=f(u);if(c.length>0){const v=i.value?.getZoom();await g(m.value,c,v)}}});function B(o){if(r.visibleLayers.has(o))return!0;const u=r.layerList.find(c=>c.config.id===o)?.config;return!!u?.parentId&&r.visibleLayers.has(u.parentId)}function F(o){return!!w.value[o.id]}const x=e.computed(()=>r.layerList.filter(o=>o.config.type==="circle"&&B(o.config.id)&&F(o.config)).map(o=>o.config)),V=e.computed(()=>r.layerList.filter(o=>o.config.type==="fill"&&B(o.config.id)&&F(o.config)).map(o=>o.config)),M=e.computed(()=>r.layerList.filter(o=>o.config.type==="fill"&&o.config.outlinePaint&&B(o.config.id)&&F(o.config)).map(o=>o.config)),W=e.computed(()=>r.layerList.filter(o=>o.config.type==="line"&&B(o.config.id)&&F(o.config)).map(o=>o.config));e.watch(W,async o=>{if(o.length<2)return;await e.nextTick();const u=i.value;if(u)for(let c=o.length-1;c>=0;c--){const v=c<o.length-1?o[c+1].id:"highlight-lines";try{u.getLayer(o[c].id)&&u.moveLayer(o[c].id,v)}catch{}}});function D(o){return r.visibleTiledLayers?.has(o)??!1}function te(o){return r.tiledLayerOpacities?.[o]??1}function ae(o){return`${o.replace(/\/$/,"")}/tile/{z}/{y}/{x}`}function We(o){return{type:"raster",tiles:[ae(o.url)],tileSize:256,attribution:o.attribution||""}}const Ce=e.ref({}),Me=e.ref(new Set);async function Be(o){if(!Me.value.has(o.id)){Me.value.add(o.id);try{const u=o.url.replace(/\/$/,""),c=await fetch(`${u}?f=json`);if(!c.ok)return;const v=await c.json(),C=v.minScale||0;let $=v.maxScale||0;if(v.layers&&v.layers.length>0)for(const P of v.layers)P.maxScale&&P.maxScale>0&&($===0||P.maxScale<$)&&($=P.maxScale);$===0&&($=72e3),Ce.value={...Ce.value,[o.id]:{minScale:C,maxScale:$}}}catch{}}}e.onMounted(()=>{if(r.tiledLayers)for(const o of r.tiledLayers)o.scaleBasedRendering&&Be(o)});function Te(o){if(!o.scaleBasedRendering)return"tiled";const u=Ce.value[o.id];if(!u)return"tiled";const c=d.value;return c===0||c>u.maxScale?"tiled":"dynamic"}const je=e.computed(()=>r.tiledLayers?r.tiledLayers.filter(o=>D(o.id)?o.scaleBasedRendering?Te(o)==="tiled":!0:!1):[]),ge=e.computed(()=>r.tiledLayers?r.tiledLayers.filter(o=>D(o.id)&&o.scaleBasedRendering?Te(o)==="dynamic":!1):[]);function xe(o){return{type:"raster",tiles:[`${o.url.replace(/\/$/,"")}/export?bbox={bbox-epsg-3857}&bboxSR=3857&imageSR=3857&size=256,256&format=png32&transparent=true&f=image`],tileSize:256,attribution:o.attribution||""}}function ce(o){return{type:"geojson",data:w.value[o.id],tolerance:0}}function fe(o){return r.layerOpacities[o]??1}function Ee(o){const u=fe(o.id),c=o.type==="circle"?"circle-opacity":o.type==="fill"?"fill-opacity":"line-opacity";if(o.type==="fill"&&o.paint["fill-opacity"]===0)return{...o.paint,"fill-opacity":0};const v=o.type==="circle"?"circle-color":o.type==="fill"?"fill-color":"line-color",C={...o.paint},$=C[v],P=C[c]===1,Z=typeof $=="string"&&$.startsWith("rgba(");if(P&&Z){if(u===1)return C;{const U=$.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);if(U&&U[4]){const[,H,j,T,O]=U,z=parseFloat(O)*u;C[v]=`rgba(${H}, ${j}, ${T}, ${z})`,C[c]=1}return C}}if(Z){const U=$.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);if(U){const[,H,j,T]=U;C[v]=`rgb(${H}, ${j}, ${T})`}}return C[c]=u,C}function qe(o){const u=fe(o.id);return{...o.outlinePaint,"line-opacity":u}}const Y=e.ref([]),pe=e.ref(null),G=e.ref(0);function he(o){const u=o.replace(/-outline$/,"");return r.layerList.find(v=>v.config.id===u)?.config}function Pe(o,u){return o.replace(/\{([^}]+)\}/g,(c,v)=>{const C=u[v];return C==null?"":String(C)})}function le(o){return o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function $e(o,u,c){if(o==null)return"-";if(u?.dateFormat&&typeof o=="number"){const v=new Date(o);if(c&&u.dateFormat==="shortDateShortTime")return v.toLocaleString(void 0,{dateStyle:"short",timeStyle:"short"});switch(u.dateFormat){case"shortDateShortTime":return v.toLocaleDateString();case"longMonthDayYear":return v.toLocaleDateString(void 0,{month:"long",day:"numeric",year:"numeric"});case"shortDate":return v.toLocaleDateString();case"longDate":return v.toLocaleDateString(void 0,{weekday:"long",month:"long",day:"numeric",year:"numeric"});default:return v.toLocaleDateString()}}if(typeof o=="number"){if(o>1e12&&!u)return new Date(o).toLocaleDateString();const v=u?.places,C=u?.digitSeparator??!0;if(v!==void 0){if(Number.isInteger(o)&&v>=0)return String(o);const $=o.toFixed(v);if(C){const P=$.split("."),Z=P[0]||"0",U=P[1],H=Z.replace(/\B(?=(\d{3})+(?!\d))/g,",");return U?`${H}.${U}`:H}return $}return Number.isInteger(o)?String(o):C?o.toLocaleString():String(o)}return String(o)}function Fe(o){const u=new Set;return o.filter(c=>{const C=`${c.layer.id.replace(/-outline$/,"")}:${JSON.stringify(c.properties)}`;return u.has(C)?!1:(u.add(C),!0)})}function re(o,u){const c=w.value[o];if(!c?.features)return null;const v=u.objectid??u.OBJECTID??u.FID;if(v!=null){const C=c.features.find($=>($.properties?.objectid??$.properties?.OBJECTID??$.properties?.FID)===v);if(C)return C.geometry}return null}function Ge(o,u){const c=new Map;return u.forEach((v,C)=>{c.set(v.id,C)}),o.sort((v,C)=>{const $=v.layer.id.replace(/-outline$/,""),P=C.layer.id.replace(/-outline$/,""),Z=c.get($)??-1;return(c.get(P)??-1)-Z})}function J(o){const u=i.value;if(!u)return;const c=[];r.layerList.forEach(T=>{const O=T.config;B(O.id)&&(c.push(O.id),O.outlinePaint&&c.push(`${O.id}-outline`))});const v=c.filter(T=>u.getLayer(T));if(v.length===0)return;const C=u.project([o.lngLat.lng,o.lngLat.lat]),$=u.queryRenderedFeatures(C,{layers:v});if($.length===0)return;const P=Fe($),Z=r.layerList.map(T=>T.config),H=Ge(P,Z).map(T=>{const O=T.layer.id.replace(/-outline$/,""),z=he(O);if(!z)return null;const ee=re(z.id,T.properties||{});return{layerId:z.id,layerTitle:z.title,properties:T.properties||{},geometry:ee||T.geometry,popupConfig:z.popup}}).filter(T=>T!==null);if(H.length===0)return;H.sort((T,O)=>{const z=T.popupConfig?.popupSortField,ee=O.popupConfig?.popupSortField;if(!z||z!==ee)return 0;const Je=T.properties[z],Ke=O.properties[z];if(Je==null||Ke==null)return 0;const rt=T.popupConfig?.popupSortOrder!=="asc";return Je<Ke?rt?1:-1:Je>Ke?rt?-1:1:0}),Y.value=H,G.value=0,pe.value=[o.lngLat.lng,o.lngLat.lat];const j=H[0];if(j){const T=he(j.layerId);if(T){const O=R(j.geometry),z=I(T.id,T.type);S.value={geometry:j.geometry,geometryType:O,layerId:T.id,properties:j.properties,originalStyle:z}}}}function me(){Y.value=[],pe.value=null,G.value=0,S.value=null}function ye(o){if(Y.value.length===0)return;const u=o.target;if(!(u.tagName==="INPUT"||u.tagName==="TEXTAREA"||u.isContentEditable))switch(o.key){case"ArrowLeft":case"ArrowUp":o.preventDefault(),Ie();break;case"ArrowRight":case"ArrowDown":o.preventDefault(),oe();break;case"Escape":o.preventDefault(),me();break}}e.onMounted(()=>{window.addEventListener("keydown",ye)}),e.onUnmounted(()=>{window.removeEventListener("keydown",ye)});function oe(){const o=Y.value.length;o<=1||G.value>=o-1||(G.value=G.value+1)}function Ie(){Y.value.length<=1||G.value<=0||(G.value=G.value-1)}const K=e.computed(()=>Y.value.length===0?null:Y.value[G.value]),ve=e.computed(()=>{const o=K.value;return!o||!o.popupConfig?o?.layerTitle||"":Pe(o.popupConfig.title,o.properties)}),be=e.computed(()=>{const o=K.value;if(!o)return"";let u='<div class="popup-content">';if(u+=`<h3 class="popup-title">${le(ve.value)}</h3>`,o.popupConfig?.fields?.length){u+=`<table class="popup-table" aria-label="${le(ve.value)}">`;for(const c of o.popupConfig.fields){const v=$e(o.properties[c.field],c.format,o.popupConfig.showTime),C=c.label.toLowerCase(),$=C.includes("url")||C.includes("website"),P=v.startsWith("http://")||v.startsWith("https://")||v.startsWith("www.")||$&&v.includes("."),Z=v.startsWith("http://")||v.startsWith("https://")?v:`https://${v}`,U=P?`<a href="${le(Z)}" target="_blank" rel="noopener noreferrer">${le(v)}</a>`:le(v);u+=`<tr><th scope="row">${le(c.label)}</th><td>${U}</td></tr>`}u+="</table>"}return u+="</div>",u}),Q=e.ref({type:"FeatureCollection",features:[]}),Le=e.ref({type:"FeatureCollection",features:[]}),ke=e.ref({type:"FeatureCollection",features:[]}),He={"circle-radius":["get","highlightRadius"],"circle-color":"#00FFFF","circle-opacity":.8,"circle-stroke-width":2,"circle-stroke-color":"#FFFFFF"},ze={"line-width":["get","highlightWidth"],"line-color":"#00FFFF","line-opacity":.9},h={"fill-color":"#808080","fill-opacity":.5},S=e.ref(null);function R(o){return o.type}function I(o,u){const c=he(o);if(!c)return{radius:5,width:2};const v=c.paint||{};if(u==="circle"){const C=v["circle-radius"];return typeof C=="number"?{radius:C}:{radius:5}}if(u==="line"||u==="fill"){const C=v["line-width"];if(typeof C=="number")return{width:C};if(c.outlinePaint&&c.outlinePaint["line-width"]){const $=c.outlinePaint["line-width"];if(typeof $=="number")return{width:$}}return{width:2}}return{radius:5,width:2}}function _(o){return!o||o.length===0?[]:o[0]??[]}function ie(o){const{geometry:u,geometryType:c,originalStyle:v}=o;if(c==="Point"||c==="MultiPoint"){const $=(v.radius||5)+3;return{type:"FeatureCollection",features:[{type:"Feature",geometry:u,properties:{highlightRadius:$}}]}}if(c==="LineString"||c==="MultiLineString"){const $=(v.width||2)+3;return{type:"FeatureCollection",features:[{type:"Feature",geometry:u,properties:{highlightWidth:$}}]}}if(c==="Polygon"){const C=u.coordinates,$=_(C),Z=(v.width||2)+3;return{type:"FeatureCollection",features:[{type:"Feature",geometry:{type:"LineString",coordinates:$},properties:{highlightWidth:Z}}]}}if(c==="MultiPolygon"){const C=u.coordinates,P=(v.width||2)+3;return{type:"FeatureCollection",features:C.map(U=>({type:"Feature",geometry:{type:"LineString",coordinates:_(U)},properties:{highlightWidth:P}}))}}return{type:"FeatureCollection",features:[]}}function we(o){const{geometry:u,geometryType:c}=o;return c==="Polygon"||c==="MultiPolygon"?{type:"FeatureCollection",features:[{type:"Feature",geometry:u,properties:{}}]}:{type:"FeatureCollection",features:[]}}function bt(o){if(!o){Lt();return}const u=ie(o);o.geometryType==="Point"||o.geometryType==="MultiPoint"?(Q.value=u,Le.value={type:"FeatureCollection",features:[]},ke.value={type:"FeatureCollection",features:[]}):(Le.value=u,Q.value={type:"FeatureCollection",features:[]},ke.value=we(o))}function Lt(){Q.value={type:"FeatureCollection",features:[]},Le.value={type:"FeatureCollection",features:[]},ke.value={type:"FeatureCollection",features:[]}}e.watch(S,o=>{bt(o)}),e.watch(()=>r.visibleLayers,o=>{S.value&&!o.has(S.value.layerId)&&(S.value=null,me())},{deep:!0}),e.watch(G,()=>{const o=K.value;if(!o){S.value=null;return}const u=he(o.layerId);if(u){const c=R(o.geometry),v=I(u.id,u.type);S.value={geometry:o.geometry,geometryType:c,layerId:u.id,properties:o.properties,originalStyle:v}}});const lt=e.ref(null);function kt(o){const[u,c]=o.geometry.coordinates;lt.value=[u,c]}return(o,u)=>(e.openBlock(),e.createElementBlock("div",wt,[e.createVNode(e.unref(X.Map),{ref_key:"mapRef",ref:s,zoom:r.initialZoom,center:r.initialCenter,"navigation-controls":{position:r.navigationControlPosition},"geolocation-control":{position:r.geolocationControlPosition},"basemap-change-controls":{toggle:!0,dropdown:!0,position:r.basemapControlPosition},"map-search-control":{position:r.searchControlPosition},"enable-cyclomedia":!0,"cyclomedia-config":r.cyclomediaConfig,"cyclomedia-button-position":r.cyclomediaButtonPosition,"enable-pictometry":!0,"pictometry-credentials":r.pictometryCredentials,"pictometry-button-position":r.pictometryButtonPosition,"tool-panel-layout":"vertical","tool-panel-split-ratio":50,onZoom:b,onClick:me,onMoveend:k,onLoad:E,onSearchResult:kt},{default:e.withCtx(()=>[r.drawControlPosition!==null?(e.openBlock(),e.createBlock(e.unref(X.DrawTool),{key:0,position:r.drawControlPosition},null,8,["position"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(je.value,c=>(e.openBlock(),e.createBlock(e.unref(X.RasterLayer),{id:"tiled-"+c.id,key:"tiled-"+c.id,source:We(c),paint:{"raster-opacity":te(c.id)},minzoom:c.minZoom,maxzoom:c.maxZoom},null,8,["id","source","paint","minzoom","maxzoom"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ge.value,c=>(e.openBlock(),e.createBlock(e.unref(X.RasterLayer),{id:"dynamic-"+c.id,key:"dynamic-"+c.id,source:xe(c),paint:{"raster-opacity":te(c.id)},minzoom:c.minZoom,maxzoom:c.maxZoom},null,8,["id","source","paint","minzoom","maxzoom"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.value,c=>(e.openBlock(),e.createBlock(e.unref(X.CircleLayer),{id:c.id,key:c.id,source:ce(c),paint:Ee(c),minzoom:c.minZoom,maxzoom:c.maxZoom,"before-id":"highlight-circles",onClick:J},null,8,["id","source","paint","minzoom","maxzoom"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,c=>(e.openBlock(),e.createBlock(e.unref(X.FillLayer),{id:c.id,key:c.id,source:ce(c),paint:Ee(c),minzoom:c.minZoom,maxzoom:c.maxZoom,"before-id":"highlight-circles",onClick:J},null,8,["id","source","paint","minzoom","maxzoom"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,c=>(e.openBlock(),e.createBlock(e.unref(X.LineLayer),{id:c.id+"-outline",key:c.id+"-outline",source:ce(c),paint:qe(c),minzoom:c.minZoom,maxzoom:c.maxZoom,"before-id":"highlight-lines",onClick:J},null,8,["id","source","paint","minzoom","maxzoom"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(W.value,c=>(e.openBlock(),e.createBlock(e.unref(X.LineLayer),{id:c.id,key:c.id,source:ce(c),paint:Ee(c),minzoom:c.minZoom,maxzoom:c.maxZoom,"before-id":"highlight-lines",onClick:J},null,8,["id","source","paint","minzoom","maxzoom"]))),128)),e.createVNode(e.unref(X.CircleLayer),{id:"highlight-circles",key:"highlight-circles-layer",source:{type:"geojson",data:Q.value},paint:He},null,8,["source"]),e.createVNode(e.unref(X.FillLayer),{id:"highlight-fill",key:"highlight-fill-layer",source:{type:"geojson",data:ke.value},paint:h},null,8,["source"]),e.createVNode(e.unref(X.LineLayer),{id:"highlight-lines",key:"highlight-lines-layer",source:{type:"geojson",data:Le.value},paint:ze},null,8,["source"]),e.createVNode(e.unref(X.MapMarker),{"lng-lat":lt.value,color:"#2176d2"},null,8,["lng-lat"]),K.value&&pe.value?(e.openBlock(),e.createBlock(e.unref(X.MapPopup),{key:1,"lng-lat":pe.value,html:be.value,"close-on-click":!1,offset:[0,-15],"show-navigation":Y.value.length>1,"current-feature-index":G.value,"total-features":Y.value.length,"layer-name":K.value.layerTitle,onClose:me,onNext:oe,onPrevious:Ie},null,8,["lng-lat","html","show-navigation","current-feature-index","total-features","layer-name"])):e.createCommentVNode("",!0)]),_:1},8,["zoom","center","navigation-controls","geolocation-control","basemap-change-controls","map-search-control","cyclomedia-config","cyclomedia-button-position","pictometry-credentials","pictometry-button-position"])]))}}),se=(t,a)=>{const r=t.__vccOpts||t;for(const[n,s]of a)r[n]=s;return r},ft=se(St,[["__scopeId","data-v-7b0b7505"]]);function Qe(t){let a=t.split("?")[0]||t;return a=a.replace(/\/query$/,""),a=a.replace(/\/$/,""),a=a.replace(/^https?:\/\//,""),a.toLowerCase()}const Ct=["disabled"],Bt=e.defineComponent({inheritAttrs:!1,__name:"PhlButton",props:{href:{},to:{},target:{},rel:{},disabled:{type:Boolean,default:!1},clickTarget:{},variant:{default:"primary"},size:{default:"medium"},iconOnly:{type:Boolean,default:!1},iconRight:{type:Boolean},text:{},className:{},iconDefinition:{},iconClass:{},src:{},svgRaw:{}},setup(t){const a=t,r=d=>"href"in d&&d.href!==void 0||"to"in d&&d.to!==void 0,n=e.computed(()=>q.cn("phila-button",`phila-button--${a.variant}`,a.size&&`is-${a.size}`,a.iconOnly&&"icon-button",a.iconOnly&&a.variant==="standard"&&"icon-button--standard",a.className)),s=e.computed(()=>r(a)?"to"in a&&a.to!==void 0?{to:a.to,disabled:a.disabled,className:n.value}:{href:a.href,target:a.target,rel:a.rel,disabled:a.disabled,className:n.value}:{}),i=e.computed(()=>({iconDefinition:a.iconDefinition,iconClass:a.iconClass,src:a.src,iconRight:a.iconRight,iconOnly:a.iconOnly,text:a.text,size:a.size}));return(d,b)=>r(a)?(e.openBlock(),e.createBlock(e.unref(q.BaseLink),e.mergeProps({key:0},{...s.value,...d.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(q.ActionContent),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(a.text),1)])]),_:3},16)]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,type:"button",disabled:a.disabled,class:n.value},d.$attrs),[e.createVNode(e.unref(q.ActionContent),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(a.text),1)])]),_:3},16)],16,Ct))}});var xt={prefix:"fas",iconName:"circle-exclamation",icon:[512,512,["exclamation-circle"],"f06a","M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]},Et=xt,$t={prefix:"fas",iconName:"xmark",icon:[384,512,[128473,10005,10006,10060,215,"close","multiply","remove","times"],"f00d","M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]},Vt=$t;const Nt=["for"],Mt={class:"state-layer"},Tt={class:"content"},Pt={class:"input-text-container"},Ft=["id","placeholder","aria-label"],It={key:1,class:"has-text-body-small phila-supporting-text"},zt={key:2,class:"has-text-body-small phila-error-text"},Dt=e.defineComponent({inheritAttrs:!1,__name:"TextField",props:{modelValue:{default:void 0},className:{default:""},label:{default:""},id:{default:`phila-text-field-${Math.random().toString(36).substring(2,9)}`},supportingText:{default:""},placeholder:{default:""},leadingIcon:{default:""},trailingIcon:{default:""},error:{default(){return[]}}},emits:["update:modelValue"],setup(t,{emit:a}){const r=e.useAttrs(),n=t,s=e.computed(()=>typeof n.error=="string"?n.error:n.error[0]),i=e.toRef(n,"id"),d=a,b=e.ref(""),p=e.computed({get:()=>n.modelValue!==void 0?n.modelValue:b.value,set:f=>{d("update:modelValue",f),b.value=f}}),w=e.computed(()=>{const f=["default-class"];return r.disabled!=null&&f.push("phila-input--disabled"),s.value&&f.push("phila-input--error"),r.required!=null&&f.push("phila-input--required"),q.cn(...f)}),m=e.computed(()=>{const f=[];return p.value!==""&&f.push("phila-text-field--filled"),n.className&&f.push(n.className),q.cn(...f)}),y=e.computed(()=>{if(!(n.label||r["aria-label"]))return n.placeholder||void 0}),l=e.ref(null),g=f=>{f.target.closest("button")||l.value?.focus()};return(f,L)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["phila-input",w.value])},[n.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:i.value,class:"has-text-label-small phila-label"},e.toDisplayString(n.label),9,Nt)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["phila-text-field",m.value]),onClick:g},[e.createElementVNode("div",Mt,[n.leadingIcon?(e.openBlock(),e.createBlock(e.unref(q.Icon),{key:0,"icon-class":n.leadingIcon,inline:"",decorative:""},null,8,["icon-class"])):e.createCommentVNode("",!0),e.createElementVNode("div",Tt,[e.createElementVNode("div",Pt,[e.withDirectives(e.createElementVNode("input",e.mergeProps({id:i.value,ref_key:"inputRef",ref:l,"onUpdate:modelValue":L[0]||(L[0]=k=>p.value=k),class:"phila-text-field-input has-text-body-default",placeholder:n.placeholder,"aria-label":y.value},e.unref(r)),null,16,Ft),[[e.vModelDynamic,p.value]])])]),p.value!=""?(e.openBlock(),e.createBlock(e.unref(Bt),{key:1,variant:"standard",size:"small","icon-only":"","icon-definition":e.unref(Vt),onClick:L[1]||(L[1]=k=>p.value="")},null,8,["icon-definition"])):e.createCommentVNode("",!0),n.trailingIcon?(e.openBlock(),e.createBlock(e.unref(q.Icon),{key:2,size:"small","icon-class":n.trailingIcon,inline:"",decorative:""},null,8,["icon-class"])):e.createCommentVNode("",!0),e.renderSlot(f.$slots,"trailing-action")])],2),n.supportingText?(e.openBlock(),e.createElementBlock("div",It,e.toDisplayString(n.supportingText),1)):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createElementBlock("div",zt,[e.createVNode(e.unref(q.Icon),{"icon-definition":e.unref(Et),size:"small",inline:"",decorative:""},null,8,["icon-definition"]),e.createTextVNode(" "+e.toDisplayString(s.value),1)])):e.createCommentVNode("",!0)],2))}});var Ot={prefix:"fas",iconName:"filter",icon:[512,512,[],"f0b0","M32 64C19.1 64 7.4 71.8 2.4 83.8S.2 109.5 9.4 118.6L192 301.3 192 416c0 8.5 3.4 16.6 9.4 22.6l64 64c9.2 9.2 22.9 11.9 34.9 6.9S320 492.9 320 480l0-178.7 182.6-182.6c9.2-9.2 11.9-22.9 6.9-34.9S492.9 64 480 64L32 64z"]},Rt={prefix:"fas",iconName:"caret-right",icon:[256,512,[],"f0da","M249.3 235.8c10.2 12.6 9.5 31.1-2.2 42.8l-128 128c-9.2 9.2-22.9 11.9-34.9 6.9S64.5 396.9 64.5 384l0-256c0-12.9 7.8-24.6 19.8-29.6s25.7-2.2 34.9 6.9l128 128 2.2 2.4z"]},_t={prefix:"fas",iconName:"caret-left",icon:[256,512,[],"f0d9","M7.7 235.8c-10.3 12.6-9.5 31.1 2.2 42.8l128 128c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6l0-256c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-128 128-2.2 2.4z"]},it={prefix:"fas",iconName:"xmark",icon:[384,512,[128473,10005,10006,10060,215,"close","multiply","remove","times"],"f00d","M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]},At={prefix:"fas",iconName:"bars",icon:[448,512,["navicon"],"f0c9","M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"]},Ut={prefix:"fas",iconName:"circle-info",icon:[512,512,["info-circle"],"f05a","M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-8 64l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"]};const Zt={key:0,class:"loading-indicator",role:"status"},Wt=["aria-label"],jt={key:2,class:"zoom-indicator"},qt=e.defineComponent({__name:"LayerStatusIndicators",props:{loading:{type:Boolean},error:{},unavailable:{type:Boolean}},setup(t){return(a,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.loading&&!t.unavailable?(e.openBlock(),e.createElementBlock("span",Zt," Loading... ")):e.createCommentVNode("",!0),t.error?(e.openBlock(),e.createElementBlock("span",{key:1,class:"error-indicator","aria-label":t.error,role:"status"}," Error ",8,Wt)):e.createCommentVNode("",!0),t.unavailable?(e.openBlock(),e.createElementBlock("span",jt," (zoom in) ")):e.createCommentVNode("",!0)],64))}}),Re=se(qt,[["__scopeId","data-v-19b1b402"]]),Gt={class:"opacity-control"},Ht=["for"],Jt=["id","value","aria-label"],Kt=e.defineComponent({__name:"LayerOpacitySlider",props:{layerId:{},layerName:{},opacity:{}},emits:["update:opacity"],setup(t,{emit:a}){const r=a;function n(s){const i=s.target;r("update:opacity",parseFloat(i.value))}return(s,i)=>(e.openBlock(),e.createElementBlock("div",Gt,[e.createElementVNode("label",{class:"opacity-label",for:"opacity-"+t.layerId}," Opacity: "+e.toDisplayString(Math.round(t.opacity*100))+"% ",9,Ht),e.createElementVNode("input",{id:"opacity-"+t.layerId,type:"range",min:"0",max:"1",step:"0.05",value:t.opacity,"aria-label":"Opacity for "+t.layerName,class:"opacity-slider",onInput:n},null,40,Jt)]))}}),Xe=se(Kt,[["__scopeId","data-v-1a025f6a"]]),Qt=["aria-label"],Xt={class:"legend-label"},Yt=e.defineComponent({__name:"LayerLegend",props:{items:{},label:{}},setup(t){return(a,r)=>(e.openBlock(),e.createElementBlock("ul",{class:"layer-legend","aria-label":t.label},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,s)=>(e.openBlock(),e.createElementBlock("li",{key:s,class:"legend-item"},[n.type==="circle"?(e.openBlock(),e.createElementBlock("span",{key:0,class:"legend-symbol legend-circle",style:e.normalizeStyle({backgroundColor:n.color}),"aria-hidden":"true"},null,4)):n.type==="line"?(e.openBlock(),e.createElementBlock("span",{key:1,class:"legend-symbol legend-line",style:e.normalizeStyle({backgroundColor:n.color,height:`${n.width||2}px`}),"aria-hidden":"true"},null,4)):n.type==="fill"?(e.openBlock(),e.createElementBlock("span",{key:2,class:"legend-symbol legend-fill",style:e.normalizeStyle({backgroundColor:n.color}),"aria-hidden":"true"},null,4)):e.createCommentVNode("",!0),e.createElementVNode("span",Xt,e.toDisplayString(n.label),1)]))),128))],8,Qt))}}),Ye=se(Yt,[["__scopeId","data-v-62e210e3"]]);function et(t){function a(d){return t().visibleLayerIds.has(d)}function r(d){return t().layerOpacities[d]??1}function n(d){return t().loadingLayerIds.has(d)}function s(d){return t().layerErrors[d]||null}function i(d){const b=t().currentZoom,p=d.minZoom,w=d.maxZoom;return!(p!==void 0&&b<p||w!==void 0&&b>w)}return{isVisible:a,getLayerOpacity:r,isLayerLoading:n,getLayerError:s,isLayerAvailableAtZoom:i}}const eo={class:"layer-panel"},to={key:0,class:"search-box"},oo={key:1,class:"topics-container"},no={class:"layer-row"},ao=["href","aria-label"],lo={key:1,class:"metadata-placeholder"},ro=["checked","disabled","onChange"],io={class:"layer-title"},so={key:0,class:"no-results"},co=e.defineComponent({__name:"LayerPanel",props:{layerList:{},visibleLayers:{},layerOpacities:{},loadingLayers:{},layerErrors:{},currentZoom:{},searchQuery:{},layerMetadata:{},mode:{default:"flat"},showSearch:{type:Boolean,default:!0},showOpacity:{type:Boolean,default:!0},showLegend:{type:Boolean,default:!0},searchPlaceholder:{default:"Filter layers..."}},emits:["toggleLayer","setOpacity","updateSearch"],setup(t,{emit:a}){const r=t,n=a,s=e.computed(()=>{if(!r.searchQuery.trim())return r.layerList;const f=r.searchQuery.toLowerCase();return r.layerList.filter(L=>L.config.title.toLowerCase().includes(f))});function i(f){const L=Qe(f);return r.layerMetadata[L]||null}const d=e.computed(()=>r.layerList.some(f=>i(f.config.url))),{isVisible:b,getLayerOpacity:p,isLayerLoading:w,getLayerError:m,isLayerAvailableAtZoom:y}=et(()=>({visibleLayerIds:r.visibleLayers,layerOpacities:r.layerOpacities,loadingLayerIds:r.loadingLayers,layerErrors:r.layerErrors,currentZoom:r.currentZoom})),l=e.computed({get:()=>r.searchQuery,set:f=>n("updateSearch",f)});function g(f){n("toggleLayer",f)}return(f,L)=>(e.openBlock(),e.createElementBlock("div",eo,[t.showSearch?(e.openBlock(),e.createElementBlock("div",to,[e.createVNode(e.unref(Dt),{modelValue:l.value,"onUpdate:modelValue":L[0]||(L[0]=k=>l.value=k),placeholder:t.searchPlaceholder,"class-name":"layer-search-field"},{"trailing-action":e.withCtx(()=>[e.createVNode(e.unref(q.Icon),{"icon-definition":e.unref(Ot),size:"small",inline:"",decorative:""},null,8,["icon-definition"])]),_:1},8,["modelValue","placeholder"])])):e.createCommentVNode("",!0),t.mode==="topics"?(e.openBlock(),e.createElementBlock("div",oo,[e.renderSlot(f.$slots,"topics",{},()=>[L[2]||(L[2]=e.createElementVNode("div",{class:"no-topics"},' No topic components provided. Use the "topics" slot to add TopicAccordion components. ',-1))],!0)])):(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["layer-list",{"has-metadata":d.value}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,k=>(e.openBlock(),e.createElementBlock("div",{key:k.config.id,class:"layer-item"},[e.createElementVNode("div",no,[i(k.config.url)?(e.openBlock(),e.createElementBlock("a",{key:0,href:i(k.config.url)||"",target:"_blank",rel:"noopener noreferrer",class:"metadata-link","aria-label":"View metadata for "+k.config.title,onClick:L[1]||(L[1]=e.withModifiers(()=>{},["stop"]))},[e.createVNode(e.unref(q.Icon),{"icon-definition":e.unref(Ut),size:"small",inline:"",decorative:""},null,8,["icon-definition"])],8,ao)):d.value?(e.openBlock(),e.createElementBlock("span",lo)):e.createCommentVNode("",!0),e.createElementVNode("label",{class:e.normalizeClass(["layer-checkbox",{"layer-unavailable":!e.unref(y)(k.config),"layer-error":e.unref(m)(k.config.id)}])},[e.createElementVNode("input",{type:"checkbox",checked:e.unref(b)(k.config.id),disabled:!e.unref(y)(k.config),onChange:E=>g(k.config.id)},null,40,ro),e.createElementVNode("span",io,[e.createTextVNode(e.toDisplayString(k.config.title)+" ",1),e.createVNode(Re,{loading:e.unref(w)(k.config.id),error:e.unref(m)(k.config.id),unavailable:!e.unref(y)(k.config)},null,8,["loading","error","unavailable"])])],2)]),t.showOpacity&&e.unref(b)(k.config.id)&&e.unref(y)(k.config)?(e.openBlock(),e.createBlock(Xe,{key:0,"layer-id":k.config.id,"layer-name":k.config.title,opacity:e.unref(p)(k.config.id),"onUpdate:opacity":E=>n("setOpacity",k.config.id,E)},null,8,["layer-id","layer-name","opacity","onUpdate:opacity"])):e.createCommentVNode("",!0),t.showLegend&&e.unref(b)(k.config.id)&&e.unref(y)(k.config)&&k.config.legend?.length?(e.openBlock(),e.createBlock(Ye,{key:1,items:k.config.legend,label:"Legend for "+k.config.title},null,8,["items","label"])):e.createCommentVNode("",!0)]))),128)),s.value.length===0?(e.openBlock(),e.createElementBlock("div",so,'No layers match "'+e.toDisplayString(t.searchQuery)+'"',1)):e.createCommentVNode("",!0)],2))]))}}),pt=se(co,[["__scopeId","data-v-e48bb978"]]),uo={esriSLSSolid:null,esriSLSDash:[6,1.5],esriSLSDot:[1,1.5],esriSLSDashDot:[6,1.5,1,1.5],esriSLSDashDotDot:[6,1.5,1,1.5,1,1.5],esriSLSNull:null};function Ne(t){if(t)return uo[t]??void 0}function fo(t,a,r,n,s){const i=[];let d=a[0],b=[t[0]],p=0;for(let l=1;l<t.length;l++)a[l]===d?b.push(t[l]):(i.push({style:d,breaks:b,startIndex:p}),d=a[l],b=[t[l]],p=l);i.push({style:d,breaks:b,startIndex:p});const w=[],m=new Set;let y=n.minValue??0;for(let l=0;l<i.length;l++){const g=i[l],f=g.breaks,L=Ne(g.style),k=l===0?null:i[l-1].breaks[i[l-1].breaks.length-1].classMaxValue,E=f[f.length-1].classMaxValue;let B;const F=!!n.defaultSymbol;k===null?B=`${!F&&n.minValue!=null?`${r} >= ${n.minValue} AND `:""}${r} <= ${E}`:l===i.length-1&&F?B=`${r} > ${k}`:B=`${r} > ${k} AND ${r} <= ${E}`;const x={"line-opacity":ne(s)};if(L&&(x["line-dasharray"]=L),f.length===1)x["line-color"]=N(f[0].symbol?.color),x["line-width"]=A(f[0].symbol?.width||2);else{const D=["step",["get",r]],te=["step",["get",r]];D.push(N(f[0].symbol?.color)),te.push(A(f[0].symbol?.width||2));for(let ae=1;ae<f.length;ae++)D.push(f[ae-1].classMaxValue),D.push(N(f[ae].symbol?.color)),te.push(f[ae-1].classMaxValue),te.push(A(f[ae].symbol?.width||2));x["line-color"]=D,x["line-width"]=te}const V=[];for(const D of f)V.push({type:"line",color:N(D.symbol?.color),width:A(D.symbol?.width||2),label:D.label||`${y} - ${D.classMaxValue}`}),y=D.classMaxValue+1;const M=g.style.replace("esriSLS","").toLowerCase();let W;l===0?W="":m.has(M)?W=`-${M}-${l}`:W=`-${M}`,m.add(M),w.push({suffix:W,where:B,paint:x,legend:V})}return w}function po(t,a,r,n,s){const i=new Map;for(const w of t){const m=w.symbol?.style||"esriSLSSolid";i.has(m)||i.set(m,[]),i.get(m).push(w)}const d=[],b=new Set;let p=!0;for(const[w,m]of i){const y=Ne(w),g=m.map(B=>`${a} = '${String(B.value).replace(/'/g,"''")}'`).join(" OR "),f={"line-opacity":ne(n)};if(y&&(f["line-dasharray"]=y),m.length===1)f["line-color"]=N(m[0].symbol?.color),f["line-width"]=A(m[0].symbol?.width||2);else{const B=["match",["to-string",["get",a]]];for(const F of m)B.push(Oe(F.value)),B.push(N(F.symbol?.color));B.push(r?N(r.color):"rgba(0, 0, 0, 0)"),f["line-color"]=B,f["line-width"]=A(m[0].symbol?.width||2)}const L=[];for(const B of m){const F=String(B.value),V=s?.get(F)||B.label||F;L.push({type:"line",color:N(B.symbol?.color),width:A(B.symbol?.width||1),label:V})}const k=w.replace("esriSLS","").toLowerCase();let E;p?E="":b.has(k)?E=`-${k}-${d.length}`:E=`-${k}`,b.add(k),p=!1,d.push({suffix:E,where:g,paint:f,legend:L})}return d}function N(t){if(!t||!Array.isArray(t)||t.length<3)return"#888888";const a=t[0],r=t[1],n=t[2],i=(t[3]??255)/255;return i===1?`#${a.toString(16).padStart(2,"0")}${r.toString(16).padStart(2,"0")}${n.toString(16).padStart(2,"0")}`:`rgba(${a}, ${r}, ${n}, ${i.toFixed(2)})`}function ne(t){return t!==void 0?t:1}function A(t){return Math.round(t*(96/72)*10)/10}const mo=559082264;function st(t){return!t||t<=0?null:Math.round(Math.log2(mo/t)*100)/100}function yo(t,a){const r={};if(t&&t>0){const n=st(t);n!==null&&(r.minZoom=n)}if(a&&a>0){const n=st(a);n!==null&&(r.maxZoom=n)}return r}function Ue(t){if(!t)return"fill";switch(t.type){case"esriSFS":return"fill";case"esriSLS":return"line";case"esriSMS":return"circle";case"esriPMS":return"circle";case"esriPFS":return"fill";default:return"fill"}}function de(t){return!(!t||t.style==="esriSLSNull"||t.color===null||t.width===0||t.color&&t.color[3]===0)}function Oe(t){return String(t)}function mt(t,a,r){const n=t.symbol,s=Ue(n);let i={},d=[],b=null;if(s==="fill"&&n){const p=n.color===null?0:n.color?.[3]??255,w=p===0?"rgba(0, 0, 0, 0)":N(n.color),m=p===0?0:p<255?1:ne(a);if(i={"fill-color":w,"fill-opacity":m},de(n.outline)){const y=A(n.outline.width||1);b={"line-color":N(n.outline.color),"line-width":y}}d=[{type:"fill",color:N(n.color),label:t.label||"Feature"}]}else if(s==="line"&&n){i={"line-color":N(n.color),"line-width":A(n.width||1),"line-opacity":ne(a)};const p=Ne(n.style);p&&(i["line-dasharray"]=p),d=[{type:"line",color:N(n.color),width:A(n.width||1),label:t.label||"Feature"}]}else if(s==="circle"&&n){const p=Math.round((n.size||6)*.71*100)/100;i={"circle-color":N(n.color),"circle-radius":p,"circle-opacity":ne(a)},de(n.outline)&&(i["circle-stroke-color"]=N(n.outline.color),i["circle-stroke-width"]=A(n.outline.width||1)),d=[{type:"circle",color:N(n.color),label:t.label||"Feature"}]}return{paint:i,legend:d,geomType:s,outlinePaint:b}}function go(t,a,r){const n=t.field1.toLowerCase(),s=t.uniqueValueInfos||[],i=t.defaultSymbol;if(s.length===0)return mt({...t,symbol:i},a);const d=s[0]?.symbol||i,b=Ue(d);let p={};const w=[];let m=null;if(b==="fill"){const y=["match",["to-string",["get",n]]];for(const l of s){y.push(Oe(l.value)),y.push(N(l.symbol?.color));const g=String(l.value),L=r?.get(g)||l.label||g;w.push({type:"fill",color:N(l.symbol?.color),label:L})}if(y.push(i?N(i.color):"rgba(0, 0, 0, 0)"),p={"fill-color":y,"fill-opacity":ne(a)},de(d?.outline)){const l=A(Math.max(d.outline.width||1,1));m={"line-color":N(d.outline.color),"line-width":l}}}else if(b==="line"){const y=["match",["to-string",["get",n]]];for(const f of s){y.push(Oe(f.value)),y.push(N(f.symbol?.color));const L=String(f.value),E=r?.get(L)||f.label||L;w.push({type:"line",color:N(f.symbol?.color),width:A(f.symbol?.width||1),label:E})}y.push(i?N(i.color):"rgba(0, 0, 0, 0)"),p={"line-color":y,"line-width":A(d?.width||2),"line-opacity":ne(a)};const l=s.map(f=>f.symbol?.style||"esriSLSSolid"),g=[...new Set(l)];if(g.length>1){const f=po(s,n,i,a,r);return{paint:{},legend:[],geomType:b,outlinePaint:m,splitLayers:f}}if(g.length===1){const f=Ne(g[0]);f&&(p["line-dasharray"]=f)}}else if(b==="circle"){const y=["match",["to-string",["get",n]]];for(const g of s){y.push(Oe(g.value)),y.push(N(g.symbol?.color));const f=String(g.value),k=r?.get(f)||g.label||f;w.push({type:"circle",color:N(g.symbol?.color),label:k})}y.push(i?N(i.color):"rgba(0, 0, 0, 0)");const l=Math.round((d?.size||6)*.71*100)/100;p={"circle-color":y,"circle-radius":l,"circle-opacity":ne(a)},de(d?.outline)&&(p["circle-stroke-color"]=N(d.outline.color),p["circle-stroke-width"]=A(d.outline.width||1))}return{paint:p,legend:w,geomType:b,outlinePaint:m}}function ho(t,a){const r=t.field.toLowerCase(),n=t.classBreakInfos||[],s=t.visualVariables?.find(m=>m.type==="colorInfo");if(s?.stops&&s.stops.length>0)return vo(s,r,t,a);if(n.length===0)return{paint:{},legend:[],geomType:"fill",outlinePaint:null};const i=n[0]?.symbol,d=Ue(i);let b={};const p=[];let w=null;if(d==="fill"){const m=["step",["get",r]];m.push(N(n[0]?.symbol?.color));for(let y=0;y<n.length;y++){const l=n[y];y>0&&(m.push(n[y-1].classMaxValue),m.push(N(l.symbol?.color))),p.push({type:"fill",color:N(l.symbol?.color),label:l.label||`${l.classMaxValue}`})}if(b={"fill-color":m,"fill-opacity":ne(a)},de(i?.outline)){const y=A(i.outline.width||1);w={"line-color":N(i.outline.color),"line-width":y}}}else if(d==="line"){const m=n.map(E=>E.symbol?.style||"esriSLSSolid"),y=[...new Set(m)];if(y.length>1){const E=fo(n,m,r,t,a);return{paint:{},legend:[],geomType:d,outlinePaint:w,splitLayers:E}}const g=["step",["get",r]];g.push(N(n[0]?.symbol?.color));let f=t.minValue??0;for(let E=0;E<n.length;E++){const B=n[E];E>0&&(g.push(n[E-1].classMaxValue),g.push(N(B.symbol?.color))),p.push({type:"line",color:N(B.symbol?.color),width:A(B.symbol?.width||i?.width||2),label:B.label||`${f} - ${B.classMaxValue}`}),f=B.classMaxValue+1}const L=A(i?.width||2);b={"line-color":g,"line-width":L,"line-opacity":ne(a)};const k=Ne(y[0]);k&&(b["line-dasharray"]=k)}return{paint:b,legend:p,geomType:d,outlinePaint:w}}function vo(t,a,r,n){const s=t.stops||[];if(s.length===0)return{paint:{},legend:[],geomType:"fill",outlinePaint:null};const i=r.classBreakInfos?.[0]?.symbol||r.defaultSymbol,d=Ue(i);let b={};const p=[];let w=null;if(d==="fill"){const m=["interpolate",["linear"],["get",a]];for(const l of s)m.push(l.value),m.push(N(l.color)),p.push({type:"fill",color:N(l.color),label:l.label||`${l.value}`});if(b={"fill-color":["case",["==",["get",a],null],"rgba(0, 0, 0, 0)",m],"fill-opacity":ne(n)},de(i?.outline)){const l=A(i.outline.width||1);w={"line-color":N(i.outline.color),"line-width":l}}}return{paint:b,legend:p,geomType:d,outlinePaint:w}}function bo(t,a,r,n){if(!t?.renderer)return{paint:{},legend:[],geomType:"fill",outlinePaint:null};const s=t.renderer;switch(s.type){case"simple":return mt(s,a);case"uniqueValue":return go(s,a,r);case"classBreaks":return ho(s,a);default:return{paint:{},legend:[],geomType:"fill",outlinePaint:null}}}function Lo(t){if(!t)return null;const a=(t.title||"").replace(/\{([^}]+)\}/g,(i,d)=>`{${d.toLowerCase()}}`),n=(t.fieldInfos||[]).filter(i=>i.visible===!0).map(i=>{const d={field:i.fieldName.toLowerCase(),label:i.label||i.fieldName};return i.format&&(d.format={},i.format.dateFormat&&(d.format.dateFormat=i.format.dateFormat),i.format.digitSeparator!==void 0&&(d.format.digitSeparator=i.format.digitSeparator),i.format.places!==void 0&&(d.format.places=i.format.places),Object.keys(d.format).length===0&&delete d.format),d}),s={title:a,fields:n};return t.showTime&&(s.showTime=!0),s}function ko(t){return t?.definitionExpression}function wo(t){return(t.includes("_")?t.split("_").slice(1).join(" "):t).toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,"")}function So(t){return t.includes("_")?t.split("_").slice(1).join(" "):t}function Co(t){const a=new Map;if(!t)return a;const r=t.split(`
2
+ `),n=/^(\d{1,3})\s+(.+)$/;for(const s of r){const i=s.trim().match(n);if(i){const[,d,b]=i;d&&b&&a.set(d,b.trim())}}return a}async function Bo(t){try{const a=await fetch(`${t}?f=json`);if(!a.ok)return null;const r=await a.json();return r.drawingInfo?{drawingInfo:r.drawingInfo,description:r.description}:null}catch{return null}}function ct(t){const a={id:t.id,title:t.title,type:t.type,url:t.url,opacity:t.opacity,paint:t.paint,legend:t.legend,popup:t.popup};return t.where&&(a.where=t.where),t.minZoom!==void 0&&(a.minZoom=t.minZoom),t.maxZoom!==void 0&&(a.maxZoom=t.maxZoom),t.outlinePaint&&(a.outlinePaint=t.outlinePaint),t.parentId&&(a.parentId=t.parentId),a}async function tt(t){const a=t.operationalLayers||[],r=[],n=["Zoning and Planning_Land Use"];for(const s of a)if(s.url&&!s.title?.toLowerCase().includes("(under construction)")&&!(s.url&&/\/MapServer(\/\d+)?$/i.test(s.url)))try{let i=s.layerDefinition?.drawingInfo,d;const b=!i||!i.renderer,p=n.includes(s.title),w=i?.renderer?.uniqueValueInfos?.[0]?.symbol?.outline||i?.renderer?.defaultSymbol?.outline;if((b||p)&&s.url){const V=await Bo(s.url);if(V){if(i=V.drawingInfo,w&&de(w)&&i?.renderer){const M=i.renderer,W=M.uniqueValueInfos?.[0]?.symbol?.outline||M.defaultSymbol?.outline;if(!de(W)){for(const D of M.uniqueValueInfos||[])D.symbol&&(D.symbol.outline=w);M.defaultSymbol&&(M.defaultSymbol.outline=w)}}V.description&&(d=Co(V.description),d.size>0)}}const{paint:m,legend:y,geomType:l,outlinePaint:g,splitLayers:f}=bo(i,s.opacity,d,s.title),L=Lo(s.popupInfo),k=ko(s.layerDefinition),E=yo(s.layerDefinition?.minScale,s.layerDefinition?.maxScale),B=wo(s.title),F=So(s.title),x=s.opacity??1;if(f&&f.length>0)for(const V of f){const M=`${B}${V.suffix}`;r.push(ct({id:M,title:F,type:l,url:s.url,opacity:x,paint:V.paint,legend:V.legend,popup:L,where:k?`(${k}) AND (${V.where})`:V.where,minZoom:E.minZoom,maxZoom:E.maxZoom,parentId:V.suffix?B:void 0}))}else r.push(ct({id:B,title:F,type:l,url:s.url,opacity:x,paint:m,legend:y,popup:L,where:k,minZoom:E.minZoom,maxZoom:E.maxZoom,outlinePaint:g}))}catch{}return r.sort((s,i)=>s.title.localeCompare(i.title)),r}const ut={},ot="376af635c84643cd816a8c5d017a53aa",xo=ot;function Ze(t,a){let r=`https://www.arcgis.com/sharing/rest/content/items/${t}/data?f=json`;return a&&(r+=`&token=${a}`),r}function Eo(){return Ze(ot)}const _e=new Map,Ve=new Map;function yt(t){t?(_e.delete(t),Ve.delete(t)):(_e.clear(),Ve.clear())}let De,dt=0;async function $o(){const t=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:Se&&Se.tagName.toUpperCase()==="SCRIPT"&&Se.src||new URL("index.js",document.baseURI).href}<"u"&&ut?.VITE_AGO_USERNAME,a=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:Se&&Se.tagName.toUpperCase()==="SCRIPT"&&Se.src||new URL("index.js",document.baseURI).href}<"u"&&ut?.VITE_AGO_PASSWORD;if(!(!t||!a)){if(De&&Date.now()<dt-3e5)return De;try{const n=await(await fetch("https://www.arcgis.com/sharing/rest/generateToken",{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({f:"json",username:t,password:a,referer:window.location.origin||"https://localhost",expiration:"120"})})).json();return n.error?void 0:(De=n.token,dt=n.expires,De)}catch{return}}}async function Vo(t,a){const r=Ze(t,a),n=await fetch(r,{cache:"no-store"});if(!n.ok)throw new Error(`Failed to fetch WebMap: ${n.status} ${n.statusText}`);const s=await n.json();if(s.error)throw new Error(`ArcGIS error: ${s.error.message||s.error.code||"Unknown error"}`);return s}async function No(t){try{const a=await $o(),r=await Vo(t,a);return await tt(r)}catch(a){throw new Error(`Failed to load dynamic layer configs: ${a instanceof Error?a.message:"Unknown error"}`)}}async function Ae(t=ot){const a=_e.get(t);if(a)return a;const r=Ve.get(t);if(r)return r;const n=(async()=>{try{const s=await No(t);return _e.set(t,s),s}finally{Ve.delete(t)}})();return Ve.set(t,n),n}function gt(t){const a=e.ref({}),r=new Map;for(const l of t)a.value[l.id]={data:null,loading:!1,error:null,lastFetched:null};async function n(l){const g=l.id;a.value={...a.value,[g]:{data:a.value[g]?.data??null,lastFetched:a.value[g]?.lastFetched??null,loading:!0,error:null}};try{let f;if(l.type==="http-get"){const L=await fetch(l.url,{method:"GET",...l.options});if(!L.ok)throw new Error(`HTTP ${L.status}: ${L.statusText}`);f=await L.json()}else if(l.type==="http-post"){const L=await fetch(l.url,{method:"POST",...l.options});if(!L.ok)throw new Error(`HTTP ${L.status}: ${L.statusText}`);f=await L.json()}else if(l.type==="esri"){const k=`${l.url.replace(/\/$/,"")}/query?where=1%3D1&outFields=*&returnGeometry=false&f=json`,E=await fetch(k,l.options);if(!E.ok)throw new Error(`HTTP ${E.status}: ${E.statusText}`);f=(await E.json()).features?.map(F=>F.attributes)||[]}else throw new Error(`Unknown data source type: ${l.type}`);l.transform&&(f=l.transform(f)),a.value={...a.value,[g]:{data:f,loading:!1,error:null,lastFetched:Date.now()}}}catch(f){const L=f instanceof Error?f.message:"Unknown error";a.value={...a.value,[g]:{data:a.value[g]?.data??null,lastFetched:a.value[g]?.lastFetched??null,loading:!1,error:L}}}}async function s(){await Promise.all(t.map(l=>n(l)))}async function i(l){const g=t.find(f=>f.id===l);g&&await n(g)}function d(l){return a.value[l]?.data??null}const b=e.computed(()=>Object.values(a.value).some(l=>l.loading));function p(l){return a.value[l]?.loading??!1}function w(l){return a.value[l]?.error??null}function m(){for(const l of t)if(l.pollInterval&&l.pollInterval>0){const g=window.setInterval(()=>{n(l)},l.pollInterval);r.set(l.id,g)}}function y(){for(const[,l]of r)window.clearInterval(l);r.clear()}return e.onMounted(()=>{s(),m()}),e.onUnmounted(()=>{y()}),{state:e.readonly(a),isLoading:b,fetchAll:s,refetch:i,getData:d,isSourceLoading:p,getError:w,stopPolling:y}}const Mo={class:"layerboard-layout"},To=["aria-expanded"],Po={key:0,class:"layerboard-subtitle"},Fo={class:"layerboard-mobile-menu-content"},Io={class:"layerboard-main"},zo={key:0,class:"layerboard-loading",role:"status","aria-live":"polite"},Do={key:1,class:"layerboard-error",role:"alert"},Oo=["aria-expanded","aria-label"],Ro={key:0},_o={key:1},Ao={class:"sr-only","aria-live":"polite"},Uo=e.defineComponent({__name:"Layerboard",props:{title:{},subtitle:{default:void 0},webMapId:{},themeColor:{default:"#0f4d90"},cyclomediaConfig:{default:void 0},pictometryCredentials:{default:void 0},showDefaultSidebar:{type:Boolean,default:!0},sidebarWidth:{default:"30%"},sidebarLabel:{default:"Layers"},mapLabel:{default:"Map"},fetchMetadata:{type:Boolean,default:!1},tiledLayers:{default:()=>[]},dataSources:{default:()=>[]},layerStyleOverrides:{default:()=>({})},popupOverrides:{default:()=>({})},basemapControlPosition:{default:"top-right"},navigationControlPosition:{default:"bottom-right"},geolocationControlPosition:{default:"bottom-right"},searchControlPosition:{default:"top-left"},drawControlPosition:{default:"bottom-left"},cyclomediaButtonPosition:{default:"top-right"},pictometryButtonPosition:{default:"top-right"},initialZoom:{default:void 0},initialCenter:{default:void 0}},emits:["configs-loaded","load-error","zoom"],setup(t,{expose:a,emit:r}){const n=t,s=r,i=e.ref([]),d=e.ref(!0),b=e.ref(null),p=e.ref(12),w=e.ref(""),m=e.ref(new Set),y=e.ref({}),l=e.ref(new Set),g=e.ref({}),f=e.ref({}),L=e.ref(new Set),k=e.ref({});function E(){const h={};for(const S of n.tiledLayers)h[S.id]=S.opacity??1;k.value=h}function B(h){L.value.has(h)?L.value.delete(h):L.value.add(h),L.value=new Set(L.value)}function F(h,S){S?L.value.add(h):L.value.delete(h),L.value=new Set(L.value)}function x(h,S){k.value={...k.value,[h]:S}}const V=n.dataSources.length>0?gt(n.dataSources):null,M=e.computed(()=>V?.state.value??{}),W=e.computed(()=>V?.isLoading.value??!1);function D(h){return V?.getData(h)??null}function te(h){return V?.refetch(h)??Promise.resolve()}e.provide("layerboard-layers",e.readonly(i)),e.provide("layerboard-visible",m),e.provide("layerboard-opacities",y),e.provide("layerboard-loading",e.readonly(l)),e.provide("layerboard-errors",e.readonly(g)),e.provide("layerboard-zoom",e.readonly(p)),e.provide("layerboard-toggle-layer",ge),e.provide("layerboard-set-layer-visible",xe),e.provide("layerboard-set-layers-visible",ce),e.provide("layerboard-set-opacity",fe),e.provide("layerboard-tiled-layers",e.readonly(e.computed(()=>n.tiledLayers))),e.provide("layerboard-visible-tiled",L),e.provide("layerboard-tiled-opacities",k),e.provide("layerboard-toggle-tiled",B),e.provide("layerboard-set-tiled-opacity",x),e.provide("layerboard-set-tiled-visible",F),e.provide("layerboard-data-sources-state",M),e.provide("layerboard-data-sources-loading",W),e.provide("layerboard-get-data-source",D),e.provide("layerboard-refetch-data-source",te);const ae=e.computed(()=>({backgroundColor:n.themeColor})),We=e.computed(()=>({backgroundColor:n.themeColor})),Ce=e.computed(()=>({backgroundColor:n.themeColor})),Me=e.computed(()=>({width:oe.value?"0":n.sidebarWidth}));async function Be(){try{d.value=!0,b.value=null;const S=(await Ae(n.webMapId)).map(I=>{let _=I;const ie=n.layerStyleOverrides[I.id];ie&&(_={..._,paint:ie.paint??_.paint,outlinePaint:ie.outlinePaint??_.outlinePaint,legend:ie.legend??_.legend,type:ie.type??_.type});const we=n.popupOverrides[I.id]||(I.parentId?n.popupOverrides[I.parentId]:void 0);return we&&_.popup&&(_={..._,popup:{..._.popup,...we}}),_});i.value=S.map(I=>({config:I,component:I.type}));const R={};S.forEach(I=>{R[I.id]=I.opacity??1}),y.value=R,s("configs-loaded",S)}catch(h){const S=h instanceof Error?h.message:"Failed to load layer configurations";b.value=S,s("load-error",S)}finally{d.value=!1}}async function Te(){if(n.fetchMetadata)try{const h="https://phl.carto.com/api/v2/sql?q="+encodeURIComponent("select url_text, COALESCE(representation, '') as representation from phl.knack_metadata_reps_endpoints_join WHERE ( format = 'API' OR format = 'GeoService' ) AND url_text IS NOT null"),S=await fetch(h);if(!S.ok)return;const R=await S.json(),I={};for(const _ of R.rows||[])if(_.url_text&&_.representation){const ie=Qe(_.url_text),we=`https://metadata.phila.gov/#home/representationdetails/${_.representation}/`;I[ie]=we}f.value=I}catch{}}function je(h){p.value=h,s("zoom",h)}function ge(h){m.value.has(h)?m.value.delete(h):m.value.add(h),m.value=new Set(m.value)}function xe(h,S){S?m.value.add(h):m.value.delete(h),m.value=new Set(m.value)}function ce(h,S){for(const R of h)S?m.value.add(R):m.value.delete(R);m.value=new Set(m.value)}function fe(h,S){y.value={...y.value,[h]:S}}function Ee(h,S){S?l.value.add(h):l.value.delete(h),l.value=new Set(l.value)}function qe(h,S){if(S)g.value={...g.value,[h]:S};else{const R={...g.value};delete R[h],g.value=R}}function Y(h){w.value=h}const pe=e.ref(null),G=e.ref(null),he=e.ref(null),Pe=e.ref(null),le=e.ref(null),$e=e.ref(null),Fe=e.ref(null),re=e.ref("sidebar");function Ge(){re.value=re.value==="sidebar"?"map":"sidebar",e.nextTick(()=>{re.value==="sidebar"&&pe.value?.focus()})}const J=e.ref(!1);function me(){J.value=!J.value,J.value&&e.nextTick(()=>{Pe.value?.focus()})}function ye(){J.value=!1,e.nextTick(()=>{G.value?.focus()})}const oe=e.ref(!1);function Ie(){oe.value=!oe.value}const K=e.ref(!1),ve=e.ref(null);function be(){ve.value=document.activeElement,K.value=!0,e.nextTick(()=>{Fe.value?.focus()})}function Q(){K.value=!1,e.nextTick(()=>{ve.value?.focus(),ve.value=null})}function Le(h){h.target.classList.contains("layerboard-modal-backdrop")&&Q()}function ke(h){if(h.key==="Escape"){ye();return}if(h.key==="Tab"&&le.value){const S=Array.from(le.value.querySelectorAll('a[href], button:not([disabled]), textarea, input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'));if(S.length===0)return;const R=S[0],I=S[S.length-1];h.shiftKey?document.activeElement===R&&(h.preventDefault(),I.focus()):document.activeElement===I&&(h.preventDefault(),R.focus())}}function He(h){if(h.key==="Escape"){Q();return}if(h.key==="Tab"&&$e.value){const S=Array.from($e.value.querySelectorAll('a[href], button:not([disabled]), textarea, input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'));if(S.length===0)return;const R=S[0],I=S[S.length-1];h.shiftKey?document.activeElement===R&&(h.preventDefault(),I.focus()):document.activeElement===I&&(h.preventDefault(),R.focus())}}e.provide("layerboard-open-modal",be),e.provide("layerboard-close-modal",Q),e.provide("layerboard-is-modal-open",e.readonly(K)),a({layerList:i,visibleLayers:m,layerOpacities:y,loadingLayers:l,layerErrors:g,currentZoom:p,toggleLayer:ge,setLayerVisible:xe,setLayersVisible:ce,setLayerOpacity:fe,reloadConfigs:Be,clearCache:()=>yt(n.webMapId),visibleTiledLayers:L,tiledLayerOpacities:k,toggleTiledLayer:B,setTiledLayerVisible:F,setTiledLayerOpacity:x,dataSourcesState:M,dataSourcesLoading:W,getDataSourceData:D,refetchDataSource:te,isModalOpen:K,openModal:be,closeModal:Q});function ze(h){h.key==="Escape"&&J.value&&ye()}return e.onMounted(()=>{Be(),Te(),E(),document.addEventListener("keydown",ze)}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",ze)}),(h,S)=>(e.openBlock(),e.createElementBlock("div",Mo,[S[5]||(S[5]=e.createElementVNode("a",{href:"#main-content",class:"skip-to-main-content-link"},"Skip to main content",-1)),e.createElementVNode("header",{class:"layerboard-header",style:e.normalizeStyle(ae.value)},[S[1]||(S[1]=e.createElementVNode("a",{href:"https://www.phila.gov/",class:"layerboard-logo layerboard-desktop-only"},[e.createElementVNode("img",{src:"https://standards.phila.gov/img/logo/city-of-philadelphia-yellow-white.png",alt:"City of Philadelphia"})],-1)),S[2]||(S[2]=e.createElementVNode("span",{class:"layerboard-header-divider layerboard-desktop-only","aria-hidden":"true"},null,-1)),e.createElementVNode("button",{ref_key:"hamburgerRef",ref:G,class:"layerboard-hamburger layerboard-mobile-only","aria-expanded":J.value,"aria-label":"Toggle menu",onClick:me},[e.createVNode(e.unref(q.Icon),{"icon-definition":e.unref(At),size:"medium",inline:"",decorative:""},null,8,["icon-definition"])],8,To),e.renderSlot(h.$slots,"header",{},()=>[e.createElementVNode("h1",null,e.toDisplayString(t.title),1),t.subtitle?(e.openBlock(),e.createElementBlock("span",Po,e.toDisplayString(t.subtitle),1)):e.createCommentVNode("",!0)],!0),J.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"mobileMenuRef",ref:le,class:"layerboard-mobile-menu",role:"dialog","aria-modal":"true","aria-label":"Site menu",style:e.normalizeStyle({backgroundColor:t.themeColor}),onKeydown:ke},[e.createElementVNode("div",Fo,[e.renderSlot(h.$slots,"footer",{openModal:be,closeModal:Q,isModalOpen:K.value},()=>[S[0]||(S[0]=e.createTextVNode(" City of Philadelphia ",-1))],!0)]),e.createElementVNode("button",{ref_key:"mobileMenuCloseRef",ref:Pe,class:"layerboard-mobile-menu-close","aria-label":"Close menu",onClick:ye},[e.createVNode(e.unref(q.Icon),{"icon-definition":e.unref(it),size:"medium",decorative:""},null,8,["icon-definition"])],512)],36)):e.createCommentVNode("",!0),J.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"layerboard-mobile-menu-backdrop",onClick:ye})):e.createCommentVNode("",!0)],4),e.createElementVNode("div",Io,[d.value?(e.openBlock(),e.createElementBlock("div",zo,[e.createElementVNode("div",{class:"layerboard-spinner",style:e.normalizeStyle({borderTopColor:t.themeColor})},null,4),e.createElementVNode("p",null,"Loading "+e.toDisplayString(t.title)+"...",1)])):b.value?(e.openBlock(),e.createElementBlock("div",Do,[S[3]||(S[3]=e.createElementVNode("h2",null,"Error Loading Layers",-1)),e.createElementVNode("p",null,e.toDisplayString(b.value),1),e.createElementVNode("button",{class:"layerboard-retry-button",style:e.normalizeStyle({backgroundColor:t.themeColor}),onClick:Be}," Retry ",4)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("aside",{id:"main-content",ref_key:"sidebarRef",ref:pe,class:e.normalizeClass(["layerboard-sidebar",{"is-active":re.value==="sidebar"}]),style:e.normalizeStyle(Me.value),"aria-label":"Map layers",tabindex:"-1"},[e.renderSlot(h.$slots,"sidebar",{layers:i.value,visibleLayers:m.value,layerOpacities:y.value,loadingLayers:l.value,layerErrors:g.value,currentZoom:p.value,toggleLayer:ge,setLayerVisible:xe,setLayersVisible:ce,setOpacity:fe,tiledLayers:t.tiledLayers,visibleTiledLayers:L.value,tiledLayerOpacities:k.value,toggleTiledLayer:B,setTiledLayerVisible:F,setTiledLayerOpacity:x,dataSourcesState:M.value,dataSourcesLoading:W.value,getDataSource:D,refetchDataSource:te},()=>[t.showDefaultSidebar?(e.openBlock(),e.createBlock(pt,{key:0,"layer-list":i.value,"visible-layers":m.value,"layer-opacities":y.value,"loading-layers":l.value,"layer-errors":g.value,"current-zoom":p.value,"search-query":w.value,"layer-metadata":f.value,onToggleLayer:ge,onSetOpacity:fe,onUpdateSearch:Y},null,8,["layer-list","visible-layers","layer-opacities","loading-layers","layer-errors","current-zoom","search-query","layer-metadata"])):e.createCommentVNode("",!0)],!0)],6),e.createElementVNode("div",{role:"main","aria-label":"Map",class:e.normalizeClass(["layerboard-map",{"is-active":re.value==="map"}])},[e.createVNode(ft,{"visible-layers":m.value,"layer-opacities":y.value,"layer-list":i.value,"tiled-layers":t.tiledLayers,"visible-tiled-layers":L.value,"tiled-layer-opacities":k.value,"cyclomedia-config":t.cyclomediaConfig,"pictometry-credentials":t.pictometryCredentials,"basemap-control-position":t.basemapControlPosition,"navigation-control-position":t.navigationControlPosition,"geolocation-control-position":t.geolocationControlPosition,"search-control-position":t.searchControlPosition,"draw-control-position":t.drawControlPosition,"cyclomedia-button-position":t.cyclomediaButtonPosition,"pictometry-button-position":t.pictometryButtonPosition,"initial-zoom":t.initialZoom,"initial-center":t.initialCenter,onZoom:je,onLayerLoading:Ee,onLayerError:qe},null,8,["visible-layers","layer-opacities","layer-list","tiled-layers","visible-tiled-layers","tiled-layer-opacities","cyclomedia-config","pictometry-credentials","basemap-control-position","navigation-control-position","geolocation-control-position","search-control-position","draw-control-position","cyclomedia-button-position","pictometry-button-position","initial-zoom","initial-center"])],2),e.createElementVNode("button",{class:e.normalizeClass(["layerboard-sidebar-toggle",{"is-collapsed":oe.value}]),style:e.normalizeStyle({left:oe.value?"0":n.sidebarWidth}),"aria-expanded":!oe.value,"aria-label":oe.value?"Expand sidebar":"Collapse sidebar",onClick:Ie},[e.createVNode(e.unref(q.Icon),{"icon-definition":oe.value?e.unref(Rt):e.unref(_t),size:"medium",decorative:""},null,8,["icon-definition"])],14,Oo)],64))]),e.createElementVNode("button",{ref_key:"mobileToggleRef",ref:he,class:"layerboard-mobile-toggle",style:e.normalizeStyle(Ce.value),onClick:Ge},[re.value==="map"?(e.openBlock(),e.createElementBlock("span",Ro,e.toDisplayString(t.sidebarLabel),1)):(e.openBlock(),e.createElementBlock("span",_o,e.toDisplayString(t.mapLabel),1))],4),e.createElementVNode("footer",{class:"layerboard-footer",style:e.normalizeStyle(We.value)},[e.renderSlot(h.$slots,"footer",{openModal:be,closeModal:Q,isModalOpen:K.value},()=>[S[4]||(S[4]=e.createTextVNode(" City of Philadelphia ",-1))],!0)],4),K.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"layerboard-modal-backdrop",onClick:Le,onKeydown:He},[e.createElementVNode("div",{ref_key:"modalRef",ref:$e,class:"layerboard-modal",role:"dialog","aria-modal":"true","aria-label":"Application information"},[e.createElementVNode("button",{ref_key:"modalCloseRef",ref:Fe,class:"layerboard-modal-close","aria-label":"Close modal",onClick:Q},[e.createVNode(e.unref(q.Icon),{"icon-definition":e.unref(it),size:"medium",decorative:""},null,8,["icon-definition"])],512),e.renderSlot(h.$slots,"modal",{closeModal:Q},void 0,!0)],512)],32)):e.createCommentVNode("",!0),e.createElementVNode("span",Ao,e.toDisplayString(re.value==="sidebar"?"Showing layers panel":"Showing map"),1)]))}}),Zo=se(Uo,[["__scopeId","data-v-b6c04107"]]),Wo=["aria-expanded"],jo={key:0,class:"topic-icon"},qo={class:"topic-title"},Go=e.defineComponent({__name:"TopicAccordion",props:{title:{},icon:{default:void 0},expanded:{type:Boolean,default:!1},layerIds:{default:()=>[]},headerClass:{default:void 0}},emits:["toggle","layerChange"],setup(t,{emit:a}){const r=t,n=a,s=e.ref(r.expanded),i=`topic-panel-${e.useId()}`,d=`topic-header-${e.useId()}`;e.watch(()=>r.expanded,p=>{s.value=p});function b(){s.value=!s.value,n("toggle",s.value)}return(p,w)=>{const m=e.resolveComponent("font-awesome-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["topic-accordion",{"is-expanded":s.value}])},[e.createElementVNode("button",{id:d,class:e.normalizeClass(["topic-header",t.headerClass]),type:"button","aria-expanded":s.value,"aria-controls":i,onClick:b},[t.icon||p.$slots.icon?(e.openBlock(),e.createElementBlock("span",jo,[e.renderSlot(p.$slots,"icon",{},()=>[t.icon?(e.openBlock(),e.createBlock(m,{key:0,icon:["fas",t.icon],"aria-hidden":"true"},null,8,["icon"])):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",qo,e.toDisplayString(t.title),1),e.createElementVNode("span",{class:e.normalizeClass(["topic-chevron",{"is-rotated":s.value}])},[...w[0]||(w[0]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},[e.createElementVNode("polyline",{points:"6 9 12 15 18 9"})],-1)])],2)],10,Wo),e.withDirectives(e.createElementVNode("div",{id:i,role:"region","aria-labelledby":d,class:"topic-content"},[e.renderSlot(p.$slots,"default",{},()=>[w[1]||(w[1]=e.createElementVNode("p",{class:"topic-empty"},"No content provided for this topic.",-1))],!0)],512),[[e.vShow,s.value]])],2)}}}),Ho=se(Go,[["__scopeId","data-v-a2023afa"]]);function ht(t){return t.displayOptions?.shouldShowCheckbox!==!1}function nt(t,a){return a?t.displayOptions?.shouldShowSlider!==!1:!1}function at(t,a){return a?t.displayOptions?.shouldShowLegendBox!==!1:!1}function ue(t){return t.displayOptions?.layerNameChange||t.title}const Jo=["aria-label"],Ko=["checked","disabled","onChange"],Qo={class:"layer-title"},Xo={class:"layer-title"},Yo={key:0,class:"empty-state"},en=e.defineComponent({__name:"LayerCheckboxSet",props:{layers:{},visibleLayerIds:{},layerOpacities:{default:()=>({})},loadingLayerIds:{default:()=>new Set},layerErrors:{default:()=>({})},currentZoom:{default:12},showOpacity:{type:Boolean,default:!0},showLegend:{type:Boolean,default:!0},groupLabel:{default:void 0}},emits:["toggleLayer","setOpacity"],setup(t,{emit:a}){const r=t,n=a,{isVisible:s,getLayerOpacity:i,isLayerLoading:d,getLayerError:b,isLayerAvailableAtZoom:p}=et(()=>r);function w(m){n("toggleLayer",m)}return(m,y)=>(e.openBlock(),e.createElementBlock("fieldset",{class:"layer-checkbox-set",role:"group","aria-label":t.groupLabel},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.layers,l=>(e.openBlock(),e.createElementBlock("div",{key:l.id,class:"layer-item"},[e.unref(ht)(l)?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(["layer-checkbox",{"layer-unavailable":!e.unref(p)(l),"layer-error":e.unref(b)(l.id)}])},[e.createElementVNode("input",{type:"checkbox",checked:e.unref(s)(l.id),disabled:!e.unref(p)(l),onChange:g=>w(l.id)},null,40,Ko),e.createElementVNode("span",Qo,[e.createTextVNode(e.toDisplayString(e.unref(ue)(l))+" ",1),e.createVNode(Re,{loading:e.unref(d)(l.id),error:e.unref(b)(l.id),unavailable:!e.unref(p)(l)},null,8,["loading","error","unavailable"])])],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["layer-label-only",{"layer-unavailable":!e.unref(p)(l),"layer-error":e.unref(b)(l.id)}])},[e.createElementVNode("span",Xo,[e.createTextVNode(e.toDisplayString(e.unref(ue)(l))+" ",1),e.createVNode(Re,{loading:e.unref(d)(l.id),error:e.unref(b)(l.id),unavailable:!e.unref(p)(l)},null,8,["loading","error","unavailable"])])],2)),e.unref(nt)(l,t.showOpacity)&&e.unref(s)(l.id)&&e.unref(p)(l)?(e.openBlock(),e.createBlock(Xe,{key:2,"layer-id":l.id,"layer-name":e.unref(ue)(l),opacity:e.unref(i)(l.id),"onUpdate:opacity":g=>n("setOpacity",l.id,g)},null,8,["layer-id","layer-name","opacity","onUpdate:opacity"])):e.createCommentVNode("",!0),e.unref(at)(l,t.showLegend)&&e.unref(s)(l.id)&&e.unref(p)(l)&&l.legend?.length?(e.openBlock(),e.createBlock(Ye,{key:3,items:l.legend,label:"Legend for "+e.unref(ue)(l)},null,8,["items","label"])):e.createCommentVNode("",!0)]))),128)),t.layers.length===0?(e.openBlock(),e.createElementBlock("div",Yo,"No layers available")):e.createCommentVNode("",!0)],8,Jo))}}),tn=se(en,[["__scopeId","data-v-bfcd7855"]]),on=["aria-label"],nn=["name","checked","disabled","onChange"],an={class:"layer-title"},ln={key:0,class:"empty-state"},rn=e.defineComponent({__name:"LayerRadioButtonSet",props:{layers:{},visibleLayerIds:{},layerOpacities:{default:()=>({})},loadingLayerIds:{default:()=>new Set},layerErrors:{default:()=>({})},currentZoom:{default:12},showOpacity:{type:Boolean,default:!0},showLegend:{type:Boolean,default:!0},groupName:{default:"layer-radio-group"},groupLabel:{default:void 0}},emits:["selectLayer","setOpacity"],setup(t,{emit:a}){const r=t,n=a,{isVisible:s,getLayerOpacity:i,isLayerLoading:d,getLayerError:b,isLayerAvailableAtZoom:p}=et(()=>r);function w(m){const y=r.layers.filter(l=>r.visibleLayerIds.has(l.id)&&l.id!==m).map(l=>l.id);n("selectLayer",m,y)}return(m,y)=>(e.openBlock(),e.createElementBlock("div",{class:"layer-radio-set",role:"radiogroup","aria-label":t.groupLabel},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.layers,l=>(e.openBlock(),e.createElementBlock("div",{key:l.id,class:"layer-item"},[e.createElementVNode("label",{class:e.normalizeClass(["layer-radio",{"layer-unavailable":!e.unref(p)(l),"layer-error":e.unref(b)(l.id)}])},[e.createElementVNode("input",{type:"radio",name:t.groupName,checked:e.unref(s)(l.id),disabled:!e.unref(p)(l),onChange:g=>w(l.id)},null,40,nn),e.createElementVNode("span",an,[e.createTextVNode(e.toDisplayString(e.unref(ue)(l))+" ",1),e.createVNode(Re,{loading:e.unref(d)(l.id),error:e.unref(b)(l.id),unavailable:!e.unref(p)(l)},null,8,["loading","error","unavailable"])])],2),e.unref(nt)(l,t.showOpacity)&&e.unref(s)(l.id)&&e.unref(p)(l)?(e.openBlock(),e.createBlock(Xe,{key:0,"layer-id":l.id,"layer-name":e.unref(ue)(l),opacity:e.unref(i)(l.id),"onUpdate:opacity":g=>n("setOpacity",l.id,g)},null,8,["layer-id","layer-name","opacity","onUpdate:opacity"])):e.createCommentVNode("",!0),e.unref(at)(l,t.showLegend)&&e.unref(s)(l.id)&&e.unref(p)(l)&&l.legend?.length?(e.openBlock(),e.createBlock(Ye,{key:1,items:l.legend,label:"Legend for "+e.unref(ue)(l)},null,8,["items","label"])):e.createCommentVNode("",!0)]))),128)),t.layers.length===0?(e.openBlock(),e.createElementBlock("div",ln,"No layers available")):e.createCommentVNode("",!0)],8,on))}}),sn=se(rn,[["__scopeId","data-v-c368d815"]]);function cn(t){const a=e.ref([]),r=e.ref(new Set),n=e.ref({}),s=e.ref(new Set),i=e.ref({}),d=e.ref(""),b=e.ref(!1),p=e.ref(!1),w=e.ref(null),m=e.computed(()=>{if(!d.value.trim())return a.value;const x=d.value.toLowerCase();return a.value.filter(V=>V.title.toLowerCase().includes(x))}),y=e.computed(()=>a.value.map(x=>({config:x,component:x.type})));async function l(){if(!p.value){b.value=!0,w.value=null;try{let x;t.mode==="dynamic"||!t.mode?t.webMapId?x=await g(t.webMapId):x=await Ae():x=await Ae(),a.value=x;const V={};x.forEach(M=>{V[M.id]=M.opacity??1}),n.value=V,p.value=!0}catch(x){w.value=x instanceof Error?x:new Error("Failed to initialize layerboard")}finally{b.value=!1}}}async function g(x){const V=Ze(x),M=await fetch(V,{cache:"no-store"});if(!M.ok)throw new Error(`Failed to fetch WebMap: ${M.status} ${M.statusText}`);const W=await M.json();return tt(W)}function f(x){const V=new Set(r.value);V.has(x)?V.delete(x):V.add(x),r.value=V}function L(x,V){n.value={...n.value,[x]:Math.max(0,Math.min(1,V))}}function k(x){d.value=x}function E(x,V){const M=new Set(s.value);V?M.add(x):M.delete(x),s.value=M}function B(x,V){if(V)i.value={...i.value,[x]:V};else{const M={...i.value};delete M[x],i.value=M}}function F(){a.value=[],r.value=new Set,n.value={},s.value=new Set,i.value={},d.value="",b.value=!1,p.value=!1,w.value=null}return{layerConfigs:e.readonly(a),visibleLayers:e.readonly(r),layerOpacities:e.readonly(n),loadingLayers:e.readonly(s),layerErrors:e.readonly(i),searchQuery:e.readonly(d),isLoading:e.readonly(b),isInitialized:e.readonly(p),error:e.readonly(w),filteredLayerConfigs:m,layerList:y,config:t,initialize:l,toggleLayer:f,setLayerOpacity:L,filterLayers:k,setLayerLoading:E,setLayerError:B,reset:F}}function un(){const t=e.ref([]),a=e.ref(new Set),r=e.ref(new Set);function n(i){a.value.has(i)?a.value.delete(i):a.value.add(i)}function s(i){t.value=i}return{layers:e.computed(()=>t.value),visibleLayerIds:e.computed(()=>a.value),loadingLayerIds:e.computed(()=>r.value),toggleLayer:n,setLayers:s}}function vt(t){const a=e.ref(null),r=e.ref(!1),n=e.ref(null),s=e.ref(0);async function i(p={}){r.value=!0,n.value=null;const w=t.pageSize||2e3;let m=0,y=[],l=!0;try{for(;l;){const f=t.url.replace(/\/$/,""),L=encodeURIComponent(p.where||t.where||"1=1");let k=`${f}/query?where=${L}&outFields=*&returnGeometry=true&resultRecordCount=${w}&resultOffset=${m}&f=geojson`;if(p.bounds){const F=JSON.stringify({xmin:p.bounds.west,ymin:p.bounds.south,xmax:p.bounds.east,ymax:p.bounds.north,spatialReference:{wkid:4326}});k+=`&geometry=${encodeURIComponent(F)}&geometryType=esriGeometryEnvelope&spatialRel=esriSpatialRelIntersects`}const E=await fetch(k);if(!E.ok)throw new Error(`HTTP ${E.status}: ${E.statusText}`);const B=await E.json();B.features&&B.features.length>0?(y=y.concat(B.features),m+=B.features.length,l=B.features.length===w):l=!1}const g={type:"FeatureCollection",features:y};return a.value=g,s.value=y.length,g}catch(g){const f=g instanceof Error?g:new Error("Failed to fetch features");throw n.value=f,f}finally{r.value=!1}}function d(){a.value=null,s.value=0,n.value=null}async function b(p={}){return i(p)}return{data:e.readonly(a),isLoading:e.readonly(r),error:e.readonly(n),totalFeatures:e.readonly(s),config:t,fetch:i,refetch:b,clear:d}}function dn(t,a,r){const n=vt(t);return e.watch(a,async s=>{if(s){const i=r(s);await n.fetch(i)}},{immediate:!0}),n}exports.LayerCheckboxSet=tn;exports.LayerPanel=pt;exports.LayerRadioButtonSet=sn;exports.Layerboard=Zo;exports.MapPanel=ft;exports.TopicAccordion=Ho;exports.WEBMAP_ID=xo;exports.buildWebMapUrl=Ze;exports.clearCache=yt;exports.getLayerConfigs=Ae;exports.getLayerDisplayName=ue;exports.getWebMapUrl=Eo;exports.normalizeUrl=Qe;exports.shouldShowCheckbox=ht;exports.shouldShowLegendBox=at;exports.shouldShowSlider=nt;exports.transformWebMapToLayerConfigs=tt;exports.useApiDataSources=gt;exports.useDataSource=vt;exports.useLayerConfig=un;exports.useLayerboard=cn;exports.useReactiveDataSource=dn;