@vcmap/ui 5.0.0-rc.23 → 5.0.0-rc.25

package/src/components/icons/UploadIcon.vue

@@ -1,7 +1,18 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg id="icon_24_export" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path id="Pfad_592" d="M24,10.411a5.82,5.82,0,0,0-1.772-4.166A5.708,5.708,0,0,0,18.778,4.66a.249.249,0,0,1-.191-.12,7.683,7.683,0,0,0-14.1,2.294.25.25,0,0,1-.227.2A4.589,4.589,0,0,0,0,11.607a4.322,4.322,0,0,0,1.236,3.209A5.517,5.517,0,0,0,4.84,16.2a1,1,0,1,0-.03-2,3.29,3.29,0,0,1-2.172-.8A2.374,2.374,0,0,1,2,11.607,2.589,2.589,0,0,1,5.12,9.072,1,1,0,0,0,6.3,8.294a.974.974,0,0,0,.019-.141A5.685,5.685,0,0,1,17.138,6.065a.962.962,0,0,0,.941.57,3.7,3.7,0,0,1,2.758,1.051A3.751,3.751,0,0,1,22,10.411,3.834,3.834,0,0,1,18.559,14.2a1,1,0,0,0,.132,1.992.95.95,0,0,0,.131-.009A5.805,5.805,0,0,0,24,10.411ZM12.7,8.988a1,1,0,0,0-1.414,0l-3.5,3.5A1,1,0,0,0,8.5,14.2h1.75a.248.248,0,0,1,.25.248V21.7a1.5,1.5,0,0,0,3,0V14.448a.248.248,0,0,1,.248-.25H15.5a1,1,0,0,0,.707-1.707Z" transform="translate(0.004 0.193)" fill="currentColor" />
+  <svg
+    id="icon_24_export"
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
+    <path
+      id="Pfad_592"
+      d="M24,10.411a5.82,5.82,0,0,0-1.772-4.166A5.708,5.708,0,0,0,18.778,4.66a.249.249,0,0,1-.191-.12,7.683,7.683,0,0,0-14.1,2.294.25.25,0,0,1-.227.2A4.589,4.589,0,0,0,0,11.607a4.322,4.322,0,0,0,1.236,3.209A5.517,5.517,0,0,0,4.84,16.2a1,1,0,1,0-.03-2,3.29,3.29,0,0,1-2.172-.8A2.374,2.374,0,0,1,2,11.607,2.589,2.589,0,0,1,5.12,9.072,1,1,0,0,0,6.3,8.294a.974.974,0,0,0,.019-.141A5.685,5.685,0,0,1,17.138,6.065a.962.962,0,0,0,.941.57,3.7,3.7,0,0,1,2.758,1.051A3.751,3.751,0,0,1,22,10.411,3.834,3.834,0,0,1,18.559,14.2a1,1,0,0,0,.132,1.992.95.95,0,0,0,.131-.009A5.805,5.805,0,0,0,24,10.411ZM12.7,8.988a1,1,0,0,0-1.414,0l-3.5,3.5A1,1,0,0,0,8.5,14.2h1.75a.248.248,0,0,1,.25.248V21.7a1.5,1.5,0,0,0,3,0V14.448a.248.248,0,0,1,.248-.25H15.5a1,1,0,0,0,.707-1.707Z"
+      transform="translate(0.004 0.193)"
+      fill="currentColor"
+    />
   </svg>
 </template>

package/src/components/icons/UserProfileIcon.vue

@@ -1,7 +1,18 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg id="icon-profile" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-    <path id="Vereinigungsmenge_60" d="M10931.333,16339.334a.333.333,0,0,1-.332-.332v-1.259a2.342,2.342,0,0,1,1.546-2.2l3.12-1.111v-1.472a4.628,4.628,0,0,1-1.648-4.048,3.038,3.038,0,0,0,1.566.418,3.663,3.663,0,0,0,2.489-1.033,2.285,2.285,0,0,0,1.952,1.091,4.388,4.388,0,0,0,1.3-.229,4.637,4.637,0,0,1-1.661,3.8v1.472l3.121,1.111a2.337,2.337,0,0,1,1.546,2.2V16339a.334.334,0,0,1-.332.332Zm7.049-11.785a.315.315,0,0,0-.3-.168.323.323,0,0,0-.286.18,2.756,2.756,0,0,1-2.215,1.107,2.6,2.6,0,0,1-1.456-.455,3.839,3.839,0,0,1,3.539-3.215,3.9,3.9,0,0,1,3.6,3.489c-.382.095-.722.181-.742.185a2.582,2.582,0,0,1-.492.052C10939.337,16328.724,10938.849,16328.364,10938.382,16327.549Z" transform="translate(-10929.668 -16324)" fill="currentColor" />
+  <svg
+    id="icon-profile"
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+  >
+    <path
+      id="Vereinigungsmenge_60"
+      d="M10931.333,16339.334a.333.333,0,0,1-.332-.332v-1.259a2.342,2.342,0,0,1,1.546-2.2l3.12-1.111v-1.472a4.628,4.628,0,0,1-1.648-4.048,3.038,3.038,0,0,0,1.566.418,3.663,3.663,0,0,0,2.489-1.033,2.285,2.285,0,0,0,1.952,1.091,4.388,4.388,0,0,0,1.3-.229,4.637,4.637,0,0,1-1.661,3.8v1.472l3.121,1.111a2.337,2.337,0,0,1,1.546,2.2V16339a.334.334,0,0,1-.332.332Zm7.049-11.785a.315.315,0,0,0-.3-.168.323.323,0,0,0-.286.18,2.756,2.756,0,0,1-2.215,1.107,2.6,2.6,0,0,1-1.456-.455,3.839,3.839,0,0,1,3.539-3.215,3.9,3.9,0,0,1,3.6,3.489c-.382.095-.722.181-.742.185a2.582,2.582,0,0,1-.492.052C10939.337,16328.724,10938.849,16328.364,10938.382,16327.549Z"
+      transform="translate(-10929.668 -16324)"
+      fill="currentColor"
+    />
   </svg>
 </template>

