@vcmap/ui 5.1.4 → 5.1.6

package/src/components/viewpoint/VcsViewpointComponent.vue.d.ts

@@ -43,6 +43,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    nameRules: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
 }, {
     isCesiumMap: import("vue").Ref<boolean>;
     gotoViewpoint: () => Promise<void>;
@@ -114,6 +118,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    nameRules: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
 }>>, {
     value: Record<string, any>;
     expandable: boolean;
@@ -122,5 +130,6 @@ declare const _default: import("vue").DefineComponent<{
     hideTitle: boolean;
     hideAnimate: boolean;
     hideGeneral: boolean;
+    nameRules: unknown[];
 }>;
 export default _default;

package/src/components/viewpoint/VcsViewpointEditor.vue

@@ -6,7 +6,11 @@
     :auto-close="false"
     v-bind="{ ...$attrs, ...$props }"
   >
-    <VcsViewpointComponent v-model="localConfig" hide-name />
+    <VcsViewpointComponent
+      v-model="localConfig"
+      hide-name
+      :name-rules="nameRules"
+    />
   </AbstractConfigEditor>
 </template>
 
@@ -23,6 +27,7 @@
    * An editor component for viewpoints using AbstractConfigEditor and VcsViewpointComponent
    * @vue-prop {() => import("@vcmap/core").ViewpointOptions} getConfig
    * @vue-prop {(import("@vcmap/core").ViewpointOptions) => Promise<void>} setConfig
+   * @vue-prop {Array<(v:string)=>(boolean|string)>} nameRules - Optional rules for name input.
    */
   export default {
     name: 'VcsViewpointEditor',
@@ -39,6 +44,10 @@
         type: Function,
         required: true,
       },
+      nameRules: {
+        type: Array,
+        default: () => [],
+      },
     },
     setup(props, { emit }) {
       const app = inject('vcsApp');

package/src/components/viewpoint/VcsViewpointEditor.vue.d.ts

@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
         type: FunctionConstructor;
         required: true;
     };
+    nameRules: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
 }, {
     localConfig: any;
     apply(): void;
@@ -21,5 +25,11 @@ declare const _default: import("vue").DefineComponent<{
         type: FunctionConstructor;
         required: true;
     };
-}>>, {}>;
+    nameRules: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+}>>, {
+    nameRules: unknown[];
+}>;
 export default _default;

package/src/contentTree/LayerTree.vue

@@ -15,13 +15,13 @@
 </template>
 
 <script>
