@vcmap/ui 6.3.11 → 7.0.0-rc.1

package/src/manager/toolbox/ToolboxManagerComponent.vue

@@ -67,7 +67,7 @@
   } from './toolboxManager.js';
   import ToolboxActionSelect from './SelectToolboxComponent.vue';
   import ToolboxActionGroup from './GroupToolboxComponent.vue';
-  import VcsToolButton from '../../components/buttons/VcsToolButton.vue';
+  import VcsToolButton from '../../components/buttons/VcsToolButton.ts.vue';
   import { vcsAppSymbol } from '../../pluginHelper.js';
   import { ButtonLocation, deviceSymbol } from '../navbarManager.js';
   import { useFontSize } from '../../vuePlugins/vuetify.js';

package/src/manager/toolbox/ToolboxManagerComponent.vue.d.ts

@@ -9,8 +9,19 @@
  * @property {function(number):void} [selectCb]
  */
 export const toolboxComponentId: "toolbox";
-declare const _default: import("vue").DefineComponent<{}, {
-    smAndUp: import("vue").Ref<boolean>;
+declare const _default: typeof __VLS_export;
+export default _default;
+export type ToolboxButtonGroup = {
+    id: string;
+    type: string;
+    icon: string;
+    title: string;
+    buttons: Array<import("../buttonManager.js").ButtonComponent>;
+    selected?: string | undefined;
+    selectCb?: ((arg0: number) => void) | undefined;
+};
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {
+    smAndUp: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
     toolboxOpen: any;
     toolboxToggleAction: {
         name: string;
@@ -19,28 +30,18 @@ declare const _default: import("vue").DefineComponent<{}, {
         active: any;
         callback: () => void;
     };
-    orderedGroups: import("vue").ComputedRef<(import("../buttonManager.js", { with: { "resolution-mode": "import" } }).ButtonComponent | import("./toolboxManager.js", { with: { "resolution-mode": "import" } }).ToolboxComponent)[]>;
+    orderedGroups: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<(import("../buttonManager.js", { with: { "resolution-mode": "import" } }).ButtonComponent | import("./toolboxManager.js", { with: { "resolution-mode": "import" } }).ToolboxComponent)[]>;
     zIndex: any;
-    zIndexMobile: import("vue").ComputedRef<any>;
-    isDefaultToolbox: import("vue").ComputedRef<boolean>;
+    zIndexMobile: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<any>;
+    isDefaultToolbox: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
     ToolboxType: {
         SINGLE: number;
         SELECT: number;
         GROUP: number;
     };
-    open: import("vue").Ref<boolean>;
+    open: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
     bringToTop: () => void;
     openGroup(group: any): void;
-    toolboxHeight: import("vue").ComputedRef<number>;
-    xs: import("vue").Ref<boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;
-export type ToolboxButtonGroup = {
-    id: string;
-    type: string;
-    icon: string;
-    title: string;
-    buttons: Array<import("../buttonManager.js").ButtonComponent>;
-    selected?: string | undefined;
-    selectCb?: ((arg0: number) => void) | undefined;
-};
+    toolboxHeight: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<number>;
+    xs: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
+}, {}, {}, {}, 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<{}>>, {}, {}>;

package/src/manager/toolbox/toolboxManager.d.ts

@@ -5,7 +5,7 @@
  * @param {function(ownerA:string, ownerB:string, order: string[]):number} [compareFn=sortByOwner] Per default components are sorted by owner: app first, then plugins
  * @returns {Array<ToolboxComponent|import("../buttonManager.js").ButtonComponent>}
  */
-export function getComponentsByOrder(components: Array<ToolboxComponent | import("../buttonManager.js").ButtonComponent>, order?: string[] | undefined, compareFn?: typeof sortByOwner): Array<ToolboxComponent | import("../buttonManager.js").ButtonComponent>;
+export function getComponentsByOrder(components: Array<ToolboxComponent | import("../buttonManager.js").ButtonComponent>, order?: string[], compareFn?: typeof sortByOwner): Array<ToolboxComponent | import("../buttonManager.js").ButtonComponent>;
 /**
  * Adds default groups for a toolboxManager.
  * Once requested, group id, icon and title are defined and cannot be changed or overwritten.
@@ -94,7 +94,7 @@ export type IToolboxManager = import("../../vcsUiApp.js").VcsComponentManager<To
  * @param {string[]} [order] order of owners to sort by
  * @returns {number}
  */
-declare function sortByOwner(compA: ToolboxComponent | import("../buttonManager.js").ButtonComponent, compB: ToolboxComponent | import("../buttonManager.js").ButtonComponent, order?: string[] | undefined): number;
+declare function sortByOwner(compA: ToolboxComponent | import("../buttonManager.js").ButtonComponent, compB: ToolboxComponent | import("../buttonManager.js").ButtonComponent, order?: string[]): number;
 /**
  * @typedef {import("../../vcsUiApp.js").VcsComponentManager<ToolboxComponent,ToolboxComponentOptions>} IToolboxManager
  */
@@ -164,7 +164,7 @@ declare class ToolboxManager implements IToolboxManager {
      * @returns {SingleToolboxComponent|SelectToolboxComponent|import("vue").ShallowReactive<GroupToolboxComponent>}
      */
     // @ts-ignore
-add(toolboxComponentOptions: SingleToolboxComponentOptions | SelectToolboxComponentOptions | GroupToolboxComponentOptions, owner: string | symbol, device?: Partial<Record<import("../navbarManager.js").Device, boolean>> | undefined): SingleToolboxComponent | SelectToolboxComponent | import("vue").ShallowReactive<GroupToolboxComponent>;
+add(toolboxComponentOptions: SingleToolboxComponentOptions | SelectToolboxComponentOptions | GroupToolboxComponentOptions, owner: string | symbol, device?: import("../navbarManager.js").DeviceOptions): SingleToolboxComponent | SelectToolboxComponent | import("vue").ShallowReactive<GroupToolboxComponent>;
     /**
      * removes all {@link ToolboxComponent}s of a specific owner and fires removed Events
      * @param {string|vcsAppSymbol} owner

package/src/manager/toolbox/toolboxManager.js

@@ -4,7 +4,7 @@ import { v4 as uuidv4 } from 'uuid';
 import { reactive, ref, shallowReactive } from 'vue';
 import { vcsAppSymbol } from '../../pluginHelper.js';
 import ButtonManager from '../buttonManager.js';
-import { ActionPattern } from '../../components/lists/VcsActionList.vue';
+import { actionPattern } from '../../components/lists/VcsActionList.ts.vue';
 import { getActionFromOptions } from '../../actions/actionHelper.js';
 import { deviceSymbol } from '../navbarManager.js';
 
@@ -337,7 +337,7 @@ class ToolboxManager {
     };
 
     if (type === ToolboxType.SINGLE) {
-      check(toolboxComponentOptions.action, ActionPattern);
+      check(toolboxComponentOptions.action, actionPattern);
       const action = getActionFromOptions(toolboxComponentOptions.action);
       /**
        * @type {SingleToolboxComponent}
@@ -350,7 +350,7 @@ class ToolboxManager {
       };
     } else if (type === ToolboxType.SELECT) {
       check(toolboxComponentOptions.action, {
-        ...ActionPattern,
+        ...actionPattern,
         selected: Function,
         currentIndex: Number,
         disabled: optional(Boolean),

package/src/manager/window/WindowComponent.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<{
     windowState: {
         type: ObjectConstructor;
         required: true;
@@ -12,17 +14,17 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }, {
-    isDynamic: import("vue").ComputedRef<boolean>;
-    isChild: import("vue").ComputedRef<boolean>;
-    isDocked: import("vue").ComputedRef<boolean>;
-    isTabletWithOpenToolbar: import("vue").ComputedRef<any>;
-    isDynamicLeft: import("vue").ComputedRef<boolean>;
-    isDynamicRight: import("vue").ComputedRef<boolean>;
-    isDraggable: import("vue").Ref<boolean>;
+    isDynamic: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
+    isChild: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
+    isDocked: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
+    isTabletWithOpenToolbar: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<any>;
+    isDynamicLeft: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
+    isDynamicRight: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
+    isDraggable: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
     dragStart: (e: DragEvent) => void;
     dragEnd: (endEvent: DragEvent) => void;
     mousedown: (e: MouseEvent) => void;
-}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mousedown" | "moved")[], "mousedown" | "moved", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, any, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, ("mousedown" | "moved")[], "mousedown" | "moved", import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
     windowState: {
         type: ObjectConstructor;
         required: true;
@@ -41,4 +43,3 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     isOnTop: boolean;
 }, {}>;
-export default _default;

package/src/manager/window/WindowComponentHeader.vue

@@ -62,9 +62,9 @@
   import { VIcon, VDivider, VTooltip } from 'vuetify/components';
   import { computed, getCurrentInstance, ref } from 'vue';
   import { useDisplay } from 'vuetify';
-  import { createEllipseTooltip } from '../../components/composables.js';
-  import VcsButton from '../../components/buttons/VcsButton.vue';
-  import VcsActionButtonList from '../../components/buttons/VcsActionButtonList.vue';
+  import { createEllipseTooltip } from '../../components/composables.ts';
+  import VcsButton from '../../components/buttons/VcsButton.ts.vue';
+  import VcsActionButtonList from '../../components/buttons/VcsActionButtonList.ts.vue';
   import { createLinkAction } from '../../actions/actionHelper.js';
   import { useIconSize } from '../../vuePlugins/vuetify.js';
 

package/src/manager/window/WindowComponentHeader.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<{
     windowState: {
         type: ObjectConstructor;
         required: true;
@@ -14,14 +16,14 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     pin: () => void;
     close: () => void;
-    isDockable: import("vue").ComputedRef<any>;
-    translatedHeaderTitle: import("vue").ComputedRef<any>;
-    headerRef: import("vue").Ref<null>;
-    iconSize: import("vue").ComputedRef<number>;
-    headerTooltip: import("vue").ComputedRef<string>;
+    isDockable: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<any>;
+    translatedHeaderTitle: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<string>;
+    headerRef: import("vue", { with: { "resolution-mode": "import" } }).Ref<null>;
+    iconSize: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<number>;
+    headerTooltip: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<string>;
     infoAction: import("../../actions/actionHelper.js", { with: { "resolution-mode": "import" } }).VcsAction | undefined;
-    xs: import("vue").Ref<boolean>;
-}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "pin")[], "close" | "pin", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    xs: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
+}, any, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, ("close" | "pin")[], "close" | "pin", import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
     windowState: {
         type: ObjectConstructor;
         required: true;
@@ -40,4 +42,3 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     isOnTop: boolean;
 }, {}>;
-export default _default;

package/src/manager/window/WindowManager.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<{}, {
     componentIds: WindowManager;
     getComponent: (id: any) => any;
     getHeaderComponent: (id: any) => any;
@@ -14,12 +16,11 @@ declare const _default: import("vue").DefineComponent<{}, {
         dx: number;
         dy: number;
     }) => void;
-    addMobileClass: import("vue").ComputedRef<boolean>;
-    addTabletClass: import("vue").ComputedRef<boolean>;
+    addMobileClass: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
+    addTabletClass: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
     onTouchStart: (event: TouchEvent) => void;
     onTouchMove: (event: TouchEvent) => void;
     onTouchEnd: (event: TouchEvent, id: string) => void;
-    isOblique: import("vue").Ref<boolean>;
-    xs: import("vue").Ref<boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;
+    isOblique: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
+    xs: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
+}, {}, {}, {}, 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<{}>>, {}, {}>;

package/src/manager/window/windowHelper.d.ts

@@ -23,7 +23,7 @@ export function getTargetSize(target: HTMLElement): DOMRect | null;
  * @param {number} [offsetY=0]
  * @returns {import("./windowManager.js").WindowPositionOptions}
  */
-export function getWindowPositionOptions(x: number, y: number, target: HTMLElement, alignment?: number | undefined, offsetX?: number | undefined, offsetY?: number | undefined): import("./windowManager.js").WindowPositionOptions;
+export function getWindowPositionOptions(x: number, y: number, target: HTMLElement, alignment?: WindowAlignment, offsetX?: number, offsetY?: number): import("./windowManager.js").WindowPositionOptions;
 /**
  * Get window position options based on a pixel in the map
  * @param {import("@vcmap-cesium/engine").Cartesian2} windowPosition - the window position, as retrieved from an InteractionEvent
@@ -31,7 +31,7 @@ export function getWindowPositionOptions(x: number, y: number, target: HTMLEleme
  * @param {WindowAlignment} [alignment]
  * @returns {import("./windowManager.js").WindowPositionOptions}
  */
-export function getWindowPositionOptionsFromMapEvent(windowPosition: import("@vcmap-cesium/engine").Cartesian2, target: HTMLElement, alignment?: number | undefined): import("./windowManager.js").WindowPositionOptions;
+export function getWindowPositionOptionsFromMapEvent(windowPosition: import("@vcmap-cesium/engine").Cartesian2, target: HTMLElement, alignment?: WindowAlignment): import("./windowManager.js").WindowPositionOptions;
 /**
  * Fits a window aligned top left, so it fits into the parent. This will change the alignment to be bottom or right depending
  * on if the window would not fit into the parent.
@@ -44,7 +44,7 @@ export function getWindowPositionOptionsFromMapEvent(windowPosition: import("@vc
  * @param {number} [offsetY=0]
  * @returns {import("./windowManager.js").WindowPositionOptions}
  */
-export function getFittedWindowPositionOptions(x: number, y: number, width: number, height: number, target: HTMLElement, offsetX?: number | undefined, offsetY?: number | undefined): import("./windowManager.js").WindowPositionOptions;
+export function getFittedWindowPositionOptions(x: number, y: number, width: number, height: number, target: HTMLElement, offsetX?: number, offsetY?: number): import("./windowManager.js").WindowPositionOptions;
 /**
  * Fits a window aligned top left, so it fits into currently active map. This will change the alignment to be bottom or right depending
  * on if the window would not fit into active map element.

package/src/manager/window/windowManager.d.ts

@@ -158,7 +158,7 @@ export type WindowComponentOptions<T = any> = {
     props?: T;
     provides?: Record<string, unknown>;
 };
-export type OptionsOrRef<T> = T | import('vue').Ref<T> | import('vue').ComputedRef<T>;
+export type OptionsOrRef<T> = T | import("vue").Ref<T> | import("vue").ComputedRef<T>;
 export type WindowStateOptions = {
     /**
      * be used to not show the header.

package/src/navigation/MapNavCompass.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<{
     canEmit: {
         type: BooleanConstructor;
         default: boolean;
@@ -8,10 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    alignment: import("vue").Ref<string>;
+    alignment: import("vue", { with: { "resolution-mode": "import" } }).Ref<string>;
 }, any, {}, {
     emit(event: any, dir: any): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "direction-click"[], "direction-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, "direction-click"[], "direction-click", import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
     canEmit: {
         type: BooleanConstructor;
         default: boolean;
@@ -26,4 +28,3 @@ declare const _default: import("vue").DefineComponent<{
     canEmit: boolean;
     hideTicks: boolean;
 }, {}>;
-export default _default;

package/src/navigation/MapNavigation.vue.d.ts

@@ -1,13 +1,15 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    xs: import("vue").Ref<boolean>;
-    smAndUp: import("vue").Ref<boolean>;
-    mobile: import("vue").ComputedRef<boolean>;
-    viewMode: import("vue").Ref<string>;
-    heading: import("vue").WritableComputedRef<number>;
-    tilt: import("vue").WritableComputedRef<number>;
-    is3D: import("vue").ComputedRef<boolean>;
-    isOblique: import("vue").ComputedRef<boolean>;
-    isPanorama: import("vue").ComputedRef<boolean>;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {
+    xs: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
+    smAndUp: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
+    mobile: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
+    viewMode: import("vue", { with: { "resolution-mode": "import" } }).Ref<string>;
+    heading: import("vue", { with: { "resolution-mode": "import" } }).WritableComputedRef<number>;
+    tilt: import("vue", { with: { "resolution-mode": "import" } }).WritableComputedRef<number>;
+    is3D: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
+    isOblique: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
+    isPanorama: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
     zoomIn(): void;
     zoomOut(): void;
     locatorAction: {
@@ -44,14 +46,13 @@ declare const _default: import("vue").DefineComponent<{}, {
          */
         disabled?: boolean | undefined;
     };
-    showOverviewButton: import("vue").Ref<boolean>;
-    showLocatorButton: import("vue").ComputedRef<boolean>;
-    hideRotationButton: import("vue").ComputedRef<boolean | undefined>;
+    showOverviewButton: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
+    showLocatorButton: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
+    hideRotationButton: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean | undefined>;
     homeAction: any;
     rotationAction: any;
-    movementApiCallsDisabled: import("vue").Ref<boolean>;
-    mobileLandscape: import("vue").ComputedRef<boolean>;
-    overviewMapState: import("vue").ComputedRef<boolean>;
+    movementApiCallsDisabled: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
+    mobileLandscape: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
+    overviewMapState: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
     toggleOverviewMap: () => Promise<void>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;
+}, {}, {}, {}, 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<{}>>, {}, {}>;

package/src/navigation/ObliqueRotation.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<{
     modelValue: {
         type: NumberConstructor;
         required: true;
@@ -10,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, any, any, {}, {
     input(rotation: any): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
     modelValue: {
         type: NumberConstructor;
         required: true;
@@ -25,4 +27,3 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     disabled: boolean;
 }, {}>;
-export default _default;

package/src/navigation/OrientationToolsButton.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<{
     icon: {
         type: StringConstructor;
         required: true;
@@ -12,10 +14,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {
-    iconSize: import("vue").ComputedRef<number>;
-    height: import("vue").ComputedRef<number>;
-    width: import("vue").ComputedRef<number>;
-}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    iconSize: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<number>;
+    height: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<number>;
+    width: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<number>;
+}, 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<{
     icon: {
         type: StringConstructor;
         required: true;
@@ -31,4 +33,3 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     tooltipPosition: string;
 }, {}>;
-export default _default;

package/src/navigation/TiltSlider.vue

@@ -32,7 +32,7 @@
   import { computed, defineComponent } from 'vue';
   import { VCard, VSlider, VTooltip } from 'vuetify/components';
   import { useFontSize } from '../vuePlugins/vuetify.js';
-  import { useProxiedAtomicModel } from '../components/modelHelper.js';
+  import { useProxiedAtomicModel } from '../components/modelHelper.ts';
 
   export default defineComponent({
     name: 'TiltSlider',

package/src/navigation/TiltSlider.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<{
     modelValue: {
         type: NumberConstructor;
         required: true;
@@ -17,18 +19,18 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }, {
-    localValue: import("vue").Ref<any>;
-    tickSize: import("vue").ComputedRef<number>;
-    trackSize: import("vue").ComputedRef<number>;
+    localValue: import("vue", { with: { "resolution-mode": "import" } }).WritableComputedRef<number>;
+    tickSize: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<number>;
+    trackSize: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<number>;
     props: import("@vue/shared").LooseRequired<{
         readonly disabled: boolean;
         readonly modelValue: number;
         readonly minTilt: number;
         readonly maxTilt: number;
     } & {}>;
-    minWidth: import("vue").ComputedRef<number>;
-    minHeight: import("vue").ComputedRef<number>;
-}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    minWidth: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<number>;
+    minHeight: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<number>;
+}, 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<{
     modelValue: {
         type: NumberConstructor;
         required: true;
@@ -51,4 +53,3 @@ declare const _default: import("vue").DefineComponent<{
     minTilt: number;
     maxTilt: number;
 }, {}>;
-export default _default;

package/src/navigation/VcsCompass.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<{
     viewMode: {
         type: StringConstructor;
         required: true;
@@ -13,13 +15,13 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
     };
 }, {
-    xs: import("vue").Ref<boolean>;
-    rotationValue: import("vue").Ref<number>;
-    compassRotation: import("vue").ComputedRef<number>;
-    height: import("vue").ComputedRef<number>;
-    width: import("vue").ComputedRef<number>;
+    xs: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
+    rotationValue: import("vue", { with: { "resolution-mode": "import" } }).Ref<number>;
+    compassRotation: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<number>;
+    height: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<number>;
+    width: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<number>;
     alignNorth(): void;
-}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, any, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
     viewMode: {
         type: StringConstructor;
         required: true;
@@ -39,4 +41,3 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     modelValue: number;
 }, {}>;
-export default _default;

package/src/navigation/VcsZoomButton.vue.d.ts

@@ -1,10 +1,12 @@
-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<{
     disabled: {
         required: false;
         type: BooleanConstructor;
         default: boolean;
     };
-}, any, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("zoom-in" | "zoom-out")[], "zoom-in" | "zoom-out", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, any, any, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, ("zoom-in" | "zoom-out")[], "zoom-in" | "zoom-out", import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
     disabled: {
         required: false;
         type: BooleanConstructor;
@@ -16,4 +18,3 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     disabled: boolean;
 }, {}>;
-export default _default;

package/src/navigation/locatorHelper.d.ts

@@ -1,9 +1,6 @@
 /**
  *
  * @param {import("../vcsUiApp.js").default} app
- * @returns {{ action: import("../actions/actionHelper.js").VcsAction, destroy: Function }}
+ * @returns {import("../actions/actionHelper.js").DestroyableAction}
  */
-export function createLocatorAction(app: import("../vcsUiApp.js").default): {
-    action: import("../actions/actionHelper.js").VcsAction;
-    destroy: Function;
-};
+export function createLocatorAction(app: import("../vcsUiApp.js").default): import("../actions/actionHelper.js").DestroyableAction;

package/src/navigation/locatorHelper.js

@@ -163,7 +163,7 @@ const geolocationOptions = {
 /**
  *
  * @param {import("../vcsUiApp.js").default} app
- * @returns {{ action: import("../actions/actionHelper.js").VcsAction, destroy: Function }}
+ * @returns {import("../actions/actionHelper.js").DestroyableAction}
  */
 
 export function createLocatorAction(app) {

package/src/navigation/overviewMap.d.ts

@@ -136,7 +136,7 @@ declare class OverviewMap {
     /**
      * @type {import("@vcmap/core").OpenlayersMap}
      */
-    get map(): OpenlayersMap;
+    get map(): import("@vcmap/core").OpenlayersMap;
     /**
      * @type {EventHandler}
      */
@@ -144,7 +144,7 @@ declare class OverviewMap {
     /**
      * @type {import("@vcmap/core").PanoramaImageSelection}
      */
-    get panoramaImageSelection(): PanoramaImageSelection;
+    get panoramaImageSelection(): import("@vcmap/core").PanoramaImageSelection;
     /**
      * An event which is triggered whenever the overview map is clicked.
      * Is passed a {@link InteractionEvent} as its only argument
@@ -218,6 +218,4 @@ declare class OverviewMap {
     destroy(): void;
 }
 import { VectorStyleItem } from '@vcmap/core';
-import { OpenlayersMap } from '@vcmap/core';
 import { EventHandler } from '@vcmap/core';
-import { PanoramaImageSelection } from '@vcmap/core';

package/src/notifier/NotifierComponent.vue

@@ -29,7 +29,7 @@
 <script>
   import { VSnackbar, VIcon } from 'vuetify/components';
   import { inject } from 'vue';
-  import VcsButton from '../components/buttons/VcsButton.vue';
+  import VcsButton from '../components/buttons/VcsButton.ts.vue';
   import { NotificationType } from './notifier.js';
 
   /**

package/src/notifier/NotifierComponent.vue.d.ts

@@ -1,10 +1,18 @@
-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<{}, {
     notifications: any;
     icon: {
-        [x: string]: string;
+        [NotificationType.ERROR]: string;
+        [NotificationType.WARNING]: string;
+        [NotificationType.INFO]: string;
+        [NotificationType.SUCCESS]: string;
     };
     defaultTitle: {
-        [x: string]: string;
+        [NotificationType.ERROR]: string;
+        [NotificationType.WARNING]: string;
+        [NotificationType.INFO]: string;
+        [NotificationType.SUCCESS]: string;
     };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;
+}, {}, {}, {}, 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<{}>>, {}, {}>;
+import { NotificationType } from './notifier.js';

package/src/notifier/notifier.d.ts

@@ -36,7 +36,7 @@ declare class Notifier {
     /**
      * @type {import("vue").Ref<Array<Notification>>}
      */
-    get notifications(): import("vue").Ref<Notification[]>;
+    get notifications(): import("vue").Ref<Array<Notification>>;
     /**
      * @param {NotificationOptions} notification
      * @returns {Notification}

package/src/search/ResultItem.vue

@@ -26,7 +26,7 @@
   import { computed } from 'vue';
   import { VIcon, VListItem, VListItemTitle } from 'vuetify/components';
   import DOMPurify from 'dompurify';
-  import VcsActionButtonList from '../components/buttons/VcsActionButtonList.vue';
+  import VcsActionButtonList from '../components/buttons/VcsActionButtonList.ts.vue';
   import { markText } from './markText.js';
 
   /**