@vcmap/ui 5.1.3 → 5.1.5

package/src/components/icons/2DPointIcon.vue

@@ -0,0 +1,22 @@
+<!-- eslint-disable max-len -->
+
+<template>
+  <svg
+    id="icon_24_2D_point"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+  >
+    <rect id="size" x="0" y="0" width="24" height="24" fill="none" />
+    <path
+      id="ruler"
+      d="M.5,14.24c-.48-.6-.37-1.48.23-1.95h0L15.72.45c.6-.48,1.48-.37,1.95.23l2.15,2.72c.48.6.37,1.48-.23,1.95h0l-15,11.84c-.6.48-1.48.37-1.95-.23L.5,14.25h0ZM16.32,1.75L1.87,13.16c-.15.12-.18.34-.06.49l1.72,2.18c.12.15.34.18.49.06l1.77-1.39c.15-.12.18-.34.06-.49l-.43-.54c-.18-.23-.14-.55.09-.73s.55-.14.73.09l.43.54c.12.15.33.18.48.06l.55-.43c.15-.12.18-.33.06-.49l-.43-.54c-.17-.23-.11-.56.11-.73.22-.16.53-.12.7.08l.43.54c.12.15.34.18.49.06l.56-.44c.15-.12.18-.33.06-.49l-.43-.54c-.17-.23-.12-.56.11-.73.22-.16.53-.12.7.08l.43.54c.12.15.34.18.49.06l.54-.43c.15-.12.18-.34.06-.49l-.43-.54c-.17-.23-.11-.56.11-.73.22-.16.53-.12.7.08l.43.54c.12.15.34.18.49.06h0l.55-.43c.15-.12.18-.33.06-.49l-.43-.54c-.18-.23-.14-.55.09-.73s.55-.14.73.09l.43.54c.12.15.33.17.48.06l.55-.43c.15-.12.17-.33.06-.48l-.43-.55c-.18-.23-.14-.55.09-.73s.55-.14.73.09l.43.54c.12.15.33.17.48.06l1.77-1.4c.15-.12.18-.34.06-.49l-1.72-2.18c-.12-.15-.34-.18-.49-.06ZM16.14,3.21c.3-.24.73-.18.97.11s.18.73-.11.97-.73.18-.97-.11-.18-.73.11-.97h0Z"
+      fill="currentColor"
+    />
+    <path
+      id="text2D"
+      d="M13.9,20.5h1.09c0-.15.01-.3.04-.45.03-.15.08-.29.15-.42.07-.12.16-.22.28-.3.13-.08.27-.12.42-.12.22,0,.44.07.6.23.16.17.25.4.24.64,0,.16-.04.32-.12.46-.08.13-.17.25-.29.36s-.24.21-.38.29c-.14.09-.27.17-.39.26-.24.17-.47.33-.68.49-.21.15-.4.33-.56.52-.16.19-.29.41-.38.64-.1.27-.15.56-.14.85h4.11v-.98h-2.64c.14-.19.3-.36.48-.5.18-.14.37-.28.56-.4.19-.12.38-.25.57-.38.18-.12.35-.27.51-.43.15-.16.27-.34.36-.54.1-.23.14-.48.14-.73s-.05-.51-.16-.75c-.1-.21-.24-.4-.42-.55s-.39-.27-.61-.34c-.24-.08-.48-.12-.73-.12-.31,0-.61.05-.89.17-.25.11-.47.27-.64.48s-.3.46-.38.72c-.09.29-.13.59-.11.9h-.03ZM19.86,22.89v-3.6h.9c.27,0,.53.04.78.13.2.08.38.21.51.38.13.18.23.38.28.6.06.26.09.52.08.78,0,.27-.03.54-.12.8-.07.2-.18.38-.32.53-.13.13-.28.23-.46.29-.17.06-.35.09-.53.08h-1.12ZM18.6,18.23v5.71h2.46c.39,0,.78-.07,1.14-.22.31-.14.59-.34.81-.6.22-.27.39-.58.48-.92.11-.37.16-.76.16-1.15,0-.42-.06-.84-.2-1.24-.12-.33-.3-.63-.54-.88-.23-.23-.51-.42-.82-.53-.33-.12-.68-.18-1.03-.18h-2.46,0Z"
+      fill="currentColor"
+    />
+    <circle id="ellipse" cx="17.89" cy="12.96" r="3" fill="currentColor" />
+  </svg>
+</template>