-  import { inject } from 'vue';
+  import { inject, watch } from 'vue';
   import { VSheet } from 'vuetify/lib';
   import VcsTreeview from '../components/lists/VcsTreeview.vue';
 
   /**
    * @description
-   * Implements Treeview and shows 'vcs.vcm.widgets.legend.Legend'
+   * Implements Treeview and shows content tree
    */
   export default {
     name: 'VcsLayerTree',
@@ -35,8 +35,27 @@
     setup(props) {
       const app = inject('vcsApp');
       const open = app.contentTree.getTreeOpenStateRef(props.windowState.id);
+
+      const initOpen = app.contentTree
+        .getChildrenForSubTree(props.windowState.id)
+        .filter((i) => i.initOpen)
+        .map((i) => i.name);
+
+      const tree = app.contentTree.getComputedVisibleTree(props.windowState.id);
+
+      // watch for new visible children, which should start init open
+      watch(tree, (value, oldValue) => {
+        const changed = value
+          .filter(
+            ({ name }) =>
+              !oldValue.find((o) => o.name === name) && initOpen.includes(name),
+          )
+          .map(({ name }) => name);
+        open.value.push(...changed);
+      });
+
       return {
-        tree: app.contentTree.getComputedVisibleTree(props.windowState.id),
+        tree,
         open,
       };
     },

package/src/i18n/de.d.ts

@@ -68,6 +68,11 @@ declare namespace messages {
         export namespace _import {
             let submit: string;
             let fileDrop: string;
+            let failure: string;
+            let predicateFailure: string;
+            let addFailure: string;
+            let featuresAdded: string;
+            let nothingAdded: string;
         }
         export { _import as import };
         export namespace vcsFormSection {
@@ -302,7 +307,7 @@ declare namespace messages {
             let tooltip_8: string;
             export { tooltip_8 as tooltip };
         }
-        export namespace dataprotection {
+        export namespace dataProtection {
             let title_17: string;
             export { title_17 as title };
             let tooltip_9: string;

package/src/i18n/de.js

@@ -61,6 +61,11 @@ const messages = {
     import: {
       submit: 'Importieren',
       fileDrop: 'Dateien hierher ziehen',
+      failure: 'Datei {fileName} konnte nicht gelesen werden.',
+      predicateFailure: '{0} Feature entsprechen nicht den Anforderungen.',
+      addFailure: '{0} Feature existieren bereits.',
+      featuresAdded: '{0} Feature importiert.',
+      nothingAdded: 'Es konnten keine Feature importiert werden.',
     },
     vcsFormSection: {
       help: 'Hilfe anzeigen',
@@ -263,7 +268,7 @@ const messages = {
       title: 'Impressum',
       tooltip: 'Öffne Impressumsfenster',
     },
-    dataprotection: {
+    dataProtection: {
       title: 'Datenschutz',
       tooltip: 'Öffne Datenschutzfenster',
     },

package/src/i18n/en.d.ts

@@ -68,6 +68,11 @@ declare namespace messages {
         export namespace _import {
             let submit: string;
             let fileDrop: string;
+            let failure: string;
+            let predicateFailure: string;
+            let addFailure: string;
+            let featuresAdded: string;
+            let nothingAdded: string;
         }
         export { _import as import };
         export namespace vcsFormSection {
@@ -301,7 +306,7 @@ declare namespace messages {
             let tooltip_8: string;
             export { tooltip_8 as tooltip };
         }
-        export namespace dataprotection {
+        export namespace dataProtection {
             let title_16: string;
             export { title_16 as title };
             let tooltip_9: string;

package/src/i18n/en.js

@@ -61,6 +61,11 @@ const messages = {
     import: {
       submit: 'Import',
       fileDrop: 'Drop files here',
+      failure: 'File {fileName} could not be parsed.',
+      predicateFailure: '{0} features to not fullfill requirements.',
+      addFailure: '{0} feature are already exist.',
+      featuresAdded: '{0} feature imported.',
+      nothingAdded: 'No features could be imported.',
     },
     vcsFormSection: {
       help: 'Show help',
@@ -263,7 +268,7 @@ const messages = {
       title: 'Imprint',
       tooltip: 'Open imprint window',
     },
-    dataprotection: {
+    dataProtection: {
       title: 'Data Protection',
       tooltip: 'Open data protection window',
     },

package/src/siteConfig.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @param {import("./uiConfig.js").default} uiConfig
+ * @returns {() => void}
+ */
+export default function createSiteConfig(uiConfig: import("./uiConfig.js").default): () => void;

package/src/siteConfig.js

@@ -0,0 +1,93 @@
+import { check } from '@vcsuite/check';
+
+/**
+ * @param {string} src
+ */
+function setFavicon(src) {
+  check(src, String);
+
+  const link = document.createElement('link');
+  link.className = 'vcs-favicon';
+  const oldLinks = document.getElementsByClassName('vcs-favicon');
+  const toRemove = [];
+  for (let i = 0; i < oldLinks.length; i++) {
+    toRemove.push(oldLinks.item(i));
+  }
+  toRemove.forEach((elem) => {
+    document.head.removeChild(elem);
+  });
+  link.id = 'dynamic-favicon';
+  link.rel = 'shortcut icon';
+  link.href = src;
+  document.head.appendChild(link);
+}
+
+/**
+ * @param {string} title
+ */
+function setHeaderTitle(title) {
+  const titleElement = document.createElement('title');
+  titleElement.innerText = title;
+  const oldTitle = document.getElementsByTagName('title').item(0);
+  if (oldTitle) {
+    document.head.removeChild(oldTitle);
+  }
+  document.head.appendChild(titleElement);
+}
+
+const defaultFavicon = './assets/favicon.svg';
+
+const defaultHeaderTitle = 'VC Map';
+
+/**
+ * @param {import("./uiConfig.js").default} uiConfig
+ * @returns {() => void}
+ */
+export default function createSiteConfig(uiConfig) {
+  if (typeof uiConfig.config.value.favicon === 'string') {
+    setFavicon(uiConfig.config.value.favicon);
+  }
+
+  if (typeof uiConfig.config.value.headerTitle === 'string') {
+    setHeaderTitle(uiConfig.config.value.headerTitle);
+  }
+
+  const updateFavicon = () => {
+    if (typeof uiConfig.config.value.favicon === 'string') {
+      setFavicon(uiConfig.config.value.favicon);
+    } else {
+      setFavicon(defaultFavicon);
+    }
+  };
+
+  const updateHeaderTitle = () => {
+    if (typeof uiConfig.config.value.headerTitle === 'string') {
+      setHeaderTitle(uiConfig.config.value.headerTitle);
+    } else {
+      setHeaderTitle(defaultHeaderTitle);
+    }
+  };
+
+  const listeners = [
+    uiConfig.added.addEventListener(({ name }) => {
+      if (name === 'favicon') {
+        updateFavicon();
+      } else if (name === 'headerTitle') {
+        updateHeaderTitle();
+      }
+    }),
+    uiConfig.removed.addEventListener(({ name }) => {
+      if (name === 'favicon') {
+        updateFavicon();
+      } else if (name === 'headerTitle') {
+        updateHeaderTitle();
+      }
+    }),
+  ];
+
+  return () => {
+    listeners.forEach((cb) => {
+      cb();
+    });
+  };
+}

package/src/uiConfig.d.ts

@@ -4,7 +4,7 @@ export type UiConfigurationItem<T> = {
     value: T;
 };
 export type TextPageType = {
-    title: string;
+    title?: string | undefined;
     url?: string | URL | undefined;
     content?: string | undefined;
 };
@@ -38,13 +38,21 @@ export type UiConfigObject = {
      */
     helpBaseUrl?: string | undefined;
     /**
-     * - an option imprint, will show a link in the footer.
+     * - an option imprint, will show a link in the footer. Default title is 'footer.imprint.title'.
      */
     imprint?: TextPageType | undefined;
     /**
-     * - an option dataProtection, will show a link in the footer.
+     * - an option dataProtection, will show a link in the footer. Default title is 'footer.dataProtection.title'.
      */
     dataProtection?: TextPageType | undefined;
+    /**
+     * - the favicon to set
+     */
+    favicon?: string | undefined;
+    /**
+     * - the title to display in the tab of the browser
+     */
+    headerTitle?: string | undefined;
 };
 /**
  * @typedef {{
@@ -55,7 +63,7 @@ export type UiConfigObject = {
  */
 /**
  * @typedef {Object} TextPageType
- * @property {string} title
+ * @property {string} [title]
  * @property {URL|string} [url]
  * @property {string} [content]
  */
@@ -68,8 +76,10 @@ export type UiConfigObject = {
  * @property {boolean} [startingFeatureInfo] - an optional flag whether to activate feature info on startup (default active)
  * @property {string} [positionDisplayEventType] - mouse event, when position display is updated. Either 'click' (default) or 'move'.
  * @property {string} [helpBaseUrl='https://help.vc.systems/'] - an optional URL to a help landing page
- * @property {TextPageType} [imprint] - an option imprint, will show a link in the footer.
- * @property {TextPageType} [dataProtection] - an option dataProtection, will show a link in the footer.
+ * @property {TextPageType} [imprint] - an option imprint, will show a link in the footer. Default title is 'footer.imprint.title'.
+ * @property {TextPageType} [dataProtection] - an option dataProtection, will show a link in the footer. Default title is 'footer.dataProtection.title'.
+ * @property {string} [favicon] - the favicon to set
+ * @property {string} [headerTitle] - the title to display in the tab of the browser
  */
 /**
  * @extends {Collection<UiConfigurationItem<unknown>>}

package/src/uiConfig.js

@@ -11,7 +11,7 @@ import { ref } from 'vue';
 
 /**
  * @typedef {Object} TextPageType
- * @property {string} title
+ * @property {string} [title]
  * @property {URL|string} [url]
  * @property {string} [content]
  */
@@ -25,8 +25,10 @@ import { ref } from 'vue';
  * @property {boolean} [startingFeatureInfo] - an optional flag whether to activate feature info on startup (default active)
  * @property {string} [positionDisplayEventType] - mouse event, when position display is updated. Either 'click' (default) or 'move'.
  * @property {string} [helpBaseUrl='https://help.vc.systems/'] - an optional URL to a help landing page
- * @property {TextPageType} [imprint] - an option imprint, will show a link in the footer.
- * @property {TextPageType} [dataProtection] - an option dataProtection, will show a link in the footer.
+ * @property {TextPageType} [imprint] - an option imprint, will show a link in the footer. Default title is 'footer.imprint.title'.
+ * @property {TextPageType} [dataProtection] - an option dataProtection, will show a link in the footer. Default title is 'footer.dataProtection.title'.
+ * @property {string} [favicon] - the favicon to set
+ * @property {string} [headerTitle] - the title to display in the tab of the browser
  */
 
 /**

package/src/vcsUiApp.d.ts

@@ -188,6 +188,7 @@ declare class VcsUiApp extends VcsApp {
      * @type {import("@vcmap/core").VcsEvent<string>}
      */
     mounted: import("@vcmap/core").VcsEvent<string>;
+    _destroySiteConfig: () => void;
     /**
      * @type {import("@vcmap/core").OverrideCollection<VcsPlugin<Object, Object>>}
      */

package/src/vcsUiApp.js

@@ -42,6 +42,7 @@ import Notifier from './notifier/notifier.js';
 import AbstractFeatureInfoView from './featureInfo/abstractFeatureInfoView.js';
 import { createVueI18n, setupI18n } from './vuePlugins/i18n.js';
 import { callbackClassRegistry } from './callback/vcsCallback.js';
+import createSiteConfig from './siteConfig.js';
 
 /**
  * @typedef {import("@vcmap/core").VcsModuleConfig & {
@@ -330,6 +331,8 @@ class VcsUiApp extends VcsApp {
      * @type {import("@vcmap/core").VcsEvent<string>}
      */
     this.mounted = new VcsEvent();
+
+    this._destroySiteConfig = createSiteConfig(this._uiConfig);
   }
 
   /**
@@ -682,6 +685,7 @@ class VcsUiApp extends VcsApp {
     this._featureInfoClassRegistry.destroy();
     this._featureInfo.destroy();
     this._uiConfig.destroy();
+    this._destroySiteConfig();
     super.destroy();
   }
 }

package/dist/assets/index-97b02a80.js

@@ -1 +0,0 @@
-import{initAppFromAppConfig as p}from"./ui.576b59.js";p("#app","app.config.json");