package/src/components/icons/UserShareIcon.vue

@@ -1,7 +1,17 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg id="icon-collaborator-share" xmlns="http://www.w3.org/2000/svg" width="16" height="16.007" viewBox="0 0 16 16.007">
-    <path id="Pfad_81" d="M9.167,9.333A2.761,2.761,0,0,1,10,9.463a.167.167,0,0,0,.133-.017l.709-.425a.167.167,0,0,0,.067-.206c-.025-.061-.051-.12-.08-.179-.359-.717-1.538-1.15-3.169-1.751l-.419-.153a.4.4,0,0,1-.092-.207,1.721,1.721,0,0,1,.039-.867,3.744,3.744,0,0,0,.977-2.876A2.559,2.559,0,0,0,5.667,0a2.567,2.567,0,0,0-2.5,2.783,3.737,3.737,0,0,0,.971,2.865,1.636,1.636,0,0,1,.049.877.405.405,0,0,1-.09.206l-.421.155C2.04,7.485.861,7.919.5,8.636A6.125,6.125,0,0,0,0,11a.333.333,0,0,0,.333.333H6.353a.168.168,0,0,0,.157-.111A2.825,2.825,0,0,1,9.167,9.333ZM16,14.167a1.827,1.827,0,0,0-3.091-1.326.168.168,0,0,1-.177.034l-1.63-.652a.167.167,0,0,1-.1-.145.931.931,0,0,0-.011-.108.164.164,0,0,1,.079-.165l1.893-1.139a.166.166,0,0,1,.18.006A1.813,1.813,0,0,0,14.167,11a1.833,1.833,0,1,0-1.833-1.833h0a1.616,1.616,0,0,0,.014.2.164.164,0,0,1-.079.165l-1.893,1.141a.166.166,0,0,1-.18-.006,1.809,1.809,0,0,0-1.029-.327,1.833,1.833,0,1,0,1.258,3.159.168.168,0,0,1,.177-.034l1.63.652a.167.167,0,0,1,.1.149A1.833,1.833,0,0,0,16,14.167Z" fill="currentColor" />
+  <svg
+    id="icon-collaborator-share"
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16.007"
+    viewBox="0 0 16 16.007"
+  >
+    <path
+      id="Pfad_81"
+      d="M9.167,9.333A2.761,2.761,0,0,1,10,9.463a.167.167,0,0,0,.133-.017l.709-.425a.167.167,0,0,0,.067-.206c-.025-.061-.051-.12-.08-.179-.359-.717-1.538-1.15-3.169-1.751l-.419-.153a.4.4,0,0,1-.092-.207,1.721,1.721,0,0,1,.039-.867,3.744,3.744,0,0,0,.977-2.876A2.559,2.559,0,0,0,5.667,0a2.567,2.567,0,0,0-2.5,2.783,3.737,3.737,0,0,0,.971,2.865,1.636,1.636,0,0,1,.049.877.405.405,0,0,1-.09.206l-.421.155C2.04,7.485.861,7.919.5,8.636A6.125,6.125,0,0,0,0,11a.333.333,0,0,0,.333.333H6.353a.168.168,0,0,0,.157-.111A2.825,2.825,0,0,1,9.167,9.333ZM16,14.167a1.827,1.827,0,0,0-3.091-1.326.168.168,0,0,1-.177.034l-1.63-.652a.167.167,0,0,1-.1-.145.931.931,0,0,0-.011-.108.164.164,0,0,1,.079-.165l1.893-1.139a.166.166,0,0,1,.18.006A1.813,1.813,0,0,0,14.167,11a1.833,1.833,0,1,0-1.833-1.833h0a1.616,1.616,0,0,0,.014.2.164.164,0,0,1-.079.165l-1.893,1.141a.166.166,0,0,1-.18-.006,1.809,1.809,0,0,0-1.029-.327,1.833,1.833,0,1,0,1.258,3.159.168.168,0,0,1,.177-.034l1.63.652a.167.167,0,0,1,.1.149A1.833,1.833,0,0,0,16,14.167Z"
+      fill="currentColor"
+    />
   </svg>
 </template>

package/src/components/icons/VideoRecorderIcon.vue

@@ -1,10 +1,23 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="22"
+    height="22"
+    viewBox="0 0 22 22"
+  >
     <g id="Gruppe_2012" transform="translate(-1592 -578)">
-      <path id="Pfad_791" d="M1614,591.174a2.154,2.154,0,0,0-.834-1.8l-.05-.035a1.975,1.975,0,0,0-1.962-.145l-2.17.973a2.409,2.409,0,0,0-.6-1.441,2.188,2.188,0,0,0-1.611-.727h-11.532a2.305,2.305,0,0,0-2.235,2.363v7.274a2.305,2.305,0,0,0,2.235,2.363h11.53a2.285,2.285,0,0,0,2.216-2.165l2.12.947a1.921,1.921,0,0,0,.892.218,2.075,2.075,0,0,0,1.171-.372,2.135,2.135,0,0,0,.835-1.761Zm-7,6.463c0,.208-.124.363-.235.363h-11.53c-.111,0-.235-.155-.235-.363v-7.274c0-.208.124-.363.235-.363h11.531a.187.187,0,0,1,.13.07.44.44,0,0,1,.1.293Zm4.97-.656L1610,596.1v-4.2l1.982-.894a.32.32,0,0,1,.017.127v5.769C1612,596.965,1611.974,597.019,1611.97,596.981Z" fill="currentColor" />
-      <path id="Pfad_792" d="M1601.215,585.665A3.494,3.494,0,1,0,1604.5,581h0a3.482,3.482,0,0,0-2.583,1.161,5,5,0,1,0-.7,3.5ZM1604.5,583a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,1604.5,583Zm-7.5,3a3,3,0,1,1,3-3A3,3,0,0,1,1597,586Z" fill="currentColor" />
+      <path
+        id="Pfad_791"
+        d="M1614,591.174a2.154,2.154,0,0,0-.834-1.8l-.05-.035a1.975,1.975,0,0,0-1.962-.145l-2.17.973a2.409,2.409,0,0,0-.6-1.441,2.188,2.188,0,0,0-1.611-.727h-11.532a2.305,2.305,0,0,0-2.235,2.363v7.274a2.305,2.305,0,0,0,2.235,2.363h11.53a2.285,2.285,0,0,0,2.216-2.165l2.12.947a1.921,1.921,0,0,0,.892.218,2.075,2.075,0,0,0,1.171-.372,2.135,2.135,0,0,0,.835-1.761Zm-7,6.463c0,.208-.124.363-.235.363h-11.53c-.111,0-.235-.155-.235-.363v-7.274c0-.208.124-.363.235-.363h11.531a.187.187,0,0,1,.13.07.44.44,0,0,1,.1.293Zm4.97-.656L1610,596.1v-4.2l1.982-.894a.32.32,0,0,1,.017.127v5.769C1612,596.965,1611.974,597.019,1611.97,596.981Z"
+        fill="currentColor"
+      />
+      <path
+        id="Pfad_792"
+        d="M1601.215,585.665A3.494,3.494,0,1,0,1604.5,581h0a3.482,3.482,0,0,0-2.583,1.161,5,5,0,1,0-.7,3.5ZM1604.5,583a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,1604.5,583Zm-7.5,3a3,3,0,1,1,3-3A3,3,0,0,1,1597,586Z"
+        fill="currentColor"
+      />
     </g>
   </svg>
 </template>

