npm - @vcmap/ui - Versions diffs - 5.3.7 → 6.0.0-rc.10 - Mend

@vcmap/ui 5.3.7 → 6.0.0-rc.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (807) hide show

package/src/components/icons/TrashCanIcon.vue CHANGED Viewed

@@ -1,14 +1,8 @@
 <!-- eslint-disable max-len -->
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="12"
-    height="14"
-    viewBox="0 0 12 14"
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 14">
     <path
-      id="delete"
       d="M14.525,4.27A.5.5,0,0,1,15,4.784V5.05a.5.5,0,0,1-.475.514H3.476A.5.5,0,0,1,3,5.05V4.784a.5.5,0,0,1,.476-.514H5.42a.866.866,0,0,0,.827-.71l.1-.477A1.341,1.341,0,0,1,7.624,2h2.753a1.338,1.338,0,0,1,1.268,1.048l.109.511a.865.865,0,0,0,.827.711Zm-.988,9.724c.2-1.986.558-6.7.558-6.751a.539.539,0,0,0-.121-.391.474.474,0,0,0-.349-.164H4.379a.461.461,0,0,0-.349.164.571.571,0,0,0-.127.391c0,.009.014.175.035.453.095,1.234.358,4.672.529,6.3a1.989,1.989,0,0,0,1.954,1.979c.837.02,1.7.027,2.581.027.831,0,1.674-.007,2.537-.027A1.988,1.988,0,0,0,13.537,13.994Z"
       transform="translate(-3 -2)"
       fill="currentColor"

package/src/components/icons/TrashCanIcon.vue.d.ts CHANGED Viewed

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

package/src/components/icons/TriangleIcon.vue CHANGED Viewed

@@ -1,12 +1,7 @@
 <!-- eslint-disable max-len -->
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path
       id="Path_22"
       d="M12,0A3,3,0,1,1,9,3,3,3,0,0,1,12,0ZM3,18a3,3,0,1,1-3,3A3,3,0,0,1,3,18Zm18,0a3,3,0,1,1-3,3A3,3,0,0,1,21,18ZM4.218,15.829,8.494,7.276a.251.251,0,0,1,.336-.111l1.342.671a.25.25,0,0,1,.112.335L6.008,16.724a.25.25,0,0,1-.335.112L4.33,16.164A.249.249,0,0,1,4.218,15.829Zm9.611-7.993,1.342-.671a.249.249,0,0,1,.335.112l4.276,8.553a.249.249,0,0,1-.112.335l-1.342.671a.249.249,0,0,1-.335-.112L13.717,8.171A.251.251,0,0,1,13.829,7.836ZM7.75,20h8.5a.25.25,0,0,1,.25.25v1.5a.25.25,0,0,1-.25.25H7.75a.25.25,0,0,1-.25-.25v-1.5A.25.25,0,0,1,7.75,20Z"

package/src/components/icons/TriangleIcon.vue.d.ts CHANGED Viewed

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

package/src/components/icons/TwoDimensionsIcon.vue CHANGED Viewed

@@ -1,13 +1,7 @@
 <!-- eslint-disable max-len -->
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-  >
-    <rect id="size" width="24" height="24" fill="none" />
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path
       id="Path_489"
       d="M1.1-1.9V-4.456L6.295-9.711a10.338,10.338,0,0,0,1.03-1.158,4.419,4.419,0,0,0,.6-1.062,3.144,3.144,0,0,0,.2-1.126,2.11,2.11,0,0,0-.221-1,1.4,1.4,0,0,0-.715-.633A3.481,3.481,0,0,0,5.833-14.9H1.461v-2.488q1.009-.193,2.238-.354A21.267,21.267,0,0,1,6.442-17.9a6.568,6.568,0,0,1,2.869.515,3.046,3.046,0,0,1,1.482,1.48,5.6,5.6,0,0,1,.441,2.338,6.333,6.333,0,0,1-.284,1.952,6.587,6.587,0,0,1-.83,1.684A10.5,10.5,0,0,1,8.733-8.317L5.244-4.778h6.473V-1.9Zm12,0V-17.775h6.578a5.474,5.474,0,0,1,2.627.568,4.247,4.247,0,0,1,1.671,1.63,7.492,7.492,0,0,1,.872,2.52A18.941,18.941,0,0,1,25.1-9.84a13.968,13.968,0,0,1-.6,4.44,5.188,5.188,0,0,1-1.8,2.627,5.023,5.023,0,0,1-3.026.869Zm3.11-2.853h3.152A2.071,2.071,0,0,0,20.9-5.325a3.472,3.472,0,0,0,.83-1.705,12.719,12.719,0,0,0,.263-2.81,15.763,15.763,0,0,0-.168-2.542,4.673,4.673,0,0,0-.494-1.555,1.778,1.778,0,0,0-.82-.772,2.854,2.854,0,0,0-1.145-.214H16.214Z"

