@vcmap/viewshed 3.0.5 → 4.1.0

package/dist/index.js

@@ -1,13 +1,119 @@
-var Ie = Object.defineProperty;
-var Pe = (i, e, o) => e in i ? Ie(i, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : i[e] = o;
-var de = (i, e, o) => Pe(i, typeof e != "symbol" ? e + "" : e, o);
-import { VcsCameraPrimitive as Ae, VcsObject as Re, VcsEvent as X, AbstractInteraction as Ne, EventType as Y, Projection as z, SessionType as De, CesiumMap as U, startEditFeaturesSession as ke, startEditGeometrySession as xe, VectorLayer as Le, wgs84Projection as Fe, maxZIndex as je, markVolatile as We, Viewpoint as Be, TransformationMode as Ue, Category as $e, moduleIdSymbol as He } from "../../../assets/core.js";
-import { Color as ee, Matrix4 as ze, Transforms as Ge, Primitive as ce, GeometryInstance as ue, SphereGeometry as Ke, ColorGeometryInstanceAttribute as he, PerInstanceColorAppearance as fe, SphereOutlineGeometry as Ye, Math as k, Cartesian3 as W, ShadowMap as Xe, Camera as Je, HeightReference as Ze } from "../../../assets/cesium.js";
-import { shallowRef as q, ref as $, nextTick as qe, inject as me, computed as ve, reactive as J, watchEffect as Qe, watch as G, onMounted as et, onUnmounted as tt, 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 it, Fragment as pe, renderList as we, mergeProps as ot } from "../../../assets/vue.js";
-import { ol$Observable$unByKey as st, Feature as nt, ol$geom$Point as at, ol$style$Style as rt } from "../../../assets/ol.js";
-import { VcsTextField as lt, VcsSlider as dt, VcsLabel as Ce, VcsFormSection as Ee, VcsSelect as ye, VcsFormButton as ct, VcsFeatureTransforms as ut, VcsHelp as ht, makeEditorCollectionComponentClass as ft, WindowSlot as mt, ToolboxType as ge, createSupportedMapMappingFunction as vt, createListExportAction as pt, downloadText as wt, createListImportAction as gt, NotificationType as Z, AbstractConfigEditor as _t } from "../../../assets/ui.js";
-import { VContainer as Ve, VRow as be, VCol as Me, VDivider as Ct, VColorPicker as Et } from "../../../assets/vuetify.js";
-const Te = Symbol("isMatcher"), yt = Symbol("Integer"), Vt = Symbol("NonEmptyString"), re = /* @__PURE__ */ new Map();
+var ze = Object.defineProperty;
+var He = (e, o, t) => o in e ? ze(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
+var C = (e, o, t) => He(e, typeof o != "symbol" ? o + "" : o, t);
+import { VcsCameraPrimitive as Ke, VcsObject as Ye, VcsEvent as se, AbstractInteraction as Xe, EventType as oe, Projection as Z, SessionType as Je, CesiumMap as H, startEditFeaturesSession as Ze, startEditGeometrySession as qe, VectorLayer as Qe, maxZIndex as et, wgs84Projection as tt, markVolatile as it, Viewpoint as ot, TransformationMode as st, Category as nt, moduleIdSymbol as ee } from "../../../assets/core.js";
+import { shallowRef as le, ref as K, nextTick as at, defineComponent as Ae, inject as me, reactive as Q, watchEffect as rt, watch as q, onMounted as lt, onUnmounted as ct, computed as dt, resolveComponent as V, openBlock as N, createElementBlock as te, createCommentVNode as Y, createBlock as W, withCtx as v, createTextVNode as z, toDisplayString as j, createVNode as m, createElementVNode as ut, Fragment as Ve, renderList as Se, toRaw as ht, mergeProps as ft } from "../../../assets/vue.js";
+import { Color as ne, Matrix4 as pt, Transforms as mt, Primitive as Oe, PerInstanceColorAppearance as Te, GeometryInstance as Re, SphereGeometry as vt, ColorGeometryInstanceAttribute as Me, SphereOutlineGeometry as wt, Math as F, Cartesian3 as x, ShadowMap as gt, Camera as Ct, HeightReference as _t } from "../../../assets/cesium.js";
+import { ol$Observable$unByKey as Et, Feature as yt, ol$geom$Point as bt, ol$style$Style as Vt } from "../../../assets/ol.js";
+import { VcsWorkspaceWrapper as St, VcsTextField as Ot, VcsSelect as ke, VcsLabeledSlider as Tt, VcsLabel as De, VcsHelp as Rt, VcsFormSection as $e, VcsFeatureTransforms as Mt, VcsFormButton as Nt, makeEditorCollectionComponentClass as It, WindowSlot as Pt, ToolboxType as Ne, createSupportedMapMappingFunction as At, createListExportAction as kt, downloadText as Dt, createListImportAction as $t, NotificationType as re, AbstractConfigEditor as Lt, VcsCallback as Le } from "../../../assets/ui.js";
+import { VRow as Fe, VDivider as Ft, VCol as We, VColorPicker as Wt, VContainer as jt } from "../../../assets/vuetify.js";
+const b = {
+  ERROR: 2,
+  WARN: 4,
+  INFO: 8,
+  DEBUG: 16
+}, G = {
+  ERROR: 0,
+  WARN: 0,
+  INFO: 0,
+  DEBUG: 0
+};
+G.ERROR = b.ERROR | b.WARN | b.INFO | b.DEBUG;
+G.WARN = b.WARN | b.INFO | b.DEBUG;
+G.INFO = b.INFO | b.DEBUG;
+G.DEBUG = b.DEBUG;
+const ie = {
+  logLevel: b.INFO
+}, ae = /* @__PURE__ */ new Map();
+ae.set(b.ERROR, "error");
+ae.set(b.WARN, "warn");
+ae.set(b.INFO, "info");
+ae.set(b.DEBUG, "log");
+class je {
+  /**
+   * @param {string=} className
+   */
+  constructor(o) {
+    this.className = o, this.deprecations = /* @__PURE__ */ new Map();
+  }
+  /**
+   * Logs an error message
+   * @param {string} msg The message to log.
+   * @param {...any} optArgs
+   */
+  error(o, ...t) {
+    ie.logLevel & G.ERROR && this._log(String(o), b.ERROR, t);
+  }
+  /**
+   * Logs a warning message
+   * @param {string} msg The message to log.
+   * @param {...any} optArgs
+   */
+  warning(o, ...t) {
+    ie.logLevel & G.WARN && this._log(String(o), b.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) {
+    ie.logLevel & G.INFO && this._log(String(o), b.INFO, t);
+  }
+  /**
+   * Logs a debug message
+   * @param {string} msg The message to log.
+   * @param {...any} optArgs
+   */
+  debug(o, ...t) {
+    ie.logLevel & G.DEBUG && this._log(String(o), b.DEBUG, t);
+  }
+  /**
+   * Alias for debug
+   * @param {string} msg The message to log.
+   * @param {...any} optArgs
+   */
+  log(o, ...t) {
+    ie.logLevel & G.DEBUG && this._log(String(o), b.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[ae.get(t)](s, ...i), t & b.ERROR && (console.group(), console.trace(), console.groupEnd());
+  }
+}
+const ve = /* @__PURE__ */ new Map();
+let ce;
+function Gt() {
+  return ce || (ce = new je()), ce;
+}
+function Bt(e) {
+  const o = new je(e);
+  return ve.set(e, o), o;
+}
+function X(e) {
+  return e ? ve.has(e) ? ve.get(e) : Bt(e) : Gt();
+}
+const Ge = Symbol("isMatcher"), Ut = Symbol("Integer"), xt = Symbol("NonEmptyString"), Ee = /* @__PURE__ */ new Map();
 [
   [String, "string"],
   [Number, "number"],
@@ -15,397 +121,389 @@ const Te = Symbol("isMatcher"), yt = Symbol("Integer"), Vt = Symbol("NonEmptyStr
   [Function, "function"],
   [void 0, "undefined"],
   [Symbol, "symbol"]
-].forEach(([i, e]) => {
-  re.set(i, e);
+].forEach(([e, o]) => {
+  Ee.set(e, o);
 });
-function bt(i) {
-  return i == null ? void 0 : i[Te];
+function zt(e) {
+  return e == null ? void 0 : e[Ge];
 }
-function oe(i) {
-  if (!i || String(i) !== "[object Object]")
+function we(e) {
+  if (!e || String(e) !== "[object Object]")
     return !1;
-  const e = Object.getPrototypeOf(i);
-  if (!e)
+  const o = Object.getPrototypeOf(e);
+  if (!o)
     return !0;
-  const t = {}.hasOwnProperty.call(e, "constructor") && e.constructor;
-  return typeof t == "function" && String(t) === String(Object);
+  const i = {}.hasOwnProperty.call(o, "constructor") && o.constructor;
+  return typeof i == "function" && String(i) === String(Object);
 }
-function R(i, e) {
-  if (i === null)
+function A(e, o) {
+  if (e === null)
     return "null";
-  if (typeof i > "u")
+  if (typeof e > "u")
     return "undefined";
-  if (e)
-    return typeof i;
-  let o;
-  if (Array.isArray(i))
-    o = `[${i.map((s) => R(s, e)).join(",")}]`;
+  if (o)
+    return typeof e;
+  let t;
+  if (Array.isArray(e))
+    t = `[${e.map((s) => A(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, e) {
-  return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || typeof e == "symbol" ? i === e ? !1 : `Expected ${R(i)} to equal ${e.toString()}` : null;
+function Ht(e, o) {
+  return typeof o == "string" || typeof o == "number" || typeof o == "boolean" || typeof o == "symbol" ? e === o ? !1 : `Expected ${A(e)} to equal ${o.toString()}` : null;
 }
-function Tt(i, e, o) {
-  if (Array.isArray(e)) {
-    if (e.length !== 1)
+function Kt(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 t = !1;
-      return i.findIndex((n) => (t = o(n, e[0]), t)) > -1 ? `${String(t)} 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 ${A(e)}` : !1;
     }
-    return `Expected ${R(i)} to be an Array`;
+    return `Expected ${A(e)} to be an Array`;
   }
   return null;
 }
-function se(i, e, o, t) {
-  const s = t ? `${t}.` : "";
-  if (!oe(i))
-    return `Expected ${R(i)} to be a plain Object`;
-  let r = !1;
-  const l = Object.keys(e).find((w) => {
-    const c = i[w];
-    return oe(e[w]) ? r = se(c, e[w], o, s + w) : r = o(c, e[w]), r;
+function ge(e, o, t, i) {
+  const s = i ? `${i}.` : "";
+  if (!we(e))
+    return `Expected ${A(e)} to be a plain Object`;
+  let d = !1;
+  const r = Object.keys(o).find((u) => {
+    const l = e[u];
+    return we(o[u]) ? d = ge(l, o[u], t, s + u) : d = t(l, o[u]), d;
   });
-  return l ? `${String(r)} in object.${s}${l}` : !1;
+  return r ? `${String(d)} in object.${s}${r}` : !1;
 }
-function St(i, e) {
-  if (e === Number)
-    return Number.isFinite(i) ? !1 : `expected ${R(i)} to be a number, excluding NaN`;
-  if (e === yt)
-    return Number.isInteger(i) ? !1 : `expected ${R(i)} to be an integer number`;
-  if (e === Vt)
-    return typeof i == "string" && i.length > 0 ? !1 : `expected ${R(i)} to be a non-empty string`;
-  const o = re.get(e);
-  return o ? typeof i === o ? !1 : `expected ${R(i)} to be a ${String(o)}` : null;
+function Yt(e, o) {
+  if (o === Number)
+    return Number.isFinite(e) ? !1 : `expected ${A(e)} to be a number, excluding NaN`;
+  if (o === Ut)
+    return Number.isInteger(e) ? !1 : `expected ${A(e)} to be an integer number`;
+  if (o === xt)
+    return typeof e == "string" && e.length > 0 ? !1 : `expected ${A(e)} to be a non-empty string`;
+  const t = Ee.get(o);
+  return t ? typeof e === t ? !1 : `expected ${A(e)} to be a ${String(t)}` : null;
 }
-function Se(i) {
-  if (i === null)
+function Be(e) {
+  if (e === null)
     return "null";
-  const e = re.get(i);
-  if (e)
-    return e;
-  const o = i == null ? void 0 : i.className;
+  const o = Ee.get(e);
   if (o)
     return o;
-  let t = String(i);
-  const s = t.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 (we(e)) {
     const n = {};
-    Object.keys(i).forEach((r) => {
-      n[r] = Se(i[r]);
+    Object.keys(e).forEach((d) => {
+      n[d] = Be(e[d]);
     });
     try {
-      t = `Object of ${JSON.stringify(n)}`;
+      i = `Object of ${JSON.stringify(n)}`;
     } catch {
-      t = "Object";
+      i = "Object";
     }
   }
-  return t;
+  return i;
 }
-function Ot(i, e) {
-  const o = (t, s) => {
-    if (bt(s))
-      return s(t);
+function Xt(e, o) {
+  const t = (i, s) => {
+    if (zt(s))
+      return s(i);
     if (s == null)
-      return t === s ? !1 : `Expected ${R(t)} to be ${String(s)}`;
-    const n = St(t, s);
+      return i === s ? !1 : `Expected ${A(i)} to be ${String(s)}`;
+    const n = Yt(i, s);
     if (n !== null)
       return n;
-    const r = Mt(t, s);
-    if (r !== null)
-      return r;
+    const d = Ht(i, s);
+    if (d !== null)
+      return d;
     if (Array.isArray(s))
-      return Tt(t, s, o);
+      return Kt(i, s, t);
     if (s === Object)
-      return se(t, {}, o);
+      return ge(i, {}, t);
     if (s instanceof Function)
-      return t instanceof s ? !1 : `Expected ${R(t, !0)} to be of Type ${Se(s)}`;
+      return i instanceof s ? !1 : `Expected ${A(i, !0)} to be of Type ${Be(s)}`;
     if (typeof s == "object") {
-      const l = se(t, s, o);
-      return l || !1;
+      const r = ge(i, s, t);
+      return r || !1;
     }
     throw new Error(`Cannot handle pattern ${String(s)}`);
   };
-  return o(i, e);
+  return t(e, o);
 }
-let It = Error;
-function le(i, e) {
-  const o = Ot(i, e);
-  if (o)
-    throw new It(`Match failed: ${o}`);
+let Jt = Error;
+function ye(e, o) {
+  const t = Xt(e, o);
+  if (t)
+    throw new Jt(`Match failed: ${t}`);
 }
-function Pt(i) {
-  le(i, Object);
-  const e = Object.values(i), o = (t) => e.includes(t) ? !1 : `expected ${R(t)} to be of enum: ${e.join(", ")}`;
-  return o[Te] = !0, o;
+function Zt(e, o) {
+  ye(e, Object);
+  let t = Object.values(e);
+  const i = (s) => t.includes(s) ? !1 : `expected ${A(s)} to be of enum: ${t.join(", ")}`;
+  return i[Ge] = !0, i;
 }
-function At(i, e, o) {
-  if (i != null) {
-    const t = Object.values(e).find((s) => s == i);
-    if (t != null)
-      return t;
+function Ue(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 ee(), te = new ze();
-class Nt extends Ae {
-  constructor(e) {
-    super(e), this.spot = e.spot;
+const qt = new ne(), de = new pt();
+class Qt extends Ke {
+  constructor(t) {
+    super(t);
+    C(this, "spot");
+    C(this, "_allowPicking");
+    C(this, "_color", ne.WHITE);
+    C(this, "_camera");
+    C(this, "_planesPrimitives", []);
+    C(this, "_outlinePrimitives", []);
+    this.spot = t.spot, this._camera = t.camera, this._allowPicking = t.allowPicking;
   }
-  /**
-   * Updates the camera primitive.
-   * @param {unknown} frameState
-   */
-  update(e) {
+  static get className() {
+    return "ViewshedCameraPrimitive";
+  }
+  update(t) {
     if (this.show)
       if (this.spot)
-        super.update(e);
+        super.update(t);
       else {
-        const o = this._planesPrimitives, t = this._outlinePrimitives;
-        o.length === 0 && (Ge.eastNorthUpToFixedFrame(
+        const i = this._planesPrimitives, s = this._outlinePrimitives;
+        i.length === 0 && (mt.eastNorthUpToFixedFrame(
           this._camera.positionWC,
           void 0,
-          te
-        ), o[0] = new ce({
-          allowPicking: this.allowPicking,
-          geometryInstances: new ue({
-            geometry: new Ke({
+          de
+        ), i[0] = new Oe({
+          allowPicking: this._allowPicking,
+          geometryInstances: new Re({
+            geometry: new vt({
               radius: 2
             }),
             attributes: {
-              color: he.fromColor(
-                ee.fromAlpha(this._color, 0.1, Rt)
+              color: Me.fromColor(
+                ne.fromAlpha(this._color, 0.1, qt)
               )
             },
-            modelMatrix: te
+            modelMatrix: de
           }),
-          appearance: new fe({
+          appearance: new Te({
             translucent: !0,
             flat: !0
           }),
           asynchronous: !1
-        }), t[0] = new ce({
-          allowPicking: this.allowPicking,
-          geometryInstances: new ue({
-            geometry: new Ye({
+        }), s[0] = new Oe({
+          allowPicking: this._allowPicking,
+          geometryInstances: new Re({
+            geometry: new wt({
               radius: 2
             }),
             attributes: {
-              color: he.fromColor(this._color)
+              color: Me.fromColor(this._color)
             },
-            modelMatrix: te
+            modelMatrix: de
           }),
-          appearance: new fe({
+          appearance: new Te({
             translucent: !1,
             flat: !0
           }),
           asynchronous: !1
         }));
-        const { length: s } = o;
-        for (let n = 0; n < s; ++n)
-          t[n].update(e), o[n].update(e);
+        const { length: n } = i;
+        for (let d = 0; d < n; ++d)
+          s[d].update(t), i[d].update(t);
       }
   }
 }
-const g = {
-  CONE: "cone",
-  THREESIXTY: "360"
-};
-function Dt(i, e) {
-  const o = new Je(i), t = (
-    /** @type {import("@vcmap-cesium/engine").PerspectiveFrustum} */
-    o.frustum
-  );
-  return t.fov = e.fov, t.near = e.near, t.aspectRatio = e.aspectRatio, t.far = e.far, o;
+var _ = /* @__PURE__ */ ((e) => (e.CONE = "cone", e.THREESIXTY = "360", e))(_ || {});
+function ei(e, o) {
+  const t = new Ct(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 Re {
+const P = class P extends Ye {
+  constructor(t) {
+    var i, s, n, d, r, 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 se());
+    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: ((d = t.frustumOptions) == null ? void 0 : d.aspectRatio) || P.getDefaultOptions().frustumOptions.aspectRatio
+    }, this._headingPitchRollValues = t.orientation || {
+      ...P.getDefaultOptions().orientation
+    }, this._position = t.position || P.getDefaultOptions().position, this._viewshedType = Ue(
+      t.viewshedType,
+      _,
+      "cone"
+      /* CONE */
+    ), this._colors = {
+      visibleColor: ne.fromCssColorString(
+        ((r = t.colorOptions) == null ? void 0 : r.visibleColor) || P.getDefaultOptions().colorOptions.visibleColor
+      ),
+      shadowColor: ne.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: k.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(e) {
-    var o, t, s, n, r, l;
-    super(e), this._cesiumMap = null, this._shadowCamera = null, this._scene = null, this._frustumOptions = {
-      fov: ((o = e.frustumOptions) == null ? void 0 : o.fov) || I.getDefaultOptions().frustum.fov,
-      far: ((t = e.frustumOptions) == null ? void 0 : t.far) || I.getDefaultOptions().frustum.far,
-      near: ((s = e.frustumOptions) == null ? void 0 : s.near) || I.getDefaultOptions().frustum.near,
-      aspectRatio: ((n = e.frustumOptions) == null ? void 0 : n.aspectRatio) || I.getDefaultOptions().frustum.aspectRatio
-    }, this._headingPitchRollValues = e.orientation || {
-      ...I.getDefaultOptions().orientation
-    }, this._position = e.position || I.getDefaultOptions().position, this._viewshedType = At(e.viewshedType, g), this._colors = {
-      visibleColor: ee.fromCssColorString(
-        ((r = e.colorOptions) == null ? void 0 : r.visibleColor) || I.getDefaultOptions().visibleColor
-      ),
-      shadowColor: ee.fromCssColorString(
-        ((l = e.colorOptions) == null ? void 0 : l.shadowColor) || I.getDefaultOptions().shadowColor
-      )
-    }, this._heightOffset = e.heightOffset || 0, this._shadowMap = null, this._primitive = null, this._showPrimitive = !!e.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(e) {
-    le(e, [Number]), this._position = e, this._shadowCamera && (this._shadowCamera.position = W.fromDegrees(
-      e[0],
-      e[1],
-      e[2] + this._heightOffset
-    ), this._shadowCamera.setView({ orientation: this._headingPitchRollValues }), this._updatePrimitive()), this._positionChanged.raiseEvent(e);
+  set position(t) {
+    ye(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(e) {
-    this._heightOffset = e, this._shadowCamera && (this._shadowCamera.position = W.fromDegrees(
+  set heightOffset(t) {
+    this._heightOffset = t, this._shadowCamera && (this._shadowCamera.position = x.fromDegrees(
       this.position[0],
       this.position[1],
-      this.position[2] + e
+      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(e) {
-    this._frustumOptions.far = e > I.MIN_DISTANCE ? e : I.MIN_DISTANCE, this._shadowCamera && (this._shadowCamera.frustum.far = this._frustumOptions.far, this._viewshedType === g.THREESIXTY && this._updateShadowMap(), this._viewshedType === g.CONE && this._updatePrimitive());
+  set distance(t) {
+    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(e) {
-    this._frustumOptions.fov = e * k.RADIANS_PER_DEGREE, this._shadowCamera && (this._shadowCamera.frustum.fov = e * k.RADIANS_PER_DEGREE, this._viewshedType === g.CONE && (this._updateShadowMap(), this._updatePrimitive()));
+  set fov(t) {
+    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 * k.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(e) {
-    this._headingPitchRollValues.heading = e * k.RADIANS_PER_DEGREE, this._shadowCamera && (this._shadowCamera.setView({
+  set heading(t) {
+    this._headingPitchRollValues.heading = t * F.RADIANS_PER_DEGREE, this._shadowCamera && (this._shadowCamera.setView({
       orientation: {
-        heading: e * k.RADIANS_PER_DEGREE,
+        heading: t * F.RADIANS_PER_DEGREE,
         pitch: this._shadowCamera.pitch,
         roll: 0
       }
-    }), this._viewshedType === g.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 * k.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(e) {
-    if (this._headingPitchRollValues.pitch = e * k.RADIANS_PER_DEGREE, this._shadowCamera) {
-      const o = e * k.RADIANS_PER_DEGREE - this._shadowCamera.pitch;
-      this._shadowCamera.lookUp(o), this._viewshedType === g.CONE && this._updatePrimitive();
+  set pitch(t) {
+    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 * k.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(e) {
-    this._showPrimitive = e, this._updatePrimitive();
+  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;
   }
@@ -413,19 +511,19 @@ const I = class I extends Re {
    * Deactivates the viewshed by removing primitive and removing shadowMap.
    */
   deactivate() {
-    var e;
-    this._active && (this._removePrimitive(), this._shadowMap.enabled = !1, (e = this._shadowMap) == null || e.destroy(), this._shadowCamera = null, this._scene = null, this._cesiumMap = null, this._shadowMap = null, this._active = !1);
+    var t;
+    this._active && (this._removePrimitive(), this._shadowMap.enabled = !1, (t = this._shadowMap) == null || t.destroy(), this._shadowCamera = null, this._scene = null, this._cesiumMap = null, this._shadowMap = null, this._active = !1);
   }
   /**
    * 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(e) {
-    if (this._active || (this._active = !0), e !== this._cesiumMap) {
-      this._cesiumMap = e;
-      const o = e.getScene();
-      if (o)
-        this._shadowCamera = Dt(o, this._frustumOptions), this._position && (this.position = this._position), this._scene = o;
+  activate(t) {
+    if (this._active || (this._active = !0), t !== this._cesiumMap) {
+      this._cesiumMap = t;
+      const i = t.getScene();
+      if (i)
+        this._shadowCamera = ei(i, this._frustumOptions), this._position && (this.position = this._position), this._scene = i;
       else
         throw new Error("CesiumMap contains no scene");
       this._updateShadowMap(), this._updatePrimitive();
@@ -435,13 +533,12 @@ const I = class I extends Re {
    * Updates the shadow map by creating a new one and applying all the current parameters.
    */
   _updateShadowMap() {
-    var e;
-    !this._active || !this._shadowCamera || !this._cesiumMap || !this._scene || ((e = this._shadowMap) == null || e.destroy(), this._shadowMap = new Xe({
-      // @ts-ignore
+    var t;
+    !this._active || !this._shadowCamera || !this._cesiumMap || !this._scene || ((t = this._shadowMap) == null || t.destroy(), this._shadowMap = new gt({
       context: this._scene.context,
       lightCamera: this._shadowCamera,
       enabled: !0,
-      isPointLight: this._viewshedType === g.THREESIXTY,
+      isPointLight: this._viewshedType === "360",
       softShadows: !0,
       fromLightSource: !0,
       cascadesEnabled: !1,
@@ -451,30 +548,31 @@ const I = class I extends Re {
     }), this._shadowMap.viewshed = this._colors, this._cesiumMap.setShadowMap(this._shadowMap));
   }
   _removePrimitive() {
-    var e;
-    this._primitive && !this._primitive.isDestroyed() && ((e = this._scene) == null || e.primitives.remove(this._primitive), this._primitive.destroy(), this._primitive = null);
+    var t;
+    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 Qt({
       camera: this._shadowCamera,
       allowPicking: !1,
-      spot: this._viewshedType === g.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(e) {
+  lookAt(t) {
     if (!this._shadowCamera)
       return;
-    const o = W.fromDegrees(e[0], e[1], e[2]);
-    if (this.distance = W.distance(this._shadowCamera.position, o), this.type === g.CONE && !o.equals(this._shadowCamera.position)) {
-      const t = new W();
-      W.subtract(o, this._shadowCamera.position, o), W.normalize(o, o), W.normalize(this._shadowCamera.position, t), 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: t
+          direction: i,
+          up: s
         }
       }), this._headingPitchRollValues.heading = this._shadowCamera.heading, this._headingPitchRollValues.pitch = this._shadowCamera.pitch;
     }
@@ -482,7 +580,6 @@ const I = class I extends Re {
   }
   /**
    * Returns an object with all the settings of a viewshed instance.
-   * @returns {ViewshedOptions}
    */
   toJSON() {
     return {
@@ -499,24 +596,26 @@ const I = class I extends Re {
       heightOffset: this.heightOffset
     };
   }
-  /**
-   * Destroys the viewshed.
-   */
   destroy() {
-    var t;
-    const e = this._cesiumMap, o = this._shadowMap;
-    this.deactivate(), ((t = e == null ? void 0 : e.getScene()) == null ? void 0 : t.shadowMap) === o && e.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 kt extends Ne {
-  /**
-   *
-   * @param {import("./viewshed").default} viewshed
-   */
-  constructor(e) {
-    super(Y.CLICKMOVE), this._viewshed = e, this._positioned = new X(), this._finished = new X(), this._position = !1, this.setActive();
+C(P, "MIN_DISTANCE", 10);
+let B = P;
+const T = "@vcmap/viewshed", ti = "4.1.0", ii = "^6.3";
+class oi extends Xe {
+  constructor(t) {
+    super(oe.CLICKMOVE);
+    C(this, "_viewshed");
+    C(this, "_positioned", new se());
+    C(this, "_finished", new se());
+    C(this, "_position", !1);
+    this._viewshed = t, this.setActive();
+  }
+  static get className() {
+    return "ViewshedInteraction";
   }
   get finished() {
     return this._finished;
@@ -524,442 +623,514 @@ class kt extends Ne {
   get positioned() {
     return this._positioned;
   }
-  async pipe(e) {
-    return e.position && (this._position ? (this._viewshed.lookAt(z.mercatorToWgs84(e.position)), e.type & Y.CLICK && (this.setActive(!1), this._finished.raiseEvent(null))) : (this._viewshed.position = z.mercatorToWgs84(e.position), e.type & Y.CLICK && (this._position = !0, this._positioned.raiseEvent(null)))), e;
+  async pipe(t) {
+    return t.position && (this._position ? (this._viewshed.lookAt(Z.mercatorToWgs84(t.position)), t.type & oe.CLICK && (this.setActive(!1), this._finished.raiseEvent(null))) : (this._viewshed.position = Z.mercatorToWgs84(t.position), t.type & oe.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"
-}, _e = 1.8;
-function xt(i) {
-  const e = new Le({
-    projection: Fe.toJSON(),
-    zIndex: je - 1
+var J = /* @__PURE__ */ ((e) => (e.ABSOLUTE = "absolute", e.RELATIVE = "relative", e))(J || {}), O = /* @__PURE__ */ ((e) => (e.CREATE = "create", e.VIEW = "view", e.EDIT = "edit", e.MOVE = "move", e.MULTI_SELECT = "multiSelect", e))(O || {});
+const Ie = 1.8;
+function si(e) {
+  const o = new Qe({
+    projection: tt.toJSON(),
+    zIndex: et - 1
+  });
+  it(o), o.activate().catch((i) => {
+    X(T).error("Failed to activate layer", String(i));
   });
-  We(e), e.activate();
-  const o = new nt(new at(i));
-  return o.setStyle(new rt({})), e.addFeatures([o]), e.vectorProperties.altitudeMode = Ze.NONE, {
-    layer: e,
-    feature: o,
+  const t = new yt(new bt(e));
+  return t.setStyle(new Vt({})), o.addFeatures([t]), o.vectorProperties.altitudeMode = _t.NONE, {
+    layer: o,
+    feature: t,
     destroy() {
-      o.dispose(), e.destroy();
+      t.dispose(), o.destroy();
     }
   };
 }
-function ie(i, e) {
-  const o = e === P.ABSOLUTE ? Y.CLICKMOVE : Y.NONE;
-  i.setActive(o), i.pickPosition = o, i.pullPickedPosition = 1.8;
+function ue(e, o) {
+  const t = o === "absolute" ? oe.CLICKMOVE : oe.NONE;
+  e.setActive(t), e.pickPosition = t, e.pullPickedPosition = 1.8;
 }
-function Lt(i, e, o) {
-  const t = q(null), s = $(null), n = $(null), r = $(P.ABSOLUTE);
-  let l = () => {
+function ni(e, o, t) {
+  const i = le(null), s = K(null), n = K(null), d = K(
+    "absolute"
+    /* ABSOLUTE */
+  ), r = le(null);
+  let u = () => {
   };
-  const w = q(null), c = q([]);
-  let d = () => {
+  const l = le([]);
+  let c = () => {
   };
   function f() {
     var a;
-    s.value && t.value ? (t.value.deactivate(), o.setVisibility(t.value.name, !1)) : (a = t.value) == null || a.destroy();
+    s.value && i.value ? (i.value.deactivate(), t.setVisibility(i.value.name, !1)) : (a = i.value) == null || a.destroy();
   }
-  function m(a = !0) {
-    d(), l(), f(), t.value = null, a && o.clearSelection(), s.value = null, n.value = null;
+  function h(a = !0) {
+    c(), u(), f(), i.value = null, a && t.clearSelection(), s.value = null, n.value = null;
   }
-  function _(a) {
-    d(), f(), i.maps.activeMap instanceof U && (t.value = a, a.activate(i.maps.activeMap), d = i.maps.activeMap.shadowMapChanged.addEventListener((v) => {
-      var u;
-      v !== ((u = t.value) == null ? void 0 : u.shadowMap) && m(!1);
+  function g(a) {
+    c(), f(), e.maps.activeMap instanceof H && (i.value = a, a.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 qe();
-    const { eventHandler: v } = i.maps, { featureInteraction: u } = v, C = new D({
+    h(), await at();
+    const { eventHandler: p } = e.maps, { featureInteraction: E } = p, S = new B({
       viewshedType: a,
       colorOptions: {
-        visibleColor: e.visibleColor,
-        shadowColor: e.shadowColor
+        visibleColor: o.visibleColor,
+        shadowColor: o.shadowColor
       },
-      heightOffset: r.value === P.ABSOLUTE ? 0 : _e
+      heightOffset: d.value === "absolute" ? 0 : Ie
     });
-    _(C);
-    const V = new kt(t.value);
-    V.finished.addEventListener(() => {
-      l(), t.value ? (t.value.showPrimitive = !0, n.value = E.EDIT) : m();
+    g(S);
+    const I = new oi(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, r.value), V.positioned.addEventListener(() => {
-      ie(u, P.ABSOLUTE);
-    }), l = () => {
-      O(), V.destroy(), u.setActive(), l = () => {
+    ue(E, d.value), I.positioned.addEventListener(() => {
+      ue(
+        E,
+        "absolute"
+        /* ABSOLUTE */
+      );
+    }), u = () => {
+      w(), I.destroy(), E.setActive(), u = () => {
       };
-    }, n.value = E.CREATE;
+    }, n.value = "create";
   }
-  function x(a) {
-    var v;
-    if (t.value && a) {
-      l();
+  function k(a) {
+    var p;
+    if (i.value && a) {
+      u();
       const {
-        layer: u,
-        feature: C,
-        destroy: V
-      } = xt(t.value.position);
-      i.layers.add(u), c.value = [C], r.value === P.ABSOLUTE ? (w.value = ke(i, u), w.value.setFeatures([C])) : (w.value = xe(i, u), w.value.setFeature(C)), w.value.stopped.addEventListener(() => {
-        l();
+        layer: E,
+        feature: S,
+        destroy: I
+      } = si(i.value.position);
+      e.layers.add(E), l.value = [S], d.value === "absolute" ? (r.value = Ze(e, E), r.value.setFeatures([S])) : (r.value = qe(e, E), r.value.setFeature(S)), r.value.stopped.addEventListener(() => {
+        u();
       });
-      const O = (v = C.getGeometry()) == null ? void 0 : v.on("change", () => {
-        t.value ? t.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 = Z.mercatorToWgs84(
+          S.getGeometry().getCoordinates()
+        ) : h();
       });
-      n.value = E.MOVE, l = () => {
-        var K;
-        l = () => {
-        }, O && st(O), (K = w.value) == null || K.stop(), w.value = null, c.value = [], i.layers.remove(u), V(), n.value = E.EDIT;
+      n.value = "move", u = () => {
+        var R;
+        u = () => {
+        }, w && Et(w), (R = r.value) == null || R.stop(), r.value = null, l.value = [], e.layers.remove(E), I(), n.value = "edit";
       };
     } else
-      l();
+      u();
   }
-  function S(a, v) {
-    l(), t.value !== v && (_(v), r.value = v.heightOffset ? P.RELATIVE : P.ABSOLUTE), s.value = !!v.properties.title, n.value = a, s.value && o.setVisibility(v.name, !0);
+  function M(a, p) {
+    u(), i.value !== p && (g(p), d.value = p.heightOffset ? "relative" : "absolute"), s.value = !!p.properties.title, n.value = a, s.value && t.setVisibility(p.name, !0);
   }
-  const L = [
-    o.collectionComponent.collection.removed.addEventListener(
+  const U = [
+    t.collectionComponent.collection.removed.addEventListener(
       (a) => {
-        var v;
-        o.remove(a.name), ((v = t.value) == null ? void 0 : v.name) === a.name && m();
+        var p;
+        t.remove(a.name), ((p = i.value) == null ? void 0 : p.name) === a.name && h();
       }
     ),
-    o.renamed.addEventListener(({ item: a, title: v }) => {
-      var C;
-      const u = i.windowManager.get(
-        `${o.collectionComponent.id}-editor`
+    t.renamed.addEventListener(({ item: a, title: p }) => {
+      var S;
+      const E = e.windowManager.get(
+        `${t.collectionComponent.id}-editor`
       );
-      u && ((C = t.value) == null ? void 0 : C.name) === a.name && (u.state.headerTitle = v);
+      E && ((S = i.value) == null ? void 0 : S.name) === a.name && (E.state.headerTitle = p);
     }),
-    o.visibilityChanged.addEventListener((a) => {
-      var u;
-      const v = ((u = t.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: a }) => {
+      var E;
+      const p = ((E = i.value) == null ? void 0 : E.name) === a.name;
+      p ? h() : (M("view", a), t.clearSelection()), t.setVisibility(a.name, !p);
     })
   ];
-  function T(a) {
-    if (!(a === r.value || !t.value)) {
-      if (r.value = a, n.value === E.MOVE && l(), n.value === E.CREATE)
-        ie(
-          i.maps.eventHandler.featureInteraction,
+  function $(a) {
+    if (!(a === d.value || !i.value)) {
+      if (d.value = a, n.value === "move" && u(), n.value === "create")
+        ue(
+          e.maps.eventHandler.featureInteraction,
           a
-        ), t.value.heightOffset = a === P.ABSOLUTE ? 0 : _e;
-      else if (n.value === E.EDIT) {
-        const { position: v, heightOffset: u } = t.value;
-        a === P.RELATIVE ? i.maps.activeMap.getHeightFromTerrain([z.wgs84ToMercator(v)]).then((C) => {
-          const V = z.mercatorToWgs84(C[0]);
-          t.value && (t.value.heightOffset = v[2] - V[2], t.value.position = V);
-        }) : (t.value.position = [
-          v[0],
-          v[1],
-          v[2] + u
-        ], t.value.heightOffset = 0);
+        ), i.value.heightOffset = a === "absolute" ? 0 : Ie;
+      else if (n.value === "edit") {
+        const { position: p, heightOffset: E } = i.value;
+        a === "relative" ? e.maps.activeMap.getHeightFromTerrain([Z.wgs84ToMercator(p)]).then((S) => {
+          const I = Z.mercatorToWgs84(S[0]);
+          i.value && (i.value.heightOffset = p[2] - I[2], i.value.position = I);
+        }).catch((S) => {
+          X(T).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: t,
+    currentViewshed: i,
     currentIsPersisted: s,
-    currentEditSession: w,
-    currentFeatures: c,
+    currentEditSession: r,
+    currentFeatures: l,
     createViewshed: y,
     viewViewshed(a) {
-      S(E.VIEW, a);
+      M("view", a);
     },
     editViewshed(a) {
-      S(E.EDIT, a), s.value && (o.setSelection(a.name), o.collectionComponent.openEditorWindow(a));
+      M("edit", a), s.value && t.setSelection(a.name);
     },
     persistCurrent() {
-      t.value && (o.add(t.value), s.value = !0, o.setSelection(t.value.name), o.setVisibility(t.value.name, !0));
+      i.value && (t.add(i.value), s.value = !0, t.setSelection(i.value.name), t.setVisibility(i.value.name, !0));
     },
-    moveCurrentViewshed: x,
+    moveCurrentViewshed: k,
     setupMultiSelect() {
-      l(), n.value = E.MULTI_SELECT, f(), t.value = null;
+      u(), n.value = "multiSelect", f(), i.value = null;
     },
     mode: n,
-    heightMode: r,
-    changeHeightMode: T,
+    heightMode: d,
+    changeHeightMode: $,
     async placeCurrentFeaturesOnTerrain() {
-      var a, v;
-      if (t.value && ((a = w.value) == null ? void 0 : a.type) === De.EDIT_FEATURES && i.maps.activeMap instanceof U) {
-        const C = (await i.maps.activeMap.getHeightFromTerrain([
-          z.wgs84ToMercator((v = t.value) == null ? void 0 : v.position)
-        ]))[0][2] - t.value.position[2];
-        w.value.translate(0, 0, C);
+      var a, p;
+      if (i.value && ((a = r.value) == null ? void 0 : a.type) === Je.EDIT_FEATURES && e.maps.activeMap instanceof H) {
+        const S = (await e.maps.activeMap.getHeightFromTerrain([
+          Z.wgs84ToMercator((p = i.value) == null ? void 0 : p.position)
+        ]))[0][2] - i.value.position[2];
+        r.value.translate(0, 0, S);
       }
     },
-    stop: m,
+    stop: h,
     destroy() {
-      m(), L.forEach((a) => a());
+      h(), U.forEach((a) => {
+        a();
+      });
     }
   };
 }
-const Oe = (i, e) => {
-  const o = i.__vccOpts || i;
-  for (const [t, s] of e)
-    o[t] = s;
-  return o;
-}, Ft = {
-  distance: [D.MIN_DISTANCE, 2e3],
+const ai = {
+  distance: [B.MIN_DISTANCE, 2e3],
   fov: [25, 85],
   heading: [0, 360],
   pitch: [-90, 90]
-}, jt = {
+}, ri = Ae({
+  name: "ViewshedWindow",
   components: {
-    VcsTextField: lt,
-    VContainer: Ve,
-    VRow: be,
-    VCol: Me,
-    VcsSlider: dt,
-    VcsLabel: Ce,
-    VcsFormSection: Ee,
-    VDivider: Ct,
-    VcsSelect: ye,
-    VcsFormButton: ct,
-    VcsFeatureTransforms: ut,
-    VcsHelp: ht
+    VCol: We,
+    VDivider: Ft,
+    VRow: Fe,
+    VcsFormButton: Nt,
+    VcsFeatureTransforms: Mt,
+    VcsFormSection: $e,
+    VcsHelp: Rt,
+    VcsLabel: De,
+    VcsLabeledSlider: Tt,
+    VcsSelect: ke,
+    VcsTextField: Ot,
+    VcsWorkspaceWrapper: St
   },
-  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 e = (
-      /** @type {import("./viewshedManager.js").ViewshedManager} */
-      me("manager")
-    ), o = (
-      /** @type {import("@vcmap/ui").VcsUiApp} */
-      me("vcsApp")
-    ), {
-      currentViewshed: t,
+  setup(e) {
+    var a, p, E, S, I;
+    const o = me("manager"), t = me("vcsApp"), {
+      currentViewshed: i,
       mode: s,
       currentIsPersisted: n
-    } = e, r = $(
-      ((v = o.maps.activeMap) == null ? void 0 : v.movementApiCallsDisabled) ?? !1
+    } = o, d = K(
+      ((a = t.maps.activeMap) == null ? void 0 : a.movementApiCallsDisabled) ?? !1
     );
-    let l = () => {
-    };
-    const w = ve(() => i.selection);
-    let c = () => {
+    let r, u = () => {
     };
-    const d = J({
+    const l = Q({
       X: void 0,
       Y: void 0,
       Z: void 0
-    }), f = q();
-    let m = () => {
+    }), c = le();
+    let f = () => {
     };
-    const _ = J({
+    const h = Q({
       showPrimitive: !1,
-      distance: void 0,
-      fov: void 0,
-      heading: void 0,
-      pitch: void 0
-    }), y = $();
-    function x() {
-      t.value && (d.X = t.value.position[0], d.Y = t.value.position[1], d.Z = e.heightMode.value === P.ABSOLUTE ? t.value.position[2] : t.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 y() {
+      i.value && (l.X = i.value.position[0], l.Y = i.value.position[1], l.Z = o.heightMode.value === J.ABSOLUTE ? i.value.position[2] : i.value.heightOffset);
     }
-    function S() {
-      x(), t.value && (_.distance = t.value.distance, _.fov = t.value.fov, _.heading = t.value.heading, _.pitch = t.value.pitch, _.showPrimitive = t.value.showPrimitive, y.value = t.value.type);
+    function k() {
+      y(), 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(() => {
-      t.value && s.value !== E.CREATE && S();
-    }), G(
-      t,
+    rt(() => {
+      i.value && s.value !== O.CREATE && k();
+    }), q(
+      i,
       () => {
-        t.value && (c(), c = t.value.positionChanged.addEventListener(() => {
-          x(), m();
+        i.value && (u(), u = i.value.positionChanged.addEventListener(() => {
+          y(), f();
         }));
       },
       { immediate: !0 }
     );
-    async function L() {
-      var V, O;
-      (V = t.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 = t.value) == null || K.activate(o.maps.activeMap), m = () => {
+    function M() {
+      var D, L;
+      (D = i.value) == null || D.deactivate();
+      const w = (L = t.maps.activeMap.getScene()) == null ? void 0 : L.camera, R = w == null ? void 0 : w.changed.addEventListener(
+        f
+      );
+      f = () => {
+        var be;
+        R == null || R(), c.value = null, (be = i.value) == null || be.activate(t.maps.activeMap), f = () => {
         };
       };
     }
-    et(() => {
-      var C, V;
-      const u = (C = i.getViewshed) == null ? void 0 : C.call(i);
-      u && e.editViewshed(u), l = (V = o.maps.activeMap) == null ? void 0 : V.movementDisabledChanged.addEventListener(
-        (O) => {
-          r.value = O.apiCalls;
+    lt(() => {
+      var R, D;
+      const w = (R = e.getViewshed) == null ? void 0 : R.call(e);
+      w && o.editViewshed(w), r = (D = t.maps.activeMap) == null ? void 0 : D.movementDisabledChanged.addEventListener(
+        (L) => {
+          d.value = L.apiCalls;
         }
       );
-    }), tt(() => {
-      c(), m(), l(), n.value || ((s.value === E.EDIT || s.value === E.MOVE) && t.value ? e.viewViewshed(t.value) : s.value === E.CREATE && e.stop()), w.value && (w.value.length > 1 ? e.setupMultiSelect() : w.value.length === 1 && t.value ? e.viewViewshed(t.value) : (
+    }), ct(() => {
+      var w;
+      u(), f(), r == null || r(), n.value || ((s.value === O.EDIT || s.value === O.MOVE) && i.value ? o.viewViewshed(i.value) : s.value === O.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
-        !w.value.length && s.value === E.EDIT && e.stop(!1)
+        !e.selection.value.length && s.value === O.EDIT && o.stop(!1)
       ));
-    }), S();
-    function T(u, C) {
-      m(), t.value && (_[u] = C, t.value[u] = C);
+    }), k();
+    function U(w, R) {
+      f(), i.value && (h[w] = R, i.value[w] = R);
     }
-    const a = ve(() => {
-      const u = [];
-      return y.value === g.CONE && u.push({
+    const $ = 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: r.value,
+        active: !!c.value,
+        disabled: d.value,
         async callback() {
-          var C, V, O;
-          e.moveCurrentViewshed(!1), t.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 Be({
+          var R, D, L;
+          o.moveCurrentViewshed(!1), i.value && !c.value ? (c.value = await ((R = t.maps.activeMap) == null ? void 0 : R.getViewpoint()), await ((D = t.maps.activeMap) == null ? void 0 : D.gotoViewpoint(
+            new ot({
               groundPosition: [
-                t.value.position[0],
-                t.value.position[1],
-                t.value.position[2] + t.value.heightOffset
+                i.value.position[0],
+                i.value.position[1],
+                i.value.position[2] + i.value.heightOffset
               ],
-              heading: t.value.heading,
-              pitch: t.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());
+          )), M()) : 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: e.heightMode.value === P.RELATIVE ? "$vcsEditVertices" : "mdi-axis-arrow",
-        active: s.value === E.MOVE,
+        icon: o.heightMode.value === J.RELATIVE ? "$vcsEditVertices" : "mdi-axis-arrow",
+        active: s.value === O.MOVE,
         callback() {
-          e.moveCurrentViewshed(
-            s.value !== E.MOVE
+          o.moveCurrentViewshed(
+            s.value !== O.MOVE
           );
         }
-      }), u.unshift({
+      }), w.unshift({
         name: "showPrimitive",
         title: "viewshed.showPrimitive",
         icon: "mdi-eye",
-        active: _.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: d,
-      setPosition(u, C, V) {
-        if (m(), !!t.value) {
-          if (V === 2 && e.heightMode.value === P.RELATIVE)
-            t.value.heightOffset = Number(u);
+      position: l,
+      setPosition(w, R, D) {
+        if (f(), !!i.value) {
+          if (D === 2 && o.heightMode.value === J.RELATIVE)
+            i.value.heightOffset = Number(w);
           else {
-            const O = [...t.value.position];
-            O[V] = Number(u), t.value.position = O;
+            const L = [...i.value.position];
+            L[D] = Number(w), i.value.position = L;
           }
-          d[C] = Number(u);
+          l[R] = Number(w);
         }
       },
-      parameters: _,
-      setParameter: T,
-      parameterRanges: Ft,
-      ViewshedPluginModes: E,
+      parameters: h,
+      setParameter: U,
+      parameterRanges: ai,
+      ViewshedPluginModes: O,
       viewshedMode: s,
       currentIsPersisted: n,
-      viewshedType: y,
-      ViewshedTypes: g,
-      HeightModes: P,
-      heightMode: e.heightMode,
-      TransformationMode: Ue,
-      changeHeightMode: e.changeHeightMode,
+      viewshedType: g,
+      ViewshedTypes: _,
+      HeightModes: J,
+      heightMode: o.heightMode,
+      heightModes: Object.values(J).map((w) => ({
+        value: w,
+        title: `viewshed.${w}`
+      })),
+      TransformationMode: st,
+      changeHeightMode: (w) => {
+        o.changeHeightMode(w);
+      },
       async createNewViewshed() {
-        await e.createViewshed(y.value);
+        await o.createViewshed(g.value);
       },
-      addToMyWorkspace: () => e.persistCurrent(),
-      cancel: () => e.stop(),
-      headerActions: a
+      addToMyWorkspace: () => {
+        o.persistCurrent();
+      },
+      cancel: () => {
+        o.stop();
+      },
+      headerActions: $
     };
   }
-}, 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, e, o, t, s, n) {
-  const r = b("VcsHelp"), l = b("v-row"), w = b("VcsFeatureTransforms"), c = b("VcsTextField"), d = b("v-col"), f = b("v-container"), m = b("VcsFormSection"), _ = b("v-divider"), y = b("VcsLabel"), x = b("VcsSelect"), S = b("VcsSlider"), L = b("VcsFormButton");
-  return M(), B("div", null, [
-    t.viewshedMode === t.ViewshedPluginModes.CREATE ? (M(), B("div", Wt, [
-      t.viewshedType === t.ViewshedTypes.CONE ? (M(), N(r, { key: 0 }, {
-        default: h(() => [
-          F(
-            A(i.$t("viewshed.createDescription")),
+}), xe = (e, o) => {
+  const t = e.__vccOpts || e;
+  for (const [i, s] of o)
+    t[i] = s;
+  return t;
+}, li = { key: 0 }, ci = { class: "px-1" };
+function di(e, o, t, i, s, n) {
+  const d = V("VcsHelp"), r = V("VcsLabel"), u = V("v-col"), l = V("VcsSelect"), c = V("v-row"), f = V("v-divider"), h = V("VcsFormButton"), g = V("VcsFeatureTransforms"), y = V("VcsTextField"), k = V("VcsFormSection"), M = V("VcsLabeledSlider"), U = V("VcsWorkspaceWrapper");
+  return N(), te("div", null, [
+    Y(" CREATE "),
+    e.viewshedMode === e.ViewshedPluginModes.CREATE ? (N(), te("div", li, [
+      e.viewshedType === e.ViewshedTypes.CONE ? (N(), W(d, { key: 0 }, {
+        default: v(() => [
+          z(
+            j(e.$t("viewshed.createDescription")),
             1
             /* TEXT */
           )
         ]),
         _: 1
         /* STABLE */
-      })) : t.viewshedType === t.ViewshedTypes.THREESIXTY ? (M(), N(r, { key: 1 }, {
-        default: h(() => [
-          F(
-            A(i.$t("viewshed.createThreeSixtyDescription")),
+      })) : e.viewshedType === e.ViewshedTypes.THREESIXTY ? (N(), W(d, { key: 1 }, {
+        default: v(() => [
+          z(
+            j(e.$t("viewshed.createThreeSixtyDescription")),
             1
             /* TEXT */
           )
         ]),
         _: 1
         /* STABLE */
-      })) : H("v-if", !0)
-    ])) : t.viewshedMode === t.ViewshedPluginModes.EDIT || t.viewshedMode === t.ViewshedPluginModes.MOVE ? (M(), N(m, {
+      })) : Y("v-if", !0),
+      m(c, {
+        "no-gutters": "",
+        class: "px-1"
+      }, {
+        default: v(() => [
+          m(u, null, {
+            default: v(() => [
+              m(r, { "html-for": "heightMode" }, {
+                default: v(() => [
+                  z(
+                    j(e.$t("viewshed.heightMode")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          m(u, null, {
+            default: v(() => [
+              m(l, {
+                id: "heightMode",
+                items: e.heightModes,
+                "model-value": e.heightMode,
+                "onUpdate:modelValue": e.changeHeightMode
+              }, null, 8, ["items", "model-value", "onUpdate:modelValue"])
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      }),
+      m(f),
+      m(c, {
+        "no-gutters": "",
+        class: "px-2 pt-2 pb-1 d-flex justify-end"
+      }, {
+        default: v(() => [
+          m(h, {
+            onClick: o[0] || (o[0] = ($) => e.cancel())
+          }, {
+            default: v(() => [
+              z(
+                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 ? (N(), W(U, {
       key: 1,
-      "header-actions": t.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(l, { "no-gutters": "" }, {
-              default: h(() => [
-                it(
+      default: v(() => [
+        m(k, {
+          "header-actions": e.headerActions,
+          heading: "viewshed.viewpoint",
+          "action-button-list-overflow-count": 3
+        }, {
+          default: v(() => [
+            m(c, {
+              "no-gutters": "",
+              class: "px-1"
+            }, {
+              default: v(() => [
+                ut(
                   "span",
-                  Bt,
-                  A(i.$t("viewshed.position")),
+                  ci,
+                  j(e.$t("viewshed.position")),
                   1
                   /* TEXT */
                 )
@@ -967,13 +1138,14 @@ function Gt(i, e, o, t, s, n) {
               _: 1
               /* STABLE */
             }),
-            t.viewshedMode === t.ViewshedPluginModes.MOVE && t.heightMode === t.HeightModes.ABSOLUTE ? (M(), N(l, {
+            e.viewshedMode === e.ViewshedPluginModes.MOVE && e.heightMode === e.HeightModes.ABSOLUTE ? (N(), W(c, {
               key: 0,
-              "no-gutters": ""
+              "no-gutters": "",
+              class: "px-1"
             }, {
-              default: h(() => [
-                p(w, {
-                  "transformation-mode": t.TransformationMode.TRANSLATE,
+              default: v(() => [
+                m(g, {
+                  "transformation-mode": e.TransformationMode.TRANSLATE,
                   "feature-properties": { altitudeMode: "absolute" },
                   "allow-z-input": !0,
                   class: "w-100"
@@ -981,33 +1153,34 @@ function Gt(i, e, o, t, s, n) {
               ]),
               _: 1
               /* STABLE */
-            })) : (M(), N(l, {
+            })) : (N(), W(c, {
               key: 1,
-              "no-gutters": ""
+              "no-gutters": "",
+              class: "px-1"
             }, {
-              default: h(() => [
-                (M(!0), B(
-                  pe,
+              default: v(() => [
+                (N(!0), te(
+                  Ve,
                   null,
-                  we(t.position, (T, a, v) => (M(), N(
-                    d,
+                  Se(e.position, ($, a, p) => (N(), W(
+                    u,
                     {
-                      key: v,
+                      key: p,
                       class: "pb-1"
                     },
                     {
-                      default: h(() => [
-                        p(c, {
-                          "model-value": T,
-                          "onUpdate:modelValue": (u) => t.setPosition(u, a, v),
+                      default: v(() => [
+                        m(y, {
+                          "model-value": $,
                           type: "number",
                           prefix: a,
                           step: a === "Z" ? 1 : 1e-4,
                           unit: a === "Z" ? "m" : "°",
                           decimals: a === "Z" ? 2 : 8,
-                          disabled: t.viewshedMode === t.ViewshedPluginModes.MOVE && !(a === "Z" && t.heightMode === t.HeightModes.RELATIVE),
-                          "hide-spin-buttons": !0
-                        }, null, 8, ["model-value", "onUpdate:modelValue", "prefix", "step", "unit", "decimals", "disabled"])
+                          disabled: e.viewshedMode === e.ViewshedPluginModes.MOVE && !(a === "Z" && e.heightMode === e.HeightModes.RELATIVE),
+                          "hide-spin-buttons": !0,
+                          "onUpdate:modelValue": (E) => e.setPosition(E, a, p)
+                        }, null, 8, ["model-value", "prefix", "step", "unit", "decimals", "disabled", "onUpdate:modelValue"])
                       ]),
                       _: 2
                       /* DYNAMIC */
@@ -1025,22 +1198,19 @@ function Gt(i, e, o, t, s, n) {
           ]),
           _: 1
           /* STABLE */
-        })
-      ]),
-      _: 1
-      /* STABLE */
-    }, 8, ["header-actions"])) : H("v-if", !0),
-    p(_),
-    p(f, { class: "px-1 py-0" }, {
-      default: h(() => [
-        p(l, { "no-gutters": "" }, {
-          default: h(() => [
-            p(d, null, {
-              default: h(() => [
-                p(y, { "html-for": "heightMode" }, {
-                  default: h(() => [
-                    F(
-                      A(i.$t("viewshed.heightMode")),
+        }, 8, ["header-actions"]),
+        m(f),
+        m(c, {
+          "no-gutters": "",
+          class: "px-1"
+        }, {
+          default: v(() => [
+            m(u, null, {
+              default: v(() => [
+                m(r, { "html-for": "heightMode" }, {
+                  default: v(() => [
+                    z(
+                      j(e.$t("viewshed.heightMode")),
                       1
                       /* TEXT */
                     )
@@ -1052,16 +1222,13 @@ function Gt(i, e, o, t, s, n) {
               _: 1
               /* STABLE */
             }),
-            p(d, null, {
-              default: h(() => [
-                p(x, {
+            m(u, null, {
+              default: v(() => [
+                m(l, {
                   id: "heightMode",
-                  items: Object.values(t.HeightModes).map((T) => ({
-                    value: T,
-                    title: `viewshed.${T}`
-                  })),
-                  "model-value": t.heightMode,
-                  "onUpdate:modelValue": t.changeHeightMode
+                  items: e.heightModes,
+                  "model-value": e.heightMode,
+                  "onUpdate:modelValue": e.changeHeightMode
                 }, null, 8, ["items", "model-value", "onUpdate:modelValue"])
               ]),
               _: 1
@@ -1070,498 +1237,323 @@ function Gt(i, e, o, t, s, n) {
           ]),
           _: 1
           /* STABLE */
-        })
-      ]),
-      _: 1
-      /* STABLE */
-    }),
-    t.viewshedMode === t.ViewshedPluginModes.EDIT || t.viewshedMode === t.ViewshedPluginModes.MOVE ? (M(), N(f, {
-      key: 2,
-      class: "px-1 pt-0 pb-2"
-    }, {
-      default: h(() => [
-        (M(!0), B(
-          pe,
+        }),
+        (N(!0), te(
+          Ve,
           null,
-          we(t.parameters, (T, a) => (M(), N(
-            l,
-            {
-              "no-gutters": "",
-              key: a
-            },
-            {
-              default: h(() => [
-                a === "distance" || t.viewshedType === t.ViewshedTypes.CONE && a !== "showPrimitive" ? (M(), N(
-                  d,
-                  { key: 0 },
-                  {
-                    default: h(() => [
-                      p(
-                        l,
-                        {
-                          "no-gutters": "",
-                          class: "px-1"
-                        },
-                        {
-                          default: h(() => [
-                            p(
-                              d,
-                              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(
-                              d,
-                              { 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(
-                        l,
-                        { "no-gutters": "" },
-                        {
-                          default: h(() => [
-                            p(
-                              d,
-                              null,
-                              {
-                                default: h(() => [
-                                  p(S, {
-                                    id: a,
-                                    class: "pa-0",
-                                    "model-value": T,
-                                    "onUpdate:modelValue": (v) => t.setParameter(a, v),
-                                    type: "number",
-                                    step: "1",
-                                    min: t.parameterRanges[a][0],
-                                    max: t.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 */
-          ))),
+          Se(e.parameters, ($, a) => (N(), te("div", {
+            key: a,
+            class: "px-1"
+          }, [
+            a === "distance" || e.viewshedType === e.ViewshedTypes.CONE && a !== "showPrimitive" ? (N(), W(M, {
+              key: 0,
+              class: "pa-0",
+              label: `viewshed.${a}`,
+              unit: a === "distance" ? "m" : "°",
+              min: e.parameterRanges[a][0],
+              max: e.parameterRanges[a][1],
+              step: 1,
+              "text-input-cols": 3,
+              "allow-text-input": "",
+              "hide-spin-buttons": "",
+              "model-value": Math.round(Number($)),
+              "onUpdate:modelValue": (p) => e.setParameter(a, 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(_),
-    t.viewshedMode === t.ViewshedPluginModes.EDIT || t.viewshedMode === t.ViewshedPluginModes.MOVE ? (M(), B("div", Ht, [
-      p(L, {
-        onClick: e[0] || (e[0] = (T) => t.addToMyWorkspace()),
-        tooltip: "viewshed.addToMyWorkspace",
-        icon: "$vcsComponentsPlus",
-        disabled: t.currentIsPersisted || void 0
-      }, null, 8, ["disabled"]),
-      p(L, {
-        onClick: e[1] || (e[1] = (T) => t.createNewViewshed()),
-        variant: "filled"
-      }, {
-        default: h(() => [
-          F(
-            A(i.$t("viewshed.new")),
-            1
-            /* TEXT */
-          )
-        ]),
-        _: 1
-        /* STABLE */
-      })
-    ])) : t.viewshedMode === t.ViewshedPluginModes.CREATE ? (M(), B("div", zt, [
-      p(L, {
-        onClick: e[2] || (e[2] = (T) => t.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__ */ Oe(jt, [["render", Gt]]), j = "@vcmap/viewshed", Yt = "3.0.5", Xt = "^6.0", ne = {
-  [g.CONE]: "$vcsViewshed",
-  [g.THREESIXTY]: "$vcsViewshedCone"
+const ui = /* @__PURE__ */ xe(ri, [["render", di]]), Ce = {
+  [_.CONE]: "$vcsViewshed",
+  [_.THREESIXTY]: "$vcsViewshedCone"
 };
-function Jt(i, e, o) {
-  const t = $(), s = $(), n = `${o.id}-editor`, r = {
-    component: Kt,
-    provides: {
-      manager: i
-    },
+function hi(e, o, t) {
+  const i = K(""), s = K(), n = `${t.id}-editor`, d = {
+    component: ui,
+    provides: { manager: e },
     state: {
-      headerTitle: t,
+      headerTitle: i,
       headerIcon: s,
       styles: { width: "280px", height: "auto" },
-      infoUrlCallback: e.getHelpUrlCallback("tools/viewshed.html")
+      infoUrlCallback: o.getHelpUrlCallback("tools/viewshed.html")
     }
   };
-  ft(e, o, {
-    editor: (m) => ({
-      ...r,
+  It(o, t, {
+    editor: (h) => ({
+      ...d,
       props: {
-        selection: o.selection,
-        getViewshed: () => o.collection.getByKey(m.name)
+        selection: t.selection,
+        getViewshed: () => t.collection.getByKey(h.name)
       }
     })
   });
-  function l() {
-    i.currentViewshed.value && (s.value = ne[i.currentViewshed.value.type], i.currentIsPersisted.value ? t.value = i.currentViewshed.value.properties.title : i.mode.value === E.CREATE ? t.value = `viewshed.create.${i.currentViewshed.value.type}` : t.value = [
+  function r() {
+    e.currentViewshed.value && (s.value = Ce[e.currentViewshed.value.type], e.currentIsPersisted.value ? i.value = e.currentViewshed.value.properties.title : e.mode.value === O.CREATE ? i.value = `viewshed.create.${e.currentViewshed.value.type}` : i.value = [
       "viewshed.temporary",
-      `viewshed.${i.currentViewshed.value.type}`
+      `viewshed.${e.currentViewshed.value.type}`
     ]);
   }
-  function w() {
-    l(), i.currentViewshed.value && !i.currentIsPersisted.value && (i.mode.value === E.EDIT || i.mode.value === E.MOVE || i.mode.value === E.CREATE) && (e.windowManager.has(n) || e.windowManager.add(
+  function u() {
+    r(), e.currentViewshed.value && !e.currentIsPersisted.value && (e.mode.value === O.EDIT || e.mode.value === O.MOVE || e.mode.value === O.CREATE) && (o.windowManager.has(n) || o.windowManager.add(
       {
-        ...r,
+        ...d,
         id: n,
         parentId: "category-manager",
-        slot: mt.DYNAMIC_CHILD
+        slot: Pt.DYNAMIC_CHILD
       },
-      j
+      T
     ));
   }
-  const c = G(i.currentViewshed, (m) => {
-    m && w();
-  }), d = G(i.currentIsPersisted, (m) => {
-    m && l();
-  }), f = G(i.mode, () => {
-    i.mode.value ? w() : e.windowManager.remove(n);
+  const l = q(e.currentViewshed, (h) => {
+    h && u();
+  }), c = q(e.currentIsPersisted, (h) => {
+    h && r();
+  }), f = q(e.mode, () => {
+    e.mode.value ? u() : o.windowManager.remove(n);
   });
   return {
     destroy() {
-      e.windowManager.remove(n), c(), f(), d();
+      o.windowManager.remove(n), l(), f(), c();
     }
   };
 }
-function Zt(i, e, o, t) {
-  function s(c) {
-    return c === g.CONE ? {
-      name: g.CONE,
-      icon: ne[g.CONE],
-      title: `viewshed.create.${g.CONE}`
-    } : c === g.THREESIXTY ? {
-      name: g.THREESIXTY,
-      icon: ne[g.THREESIXTY],
-      title: `viewshed.create.${g.THREESIXTY}`
+function fi(e, o, t, i) {
+  function s(l) {
+    return l === _.CONE ? {
+      name: _.CONE,
+      icon: Ce[_.CONE],
+      title: `viewshed.create.${_.CONE}`
+    } : l === _.THREESIXTY ? {
+      name: _.THREESIXTY,
+      icon: Ce[_.THREESIXTY],
+      title: `viewshed.create.${_.THREESIXTY}`
     } : void 0;
   }
-  let n, r;
-  if (t.length === 1) {
-    const c = s(t[0]);
+  let n, d;
+  if (i.length === 1) {
+    const l = s(i[0]);
     n = {
-      type: ge.SINGLE,
-      action: J({
-        ...c,
+      type: Ne.SINGLE,
+      action: Q({
+        ...l,
         active: !1,
         background: !1,
-        disabled: !(i.maps.activeMap instanceof U),
-        callback() {
-          this.active ? this.background && e.currentViewshed.value ? e.editViewshed(e.currentViewshed.value) : e.stop() : e.createViewshed(c.name);
+        disabled: !(e.maps.activeMap instanceof H),
+        async callback() {
+          this.active ? this.background && o.currentViewshed.value ? o.editViewshed(o.currentViewshed.value) : o.stop() : l && await o.createViewshed(l.name);
         }
       })
     };
   } else
     n = {
-      type: ge.SELECT,
-      action: J({
-        name: o,
+      type: Ne.SELECT,
+      action: Q({
+        name: t,
         currentIndex: 0,
         active: !1,
         background: !1,
-        disabled: !(i.maps.activeMap instanceof U),
-        callback() {
+        disabled: !(e.maps.activeMap instanceof H),
+        async callback() {
           if (this.active)
-            this.background && e.currentViewshed.value ? e.editViewshed(e.currentViewshed.value) : e.stop();
+            this.background && o.currentViewshed.value ? o.editViewshed(o.currentViewshed.value) : o.stop();
           else {
-            const c = this.tools[this.currentIndex].name;
-            e.createViewshed(c);
+            const l = this.tools[this.currentIndex].name;
+            await o.createViewshed(l);
           }
         },
-        selected(c) {
-          c !== this.currentIndex && (this.currentIndex = c);
-          const d = this.tools[this.currentIndex].name;
-          e.createViewshed(d);
+        async selected(l) {
+          l !== this.currentIndex && (this.currentIndex = l);
+          const c = this.tools[this.currentIndex].name;
+          await o.createViewshed(c);
         },
-        tools: t.flatMap(s)
+        tools: i.flatMap((l) => s(l))
       })
-    }, r = G(
-      e.currentViewshed,
-      (c) => {
-        c && (n.action.currentIndex = n.action.tools.findIndex(
-          (d) => d.name === c.type
+    }, d = q(
+      o.currentViewshed,
+      (l) => {
+        l && (n.action.currentIndex = n.action.tools.findIndex(
+          (c) => c.name === l.type
         ));
       }
     );
-  const l = G(e.mode, (c) => {
-    c === E.VIEW ? (n.action.background = !0, n.action.active = !0) : c ? (n.action.background = !1, n.action.active = !0) : (n.action.background = !1, n.action.active = !1);
-  }), w = i.maps.mapActivated.addEventListener((c) => {
-    c instanceof U ? n.action.disabled = !1 : n.action.disabled = !0;
+  const r = q(o.mode, (l) => {
+    l === O.VIEW ? (n.action.background = !0, n.action.active = !0) : l ? (n.action.background = !1, n.action.active = !0) : (n.action.background = !1, n.action.active = !1);
+  }), u = e.maps.mapActivated.addEventListener((l) => {
+    l instanceof H ? n.action.disabled = !1 : n.action.disabled = !0;
   });
   return {
+    toolbox: n,
     destroy() {
-      l(), r == null || r(), w();
-    },
-    toolbox: n
+      r(), d == null || d(), u();
+    }
   };
 }
-function qt(i, e, o, t) {
-  le(t, [Pt(g)]);
-  const { toolbox: s, destroy: n } = Zt(i, e, o, t), r = i.toolboxManager.add(s, o).id;
+function pi(e, o, t, i) {
+  ye(i, [Zt(_)]);
+  const { toolbox: s, destroy: n } = fi(e, o, t, i), d = e.toolboxManager.add(s, t).id;
   return () => {
-    i.toolboxManager.remove(r), n();
+    e.toolboxManager.remove(d), n();
   };
 }
-class ae extends $e {
+class _e extends nt {
   static get className() {
     return "ViewshedCategory";
   }
-  async _deserializeItem(e) {
-    var t;
-    if (
-      /** @type {import("@vcmap/core").CesiumMap | undefined} */
-      (t = this._app) == null ? void 0 : t.maps.getByType(U.className)[0]
-    )
-      return new D(e);
+  async _deserializeItem(o) {
+    var i;
+    if ((i = this._app) == null ? void 0 : i.maps.getByType(H.className)[0])
+      return Promise.resolve(new B(o));
     throw new Error("No CesiumMap available");
   }
 }
-function Qt(i, e) {
-  let o, t = 0;
+function mi(e, o) {
+  let t, i = 0;
   const s = new Set(
-    e.filter((n) => n.type === i).map((n) => n.properties.title)
+    o.filter((n) => n.type === e).map((n) => n.properties.title)
   );
   do
-    t += 1, s.has(`${i}-${t}`) || (o = `${i}-${t}`);
-  while (!o);
-  return o;
+    i += 1, s.has(`${e}-${i}`) || (t = `${e}-${i}`);
+  while (!t);
+  return t;
 }
-async function ei(i) {
-  const e = new X(), o = new X(), { collectionComponent: t, category: s } = await i.categoryManager.requestCategory(
+async function vi(e) {
+  const o = new se(), t = new se(), { collectionComponent: i, category: s } = await e.categoryManager.requestCategory(
     {
-      type: ae.className,
+      type: _e.className,
       name: "Viewsheds",
       title: "viewshed.viewshedCategory"
     },
-    j,
-    {
-      selectable: !0,
-      renamable: !0,
-      removable: !0
-    }
+    T,
+    { selectable: !0, renamable: !0, removable: !0 }
   );
-  t.addItemMapping({
-    mappingFunction: vt(
-      [U.className],
-      i.maps
+  i.addItemMapping({
+    mappingFunction: At(
+      [H.className],
+      e.maps
     ),
-    owner: j
+    owner: T
   });
-  const n = (d, f, m) => {
-    m.title = d.properties.title, m.titleChanged = (_) => {
-      d.properties.title = _, m.title = _, e.raiseEvent({ item: d, title: _ });
-    }, m.actions.push(
-      J({
+  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(
+      Q({
         name: "visibilityAction",
         icon: "$vcsCheckbox",
         callback() {
-          o.raiseEvent(d);
+          t.raiseEvent({ item: c, visible: !!h.visible });
         }
       })
     );
   };
-  i.categoryManager.addMappingFunction(
+  e.categoryManager.addMappingFunction(
     () => !0,
     n,
-    j,
-    [t.id]
+    T,
+    [i.id]
   );
-  const { action: r, destroy: l } = pt(
-    t.selection,
+  const { action: d, destroy: r } = kt(
+    i.selection,
     () => {
-      const d = t.selection.value.map(
-        (f) => t.collection.getByKey(f.name)
+      const c = i.selection.value.map(
+        (f) => i.collection.getByKey(f.name)
       );
-      wt(JSON.stringify(d), "viewsheds.json");
+      Dt(JSON.stringify(c), "viewsheds.json");
     },
-    j
-  ), { action: w, destroy: c } = gt(
-    async (d) => {
-      const { vueI18n: f } = i, _ = (await Promise.all(
-        d.map(async (S) => {
-          const L = await S.text();
+    T
+  ), { action: u, destroy: l } = $t(
+    async (c) => {
+      const { vueI18n: f } = e, g = (await Promise.all(
+        c.map(async (M) => {
+          const U = await M.text();
           try {
-            return JSON.parse(L).map((a) => new D(a));
+            return JSON.parse(U).map((a) => new B(a));
           } catch {
-            i.notifier.add({
-              type: Z.ERROR,
+            e.notifier.add({
+              type: re.ERROR,
               message: f.t("components.import.failure", {
-                fileName: S.name
+                fileName: M.name
               })
             });
           }
           return [];
         })
-      )).flat(), y = _.map((S) => s.collection.add(S)).filter((S) => S != null), x = _.length - y.length;
-      if (x > 0)
-        return i.notifier.add({
-          type: Z.WARNING,
-          message: f.t("components.import.addFailure", [x])
+      )).flat(), y = g.map((M) => s.collection.add(M)).filter((M) => M != null), k = g.length - y.length;
+      if (k > 0)
+        return e.notifier.add({
+          type: re.WARNING,
+          message: f.t("components.import.addFailure", [k])
         }), !1;
       if (y.length > 0)
-        i.notifier.add({
-          type: Z.SUCCESS,
+        e.notifier.add({
+          type: re.SUCCESS,
           message: f.t("components.import.featuresAdded", [
             y.length
           ])
         });
       else
-        return i.notifier.add({
-          type: Z.ERROR,
+        return e.notifier.add({
+          type: re.ERROR,
           message: f.t("components.import.nothingAdded")
         }), !1;
       return !0;
     },
-    i.windowManager,
-    j,
+    e.windowManager,
+    T,
     "category-manager"
   );
-  return t.addActions([r, w]), {
-    renamed: e,
-    visibilityChanged: o,
-    setSelection(d) {
-      d && (t.selection.value = t.items.value.filter((f) => d === f.name));
+  return i.addActions([d, u]), {
+    renamed: o,
+    visibilityChanged: t,
+    setSelection(c) {
+      c && (i.selection.value = i.items.value.filter((f) => c === f.name));
     },
     clearSelection() {
-      t.selection.value.length && (t.selection.value = []);
+      i.selection.value.length && (i.selection.value = []);
     },
-    setVisibility(d, f) {
-      const m = t.items.value.find(
-        (_) => d === _.name
+    setVisibility(c, f) {
+      const h = i.items.value.find(
+        (g) => c === g.name
       );
-      if (m) {
-        const _ = m.actions.find(
+      if (h) {
+        const g = h.actions.find(
           (y) => y.name === "visibilityAction"
         );
-        _ && (_.icon = f ? "$vcsCheckboxChecked" : "$vcsCheckbox");
+        g && (g.icon = f ? "$vcsCheckboxChecked" : "$vcsCheckbox");
       }
     },
-    add(d) {
-      d.properties.title = Qt(
-        d.type,
-        /** @type {import("./viewshed.js").default[]} */
-        [
-          ...s.collection
-        ]
-      ), s.collection.add(d);
+    add(c) {
+      c.properties.title = mi(c.type, [
+        ...s.collection
+      ]), s.collection.add(c);
     },
-    remove(d) {
-      const f = s.collection.getByKey(d);
+    remove(c) {
+      const f = s.collection.getByKey(c);
       f && s.collection.remove(f);
     },
-    collectionComponent: t,
+    collectionComponent: i,
     destroy() {
-      i.categoryManager.removeOwner(j), e.destroy(), o.destroy(), l(), c();
+      e.categoryManager.removeOwner(T), o.destroy(), t.destroy(), r(), l();
     }
   };
 }
-function Q() {
-  return {
-    visibleColor: D.getDefaultOptions().visibleColor,
-    shadowColor: D.getDefaultOptions().shadowColor,
-    tools: [...Object.values(g)]
-  };
-}
-const ti = {
+const wi = Ae({
   name: "ViewshedConfigEditor",
   components: {
-    AbstractConfigEditor: _t,
-    VcsFormSection: Ee,
-    VContainer: Ve,
-    VRow: be,
-    VCol: Me,
-    VcsLabel: Ce,
-    VcsSelect: ye,
-    VColorPicker: Et
+    AbstractConfigEditor: Lt,
+    VcsFormSection: $e,
+    VContainer: jt,
+    VRow: Fe,
+    VCol: We,
+    VcsLabel: De,
+    VcsSelect: ke,
+    VColorPicker: Wt
   },
   props: {
     getConfig: {
@@ -1573,41 +1565,46 @@ const ti = {
       required: !0
     }
   },
-  setup(i) {
-    const e = i.getConfig(), o = $({ ...Q(), ...e });
-    function t() {
-      i.setConfig(o.value);
+  setup(e) {
+    const o = me("vcsUiApp"), { getDefaultOptions: t } = o.plugins.getByKey(
+      T
+    ), i = K({
+      ...t == null ? void 0 : t(),
+      ...e.getConfig()
+    });
+    function s() {
+      e.setConfig(structuredClone(ht(i.value)));
     }
     return {
-      localConfig: o,
-      ViewshedTypes: g,
-      apply: t,
-      toolItems: Object.values(g).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, e, o, t, s, n) {
-  const r = b("VcsLabel"), l = b("v-col"), w = b("VcsSelect"), c = b("v-row"), d = b("VColorPicker"), f = b("v-container"), m = b("VcsFormSection"), _ = b("AbstractConfigEditor");
-  return M(), N(_, ot({ onSubmit: t.apply }, { ...i.$attrs, ...i.$props }), {
-    default: h(() => [
-      t.localConfig ? (M(), N(m, {
+});
+function gi(e, o, t, i, s, n) {
+  const d = V("VcsLabel"), r = V("v-col"), u = V("VcsSelect"), l = V("v-row"), c = V("VColorPicker"), f = V("v-container"), h = V("VcsFormSection"), g = V("AbstractConfigEditor");
+  return N(), W(g, ft({ ...e.$attrs, ...e.$props }, { onSubmit: e.apply }), {
+    default: v(() => [
+      e.localConfig ? (N(), W(h, {
         key: 0,
         heading: "viewshed.editor.general"
       }, {
-        default: h(() => [
-          p(f, { class: "px-1 py-0" }, {
-            default: h(() => [
-              p(c, { "no-gutters": "" }, {
-                default: h(() => [
-                  p(l, null, {
-                    default: h(() => [
-                      p(r, { "html-for": "viewshed-editor-tools" }, {
-                        default: h(() => [
-                          F(
-                            A(i.$t("viewshed.editor.tools")),
+        default: v(() => [
+          m(f, { class: "px-1 py-0" }, {
+            default: v(() => [
+              m(l, { "no-gutters": "" }, {
+                default: v(() => [
+                  m(r, null, {
+                    default: v(() => [
+                      m(d, { "html-for": "viewshed-editor-tools" }, {
+                        default: v(() => [
+                          z(
+                            j(e.$t("viewshed.editor.tools")),
                             1
                             /* TEXT */
                           )
@@ -1619,15 +1616,15 @@ function ii(i, e, o, t, s, n) {
                     _: 1
                     /* STABLE */
                   }),
-                  p(l, null, {
-                    default: h(() => [
-                      p(w, {
+                  m(r, null, {
+                    default: v(() => [
+                      m(u, {
                         id: "viewshed-tools",
-                        items: t.toolItems,
-                        modelValue: t.localConfig.tools,
-                        "onUpdate:modelValue": e[0] || (e[0] = (y) => t.localConfig.tools = y),
+                        modelValue: e.localConfig.tools,
+                        "onUpdate:modelValue": o[0] || (o[0] = (y) => e.localConfig.tools = y),
+                        items: e.toolItems,
                         multiple: !0
-                      }, null, 8, ["items", "modelValue"])
+                      }, null, 8, ["modelValue", "items"])
                     ]),
                     _: 1
                     /* STABLE */
@@ -1636,14 +1633,14 @@ function ii(i, e, o, t, s, n) {
                 _: 1
                 /* STABLE */
               }),
-              p(c, { "no-gutters": "" }, {
-                default: h(() => [
-                  p(l, null, {
-                    default: h(() => [
-                      p(r, { "html-for": "viewshed-editor-visible-color" }, {
-                        default: h(() => [
-                          F(
-                            A(i.$t("viewshed.editor.visibleColor")),
+              m(l, { "no-gutters": "" }, {
+                default: v(() => [
+                  m(r, null, {
+                    default: v(() => [
+                      m(d, { "html-for": "viewshed-editor-visible-color" }, {
+                        default: v(() => [
+                          z(
+                            j(e.$t("viewshed.editor.visibleColor")),
                             1
                             /* TEXT */
                           )
@@ -1655,11 +1652,11 @@ function ii(i, e, o, t, s, n) {
                     _: 1
                     /* STABLE */
                   }),
-                  p(l, null, {
-                    default: h(() => [
-                      p(d, {
-                        modelValue: t.localConfig.visibleColor,
-                        "onUpdate:modelValue": e[1] || (e[1] = (y) => t.localConfig.visibleColor = y),
+                  m(r, null, {
+                    default: v(() => [
+                      m(c, {
+                        modelValue: e.localConfig.visibleColor,
+                        "onUpdate:modelValue": o[1] || (o[1] = (y) => e.localConfig.visibleColor = y),
                         mode: "rgba"
                       }, null, 8, ["modelValue"])
                     ]),
@@ -1670,14 +1667,14 @@ function ii(i, e, o, t, s, n) {
                 _: 1
                 /* STABLE */
               }),
-              p(c, { "no-gutters": "" }, {
-                default: h(() => [
-                  p(l, null, {
-                    default: h(() => [
-                      p(r, { "html-for": "viewshed-editor-shadow-color" }, {
-                        default: h(() => [
-                          F(
-                            A(i.$t("viewshed.editor.shadowColor")),
+              m(l, { "no-gutters": "" }, {
+                default: v(() => [
+                  m(r, null, {
+                    default: v(() => [
+                      m(d, { "html-for": "viewshed-editor-shadow-color" }, {
+                        default: v(() => [
+                          z(
+                            j(e.$t("viewshed.editor.shadowColor")),
                             1
                             /* TEXT */
                           )
@@ -1689,11 +1686,11 @@ function ii(i, e, o, t, s, n) {
                     _: 1
                     /* STABLE */
                   }),
-                  p(l, null, {
-                    default: h(() => [
-                      p(d, {
-                        modelValue: t.localConfig.shadowColor,
-                        "onUpdate:modelValue": e[2] || (e[2] = (y) => t.localConfig.shadowColor = y),
+                  m(r, null, {
+                    default: v(() => [
+                      m(c, {
+                        modelValue: e.localConfig.shadowColor,
+                        "onUpdate:modelValue": o[2] || (o[2] = (y) => e.localConfig.shadowColor = y),
                         mode: "rgba"
                       }, null, 8, ["modelValue"])
                     ]),
@@ -1711,101 +1708,162 @@ function ii(i, e, o, t, s, n) {
         ]),
         _: 1
         /* STABLE */
-      })) : H("v-if", !0)
+      })) : Y("v-if", !0)
     ]),
     _: 1
     /* STABLE */
   }, 16, ["onSubmit"]);
 }
-const oi = /* @__PURE__ */ Oe(ti, [["render", ii]]);
-function ui(i) {
-  let e, o, t = () => {
+const Ci = /* @__PURE__ */ xe(wi, [["render", gi]]);
+class he extends Le {
+  constructor(t, i) {
+    super(t, i);
+    C(this, "_mode");
+    C(this, "_viewshedOptions");
+    this._mode = Ue(
+      t.m,
+      O,
+      O.CREATE
+    ), this._viewshedOptions = t.cv || null;
+  }
+  static get className() {
+    return "ActivateViewshedCallback";
+  }
+  callback() {
+    const t = this._app.plugins.getByKey(T);
+    if (!t) {
+      X("ActivateViewshedCallback").warning(
+        `Plugin ${T} not found`
+      );
+      return;
+    }
+    t.state.m = this._mode, t.state.cv = this._viewshedOptions, t.activate();
+  }
+  toJSON() {
+    const t = super.toJSON();
+    return this._mode && (t.m = this._mode), this._viewshedOptions && (t.cv = structuredClone(this._viewshedOptions)), t;
+  }
+}
+class fe extends Le {
+  static get className() {
+    return "DeactivateViewshedCallback";
+  }
+  callback() {
+    const o = this._app.plugins.getByKey(T);
+    if (!o) {
+      X("DeactivateShadowCallback").warning(
+        `Plugin ${T} not found`
+      );
+      return;
+    }
+    o.deactivate();
+  }
+}
+function Pe() {
+  return {
+    visibleColor: B.getDefaultOptions().colorOptions.visibleColor,
+    shadowColor: B.getDefaultOptions().colorOptions.shadowColor,
+    tools: [...Object.values(_)]
   };
+}
+function pe(e, o, t) {
+  var i;
+  if (!(!(t != null && t.m) || !(e instanceof H))) {
+    if (t.m === O.CREATE) {
+      const s = ((i = t.cv) == null ? void 0 : i.viewshedType) ?? _.CONE;
+      o == null || o.createViewshed(s).catch((n) => {
+        X(T).error("Failed to create viewshed", String(n));
+      });
+    } else if (t.cv) {
+      const s = new B(t.cv);
+      t.m === O.VIEW ? o == null || o.viewViewshed(s) : o == null || o.editViewshed(s);
+    }
+  }
+}
+function Ti(e) {
+  let o, t, i = () => {
+  };
+  const s = Pe(), n = { ...s, ...e }, d = Q({});
   return {
     get name() {
-      return j;
+      return T;
     },
     get version() {
-      return Yt;
+      return ti;
     },
     get mapVersion() {
-      return Xt;
+      return ii;
     },
-    /**
-     * @param {import("@vcmap/ui").VcsUiApp} vcsUiApp
-     * @param {ViewshedPluginState=} state
-     * @returns {Promise<void>}
-     */
-    async initialize(s, n) {
-      o = s, s.categoryClassRegistry.registerClass(
-        this[He],
-        ae.className,
-        ae
+    getDefaultOptions: Pe,
+    state: d,
+    async initialize(r, u) {
+      o = r, o.callbackClassRegistry.registerClass(
+        this[ee],
+        he.className,
+        he
+      ), o.callbackClassRegistry.registerClass(
+        this[ee],
+        fe.className,
+        fe
+      ), r.categoryClassRegistry.registerClass(
+        this[ee],
+        _e.className,
+        _e
       );
-      const r = await ei(s);
-      e = Lt(
-        s,
-        i,
-        r
+      const l = await vi(r);
+      t = ni(
+        r,
+        n,
+        l
       );
-      const l = qt(
-        s,
-        e,
-        j,
-        i.tools || Q().tools
-      ), { destroy: w } = Jt(
-        e,
-        s,
-        r.collectionComponent
-      ), { activeMap: c } = s.maps;
-      function d(_) {
-        if (n != null && n.m && n.cv && _ instanceof U) {
-          const y = new D(n.cv);
-          n.m === E.VIEW ? e.viewViewshed(y) : e.editViewshed(y);
-        }
-      }
-      let f = !1;
-      c && (f = !0, d(c));
-      const m = s.maps.mapActivated.addEventListener(
-        (_) => {
-          e.stop(), f || (d(_), f = !0);
+      const c = pi(
+        r,
+        t,
+        T,
+        n.tools || s.tools
+      ), { destroy: f } = hi(
+        t,
+        r,
+        l.collectionComponent
+      ), { activeMap: h } = r.maps;
+      let g = !1;
+      h && (g = !0, pe(h, t, u));
+      const y = r.maps.mapActivated.addEventListener(
+        (k) => {
+          t == null || t.stop(), g || (pe(k, t, u), g = !0);
         }
       );
-      t = () => {
-        m(), l(), w(), r.destroy(), e.destroy();
+      i = () => {
+        y(), c(), f(), l == null || l.destroy(), t == null || 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}
-     */
+    activate() {
+      if (!t || !o) {
+        X(T).error("Cannot activate plugin before initialization");
+        return;
+      }
+      if (!o.maps.activeMap) {
+        X(T).error("Cannot activate plugin without an active map");
+        return;
+      }
+      pe(o.maps.activeMap, t, this.state);
+    },
+    deactivate() {
+      t == null || t.stop();
+    },
     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 r = {};
+      return n.tools && s.tools.length !== n.tools.length && (r.tools = [...n.tools]), n.shadowColor && n.shadowColor !== s.shadowColor && (r.shadowColor = n.shadowColor), n.visibleColor && n.visibleColor !== s.visibleColor && (r.visibleColor = n.visibleColor), r;
     },
-    /**
-     * should return the plugins state
-     * @param {boolean} forUrl
-     * @returns {ViewshedPluginState}
-     */
-    getState(s) {
-      var w, c;
-      const n = {}, r = e.mode.value, l = (w = e.currentViewshed.value) == null ? void 0 : w.toJSON();
-      return r !== null && r !== "create" && l && (n.m = r, n.cv = l, s && ((c = n.cv.properties) != null && c.title) && (Object.keys(n.properties).length === 1 ? delete n.cv.properties : delete n.cv.properties.title)), n;
+    getState(r) {
+      var f, h, g, y;
+      const u = {}, l = t == null ? void 0 : t.mode.value, c = (f = t == null ? void 0 : t.currentViewshed.value) == null ? void 0 : f.toJSON();
+      return l !== null && l !== O.CREATE && c && (u.m = l, u.cv = c, r && ((g = (h = u.cv) == null ? void 0 : h.properties) != null && g.title) && (Object.keys((y = u.cv) == null ? void 0 : y.properties).length === 1 ? delete u.cv.properties : delete u.cv.properties.title)), u;
     },
-    /**
-     * components for configuring the plugin and/ or custom items defined by the plugin
-     * @returns {Array<import("@vcmap/ui").PluginConfigEditor>}
-     */
     getConfigEditors() {
       return [
         {
-          component: oi,
+          component: Ci,
           title: "viewshed.editor.title",
           infoUrlCallback: o == null ? void 0 : o.getHelpUrlCallback(
             "/components/plugins/viewshedToolConfig.html",
@@ -1814,7 +1872,6 @@ function ui(i) {
         }
       ];
     },
-    destroy: () => t(),
     i18n: {
       en: {
         viewshed: {
@@ -1829,15 +1886,13 @@ function ui(i) {
           heightMode: "Height mode",
           relative: "Relative to ground",
           absolute: "Absolute",
-          new: "New",
           cancel: "Cancel",
-          [g.CONE]: "Cone viewshed analysis",
-          [g.THREESIXTY]: "360° viewshed analysis",
+          [_.CONE]: "Cone viewshed analysis",
+          [_.THREESIXTY]: "360° viewshed analysis",
           create: {
-            [g.CONE]: "Create cone viewshed analysis",
-            [g.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",
@@ -1867,15 +1922,13 @@ function ui(i) {
           heightMode: "Höhenmodus",
           relative: "Relativ zum Gelände",
           absolute: "Absolut",
-          new: "Neu",
           cancel: "Abbrechen",
-          [g.CONE]: "Sichtkegelanalyse",
-          [g.THREESIXTY]: "360° Sichtsanalyse",
+          [_.CONE]: "Sichtkegelanalyse",
+          [_.THREESIXTY]: "360° Sichtsanalyse",
           create: {
-            [g.CONE]: "Sichtkegelanalyse erstellen",
-            [g.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",
@@ -1892,9 +1945,19 @@ function ui(i) {
           }
         }
       }
+    },
+    destroy() {
+      o && (o.callbackClassRegistry.unregisterClass(
+        this[ee],
+        he.className
+      ), o.callbackClassRegistry.unregisterClass(
+        this[ee],
+        fe.className
+      )), i();
     }
   };
 }
 export {
-  ui as default
+  Ti as default,
+  Pe as getDefaultOptions
 };