@vcmap/ui 6.3.10 → 7.0.0-rc.1

package/plugins/@vcmap-show-case/vector-properties-example/package.json

@@ -1,5 +1,5 @@
 {
   "name": "@vcmap-show-case/vector-properties-example",
   "version": "1.0.0",
-  "mapVersion": "^6.0"
+  "mapVersion": "^7.0"
 }

package/plugins/@vcmap-show-case/viewpoint-component-example/README.md

@@ -1,3 +1,3 @@
 # Viewpoint component example
 
-This is a show-case plugin demonstrating the [viewpoint component](../../../src/components/viewpoint/VcsViewpointComponent.vue).
+This is a show-case plugin demonstrating the [viewpoint component](../../../src/components/viewpoint/VcsViewpointComponent.ts.vue).

package/plugins/@vcmap-show-case/viewpoint-component-example/package.json

@@ -1,5 +1,5 @@
 {
   "name": "@vcmap-show-case/viewpoint-component-example",
   "version": "1.0.0",
-  "mapVersion": "^6.0"
+  "mapVersion": "^7.0"
 }

package/plugins/@vcmap-show-case/window-tester/package.json

@@ -1,5 +1,5 @@
 {
   "name": "@vcmap-show-case/window-tester",
   "version": "1.0.0",
-  "mapVersion": "^6.0"
+  "mapVersion": "^7.0"
 }

package/plugins/@vcmap-show-case/wizard-example/README.md

@@ -1,3 +1,3 @@
 # Wizard Example
 
-This is a show-case plugin demonstrating the usage of [VcsWizard](../../../src/components/form-inputs-controls/VcsWizard.vue).
+This is a show-case plugin demonstrating the usage of [VcsWizard](../../../src/components/form-inputs-controls/VcsWizard.ts.vue).

package/plugins/@vcmap-show-case/wizard-example/package.json

@@ -1,5 +1,5 @@
 {
   "name": "@vcmap-show-case/wizard-example",
   "version": "1.0.0",
-  "mapVersion": "^6.0"
+  "mapVersion": "^7.0"
 }

package/plugins/package.json

@@ -3,7 +3,7 @@
     "@vcmap/print": "^4.0.0",
     "@vcmap/walk": "^2.0.0",
     "@vcmap/clipping-tool": "^4.0.0",
-    "@vcmap/transparent-terrain": "^4.0.0",
+    "@vcmap/transparent-terrain": "^3.0.0",
     "@vcmap/height-profile": "^3.0.0",
     "@vcmap/flight": "^3.0.0",
     "@vcmap/swipe-tool": "^4.0.0",

package/src/actions/StyleSelector.vue.d.ts

