@vcmap/ui 5.3.7 → 6.0.0-rc.10

package/src/components/form-output/markdownHelper.js

@@ -0,0 +1,398 @@
+import { marked } from 'marked';
+import DOMPurify from 'dompurify';
+import {
+  BooleanType,
+  newParsingContext,
+  StringType,
+  NoneType,
+} from 'ol/expr/expression';
+import { buildExpression, newEvaluationContext } from 'ol/expr/cpu';
+import { is } from '@vcsuite/check';
+
+/**
+ * @typedef {Object} Block
+ * @property {RegExpExecArray} opening
+ * @property {RegExpExecArray} closing
+ */
+
+/**
+ * @typedef {Block} ConditionalBlock
+ * @property {RegExpExecArray|undefined} elseStatement
+ * @property {RegExpExecArray[]} elseIfs
+ */
+
+/**
+ * @param {string} content
+ * @returns {string}
+ */
+export function parseAndSanitizeMarkdown(content) {
+  const html = marked.parse(content, { breaks: true });
+
+  // Then sanitize the HTML using DOMPurify
+  return DOMPurify.sanitize(html, { ADD_ATTR: ['target'] });
+}
+
+/**
+ * @param {string} expressionString
+ * @param {Record<string, unknown>} data
+ * @param {number} evaluationType
+ * @returns {*}
+ */
+function evaluateExpression(expressionString, data, evaluationType) {
+  const parsed = expressionString.startsWith('[')
+    ? JSON.parse(expressionString)
+    : [
+        'get',
+        ...expressionString
+          .replace(/\[([^\]]+)]/g, '.$1')
+          .split('.')
+          .filter((f) => f),
+      ];
+
+  const compiledExpression = buildExpression(
+    parsed,
+    evaluationType,
+    newParsingContext(),
+  );
+  const evaluationContext = newEvaluationContext();
+  evaluationContext.properties = data;
+  return compiledExpression(evaluationContext);
+}
+
+/**
+ * Replaces template strings by provided attributes, e.g. {{myAttribute}}
+ * @param {string} template
+ * @param {Record<string, unknown>} data
+ * @returns {string}
+ */
+function replaceAttributes(template, data) {
+  const pattern = /\{\{([^}]+)}}/g;
+  return template.replace(pattern, (p, value) => {
+    return evaluateExpression(value.trim(), data, StringType) ?? '';
+  });
+}
+
+/**
+ * @param {RegExp} regexp
+ * @param {string} string
+ * @returns {RegExpExecArray[]}
+ */
+function regexHits(regexp, string) {
+  const hits = [];
+  let hit;
+  // eslint-disable-next-line no-cond-assign
+  while ((hit = regexp.exec(string))) {
+    hits.push(hit);
+  }
+
+  return hits;
+}
+
+/**
+ * @param {RegExpExecArray[]} openings
+ * @param {RegExpExecArray[]} closings
+ * @param {(Block) => void} accepted
+ * @param {(Block) => void} rejected
+ * @returns {void}
+ */
+function findTopLevelBlock(openings, closings, accepted, rejected) {
+  const localOpenings = openings.slice();
+  const localClosings = closings.slice();
+  while (localOpenings.length > 0) {
+    let matchingClosing;
+    let matchingOpening;
+    while (!matchingClosing && localClosings.length > 0) {
+      const currentClosing = localClosings.shift();
+      const openingDistances = localOpenings.map(
+        (o) => currentClosing.index - o.index,
+      );
+      const minDistance = openingDistances.reduce((min, currentDistance) => {
+        if (currentDistance > 0 && currentDistance < min) {
+          return currentDistance;
+        }
+        return min;
+      }, Infinity);
+      const matchingOpeningIndex = openingDistances.indexOf(minDistance);
+      matchingOpening = localOpenings[matchingOpeningIndex];
+
+      if (matchingOpeningIndex === 0) {
+        matchingClosing = currentClosing;
+      } else {
+        rejected({ opening: matchingOpening, closing: currentClosing });
+      }
+      localOpenings.splice(matchingOpeningIndex, 1);
+    }
+
+    if (matchingClosing) {
+      accepted({ opening: matchingOpening, closing: matchingClosing });
+    }
+  }
+}
+
+/**
+ * @param {RegExpExecArray} tag
+ * @param {Block} block
+ * @returns {boolean}
+ */
+function tagWithinBlock(tag, block) {
+  return tag.index > block.opening.index && tag.index < block.closing.index;
+}
+
+/**
+ * @param {string} template
+ * @returns {Block[]}
+ */
+function getForEachBlocks(template) {
+  const forEachBlocks = [];
+  const forEachOpenings = regexHits(
+    /\s*{{#each\s\(([^.)]+)\)\sin\s([^}]+)}}\s*/g,
+    template,
+  );
+  const forEachClosings = regexHits(/\s*{{\/each}}\s*/g, template);
+
+  if (forEachClosings.length > forEachOpenings.length) {
+    throw new Error(
+      'Template failed to render, missing opening tag for each statements',
+    );
+  } else if (forEachClosings.length < forEachOpenings.length) {
+    throw new Error(
+      'Template failed to render, missing closing tag for each statements',
+    );
+  }
+
+  findTopLevelBlock(
+    forEachOpenings,
+    forEachClosings,
+    (block) => {
+      forEachBlocks.push(block);
+    },
+    () => {},
+  );
+
+  return forEachBlocks;
+}
+
+/**
+ * @param {string} template
+ * @param {Block[]} forEachBlocks
+ * @returns {ConditionalBlock[]}
+ */
+function getConditionalBlocks(template, forEachBlocks) {
+  const conditionalBlocks = [];
+  let conditionalOpenings = regexHits(/\s*{{#if\s([^}]*)}}\s*/g, template);
+  let conditionalClosings = regexHits(/\s*{{\/if}}\s*/g, template);
+  let elseIfs = regexHits(/\s*{{elseif\s([^}]*)}}\s*/g, template);
+  let elses = regexHits(/\s*{{else}}\s*/g, template);
+
+  const withinForEachBlock = (tag) =>
+    forEachBlocks.find((block) => tagWithinBlock(tag, block));
+
+  // conditionals within a for each blocks are rendered with the for each block, ignore
+  conditionalOpenings = conditionalOpenings.filter(
+    (t) => !withinForEachBlock(t),
+  );
+  conditionalClosings = conditionalClosings.filter(
+    (t) => !withinForEachBlock(t),
+  );
+
+  if (conditionalClosings.length > conditionalOpenings.length) {
+    throw new Error(
+      'Template failed to render, missing closing tag for if statements',
+    );
+  } else if (conditionalClosings.length < conditionalOpenings.length) {
+    throw new Error(
+      'Template failed to render, missing opening tag for if statements',
+    );
+  }
+
+  const filterElseIfElse = (block) => {
+    elseIfs = elseIfs.filter((tag) => !tagWithinBlock(tag, block));
+    elses = elses.filter((tag) => !tagWithinBlock(tag, block));
+  };
+
+  findTopLevelBlock(
+    conditionalOpenings,
+    conditionalClosings,
+    (block) => {
+      const elsIfs = elseIfs.filter((tag) => tagWithinBlock(tag, block));
+      const elseStatement = elses.find((tag) => tagWithinBlock(tag, block));
+      if (
+        elseStatement &&
+        elsIfs.length > 0 &&
+        elseStatement.index < elsIfs.at(-1).index
+      ) {
+        throw new Error('{{else}} must be the last entry in a block');
+      }
+      conditionalBlocks.push({
+        ...block,
+        elseStatement,
+        elseIfs,
+      });
+    },
+    (block) => {
+      filterElseIfElse(block);
+    },
+  );
+
+  return conditionalBlocks;
+}
+
+/**
+ * @param {string} openingTag
+ * @returns {boolean}
+ */
+function shouldRemoveWhiteSpace(openingTag) {
+  return /\n\s*\{/.test(openingTag) && /}\s*\n/.test(openingTag);
+}
+
+/**
+ * This will extract the block to render separately. This will depend on the white space handling. If the
+ * opening is placed on its own line, whitespace after the opening and before the closing blocks will be removed
+ * from the sub template, up to the first new line feed.
+ * @param {string} template
+ * @param {Block} block
+ * @returns {string}
+ */
+function getSubTemplateForBlock(template, block) {
+  const removeWhiteSpace = shouldRemoveWhiteSpace(block.opening[0]);
+  let startIndex = block.opening.index + block.opening[0].indexOf('}') + 2;
+  let endIndex = block.closing.index + block.closing[0].indexOf('{');
+  if (removeWhiteSpace) {
+    startIndex += (/}\s*\n/.exec(block.opening[0])?.[0].length ?? 1) - 1;
+    endIndex -= (/\n\s*\{/.exec(block.closing[0])?.[0].length ?? 2) - 2;
+  }
+
+  return template.substring(startIndex, endIndex);
+}
+
+/**
+ * This will replace a block with a previously extracted blocks rendered template.
+ * This will depend on the white space handling. If the opening is placed on its own line,
+ * whitespace before the opening and after the closing blocks will be removed up to the first new line feed,
+ * from the new template string all together.
+ * @param {string} template
+ * @param {Block} block
+ * @param {string} replacement
+ * @returns {string}
+ */
+function replaceBlock(template, block, replacement) {
+  const removeWhiteSpace = shouldRemoveWhiteSpace(block.opening[0]);
+  let startIndex = block.opening.index + block.opening[0].indexOf('{');
+  let endIndex = block.closing.index + block.closing[0].indexOf('}') + 2;
+  if (removeWhiteSpace) {
+    startIndex -= (/\n\s*\{/.exec(block.opening[0])?.[0].length ?? 2) - 2;
+    endIndex += (/}\s*\n/.exec(block.closing[0])?.[0].length ?? 1) - 1;
+  }
+
+  return `${template.substring(0, startIndex)}${replacement}${template.substring(endIndex)}`;
+}
+
+/**
+ * Replaces {{#if }} blocks
+ * @param {string} template
+ * @param {Record<string, unknown>} data
+ * @returns {string}
+ */
+function expandConditionalsAndLoops(template, data) {
+  let renderedTemplate = template;
+  const forEachBlocks = getForEachBlocks(template);
+
+  getConditionalBlocks(template, forEachBlocks)
+    .reverse()
+    .forEach(
+      /** @param {ConditionalBlock} block */ (block) => {
+        const partialBlocks = [block.opening];
+        if (block.elseIfs) {
+          partialBlocks.push(...block.elseIfs);
+        }
+        let trueStatementIndex = partialBlocks.findIndex((s) =>
+          evaluateExpression(s[1], data, BooleanType),
+        );
+        if (trueStatementIndex === -1 && block.elseStatement) {
+          trueStatementIndex = partialBlocks.length;
+        }
+
+        let renderedBlock = '';
+        if (trueStatementIndex > -1) {
+          if (block.elseStatement) {
+            partialBlocks.push(block.elseStatement);
+          }
+          partialBlocks.push(block.closing);
+
+          const blockTemplate = getSubTemplateForBlock(template, {
+            opening: partialBlocks[trueStatementIndex],
+            closing: partialBlocks[trueStatementIndex + 1],
+          });
+
+          renderedBlock = expandConditionalsAndLoops(blockTemplate, data);
+        }
+
+        renderedTemplate = replaceBlock(renderedTemplate, block, renderedBlock);
+      },
+    );
+
+  // only iterate over blocks not removed by conditionals
+  getForEachBlocks(renderedTemplate)
+    .reverse()
+    .forEach((block) => {
+      const obj = evaluateExpression(block.opening[2], data, NoneType);
+      let keyValuePairs;
+      if (is(obj, Object)) {
+        keyValuePairs = Object.entries(obj);
+      } else if (Array.isArray(obj)) {
+        keyValuePairs = obj.entries();
+      }
+      const renderedBlocks = [];
+      if (keyValuePairs) {
+        let index = 0;
+        const [valueName, keyName, indexName] = block.opening[1]
+          .split(',')
+          .map((e) => e.trim())
+          .slice(0, 3);
+
+        const blockTemplate = getSubTemplateForBlock(renderedTemplate, block);
+        // eslint-disable-next-line no-restricted-syntax
+        for (const args of keyValuePairs) {
+          const forEachData = structuredClone(data);
+          forEachData[valueName] = args[1];
+          if (keyName) {
+            forEachData[keyName] = args[0];
+          }
+          if (indexName) {
+            forEachData[indexName] = index;
+          }
+          const currentBlock = expandConditionalsAndLoops(
+            blockTemplate,
+            forEachData,
+          );
+          renderedBlocks.push(replaceAttributes(currentBlock, forEachData));
+          index += 1;
+        }
+      }
+
+      renderedTemplate = replaceBlock(
+        renderedTemplate,
+        block,
+        renderedBlocks.join(''),
+      );
+    });
+
+  return renderedTemplate;
+}
+
+/**
+ * Renders a template in these steps
+ * 1. expand conditional blocks. this will remove any blocks that do not match their expressions and choose from if / elseif / else block which of them to render
+ * 2. expand iterations. this will create new templates for each iteration and re-run the rendering for those blocks
+ * 3. render attributes. this will add the attributes to all the blocks not within each blocks
+ * @param {string|string[]} template
+ * @param {Record<string, unknown>} data
+ * @returns {string}
+ */
+export function renderTemplate(template, data) {
+  const templateString = Array.isArray(template)
+    ? template.join('\n')
+    : template;
+  const conditionalTemplate = expandConditionalsAndLoops(templateString, data);
+  return replaceAttributes(conditionalTemplate, data);
+}

package/src/components/icons/+all.js

@@ -481,7 +481,7 @@ const prefixed = (iconMap) => {
   return Object.entries(iconMap).reduce(
     (previousValue, [key, value]) => ({
       ...previousValue,
-      [`vcs${nameCapitalized(key)}`]: value,
+      [`vcs${nameCapitalized(key)}`]: value.component,
     }),
     {},
   );

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

@@ -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_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"

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

@@ -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/2DDistanceIcon.vue

@@ -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_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"

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

@@ -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/2DHeightObliqueIcon.vue.d.ts

@@ -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/2DPointIcon.vue

@@ -6,7 +6,6 @@
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
   >
-    <rect id="size" x="0" y="0" width="24" height="24" fill="none" />
     <path
       id="ruler"
       d="M.5,14.24c-.48-.6-.37-1.48.23-1.95h0L15.72.45c.6-.48,1.48-.37,1.95.23l2.15,2.72c.48.6.37,1.48-.23,1.95h0l-15,11.84c-.6.48-1.48.37-1.95-.23L.5,14.25h0ZM16.32,1.75L1.87,13.16c-.15.12-.18.34-.06.49l1.72,2.18c.12.15.34.18.49.06l1.77-1.39c.15-.12.18-.34.06-.49l-.43-.54c-.18-.23-.14-.55.09-.73s.55-.14.73.09l.43.54c.12.15.33.18.48.06l.55-.43c.15-.12.18-.33.06-.49l-.43-.54c-.17-.23-.11-.56.11-.73.22-.16.53-.12.7.08l.43.54c.12.15.34.18.49.06l.56-.44c.15-.12.18-.33.06-.49l-.43-.54c-.17-.23-.12-.56.11-.73.22-.16.53-.12.7.08l.43.54c.12.15.34.18.49.06l.54-.43c.15-.12.18-.34.06-.49l-.43-.54c-.17-.23-.11-.56.11-.73.22-.16.53-.12.7.08l.43.54c.12.15.34.18.49.06h0l.55-.43c.15-.12.18-.33.06-.49l-.43-.54c-.18-.23-.14-.55.09-.73s.55-.14.73.09l.43.54c.12.15.33.17.48.06l.55-.43c.15-.12.17-.33.06-.48l-.43-.55c-.18-.23-.14-.55.09-.73s.55-.14.73.09l.43.54c.12.15.33.17.48.06l1.77-1.4c.15-.12.18-.34.06-.49l-1.72-2.18c-.12-.15-.34-.18-.49-.06ZM16.14,3.21c.3-.24.73-.18.97.11s.18.73-.11.97-.73.18-.97-.11-.18-.73.11-.97h0Z"

package/src/components/icons/2DPointIcon.vue.d.ts

@@ -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/3DAreaIcon.vue

@@ -1,13 +1,7 @@
 <!-- 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" />
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24.104">
     <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"

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

@@ -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/3DDistanceIcon.vue

@@ -1,13 +1,7 @@
 <!-- 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" />
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24.104">
     <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"

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

@@ -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/3DHeightIcon.vue

@@ -1,13 +1,7 @@
 <!-- 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" />
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24.104">
     <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"

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

@@ -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/3DPointIcon.vue

@@ -6,7 +6,6 @@
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
   >
-    <rect id="size" x="0" y="0" width="24" height="24" fill="none" />
     <path
       id="ruler"
       d="M.5,14.24c-.48-.6-.37-1.48.23-1.95h0L15.72.45c.6-.48,1.48-.37,1.95.23l2.15,2.72c.48.6.37,1.48-.23,1.95h0l-15,11.84c-.6.48-1.48.37-1.95-.23L.5,14.25h0ZM16.32,1.75L1.87,13.16c-.15.12-.18.34-.06.49l1.72,2.18c.12.15.34.18.49.06l1.77-1.39c.15-.12.18-.34.06-.49l-.43-.54c-.18-.23-.14-.55.09-.73s.55-.14.73.09l.43.54c.12.15.33.18.48.06l.55-.43c.15-.12.18-.33.06-.49l-.43-.54c-.17-.23-.11-.56.11-.73.22-.16.53-.12.7.08l.43.54c.12.15.34.18.49.06l.56-.44c.15-.12.18-.33.06-.49l-.43-.54c-.17-.23-.12-.56.11-.73.22-.16.53-.12.7.08l.43.54c.12.15.34.18.49.06l.54-.43c.15-.12.18-.34.06-.49l-.43-.54c-.17-.23-.11-.56.11-.73.22-.16.53-.12.7.08l.43.54c.12.15.34.18.49.06h0l.55-.43c.15-.12.18-.33.06-.49l-.43-.54c-.18-.23-.14-.55.09-.73s.55-.14.73.09l.43.54c.12.15.33.17.48.06l.55-.43c.15-.12.17-.33.06-.48l-.43-.55c-.18-.23-.14-.55.09-.73s.55-.14.73.09l.43.54c.12.15.33.17.48.06l1.77-1.4c.15-.12.18-.34.06-.49l-1.72-2.18c-.12-.15-.34-.18-.49-.06ZM16.14,3.21c.3-.24.73-.18.97.11s.18.73-.11.97-.73.18-.97-.11-.18-.73.11-.97h0Z"

package/src/components/icons/3DPointIcon.vue.d.ts

@@ -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/AngleIcon.vue

@@ -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">
     <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"

package/src/components/icons/AngleIcon.vue.d.ts

@@ -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/AssociationsIcon.vue

@@ -1,12 +1,7 @@
 <!-- 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" viewBox="0 0 21 24">
     <g id="Outline_Icons" transform="translate(0.5 0.5)">
       <g id="Group_847">
         <path

package/src/components/icons/AssociationsIcon.vue.d.ts

@@ -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/AxisIcon.vue.d.ts

@@ -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/BoundingBoxIcon.vue

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

package/src/components/icons/BoundingBoxIcon.vue.d.ts

@@ -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/CheckboxCheckedIcon.vue.d.ts

@@ -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/CheckboxIcon.vue

@@ -1,10 +1,5 @@
 <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="Rectangle_749"
       transform="translate(2 2)"

package/src/components/icons/CheckboxIcon.vue.d.ts

@@ -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;