@phila/phila-ui-map-core 0.0.3-beta.8 → 0.0.3-beta.9

package/dist/{PictometryPanel-Dwyf7nhX.js → PictometryPanel-CWLQN6Ip.js}

@@ -1,8 +1,8 @@
-import { defineComponent, inject, ref, watch, onBeforeUnmount, onUnmounted, createElementBlock, openBlock, computed, h as h$2, reactive, resolveComponent, createBlock, resolveDynamicComponent, mergeProps, withCtx, renderSlot, Fragment, createCommentVNode, normalizeProps, createTextVNode, toDisplayString, unref, normalizeClass, useAttrs, toRef, createElementVNode, withDirectives, vModelDynamic, createVNode, guardReactiveProps, withKeys, useSlots, onMounted, normalizeStyle, withModifiers, renderList, nextTick, defineAsyncComponent, provide, vShow, getCurrentInstance, toRefs, readonly, createStaticVNode } from "vue";
+import { defineComponent, inject, ref, watch, onBeforeUnmount, onUnmounted, createElementBlock, openBlock, computed, h as h$2, reactive, resolveComponent, createBlock, resolveDynamicComponent, mergeProps, withCtx, renderSlot, Fragment, createCommentVNode, normalizeProps, createTextVNode, toDisplayString, unref, normalizeClass, useAttrs, toRef, createElementVNode, withDirectives, vModelDynamic, createVNode, guardReactiveProps, withKeys, useSlots, onMounted, normalizeStyle, withModifiers, renderList, nextTick, defineAsyncComponent, provide, vShow, getCurrentInstance, toRefs, Transition, readonly, createStaticVNode } from "vue";
 import maplibregl from "maplibre-gl";
 import { u as useMapControl } from "./useMapControl-JxftoDwE.js";
 import { p as point } from "./index-BXLyy2C_.js";
-const _hoisted_1$e = ["data-layer-id"], _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _hoisted_1$g = ["data-layer-id"], _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "RasterLayer",
   props: {
     id: {},
@@ -79,9 +79,9 @@ const _hoisted_1$e = ["data-layer-id"], _sfc_main$o = /* @__PURE__ */ defineComp
       style: { display: "none" },
       "data-layer-id": O.id,
       "data-layer-type": "raster"
-    }, null, 8, _hoisted_1$e));
+    }, null, 8, _hoisted_1$g));
   }
-}), _hoisted_1$d = ["data-layer-id"], _sfc_main$n = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$f = ["data-layer-id"], _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "BasemapCeiling",
   props: {
     id: {}
@@ -124,7 +124,7 @@ const _hoisted_1$e = ["data-layer-id"], _sfc_main$o = /* @__PURE__ */ defineComp
       style: { display: "none" },
       "data-layer-id": O.id,
       "data-layer-type": "custom"
-    }, null, 8, _hoisted_1$d));
+    }, null, 8, _hoisted_1$f));
   }
 });
 function _arrayLikeToArray$2(De, O) {
@@ -4137,14 +4137,14 @@ const Y = ["for"], Z = { class: "state-layer" }, ee = { class: "content" }, ae =
       }, 8, ["modelValue", "placeholder", "aria-label"])
     ], 16));
   }
-}), _hoisted_1$c = ["aria-busy"], _hoisted_2$5 = {
+}), _hoisted_1$e = ["aria-busy"], _hoisted_2$7 = {
   key: 0,
   role: "alert",
   class: "map-search-error"
-}, _hoisted_3$4 = {
+}, _hoisted_3$5 = {
   "aria-live": "polite",
   class: "sr-only"
-}, _hoisted_4$2 = { key: 0 }, _sfc_main$m = /* @__PURE__ */ defineComponent({
+}, _hoisted_4$2 = { key: 0 }, _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "MapSearchControl",
   props: {
     position: { default: "top-left" },
@@ -4197,11 +4197,11 @@ const Y = ["for"], Z = { class: "state-layer" }, ee = { class: "content" }, ae =
         "aria-label": "Search the map",
         onSearch: re
       }, null, 8, ["modelValue", "placeholder"]),
-      ye.value ? (openBlock(), createElementBlock("div", _hoisted_2$5, "⚠ " + toDisplayString(ye.value), 1)) : createCommentVNode("", !0),
-      createElementVNode("div", _hoisted_3$4, [
+      ye.value ? (openBlock(), createElementBlock("div", _hoisted_2$7, "⚠ " + toDisplayString(ye.value), 1)) : createCommentVNode("", !0),
+      createElementVNode("div", _hoisted_3$5, [
         he.value ? (openBlock(), createElementBlock("span", _hoisted_4$2, "Searching...")) : createCommentVNode("", !0)
       ])
-    ], 8, _hoisted_1$c));
+    ], 8, _hoisted_1$e));
   }
 });
 function _arrayLikeToArray(De, O) {
@@ -4686,7 +4686,7 @@ defineComponent({
     };
   }
 });