@@ -1,4 +1,6 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{
     availableStyles: {
         type: ArrayConstructor;
         default: () => never[];
@@ -8,13 +10,13 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }, {
-    currentStyleName: import("vue").Ref<any>;
-    items: import("vue").ComputedRef<{
+    currentStyleName: import("vue", { with: { "resolution-mode": "import" } }).Ref<any>;
+    items: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<{
         text: unknown;
         value: unknown;
     }[]>;
     select: (styleName: any) => void;
-}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, any, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
     availableStyles: {
         type: ArrayConstructor;
         default: () => never[];
@@ -26,4 +28,3 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     availableStyles: unknown[];
 }, {}>;
-export default _default;

package/src/actions/actionHelper.d.ts

@@ -15,6 +15,11 @@
  * @property {boolean} [background=false] - optional background state. If active and background, button is rendered in primary color outlined
  * @property {boolean} [disabled=false] - optional flag to indicate that the action is disabled
  */
+/**
+ * @typedef {Object} DestroyableAction
+ * @property {VcsAction} action
+ * @property {() => void} destroy
+ */
 /**
  * merges action options with defaults
  * @param {VcsAction|ActionOptions & { callback: ActionCallback}} options
@@ -27,24 +32,18 @@ export function getActionFromOptions(options: VcsAction | (ActionOptions & {
  * @param {ActionOptions} actionOptions
  * @param {string} mapName
  * @param {import("@vcmap/core").OverrideCollection<import("@vcmap/core").VcsMap, import("@vcmap/core").MapCollection>} maps
- * @returns {{action: VcsAction, destroy: () => void}}
+ * @returns {DestroyableAction}
  */
-export function createMapButtonAction(actionOptions: ActionOptions, mapName: string, maps: import("@vcmap/core").OverrideCollection<import("@vcmap/core").VcsMap, import("@vcmap/core").MapCollection>): {
-    action: VcsAction;
-    destroy: () => void;
-};
+export function createMapButtonAction(actionOptions: ActionOptions, mapName: string, maps: import("@vcmap/core").OverrideCollection<import("@vcmap/core").VcsMap, import("@vcmap/core").MapCollection>): DestroyableAction;
 /**
  * Creates an action which will toggle the given window component (opening & closing the window). The window component must have an id set.
  * @param {ActionOptions} actionOptions
  * @param {import("../manager/window/windowManager.js").WindowComponentOptions} windowComponent
  * @param {import("../manager/window/windowManager.js").default}  windowManager
  * @param {string|symbol} owner
- * @returns {{action: VcsAction, destroy: function(): void}}
+ * @returns {DestroyableAction}
  */
-export function createToggleAction(actionOptions: ActionOptions, windowComponent: import("../manager/window/windowManager.js").WindowComponentOptions, windowManager: import("../manager/window/windowManager.js").default, owner: string | symbol): {
-    action: VcsAction;
-    destroy: () => void;
-};
+export function createToggleAction(actionOptions: ActionOptions, windowComponent: import("../manager/window/windowManager.js").WindowComponentOptions, windowManager: import("../manager/window/windowManager.js").default, owner: string | symbol): DestroyableAction;
 /**
  * Creates a toggle button for the search tool, which is only available, if at least one search implementation is registered.
  * @param {import("../vcsUiApp.js").default} app
@@ -61,12 +60,9 @@ export function createSearchButtonAction(app: import("../vcsUiApp.js").default):
  * @param {import("../manager/window/windowManager.js").WindowComponentOptions} modalComponent
  * @param {import("../vcsUiApp.js").default}  app
  * @param {string|symbol} owner
- * @returns {{action: VcsAction, destroy: function(): void}}
+ * @returns {DestroyableAction}
  */
-export function createModalAction(actionOptions: ActionOptions, modalComponent: import("../manager/window/windowManager.js").WindowComponentOptions, app: import("../vcsUiApp.js").default, owner: string | symbol): {
-    action: VcsAction;
-    destroy: () => void;
-};
+export function createModalAction(actionOptions: ActionOptions, modalComponent: import("../manager/window/windowManager.js").WindowComponentOptions, app: import("../vcsUiApp.js").default, owner: string | symbol): DestroyableAction;
 /**
  * Creates an action which opens a given link in a new tab
  * @param {ActionOptions} actionOptions
@@ -101,7 +97,7 @@ export function createZoomToFeatureAction(actionOptions: ActionOptions, feature:
  * @param {VcsAction} action
  * @param {PointerEvent} [p]
  */
-export function callSafeAction(action: VcsAction, p?: PointerEvent | undefined): void;
+export function callSafeAction(action: VcsAction, p?: PointerEvent): void;
 /**
  * Adds a loading overlay to the application.
  * @param {import("../vcsUiApp.js").default} app
@@ -110,15 +106,15 @@ export function callSafeAction(action: VcsAction, p?: PointerEvent | undefined):
  * @returns {function(): void} A function to remove the loading overlay.
  */
 export function addLoadingOverlay(app: import("../vcsUiApp.js").default, owner: string | symbol, options?: {
-    id?: string | undefined;
-    progress?: import('vue').Ref<number> | undefined;
-    title?: string | undefined;
-    text?: string | undefined;
-    cancel?: Function | undefined;
-    maxWidth?: string | number | undefined;
-    persistent?: boolean | undefined;
-} | undefined): () => void;
-export type ActionOptions = Omit<VcsAction, 'callback'>;
+    id?: string;
+    progress?: import("vue").Ref<number> | undefined;
+    title?: string;
+    text?: string;
+    cancel?: Function;
+    maxWidth?: number | string;
+    persistent?: boolean;
+}): () => void;
+export type ActionOptions = Omit<VcsAction, "callback">;
 export type ActionCallback = (p?: PointerEvent) => (void | Promise<void>);
 export type VcsAction = {
     /**
@@ -154,4 +150,8 @@ export type VcsAction = {
      */
     disabled?: boolean | undefined;
 };
+export type DestroyableAction = {
+    action: VcsAction;
+    destroy: () => void;
+};
 import { Viewpoint } from '@vcmap/core';

package/src/actions/actionHelper.js

