@vcmap/ui 5.0.0-rc.10 → 5.0.0-rc.13

package/src/i18n/de.js

@@ -41,12 +41,38 @@ const messages = {
     pitchTooltip: 'Kamera pitch: {0}°',
     overviewMapTooltip: 'Übersichtskarte',
   },
+  components: {
+    title: 'Komponenten',
+    tooltip: 'Komponenten',
+    vcsTable: {
+      key: 'Name',
+      value: 'Wert',
+      searchbarPlaceholder: 'Name, Wert, ...',
+      itemsPerPage: 'pro Seite',
+      nextPage: 'Nächste Seite',
+      formerPage: 'Vorherige Seite',
+    },
+  },
   settings: {
     title: 'Einstellungen',
     tooltip: 'Einstellungen',
     languageTitle: 'Spracheinstellungen',
     languageSelector: 'Sprache',
   },
+  featureInfo: {
+    activateToolTitle: 'Informationstool aktivieren',
+    deactivateToolTitle: 'Informationstool deaktivieren',
+  },
+  legend: {
+    title: 'Legende',
+    tooltip: 'Legende',
+    openInNew: 'In neuem Browser Tab öffnen',
+    defaultLabelText: 'Text',
+  },
+  toolbox: {
+    flight: 'Flug',
+    miscellaneous: 'Verschiedenes',
+  },
   footer: {
     title: 'Fußzeile',
   },

package/src/i18n/en.js

@@ -41,12 +41,38 @@ const messages = {
     pitchTooltip: 'Camera pitch: {0}°',
     overviewMapTooltip: 'Overview Map',
   },
+  components: {
+    title: 'Components',
+    tooltip: 'Components',
+    vcsTable: {
+      key: 'Name',
+      value: 'Value',
+      searchbarPlaceholder: 'Name, Value, ...',
+      itemsPerPage: 'per page',
+      nextPage: 'Next page',
+      formerPage: 'Former page',
+    },
+  },
   settings: {
     title: 'Settings',
     tooltip: 'Settings',
     languageTitle: 'Language settings',
     languageSelector: 'Language',
   },
+  featureInfo: {
+    activateToolTitle: 'Activate Infotool',
+    deactivateToolTitle: 'Deactivate Infotool',
+  },
+  legend: {
+    title: 'Legend',
+    tooltip: 'Legend',
+    openInNew: 'Open in new tab',
+    defaultLabelText: 'Text',
+  },
+  toolbox: {
+    flight: 'flight',
+    miscellaneous: 'miscellaneous',
+  },
   footer: {
     title: 'Footer',
   },

package/src/i18n/i18nCollection.js

@@ -109,15 +109,32 @@ class I18nCollection extends IndexedCollection {
   }
 
   /**
+   * This method adds plugin messages to the collection. It is no necessary to call this function
+   * from within a plugin. Use the i18n property on your plugin.
    * @param {string} plugin Name of the plugin
    * @param {string} contextId
    * @param {Object} messages
    */
   addPluginMessages(plugin, contextId, messages) {
     messages[i18nPluginSymbol] = plugin;
+    messages[contextIdSymbol] = contextId;
     this.add(messages);
   }
 