-const _hoisted_1$b = ["title", "aria-label", "aria-pressed"], _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = ["title", "aria-label", "aria-pressed"], _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "MapButton",
   props: {
     icon: { default: void 0 },
@@ -4730,7 +4730,7 @@ const _hoisted_1$b = ["title", "aria-label", "aria-pressed"], _sfc_main$l = /* @
           style: normalizeStyle({ fontSize: `${M.iconSize}px` }),
           "aria-hidden": "true"
         }, null, 8, ["icon", "style"])) : createCommentVNode("", !0)
-      ], 14, _hoisted_1$b),
+      ], 14, _hoisted_1$d),
       he.value ? createCommentVNode("", !0) : renderSlot(re.$slots, "default", { key: 1 })
     ], 2));
   }
@@ -4752,7 +4752,7 @@ var faUpRightFromSquare = {
   iconName: "location-crosshairs",
   icon: [576, 512, ["location"], "f601", "M288-16c17.7 0 32 14.3 32 32l0 18.3c98.1 14 175.7 91.6 189.7 189.7l18.3 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-18.3 0c-14 98.1-91.6 175.7-189.7 189.7l0 18.3c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-18.3C157.9 463.7 80.3 386.1 66.3 288L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l18.3 0C80.3 125.9 157.9 48.3 256 34.3L256 16c0-17.7 14.3-32 32-32zM128 256a160 160 0 1 0 320 0 160 160 0 1 0 -320 0zm160-96a96 96 0 1 1 0 192 96 96 0 1 1 0-192z"]
 };
-const _hoisted_1$a = ["title", "aria-expanded"], _hoisted_2$4 = { class: "dropdown-label" }, _hoisted_3$3 = ["aria-checked", "tabindex", "onClick"], _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = ["title", "aria-expanded"], _hoisted_2$6 = { class: "dropdown-label" }, _hoisted_3$4 = ["aria-checked", "tabindex", "onClick"], _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "BasemapDropdown",
   props: {
     options: {},
@@ -4857,13 +4857,13 @@ const _hoisted_1$a = ["title", "aria-expanded"], _hoisted_2$4 = { class: "dropdo
         onClick: withModifiers(_e, ["stop"]),
         onKeydown: xe
       }, [
-        createElementVNode("span", _hoisted_2$4, toDisplayString(pe.value?.label || "Select"), 1),
+        createElementVNode("span", _hoisted_2$6, toDisplayString(pe.value?.label || "Select"), 1),
         createVNode(unref(FontAwesomeIcon), {
           icon: ge.value ? unref(faChevronUp) : unref(faChevronDown),
           class: normalizeClass(["dropdown-icon", { open: me.value }]),
           "aria-hidden": "true"
         }, null, 8, ["icon", "class"])
-      ], 40, _hoisted_1$a),
+      ], 40, _hoisted_1$c),
       me.value ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: "basemap-dropdown-menu",
@@ -4879,7 +4879,7 @@ const _hoisted_1$a = ["title", "aria-expanded"], _hoisted_2$4 = { class: "dropdo
           tabindex: Ue === he.value ? 0 : -1,
           class: normalizeClass(["basemap-dropdown-item", { selected: Ue === fe.value }]),
           onClick: withModifiers((He) => Ae(Ne, Ue), ["stop"])
-        }, toDisplayString(Ne.label), 11, _hoisted_3$3))), 128))
+        }, toDisplayString(Ne.label), 11, _hoisted_3$4))), 128))
       ], 32)) : createCommentVNode("", !0)
     ], 2));
   }
@@ -5189,7 +5189,7 @@ const _hoisted_1$a = ["title", "aria-expanded"], _hoisted_2$4 = { class: "dropdo
     imageryLabelsUrl: null,
     showLabels: !1
   }
-], _sfc_main$j = /* @__PURE__ */ defineComponent({
+], _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "BasemapToggle",
   props: {
     position: { default: "top-right" },
@@ -5232,7 +5232,7 @@ const _hoisted_1$a = ["title", "aria-expanded"], _hoisted_2$4 = { class: "dropdo
         ue("change", we), M && M(we);
       }
     }
-    return (ge, _e) => (openBlock(), createBlock(_sfc_main$l, {
+    return (ge, _e) => (openBlock(), createBlock(_sfc_main$n, {
       image: re.value,
       position: V.position,
       title: V.title,
@@ -5240,7 +5240,7 @@ const _hoisted_1$a = ["title", "aria-expanded"], _hoisted_2$4 = { class: "dropdo
       onClick: ce
     }, {
       default: withCtx(() => [
-        De.showDropdown && De.dropdownOptions.length > 0 && $.value ? (openBlock(), createBlock(_sfc_main$k, {
+        De.showDropdown && De.dropdownOptions.length > 0 && $.value ? (openBlock(), createBlock(_sfc_main$m, {
           key: 0,
           options: De.dropdownOptions,
           "selected-index": ye.value,
@@ -5252,7 +5252,7 @@ const _hoisted_1$a = ["title", "aria-expanded"], _hoisted_2$4 = { class: "dropdo
       _: 1
     }, 8, ["image", "position", "title", "icon-size"]));
   }
-}), _sfc_main$i = /* @__PURE__ */ defineComponent({
+}), _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "MapNavigationControl",
   props: {
     position: { default: "top-right" },
@@ -5261,7 +5261,7 @@ const _hoisted_1$a = ["title", "aria-expanded"], _hoisted_2$4 = { class: "dropdo
   setup(De) {
     return useMapControl(De, () => new maplibregl.NavigationControl()), (M, V) => renderSlot(M.$slots, "default");
   }
-}), _sfc_main$h = /* @__PURE__ */ defineComponent({
+}), _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "GeolocationButton",
   props: {
     position: { default: "top-right" },
@@ -5335,7 +5335,7 @@ const _hoisted_1$a = ["title", "aria-expanded"], _hoisted_2$4 = { class: "dropdo
     };
     return onBeforeUnmount(() => {
       ge(), pe();
-    }), (Se, xe) => (openBlock(), createBlock(_sfc_main$l, {
+    }), (Se, xe) => (openBlock(), createBlock(_sfc_main$n, {
       icon: unref(V),
       position: M.position,
       title: M.title,
@@ -5343,7 +5343,7 @@ const _hoisted_1$a = ["title", "aria-expanded"], _hoisted_2$4 = { class: "dropdo
       onClick: we
     }, null, 8, ["icon", "position", "title", "icon-size"]));
   }
-}), _hoisted_1$9 = ["aria-label"], BASEMAP_CEILING_ID = "basemap-ceiling", _sfc_main$g = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$b = ["aria-label"], BASEMAP_CEILING_ID = "basemap-ceiling", _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "Map",
   props: {
     center: { default: () => [-75.163613, 39.952372] },
@@ -5378,7 +5378,7 @@ const _hoisted_1$a = ["title", "aria-expanded"], _hoisted_2$4 = { class: "dropdo
   },
   emits: ["load", "click", "move", "moveend", "zoom", "searchResult"],
   setup(De, { expose: O, emit: M }) {
-    const V = defineAsyncComponent(() => Promise.resolve().then(() => CyclomediaButton$1)), ue = defineAsyncComponent(() => Promise.resolve().then(() => CyclomediaPanel$1)), $ = defineAsyncComponent(() => import("./CyclomediaRecordingsLayer-B6C-F5g3.js")), me = defineAsyncComponent(() => import("./CyclomediaCameraIcon-Cpc41JaT.js")), fe = defineAsyncComponent(() => import("./CyclomediaViewcone-D3PQP0Xm.js")), he = defineAsyncComponent(() => Promise.resolve().then(() => PictometryButton$1)), ye = defineAsyncComponent(() => Promise.resolve().then(() => PictometryPanel$1)), re = De, ce = M, pe = ref(null), ge = ref(null), _e = ref(!1), we = ref(re.center), Se = ref(re.zoom), xe = ref(re.pitch), je = ref(re.bearing), Me = ref(null), Ae = ref(!1), Pe = ref(defaultImageryOptions[0]?.imageryUrl || null), Le = ref(defaultImageryOptions[0]?.imageryLabelsUrl || null), Oe = ref(defaultImageryOptions[0]?.showLabels ?? !0), Ne = ref(!1), Ue = ref(null), He = ref(!1), Ve = ref(!1), Ge = ref(null);
+    const V = defineAsyncComponent(() => Promise.resolve().then(() => CyclomediaButton$1)), ue = defineAsyncComponent(() => Promise.resolve().then(() => CyclomediaPanel$1)), $ = defineAsyncComponent(() => import("./CyclomediaRecordingsLayer-BJ34tUBW.js")), me = defineAsyncComponent(() => import("./CyclomediaCameraIcon-DlVqj_ib.js")), fe = defineAsyncComponent(() => import("./CyclomediaViewcone-CfTf5g8D.js")), he = defineAsyncComponent(() => Promise.resolve().then(() => PictometryButton$1)), ye = defineAsyncComponent(() => Promise.resolve().then(() => PictometryPanel$1)), re = De, ce = M, pe = ref(null), ge = ref(null), _e = ref(!1), we = ref(re.center), Se = ref(re.zoom), xe = ref(re.pitch), je = ref(re.bearing), Me = ref(null), Ae = ref(!1), Pe = ref(defaultImageryOptions[0]?.imageryUrl || null), Le = ref(defaultImageryOptions[0]?.imageryLabelsUrl || null), Oe = ref(defaultImageryOptions[0]?.showLabels ?? !0), Ne = ref(!1), Ue = ref(null), He = ref(!1), Ve = ref(!1), Ge = ref(null);
     function Ye(Rt, rn) {
       Ue.value = Rt, Rt === "cyclomedia" ? (He.value || (Ge.value = rn, He.value = !0), Ne.value = !0) : Rt === "pictometry" && (Ve.value || (Ge.value = rn, Ve.value = !0));
     }
@@ -5555,19 +5555,19 @@ const _hoisted_1$a = ["title", "aria-expanded"], _hoisted_2$4 = { class: "dropdo
           onClick: rn[0] || (rn[0] = withModifiers(() => {
           }, ["prevent"]))
         }, " Use arrow keys to pan the map. Press + or - to zoom. Press Tab to exit. "),
-        De.noDefaultTileLayers ? createCommentVNode("", !0) : (openBlock(), createBlock(_sfc_main$o, {
+        De.noDefaultTileLayers ? createCommentVNode("", !0) : (openBlock(), createBlock(_sfc_main$q, {
           key: 0,
           id: "basemap",
           source: wt.value,
           "before-id": "basemap-labels"
         }, null, 8, ["source"])),
-        !De.noDefaultTileLayers && Pt.value ? (openBlock(), createBlock(_sfc_main$o, {
+        !De.noDefaultTileLayers && Pt.value ? (openBlock(), createBlock(_sfc_main$q, {
           key: 1,
           id: "basemap-labels",
           source: Pt.value,
           "before-id": Vt.value
         }, null, 8, ["source", "before-id"])) : createCommentVNode("", !0),
-        createVNode(_sfc_main$n, { id: BASEMAP_CEILING_ID }),
+        createVNode(_sfc_main$p, { id: BASEMAP_CEILING_ID }),
         Ue.value === "cyclomedia" ? (openBlock(), createBlock(unref($), {
           key: 2,
           visible: !0,
@@ -5587,21 +5587,21 @@ const _hoisted_1$a = ["title", "aria-expanded"], _hoisted_2$4 = { class: "dropdo
           yaw: nt.value,
           "icon-size": 0.09
         }, null, 8, ["position", "yaw"])) : createCommentVNode("", !0),
-        De.navigationControls ? (openBlock(), createBlock(_sfc_main$i, {
+        De.navigationControls ? (openBlock(), createBlock(_sfc_main$k, {
           key: 5,
           position: De.navigationControls.position
         }, null, 8, ["position"])) : createCommentVNode("", !0),
-        De.geolocationControl ? (openBlock(), createBlock(_sfc_main$h, {
+        De.geolocationControl ? (openBlock(), createBlock(_sfc_main$j, {
           key: 6,
           position: De.geolocationControl.position
         }, null, 8, ["position"])) : createCommentVNode("", !0),
-        De.mapSearchControl ? (openBlock(), createBlock(_sfc_main$m, {
+        De.mapSearchControl ? (openBlock(), createBlock(_sfc_main$o, {
           key: 7,
           position: De.mapSearchControl.position,
           placeholder: De.mapSearchControl.placeholder ?? "Search for an address",
           onResult: St
         }, null, 8, ["position", "placeholder"])) : createCommentVNode("", !0),
-        De.basemapChangeControls?.toggle ? (openBlock(), createBlock(_sfc_main$j, {
+        De.basemapChangeControls?.toggle ? (openBlock(), createBlock(_sfc_main$l, {
           key: 8,
           position: De.basemapChangeControls.position,
           "show-dropdown": De.basemapChangeControls.dropdown,
@@ -5620,7 +5620,7 @@ const _hoisted_1$a = ["title", "aria-expanded"], _hoisted_2$4 = { class: "dropdo
           onToggle: tt
         }, null, 8, ["position", "active"])) : createCommentVNode("", !0),
         renderSlot(Rt.$slots, "default", {}, void 0, !0)
-      ], 12, _hoisted_1$9),
+      ], 12, _hoisted_1$b),
       withDirectives(createElementVNode("div", {
         class: "tool-panel-container",
         style: normalizeStyle(Nt.value),
@@ -5658,7 +5658,7 @@ const _hoisted_1$a = ["title", "aria-expanded"], _hoisted_2$4 = { class: "dropdo
   for (const [V, ue] of O)
     M[V] = ue;
   return M;
-}, Map$1 = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-df0e9ebf"]]), _sfc_main$f = /* @__PURE__ */ defineComponent({
+}, Map$1 = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-df0e9ebf"]]), _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "MapMarker",
   props: {
     lngLat: {},
@@ -5675,45 +5675,84 @@ const _hoisted_1$a = ["title", "aria-expanded"], _hoisted_2$4 = { class: "dropdo
   },
   emits: ["dragstart", "drag", "dragend"],
   setup(De, { emit: O }) {
-    const M = De, V = O, ue = inject("map"), $ = inject("isLoaded");
-    let me = null;
-    const fe = () => {
-      if (!ue || !ue.value || !M.lngLat) return;
-      const ye = {
+    const M = De, V = O, ue = useSlots(), $ = ref(null), me = inject("map"), fe = inject("isLoaded");
+    let he = null;
+    const ye = () => {
+      if (!me || !me.value || !M.lngLat) return;
+      const ce = {
         draggable: M.draggable
       };
-      if (M.icon) {
-        const ce = document.createElement("div");
-        ce.className = "custom-marker", ce.innerHTML = `<i class="${M.icon}" style="font-size: ${M.iconSize}px; color: ${M.iconColor || M.color};"></i>`, ye.element = ce;
+      if (ue.default && $.value)
+        ce.element = $.value, ce.anchor = "bottom";
+      else if (M.icon) {
+        const ge = document.createElement("div");
+        ge.className = "custom-marker", ge.innerHTML = `<i class="${M.icon}" style="font-size: ${M.iconSize}px; color: ${M.iconColor || M.color};"></i>`, ce.element = ge;
       } else
-        ye.color = M.color;
-      if (M.rotation && (ye.rotation = M.rotation), M.offset && (ye.offset = M.offset), me = new maplibregl.Marker(ye).setLngLat(M.lngLat), M.popup) {
-        const ce = new maplibregl.Popup().setHTML(M.popup);
-        me.setPopup(ce);
-      }
-      me.addTo(ue.value);
-      const re = me.getElement();
-      M.ariaLabel ? (re.setAttribute("role", "img"), re.setAttribute("aria-label", M.ariaLabel)) : re.setAttribute("aria-hidden", "true"), M.draggable && me && (me.on("dragstart", () => me && V("dragstart", me.getLngLat())), me.on("drag", () => me && V("drag", me.getLngLat())), me.on("dragend", () => me && V("dragend", me.getLngLat())));
-    }, he = () => {
-      me && (me.remove(), me = null);
+        ce.color = M.color;
+      if (M.rotation && (ce.rotation = M.rotation), M.offset && (ce.offset = M.offset), he = new maplibregl.Marker(ce).setLngLat(M.lngLat), M.popup) {
+        const ge = new maplibregl.Popup().setHTML(M.popup);
+        he.setPopup(ge);
+      }
+      he.addTo(me.value);
+      const pe = he.getElement();
+      M.ariaLabel ? (pe.setAttribute("role", "img"), pe.setAttribute("aria-label", M.ariaLabel)) : pe.setAttribute("aria-hidden", "true"), M.draggable && he && (he.on("dragstart", () => he && V("dragstart", he.getLngLat())), he.on("drag", () => he && V("drag", he.getLngLat())), he.on("dragend", () => he && V("dragend", he.getLngLat())));
+    }, re = () => {
+      he && (he.remove(), he = null);
     };
     return watch(
       () => M.lngLat,
-      (ye) => {
-        ye && me ? me.setLngLat(ye) : ye && !me && ue?.value && $?.value ? fe() : !ye && me && he();
+      (ce) => {
+        ce && he ? he.setLngLat(ce) : ce && !he && me?.value && fe?.value ? ye() : !ce && he && re();
       },
       { deep: !0 }
     ), watch(
-      () => $?.value,
-      (ye) => {
-        ye && ue?.value && M.lngLat && fe();
+      () => fe?.value,
+      (ce) => {
+        ce && me?.value && M.lngLat && ye();
       },
       { immediate: !0 }
     ), onBeforeUnmount(() => {
-      he();
-    }), (ye, re) => renderSlot(ye.$slots, "default");
+      re();
+    }), (ce, pe) => ce.$slots.default ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      ref_key: "slotContainer",
+      ref: $
+    }, [
+      renderSlot(ce.$slots, "default")
+    ], 512)) : createCommentVNode("", !0);
+  }
+}), _hoisted_1$a = ["role", "aria-label", "aria-hidden"], _hoisted_2$5 = {
+  key: 0,
+  class: "pin-text"
+}, _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "MapIconTextPin",
+  props: {
+    icon: {},
+    text: { default: void 0 },
+    color: { default: "#0F33F5" },
+    textColor: { default: "white" },
+    ariaLabel: { default: void 0 },
+    className: {}
+  },
+  setup(De) {
+    return (O, M) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass(["map-icon-text-pin", { "icon-only": !De.text }]),
+      style: normalizeStyle({
+        backgroundColor: De.color,
+        color: De.textColor,
+        "--pin-color": De.color
+      }),
+      role: De.ariaLabel ? "img" : void 0,
+      "aria-label": De.ariaLabel,
+      "aria-hidden": De.ariaLabel ? void 0 : "true"
+    }, [
+      createElementVNode("i", {
+        class: normalizeClass([De.icon, "pin-icon"])
+      }, null, 2),
+      De.text ? (openBlock(), createElementBlock("span", _hoisted_2$5, toDisplayString(De.text), 1)) : createCommentVNode("", !0)
+    ], 14, _hoisted_1$a));
   }
-}), FOCUSABLE_SELECTOR = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])', _sfc_main$e = /* @__PURE__ */ defineComponent({
+}), MapIconTextPin = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-724018d3"]]), FOCUSABLE_SELECTOR = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])', _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "MapPopup",
   props: {
     lngLat: {},
@@ -5982,7 +6021,7 @@ function useVectorLayer(De, O) {
     removeLayer: ge
   };
 }
-const _hoisted_1$8 = ["data-layer-id"], _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_1$9 = ["data-layer-id"], _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "FillLayer",
   props: {
     paint: { default: () => ({}) },
@@ -6017,9 +6056,9 @@ const _hoisted_1$8 = ["data-layer-id"], _sfc_main$d = /* @__PURE__ */ defineComp
       style: { display: "none" },
       "data-layer-id": M.id,
       "data-layer-type": "fill"
-    }, null, 8, _hoisted_1$8));
+    }, null, 8, _hoisted_1$9));
   }
-}), _hoisted_1$7 = ["data-layer-id"], _sfc_main$c = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$8 = ["data-layer-id"], _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "LineLayer",
   props: {
     paint: { default: () => ({}) },
@@ -6054,9 +6093,9 @@ const _hoisted_1$8 = ["data-layer-id"], _sfc_main$d = /* @__PURE__ */ defineComp
       style: { display: "none" },
       "data-layer-id": M.id,
       "data-layer-type": "line"
-    }, null, 8, _hoisted_1$7));
+    }, null, 8, _hoisted_1$8));
   }
-}), _hoisted_1$6 = ["data-layer-id"], _sfc_main$b = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$7 = ["data-layer-id"], _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "CircleLayer",
   props: {
     paint: { default: () => ({}) },
@@ -6091,9 +6130,9 @@ const _hoisted_1$8 = ["data-layer-id"], _sfc_main$d = /* @__PURE__ */ defineComp
       style: { display: "none" },
       "data-layer-id": M.id,
       "data-layer-type": "circle"
-    }, null, 8, _hoisted_1$6));
+    }, null, 8, _hoisted_1$7));
   }
