@vcmap/viewshed 3.0.3 → 4.0.0

package/dist/index.js

@@ -1,13 +1,13 @@
-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 X, AbstractInteraction as Re, EventType as Y, 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 Q, 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 x, Cartesian3 as W, ShadowMap as Ye, Camera as Xe, HeightReference as Je } from "../../../assets/cesium.js";
-import { shallowRef as Z, ref as U, nextTick as Ze, inject as me, computed as ve, reactive as ee, watchEffect as qe, watch as G, onMounted as Qe, onUnmounted as et, resolveComponent as b, openBlock as M, createElementBlock as B, createBlock as N, withCtx as h, createTextVNode as F, toDisplayString as A, createCommentVNode as H, createVNode as p, 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 J, 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";
-const Me = Symbol("isMatcher"), yt = Symbol("Integer"), Vt = Symbol("NonEmptyString"), re = /* @__PURE__ */ new Map();
+var Le = Object.defineProperty;
+var Fe = (e, o, t) => o in e ? Le(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
+var C = (e, o, t) => Fe(e, typeof o != "symbol" ? o + "" : o, t);
+import { VcsCameraPrimitive as We, VcsObject as je, VcsEvent as te, AbstractInteraction as Ge, EventType as ee, Projection as J, SessionType as Be, CesiumMap as z, startEditFeaturesSession as Ue, startEditGeometrySession as xe, VectorLayer as He, maxZIndex as ze, wgs84Projection as Ke, markVolatile as Ye, Viewpoint as Xe, TransformationMode as Je, Category as Ze, moduleIdSymbol as qe } from "../../../assets/core.js";
+import { Color as ie, Matrix4 as Qe, Transforms as et, Primitive as ge, PerInstanceColorAppearance as Ce, GeometryInstance as _e, SphereGeometry as tt, ColorGeometryInstanceAttribute as Ee, SphereOutlineGeometry as it, Math as F, Cartesian3 as x, ShadowMap as ot, Camera as st, HeightReference as nt } from "../../../assets/cesium.js";
+import { shallowRef as ae, ref as K, nextTick as at, defineComponent as Me, inject as ce, reactive as oe, watchEffect as rt, watch as Z, onMounted as lt, onUnmounted as ct, computed as dt, resolveComponent as V, openBlock as R, createElementBlock as q, createCommentVNode as Y, createBlock as W, withCtx as m, createTextVNode as H, toDisplayString as j, createVNode as v, createElementVNode as ut, Fragment as ye, renderList as be, toRaw as ht, mergeProps as ft } from "../../../assets/vue.js";
+import { ol$Observable$unByKey as pt, Feature as vt, ol$geom$Point as mt, ol$style$Style as wt } from "../../../assets/ol.js";
+import { VcsWorkspaceWrapper as gt, VcsTextField as Ct, VcsSelect as Te, VcsLabeledSlider as _t, VcsLabel as Re, VcsHelp as Et, VcsFormSection as Ne, VcsFeatureTransforms as yt, VcsFormButton as bt, makeEditorCollectionComponentClass as Vt, WindowSlot as St, ToolboxType as Ve, createSupportedMapMappingFunction as Ot, createListExportAction as Mt, downloadText as Tt, createListImportAction as Rt, NotificationType as ne, AbstractConfigEditor as Nt } from "../../../assets/ui.js";
+import { VRow as Ie, VDivider as It, VCol as Pe, VColorPicker as Pt, VContainer as At } from "../../../assets/vuetify.js";
+const Ae = Symbol("isMatcher"), $t = Symbol("Integer"), Dt = Symbol("NonEmptyString"), ve = /* @__PURE__ */ new Map();
 [
   [String, "string"],
   [Number, "number"],
@@ -15,397 +15,389 @@ const Me = Symbol("isMatcher"), yt = Symbol("Integer"), Vt = Symbol("NonEmptyStr
   [Function, "function"],
   [void 0, "undefined"],
   [Symbol, "symbol"]
-].forEach(([i, t]) => {
-  re.set(i, t);
+].forEach(([e, o]) => {
+  ve.set(e, o);
 });
-function bt(i) {
-  return i == null ? void 0 : i[Me];
+function kt(e) {
+  return e == null ? void 0 : e[Ae];
 }
-function oe(i) {
-  if (!i || String(i) !== "[object Object]")
+function de(e) {
+  if (!e || String(e) !== "[object Object]")
     return !1;
-  const t = Object.getPrototypeOf(i);
-  if (!t)
+  const o = Object.getPrototypeOf(e);
+  if (!o)
     return !0;
-  const e = {}.hasOwnProperty.call(t, "constructor") && t.constructor;
-  return typeof e == "function" && String(e) === String(Object);
+  const i = {}.hasOwnProperty.call(o, "constructor") && o.constructor;
+  return typeof i == "function" && String(i) === String(Object);
 }
-function R(i, t) {
-  if (i === null)
+function $(e, o) {
+  if (e === null)
     return "null";
-  if (typeof i > "u")
+  if (typeof e > "u")
     return "undefined";
-  if (t)
-    return typeof i;
-  let o;
-  if (Array.isArray(i))
-    o = `[${i.map((s) => R(s, t)).join(",")}]`;
+  if (o)
+    return typeof e;
+  let t;
+  if (Array.isArray(e))
+    t = `[${e.map((s) => $(s, o)).join(",")}]`;
   else
     try {
-      o = JSON.stringify(i);
+      t = JSON.stringify(e);
     } catch {
-      o = typeof i;
+      t = typeof e;
     }
-  return o = o || typeof i, o.length > 20 ? `${o.substring(0, 20)}...` : o;
+  return t = t || typeof e, t.length > 20 ? `${t.substring(0, 20)}...` : t;
 }
-function Mt(i, t) {
-  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || typeof t == "symbol" ? i === t ? !1 : `Expected ${R(i)} to equal ${t.toString()}` : null;
+function Lt(e, o) {
+  return typeof o == "string" || typeof o == "number" || typeof o == "boolean" || typeof o == "symbol" ? e === o ? !1 : `Expected ${$(e)} to equal ${o.toString()}` : null;
 }
-function Tt(i, t, o) {
-  if (Array.isArray(t)) {
-    if (t.length !== 1)
+function Ft(e, o, t) {
+  if (Array.isArray(o)) {
+    if (o.length !== 1)
       throw new Error("Array patterns may only have one type");
-    if (Array.isArray(i)) {
-      let e = !1;
-      return i.findIndex((n) => (e = o(n, t[0]), e)) > -1 ? `${String(e)} in ${R(i)}` : !1;
+    if (Array.isArray(e)) {
+      let i = !1;
+      return e.findIndex((n) => (i = t(n, o[0]), i)) > -1 ? `${String(i)} in ${$(e)}` : !1;
     }
-    return `Expected ${R(i)} to be an Array`;
+    return `Expected ${$(e)} to be an Array`;
   }
   return null;
 }
-function se(i, t, o, e) {
-  const s = e ? `${e}.` : "";
-  if (!oe(i))
-    return `Expected ${R(i)} to be a plain Object`;
-  let d = !1;
-  const r = Object.keys(t).find((l) => {
-    const _ = i[l];
-    return oe(t[l]) ? d = se(_, t[l], o, s + l) : d = o(_, t[l]), d;
+function ue(e, o, t, i) {
+  const s = i ? `${i}.` : "";
+  if (!de(e))
+    return `Expected ${$(e)} to be a plain Object`;
+  let a = !1;
+  const l = Object.keys(o).find((u) => {
+    const d = e[u];
+    return de(o[u]) ? a = ue(d, o[u], t, s + u) : a = t(d, o[u]), a;
   });
-  return r ? `${String(d)} in object.${s}${r}` : !1;
+  return l ? `${String(a)} in object.${s}${l}` : !1;
 }
-function St(i, t) {
-  if (t === Number)
-    return Number.isFinite(i) ? !1 : `expected ${R(i)} to be a number, excluding NaN`;
-  if (t === yt)
-    return Number.isInteger(i) ? !1 : `expected ${R(i)} to be an integer number`;
-  if (t === Vt)
-    return typeof i == "string" && i.length > 0 ? !1 : `expected ${R(i)} to be a non-empty string`;
-  const o = re.get(t);
-  return o ? typeof i === o ? !1 : `expected ${R(i)} to be a ${String(o)}` : null;
+function Wt(e, o) {
+  if (o === Number)
+    return Number.isFinite(e) ? !1 : `expected ${$(e)} to be a number, excluding NaN`;
+  if (o === $t)
+    return Number.isInteger(e) ? !1 : `expected ${$(e)} to be an integer number`;
+  if (o === Dt)
+    return typeof e == "string" && e.length > 0 ? !1 : `expected ${$(e)} to be a non-empty string`;
+  const t = ve.get(o);
+  return t ? typeof e === t ? !1 : `expected ${$(e)} to be a ${String(t)}` : null;
 }
-function Te(i) {
-  if (i === null)
+function $e(e) {
+  if (e === null)
     return "null";
-  const t = re.get(i);
-  if (t)
-    return t;
-  const o = i == null ? void 0 : i.className;
+  const o = ve.get(e);
   if (o)
     return o;
-  let e = String(i);
-  const s = e.match(/function (.*)\(/);
+  const t = e == null ? void 0 : e.className;
+  if (t)
+    return t;
+  let i = String(e);
+  const s = i.match(/function (.*)\(/);
   if (s && s.length > 1) {
-    const n = i == null ? void 0 : i.name;
+    const n = e == null ? void 0 : e.name;
     return n || s[1].substring(0, 20);
   }
-  if (oe(i)) {
+  if (de(e)) {
     const n = {};
-    Object.keys(i).forEach((d) => {
-      n[d] = Te(i[d]);
+    Object.keys(e).forEach((a) => {
+      n[a] = $e(e[a]);
     });
     try {
-      e = `Object of ${JSON.stringify(n)}`;
+      i = `Object of ${JSON.stringify(n)}`;
     } catch {
-      e = "Object";
+      i = "Object";
     }
   }
-  return e;
+  return i;
 }
-function Ot(i, t) {
-  const o = (e, s) => {
-    if (bt(s))
-      return s(e);
+function jt(e, o) {
+  const t = (i, s) => {
+    if (kt(s))
+      return s(i);
     if (s == null)
-      return e === s ? !1 : `Expected ${R(e)} to be ${String(s)}`;
-    const n = St(e, s);
+      return i === s ? !1 : `Expected ${$(i)} to be ${String(s)}`;
+    const n = Wt(i, s);
     if (n !== null)
       return n;
-    const d = Mt(e, s);
-    if (d !== null)
-      return d;
+    const a = Lt(i, s);
+    if (a !== null)
+      return a;
     if (Array.isArray(s))
-      return Tt(e, s, o);
+      return Ft(i, s, t);
     if (s === Object)
-      return se(e, {}, o);
+      return ue(i, {}, t);
     if (s instanceof Function)
-      return e instanceof s ? !1 : `Expected ${R(e, !0)} to be of Type ${Te(s)}`;
+      return i instanceof s ? !1 : `Expected ${$(i, !0)} to be of Type ${$e(s)}`;
     if (typeof s == "object") {
-      const r = se(e, s, o);
-      return r || !1;
+      const l = ue(i, s, t);
+      return l || !1;
     }
     throw new Error(`Cannot handle pattern ${String(s)}`);
   };
-  return o(i, t);
+  return t(e, o);
 }
-let It = Error;
-function le(i, t) {
-  const o = Ot(i, t);
-  if (o)
-    throw new It(`Match failed: ${o}`);
+let Gt = Error;
+function me(e, o) {
+  const t = jt(e, o);
+  if (t)
+    throw new Gt(`Match failed: ${t}`);
 }
-function Pt(i) {
-  le(i, Object);
-  const t = Object.values(i), o = (e) => t.includes(e) ? !1 : `expected ${R(e)} to be of enum: ${t.join(", ")}`;
-  return o[Me] = !0, o;
+function Bt(e, o) {
+  me(e, Object);
+  let t = Object.values(e);
+  const i = (s) => t.includes(s) ? !1 : `expected ${$(s)} to be of enum: ${t.join(", ")}`;
+  return i[Ae] = !0, i;
 }
-function At(i, t, o) {
-  if (i != null) {
-    const e = Object.values(t).find((s) => s == i);
-    if (e != null)
-      return e;
+function Ut(e, o, t) {
+  if (e != null) {
+    const i = Object.values(o).find((s) => s == e);
+    if (i != null)
+      return i;
   }
-  return o;
+  return t;
 }
-const Rt = new Q(), te = new He();
-class Nt extends Pe {
+const xt = new ie(), re = new Qe();
+class Ht extends We {
   constructor(t) {
-    super(t), this.spot = t.spot;
+    super(t);
+    C(this, "spot");
+    C(this, "_allowPicking");
+    C(this, "_color", ie.WHITE);
+    C(this, "_camera");
+    C(this, "_planesPrimitives", []);
+    C(this, "_outlinePrimitives", []);
+    this.spot = t.spot, this._camera = t.camera, this._allowPicking = t.allowPicking;
+  }
+  static get className() {
+    return "ViewshedCameraPrimitive";
   }
-  /**
-   * Updates the camera primitive.
-   * @param {unknown} frameState
-   */
   update(t) {
     if (this.show)
       if (this.spot)
         super.update(t);
       else {
-        const o = this._planesPrimitives, e = this._outlinePrimitives;
-        o.length === 0 && (ze.eastNorthUpToFixedFrame(
+        const i = this._planesPrimitives, s = this._outlinePrimitives;
+        i.length === 0 && (et.eastNorthUpToFixedFrame(
           this._camera.positionWC,
           void 0,
-          te
-        ), o[0] = new ce({
-          allowPicking: this.allowPicking,
-          geometryInstances: new ue({
-            geometry: new Ge({
+          re
+        ), i[0] = new ge({
+          allowPicking: this._allowPicking,
+          geometryInstances: new _e({
+            geometry: new tt({
               radius: 2
             }),
             attributes: {
-              color: he.fromColor(
-                Q.fromAlpha(this._color, 0.1, Rt)
+              color: Ee.fromColor(
+                ie.fromAlpha(this._color, 0.1, xt)
               )
             },
-            modelMatrix: te
+            modelMatrix: re
           }),
-          appearance: new fe({
+          appearance: new Ce({
             translucent: !0,
             flat: !0
           }),
           asynchronous: !1
-        }), e[0] = new ce({
-          allowPicking: this.allowPicking,
-          geometryInstances: new ue({
-            geometry: new Ke({
+        }), s[0] = new ge({
+          allowPicking: this._allowPicking,
+          geometryInstances: new _e({
+            geometry: new it({
               radius: 2
             }),
             attributes: {
-              color: he.fromColor(this._color)
+              color: Ee.fromColor(this._color)
             },
-            modelMatrix: te
+            modelMatrix: re
           }),
-          appearance: new fe({
+          appearance: new Ce({
             translucent: !1,
             flat: !0
           }),
           asynchronous: !1
         }));
-        const { length: s } = o;
-        for (let n = 0; n < s; ++n)
-          e[n].update(t), o[n].update(t);
+        const { length: n } = i;
+        for (let a = 0; a < n; ++a)
+          s[a].update(t), i[a].update(t);
       }
   }
 }
-const w = {
-  CONE: "cone",
-  THREESIXTY: "360"
-};
-function Dt(i, t) {
-  const o = new Xe(i), e = (
-    /** @type {import("@vcmap-cesium/engine").PerspectiveFrustum} */
-    o.frustum
-  );
-  return e.fov = t.fov, e.near = t.near, e.aspectRatio = t.aspectRatio, e.far = t.far, o;
+var _ = /* @__PURE__ */ ((e) => (e.CONE = "cone", e.THREESIXTY = "360", e))(_ || {});
+function zt(e, o) {
+  const t = new st(e), i = t.frustum;
+  return i.fov = o.fov, i.near = o.near, i.aspectRatio = o.aspectRatio, i.far = o.far, t;
 }
-const I = class I extends Ae {
+const P = class P extends je {
+  constructor(t) {
+    var i, s, n, a, l, u;
+    super(t);
+    C(this, "_cesiumMap", null);
+    C(this, "_shadowCamera", null);
+    C(this, "_scene", null);
+    C(this, "_frustumOptions");
+    C(this, "_headingPitchRollValues");
+    /**
+     * The viewsheds position, excluding height offset, in lat/lon degrees.
+     */
+    C(this, "_position");
+    C(this, "_viewshedType");
+    C(this, "_colors");
+    C(this, "_heightOffset");
+    C(this, "_shadowMap", null);
+    C(this, "_primitive", null);
+    C(this, "_showPrimitive");
+    C(this, "_positionChanged", new te());
+    C(this, "_active", !1);
+    this._frustumOptions = {
+      fov: ((i = t.frustumOptions) == null ? void 0 : i.fov) || P.getDefaultOptions().frustumOptions.fov,
+      far: ((s = t.frustumOptions) == null ? void 0 : s.far) || P.getDefaultOptions().frustumOptions.far,
+      near: ((n = t.frustumOptions) == null ? void 0 : n.near) || P.getDefaultOptions().frustumOptions.near,
+      aspectRatio: ((a = t.frustumOptions) == null ? void 0 : a.aspectRatio) || P.getDefaultOptions().frustumOptions.aspectRatio
+    }, this._headingPitchRollValues = t.orientation || {
+      ...P.getDefaultOptions().orientation
+    }, this._position = t.position || P.getDefaultOptions().position, this._viewshedType = Ut(
+      t.viewshedType,
+      _,
+      "cone"
+      /* CONE */
+    ), this._colors = {
+      visibleColor: ie.fromCssColorString(
+        ((l = t.colorOptions) == null ? void 0 : l.visibleColor) || P.getDefaultOptions().colorOptions.visibleColor
+      ),
+      shadowColor: ie.fromCssColorString(
+        ((u = t.colorOptions) == null ? void 0 : u.shadowColor) || P.getDefaultOptions().colorOptions.shadowColor
+      )
+    }, this._heightOffset = t.heightOffset || 0, this._showPrimitive = !!t.showPrimitive;
+  }
   static get className() {
     return "Viewshed";
   }
-  /**
-   * Returns the default viewshed options.
-   * @returns {{frustum: ShadowFrustumOptions, shadowColor: string, visibleColor: string, orientation: import("@vcmap-cesium/engine").HeadingPitchRollValues, position: import("ol/coordinate").Coordinate}}
-   */
   static getDefaultOptions() {
     return {
-      frustum: {
-        fov: x.PI / 3,
+      colorOptions: { shadowColor: "#3333331A", visibleColor: "#FF990080" },
+      frustumOptions: {
+        fov: F.PI / 3,
         near: 1,
         aspectRatio: 1,
         far: 300
       },
-      shadowColor: "#3333331A",
-      visibleColor: "#FF990080",
-      orientation: {
-        heading: 0,
-        pitch: 0,
-        roll: 0
-      },
+      orientation: { heading: 0, pitch: 0, roll: 0 },
       position: [0, 0, 0]
     };
   }
-  /**
-   * @param {ViewshedOptions} options The options for the viewshed.
-   */
-  constructor(t) {
-    var o, e, s, n, d, r;
-    super(t), this._cesiumMap = null, this._shadowCamera = null, this._scene = null, this._frustumOptions = {
-      fov: ((o = t.frustumOptions) == null ? void 0 : o.fov) || I.getDefaultOptions().frustum.fov,
-      far: ((e = t.frustumOptions) == null ? void 0 : e.far) || I.getDefaultOptions().frustum.far,
-      near: ((s = t.frustumOptions) == null ? void 0 : s.near) || I.getDefaultOptions().frustum.near,
-      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, w), this._colors = {
-      visibleColor: Q.fromCssColorString(
-        ((d = t.colorOptions) == null ? void 0 : d.visibleColor) || I.getDefaultOptions().visibleColor
-      ),
-      shadowColor: Q.fromCssColorString(
-        ((r = t.colorOptions) == null ? void 0 : r.shadowColor) || I.getDefaultOptions().shadowColor
-      )
-    }, this._heightOffset = t.heightOffset || 0, this._shadowMap = null, this._primitive = null, this._showPrimitive = !!t.showPrimitive, this._positionChanged = new X(), 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
+   * @param coords The new positions coordinates in degrees
    */
   set position(t) {
-    le(t, [Number]), this._position = t, this._shadowCamera && (this._shadowCamera.position = W.fromDegrees(
+    me(t, [Number]), this._position = t, this._shadowCamera && (this._shadowCamera.position = x.fromDegrees(
       t[0],
       t[1],
       t[2] + this._heightOffset
     ), this._shadowCamera.setView({ orientation: this._headingPitchRollValues }), this._updatePrimitive()), this._positionChanged.raiseEvent(t);
   }
   /**
-   * @returns {import("ol/coordinate").Coordinate} The current position of the viewshed source.
+   * @returns The current position of the viewshed source.
    */
   get position() {
     return [...this._position];
   }
   /**
    * Getter for Event that is triggered each time the position is changed.
-   * @returns {import("@vcmap/core").VcsEvent<number[]>} The new position
+   * @returns The new position
    */
   get positionChanged() {
     return this._positionChanged;
   }
   /**
    * Sets the height offset of the viewshed.
-   * @param {number} value the offset that is added to the position height.
+   * @param value the offset that is added to the position height.
    */
   set heightOffset(t) {
-    this._heightOffset = t, this._shadowCamera && (this._shadowCamera.position = W.fromDegrees(
+    this._heightOffset = t, this._shadowCamera && (this._shadowCamera.position = x.fromDegrees(
       this.position[0],
       this.position[1],
       this.position[2] + t
     ), this._updatePrimitive());
   }
-  /**
-   * Getter for height offset.
-   * @returns {number}
-   */
   get heightOffset() {
     return this._heightOffset;
   }
   /**
    * Sets the reach of the viewshed.
-   * @param {number} value The distance in meters.
+   * @param 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 === w.THREESIXTY && this._updateShadowMap(), this._viewshedType === w.CONE && this._updatePrimitive());
+    this._frustumOptions.far = t > P.MIN_DISTANCE ? t : P.MIN_DISTANCE, this._shadowCamera && (this._shadowCamera.frustum.far = this._frustumOptions.far, this._viewshedType === "360" && this._updateShadowMap(), this._viewshedType === "cone" && this._updatePrimitive());
   }
   /**
    * Returns the reach of the viewshed.
-   * @returns {number} The distance in meters.
+   * @returns The distance in meters.
    */
   get distance() {
     return this._frustumOptions.far;
   }
   /**
    * Sets the field of view of a cone viewshed. Does not have a impact on 360 viewshed.
-   * @param {number} value The field of view in degrees.
+   * @param value The field of view in degrees.
    */
   set fov(t) {
-    this._frustumOptions.fov = t * x.RADIANS_PER_DEGREE, this._shadowCamera && (this._shadowCamera.frustum.fov = t * x.RADIANS_PER_DEGREE, this._viewshedType === w.CONE && (this._updateShadowMap(), this._updatePrimitive()));
+    this._frustumOptions.fov = t * F.RADIANS_PER_DEGREE, this._shadowCamera && (this._shadowCamera.frustum.fov = t * F.RADIANS_PER_DEGREE, this._viewshedType === "cone" && (this._updateShadowMap(), this._updatePrimitive()));
   }
   /**
    * Returns the field of view.
-   * @returns {number} The field of view in degrees.
+   * @returns The field of view in degrees.
    */
   get fov() {
-    return this._frustumOptions.fov * x.DEGREES_PER_RADIAN;
+    return this._frustumOptions.fov * F.DEGREES_PER_RADIAN;
   }
   /**
    * Sets the heading of a cone viewshed. Does not have impact on 360 viewshed.
-   * @param {number} value Heading in degrees.
+   * @param value Heading in degrees.
    */
   set heading(t) {
-    this._headingPitchRollValues.heading = t * x.RADIANS_PER_DEGREE, this._shadowCamera && (this._shadowCamera.setView({
+    this._headingPitchRollValues.heading = t * F.RADIANS_PER_DEGREE, this._shadowCamera && (this._shadowCamera.setView({
       orientation: {
-        heading: t * x.RADIANS_PER_DEGREE,
+        heading: t * F.RADIANS_PER_DEGREE,
         pitch: this._shadowCamera.pitch,
         roll: 0
       }
-    }), this._viewshedType === w.CONE && this._updatePrimitive());
+    }), this._viewshedType === "cone" && this._updatePrimitive());
   }
-  /**
-   * Getter for the heading of a cone viewshed.
-   * @returns {number} The heading in degress.
-   */
   get heading() {
-    return this._headingPitchRollValues.heading * x.DEGREES_PER_RADIAN;
+    return this._headingPitchRollValues.heading * F.DEGREES_PER_RADIAN;
   }
   /**
    * Sets the pitch of a cone viewshed. 0 is horizontal. Does not have impact on 360 viewshed.
-   * @param {number} value The pitch in degrees.
+   * @param value The pitch in degrees.
    */
   set pitch(t) {
-    if (this._headingPitchRollValues.pitch = t * x.RADIANS_PER_DEGREE, this._shadowCamera) {
-      const o = t * x.RADIANS_PER_DEGREE - this._shadowCamera.pitch;
-      this._shadowCamera.lookUp(o), this._viewshedType === w.CONE && this._updatePrimitive();
+    if (this._headingPitchRollValues.pitch = t * F.RADIANS_PER_DEGREE, this._shadowCamera) {
+      const i = t * F.RADIANS_PER_DEGREE - this._shadowCamera.pitch;
+      this._shadowCamera.lookUp(i), this._viewshedType === "cone" && this._updatePrimitive();
     }
   }
-  /**
-   * Getter for the pitch of a cone viewshed.
-   * @returns {number} The pitch in degrees.
-   */
   get pitch() {
-    return this._headingPitchRollValues.pitch * x.DEGREES_PER_RADIAN;
+    return this._headingPitchRollValues.pitch * F.DEGREES_PER_RADIAN;
   }
   /**
    * Sets whether the primitive of the viewshed should be shown or not.
-   * @param {boolean} value
+   * @param value
    */
   set showPrimitive(t) {
     this._showPrimitive = t, this._updatePrimitive();
   }
   /**
    * Gets if the primitive of the viewshed is shown or not.
-   * @returns {boolean}
    */
   get showPrimitive() {
     return this._showPrimitive;
   }
-  /**
-   * Returns the type of the Viewshed.
-   * @returns {ViewshedTypes}
-   */
   get type() {
     return this._viewshedType;
   }
-  /**
-   * @returns {ShadowMap|null}
-   */
   get shadowMap() {
     return this._shadowMap;
   }
@@ -418,14 +410,14 @@ const I = class I extends Ae {
   }
   /**
    * Activates viewshed.
-   * @param {import("@vcmap/core").CesiumMap} cesiumMap The cesium map to which the shadow map of the viewshed is applied to.
+   * @param The cesium map to which the shadow map of the viewshed is applied to.
    */
   activate(t) {
     if (this._active || (this._active = !0), t !== this._cesiumMap) {
       this._cesiumMap = t;
-      const o = t.getScene();
-      if (o)
-        this._shadowCamera = Dt(o, this._frustumOptions), this._position && (this.position = this._position), this._scene = o;
+      const i = t.getScene();
+      if (i)
+        this._shadowCamera = zt(i, this._frustumOptions), this._position && (this.position = this._position), this._scene = i;
       else
         throw new Error("CesiumMap contains no scene");
       this._updateShadowMap(), this._updatePrimitive();
@@ -436,12 +428,11 @@ const I = class I extends Ae {
    */
   _updateShadowMap() {
     var t;
-    !this._active || !this._shadowCamera || !this._cesiumMap || !this._scene || ((t = this._shadowMap) == null || t.destroy(), this._shadowMap = new Ye({
-      // @ts-ignore
+    !this._active || !this._shadowCamera || !this._cesiumMap || !this._scene || ((t = this._shadowMap) == null || t.destroy(), this._shadowMap = new ot({
       context: this._scene.context,
       lightCamera: this._shadowCamera,
       enabled: !0,
-      isPointLight: this._viewshedType === w.THREESIXTY,
+      isPointLight: this._viewshedType === "360",
       softShadows: !0,
       fromLightSource: !0,
       cascadesEnabled: !1,
@@ -455,26 +446,27 @@ const I = class I extends Ae {
     this._primitive && !this._primitive.isDestroyed() && ((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 Nt({
+    this._showPrimitive && this._active && this._scene ? (this._removePrimitive(), this._primitive = new Ht({
       camera: this._shadowCamera,
       allowPicking: !1,
-      spot: this._viewshedType === w.CONE
+      spot: this._viewshedType === "cone"
+      /* CONE */
     }), this._scene.primitives.add(this._primitive)) : this._removePrimitive();
   }
   /**
    * Sets distance and, in case of cone viewsheds, also heading and pitch. Only works when viewshed is **active**.
-   * @param {number[]} target Point to calculate distance, heading and pitch from.
+   * @param target Point to calculate distance, heading and pitch from.
    */
   lookAt(t) {
     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 === w.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({
+    const i = x.fromDegrees(t[0], t[1], t[2]);
+    if (this.distance = x.distance(this._shadowCamera.position, i), this.type === "cone" && !i.equals(this._shadowCamera.position)) {
+      const s = new x();
+      x.subtract(i, this._shadowCamera.position, i), x.normalize(i, i), x.normalize(this._shadowCamera.position, s), this._shadowCamera.setView({
         orientation: {
-          direction: o,
-          up: e
+          direction: i,
+          up: s
         }
       }), this._headingPitchRollValues.heading = this._shadowCamera.heading, this._headingPitchRollValues.pitch = this._shadowCamera.pitch;
     }
@@ -482,7 +474,6 @@ const I = class I extends Ae {
   }
   /**
    * Returns an object with all the settings of a viewshed instance.
-   * @returns {ViewshedOptions}
    */
   toJSON() {
     return {
@@ -499,24 +490,128 @@ const I = class I extends Ae {
       heightOffset: this.heightOffset
     };
   }
-  /**
-   * Destroys the viewshed.
-   */
   destroy() {
-    var e;
-    const t = this._cesiumMap, o = this._shadowMap;
-    this.deactivate(), ((e = t == null ? void 0 : t.getScene()) == null ? void 0 : e.shadowMap) === o && t.setDefaultShadowMap();
+    var s;
+    const t = this._cesiumMap, i = this._shadowMap;
+    this.deactivate(), ((s = t == null ? void 0 : t.getScene()) == null ? void 0 : s.shadowMap) === i && t.setDefaultShadowMap();
   }
 };
-de(I, "MIN_DISTANCE", 10);
-let D = I;
-class xt extends Re {
+C(P, "MIN_DISTANCE", 10);
+let B = P;
+const y = {
+  ERROR: 2,
+  WARN: 4,
+  INFO: 8,
+  DEBUG: 16
+}, G = {
+  ERROR: 0,
+  WARN: 0,
+  INFO: 0,
+  DEBUG: 0
+};
+G.ERROR = y.ERROR | y.WARN | y.INFO | y.DEBUG;
+G.WARN = y.WARN | y.INFO | y.DEBUG;
+G.INFO = y.INFO | y.DEBUG;
+G.DEBUG = y.DEBUG;
+const Q = {
+  logLevel: y.INFO
+}, se = /* @__PURE__ */ new Map();
+se.set(y.ERROR, "error");
+se.set(y.WARN, "warn");
+se.set(y.INFO, "info");
+se.set(y.DEBUG, "log");
+class Kt {
+  /**
+   * @param {string=} className
+   */
+  constructor(o) {
+    this.className = o, this.deprecations = /* @__PURE__ */ new Map();
+  }
   /**
-   *
-   * @param {import("./viewshed").default} viewshed
+   * Logs an error message
+   * @param {string} msg The message to log.
+   * @param {...any} optArgs
    */
+  error(o, ...t) {
+    Q.logLevel & G.ERROR && this._log(String(o), y.ERROR, t);
+  }
+  /**
+   * Logs a warning message
+   * @param {string} msg The message to log.
+   * @param {...any} optArgs
+   */
+  warning(o, ...t) {
+    Q.logLevel & G.WARN && this._log(String(o), y.WARN, t);
+  }
+  /**
+   * Deprecate a function. deprecations are stored on the logger
+   * @param {string} functionName
+   * @param {string=} alternativeFunctionName
+   */
+  deprecate(o, t) {
+    const i = String(o), s = t ? String(t) : null;
+    if (!this.deprecations.has(i)) {
+      this.deprecations.set(i, s || null);
+      let n = `${i} has been deprecated and will be removed`;
+      s && (n = `${n}. ${s}`), this.warning(n);
+    }
+  }
+  /**
+   * Logs an info message
+   * @param {string} msg The message to log.
+   * @param {...any} optArgs
+   */
+  info(o, ...t) {
+    Q.logLevel & G.INFO && this._log(String(o), y.INFO, t);
+  }
+  /**
+   * Logs a debug message
+   * @param {string} msg The message to log.
+   * @param {...any} optArgs
+   */
+  debug(o, ...t) {
+    Q.logLevel & G.DEBUG && this._log(String(o), y.DEBUG, t);
+  }
+  /**
+   * Alias for debug
+   * @param {string} msg The message to log.
+   * @param {...any} optArgs
+   */
+  log(o, ...t) {
+    Q.logLevel & G.DEBUG && this._log(String(o), y.DEBUG, t);
+  }
+  /**
+   * Logs a message
+   * @param {string} msg The message to log.
+   * @param {LOG_LEVEL} level
+   * @param {Array} optArgs
+   * @private
+   */
+  _log(o, t, i) {
+    let s = o;
+    this.className && (s = `[${this.className}] ${s}`), console[se.get(t)](s, ...i), t & y.ERROR && (console.group(), console.trace(), console.groupEnd());
+  }
+}
+const he = /* @__PURE__ */ new Map();
+function Yt(e) {
+  const o = new Kt(e);
+  return he.set(e, o), o;
+}
+function De(e) {
+  return he.has(e) ? he.get(e) : Yt(e);
+}
+const A = "@vcmap/viewshed", Xt = "4.0.0", Jt = "^6.3";
+class Zt extends Ge {
   constructor(t) {
-    super(Y.CLICKMOVE), this._viewshed = t, this._positioned = new X(), this._finished = new X(), this._position = !1, this.setActive();
+    super(ee.CLICKMOVE);
+    C(this, "_viewshed");
+    C(this, "_positioned", new te());
+    C(this, "_finished", new te());
+    C(this, "_position", !1);
+    this._viewshed = t, this.setActive();
+  }
+  static get className() {
+    return "ViewshedInteraction";
   }
   get finished() {
     return this._finished;
@@ -525,441 +620,513 @@ class xt extends Re {
     return this._positioned;
   }
   async pipe(t) {
-    return t.position && (this._position ? (this._viewshed.lookAt(z.mercatorToWgs84(t.position)), t.type & Y.CLICK && (this.setActive(!1), this._finished.raiseEvent(null))) : (this._viewshed.position = z.mercatorToWgs84(t.position), t.type & Y.CLICK && (this._position = !0, this._positioned.raiseEvent(null)))), t;
+    return t.position && (this._position ? (this._viewshed.lookAt(J.mercatorToWgs84(t.position)), t.type & ee.CLICK && (this.setActive(!1), this._finished.raiseEvent(null))) : (this._viewshed.position = J.mercatorToWgs84(t.position), t.type & ee.CLICK && (this._position = !0, this._positioned.raiseEvent(null)))), Promise.resolve(t);
   }
   destroy() {
     super.destroy(), this._finished.destroy(), this._positioned.destroy();
   }
 }
-const P = {
-  ABSOLUTE: "absolute",
-  RELATIVE: "relative"
-}, E = {
-  CREATE: "create",
-  VIEW: "view",
-  EDIT: "edit",
-  MOVE: "move",
-  MULTI_SELECT: "multiSelect"
-}, ge = 1.8;
-function kt(i) {
-  const t = new ke({
-    projection: Le.toJSON(),
-    zIndex: Fe - 1
+var X = /* @__PURE__ */ ((e) => (e.ABSOLUTE = "absolute", e.RELATIVE = "relative", e))(X || {}), T = /* @__PURE__ */ ((e) => (e.CREATE = "create", e.VIEW = "view", e.EDIT = "edit", e.MOVE = "move", e.MULTI_SELECT = "multiSelect", e))(T || {});
+const Se = 1.8;
+function qt(e) {
+  const o = new He({
+    projection: Ke.toJSON(),
+    zIndex: ze - 1
+  });
+  Ye(o), o.activate().catch((i) => {
+    De(A).error("Failed to activate layer", String(i));
   });
-  je(t), t.activate();
-  const o = new st(new nt(i));
-  return o.setStyle(new at({})), t.addFeatures([o]), t.vectorProperties.altitudeMode = Je.NONE, {
-    layer: t,
-    feature: o,
+  const t = new vt(new mt(e));
+  return t.setStyle(new wt({})), o.addFeatures([t]), o.vectorProperties.altitudeMode = nt.NONE, {
+    layer: o,
+    feature: t,
     destroy() {
-      o.dispose(), t.destroy();
+      t.dispose(), o.destroy();
     }
   };
 }
-function ie(i, t) {
-  const o = t === P.ABSOLUTE ? Y.CLICKMOVE : Y.NONE;
-  i.setActive(o), i.pickPosition = o, i.pullPickedPosition = 1.8;
+function le(e, o) {
+  const t = o === "absolute" ? ee.CLICKMOVE : ee.NONE;
+  e.setActive(t), e.pickPosition = t, e.pullPickedPosition = 1.8;
 }
-function Lt(i, t, o) {
-  const e = Z(null), s = U(null), n = U(null), d = U(P.ABSOLUTE);
-  let r = () => {
+function Qt(e, o, t) {
+  const i = ae(null), s = K(null), n = K(null), a = K(
+    "absolute"
+    /* ABSOLUTE */
+  ), l = ae(null);
+  let u = () => {
   };
-  const l = Z(null), _ = Z([]);
+  const d = ae([]);
   let c = () => {
   };
   function f() {
-    var a;
-    s.value && e.value ? (e.value.deactivate(), o.setVisibility(e.value.name, !1)) : (a = e.value) == null || a.destroy();
+    var r;
+    s.value && i.value ? (i.value.deactivate(), t.setVisibility(i.value.name, !1)) : (r = i.value) == null || r.destroy();
   }
-  function m(a = !0) {
-    c(), r(), f(), e.value = null, a && o.clearSelection(), s.value = null, n.value = null;
+  function h(r = !0) {
+    c(), u(), f(), i.value = null, r && t.clearSelection(), s.value = null, n.value = null;
   }
-  function g(a) {
-    c(), f(), i.maps.activeMap instanceof $ && (e.value = a, a.activate(i.maps.activeMap), c = i.maps.activeMap.shadowMapChanged.addEventListener((v) => {
-      var u;
-      v !== ((u = e.value) == null ? void 0 : u.shadowMap) && m(!1);
+  function g(r) {
+    c(), f(), e.maps.activeMap instanceof z && (i.value = r, r.activate(e.maps.activeMap), c = e.maps.activeMap.shadowMapChanged.addEventListener((p) => {
+      var E;
+      p !== ((E = i.value) == null ? void 0 : E.shadowMap) && h(!1);
     }));
   }
-  async function y(a) {
-    m(), await Ze();
-    const { eventHandler: v } = i.maps, { featureInteraction: u } = v, C = new D({
-      viewshedType: a,
+  async function b(r) {
+    h(), await at();
+    const { eventHandler: p } = e.maps, { featureInteraction: E } = p, S = new B({
+      viewshedType: r,
       colorOptions: {
-        visibleColor: t.visibleColor,
-        shadowColor: t.shadowColor
+        visibleColor: o.visibleColor,
+        shadowColor: o.shadowColor
       },
-      heightOffset: d.value === P.ABSOLUTE ? 0 : ge
+      heightOffset: a.value === "absolute" ? 0 : Se
     });
-    g(C);
-    const V = new xt(e.value);
-    V.finished.addEventListener(() => {
-      r(), e.value ? (e.value.showPrimitive = !0, n.value = E.EDIT) : m();
+    g(S);
+    const I = new Zt(i.value);
+    I.finished.addEventListener(() => {
+      u(), i.value ? (i.value.showPrimitive = !0, n.value = "edit") : h();
     });
-    const O = v.addExclusiveInteraction(
-      V,
+    const w = p.addExclusiveInteraction(
+      I,
       () => {
-        V.destroy();
+        I.destroy();
       }
     );
-    ie(u, d.value), V.positioned.addEventListener(() => {
-      ie(u, P.ABSOLUTE);
-    }), r = () => {
-      O(), V.destroy(), u.setActive(), r = () => {
+    le(E, a.value), I.positioned.addEventListener(() => {
+      le(
+        E,
+        "absolute"
+        /* ABSOLUTE */
+      );
+    }), u = () => {
+      w(), I.destroy(), E.setActive(), u = () => {
       };
-    }, n.value = E.CREATE;
+    }, n.value = "create";
   }
-  function k(a) {
-    var v;
-    if (e.value && a) {
-      r();
+  function N(r) {
+    var p;
+    if (i.value && r) {
+      u();
       const {
-        layer: u,
-        feature: C,
-        destroy: V
-      } = kt(e.value.position);
-      i.layers.add(u), _.value = [C], d.value === P.ABSOLUTE ? (l.value = De(i, u), l.value.setFeatures([C])) : (l.value = xe(i, u), l.value.setFeature(C)), l.value.stopped.addEventListener(() => {
-        r();
+        layer: E,
+        feature: S,
+        destroy: I
+      } = qt(i.value.position);
+      e.layers.add(E), d.value = [S], a.value === "absolute" ? (l.value = Ue(e, E), l.value.setFeatures([S])) : (l.value = xe(e, E), l.value.setFeature(S)), l.value.stopped.addEventListener(() => {
+        u();
       });
-      const O = (v = C.getGeometry()) == null ? void 0 : v.on("change", () => {
-        e.value ? e.value.position = z.mercatorToWgs84(
-          /** @type {import("ol/geom").Point} */
-          C.getGeometry().getCoordinates()
-        ) : m();
+      const w = (p = S.getGeometry()) == null ? void 0 : p.on("change", () => {
+        i.value ? i.value.position = J.mercatorToWgs84(
+          S.getGeometry().getCoordinates()
+        ) : h();
       });
-      n.value = E.MOVE, r = () => {
-        var K;
-        r = () => {
-        }, O && ot(O), (K = l.value) == null || K.stop(), l.value = null, _.value = [], i.layers.remove(u), V(), n.value = E.EDIT;
+      n.value = "move", u = () => {
+        var M;
+        u = () => {
+        }, w && pt(w), (M = l.value) == null || M.stop(), l.value = null, d.value = [], e.layers.remove(E), I(), n.value = "edit";
       };
     } else
-      r();
+      u();
   }
-  function S(a, v) {
-    r(), e.value !== v && (g(v), d.value = v.heightOffset ? P.RELATIVE : P.ABSOLUTE), s.value = !!v.properties.title, n.value = a, s.value && o.setVisibility(v.name, !0);
+  function O(r, p) {
+    u(), i.value !== p && (g(p), a.value = p.heightOffset ? "relative" : "absolute"), s.value = !!p.properties.title, n.value = r, s.value && t.setVisibility(p.name, !0);
   }
-  const L = [
-    o.collectionComponent.collection.removed.addEventListener(
-      (a) => {
-        var v;
-        o.remove(a.name), ((v = e.value) == null ? void 0 : v.name) === a.name && m();
+  const U = [
+    t.collectionComponent.collection.removed.addEventListener(
+      (r) => {
+        var p;
+        t.remove(r.name), ((p = i.value) == null ? void 0 : p.name) === r.name && h();
       }
     ),
-    o.renamed.addEventListener(({ item: a, title: v }) => {
-      var C;
-      const u = i.windowManager.get(
-        `${o.collectionComponent.id}-editor`
+    t.renamed.addEventListener(({ item: r, title: p }) => {
+      var S;
+      const E = e.windowManager.get(
+        `${t.collectionComponent.id}-editor`
       );
-      u && ((C = e.value) == null ? void 0 : C.name) === a.name && (u.state.headerTitle = v);
+      E && ((S = i.value) == null ? void 0 : S.name) === r.name && (E.state.headerTitle = p);
     }),
-    o.visibilityChanged.addEventListener((a) => {
-      var u;
-      const v = ((u = e.value) == null ? void 0 : u.name) === a.name;
-      v ? m() : (S(E.VIEW, a), o.clearSelection()), o.setVisibility(a.name, !v);
+    t.visibilityChanged.addEventListener(({ item: r }) => {
+      var E;
+      const p = ((E = i.value) == null ? void 0 : E.name) === r.name;
+      p ? h() : (O("view", r), t.clearSelection()), t.setVisibility(r.name, !p);
     })
   ];
-  function T(a) {
-    if (!(a === d.value || !e.value)) {
-      if (d.value = a, n.value === E.MOVE && r(), n.value === E.CREATE)
-        ie(
-          i.maps.eventHandler.featureInteraction,
-          a
-        ), e.value.heightOffset = a === P.ABSOLUTE ? 0 : ge;
-      else if (n.value === E.EDIT) {
-        const { position: v, heightOffset: u } = e.value;
-        a === P.RELATIVE ? i.maps.activeMap.getHeightFromTerrain([z.wgs84ToMercator(v)]).then((C) => {
-          const V = z.mercatorToWgs84(C[0]);
-          e.value && (e.value.heightOffset = v[2] - V[2], e.value.position = V);
-        }) : (e.value.position = [
-          v[0],
-          v[1],
-          v[2] + u
-        ], e.value.heightOffset = 0);
+  function k(r) {
+    if (!(r === a.value || !i.value)) {
+      if (a.value = r, n.value === "move" && u(), n.value === "create")
+        le(
+          e.maps.eventHandler.featureInteraction,
+          r
+        ), i.value.heightOffset = r === "absolute" ? 0 : Se;
+      else if (n.value === "edit") {
+        const { position: p, heightOffset: E } = i.value;
+        r === "relative" ? e.maps.activeMap.getHeightFromTerrain([J.wgs84ToMercator(p)]).then((S) => {
+          const I = J.mercatorToWgs84(S[0]);
+          i.value && (i.value.heightOffset = p[2] - I[2], i.value.position = I);
+        }).catch((S) => {
+          De(A).error(
+            "Failed to get height from terrain",
+            String(S)
+          );
+        }) : (i.value.position = [
+          p[0],
+          p[1],
+          p[2] + E
+        ], i.value.heightOffset = 0);
       }
     }
   }
   return {
-    currentViewshed: e,
+    currentViewshed: i,
     currentIsPersisted: s,
     currentEditSession: l,
-    currentFeatures: _,
-    createViewshed: y,
-    viewViewshed(a) {
-      S(E.VIEW, a);
+    currentFeatures: d,
+    createViewshed: b,
+    viewViewshed(r) {
+      O("view", r);
     },
-    editViewshed(a) {
-      S(E.EDIT, a), s.value && (o.setSelection(a.name), o.collectionComponent.openEditorWindow(a));
+    editViewshed(r) {
+      O("edit", r), s.value && t.setSelection(r.name);
     },
     persistCurrent() {
-      e.value && (o.add(e.value), s.value = !0, o.setSelection(e.value.name), o.setVisibility(e.value.name, !0));
+      i.value && (t.add(i.value), s.value = !0, t.setSelection(i.value.name), t.setVisibility(i.value.name, !0));
     },
-    moveCurrentViewshed: k,
+    moveCurrentViewshed: N,
     setupMultiSelect() {
-      r(), n.value = E.MULTI_SELECT, f(), e.value = null;
+      u(), n.value = "multiSelect", f(), i.value = null;
     },
     mode: n,
-    heightMode: d,
-    changeHeightMode: T,
+    heightMode: a,
+    changeHeightMode: k,
     async placeCurrentFeaturesOnTerrain() {
-      var a, v;
-      if (e.value && ((a = l.value) == null ? void 0 : a.type) === Ne.EDIT_FEATURES && i.maps.activeMap instanceof $) {
-        const C = (await i.maps.activeMap.getHeightFromTerrain([
-          z.wgs84ToMercator((v = e.value) == null ? void 0 : v.position)
-        ]))[0][2] - e.value.position[2];
-        l.value.translate(0, 0, C);
+      var r, p;
+      if (i.value && ((r = l.value) == null ? void 0 : r.type) === Be.EDIT_FEATURES && e.maps.activeMap instanceof z) {
+        const S = (await e.maps.activeMap.getHeightFromTerrain([
+          J.wgs84ToMercator((p = i.value) == null ? void 0 : p.position)
+        ]))[0][2] - i.value.position[2];
+        l.value.translate(0, 0, S);
       }
     },
-    stop: m,
+    stop: h,
     destroy() {
-      m(), L.forEach((a) => a());
+      h(), U.forEach((r) => {
+        r();
+      });
     }
   };
 }
-const Se = (i, t) => {
-  const o = i.__vccOpts || i;
-  for (const [e, s] of t)
-    o[e] = s;
-  return o;
-}, Ft = {
-  distance: [D.MIN_DISTANCE, 2e3],
+const ei = {
+  distance: [B.MIN_DISTANCE, 2e3],
   fov: [25, 85],
   heading: [0, 360],
   pitch: [-90, 90]
-}, jt = {
+}, ti = Me({
+  name: "ViewshedWindow",
   components: {
-    VcsTextField: rt,
-    VContainer: ye,
-    VRow: Ve,
-    VCol: be,
-    VcsSlider: lt,
-    VcsLabel: _e,
-    VcsFormSection: Ce,
-    VDivider: Ct,
-    VcsSelect: Ee,
-    VcsFormButton: dt,
-    VcsFeatureTransforms: ct,
-    VcsHelp: ut
+    VCol: Pe,
+    VDivider: It,
+    VRow: Ie,
+    VcsFormButton: bt,
+    VcsFeatureTransforms: yt,
+    VcsFormSection: Ne,
+    VcsHelp: Et,
+    VcsLabel: Re,
+    VcsLabeledSlider: _t,
+    VcsSelect: Te,
+    VcsTextField: Ct,
+    VcsWorkspaceWrapper: gt
   },
-  name: "ViewshedWindow",
   props: {
     getViewshed: {
       type: Function,
-      required: !1,
-      default: void 0
+      default: () => {
+      }
     },
     selection: {
       type: Object,
-      required: !1,
-      default: void 0
+      default: () => {
+      }
     }
   },
-  setup(i) {
-    var v;
-    const t = (
-      /** @type {import("./viewshedManager.js").ViewshedManager} */
-      me("manager")
-    ), o = (
-      /** @type {import("@vcmap/ui").VcsUiApp} */
-      me("vcsApp")
-    ), {
-      currentViewshed: e,
+  setup(e) {
+    var r, p, E, S, I;
+    const o = ce("manager"), t = ce("vcsApp"), {
+      currentViewshed: i,
       mode: s,
       currentIsPersisted: n
-    } = t, d = U(
-      ((v = o.maps.activeMap) == null ? void 0 : v.movementApiCallsDisabled) ?? !1
+    } = o, a = K(
+      ((r = t.maps.activeMap) == null ? void 0 : r.movementApiCallsDisabled) ?? !1
     );
-    let r = () => {
-    };
-    const l = ve(() => i.selection);
-    let _ = () => {
+    let l, u = () => {
     };
-    const c = ee({
+    const d = oe({
       X: void 0,
       Y: void 0,
       Z: void 0
-    }), f = Z();
-    let m = () => {
+    }), c = ae();
+    let f = () => {
     };
-    const g = ee({
+    const h = oe({
       showPrimitive: !1,
-      distance: void 0,
-      fov: void 0,
-      heading: void 0,
-      pitch: void 0
-    }), y = U();
-    function k() {
-      e.value && (c.X = e.value.position[0], c.Y = e.value.position[1], c.Z = t.heightMode.value === P.ABSOLUTE ? e.value.position[2] : e.value.heightOffset);
+      distance: ((p = i.value) == null ? void 0 : p.distance) || 0,
+      fov: ((E = i.value) == null ? void 0 : E.fov) || 0,
+      heading: ((S = i.value) == null ? void 0 : S.heading) || 0,
+      pitch: ((I = i.value) == null ? void 0 : I.pitch) || 0
+    }), g = K();
+    function b() {
+      i.value && (d.X = i.value.position[0], d.Y = i.value.position[1], d.Z = o.heightMode.value === X.ABSOLUTE ? i.value.position[2] : i.value.heightOffset);
     }
-    function S() {
-      k(), 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, y.value = e.value.type);
+    function N() {
+      b(), i.value && (h.distance = i.value.distance, h.fov = i.value.fov, h.heading = i.value.heading, h.pitch = i.value.pitch, h.showPrimitive = i.value.showPrimitive, g.value = i.value.type);
     }
-    qe(() => {
-      e.value && s.value !== E.CREATE && S();
-    }), G(
-      e,
+    rt(() => {
+      i.value && s.value !== T.CREATE && N();
+    }), Z(
+      i,
       () => {
-        e.value && (_(), _ = e.value.positionChanged.addEventListener(() => {
-          k(), m();
+        i.value && (u(), u = i.value.positionChanged.addEventListener(() => {
+          b(), f();
         }));
       },
       { immediate: !0 }
     );
-    async function L() {
-      var V, O;
-      (V = e.value) == null || V.deactivate();
-      const u = (
-        /** @type {import("@vcmap/core").CesiumMap} */
-        (O = o.maps.activeMap.getScene()) == null ? void 0 : O.camera
-      ), C = u == null ? void 0 : u.changed.addEventListener(() => {
-        m();
-      });
-      m = () => {
-        var K;
-        C == null || C(), f.value = null, (K = e.value) == null || K.activate(o.maps.activeMap), m = () => {
+    function O() {
+      var D, L;
+      (D = i.value) == null || D.deactivate();
+      const w = (L = t.maps.activeMap.getScene()) == null ? void 0 : L.camera, M = w == null ? void 0 : w.changed.addEventListener(
+        f
+      );
+      f = () => {
+        var we;
+        M == null || M(), c.value = null, (we = i.value) == null || we.activate(t.maps.activeMap), f = () => {
         };
       };
     }
-    Qe(() => {
-      var C, V;
-      const u = (C = i.getViewshed) == null ? void 0 : C.call(i);
-      u && t.editViewshed(u), r = (V = o.maps.activeMap) == null ? void 0 : V.movementDisabledChanged.addEventListener(
-        (O) => {
-          d.value = O.apiCalls;
+    lt(() => {
+      var M, D;
+      const w = (M = e.getViewshed) == null ? void 0 : M.call(e);
+      w && o.editViewshed(w), l = (D = t.maps.activeMap) == null ? void 0 : D.movementDisabledChanged.addEventListener(
+        (L) => {
+          a.value = L.apiCalls;
         }
       );
-    }), et(() => {
-      _(), m(), r(), n.value || ((s.value === E.EDIT || s.value === E.MOVE) && e.value ? t.viewViewshed(e.value) : s.value === E.CREATE && t.stop()), l.value && (l.value.length > 1 ? t.setupMultiSelect() : l.value.length === 1 && e.value ? t.viewViewshed(e.value) : (
+    }), ct(() => {
+      var w;
+      u(), f(), l == null || l(), n.value || ((s.value === T.EDIT || s.value === T.MOVE) && i.value ? o.viewViewshed(i.value) : s.value === T.CREATE && o.stop()), (w = e.selection) != null && w.value && (e.selection.value.length > 1 ? o.setupMultiSelect() : e.selection.value.length === 1 && i.value ? o.viewViewshed(i.value) : (
         // when a persited viewshed is deselected, stops plugin
-        !l.value.length && s.value === E.EDIT && t.stop(!1)
+        !e.selection.value.length && s.value === T.EDIT && o.stop(!1)
       ));
-    }), S();
-    function T(u, C) {
-      m(), e.value && (g[u] = C, e.value[u] = C);
+    }), N();
+    function U(w, M) {
+      f(), i.value && (h[w] = M, i.value[w] = M);
     }
-    const a = ve(() => {
-      const u = [];
-      return y.value === w.CONE && u.push({
+    const k = dt(() => {
+      const w = [];
+      return g.value === _.CONE && w.push({
         name: "jumpToViewpoint",
-        title: f.value ? "viewshed.returnToViewpoint" : "viewshed.jumpToViewpoint",
+        title: c.value ? "viewshed.returnToViewpoint" : "viewshed.jumpToViewpoint",
         icon: "mdi-human-male",
-        active: !!f.value,
-        disabled: d.value,
+        active: !!c.value,
+        disabled: a.value,
         async callback() {
-          var C, V, O;
-          t.moveCurrentViewshed(!1), e.value && !f.value ? (f.value = await ((C = o.maps.activeMap) == null ? void 0 : C.getViewpoint()), await ((V = o.maps.activeMap) == null ? void 0 : V.gotoViewpoint(
-            new We({
+          var M, D, L;
+          o.moveCurrentViewshed(!1), i.value && !c.value ? (c.value = await ((M = t.maps.activeMap) == null ? void 0 : M.getViewpoint()), await ((D = t.maps.activeMap) == null ? void 0 : D.gotoViewpoint(
+            new Xe({
               groundPosition: [
-                e.value.position[0],
-                e.value.position[1],
-                e.value.position[2] + e.value.heightOffset
+                i.value.position[0],
+                i.value.position[1],
+                i.value.position[2] + i.value.heightOffset
               ],
-              heading: e.value.heading,
-              pitch: e.value.pitch,
+              heading: i.value.heading,
+              pitch: i.value.pitch,
               distance: 0,
               animate: !0
               // if not animate, async does not work and the cameraChanged listener is triggered immediately. alternatively set timeout
             })
-          )), L()) : f.value && ((O = o.maps.activeMap) == null || O.gotoViewpoint(f.value), m());
+          )), O()) : c.value && (await ((L = t.maps.activeMap) == null ? void 0 : L.gotoViewpoint(c.value)), f());
         }
-      }), u.push({
+      }), w.push({
         name: "moveViewshed",
         title: "viewshed.move",
-        icon: t.heightMode.value === P.RELATIVE ? "$vcsEditVertices" : "mdi-axis-arrow",
-        active: s.value === E.MOVE,
+        icon: o.heightMode.value === X.RELATIVE ? "$vcsEditVertices" : "mdi-axis-arrow",
+        active: s.value === T.MOVE,
         callback() {
-          t.moveCurrentViewshed(
-            s.value !== E.MOVE
+          o.moveCurrentViewshed(
+            s.value !== T.MOVE
           );
         }
-      }), u.unshift({
+      }), w.unshift({
         name: "showPrimitive",
         title: "viewshed.showPrimitive",
         icon: "mdi-eye",
-        active: g.showPrimitive,
+        active: h.showPrimitive,
         callback() {
-          this.active = !this.active, T("showPrimitive", this.active);
+          this.active = !this.active, U("showPrimitive", this.active);
         }
-      }), u;
+      }), w;
     });
     return {
-      position: c,
-      setPosition(u, C, V) {
-        if (m(), !!e.value) {
-          if (V === 2 && t.heightMode.value === P.RELATIVE)
-            e.value.heightOffset = Number(u);
+      position: d,
+      setPosition(w, M, D) {
+        if (f(), !!i.value) {
+          if (D === 2 && o.heightMode.value === X.RELATIVE)
+            i.value.heightOffset = Number(w);
           else {
-            const O = [...e.value.position];
-            O[V] = Number(u), e.value.position = O;
+            const L = [...i.value.position];
+            L[D] = Number(w), i.value.position = L;
           }
-          c[C] = Number(u);
+          d[M] = Number(w);
         }
       },
-      parameters: g,
-      setParameter: T,
-      parameterRanges: Ft,
-      ViewshedPluginModes: E,
+      parameters: h,
+      setParameter: U,
+      parameterRanges: ei,
+      ViewshedPluginModes: T,
       viewshedMode: s,
       currentIsPersisted: n,
-      viewshedType: y,
-      ViewshedTypes: w,
-      HeightModes: P,
-      heightMode: t.heightMode,
-      TransformationMode: Be,
-      changeHeightMode: t.changeHeightMode,
+      viewshedType: g,
+      ViewshedTypes: _,
+      HeightModes: X,
+      heightMode: o.heightMode,
+      heightModes: Object.values(X).map((w) => ({
+        value: w,
+        title: `viewshed.${w}`
+      })),
+      TransformationMode: Je,
+      changeHeightMode: (w) => {
+        o.changeHeightMode(w);
+      },
       async createNewViewshed() {
-        await t.createViewshed(y.value);
+        await o.createViewshed(g.value);
+      },
+      addToMyWorkspace: () => {
+        o.persistCurrent();
       },
-      addToMyWorkspace: () => t.persistCurrent(),
-      cancel: () => t.stop(),
-      headerActions: a
+      cancel: () => {
+        o.stop();
+      },
+      headerActions: k
     };
   }
-}, Wt = { key: 0 }, Bt = { class: "px-1 py-0" }, Ut = { key: 0 }, $t = { key: 1 }, Ht = {
-  key: 3,
-  class: "d-flex w-full justify-space-between px-2 pt-2 pb-1"
-}, zt = {
-  key: 4,
-  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"), r = b("v-row"), l = b("VcsFeatureTransforms"), _ = b("VcsTextField"), c = b("v-col"), f = b("v-container"), m = b("VcsFormSection"), g = b("v-divider"), y = b("VcsLabel"), k = 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(), N(d, { key: 0 }, {
-        default: h(() => [
-          F(
-            A(i.$t("viewshed.createDescription")),
+}), ke = (e, o) => {
+  const t = e.__vccOpts || e;
+  for (const [i, s] of o)
+    t[i] = s;
+  return t;
+}, ii = { key: 0 }, oi = { class: "px-1" };
+function si(e, o, t, i, s, n) {
+  const a = V("VcsHelp"), l = V("VcsLabel"), u = V("v-col"), d = V("VcsSelect"), c = V("v-row"), f = V("v-divider"), h = V("VcsFormButton"), g = V("VcsFeatureTransforms"), b = V("VcsTextField"), N = V("VcsFormSection"), O = V("VcsLabeledSlider"), U = V("VcsWorkspaceWrapper");
+  return R(), q("div", null, [
+    Y(" CREATE "),
+    e.viewshedMode === e.ViewshedPluginModes.CREATE ? (R(), q("div", ii, [
+      e.viewshedType === e.ViewshedTypes.CONE ? (R(), W(a, { key: 0 }, {
+        default: m(() => [
+          H(
+            j(e.$t("viewshed.createDescription")),
             1
             /* TEXT */
           )
         ]),
         _: 1
         /* STABLE */
-      })) : e.viewshedType === e.ViewshedTypes.THREESIXTY ? (M(), N(d, { key: 1 }, {
-        default: h(() => [
-          F(
-            A(i.$t("viewshed.createThreeSixtyDescription")),
+      })) : e.viewshedType === e.ViewshedTypes.THREESIXTY ? (R(), W(a, { key: 1 }, {
+        default: m(() => [
+          H(
+            j(e.$t("viewshed.createThreeSixtyDescription")),
             1
             /* TEXT */
           )
         ]),
         _: 1
         /* STABLE */
-      })) : H("v-if", !0)
-    ])) : e.viewshedMode === e.ViewshedPluginModes.EDIT || e.viewshedMode === e.ViewshedPluginModes.MOVE ? (M(), N(m, {
+      })) : Y("v-if", !0),
+      v(c, {
+        "no-gutters": "",
+        class: "px-1"
+      }, {
+        default: m(() => [
+          v(u, null, {
+            default: m(() => [
+              v(l, { "html-for": "heightMode" }, {
+                default: m(() => [
+                  H(
+                    j(e.$t("viewshed.heightMode")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          v(u, null, {
+            default: m(() => [
+              v(d, {
+                id: "heightMode",
+                items: e.heightModes,
+                "model-value": e.heightMode,
+                "onUpdate:modelValue": e.changeHeightMode
+              }, null, 8, ["items", "model-value", "onUpdate:modelValue"])
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      }),
+      v(f),
+      v(c, {
+        "no-gutters": "",
+        class: "px-2 pt-2 pb-1 d-flex justify-end"
+      }, {
+        default: m(() => [
+          v(h, {
+            onClick: o[0] || (o[0] = (k) => e.cancel())
+          }, {
+            default: m(() => [
+              H(
+                j(e.$t("viewshed.cancel")),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      })
+    ])) : Y("v-if", !0),
+    Y(" EDIT AND MOVE "),
+    e.viewshedMode === e.ViewshedPluginModes.EDIT || e.viewshedMode === e.ViewshedPluginModes.MOVE ? (R(), W(U, {
       key: 1,
-      "header-actions": e.headerActions,
-      heading: "viewshed.viewpoint",
-      "action-button-list-overflow-count": 3
+      "disable-add": e.currentIsPersisted,
+      class: "wrapper",
+      onAddClicked: e.addToMyWorkspace,
+      onNewClicked: e.createNewViewshed
     }, {
-      default: h(() => [
-        p(f, { class: "px-1 py-0" }, {
-          default: h(() => [
-            p(r, { "no-gutters": "" }, {
-              default: h(() => [
-                tt(
+      default: m(() => [
+        v(N, {
+          "header-actions": e.headerActions,
+          heading: "viewshed.viewpoint",
+          "action-button-list-overflow-count": 3
+        }, {
+          default: m(() => [
+            v(c, {
+              "no-gutters": "",
+              class: "px-1"
+            }, {
+              default: m(() => [
+                ut(
                   "span",
-                  Bt,
-                  A(i.$t("viewshed.position")),
+                  oi,
+                  j(e.$t("viewshed.position")),
                   1
                   /* TEXT */
                 )
@@ -967,12 +1134,13 @@ function Gt(i, t, o, e, s, n) {
               _: 1
               /* STABLE */
             }),
-            e.viewshedMode === e.ViewshedPluginModes.MOVE && e.heightMode === e.HeightModes.ABSOLUTE ? (M(), N(r, {
+            e.viewshedMode === e.ViewshedPluginModes.MOVE && e.heightMode === e.HeightModes.ABSOLUTE ? (R(), W(c, {
               key: 0,
-              "no-gutters": ""
+              "no-gutters": "",
+              class: "px-1"
             }, {
-              default: h(() => [
-                p(l, {
+              default: m(() => [
+                v(g, {
                   "transformation-mode": e.TransformationMode.TRANSLATE,
                   "feature-properties": { altitudeMode: "absolute" },
                   "allow-z-input": !0,
@@ -981,33 +1149,34 @@ function Gt(i, t, o, e, s, n) {
               ]),
               _: 1
               /* STABLE */
-            })) : (M(), N(r, {
+            })) : (R(), W(c, {
               key: 1,
-              "no-gutters": ""
+              "no-gutters": "",
+              class: "px-1"
             }, {
-              default: h(() => [
-                (M(!0), B(
-                  pe,
+              default: m(() => [
+                (R(!0), q(
+                  ye,
                   null,
-                  we(e.position, (T, a, v) => (M(), N(
-                    c,
+                  be(e.position, (k, r, p) => (R(), W(
+                    u,
                     {
-                      key: v,
+                      key: p,
                       class: "pb-1"
                     },
                     {
-                      default: h(() => [
-                        p(_, {
-                          "model-value": T,
-                          "onUpdate:modelValue": (u) => e.setPosition(u, a, v),
+                      default: m(() => [
+                        v(b, {
+                          "model-value": k,
                           type: "number",
-                          prefix: a,
-                          step: a === "Z" ? 1 : 1e-4,
-                          unit: a === "Z" ? "m" : "°",
-                          decimals: a === "Z" ? 2 : 8,
-                          disabled: e.viewshedMode === e.ViewshedPluginModes.MOVE && !(a === "Z" && e.heightMode === e.HeightModes.RELATIVE),
-                          "hide-spin-buttons": !0
-                        }, null, 8, ["model-value", "onUpdate:modelValue", "prefix", "step", "unit", "decimals", "disabled"])
+                          prefix: r,
+                          step: r === "Z" ? 1 : 1e-4,
+                          unit: r === "Z" ? "m" : "°",
+                          decimals: r === "Z" ? 2 : 8,
+                          disabled: e.viewshedMode === e.ViewshedPluginModes.MOVE && !(r === "Z" && e.heightMode === e.HeightModes.RELATIVE),
+                          "hide-spin-buttons": !0,
+                          "onUpdate:modelValue": (E) => e.setPosition(E, r, p)
+                        }, null, 8, ["model-value", "prefix", "step", "unit", "decimals", "disabled", "onUpdate:modelValue"])
                       ]),
                       _: 2
                       /* DYNAMIC */
@@ -1025,22 +1194,19 @@ function Gt(i, t, o, e, s, n) {
           ]),
           _: 1
           /* STABLE */
-        })
-      ]),
-      _: 1
-      /* STABLE */
-    }, 8, ["header-actions"])) : H("v-if", !0),
-    p(g),
-    p(f, { class: "px-1 py-0" }, {
-      default: h(() => [
-        p(r, { "no-gutters": "" }, {
-          default: h(() => [
-            p(c, null, {
-              default: h(() => [
-                p(y, { "html-for": "heightMode" }, {
-                  default: h(() => [
-                    F(
-                      A(i.$t("viewshed.heightMode")),
+        }, 8, ["header-actions"]),
+        v(f),
+        v(c, {
+          "no-gutters": "",
+          class: "px-1"
+        }, {
+          default: m(() => [
+            v(u, null, {
+              default: m(() => [
+                v(l, { "html-for": "heightMode" }, {
+                  default: m(() => [
+                    H(
+                      j(e.$t("viewshed.heightMode")),
                       1
                       /* TEXT */
                     )
@@ -1052,14 +1218,11 @@ function Gt(i, t, o, e, s, n) {
               _: 1
               /* STABLE */
             }),
-            p(c, null, {
-              default: h(() => [
-                p(k, {
+            v(u, null, {
+              default: m(() => [
+                v(d, {
                   id: "heightMode",
-                  items: Object.values(e.HeightModes).map((T) => ({
-                    value: T,
-                    title: `viewshed.${T}`
-                  })),
+                  items: e.heightModes,
                   "model-value": e.heightMode,
                   "onUpdate:modelValue": e.changeHeightMode
                 }, null, 8, ["items", "model-value", "onUpdate:modelValue"])
@@ -1070,478 +1233,323 @@ function Gt(i, t, o, e, s, n) {
           ]),
           _: 1
           /* STABLE */
-        })
-      ]),
-      _: 1
-      /* STABLE */
-    }),
-    e.viewshedMode === e.ViewshedPluginModes.EDIT || e.viewshedMode === e.ViewshedPluginModes.MOVE ? (M(), N(f, {
-      key: 2,
-      class: "px-1 pt-0 pb-2"
-    }, {
-      default: h(() => [
-        (M(!0), B(
-          pe,
+        }),
+        (R(!0), q(
+          ye,
           null,
-          we(e.parameters, (T, a) => (M(), N(
-            r,
-            {
-              "no-gutters": "",
-              key: a
-            },
-            {
-              default: h(() => [
-                a === "distance" || e.viewshedType === e.ViewshedTypes.CONE && a !== "showPrimitive" ? (M(), N(
-                  c,
-                  { key: 0 },
-                  {
-                    default: h(() => [
-                      p(
-                        r,
-                        {
-                          "no-gutters": "",
-                          class: "px-1"
-                        },
-                        {
-                          default: h(() => [
-                            p(
-                              c,
-                              null,
-                              {
-                                default: h(() => [
-                                  p(y, {
-                                    "html-for": a,
-                                    class: "py-0"
-                                  }, {
-                                    default: h(() => [
-                                      F(
-                                        A(i.$t(`viewshed.${a}`)),
-                                        1
-                                        /* TEXT */
-                                      )
-                                    ]),
-                                    _: 2
-                                    /* DYNAMIC */
-                                  }, 1032, ["html-for"])
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              },
-                              1024
-                              /* DYNAMIC_SLOTS */
-                            ),
-                            p(
-                              c,
-                              { class: "d-flex justify-end align-center" },
-                              {
-                                default: h(() => [
-                                  a === "distance" ? (M(), B(
-                                    "span",
-                                    Ut,
-                                    A(`${Math.round(T)} m`),
-                                    1
-                                    /* TEXT */
-                                  )) : (M(), B(
-                                    "span",
-                                    $t,
-                                    A(`${Math.round(T)} °`),
-                                    1
-                                    /* TEXT */
-                                  ))
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              },
-                              1024
-                              /* DYNAMIC_SLOTS */
-                            )
-                          ]),
-                          _: 2
-                          /* DYNAMIC */
-                        },
-                        1024
-                        /* DYNAMIC_SLOTS */
-                      ),
-                      p(
-                        r,
-                        { "no-gutters": "" },
-                        {
-                          default: h(() => [
-                            p(
-                              c,
-                              null,
-                              {
-                                default: h(() => [
-                                  p(S, {
-                                    id: a,
-                                    class: "pa-0",
-                                    "model-value": T,
-                                    "onUpdate:modelValue": (v) => e.setParameter(a, v),
-                                    type: "number",
-                                    step: "1",
-                                    min: e.parameterRanges[a][0],
-                                    max: e.parameterRanges[a][1]
-                                  }, null, 8, ["id", "model-value", "onUpdate:modelValue", "min", "max"])
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              },
-                              1024
-                              /* DYNAMIC_SLOTS */
-                            )
-                          ]),
-                          _: 2
-                          /* DYNAMIC */
-                        },
-                        1024
-                        /* DYNAMIC_SLOTS */
-                      )
-                    ]),
-                    _: 2
-                    /* DYNAMIC */
-                  },
-                  1024
-                  /* DYNAMIC_SLOTS */
-                )) : H("v-if", !0)
-              ]),
-              _: 2
-              /* DYNAMIC */
-            },
-            1024
-            /* DYNAMIC_SLOTS */
-          ))),
+          be(e.parameters, (k, r) => (R(), q("div", {
+            key: r,
+            class: "px-1"
+          }, [
+            r === "distance" || e.viewshedType === e.ViewshedTypes.CONE && r !== "showPrimitive" ? (R(), W(O, {
+              key: 0,
+              class: "pa-0",
+              label: `viewshed.${r}`,
+              unit: r === "distance" ? "m" : "°",
+              min: e.parameterRanges[r][0],
+              max: e.parameterRanges[r][1],
+              step: 1,
+              "text-input-cols": 3,
+              "allow-text-input": "",
+              "hide-spin-buttons": "",
+              "model-value": Math.round(Number(k)),
+              "onUpdate:modelValue": (p) => e.setParameter(r, p)
+            }, null, 8, ["label", "unit", "min", "max", "model-value", "onUpdate:modelValue"])) : Y("v-if", !0)
+          ]))),
           128
           /* KEYED_FRAGMENT */
         ))
       ]),
       _: 1
       /* STABLE */
-    })) : H("v-if", !0),
-    p(g),
-    e.viewshedMode === e.ViewshedPluginModes.EDIT || e.viewshedMode === e.ViewshedPluginModes.MOVE ? (M(), B("div", Ht, [
-      p(L, {
-        onClick: t[0] || (t[0] = (T) => e.addToMyWorkspace()),
-        tooltip: "viewshed.addToMyWorkspace",
-        icon: "$vcsComponentsPlus",
-        disabled: e.currentIsPersisted || void 0
-      }, null, 8, ["disabled"]),
-      p(L, {
-        onClick: t[1] || (t[1] = (T) => e.createNewViewshed()),
-        variant: "filled"
-      }, {
-        default: h(() => [
-          F(
-            A(i.$t("viewshed.new")),
-            1
-            /* TEXT */
-          )
-        ]),
-        _: 1
-        /* STABLE */
-      })
-    ])) : e.viewshedMode === e.ViewshedPluginModes.CREATE ? (M(), B("div", zt, [
-      p(L, {
-        onClick: t[2] || (t[2] = (T) => e.cancel()),
-        variant: "outlined"
-      }, {
-        default: h(() => [
-          F(
-            A(i.$t("viewshed.cancel")),
-            1
-            /* TEXT */
-          )
-        ]),
-        _: 1
-        /* STABLE */
-      })
-    ])) : H("v-if", !0)
+    }, 8, ["disable-add", "onAddClicked", "onNewClicked"])) : Y("v-if", !0)
   ]);
 }
-const Kt = /* @__PURE__ */ Se(jt, [["render", Gt]]), j = "@vcmap/viewshed", Yt = "3.0.3", Xt = "^6.0", ne = {
-  [w.CONE]: "$vcsViewshed",
-  [w.THREESIXTY]: "$vcsViewshedCone"
+const ni = /* @__PURE__ */ ke(ti, [["render", si]]), fe = {
+  [_.CONE]: "$vcsViewshed",
+  [_.THREESIXTY]: "$vcsViewshedCone"
 };
-function Jt(i, t, o) {
-  const e = U(), s = U(), n = `${o.id}-editor`, d = {
-    component: Kt,
-    provides: {
-      manager: i
-    },
+function ai(e, o, t) {
+  const i = K(""), s = K(), n = `${t.id}-editor`, a = {
+    component: ni,
+    provides: { manager: e },
     state: {
-      headerTitle: e,
+      headerTitle: i,
       headerIcon: s,
       styles: { width: "280px", height: "auto" },
-      infoUrlCallback: t.getHelpUrlCallback("tools/viewshed.html")
+      infoUrlCallback: o.getHelpUrlCallback("tools/viewshed.html")
     }
   };
-  ht(t, o, {
-    editor: (m) => ({
-      ...d,
+  Vt(o, t, {
+    editor: (h) => ({
+      ...a,
       props: {
-        selection: o.selection,
-        getViewshed: () => o.collection.getByKey(m.name)
+        selection: t.selection,
+        getViewshed: () => t.collection.getByKey(h.name)
       }
     })
   });
-  function r() {
-    i.currentViewshed.value && (s.value = ne[i.currentViewshed.value.type], i.currentIsPersisted.value ? e.value = i.currentViewshed.value.properties.title : i.mode.value === E.CREATE ? e.value = `viewshed.create.${i.currentViewshed.value.type}` : e.value = [
+  function l() {
+    e.currentViewshed.value && (s.value = fe[e.currentViewshed.value.type], e.currentIsPersisted.value ? i.value = e.currentViewshed.value.properties.title : e.mode.value === T.CREATE ? i.value = `viewshed.create.${e.currentViewshed.value.type}` : i.value = [
       "viewshed.temporary",
-      `viewshed.${i.currentViewshed.value.type}`
+      `viewshed.${e.currentViewshed.value.type}`
     ]);
   }
-  function l() {
-    r(), i.currentViewshed.value && !i.currentIsPersisted.value && (i.mode.value === E.EDIT || i.mode.value === E.MOVE || i.mode.value === E.CREATE) && (t.windowManager.has(n) || t.windowManager.add(
+  function u() {
+    l(), e.currentViewshed.value && !e.currentIsPersisted.value && (e.mode.value === T.EDIT || e.mode.value === T.MOVE || e.mode.value === T.CREATE) && (o.windowManager.has(n) || o.windowManager.add(
       {
-        ...d,
+        ...a,
         id: n,
         parentId: "category-manager",
-        slot: ft.DYNAMIC_CHILD
+        slot: St.DYNAMIC_CHILD
       },
-      j
+      A
     ));
   }
-  const _ = G(i.currentViewshed, (m) => {
-    m && l();
-  }), c = G(i.currentIsPersisted, (m) => {
-    m && r();
-  }), f = G(i.mode, () => {
-    i.mode.value ? l() : t.windowManager.remove(n);
+  const d = Z(e.currentViewshed, (h) => {
+    h && u();
+  }), c = Z(e.currentIsPersisted, (h) => {
+    h && l();
+  }), f = Z(e.mode, () => {
+    e.mode.value ? u() : o.windowManager.remove(n);
   });
   return {
     destroy() {
-      t.windowManager.remove(n), _(), f(), c();
+      o.windowManager.remove(n), d(), f(), c();
     }
   };
 }
-function Zt(i, t, o, e) {
-  const s = {
-    type: mt.SELECT,
-    action: ee({
-      name: o,
-      currentIndex: 0,
-      active: !1,
-      background: !1,
-      disabled: !(i.maps.activeMap instanceof $),
-      callback() {
-        if (this.active)
-          this.background && t.currentViewshed.value ? t.editViewshed(t.currentViewshed.value) : t.stop();
-        else {
-          const l = this.tools[this.currentIndex].name;
-          t.createViewshed(l);
+function ri(e, o, t, i) {
+  function s(d) {
+    return d === _.CONE ? {
+      name: _.CONE,
+      icon: fe[_.CONE],
+      title: `viewshed.create.${_.CONE}`
+    } : d === _.THREESIXTY ? {
+      name: _.THREESIXTY,
+      icon: fe[_.THREESIXTY],
+      title: `viewshed.create.${_.THREESIXTY}`
+    } : void 0;
+  }
+  let n, a;
+  if (i.length === 1) {
+    const d = s(i[0]);
+    n = {
+      type: Ve.SINGLE,
+      action: oe({
+        ...d,
+        active: !1,
+        background: !1,
+        disabled: !(e.maps.activeMap instanceof z),
+        async callback() {
+          this.active ? this.background && o.currentViewshed.value ? o.editViewshed(o.currentViewshed.value) : o.stop() : d && await o.createViewshed(d.name);
         }
-      },
-      selected(l) {
-        l !== this.currentIndex && (this.currentIndex = l);
-        const _ = this.tools[this.currentIndex].name;
-        t.createViewshed(_);
-      },
-      tools: e.flatMap((l) => l === w.CONE ? {
-        name: w.CONE,
-        icon: ne[w.CONE],
-        title: `viewshed.create.${w.CONE}`
-      } : l === w.THREESIXTY ? {
-        name: w.THREESIXTY,
-        icon: ne[w.THREESIXTY],
-        title: `viewshed.create.${w.THREESIXTY}`
-      } : [])
-    })
-  }, n = G(t.mode, (l) => {
-    l === E.VIEW ? (s.action.background = !0, s.action.active = !0) : l ? (s.action.background = !1, s.action.active = !0) : (s.action.background = !1, s.action.active = !1);
-  }), d = G(
-    t.currentViewshed,
-    (l) => {
-      l && (s.action.currentIndex = s.action.tools.findIndex(
-        (_) => _.name === l.type
-      ));
-    }
-  ), r = i.maps.mapActivated.addEventListener((l) => {
-    l instanceof $ ? s.action.disabled = !1 : s.action.disabled = !0;
+      })
+    };
+  } else
+    n = {
+      type: Ve.SELECT,
+      action: oe({
+        name: t,
+        currentIndex: 0,
+        active: !1,
+        background: !1,
+        disabled: !(e.maps.activeMap instanceof z),
+        async callback() {
+          if (this.active)
+            this.background && o.currentViewshed.value ? o.editViewshed(o.currentViewshed.value) : o.stop();
+          else {
+            const d = this.tools[this.currentIndex].name;
+            await o.createViewshed(d);
+          }
+        },
+        async selected(d) {
+          d !== this.currentIndex && (this.currentIndex = d);
+          const c = this.tools[this.currentIndex].name;
+          await o.createViewshed(c);
+        },
+        tools: i.flatMap((d) => s(d))
+      })
+    }, a = Z(
+      o.currentViewshed,
+      (d) => {
+        d && (n.action.currentIndex = n.action.tools.findIndex(
+          (c) => c.name === d.type
+        ));
+      }
+    );
+  const l = Z(o.mode, (d) => {
+    d === T.VIEW ? (n.action.background = !0, n.action.active = !0) : d ? (n.action.background = !1, n.action.active = !0) : (n.action.background = !1, n.action.active = !1);
+  }), u = e.maps.mapActivated.addEventListener((d) => {
+    d instanceof z ? n.action.disabled = !1 : n.action.disabled = !0;
   });
   return {
+    toolbox: n,
     destroy() {
-      n(), d(), r();
-    },
-    toolbox: s
+      l(), a == null || a(), u();
+    }
   };
 }
-function qt(i, t, o, e) {
-  le(e, [Pt(w)]);
-  const { toolbox: s, destroy: n } = Zt(i, t, o, e), d = i.toolboxManager.add(s, o).id;
+function li(e, o, t, i) {
+  me(i, [Bt(_)]);
+  const { toolbox: s, destroy: n } = ri(e, o, t, i), a = e.toolboxManager.add(s, t).id;
   return () => {
-    i.toolboxManager.remove(d), n();
+    e.toolboxManager.remove(a), n();
   };
 }
-class ae extends Ue {
+class pe extends Ze {
   static get className() {
     return "ViewshedCategory";
   }
-  async _deserializeItem(t) {
-    var e;
-    if (
-      /** @type {import("@vcmap/core").CesiumMap | undefined} */
-      (e = this._app) == null ? void 0 : e.maps.getByType($.className)[0]
-    )
-      return new D(t);
+  async _deserializeItem(o) {
+    var i;
+    if ((i = this._app) == null ? void 0 : i.maps.getByType(z.className)[0])
+      return Promise.resolve(new B(o));
     throw new Error("No CesiumMap available");
   }
 }
-function Qt(i, t) {
-  let o, e = 0;
+function ci(e, o) {
+  let t, i = 0;
   const s = new Set(
-    t.filter((n) => n.type === i).map((n) => n.properties.title)
+    o.filter((n) => n.type === e).map((n) => n.properties.title)
   );
   do
-    e += 1, s.has(`${i}-${e}`) || (o = `${i}-${e}`);
-  while (!o);
-  return o;
+    i += 1, s.has(`${e}-${i}`) || (t = `${e}-${i}`);
+  while (!t);
+  return t;
 }
-async function ei(i) {
-  const t = new X(), o = new X(), { collectionComponent: e, category: s } = await i.categoryManager.requestCategory(
+async function di(e) {
+  const o = new te(), t = new te(), { collectionComponent: i, category: s } = await e.categoryManager.requestCategory(
     {
-      type: ae.className,
+      type: pe.className,
       name: "Viewsheds",
       title: "viewshed.viewshedCategory"
     },
-    j,
-    {
-      selectable: !0,
-      renamable: !0,
-      removable: !0
-    }
+    A,
+    { selectable: !0, renamable: !0, removable: !0 }
   );
-  e.addItemMapping({
-    mappingFunction: vt(
-      [$.className],
-      i.maps
+  i.addItemMapping({
+    mappingFunction: Ot(
+      [z.className],
+      e.maps
     ),
-    owner: j
+    owner: A
   });
-  const n = (c, f, m) => {
-    m.title = c.properties.title, m.titleChanged = (g) => {
-      c.properties.title = g, m.title = g, t.raiseEvent({ item: c, title: g });
-    }, m.actions.push(
-      ee({
+  const n = (c, f, h) => {
+    h.title = c.properties.title, h.titleChanged = (g) => {
+      c.properties.title = g, h.title = g, o.raiseEvent({ item: c, title: g });
+    }, h.actions.push(
+      oe({
         name: "visibilityAction",
         icon: "$vcsCheckbox",
         callback() {
-          o.raiseEvent(c);
+          t.raiseEvent({ item: c, visible: !!h.visible });
         }
       })
     );
   };
-  i.categoryManager.addMappingFunction(
+  e.categoryManager.addMappingFunction(
     () => !0,
     n,
-    j,
-    [e.id]
+    A,
+    [i.id]
   );
-  const { action: d, destroy: r } = pt(
-    e.selection,
+  const { action: a, destroy: l } = Mt(
+    i.selection,
     () => {
-      const c = e.selection.value.map(
-        (f) => e.collection.getByKey(f.name)
+      const c = i.selection.value.map(
+        (f) => i.collection.getByKey(f.name)
       );
-      wt(JSON.stringify(c), "viewsheds.json");
+      Tt(JSON.stringify(c), "viewsheds.json");
     },
-    j
-  ), { action: l, destroy: _ } = gt(
+    A
+  ), { action: u, destroy: d } = Rt(
     async (c) => {
-      const { vueI18n: f } = i, g = (await Promise.all(
-        c.map(async (S) => {
-          const L = await S.text();
+      const { vueI18n: f } = e, g = (await Promise.all(
+        c.map(async (O) => {
+          const U = await O.text();
           try {
-            return JSON.parse(L).map((a) => new D(a));
+            return JSON.parse(U).map((r) => new B(r));
           } catch {
-            i.notifier.add({
-              type: J.ERROR,
+            e.notifier.add({
+              type: ne.ERROR,
               message: f.t("components.import.failure", {
-                fileName: S.name
+                fileName: O.name
               })
             });
           }
           return [];
         })
-      )).flat(), y = g.map((S) => s.collection.add(S)).filter((S) => S != null), k = g.length - y.length;
-      if (k > 0)
-        return i.notifier.add({
-          type: J.WARNING,
-          message: f.t("components.import.addFailure", [k])
+      )).flat(), b = g.map((O) => s.collection.add(O)).filter((O) => O != null), N = g.length - b.length;
+      if (N > 0)
+        return e.notifier.add({
+          type: ne.WARNING,
+          message: f.t("components.import.addFailure", [N])
         }), !1;
-      if (y.length > 0)
-        i.notifier.add({
-          type: J.SUCCESS,
+      if (b.length > 0)
+        e.notifier.add({
+          type: ne.SUCCESS,
           message: f.t("components.import.featuresAdded", [
-            y.length
+            b.length
           ])
         });
       else
-        return i.notifier.add({
-          type: J.ERROR,
+        return e.notifier.add({
+          type: ne.ERROR,
           message: f.t("components.import.nothingAdded")
         }), !1;
       return !0;
     },
-    i.windowManager,
-    j,
+    e.windowManager,
+    A,
     "category-manager"
   );
-  return e.addActions([d, l]), {
-    renamed: t,
-    visibilityChanged: o,
+  return i.addActions([a, u]), {
+    renamed: o,
+    visibilityChanged: t,
     setSelection(c) {
-      c && (e.selection.value = e.items.value.filter((f) => c === f.name));
+      c && (i.selection.value = i.items.value.filter((f) => c === f.name));
     },
     clearSelection() {
-      e.selection.value.length && (e.selection.value = []);
+      i.selection.value.length && (i.selection.value = []);
     },
     setVisibility(c, f) {
-      const m = e.items.value.find(
+      const h = i.items.value.find(
         (g) => c === g.name
       );
-      if (m) {
-        const g = m.actions.find(
-          (y) => y.name === "visibilityAction"
+      if (h) {
+        const g = h.actions.find(
+          (b) => b.name === "visibilityAction"
         );
         g && (g.icon = f ? "$vcsCheckboxChecked" : "$vcsCheckbox");
       }
     },
     add(c) {
-      c.properties.title = Qt(
-        c.type,
-        /** @type {import("./viewshed.js").default[]} */
-        [
-          ...s.collection
-        ]
-      ), s.collection.add(c);
+      c.properties.title = ci(c.type, [
+        ...s.collection
+      ]), s.collection.add(c);
     },
     remove(c) {
       const f = s.collection.getByKey(c);
       f && s.collection.remove(f);
     },
-    collectionComponent: e,
+    collectionComponent: i,
     destroy() {
-      i.categoryManager.removeOwner(j), t.destroy(), o.destroy(), r(), _();
+      e.categoryManager.removeOwner(A), o.destroy(), t.destroy(), l(), d();
     }
   };
 }
-function q() {
-  return {
-    visibleColor: D.getDefaultOptions().visibleColor,
-    shadowColor: D.getDefaultOptions().shadowColor,
-    tools: [...Object.values(w)]
-  };
-}
-const ti = {
+const ui = Me({
   name: "ViewshedConfigEditor",
   components: {
-    AbstractConfigEditor: _t,
-    VcsFormSection: Ce,
-    VContainer: ye,
-    VRow: Ve,
-    VCol: be,
-    VcsLabel: _e,
-    VcsSelect: Ee,
-    VColorPicker: Et
+    AbstractConfigEditor: Nt,
+    VcsFormSection: Ne,
+    VContainer: At,
+    VRow: Ie,
+    VCol: Pe,
+    VcsLabel: Re,
+    VcsSelect: Te,
+    VColorPicker: Pt
   },
   props: {
     getConfig: {
@@ -1553,41 +1561,46 @@ const ti = {
       required: !0
     }
   },
-  setup(i) {
-    const t = i.getConfig(), o = U({ ...q(), ...t });
-    function e() {
-      i.setConfig(o.value);
+  setup(e) {
+    const o = ce("vcsUiApp"), { getDefaultOptions: t } = o.plugins.getByKey(
+      A
+    ), i = K({
+      ...t == null ? void 0 : t(),
+      ...e.getConfig()
+    });
+    function s() {
+      e.setConfig(structuredClone(ht(i.value)));
     }
     return {
-      localConfig: o,
-      ViewshedTypes: w,
-      apply: e,
-      toolItems: Object.values(w).map((s) => ({
-        value: s,
-        title: `viewshed.${s}`
+      localConfig: i,
+      ViewshedTypes: _,
+      apply: s,
+      toolItems: Object.values(_).map((n) => ({
+        value: n,
+        title: `viewshed.${n}`
       }))
     };
   }
-};
-function ii(i, t, o, e, s, n) {
-  const d = b("VcsLabel"), r = b("v-col"), l = b("VcsSelect"), _ = b("v-row"), c = b("VColorPicker"), f = b("v-container"), m = b("VcsFormSection"), g = b("AbstractConfigEditor");
-  return M(), N(g, it({ onSubmit: e.apply }, { ...i.$attrs, ...i.$props }), {
-    default: h(() => [
-      e.localConfig ? (M(), N(m, {
+});
+function hi(e, o, t, i, s, n) {
+  const a = V("VcsLabel"), l = V("v-col"), u = V("VcsSelect"), d = V("v-row"), c = V("VColorPicker"), f = V("v-container"), h = V("VcsFormSection"), g = V("AbstractConfigEditor");
+  return R(), W(g, ft({ ...e.$attrs, ...e.$props }, { onSubmit: e.apply }), {
+    default: m(() => [
+      e.localConfig ? (R(), W(h, {
         key: 0,
         heading: "viewshed.editor.general"
       }, {
-        default: h(() => [
-          p(f, { class: "px-1 py-0" }, {
-            default: h(() => [
-              p(_, { "no-gutters": "" }, {
-                default: h(() => [
-                  p(r, null, {
-                    default: h(() => [
-                      p(d, { "html-for": "viewshed-editor-tools" }, {
-                        default: h(() => [
-                          F(
-                            A(i.$t("viewshed.editor.tools")),
+        default: m(() => [
+          v(f, { class: "px-1 py-0" }, {
+            default: m(() => [
+              v(d, { "no-gutters": "" }, {
+                default: m(() => [
+                  v(l, null, {
+                    default: m(() => [
+                      v(a, { "html-for": "viewshed-editor-tools" }, {
+                        default: m(() => [
+                          H(
+                            j(e.$t("viewshed.editor.tools")),
                             1
                             /* TEXT */
                           )
@@ -1599,15 +1612,15 @@ function ii(i, t, o, e, s, n) {
                     _: 1
                     /* STABLE */
                   }),
-                  p(r, null, {
-                    default: h(() => [
-                      p(l, {
+                  v(l, null, {
+                    default: m(() => [
+                      v(u, {
                         id: "viewshed-tools",
-                        items: e.toolItems,
                         modelValue: e.localConfig.tools,
-                        "onUpdate:modelValue": t[0] || (t[0] = (y) => e.localConfig.tools = y),
+                        "onUpdate:modelValue": o[0] || (o[0] = (b) => e.localConfig.tools = b),
+                        items: e.toolItems,
                         multiple: !0
-                      }, null, 8, ["items", "modelValue"])
+                      }, null, 8, ["modelValue", "items"])
                     ]),
                     _: 1
                     /* STABLE */
@@ -1616,14 +1629,14 @@ function ii(i, t, o, e, s, n) {
                 _: 1
                 /* STABLE */
               }),
-              p(_, { "no-gutters": "" }, {
-                default: h(() => [
-                  p(r, null, {
-                    default: h(() => [
-                      p(d, { "html-for": "viewshed-editor-visible-color" }, {
-                        default: h(() => [
-                          F(
-                            A(i.$t("viewshed.editor.visibleColor")),
+              v(d, { "no-gutters": "" }, {
+                default: m(() => [
+                  v(l, null, {
+                    default: m(() => [
+                      v(a, { "html-for": "viewshed-editor-visible-color" }, {
+                        default: m(() => [
+                          H(
+                            j(e.$t("viewshed.editor.visibleColor")),
                             1
                             /* TEXT */
                           )
@@ -1635,11 +1648,11 @@ function ii(i, t, o, e, s, n) {
                     _: 1
                     /* STABLE */
                   }),
-                  p(r, null, {
-                    default: h(() => [
-                      p(c, {
+                  v(l, null, {
+                    default: m(() => [
+                      v(c, {
                         modelValue: e.localConfig.visibleColor,
-                        "onUpdate:modelValue": t[1] || (t[1] = (y) => e.localConfig.visibleColor = y),
+                        "onUpdate:modelValue": o[1] || (o[1] = (b) => e.localConfig.visibleColor = b),
                         mode: "rgba"
                       }, null, 8, ["modelValue"])
                     ]),
@@ -1650,14 +1663,14 @@ function ii(i, t, o, e, s, n) {
                 _: 1
                 /* STABLE */
               }),
-              p(_, { "no-gutters": "" }, {
-                default: h(() => [
-                  p(r, null, {
-                    default: h(() => [
-                      p(d, { "html-for": "viewshed-editor-shadow-color" }, {
-                        default: h(() => [
-                          F(
-                            A(i.$t("viewshed.editor.shadowColor")),
+              v(d, { "no-gutters": "" }, {
+                default: m(() => [
+                  v(l, null, {
+                    default: m(() => [
+                      v(a, { "html-for": "viewshed-editor-shadow-color" }, {
+                        default: m(() => [
+                          H(
+                            j(e.$t("viewshed.editor.shadowColor")),
                             1
                             /* TEXT */
                           )
@@ -1669,11 +1682,11 @@ function ii(i, t, o, e, s, n) {
                     _: 1
                     /* STABLE */
                   }),
-                  p(r, null, {
-                    default: h(() => [
-                      p(c, {
+                  v(l, null, {
+                    default: m(() => [
+                      v(c, {
                         modelValue: e.localConfig.shadowColor,
-                        "onUpdate:modelValue": t[2] || (t[2] = (y) => e.localConfig.shadowColor = y),
+                        "onUpdate:modelValue": o[2] || (o[2] = (b) => e.localConfig.shadowColor = b),
                         mode: "rgba"
                       }, null, 8, ["modelValue"])
                     ]),
@@ -1691,101 +1704,87 @@ function ii(i, t, o, e, s, n) {
         ]),
         _: 1
         /* STABLE */
-      })) : H("v-if", !0)
+      })) : Y("v-if", !0)
     ]),
     _: 1
     /* STABLE */
   }, 16, ["onSubmit"]);
 }
-const oi = /* @__PURE__ */ Se(ti, [["render", ii]]);
-function ui(i) {
-  let t, o, e = () => {
+const fi = /* @__PURE__ */ ke(ui, [["render", hi]]);
+function Oe() {
+  return {
+    visibleColor: B.getDefaultOptions().colorOptions.visibleColor,
+    shadowColor: B.getDefaultOptions().colorOptions.shadowColor,
+    tools: [...Object.values(_)]
+  };
+}
+function Ei(e) {
+  let o, t, i = () => {
   };
+  const s = Oe(), n = { ...s, ...e };
   return {
     get name() {
-      return j;
+      return A;
     },
     get version() {
-      return Yt;
+      return Xt;
     },
     get mapVersion() {
-      return Xt;
+      return Jt;
     },
-    /**
-     * @param {import("@vcmap/ui").VcsUiApp} vcsUiApp
-     * @param {ViewshedPluginState=} state
-     * @returns {Promise<void>}
-     */
-    async initialize(s, n) {
-      o = s, s.categoryClassRegistry.registerClass(
-        this[$e],
-        ae.className,
-        ae
+    async initialize(a, l) {
+      o = a, a.categoryClassRegistry.registerClass(
+        this[qe],
+        pe.className,
+        pe
       );
-      const d = await ei(s);
-      t = Lt(
-        s,
-        i,
-        d
+      const u = await di(a);
+      t = Qt(
+        a,
+        n,
+        u
       );
-      const r = qt(
-        s,
+      const d = li(
+        a,
         t,
-        j,
-        i.tools || q().tools
-      ), { destroy: l } = Jt(
+        A,
+        n.tools || s.tools
+      ), { destroy: c } = ai(
         t,
-        s,
-        d.collectionComponent
-      ), { activeMap: _ } = s.maps;
-      function c(g) {
-        if (n != null && n.m && n.cv && g instanceof $) {
-          const y = new D(n.cv);
-          n.m === E.VIEW ? t.viewViewshed(y) : t.editViewshed(y);
+        a,
+        u.collectionComponent
+      ), { activeMap: f } = a.maps;
+      function h(N) {
+        if (l != null && l.m && l.cv && N instanceof z) {
+          const O = new B(l.cv);
+          l.m === T.VIEW ? t.viewViewshed(O) : t.editViewshed(O);
         }
       }
-      let f = !1;
-      _ && (f = !0, c(_));
-      const m = s.maps.mapActivated.addEventListener(
-        (g) => {
-          t.stop(), f || (c(g), f = !0);
+      let g = !1;
+      f && (g = !0, h(f));
+      const b = a.maps.mapActivated.addEventListener(
+        (N) => {
+          t.stop(), g || (h(N), g = !0);
         }
       );
-      e = () => {
-        m(), r(), l(), d.destroy(), t.destroy();
+      i = () => {
+        b(), d(), c(), u.destroy(), t.destroy();
       };
     },
-    /**
-     * should return all default values of the configuration
-     * @returns {ViewshedPluginOptions}
-     */
-    getDefaultOptions: q,
-    /**
-     * should return the plugin's serialization excluding all default values
-     * @returns {ViewshedPluginOptions}
-     */
+    getDefaultOptions: Oe,
     toJSON() {
-      const s = {};
-      return i.tools && q().tools.length !== i.tools.length && (s.tools = [...i.tools]), i.shadowColor && i.shadowColor !== D.getDefaultOptions().shadowColor && (s.shadowColor = i.shadowColor), i.visibleColor && i.visibleColor !== D.getDefaultOptions().visibleColor && (s.visibleColor = i.visibleColor), s;
+      const a = {};
+      return n.tools && s.tools.length !== n.tools.length && (a.tools = [...n.tools]), n.shadowColor && n.shadowColor !== s.shadowColor && (a.shadowColor = n.shadowColor), n.visibleColor && n.visibleColor !== s.visibleColor && (a.visibleColor = n.visibleColor), a;
     },
-    /**
-     * should return the plugins state
-     * @param {boolean} forUrl
-     * @returns {ViewshedPluginState}
-     */
-    getState(s) {
-      var l, _;
-      const n = {}, d = t.mode.value, r = (l = t.currentViewshed.value) == null ? void 0 : l.toJSON();
-      return d !== null && d !== "create" && r && (n.m = d, n.cv = r, s && ((_ = n.cv.properties) != null && _.title) && (Object.keys(n.properties).length === 1 ? delete n.cv.properties : delete n.cv.properties.title)), n;
+    getState(a) {
+      var c, f, h, g;
+      const l = {}, u = t.mode.value, d = (c = t.currentViewshed.value) == null ? void 0 : c.toJSON();
+      return u !== null && u !== T.CREATE && d && (l.m = u, l.cv = d, a && ((h = (f = l.cv) == null ? void 0 : f.properties) != null && h.title) && (Object.keys((g = l.cv) == null ? void 0 : g.properties).length === 1 ? delete l.cv.properties : delete l.cv.properties.title)), l;
     },
-    /**
-     * components for configuring the plugin and/ or custom items defined by the plugin
-     * @returns {Array<import("@vcmap/ui").PluginConfigEditor>}
-     */
     getConfigEditors() {
       return [
         {
-          component: oi,
+          component: fi,
           title: "viewshed.editor.title",
           infoUrlCallback: o == null ? void 0 : o.getHelpUrlCallback(
             "/components/plugins/viewshedToolConfig.html",
@@ -1794,7 +1793,9 @@ function ui(i) {
         }
       ];
     },
-    destroy: () => e(),
+    destroy: () => {
+      i();
+    },
     i18n: {
       en: {
         viewshed: {
@@ -1809,15 +1810,13 @@ function ui(i) {
           heightMode: "Height mode",
           relative: "Relative to ground",
           absolute: "Absolute",
-          new: "New",
           cancel: "Cancel",
-          [w.CONE]: "Cone viewshed analysis",
-          [w.THREESIXTY]: "360° viewshed analysis",
+          [_.CONE]: "Cone viewshed analysis",
+          [_.THREESIXTY]: "360° viewshed analysis",
           create: {
-            [w.CONE]: "Create cone viewshed analysis",
-            [w.THREESIXTY]: "Create 360° viewshed analysis"
+            [_.CONE]: "Create cone viewshed analysis",
+            [_.THREESIXTY]: "Create 360° viewshed analysis"
           },
-          addToMyWorkspace: "Add to My Workspace",
           temporary: "Temporary",
           jumpToViewpoint: "Jump to viewpoint",
           returnToViewpoint: "Return to previous viewpoint",
@@ -1847,15 +1846,13 @@ function ui(i) {
           heightMode: "Höhenmodus",
           relative: "Relativ zum Gelände",
           absolute: "Absolut",
-          new: "Neu",
           cancel: "Abbrechen",
-          [w.CONE]: "Sichtkegelanalyse",
-          [w.THREESIXTY]: "360° Sichtsanalyse",
+          [_.CONE]: "Sichtkegelanalyse",
+          [_.THREESIXTY]: "360° Sichtsanalyse",
           create: {
-            [w.CONE]: "Sichtkegelanalyse erstellen",
-            [w.THREESIXTY]: "360° Sichtanalyse erstellen"
+            [_.CONE]: "Sichtkegelanalyse erstellen",
+            [_.THREESIXTY]: "360° Sichtanalyse erstellen"
           },
-          addToMyWorkspace: "Zu Mein Arbeitsbereich hinzufügen",
           temporary: "Temporäre",
           jumpToViewpoint: "Zu Standpunkt springen",
           returnToViewpoint: "Zu vorherigem Standpunkt zurück springen",
@@ -1876,5 +1873,6 @@ function ui(i) {
   };
 }
 export {
-  ui as default
+  Ei as default,
+  Oe as getDefaultOptions
 };