@vcmap/viewshed 2.0.1 → 2.0.2

package/dist/index.js

@@ -1,12 +1,12 @@
-var ue = Object.defineProperty;
-var fe = (s, e, t) => e in s ? ue(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var Z = (s, e, t) => (fe(s, typeof e != "symbol" ? e + "" : e, t), t);
-import { VcsCameraPrimitive as ve, VcsObject as pe, VcsEvent as L, AbstractInteraction as we, EventType as D, Projection as I, SessionType as me, CesiumMap as B, startEditFeaturesSession as ge, startEditGeometrySession as _e, VectorLayer as Ce, wgs84Projection as Ee, maxZIndex as Ve, markVolatile as ye, Viewpoint as be, TransformationMode as Me, Category as Te, moduleIdSymbol as Oe } from "../../../assets/core.js";
-import { Color as k, Matrix4 as Se, Transforms as Pe, Primitive as q, GeometryInstance as Q, SphereGeometry as Ae, ColorGeometryInstanceAttribute as ee, PerInstanceColorAppearance as te, SphereOutlineGeometry as Ie, Math as O, Cartesian3 as S, ShadowMap as Re, Camera as $e, HeightReference as Ne } from "../../../assets/cesium.js";
-import { shallowRef as H, ref as A, nextTick as xe, inject as ie, reactive as j, watchEffect as De, watch as R, onMounted as Le, onUnmounted as Fe, computed as ke } from "../../../assets/vue.js";
+var fe = Object.defineProperty;
+var ve = (s, e, t) => e in s ? fe(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var Z = (s, e, t) => (ve(s, typeof e != "symbol" ? e + "" : e, t), t);
+import { VcsCameraPrimitive as pe, VcsObject as we, VcsEvent as L, AbstractInteraction as me, EventType as D, Projection as I, SessionType as ge, CesiumMap as B, startEditFeaturesSession as _e, startEditGeometrySession as Ce, VectorLayer as Ee, wgs84Projection as Ve, maxZIndex as ye, markVolatile as be, Viewpoint as Me, TransformationMode as Te, Category as Oe, moduleIdSymbol as Se } from "../../../assets/core.js";
+import { Color as k, Matrix4 as Pe, Transforms as Ae, Primitive as q, GeometryInstance as Q, SphereGeometry as Ie, ColorGeometryInstanceAttribute as ee, PerInstanceColorAppearance as te, SphereOutlineGeometry as Re, Math as O, Cartesian3 as S, ShadowMap as $e, Camera as Ne, HeightReference as xe } from "../../../assets/cesium.js";
+import { shallowRef as H, ref as A, nextTick as De, inject as ie, computed as se, reactive as j, watchEffect as Le, watch as R, onMounted as Fe, onUnmounted as ke } from "../../../assets/vue.js";
 import { ol$Observable$unByKey as je, Feature as We, ol$geom$Point as Be, ol$style$Style as ze } from "../../../assets/ol.js";
-import { VcsTextField as Ge, VcsSlider as Ue, VcsLabel as oe, VcsFormSection as ne, VcsSelect as re, VcsFormButton as He, VcsFeatureTransforms as Xe, makeEditorCollectionComponentClass as Ke, WindowSlot as Ye, ToolboxType as Je, createListExportAction as Ze, downloadText as qe, createListImportAction as Qe, AbstractConfigEditor as et } from "../../../assets/ui.js";
-import { VContainer as ae, VRow as le, VCol as ce, VDivider as tt, VColorPicker as it } from "../../../assets/vuetify.js";
+import { VcsTextField as Ge, VcsSlider as Ue, VcsLabel as ne, VcsFormSection as re, VcsSelect as ae, VcsFormButton as He, VcsFeatureTransforms as Xe, makeEditorCollectionComponentClass as Ke, WindowSlot as Ye, ToolboxType as Je, createListExportAction as Ze, downloadText as qe, createListImportAction as Qe, AbstractConfigEditor as et } from "../../../assets/ui.js";
+import { VContainer as le, VRow as ce, VCol as de, VDivider as tt, VColorPicker as it } from "../../../assets/vuetify.js";
 const x = [
   [String, "string"],
   [Number, "number"],
@@ -117,13 +117,13 @@ function K(s) {
   }
   return t;
 }
-function de(s, e, t) {
+function he(s, e, t) {
   const i = t ? `${t}.` : "";
   let o = !1;
   return Object.keys(s).find((a) => {
     if (W(e[a])) {
       const l = s[a];
-      o = de(l, e[a], i + a);
+      o = he(l, e[a], i + a);
     } else
       e[a] || (o = `Found additional key ${i}${a}`);
     return o = o ? o.replace(/\sin.*/, "") : !1, o;
@@ -148,7 +148,7 @@ function rt(s, e, t) {
     if (typeof l != "object")
       throw new Error(`Cannot handler pattern ${l}`);
     const c = X(a, l);
-    return c || (t ? de(a, l) : !1);
+    return c || (t ? he(a, l) : !1);
   };
   let o;
   return Array.isArray(e) && e.length > 1 ? e.every((a) => i(s, a)) && (o = `Expected ${M(s)} to be a ${e.map((a) => K(a)).join(" or ")}`) : o = i(s, e), o;
@@ -167,8 +167,8 @@ function at(s, e, t) {
   }
   return t;
 }
-const lt = new k(), G = new Se();
-class ct extends ve {
+const lt = new k(), G = new Pe();
+class ct extends pe {
   constructor(e) {
     super(e), this.spot = e.spot;
   }
@@ -182,14 +182,14 @@ class ct extends ve {
         super.update(e);
       else {
         const t = this._planesPrimitives, i = this._outlinePrimitives;
-        t.length === 0 && (Pe.eastNorthUpToFixedFrame(
+        t.length === 0 && (Ae.eastNorthUpToFixedFrame(
           this._camera.positionWC,
           void 0,
           G
         ), t[0] = new q({
           allowPicking: this.allowPicking,
           geometryInstances: new Q({
-            geometry: new Ae({
+            geometry: new Ie({
               radius: 2
             }),
             attributes: {
@@ -207,7 +207,7 @@ class ct extends ve {
         }), i[0] = new q({
           allowPicking: this.allowPicking,
           geometryInstances: new Q({
-            geometry: new Ie({
+            geometry: new Re({
               radius: 2
             }),
             attributes: {
@@ -232,13 +232,13 @@ const w = {
   THREESIXTY: "360"
 };
 function dt(s, e) {
-  const t = new $e(s), i = (
+  const t = new Ne(s), i = (
     /** @type {import("@vcmap-cesium/engine").PerspectiveFrustum} */
     t.frustum
   );
   return i.fov = e.fov, i.near = e.near, i.aspectRatio = e.aspectRatio, i.far = e.far, t;
 }
-const E = class E extends pe {
+const E = class E extends we {
   static get className() {
     return "Viewshed";
   }
@@ -442,7 +442,7 @@ const E = class E extends pe {
    * Updates the shadow map by creating a new one and applying all the current parameters.
    */
   _updateShadowMap() {
-    !this._active || !this._shadowCamera || !this._cesiumMap || !this._scene || (this._shadowMap = new Re({
+    !this._active || !this._shadowCamera || !this._cesiumMap || !this._scene || (this._shadowMap = new $e({
       // @ts-ignore
       context: this._scene.context,
       lightCamera: this._shadowCamera,
@@ -514,7 +514,7 @@ const E = class E extends pe {
 };
 Z(E, "MIN_DISTANCE", 10);
 let T = E;
-class ht extends we {
+class ht extends me {
   /**
    *
    * @param {import("./viewshed").default} viewshed
@@ -544,15 +544,15 @@ const V = {
   EDIT: "edit",
   MOVE: "move",
   MULTI_SELECT: "multiSelect"
-}, se = 1.8;
+}, oe = 1.8;
 function ut(s) {
-  const e = new Ce({
-    projection: Ee.toJSON(),
-    zIndex: Ve - 1
+  const e = new Ee({
+    projection: Ve.toJSON(),
+    zIndex: ye - 1
   });
-  ye(e), e.activate();
+  be(e), e.activate();
   const t = new We(new Be(s));
-  return t.setStyle(new ze({})), e.addFeatures([t]), e.vectorProperties.altitudeMode = Ne.NONE, {
+  return t.setStyle(new ze({})), e.addFeatures([t]), e.vectorProperties.altitudeMode = xe.NONE, {
     layer: e,
     feature: t,
     destroy() {
@@ -569,24 +569,24 @@ function ft(s, e, t) {
   let l = () => {
   };
   const n = H(null);
-  function u(d) {
-    var f, h;
-    o.value && i.value ? (i.value.deactivate(), t.setVisibility(i.value.name, !1)) : (f = i.value) == null || f.destroy(), i.value = d, (h = i.value) == null || h.activate(s.maps.activeMap);
+  function u(h) {
+    var f, d;
+    o.value && i.value ? (i.value.deactivate(), t.setVisibility(i.value.name, !1)) : (f = i.value) == null || f.destroy(), i.value = h, (d = i.value) == null || d.activate(s.maps.activeMap);
   }
-  function c(d = !0) {
-    l(), u(null), d && t.clearSelection(), o.value = null, r.value = null;
+  function c(h = !0) {
+    l(), u(null), h && t.clearSelection(), o.value = null, r.value = null;
   }
-  async function m(d) {
-    c(), await xe();
-    const { eventHandler: f } = s.maps, { featureInteraction: h } = f;
+  async function m(h) {
+    c(), await De();
+    const { eventHandler: f } = s.maps, { featureInteraction: d } = f;
     i.value = new T(
       {
-        viewshedType: d,
+        viewshedType: h,
         colorOptions: {
           visibleColor: e.visibleColor,
           shadowColor: e.shadowColor
         },
-        heightOffset: a.value === V.ABSOLUTE ? 0 : se
+        heightOffset: a.value === V.ABSOLUTE ? 0 : oe
       },
       /** @type {import("@vcmap/core").CesiumMap} */
       s.maps.activeMap
@@ -601,23 +601,23 @@ function ft(s, e, t) {
         p.destroy();
       }
     );
-    U(h, a.value), p.positioned.addEventListener(() => {
-      U(h, V.ABSOLUTE);
+    U(d, a.value), p.positioned.addEventListener(() => {
+      U(d, V.ABSOLUTE);
     }), l = () => {
-      C(), p.destroy(), h.setActive(), l = () => {
+      C(), p.destroy(), d.setActive(), l = () => {
       };
     }, r.value = g.CREATE;
   }
-  function v(d) {
+  function v(h) {
     var f;
-    if (i.value && d) {
+    if (i.value && h) {
       l();
       const {
-        layer: h,
+        layer: d,
         feature: p,
         destroy: C
       } = ut(i.value.position);
-      s.layers.add(h), a.value === V.ABSOLUTE ? (n.value = ge(s, h), n.value.setFeatures([p])) : (n.value = _e(s, h), n.value.setFeature(p)), n.value.stopped.addEventListener(() => {
+      s.layers.add(d), a.value === V.ABSOLUTE ? (n.value = _e(s, d), n.value.setFeatures([p])) : (n.value = Ce(s, d), n.value.setFeature(p)), n.value.stopped.addEventListener(() => {
         l();
       });
       const b = (f = p.getGeometry()) == null ? void 0 : f.on("change", () => {
@@ -629,50 +629,50 @@ function ft(s, e, t) {
       r.value = g.MOVE, l = () => {
         var N;
         l = () => {
-        }, b && je(b), (N = n.value) == null || N.stop(), n.value = null, s.layers.remove(h), C(), r.value = g.EDIT;
+        }, b && je(b), (N = n.value) == null || N.stop(), n.value = null, s.layers.remove(d), C(), r.value = g.EDIT;
       };
     } else
       l();
   }
-  function _(d, f) {
-    l(), i.value !== f && (u(f), a.value = f.heightOffset ? V.RELATIVE : V.ABSOLUTE), o.value = !!f.properties.title, r.value = d, o.value && t.setVisibility(f.name, !0);
+  function _(h, f) {
+    l(), i.value !== f && (u(f), a.value = f.heightOffset ? V.RELATIVE : V.ABSOLUTE), o.value = !!f.properties.title, r.value = h, o.value && t.setVisibility(f.name, !0);
   }
   const y = [
     t.collectionComponent.collection.removed.addEventListener(
-      (d) => {
+      (h) => {
         var f;
-        t.remove(d.name), ((f = i.value) == null ? void 0 : f.name) === d.name && c();
+        t.remove(h.name), ((f = i.value) == null ? void 0 : f.name) === h.name && c();
       }
     ),
-    t.renamed.addEventListener(({ item: d, title: f }) => {
+    t.renamed.addEventListener(({ item: h, title: f }) => {
       var p;
-      const h = s.windowManager.get(
+      const d = s.windowManager.get(
         `${t.collectionComponent.id}-editor`
       );
-      h && ((p = i.value) == null ? void 0 : p.name) === d.name && (h.state.headerTitle = f);
+      d && ((p = i.value) == null ? void 0 : p.name) === h.name && (d.state.headerTitle = f);
     }),
-    t.visibilityChanged.addEventListener((d) => {
-      var h;
-      const f = ((h = i.value) == null ? void 0 : h.name) === d.name;
-      f ? c() : (_(g.VIEW, d), t.clearSelection()), t.setVisibility(d.name, !f);
+    t.visibilityChanged.addEventListener((h) => {
+      var d;
+      const f = ((d = i.value) == null ? void 0 : d.name) === h.name;
+      f ? c() : (_(g.VIEW, h), t.clearSelection()), t.setVisibility(h.name, !f);
     })
   ];
-  function $(d) {
-    if (!(d === a.value || !i.value)) {
-      if (a.value = d, r.value === g.MOVE && l(), r.value === g.CREATE)
+  function $(h) {
+    if (!(h === a.value || !i.value)) {
+      if (a.value = h, r.value === g.MOVE && l(), r.value === g.CREATE)
         U(
           s.maps.eventHandler.featureInteraction,
-          d
-        ), i.value.heightOffset = d === V.ABSOLUTE ? 0 : se;
+          h
+        ), i.value.heightOffset = h === V.ABSOLUTE ? 0 : oe;
       else if (r.value === g.EDIT) {
-        const { position: f, heightOffset: h } = i.value;
-        d === V.RELATIVE ? s.maps.activeMap.getHeightFromTerrain([I.wgs84ToMercator(f)]).then((p) => {
+        const { position: f, heightOffset: d } = i.value;
+        h === V.RELATIVE ? s.maps.activeMap.getHeightFromTerrain([I.wgs84ToMercator(f)]).then((p) => {
           const C = I.mercatorToWgs84(p[0]);
           i.value && (i.value.heightOffset = f[2] - C[2], i.value.position = C);
         }) : (i.value.position = [
           f[0],
           f[1],
-          f[2] + h
+          f[2] + d
         ], i.value.heightOffset = 0);
       }
     }
@@ -682,11 +682,11 @@ function ft(s, e, t) {
     currentIsPersisted: o,
     currentEditSession: n,
     createViewshed: m,
-    viewViewshed(d) {
-      _(g.VIEW, d);
+    viewViewshed(h) {
+      _(g.VIEW, h);
     },
-    editViewshed(d) {
-      _(g.EDIT, d), o.value && (t.setSelection(d.name), t.collectionComponent.openEditorWindow(d));
+    editViewshed(h) {
+      _(g.EDIT, h), o.value && (t.setSelection(h.name), t.collectionComponent.openEditorWindow(h));
     },
     persistCurrent() {
       i.value && (t.add(i.value), o.value = !0, t.setSelection(i.value.name), t.setVisibility(i.value.name, !0));
@@ -699,8 +699,8 @@ function ft(s, e, t) {
     heightMode: a,
     changeHeightMode: $,
     async placeCurrentFeaturesOnTerrain() {
-      var d, f;
-      if (i.value && ((d = n.value) == null ? void 0 : d.type) === me.EDIT_FEATURES && s.maps.activeMap instanceof B) {
+      var h, f;
+      if (i.value && ((h = n.value) == null ? void 0 : h.type) === ge.EDIT_FEATURES && s.maps.activeMap instanceof B) {
         const p = (await s.maps.activeMap.getHeightFromTerrain([
           I.wgs84ToMercator((f = i.value) == null ? void 0 : f.position)
         ]))[0][2] - i.value.position[2];
@@ -709,11 +709,11 @@ function ft(s, e, t) {
     },
     stop: c,
     destroy() {
-      c(), y.forEach((d) => d());
+      c(), y.forEach((h) => h());
     }
   };
 }
-function he(s, e, t, i, o, r, a, l) {
+function ue(s, e, t, i, o, r, a, l) {
   var n = typeof s == "function" ? s.options : s;
   e && (n.render = e, n.staticRenderFns = t, n._compiled = !0), i && (n.functional = !0), r && (n._scopeId = "data-v-" + r);
   var u;
@@ -750,14 +750,14 @@ const vt = {
 }, pt = {
   components: {
     VcsTextField: Ge,
-    VContainer: ae,
-    VRow: le,
-    VCol: ce,
+    VContainer: le,
+    VRow: ce,
+    VCol: de,
     VcsSlider: Ue,
-    VcsLabel: oe,
-    VcsFormSection: ne,
+    VcsLabel: ne,
+    VcsFormSection: re,
     VDivider: tt,
-    VcsSelect: re,
+    VcsSelect: ae,
     VcsFormButton: He,
     VcsFeatureTransforms: Xe
   },
@@ -785,7 +785,7 @@ const vt = {
       currentViewshed: i,
       mode: o,
       currentIsPersisted: r
-    } = e, a = A(s.selection);
+    } = e, a = se(() => s.selection);
     let l = () => {
     };
     const n = j({
@@ -808,7 +808,7 @@ const vt = {
     function y() {
       _(), i.value && (m.distance = i.value.distance, m.fov = i.value.fov, m.heading = i.value.heading, m.pitch = i.value.pitch, m.showPrimitive = i.value.showPrimitive, v.value = i.value.type);
     }
-    De(() => {
+    Le(() => {
       i.value && o.value !== g.CREATE && y();
     }), R(
       i,
@@ -822,10 +822,10 @@ const vt = {
     async function $() {
       var C, b;
       (C = i.value) == null || C.deactivate();
-      const h = (
+      const d = (
         /** @type {import("@vcmap/core").CesiumMap} */
         (b = t.maps.activeMap.getScene()) == null ? void 0 : b.camera
-      ), p = h == null ? void 0 : h.changed.addEventListener(() => {
+      ), p = d == null ? void 0 : d.changed.addEventListener(() => {
         c();
       });
       c = () => {
@@ -834,22 +834,22 @@ const vt = {
         };
       };
     }
-    Le(() => {
+    Fe(() => {
       var p;
-      const h = (p = s.getViewshed) == null ? void 0 : p.call(s);
-      h && e.editViewshed(h);
-    }), Fe(() => {
+      const d = (p = s.getViewshed) == null ? void 0 : p.call(s);
+      d && e.editViewshed(d);
+    }), ke(() => {
       l(), c(), r.value || ((o.value === g.EDIT || o.value === g.MOVE) && i.value ? e.viewViewshed(i.value) : o.value === g.CREATE && e.stop()), a.value && (a.value.length > 1 ? e.setupMultiSelect() : a.value.length === 1 && i.value ? e.viewViewshed(i.value) : (
         // when a persited viewshed is deselected, stops plugin
         !a.value.length && o.value === g.EDIT && e.stop(!1)
       ));
     }), y();
-    function d(h, p) {
-      c(), i.value && (m[h] = p, i.value[h] = p);
+    function h(d, p) {
+      c(), i.value && (m[d] = p, i.value[d] = p);
     }
-    const f = ke(() => {
-      const h = [];
-      return v.value === w.CONE && h.push({
+    const f = se(() => {
+      const d = [];
+      return v.value === w.CONE && d.push({
         name: "jumpToViewpoint",
         title: u.value ? "viewshed.returnToViewpoint" : "viewshed.jumpToViewpoint",
         icon: "mdi-human-male",
@@ -857,7 +857,7 @@ const vt = {
         async callback() {
           var p, C, b;
           e.moveCurrentViewshed(!1), i.value && !u.value ? (u.value = await ((p = t.maps.activeMap) == null ? void 0 : p.getViewpoint()), await ((C = t.maps.activeMap) == null ? void 0 : C.gotoViewpoint(
-            new be({
+            new Me({
               groundPosition: [
                 i.value.position[0],
                 i.value.position[1],
@@ -871,7 +871,7 @@ const vt = {
             })
           )), $()) : u.value && ((b = t.maps.activeMap) == null || b.gotoViewpoint(u.value), c());
         }
-      }), h.push({
+      }), d.push({
         name: "moveViewshed",
         title: "viewshed.move",
         icon: e.heightMode.value === V.RELATIVE ? "$vcsEditVertices" : "mdi-axis-arrow",
@@ -881,31 +881,31 @@ const vt = {
             o.value !== g.MOVE
           );
         }
-      }), h.unshift({
+      }), d.unshift({
         name: "showPrimitive",
         title: "viewshed.showPrimitive",
         icon: "mdi-eye",
         active: m.showPrimitive,
         callback() {
-          this.active = !this.active, d("showPrimitive", this.active);
+          this.active = !this.active, h("showPrimitive", this.active);
         }
-      }), h;
+      }), d;
     });
     return {
       position: n,
-      setPosition(h, p, C) {
+      setPosition(d, p, C) {
         if (c(), !!i.value) {
           if (C === 2 && e.heightMode.value === V.RELATIVE)
-            i.value.heightOffset = Number(h);
+            i.value.heightOffset = Number(d);
           else {
             const b = [...i.value.position];
-            b[C] = Number(h), i.value.position = b;
+            b[C] = Number(d), i.value.position = b;
           }
-          n[p] = Number(h);
+          n[p] = Number(d);
         }
       },
       parameters: m,
-      setParameter: d,
+      setParameter: h,
       parameterRanges: vt,
       ViewshedPluginModes: g,
       viewshedMode: o,
@@ -914,7 +914,7 @@ const vt = {
       ViewshedTypes: w,
       HeightModes: V,
       heightMode: e.heightMode,
-      TransformationMode: Me,
+      TransformationMode: Te,
       changeHeightMode: e.changeHeightMode,
       async createNewViewshed() {
         await e.createViewshed(v.value);
@@ -941,7 +941,7 @@ var wt = function() {
   } } }, [e._v(" " + e._s(e.$t("viewshed.new")) + " ")])], 1) : e.viewshedMode === e.ViewshedPluginModes.CREATE ? t("div", { staticClass: "d-flex w-full justify-end px-2 pt-2 pb-1" }, [t("VcsFormButton", { attrs: { variant: "filled" }, on: { click: function(i) {
     return e.cancel();
   } } }, [e._v(" " + e._s(e.$t("viewshed.cancel")) + " ")])], 1) : e._e()], 1);
-}, mt = [], gt = /* @__PURE__ */ he(
+}, mt = [], gt = /* @__PURE__ */ ue(
   pt,
   wt,
   mt,
@@ -951,7 +951,7 @@ var wt = function() {
   null,
   null
 );
-const _t = gt.exports, P = "@vcmap/viewshed", Ct = "2.0.1", Et = "^5.1", Y = {
+const _t = gt.exports, P = "@vcmap/viewshed", Ct = "2.0.2", Et = "^5.1", Y = {
   [w.CONE]: "$vcsViewshed",
   [w.THREESIXTY]: "$vcsViewshedCone"
 };
@@ -1070,7 +1070,7 @@ function bt(s, e, t, i) {
     s.toolboxManager.remove(a), r();
   };
 }
-class J extends Te {
+class J extends Oe {
   static get className() {
     return "ViewshedCategory";
   }
@@ -1138,22 +1138,15 @@ async function Tt(s) {
     P
   ), { action: n, destroy: u } = Qe(
     async (c) => {
-      const m = c.map((v) => {
-        const _ = new FileReader();
-        return new Promise((y, $) => {
-          _.onload = () => {
-            try {
-              JSON.parse(_.result).forEach((f) => {
-                const h = new T(f);
-                o.collection.add(h);
-              }), y();
-            } catch (d) {
-              $(d);
-            }
-          }, _.readAsText(v);
-        });
-      });
-      await Promise.all(m);
+      await Promise.all(
+        c.map(async (m) => {
+          const v = await m.text();
+          JSON.parse(v).forEach((y) => {
+            const $ = new T(y);
+            o.collection.add($);
+          });
+        })
+      );
     },
     s.windowManager,
     P,
@@ -1210,12 +1203,12 @@ const Ot = {
   title: "Viewshed Editor",
   components: {
     AbstractConfigEditor: et,
-    VcsFormSection: ne,
-    VContainer: ae,
-    VRow: le,
-    VCol: ce,
-    VcsLabel: oe,
-    VcsSelect: re,
+    VcsFormSection: re,
+    VContainer: le,
+    VRow: ce,
+    VCol: de,
+    VcsLabel: ne,
+    VcsSelect: ae,
     VColorPicker: it
   },
   props: {
@@ -1256,7 +1249,7 @@ var St = function() {
   }, expression: "localConfig.visibleColor" } })], 1)], 1), t("v-row", { attrs: { "no-gutters": "" } }, [t("v-col", [t("VcsLabel", { attrs: { "html-for": "viewshed-editor-shadow-color" } }, [e._v(e._s(e.$t("viewshed.editor.shadowColor")))])], 1), t("v-col", [t("VColorPicker", { attrs: { mode: "rgba" }, model: { value: e.localConfig.shadowColor, callback: function(i) {
     e.$set(e.localConfig, "shadowColor", i);
   }, expression: "localConfig.shadowColor" } })], 1)], 1)], 1)], 1) : e._e()], 1);
-}, Pt = [], At = /* @__PURE__ */ he(
+}, Pt = [], At = /* @__PURE__ */ ue(
   Ot,
   St,
   Pt,
@@ -1287,7 +1280,7 @@ function kt(s) {
      */
     async initialize(i, o) {
       i.categoryClassRegistry.registerClass(
-        this[Oe],
+        this[Se],
         J.className,
         J
       );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vcmap/viewshed",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "Tool to simulate a \"viewer\" and their field of vision from a certain standpoint in the map. It allows the user to see which areas and buildings can or can't be seen from a specific standpoint, regarding different viewing distances, viewers' sizes and orientations.Th",
   "type": "module",
   "main": "src/index.js",

package/src/ViewshedWindow.vue

@@ -220,7 +220,7 @@
         currentIsPersisted,
       } = viewshedManager;
 
-      const selection = ref(props.selection);
+      const selection = computed(() => props.selection);
 
       let removePositionChangedListener = () => {};
 

package/src/viewshedCategory.js

@@ -133,25 +133,16 @@ export async function createCategory(app) {
   const { action: importAction, destroy: destroyImportAction } =
     createListImportAction(
       async (files) => {
-        const promises = files.map((file) => {
-          const reader = new FileReader();
-          return new Promise((resolve, reject) => {
-            reader.onload = () => {
-              try {
-                const viewshedOptions = JSON.parse(reader.result);
-                viewshedOptions.forEach((options) => {
-                  const viewshed = new Viewshed(options);
-                  category.collection.add(viewshed);
-                });
-                resolve();
-              } catch (e) {
-                reject(e);
-              }
-            };
-            reader.readAsText(file);
-          });
-        });
-        await Promise.all(promises);
+        await Promise.all(
+          files.map(async (file) => {
+            const text = await file.text();
+            const viewshedOptions = JSON.parse(text);
+            viewshedOptions.forEach((options) => {
+              const viewshed = new Viewshed(options);
+              category.collection.add(viewshed);
+            });
+          }),
+        );
       },
       app.windowManager,
       name,