-}), _hoisted_1$5 = ["data-layer-id"], _sfc_main$a = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$6 = ["data-layer-id"], _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "SymbolLayer",
   props: {
     paint: { default: () => ({}) },
@@ -6157,9 +6196,31 @@ const _hoisted_1$8 = ["data-layer-id"], _sfc_main$d = /* @__PURE__ */ defineComp
       style: { display: "none" },
       "data-layer-id": M.id,
       "data-layer-type": "symbol"
-    }, null, 8, _hoisted_1$5));
+    }, null, 8, _hoisted_1$6));
+  }
+}), _hoisted_1$5 = {
+  key: 0,
+  class: "map-loading-overlay"
+}, _hoisted_2$4 = { class: "map-loading-content" }, _hoisted_3$3 = { class: "map-loading-text" }, _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "MapLoadingOverlay",
+  props: {
+    visible: { type: Boolean },
+    text: { default: "Loading..." }
+  },
+  setup(De) {
+    return (O, M) => (openBlock(), createBlock(Transition, { name: "overlay-fade" }, {
+      default: withCtx(() => [
+        De.visible ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+          createElementVNode("div", _hoisted_2$4, [
+            M[0] || (M[0] = createElementVNode("div", { class: "map-loading-spinner" }, null, -1)),
+            createElementVNode("span", _hoisted_3$3, toDisplayString(De.text), 1)
+          ])
+        ])) : createCommentVNode("", !0)
+      ]),
+      _: 1
+    }));
   }
