@vcmap/viewshed 2.0.5 → 2.0.7

package/dist/index.js

@@ -1,13 +1,13 @@
 var pe = Object.defineProperty;
 var we = (s, e, i) => e in s ? pe(s, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[e] = i;
 var Q = (s, e, i) => (we(s, typeof e != "symbol" ? e + "" : e, i), i);
-import { VcsCameraPrimitive as me, VcsObject as ge, VcsEvent as x, AbstractInteraction as _e, EventType as N, Projection as I, SessionType as Ce, CesiumMap as D, startEditFeaturesSession as Ee, startEditGeometrySession as ye, VectorLayer as Ve, wgs84Projection as be, maxZIndex as Me, markVolatile as Te, Viewpoint as Oe, TransformationMode as Se, Category as Pe, moduleIdSymbol as Ae } from "../../../assets/core.js";
-import { Color as j, Matrix4 as Ie, Transforms as Re, Primitive as ee, GeometryInstance as te, SphereGeometry as $e, ColorGeometryInstanceAttribute as ie, PerInstanceColorAppearance as se, SphereOutlineGeometry as Ne, Math as T, Cartesian3 as O, ShadowMap as xe, Camera as De, HeightReference as Le } from "../../../assets/cesium.js";
-import { shallowRef as K, ref as A, nextTick as ke, inject as oe, computed as ne, reactive as W, watchEffect as Fe, watch as R, onMounted as je, onUnmounted as We } from "../../../assets/vue.js";
+import { VcsCameraPrimitive as me, VcsObject as ge, VcsEvent as D, AbstractInteraction as _e, EventType as x, Projection as I, SessionType as Ce, CesiumMap as $, startEditFeaturesSession as Ee, startEditGeometrySession as ye, VectorLayer as Ve, wgs84Projection as be, maxZIndex as Me, markVolatile as Te, Viewpoint as Oe, TransformationMode as Se, Category as Pe, moduleIdSymbol as Ae } from "../../../assets/core.js";
+import { Color as j, Matrix4 as Ie, Transforms as Re, Primitive as ee, GeometryInstance as te, SphereGeometry as $e, ColorGeometryInstanceAttribute as ie, PerInstanceColorAppearance as se, SphereOutlineGeometry as Ne, Math as T, Cartesian3 as S, ShadowMap as xe, Camera as De, HeightReference as Le } from "../../../assets/cesium.js";
+import { shallowRef as K, ref as A, nextTick as Fe, inject as oe, computed as ne, reactive as W, watchEffect as ke, watch as R, onMounted as je, onUnmounted as We } from "../../../assets/vue.js";
 import { ol$Observable$unByKey as Be, Feature as ze, ol$geom$Point as Ge, ol$style$Style as He } from "../../../assets/ol.js";
-import { VcsTextField as Ue, VcsSlider as Ke, VcsLabel as ae, VcsFormSection as le, VcsSelect as ce, VcsFormButton as Xe, VcsFeatureTransforms as Ye, makeEditorCollectionComponentClass as Je, WindowSlot as Ze, ToolboxType as qe, createListExportAction as Qe, downloadText as et, createListImportAction as tt, AbstractConfigEditor as it } from "../../../assets/ui.js";
-import { VContainer as de, VRow as he, VCol as ue, VDivider as st, VColorPicker as ot } from "../../../assets/vuetify.js";
-const $ = [
+import { VcsTextField as Ue, VcsSlider as Ke, VcsLabel as ae, VcsFormSection as le, VcsSelect as ce, VcsFormButton as Xe, VcsFeatureTransforms as Ye, makeEditorCollectionComponentClass as Je, WindowSlot as Ze, ToolboxType as qe, createSupportedMapMappingFunction as Qe, createListExportAction as et, downloadText as tt, createListImportAction as it, AbstractConfigEditor as st } from "../../../assets/ui.js";
+import { VContainer as de, VRow as he, VCol as ue, VDivider as ot, VColorPicker as nt } from "../../../assets/vuetify.js";
+const N = [
   [String, "string"],
   [Number, "number"],
   [Boolean, "boolean"],
@@ -43,10 +43,10 @@ function b(s, e) {
     }
   return i = i || typeof s, i.length > 20 ? `${i.substr(0, 20)}...` : i;
 }
-function nt(s, e) {
+function rt(s, e) {
   return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || typeof e == "symbol" ? s === e ? !1 : `Expected ${b(s)} to equal ${e.toString()}` : null;
 }
-function rt(s, e, i) {
+function at(s, e, i) {
   if (Array.isArray(e)) {
     if (e.length !== 1)
       throw new Error("Array patterns may only have on type");
@@ -84,18 +84,18 @@ function X(s, e, i) {
   });
   return a ? `${n} in object.${t}${a}` : !1;
 }
-function at(s, e) {
+function lt(s, e) {
   if (e === Number)
     return Number.isFinite(s) ? !1 : `expected ${b(s)} to be a number, excluding NaN`;
-  for (let i = $.length; i--; )
-    if (e === $[i][0])
-      return typeof s === $[i][1] ? !1 : `expected ${b(s)} to be a ${$[i][1]}`;
+  for (let i = N.length; i--; )
+    if (e === N[i][0])
+      return typeof s === N[i][1] ? !1 : `expected ${b(s)} to be a ${N[i][1]}`;
   return null;
 }
 function Y(s) {
   if (s === null)
     return "null";
-  const e = $.find((o) => o[0] === s);
+  const e = N.find((o) => o[0] === s);
   if (e)
     return e[1];
   let i = s.toString();
@@ -129,18 +129,18 @@ function fe(s, e, i) {
     return o = o ? o.replace(/\sin.*/, "") : !1, o;
   }) ? `${o} in ${b(s)}` : !1;
 }
-function lt(s, e, i) {
+function ct(s, e, i) {
   const t = function(a, c) {
     if (c == null)
       return a === c ? !1 : `Expected ${b(a)} to be ${c}`;
-    const r = at(a, c);
+    const r = lt(a, c);
     if (r !== null)
       return r;
-    const f = nt(a, c);
+    const f = rt(a, c);
     if (f !== null)
       return f;
     if (Array.isArray(c))
-      return rt(a, c, i);
+      return at(a, c, i);
     if (c instanceof Function)
       return a instanceof c ? !1 : `Expected ${b(a, !0)} to be of Type ${Y(c)}`;
     if (c === Object)
@@ -154,12 +154,12 @@ function lt(s, e, i) {
   return Array.isArray(e) && e.length > 1 ? e.every((a) => t(s, a)) && (o = `Expected ${b(s)} to be a ${e.map((a) => Y(a)).join(" or ")}`) : o = t(s, e), o;
 }
 function z(s, e, i) {
-  const t = lt(s, e, i);
+  const t = ct(s, e, i);
   if (t)
     throw new Error(`Match failed: ${t}`);
   return !1;
 }
-function ct(s, e, i) {
+function dt(s, e, i) {
   if (s != null) {
     const t = Object.values(e).find((o) => o == s);
     if (t != null)
@@ -167,8 +167,8 @@ function ct(s, e, i) {
   }
   return i;
 }
-const dt = new j(), H = new Ie();
-class ht extends me {
+const ht = new j(), H = new Ie();
+class ut extends me {
   constructor(e) {
     super(e), this.spot = e.spot;
   }
@@ -194,7 +194,7 @@ class ht extends me {
             }),
             attributes: {
               color: ie.fromColor(
-                j.fromAlpha(this._color, 0.1, dt)
+                j.fromAlpha(this._color, 0.1, ht)
               )
             },
             modelMatrix: H
@@ -231,7 +231,7 @@ const w = {
   CONE: "cone",
   THREESIXTY: "360"
 };
-function ut(s, e) {
+function ft(s, e) {
   const i = new De(s), t = (
     /** @type {import("@vcmap-cesium/engine").PerspectiveFrustum} */
     i.frustum
@@ -276,21 +276,21 @@ const E = class E extends ge {
       aspectRatio: ((n = e.frustumOptions) == null ? void 0 : n.aspectRatio) || E.getDefaultOptions().frustum.aspectRatio
     }, this._headingPitchRollValues = e.orientation || {
       ...E.getDefaultOptions().orientation
-    }, this._position = e.position || E.getDefaultOptions().position, this._viewshedType = ct(e.viewshedType, w), this._colors = {
+    }, this._position = e.position || E.getDefaultOptions().position, this._viewshedType = dt(e.viewshedType, w), this._colors = {
       visibleColor: j.fromCssColorString(
         ((a = e.colorOptions) == null ? void 0 : a.visibleColor) || E.getDefaultOptions().visibleColor
       ),
       shadowColor: j.fromCssColorString(
         ((c = e.colorOptions) == null ? void 0 : c.shadowColor) || E.getDefaultOptions().shadowColor
       )
-    }, this._heightOffset = e.heightOffset || 0, this._shadowMap = null, this._primitive = null, this._showPrimitive = !!e.showPrimitive, this._positionChanged = new x(), this._active = !1;
+    }, this._heightOffset = e.heightOffset || 0, this._shadowMap = null, this._primitive = null, this._showPrimitive = !!e.showPrimitive, this._positionChanged = new D(), this._active = !1;
   }
   /**
    * Sets a new position for the shadow map. If no shadow map was created yet, due to missing position, this method triggers the creation of a shadow map.
    * @param {import("ol/coordinate").Coordinate} coords The new positions coordinates in degrees
    */
   set position(e) {
-    z(e, [Number]), this._position = e, this._shadowCamera && (this._shadowCamera.position = O.fromDegrees(
+    z(e, [Number]), this._position = e, this._shadowCamera && (this._shadowCamera.position = S.fromDegrees(
       e[0],
       e[1],
       e[2] + this._heightOffset
@@ -314,7 +314,7 @@ const E = class E extends ge {
    * @param {number} value the offset that is added to the position height.
    */
   set heightOffset(e) {
-    this._heightOffset = e, this._shadowCamera && (this._shadowCamera.position = O.fromDegrees(
+    this._heightOffset = e, this._shadowCamera && (this._shadowCamera.position = S.fromDegrees(
       this.position[0],
       this.position[1],
       this.position[2] + e
@@ -435,7 +435,7 @@ const E = class E extends ge {
       this._cesiumMap = e;
       const i = e.getScene();
       if (i)
-        this._shadowCamera = ut(i, this._frustumOptions), this._position && (this.position = this._position), this._scene = i;
+        this._shadowCamera = ft(i, this._frustumOptions), this._position && (this.position = this._position), this._scene = i;
       else
         throw new Error("CesiumMap contains no scene");
       this._updateShadowMap(), this._updatePrimitive();
@@ -465,7 +465,7 @@ const E = class E extends ge {
     this._primitive && !((i = (e = this._primitive).isDestroyed) != null && i.call(e)) && ((t = this._scene) == null || t.primitives.remove(this._primitive), this._primitive.destroy(), this._primitive = null);
   }
   _updatePrimitive() {
-    this._showPrimitive && this._active && this._scene ? (this._removePrimitive(), this._primitive = new ht({
+    this._showPrimitive && this._active && this._scene ? (this._removePrimitive(), this._primitive = new ut({
       camera: this._shadowCamera,
       allowPicking: !1,
       spot: this._viewshedType === w.CONE
@@ -478,10 +478,10 @@ const E = class E extends ge {
   lookAt(e) {
     if (!this._shadowCamera)
       return;
-    const i = O.fromDegrees(e[0], e[1], e[2]);
-    if (this.distance = O.distance(this._shadowCamera.position, i), this.type === w.CONE && !i.equals(this._shadowCamera.position)) {
-      const t = new O();
-      O.subtract(i, this._shadowCamera.position, i), O.normalize(i, i), O.normalize(this._shadowCamera.position, t), this._shadowCamera.setView({
+    const i = S.fromDegrees(e[0], e[1], e[2]);
+    if (this.distance = S.distance(this._shadowCamera.position, i), this.type === w.CONE && !i.equals(this._shadowCamera.position)) {
+      const t = new S();
+      S.subtract(i, this._shadowCamera.position, i), S.normalize(i, i), S.normalize(this._shadowCamera.position, t), this._shadowCamera.setView({
         orientation: {
           direction: i,
           up: t
@@ -520,13 +520,13 @@ const E = class E extends ge {
 };
 Q(E, "MIN_DISTANCE", 10);
 let M = E;
-class ft extends _e {
+class vt extends _e {
   /**
    *
    * @param {import("./viewshed").default} viewshed
    */
   constructor(e) {
-    super(N.CLICKMOVE), this._viewshed = e, this._positioned = new x(), this._finished = new x(), this._position = !1, this.setActive();
+    super(x.CLICKMOVE), this._viewshed = e, this._positioned = new D(), this._finished = new D(), this._position = !1, this.setActive();
   }
   get finished() {
     return this._finished;
@@ -535,7 +535,7 @@ class ft extends _e {
     return this._positioned;
   }
   async pipe(e) {
-    return e.position && (this._position ? (this._viewshed.lookAt(I.mercatorToWgs84(e.position)), e.type & N.CLICK && (this.setActive(!1), this._finished.raiseEvent(null))) : (this._viewshed.position = I.mercatorToWgs84(e.position), e.type & N.CLICK && (this._position = !0, this._positioned.raiseEvent(null)))), e;
+    return e.position && (this._position ? (this._viewshed.lookAt(I.mercatorToWgs84(e.position)), e.type & x.CLICK && (this.setActive(!1), this._finished.raiseEvent(null))) : (this._viewshed.position = I.mercatorToWgs84(e.position), e.type & x.CLICK && (this._position = !0, this._positioned.raiseEvent(null)))), e;
   }
   destroy() {
     super.destroy(), this._finished.destroy(), this._positioned.destroy();
@@ -551,7 +551,7 @@ const y = {
   MOVE: "move",
   MULTI_SELECT: "multiSelect"
 }, re = 1.8;
-function vt(s) {
+function pt(s) {
   const e = new Ve({
     projection: be.toJSON(),
     zIndex: Me - 1
@@ -567,10 +567,10 @@ function vt(s) {
   };
 }
 function U(s, e) {
-  const i = e === y.ABSOLUTE ? N.CLICKMOVE : N.NONE;
+  const i = e === y.ABSOLUTE ? x.CLICKMOVE : x.NONE;
   s.setActive(i), s.pickPosition = i, s.pullPickedPosition = 1.8;
 }
-function pt(s, e, i) {
+function wt(s, e, i) {
   const t = K(null), o = A(null), n = A(null), a = A(y.ABSOLUTE);
   let c = () => {
   };
@@ -585,13 +585,13 @@ function pt(s, e, i) {
     f(), c(), h(), t.value = null, l && i.clearSelection(), o.value = null, n.value = null;
   }
   function u(l) {
-    f(), h(), s.maps.activeMap instanceof D && (t.value = l, l.activate(s.maps.activeMap), f = s.maps.activeMap.shadowMapChanged.addEventListener((d) => {
+    f(), h(), s.maps.activeMap instanceof $ && (t.value = l, l.activate(s.maps.activeMap), f = s.maps.activeMap.shadowMapChanged.addEventListener((d) => {
       var p;
       d !== ((p = t.value) == null ? void 0 : p.shadowMap) && v(!1);
     }));
   }
   async function _(l) {
-    v(), await ke();
+    v(), await Fe();
     const { eventHandler: d } = s.maps, { featureInteraction: p } = d, g = new M({
       viewshedType: l,
       colorOptions: {
@@ -601,11 +601,11 @@ function pt(s, e, i) {
       heightOffset: a.value === y.ABSOLUTE ? 0 : re
     });
     u(g);
-    const C = new ft(t.value);
+    const C = new vt(t.value);
     C.finished.addEventListener(() => {
       c(), t.value ? (t.value.showPrimitive = !0, n.value = m.EDIT) : v();
     });
-    const k = d.addExclusiveInteraction(
+    const F = d.addExclusiveInteraction(
       C,
       () => {
         C.destroy();
@@ -614,7 +614,7 @@ function pt(s, e, i) {
     U(p, a.value), C.positioned.addEventListener(() => {
       U(p, y.ABSOLUTE);
     }), c = () => {
-      k(), C.destroy(), p.setActive(), c = () => {
+      F(), C.destroy(), p.setActive(), c = () => {
       };
     }, n.value = m.CREATE;
   }
@@ -626,11 +626,11 @@ function pt(s, e, i) {
         layer: p,
         feature: g,
         destroy: C
-      } = vt(t.value.position);
+      } = pt(t.value.position);
       s.layers.add(p), a.value === y.ABSOLUTE ? (r.value = Ee(s, p), r.value.setFeatures([g])) : (r.value = ye(s, p), r.value.setFeature(g)), r.value.stopped.addEventListener(() => {
         c();
       });
-      const k = (d = g.getGeometry()) == null ? void 0 : d.on("change", () => {
+      const F = (d = g.getGeometry()) == null ? void 0 : d.on("change", () => {
         t.value ? t.value.position = I.mercatorToWgs84(
           /** @type {import("ol/geom").Point} */
           g.getGeometry().getCoordinates()
@@ -639,7 +639,7 @@ function pt(s, e, i) {
       n.value = m.MOVE, c = () => {
         var q;
         c = () => {
-        }, k && Be(k), (q = r.value) == null || q.stop(), r.value = null, s.layers.remove(p), C(), n.value = m.EDIT;
+        }, F && Be(F), (q = r.value) == null || q.stop(), r.value = null, s.layers.remove(p), C(), n.value = m.EDIT;
       };
     } else
       c();
@@ -710,7 +710,7 @@ function pt(s, e, i) {
     changeHeightMode: G,
     async placeCurrentFeaturesOnTerrain() {
       var l, d;
-      if (t.value && ((l = r.value) == null ? void 0 : l.type) === Ce.EDIT_FEATURES && s.maps.activeMap instanceof D) {
+      if (t.value && ((l = r.value) == null ? void 0 : l.type) === Ce.EDIT_FEATURES && s.maps.activeMap instanceof $) {
         const g = (await s.maps.activeMap.getHeightFromTerrain([
           I.wgs84ToMercator((d = t.value) == null ? void 0 : d.position)
         ]))[0][2] - t.value.position[2];
@@ -752,12 +752,12 @@ function ve(s, e, i, t, o, n, a, c) {
     options: r
   };
 }
-const wt = {
+const mt = {
   distance: [M.MIN_DISTANCE, 2e3],
   fov: [25, 85],
   heading: [0, 360],
   pitch: [-90, 90]
-}, mt = {
+}, gt = {
   components: {
     VcsTextField: Ue,
     VContainer: de,
@@ -766,7 +766,7 @@ const wt = {
     VcsSlider: Ke,
     VcsLabel: ae,
     VcsFormSection: le,
-    VDivider: st,
+    VDivider: ot,
     VcsSelect: ce,
     VcsFormButton: Xe,
     VcsFeatureTransforms: Ye
@@ -818,7 +818,7 @@ const wt = {
     function V() {
       _(), t.value && (v.distance = t.value.distance, v.fov = t.value.fov, v.heading = t.value.heading, v.pitch = t.value.pitch, v.showPrimitive = t.value.showPrimitive, u.value = t.value.type);
     }
-    Fe(() => {
+    ke(() => {
       t.value && o.value !== m.CREATE && V();
     }), R(
       t,
@@ -916,7 +916,7 @@ const wt = {
       },
       parameters: v,
       setParameter: L,
-      parameterRanges: wt,
+      parameterRanges: mt,
       ViewshedPluginModes: m,
       viewshedMode: o,
       currentIsPersisted: n,
@@ -935,7 +935,7 @@ const wt = {
     };
   }
 };
-var gt = function() {
+var _t = function() {
   var e = this, i = e._self._c;
   return i("div", [e.viewshedMode === e.ViewshedPluginModes.CREATE ? i("div", { staticClass: "px-2 py-1" }, [e.viewshedType === e.ViewshedTypes.CONE ? [e._v(" " + e._s(e.$t("viewshed.createDescription")) + " ")] : e.viewshedType === e.ViewshedTypes.THREESIXTY ? [e._v(" " + e._s(e.$t("viewshed.createThreeSixtyDescription")) + " ")] : e._e()], 2) : e.viewshedMode === e.ViewshedPluginModes.EDIT || e.viewshedMode === e.ViewshedPluginModes.MOVE ? i("VcsFormSection", { attrs: { "header-actions": e.headerActions, heading: "viewshed.viewpoint", "action-button-list-overflow-count": 3 } }, [i("v-container", { staticClass: "px-1 py-0" }, [i("v-row", { attrs: { "no-gutters": "" } }, [i("span", { staticClass: "px-1 py-0" }, [e._v(e._s(e.$t("viewshed.position")))])]), e.viewshedMode === e.ViewshedPluginModes.MOVE && e.heightMode === e.HeightModes.ABSOLUTE ? i("v-row", { attrs: { "no-gutters": "" } }, [i("VcsFeatureTransforms", { attrs: { "transformation-mode": e.TransformationMode.TRANSLATE, "feature-properties": { altitudeMode: "absolute" }, "allow-z-input": !0 } })], 1) : i("v-row", { attrs: { "no-gutters": "" } }, e._l(e.position, function(t, o, n) {
     return i("v-col", { key: n, staticClass: "pb-1" }, [i("VcsTextField", { attrs: { value: t, type: "number", prefix: o, "show-spin-buttons": !0, step: o === "Z" ? 1 : 1e-4, unit: o === "Z" ? "m" : "°", decimals: o === "Z" ? 2 : 8, disabled: e.viewshedMode === e.ViewshedPluginModes.MOVE && !(o === "Z" && e.heightMode === e.HeightModes.RELATIVE) }, on: { input: (a) => e.setPosition(a, o, n) } })], 1);
@@ -951,23 +951,23 @@ var gt = function() {
   } } }, [e._v(" " + e._s(e.$t("viewshed.new")) + " ")])], 1) : e.viewshedMode === e.ViewshedPluginModes.CREATE ? i("div", { staticClass: "d-flex w-full justify-end px-2 pt-2 pb-1" }, [i("VcsFormButton", { attrs: { variant: "filled" }, on: { click: function(t) {
     return e.cancel();
   } } }, [e._v(" " + e._s(e.$t("viewshed.cancel")) + " ")])], 1) : e._e()], 1);
-}, _t = [], Ct = /* @__PURE__ */ ve(
-  mt,
+}, Ct = [], Et = /* @__PURE__ */ ve(
   gt,
   _t,
+  Ct,
   !1,
   null,
   null,
   null,
   null
 );
-const Et = Ct.exports, S = "@vcmap/viewshed", yt = "2.0.5", Vt = "^5.1", J = {
+const yt = Et.exports, O = "@vcmap/viewshed", Vt = "2.0.7", bt = "^5.1", J = {
   [w.CONE]: "$vcsViewshed",
   [w.THREESIXTY]: "$vcsViewshedCone"
 };
-function bt(s, e, i) {
+function Mt(s, e, i) {
   const t = A(), o = A(), n = `${i.id}-editor`, a = {
-    component: Et,
+    component: yt,
     provides: {
       manager: s
     },
@@ -1004,7 +1004,7 @@ function bt(s, e, i) {
         parentId: "category-manager",
         slot: Ze.DYNAMIC_LEFT
       },
-      S
+      O
     ));
   }
   const f = R(s.currentViewshed, (u) => {
@@ -1020,7 +1020,7 @@ function bt(s, e, i) {
     }
   };
 }
-function Mt(s, e, i, t) {
+function Tt(s, e, i, t) {
   const o = {
     type: qe.SELECT,
     action: W({
@@ -1064,7 +1064,7 @@ function Mt(s, e, i, t) {
       ));
     }
   ), c = s.maps.mapActivated.addEventListener((r) => {
-    r instanceof D ? o.action.disabled = !1 : o.action.disabled = !0;
+    r instanceof $ ? o.action.disabled = !1 : o.action.disabled = !0;
   });
   return {
     destroy() {
@@ -1073,9 +1073,9 @@ function Mt(s, e, i, t) {
     toolbox: o
   };
 }
-function Tt(s, e, i, t) {
+function Ot(s, e, i, t) {
   z(t, [Object.values(w)]);
-  const { toolbox: o, destroy: n } = Mt(s, e, i, t), a = s.toolboxManager.add(o, i).id;
+  const { toolbox: o, destroy: n } = Tt(s, e, i, t), a = s.toolboxManager.add(o, i).id;
   return () => {
     s.toolboxManager.remove(a), n();
   };
@@ -1088,14 +1088,14 @@ class Z extends Pe {
     var t;
     const i = (
       /** @type {import("@vcmap/core").CesiumMap | undefined} */
-      (t = this._app) == null ? void 0 : t.maps.getByType(D.className)[0]
+      (t = this._app) == null ? void 0 : t.maps.getByType($.className)[0]
     );
     if (i)
       return new M(e, i);
     throw new Error("No CesiumMap available");
   }
 }
-function Ot(s, e) {
+function St(s, e) {
   let i, t = 0;
   const o = new Set(
     e.filter((n) => n.type === s).map((n) => n.properties.title)
@@ -1105,20 +1105,28 @@ function Ot(s, e) {
   while (!i);
   return i;
 }
-async function St(s) {
-  const e = new x(), i = new x(), { collectionComponent: t, category: o } = await s.categoryManager.requestCategory(
+async function Pt(s) {
+  const e = new D(), i = new D(), { collectionComponent: t, category: o } = await s.categoryManager.requestCategory(
     {
       type: Z.className,
       name: "Viewsheds",
       title: "Viewsheds"
     },
-    S,
+    O,
     {
       selectable: !0,
       renamable: !0,
       removable: !0
     }
-  ), n = (h, v, u) => {
+  );
+  t.addItemMapping({
+    mappingFunction: Qe(
+      [$.className],
+      s.maps
+    ),
+    owner: O
+  });
+  const n = (h, v, u) => {
     u.title = h.properties.title, u.titleChanged = (_) => {
       h.properties.title = _, u.title = _, e.raiseEvent({ item: h, title: _ });
     }, u.actions.push(
@@ -1134,19 +1142,19 @@ async function St(s) {
   s.categoryManager.addMappingFunction(
     () => !0,
     n,
-    S,
+    O,
     [t.id]
   );
-  const { action: a, destroy: c } = Qe(
+  const { action: a, destroy: c } = et(
     t.selection,
     () => {
       const h = t.selection.value.map(
         (v) => t.collection.getByKey(v.name)
       );
-      et(JSON.stringify(h), "viewsheds.json");
+      tt(JSON.stringify(h), "viewsheds.json");
     },
-    S
-  ), { action: r, destroy: f } = tt(
+    O
+  ), { action: r, destroy: f } = it(
     async (h) => {
       await Promise.all(
         h.map(async (v) => {
@@ -1159,7 +1167,7 @@ async function St(s) {
       );
     },
     s.windowManager,
-    S,
+    O,
     "category-manager"
   );
   return t.addActions([a, r]), {
@@ -1183,7 +1191,7 @@ async function St(s) {
       }
     },
     add(h) {
-      h.properties.title = Ot(
+      h.properties.title = St(
         h.type,
         /** @type {import("./viewshed.js").default[]} */
         [
@@ -1197,29 +1205,29 @@ async function St(s) {
     },
     collectionComponent: t,
     destroy() {
-      s.categoryManager.removeOwner(S), e.destroy(), i.destroy(), c(), f();
+      s.categoryManager.removeOwner(O), e.destroy(), i.destroy(), c(), f();
     }
   };
 }
-function F() {
+function k() {
   return {
     visibleColor: M.getDefaultOptions().visibleColor,
     shadowColor: M.getDefaultOptions().shadowColor,
     tools: [...Object.values(w)]
   };
 }
-const Pt = {
+const At = {
   name: "ViewshedConfigEditor",
   title: "Viewshed Editor",
   components: {
-    AbstractConfigEditor: it,
+    AbstractConfigEditor: st,
     VcsFormSection: le,
     VContainer: de,
     VRow: he,
     VCol: ue,
     VcsLabel: ae,
     VcsSelect: ce,
-    VColorPicker: ot
+    VColorPicker: nt
   },
   props: {
     getConfig: {
@@ -1234,7 +1242,7 @@ const Pt = {
   setup(s) {
     const e = A({});
     s.getConfig().then((t) => {
-      e.value = Object.assign(F(), t);
+      e.value = Object.assign(k(), t);
     });
     async function i() {
       await s.setConfig(e.value);
@@ -1250,7 +1258,7 @@ const Pt = {
     };
   }
 };
-var At = function() {
+var It = function() {
   var e = this, i = e._self._c;
   return i("AbstractConfigEditor", e._b({ on: { submit: e.apply } }, "AbstractConfigEditor", { ...e.$attrs, ...e.$props }, !1), [e.localConfig ? i("VcsFormSection", { attrs: { heading: "viewshed.editor.general" } }, [i("v-container", { staticClass: "px-1 py-0" }, [i("v-row", { attrs: { "no-gutters": "" } }, [i("v-col", [i("VcsLabel", { attrs: { "html-for": "viewshed-editor-tools" } }, [e._v(e._s(e.$t("viewshed.editor.tools")))])], 1), i("v-col", [i("VcsSelect", { attrs: { id: "viewshed-tools", items: e.toolItems, multiple: !0 }, model: { value: e.localConfig.tools, callback: function(t) {
     e.$set(e.localConfig, "tools", t);
@@ -1259,29 +1267,29 @@ var At = function() {
   }, expression: "localConfig.visibleColor" } })], 1)], 1), i("v-row", { attrs: { "no-gutters": "" } }, [i("v-col", [i("VcsLabel", { attrs: { "html-for": "viewshed-editor-shadow-color" } }, [e._v(e._s(e.$t("viewshed.editor.shadowColor")))])], 1), i("v-col", [i("VColorPicker", { attrs: { mode: "rgba" }, model: { value: e.localConfig.shadowColor, callback: function(t) {
     e.$set(e.localConfig, "shadowColor", t);
   }, expression: "localConfig.shadowColor" } })], 1)], 1)], 1)], 1) : e._e()], 1);
-}, It = [], Rt = /* @__PURE__ */ ve(
-  Pt,
+}, Rt = [], $t = /* @__PURE__ */ ve(
   At,
   It,
+  Rt,
   !1,
   null,
   null,
   null,
   null
 );
-const $t = Rt.exports;
-function Wt(s) {
+const Nt = $t.exports;
+function Bt(s) {
   let e, i = () => {
   };
   return {
     get name() {
-      return S;
+      return O;
     },
     get version() {
-      return yt;
+      return Vt;
     },
     get mapVersion() {
-      return Vt;
+      return bt;
     },
     /**
      * @param {import("@vcmap/ui").VcsUiApp} vcsUiApp
@@ -1294,24 +1302,24 @@ function Wt(s) {
         Z.className,
         Z
       );
-      const n = await St(t);
-      e = pt(
+      const n = await Pt(t);
+      e = wt(
         t,
         s,
         n
       );
-      const a = Tt(
+      const a = Ot(
         t,
         e,
-        S,
-        s.tools || F().tools
-      ), { destroy: c } = bt(
+        O,
+        s.tools || k().tools
+      ), { destroy: c } = Mt(
         e,
         t,
         n.collectionComponent
       ), { activeMap: r } = t.maps;
       function f(u) {
-        if (o != null && o.mode && o.currentViewshed && u instanceof D) {
+        if (o != null && o.mode && o.currentViewshed && u instanceof $) {
           const _ = new M(o.currentViewshed, r);
           o.mode === m.VIEW ? e.viewViewshed(_) : e.editViewshed(_);
         }
@@ -1331,14 +1339,14 @@ function Wt(s) {
      * should return all default values of the configuration
      * @returns {ViewshedPluginOptions}
      */
-    getDefaultOptions: F,
+    getDefaultOptions: k,
     /**
      * should return the plugin's serialization excluding all default values
      * @returns {ViewshedPluginOptions}
      */
     toJSON() {
       const t = {};
-      return s.tools && F().tools.length !== s.tools.length && (t.tools = [...s.tools]), s.shadowColor && s.shadowColor !== M.getDefaultOptions().shadowColor && (t.shadowColor = s.shadowColor), s.visibleColor && s.visibleColor !== M.getDefaultOptions().visibleColor && (t.visibleColor = s.visibleColor), t;
+      return s.tools && k().tools.length !== s.tools.length && (t.tools = [...s.tools]), s.shadowColor && s.shadowColor !== M.getDefaultOptions().shadowColor && (t.shadowColor = s.shadowColor), s.visibleColor && s.visibleColor !== M.getDefaultOptions().visibleColor && (t.visibleColor = s.visibleColor), t;
     },
     /**
      * should return the plugins state
@@ -1356,7 +1364,7 @@ function Wt(s) {
      * @returns {Array<import("@vcmap/ui").PluginConfigEditor>}
      */
     getConfigEditors() {
-      return [{ component: $t }];
+      return [{ component: Nt }];
     },
     destroy: i,
     i18n: {
@@ -1432,5 +1440,5 @@ function Wt(s) {
   };
 }
 export {
-  Wt as default
+  Bt as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vcmap/viewshed",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "description": "Tool to simulate a \"viewer\" and their field of vision from a certain standpoint in the map. It allows the user to see which areas and buildings can or can't be seen from a specific standpoint, regarding different viewing distances, viewers' sizes and orientations.Th",
   "type": "module",
   "main": "src/index.js",
@@ -48,18 +48,14 @@
   "prettier": "@vcsuite/eslint-config/prettier.js",
   "peerDependencies": {
     "@vcmap-cesium/engine": "^4.0.3",
-    "@vcmap/core": "^5.1.0-rc.2",
-    "@vcmap/ui": "^5.1.0-rc.1",
+    "@vcmap/core": "^5.1.0",
+    "@vcmap/ui": "^5.1.0",
     "ol": "^7.5.2",
     "vue": "~2.7.3",
     "vuetify": "~2.6.7"
   },
-  "overrides": {
-    "@vcmap/core": "^5.1.0-rc.2",
-    "@vcmap/ui": "^5.1.0-rc.1"
-  },
   "devDependencies": {
-    "@vcmap/plugin-cli": "^2.1.16",
+    "@vcmap/plugin-cli": "^3.0.0",
     "@vcsuite/eslint-config": "^3.0.5",
     "@vitest/coverage-v8": "^0.34.6",
     "jest-canvas-mock": "^2.5.2",

package/src/viewshedCategory.js

@@ -3,6 +3,7 @@ import { Category, CesiumMap, VcsEvent } from '@vcmap/core';
 import {
   createListExportAction,
   createListImportAction,
+  createSupportedMapMappingFunction,
   downloadText,
 } from '@vcmap/ui';
 import { name } from '../package.json';
@@ -91,6 +92,14 @@ export async function createCategory(app) {
       },
     );
 
+  collectionComponent.addItemMapping({
+    mappingFunction: createSupportedMapMappingFunction(
+      [CesiumMap.className],
+      app.maps,
+    ),
+    owner: name,
+  });
+
   const itemMappingFunction = (item, c, listItem) => {
     listItem.title = item.properties.title;