@vcmap/ui 6.1.0-rc.2 → 6.1.0-rc.3

package/src/i18n/en.d.ts

@@ -73,6 +73,11 @@ declare namespace messages {
             counter: string;
             counterSize: string;
         };
+        fileUpload: {
+            title: string;
+            divider: string;
+            browse: string;
+        };
         timePicker: {
             am: string;
             pm: string;
@@ -278,6 +283,7 @@ declare namespace messages {
             export { name_2 as name };
             export let checkBoxText: string;
             export let buttonTitle: string;
+            export let dontShowAgain: string;
         }
         export namespace customScreen {
             let name_3: string;
@@ -457,14 +463,21 @@ declare namespace messages {
     export namespace featureInfo {
         let activateToolTitle: string;
         let deactivateToolTitle: string;
+        namespace cluster {
+            export let headerTitle: string;
+            export let expand: string;
+            export let collapse: string;
+            let empty_2: string;
+            export { empty_2 as empty };
+        }
     }
     export namespace legend {
         let title_17: string;
         export { title_17 as title };
         let tooltip_5: string;
         export { tooltip_5 as tooltip };
-        let empty_2: string;
-        export { empty_2 as empty };
+        let empty_3: string;
+        export { empty_3 as empty };
         export let openInNew: string;
         export let defaultLabelText: string;
     }
@@ -495,8 +508,8 @@ declare namespace messages {
             export { title_21 as title };
             let tooltip_7: string;
             export { tooltip_7 as tooltip };
-            let empty_3: string;
-            export { empty_3 as empty };
+            let empty_4: string;
+            export { empty_4 as empty };
         }
         export namespace imprint {
             let title_22: string;

package/src/i18n/en.js

@@ -172,6 +172,7 @@ const messages = {
       checkBoxText:
         'Please accept the [Conditions](https://vc.systems/) to continue',
       buttonTitle: 'Continue',
+      dontShowAgain: "Don't show this message again",
     },
     customScreen: {
       name: 'Custom Screen',
@@ -325,6 +326,12 @@ const messages = {
   featureInfo: {
     activateToolTitle: 'Query information',
     deactivateToolTitle: 'Query information',
+    cluster: {
+      headerTitle: 'Group information',
+      expand: 'Show information list',
+      collapse: 'Collapse information list',
+      empty: 'No information available',
+    },
   },
   legend: {
     title: 'Legend',

package/src/legend/legendHelper.d.ts

@@ -70,7 +70,7 @@ export function getImageSrcFromShape(image: import("ol/style/Image.js").Options)
  * @param {Array<LegendItem>} legend
  * @returns {LegendEntry}
  */
-export function createLayerLegendEntry(key: string, title: string, legend: Array<LegendItem>): LegendEntry;
+export function createLegendEntry(key: string, title: string, legend: Array<LegendItem>): LegendEntry;
 /**
  *
  * @param {import("../vcsUiApp.js").default} app

package/src/legend/legendHelper.js

@@ -117,7 +117,7 @@ export function getImageSrcFromShape(image) {
  * @param {Array<LegendItem>} legend
  * @returns {LegendEntry}
  */
-export function createLayerLegendEntry(key, title, legend) {
+export function createLegendEntry(key, title, legend) {
   const actions = [];
   legend.forEach((item) => {
     // XXX only one popout button allowed. Rethink if use case for multiple popout buttons comes up.
@@ -176,7 +176,7 @@ export function getLegendEntries(app) {
       const legend =
         layer.style?.properties?.legend ?? layer.properties?.legend;
       if (legend) {
-        const legendEntry = createLayerLegendEntry(key, title, legend);
+        const legendEntry = createLegendEntry(key, title, legend);
         entries.unshift(legendEntry);
       }
       if (layer.styleChanged) {
@@ -187,17 +187,60 @@ export function getLegendEntries(app) {
     }
   }
 
-  const destroyMapListener = app.maps.mapActivated.addEventListener(() =>
-    [...app.layers].forEach(syncLayerLegendEntries),
-  );
+  /**
+   * @param {import("@vcmap/core").VectorClusterGroup} group
+   */
+  function removeEntryForGroup(group) {
+    const groupName = group.name;
+    const entryIndex = entries.findIndex(({ key }) => key === groupName);
+    if (entryIndex >= 0) {
+      entries.splice(entryIndex, 1);
+    }
+  }
+
+  /**
+   * Handles addition or removal of VectorClusterGroups
+   * @param {import("@vcmap/core").Layer[]} layers
+   */
+  function syncVectorClusterGroups(layers) {
+    [...app.vectorClusterGroups].forEach(removeEntryForGroup);
+    const vectorClusterGroups = layers
+      .filter((layer) => layer.active && layer.isSupported)
+      .map((layer) => layer.vectorClusterGroup);
+    const uniqueVectorClusterGroups = [...new Set(vectorClusterGroups)];
+    uniqueVectorClusterGroups.forEach((groupName) => {
+      const group = app.vectorClusterGroups.getByKey(groupName);
+      if (group?.properties?.legend) {
+        const title = group.properties.title || group.name;
+        const { legend } = group.properties;
+        if (!entries.some(({ key }) => key === group.name)) {
+          const legendEntry = createLegendEntry(group.name, title, legend);
+          entries.unshift(legendEntry);
+        }
+      }
+    });
+  }
+
+  const destroyMapListener = app.maps.mapActivated.addEventListener(() => {
+    [...app.layers].forEach(syncLayerLegendEntries);
+    syncVectorClusterGroups([...app.layers]);
+  });
 
   const destroyChangedListener = app.layers.stateChanged.addEventListener(
-    syncLayerLegendEntries,
+    (l) => {
+      syncLayerLegendEntries(l);
+      syncVectorClusterGroups([...app.layers]);
+    },
   );
-  const destroyRemovedListener =
-    app.layers.removed.addEventListener(removeEntryForLayer);
+  const destroyRemovedListener = app.layers.removed.addEventListener((l) => {
+    removeEntryForLayer(l);
+    syncVectorClusterGroups([...app.layers]);
+  });
 
-  [...app.layers].forEach(syncLayerLegendEntries);
+  [...app.layers].forEach((l) => {
+    syncLayerLegendEntries(l);
+  });
+  syncVectorClusterGroups([...app.layers]);
 
   const destroy = () => {
     destroyMapListener();

package/src/localStorage.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @param {string} prefix The prefix to append to the key.
+ * @param {string} key The key to obtain the value.
+ * @returns {string|null} The value of the passed key, or null.
+ */
+export function getFromLocalStorage(prefix: string, key: string): string | null;
+/**
+ * Associates a value with the key in the LocalStorage.
+ * @param {string} prefix The prefix to append to the key.
+ * @param {string} key The key whose value must be defined.
+ * @param {string} value The value to associate with the key.
+ */
+export function setToLocalStorage(prefix: string, key: string, value: string): void;
+/**
+ * Removes a key from the LocalStorage.
+ * @param {string} prefix The prefix to append to the key.
+ * @param {string} key The key to remove.
+ */
+export function removeFromLocalStorage(prefix: string, key: string): void;
+/** The key, to which must be appended `_{moduleId}`, used in the LocalStorage to hide the SplashScreen when user checked the 'Remember me' checkbox. The value must be the hashed config. */
+export const hideSplashScreenKey: "hideSplashScreen";

package/src/localStorage.js

@@ -0,0 +1,51 @@
+import { getLogger } from '@vcsuite/logger';
+
+/** The key, to which must be appended `_{moduleId}`, used in the LocalStorage to hide the SplashScreen when user checked the 'Remember me' checkbox. The value must be the hashed config. */
+export const hideSplashScreenKey = 'hideSplashScreen';
+
+/**
+ * @param {string} prefix The prefix to append to the key.
+ * @param {string} key The key to obtain the value.
+ * @returns {string|null} The value of the passed key, or null.
+ */
+export function getFromLocalStorage(prefix, key) {
+  try {
+    return localStorage.getItem(`${prefix}_${key}`);
+  } catch (error) {
+    getLogger().warning(
+      `An error occured while getting the key "${key}": ${error}`,
+    );
+    return null;
+  }
+}
+
+/**
+ * Associates a value with the key in the LocalStorage.
+ * @param {string} prefix The prefix to append to the key.
+ * @param {string} key The key whose value must be defined.
+ * @param {string} value The value to associate with the key.
+ */
+export function setToLocalStorage(prefix, key, value) {
+  try {
+    localStorage.setItem(`${prefix}_${key}`, value);
+  } catch (error) {
+    getLogger().warning(
+      `An error occured while setting the key "${key}": ${error}`,
+    );
+  }
+}
+
+/**
+ * Removes a key from the LocalStorage.
+ * @param {string} prefix The prefix to append to the key.
+ * @param {string} key The key to remove.
+ */
+export function removeFromLocalStorage(prefix, key) {
+  try {
+    localStorage.removeItem(`${prefix}_${key}`);
+  } catch (error) {
+    getLogger().warning(
+      `An error occured while removing the key "${key}": ${error}`,
+    );
+  }
+}

package/src/manager/collectionManager/CollectionComponent.vue

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

package/src/manager/collectionManager/CollectionComponentContent.vue

@@ -23,9 +23,8 @@
 <script>
   import { computed, inject } from 'vue';
   import { VSheet, VContainer } from 'vuetify/components';
-  import VcsList, {
-    createSelectionActions,
-  } from '../../components/lists/VcsList.vue';
+  import { createSelectionActions } from '../../components/lists/listHelper.js';
+  import VcsList from '../../components/lists/VcsList.vue';
   import VcsButton from '../../components/buttons/VcsButton.vue';
   import { moveItem } from './CollectionComponentList.vue';
 

package/src/manager/collectionManager/CollectionComponentList.vue

@@ -38,9 +38,8 @@
   import { computed, inject } from 'vue';
   import { IndexedCollection } from '@vcmap/core';
   import { VSheet } from 'vuetify/components';
-  import VcsList, {
-    createSelectionActions,
-  } from '../../components/lists/VcsList.vue';
+  import { createSelectionActions } from '../../components/lists/listHelper.js';
+  import VcsList from '../../components/lists/VcsList.vue';
   import VcsActionButtonList from '../../components/buttons/VcsActionButtonList.vue';
   import VcsButton from '../../components/buttons/VcsButton.vue';
 

package/src/manager/collectionManager/CollectionComponentStandalone.vue

@@ -17,8 +17,8 @@
 
 <script>
   import { computed, getCurrentInstance, inject, ref } from 'vue';
+  import { createSelectionActions } from '../../components/lists/listHelper.js';
   import VcsFormSection from '../../components/section/VcsFormSection.vue';
-  import { createSelectionActions } from '../../components/lists/VcsList.vue';
   import CollectionComponentList from './CollectionComponentList.vue';
   import CollectionComponentContent from './CollectionComponentContent.vue';
 

package/src/manager/navbarManager.js

@@ -101,15 +101,20 @@ class NavbarManager extends ButtonManager {
    * @param {string} id
    * @param {boolean} [active]
    */
-  toggle(id, active = undefined) {
+  toggle(id, active) {
     check(id, String);
     if (this.has(id)) {
       const { action } = this.get(id);
-      if (active !== undefined) {
-        if (action?.active !== active) {
+      if (action.disabled) {
+        return;
+      }
+
+      if (active != null) {
+        const isActionActive = action.active && !action.background;
+        if (isActionActive !== active) {
           action.callback();
         }
-      } else if (action) {
+      } else {
         action.callback();
       }
     }

package/src/manager/toolbox/ToolboxManagerComponent.vue

@@ -90,6 +90,8 @@
    * @property {function(number):void} [selectCb]
    */
 
+  export const toolboxComponentId = 'toolbox';
+
   /**
    * @description ToolboxManager component rendering toolbox different kind of Toolbox buttons:
    * - Single toggle button
@@ -125,7 +127,7 @@
         });
 
       const zIndex = app.windowManager.addExternalIdToZIndex(
-        'toolbox',
+        toolboxComponentId,
         vcsAppSymbol,
       );
 
@@ -164,10 +166,10 @@
 
       function handleToolboxButton() {
         if (orderedGroups.value.length > 0) {
-          if (!app.navbarManager.has('toolbox')) {
+          if (!app.navbarManager.has(toolboxComponentId)) {
             app.navbarManager.add(
               {
-                id: 'toolbox',
+                id: toolboxComponentId,
                 action: toolboxToggleAction,
               },
               vcsAppSymbol,
@@ -175,7 +177,7 @@
             );
           }
         } else {
-          app.navbarManager.remove('toolbox');
+          app.navbarManager.remove(toolboxComponentId);
         }
       }
       handleToolboxButton();
@@ -184,19 +186,19 @@
 
       onUnmounted(() => {
         nameChangeListener();
-        app.windowManager.removeExternalIdFromZIndex('toolbox');
-        app.navbarManager.remove('toolbox');
+        app.windowManager.removeExternalIdFromZIndex(toolboxComponentId);
+        app.navbarManager.remove(toolboxComponentId);
       });
 
       watch(toolboxOpen, () => {
         if (toolboxOpen.value) {
-          app.windowManager.bringWindowToTop('toolbox');
+          app.windowManager.bringWindowToTop(toolboxComponentId);
         }
       });
 
       const open = ref(false);
       const bringToTop = () => {
-        app.windowManager.bringWindowToTop('toolbox');
+        app.windowManager.bringWindowToTop(toolboxComponentId);
       };
 
       const { smAndUp } = useDisplay();

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

@@ -1,3 +1,14 @@
+/**
+ * @typedef {Object} ToolboxButtonGroup
+ * @property {string} id
+ * @property {string} type
+ * @property {string} icon
+ * @property {string} title
+ * @property {Array<import("../buttonManager.js").ButtonComponent>} buttons
+ * @property {string} [selected]
+ * @property {function(number):void} [selectCb]
+ */
+export const toolboxComponentId: "toolbox";
 declare const _default: import("vue").DefineComponent<{}, {
     smAndUp: import("vue").Ref<boolean>;
     toolboxOpen: any;

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

@@ -10,9 +10,11 @@ export function getTargetSize(target: HTMLElement): DOMRect | null;
  * @param {number} y - client pixel position
  * @param {HTMLElement} target - the map's target { @link @import("@vcmap/core").MapCollection }
  * @param {WindowAlignment} [alignment=WindowAlignment.TOP_LEFT]
+ * @param {number} [offsetX=0]
+ * @param {number} [offsetY=0]
  * @returns {import("./windowManager.js").WindowPositionOptions}
  */
-export function getWindowPositionOptions(x: number, y: number, target: HTMLElement, alignment?: number | undefined): 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;
 /**
  * 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
@@ -28,10 +30,12 @@ export function getWindowPositionOptionsFromMapEvent(windowPosition: import("@vc
  * @param {number} y - client pixel position
  * @param {number} width - window width to fit
  * @param {number} height - window height to fit
- *  @param {HTMLElement} target - the map's target { @link @import("@vcmap/core").MapCollection }
+ * @param {HTMLElement} target - the map's target { @link @import("@vcmap/core").MapCollection }
+ * @param {number} [offsetX=0]
+ * @param {number} [offsetY=0]
  * @returns {import("./windowManager.js").WindowPositionOptions}
  */
-export function getFittedWindowPositionOptions(x: number, y: number, width: number, height: number, target: HTMLElement): 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;
 /**
  * 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/windowHelper.js

@@ -49,6 +49,8 @@ export function getTargetSize(target) {
  * @param {number} y - client pixel position
  * @param {HTMLElement} target - the map's target { @link @import("@vcmap/core").MapCollection }
  * @param {WindowAlignment} [alignment=WindowAlignment.TOP_LEFT]
+ * @param {number} [offsetX=0]
+ * @param {number} [offsetY=0]
  * @returns {import("./windowManager.js").WindowPositionOptions}
  */
 export function getWindowPositionOptions(
@@ -56,6 +58,8 @@ export function getWindowPositionOptions(
   y,
   target,
   alignment = WindowAlignment.TOP_LEFT,
+  offsetX = 0,
+  offsetY = 0,
 ) {
   const targetSize = getTargetSize(target);
   if (!targetSize) {
@@ -64,13 +68,19 @@ export function getWindowPositionOptions(
 
   const { left, top, width, height } = targetSize;
   if (alignment === WindowAlignment.TOP_LEFT) {
-    return { left: x - left, top: y - top };
+    return { left: x - left + offsetX, top: y - top - offsetY };
   } else if (alignment === WindowAlignment.TOP_RIGHT) {
-    return { right: left + width - x, top: y - top };
+    return { right: left + width - x + offsetX, top: y - top - offsetY };
   } else if (alignment === WindowAlignment.BOTTOM_LEFT) {
-    return { left: x - left, bottom: height + top - y };
+    return {
+      left: x - left + offsetX,
+      bottom: height + top - y - offsetY,
+    };
   }
-  return { right: left + width - x, bottom: height + top - y };
+  return {
+    right: left + width - x + offsetX,
+    bottom: height + top - y - offsetY,
+  };
 }
 
 /**
@@ -106,18 +116,28 @@ export function getWindowPositionOptionsFromMapEvent(
  * @param {number} y - client pixel position
  * @param {number} width - window width to fit
  * @param {number} height - window height to fit
- *  @param {HTMLElement} target - the map's target { @link @import("@vcmap/core").MapCollection }
+ * @param {HTMLElement} target - the map's target { @link @import("@vcmap/core").MapCollection }
+ * @param {number} [offsetX=0]
+ * @param {number} [offsetY=0]
  * @returns {import("./windowManager.js").WindowPositionOptions}
  */
-export function getFittedWindowPositionOptions(x, y, width, height, target) {
+export function getFittedWindowPositionOptions(
+  x,
+  y,
+  width,
+  height,
+  target,
+  offsetX = 0,
+  offsetY = 0,
+) {
   const targetSize = getTargetSize(target);
   if (!targetSize) {
     return { left: x, top: y };
   }
 
-  const { width: parentWidth, height: parentHeight } = targetSize;
-  const bottom = y + height > parentHeight;
-  const right = x + width > parentWidth;
+  const { left, top, width: parentWidth, height: parentHeight } = targetSize;
+  const bottom = y - top + height > parentHeight && y - top > parentHeight / 2;
+  const right = x - left + width > parentWidth && x - left > parentWidth / 2;
   let alignment = WindowAlignment.TOP_LEFT;
   if (bottom) {
     if (right) {
@@ -128,7 +148,7 @@ export function getFittedWindowPositionOptions(x, y, width, height, target) {
   } else if (right) {
     alignment = WindowAlignment.TOP_RIGHT;
   }
-  return getWindowPositionOptions(x, y, target, alignment);
+  return getWindowPositionOptions(x, y, target, alignment, offsetX, offsetY);
 }
 
 /**

package/src/navigation/overviewMap.d.ts

@@ -2,6 +2,7 @@
  * @returns {import("../manager/window/windowManager.js").WindowComponentOptions}
  */
 export function getWindowComponentOptions(): import("../manager/window/windowManager.js").WindowComponentOptions;
+export const overviewMapWindowId: "overview-map-container";
 export const overviewMapLayerSymbol: unique symbol;
 export default OverviewMap;
 /**

package/src/navigation/overviewMap.js

@@ -30,6 +30,7 @@ import {
 import { vcsAppSymbol } from '../pluginHelper.js';
 import VcsMap from '../application/VcsMap.vue';
 
+export const overviewMapWindowId = 'overview-map-container';
 export const overviewMapLayerSymbol = Symbol('overviewMapLayerSymbol');
 
 /**
@@ -40,7 +41,7 @@ export function getWindowComponentOptions() {
     component: VcsMap,
     props: { mapId: 'overview-map-container' },
     slot: WindowSlot.DETACHED,
-    id: 'overview-map-container',
+    id: overviewMapWindowId,
     state: {
       hideHeader: true,
       classes: ['overview-map'],
@@ -361,7 +362,7 @@ class OverviewMap {
    * @returns {Promise<void>}
    */
   async activate() {
-    if (!this._app.windowManager.has('overview-map-container')) {
+    if (!this._app.windowManager.has(overviewMapWindowId)) {
       this._app.windowManager.add(getWindowComponentOptions(), vcsAppSymbol);
     }
     await this._activate();
@@ -371,7 +372,7 @@ class OverviewMap {
    * closes window and clears all listeners
    */
   deactivate() {
-    this._app.windowManager.remove('overview-map-container');
+    this._app.windowManager.remove(overviewMapWindowId);
     this._clearListeners();
     if (this._mapActivatedListener) {
       this._mapActivatedListener();

package/src/pluginHelper.d.ts

@@ -15,6 +15,13 @@ export function getPluginAssetUrl(app: import("@src/vcsUiApp.js").default, plugi
  * @returns {boolean}
  */
 export function isValidPackageName(name: string): boolean;
+/**
+ * joins pathname and moduleUrl.
+ * @param {string} pathname will remove filenames with extension or add a trailing slash if missing
+ * @param {string} module relative url to the module
+ * @returns {string}
+ */
+export function getModuleUrl(pathname: string, module: string): string;
 /**
  * @param {string} name
  * @param {T} config

package/src/pluginHelper.js

@@ -82,6 +82,23 @@ export function isValidPackageName(name) {
   );
 }
 
+/**
+ * joins pathname and moduleUrl.
+ * @param {string} pathname will remove filenames with extension or add a trailing slash if missing
+ * @param {string} module relative url to the module
+ * @returns {string}
+ */
+export function getModuleUrl(pathname, module) {
+  const pathNameParts = pathname.split('/');
+  if (pathNameParts.at(-1).includes('.')) {
+    pathNameParts.pop();
+  } else if (pathNameParts.at(-1) === '') {
+    pathNameParts.pop();
+  }
+  const pathName = pathNameParts.join('/');
+  return `${pathName}/${module}`;
+}
+
 /**
  * @param {string} name
  * @param {T} config
@@ -93,10 +110,7 @@ export async function loadPlugin(name, config) {
   let module = config.entry;
 
   if (!/^(https?:\/\/|\/)/.test(module)) {
-    module = `${window.location.origin}${window.location.pathname.replace(
-      /\/?$/,
-      '/',
-    )}${module}`;
+    module = `${window.location.origin}${getModuleUrl(window.location.pathname, module)}`;
   } else if (module === '_dev') {
     module = `/${name}.js`;
   } else if (module === 'http://localhost/_test') {

package/src/search/ResultItem.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     hasActions: import("vue").ComputedRef<boolean>;
-    marked: import("vue").ComputedRef<any>;
+    marked: import("vue").ComputedRef<string>;
 }, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     query: {
         type: StringConstructor;

package/src/search/search.js

@@ -318,7 +318,7 @@ class Search extends IndexedCollection {
       this._app.featureInfo.selectedFeature?.[vcsLayerName] ===
       this._resultLayer.name
     ) {
-      this._app.featureInfo.clear();
+      this._app.featureInfo.clearSelection();
     }
   }
 

package/src/state.d.ts

@@ -4,14 +4,16 @@
 export function createEmptyState(): AppState;
 /**
  * @param {UrlViewpointState} state
+ * @param {string} moduleId
  * @returns {import("@vcmap/core").ViewpointOptions|null}
  */
-export function parseUrlProjectedViewpointState(state: UrlViewpointState): import("@vcmap/core").ViewpointOptions | null;
+export function parseUrlProjectedViewpointState(state: UrlViewpointState, moduleId: string): import("@vcmap/core").ViewpointOptions | null;
 /**
  * @param {UrlExtentState} state
+ * @param {string} moduleId
  * @returns {import("@vcmap/core").ViewpointOptions|null}
  */
-export function parseUrlExtentState(state: UrlExtentState): import("@vcmap/core").ViewpointOptions | null;
+export function parseUrlExtentState(state: UrlExtentState, moduleId: string): import("@vcmap/core").ViewpointOptions | null;
 /**
  * @param {(URL)=} url
  * @returns {AppState}