package/src/components/icons/2DPointIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/3DPointIcon.vue

@@ -0,0 +1,22 @@
+<!-- eslint-disable max-len -->
+
+<template>
+  <svg
+    id="icon_24_3D_point"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+  >
+    <rect id="size" x="0" y="0" width="24" height="24" fill="none" />
+    <path
+      id="ruler"
+      d="M.5,14.24c-.48-.6-.37-1.48.23-1.95h0L15.72.45c.6-.48,1.48-.37,1.95.23l2.15,2.72c.48.6.37,1.48-.23,1.95h0l-15,11.84c-.6.48-1.48.37-1.95-.23L.5,14.25h0ZM16.32,1.75L1.87,13.16c-.15.12-.18.34-.06.49l1.72,2.18c.12.15.34.18.49.06l1.77-1.39c.15-.12.18-.34.06-.49l-.43-.54c-.18-.23-.14-.55.09-.73s.55-.14.73.09l.43.54c.12.15.33.18.48.06l.55-.43c.15-.12.18-.33.06-.49l-.43-.54c-.17-.23-.11-.56.11-.73.22-.16.53-.12.7.08l.43.54c.12.15.34.18.49.06l.56-.44c.15-.12.18-.33.06-.49l-.43-.54c-.17-.23-.12-.56.11-.73.22-.16.53-.12.7.08l.43.54c.12.15.34.18.49.06l.54-.43c.15-.12.18-.34.06-.49l-.43-.54c-.17-.23-.11-.56.11-.73.22-.16.53-.12.7.08l.43.54c.12.15.34.18.49.06h0l.55-.43c.15-.12.18-.33.06-.49l-.43-.54c-.18-.23-.14-.55.09-.73s.55-.14.73.09l.43.54c.12.15.33.17.48.06l.55-.43c.15-.12.17-.33.06-.48l-.43-.55c-.18-.23-.14-.55.09-.73s.55-.14.73.09l.43.54c.12.15.33.17.48.06l1.77-1.4c.15-.12.18-.34.06-.49l-1.72-2.18c-.12-.15-.34-.18-.49-.06ZM16.14,3.21c.3-.24.73-.18.97.11s.18.73-.11.97-.73.18-.97-.11-.18-.73.11-.97h0Z"
+      fill="currentColor"
+    />
+    <circle id="ellipse" cx="17.89" cy="12.96" r="3" fill="currentColor" />
+    <path
+      id="text3D"
+      d="M15.32,20.55v.8c.14,0,.28,0,.44.01.14,0,.29.04.42.09.13.05.24.13.32.24.09.15.14.32.12.49.01.24-.08.48-.26.64-.18.16-.41.24-.65.24-.15,0-.3-.03-.43-.09-.12-.06-.22-.14-.3-.24-.08-.1-.14-.22-.18-.35-.04-.14-.07-.28-.07-.43h-1.08c-.01.29.04.59.14.86.09.24.24.46.42.64.19.18.41.32.66.4.28.09.57.13.86.13.27,0,.53-.04.78-.12.24-.07.47-.19.67-.35.19-.16.35-.35.46-.58.12-.24.18-.51.17-.78,0-.3-.09-.59-.26-.82-.18-.23-.44-.39-.73-.45v-.02c.24-.06.45-.21.59-.42.13-.22.2-.47.2-.72,0-.23-.05-.46-.17-.66-.11-.19-.26-.36-.44-.49-.18-.13-.38-.24-.6-.3-.22-.07-.44-.1-.67-.1-.27,0-.53.04-.78.14-.23.09-.43.23-.6.4-.17.18-.3.38-.39.61-.1.25-.15.52-.16.79h1.08c-.02-.26.05-.51.2-.72.16-.19.4-.3.65-.28.2,0,.4.07.55.19.16.14.25.34.24.55,0,.14-.03.27-.12.38-.08.1-.18.17-.3.22-.12.05-.25.08-.39.09-.13.01-.26.01-.39,0ZM19.76,22.83v-3.6h.9c.27,0,.53.04.78.13.2.08.38.21.51.38.13.18.23.38.28.6.06.26.09.52.08.78,0,.27-.03.54-.12.8-.07.2-.18.38-.32.53-.13.13-.28.23-.46.29-.17.06-.35.09-.53.08h-1.12ZM18.5,18.17v5.71h2.46c.39,0,.78-.07,1.14-.22.31-.14.59-.34.81-.6.22-.27.39-.58.48-.92.11-.37.16-.76.16-1.15,0-.42-.06-.84-.2-1.24-.12-.33-.3-.63-.54-.88-.23-.23-.51-.42-.82-.53-.33-.12-.68-.18-1.03-.18h-2.46Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/src/components/icons/3DPointIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/src/components/icons/AxisIcon.vue

