@vcmap/ui 6.3.11 → 7.0.0-rc.1

package/src/contentTree/LayerSwap.vue.d.ts

@@ -1,6 +1,8 @@
 export const layerSwapId: "layer-swap-window";
-declare const _default: import("vue").DefineComponent<{}, {
-    items: import("vue").ShallowRef<({
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {
+    items: import("vue", { with: { "resolution-mode": "import" } }).ShallowRef<({
         name: any;
         title: any;
         index: any;
@@ -35,7 +37,6 @@ declare const _default: import("vue").DefineComponent<{}, {
      * @param {import("../components/lists/dragHelper.js").ItemMovedEvent} event
      */
     move(event: import("../components/lists/dragHelper.js").ItemMovedEvent): 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<{}>>, {}, {}>;
 declare const wmsLayerName: unique symbol;
 import { vcsLayerName } from '@vcmap/core';

package/src/contentTree/LayerTree.vue

@@ -29,8 +29,8 @@
   import { inject, computed, onUnmounted } from 'vue';
   import { VSheet } from 'vuetify/components';
   import { useDisplay } from 'vuetify';
-  import VcsTreeview from '../components/lists/VcsTreeview.vue';
-  import VcsButton from '../components/buttons/VcsButton.vue';
+  import VcsTreeview from '../components/lists/VcsTreeview.ts.vue';
+  import VcsButton from '../components/buttons/VcsButton.ts.vue';
   import LayerSwap, { layerSwapId } from './LayerSwap.vue';
   import { createToggleAction } from '../actions/actionHelper.js';
   import { vcsAppSymbol } from '../pluginHelper.js';

package/src/contentTree/LayerTree.vue.d.ts

@@ -1,18 +1,19 @@
-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;
     };
 }, {
     tree: any;
-    open: import("vue").WritableComputedRef<any>;
-    showAction: import("vue").ComputedRef<boolean>;
-    smAndUp: import("vue").Ref<boolean>;
+    open: import("vue", { with: { "resolution-mode": "import" } }).WritableComputedRef<any>;
+    showAction: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
+    smAndUp: import("vue", { with: { "resolution-mode": "import" } }).Ref<boolean>;
     action: import("../actions/actionHelper.js", { with: { "resolution-mode": "import" } }).VcsAction;
-}, 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<{
     windowState: {
         type: ObjectConstructor;
         required: true;
     };
 }>>, {}, {}>;
-export default _default;

package/src/contentTree/contentTreeCollection.d.ts

@@ -100,7 +100,7 @@ declare class ContentTreeCollection extends IndexedCollection<ContentTreeItem> {
      * Order of ids is dependent on their position in the collection and weight.
      * @type {Array<string>}
      */
-    get subTreeIds(): string[];
+    get subTreeIds(): Array<string>;
     /**
      * @param {string} id
      * @returns {import("vue").ComputedRef<Array<import("./contentTreeItem.js").TreeViewItem>>}

package/src/contentTree/contentTreeItem.d.ts

@@ -154,7 +154,7 @@ declare class ContentTreeItem {
     /**
      * @param {string} url
      */
-    set infoUrl(url: string | null);
+    set infoUrl(url: string);
     /**
      * @type {string|null}
      */
@@ -220,7 +220,7 @@ declare class ContentTreeItem {
      * A slice of the underlying actions array. Use add/removeAction to manipulate the actions array.
      * @type {Array<import("../actions/actionHelper.js").VcsAction>}
      */
-    get actions(): import("../actions/actionHelper.js").VcsAction[];
+    get actions(): Array<import("../actions/actionHelper.js").VcsAction>;
     /**
      * @param {boolean} visible
      */
@@ -248,11 +248,11 @@ declare class ContentTreeItem {
     /**
      * @param {StateActionState} state
      */
-    set state(state: number);
+    set state(state: StateActionState);
     /**
      * @type {StateActionState}
      */
-    get state(): number;
+    get state(): StateActionState;
     /**
      * @param {string|undefined} title
      */
@@ -272,7 +272,7 @@ declare class ContentTreeItem {
     /**
      * @param {(string|HTMLCanvasElement|HTMLImageElement)=} icon
      */
-    set icon(icon: string | HTMLCanvasElement | HTMLImageElement | undefined);
+    set icon(icon: (string | HTMLCanvasElement | HTMLImageElement) | undefined);
     /**
      * @type {string|HTMLCanvasElement|HTMLImageElement|undefined}
      */
@@ -306,7 +306,7 @@ declare class ContentTreeItem {
      * @param {import("../actions/actionHelper.js").VcsAction} action
      * @param {number} [weight=11]
      */
-    addAction(action: import("../actions/actionHelper.js").VcsAction, weight?: number | undefined): void;
+    addAction(action: import("../actions/actionHelper.js").VcsAction, weight?: number): void;
     /**
      * @param {string} actionName
      */

package/src/contentTree/wmsChildContentTreeItem.js

@@ -6,7 +6,7 @@ import {
 } from '../actions/actionHelper.js';
 import { StateActionState } from '../actions/stateRefAction.js';
 import ContentTreeItem from './contentTreeItem.js';
-import VcsActionList from '../components/lists/VcsActionList.vue';
+import VcsActionList from '../components/lists/VcsActionList.ts.vue';
 import { vcsAppSymbol } from '../pluginHelper.js';
 
 /**

package/src/contentTree/wmsGroupContentTreeItem.d.ts

@@ -1,5 +1,5 @@
 export default WMSGroupContentTreeItem;
-export type WMSGroupContentTreeItemOptions = import('./contentTreeItem.js').ContentTreeItemOptions & {
+export type WMSGroupContentTreeItemOptions = import("./contentTreeItem.js").ContentTreeItemOptions & {
     layerName: string;
     loadOnStartup?: boolean;
     showWhenNotSupported?: boolean;
@@ -178,7 +178,7 @@ declare class WMSGroupContentTreeItem extends VcsObjectContentTreeItem<import(".
      * readonly access, do not manipulate the entries directly.
      * @type {Array<WMSEntry>}
      */
-    get wmsEntries(): WMSEntry[];
+    get wmsEntries(): Array<WMSEntry>;
     /**
      * @type {import("@vcmap/core").WMSLayer|undefined}
      * @private

package/src/featureInfo/AddressBalloonComponent.vue.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, 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/featureInfo/BalloonComponent.vue

@@ -70,8 +70,8 @@
     VListItemTitle,
   } from 'vuetify/components';
   import { setupBalloonPositionListener } from './balloonHelper.js';
-  import VcsButton from '../components/buttons/VcsButton.vue';
-  import { getTag, getTagOptions } from '../components/tables/VcsTable.vue';
+  import VcsButton from '../components/buttons/VcsButton.ts.vue';
+  import { getTag, getTagOptions } from '../components/tables/VcsTable.ts.vue';
   import { useIconSize } from '../vuePlugins/vuetify.js';
 
   /**

package/src/featureInfo/BalloonComponent.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<{
     featureId: {
         type: StringConstructor;
         required: true;
@@ -24,11 +26,11 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
 }, {
-    iconSize: import("vue").ComputedRef<number>;
+    iconSize: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<number>;
     close: () => void;
     getTag: typeof getTag;
     getTagOptions: typeof getTagOptions;
-}, 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<{
     featureId: {
         type: StringConstructor;
         required: true;
@@ -57,6 +59,5 @@ declare const _default: import("vue").DefineComponent<{
     position: unknown[];
     tags: Record<string, any>;
 }, {}>;
-export default _default;
-import { getTag } from '../components/tables/VcsTable.vue';
-import { getTagOptions } from '../components/tables/VcsTable.vue';
+import { getTag } from '../components/tables/VcsTable.ts.vue';
+import { getTagOptions } from '../components/tables/VcsTable.ts.vue';

package/src/featureInfo/ClusterFeatureComponent.vue

@@ -1,15 +1,15 @@
 <script setup>
   import { ref, shallowRef, inject, onUnmounted, watch } from 'vue';
   import { LayerState } from '@vcmap/core';
-  import VcsGroupedList from '../components/lists/VcsGroupedList.vue';
+  import VcsGroupedList from '../components/lists/VcsGroupedList.ts.vue';
 
   const props = defineProps({
-    /** @type {import("../components/lists/VcsGroupedList.vue").VcsGroupedListItem} */
+    /** @type {import("../components/lists/VcsGroupedList.ts.vue").VcsGroupedListItem} */
     items: {
       type: Array,
       default: () => [],
     },
-    /** @type {import("../components/lists/VcsGroupedList.vue").VcsListGroup} */
+    /** @type {import("../components/lists/VcsGroupedList.ts.vue").VcsListGroup} */
     groups: {
       type: Array,
       default: () => [],

package/src/featureInfo/ClusterFeatureComponent.vue.d.ts

@@ -1,7 +1,3 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    $emit: (event: "close", ...args: any[]) => void;
-    $props: {
-        readonly [x: string]: any;
-    };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue", { with: { "resolution-mode": "import" } }).PublicProps>;

package/src/featureInfo/IframeComponent.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<{
     src: {
         type: StringConstructor;
         required: true;
@@ -14,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: () => void;
     };
-}, any, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, any, 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<{
     src: {
         type: StringConstructor;
         required: true;
@@ -34,4 +36,3 @@ declare const _default: import("vue").DefineComponent<{
     title: string;
     attributes: Record<string, any>;
 }, {}>;
-export default _default;

package/src/featureInfo/MarkdownBalloonComponent.vue.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, 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/featureInfo/abstractFeatureInfoView.d.ts

@@ -115,7 +115,7 @@ export type FeatureInfoViewOptions = import("@vcmap/core").VcsObjectOptions & {
     mergeParentAttributes?: boolean;
     removeNoDataAttributes?: boolean;
     tags?: Record<string, HTMLTagOptions>;
-    window?: Pick<import("../manager/window/windowManager.js").WindowComponentOptions, 'state' | 'slot' | 'position'>;
+    window?: Pick<import("../manager/window/windowManager.js").WindowComponentOptions, "state" | "slot" | "position">;
 };
 /**
  * Abstract class to be extended by FeatureInfoView classes
@@ -178,12 +178,12 @@ declare class AbstractFeatureInfoView extends VcsObject {
      * window options, configured in a module, used only internally by AbstractFeatureInfoView or subclass
      * @type {Pick<import("../manager/window/windowManager.js").WindowComponentOptions<FeatureInfoProps>,'state'|'slot'|'position'>|Object}
      */
-    get window(): Object | Pick<import("../manager/window/windowManager.js").WindowComponentOptions<FeatureInfoProps>, "slot" | "state" | "position">;
+    get window(): Pick<import("../manager/window/windowManager.js").WindowComponentOptions<FeatureInfoProps>, "state" | "slot" | "position"> | Object;
     /**
      * component provided by a FeatureInfoView class, passed to featureInfo via `getWindowComponentOptions()`
      * @type {import("vue").Component<FeatureInfoProps, unknown, unknown>|undefined}
      */
-    get component(): import("vue").Component<FeatureInfoProps, unknown, unknown, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any> | undefined;
+    get component(): import("vue").Component<FeatureInfoProps, unknown, unknown> | undefined;
     /**
      * @param {undefined|import("ol").Feature|import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature} feature
      * @returns {Object}

package/src/featureInfo/abstractFeatureInfoView.js

@@ -1,7 +1,7 @@
 import { parseBoolean } from '@vcsuite/parsers';
 import { renderTemplate, VcsObject } from '@vcmap/core';
 import { WindowSlot } from '../manager/window/windowManager.js';
-import { defaultTagOptions } from '../components/tables/VcsTable.vue';
+import { defaultTagOptions } from '../components/tables/VcsTable.ts.vue';
 
 /**
  * @typedef {Object} FeatureInfoProps

package/src/featureInfo/balloonFeatureInfoView.d.ts

@@ -5,7 +5,7 @@
  * @param {string|null} [defaultValue]
  * @returns {string|null}
  */
-export function extractNestedKey(key: string, attrs: Object, defaultValue?: string | null | undefined): string | null;
+export function extractNestedKey(key: string, attrs: Object, defaultValue?: string | null): string | null;
 export default BalloonFeatureInfoView;
 export type BalloonFeatureInfoViewOptions = import("./abstractFeatureInfoView.js").FeatureInfoViewOptions & {
     balloonTitle?: string;
@@ -44,7 +44,7 @@ declare class BalloonFeatureInfoView extends AbstractFeatureInfoView {
      * @param {BalloonFeatureInfoViewOptions} options
      * @param {import("vue").Component<BalloonFeatureInfoViewProps, unknown, unknown>} [component=BalloonComponent]
      */
-    constructor(options: BalloonFeatureInfoViewOptions, component?: import("vue").Component<BalloonFeatureInfoViewProps, unknown, unknown, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any> | undefined);
+    constructor(options: BalloonFeatureInfoViewOptions, component?: import("vue").Component<BalloonFeatureInfoViewProps, unknown, unknown>);
     /**
      * @type {string}
      */

package/src/featureInfo/featureInfo.d.ts

@@ -33,13 +33,13 @@ export function getFeatureInfoViewForFeature(app: import("../vcsUiApp.js").defau
  * @param {import("ol/coordinate.js").Coordinate?} position
  * @param {() => void} [close] function to close the window or selection
  * @returns {{
- *   groups: import("../components/lists/VcsGroupedList.vue").VcsListGroup,
- *   items: import("../components/lists/VcsGroupedList.vue").VcsGroupedListItem,
+ *   groups: import("../components/lists/VcsGroupedList.ts.vue").VcsListGroup,
+ *   items: import("../components/lists/VcsGroupedList.ts.vue").VcsGroupedListItem,
  * }}
  */
-export function getGroupedFeatureList(app: import("../vcsUiApp.js").default, features: import("@vcmap/core").EventFeature[], position?: import("ol/coordinate.js").Coordinate | null, close?: (() => void) | undefined): {
-    groups: import("../components/lists/VcsGroupedList.vue").VcsListGroup;
-    items: import("../components/lists/VcsGroupedList.vue").VcsGroupedListItem;
+export function getGroupedFeatureList(app: import("../vcsUiApp.js").default, features: import("@vcmap/core").EventFeature[], position?: import("ol/coordinate.js").Coordinate | null, close?: () => void): {
+    groups: import("../components/lists/VcsGroupedList.ts.vue").VcsListGroup;
+    items: import("../components/lists/VcsGroupedList.ts.vue").VcsGroupedListItem;
 };
 /**
  * @param {import("../vcsUiApp.js").default} app
@@ -125,12 +125,12 @@ declare class FeatureInfo extends Collection<AbstractFeatureInfoView> {
      */
     private _selectedFeatureId;
     /**
-     * @type {VcsEvent<import("ol").Feature|null>}
+     * @type {VcsEvent<import("ol").Feature<import("ol/geom").Point>|null>}
      * @private
      */
     private _clusterFeatureChanged;
     /**
-     * @type {import("ol").Feature|null}
+     * @type {import("ol").Feature<import("ol/geom").Point>|null}
      * @private
      */
     private _selectedClusterFeature;
@@ -161,28 +161,28 @@ declare class FeatureInfo extends Collection<AbstractFeatureInfoView> {
      * Does not reflect cluster feature changes!
      * @type {import("@vcmap/core").VcsEvent<null|FeatureType>}
      */
-    get featureChanged(): VcsEvent<FeatureType | null>;
+    get featureChanged(): import("@vcmap/core").VcsEvent<null | FeatureType>;
     /**
      * @type {null|FeatureType}
      */
-    get selectedFeature(): FeatureType | null;
+    get selectedFeature(): null | FeatureType;
     /**
      * @type {null|string}
      */
-    get selectedFeatureId(): string | null;
+    get selectedFeatureId(): null | string;
     /**
      * Emitted whenever a cluster feature is selected or cleared.
-     * @type {import("@vcmap/core").VcsEvent<null|import("ol").Feature>}
+     * @type {import("@vcmap/core").VcsEvent<null|import("ol").Feature<import("ol/geom/Point.js").default, Record<string, unknown>>>}
      */
-    get clusterFeatureChanged(): VcsEvent<Feature<import("ol/geom.js").Geometry> | null>;
+    get clusterFeatureChanged(): import("@vcmap/core").VcsEvent<null | import("ol").Feature<import("ol/geom/Point.js").default, Record<string, unknown>>>;
     /**
-     * @type {null|import("ol").Feature}
+     * @type {null|import("ol").Feature<import("ol/geom/Point.js").default, Record<string, unknown>>}
      */
-    get selectedClusterFeature(): Feature<import("ol/geom.js").Geometry> | null;
+    get selectedClusterFeature(): null | import("ol").Feature<import("ol/geom/Point.js").default, Record<string, unknown>>;
     /**
      * @type {null|string}
      */
-    get selectedClusterFeatureId(): string | null;
+    get selectedClusterFeatureId(): null | string;
     /**
      * The window id of the current features FeatureInfoView window
      * @type {string|null}
@@ -256,4 +256,3 @@ declare class FeatureInfo extends Collection<AbstractFeatureInfoView> {
 }
 import { VcsEvent } from '@vcmap/core';
 import { Collection } from '@vcmap/core';
-import { Feature } from 'ol';

package/src/featureInfo/featureInfo.js

@@ -191,8 +191,8 @@ export function getFeatureInfoViewForFeature(app, feature) {
  * @param {import("ol/coordinate.js").Coordinate?} position
  * @param {() => void} [close] function to close the window or selection
  * @returns {{
- *   groups: import("../components/lists/VcsGroupedList.vue").VcsListGroup,
- *   items: import("../components/lists/VcsGroupedList.vue").VcsGroupedListItem,
+ *   groups: import("../components/lists/VcsGroupedList.ts.vue").VcsListGroup,
+ *   items: import("../components/lists/VcsGroupedList.ts.vue").VcsGroupedListItem,
  * }}
  */
 export function getGroupedFeatureList(
@@ -220,7 +220,7 @@ export function getGroupedFeatureList(
       ];
     }
 
-    /** @type {import("../components/lists/VcsListItemComponent.vue").VcsListItem} */
+    /** @type {import("../components/lists/VcsListItemComponent.ts.vue").VcsListItem} */
     let listItem;
 
     if (oFeature[panoramaFeature]) {
@@ -510,12 +510,12 @@ class FeatureInfo extends Collection {
      */
     this._selectedFeatureId = null;
     /**
-     * @type {VcsEvent<import("ol").Feature|null>}
+     * @type {VcsEvent<import("ol").Feature<import("ol/geom").Point>|null>}
      * @private
      */
     this._clusterFeatureChanged = new VcsEvent();
     /**
-     * @type {import("ol").Feature|null}
+     * @type {import("ol").Feature<import("ol/geom").Point>|null}
      * @private
      */
     this._selectedClusterFeature = null;
@@ -609,14 +609,14 @@ class FeatureInfo extends Collection {
 
   /**
    * Emitted whenever a cluster feature is selected or cleared.
-   * @type {import("@vcmap/core").VcsEvent<null|import("ol").Feature>}
+   * @type {import("@vcmap/core").VcsEvent<null|import("ol").Feature<import("ol/geom/Point.js").default, Record<string, unknown>>>}
    */
   get clusterFeatureChanged() {
     return this._clusterFeatureChanged;
   }
 
   /**
-   * @type {null|import("ol").Feature}
+   * @type {null|import("ol").Feature<import("ol/geom/Point.js").default, Record<string, unknown>>}
    */
   get selectedClusterFeature() {
     return this._selectedClusterFeature;

package/src/featureInfo/tableFeatureInfoView.js

@@ -1,6 +1,6 @@
 import { parseBoolean } from '@vcsuite/parsers';
 import AbstractFeatureInfoView from './abstractFeatureInfoView.js';
-import VcsTable from '../components/tables/VcsTable.vue';
+import VcsTable from '../components/tables/VcsTable.ts.vue';
 
 /**
  * @typedef {import("./abstractFeatureInfoView.js").FeatureInfoViewOptions & {

package/src/init.js

@@ -4,7 +4,7 @@ import { VcsModule } from '@vcmap/core';
 import { getLogger } from '@vcsuite/logger';
 import VcsAppComponentWrapper from './application/VcsAppWrapper.vue';
 import VcsUiApp from './vcsUiApp.js';
-import { createSafeI18n } from './vuePlugins/i18n.js';
+import { createSafeI18n } from './vuePlugins/i18n.ts';
 
 /**
  * Base pattern to check VcsObjects

package/src/legend/StyleLegendItem.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<{
     item: {
         type: ObjectConstructor;
         required: true;
@@ -15,13 +17,12 @@ declare const _default: import("vue").DefineComponent<{
     getImageSrcFromShape: typeof getImageSrcFromShape;
     getColor(color: any): string | null;
     determineInnerPadding: (index: number) => string;
-    patterns: import("vue").ComputedRef<{}>;
-    cols: import("vue").ComputedRef<6 | 12>;
-}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    patterns: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<{}>;
+    cols: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<6 | 12>;
+}, 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<{
     item: {
         type: ObjectConstructor;
         required: true;
     };
 }>>, {}, {}>;
-export default _default;
 import { getImageSrcFromShape } from './legendHelper.js';

package/src/legend/VcsLegend.vue

@@ -55,11 +55,11 @@
 <script>
   import { VExpansionPanels, VList, VSheet } from 'vuetify/components';
   import { ref, watch } from 'vue';
-  import { useComponentId } from '../components/composables.js';
+  import { useComponentId } from '../components/composables.ts';
   import { LegendType } from './legendHelper.js';
   import StyleLegendItem from './StyleLegendItem.vue';
-  import VcsButton from '../components/buttons/VcsButton.vue';
-  import VcsExpansionPanel from '../components/section/VcsExpansionPanel.vue';
+  import VcsButton from '../components/buttons/VcsButton.ts.vue';
+  import VcsExpansionPanel from '../components/section/VcsExpansionPanel.ts.vue';
 
   /**
    * @description A component rendering configured legend information for active layers.

package/src/legend/VcsLegend.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<{
     entries: {
         type: ArrayConstructor;
         default: () => never[];
@@ -10,10 +12,10 @@ declare const _default: import("vue").DefineComponent<{
         Style: string;
     };
     setIframeHeight: (id: string) => void;
-    panels: import("vue").Ref<string[]>;
+    panels: import("vue", { with: { "resolution-mode": "import" } }).Ref<string[]>;
     cid: string;
     openInNew(src: 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<{
     entries: {
         type: ArrayConstructor;
         default: () => never[];
@@ -21,4 +23,3 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     entries: unknown[];
 }, {}>;
-export default _default;

package/src/manager/buttonManager.js

@@ -3,7 +3,7 @@ import { VcsEvent } from '@vcmap/core';
 import { v4 as uuidv4 } from 'uuid';
 import { check, maybe, oneOf } from '@vcsuite/check';
 import { vcsAppSymbol } from '../pluginHelper.js';
-import { ActionPattern } from '../components/lists/VcsActionList.vue';
+import { actionPattern } from '../components/lists/VcsActionList.ts.vue';
 import { getActionFromOptions } from '../actions/actionHelper.js';
 
 /**
@@ -103,7 +103,7 @@ class ButtonManager {
   add(buttonComponentOptions, owner) {
     check(buttonComponentOptions.id, maybe(String));
     check(buttonComponentOptions.weight, maybe(Number));
-    check(buttonComponentOptions.action, ActionPattern);
+    check(buttonComponentOptions.action, actionPattern);
     check(owner, oneOf(String, vcsAppSymbol));
 
     if (buttonComponentOptions.id && this.has(buttonComponentOptions.id)) {

package/src/manager/collectionManager/CollectionComponent.vue

@@ -18,9 +18,9 @@
 
 <script>
   import { computed, inject } from 'vue';
-  import VcsExpansionPanel from '../../components/section/VcsExpansionPanel.vue';
+  import VcsExpansionPanel from '../../components/section/VcsExpansionPanel.ts.vue';
   import CollectionComponentContent from './CollectionComponentContent.vue';
-  import { createSelectionActions } from '../../components/lists/listHelper.js';
+  import { createSelectionActions } from '../../components/lists/listHelper.ts';
 
   /**
    * @typedef {Object} FormSectionOptions

package/src/manager/collectionManager/CollectionComponent.vue.d.ts

@@ -1,4 +1,11 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: typeof __VLS_export;
+export default _default;
+export type FormSectionOptions = {
+    expandable?: boolean | undefined;
+    startOpen?: boolean | undefined;
+    disabled?: boolean | undefined;
+};
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{
     open: {
         type: BooleanConstructor;
         default: boolean;
@@ -8,8 +15,8 @@ declare const _default: import("vue").DefineComponent<{
     selection: any;
     selectable: any;
     overflowCount: any;
-    actions: import("vue").ComputedRef<any>;
-}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "openList"[], "openList", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    actions: import("vue", { with: { "resolution-mode": "import" } }).ComputedRef<any>;
+}, any, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, "openList"[], "openList", import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<import("vue", { with: { "resolution-mode": "import" } }).ExtractPropTypes<{
     open: {
         type: BooleanConstructor;
         default: boolean;
@@ -19,9 +26,3 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     open: boolean;
 }, {}>;
-export default _default;
-export type FormSectionOptions = {
-    expandable?: boolean | undefined;
-    startOpen?: boolean | undefined;
-    disabled?: boolean | undefined;
-};

package/src/manager/collectionManager/CollectionComponentContent.vue

@@ -32,9 +32,9 @@
   import { computed, inject, onUnmounted, ref, watch } from 'vue';
   import { VSheet, VContainer, VPagination } from 'vuetify/components';
   import { getLogger } from '@vcsuite/logger';
-  import { createSelectionActions } from '../../components/lists/listHelper.js';
-  import VcsList from '../../components/lists/VcsList.vue';
-  import VcsButton from '../../components/buttons/VcsButton.vue';
+  import { createSelectionActions } from '../../components/lists/listHelper.ts';
+  import VcsList from '../../components/lists/VcsList.ts.vue';
+  import VcsButton from '../../components/buttons/VcsButton.ts.vue';
   import { moveItem } from '../../components/lists/dragHelper.js';
 
   /**