package/src/components/icons/TwoDimensionsIcon.vue.d.ts CHANGED Viewed

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

package/src/components/icons/UploadIcon.vue CHANGED Viewed

@@ -1,12 +1,7 @@
 <!-- eslint-disable max-len -->
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" 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"

package/src/components/icons/UploadIcon.vue.d.ts CHANGED Viewed

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

package/src/components/icons/UserProfileIcon.vue CHANGED Viewed

@@ -1,14 +1,8 @@
 <!-- eslint-disable max-len -->
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="16"
-    height="16"
-    viewBox="0 0 16 16"
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" 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"

package/src/components/icons/UserProfileIcon.vue.d.ts CHANGED Viewed

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

package/src/components/icons/UserShareIcon.vue CHANGED Viewed

@@ -1,12 +1,7 @@
 <!-- eslint-disable max-len -->
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="16"
-    height="16.007"
-    viewBox="0 0 16 16.007"
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" 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"

package/src/components/icons/UserShareIcon.vue.d.ts CHANGED Viewed

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

package/src/components/icons/VideoRecorderIcon.vue CHANGED Viewed

@@ -1,12 +1,7 @@
 <!-- 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" viewBox="0 0 22 22">
     <g id="Gruppe_2012" transform="translate(-1592 -578)">
       <path
         id="Pfad_791"

package/src/components/icons/VideoRecorderIcon.vue.d.ts CHANGED Viewed

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

package/src/components/icons/ViewpointFlightIcon.vue CHANGED Viewed

@@ -1,12 +1,7 @@
 <!-- eslint-disable max-len -->
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <g id="Gruppe_2014" transform="translate(-698 -606)">
       <path
         id="Pfad_802"

package/src/components/icons/ViewpointFlightIcon.vue.d.ts CHANGED Viewed

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

package/src/components/icons/ViewpointIcon.vue CHANGED Viewed

@@ -1,12 +1,7 @@
 <!-- eslint-disable max-len -->
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <g id="Gruppe_2013" transform="translate(-664 -604.83)">
       <path
         id="Pfad_798"

package/src/components/icons/ViewpointIcon.vue.d.ts CHANGED Viewed

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

package/src/components/icons/Viewshed360Icon.vue CHANGED Viewed

@@ -1,14 +1,8 @@
 <!-- eslint-disable max-len -->
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" 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"

package/src/components/icons/Viewshed360Icon.vue.d.ts CHANGED Viewed

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

package/src/components/icons/ViewshedConeIcon.vue CHANGED Viewed

@@ -1,14 +1,8 @@
 <!-- eslint-disable max-len -->
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" 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"

package/src/components/icons/ViewshedConeIcon.vue.d.ts CHANGED Viewed

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

package/src/components/icons/ViewshedIcon.vue CHANGED Viewed

@@ -1,14 +1,8 @@
 <!-- eslint-disable max-len -->
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" 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"

package/src/components/icons/ViewshedIcon.vue.d.ts CHANGED Viewed

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

package/src/components/icons/WalkingIcon.vue CHANGED Viewed