package/src/components/icons/ViewpointFlightIcon.vue

@@ -1,11 +1,29 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg id="icon_24_viewpoint-flight" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <svg
+    id="icon_24_viewpoint-flight"
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
     <g id="Gruppe_2014" transform="translate(-698 -606)">
-      <path id="Pfad_802" d="M720.4,609.465a2.061,2.061,0,0,0-1.467-.611h-1l-.374-.373a1.635,1.635,0,0,0-1.163-.481h-1.788a1.636,1.636,0,0,0-1.164.482l-.371.372h-1A2.075,2.075,0,0,0,710,610.929v3.425a2.074,2.074,0,0,0,2.071,2.073h1.3l5.561,0A2.075,2.075,0,0,0,721,614.354v-3.422A2.056,2.056,0,0,0,720.4,609.465Zm-1.4,4.888a.072.072,0,0,1-.072.072l-6.857,0a.072.072,0,0,1-.071-.073v-3.427a.072.072,0,0,1,.071-.073h1.3a1.157,1.157,0,0,0,.877-.353l.5-.5h1.495l.5.5a1.209,1.209,0,0,0,.854.351h1.323a.081.081,0,0,1,.071.074Z" fill="currentColor" />
-      <path id="Pfad_803" d="M715.5,611.071a1.465,1.465,0,1,0,1.464,1.464A1.465,1.465,0,0,0,715.5,611.071Z" fill="currentColor" />
-      <path id="Pfad_804" d="M720,618h-6a1,1,0,0,0,0,2h2v2h-3.382a3.927,3.927,0,0,0-5.236,0H704v-2h2a1,1,0,0,0,0-2h-6a1,1,0,0,0,0,2h2v2a1,1,0,0,0,0,2h4.142a3.937,3.937,0,0,0-.142,1v2a1,1,0,0,0,2,0v-2a1.978,1.978,0,0,1,.278-1h3.444a1.978,1.978,0,0,1,.278,1v2a1,1,0,0,0,2,0v-2a3.937,3.937,0,0,0-.142-1H718a1,1,0,0,0,0-2v-2h2a1,1,0,0,0,0-2Z" fill="currentColor" />
+      <path
+        id="Pfad_802"
+        d="M720.4,609.465a2.061,2.061,0,0,0-1.467-.611h-1l-.374-.373a1.635,1.635,0,0,0-1.163-.481h-1.788a1.636,1.636,0,0,0-1.164.482l-.371.372h-1A2.075,2.075,0,0,0,710,610.929v3.425a2.074,2.074,0,0,0,2.071,2.073h1.3l5.561,0A2.075,2.075,0,0,0,721,614.354v-3.422A2.056,2.056,0,0,0,720.4,609.465Zm-1.4,4.888a.072.072,0,0,1-.072.072l-6.857,0a.072.072,0,0,1-.071-.073v-3.427a.072.072,0,0,1,.071-.073h1.3a1.157,1.157,0,0,0,.877-.353l.5-.5h1.495l.5.5a1.209,1.209,0,0,0,.854.351h1.323a.081.081,0,0,1,.071.074Z"
+        fill="currentColor"
+      />
+      <path
+        id="Pfad_803"
+        d="M715.5,611.071a1.465,1.465,0,1,0,1.464,1.464A1.465,1.465,0,0,0,715.5,611.071Z"
+        fill="currentColor"
+      />
+      <path
+        id="Pfad_804"
+        d="M720,618h-6a1,1,0,0,0,0,2h2v2h-3.382a3.927,3.927,0,0,0-5.236,0H704v-2h2a1,1,0,0,0,0-2h-6a1,1,0,0,0,0,2h2v2a1,1,0,0,0,0,2h4.142a3.937,3.937,0,0,0-.142,1v2a1,1,0,0,0,2,0v-2a1.978,1.978,0,0,1,.278-1h3.444a1.978,1.978,0,0,1,.278,1v2a1,1,0,0,0,2,0v-2a3.937,3.937,0,0,0-.142-1H718a1,1,0,0,0,0-2v-2h2a1,1,0,0,0,0-2Z"
+        fill="currentColor"
+      />
     </g>
   </svg>
 </template>

package/src/components/icons/ViewpointIcon.vue

@@ -1,11 +1,29 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg id="icon_24_viewpoint-static" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <svg
+    id="icon_24_viewpoint-static"
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
     <g id="Gruppe_2013" transform="translate(-664 -604.83)">