@@ -2,33 +2,28 @@
 
 <template>
   <svg
+    id="vcsAxis"
     xmlns="http://www.w3.org/2000/svg"
-    width="14.456"
-    height="14.02"
-    viewBox="0 0 14.456 14.02"
+    viewBox="0 0 14.46 14.02"
   >
     <path
-      id="Path_716"
-      d="M.114-2.886V-4.02h3.18v1.134l-1.3,1.65v.1h1.3V0H.114V-1.08l1.332-1.7v-.1Z"
-      transform="translate(-0.114 14.02)"
+      id="Path_Z"
+      d="M5.37,1.13V0h3.18v1.13l-1.3,1.65v.1h1.3v1.14h-3.18v-1.08l1.33-1.7v-.1h-1.33Z"
       fill="currentColor"
     />
     <path
-      id="Path_715"
-      d="M1.368-4.02l.366,1.1L2.2-4.02H3.57L2.7-2.106,3.516,0H2.088L1.734-1.068,1.368,0H-.048L.81-1.926-.048-4.02Z"
-      transform="translate(10.886 14.02)"
+      id="Path_X"
+      d="M12.25,10l.37,1.1.47-1.1h1.37l-.87,1.91.82,2.11h-1.43l-.35-1.07-.37,1.07h-1.42l.86-1.93-.86-2.09h1.42Z"
       fill="currentColor"
     />
     <path
-      id="Path_717"
-      d="M2.46,0H1.068V-1.26L-.078-4.02H1.4l.378,1.182.39-1.182h1.47L2.46-1.26Z"
-      transform="translate(5.186 4.02)"
+      id="Path_Y"
+      d="M2.54,14.02h-1.39v-1.26l-1.15-2.76h1.48l.38,1.18.39-1.18h1.47l-1.18,2.76v1.26Z"
       fill="currentColor"
     />
     <path
-      id="Path_718"
-      d="M328.277,1221.584l-2.777-1.852V1216a.5.5,0,0,0-1,0v3.692l-2.66,1.9a.5.5,0,0,0,.291.907.5.5,0,0,0,.29-.093l2.553-1.824,2.749,1.833a.5.5,0,0,0,.693-.139A.5.5,0,0,0,328.277,1221.584Z"
-      transform="translate(-318.1 -1210.48)"
+      id="center"
+      d="M10.18,11.1l-2.78-1.85v-3.73c0-.28-.22-.5-.5-.5s-.5.22-.5.5v3.69l-2.66,1.9c-.22.16-.28.47-.12.7.09.13.25.21.41.21.1,0,.21-.03.29-.09l2.55-1.82,2.75,1.83c.23.15.54.09.69-.14.15-.23.09-.54-.14-.69Z"
       fill="currentColor"
     />
   </svg>

package/src/components/icons/PointMeasurementIcon.vue

@@ -7,30 +7,20 @@
     viewBox="0 0 24 24"
   >
     <path
-      id="Pfad_716"
-      d="m1.67,18.17v-1.7h4.77v1.7l-1.95,2.47v.15h1.95v1.7H1.67v-1.62l2-2.55v-.15h-2Z"
+      id="Pfad_Z"
+      d="M9.61,2.64V.94h4.77v1.7l-1.95,2.47v.15h1.95v1.7h-4.77v-1.62l2-2.55v-.15h-2Z"
       fill="currentColor"
-      stroke-width="0"
     />
     <path