+  /**
+   * This method removes plugin messages from the collection. It is no necessary to call this function
+   * from within a plugin. Once your plugin is removed, the VcsUiApp will call this for you.
+   * @param {string} pluginName
+   * @param {string} contextId
+   */
+  removePluginMessages(pluginName, contextId) {
+    [...this]
+      .filter(item => item[i18nPluginSymbol] === pluginName && item[contextIdSymbol] === contextId)
+      .forEach((item) => {
+        this.remove(item);
+      });
+  }
+
   /**
    * returns a merged Message Object with the locale as a key and an Object with all the translated keys
    * @returns {Object}

package/src/icons/+all.js

@@ -11,12 +11,17 @@ import CheckboxCheckedIcon from './CheckboxCheckedIcon.vue';
 import CheckboxIcon from './CheckboxIcon.vue';
 import CheckboxIndeterminateIcon from './CheckboxIndeterminateIcon.vue';
 import CircleIcon from './CircleIcon.vue';
+import ClippingIcon from './ClippingIcon.vue';
+import ClippingHorizontalIcon from './ClippingHorizontalIcon.vue';
+import ClippingVerticalIcon from './ClippingVerticalIcon.vue';
+import ColorPickerIcon from './ColorPickerIcon.vue';
 import ColorSwatchIcon from './ColorSwatchIcon.vue';
 import CommentIcon from './CommentIcon.vue';
 import CompassIcon from './CompassIcon.vue';
 import ComponentsIcon from './ComponentsIcon.vue';
 import ConeIcon from './ConeIcon.vue';
 import DimensionsHouseIcon from './DimensionsHouseIcon.vue';
+import EditIcon from './EditIcon.vue';
 import ElevationProfileIcon from './ElevationProfileIcon.vue';
 import ExportAreaIcon from './ExportAreaIcon.vue';
 import ExportFlightIcon from './ExportFlightIcon.vue';
@@ -25,9 +30,12 @@ import ExternalLinkIcon from './ExternalLinkIcon.vue';
 import EyeIcon from './EyeIcon.vue';
 import FastForwardIcon from './FastForwardIcon.vue';
 import FilterIcon from './FilterIcon.vue';
+import GlobalTerrainIcon from './GlobalTerrainIcon.vue';
 import GlobeNatureIcon from './GlobeNatureIcon.vue';
+import GroundIcon from './GroundIcon.vue';
 import HealthCareIndustriesIcon from './HealthCareIndustriesIcon.vue';
 import HelpIcon from './HelpIcon.vue';
+import HideIcon from './HideIcon.vue';
 import HomePointIcon from './HomePointIcon.vue';
 import HospitalsIcon from './HospitalsIcon.vue';
 import HouseIcon from './HouseIcon.vue';
@@ -39,6 +47,7 @@ import LayersIcon from './LayersIcon.vue';
 import LegendIcon from './LegendIcon.vue';
 import LineIcon from './LineIcon.vue';
 import LinkIcon from './LinkIcon.vue';
+import LogoutIcon from './LogoutIcon.vue';
 import ProgressIcon from './ProgressIcon.vue';
 import MapIcon from './MapIcon.vue';
 import MenuIcon from './MenuIcon.vue';
@@ -53,10 +62,13 @@ import PlayCircleIcon from './PlayCircleIcon.vue';
 import PlusIcon from './PlusIcon.vue';
 import PoiIcon from './PoiIcon.vue';
 import PointSelectIcon from './PointSelectIcon.vue';
+import PolygonIcon from './PolygonIcon.vue';
+import QueryIcon from './QueryIcon.vue';
 import PresentationModeIcon from './PresentationModeIcon.vue';
 import RectangleIcon from './RectangleIcon.vue';
 import ReturnIcon from './ReturnIcon.vue';
 import RewindIcon from './RewindIcon.vue';
+import ScreenshotIcon from './ScreenshotIcon.vue';
 import SearchIcon from './SearchIcon.vue';
 import ShadowIcon from './ShadowIcon.vue';
 import ShapesIcon from './ShapesIcon.vue';
@@ -67,6 +79,7 @@ import SimpleCircleOutlinedIcon from './SimpleCircleOutlinedIcon.vue';
 import SkipNextIcon from './SkipNextIcon.vue';
 import SkipPreviousIcon from './SkipPreviousIcon.vue';
 import SplitViewIcon from './SplitViewIcon.vue';
+import TerrainBoxIcon from './TerrainBoxIcon.vue';
 import TextStyleIcon from './TextStyleIcon.vue';
 import ThreeDimensionsIcon from './ThreeDimensionsIcon.vue';
 import ToolsIcon from './ToolsIcon.vue';
@@ -75,7 +88,14 @@ import TrashCanIcon from './TrashCanIcon.vue';
 import TriangleIcon from './TriangleIcon.vue';
 import TwoDimensionsIcon from './TwoDimensionsIcon.vue';
 import UploadIcon from './UploadIcon.vue';
+import UserProfileIcon from './UserProfileIcon.vue';
+import UserShareIcon from './UserShareIcon.vue';
 import VideoRecorderIcon from './VideoRecorderIcon.vue';
+import ViewpointIcon from './ViewpointIcon.vue';
+import ViewpointFlightIcon from './ViewpointFlightIcon.vue';
+import ViewshedIcon from './ViewshedIcon.vue';
+import Viewshed360Icon from './Viewshed360Icon.vue';
+import ViewshedConeIcon from './ViewshedConeIcon.vue';
 import WalkingIcon from './WalkingIcon.vue';
 import WallIcon from './WallIcon.vue';
 
@@ -148,6 +168,18 @@ const IconMap = {
   circle: {
     component: CircleIcon,
   },
+  clipping: {
+    component: ClippingIcon,
+  },
+  clippingHorizontal: {
+    component: ClippingHorizontalIcon,
+  },
+  clippingVertical: {
+    component: ClippingVerticalIcon,
+  },
+  colorPicker: {
+    component: ColorPickerIcon,
+  },
   colorSwatch: {
     component: ColorSwatchIcon,
   },
@@ -166,6 +198,9 @@ const IconMap = {
   dimensionsHouse: {
     component: DimensionsHouseIcon,
   },
+  edit: {
+    component: EditIcon,
+  },
   elevationProfile: {
     component: ElevationProfileIcon,
   },
@@ -190,15 +225,24 @@ const IconMap = {
   filter: {
     component: FilterIcon,
   },
+  GlobalTerrain: {
+    component: GlobalTerrainIcon,
+  },
   globeNature: {
     component: GlobeNatureIcon,
   },
+  ground: {
+    component: GroundIcon,
+  },
   healthCareIndustries: {
     component: HealthCareIndustriesIcon,
   },
   help: {
     component: HelpIcon,
   },
+  hide: {
+    component: HideIcon,
+  },
   homePoint: {
     component: HomePointIcon,
   },
@@ -232,6 +276,9 @@ const IconMap = {
   link: {
     component: LinkIcon,
   },
+  logout: {
+    component: LogoutIcon,
+  },
   progress: {
     component: ProgressIcon,
   },
@@ -274,6 +321,12 @@ const IconMap = {
   pointSelect: {
     component: PointSelectIcon,
   },
+  polygon: {
+    component: PolygonIcon,
+  },
+  query: {
+    component: QueryIcon,
+  },
   presentationMode: {
     component: PresentationModeIcon,
   },
@@ -286,6 +339,9 @@ const IconMap = {
   rewind: {
     component: RewindIcon,
   },
+  screenshot: {
+    component: ScreenshotIcon,
+  },
   search: {
     component: SearchIcon,
   },
@@ -316,6 +372,9 @@ const IconMap = {
   splitView: {
     component: SplitViewIcon,
   },
+  terrainBox: {
+    component: TerrainBoxIcon,
+  },
   textStyle: {
     component: TextStyleIcon,
   },
@@ -334,9 +393,30 @@ const IconMap = {
   upload: {
     component: UploadIcon,
   },
+  userProfile: {
+    component: UserProfileIcon,
+  },
+  userShare: {
+    component: UserShareIcon,
+  },
   videoRecorder: {
     component: VideoRecorderIcon,
   },
+  viewpoint: {
+    component: ViewpointIcon,
+  },
+  viewpointFlight: {
+    component: ViewpointFlightIcon,
+  },
+  viewshed: {
+    component: ViewshedIcon,
+  },
+  viewshed360: {
+    component: Viewshed360Icon,
+  },
+  viewshedCone: {
+    component: ViewshedConeIcon,
+  },
   wall: {
     component: WallIcon,
   },

package/src/icons/ClippingHorizontalIcon.vue

@@ -0,0 +1,7 @@
+<!-- eslint-disable max-len -->
+
+<template>
+  <svg id="icon_24_clipping_horizontal" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path id="Vereinigungsmenge_58" d="M10947,13163a1,1,0,0,1-1-1v-4.556l-1.711.516a1.082,1.082,0,0,1-.287.043,1,1,0,0,1-.288-1.959l2.286-.687V13155a1,1,0,0,1,1.946-.308l4.571-1.309h0l.6-.171.611-.176,6.267-1.879V13151a1,1,0,0,1,1.906-.417l1.807-.541a1,1,0,1,1,.575,1.916l-2.286.684V13162a1,1,0,0,1-1,1Zm8.486-8.385,0,0-1.226.347-6.257,1.88V13161h12v-7.674Zm-9.487-2.814v-1.6a1,1,0,0,1,2,0v1.6a1,1,0,0,1-2,0Zm14-4.8a1,1,0,0,1,0-2h1a1,1,0,0,1,1,1v1a1,1,0,0,1-2,0Zm-14,0v-1a1,1,0,0,1,1-1h1a1.581,1.581,0,1,1-2,2Zm6.8,0a1,1,0,0,1,0-2h2.4a1,1,0,0,1,0,2Z" transform="translate(-10942 -13142)" fill="currentColor" stroke="none" />
+  </svg>
+</template>

package/src/icons/ClippingIcon.vue

@@ -0,0 +1,7 @@
+<!-- eslint-disable max-len -->
+
+<template>
+  <svg id="icon_24_clipping" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path id="Pfad_734" d="M1104.119,550.833a.952.952,0,0,1,.952-.952h2.857a.952.952,0,1,1,0,1.9h-2.857A.952.952,0,0,1,1104.119,550.833Zm6.667.952h1.429v1.429a.952.952,0,0,0,1.9,0v-2.381a.952.952,0,0,0-.953-.952h-2.381a.952.952,0,1,0,0,1.9Zm2.381,3.333a.951.951,0,0,0-.952.952v2.857a.952.952,0,1,0,1.9,0v-2.857A.952.952,0,0,0,1113.166,555.119Zm3.054,10.755-2.1-2.1v-1.987a.952.952,0,1,0-1.9,0v.082l-10.082-10.082h.082a.952.952,0,0,0,0-1.9h-1.987l-2.1-2.1a.952.952,0,0,0-1.347,1.347l2.1,2.1v12.939a.951.951,0,0,0,.952.952h12.939l2.1,2.1a.952.952,0,0,0,1.347-1.347Z" transform="translate(-1094.506 -545.506)" fill="currentColor" />
+  </svg>
+</template>

package/src/icons/ClippingVerticalIcon.vue

@@ -0,0 +1,7 @@
+<!-- eslint-disable max-len -->
+
+<template>
+  <svg id="icon_24_clipping_vertical" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path id="Vereinigungsmenge_59" d="M10954.042,13166.287l-.687-2.287H10944a1,1,0,0,1-1-1v-14a1,1,0,0,1,1-1h4.558l-.516-1.712a1,1,0,1,1,1.916-.575l.688,2.287h.357a1,1,0,0,1,.311,1.946l1.3,4.57v0l.172.6.176.611,1.88,6.269h.155a1,1,0,0,1,.416,1.9l.542,1.808a1,1,0,0,1-.671,1.246.975.975,0,0,1-.287.043A1,1,0,0,1,10954.042,13166.287ZM10945,13162h7.673l-1.289-4.514,0,0-.348-1.226-1.877-6.259H10945Zm14,2a1.581,1.581,0,1,1,2-2v1a1,1,0,0,1-1,1Zm0-6.8v-2.4a1,1,0,1,1,2,0v2.4a1,1,0,1,1-2,0Zm0-7.2a1,1,0,0,1,0-2h1a1,1,0,0,1,1,1v1a1,1,0,0,1-2,0Zm-4.8,0a1,1,0,1,1,0-2h1.6a1,1,0,1,1,0,2Z" transform="translate(-10940 -13144)" fill="currentColor" stroke="none" />
+  </svg>
+</template>

package/src/icons/ColorPickerIcon.vue

@@ -0,0 +1,7 @@
+<!-- eslint-disable max-len -->
+
+<template>
+  <svg id="icon-colorpicker" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+    <path id="colorize" d="M6.8-36.318l6.246-6.271-1.489-1.495L5.312-37.812ZM17.478-46.708a.685.685,0,0,1,0,1.094l-2.433,2.443,1.489,1.495-1.089,1.094-1.089-1.094L7.418-34.75H3.75v-3.682l6.9-6.964L9.561-46.49l1.089-1.094,1.489,1.495,2.433-2.443a.738.738,0,0,1,.545-.219.738.738,0,0,1,.545.219Z" transform="translate(-2.75 49.75)" fill="currentColor" />
+  </svg>
+</template>

package/src/icons/ComponentsIcon.vue

@@ -1,7 +1,7 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="23.999" height="24" viewBox="0 0 23.999 24">
-    <path id="Path_484" data-name="Path 484" d="M303.413,424.075l4.146,4.125-2.773,2.759-4.146-4.125Zm4.021,8.91,2.162-2.151a.43.43,0,0,0,0-.608l-1.425-1.418-2.773,2.76,1.424,1.417A.434.434,0,0,0,307.434,432.986Zm-7.283-6.89,2.522-2.51-2.789-.784a.419.419,0,0,0-.525.519Zm2.438-3.671.969.248,4.165,4.142v-12.23a.5.5,0,0,0-.21-.4l-6.79-4.824V421.9Zm-3.5,3.971v0l-.791-2.774a1.5,1.5,0,0,1,1.422-1.923V409.355l-6,4.263v17.141l5.5-3.908Zm-13.1-17.229a.5.5,0,0,0-.27.443v15.918a.5.5,0,0,0,.209.4l6.791,4.826V413.618l-6.21-4.413A.5.5,0,0,0,285.993,409.167Z" transform="translate(-285.723 -409.112)" fill="currentColor" />
+  <svg id="icon_24_components" xmlns="http://www.w3.org/2000/svg" width="24.503" height="24" viewBox="0 0 24.503 24">
+    <path id="Vereinigungsmenge_61" d="M11234.08,13726.906l.833-2.922a.623.623,0,0,1,.145-.252l7.046-7.042a.578.578,0,0,1,.82,0l2.088,2.088a.578.578,0,0,1,0,.82l-7.046,7.045a.637.637,0,0,1-.248.146l-2.925.833a.571.571,0,0,1-.164.024A.577.577,0,0,1,11234.08,13726.906Zm-4.883-1a1.046,1.046,0,0,1-.183-.038.921.921,0,0,1-.2-.045.863.863,0,0,1-.107-.072.953.953,0,0,1-.21-.147l-.014-.011-5.622-5.957a1,1,0,0,1-.272-.688v-12.114a1,1,0,0,1,1.712-.7l4.917,4.985,4.909-4.909a1,1,0,0,1,1.412,0l5.623,5.622a1.006,1.006,0,0,1,.293.707v2.794l-2,2v-4.382l-3.625-3.621v9.54l1.044,1.044-1.412,1.412-.631-.627-4.913,4.913a.995.995,0,0,1-.709.293Zm1.014-12.954v9.54l3.624-3.621v-9.54Zm-5.619,5.6,3.62,3.838v-9.44l-3.62-3.672Z" transform="translate(-11221.18 -13704.752)" fill="currentColor" stroke="none" />
   </svg>
 </template>

package/src/icons/DimensionsHouseIcon.vue

@@ -1,14 +1,16 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg
-    id="streamline-icon-real-estate-dimensions-house_24x24"
-    data-name="streamline-icon-real-estate-dimensions-house@24x24"
-    xmlns="http://www.w3.org/2000/svg"
-    width="23.998"
-    height="23.999"
-    viewBox="0 0 23.998 23.999"
-  >
-    <path id="Path_3" data-name="Path 3" d="M4.251,8h.5a.75.75,0,0,0,.53-1.28l-2-2a.75.75,0,0,0-1.061,0h0l-2,2A.751.751,0,0,0,.751,8h.5a.5.5,0,0,1,.5.5V20a.5.5,0,0,1-.5.5h-.5A.751.751,0,0,0,.22,21.78l2,2a.75.75,0,0,0,1.061,0h0l2-2a.75.75,0,0,0-.53-1.28h-.5a.5.5,0,0,1-.5-.5V8.5A.5.5,0,0,1,4.251,8ZM6.72,5.281A.75.75,0,0,0,8,4.751v-.5a.5.5,0,0,1,.5-.5H20a.5.5,0,0,1,.5.5v.5a.75.75,0,0,0,1.28.53l2-2a.75.75,0,0,0,0-1.061h0l-2-2A.75.75,0,0,0,20.5.751v.5a.5.5,0,0,1-.5.5H8.5a.5.5,0,0,1-.5-.5v-.5A.75.75,0,0,0,6.72.22l-2,2a.75.75,0,0,0,0,1.061h0ZM15.729,8.3a1.035,1.035,0,0,0-1.459,0L6.275,16.8A1,1,0,0,0,7,18.486H8.5a.5.5,0,0,1,.5.5v4a1,1,0,0,0,1,1H20a1,1,0,0,0,1-1v-4a.5.5,0,0,1,.5-.5H23a1,1,0,0,0,.727-1.687S17.079,9.744,15.729,8.3Zm.77,7.685a.5.5,0,0,1-.5.5H14a.5.5,0,0,1-.5-.5v-2a.5.5,0,0,1,.5-.5h2a.5.5,0,0,1,.5.5Z" transform="translate(-0.002 -0.001)" fill="currentColor" />
+  <svg id="icon_24_house_size" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path
+      id="Vereinigungsmenge_62"
+      data-name="Vereinigungsmenge 62"
+      d="M10588.858,14064.955a1.5,1.5,0,0,1-1.5-1.5v-3.142h-2.227v3.142a1.5,1.5,0,0,1-1.5,1.5h-3.131a1.5,1.5,0,0,1-1.5-1.5v-6.7a1.5,1.5,0,0,1,.526-1.14l6-5.143a1.486,1.486,0,0,1,1.952,0l6,5.143a1.5,1.5,0,0,1,.526,1.14v6.7a1.5,1.5,0,0,1-1.5,1.5Zm-1-6.643a1.5,1.5,0,0,1,1.5,1.5v3.146H10592v-5.97l-5.5-4.716-5.5,4.716v5.97h2.128v-3.146a1.5,1.5,0,0,1,1.5-1.5Zm-13.679,6.276-1.955-2.387a1,1,0,0,1,1.55-1.267l.226.274v-7.511l-.226.278a1.006,1.006,0,0,1-.777.364.974.974,0,0,1-.632-.227,1,1,0,0,1-.141-1.4l1.955-2.39a1.012,1.012,0,0,1,.776-.364,1,1,0,0,1,.77.364l1.956,2.39a1,1,0,0,1-1.546,1.267l-.138-.169v7.3l.138-.169a1,1,0,0,1,1.546,1.267l-1.956,2.387a.989.989,0,0,1-.77.366A1,1,0,0,1,10574.181,14064.589Zm15.658-16a1.006,1.006,0,0,1,.138-1.408l.279-.226h-7.512l.279.226a1,1,0,0,1-1.271,1.546l-2.386-1.955a1,1,0,0,1,0-1.546l2.386-1.956a1,1,0,1,1,1.271,1.546l-.17.138h7.293l-.17-.138a1,1,0,1,1,1.271-1.546l2.386,1.956a1,1,0,0,1,0,1.546l-2.386,1.955a1,1,0,0,1-1.409-.138Z"
+      transform="translate(-10571 -14042)"
+      fill="currentColor"
+      stroke="none"
+      stroke-miterlimit="10"
+      stroke-width="1"
+    />
   </svg>
 </template>

package/src/icons/EditIcon.vue

@@ -0,0 +1,7 @@
+<!-- eslint-disable max-len -->
+
+<template>
+  <svg id="icon-edit" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+    <path id="mode-edit" d="M15.562-46.062l-1.219,1.219-2.5-2.5,1.219-1.219a.636.636,0,0,1,.469-.187.636.636,0,0,1,.469.188L15.562-47a.636.636,0,0,1,.188.469.636.636,0,0,1-.188.469ZM3.75-39.25l7.375-7.375,2.5,2.5L6.25-36.75H3.75Z" transform="translate(-1.75 50.75)" fill="currentColor" />
+  </svg>
+</template>

package/src/icons/GlobalTerrainIcon.vue

@@ -0,0 +1,9 @@
+<!-- eslint-disable max-len -->
+
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <g id="Gruppe_1898" transform="translate(-1832 -128)">
+      <path id="Pfad_722" d="M1168,581.392c0-3.053-9.953-3.206-11.948-3.206-1.963,0-11.611.154-11.919,3.067a.848.848,0,0,0-.132.432,12,12,0,0,0,24,0,.721.721,0,0,0-.031-.149A1.079,1.079,0,0,0,1168,581.392Zm-11.948-1.491c5.868,0,9.3.914,10.116,1.491-.812.578-4.248,1.493-10.116,1.493s-9.3-.915-10.114-1.493C1146.75,580.814,1150.184,579.9,1156.052,579.9Zm-.909,11.933c-2.35-.6-4.31-3.6-4.923-7.572a49.279,49.279,0,0,0,4.923.328Zm1.714,0v-7.243c1.155-.019,3.026-.088,4.922-.315C1161.165,588.249,1159.214,591.237,1156.857,591.833Zm-11.012-8.592a12.736,12.736,0,0,0,2.589.742,14.577,14.577,0,0,0,2.321,6.531A10.286,10.286,0,0,1,1145.845,583.241Zm15.418,7.263a14.605,14.605,0,0,0,2.3-6.5,13.388,13.388,0,0,0,2.583-.718A10.294,10.294,0,0,1,1161.263,590.5Z" transform="translate(688 -445.155)" fill="currentColor" />
+    </g>
+  </svg>
+</template>

package/src/icons/GroundIcon.vue

@@ -0,0 +1,18 @@
+<!-- eslint-disable max-len -->
+
+<template>
+  <svg
+    id="icon-ground"
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+  >
+    <g id="Gruppe_1401" transform="translate(1 1)">
+      <g id="Gruppe_1400" transform="translate(0 -0.001)">
+        <path id="Pfad_520" d="M13.747,10.452l-2.379-1.3a.442.442,0,0,0-.614.224.523.523,0,0,0,.2.671l1.428.78L7,12.968,1.613,10.827l1.427-.78a.523.523,0,0,0,.2-.671.439.439,0,0,0-.613-.224l-2.379,1.3A.508.508,0,0,0,0,10.928a.494.494,0,0,0,.3.441l6.542,2.6a.423.423,0,0,0,.313,0l6.542-2.6a.494.494,0,0,0,.3-.441.508.508,0,0,0-.252-.476" transform="translate(0 0.001)" fill="currentColor" />
+        <path id="Pfad_521" d="M2.931,7.48,7.1,8.78a.426.426,0,0,0,.252,0l4.163-1.3A.5.5,0,0,0,11.842,7V1.8a.494.494,0,0,0-.331-.48L7.347.019a.432.432,0,0,0-.252,0l-4.164,1.3A.494.494,0,0,0,2.6,1.8V7a.5.5,0,0,0,.331.48" transform="translate(-0.221 0.001)" fill="currentColor" />
+      </g>
+    </g>
+  </svg>
+</template>

package/src/icons/HideIcon.vue

@@ -0,0 +1,12 @@
+<!-- eslint-disable max-len -->
+
+<template>
+  <svg id="icon-hide" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+    <g id="Gruppe_1353">
+      <g id="Gruppe_1352">
+        <path id="Pfad_498" d="M12.868,3.923A8.426,8.426,0,0,0,10.4,2.762v2.4c.054.049.115.088.166.14a3.508,3.508,0,0,1,1.072,2.57,3.51,3.51,0,0,1-1.072,2.571c-.051.051-.112.09-.166.139v2.4A8.532,8.532,0,0,0,16,7.872a8.387,8.387,0,0,0-3.132-3.949" fill="currentColor" />
+        <path id="Pfad_499" d="M6.4,2.579A8.5,8.5,0,0,0,0,7.872a8.5,8.5,0,0,0,6.4,5.292V16h2V0h-2Zm-.991,7.88A3.588,3.588,0,0,1,4.358,7.872,3.646,3.646,0,0,1,6.4,4.608V6.417a2.112,2.112,0,0,0,0,2.91v1.818a3.562,3.562,0,0,1-.991-.686" fill="currentColor" />
+      </g>
+    </g>
+  </svg>
+</template>

package/src/icons/LogoutIcon.vue

@@ -0,0 +1,7 @@
+<!-- eslint-disable max-len -->
+
+<template>
+  <svg id="icon-logout" xmlns="http://www.w3.org/2000/svg" width="16.007" height="16" viewBox="0 0 16.007 16">
+    <path id="Pfad_122" d="M10.216,10.792a.584.584,0,0,0-.583.583v.292a.292.292,0,0,1-.292.292H6.133a.292.292,0,0,1-.292-.292V2.333a.292.292,0,0,1,.292-.292H9.341a.292.292,0,0,1,.292.292v.583a.583.583,0,0,0,1.167,0V1.458a.584.584,0,0,0-.583-.583H5.841V.292A.292.292,0,0,0,5.55,0a.286.286,0,0,0-.063.007L.237,1.174a.292.292,0,0,0-.229.285V12.542a.292.292,0,0,0,.229.285l5.25,1.167a.3.3,0,0,0,.246-.058.292.292,0,0,0,.109-.228v-.583h4.375a.584.584,0,0,0,.583-.583V11.374A.583.583,0,0,0,10.216,10.792Zm-5.833-3.5a.875.875,0,1,1-.875-.875.875.875,0,0,1,.875.875Zm9.356-.485-2.844-1.9a.583.583,0,0,0-.907.485V6.417H7.582a.875.875,0,1,0,0,1.75H9.988V9.188a.584.584,0,0,0,.907.485l2.844-1.9a.583.583,0,0,0,.162-.809A.576.576,0,0,0,13.739,6.806Z" transform="translate(2.009 1)" fill="currentColor" />
+  </svg>
+</template>

package/src/icons/ObjectAttributeIcon.vue

@@ -1,18 +1,7 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg
-    id="Group_507"
-    data-name="Group 507"
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="23.999"
-    viewBox="0 0 24 23.999"
-  >
-    <path id="Path_235" data-name="Path 235" d="M7.323,16.118a.5.5,0,0,0-.647,0l-6.5,5.5A.5.5,0,0,0,.5,22.5h1A.5.5,0,0,1,2,23v4.5a.5.5,0,0,0,.5.5H5a.5.5,0,0,0,.5-.5v-2.25a1.5,1.5,0,0,1,3,0V27.5A.5.5,0,0,0,9,28h2.5a.5.5,0,0,0,.5-.5V23a.5.5,0,0,1,.5-.5h1a.5.5,0,0,0,.324-.882Z" transform="translate(0.001 -4)" fill="currentColor" />
-    <path id="Path_236" data-name="Path 236" d="M8,13h5.5a1,1,0,1,0,0-2H8a1,1,0,0,0,0,2Z" transform="translate(-1.75 -2.75)" fill="currentColor" />
-    <path id="Path_237" data-name="Path 237" d="M29.208,1.586,27.915.293a1,1,0,0,0-1.415,0L22.147,4.646a.5.5,0,0,0,0,.707l2,2a.5.5,0,0,0,.707,0L29.208,3a1,1,0,0,0,0-1.414Z" transform="translate(-5.501 0)" fill="currentColor" />
-    <path id="Path_238" data-name="Path 238" d="M20.521,8.146a.492.492,0,0,0-.469-.133.5.5,0,0,0-.359.329l-1,3a.5.5,0,0,0,.633.632l3-1a.5.5,0,0,0,.2-.828Z" transform="translate(-4.667 -2)" fill="currentColor" />
-    <path id="Path_239" data-name="Path 239" d="M2,13H3.5a1,1,0,1,0,0-2H2a1,1,0,0,0,0,2Z" transform="translate(-0.25 -2.75)" fill="currentColor" />
+  <svg xmlns="http://www.w3.org/2000/svg" width="22.002" height="22.38" viewBox="0 0 22.002 22.38">
+    <path id="Vereinigungsmenge_65" d="M10643.685,13214.381a1.388,1.388,0,0,1-1.4-1.366v-2.043h-1.429v2.043a1.387,1.387,0,0,1-1.4,1.366h-2.54a1.388,1.388,0,0,1-1.406-1.366v-4.918a1.354,1.354,0,0,1,.53-1.071l4.865-3.774a1.431,1.431,0,0,1,1.755,0l4.865,3.773a1.341,1.341,0,0,1,.527,1.068v4.918a1.389,1.389,0,0,1-1.406,1.366Zm-.81-5.408a1.388,1.388,0,0,1,1.406,1.366v2.043h1.765v-3.964l-4.271-3.316-4.271,3.316v3.964h1.35v-2.043a1.387,1.387,0,0,1,1.4-1.366Zm-2.872-7.293a1,1,0,1,1,0-2h5a1,1,0,1,1,0,2Zm-4,0a1,1,0,0,1,0-2h1a1,1,0,1,1,0,2Zm11.816-.259a.441.441,0,0,1-.3-.119h.006a.43.43,0,0,1-.1-.435l.839-2.527a.423.423,0,0,1,.7-.166l1.691,1.685a.416.416,0,0,1,0,.594.412.412,0,0,1-.165.1l-2.527.842a.359.359,0,0,1-.133.023Zm3.794-2.1a.416.416,0,0,1-.3-.123h0l-1.979-1.983,3.963-3.966a.843.843,0,0,1,.6-.245.835.835,0,0,1,.594.245l1.39,1.39a.416.416,0,0,1,0,.594l-3.97,3.966a.42.42,0,0,1-.295.123Z" transform="translate(-10634.502 -13192.501)" fill="currentColor" stroke="none" />
   </svg>
 </template>

package/src/icons/PedestrianIcon.vue

@@ -1,8 +1,7 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg id="icon-streatview" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-    <path id="Path_7" data-name="Path 7" d="M9.731.784A1.828,1.828,0,0,1,11.6,2.567a1.872,1.872,0,0,1-3.74,0A1.828,1.828,0,0,1,9.731.784ZM11.37,8.2a6.486,6.486,0,0,0,1.809.9l.88.28a1.176,1.176,0,0,0,.355.055,1.066,1.066,0,0,0,.3-2.1l-.827-.262a4.2,4.2,0,0,1-1.17-.585l-.76-.543A4.438,4.438,0,0,0,7.5,5.558,4.494,4.494,0,0,0,4.869,9.531,1.088,1.088,0,0,0,5.9,10.679c.029,0,.058,0,.088,0A1.1,1.1,0,0,0,7.113,9.665a2.409,2.409,0,0,1,1.213-2.1.193.193,0,0,1,.257.06.164.164,0,0,1,.027.093v.968a13.235,13.235,0,0,1-.346,3.008,8.9,8.9,0,0,1-1.655,3.352,1.037,1.037,0,0,0,.176,1.5,1.16,1.16,0,0,0,1.578-.168,12.131,12.131,0,0,0,1.915-3.786.192.192,0,0,1,.324-.058,11.634,11.634,0,0,1,1.807,3.514,1.118,1.118,0,0,0,1.065.732,1.15,1.15,0,0,0,.355-.056,1.06,1.06,0,0,0,.711-1.353v0a12.176,12.176,0,0,0-3.417-5.362.7.7,0,0,1-.266-.538V8.186a.183.183,0,0,1,.187-.178.2.2,0,0,1,.112.036Z" transform="translate(-2.199 -0.783)" fill="currentColor" />
-    <rect id="size" width="16" height="16" fill="none" />
+  <svg id="icon_24_streeview" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path id="Pfad_701" d="M1244.963,521.443a1.948,1.948,0,0,1-1.817-1.275,12.628,12.628,0,0,0-1.446-3.088,14.36,14.36,0,0,1-1.99,3.636,2.008,2.008,0,0,1-2.748.324l-.081-.064a1.86,1.86,0,0,1-.229-2.618,9.363,9.363,0,0,0,1.752-3.549,14.414,14.414,0,0,0,.375-3.263v-.055a2.068,2.068,0,0,0-.36,1.166,1.94,1.94,0,0,1-1.924,1.834h-.043l-.178-.006a1.87,1.87,0,0,1-1.274-.63,1.9,1.9,0,0,1-.485-1.383,5.826,5.826,0,0,1,3.389-5.1,5.737,5.737,0,0,1,5.751.5l.869.622a4.1,4.1,0,0,0,1.143.572l.942.3a1.889,1.889,0,0,1,.782,3.234,1.92,1.92,0,0,1-1.363.48,1.545,1.545,0,0,1-.573-.094l-1-.318a8.064,8.064,0,0,1-1.767-.805v.587a.114.114,0,0,0,.045.082,14.593,14.593,0,0,1,4.119,6.437,1.9,1.9,0,0,1-1.267,2.391,1.946,1.946,0,0,1-.587.089Zm-3.4-6.261a.889.889,0,0,1,.665.3,13.91,13.91,0,0,1,2.2,4.248.6.6,0,0,0,.559.361h0a.669.669,0,0,0,.206-.031.538.538,0,0,0,.382-.665,13.254,13.254,0,0,0-3.713-5.842,1.434,1.434,0,0,1-.523-1.1v-1.479a.872.872,0,0,1,.9-.878h0a.882.882,0,0,1,.507.166l.248.18a6.715,6.715,0,0,0,1.87.933l1,.319a.83.83,0,0,0,.242.032.549.549,0,0,0,.384-.137.54.54,0,0,0-.238-.927l-.994-.311a5.49,5.49,0,0,1-1.52-.76l-.867-.62a4.385,4.385,0,0,0-4.4-.377,4.474,4.474,0,0,0-2.609,3.931.575.575,0,0,0,.141.427.564.564,0,0,0,.39.186h.073a.61.61,0,0,0,.6-.535,3.407,3.407,0,0,1,1.725-2.923.894.894,0,0,1,1.19.282.849.849,0,0,1,.143.495v1.086a15.754,15.754,0,0,1-.413,3.583,10.767,10.767,0,0,1-2.02,4.085.511.511,0,0,0,.05.728.656.656,0,0,0,.911-.07,13.115,13.115,0,0,0,2.048-4.067A.918.918,0,0,1,1241.56,515.182Zm-2.089-4.33-.005,0Zm-.691-.409v0Zm2.139-4.26-.124,0a2.692,2.692,0,0,1-1.922-.764,2.691,2.691,0,0,1,1.907-4.652h.094a2.762,2.762,0,0,1,2.757,2.689l-.017.3A2.728,2.728,0,0,1,1240.919,506.182Zm-.108-1.352a1.356,1.356,0,0,0,1.46-1.2l.012-.2a1.371,1.371,0,0,0-1.441-1.313h-.031a1.4,1.4,0,0,0-1.437,1.372,1.387,1.387,0,0,0,.434.954A1.373,1.373,0,0,0,1240.811,504.83Z" transform="translate(-1229.512 -498.763)" fill="currentColor" />
   </svg>
 </template>

package/src/icons/PenIcon.vue

@@ -1,14 +1,7 @@
 <!-- eslint-disable max-len -->
 <template>
-  <svg
-    id="streamline-icon-vectors-pen_24x24"
-    data-name="streamline-icon-vectors-pen@24x24"
-    xmlns="http://www.w3.org/2000/svg"
-    width="14.622"
-    height="24"
-    viewBox="0 0 14.622 24"
-  >
-    <path id="Path_2" data-name="Path 2" d="M19.171,12.755A2.548,2.548,0,0,0,19,10.148L16.521,6.562a.508.508,0,0,0-.419-.219H8.178a.508.508,0,0,0-.419.219L5.278,10.148a2.55,2.55,0,0,0-.172,2.607L10.78,23.9a1.5,1.5,0,0,0,.14.224.255.255,0,0,0,.459-.153V14.665a.51.51,0,0,0-.255-.442,2.039,2.039,0,1,1,2.039,0,.51.51,0,0,0-.255.442v9.307a.255.255,0,0,0,.459.153,1.5,1.5,0,0,0,.14-.224ZM15.706,5.323a.51.51,0,0,0,.494-.386L17.219.86a.51.51,0,0,0-.494-.633H7.552a.51.51,0,0,0-.51.51A.5.5,0,0,0,7.057.86L8.076,4.937a.51.51,0,0,0,.494.386Z" transform="translate(-4.827 -0.227)" fill="currentColor" />
+  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="22" viewBox="0 0 12 22">
+    <path id="Pfad_783" data-name="Pfad 783" d="M481.65,623.2a.925.925,0,0,0,.04-.2.226.226,0,0,0,0-.027.99.99,0,0,0,.821-.767l.843-4a1,1,0,0,0-.978-1.206h-6.746a1,1,0,0,0-.978,1.206l.843,4a.989.989,0,0,0,.824.767.259.259,0,0,0-.006.027.925.925,0,0,0,.04.2,5.62,5.62,0,0,0-3.35,5.05c0,2.771,4.219,9.527,4.7,10.289a1,1,0,0,0,.845.466h.91a1,1,0,0,0,.8-.4c.938-1.261,4.743-7.652,4.743-10.352A5.62,5.62,0,0,0,481.65,623.2Zm-.51-4.2-.421,2h-3.438l-.421-2ZM480,635.264v-4.453a2,2,0,1,0-2,0v4.332c-1.477-2.587-3-5.654-3-6.9a4.018,4.018,0,0,1,8,0C483,629.55,481.362,632.9,480,635.264Z" transform="translate(-473 -617)" fill="currentColor" />
   </svg>
 </template>
 

package/src/icons/PoiIcon.vue

@@ -1,7 +1,10 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="23.994" viewBox="0 0 16 23.994">
-    <path id="Path_306" data-name="Path 306" d="M12,.006A8.008,8.008,0,0,0,4,8c0,4.243,7.273,15.3,7.583,15.771a.5.5,0,0,0,.834,0C12.727,23.307,20,12.247,20,8A8.008,8.008,0,0,0,12,.006Zm0,11.5A3.5,3.5,0,1,1,15.5,8,3.5,3.5,0,0,1,12,11.5Z" transform="translate(-4 -0.006)" fill="currentColor" />
+  <svg id="icon_24_poi" xmlns="http://www.w3.org/2000/svg" width="24" height="23.994" viewBox="0 0 24 23.994">
+    <g id="Gruppe_1972" transform="translate(-571 -609.477)">
+      <path id="Pfad_773" d="M583,611a8.009,8.009,0,0,0-8,8c0,5.314,6.952,13.32,7.248,13.658a1,1,0,0,0,1.5,0c.3-.338,7.248-8.344,7.248-13.658A8.009,8.009,0,0,0,583,611Zm0,19.444c-2.18-2.685-6-8.09-6-11.444a6,6,0,0,1,12,0C589,622.354,585.18,627.759,583,630.444Z" fill="currentColor" />
+      <path id="Pfad_774" d="M583,615a4,4,0,1,0,4,4A4,4,0,0,0,583,615Zm0,6a2,2,0,1,1,2-2A2,2,0,0,1,583,621Z" fill="currentColor" />
+    </g>
   </svg>
 </template>

package/src/icons/PointSelectIcon.vue

@@ -1,7 +1,9 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="13.863" height="22.537" viewBox="0 0 13.863 22.537">
-    <path id="Outline" d="M13.846,23.8a.45.45,0,0,1-.409-.245l-2.7-5.728L7.055,20.031a.372.372,0,0,1-.409,0A.438.438,0,0,1,6.4,19.7V1.7a.45.45,0,0,1,.245-.409.36.36,0,0,1,.409.082L20.147,14.467c.082.082.164.327.082.409a.45.45,0,0,1-.409.245H15.565L18.511,21.1a.249.249,0,0,1,0,.327c-.082.082-.082.164-.245.245-3.974,1.881-4.337,2.128-4.419,2.128ZM10.982,16.84h.082q.123,0,.245.245l2.7,5.81,3.764-1.718-3.028-6.219a.372.372,0,0,1,0-.409.327.327,0,0,1,.327-.164H19L7.3,2.684V18.968l3.437-2.046A.3.3,0,0,1,10.982,16.84Z" fill="currentColor" transform="translate(-6.4 -1.259)" />
+  <svg id="icon_24_cursor_object" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <g id="mouse" transform="translate(-1606 -520.998)">
+      <path id="Pfad_789" d="M1619.475,543.619a1.385,1.385,0,0,1-1.241-.759l-1.893-4.015-2.257,1.351a1.31,1.31,0,0,1-1.359.015,1.378,1.378,0,0,1-.714-1.014l-.011-.147V523.383a1.392,1.392,0,0,1,.758-1.246,1.328,1.328,0,0,1,1.538.275l11.254,10.88a1.34,1.34,0,0,1,.232,1.6,1.414,1.414,0,0,1-1.006.823l-2.042.606,1.672,3.445a1.221,1.221,0,0,1-.112,1.45,1.281,1.281,0,0,1-.519.45C1619.81,543.63,1619.822,543.639,1619.475,543.619Zm-2.267-7.624,2.552,5.411c.681-.326,1.816-.886,2.6-1.276l-2.456-5.06,3.524-1.046-9.43-9.118v13.01Zm-4.14,2.479-.045.027Zm11.151-4.814a.826.826,0,0,0-.081.1Zm-11.345-9.843c.012.013.023.024.035.035Zm1.126-.453v0Z" fill="currentColor" />
+    </g>
   </svg>
 </template>

package/src/icons/QueryIcon.vue

@@ -2,14 +2,13 @@
 
 <template>
   <svg id="icon_24_query" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <g id="Group_1701" data-name="Group 1701" transform="translate(-1450.014 -549.369)">
-      <g id="Group_1701-2" data-name="Group 1701" transform="translate(1451.015 549.369)">
-        <path id="Path_647" data-name="Path 647" d="M1469.565,557.941h-4.779l3.1,5.364h0l.5.863a.559.559,0,0,1,.076.28v7.891l2.413-2.413v-5.478a.557.557,0,0,1,.075-.28l3.594-6.226Z" transform="translate(-1451.599 -548.338)" fill="currentColor" />
-        <path id="Path_648" data-name="Path 648" d="M1453.015,563.228l8.423,3.369V556.352l-8.423-3.37Z" transform="translate(-1453.015 -548.935)" fill="currentColor" />
-        <path id="Path_649" data-name="Path 649" d="M1463.722,557.7a.561.561,0,0,1,.485-.28h5.749v-4.435l-8.423,3.37V566.6l5.69-2.276-3.5-6.064A.557.557,0,0,1,1463.722,557.7Z" transform="translate(-1451.99 -548.935)" fill="currentColor" />
-        <path id="Path_650" data-name="Path 650" d="M1461.9,549.369l-8.034,3.215,8.034,3.214,8.034-3.214Z" transform="translate(-1452.913 -549.369)" fill="currentColor" />
+    <g id="Group_1701" transform="translate(-1450.014 -549.369)">
+      <g id="Group_1701-2" transform="translate(1451.015 549.369)">
+        <path id="Path_647" d="M1469.565,557.941h-4.779l3.1,5.364h0l.5.863a.559.559,0,0,1,.076.28v7.891l2.413-2.413v-5.478a.557.557,0,0,1,.075-.28l3.594-6.226Z" transform="translate(-1451.599 -548.338)" fill="currentColor" />
+        <path id="Path_648" d="M1453.015,563.228l8.423,3.369V556.352l-8.423-3.37Z" transform="translate(-1453.015 -548.935)" fill="currentColor" />
+        <path id="Path_649" d="M1463.722,557.7a.561.561,0,0,1,.485-.28h5.749v-4.435l-8.423,3.37V566.6l5.69-2.276-3.5-6.064A.557.557,0,0,1,1463.722,557.7Z" transform="translate(-1451.99 -548.935)" fill="currentColor" />
+        <path id="Path_650" d="M1461.9,549.369l-8.034,3.215,8.034,3.214,8.034-3.214Z" transform="translate(-1452.913 -549.369)" fill="currentColor" />
       </g>
     </g>
-    <rect id="spacer" width="24" height="24" fill="none" />
   </svg>
 </template>

package/src/icons/ScreenshotIcon.vue

@@ -0,0 +1,16 @@
+<!-- eslint-disable max-len -->
+
+<template>
+  <svg id="icon-screenshot" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+    <g id="Gruppe_1967" data-name="Gruppe 1967" transform="translate(-944 -580)">
+      <path id="Pfad_765" d="M951.625,592h-1.25a1,1,0,0,0,0,2h1.25a1,1,0,0,0,0-2Z" fill="currentColor" />
+      <path id="Pfad_766" d="M947,592a1,1,0,0,0-2,0v1a1,1,0,0,0,1,1h1a1,1,0,0,0,0-2Z" fill="currentColor" />
+      <path id="Pfad_767" d="M946,589.625a1,1,0,0,0,1-1v-2.25a1,1,0,0,0-2,0v2.25A1,1,0,0,0,946,589.625Z" fill="currentColor" />
+      <path id="Pfad_768" d="M947,581h-1a1,1,0,0,0-1,1v1a1.581,1.581,0,1,0,2-2Z" fill="currentColor" />
+      <path id="Pfad_769" d="M952.625,581h-2.25a1,1,0,0,0,0,2h2.25a1,1,0,0,0,0-2Z" fill="currentColor" />
+      <path id="Pfad_770" d="M956,583a1,1,0,0,0,2,0v-1a1,1,0,0,0-1-1h-1a1,1,0,0,0,0,2Z" fill="currentColor" />
+      <path id="Pfad_771" d="M957,585.375a1,1,0,0,0-1,1v1.25a1,1,0,0,0,2,0v-1.25A1,1,0,0,0,957,585.375Z" fill="currentColor" />
+      <path id="Pfad_772" d="M959,592h-1v-1a1,1,0,0,0-2,0v1h-1a1,1,0,0,0,0,2h1v1a1,1,0,0,0,2,0v-1h1a1,1,0,0,0,0-2Z" fill="currentColor" />
+    </g>
+  </svg>
+</template>

package/src/icons/ShareIcon.vue

@@ -1,21 +1,9 @@
 <!-- eslint-disable max-len -->
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="22.584" viewBox="0 0 16 22.584">
-    <defs>
-      <clipPath id="clip-path">
-        <rect
-          id="Rectangle_795"
-          data-name="Rectangle 795"
-          width="16"
-          height="22.584"
-          transform="translate(0 0)"
-          fill="currentColor"
-        />
-      </clipPath>
-    </defs>
-    <g id="Group_1050" data-name="Group 1050" transform="translate(0 0)" clip-path="url(#clip-path)">
-      <path id="Path_490" data-name="Path 490" d="M13,7.584H10.687v2H13a1,1,0,0,1,1,1v9a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1v-9a1,1,0,0,1,1-1H5.114v-2H3a3,3,0,0,0-3,3v9a3,3,0,0,0,3,3H13a3,3,0,0,0,3-3v-9a3,3,0,0,0-3-3" fill="currentColor" />
-      <path id="Path_491" data-name="Path 491" d="M4.465,5.947,7,3.412V13.584a.963.963,0,0,0,.066.322.985.985,0,0,0,.881.667c.018,0,.034.011.053.011a1,1,0,0,0,1-1V3.411l2.536,2.536A1,1,0,1,0,12.95,4.533L8.708.29C8.7.283,8.691.281,8.684.275A1,1,0,0,0,7.294.29L3.051,4.533A1,1,0,0,0,4.465,5.947" fill="currentColor" />
+  <svg id="icon_24_share" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <g id="Gruppe_1962" transform="translate(-694 -537.56)">
+      <path id="Pfad_745" d="M712,547h-3v2h2v9H701v-9h2v-2h-3a1,1,0,0,0-1,1v11a1,1,0,0,0,1,1h12a1,1,0,0,0,1-1V548A1,1,0,0,0,712,547Z" fill="currentColor" />
+      <path id="Pfad_746" d="M702,545.021a1,1,0,0,0,.707-.292L705,542.435V550a1,1,0,0,0,2,0v-7.37l2.293,2.293a1,1,0,1,0,1.414-1.414l-3.9-3.9a1.146,1.146,0,0,0-.118-.078.9.9,0,0,0-.078-.116,1,1,0,0,0-1.414,0l-3.9,3.9a1,1,0,0,0,.707,1.707Z" fill="currentColor" />
     </g>
   </svg>
 </template>