-      <path id="Pfad_798" d="M676,610.232a3.884,3.884,0,1,0,3.884,3.884A3.889,3.889,0,0,0,676,610.232ZM676,616a1.884,1.884,0,1,1,1.884-1.884A1.886,1.886,0,0,1,676,616Z" fill="currentColor" />
-      <path id="Pfad_799" d="M684.153,609.205a2.883,2.883,0,0,0-2.058-.854H680l-.893-.892a2.163,2.163,0,0,0-1.517-.629h-3.18a2.16,2.16,0,0,0-1.517.63l-.89.891h-2.1A2.908,2.908,0,0,0,667,611.259v6.092a2.908,2.908,0,0,0,2.905,2.9h2.3l9.887,0a2.911,2.911,0,0,0,2.906-2.9v-6.09A2.886,2.886,0,0,0,684.153,609.205ZM683,617.349a.906.906,0,0,1-.906.9l-12.189,0a.905.905,0,0,1-.905-.9v-6.1a.905.905,0,0,1,.905-.9h2.341a1.556,1.556,0,0,0,.986-.4l1.075-1.076a.148.148,0,0,1,.1-.043h3.18a.145.145,0,0,1,.1.044l1.078,1.075a1.371,1.371,0,0,0,.973.4H682.1a.9.9,0,0,1,.639.265.9.9,0,0,1,.264.643Z" fill="currentColor" />
-      <path id="Pfad_800" d="M678.1,621h-3.843a1.466,1.466,0,0,0-1.2,2.311l3.119,4.424,3.12-4.424A1.467,1.467,0,0,0,678.1,621Zm-1.922,3.265L675.289,623h1.783Z" fill="currentColor" />
+      <path
+        id="Pfad_798"
+        d="M676,610.232a3.884,3.884,0,1,0,3.884,3.884A3.889,3.889,0,0,0,676,610.232ZM676,616a1.884,1.884,0,1,1,1.884-1.884A1.886,1.886,0,0,1,676,616Z"
+        fill="currentColor"
+      />
+      <path
+        id="Pfad_799"
+        d="M684.153,609.205a2.883,2.883,0,0,0-2.058-.854H680l-.893-.892a2.163,2.163,0,0,0-1.517-.629h-3.18a2.16,2.16,0,0,0-1.517.63l-.89.891h-2.1A2.908,2.908,0,0,0,667,611.259v6.092a2.908,2.908,0,0,0,2.905,2.9h2.3l9.887,0a2.911,2.911,0,0,0,2.906-2.9v-6.09A2.886,2.886,0,0,0,684.153,609.205ZM683,617.349a.906.906,0,0,1-.906.9l-12.189,0a.905.905,0,0,1-.905-.9v-6.1a.905.905,0,0,1,.905-.9h2.341a1.556,1.556,0,0,0,.986-.4l1.075-1.076a.148.148,0,0,1,.1-.043h3.18a.145.145,0,0,1,.1.044l1.078,1.075a1.371,1.371,0,0,0,.973.4H682.1a.9.9,0,0,1,.639.265.9.9,0,0,1,.264.643Z"
+        fill="currentColor"
+      />
+      <path
+        id="Pfad_800"
+        d="M678.1,621h-3.843a1.466,1.466,0,0,0-1.2,2.311l3.119,4.424,3.12-4.424A1.467,1.467,0,0,0,678.1,621Zm-1.922,3.265L675.289,623h1.783Z"
+        fill="currentColor"
+      />
     </g>
   </svg>
 </template>

package/src/components/icons/Viewshed360Icon.vue

@@ -1,7 +1,19 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg id="icon_24_viewshed_360" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path id="Vereinigungsmenge_64" d="M11218.5,13309.529c0-.3.01-.878,3-.981,0-.007,0-.014,0-.021v-6a1,1,0,0,1,2,0v6c0,.007,0,.014,0,.021,2.992.1,3,.685,3,.981,0,.324,0,1-4,1S11218.5,13309.854,11218.5,13309.529Zm-2.89-12.895a.733.733,0,0,1,0-.781,8.084,8.084,0,0,1,13.776,0,.738.738,0,0,1,0,.784,8.084,8.084,0,0,1-13.776,0Zm2.735-1.6a8.278,8.278,0,0,0-1.188,1.212,8.185,8.185,0,0,0,1.188,1.21,7.3,7.3,0,0,0,1.3.854,3.508,3.508,0,0,1,0-4.129A7.288,7.288,0,0,0,11218.348,13295.032Zm7.677,1.212a3.5,3.5,0,0,1-.668,2.062,7.226,7.226,0,0,0,1.289-.852,8.051,8.051,0,0,0,1.192-1.21,7.821,7.821,0,0,0-1.192-1.209,7.359,7.359,0,0,0-1.289-.855A3.5,3.5,0,0,1,11226.024,13296.244Zm-5.562,0a2.039,2.039,0,1,0,2.037-2.041A2.039,2.039,0,0,0,11220.463,13296.244Zm.929,0a1.12,1.12,0,0,1,1.349-1.085.6.6,0,0,0-.083.3.6.6,0,0,0,.922.518,1.115,1.115,0,0,1-1.079,1.373A1.108,1.108,0,0,1,11221.392,13296.244Z" transform="translate(-11210.5 -13288.027)" fill="currentColor" stroke="none" />
+  <svg
+    id="icon_24_viewshed_360"
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
+    <path
+      id="Vereinigungsmenge_64"
+      d="M11218.5,13309.529c0-.3.01-.878,3-.981,0-.007,0-.014,0-.021v-6a1,1,0,0,1,2,0v6c0,.007,0,.014,0,.021,2.992.1,3,.685,3,.981,0,.324,0,1-4,1S11218.5,13309.854,11218.5,13309.529Zm-2.89-12.895a.733.733,0,0,1,0-.781,8.084,8.084,0,0,1,13.776,0,.738.738,0,0,1,0,.784,8.084,8.084,0,0,1-13.776,0Zm2.735-1.6a8.278,8.278,0,0,0-1.188,1.212,8.185,8.185,0,0,0,1.188,1.21,7.3,7.3,0,0,0,1.3.854,3.508,3.508,0,0,1,0-4.129A7.288,7.288,0,0,0,11218.348,13295.032Zm7.677,1.212a3.5,3.5,0,0,1-.668,2.062,7.226,7.226,0,0,0,1.289-.852,8.051,8.051,0,0,0,1.192-1.21,7.821,7.821,0,0,0-1.192-1.209,7.359,7.359,0,0,0-1.289-.855A3.5,3.5,0,0,1,11226.024,13296.244Zm-5.562,0a2.039,2.039,0,1,0,2.037-2.041A2.039,2.039,0,0,0,11220.463,13296.244Zm.929,0a1.12,1.12,0,0,1,1.349-1.085.6.6,0,0,0-.083.3.6.6,0,0,0,.922.518,1.115,1.115,0,0,1-1.079,1.373A1.108,1.108,0,0,1,11221.392,13296.244Z"
+      transform="translate(-11210.5 -13288.027)"
+      fill="currentColor"
+      stroke="none"
+    />
   </svg>
 </template>