-}), _hoisted_1$4 = ["aria-label"], _sfc_main$9 = /* @__PURE__ */ defineComponent({
+}), MapLoadingOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-760930b2"]]), _hoisted_1$4 = ["aria-label"], _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "MapFloatingPanel",
   props: {
     position: { default: "top-right" },
@@ -6617,19 +6678,19 @@ const _hoisted_1$8 = ["data-layer-id"], _sfc_main$d = /* @__PURE__ */ defineComp
       } catch {
       }
     }), (pt, St) => (openBlock(), createElementBlock(Fragment, null, [
-      unref($) ? (openBlock(), createBlock(_sfc_main$d, {
+      unref($) ? (openBlock(), createBlock(_sfc_main$e, {
         key: 0,
         id: drawLayerId,
         source: lt.value,
         paint: { "fill-color": "#ff8c00", "fill-opacity": 0.4 }
       }, null, 8, ["source"])) : createCommentVNode("", !0),
-      unref($) ? (openBlock(), createBlock(_sfc_main$c, {
+      unref($) ? (openBlock(), createBlock(_sfc_main$d, {
         key: 1,
         id: drawLineLayerId,
         source: lt.value,
         paint: { "line-color": "#ff8c00", "line-width": 2 }
       }, null, 8, ["source"])) : createCommentVNode("", !0),
-      unref($) ? (openBlock(), createBlock(_sfc_main$b, {
+      unref($) ? (openBlock(), createBlock(_sfc_main$c, {
         key: 2,
         id: "drawing-point-layer",
         source: lt.value,
@@ -6641,7 +6702,7 @@ const _hoisted_1$8 = ["data-layer-id"], _sfc_main$d = /* @__PURE__ */ defineComp
           "circle-stroke-width": 2
         }
       }, null, 8, ["source"])) : createCommentVNode("", !0),
-      unref($) ? (openBlock(), createBlock(_sfc_main$b, {
+      unref($) ? (openBlock(), createBlock(_sfc_main$c, {
         key: 3,
         id: drawPointsLayerId,
         source: ct.value,
@@ -6652,7 +6713,7 @@ const _hoisted_1$8 = ["data-layer-id"], _sfc_main$d = /* @__PURE__ */ defineComp
           "circle-stroke-width": 2
         }
       }, null, 8, ["source"])) : createCommentVNode("", !0),
-      unref($) ? (openBlock(), createBlock(_sfc_main$a, {
+      unref($) ? (openBlock(), createBlock(_sfc_main$b, {
         key: 4,
         id: drawLabelsLayerId,
         source: mt.value,
@@ -6667,19 +6728,19 @@ const _hoisted_1$8 = ["data-layer-id"], _sfc_main$d = /* @__PURE__ */ defineComp
           "text-halo-width": 2
         }
       }, null, 8, ["source"])) : createCommentVNode("", !0),
-      createVNode(_sfc_main$d, {
+      createVNode(_sfc_main$e, {
         id: completedPolygonsLayerId,
         source: st.value,
         paint: { "fill-color": "#2196F3", "fill-opacity": 0.3 },
         onClick: Ne
       }, null, 8, ["source"]),
-      createVNode(_sfc_main$c, {
+      createVNode(_sfc_main$d, {
         id: completedPolygonsLineLayerId,
         source: st.value,
         paint: { "line-color": "#2196F3", "line-width": 2 },
         onClick: Ne
       }, null, 8, ["source"]),
-      createVNode(_sfc_main$b, {
+      createVNode(_sfc_main$c, {
         id: completedPolygonsPointLayerId,
         source: st.value,
         filter: ["==", ["geometry-type"], "Point"],
@@ -6691,7 +6752,7 @@ const _hoisted_1$8 = ["data-layer-id"], _sfc_main$d = /* @__PURE__ */ defineComp
         },
         onClick: Ne
       }, null, 8, ["source"]),
-      createVNode(_sfc_main$b, {
+      createVNode(_sfc_main$c, {
         id: completedPolygonsPointsLayerId,
         source: dt.value,
         paint: {
@@ -6701,7 +6762,7 @@ const _hoisted_1$8 = ["data-layer-id"], _sfc_main$d = /* @__PURE__ */ defineComp
           "circle-stroke-width": 2
         }
       }, null, 8, ["source"]),
-      createVNode(_sfc_main$a, {
+      createVNode(_sfc_main$b, {
         id: completedPolygonsLabelsLayerId,
         source: wt.value,
         layout: {
@@ -6716,7 +6777,7 @@ const _hoisted_1$8 = ["data-layer-id"], _sfc_main$d = /* @__PURE__ */ defineComp
         }
       }, null, 8, ["source"]),
       createElementVNode("div", _hoisted_1$3, toDisplayString(me.value), 1),
-      createVNode(_sfc_main$l, {
+      createVNode(_sfc_main$n, {
         icon: M.icon,
         image: unref(V),
         "image-padding": 6,
@@ -6776,7 +6837,7 @@ const _hoisted_1$8 = ["data-layer-id"], _sfc_main$d = /* @__PURE__ */ defineComp
       (he) => {
         me.value = he;
       }
-    ), (he, ye) => (openBlock(), createBlock(_sfc_main$l, {
+    ), (he, ye) => (openBlock(), createBlock(_sfc_main$n, {
       class: "cyclomedia-button",
       image: unref($),
       position: M.position,
@@ -188346,7 +188407,7 @@ const sourceId = "cyclomedia-recordings", layerId = "cyclomedia-recordings-layer
       (he) => {
         me.value = he;
       }
-    ), (he, ye) => (openBlock(), createBlock(_sfc_main$l, {
+    ), (he, ye) => (openBlock(), createBlock(_sfc_main$n, {
       class: "pictometry-button",
       image: unref($),
       position: M.position,
@@ -188818,40 +188879,42 @@ const _hoisted_1$1 = { class: "pictometry-layer-control" }, _hoisted_2$1 = ["che
   default: PictometryPanel
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  defaultLabelsSource as A,
-  defaultImageryOptions as B,
+  clearTokenCache as A,
+  defaultBasemapSource as B,
   CyclomediaButton as C,
-  imagerySources as D,
-  imageryLabelsSource as E,
-  imageryParcelOutlinesSource as F,
-  imageryLabelsUrl as G,
+  defaultLabelsSource as D,
+  defaultImageryOptions as E,
+  imagerySources as F,
+  imageryLabelsSource as G,
+  imageryParcelOutlinesSource as H,
+  imageryLabelsUrl as I,
   Map$1 as M,
   PictometryButton as P,
-  _sfc_main$f as _,
-  _sfc_main$e as a,
-  _sfc_main$d as b,
-  _sfc_main$c as c,
-  _sfc_main$b as d,
-  _sfc_main$a as e,
-  _sfc_main$o as f,
-  _sfc_main$i as g,
-  _sfc_main$9 as h,
-  _sfc_main$8 as i,
-  _sfc_main$l as j,
-  _sfc_main$h as k,
-  _sfc_main$j as l,
-  _sfc_main$k as m,
-  _sfc_main$m as n,
-  CyclomediaPanel as o,
-  _sfc_main$5 as p,
-  PictometryPanel as q,
-  PictometryLayerControl as r,
-  _sfc_main$2 as s,
-  _sfc_main$1 as t,
-  loadPictometryScript as u,
-  isPictometryLoaded as v,
-  getValidToken as w,
-  validateCredentials as x,
-  clearTokenCache as y,
-  defaultBasemapSource as z
+  _sfc_main$h as _,
+  MapIconTextPin as a,
+  _sfc_main$f as b,
+  _sfc_main$e as c,
+  _sfc_main$d as d,
+  _sfc_main$c as e,
+  _sfc_main$b as f,
+  _sfc_main$q as g,
+  MapLoadingOverlay as h,
+  _sfc_main$k as i,
+  _sfc_main$9 as j,
+  _sfc_main$8 as k,
+  _sfc_main$n as l,
+  _sfc_main$j as m,
+  _sfc_main$l as n,
+  _sfc_main$m as o,
+  _sfc_main$o as p,
+  CyclomediaPanel as q,
+  _sfc_main$5 as r,
+  PictometryPanel as s,
+  PictometryLayerControl as t,
+  _sfc_main$2 as u,
+  _sfc_main$1 as v,
+  loadPictometryScript as w,
+  isPictometryLoaded as x,
+  getValidToken as y,
+  validateCredentials as z
 };