@vcmap/ui 5.0.0-rc.9 → 5.0.0

package/src/components/form-output/VcsFormattedNumber.vue

@@ -1,52 +1,50 @@
 <template>
-  <span class="vcs-formatted-number" :class="{'vcs-formatted-number-dense': dense}">
+  <span
+    class="vcs-formatted-number pr-2 pl-1"
+    :class="{ 'vcs-formatted-number-dense': dense }"
+  >
     {{ formatted }}
-    <span v-if="unit === SpecialUnits.SQM">
-      m<sup>2</sup>
-    </span>
-    <span v-else-if="unit === SpecialUnits.CBM">
-      m<sup>3</sup>
-    </span>
-    <span v-else-if="unit === SpecialUnits.DEG">
-      °
-    </span>
+    <span v-if="unit === SpecialUnits.SQM"> m<sup>2</sup> </span>
+    <span v-else-if="unit === SpecialUnits.CBM"> m<sup>3</sup> </span>
+    <span v-else-if="unit === SpecialUnits.DEG"> ° </span>
     <span v-else>
       {{ unit }}
     </span>
   </span>
 </template>
 <style lang="scss" scoped>
-@import "../../styles/vcsGrid.scss";
-@import "../../styles/vcsFont";
-.vcs-formatted-number {
-  font-size: $base-font-size;
-  line-height: $line-height-base;
-}
-.vcs-formatted-number-dense {
-  line-height: $line-height-dense;
-}
+  @import '../../styles/vcsGrid.scss';
+  @import '../../styles/vcsFont';
+  .vcs-formatted-number,
+  .vcs-formatted-number span {
+    font-size: $vcs-font-size;
+    line-height: $line-height-base;
+  }
+  .vcs-formatted-number-dense {
+    line-height: $line-height-dense;
+  }
 </style>
 <script>
-  import { computed } from '@vue/composition-api';
+  import { computed } from 'vue';
 
   /**
-   * Converts a number (e.g. 12345678,9) to a locale-aware and
+   * @description Converts a number (e.g. 12345678,9) to a locale-aware and
    * dot-seperated string with given amount of fractional digits (e.g. 12.345.678,90)
    * @param {string|number} value
    * @param {number} fractionDigits
    * @returns {string|number}
    */