-      id="Pfad_715"
-      d="m20.05,16.47l.55,1.65.7-1.65h2.05l-1.3,2.87,1.22,3.16h-2.14l-.53-1.6-.55,1.6h-2.12l1.29-2.89-1.29-3.14h2.12Z"
+      id="Pfad_X"
+      d="M20.05,16.47l.55,1.65.7-1.65h2.05l-1.3,2.87,1.22,3.16h-2.14l-.53-1.6-.55,1.6h-2.12l1.29-2.89-1.29-3.14s2.12,0,2.12,0Z"
       fill="currentColor"
-      stroke-width="0"
     />
     <path
-      id="Pfad_717"
-      d="m13.14,7.5h-2.09v-1.89l-1.72-4.14h2.22l.57,1.77.58-1.77h2.21l-1.77,4.14v1.89Z"
+      id="Pfad_Y"
+      d="M4.67,22.5h-2.09v-1.89l-1.72-4.14h2.22l.57,1.77.58-1.77h2.21l-1.77,4.14s0,1.89,0,1.89Z"
       fill="currentColor"
-      stroke-width="0"
-    />
-    <circle
-      id="Ellipse_41"
-      cx="12"
-      cy="13.47"
-      r="3"
-      fill="currentColor"
-      stroke-width="0"
     />
+    <circle id="ellipse" cx="12" cy="13.47" r="3" fill="currentColor" />
   </svg>
 </template>

package/src/components/viewpoint/VcsViewpointComponent.vue

@@ -14,7 +14,13 @@
             </VcsLabel>
           </v-col>
           <v-col>
-            <VcsTextField id="name" dense clearable v-model="name" />
+            <VcsTextField
+              id="name"
+              dense
+              clearable
+              v-model="name"
+              :rules="nameRules"
+            />
           </v-col>
         </v-row>
         <v-row no-gutters v-if="!hideTitle">
@@ -203,10 +209,16 @@
    * @param {import("vue").emit} emit
    * @param {() => import("@vcmap/core").ViewpointOptions} getModelValue
    * @param {import("vue").Ref<boolean>} isCesiumMap
-   * @param {boolean} active - whether to set up post render handler on creation
+   * @param {boolean} startSync - whether to set up post render handler on creation
    * @returns {{action: import("../../actions/actionHelper.js").VcsAction, destroy: function():void}}
    */
-  function createEditingAction(app, emit, getModelValue, isCesiumMap, active) {
+  function createEditingAction(
+    app,
+    emit,
+    getModelValue,
+    isCesiumMap,
+    startSync,
+  ) {
     let destroyPostRenderListener = () => {};
     let cachedViewpoint = new Viewpoint(getModelValue());
 
@@ -231,11 +243,14 @@
       }
     }
 