package/src/components/icons/ViewshedConeIcon.vue

@@ -1,7 +1,18 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg id="icon_24_viewshed_cone" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path id="Pfad_797" d="M1099,464v-1a1,1,0,0,1,2,0v1a1,1,0,0,1-2,0Zm5.95,3.05a.993.993,0,0,0,.707-.293l.707-.707a1,1,0,1,0-1.414-1.414l-.707.707a1,1,0,0,0,.707,1.707Zm-9.193,8.193a1,1,0,0,0-1.414,0l-.707.707a1,1,0,1,0,1.414,1.414l.707-.707A1,1,0,0,0,1095.757,475.243ZM1108,470h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-14,1a1,1,0,0,0-1-1h-1a1,1,0,0,0,0,2h1A1,1,0,0,0,1094,471Zm11.657,4.243a1,1,0,0,0-1.414,1.414l.707.707a1,1,0,1,0,1.414-1.414Zm-11.314-8.486a1,1,0,1,0,1.414-1.414l-.707-.707a1,1,0,1,0-1.414,1.414ZM1096,471a4,4,0,1,1,4,4A4,4,0,0,1,1096,471Zm2,0a2,2,0,1,0,2-2A2,2,0,0,0,1098,471Zm3,10.018c0-.006,0-.012,0-.018v-4a1,1,0,0,0-2,0v4c0,.006,0,.012,0,.018-2.993.1-3,.687-3,.982,0,.325,0,1,4,1s4-.675,4-1C1104,481.7,1103.989,481.123,1101,481.018Zm8,1.982,1.732-3h-3.464Zm0-7-1.732,3h3.464Z" transform="translate(-1088 -460)" fill="currentColor" />
+  <svg
+    id="icon_24_viewshed_cone"
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
+    <path
+      id="Pfad_797"
+      d="M1099,464v-1a1,1,0,0,1,2,0v1a1,1,0,0,1-2,0Zm5.95,3.05a.993.993,0,0,0,.707-.293l.707-.707a1,1,0,1,0-1.414-1.414l-.707.707a1,1,0,0,0,.707,1.707Zm-9.193,8.193a1,1,0,0,0-1.414,0l-.707.707a1,1,0,1,0,1.414,1.414l.707-.707A1,1,0,0,0,1095.757,475.243ZM1108,470h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-14,1a1,1,0,0,0-1-1h-1a1,1,0,0,0,0,2h1A1,1,0,0,0,1094,471Zm11.657,4.243a1,1,0,0,0-1.414,1.414l.707.707a1,1,0,1,0,1.414-1.414Zm-11.314-8.486a1,1,0,1,0,1.414-1.414l-.707-.707a1,1,0,1,0-1.414,1.414ZM1096,471a4,4,0,1,1,4,4A4,4,0,0,1,1096,471Zm2,0a2,2,0,1,0,2-2A2,2,0,0,0,1098,471Zm3,10.018c0-.006,0-.012,0-.018v-4a1,1,0,0,0-2,0v4c0,.006,0,.012,0,.018-2.993.1-3,.687-3,.982,0,.325,0,1,4,1s4-.675,4-1C1104,481.7,1103.989,481.123,1101,481.018Zm8,1.982,1.732-3h-3.464Zm0-7-1.732,3h3.464Z"
+      transform="translate(-1088 -460)"
+      fill="currentColor"
+    />
   </svg>
 </template>

package/src/components/icons/ViewshedIcon.vue

@@ -1,7 +1,19 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg id="icon_24_viewshed" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path id="Vereinigungsmenge_63" d="M11153,13347a1,1,0,0,1-1-1v-5a1,1,0,0,1,1-1h3a1,1,0,0,1,1,1v5a1,1,0,0,1-1,1Zm1-2h1v-3h-1Zm-4.225-.145-7.018-4.244c-.1.135-.19.282-.3.409a6.143,6.143,0,0,1-1.179,1.008.513.513,0,0,1-.274.081.5.5,0,0,1-.419-.229.5.5,0,0,1,.147-.689,5.168,5.168,0,0,0,.981-.841c.073-.08.124-.174.19-.258l-1.42-.857a1,1,0,0,1-.482-.857v-2.82a1,1,0,0,1,.526-.878l1.4-.757a4.936,4.936,0,0,0-1.049-1.012.5.5,0,0,1,.576-.817,6.029,6.029,0,0,1,1.363,1.347l11.7-6.321a1,1,0,0,1,1.477.881v10a1,1,0,0,1-1,1h-3.705v5a1,1,0,0,1-1,1A1.022,1.022,0,0,1,11149.776,13344.856Zm-6.056-9.63a5.706,5.706,0,0,1-.03,3.611l5.6,3.39V13338a1,1,0,0,1,1-1H11154v-7.322Zm-1.722.932v1.657l.807.489a4.659,4.659,0,0,0,.021-2.593Zm-6,.84,2.636-1.43a3,3,0,0,1,.091,2.687Z" transform="translate(-11134 -13325)" fill="currentColor" stroke="none" />
+  <svg
+    id="icon_24_viewshed"
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
+    <path
+      id="Vereinigungsmenge_63"
+      d="M11153,13347a1,1,0,0,1-1-1v-5a1,1,0,0,1,1-1h3a1,1,0,0,1,1,1v5a1,1,0,0,1-1,1Zm1-2h1v-3h-1Zm-4.225-.145-7.018-4.244c-.1.135-.19.282-.3.409a6.143,6.143,0,0,1-1.179,1.008.513.513,0,0,1-.274.081.5.5,0,0,1-.419-.229.5.5,0,0,1,.147-.689,5.168,5.168,0,0,0,.981-.841c.073-.08.124-.174.19-.258l-1.42-.857a1,1,0,0,1-.482-.857v-2.82a1,1,0,0,1,.526-.878l1.4-.757a4.936,4.936,0,0,0-1.049-1.012.5.5,0,0,1,.576-.817,6.029,6.029,0,0,1,1.363,1.347l11.7-6.321a1,1,0,0,1,1.477.881v10a1,1,0,0,1-1,1h-3.705v5a1,1,0,0,1-1,1A1.022,1.022,0,0,1,11149.776,13344.856Zm-6.056-9.63a5.706,5.706,0,0,1-.03,3.611l5.6,3.39V13338a1,1,0,0,1,1-1H11154v-7.322Zm-1.722.932v1.657l.807.489a4.659,4.659,0,0,0,.021-2.593Zm-6,.84,2.636-1.43a3,3,0,0,1,.091,2.687Z"
+      transform="translate(-11134 -13325)"
+      fill="currentColor"
+      stroke="none"
+    />
   </svg>
 </template>

