@vcmap/ui 6.0.10 → 6.0.12

package/dist/assets/ui.js

@@ -1 +1 @@
-export * from "./ui-2ffb4653.js";
+export * from "./ui-21d54a73.js";

package/dist/assets/vue.js

@@ -1 +1 @@
-export * from "./vue-7d362088.js";
+export * from "./vue-24ff798c.js";

package/dist/assets/{vuetify-b7b7e394.js → vuetify-e7de6710.js}

@@ -10,7 +10,7 @@ function loadCss(href) {
     elem.onerror = reject;
     document.head.appendChild(elem);
   });
-} await loadCss('./assets/vuetify-b7b7e394.css');import { watch as X, onScopeDispose as tt, effectScope as Ul, shallowRef as K, Fragment as ie, reactive as it, computed as b, watchEffect as Ne, toRefs as Wt, capitalize as On, isVNode as Oc, Comment as Rc, unref as ot, warn as Ha, getCurrentInstance as Nc, ref as W, provide as Ae, inject as ye, defineComponent as Hc, camelize as Ir, h as jt, toRaw as Ee, createVNode as r, mergeProps as N, onBeforeUnmount as nt, readonly as Kl, onDeactivated as _r, onActivated as zc, onMounted as Ke, nextTick as Se, TransitionGroup as ql, Transition as Ht, isRef as _n, toRef as F, onBeforeMount as Xl, withDirectives as $e, resolveDirective as dt, vShow as xt, onUpdated as Wc, Text as jc, resolveDynamicComponent as Yc, markRaw as Gc, Teleport as Uc, cloneVNode as Kc, createTextVNode as Pt, onUnmounted as qc, onBeforeUpdate as Xc, withModifiers as Pl, toDisplayString as Zc, vModelText as Qc, resolveComponent as Jc, render as Tr } from "./vue-7d362088.js";
+} await loadCss('./assets/vuetify-e7de6710.css');import { watch as X, onScopeDispose as tt, effectScope as Ul, shallowRef as K, Fragment as ie, reactive as it, computed as b, watchEffect as Ne, toRefs as Wt, capitalize as On, isVNode as Oc, Comment as Rc, unref as ot, warn as Ha, getCurrentInstance as Nc, ref as W, provide as Ae, inject as ye, defineComponent as Hc, camelize as Ir, h as jt, toRaw as Ee, createVNode as r, mergeProps as N, onBeforeUnmount as nt, readonly as Kl, onDeactivated as _r, onActivated as zc, onMounted as Ke, nextTick as Se, TransitionGroup as ql, Transition as Ht, isRef as _n, toRef as F, onBeforeMount as Xl, withDirectives as $e, resolveDirective as dt, vShow as xt, onUpdated as Wc, Text as jc, resolveDynamicComponent as Yc, markRaw as Gc, Teleport as Uc, cloneVNode as Kc, createTextVNode as Pt, onUnmounted as qc, onBeforeUpdate as Xc, withModifiers as Pl, toDisplayString as Zc, vModelText as Qc, resolveComponent as Jc, render as Tr } from "./vue-24ff798c.js";
 function rt(e, n) {
   let t;
   function a() {

package/dist/assets/vuetify.js

@@ -1 +1 @@
-export * from "./vuetify-b7b7e394.js";
+export * from "./vuetify-e7de6710.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vcmap/ui",
-  "version": "6.0.10",
+  "version": "6.0.12",
   "author": "Virtual City Systems",
   "license": "MIT",
   "scripts": {
@@ -57,7 +57,7 @@
   },
   "peerDependencies": {
     "@vcmap-cesium/engine": "^11.0.2",
-    "@vcmap/core": "^6.0.6",
+    "@vcmap/core": "^6.0.7",
     "ol": "^10.2.1",
     "vue": "~3.4.38",
     "vuetify": "^3.7.3"

package/src/application/VcsNavbar.vue

@@ -48,7 +48,7 @@
             </div>
           </v-toolbar-items>
         </v-col>
-        <v-col class="d-flex justify-center">
+        <v-col class="d-flex justify-center flex-grow-2 mx-2">
           <div class="d-flex align-center">
             <template v-if="!xs">
               <img class="logo" :src="logo" draggable="false" alt="Logo" />
@@ -133,6 +133,9 @@
     bottom: 0;
     position: fixed;
   }
+  .flex-grow-2 {
+    flex-grow: 2;
+  }
 </style>
 
 <script>

package/src/components/buttons/VcsToolButton.vue

@@ -73,7 +73,7 @@
   import { useFontSize } from '../../vuePlugins/vuetify.js';
 
   /**
-   * @description a button with tooltip extending {@link https://vuetifyjs.com/en/api/v-btn/|vuetify v-btn} using {@link VcsTooltip}. Used for tool buttons in the Navbar.
+   * @description a button with tooltip extending {@link https://vuetifyjs.com/en/api/v-btn/\|vuetify v-btn}. Used for tool buttons in the Navbar.
    * @vue-prop {boolean}                                active - Whether button has background color. Applies vuetify primary color if color property is not set.
    * @vue-prop {boolean}                                disabled - Whether button is disabled.
    * @vue-prop {string}                                 color - Passes property to v-btn in case prop active is true.
@@ -82,7 +82,7 @@
    * @vue-prop {string}                                 icon - When given, will display an icon in the button. Replaces vuetify icon property.
    * @vue-prop {string}                                 tooltip - Text content of a tooltip which appears on hover with default delay.
    * @vue-prop {('bottom' | 'left' | 'top' | 'right')}  tooltipPosition - Position of the tooltip.
-   * @vue-prop {Object<string, any>}                    tooltipProps - Properties to be passed to VcsTooltip {@link https://vuetifyjs.com/en/api/v-tooltip/#props|vuetify v-tooltip}
+   * @vue-prop {Object<string, any>}                    tooltipProps - Properties to be passed to the tooltip {@link https://vuetifyjs.com/en/api/v-tooltip/#props|vuetify v-tooltip}
    * @vue-computed {string}                             appliedColor - color applied to button, depending on size and state
    * @vue-computed {boolean}                            hasDefaultSlot
    */

package/src/components/form-inputs-controls/VcsChipArrayInput.vue

@@ -116,7 +116,7 @@
 
   /**
    * @description Renders elements of an array as chips with an input field to edit or add new elements.
-   * Provides VcsTooltip to show error messages on focus
+   * Provides a tooltip to show error messages on focus
    * When clicking esc key, previous input is restored.
    * @vue-prop {T[]} modelValue
    * @vue-prop {string}                                 [type] - The input type (string or number)

package/src/components/form-inputs-controls/VcsFileInput.vue

@@ -57,7 +57,7 @@
 
   /**
    * @description extends API of {@link https://vuetifyjs.com/en/api/v-file-input v-text-field}.
-   * Provides VcsTooltip to
+   * Provides a tooltip to
    * - show error messages on focus
    * - show tooltips, if supplied, when hovered over append-icon
    * When clicking esc key, previous input is restored.

package/src/components/form-inputs-controls/VcsTextArea.vue

@@ -146,7 +146,7 @@
   /**
    * @description extends API of {@link https://vuetifyjs.com/en/api/v-textarea/|vuetify v-textarea}.
    * Default for number of rows can be overwritten using the vuetify API.
-   * Provides VcsTooltip to
+   * Provides a tooltip to
    * - show error messages on focus
    * - show tooltips, if no error messages are available
    * @vue-prop {('bottom' | 'left' | 'top' | 'right')}  [tooltipPosition='right'] - Position of the error tooltip.

package/src/components/form-inputs-controls/VcsTextField.vue

@@ -76,7 +76,7 @@
 
   /**
    * @description extends API of {@link https://vuetifyjs.com/en/api/v-text-field v-text-field}.
-   * Provides VcsTooltip to
+   * Provides a tooltip to
    * - show error messages on focus
    * - show tooltips, if no error messages are available
    * When clicking esc key, previous input is restored.

package/src/components/lists/VcsList.vue

@@ -5,7 +5,7 @@
       :placeholder="searchbarPlaceholder"
       v-model="query"
     />
-    <v-list :class="{ 'vcs-list__selectable': selectable }">
+    <v-list>
       <v-list-item v-if="showTitle && title">
         <template #prepend>
           <v-icon v-if="icon">
@@ -39,11 +39,12 @@
           :key="`item-${index}`"
           :active="selected.includes(item)"
           @mousedown.shift="$event.preventDefault()"
-          @mouseover="hovering = index"
-          @mouseout="hovering = undefined"
           :draggable="isDraggable"
           @dragstart="drag($event, item, index)"
-          @mouseup="drop($event, index)"
+          @dragover.prevent="dragOver($event, index)"
+          @dragend="dragEnd($event)"
+          @drop="drop($event, index)"
+          @dragleave="dragLeave($event, index)"
           :class="{
             'v-list-item__selected': selected.includes(item),
             'v-list-item__lighten_even': lightenEven,
@@ -342,7 +343,7 @@
           }
           draggedItem = null;
           dragging.value = undefined;
-          document.removeEventListener('mouseup', drop);
+          hovering.value = undefined;
         }
       }
 
@@ -352,14 +353,32 @@
        * @param {number} index
        */
       function drag(e, item, index) {
+        e.stopPropagation();
         if (isDraggable.value) {
           dragging.value = index;
           draggedItem = item;
           e.dataTransfer.effectAllowed = 'move';
-          document.addEventListener('mouseup', drop);
         }
       }
 
+      function dragOver(e, index) {
+        e.stopPropagation();
+        e.preventDefault();
+        hovering.value = index;
+      }
+
+      function dragLeave(e) {
+        e.stopPropagation();
+        e.preventDefault();
+        hovering.value = undefined;
+      }
+
+      function dragEnd(e) {
+        e.stopPropagation();
+        dragging.value = undefined;
+        hovering.value = undefined;
+      }
+
       /**
        * @type {import("vue").ComputedRef<Array<import("./VcsListItemComponent.vue").VcsListItem>>}
        */
@@ -410,15 +429,15 @@
          * @param {PointerEvent} event
          */
         select(item, event) {
+          if (!props.selectable || item.disabled) {
+            return;
+          }
           if (!isReactive(item)) {
             throw new Error('Trying to select an unreactive item');
           }
           if (Array.isArray(item.clickedCallbacks)) {
             item.clickedCallbacks.forEach((cb) => cb(event));
           }
-          if (!props.selectable || item.disabled) {
-            return;
-          }
           if (props.singleSelect) {
             if (selected.value[0] === item) {
               item.selectionChanged?.(false);
@@ -499,39 +518,11 @@
 
           emit('update:modelValue', selected.value);
         },
-        /**
-         * @param {import("vue").UnwrapNestedRefs<import("./VcsListItemComponent.vue").VcsListItem>} item
-         */
-        add(item) {
-          if (!isReactive(item)) {
-            throw new Error('Trying to select an unreactive item');
-          }
-          if (!selected.value.includes(item) && !item.disabled) {
-            item.selectionChanged?.(true);
-            selected.value = [...selected.value, item];
-            emit('update:modelValue', selected.value);
-          }
-        },
-        /**
-         * @param {import("vue").UnwrapNestedRefs<import("./VcsListItemComponent.vue").VcsListItem>} item
-         */
-        remove(item) {
-          if (selected.value.includes(item) && !item.disabled) {
-            item.selectionChanged?.(false);
-            selected.value = selected.value.filter((i) => i !== item);
-            emit('update:modelValue', selected.value);
-          }
-        },
-        clear() {
-          selected.value
-            .filter((i) => i.selectionChanged)
-            .forEach((i) => i.selectionChanged(false));
-          selected.value = [];
-          firstSelected = null;
-          emit('update:modelValue', selected.value);
-        },
         drag,
         drop,
+        dragOver,
+        dragLeave,
+        dragEnd,
         listHeader,
         listHeaderTooltip: createEllipseTooltip(
           computed(() => listHeader.value?.$el),

package/src/components/lists/VcsList.vue.d.ts

@@ -86,17 +86,11 @@ declare const _default: import("vue").DefineComponent<{
      * @param {PointerEvent} event
      */
     select(item: any, event: PointerEvent): void;
-    /**
-     * @param {import("vue").UnwrapNestedRefs<import("./VcsListItemComponent.vue").VcsListItem>} item
-     */
-    add(item: import("vue").UnwrapNestedRefs<import("./VcsListItemComponent.vue").VcsListItem>): void;
-    /**
-     * @param {import("vue").UnwrapNestedRefs<import("./VcsListItemComponent.vue").VcsListItem>} item
-     */
-    remove(item: import("vue").UnwrapNestedRefs<import("./VcsListItemComponent.vue").VcsListItem>): void;
-    clear(): void;
     drag: (e: MouseEvent, item: import("./VcsListItemComponent.vue").VcsListItem, index: number) => void;
     drop: (e: MouseEvent, targetIndex: number) => void;
+    dragOver: (e: any, index: any) => void;
+    dragLeave: (e: any) => void;
+    dragEnd: (e: any) => void;
     listHeader: import("vue").Ref<any>;
     listHeaderTooltip: import("vue").ComputedRef<string>;
     hasIntermediateSlot: import("vue").ComputedRef<boolean>;

package/src/components/lists/VcsTreeviewSearchbar.vue

@@ -1,5 +1,6 @@
 <template>
   <div
+    v-bind="noListenerAttrs"
     class="pa-2 bg-base-lighten-3 position-relative d-flex flex-row justify-space-between align-center rounded-0 vcs-treeview-searchbar"
   >
     <slot name="prepend">
@@ -76,9 +77,11 @@
 </style>
 
 <script>
+  import { computed } from 'vue';
   import { VIcon } from 'vuetify/components';
   import VcsTextField from '../form-inputs-controls/VcsTextField.vue';
   import { useIconSize } from '../../vuePlugins/vuetify.js';
+  import { removeListenersFromAttrs } from '../attrsHelpers.js';
 
   /**
    * @description stylized searchbar used in VcsTreeview, VcsDataTable and VcsList
@@ -91,6 +94,7 @@
    */
   export default {
     name: 'VcsTreeviewSearchbar',
+    inheritAttrs: false,
     components: {
       VIcon,
       VcsTextField,
@@ -105,10 +109,12 @@
         default: false,
       },
     },
-    setup() {
+    setup(_, { attrs }) {
       const iconSize = useIconSize();
+      const noListenerAttrs = computed(() => removeListenersFromAttrs(attrs));
       return {
         iconSize,
+        noListenerAttrs,
       };
     },
   };

package/src/components/lists/VcsTreeviewSearchbar.vue.d.ts

@@ -9,6 +9,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     iconSize: import("vue").ComputedRef<number>;
+    noListenerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
 }, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     placeholder: {
         type: StringConstructor;

package/src/components/tables/VcsTable.vue

@@ -5,15 +5,8 @@
     :items="items"
     :headers="[keyHeader, valueHeader]"
   >
-    <template #body="{ page, itemsPerPage }">
-      <tr
-        class="v-data-table__tr"
-        v-for="(item, idx) in items.slice(
-          (page - 1) * itemsPerPage,
-          page * itemsPerPage,
-        )"
-        :key="`row-${idx}`"
-      >
+    <template #item="{ index, item }">
+      <tr class="v-data-table__tr" :key="`row-${index}`">
         <vcs-table-cell :title="item.key" :width="keyHeader.width" />
         <vcs-table-cell
           :title="item.value"

package/src/legend/VcsLegend.vue

@@ -13,7 +13,6 @@
         :value="entry.key"
         :heading="entry.title"
         :header-actions="entry.actions"
-        @group:selected="entry.open = !entry.open"
       >
         <v-list class="pl-6 pb-2">
           <div v-for="(item, idx) in entry.legend" :key="idx">
@@ -84,13 +83,27 @@
         iframe.style.height = `${iframe.contentWindow.document.documentElement.scrollHeight}px`;
       };
 
+      let handledEntries = props.entries
+        .filter((e) => e.open)
+        .map((e) => e.key);
       /**
        * @type {import("vue").Ref<string[]>}
        */
-      const panels = ref(props.entries.filter((e) => e.open).map((e) => e.key));
+      const panels = ref(handledEntries.slice());
 
       watch(props.entries, () => {
-        panels.value = props.entries.filter((e) => e.open).map((e) => e.key);
+        props.entries.forEach((e) => {
+          if (!handledEntries.includes(e.key)) {
+            handledEntries.push(e.key);
+            panels.value.push(e.key);
+          }
+        });
+        handledEntries = handledEntries.filter((key) =>
+          props.entries.find((e) => e.key === key),
+        );
+        panels.value = panels.value.filter((key) =>
+          props.entries.find((e) => e.key === key),
+        );
       });
 
       const cid = useComponentId();
@@ -110,7 +123,4 @@
     max-width: 100%;
     height: auto;
   }
-  .rotate {
-    transform: rotate(-90deg);
-  }
 </style>

package/src/manager/window/WindowComponent.vue

@@ -129,24 +129,27 @@
         if (!isDraggable.value) {
           e.preventDefault();
           e.stopPropagation();
+        } else {
+          startEvent = e;
+          // set mouse cursor to move
+          e.dataTransfer.effectAllowed = 'move';
         }
-        startEvent = e;
-        // set mouse cursor to move
-        e.dataTransfer.effectAllowed = 'move';
       };
       /**
        * @param {DragEvent} endEvent
        */
       const dragEnd = (endEvent) => {
-        const movement = {
-          dx: endEvent.clientX - startEvent.clientX,
-          dy: endEvent.clientY - startEvent.clientY,
-        };
-        emit('moved', movement);
-        startEvent = null;
-        isDraggable.value = false;
-        endEvent.target.parentElement.ondragover = null;
-        app.maps.target.ondragover = null;
+        if (isDraggable.value) {
+          const movement = {
+            dx: endEvent.clientX - startEvent.clientX,
+            dy: endEvent.clientY - startEvent.clientY,
+          };
+          emit('moved', movement);
+          startEvent = null;
+          isDraggable.value = false;
+          endEvent.target.parentElement.ondragover = null;
+          app.maps.target.ondragover = null;
+        }
       };
 
       return {

package/src/pluginHelper.js

@@ -186,6 +186,7 @@ export function getPluginEntry(base, pluginUrl) {
   const baseUrl = new URL(base);
   const pluginModuleUrl = new URL(pluginUrl);
   pluginModuleUrl.searchParams.delete('version'); // semver is part of config
+  pluginModuleUrl.searchParams.delete('mapVersion'); // semver is set on loadPlugin by the app
   if (baseUrl.origin !== pluginModuleUrl.origin) {
     return pluginModuleUrl.toString();
   }

package/src/search/ResultItem.vue

@@ -32,28 +32,9 @@
     VListItemTitle,
     VTooltip,
   } from 'vuetify/components';
+  import DOMPurify from 'dompurify';
   import VcsActionButtonList from '../components/buttons/VcsActionButtonList.vue';
-
-  /**
-   * @param {string} text
-   * @param {string} query
-   * @returns {string}
-   */
-  function markText(text, query) {
-    let replacement = text;
-    if (query) {
-      const partials = query
-        .split(/[.,\s]/)
-        .filter((partial) => partial.trim());
-      partials.forEach((partial) => {
-        replacement = replacement.replaceAll(
-          new RegExp(`(^|[^>])(${partial})`, 'ig'),
-          '<span>$1<span class="text-primary">$2</span></span>',
-        );
-      });
-    }
-    return replacement;
-  }
+  import { markText } from './markText.js';
 
   /**
    * @description ResultItem with optional icon or image, title and optional actions
@@ -83,7 +64,9 @@
     },
     setup(props) {
       const hasActions = computed(() => props.item?.actions?.length > 0);
-      const marked = computed(() => markText(props.item.title, props.query));
+      const marked = computed(() =>
+        DOMPurify.sanitize(markText(props.item.title, props.query)),
+      );
 
       return {
         hasActions,

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<string>;
+    marked: import("vue").ComputedRef<any>;
 }, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     query: {
         type: StringConstructor;

package/src/search/markText.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @param {string} text
+ * @param {string} query
+ * @returns {string}
+ */
+export function markText(text: string, query: string): string;
+export type Block = {
+    start: number;
+    end: number;
+};

package/src/search/markText.js

@@ -0,0 +1,63 @@
+/**
+ * @typedef {Object} Block
+ * @property {number} start
+ * @property {number} end
+ */
+
+/**
+ * @param {Block[]} blocks
+ * @param {Block} candidate
+ * @returns {boolean}
+ */
+function isBlockWithinBlocks(blocks, candidate) {
+  return blocks.some(
+    (block) => candidate.start >= block.start && candidate.end <= block.end,
+  );
+}
+
+/**
+ * @param {string} text
+ * @param {RegExp} partial
+ * @param {Block[]} blocks
+ */
+function addPartialBlocks(text, partial, blocks) {
+  let match;
+  // eslint-disable-next-line no-cond-assign
+  while ((match = partial.exec(text))) {
+    const block = {
+      start: match.index,
+      end: match.index + match[0].length,
+    };
+    if (!isBlockWithinBlocks(blocks, block)) {
+      blocks.push(block);
+    }
+  }
+}
+
+/**
+ * @param {string} text
+ * @param {string} query
+ * @returns {string}
+ */
+// eslint-disable-next-line import/prefer-default-export
+export function markText(text, query) {
+  let replacement = text;
+  if (query) {
+    const partials = query
+      .split(/[.,\s]/)
+      .map((p) => p.trim())
+      .filter((p) => !!p)
+      .sort((a, b) => b.length - a.length); // we sort partials by length so we can ensure smaller partials aren't already covered by larger ones
+
+    const blocks = [];
+    partials.forEach((partial) => {
+      addPartialBlocks(text, new RegExp(partial, 'ig'), blocks);
+    });
+
+    blocks.sort((a, b) => a.start - b.start);
+    blocks.reverse().forEach((block) => {
+      replacement = `${replacement.substring(0, block.start)}<span class="text-primary">${replacement.substring(block.start, block.end)}</span>${replacement.substring(block.end)}`;
+    });
+  }
+  return replacement;
+}

package/src/state.d.ts

@@ -2,6 +2,16 @@
  * @returns {AppState}
  */
 export function createEmptyState(): AppState;
+/**
+ * @param {UrlViewpointState} state
+ * @returns {import("@vcmap/core").ViewpointOptions|null}
+ */
+export function parseUrlProjectedViewpointState(state: UrlViewpointState): import("@vcmap/core").ViewpointOptions | null;
+/**
+ * @param {UrlExtentState} state
+ * @returns {import("@vcmap/core").ViewpointOptions|null}
+ */
+export function parseUrlExtentState(state: UrlExtentState): import("@vcmap/core").ViewpointOptions | null;
 /**
  * @param {(URL)=} url
  * @returns {AppState}
@@ -35,9 +45,14 @@ export type UrlPluginState = [string, unknown];
 /**
  * The URL state of a viewpoint is an array, the first entry is the camera position (or 0)
  * the second is the ground position (or 0), the third is the distance, the last three are
- * heading, pitch, roll in that order
+ * heading, pitch, roll in that order follow by an optional projection code
+ */
+export type UrlViewpointState = [Array<number> | 0, Array<number> | 0, number, number, number, number, number?];
+/**
+ * The URL state of an Extent is an array, the first entry is the extent
+ * the second is the projection code if needed.
  */
-export type UrlViewpointState = [Array<number> | 0, Array<number> | 0, number, number, number, number];
+export type UrlExtentState = [import("ol/extent").Extent, number];
 export type AppState = {
     activeViewpoint?: import("@vcmap/core").ViewpointOptions | undefined;
     activeMap?: string | undefined;
@@ -46,6 +61,7 @@ export type AppState = {
     plugins: Array<PluginState<unknown>>;
     activeObliqueCollection?: string | undefined;
 };
+export type CachedAppState = AppState;
 /**
  * The URL state of the app is an array. To null parameters, pass in 0 instead.
  * The first entry is the viewpoint state, the second the active map name
@@ -54,4 +70,4 @@ export type AppState = {
  * the fifth is an array of plugin states
  * the sixth is the currently active oblique collection or 0 if not applicable
  */
-export type UrlAppState = [[0 | number[], 0 | number[], number, number, number, number], string, Array<string>, Array<[string, number, string | 0]>, Array<[string, unknown]>, (string | 0)];
+export type UrlAppState = [[0 | number[], 0 | number[], number, number, number, number, (number | undefined)?] | [import("ol/extent").Extent, number], string, Array<string>, Array<[string, number, string | 0]>, Array<[string, unknown]>, (string | 0)];