@vcmap/ui 6.2.0-rc.3 → 6.2.0

package/dist/assets/ui.js

@@ -1 +1 @@
-export * from "./ui-62439099.js";
+export * from "./ui-f99d019b.js";

package/dist/assets/vue.js

@@ -1 +1 @@
-export * from "./vue-1b861f55.js";
+export * from "./vue-7499093d.js";

package/dist/assets/{vuetify-439ba6d5.js → vuetify-bfd8e6ac.js}

@@ -10,7 +10,7 @@ function loadCss(href) {
     elem.onerror = reject;
     document.head.appendChild(elem);
   });
-} await loadCss('./assets/vuetify-439ba6d5.css');import { watch as Q, onScopeDispose as Ze, effectScope as Zl, shallowRef as K, Fragment as ie, reactive as it, computed as b, watchEffect as Fe, toRefs as Yt, capitalize as Nn, isVNode as Rc, Comment as Nc, unref as ot, warn as ja, getCurrentInstance as Hc, ref as j, provide as De, inject as ye, defineComponent as zc, camelize as Ir, h as Gt, toRaw as Be, createVNode as r, mergeProps as O, onBeforeUnmount as Qe, readonly as Ql, onDeactivated as _r, onActivated as Wc, onMounted as Ye, nextTick as we, TransitionGroup as Jl, Transition as jt, isRef as Tn, toRef as $, onBeforeMount as ra, withDirectives as $e, resolveDirective as gt, vShow as Ct, onUpdated as jc, Text as Uc, resolveDynamicComponent as Yc, markRaw as Gc, Teleport as Kc, cloneVNode as qc, createTextVNode as Tt, onUnmounted as Tr, onBeforeUpdate as Xc, withModifiers as Tl, toDisplayString as Zc, vModelText as Qc, resolveComponent as Jc, render as Ar } from "./vue-1b861f55.js";
+} await loadCss('./assets/vuetify-bfd8e6ac.css');import { watch as Q, onScopeDispose as Ze, effectScope as Zl, shallowRef as K, Fragment as ie, reactive as it, computed as b, watchEffect as Fe, toRefs as Yt, capitalize as Nn, isVNode as Rc, Comment as Nc, unref as ot, warn as ja, getCurrentInstance as Hc, ref as j, provide as De, inject as ye, defineComponent as zc, camelize as Ir, h as Gt, toRaw as Be, createVNode as r, mergeProps as O, onBeforeUnmount as Qe, readonly as Ql, onDeactivated as _r, onActivated as Wc, onMounted as Ye, nextTick as we, TransitionGroup as Jl, Transition as jt, isRef as Tn, toRef as $, onBeforeMount as ra, withDirectives as $e, resolveDirective as gt, vShow as Ct, onUpdated as jc, Text as Uc, resolveDynamicComponent as Yc, markRaw as Gc, Teleport as Kc, cloneVNode as qc, createTextVNode as Tt, onUnmounted as Tr, onBeforeUpdate as Xc, withModifiers as Tl, toDisplayString as Zc, vModelText as Qc, resolveComponent as Jc, render as Ar } from "./vue-7499093d.js";
 function rt(e, n) {
   let t;
   function a() {

package/dist/assets/vuetify.js

@@ -1 +1 @@
-export * from "./vuetify-439ba6d5.js";
+export * from "./vuetify-bfd8e6ac.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vcmap/ui",
-  "version": "6.2.0-rc.3",
+  "version": "6.2.0",
   "author": "Virtual City Systems",
   "license": "MIT",
   "scripts": {
@@ -58,7 +58,7 @@
   },
   "peerDependencies": {
     "@vcmap-cesium/engine": "^11.0.3",
-    "@vcmap/core": "6.2.0-rc.2",
+    "@vcmap/core": "6.2.0",
     "ol": "^10.4.0",
     "vue": "~3.4.38",
     "vuetify": "~3.7.14"

package/plugins/package.json

@@ -2,16 +2,16 @@
   "dependencies": {
     "@vcmap/print": "^3.0.0",
     "@vcmap/walk": "^2.0.0",
-    "@vcmap/clipping-tool": "^2.0.0",
-    "@vcmap/transparent-terrain": "^2.0.0",
-    "@vcmap/height-profile": "^2.0.0",
-    "@vcmap/flight": "^2.0.0",
-    "@vcmap/swipe-tool": "^3.0.0",
+    "@vcmap/clipping-tool": "^3.0.0",
+    "@vcmap/transparent-terrain": "^3.0.0",
+    "@vcmap/height-profile": "^3.0.0",
+    "@vcmap/flight": "^3.0.0",
+    "@vcmap/swipe-tool": "^4.0.0",
     "@vcmap/export": "^2.0.0",
     "@vcmap/viewshed": "^3.0.0",
-    "@vcmap/measurement": "^3.0.0",
-    "@vcmap/multi-view": "^2.0.0",
-    "@vcmap/draw": "^3.0.0",
+    "@vcmap/measurement": "^4.0.0",
+    "@vcmap/multi-view": "^3.0.0",
+    "@vcmap/draw": "^4.0.0",
     "@vcmap/shadow": "^3.0.0",
     "@vcmap/search-wfs": "^2.0.0",
     "@vcmap/search-esri": "^2.0.0",
@@ -21,7 +21,7 @@
     "@vcmap/search-nominatim": "^2.0.0",
     "@vcmap/create-link": "^3.0.0",
     "@vcmap/module-selector": "^3.0.0",
-    "@vcmap/line-of-sight": "^1.0.0",
+    "@vcmap/line-of-sight": "^2.0.0",
     "@vcmap/layer-slider": "^2.0.0",
     "@vcmap/vcs-solar-balloon": "^2.0.0",
     "@vcmap/list-view": "^1.0.0",
@@ -29,9 +29,10 @@
     "@vcmap/gamepad": "^1.0.0",
     "@vcmap/sensorthings": "^1.0.0",
     "@vcmap/cesium-inspector": "^2.0.0",
-    "@vcmap/event-control": "^1.0.1"
+    "@vcmap/event-control": "^1.0.1",
+    "@vcmap/dynamic-layer": "^1.0.0"
   },
   "optionalDependencies": {
-    "@vcmap/planning": "^6.0.0"
+    "@vcmap/planning": "^7.0.0"
   }
 }

package/src/actions/actionHelper.d.ts

@@ -106,18 +106,18 @@ export function callSafeAction(action: VcsAction, p?: PointerEvent | undefined):
  * Adds a loading overlay to the application.
  * @param {import("../vcsUiApp.js").default} app
  * @param {string|symbol} owner The owner of the loading overlay.
- * @param {string} id The ID of the loading overlay.
- * @param {{progress?:import('vue').Ref<number>|undefined, title?:string, text?:string, cancel?:Function,  maxWidth?:number|string, persistent?:boolean}} [options] The options for the loading overlay, passed as props.
- * @returns {Function} A function to remove the loading overlay.
+ * @param {{id?:string, progress?:import('vue').Ref<number>|undefined, title?:string, text?:string, cancel?:Function,  maxWidth?:number|string, persistent?:boolean}} [options] The options for the loading overlay, passed as props.
+ * @returns {function(): void} A function to remove the loading overlay.
  */
-export function addLoadingOverlay(app: import("../vcsUiApp.js").default, owner: string | symbol, id: string, options?: {
+export function addLoadingOverlay(app: import("../vcsUiApp.js").default, owner: string | symbol, options?: {
+    id?: string | undefined;
     progress?: import('vue').Ref<number> | undefined;
     title?: string | undefined;
     text?: string | undefined;
     cancel?: Function | undefined;
     maxWidth?: string | number | undefined;
     persistent?: boolean | undefined;
-} | undefined): Function;
+} | undefined): () => void;
 export const searchComponentId: "searchId";
 export type ActionOptions = Omit<VcsAction, 'callback'>;
 export type ActionCallback = (p?: PointerEvent) => (void | Promise<void>);

package/src/actions/actionHelper.js

@@ -585,17 +585,16 @@ export function callSafeAction(action, p) {
  * Adds a loading overlay to the application.
  * @param {import("../vcsUiApp.js").default} app
  * @param {string|symbol} owner The owner of the loading overlay.
- * @param {string} id The ID of the loading overlay.
- * @param {{progress?:import('vue').Ref<number>|undefined, title?:string, text?:string, cancel?:Function,  maxWidth?:number|string, persistent?:boolean}} [options] The options for the loading overlay, passed as props.
- * @returns {Function} A function to remove the loading overlay.
+ * @param {{id?:string, progress?:import('vue').Ref<number>|undefined, title?:string, text?:string, cancel?:Function,  maxWidth?:number|string, persistent?:boolean}} [options] The options for the loading overlay, passed as props.
+ * @returns {function(): void} A function to remove the loading overlay.
  */
-export function addLoadingOverlay(app, owner, id, options) {
+export function addLoadingOverlay(app, owner, options) {
   check(owner, oneOf(String, Symbol));
-  check(id, String);
   check(options?.progress?.value, optional(Number));
   check(
     options,
     optional({
+      id: optional(String),
       title: optional(String),
       text: optional(String),
       cancel: optional(Function),
@@ -604,12 +603,12 @@ export function addLoadingOverlay(app, owner, id, options) {
     }),
   );
 
+  const id = options?.id || `loading-overlay-${uuid()}`;
   const removeWindow = () => {
     if (app.windowManager.has(id)) {
       app.windowManager.remove(id);
     }
   };
-
   app.windowManager.add(
     {
       component: VcsLoadingOverlay,
@@ -626,6 +625,5 @@ export function addLoadingOverlay(app, owner, id, options) {
     },
     owner,
   );
-
   return removeWindow;
 }

package/src/actions/flightActions.js

@@ -444,17 +444,11 @@ export function createFlightMovieActions(app, instance) {
       player = await createFlightPlayer(instance, app);
       playerListener = player.clock.changed.addEventListener(updateProgress);
       const { start, cancel } = createFlightMovie(app, player, options);
-      removeLoadingOverlay = addLoadingOverlay(
-        app,
-        vcsAppSymbol,
-        'flight-recording',
-        {
-          progress,
-          title: 'components.flight.record.inProgress',
-          cancellable: true,
-          cancel,
-        },
-      );
+      removeLoadingOverlay = addLoadingOverlay(app, vcsAppSymbol, {
+        progress,
+        title: 'components.flight.record.inProgress',
+        cancel,
+      });
       const blob = await start();
       removeLoadingOverlay?.();
       app.notifier.add({

package/src/components/plugins/VcsWorkspaceWrapper.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-container class="pa-0 abstract-workspace-item-creator">
+  <v-container class="pa-0 vcs-workspace-wrapper">
     <slot />
     <div v-if="showFooter">
       <v-divider class="mt-3" />
@@ -42,7 +42,7 @@
    * @vue-prop {boolean} [disableAdd=false] - Flag to render add button disabled.
    * @vue-prop {boolean} [tooltipAdd='components.addToMyWorkspace'] - Option to change the add button tooltip.
    * @vue-prop {boolean} [disableNew=false] - Flag to render new button disabled.
-   * @vue-prop {boolean} [tooltipNew''] - Option to change the add a tooltip to the new button.
+   * @vue-prop {boolean} [tooltipNew=''] - Option to change the add a tooltip to the new button.
    * @vue-prop {Array<VcsAction>} [actions] - Optional actions rendered as ActionButtonList in the footer.
    * @vue-prop {string} [newButtonTitle='components.new'] - Option to change the new button title, e.g. to 'components.apply'.
    * @vue-event {Event} addClicked - Event fired on clicking the reset button.

package/src/contentTree/contentTreeCollection.d.ts

@@ -23,6 +23,11 @@ declare class ContentTreeCollection extends IndexedCollection<ContentTreeItem> {
      * @param {import("@src/vcsUiApp.js").default} app
      */
     constructor(app: import("@src/vcsUiApp.js").default);
+    /**
+     * @type {string|undefined}
+     * @private
+     */
+    private _removedListenerTimeoutId;
     /**
      * @type {import("@src/vcsUiApp.js").default}
      * @private

package/src/contentTree/contentTreeCollection.js

@@ -31,6 +31,11 @@ export const defaultContentTreeComponentId = 'Content';
  * @extends {IndexedCollection<ContentTreeItem>}
  */
 class ContentTreeCollection extends IndexedCollection {
+  /**
+   * @type {string|undefined}
+   * @private
+   */
+  _removedListenerTimeoutId;
   /**
    * @param {import("@src/vcsUiApp.js").default} app
    */
@@ -107,7 +112,10 @@ class ContentTreeCollection extends IndexedCollection {
         }
       }),
       this.removed.addEventListener((child) => {
-        recreateTree();
+        clearTimeout(this._removedListenerTimeoutId);
+        this._removedListenerTimeoutId = setTimeout(() => {
+          recreateTree();
+        }, 0);
         if (this._weightListeners.has(child.name)) {
           this._weightListeners.get(child.name)();
           this._weightListeners.delete(child.name);

package/src/featureInfo/iframeFeatureInfoView.d.ts

@@ -2,18 +2,23 @@ export default IframeFeatureInfoView;
 export type IframeFeatureInfoViewOptions = import("./abstractFeatureInfoView.js").FeatureInfoViewOptions & {
     src: string;
     title?: string;
+    sandbox?: string;
+    disableSandbox?: boolean;
 };
-export type IframeFeatureInfoViewProps = any & {
+export type IframeFeatureInfoViewProps = import("./abstractFeatureInfoView.js").FeatureInfoProps & {
     src: string;
     title?: string;
+    sandbox?: string;
 };
 /**
- * @typedef {import("./abstractFeatureInfoView.js").FeatureInfoViewOptions & { src: string, title?: string }} IframeFeatureInfoViewOptions
+ * @typedef {import("./abstractFeatureInfoView.js").FeatureInfoViewOptions & { src: string, title?: string, sandbox?:string, disableSandbox?: boolean }} IframeFeatureInfoViewOptions
  * @property {string} src - Specifies the address of the document to embed in the <iframe>. Variables wrapped in `${}` are replaced by their values, e.g. `${featureId}` or `${gml:name}`
  * @property {string} [title] - optional title for the <iframe>
+ * @property {string} [sandbox] - optional sandbox attribute for the <iframe>
+ * @property {boolean} [disableSandbox] - optional flag to disable the sandbox attribute for the <iframe>
  */
 /**
- * @typedef {import("./abstractFeatureInfoView.js.js").FeatureInfoProps & { src: string, title?: string }} IframeFeatureInfoViewProps
+ * @typedef {import("./abstractFeatureInfoView.js").FeatureInfoProps & { src: string, title?: string, sandbox?:string }} IframeFeatureInfoViewProps
  */
 /**
  * @class
@@ -33,6 +38,14 @@ declare class IframeFeatureInfoView extends AbstractFeatureInfoView {
      * @type {string|undefined}
      */
     title: string | undefined;
+    /**
+     * @type {string}
+     */
+    sandbox: string;
+    /**
+     * @type {boolean}
+     */
+    disableSandbox: boolean;
     /**
      * @param {Record<string, unknown>} attributes
      * @protected

package/src/featureInfo/iframeFeatureInfoView.js

@@ -3,13 +3,15 @@ import AbstractFeatureInfoView from './abstractFeatureInfoView.js';
 import IframeComponent from './IframeComponent.vue';
 
 /**
- * @typedef {import("./abstractFeatureInfoView.js").FeatureInfoViewOptions & { src: string, title?: string }} IframeFeatureInfoViewOptions
+ * @typedef {import("./abstractFeatureInfoView.js").FeatureInfoViewOptions & { src: string, title?: string, sandbox?:string, disableSandbox?: boolean }} IframeFeatureInfoViewOptions
  * @property {string} src - Specifies the address of the document to embed in the <iframe>. Variables wrapped in `${}` are replaced by their values, e.g. `${featureId}` or `${gml:name}`
  * @property {string} [title] - optional title for the <iframe>
+ * @property {string} [sandbox] - optional sandbox attribute for the <iframe>
+ * @property {boolean} [disableSandbox] - optional flag to disable the sandbox attribute for the <iframe>
  */
 
 /**
- * @typedef {import("./abstractFeatureInfoView.js.js").FeatureInfoProps & { src: string, title?: string }} IframeFeatureInfoViewProps
+ * @typedef {import("./abstractFeatureInfoView.js").FeatureInfoProps & { src: string, title?: string, sandbox?:string }} IframeFeatureInfoViewProps
  */
 
 /**
@@ -39,6 +41,14 @@ class IframeFeatureInfoView extends AbstractFeatureInfoView {
      * @type {string|undefined}
      */
     this.title = options.title || undefined;
+    /**
+     * @type {string}
+     */
+    this.sandbox = options.sandbox || '';
+    /**
+     * @type {boolean}
+     */
+    this.disableSandbox = options.disableSandbox || false;
   }
 
   /**
@@ -65,6 +75,7 @@ class IframeFeatureInfoView extends AbstractFeatureInfoView {
         ...properties.attributes,
       }),
       title: this.title,
+      ...(!this.disableSandbox && { sandbox: this.sandbox }),
     };
   }
 
@@ -79,6 +90,12 @@ class IframeFeatureInfoView extends AbstractFeatureInfoView {
     if (this.title) {
       config.title = this.title;
     }
+    if (this.sandbox) {
+      config.sandbox = this.sandbox;
+    }
+    if (this.disableSandbox) {
+      config.disableSandbox = this.disableSandbox;
+    }
     return config;
   }
 }

package/src/featureInfo/iframeWmsFeatureInfoView.d.ts

@@ -2,9 +2,11 @@ export default IframeWmsFeatureInfoView;
 export type IframeWmsFeatureInfoViewOptions = import("./abstractFeatureInfoView.js").FeatureInfoViewOptions & {
     infoFormat: string;
     title?: string;
+    sandbox?: string;
+    disableSandbox?: boolean;
 };
 /**
- * @typedef {import("./abstractFeatureInfoView.js").FeatureInfoViewOptions & { infoFormat: string, title?: string }} IframeWmsFeatureInfoViewOptions
+ * @typedef {import("./abstractFeatureInfoView.js").FeatureInfoViewOptions & { infoFormat: string, title?: string, sandbox?:string, disableSandbox?: boolean }} IframeWmsFeatureInfoViewOptions
  * @property {string} infoFormat - Specifies the response format of WMS GetFeatureInfo
  * @property {string} [title] - optional title for the <iframe>
  * @property {string} [sandbox] - optional sandbox attribute for the <iframe>

package/src/featureInfo/iframeWmsFeatureInfoView.js

@@ -3,7 +3,7 @@ import AbstractFeatureInfoView from './abstractFeatureInfoView.js';
 import IframeComponent from './IframeComponent.vue';
 
 /**
- * @typedef {import("./abstractFeatureInfoView.js").FeatureInfoViewOptions & { infoFormat: string, title?: string }} IframeWmsFeatureInfoViewOptions
+ * @typedef {import("./abstractFeatureInfoView.js").FeatureInfoViewOptions & { infoFormat: string, title?: string, sandbox?:string, disableSandbox?: boolean }} IframeWmsFeatureInfoViewOptions
  * @property {string} infoFormat - Specifies the response format of WMS GetFeatureInfo
  * @property {string} [title] - optional title for the <iframe>
  * @property {string} [sandbox] - optional sandbox attribute for the <iframe>

package/src/i18n/de.js

@@ -176,8 +176,8 @@ const messages = {
       export: 'Flug exportieren',
       exportPath: 'Flugpfad exportieren',
       record: {
-        standard: 'Flug mit Standardauflösung aufzeichnen',
-        high: 'Flug mit hoher Auflösung aufzeichnen',
+        standard: 'Flug in Standardqualität aufzeichnen',
+        high: 'Flug in hoher Qualität aufzeichnen',
         inProgress: 'Aufzeichnung läuft',
         success: 'Aufzeichnung erfolgreich, der Download startet in Kürze',
       },

package/src/i18n/en.js

@@ -176,8 +176,8 @@ const messages = {
       export: 'Export flight',
       exportPath: 'Export flight path',
       record: {
-        standard: 'Record standard resolution flight',
-        high: 'Record high resolution flight',
+        standard: 'Record standard quality flight',
+        high: 'Record high quality flight',
         inProgress: 'Recording in progress',
         success: 'Recording successful, the download will start shortly',
       },

package/src/navigation/overviewMap.d.ts

@@ -27,7 +27,7 @@ declare class OverviewMap {
      */
     private _active;
     /**
-     * @type {import("@vcmap/core").OpenlayersMap||null}
+     * @type {import("@vcmap/core").OpenlayersMap}
      * @private
      */
     private _map;
@@ -134,13 +134,13 @@ declare class OverviewMap {
      */
     get active(): boolean;
     /**
-     * @type {import("@vcmap/core").OpenlayersMap|null}
+     * @type {import("@vcmap/core").OpenlayersMap}
      */
-    get map(): OpenlayersMap | null;
+    get map(): OpenlayersMap;
     /**
-     * @type {EventHandler|null}
+     * @type {EventHandler}
      */
-    get eventHandler(): EventHandler | null;
+    get eventHandler(): EventHandler;
     /**
      * @type {import("@vcmap/core").PanoramaImageSelection}
      */

package/src/navigation/overviewMap.js

@@ -93,7 +93,7 @@ class OverviewMap {
     this._active = ref(false);
 
     /**
-     * @type {import("@vcmap/core").OpenlayersMap||null}
+     * @type {import("@vcmap/core").OpenlayersMap}
      * @private
      */
     this._map = new OpenlayersMap({
@@ -306,14 +306,14 @@ class OverviewMap {
   }
 
   /**
-   * @type {import("@vcmap/core").OpenlayersMap|null}
+   * @type {import("@vcmap/core").OpenlayersMap}
    */
   get map() {
     return this._map;
   }
 
   /**
-   * @type {EventHandler|null}
+   * @type {EventHandler}
    */
   get eventHandler() {
     return this._eventHandler;
@@ -692,9 +692,7 @@ class OverviewMap {
       this._mapActivatedListener();
       this._mapActivatedListener = null;
     }
-    if (this._map) {
-      this._map.destroy();
-    }
+    this._map.destroy();
     if (this._obliqueTileLayer) {
       this._obliqueTileLayer.source = new VectorSource({});
       this._obliqueTileLayer.destroy();
@@ -710,9 +708,7 @@ class OverviewMap {
     if (this._cameraIconLayer) {
       this._cameraIconLayer.destroy();
     }
-    if (this._eventHandler) {
-      this._eventHandler.destroy();
-    }
+    this._eventHandler.destroy();
     this.cameraIconStyle.destroy();
     this.obliqueSelectedStyle.destroy();
     this._cachedViewpoint = null;