@vcmap/ui 6.0.0-rc.9 → 6.0.1

package/src/i18n/de.js

@@ -11,9 +11,9 @@ const messages = {
   },
   navbar: {
     maps: {
-      CesiumMap: '3D-Karte aktivieren',
-      OpenlayersMap: '2D-Karte aktivieren',
-      ObliqueMap: 'Schrägluftbildkarte aktivieren',
+      CesiumMap: '3D-Karte',
+      OpenlayersMap: '2D-Karte',
+      ObliqueMap: 'Schrägluftbildkarte',
     },
     menu: {
       tooltip: 'Menü',
@@ -28,6 +28,9 @@ const messages = {
     search: {
       placeholder: 'Elemente suchen',
     },
+    helpAction: {
+      title: 'Hilfe öffnen',
+    },
     infoAction: {
       title: 'Weitere Informationen',
     },
@@ -50,6 +53,12 @@ const messages = {
     pitchTooltip: 'Kameraneigung: {0}°',
     overviewMapTooltip: 'Übersichtskarte',
     homeButton: 'Zur Startansicht springen',
+    compass: {
+      alignEast: 'Nach Osten ausrichten',
+      alignNorth: 'Nach Norden ausrichten',
+      alignSouth: 'Nach Süden ausrichten',
+      alignWest: 'Nach Westen ausrichten',
+    },
     locator: {
       errorAccess: 'Der Zugriff auf Ihre Position wurde verweigert.',
       errorCurrentPosition:
@@ -89,7 +98,7 @@ const messages = {
       nothingAdded: 'Es konnten keine Feature importiert werden.',
     },
     vcsFormSection: {
-      help: 'Hilfe anzeigen',
+      help: 'Hilfetext ein-/ausblenden',
     },
     vcsTable: {
       key: 'Name',
@@ -203,6 +212,16 @@ const messages = {
       translate: 'Ausdehnung verschieben',
       toggle: 'Extent an-/ausschalten',
     },
+    projection: {
+      title: 'Koordinatenreferenzsystem',
+      epsg: 'Code',
+      proj4: 'Proj4',
+      proj4Tooltip: 'EPSG Definition von Server abfragen',
+      alias: 'Alias',
+      epsgIoRequestFailed: 'EPSG-Abfrage fehlgeschlagen!',
+      invalidEpsg: 'Der EPSG Code ist nicht gültig!',
+      invalidProj4: 'Der Proj4 String ist nicht gültig!',
+    },
     editor: {
       translate: 'Objekt verschieben',
       rotate: 'Objekt rotieren',
@@ -222,13 +241,13 @@ const messages = {
     vectorProperties: {
       header: 'Vektor Eigenschaften',
       altitudeMode: 'Höhenmodus',
-      clampToGround: 'Auf Grund legen',
+      clampToGround: 'Auf alle Oberflächen legen',
       clampToTerrain: 'Auf Gelände legen',
-      clampTo3DTiles: 'Auf 3D Tiles legen',
+      clampTo3DTiles: 'Auf Objekte legen',
       absolute: 'Absolut',
-      relativeToGround: 'Relativ zum Grund',
+      relativeToGround: 'Relativ zu allen Oberflächen',
       relativeToTerrain: 'Relativ zum Gelände',
-      relativeTo3DTiles: 'Relativ zu 3D Tiles',
+      relativeTo3DTiles: 'Relativ zu Objekten',
       groundLevel: 'Geländehöhe',
       classificationType: 'Klassifizierung',
       none: 'Keine',
@@ -252,6 +271,19 @@ const messages = {
       extrudedHeight: 'Extrusion',
       skirt: 'Skirts',
       modelScale: 'Modell Skalierung',
+      help: {
+        clampToGround:
+          'Auf alle Oberflächen legen (wie z.B. Gelände, Mesh oder Gebäude)',
+        clampToTerrain: 'Nur aufs Gelände legen',
+        clampTo3DTiles: 'Nur auf Objekte legen (wie z.B. Mesh oder Gebäude)',
+        absolute:
+          'Jeden Stützpunkt in 3D darstellen. Nicht anwendbar für 2D Feature.',
+        relativeToGround:
+          'Relativ zu allen Oberflächen (wie z.B. Gelände, Mesh oder Gebäude)',
+        relativeToTerrain: 'Nur Relative zum Gelände.',
+        relativeTo3DTiles:
+          'Nur Relativ zu Objekten (wie z.B. Mesh oder Gebäude)',
+      },
     },
     validation: {
       allowedRange: 'Erlaubter Wertebereich',
@@ -261,14 +293,14 @@ const messages = {
   },
   settings: {
     title: 'Einstellungen',
-    tooltip: 'Einstellungen',
+    tooltip: '',
     languageSelector: 'Sprache',
     displayQuality: {
       title: 'Anzeigequalität',
       level: {
-        low: 'Niedrige',
-        medium: 'Mittlere',
-        high: 'Hohe',
+        low: 'Niedrig',
+        medium: 'Mittel',
+        high: 'Hoch',
       },
     },
     theme: {
@@ -279,11 +311,11 @@ const messages = {
   },
   help: {
     title: 'Hilfe',
-    tooltip: 'Externe Hilfeseite in neuem Browser Tab öffnen',
+    tooltip: '',
   },
   featureInfo: {
-    activateToolTitle: 'Informationswerkzeug aktivieren',
-    deactivateToolTitle: 'Informationswerkzeug deaktivieren',
+    activateToolTitle: 'Informationen abfragen',
+    deactivateToolTitle: 'Informationen abfragen',
   },
   legend: {
     title: 'Legende',
@@ -301,27 +333,36 @@ const messages = {
     zoomToAll: 'Auf alle Ergebnisse zoomen',
   },
   toolbox: {
+    title: 'Werkzeugkasten',
     flight: 'Flug',
     miscellaneous: 'Verschiedenes',
   },
   footer: {
     title: 'Fußzeile',
     attributions: {
-      title: 'Attributionen',
-      tooltip: 'Öffne Attributionsfenster',
-      empty: 'Aktuell sind keine Attributionseinträge verfügbar.',
+      title: 'Quellenvermerke',
+      tooltip: 'Quellenvermerke anzeigen',
+      empty: 'Aktuell sind keine Quellvermerke verfügbar.',
     },
     imprint: {
       title: 'Impressum',
-      tooltip: 'Öffne Impressumsfenster',
+      tooltip: '',
     },
     dataProtection: {
       title: 'Datenschutz',
-      tooltip: 'Öffne Datenschutzfenster',
+      tooltip: '',
     },
     positionDisplay: {
-      title: 'Positionsanzeige',
-      projection: 'Projektionsauswahl',
+      title: 'Kartenkoordinaten abfragen',
+      projection: 'Koordinatenprojektion auswählen',
+    },
+    oblique: {
+      template: 'Schrägluftbild: {{ name }} - {{ viewDirection }}',
+      north: 'Nord',
+      east: 'Ost',
+      south: 'Süd',
+      west: 'West',
+      nadir: 'Nadir',
     },
   },
   notification: {

package/src/i18n/en.d.ts

@@ -124,23 +124,27 @@ declare namespace messages {
         namespace search {
             let placeholder: string;
         }
-        namespace infoAction {
+        namespace helpAction {
             let title_1: string;
             export { title_1 as title };
         }
-        namespace viewpointAction {
+        namespace infoAction {
             let title_2: string;
             export { title_2 as title };
         }
-        namespace styleAction {
+        namespace viewpointAction {
             let title_3: string;
             export { title_3 as title };
         }
-        namespace layerExtentAction {
-            export let name: string;
+        namespace styleAction {
             let title_4: string;
             export { title_4 as title };
         }
+        namespace layerExtentAction {
+            export let name: string;
+            let title_5: string;
+            export { title_5 as title };
+        }
     }
     export namespace navigation {
         let obliqueLeftTooltip: string;
@@ -150,6 +154,12 @@ declare namespace messages {
         let pitchTooltip: string;
         let overviewMapTooltip: string;
         let homeButton: string;
+        namespace compass {
+            let alignEast: string;
+            let alignNorth: string;
+            let alignSouth: string;
+            let alignWest: string;
+        }
         namespace locator {
             let errorAccess: string;
             let errorCurrentPosition: string;
@@ -158,13 +168,13 @@ declare namespace messages {
         }
         namespace obliqueFallback {
             export let message: string;
-            let title_5: string;
-            export { title_5 as title };
+            let title_6: string;
+            export { title_6 as title };
         }
     }
     export namespace categoryManager {
-        let title_6: string;
-        export { title_6 as title };
+        let title_7: string;
+        export { title_7 as title };
         let tooltip_2: string;
         export { tooltip_2 as tooltip };
     }
@@ -241,8 +251,8 @@ declare namespace messages {
             export let general: string;
             let name_1: string;
             export { name_1 as name };
-            let title_7: string;
-            export { title_7 as title };
+            let title_8: string;
+            export { title_8 as title };
             export let titlePlaceholder: string;
             export let interpolation: string;
             export let duration: string;
@@ -275,8 +285,8 @@ declare namespace messages {
         export namespace viewpoint {
             let name_4: string;
             export { name_4 as name };
-            let title_8: string;
-            export { title_8 as title };
+            let title_9: string;
+            export { title_9 as title };
             let titlePlaceholder_1: string;
             export { titlePlaceholder_1 as titlePlaceholder };
             export let groundPosition: string;
@@ -301,8 +311,8 @@ declare namespace messages {
             let outOfRange: string;
         }
         export namespace extent {
-            let title_9: string;
-            export { title_9 as title };
+            let title_10: string;
+            export { title_10 as title };
             export let projection: string;
             export let min: string;
             export let max: string;
@@ -316,6 +326,18 @@ declare namespace messages {
             export let translate: string;
             export let toggle: string;
         }
+        export namespace projection_1 {
+            let title_11: string;
+            export { title_11 as title };
+            export let epsg: string;
+            export let proj4: string;
+            export let proj4Tooltip: string;
+            export let alias: string;
+            export let epsgIoRequestFailed: string;
+            export let invalidEpsg: string;
+            export let invalidProj4: string;
+        }
+        export { projection_1 as projection };
         export namespace editor {
             let translate_1: string;
             export { translate_1 as translate };
@@ -368,6 +390,23 @@ declare namespace messages {
             export let extrudedHeight: string;
             export let skirt: string;
             export let modelScale: string;
+            export namespace help_1 {
+                let clampToGround_1: string;
+                export { clampToGround_1 as clampToGround };
+                let clampToTerrain_1: string;
+                export { clampToTerrain_1 as clampToTerrain };
+                let clampTo3DTiles_1: string;
+                export { clampTo3DTiles_1 as clampTo3DTiles };
+                let absolute_1: string;
+                export { absolute_1 as absolute };
+                let relativeToGround_1: string;
+                export { relativeToGround_1 as relativeToGround };
+                let relativeToTerrain_1: string;
+                export { relativeToTerrain_1 as relativeToTerrain };
+                let relativeTo3DTiles_1: string;
+                export { relativeTo3DTiles_1 as relativeTo3DTiles };
+            }
+            export { help_1 as help };
         }
         export namespace validation {
             let allowedRange: string;
@@ -376,14 +415,14 @@ declare namespace messages {
         }
     }
     export namespace settings {
-        let title_10: string;
-        export { title_10 as title };
+        let title_12: string;
+        export { title_12 as title };
         let tooltip_3: string;
         export { tooltip_3 as tooltip };
         export let languageSelector: string;
         export namespace displayQuality {
-            let title_11: string;
-            export { title_11 as title };
+            let title_13: string;
+            export { title_13 as title };
             export namespace level {
                 let low: string;
                 let medium: string;
@@ -391,26 +430,26 @@ declare namespace messages {
             }
         }
         export namespace theme {
-            let title_12: string;
-            export { title_12 as title };
+            let title_14: string;
+            export { title_14 as title };
             export let dark: string;
             export let light: string;
         }
     }
-    export namespace help_1 {
-        let title_13: string;
-        export { title_13 as title };
+    export namespace help_2 {
+        let title_15: string;
+        export { title_15 as title };
         let tooltip_4: string;
         export { tooltip_4 as tooltip };
     }
-    export { help_1 as help };
+    export { help_2 as help };
     export namespace featureInfo {
         let activateToolTitle: string;
         let deactivateToolTitle: string;
     }
     export namespace legend {
-        let title_14: string;
-        export { title_14 as title };
+        let title_16: string;
+        export { title_16 as title };
         let tooltip_5: string;
         export { tooltip_5 as tooltip };
         let empty_2: string;
@@ -419,8 +458,8 @@ declare namespace messages {
         export let defaultLabelText: string;
     }
     export namespace search_1 {
-        let title_15: string;
-        export { title_15 as title };
+        let title_17: string;
+        export { title_17 as title };
         let tooltip_6: string;
         export { tooltip_6 as tooltip };
         export let select: string;
@@ -431,38 +470,48 @@ declare namespace messages {
     }
     export { search_1 as search };
     export namespace toolbox {
+        let title_18: string;
+        export { title_18 as title };
         let flight_1: string;
         export { flight_1 as flight };
         export let miscellaneous: string;
     }
     export namespace footer {
-        let title_16: string;
-        export { title_16 as title };
+        let title_19: string;
+        export { title_19 as title };
         export namespace attributions {
-            let title_17: string;
-            export { title_17 as title };
+            let title_20: string;
+            export { title_20 as title };
             let tooltip_7: string;
             export { tooltip_7 as tooltip };
             let empty_3: string;
             export { empty_3 as empty };
         }
         export namespace imprint {
-            let title_18: string;
-            export { title_18 as title };
+            let title_21: string;
+            export { title_21 as title };
             let tooltip_8: string;
             export { tooltip_8 as tooltip };
         }
         export namespace dataProtection {
-            let title_19: string;
-            export { title_19 as title };
+            let title_22: string;
+            export { title_22 as title };
             let tooltip_9: string;
             export { tooltip_9 as tooltip };
         }
         export namespace positionDisplay {
-            let title_20: string;
-            export { title_20 as title };
-            let projection_1: string;
-            export { projection_1 as projection };
+            let title_23: string;
+            export { title_23 as title };
+            let projection_2: string;
+            export { projection_2 as projection };
+        }
+        export namespace oblique {
+            let template: string;
+            let north: string;
+            let east: string;
+            let south: string;
+            let west: string;
+            let nadir: string;
         }
     }
     export namespace notification {

package/src/i18n/en.js

@@ -11,9 +11,9 @@ const messages = {
   },
   navbar: {
     maps: {
-      CesiumMap: 'Enable 3D map',
-      OpenlayersMap: 'Enable 2D map',
-      ObliqueMap: 'Enable oblique imagery map',
+      CesiumMap: '3D map',
+      OpenlayersMap: '2D map',
+      ObliqueMap: 'Oblique imagery map',
     },
     menu: {
       tooltip: 'Menu',
@@ -28,6 +28,9 @@ const messages = {
     search: {
       placeholder: 'Search elements',
     },
+    helpAction: {
+      title: 'Open help',
+    },
     infoAction: {
       title: 'Further informationen',
     },
@@ -48,8 +51,14 @@ const messages = {
     zoomInTooltip: 'Zoom in',
     zoomOutTooltip: 'Zoom out',
     pitchTooltip: 'Camera pitch: {0}°',
-    overviewMapTooltip: 'Show overview map',
+    overviewMapTooltip: 'Overview map',
     homeButton: 'Go to home view',
+    compass: {
+      alignEast: 'Align east',
+      alignNorth: 'Align north',
+      alignSouth: 'Align south',
+      alignWest: 'Align west',
+    },
     locator: {
       errorAccess: 'Access to your location has been denied',
       errorCurrentPosition:
@@ -89,7 +98,7 @@ const messages = {
       nothingAdded: 'No features could be imported.',
     },
     vcsFormSection: {
-      help: 'Show help',
+      help: 'Toggle help text',
     },
     vcsTable: {
       key: 'Name',
@@ -203,6 +212,16 @@ const messages = {
       translate: 'Translate extent',
       toggle: 'Toggle extent',
     },
+    projection: {
+      title: 'Coordinate reference system',
+      epsg: 'Code',
+      proj4: 'Proj4',
+      proj4Tooltip: 'Request EPSG definition from server',
+      alias: 'Alias',
+      epsgIoRequestFailed: 'Requesting epsg failed!',
+      invalidEpsg: 'EPSG code is invalid!',
+      invalidProj4: 'Proj4 string is invalid!',
+    },
     editor: {
       translate: 'Translate features',
       rotate: 'Rotate features',
@@ -222,13 +241,13 @@ const messages = {
     vectorProperties: {
       header: 'Vector properties',
       altitudeMode: 'Altitude mode',
-      clampToGround: 'Drape on ground',
+      clampToGround: 'Drape on surface',
       clampToTerrain: 'Drape on terrain',
-      clampTo3DTiles: 'Drape on 3D tiles',
+      clampTo3DTiles: 'Drape on objects',
       absolute: 'Absolute',
-      relativeToGround: 'Relative to ground',
+      relativeToGround: 'Relative to surface',
       relativeToTerrain: 'Relative to terrain',
-      relativeTo3DTiles: 'Relative to 3D tiles',
+      relativeTo3DTiles: 'Relative to objects',
       groundLevel: 'Ground level',
       classificationType: 'Classification',
       none: 'None',
@@ -252,6 +271,19 @@ const messages = {
       extrudedHeight: 'Extrusion',
       skirt: 'Skirts',
       modelScale: 'Model scale',
+      help: {
+        clampToGround:
+          'Drape on any surface (such as terrain, mesh or buildings)',
+        clampToTerrain: 'Only drape onto the terrain.',
+        clampTo3DTiles: 'Only drape on objects (such as a mesh or buildings)',
+        absolute:
+          'Every vertex is drawn at its 3D position, not applicable to 2D features',
+        relativeToGround:
+          'Relative to any surface (such as terrain, mesh or buildings)',
+        relativeToTerrain: 'Only relative to the terrain',
+        relativeTo3DTiles:
+          'Only relative to objects (such as a mesh or buildings)',
+      },
     },
     validation: {
       allowedRange: 'Allowed value range',
@@ -261,7 +293,7 @@ const messages = {
   },
   settings: {
     title: 'Settings',
-    tooltip: 'Configure settings',
+    tooltip: '',
     languageSelector: 'Language',
     displayQuality: {
       title: 'Display Settings',
@@ -279,11 +311,11 @@ const messages = {
   },
   help: {
     title: 'Help',
-    tooltip: 'Open external help page in new browser tab',
+    tooltip: '',
   },
   featureInfo: {
-    activateToolTitle: 'Enable Info Tool',
-    deactivateToolTitle: 'Disable Info Tool',
+    activateToolTitle: 'Query information',
+    deactivateToolTitle: 'Query information',
   },
   legend: {
     title: 'Legend',
@@ -301,6 +333,7 @@ const messages = {
     zoomToAll: 'Zoom to all',
   },
   toolbox: {
+    title: 'Toolbox',
     flight: 'flight',
     miscellaneous: 'miscellaneous',
   },
@@ -308,20 +341,28 @@ const messages = {
     title: 'Footer',
     attributions: {
       title: 'Attributions',
-      tooltip: 'Open attributions window',
+      tooltip: 'Show attributions',
       empty: 'Currently there are no attribution entries available.',
     },
     imprint: {
       title: 'Imprint',
-      tooltip: 'Open imprint window',
+      tooltip: '',
     },
     dataProtection: {
       title: 'Data Protection',
-      tooltip: 'Open data protection window',
+      tooltip: '',
     },
     positionDisplay: {
-      title: 'Position display',
-      projection: 'Select projection',
+      title: 'Query map coordinates',
+      projection: 'Select coordinate reference system',
+    },
+    oblique: {
+      template: 'Oblique image: {{ name }} - {{ viewDirection }}',
+      north: 'north',
+      east: 'east',
+      south: 'south',
+      west: 'west',
+      nadir: 'nadir',
     },
   },
   notification: {

package/src/legend/StyleLegendItem.vue

@@ -168,8 +168,4 @@
   };
 </script>
 
-<style scoped>
-  .v-list-item--dense {
-    height: 32px;
-  }
-</style>
+<style scoped></style>

package/src/legend/VcsLegend.vue

@@ -4,11 +4,13 @@
       variant="accordion"
       multiple
       v-if="entries.length > 0"
+      v-model="panels"
       class="rounded-0"
     >
       <vcs-expansion-panel
         v-for="(entry, i) in entries"
         :key="i"
+        :value="entry.key"
         :heading="entry.title"
         :header-actions="entry.actions"
         @group:selected="entry.open = !entry.open"
@@ -46,7 +48,7 @@
 
 <script>
   import { VExpansionPanels, VList, VSheet } from 'vuetify/components';
-  import { computed } from 'vue';
+  import { ref, watch } from 'vue';
   import { useComponentId } from '../components/composables.js';
   import { LegendType } from './legendHelper.js';
   import StyleLegendItem from './StyleLegendItem.vue';
@@ -83,15 +85,12 @@
       };
 
       /**
-       * @type {import("vue").ComputedRef<number[]>}
+       * @type {import("vue").Ref<string[]>}
        */
-      const panels = computed({
-        get() {
-          return [...Array(props.entries.length).keys()].filter(
-            (p, idx) => !!props.entries[idx].open,
-          );
-        },
-        set() {},
+      const panels = ref(props.entries.filter((e) => e.open).map((e) => e.key));
+
+      watch(props.entries, () => {
+        panels.value = props.entries.filter((e) => e.open).map((e) => e.key);
       });
 
       const cid = useComponentId();
@@ -99,7 +98,7 @@
       return {
         LegendType,
         setIframeHeight,
-        panels, // TODO
+        panels,
         cid,
       };
     },

package/src/legend/VcsLegend.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
         Style: string;
     };
     setIframeHeight: (id: string) => void;
-    panels: import("vue").ComputedRef<number[]>;
+    panels: import("vue").Ref<string[]>;
     cid: string;
 }, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     entries: {