@@ -1,12 +1,7 @@
 <!-- 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"
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.666 15.999">
     <path
       id="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"

package/src/components/icons/WalkingIcon.vue.d.ts CHANGED Viewed

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

package/src/components/icons/WallIcon.vue CHANGED Viewed

@@ -1,11 +1,6 @@
 <!-- eslint-disable max-len -->
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <g id="Gruppe_1440" transform="translate(3 1)">
       <path
         id="Pfad_530"

package/src/components/icons/WallIcon.vue.d.ts CHANGED Viewed

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

package/src/components/icons/WandIcon.vue CHANGED Viewed

@@ -1,12 +1,7 @@
 <!-- eslint-disable max-len -->
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="16"
-    height="16"
-    viewBox="0 0 16 16"
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
     <g id="wand" transform="translate(1.706 1.705)">
       <g id="Gruppe_1465" transform="translate(0 10.491)">
         <g id="Gruppe_1464">

package/src/components/icons/WandIcon.vue.d.ts CHANGED Viewed

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

package/src/components/import/VcsFileDrop.vue ADDED Viewed

@@ -0,0 +1,83 @@
+<template>
+  <v-card
+    @dragenter.prevent="isDragging = true"
+    @dragover.prevent="isDragging = true"
+    @dragleave.prevent="isDragging = false"
+    @drop.prevent="dropped"
+    class="d-flex justify-center drop-field vcs-file-drop"
+    :class="{ dragging: isDragging }"
+    :dragging="isDragging"
+    flat
+    v-bind="$attrs"
+  >
+    <slot>
+      <v-card-title class="d-flex align-center text-primary">{{
+        $st(title)
+      }}</v-card-title>
+    </slot>
+  </v-card>
+</template>
+<script>
+  import { VCard, VCardTitle } from 'vuetify/components';
+  import { ref } from 'vue';
+  /**
+   * A component providing a file drop area based on  {@link https://vuetifyjs.com/en/api/v-card/|vuetify v-card}
+   * @vue-props {Array<File>} [modelValue=[]] - The model containing dropped files
+   * @vue-props {string} [title] - Option to override the drop areas default title
+   * @vue-prop {boolean} [multiple=true] - allows or disallows importing multiple files at once
+   */
+  export default {
+    name: 'VcsFileDrop',
+    components: {
+      VCard,
+      VCardTitle,
+    },
+    props: {
+      modelValue: {
+        type: Array,
+        default: () => [],
+      },
+      title: {
+        type: String,
+        default: 'components.import.fileDrop',
+      },
+      multiple: {
+        type: Boolean,
+        default: true,
+      },
+    },
+    emits: ['update:modelValue'],
+    setup(props, { emit }) {
+      const isDragging = ref(false);
+      return {
+        isDragging,
+        dropped(event) {
+          isDragging.value = false;
+          if (event.dataTransfer?.files) {
+            const files = [];
+            for (let i = 0; i < event.dataTransfer.files.length; i++) {
+              files.push(event.dataTransfer.files[i]);
+            }
+            emit('update:modelValue', props.multiple ? files : files[0]);
+          }
+        },
+      };
+    },
+  };
+</script>
+<style scoped lang="scss">
+  .drop-field {
+    margin: 8px 8px;
+    outline: 2px dashed rgb(var(--v-theme-primary));
+    border-radius: 4px;
+    background-color: rgb(var(--v-theme-base-lighten-4));
+  }
+  .dragging {
+    background-color: rgb(var(--v-theme-primary-lighten-3));
+  }
+</style>

package/src/components/import/VcsFileDrop.vue.d.ts ADDED Viewed

@@ -0,0 +1,37 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    isDragging: import("vue").Ref<boolean>;
+    dropped(event: any): void;
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    modelValue: unknown[];
+    multiple: boolean;
+}, {}>;
+export default _default;

package/src/components/import/{ImportComponent.vue → VcsImportComponent.vue} RENAMED Viewed

@@ -1,43 +1,50 @@
 <template>