package/src/components/icons/WalkingIcon.vue

@@ -1,7 +1,18 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="10.666" height="15.999" viewBox="0 0 10.666 15.999">
-    <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(-4.866 -0.784)" fill="currentColor" />
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="10.666"
+    height="15.999"
+    viewBox="0 0 10.666 15.999"
+  >
+    <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(-4.866 -0.784)"
+      fill="currentColor"
+    />
   </svg>
 </template>

package/src/components/icons/WallIcon.vue

@@ -1,9 +1,25 @@
 <!-- eslint-disable max-len -->
 <template>
-  <svg id="icon_24_wall" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <svg
+    id="icon_24_wall"
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
     <g id="Gruppe_1440" data-name="Gruppe 1440" transform="translate(3 1)">
-      <path id="Pfad_530" data-name="Pfad 530" d="M16.158,20h-3V2h3V7h2V1a1,1,0,0,0-1-1H12.593a1,1,0,0,0-.2.02L.805,2.33A1,1,0,0,0,0,3.311V15.864a1,1,0,0,0,.59.913L12,21.912a1,1,0,0,0,.41.088h4.745a1,1,0,0,0,1-1V15h-2ZM2,4.131l9.158-1.825V19.339L2,15.218Z" fill="currentColor" />
-      <path id="Pfad_531" data-name="Pfad 531" d="M17.158,8a3,3,0,1,0,3,3,3,3,0,0,0-3-3" fill="currentColor" />
+      <path
+        id="Pfad_530"
+        data-name="Pfad 530"
+        d="M16.158,20h-3V2h3V7h2V1a1,1,0,0,0-1-1H12.593a1,1,0,0,0-.2.02L.805,2.33A1,1,0,0,0,0,3.311V15.864a1,1,0,0,0,.59.913L12,21.912a1,1,0,0,0,.41.088h4.745a1,1,0,0,0,1-1V15h-2ZM2,4.131l9.158-1.825V19.339L2,15.218Z"
+        fill="currentColor"
+      />
+      <path
+        id="Pfad_531"
+        data-name="Pfad 531"
+        d="M17.158,8a3,3,0,1,0,3,3,3,3,0,0,0-3-3"
+        fill="currentColor"
+      />
     </g>
   </svg>
 </template>

package/src/components/icons/WandIcon.vue

@@ -1,61 +1,169 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg id="icon_wizard" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <svg
+    id="icon_wizard"
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+  >
     <g id="wand" transform="translate(1.706 1.705)">
-      <g id="Gruppe_1465" data-name="Gruppe 1465" transform="translate(0 10.491)">
+      <g
+        id="Gruppe_1465"
+        data-name="Gruppe 1465"
+        transform="translate(0 10.491)"
+      >
         <g id="Gruppe_1464" data-name="Gruppe 1464">
-          <path id="Pfad_540" data-name="Pfad 540" d="M1.574,22.1a.476.476,0,0,1-.367-.157L.157,20.892a.507.507,0,0,1,0-.734.507.507,0,0,1,.734,0l1.049,1.049a.507.507,0,0,1,0,.734A.476.476,0,0,1,1.574,22.1Z" transform="translate(0 -20)" fill="currentColor" />
+          <path
+            id="Pfad_540"
+            data-name="Pfad 540"
+            d="M1.574,22.1a.476.476,0,0,1-.367-.157L.157,20.892a.507.507,0,0,1,0-.734.507.507,0,0,1,.734,0l1.049,1.049a.507.507,0,0,1,0,.734A.476.476,0,0,1,1.574,22.1Z"
+            transform="translate(0 -20)"
+            fill="currentColor"
+          />
         </g>
       </g>
-      <g id="Gruppe_1467" data-name="Gruppe 1467" transform="translate(1.049 1.049)">
+      <g
+        id="Gruppe_1467"
+        data-name="Gruppe 1467"
+        transform="translate(1.049 1.049)"
+      >
         <g id="Gruppe_1466" data-name="Gruppe 1466">
-          <path id="Pfad_541" data-name="Pfad 541" d="M2.525,13.54a.476.476,0,0,1-.367-.157.507.507,0,0,1,0-.734L12.648,2.157a.519.519,0,1,1,.734.734L2.892,13.382A.476.476,0,0,1,2.525,13.54Z" transform="translate(-2 -2)" fill="currentColor" />
+          <path
+            id="Pfad_541"
+            data-name="Pfad 541"
+            d="M2.525,13.54a.476.476,0,0,1-.367-.157.507.507,0,0,1,0-.734L12.648,2.157a.519.519,0,1,1,.734.734L2.892,13.382A.476.476,0,0,1,2.525,13.54Z"
+            transform="translate(-2 -2)"
+            fill="currentColor"
+          />
         </g>
       </g>