-  export function numberToLocaleString(value, fractionDigits) { // XXX todo maybe merge with dateTime helpers in core?
+  export function numberToLocaleString(value, fractionDigits) {
+    // XXX todo maybe merge with dateTime helpers in core?
     const number = parseInt(value, 10);
     if (Number.isNaN(number)) {
       return number;
     }
 
-    return (/** @type {number} */ value)
-      .toLocaleString(navigator.language, {
-        minimumFractionDigits: fractionDigits,
-        maximumFractionDigits: fractionDigits,
-      });
+    return /** @type {number} */ value.toLocaleString(navigator.language, {
+      minimumFractionDigits: fractionDigits,
+      maximumFractionDigits: fractionDigits,
+    });
   }
 
   /**
@@ -93,7 +91,9 @@
       },
     },
     setup(props) {
-      const formatted = computed(() => numberToLocaleString(props.value, props.fractionDigits));
+      const formatted = computed(() =>
+        numberToLocaleString(props.value, props.fractionDigits),
+      );
       return {
         SpecialUnits,
         formatted,

package/src/{icons → components/icons}/+all.js

@@ -11,12 +11,18 @@ 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 EditVerticesIcon from './EditVerticesIcon.vue';
 import ElevationProfileIcon from './ElevationProfileIcon.vue';
 import ExportAreaIcon from './ExportAreaIcon.vue';
 import ExportFlightIcon from './ExportFlightIcon.vue';
@@ -25,9 +31,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 +48,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 +63,15 @@ import PlayCircleIcon from './PlayCircleIcon.vue';
 import PlusIcon from './PlusIcon.vue';
 import PoiIcon from './PoiIcon.vue';
 import PointSelectIcon from './PointSelectIcon.vue';
+import PointIcon from './PointIcon.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 RotateLeftIcon from './RotateLeftIcon.vue';
+import RotateRightIcon from './RotateRightIcon.vue';
+import ScreenshotIcon from './ScreenshotIcon.vue';
 import SearchIcon from './SearchIcon.vue';
 import ShadowIcon from './ShadowIcon.vue';
 import ShapesIcon from './ShapesIcon.vue';
@@ -67,6 +82,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,9 +91,17 @@ 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';
+import WandIcon from './WandIcon.vue';
 
 // * // IconMap.boundingBox
 // * <v-icon size="16" v-text="'$vcsBoundingBox'" />
@@ -148,6 +172,18 @@ const IconMap = {
   circle: {
     component: CircleIcon,
   },
+  clipping: {
+    component: ClippingIcon,
+  },
+  clippingHorizontal: {
+    component: ClippingHorizontalIcon,
+  },
+  clippingVertical: {
+    component: ClippingVerticalIcon,
+  },
+  colorPicker: {
+    component: ColorPickerIcon,
+  },
   colorSwatch: {
     component: ColorSwatchIcon,
   },
@@ -166,6 +202,12 @@ const IconMap = {
   dimensionsHouse: {
     component: DimensionsHouseIcon,
   },
+  edit: {
+    component: EditIcon,
+  },
+  editVertices: {
+    component: EditVerticesIcon,
+  },
   elevationProfile: {
     component: ElevationProfileIcon,
   },
@@ -190,15 +232,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 +283,9 @@ const IconMap = {
   link: {
     component: LinkIcon,
   },
+  logout: {
+    component: LogoutIcon,
+  },
   progress: {
     component: ProgressIcon,
   },
@@ -274,6 +328,12 @@ const IconMap = {
   pointSelect: {
     component: PointSelectIcon,
   },
+  point: {
+    component: PointIcon,
+  },
+  query: {
+    component: QueryIcon,
+  },
   presentationMode: {
     component: PresentationModeIcon,
   },
@@ -286,6 +346,15 @@ const IconMap = {
   rewind: {
     component: RewindIcon,
   },
+  rotateLeft: {
+    component: RotateLeftIcon,
+  },
+  rotateRight: {
+    component: RotateRightIcon,
+  },
+  screenshot: {
+    component: ScreenshotIcon,
+  },
   search: {
     component: SearchIcon,
   },
@@ -316,6 +385,9 @@ const IconMap = {
   splitView: {
     component: SplitViewIcon,
   },
+  terrainBox: {
+    component: TerrainBoxIcon,
+  },
   textStyle: {
     component: TextStyleIcon,
   },
@@ -334,26 +406,58 @@ 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,
   },
   walking: {
     component: WalkingIcon,
   },
+  wand: {
+    component: WandIcon,
+  },
 };
 
-const nameCapitalized = (name) => { return name.charAt(0).toUpperCase() + name.slice(1); };
+const nameCapitalized = (name) => {
+  return name.charAt(0).toUpperCase() + name.slice(1);
+};
 
 const prefixed = (iconMap) => {
-  return Object
-    .entries(iconMap)
-    .reduce((previousValue, [key, value]) => ({ ...previousValue, [`vcs${nameCapitalized(key)}`]: value }), {});
+  return Object.entries(iconMap).reduce(
+    (previousValue, [key, value]) => ({
+      ...previousValue,
+      [`vcs${nameCapitalized(key)}`]: value,
+    }),
+    {},
+  );
 };
 
 const Icons = prefixed(IconMap);
 export const IconIds = Object.keys(IconMap);
-export const IconNames = Object.keys(Icons).map((name) => { return `$${name}`; });
+export const IconNames = Object.keys(Icons).map((name) => {
+  return `$${name}`;
+});
 export default Icons;

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

@@ -0,0 +1,58 @@
+<!-- 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" />
+    <path
+      id="Path_681"
+      d="M-10.08-3.448h1.088A2.381,2.381,0,0,1-8.948-3.9,1.4,1.4,0,0,1-8.8-4.316a.866.866,0,0,1,.276-.3.734.734,0,0,1,.42-.116.833.833,0,0,1,.6.228.843.843,0,0,1,.236.636.892.892,0,0,1-.116.456,1.555,1.555,0,0,1-.288.36,2.607,2.607,0,0,1-.38.292q-.208.132-.392.26-.36.248-.684.488a3.324,3.324,0,0,0-.564.524,2.256,2.256,0,0,0-.38.644,2.335,2.335,0,0,0-.14.848H-6.1V-.976H-8.744a2.535,2.535,0,0,1,.48-.5q.272-.216.56-.4t.572-.38a3.06,3.06,0,0,0,.508-.428,1.912,1.912,0,0,0,.36-.54,1.774,1.774,0,0,0,.136-.728A1.692,1.692,0,0,0-6.284-4.7a1.634,1.634,0,0,0-.42-.552,1.886,1.886,0,0,0-.612-.344,2.23,2.23,0,0,0-.732-.12,2.182,2.182,0,0,0-.892.172,1.74,1.74,0,0,0-.644.48,2.076,2.076,0,0,0-.384.72A2.687,2.687,0,0,0-10.08-3.448Zm5.96,2.392v-3.6h.9a2.028,2.028,0,0,1,.78.132,1.224,1.224,0,0,1,.508.38,1.556,1.556,0,0,1,.276.6,3.33,3.33,0,0,1,.084.78,2.34,2.34,0,0,1-.12.8,1.467,1.467,0,0,1-.32.532,1.162,1.162,0,0,1-.456.292A1.613,1.613,0,0,1-3-1.056ZM-5.376-5.712V0h2.464a2.734,2.734,0,0,0,1.14-.22,2.268,2.268,0,0,0,.808-.6A2.535,2.535,0,0,0-.48-1.736,3.957,3.957,0,0,0-.32-2.888a3.56,3.56,0,0,0-.2-1.24,2.438,2.438,0,0,0-.544-.88,2.231,2.231,0,0,0-.824-.528,2.941,2.941,0,0,0-1.028-.176Z"
+      transform="translate(24 24)"
+      fill="currentColor"
+    />
+    <g id="Group_1752" transform="translate(-1319.907 -496.728)">
+      <g id="Path_673" transform="translate(1321.907 497.728)">
+        <path
+          id="Path_675"
+          d="M1323.231,513.759a1.333,1.333,0,0,1-1.323-1.271v-6.134a1.31,1.31,0,0,1,1.382-1.3h5.273v-6.032a1.351,1.351,0,0,1,1.4-1.3h10.5a1.334,1.334,0,0,1,1.368,1.27V512.46a1.344,1.344,0,0,1-1.4,1.3h-17.2Zm.026-1.5h0Zm.183-5.7v5.7H1340.3v-13.03h-10.2v6.032a1.339,1.339,0,0,1-1.4,1.3Zm17.017,5.7h0Zm-11.741-7.2h0Zm1.225-5.83h0Zm10.534,0h0Z"
+          transform="translate(-1321.907 -497.728)"
+          fill="currentColor"
+        />
+      </g>
+      <g
+        id="M2"
+        transform="translate(1332.344 504.879)"
+        style="isolation: isolate"
+      >
+        <g
+          id="Group_1752-2"
+          transform="translate(0 0.215)"
+          style="isolation: isolate"
+        >
+          <path
+            id="Path_676"
+            d="M1333.238,505.094l1,2.946h.012l.948-2.946h1.326v4.284h-.881v-3.036h-.013l-1.05,3.036h-.726l-1.049-3.006h-.013v3.006h-.882v-4.284Z"
+            transform="translate(-1331.912 -505.094)"
+            fill="currentColor"
+          />
+        </g>
+        <g
+          id="Group_1753"
+          transform="translate(5.102)"
+          style="isolation: isolate"
+        >
+          <path
+            id="Path_677"
+            d="M1337.119,505.479a.9.9,0,0,1,.168-.315.75.75,0,0,1,.281-.21.963.963,0,0,1,.391-.075.951.951,0,0,1,.32.053.827.827,0,0,1,.268.15.706.706,0,0,1,.183.241.736.736,0,0,1,.069.323.767.767,0,0,1-.06.318.834.834,0,0,1-.157.236,1.371,1.371,0,0,1-.223.188l-.25.166a2.967,2.967,0,0,0-.245.176,1.129,1.129,0,0,0-.21.221h1.159v.427h-1.8a1.018,1.018,0,0,1,.061-.371.977.977,0,0,1,.166-.281,1.514,1.514,0,0,1,.247-.23c.094-.07.195-.142.3-.214.054-.037.111-.075.172-.113a1.124,1.124,0,0,0,.166-.128.721.721,0,0,0,.126-.157.391.391,0,0,0,.051-.2.368.368,0,0,0-.1-.279.364.364,0,0,0-.263-.1.332.332,0,0,0-.185.05.393.393,0,0,0-.12.133.675.675,0,0,0-.066.183,1.105,1.105,0,0,0-.018.2h-.477A1.177,1.177,0,0,1,1337.119,505.479Z"
+            transform="translate(-1337.014 -504.879)"
+            fill="currentColor"
+          />
+        </g>
+      </g>
+    </g>
+  </svg>
+</template>

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

@@ -0,0 +1,24 @@
+<!-- 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" />
+    <path
+      id="Path_682"
+      d="M-10.08-3.448h1.088A2.381,2.381,0,0,1-8.948-3.9,1.4,1.4,0,0,1-8.8-4.316a.866.866,0,0,1,.276-.3.734.734,0,0,1,.42-.116.833.833,0,0,1,.6.228.843.843,0,0,1,.236.636.892.892,0,0,1-.116.456,1.555,1.555,0,0,1-.288.36,2.607,2.607,0,0,1-.38.292q-.208.132-.392.26-.36.248-.684.488a3.324,3.324,0,0,0-.564.524,2.256,2.256,0,0,0-.38.644,2.335,2.335,0,0,0-.14.848H-6.1V-.976H-8.744a2.535,2.535,0,0,1,.48-.5q.272-.216.56-.4t.572-.38a3.06,3.06,0,0,0,.508-.428,1.912,1.912,0,0,0,.36-.54,1.774,1.774,0,0,0,.136-.728A1.692,1.692,0,0,0-6.284-4.7a1.634,1.634,0,0,0-.42-.552,1.886,1.886,0,0,0-.612-.344,2.23,2.23,0,0,0-.732-.12,2.182,2.182,0,0,0-.892.172,1.74,1.74,0,0,0-.644.48,2.076,2.076,0,0,0-.384.72A2.687,2.687,0,0,0-10.08-3.448Zm5.96,2.392v-3.6h.9a2.028,2.028,0,0,1,.78.132,1.224,1.224,0,0,1,.508.38,1.556,1.556,0,0,1,.276.6,3.33,3.33,0,0,1,.084.78,2.34,2.34,0,0,1-.12.8,1.467,1.467,0,0,1-.32.532,1.162,1.162,0,0,1-.456.292A1.613,1.613,0,0,1-3-1.056ZM-5.376-5.712V0h2.464a2.734,2.734,0,0,0,1.14-.22,2.268,2.268,0,0,0,.808-.6A2.535,2.535,0,0,0-.48-1.736,3.957,3.957,0,0,0-.32-2.888a3.56,3.56,0,0,0-.2-1.24,2.438,2.438,0,0,0-.544-.88,2.231,2.231,0,0,0-.824-.528,2.941,2.941,0,0,0-1.028-.176Z"
+      transform="translate(24 24)"
+      fill="currentColor"
+    />
+    <path
+      id="Union_52"
+      d="M10956.373,13156.8h-11.986a1.387,1.387,0,0,1-1.387-1.39v-3.467a1.386,1.386,0,0,1,1.387-1.387h19.1a1.387,1.387,0,0,1,1.388,1.387v3.467a1.387,1.387,0,0,1-1.388,1.39Zm-11.986-4.51v2.773a.349.349,0,0,0,.347.347h18.411a.346.346,0,0,0,.347-.347v-2.773a.346.346,0,0,0-.347-.347h-2.255a.347.347,0,0,0-.347.347v.693a.52.52,0,0,1-1.04,0v-.693a.347.347,0,0,0-.347-.347h-.693a.35.35,0,0,0-.351.347v.693a.52.52,0,0,1-1.04,0v-.693a.346.346,0,0,0-.347-.347h-.71a.347.347,0,0,0-.347.347v.693a.52.52,0,0,1-1.04,0v-.693a.347.347,0,0,0-.347-.347h-.693a.347.347,0,0,0-.347.347v.693a.52.52,0,0,1-1.04,0v-.693a.347.347,0,0,0-.347-.347h-.7a.347.347,0,0,0-.347.347v.693a.52.52,0,0,1-1.04,0v-.693a.347.347,0,0,0-.347-.347h-.7a.343.343,0,0,0-.343.347v.693a.522.522,0,0,1-1.044,0v-.693a.347.347,0,0,0-.347-.347h-2.255A.349.349,0,0,0,10944.387,13152.286Zm.7,1.387a.694.694,0,1,1,.693.693A.693.693,0,0,1,10945.083,13153.673Zm17.382-5.376v-.35a.347.347,0,0,0-.347-.347h-16.342a.347.347,0,0,0-.347.347v.35a.522.522,0,0,1-.891.366l-1.388-1.387a.525.525,0,0,1,0-.736l1.388-1.387a.52.52,0,0,1,.891.367v.347a.347.347,0,0,0,.347.347h16.342a.347.347,0,0,0,.347-.347v-.347a.52.52,0,0,1,.888-.367l1.388,1.387a.519.519,0,0,1,0,.736l-1.388,1.387a.52.52,0,0,1-.888-.366Z"
+      transform="translate(-10942 -13142.48)"
+      fill="currentColor"
+    />
+  </svg>
+</template>

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

@@ -0,0 +1,58 @@
+<!-- eslint-disable max-len -->
+
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24.104"
+    viewBox="0 0 24 24.104"
+  >
+    <rect id="size" width="24" height="24" fill="none" />
+    <path
+      id="Path_679"
+      d="M-8.552-3.336v.8q.208,0,.436.012a1.323,1.323,0,0,1,.42.088.711.711,0,0,1,.316.244.814.814,0,0,1,.124.488.82.82,0,0,1-.264.644.937.937,0,0,1-.648.236A.965.965,0,0,1-8.6-.912a.875.875,0,0,1-.3-.236A1.052,1.052,0,0,1-9.08-1.5a1.616,1.616,0,0,1-.072-.428h-1.08a2.244,2.244,0,0,0,.14.864,1.755,1.755,0,0,0,.42.636,1.8,1.8,0,0,0,.66.4A2.586,2.586,0,0,0-8.152.1a2.563,2.563,0,0,0,.784-.12A2.032,2.032,0,0,0-6.7-.368a1.712,1.712,0,0,0,.46-.576,1.73,1.73,0,0,0,.172-.784,1.314,1.314,0,0,0-.264-.824A1.219,1.219,0,0,0-7.064-3v-.016a.983.983,0,0,0,.588-.424,1.325,1.325,0,0,0,.2-.72,1.293,1.293,0,0,0-.168-.664,1.624,1.624,0,0,0-.436-.488,1.913,1.913,0,0,0-.6-.3,2.345,2.345,0,0,0-.672-.1,2.1,2.1,0,0,0-.784.14,1.736,1.736,0,0,0-.6.4,1.8,1.8,0,0,0-.392.612,2.38,2.38,0,0,0-.156.788h1.08A1.1,1.1,0,0,1-8.8-4.492a.774.774,0,0,1,.652-.284.859.859,0,0,1,.552.192.666.666,0,0,1,.24.552.594.594,0,0,1-.116.384.745.745,0,0,1-.3.22,1.234,1.234,0,0,1-.388.092A2.4,2.4,0,0,1-8.552-3.336Zm4.432,2.28v-3.6h.9a2.028,2.028,0,0,1,.78.132,1.224,1.224,0,0,1,.508.38,1.556,1.556,0,0,1,.276.6,3.33,3.33,0,0,1,.084.78,2.34,2.34,0,0,1-.12.8,1.467,1.467,0,0,1-.32.532,1.162,1.162,0,0,1-.456.292A1.613,1.613,0,0,1-3-1.056ZM-5.376-5.712V0h2.464a2.734,2.734,0,0,0,1.14-.22,2.268,2.268,0,0,0,.808-.6A2.535,2.535,0,0,0-.48-1.736,3.957,3.957,0,0,0-.32-2.888a3.56,3.56,0,0,0-.2-1.24,2.438,2.438,0,0,0-.544-.88,2.231,2.231,0,0,0-.824-.528,2.941,2.941,0,0,0-1.028-.176Z"
+      transform="translate(24 24)"
+      fill="currentColor"
+    />
+    <g id="Group_1754" transform="translate(-1319.907 -496.728)">
+      <g id="Path_673" transform="translate(1321.907 497.728)">
+        <path
+          id="Path_675"
+          d="M1323.231,513.759a1.333,1.333,0,0,1-1.323-1.271v-6.134a1.31,1.31,0,0,1,1.382-1.3h5.273v-6.032a1.351,1.351,0,0,1,1.4-1.3h10.5a1.334,1.334,0,0,1,1.368,1.27V512.46a1.344,1.344,0,0,1-1.4,1.3h-17.2Zm.026-1.5h0Zm.183-5.7v5.7H1340.3v-13.03h-10.2v6.032a1.339,1.339,0,0,1-1.4,1.3Zm17.017,5.7h0Zm-11.741-7.2h0Zm1.225-5.83h0Zm10.534,0h0Z"
+          transform="translate(-1321.907 -497.728)"
+          fill="currentColor"
+        />
+      </g>
+      <g
+        id="M2"
+        transform="translate(1332.344 504.879)"
+        style="isolation: isolate"
+      >
+        <g
+          id="Group_1752"
+          transform="translate(0 0.215)"
+          style="isolation: isolate"
+        >
+          <path
+            id="Path_676"
+            d="M1333.238,505.094l1,2.946h.012l.948-2.946h1.326v4.284h-.881v-3.036h-.013l-1.05,3.036h-.726l-1.049-3.006h-.013v3.006h-.882v-4.284Z"
+            transform="translate(-1331.912 -505.094)"
+            fill="currentColor"
+          />
+        </g>
+        <g
+          id="Group_1753"
+          transform="translate(5.102)"
+          style="isolation: isolate"
+        >
+          <path
+            id="Path_677"
+            d="M1337.119,505.479a.9.9,0,0,1,.168-.315.75.75,0,0,1,.281-.21.963.963,0,0,1,.391-.075.951.951,0,0,1,.32.053.827.827,0,0,1,.268.15.706.706,0,0,1,.183.241.736.736,0,0,1,.069.323.767.767,0,0,1-.06.318.834.834,0,0,1-.157.236,1.371,1.371,0,0,1-.223.188l-.25.166a2.967,2.967,0,0,0-.245.176,1.129,1.129,0,0,0-.21.221h1.159v.427h-1.8a1.018,1.018,0,0,1,.061-.371.977.977,0,0,1,.166-.281,1.514,1.514,0,0,1,.247-.23c.094-.07.195-.142.3-.214.054-.037.111-.075.172-.113a1.124,1.124,0,0,0,.166-.128.721.721,0,0,0,.126-.157.391.391,0,0,0,.051-.2.368.368,0,0,0-.1-.279.364.364,0,0,0-.263-.1.332.332,0,0,0-.185.05.393.393,0,0,0-.12.133.675.675,0,0,0-.066.183,1.105,1.105,0,0,0-.018.2h-.477A1.177,1.177,0,0,1,1337.119,505.479Z"
+            transform="translate(-1337.014 -504.879)"
+            fill="currentColor"
+          />
+        </g>
+      </g>
+    </g>
+  </svg>
+</template>

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

@@ -0,0 +1,24 @@
+<!-- eslint-disable max-len -->
+
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24.104"
+    viewBox="0 0 24 24.104"
+  >
+    <rect id="size" width="24" height="24" fill="none" />
+    <path
+      id="Path_680"
+      d="M-8.552-3.336v.8q.208,0,.436.012a1.323,1.323,0,0,1,.42.088.711.711,0,0,1,.316.244.814.814,0,0,1,.124.488.82.82,0,0,1-.264.644.937.937,0,0,1-.648.236A.965.965,0,0,1-8.6-.912a.875.875,0,0,1-.3-.236A1.052,1.052,0,0,1-9.08-1.5a1.616,1.616,0,0,1-.072-.428h-1.08a2.244,2.244,0,0,0,.14.864,1.755,1.755,0,0,0,.42.636,1.8,1.8,0,0,0,.66.4A2.586,2.586,0,0,0-8.152.1a2.563,2.563,0,0,0,.784-.12A2.032,2.032,0,0,0-6.7-.368a1.712,1.712,0,0,0,.46-.576,1.73,1.73,0,0,0,.172-.784,1.314,1.314,0,0,0-.264-.824A1.219,1.219,0,0,0-7.064-3v-.016a.983.983,0,0,0,.588-.424,1.325,1.325,0,0,0,.2-.72,1.293,1.293,0,0,0-.168-.664,1.624,1.624,0,0,0-.436-.488,1.913,1.913,0,0,0-.6-.3,2.345,2.345,0,0,0-.672-.1,2.1,2.1,0,0,0-.784.14,1.736,1.736,0,0,0-.6.4,1.8,1.8,0,0,0-.392.612,2.38,2.38,0,0,0-.156.788h1.08A1.1,1.1,0,0,1-8.8-4.492a.774.774,0,0,1,.652-.284.859.859,0,0,1,.552.192.666.666,0,0,1,.24.552.594.594,0,0,1-.116.384.745.745,0,0,1-.3.22,1.234,1.234,0,0,1-.388.092A2.4,2.4,0,0,1-8.552-3.336Zm4.432,2.28v-3.6h.9a2.028,2.028,0,0,1,.78.132,1.224,1.224,0,0,1,.508.38,1.556,1.556,0,0,1,.276.6,3.33,3.33,0,0,1,.084.78,2.34,2.34,0,0,1-.12.8,1.467,1.467,0,0,1-.32.532,1.162,1.162,0,0,1-.456.292A1.613,1.613,0,0,1-3-1.056ZM-5.376-5.712V0h2.464a2.734,2.734,0,0,0,1.14-.22,2.268,2.268,0,0,0,.808-.6A2.535,2.535,0,0,0-.48-1.736,3.957,3.957,0,0,0-.32-2.888a3.56,3.56,0,0,0-.2-1.24,2.438,2.438,0,0,0-.544-.88,2.231,2.231,0,0,0-.824-.528,2.941,2.941,0,0,0-1.028-.176Z"
+      transform="translate(24 24)"
+      fill="currentColor"
+    />
+    <path
+      id="Union_53"
+      d="M10956.373,13156.8h-11.986a1.387,1.387,0,0,1-1.387-1.39v-3.467a1.386,1.386,0,0,1,1.387-1.387h19.1a1.387,1.387,0,0,1,1.388,1.387v3.467a1.387,1.387,0,0,1-1.388,1.39Zm-11.986-4.51v2.773a.349.349,0,0,0,.347.347h18.411a.346.346,0,0,0,.347-.347v-2.773a.346.346,0,0,0-.347-.347h-2.255a.347.347,0,0,0-.347.347v.693a.52.52,0,0,1-1.04,0v-.693a.347.347,0,0,0-.347-.347h-.693a.35.35,0,0,0-.351.347v.693a.52.52,0,0,1-1.04,0v-.693a.346.346,0,0,0-.347-.347h-.71a.347.347,0,0,0-.347.347v.693a.52.52,0,0,1-1.04,0v-.693a.347.347,0,0,0-.347-.347h-.693a.347.347,0,0,0-.347.347v.693a.52.52,0,0,1-1.04,0v-.693a.347.347,0,0,0-.347-.347h-.7a.347.347,0,0,0-.347.347v.693a.52.52,0,0,1-1.04,0v-.693a.347.347,0,0,0-.347-.347h-.7a.343.343,0,0,0-.343.347v.693a.522.522,0,0,1-1.044,0v-.693a.347.347,0,0,0-.347-.347h-2.255A.349.349,0,0,0,10944.387,13152.286Zm.7,1.387a.694.694,0,1,1,.693.693A.693.693,0,0,1,10945.083,13153.673Zm17.382-5.376v-.35a.347.347,0,0,0-.347-.347h-16.342a.347.347,0,0,0-.347.347v.35a.522.522,0,0,1-.891.366l-1.388-1.387a.525.525,0,0,1,0-.736l1.388-1.387a.52.52,0,0,1,.891.367v.347a.347.347,0,0,0,.347.347h16.342a.347.347,0,0,0,.347-.347v-.347a.52.52,0,0,1,.888-.367l1.388,1.387a.519.519,0,0,1,0,.736l-1.388,1.387a.52.52,0,0,1-.888-.366Z"
+      transform="translate(-10942 -13140.795)"
+      fill="currentColor"
+    />
+  </svg>
+</template>

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

@@ -0,0 +1,24 @@
+<!-- eslint-disable max-len -->
+
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24.104"
+    viewBox="0 0 24 24.104"
+  >
+    <rect id="size" width="24" height="24" fill="none" />
+    <path
+      id="Path_678"
+      d="M-8.552-3.336v.8q.208,0,.436.012a1.323,1.323,0,0,1,.42.088.711.711,0,0,1,.316.244.814.814,0,0,1,.124.488.82.82,0,0,1-.264.644.937.937,0,0,1-.648.236A.965.965,0,0,1-8.6-.912a.875.875,0,0,1-.3-.236A1.052,1.052,0,0,1-9.08-1.5a1.616,1.616,0,0,1-.072-.428h-1.08a2.244,2.244,0,0,0,.14.864,1.755,1.755,0,0,0,.42.636,1.8,1.8,0,0,0,.66.4A2.586,2.586,0,0,0-8.152.1a2.563,2.563,0,0,0,.784-.12A2.032,2.032,0,0,0-6.7-.368a1.712,1.712,0,0,0,.46-.576,1.73,1.73,0,0,0,.172-.784,1.314,1.314,0,0,0-.264-.824A1.219,1.219,0,0,0-7.064-3v-.016a.983.983,0,0,0,.588-.424,1.325,1.325,0,0,0,.2-.72,1.293,1.293,0,0,0-.168-.664,1.624,1.624,0,0,0-.436-.488,1.913,1.913,0,0,0-.6-.3,2.345,2.345,0,0,0-.672-.1,2.1,2.1,0,0,0-.784.14,1.736,1.736,0,0,0-.6.4,1.8,1.8,0,0,0-.392.612,2.38,2.38,0,0,0-.156.788h1.08A1.1,1.1,0,0,1-8.8-4.492a.774.774,0,0,1,.652-.284.859.859,0,0,1,.552.192.666.666,0,0,1,.24.552.594.594,0,0,1-.116.384.745.745,0,0,1-.3.22,1.234,1.234,0,0,1-.388.092A2.4,2.4,0,0,1-8.552-3.336Zm4.432,2.28v-3.6h.9a2.028,2.028,0,0,1,.78.132,1.224,1.224,0,0,1,.508.38,1.556,1.556,0,0,1,.276.6,3.33,3.33,0,0,1,.084.78,2.34,2.34,0,0,1-.12.8,1.467,1.467,0,0,1-.32.532,1.162,1.162,0,0,1-.456.292A1.613,1.613,0,0,1-3-1.056ZM-5.376-5.712V0h2.464a2.734,2.734,0,0,0,1.14-.22,2.268,2.268,0,0,0,.808-.6A2.535,2.535,0,0,0-.48-1.736,3.957,3.957,0,0,0-.32-2.888a3.56,3.56,0,0,0-.2-1.24,2.438,2.438,0,0,0-.544-.88,2.231,2.231,0,0,0-.824-.528,2.941,2.941,0,0,0-1.028-.176Z"
+      transform="translate(24 24)"
+      fill="currentColor"
+    />
+    <path
+      id="Union_54"
+      d="M10944.387,13167.025a1.387,1.387,0,0,1-1.388-1.388v-19.106a1.387,1.387,0,0,1,1.388-1.388h3.47a1.388,1.388,0,0,1,1.389,1.388v19.106a1.388,1.388,0,0,1-1.389,1.388Zm0-20.147v18.41a.349.349,0,0,0,.348.35h2.775a.349.349,0,0,0,.347-.35v-2.254a.348.348,0,0,0-.347-.348h-.694a.52.52,0,0,1,0-1.04h.694a.346.346,0,0,0,.347-.344v-.7a.347.347,0,0,0-.347-.348h-.694a.521.521,0,0,1,0-1.041h.694a.347.347,0,0,0,.347-.347v-.707a.35.35,0,0,0-.347-.351h-.694a.519.519,0,0,1,0-1.037h.694a.349.349,0,0,0,.347-.347v-.694a.347.347,0,0,0-.347-.347h-.694a.521.521,0,0,1,0-1.041h.694a.347.347,0,0,0,.347-.348v-.7a.347.347,0,0,0-.347-.348h-.694a.52.52,0,0,1,0-1.04h.694a.347.347,0,0,0,.347-.344v-.7a.344.344,0,0,0-.347-.344h-.694a.522.522,0,0,1,0-1.045h.694a.346.346,0,0,0,.347-.343v-2.258a.349.349,0,0,0-.347-.347h-2.775A.349.349,0,0,0,10944.387,13146.878Zm8.338,19.863-1.389-1.388a.521.521,0,0,1,.367-.889h.347a.347.347,0,0,0,.348-.347v-16.345a.347.347,0,0,0-.348-.344h-.347a.51.51,0,0,1-.367-.155.518.518,0,0,1,0-.733l1.389-1.388a.518.518,0,0,1,.736,0l1.385,1.388a.506.506,0,0,1,.152.367.52.52,0,0,1-.52.521h-.347a.347.347,0,0,0-.347.344v16.345a.347.347,0,0,0,.347.347h.347a.521.521,0,0,1,.367.889l-1.385,1.388a.523.523,0,0,1-.369.151A.513.513,0,0,1,10952.725,13166.741Zm-7.3-18.822a.694.694,0,1,1,.694.694A.694.694,0,0,1,10945.428,13147.919Z"
+      transform="translate(-10942 -13144.023)"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/src/components/icons/AngleIcon.vue

@@ -0,0 +1,16 @@
+<!-- eslint-disable max-len -->
+
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+  >
+    <path
+      id="Path_11"
+      d="M15.333,14.667H9.142a.167.167,0,0,1-.167-.157,8.333,8.333,0,0,0-7.491-7.8.167.167,0,0,1-.151-.166V.667A.667.667,0,0,0,0,.667V15.333A.667.667,0,0,0,.667,16H15.333a.667.667,0,1,0,0-1.333ZM5.157,9.644a.165.165,0,0,1,.059.12.167.167,0,0,1-.049.125L3.862,11.2a.667.667,0,0,0,.943.943l1.267-1.267a.166.166,0,0,1,.235,0,.174.174,0,0,1,.018.021,6.948,6.948,0,0,1,1.316,3.6.166.166,0,0,1-.154.178H2.679a.167.167,0,0,1-.118-.285l.577-.577a.667.667,0,0,0-.943-.943l-.577.577a.167.167,0,0,1-.285-.117v-5.1a.169.169,0,0,1,.056-.125.171.171,0,0,1,.133-.041A6.958,6.958,0,0,1,5.157,9.644ZM8.138,8.8,9.471,7.471a.667.667,0,0,0-.943-.943L7.2,7.862a.667.667,0,0,0,.943.943Zm3.333-3.333L12.8,4.138a.667.667,0,1,0-.926-.959l-.017.017L10.529,4.529a.667.667,0,0,0,.943.943ZM14.8,2.138l1-1A.667.667,0,0,0,14.862.2l-1,1a.667.667,0,0,0,.943.943Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/src/{icons → components/icons}/AssociationsIcon.vue

@@ -1,12 +1,16 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="21" height="24" viewBox="0 0 21 24">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="21"
+    height="24"
+    viewBox="0 0 21 24"
+  >
     <g id="Outline_Icons" transform="translate(0.5 0.5)">
-      <g id="Group_847" data-name="Group 847">
+      <g id="Group_847">
         <path
           id="Path_438"
-          data-name="Path 438"
           d="M16.487,2.875a6.375,6.375,0,0,1-4.979-2.4h-.017a6.374,6.374,0,0,1-4.978,2.4A8.711,8.711,0,0,1,1.5,1V15.812s1.45,5.271,10,7.667c8.55-2.4,10-7.667,10-7.667V1A8.713,8.713,0,0,1,16.487,2.875Z"
           transform="translate(-1.5 -0.479)"
           fill="none"
@@ -18,7 +22,6 @@
         />
         <path
           id="Path_439"
-          data-name="Path 439"
           d="M16.5,9.5h-3v-3h-4v3h-3v4h3v3h4v-3h3Z"
           transform="translate(-1.5 -0.479)"
           fill="none"

package/src/components/icons/AxisIcon.vue

@@ -0,0 +1,35 @@
+<!-- eslint-disable max-len -->
+
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="14.456"
+    height="14.02"
+    viewBox="0 0 14.456 14.02"
+  >
+    <path
+      id="Path_716"
+      d="M.114-2.886V-4.02h3.18v1.134l-1.3,1.65v.1h1.3V0H.114V-1.08l1.332-1.7v-.1Z"
+      transform="translate(-0.114 14.02)"
+      fill="currentColor"
+    />
+    <path
+      id="Path_715"
+      d="M1.368-4.02l.366,1.1L2.2-4.02H3.57L2.7-2.106,3.516,0H2.088L1.734-1.068,1.368,0H-.048L.81-1.926-.048-4.02Z"
+      transform="translate(10.886 14.02)"
+      fill="currentColor"
+    />
+    <path
+      id="Path_717"
+      d="M2.46,0H1.068V-1.26L-.078-4.02H1.4l.378,1.182.39-1.182h1.47L2.46-1.26Z"
+      transform="translate(5.186 4.02)"
+      fill="currentColor"
+    />
+    <path
+      id="Path_718"
+      d="M328.277,1221.584l-2.777-1.852V1216a.5.5,0,0,0-1,0v3.692l-2.66,1.9a.5.5,0,0,0,.291.907.5.5,0,0,0,.29-.093l2.553-1.824,2.749,1.833a.5.5,0,0,0,.693-.139A.5.5,0,0,0,328.277,1221.584Z"
+      transform="translate(-318.1 -1210.48)"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/src/components/icons/BoundingBoxIcon.vue

@@ -0,0 +1,38 @@
+<!-- eslint-disable max-len -->
+
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24.009"
+    viewBox="0 0 24 24.009"
+  >
+    <g id="icon_24_boundingbox" transform="translate(0 0.001)">
+      <g id="Group_270" transform="translate(8438 22444)">
+        <g
+          id="streamline-icon-vectors-anchor-square-1-alternate_24x24"
+          transform="translate(-8438 -22444)"
+        >
+          <path
+            id="Path_23"
+            d="M20.25,7.5h1.5a.25.25,0,0,1,.25.25v14a.25.25,0,0,1-.25.25h-1.5a.25.25,0,0,1-.25-.25v-14A.25.25,0,0,1,20.25,7.5ZM2.25,2h14a.25.25,0,0,1,.25.25v1.5a.25.25,0,0,1-.25.25h-14A.25.25,0,0,1,2,3.75V2.25A.25.25,0,0,1,2.25,2Zm0,0h1.5A.25.25,0,0,1,4,2.25v14a.25.25,0,0,1-.25.25H2.25A.25.25,0,0,1,2,16.25v-14A.25.25,0,0,1,2.25,2Zm5.5,18h14a.25.25,0,0,1,.25.25v1.5a.25.25,0,0,1-.25.25h-14a.25.25,0,0,1-.25-.25v-1.5A.25.25,0,0,1,7.75,20ZM21,0a3,3,0,1,1-3,3A3,3,0,0,1,21,0ZM3,18a3,3,0,1,1-3,3A3,3,0,0,1,3,18Z"
+            fill="currentColor"
+          />
+        </g>
+        <path
+          id="Path_3"
+          d="M45.718,31.78A.75.75,0,0,0,47,31.25v-.5a.5.5,0,0,1,.5-.5h7.555a.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-1.28.531v.5a.5.5,0,0,1-.5.5H47.5a.5.5,0,0,1-.5-.5v-.5a.75.75,0,0,0-1.28-.531l-2,2a.75.75,0,0,0,0,1.061h0Z"
+          transform="translate(-8483.164 -22416.676) rotate(-45)"
+          fill="currentColor"
+        />
+      </g>
+      <rect
+        id="size"
+        width="24"
+        height="24"
+        transform="translate(0 0.008)"
+        fill="none"
+      />
+    </g>
+  </svg>
+</template>