@vcmap/viewshed 3.0.0 → 3.0.2

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+# v3.0.2
+
+- fixes bug where the tool was active for unsupported maps
+
 # v3.0.0
 
 - updates @vcmap/core and @vcmap/ui to 6.x
@@ -9,7 +13,7 @@
 
 - fix link to help document
 
-# v2.0.8
+# v2.0.9
 
 - add upload feedback
 

package/dist/index.js

@@ -1,9 +1,9 @@
 var Oe = Object.defineProperty;
 var Ie = (i, t, o) => t in i ? Oe(i, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : i[t] = o;
 var de = (i, t, o) => Ie(i, typeof t != "symbol" ? t + "" : t, o);
-import { VcsCameraPrimitive as Pe, VcsObject as Ae, VcsEvent as Y, AbstractInteraction as Re, EventType as K, Projection as H, SessionType as Ne, CesiumMap as G, startEditFeaturesSession as De, startEditGeometrySession as xe, VectorLayer as ke, wgs84Projection as Le, maxZIndex as Fe, markVolatile as je, Viewpoint as We, TransformationMode as Be, Category as Ue, moduleIdSymbol as $e } from "../../../assets/core.js";
+import { VcsCameraPrimitive as Pe, VcsObject as Ae, VcsEvent as Y, AbstractInteraction as Re, EventType as K, Projection as z, SessionType as Ne, CesiumMap as $, startEditFeaturesSession as De, startEditGeometrySession as xe, VectorLayer as ke, wgs84Projection as Le, maxZIndex as Fe, markVolatile as je, Viewpoint as We, TransformationMode as Be, Category as Ue, moduleIdSymbol as $e } from "../../../assets/core.js";
 import { Color as Z, Matrix4 as He, Transforms as ze, Primitive as ce, GeometryInstance as ue, SphereGeometry as Ge, ColorGeometryInstanceAttribute as he, PerInstanceColorAppearance as fe, SphereOutlineGeometry as Ke, Math as k, Cartesian3 as W, ShadowMap as Ye, Camera as Xe, HeightReference as Je } from "../../../assets/cesium.js";
-import { shallowRef as te, ref as U, nextTick as Ze, inject as me, computed as ve, reactive as q, watchEffect as qe, watch as z, onMounted as Qe, onUnmounted as et, resolveComponent as b, openBlock as M, createElementBlock as B, createBlock as D, withCtx as f, createTextVNode as F, toDisplayString as A, createCommentVNode as $, createVNode as m, createElementVNode as tt, Fragment as pe, renderList as we, mergeProps as it } from "../../../assets/vue.js";
+import { shallowRef as te, ref as U, nextTick as Ze, inject as me, computed as ve, reactive as q, watchEffect as qe, watch as G, onMounted as Qe, onUnmounted as et, resolveComponent as b, openBlock as M, createElementBlock as B, createBlock as D, withCtx as f, createTextVNode as F, toDisplayString as A, createCommentVNode as H, createVNode as m, createElementVNode as tt, Fragment as pe, renderList as we, mergeProps as it } from "../../../assets/vue.js";
 import { ol$Observable$unByKey as ot, Feature as st, ol$geom$Point as nt, ol$style$Style as at } from "../../../assets/ol.js";
 import { VcsTextField as rt, VcsSlider as lt, VcsLabel as _e, VcsFormSection as Ce, VcsSelect as Ee, VcsFormButton as dt, VcsFeatureTransforms as ct, VcsHelp as ut, makeEditorCollectionComponentClass as ht, WindowSlot as ft, ToolboxType as mt, createSupportedMapMappingFunction as vt, createListExportAction as pt, downloadText as wt, createListImportAction as gt, NotificationType as X, AbstractConfigEditor as _t } from "../../../assets/ui.js";
 import { VContainer as ye, VRow as Ve, VCol as be, VDivider as Ct, VColorPicker as Et } from "../../../assets/vuetify.js";
@@ -217,7 +217,7 @@ class Nt extends Pe {
       }
   }
 }