@@ -21,7 +21,7 @@ import {
 import SearchComponent, {
   searchComponentId,
 } from '../search/SearchComponent.vue';
-import VcsLoadingOverlay from '../components/plugins/VcsLoadingOverlay.vue';
+import VcsLoadingOverlay from '../components/plugins/VcsLoadingOverlay.ts.vue';
 
 /**
  * @typedef {Omit<VcsAction, 'callback'>} ActionOptions
@@ -43,6 +43,12 @@ import VcsLoadingOverlay from '../components/plugins/VcsLoadingOverlay.vue';
  * @property {boolean} [disabled=false] - optional flag to indicate that the action is disabled
  */
 
+/**
+ * @typedef {Object} DestroyableAction
+ * @property {VcsAction} action
+ * @property {() => void} destroy
+ */
+
 /**
  * merges action options with defaults
  * @param {VcsAction|ActionOptions & { callback: ActionCallback}} options
@@ -122,7 +128,7 @@ function setupDisablePanorama(map, action) {
  * @param {ActionOptions} actionOptions
  * @param {string} mapName
  * @param {import("@vcmap/core").OverrideCollection<import("@vcmap/core").VcsMap, import("@vcmap/core").MapCollection>} maps
- * @returns {{action: VcsAction, destroy: () => void}}
+ * @returns {DestroyableAction}
  */
 export function createMapButtonAction(actionOptions, mapName, maps) {
   check(actionOptions, {
@@ -166,7 +172,7 @@ export function createMapButtonAction(actionOptions, mapName, maps) {
  * @param {import("../manager/window/windowManager.js").WindowComponentOptions} windowComponent
  * @param {import("../manager/window/windowManager.js").default}  windowManager
  * @param {string|symbol} owner
- * @returns {{action: VcsAction, destroy: function(): void}}
+ * @returns {DestroyableAction}
  */
 export function createToggleAction(
   actionOptions,
@@ -219,7 +225,7 @@ export function createToggleAction(
 
 /**
  * @param {import("../vcsUiApp.js").default} app
- * @returns {{action: import("vue").UnwrapRef<VcsAction>, destroy: function():void}}
+ * @returns {DestroyableAction}
  */
 function createSearchAction(app) {
   const windowComponent = {
@@ -330,7 +336,7 @@ export function createSearchButtonAction(app) {
  * @param {import("../manager/window/windowManager.js").WindowComponentOptions} modalComponent
  * @param {import("../vcsUiApp.js").default}  app
  * @param {string|symbol} owner
- * @returns {{action: VcsAction, destroy: function(): void}}
+ * @returns {DestroyableAction}
  */
 export function createModalAction(actionOptions, modalComponent, app, owner) {
   check(actionOptions, {

package/src/actions/extentActions.d.ts

@@ -7,12 +7,9 @@ export function createZoomToExtentAction(app: import("@src/vcsUiApp.js").default
 /**
  * @param {import("@vcmap/core").Layer} layer
  * @param {boolean} disabled
- * @returns {{action: import("./actionHelper.js").VcsAction, destroy: (function(): void)}}
+ * @returns {import("./actionHelper.js").DestroyableAction}
  */
-export function createLayerToggleAction(layer: import("@vcmap/core").Layer, disabled: boolean): {
-    action: import("./actionHelper.js").VcsAction;
-    destroy: (() => void);
-};
+export function createLayerToggleAction(layer: import("@vcmap/core").Layer, disabled: boolean): import("./actionHelper.js").DestroyableAction;
 /**
  *
  * @param {import("@src/vcsUiApp.js").default} app
@@ -20,12 +17,9 @@ export function createLayerToggleAction(layer: import("@vcmap/core").Layer, disa
  * @param {import("vue").ComputedRef<import("@vcmap/core").Extent>|import("vue").Ref<import("@vcmap/core").Extent>} extent
  * @param {string} featureId
  * @param {boolean} disabled
- * @returns {{ action: import("./actionHelper.js").VcsAction, destroy:()=>void}}
+ * @returns {import("./actionHelper.js").DestroyableAction}
  */
-export function createExtentFeatureAction(app: import("@src/vcsUiApp.js").default, layer: import("@vcmap/core").VectorLayer, extent: import("vue").ComputedRef<import("@vcmap/core").Extent> | import("vue").Ref<import("@vcmap/core").Extent>, featureId: string, disabled: boolean): {
-    action: import("./actionHelper.js").VcsAction;
-    destroy: () => void;
-};
+export function createExtentFeatureAction(app: import("@src/vcsUiApp.js").default, layer: import("@vcmap/core").VectorLayer, extent: import("vue").ComputedRef<import("@vcmap/core").Extent> | import("vue").Ref<import("@vcmap/core").Extent>, featureId: string, disabled: boolean): import("./actionHelper.js").DestroyableAction;
 /**
  * @param {import("vue").WritableComputedRef<import("@vcmap/core").Extent>} extent
  * @param {import("@vcmap/core").Extent} initialExtent
@@ -38,7 +32,7 @@ export function createResetExtentAction(extent: import("vue").WritableComputedRe
  * @param {boolean} [showExtentOnStartup=false]
  * @returns {{ actions: Array<import("./actionHelper.js").VcsAction>, destroy: () => void, layer: import("@vcmap/core").VectorLayer, featureId: string }}
  */
-export function setupExtentComponentActions(app: import("@src/vcsUiApp.js").default, extent: import("vue").ComputedRef<import("@vcmap/core").Extent> | import("vue").Ref<import("@vcmap/core").Extent> | import("vue").WritableComputedRef<import("@vcmap/core").Extent>, showExtentOnStartup?: boolean | undefined): {
+export function setupExtentComponentActions(app: import("@src/vcsUiApp.js").default, extent: import("vue").ComputedRef<import("@vcmap/core").Extent> | import("vue").Ref<import("@vcmap/core").Extent> | import("vue").WritableComputedRef<import("@vcmap/core").Extent>, showExtentOnStartup?: boolean): {
     actions: Array<import("./actionHelper.js").VcsAction>;
     destroy: () => void;
     layer: import("@vcmap/core").VectorLayer;

package/src/actions/extentActions.js

@@ -45,7 +45,7 @@ export function createZoomToExtentAction(app, extent) {
 /**
  * @param {import("@vcmap/core").Layer} layer
  * @param {boolean} disabled
- * @returns {{action: import("./actionHelper.js").VcsAction, destroy: (function(): void)}}
+ * @returns {import("./actionHelper.js").DestroyableAction}
  */
 export function createLayerToggleAction(layer, disabled) {
   const action = reactive({
@@ -82,7 +82,7 @@ export function createLayerToggleAction(layer, disabled) {
  * @param {import("vue").ComputedRef<import("@vcmap/core").Extent>|import("vue").Ref<import("@vcmap/core").Extent>} extent
  * @param {string} featureId
  * @param {boolean} disabled
- * @returns {{ action: import("./actionHelper.js").VcsAction, destroy:()=>void}}
+ * @returns {import("./actionHelper.js").DestroyableAction}
  */
 export function createExtentFeatureAction(
   app,
@@ -187,7 +187,7 @@ function updateExtentFromFeature(feature, extent) {
  * @param {string} featureId
  * @param {import("vue").WritableComputedRef<import("@vcmap/core").Extent>} extent
  * @param {import("vue").Ref<boolean>} suspendFeatureUpdate
- * @returns {{action: import("./actionHelper.js").VcsAction, destroy(): void}}
+ * @returns {import("./actionHelper.js").DestroyableAction}
  */
 function setupTranslateAction(
   app,
@@ -246,7 +246,7 @@ function setupTranslateAction(
  * @param {string} featureId
  * @param {import("vue").WritableComputedRef<import("@vcmap/core").Extent>} extent
  * @param {import("vue").Ref<boolean>} suspendFeatureUpdate
- * @returns {{action: import("./actionHelper.js").VcsAction, destroy(): void}}
+ * @returns {import("./actionHelper.js").DestroyableAction}
  */
 function setupVertexAction(
   app,

package/src/actions/flightActions.d.ts

@@ -1,22 +1,16 @@
 /**
  * @param {import("../vcsUiApp.js").default} app
  * @param {import("@vcmap/core").FlightInstance} instance
- * @returns {{action: import("./actionHelper.js").VcsAction, destroy: () => void}}
+ * @returns {import("./actionHelper.js").DestroyableAction}
  */
-export function createPlayAction(app: import("../vcsUiApp.js").default, instance: import("@vcmap/core").FlightInstance): {
-    action: import("./actionHelper.js").VcsAction;
-    destroy: () => void;
-};
+export function createPlayAction(app: import("../vcsUiApp.js").default, instance: import("@vcmap/core").FlightInstance): import("./actionHelper.js").DestroyableAction;
 /**
  * @param {import("../vcsUiApp.js").default} app
  * @param {import("@vcmap/core").FlightInstance} instance
  * @param {PlayerDirection} direction
- * @returns {{action: import("./actionHelper.js").VcsAction, destroy: () => void}}
+ * @returns {import("./actionHelper.js").DestroyableAction}
  */
-export function createStepAction(app: import("../vcsUiApp.js").default, instance: import("@vcmap/core").FlightInstance, direction: PlayerDirection): {
-    action: import("./actionHelper.js").VcsAction;
-    destroy: () => void;
-};
+export function createStepAction(app: import("../vcsUiApp.js").default, instance: import("@vcmap/core").FlightInstance, direction: PlayerDirection): import("./actionHelper.js").DestroyableAction;
 /**
  * @param {import("../vcsUiApp.js").default} app
  * @param {import("@vcmap/core").FlightInstance} instance
@@ -35,11 +29,11 @@ export function createFastAction(app: import("../vcsUiApp.js").default, instance
  *
  * @param {import("../vcsUiApp.js").default} app
  * @param {import("@vcmap/core").FlightInstance} instance
- * @returns {{destroy: (() => void), actions: Array<import("./actionHelper.js").VcsAction> }}
+ * @returns {{destroy: (() => void), actions: Array<action: import("./actionHelper.js").VcsAction & { listeners:Object<string,()=>void>> }}}
  */
 export function createFlightPlayerActions(app: import("../vcsUiApp.js").default, instance: import("@vcmap/core").FlightInstance): {
     destroy: (() => void);
-    actions: Array<import("./actionHelper.js").VcsAction>;
+    actions: Array<action>;
 };
 /**
  * @param {import("../vcsUiApp.js").default} app
@@ -52,28 +46,22 @@ export function setupFlightListItemPlayer(app: import("../vcsUiApp.js").default,
  *
  * @param {import("../vcsUiApp.js").default} app
  * @param {import("@vcmap/core").FlightInstance} instance
- * @returns {{action: import("./actionHelper.js").VcsAction, destroy: function(): void}}
+ * @returns {import("./actionHelper.js").DestroyableAction}
  */
-export function createZoomToFlightAction(app: import("../vcsUiApp.js").default, instance: import("@vcmap/core").FlightInstance): {
-    action: import("./actionHelper.js").VcsAction;
-    destroy: () => void;
-};
+export function createZoomToFlightAction(app: import("../vcsUiApp.js").default, instance: import("@vcmap/core").FlightInstance): import("./actionHelper.js").DestroyableAction;
 /**
  *
  * @param {import("../vcsUiApp.js").default} app
  * @param {import("@vcmap/core").FlightInstance} instance
  * @param {boolean} [active=true]
- * @returns {Promise<{action: import("./actionHelper.js").VcsAction, destroy:()=>void}>}
+ * @returns {Promise<import("./actionHelper.js").DestroyableAction>}
  */
-export function createFlightVisualizationAction(app: import("../vcsUiApp.js").default, instance: import("@vcmap/core").FlightInstance, active?: boolean | undefined): Promise<{
-    action: import("./actionHelper.js").VcsAction;
-    destroy: () => void;
-}>;
+export function createFlightVisualizationAction(app: import("../vcsUiApp.js").default, instance: import("@vcmap/core").FlightInstance, active?: boolean): Promise<import("./actionHelper.js").DestroyableAction>;
 /**
  *
  * @param {import("../vcsUiApp.js").default} app
  * @param {import("@vcmap/core").FlightInstance} instance
- * @returns {{actions: import("./actionHelper.js").VcsAction[], destroy: function(): void}}
+ * @returns {{actions: import("./actionHelper.js").VcsAction[], destroy: () => void }}
  */
 export function createFlightMovieActions(app: import("../vcsUiApp.js").default, instance: import("@vcmap/core").FlightInstance): {
     actions: import("./actionHelper.js").VcsAction[];
@@ -83,12 +71,9 @@ export function createFlightMovieActions(app: import("../vcsUiApp.js").default,
  *
  * @param {import("@vcmap/core").FlightInstance} instance
  * @param {boolean} [isPathExport=false] - Set to true to export flight path. Per default flight is exported
- * @returns {{action: import("./actionHelper.js").VcsAction, destroy: function(): void}}
+ * @returns {import("./actionHelper.js").DestroyableAction}
  */
-export function createExportFlightAction(instance: import("@vcmap/core").FlightInstance, isPathExport?: boolean | undefined): {
-    action: import("./actionHelper.js").VcsAction;
-    destroy: () => void;
-};
+export function createExportFlightAction(instance: import("@vcmap/core").FlightInstance, isPathExport?: boolean): import("./actionHelper.js").DestroyableAction;
 /**
  *
  * @param {import("../vcsUiApp.js").default} app
@@ -97,7 +82,7 @@ export function createExportFlightAction(instance: import("@vcmap/core").FlightI
  * @param {(imported:number[]) => void} [importSuccessCb] - An optional success cb providing the indices of app's flight collection for successful imported flight instances
  * @returns {Promise<boolean>}
  */
-export function importFlights(app: import("../vcsUiApp.js").default, files: File[], moduleId?: string | undefined, importSuccessCb?: ((imported: number[]) => void) | undefined): Promise<boolean>;
+export function importFlights(app: import("../vcsUiApp.js").default, files: File[], moduleId?: string, importSuccessCb?: (imported: number[]) => void): Promise<boolean>;
 export type PlayerDirection = string;
 export namespace PlayerDirection {
     let Forward: string;

package/src/actions/flightActions.js

@@ -20,7 +20,7 @@ import { vcsAppSymbol } from '../pluginHelper.js';
 /**
  * @param {import("../vcsUiApp.js").default} app
  * @param {import("@vcmap/core").FlightInstance} instance
- * @returns {{action: import("./actionHelper.js").VcsAction, destroy: () => void}}
+ * @returns {import("./actionHelper.js").DestroyableAction}
  */
 export function createPlayAction(app, instance) {
   let stateListener = () => {};
@@ -108,7 +108,7 @@ export const PlayerDirection = { Forward: 'forward', Backward: 'backward' };
  * @param {import("../vcsUiApp.js").default} app
  * @param {import("@vcmap/core").FlightInstance} instance
  * @param {PlayerDirection} direction
- * @returns {{action: import("./actionHelper.js").VcsAction, destroy: () => void}}
+ * @returns {import("./actionHelper.js").DestroyableAction}
  */
 export function createStepAction(app, instance, direction) {
   check(direction, ofEnum(PlayerDirection));
@@ -202,7 +202,7 @@ export function createFastAction(app, instance, direction) {
  *
  * @param {import("../vcsUiApp.js").default} app
  * @param {import("@vcmap/core").FlightInstance} instance
- * @returns {{destroy: (() => void), actions: Array<import("./actionHelper.js").VcsAction> }}
+ * @returns {{destroy: (() => void), actions: Array<action: import("./actionHelper.js").VcsAction & { listeners:Object<string,()=>void>> }}}
  */
 export function createFlightPlayerActions(app, instance) {
   const array = [
@@ -327,7 +327,7 @@ export function setupFlightListItemPlayer(app, instance, actions) {
  *
  * @param {import("../vcsUiApp.js").default} app
  * @param {import("@vcmap/core").FlightInstance} instance
- * @returns {{action: import("./actionHelper.js").VcsAction, destroy: function(): void}}
+ * @returns {import("./actionHelper.js").DestroyableAction}
  */
 export function createZoomToFlightAction(app, instance) {
   let flightVis;
@@ -360,7 +360,7 @@ export function createZoomToFlightAction(app, instance) {
  * @param {import("../vcsUiApp.js").default} app
  * @param {import("@vcmap/core").FlightInstance} instance
  * @param {boolean} [active=true]
- * @returns {Promise<{action: import("./actionHelper.js").VcsAction, destroy:()=>void}>}
+ * @returns {Promise<import("./actionHelper.js").DestroyableAction>}
  */
 export async function createFlightVisualizationAction(
   app,
@@ -420,7 +420,7 @@ export async function createFlightVisualizationAction(
  *
  * @param {import("../vcsUiApp.js").default} app
  * @param {import("@vcmap/core").FlightInstance} instance
- * @returns {{actions: import("./actionHelper.js").VcsAction[], destroy: function(): void}}
+ * @returns {{actions: import("./actionHelper.js").VcsAction[], destroy: () => void }}
  */
 export function createFlightMovieActions(app, instance) {
   const progress = ref(0);
@@ -494,7 +494,7 @@ export function createFlightMovieActions(app, instance) {
  *
  * @param {import("@vcmap/core").FlightInstance} instance
  * @param {boolean} [isPathExport=false] - Set to true to export flight path. Per default flight is exported
- * @returns {{action: import("./actionHelper.js").VcsAction, destroy: function(): void}}
+ * @returns {import("./actionHelper.js").DestroyableAction}
  */
 export function createExportFlightAction(instance, isPathExport = false) {
   const exportFunction = (i) =>
@@ -545,6 +545,7 @@ export async function importFlights(app, files, moduleId, importSuccessCb) {
       try {
         return parseFlightOptionsFromGeoJson(JSON.parse(text));
       } catch (e) {
+        getLogger().error(e.message);
         app.notifier.add({
           type: NotificationType.ERROR,
           message: vueI18n.t('components.import.failure', {

package/src/actions/listActions.d.ts

@@ -6,26 +6,26 @@
  * @template {Object} T
  * @returns {import("./actionHelper.js").VcsAction}
  */
-export function createListItemDeleteAction<T extends Object>(collection: import("@vcmap/core").Collection<T>, item: T, actionOptions?: Partial<Omit<import("./actionHelper.js").VcsAction, "callback">> | undefined): import("./actionHelper.js").VcsAction;
+export function createListItemDeleteAction<T extends Object>(collection: import("@vcmap/core").Collection<T>, item: T, actionOptions?: Partial<import("./actionHelper.js").ActionOptions>): import("./actionHelper.js").VcsAction;
 /**
  * Creates an action based on a provided selection
- * @param {import("vue").Ref<Array<import("../components/lists/VcsListItemComponent.vue").VcsListItem>>} selection
+ * @param {import("vue").Ref<Array<import("../components/lists/VcsListItemComponent.ts.vue").VcsListItem>>} selection
  * @param {import("./actionHelper.js").ActionOptions & {callback:import("./actionHelper.js").ActionCallback}} [actionOptions]
  * @returns {{action: import("vue").UnwrapRef<import("./actionHelper.js").VcsAction>, destroy: import("vue").WatchStopHandle}}
  */
-export function createListItemBulkAction(selection: import("vue").Ref<Array<import("../components/lists/VcsListItemComponent.vue").VcsListItem>>, actionOptions?: (Omit<import("./actionHelper.js").VcsAction, "callback"> & {
+export function createListItemBulkAction(selection: import("vue").Ref<Array<import("../components/lists/VcsListItemComponent.ts.vue").VcsListItem>>, actionOptions?: import("./actionHelper.js").ActionOptions & {
     callback: import("./actionHelper.js").ActionCallback;
-}) | undefined): {
+}): {
     action: import("vue").UnwrapRef<import("./actionHelper.js").VcsAction>;
     destroy: import("vue").WatchStopHandle;
 };
 /**
- * @param {import("vue").Ref<Array<import("../components/lists/VcsListItemComponent.vue").VcsListItem>>} selection
+ * @param {import("vue").Ref<Array<import("../components/lists/VcsListItemComponent.ts.vue").VcsListItem>>} selection
  * @param {import("./actionHelper.js").ActionCallback} exportCallback
  * @param {string|symbol} owner
  * @returns {{action: import("../manager/collectionManager/collectionManager.js").OwnedAction, destroy: (function(): void)}}
  */
-export function createListExportAction(selection: import("vue").Ref<Array<import("../components/lists/VcsListItemComponent.vue").VcsListItem>>, exportCallback: import("./actionHelper.js").ActionCallback, owner: string | symbol): {
+export function createListExportAction(selection: import("vue").Ref<Array<import("../components/lists/VcsListItemComponent.ts.vue").VcsListItem>>, exportCallback: import("./actionHelper.js").ActionCallback, owner: string | symbol): {
     action: import("../manager/collectionManager/collectionManager.js").OwnedAction;
     destroy: (() => void);
 };
@@ -48,7 +48,7 @@ export function createListExportAction(selection: import("vue").Ref<Array<import
  * @param {ImportIntoLayerOptions} [options={}]
  * @returns {Promise<boolean>}
  */
-export function importIntoLayer(files: File[], app: import("../vcsUiApp.js").default, layer: import("@vcmap/core").VectorLayer, options?: ImportIntoLayerOptions | undefined): Promise<boolean>;
+export function importIntoLayer(files: File[], app: import("../vcsUiApp.js").default, layer: import("@vcmap/core").VectorLayer, options?: ImportIntoLayerOptions): Promise<boolean>;
 /**
  *
  * @param {function(File[]):boolean|Promise<boolean>} importCallback
@@ -69,12 +69,9 @@ export function createListImportAction(importCallback: (arg0: File[]) => boolean
  * @param {string} multiEditorId
  * @param {string} [name="list.edit"]
  * @template {Object} T
- * @returns {{action: import("./actionHelper.js").VcsAction, destroy: function(): void}}
+ * @returns {import("./actionHelper.js").DestroyableAction}
  */
-export function createListEditAction<T extends Object>(selection: import("vue").Ref<Array<import("../manager/collectionManager/collectionComponentClass.js").CollectionComponentListItem>>, editCallback: (arg0: T) => void, windowManager: import("../manager/window/windowManager.js").default, owner: string | symbol, multiEditorId: string, name?: string | undefined): {
-    action: import("./actionHelper.js").VcsAction;
-    destroy: () => void;
-};
+export function createListEditAction<T extends Object>(selection: import("vue").Ref<Array<import("../manager/collectionManager/collectionComponentClass.js").CollectionComponentListItem>>, editCallback: (arg0: T) => void, windowManager: import("../manager/window/windowManager.js").default, owner: string | symbol, multiEditorId: string, name?: string): import("./actionHelper.js").DestroyableAction;
 export type ImportIntoLayerOptions = {
     readOptions?: import("@vcmap/core").GeoJSONreadOptions | undefined;
     /**

package/src/actions/listActions.js

@@ -2,7 +2,7 @@ import { reactive, watch } from 'vue';
 import { check, oneOf, optional } from '@vcsuite/check';
 import { getLogger } from '@vcsuite/logger';
 import { parseGeoJSON } from '@vcmap/core';
-import VcsImportComponent from '../components/import/VcsImportComponent.vue';
+import VcsImportComponent from '../components/import/VcsImportComponent.ts.vue';
 import { createToggleAction } from './actionHelper.js';
 import { WindowSlot } from '../manager/window/windowManager.js';
 import { vcsAppSymbol } from '../pluginHelper.js';
@@ -34,7 +34,7 @@ export function createListItemDeleteAction(
 
 /**
  * Creates an action based on a provided selection
- * @param {import("vue").Ref<Array<import("../components/lists/VcsListItemComponent.vue").VcsListItem>>} selection
+ * @param {import("vue").Ref<Array<import("../components/lists/VcsListItemComponent.ts.vue").VcsListItem>>} selection
  * @param {import("./actionHelper.js").ActionOptions & {callback:import("./actionHelper.js").ActionCallback}} [actionOptions]
  * @returns {{action: import("vue").UnwrapRef<import("./actionHelper.js").VcsAction>, destroy: import("vue").WatchStopHandle}}
  */
@@ -59,7 +59,7 @@ export function createListItemBulkAction(selection, actionOptions) {
 }
 
 /**
- * @param {import("vue").Ref<Array<import("../components/lists/VcsListItemComponent.vue").VcsListItem>>} selection
+ * @param {import("vue").Ref<Array<import("../components/lists/VcsListItemComponent.ts.vue").VcsListItem>>} selection
  * @param {import("./actionHelper.js").ActionCallback} exportCallback
  * @param {string|symbol} owner
  * @returns {{action: import("../manager/collectionManager/collectionManager.js").OwnedAction, destroy: (function(): void)}}
@@ -244,7 +244,7 @@ export function createListImportAction(
  * @param {string} multiEditorId
  * @param {string} [name="list.edit"]
  * @template {Object} T
- * @returns {{action: import("./actionHelper.js").VcsAction, destroy: function(): void}}
+ * @returns {import("./actionHelper.js").DestroyableAction}
  */
 export function createListEditAction(
   selection,

package/src/actions/stateRefAction.d.ts

@@ -3,12 +3,9 @@
  * @param {string} name
  * @param {import("vue").Ref<StateActionState>} stateRef
  * @param {function():void} callback
- * @returns {{ action: import("./actionHelper.js").VcsAction, destroy: function():void }}
+ * @returns {import("./actionHelper.js").DestroyableAction}
  */
-export function createStateRefAction(name: string, stateRef: import("vue").Ref<StateActionState>, callback: () => void): {
-    action: import("./actionHelper.js").VcsAction;
-    destroy: () => void;
-};
+export function createStateRefAction(name: string, stateRef: import("vue").Ref<StateActionState>, callback: () => void): import("./actionHelper.js").DestroyableAction;
 export type StateActionState = number;
 export namespace StateActionState {
     let NONE: number;

package/src/actions/stateRefAction.js

@@ -24,7 +24,7 @@ const stateIconMap = {
  * @param {string} name
  * @param {import("vue").Ref<StateActionState>} stateRef
  * @param {function():void} callback
- * @returns {{ action: import("./actionHelper.js").VcsAction, destroy: function():void }}
+ * @returns {import("./actionHelper.js").DestroyableAction}
  */
 export function createStateRefAction(name, stateRef, callback) {
   check(name, String);
@@ -42,8 +42,5 @@ export function createStateRefAction(name, stateRef, callback) {
     action.icon = stateIconMap[stateRef.value];
   });
 
-  return {
-    action,
-    destroy,
-  };
+  return { action, destroy };
 }

package/src/application/MapsGroupMobileMenu.vue

@@ -43,7 +43,7 @@
 <script>
   import { computed, ref, inject } from 'vue';
   import { VMenu, VIcon, VToolbar, VToolbarItems } from 'vuetify/components';
-  import VcsToolButton from '../components/buttons/VcsToolButton.vue';
+  import VcsToolButton from '../components/buttons/VcsToolButton.ts.vue';
   import { useFontSize } from '../vuePlugins/vuetify.js';
   import {
     ButtonLocation,