-      <g id="Gruppe_1469" data-name="Gruppe 1469" transform="translate(10.491 0)">
+      <g
+        id="Gruppe_1469"
+        data-name="Gruppe 1469"
+        transform="translate(10.491 0)"
+      >
         <g id="Gruppe_1468" data-name="Gruppe 1468">
-          <path id="Pfad_542" data-name="Pfad 542" d="M21.574,2.1a.476.476,0,0,1-.367-.157L20.157.892a.507.507,0,0,1,0-.734.507.507,0,0,1,.734,0l1.049,1.049a.507.507,0,0,1,0,.734A.476.476,0,0,1,21.574,2.1Z" transform="translate(-20 0)" fill="currentColor" />
+          <path
+            id="Pfad_542"
+            data-name="Pfad 542"
+            d="M21.574,2.1a.476.476,0,0,1-.367-.157L20.157.892a.507.507,0,0,1,0-.734.507.507,0,0,1,.734,0l1.049,1.049a.507.507,0,0,1,0,.734A.476.476,0,0,1,21.574,2.1Z"
+            transform="translate(-20 0)"
+            fill="currentColor"
+          />
         </g>
       </g>
       <g id="Gruppe_1471" data-name="Gruppe 1471" transform="translate(0 0)">
         <g id="Gruppe_1470" data-name="Gruppe 1470">
-          <path id="Pfad_543" data-name="Pfad 543" d="M.525,11.54a.476.476,0,0,1-.367-.157.507.507,0,0,1,0-.734L10.648.157a.507.507,0,0,1,.734,0,.507.507,0,0,1,0,.734L.892,11.382A.476.476,0,0,1,.525,11.54Z" transform="translate(0 0)" fill="currentColor" />
+          <path
+            id="Pfad_543"
+            data-name="Pfad 543"
+            d="M.525,11.54a.476.476,0,0,1-.367-.157.507.507,0,0,1,0-.734L10.648.157a.507.507,0,0,1,.734,0,.507.507,0,0,1,0,.734L.892,11.382A.476.476,0,0,1,.525,11.54Z"
+            transform="translate(0 0)"
+            fill="currentColor"
+          />
         </g>
       </g>
-      <g id="Gruppe_1473" data-name="Gruppe 1473" transform="translate(8.393 2.098)">
+      <g
+        id="Gruppe_1473"
+        data-name="Gruppe 1473"
+        transform="translate(8.393 2.098)"
+      >
         <g id="Gruppe_1472" data-name="Gruppe 1472">
-          <path id="Pfad_544" data-name="Pfad 544" d="M17.574,6.1a.476.476,0,0,1-.367-.157L16.157,4.892a.519.519,0,0,1,.734-.734l1.049,1.049a.507.507,0,0,1,0,.734A.476.476,0,0,1,17.574,6.1Z" transform="translate(-16 -4)" fill="currentColor" />
+          <path
+            id="Pfad_544"
+            data-name="Pfad 544"
+            d="M17.574,6.1a.476.476,0,0,1-.367-.157L16.157,4.892a.519.519,0,0,1,.734-.734l1.049,1.049a.507.507,0,0,1,0,.734A.476.476,0,0,1,17.574,6.1Z"
+            transform="translate(-16 -4)"
+            fill="currentColor"
+          />
         </g>
       </g>
-      <g id="Gruppe_1475" data-name="Gruppe 1475" transform="translate(7.344 7.344)">
+      <g
+        id="Gruppe_1475"
+        data-name="Gruppe 1475"
+        transform="translate(7.344 7.344)"
+      >
         <g id="Gruppe_1474" data-name="Gruppe 1474">
-          <path id="Pfad_545" data-name="Pfad 545" d="M14.525,16.1A.5.5,0,0,1,14,15.574V14.525a.525.525,0,1,1,1.049,0v1.049A.5.5,0,0,1,14.525,16.1Z" transform="translate(-14 -14)" fill="currentColor" />
+          <path
+            id="Pfad_545"
+            data-name="Pfad 545"
+            d="M14.525,16.1A.5.5,0,0,1,14,15.574V14.525a.525.525,0,1,1,1.049,0v1.049A.5.5,0,0,1,14.525,16.1Z"
+            transform="translate(-14 -14)"
+            fill="currentColor"
+          />
         </g>
       </g>
       <g id="Gruppe_1477" data-name="Gruppe 1477" transform="translate(7.344)">
         <g id="Gruppe_1476" data-name="Gruppe 1476">
-          <path id="Pfad_546" data-name="Pfad 546" d="M14.525,2.1A.5.5,0,0,1,14,1.574V.525a.525.525,0,0,1,1.049,0V1.574A.5.5,0,0,1,14.525,2.1Z" transform="translate(-14)" fill="currentColor" />
+          <path
+            id="Pfad_546"
+            data-name="Pfad 546"
+            d="M14.525,2.1A.5.5,0,0,1,14,1.574V.525a.525.525,0,0,1,1.049,0V1.574A.5.5,0,0,1,14.525,2.1Z"
+            transform="translate(-14)"
+            fill="currentColor"
+          />
         </g>
       </g>
-      <g id="Gruppe_1479" data-name="Gruppe 1479" transform="translate(3.147 4.196)">
+      <g
+        id="Gruppe_1479"
+        data-name="Gruppe 1479"
+        transform="translate(3.147 4.196)"
+      >
         <g id="Gruppe_1478" data-name="Gruppe 1478">
-          <path id="Pfad_547" data-name="Pfad 547" d="M7.574,9.049H6.525A.525.525,0,0,1,6.525,8H7.574a.525.525,0,0,1,0,1.049Z" transform="translate(-6 -8)" fill="currentColor" />
+          <path
+            id="Pfad_547"
+            data-name="Pfad 547"
+            d="M7.574,9.049H6.525A.525.525,0,0,1,6.525,8H7.574a.525.525,0,0,1,0,1.049Z"
+            transform="translate(-6 -8)"
+            fill="currentColor"
+          />
         </g>
       </g>