-  <v-card flat class="pa-2">
-    <file-drop elevation="4" height="60px" v-model="files" />
-    <vcs-text-field
-      type="file"
+  <v-card flat class="pa-2 vcs-import-component">
+    <vcs-file-drop
+      :height="dropElementHeight"
+      :multiple="multiple"
       v-model="files"
+    />
+    <vcs-file-input
       :loading="loading"
       :multiple="multiple"
       :accept="fileTypes.join(',')"
+      v-bind="noListenerAttrs"
+      v-model="files"
     />
-    <div class="d-flex justify-end gap-1 mx-3 pt-2 pb-1">
-      <vcs-form-button @click="$emit('close')">
-        {{ $t('components.cancel') }}
-      </vcs-form-button>
+    <div class="d-flex justify-end gc-1 mx-3 pt-2 pb-1">
       <vcs-form-button
         variant="filled"
         :disabled="files.length === 0"
         @click="doImport"
         >{{ $t('components.import.submit') }}</vcs-form-button
       >
+      <vcs-form-button @click="$emit('close')">
+        {{ $t('components.cancel') }}
+      </vcs-form-button>
     </div>
   </v-card>
 </template>
 <script>
-  import { VCard } from 'vuetify/lib';
+  import { VCard } from 'vuetify/components';
   import { computed, inject, ref } from 'vue';
-  import FileDrop from './FileDrop.vue';
+  import { removeListenersFromAttrs } from '../attrsHelpers.js';
+  import { useFontSize } from '../../vuePlugins/vuetify.js';
+  import VcsFileDrop from './VcsFileDrop.vue';
   import VcsFormButton from '../buttons/VcsFormButton.vue';
-  import VcsTextField from '../form-inputs-controls/VcsTextField.vue';
+  import VcsFileInput from '../form-inputs-controls/VcsFileInput.vue';
   import { NotificationType } from '../../notifier/notifier.js';
   /**
+   * A component providing an import functionality for files
    * @vue-prop {function(Array<File>):boolean} importFiles - the callback to
-   * @vue-prop {string[]} [fileTypes=[]]
-   * @vue-prop {boolean} [multiple=false]
+   * @vue-prop {string[]} [fileTypes=[]] - accepted file types, see https://html.spec.whatwg.org/multipage/input.html#attr-input-accept
+   * @vue-prop {boolean} [multiple=true] - allows or disallows importing multiple files at once
    */
   export default {
-    name: 'ImportComponent',
-    components: { VcsFormButton, VcsTextField, VCard, FileDrop },
+    name: 'VcsImportComponent',
+    components: { VcsFormButton, VcsFileInput, VCard, VcsFileDrop },
     props: {
       importFiles: {
         type: Function,
@@ -52,7 +59,7 @@
         default: true,
       },
     },
-    setup(props, { emit }) {
+    setup(props, { attrs, emit }) {
       const app = inject('vcsApp');
       const localFiles = ref([]);
       const loading = ref(false);
@@ -68,9 +75,18 @@
         },
       });
+      const noListenerAttrs = computed(() => removeListenersFromAttrs(attrs));
+      const fontSize = useFontSize();
+      const dropElementHeight = computed(() => {
+        return fontSize.value * 6 + 18;
+      });
       return {
         files,
         loading,
+        noListenerAttrs,
+        dropElementHeight,
         async doImport() {
           loading.value = true;
           try {

package/src/components/import/{ImportComponent.vue.d.ts → VcsImportComponent.vue.d.ts} RENAMED Viewed

@@ -14,8 +14,10 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     files: WritableComputedRef<File[]>;
     loading: import("vue").Ref<boolean>;
+    noListenerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
+    dropElementHeight: import("vue").ComputedRef<number>;
     doImport(): Promise<void>;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     importFiles: {
         type: FunctionConstructor;
         required: true;
@@ -29,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    fileTypes: unknown[];
     multiple: boolean;
-}>;
+    fileTypes: unknown[];
+}, {}>;
 export default _default;