-const g = {
+const p = {
   CONE: "cone",
   THREESIXTY: "360"
 };
@@ -266,7 +266,7 @@ const I = class I extends Ae {
       aspectRatio: ((n = t.frustumOptions) == null ? void 0 : n.aspectRatio) || I.getDefaultOptions().frustum.aspectRatio
     }, this._headingPitchRollValues = t.orientation || {
       ...I.getDefaultOptions().orientation
-    }, this._position = t.position || I.getDefaultOptions().position, this._viewshedType = At(t.viewshedType, g), this._colors = {
+    }, this._position = t.position || I.getDefaultOptions().position, this._viewshedType = At(t.viewshedType, p), this._colors = {
       visibleColor: Z.fromCssColorString(
         ((d = t.colorOptions) == null ? void 0 : d.visibleColor) || I.getDefaultOptions().visibleColor
       ),
@@ -322,7 +322,7 @@ const I = class I extends Ae {
    * @param {number} value The distance in meters.
    */
   set distance(t) {
-    this._frustumOptions.far = t > I.MIN_DISTANCE ? t : I.MIN_DISTANCE, this._shadowCamera && (this._shadowCamera.frustum.far = this._frustumOptions.far, this._viewshedType === g.THREESIXTY && this._updateShadowMap(), this._viewshedType === g.CONE && this._updatePrimitive());
+    this._frustumOptions.far = t > I.MIN_DISTANCE ? t : I.MIN_DISTANCE, this._shadowCamera && (this._shadowCamera.frustum.far = this._frustumOptions.far, this._viewshedType === p.THREESIXTY && this._updateShadowMap(), this._viewshedType === p.CONE && this._updatePrimitive());
   }
   /**
    * Returns the reach of the viewshed.
@@ -336,7 +336,7 @@ const I = class I extends Ae {
    * @param {number} value The field of view in degrees.
    */
   set fov(t) {
-    this._frustumOptions.fov = t * k.RADIANS_PER_DEGREE, this._shadowCamera && (this._shadowCamera.frustum.fov = t * k.RADIANS_PER_DEGREE, this._viewshedType === g.CONE && (this._updateShadowMap(), this._updatePrimitive()));
+    this._frustumOptions.fov = t * k.RADIANS_PER_DEGREE, this._shadowCamera && (this._shadowCamera.frustum.fov = t * k.RADIANS_PER_DEGREE, this._viewshedType === p.CONE && (this._updateShadowMap(), this._updatePrimitive()));
   }
   /**
    * Returns the field of view.
@@ -356,7 +356,7 @@ const I = class I extends Ae {
         pitch: this._shadowCamera.pitch,
         roll: 0
       }
-    }), this._viewshedType === g.CONE && this._updatePrimitive());
+    }), this._viewshedType === p.CONE && this._updatePrimitive());
   }
   /**
    * Getter for the heading of a cone viewshed.
@@ -372,7 +372,7 @@ const I = class I extends Ae {
   set pitch(t) {
     if (this._headingPitchRollValues.pitch = t * k.RADIANS_PER_DEGREE, this._shadowCamera) {
       const o = t * k.RADIANS_PER_DEGREE - this._shadowCamera.pitch;
-      this._shadowCamera.lookUp(o), this._viewshedType === g.CONE && this._updatePrimitive();
+      this._shadowCamera.lookUp(o), this._viewshedType === p.CONE && this._updatePrimitive();
     }
   }
   /**
@@ -441,7 +441,7 @@ const I = class I extends Ae {
       context: this._scene.context,
       lightCamera: this._shadowCamera,
       enabled: !0,
-      isPointLight: this._viewshedType === g.THREESIXTY,
+      isPointLight: this._viewshedType === p.THREESIXTY,
       softShadows: !0,
       fromLightSource: !0,
       cascadesEnabled: !1,
@@ -458,7 +458,7 @@ const I = class I extends Ae {
     this._showPrimitive && this._active && this._scene ? (this._removePrimitive(), this._primitive = new Nt({
       camera: this._shadowCamera,
       allowPicking: !1,
-      spot: this._viewshedType === g.CONE
+      spot: this._viewshedType === p.CONE
     }), this._scene.primitives.add(this._primitive)) : this._removePrimitive();
   }
   /**
@@ -469,7 +469,7 @@ const I = class I extends Ae {
     if (!this._shadowCamera)
       return;
     const o = W.fromDegrees(t[0], t[1], t[2]);
-    if (this.distance = W.distance(this._shadowCamera.position, o), this.type === g.CONE && !o.equals(this._shadowCamera.position)) {
+    if (this.distance = W.distance(this._shadowCamera.position, o), this.type === p.CONE && !o.equals(this._shadowCamera.position)) {
       const e = new W();
       W.subtract(o, this._shadowCamera.position, o), W.normalize(o, o), W.normalize(this._shadowCamera.position, e), this._shadowCamera.setView({
         orientation: {
@@ -525,7 +525,7 @@ class xt extends Re {
     return this._positioned;
   }
   async pipe(t) {
-    return t.position && (this._position ? (this._viewshed.lookAt(H.mercatorToWgs84(t.position)), t.type & K.CLICK && (this.setActive(!1), this._finished.raiseEvent(null))) : (this._viewshed.position = H.mercatorToWgs84(t.position), t.type & K.CLICK && (this._position = !0, this._positioned.raiseEvent(null)))), t;
+    return t.position && (this._position ? (this._viewshed.lookAt(z.mercatorToWgs84(t.position)), t.type & K.CLICK && (this.setActive(!1), this._finished.raiseEvent(null))) : (this._viewshed.position = z.mercatorToWgs84(t.position), t.type & K.CLICK && (this._position = !0, this._positioned.raiseEvent(null)))), t;
   }
   destroy() {
     super.destroy(), this._finished.destroy(), this._positioned.destroy();
@@ -574,13 +574,13 @@ function Lt(i, t, o) {
   function h(a = !0) {
     C(), l(), u(), e.value = null, a && o.clearSelection(), s.value = null, n.value = null;
   }
-  function p(a) {
-    C(), u(), i.maps.activeMap instanceof G && (e.value = a, a.activate(i.maps.activeMap), C = i.maps.activeMap.shadowMapChanged.addEventListener((r) => {
+  function w(a) {
+    C(), u(), i.maps.activeMap instanceof $ && (e.value = a, a.activate(i.maps.activeMap), C = i.maps.activeMap.shadowMapChanged.addEventListener((r) => {
       var _;
       r !== ((_ = e.value) == null ? void 0 : _.shadowMap) && h(!1);
     }));
   }
-  async function w(a) {
+  async function g(a) {
     h(), await Ze();
     const { eventHandler: r } = i.maps, { featureInteraction: _ } = r, v = new x({
       viewshedType: a,
@@ -590,7 +590,7 @@ function Lt(i, t, o) {
       },
       heightOffset: d.value === P.ABSOLUTE ? 0 : ge
     });
-    p(v);
+    w(v);
     const E = new xt(e.value);
     E.finished.addEventListener(() => {
       l(), e.value ? (e.value.showPrimitive = !0, n.value = y.EDIT) : h();
@@ -621,7 +621,7 @@ function Lt(i, t, o) {
         l();
       });
       const T = (r = v.getGeometry()) == null ? void 0 : r.on("change", () => {
-        e.value ? e.value.position = H.mercatorToWgs84(
+        e.value ? e.value.position = z.mercatorToWgs84(
           /** @type {import("ol/geom").Point} */
           v.getGeometry().getCoordinates()
         ) : h();
@@ -635,7 +635,7 @@ function Lt(i, t, o) {
       l();
   }
   function N(a, r) {
-    l(), e.value !== r && (p(r), d.value = r.heightOffset ? P.RELATIVE : P.ABSOLUTE), s.value = !!r.properties.title, n.value = a, s.value && o.setVisibility(r.name, !0);
+    l(), e.value !== r && (w(r), d.value = r.heightOffset ? P.RELATIVE : P.ABSOLUTE), s.value = !!r.properties.title, n.value = a, s.value && o.setVisibility(r.name, !0);
   }
   const S = [
     o.collectionComponent.collection.removed.addEventListener(
@@ -666,8 +666,8 @@ function Lt(i, t, o) {
         ), e.value.heightOffset = a === P.ABSOLUTE ? 0 : ge;
       else if (n.value === y.EDIT) {
         const { position: r, heightOffset: _ } = e.value;
-        a === P.RELATIVE ? i.maps.activeMap.getHeightFromTerrain([H.wgs84ToMercator(r)]).then((v) => {
-          const E = H.mercatorToWgs84(v[0]);
+        a === P.RELATIVE ? i.maps.activeMap.getHeightFromTerrain([z.wgs84ToMercator(r)]).then((v) => {
+          const E = z.mercatorToWgs84(v[0]);
           e.value && (e.value.heightOffset = r[2] - E[2], e.value.position = E);
         }) : (e.value.position = [
           r[0],
@@ -681,7 +681,7 @@ function Lt(i, t, o) {
     currentViewshed: e,
     currentIsPersisted: s,
     currentEditSession: c,
-    createViewshed: w,
+    createViewshed: g,
     viewViewshed(a) {
       N(y.VIEW, a);
     },
@@ -700,9 +700,9 @@ function Lt(i, t, o) {
     changeHeightMode: L,
     async placeCurrentFeaturesOnTerrain() {
       var a, r;
-      if (e.value && ((a = c.value) == null ? void 0 : a.type) === Ne.EDIT_FEATURES && i.maps.activeMap instanceof G) {
+      if (e.value && ((a = c.value) == null ? void 0 : a.type) === Ne.EDIT_FEATURES && i.maps.activeMap instanceof $) {
         const v = (await i.maps.activeMap.getHeightFromTerrain([
-          H.wgs84ToMercator((r = e.value) == null ? void 0 : r.position)
+          z.wgs84ToMercator((r = e.value) == null ? void 0 : r.position)
         ]))[0][2] - e.value.position[2];
         c.value.translate(0, 0, v);
       }
@@ -776,9 +776,9 @@ const Se = (i, t) => {
       Y: void 0,
       Z: void 0
     }), h = te();
-    let p = () => {
+    let w = () => {
     };
-    const w = q({
+    const g = q({
       showPrimitive: !1,
       distance: void 0,
       fov: void 0,
@@ -789,15 +789,15 @@ const Se = (i, t) => {
       e.value && (u.X = e.value.position[0], u.Y = e.value.position[1], u.Z = t.heightMode.value === P.ABSOLUTE ? e.value.position[2] : e.value.heightOffset);
     }
     function S() {
-      N(), e.value && (w.distance = e.value.distance, w.fov = e.value.fov, w.heading = e.value.heading, w.pitch = e.value.pitch, w.showPrimitive = e.value.showPrimitive, V.value = e.value.type);
+      N(), e.value && (g.distance = e.value.distance, g.fov = e.value.fov, g.heading = e.value.heading, g.pitch = e.value.pitch, g.showPrimitive = e.value.showPrimitive, V.value = e.value.type);
     }
     qe(() => {
       e.value && s.value !== y.CREATE && S();
-    }), z(
+    }), G(
       e,
       () => {
         e.value && (C(), C = e.value.positionChanged.addEventListener(() => {
-          N(), p();
+          N(), w();
         }));
       },
       { immediate: !0 }
@@ -809,11 +809,11 @@ const Se = (i, t) => {
         /** @type {import("@vcmap/core").CesiumMap} */
         (O = o.maps.activeMap.getScene()) == null ? void 0 : O.camera
       ), E = v == null ? void 0 : v.changed.addEventListener(() => {
-        p();
+        w();
       });
-      p = () => {
+      w = () => {
         var le;
-        E == null || E(), h.value = null, (le = e.value) == null || le.activate(o.maps.activeMap), p = () => {
+        E == null || E(), h.value = null, (le = e.value) == null || le.activate(o.maps.activeMap), w = () => {
         };
       };
     }
@@ -826,17 +826,17 @@ const Se = (i, t) => {
         }
       );
     }), et(() => {
-      C(), p(), l(), n.value || ((s.value === y.EDIT || s.value === y.MOVE) && e.value ? t.viewViewshed(e.value) : s.value === y.CREATE && t.stop()), c.value && (c.value.length > 1 ? t.setupMultiSelect() : c.value.length === 1 && e.value ? t.viewViewshed(e.value) : (
+      C(), w(), l(), n.value || ((s.value === y.EDIT || s.value === y.MOVE) && e.value ? t.viewViewshed(e.value) : s.value === y.CREATE && t.stop()), c.value && (c.value.length > 1 ? t.setupMultiSelect() : c.value.length === 1 && e.value ? t.viewViewshed(e.value) : (
         // when a persited viewshed is deselected, stops plugin
         !c.value.length && s.value === y.EDIT && t.stop(!1)
       ));
     }), S();
     function a(v, E) {
-      p(), e.value && (w[v] = E, e.value[v] = E);
+      w(), e.value && (g[v] = E, e.value[v] = E);
     }
     const r = ve(() => {
       const v = [];
-      return V.value === g.CONE && v.push({
+      return V.value === p.CONE && v.push({
         name: "jumpToViewpoint",
         title: h.value ? "viewshed.returnToViewpoint" : "viewshed.jumpToViewpoint",
         icon: "mdi-human-male",
@@ -857,7 +857,7 @@ const Se = (i, t) => {
               animate: !0
               // if not animate, async does not work and the cameraChanged listener is triggered immediately. alternatively set timeout
             })
-          )), L()) : h.value && ((O = o.maps.activeMap) == null || O.gotoViewpoint(h.value), p());
+          )), L()) : h.value && ((O = o.maps.activeMap) == null || O.gotoViewpoint(h.value), w());
         }
       }), v.push({
         name: "moveViewshed",
@@ -873,7 +873,7 @@ const Se = (i, t) => {
         name: "showPrimitive",
         title: "viewshed.showPrimitive",
         icon: "mdi-eye",
-        active: w.showPrimitive,
+        active: g.showPrimitive,
         callback() {
           this.active = !this.active, a("showPrimitive", this.active);
         }
@@ -882,7 +882,7 @@ const Se = (i, t) => {
     return {
       position: u,
       setPosition(v, E, T) {
-        if (p(), !!e.value) {
+        if (w(), !!e.value) {
           if (T === 2 && t.heightMode.value === P.RELATIVE)
             e.value.heightOffset = Number(v);
           else {
@@ -892,14 +892,14 @@ const Se = (i, t) => {
           u[E] = Number(v);
         }
       },
-      parameters: w,
+      parameters: g,
       setParameter: a,
       parameterRanges: Ft,
       ViewshedPluginModes: y,
       viewshedMode: s,
       currentIsPersisted: n,
       viewshedType: V,
-      ViewshedTypes: g,
+      ViewshedTypes: p,
       HeightModes: P,
       heightMode: t.heightMode,
       TransformationMode: Be,
@@ -920,7 +920,7 @@ const Se = (i, t) => {
   class: "d-flex w-full justify-end px-2 pt-2 pb-1"
 };
 function Gt(i, t, o, e, s, n) {
-  const d = b("VcsHelp"), l = b("v-row"), c = b("VcsFeatureTransforms"), C = b("VcsTextField"), u = b("v-col"), h = b("v-container"), p = b("VcsFormSection"), w = b("v-divider"), V = b("VcsLabel"), N = b("VcsSelect"), S = b("VcsSlider"), L = b("VcsFormButton");
+  const d = b("VcsHelp"), l = b("v-row"), c = b("VcsFeatureTransforms"), C = b("VcsTextField"), u = b("v-col"), h = b("v-container"), w = b("VcsFormSection"), g = b("v-divider"), V = b("VcsLabel"), N = b("VcsSelect"), S = b("VcsSlider"), L = b("VcsFormButton");
   return M(), B("div", null, [
     e.viewshedMode === e.ViewshedPluginModes.CREATE ? (M(), B("div", Wt, [
       e.viewshedType === e.ViewshedTypes.CONE ? (M(), D(d, { key: 0 }, {
@@ -943,8 +943,8 @@ function Gt(i, t, o, e, s, n) {
         ]),
         _: 1
         /* STABLE */
-      })) : $("v-if", !0)
-    ])) : e.viewshedMode === e.ViewshedPluginModes.EDIT || e.viewshedMode === e.ViewshedPluginModes.MOVE ? (M(), D(p, {
+      })) : H("v-if", !0)
+    ])) : e.viewshedMode === e.ViewshedPluginModes.EDIT || e.viewshedMode === e.ViewshedPluginModes.MOVE ? (M(), D(w, {
       key: 1,
       "header-actions": e.headerActions,
       heading: "viewshed.viewpoint",
@@ -1028,8 +1028,8 @@ function Gt(i, t, o, e, s, n) {
       ]),
       _: 1
       /* STABLE */
-    }, 8, ["header-actions"])) : $("v-if", !0),
-    m(w),
+    }, 8, ["header-actions"])) : H("v-if", !0),
+    m(g),
     m(h, { class: "px-1 py-0" }, {
       default: f(() => [
         m(l, { "no-gutters": "" }, {
@@ -1201,7 +1201,7 @@ function Gt(i, t, o, e, s, n) {
                   },
                   1024
                   /* DYNAMIC_SLOTS */
-                )) : $("v-if", !0)
+                )) : H("v-if", !0)
               ]),
               _: 2
               /* DYNAMIC */
@@ -1215,8 +1215,8 @@ function Gt(i, t, o, e, s, n) {
       ]),
       _: 1
       /* STABLE */
-    })) : $("v-if", !0),
-    m(w),
+    })) : H("v-if", !0),
+    m(g),
     e.viewshedMode === e.ViewshedPluginModes.EDIT || e.viewshedMode === e.ViewshedPluginModes.MOVE ? (M(), B("div", Ht, [
       m(L, {
         onClick: t[0] || (t[0] = (a) => e.addToMyWorkspace()),
@@ -1253,12 +1253,12 @@ function Gt(i, t, o, e, s, n) {
         _: 1
         /* STABLE */
       })
-    ])) : $("v-if", !0)
+    ])) : H("v-if", !0)
   ]);
 }
-const Kt = /* @__PURE__ */ Se(jt, [["render", Gt]]), j = "@vcmap/viewshed", Yt = "3.0.0", Xt = "^6.0", se = {
-  [g.CONE]: "$vcsViewshed",
-  [g.THREESIXTY]: "$vcsViewshedCone"
+const Kt = /* @__PURE__ */ Se(jt, [["render", Gt]]), j = "@vcmap/viewshed", Yt = "3.0.2", Xt = "^6.0", se = {
+  [p.CONE]: "$vcsViewshed",
+  [p.THREESIXTY]: "$vcsViewshedCone"
 };
 function Jt(i, t, o) {
   const e = U(), s = U(), n = `${o.id}-editor`, d = {
@@ -1274,19 +1274,16 @@ function Jt(i, t, o) {
     }
   };
   ht(t, o, {
-    editor: (p) => ({
+    editor: (w) => ({
       ...d,
       props: {
         selection: o.selection,
-        getViewshed: () => o.collection.getByKey(p.name)
+        getViewshed: () => o.collection.getByKey(w.name)
       }
     })
   });
   function l() {
-    i.currentViewshed.value && (s.value = se[i.currentViewshed.value.type], i.currentIsPersisted.value ? e.value = i.currentViewshed.value.properties.title : i.mode.value === y.CREATE ? e.value = [
-      "viewshed.create",
-      `viewshed.${i.currentViewshed.value.type}`
-    ] : e.value = [
+    i.currentViewshed.value && (s.value = se[i.currentViewshed.value.type], i.currentIsPersisted.value ? e.value = i.currentViewshed.value.properties.title : i.mode.value === y.CREATE ? e.value = `viewshed.create.${i.currentViewshed.value.type}` : e.value = [
       "viewshed.temporary",
       `viewshed.${i.currentViewshed.value.type}`
     ]);
@@ -1302,11 +1299,11 @@ function Jt(i, t, o) {
       j
     ));
   }
-  const C = z(i.currentViewshed, (p) => {
-    p && c();
-  }), u = z(i.currentIsPersisted, (p) => {
-    p && l();
-  }), h = z(i.mode, () => {
+  const C = G(i.currentViewshed, (w) => {
+    w && c();
+  }), u = G(i.currentIsPersisted, (w) => {
+    w && l();
+  }), h = G(i.mode, () => {
     i.mode.value ? c() : t.windowManager.remove(n);
   });
   return {
@@ -1323,7 +1320,7 @@ function Zt(i, t, o, e) {
       currentIndex: 0,
       active: !1,
       background: !1,
-      disabled: !1,
+      disabled: !(i.maps.activeMap instanceof $),
       callback() {
         if (this.active)
           this.background && t.currentViewshed.value ? t.editViewshed(t.currentViewshed.value) : t.stop();
@@ -1337,19 +1334,19 @@ function Zt(i, t, o, e) {
         const C = this.tools[this.currentIndex].name;
         t.createViewshed(C);
       },
-      tools: e.flatMap((c) => c === g.CONE ? {
-        name: g.CONE,
-        icon: se[g.CONE],
-        title: `viewshed.${g.CONE}`
-      } : c === g.THREESIXTY ? {
-        name: g.THREESIXTY,
-        icon: se[g.THREESIXTY],
-        title: `viewshed.${g.THREESIXTY}`
+      tools: e.flatMap((c) => c === p.CONE ? {
+        name: p.CONE,
+        icon: se[p.CONE],
+        title: `viewshed.create.${p.CONE}`
+      } : c === p.THREESIXTY ? {
+        name: p.THREESIXTY,
+        icon: se[p.THREESIXTY],
+        title: `viewshed.create.${p.THREESIXTY}`
       } : [])
     })
-  }, n = z(t.mode, (c) => {
+  }, n = G(t.mode, (c) => {
     c === y.VIEW ? (s.action.background = !0, s.action.active = !0) : c ? (s.action.background = !1, s.action.active = !0) : (s.action.background = !1, s.action.active = !1);
-  }), d = z(
+  }), d = G(
     t.currentViewshed,
     (c) => {
       c && (s.action.currentIndex = s.action.tools.findIndex(
@@ -1357,7 +1354,7 @@ function Zt(i, t, o, e) {
       ));
     }
   ), l = i.maps.mapActivated.addEventListener((c) => {
-    c instanceof G ? s.action.disabled = !1 : s.action.disabled = !0;
+    c instanceof $ ? s.action.disabled = !1 : s.action.disabled = !0;
   });
   return {
     destroy() {
@@ -1367,7 +1364,7 @@ function Zt(i, t, o, e) {
   };
 }
 function qt(i, t, o, e) {
-  re(e, [Pt(g)]);
+  re(e, [Pt(p)]);
   const { toolbox: s, destroy: n } = Zt(i, t, o, e), d = i.toolboxManager.add(s, o).id;
   return () => {
     i.toolboxManager.remove(d), n();
@@ -1381,7 +1378,7 @@ class ne extends Ue {
     var e;
     if (
       /** @type {import("@vcmap/core").CesiumMap | undefined} */
-      (e = this._app) == null ? void 0 : e.maps.getByType(G.className)[0]
+      (e = this._app) == null ? void 0 : e.maps.getByType($.className)[0]
     )
       return new x(t);
     throw new Error("No CesiumMap available");
@@ -1413,15 +1410,15 @@ async function ei(i) {
   );
   e.addItemMapping({
     mappingFunction: vt(
-      [G.className],
+      [$.className],
       i.maps
     ),
     owner: j
   });
-  const n = (u, h, p) => {
-    p.title = u.properties.title, p.titleChanged = (w) => {
-      u.properties.title = w, p.title = w, t.raiseEvent({ item: u, title: w });
-    }, p.actions.push(
+  const n = (u, h, w) => {
+    w.title = u.properties.title, w.titleChanged = (g) => {
+      u.properties.title = g, w.title = g, t.raiseEvent({ item: u, title: g });
+    }, w.actions.push(
       q({
         name: "visibilityAction",
         icon: "$vcsCheckbox",
@@ -1448,7 +1445,7 @@ async function ei(i) {
     j
   ), { action: c, destroy: C } = gt(
     async (u) => {
-      const { vueI18n: h } = i, w = (await Promise.all(
+      const { vueI18n: h } = i, g = (await Promise.all(
         u.map(async (S) => {
           const L = await S.text();
           try {
@@ -1463,7 +1460,7 @@ async function ei(i) {
           }
           return [];
         })
-      )).flat(), V = w.map((S) => s.collection.add(S)).filter((S) => S != null), N = w.length - V.length;
+      )).flat(), V = g.map((S) => s.collection.add(S)).filter((S) => S != null), N = g.length - V.length;
       if (N > 0)
         return i.notifier.add({
           type: X.WARNING,
@@ -1497,14 +1494,14 @@ async function ei(i) {
       e.selection.value.length && (e.selection.value = []);
     },
     setVisibility(u, h) {
-      const p = e.items.value.find(
-        (w) => u === w.name
+      const w = e.items.value.find(
+        (g) => u === g.name
       );
-      if (p) {
-        const w = p.actions.find(
+      if (w) {
+        const g = w.actions.find(
           (V) => V.name === "visibilityAction"
         );
-        w && (w.icon = h ? "$vcsCheckboxChecked" : "$vcsCheckbox");
+        g && (g.icon = h ? "$vcsCheckboxChecked" : "$vcsCheckbox");
       }
     },
     add(u) {
@@ -1530,7 +1527,7 @@ function J() {
   return {
     visibleColor: x.getDefaultOptions().visibleColor,
     shadowColor: x.getDefaultOptions().shadowColor,
-    tools: [...Object.values(g)]
+    tools: [...Object.values(p)]
   };
 }
 const ti = {
@@ -1562,9 +1559,9 @@ const ti = {
     }
     return {
       localConfig: o,
-      ViewshedTypes: g,
+      ViewshedTypes: p,
       apply: e,
-      toolItems: Object.values(g).map((s) => ({
+      toolItems: Object.values(p).map((s) => ({
         value: s,
         title: `viewshed.${s}`
       }))
@@ -1572,10 +1569,10 @@ const ti = {
   }
 };
 function ii(i, t, o, e, s, n) {
-  const d = b("VcsLabel"), l = b("v-col"), c = b("VcsSelect"), C = b("v-row"), u = b("VColorPicker"), h = b("v-container"), p = b("VcsFormSection"), w = b("AbstractConfigEditor");
-  return M(), D(w, it({ onSubmit: e.apply }, { ...i.$attrs, ...i.$props }), {
+  const d = b("VcsLabel"), l = b("v-col"), c = b("VcsSelect"), C = b("v-row"), u = b("VColorPicker"), h = b("v-container"), w = b("VcsFormSection"), g = b("AbstractConfigEditor");
+  return M(), D(g, it({ onSubmit: e.apply }, { ...i.$attrs, ...i.$props }), {
     default: f(() => [
-      e.localConfig ? (M(), D(p, {
+      e.localConfig ? (M(), D(w, {
         key: 0,
         heading: "viewshed.editor.general"
       }, {
@@ -1693,7 +1690,7 @@ function ii(i, t, o, e, s, n) {
         ]),
         _: 1
         /* STABLE */
-      })) : $("v-if", !0)
+      })) : H("v-if", !0)
     ]),
     _: 1
     /* STABLE */
@@ -1740,8 +1737,8 @@ function ui(i) {
         s,
         d.collectionComponent
       ), { activeMap: C } = s.maps;
-      function u(w) {
-        if (n != null && n.m && n.cv && w instanceof G) {
+      function u(g) {
+        if (n != null && n.m && n.cv && g instanceof $) {
           n.cv.properties.title && delete n.cv.properties.title;
           const V = new x(n.cv);
           n.m === y.VIEW ? t.viewViewshed(V) : t.editViewshed(V);
@@ -1749,13 +1746,13 @@ function ui(i) {
       }
       let h = !1;
       C && (h = !0, u(C));
-      const p = s.maps.mapActivated.addEventListener(
-        (w) => {
-          t.stop(), h || (u(w), h = !0);
+      const w = s.maps.mapActivated.addEventListener(
+        (g) => {
+          t.stop(), h || (u(g), h = !0);
         }
       );
       e = () => {
-        p(), l(), c(), d.destroy(), t.destroy();
+        w(), l(), c(), d.destroy(), t.destroy();
       };
     },
     /**
@@ -1790,7 +1787,8 @@ function ui(i) {
           component: oi,
           title: "viewshed.editor.title",
           infoUrlCallback: o == null ? void 0 : o.getHelpUrlCallback(
-            "/components/plugins/viewshedToolConfig.html"
+            "/components/plugins/viewshedToolConfig.html",
+            "app-configurator"
           )
         }
       ];
@@ -1812,9 +1810,12 @@ function ui(i) {
           absolute: "Absolute",
           new: "New",
           cancel: "Cancel",
-          [g.CONE]: "Cone viewshed analysis",
-          [g.THREESIXTY]: "360° viewshed analysis",
-          create: "Create",
+          [p.CONE]: "Cone viewshed analysis",
+          [p.THREESIXTY]: "360° viewshed analysis",
+          create: {
+            [p.CONE]: "Create cone viewshed analysis",
+            [p.THREESIXTY]: "Create 360° viewshed analysis"
+          },
           addToMyWorkspace: "Add to My Workspace",
           temporary: "Temporary",
           jumpToViewpoint: "Jump to viewpoint",
@@ -1847,9 +1848,12 @@ function ui(i) {
           absolute: "Absolut",
           new: "Neu",
           cancel: "Abbrechen",
-          [g.CONE]: "Sichtkegelanalyse",
-          [g.THREESIXTY]: "360° Sichtsanalyse",
-          create: "Erzeuge",
+          [p.CONE]: "Sichtkegelanalyse",
+          [p.THREESIXTY]: "360° Sichtsanalyse",
+          create: {
+            [p.CONE]: "Sichtkegelanalyse erstellen",
+            [p.THREESIXTY]: "360° Sichtanalyse erstellen"
+          },
           addToMyWorkspace: "Zu Mein Arbeitsbereich hinzufügen",
           temporary: "Temporäre",
           jumpToViewpoint: "Zu Standpunkt springen",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vcmap/viewshed",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "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",
@@ -49,19 +49,19 @@
   "peerDependencies": {
     "@vcmap-cesium/engine": "^11.0.2",
     "@vcmap/core": "^6.0.0",
-    "@vcmap/ui": "^6.0.1",
+    "@vcmap/ui": "^6.0.2",
     "ol": "^10.2.1",
     "vue": "~3.4.38",
     "vuetify": "^3.7.3"
   },
   "devDependencies": {
-    "@vcmap/plugin-cli": "^4.0.0",
+    "@vcmap/plugin-cli": "^4.0.1",
     "@vcsuite/eslint-config": "^3.0.8",
-    "@vitest/coverage-v8": "^2.0.1",
+    "@vitest/coverage-v8": "^2.1.3",
     "jest-canvas-mock": "^2.5.2",
     "jsdom": "^22.1.0",
     "resize-observer-polyfill": "^1.5.1",
-    "vitest": "^2.0.1"
+    "vitest": "^2.1.3"
   },
   "dependencies": {
     "@vcsuite/check": "^2.1.0",

package/src/index.js

@@ -166,6 +166,7 @@ export default function plugin(config) {
           title: 'viewshed.editor.title',
           infoUrlCallback: app?.getHelpUrlCallback(
             '/components/plugins/viewshedToolConfig.html',
+            'app-configurator',
           ),
         },
       ];
@@ -189,7 +190,10 @@ export default function plugin(config) {
           cancel: 'Cancel',
           [ViewshedTypes.CONE]: 'Cone viewshed analysis',
           [ViewshedTypes.THREESIXTY]: '360° viewshed analysis',
-          create: 'Create',
+          create: {
+            [ViewshedTypes.CONE]: 'Create cone viewshed analysis',
+            [ViewshedTypes.THREESIXTY]: 'Create 360° viewshed analysis',
+          },
           addToMyWorkspace: 'Add to My Workspace',
           temporary: 'Temporary',
           jumpToViewpoint: 'Jump to viewpoint',
@@ -226,7 +230,10 @@ export default function plugin(config) {
           cancel: 'Abbrechen',
           [ViewshedTypes.CONE]: 'Sichtkegelanalyse',
           [ViewshedTypes.THREESIXTY]: '360° Sichtsanalyse',
-          create: 'Erzeuge',
+          create: {
+            [ViewshedTypes.CONE]: 'Sichtkegelanalyse erstellen',
+            [ViewshedTypes.THREESIXTY]: '360° Sichtanalyse erstellen',
+          },
           addToMyWorkspace: 'Zu Mein Arbeitsbereich hinzufügen',
           temporary: 'Temporäre',
           jumpToViewpoint: 'Zu Standpunkt springen',

package/src/util/toolboxHelper.js

@@ -28,7 +28,7 @@ function createViewshedToolbox(app, manager, name, tools) {
       currentIndex: 0,
       active: false,
       background: false,
-      disabled: false,
+      disabled: !(app.maps.activeMap instanceof CesiumMap),
       callback() {
         if (this.active) {
           if (this.background && manager.currentViewshed.value) {
@@ -53,13 +53,13 @@ function createViewshedToolbox(app, manager, name, tools) {
           return {
             name: ViewshedTypes.CONE,
             icon: ViewshedIcons[ViewshedTypes.CONE],
-            title: `viewshed.${ViewshedTypes.CONE}`,
+            title: `viewshed.create.${ViewshedTypes.CONE}`,
           };
         } else if (tool === ViewshedTypes.THREESIXTY) {
           return {
             name: ViewshedTypes.THREESIXTY,
             icon: ViewshedIcons[ViewshedTypes.THREESIXTY],
-            title: `viewshed.${ViewshedTypes.THREESIXTY}`,
+            title: `viewshed.create.${ViewshedTypes.THREESIXTY}`,
           };
         } else {
           return [];

package/src/util/windowHelper.js

@@ -61,10 +61,7 @@ export function setupViewshedWindow(manager, app, collectionComponent) {
       if (manager.currentIsPersisted.value) {
         headerTitle.value = manager.currentViewshed.value.properties.title;
       } else if (manager.mode.value === ViewshedPluginModes.CREATE) {
-        headerTitle.value = [
-          'viewshed.create',
-          `viewshed.${manager.currentViewshed.value.type}`,
-        ];
+        headerTitle.value = `viewshed.create.${manager.currentViewshed.value.type}`;
       } else {
         headerTitle.value = [
           'viewshed.temporary',