+    const isObliqueMap = app.maps.activeMap?.className === ObliqueMap.className;
+    const active = isObliqueMap ? false : startSync;
+
     const action = reactive({
       name: 'edit-viewpoint-action',
       icon: active ? 'mdi-sync' : 'mdi-sync-off',
       title: 'components.viewpoint.syncOff',
-      disabled: app.maps.activeMap?.className === ObliqueMap.className,
+      disabled: isObliqueMap,
       active,
       callback() {
         this.active = !this.active;
@@ -322,6 +337,7 @@
    * @vue-prop {boolean} hideTitle - Hide title input.
    * @vue-prop {boolean} hideAnimate - Hide animate & duration input.
    * @vue-prop {boolean} hideGeneral - Hide all general settings (name, title, animate).
+   * @vue-prop {Array<(v:string)=>(boolean|string)>} nameRules - Optional rules for name input.
    */
   export default {
     name: 'VcsViewpointComponent',
@@ -366,10 +382,16 @@
         type: Boolean,
         default: false,
       },
+      nameRules: {
+        type: Array,
+        default: () => [],
+      },
     },
     setup(props, { emit }) {
       const app = inject('vcsApp');
-      const isCesiumMap = ref(app.maps.activeMap?.className === 'CesiumMap');
+      const isCesiumMap = ref(
+        app.maps.activeMap?.className === CesiumMap.className,
+      );
 
       const name = usePrimitiveProperty(() => props.value, 'name', emit);
       const title = computed({

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/featureInfo/abstractFeatureInfoView.d.ts

@@ -75,6 +75,14 @@ export function applyAttributeFilter(attributes: {
 export function applyOlcsAttributeFilter(attributes: {
     [x: string]: unknown;
 }, keys?: Array<string>): Object;
+/**
+ * Filters attributes having an empty object as value
+ * @param {Object<string, unknown>} attributes
+ * @returns {Object}
+ */
+export function applyEmptyAttributesFilter(attributes: {
+    [x: string]: unknown;
+}): Object;
 export default AbstractFeatureInfoView;
 export type FeatureInfoProps = {
     featureId: string;

package/src/featureInfo/abstractFeatureInfoView.js

@@ -218,6 +218,24 @@ export function applyOlcsAttributeFilter(attributes, keys = []) {
     }, {});
 }
 
+/**
+ * Filters attributes having an empty object as value
+ * @param {Object<string, unknown>} attributes
+ * @returns {Object}
+ */
+export function applyEmptyAttributesFilter(attributes) {
+  return Object.keys(attributes).reduce((obj, key) => {
+    if (
+      typeof attributes[key] === 'object' &&
+      Object.keys(attributes[key]).length === 0
+    ) {
+      return obj;
+    }
+    obj[key] = attributes[key];
+    return obj;
+  }, {});
+}
+
 /**
  * Abstract class to be extended by FeatureInfoView classes
  * Subclasses must always provide a component and may overwrite class methods.
@@ -314,7 +332,8 @@ class AbstractFeatureInfoView extends VcsObject {
     if (this.keyMapping) {
       applyKeyMapping(attributes, this.keyMapping);
     }
-    return applyOlcsAttributeFilter(attributes, this.attributeKeys);
+    attributes = applyOlcsAttributeFilter(attributes, this.attributeKeys);
+    return applyEmptyAttributesFilter(attributes);
   }
 
   /**

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/manager/collectionManager/collectionComponentClass.d.ts

@@ -31,6 +31,9 @@ export type CollectionComponentUiOptions = {
      * - limit number of items in rendered list (more items are rendered in extra window)
      */
     limit?: number | undefined;
+    removeTitle?: string | undefined;
+    bulkRemoveTitle?: string | undefined;
+    renameTitle?: string | undefined;
 };
 export type CollectionComponentClassOptions<T extends Object> = CollectionComponentUiOptions & {
     collection: import("@vcmap/core").Collection<T>;
@@ -133,6 +136,17 @@ declare class CollectionComponentClass<T extends Object | import("@vcmap/core/di
      * @type {import("vue").Ref<Array<CollectionComponentListItem>>}
      */
     selection: import("vue").Ref<Array<CollectionComponentListItem>>;
+    /**
+     *
+     * @type {{ removeTitle: string, bulkRemoveTitle: string, renameTitle: string }}
+     * @private
+     */
+    private _actionTitles;
+    /**
+     * @tyep {() => void}
+     * @private
+     */
+    private _removeBulkDeleteAction;
     _resetWatchers: import("vue").WatchStopHandle[];
     _destroyBulkDelete: () => void;
     _listeners: (() => void)[];
@@ -169,10 +183,6 @@ declare class CollectionComponentClass<T extends Object | import("@vcmap/core/di
      * @private
      */
     private _addBulkDeleteAction;
-    /**
-     * @private
-     */
-    private _removeBulkDeleteAction;
     /**
      * uses the itemMappings to transform the given Item to an CollectionComponentListItem usable in the VcsList
      * @param {T} item

package/src/manager/collectionManager/collectionComponentClass.js

@@ -24,6 +24,9 @@ import { sortByOwner } from '../navbarManager.js';
  * @property {boolean} [singleSelect=false]
  * @property {number} [overflowCount=2] - number of header action buttons rendered until overflow
  * @property {number} [limit=10] - limit number of items in rendered list (more items are rendered in extra window)
+ * @property {string} [removeTitle="list.deleteItem"]
+ * @property {string} [bulkRemoveTitle="list.delete"]
+ * @property {string} [renameTitle="list.renameItem"]
  */
 
 /**
@@ -188,6 +191,23 @@ class CollectionComponentClass {
      */
     this.selection = ref([]);
 
+    /**
+     *
+     * @type {{ removeTitle: string, bulkRemoveTitle: string, renameTitle: string }}
+     * @private
+     */
+    this._actionTitles = {
+      removeTitle: options.removeTitle ?? 'list.deleteItem',
+      bulkRemoveTitle: options.bulkRemoveTitle ?? 'list.delete',
+      renameTitle: options.renameTitle ?? 'list.renameItem',
+    };
+
+    /**
+     * @tyep {() => void}
+     * @private
+     */
+    this._removeBulkDeleteAction = () => {};
+
     this._resetWatchers = [
       watch(this.renamable, () => this.reset()),
       watch([this.removable, this.selectable], () => {
@@ -293,7 +313,7 @@ class CollectionComponentClass {
    */
   _addBulkDeleteAction() {
     const { action, destroy } = createListItemBulkAction(this.selection, {
-      name: 'list.delete',
+      name: this._actionTitles.bulkRemoveTitle,
       callback: () => {
         [...this.selection.value].forEach((listItem) => {
           this._collection.remove(this._collection.getByKey(listItem.name));
@@ -301,26 +321,16 @@ class CollectionComponentClass {
       },
     });
     this._destroyBulkDelete = destroy;
-    this.addActions([
-      {
-        action,
-        owner: this._owner,
-        weight: 100,
-      },
-    ]);
-  }
+    const ownedAction = {
+      action,
+      owner: this._owner,
+      weight: 100,
+    };
+    this.addActions([ownedAction]);
 
-  /**
-   * @private
-   */
-  _removeBulkDeleteAction() {
-    this._destroyBulkDelete();
-    const action = this._actions.value.find(
-      (a) => a.action.name === 'list.delete',
-    );
-    if (action) {
-      this.removeActions([action]);
-    }
+    this._removeBulkDeleteAction = () => {
+      this.removeActions([ownedAction]);
+    };
   }
 
   /**
@@ -349,12 +359,20 @@ class CollectionComponentClass {
       destroyFunctions: [],
     };
     if (this.renamable.value) {
-      listItem.actions.push(createListItemRenameAction(listItem));
+      listItem.actions.push(
+        createListItemRenameAction(listItem, {
+          name: this._actionTitles.renameTitle,
+        }),
+      );
       listItem.titleChanged = (newTitle) =>
         titleChanged(item, listItem, newTitle);
     }
     if (this.removable.value) {
-      listItem.actions.push(createListItemDeleteAction(this._collection, item));
+      listItem.actions.push(
+        createListItemDeleteAction(this._collection, item, {
+          name: this._actionTitles.removeTitle,
+        }),
+      );
     }
     this._itemMappings.forEach((itemMapping) => {
       if (

package/src/manager/collectionManager/editorCollectionComponentClass.d.ts

@@ -18,12 +18,16 @@ export function makeEditorCollectionComponentClass<T extends Object | import("@v
  *   editor: EditorWindowComponentOptions|function(T):EditorWindowComponentOptions|undefined,
  *   multiEditor?: EditorWindowComponentOptions,
  *   predicate?: import("./collectionManager.js").PredicateFunction<T>,
- *   selectionBased?: boolean
+ *   selectionBased?: boolean,
+ *   editTitle?: string,
+ *   bulkEditTitle?: string
  * }} EditingOptions
  * @property {EditorWindowComponentOptions|function(T)|undefined} editor
  * @property {EditorWindowComponentOptions} [multiEditor]
  * @property {import("./collectionManager.js").PredicateFunction<T>} [predicate=()=>true] - Optional predicate function for editor
  * @property {boolean} [selectionBased=true] - If true, editor windows are coupled to selection and editor windows are exclusive
+ * @property {string} [editTitle="list.editItem"]
+ * @property {string} [bulkEditTitle="list.edit"]
  * @template {Object} T
  */
 /**
@@ -49,6 +53,8 @@ export type EditingOptions<T extends Object> = {
     multiEditor?: EditorWindowComponentOptions;
     predicate?: import("./collectionManager.js").PredicateFunction<T>;
     selectionBased?: boolean;
+    editTitle?: string;
+    bulkEditTitle?: string;
 };
 export type EditorCollectionComponentClass<T extends Object> = import("./collectionComponentClass.js").default<T> & {
     getEditorWindowId: (arg0: T) => string;