-      <g id="Gruppe_1481" data-name="Gruppe 1481" transform="translate(10.491 4.196)">
+      <g
+        id="Gruppe_1481"
+        data-name="Gruppe 1481"
+        transform="translate(10.491 4.196)"
+      >
         <g id="Gruppe_1480" data-name="Gruppe 1480">
-          <path id="Pfad_548" data-name="Pfad 548" d="M21.574,9.049H20.525a.525.525,0,0,1,0-1.049h1.049a.525.525,0,1,1,0,1.049Z" transform="translate(-20 -8)" fill="currentColor" />
+          <path
+            id="Pfad_548"
+            data-name="Pfad 548"
+            d="M21.574,9.049H20.525a.525.525,0,0,1,0-1.049h1.049a.525.525,0,1,1,0,1.049Z"
+            transform="translate(-20 -8)"
+            fill="currentColor"
+          />
         </g>
       </g>
-      <g id="Gruppe_1483" data-name="Gruppe 1483" transform="translate(3.986 0.839)">
+      <g
+        id="Gruppe_1483"
+        data-name="Gruppe 1483"
+        transform="translate(3.986 0.839)"
+      >
         <g id="Gruppe_1482" data-name="Gruppe 1482">
-          <path id="Pfad_549" data-name="Pfad 549" d="M9.279,3.8a.476.476,0,0,1-.367-.157L7.757,2.492a.519.519,0,0,1,.734-.734l1.1,1.1a.507.507,0,0,1,0,.734A.326.326,0,0,1,9.279,3.8Z" transform="translate(-7.6 -1.6)" fill="currentColor" />
+          <path
+            id="Pfad_549"
+            data-name="Pfad 549"
+            d="M9.279,3.8a.476.476,0,0,1-.367-.157L7.757,2.492a.519.519,0,0,1,.734-.734l1.1,1.1a.507.507,0,0,1,0,.734A.326.326,0,0,1,9.279,3.8Z"
+            transform="translate(-7.6 -1.6)"
+            fill="currentColor"
+          />
         </g>
       </g>
-      <g id="Gruppe_1485" data-name="Gruppe 1485" transform="translate(9.599 6.452)">
+      <g
+        id="Gruppe_1485"
+        data-name="Gruppe 1485"
+        transform="translate(9.599 6.452)"
+      >
         <g id="Gruppe_1484" data-name="Gruppe 1484">
-          <path id="Pfad_550" data-name="Pfad 550" d="M19.926,14.451a.476.476,0,0,1-.367-.157l-1.1-1.1a.519.519,0,1,1,.734-.734l1.1,1.1a.507.507,0,0,1,0,.734A.567.567,0,0,1,19.926,14.451Z" transform="translate(-18.3 -12.3)" fill="currentColor" />
+          <path
+            id="Pfad_550"
+            data-name="Pfad 550"
+            d="M19.926,14.451a.476.476,0,0,1-.367-.157l-1.1-1.1a.519.519,0,1,1,.734-.734l1.1,1.1a.507.507,0,0,1,0,.734A.567.567,0,0,1,19.926,14.451Z"
+            transform="translate(-18.3 -12.3)"
+            fill="currentColor"
+          />
         </g>
       </g>
     </g>

package/src/components/imageElementInjector.vue

@@ -17,6 +17,4 @@
   };
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

package/src/components/lists/VcsActionList.vue

@@ -1,28 +1,25 @@
 <template>
-  <v-list
-    v-if="actions.length > 0"
-  >
+  <v-list v-if="actions.length > 0">
     <VcsTooltip
       v-for="(action, index) in actions"
       :key="`${action.name}-${index}`"
       :tooltip="action.title"
       :tooltip-position="tooltipPosition"
-      v-bind="{...tooltipProps}"
+      v-bind="{ ...tooltipProps }"
     >
       <template #activator="{ on, attrs }">
         <v-list-item
           :class="action.active ? 'primary--text' : ''"
+          :disabled="action.disabled"
           @click="action.callback($event)"
-          v-bind="{...$attrs, ...attrs}"
-          v-on="{...$listeners, ...on}"
+          v-bind="{ ...$attrs, ...attrs }"
+          v-on="{ ...$listeners, ...on }"
         >
           <v-list-item-icon v-if="showIcon && action.icon">
-            <v-icon v-text="action.icon" small />
+            <v-icon small>{{ action.icon }}</v-icon>
           </v-list-item-icon>
-          <v-list-item-content
-            class="vcs-action-list"
-          >
-            <v-list-item-title v-text="$t(action.name)" />
+          <v-list-item-content class="vcs-action-list">
+            <v-list-item-title>{{ $t(action.name) }}</v-list-item-title>
           </v-list-item-content>
         </v-list-item>
       </template>
@@ -30,17 +27,22 @@
   </v-list>
 </template>
 <style lang="scss">
-.vcs-action-list {
-  width: 100%;
-  &:hover{
-    color: var(--v-primary-base);
+  .vcs-action-list {
+    width: 100%;
+    &:hover {
+      color: var(--v-primary-base);
+    }
   }
-}
 </style>
 <script>
   import { is } from '@vcsuite/check';
   import {
-    VIcon, VList, VListItem, VListItemContent, VListItemIcon, VListItemTitle,
+    VIcon,
+    VList,
+    VListItem,
+    VListItemContent,
+    VListItemIcon,
+    VListItemTitle,
   } from 'vuetify/lib';
   import VcsTooltip from '../notification/VcsTooltip.vue';
 
@@ -52,6 +54,7 @@
    * @property {Function} callback - callback function is triggered when the button is clicked
    * @property {boolean} [active=false] - optional state of button. If active, button is rendered in primary color
    * @property {boolean} [background=false] - optional background state. If active and background, button is rendered in primary color outlined
+   * @property {boolean} [disabled=false] - optional flag to indicate that the action is disabled
    */
 
   /**
@@ -65,6 +68,7 @@
     callback: Function,
     active: [undefined, Boolean],
     background: [undefined, Boolean],
+    disabled: [undefined, Boolean],
   };
 
   /**
@@ -83,7 +87,6 @@
     return actions.every(validateAction);
   }
 
-
   /**
    * @description
    * A component rendering a list of actions with overflow mechanic using