npm - bfg-common - Versions diffs - 1.5.478 → 1.5.480 - Mend

bfg-common 1.5.478 → 1.5.480

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 (1389) hide show

package/components/atoms/TheIconOld.vue CHANGED Viewed

@@ -1,2444 +1,2444 @@
-<template>
-  <template v-if="props.name === 'menu'">
-    <svg
-      version="1.1"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M32,29H4a1,1,0,0,1,0-2H32a1,1,0,0,1,0,2Z"
-      />
-      <path
-        class="clr-i-outline clr-i-outline-path-2"
-        d="M32,19H4a1,1,0,0,1,0-2H32a1,1,0,0,1,0,2Z"
-      />
-      <path
-        class="clr-i-outline clr-i-outline-path-3"
-        d="M32,9H4A1,1,0,0,1,4,7H32a1,1,0,0,1,0,2Z"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'green-play'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="#565656"
-      viewBox="-1 -1 38 38"
-      y="1748"
-    >
-      <path fill="none" d="M0 0h36v36H0z" />
-      <path
-        fill="#59a011"
-        d="M7 32.2a1 1 0 01-.49-.13A1 1 0 016 31.2V5a1 1 0 011.51-.86l22 13.1a1 1 0 010 1.72l-22 13.1a.94.94 0 01-.51.14zM8 6.76v22.68L27.05 18.1z"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'reset'">
-    <svg
-      version="1.1"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M22.4,11.65a1.09,1.09,0,0,0,1.09,1.09H34.43V1.81a1.09,1.09,0,1,0-2.19,0V8.95a16.41,16.41,0,1,0,1.47,15.86,1.12,1.12,0,0,0-2.05-.9,14.18,14.18,0,1,1-1.05-13.36H23.5A1.09,1.09,0,0,0,22.4,11.65Z"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'user'">
-    <svg
-      version="1.1"
-      class="can-badge can-alert has-solid"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        d="M18,17a7,7,0,1,0-7-7A7,7,0,0,0,18,17ZM18,5a5,5,0,1,1-5,5A5,5,0,0,1,18,5Z"
-        class="clr-i-outline clr-i-outline-path-1"
-      />
-      <path
-        d="M18,17a7,7,0,1,0-7-7A7,7,0,0,0,18,17ZM18,5a5,5,0,1,1-5,5A5,5,0,0,1,18,5Z"
-        class="clr-i-outline clr-i-outline-path-1"
-      />
-      <path
-        d="M30.47,24.37a17.16,17.16,0,0,0-24.93,0A2,2,0,0,0,5,25.74V31a2,2,0,0,0,2,2H29a2,2,0,0,0,2-2V25.74A2,2,0,0,0,30.47,24.37ZM29,31H7V25.73a15.17,15.17,0,0,1,22,0h0Z"
-        class="clr-i-outline clr-i-outline-path-2"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'doubleArrows'">
-    <svg
-      version="1.1"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-      aria-labelledby="_clr_icon_37"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M29,19.41a1,1,0,0,1-.71-.29L18,8.83,7.71,19.12a1,1,0,0,1-1.41-1.41L18,6,29.71,17.71A1,1,0,0,1,29,19.41Z"
-      />
-      <path
-        class="clr-i-outline clr-i-outline-path-2"
-        d="M29,30.41a1,1,0,0,1-.71-.29L18,19.83,7.71,30.12a1,1,0,0,1-1.41-1.41L18,17,29.71,28.71A1,1,0,0,1,29,30.41Z"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'angle'">
-    <svg
-      version="1.1"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M29.52,22.52,18,10.6,6.48,22.52a1.7,1.7,0,0,0,2.45,2.36L18,15.49l9.08,9.39a1.7,1.7,0,0,0,2.45-2.36Z"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'ellipsis-vertical'">
-    <svg
-      version="1.1"
-      class="can-badge"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <circle
-        cx="18"
-        cy="4.9"
-        r="2.9"
-        class="clr-i-outline clr-i-outline-path-1"
-      />
-      <circle
-        cx="18"
-        cy="18"
-        r="2.9"
-        class="clr-i-outline clr-i-outline-path-2"
-      />
-      <circle
-        cx="18"
-        cy="31.1"
-        r="2.9"
-        class="clr-i-outline clr-i-outline-path-3"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'close'">
-    <svg
-      version="1.1"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-      fill="#8c8c8c"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M19.41,18l8.29-8.29a1,1,0,0,0-1.41-1.41L18,16.59,9.71,8.29A1,1,0,0,0,8.29,9.71L16.59,18,8.29,26.29a1,1,0,1,0,1.41,1.41L18,19.41l8.29,8.29a1,1,0,0,0,1.41-1.41Z"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'exclamation-circle'">
-    <svg
-      version="1.1"
-      class="has-solid"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-      fill="red"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M18,6A12,12,0,1,0,30,18,12,12,0,0,0,18,6Zm0,22A10,10,0,1,1,28,18,10,10,0,0,1,18,28Z"
-      />
-      <path
-        class="clr-i-outline clr-i-outline-path-2"
-        d="M18,20.07a1.3,1.3,0,0,1-1.3-1.3v-6a1.3,1.3,0,1,1,2.6,0v6A1.3,1.3,0,0,1,18,20.07Z"
-      />
-      <circle
-        class="clr-i-outline clr-i-outline-path-3"
-        cx="17.95"
-        cy="23.02"
-        r="1.5"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'exclamation-triangle'">
-    <svg
-      version="1.1"
-      class="has-solid"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M18,21.32a1.3,1.3,0,0,0,1.3-1.3V14a1.3,1.3,0,1,0-2.6,0v6A1.3,1.3,0,0,0,18,21.32Z"
-      />
-      <circle
-        class="clr-i-outline clr-i-outline-path-2"
-        cx="17.95"
-        cy="24.27"
-        r="1.5"
-      />
-      <path
-        class="clr-i-outline clr-i-outline-path-3"
-        d="M30.33,25.54,20.59,7.6a3,3,0,0,0-5.27,0L5.57,25.54A3,3,0,0,0,8.21,30H27.69a3,3,0,0,0,2.64-4.43Zm-1.78,1.94a1,1,0,0,1-.86.49H8.21a1,1,0,0,1-.88-1.48L17.07,8.55a1,1,0,0,1,1.76,0l9.74,17.94A1,1,0,0,1,28.55,27.48Z"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'info-circle'">
-    <svg
-      version="1.1"
-      class="has-solid"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <circle
-        class="clr-i-outline clr-i-outline-path-1"
-        cx="17.93"
-        cy="11.9"
-        r="1.4"
-      />
-      <path
-        class="clr-i-outline clr-i-outline-path-2"
-        d="M21,23H19V15H16a1,1,0,0,0,0,2h1v6H15a1,1,0,1,0,0,2h6a1,1,0,0,0,0-2Z"
-      />
-      <path
-        class="clr-i-outline clr-i-outline-path-3"
-        d="M18,6A12,12,0,1,0,30,18,12,12,0,0,0,18,6Zm0,22A10,10,0,1,1,28,18,10,10,0,0,1,18,28Z"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'warning'">
-    <svg
-      version="1.1"
-      class="has-solid"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-      fill="#c27b00"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M18,21.32a1.3,1.3,0,0,0,1.3-1.3V14a1.3,1.3,0,1,0-2.6,0v6A1.3,1.3,0,0,0,18,21.32Z"
-      />
-      <circle
-        class="clr-i-outline clr-i-outline-path-2"
-        cx="17.95"
-        cy="24.27"
-        r="1.5"
-      />
-      <path
-        class="clr-i-outline clr-i-outline-path-3"
-        d="M30.33,25.54,20.59,7.6a3,3,0,0,0-5.27,0L5.57,25.54A3,3,0,0,0,8.21,30H27.69a3,3,0,0,0,2.64-4.43Zm-1.78,1.94a1,1,0,0,1-.86.49H8.21a1,1,0,0,1-.88-1.48L17.07,8.55a1,1,0,0,1,1.76,0l9.74,17.94A1,1,0,0,1,28.55,27.48Z"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'obj-dc'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      width="96"
-      height="124"
-      viewBox="0 0 96 124"
-      class="icon icon-obj-dc"
-    >
-      <defs>
-        <linearGradient
-          id="illus_grad"
-          x1="-1651.89"
-          y1="62.52"
-          x2="-1607.13"
-          y2="112.71"
-          gradientTransform="matrix(-1, 0, 0, 1, -1597.93, 0)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
-          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="illus_grad-2"
-          x1="-1676.95"
-          y1="68.78"
-          x2="-1640.9"
-          y2="109.2"
-          xlink:href="#illus_grad"
-        />
-      </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" />
-      </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon
-          class="cls-2"
-          points="3.03 94.67 47.55 94.67 47.55 50.14 3.03 94.67"
-        />
-        <polygon
-          class="cls-3"
-          points="38 94.67 73.86 94.67 73.86 58.81 38 94.67"
-        />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
-        <rect class="cls-4" x="24" y="36.36" width="2" height="6" />
-        <rect class="cls-4" x="33" y="36.36" width="2" height="6" />
-        <rect class="cls-4" x="42" y="36.36" width="2" height="6" />
-        <rect class="cls-4" x="58" y="52.36" width="2" height="4" />
-        <rect class="cls-4" x="65" y="52.36" width="2" height="4" />
-        <rect class="cls-4" x="72" y="52.36" width="2" height="4" />
-        <rect class="cls-4" x="58" y="64.36" width="2" height="4" />
-        <rect class="cls-4" x="65" y="64.36" width="2" height="4" />
-        <rect class="cls-4" x="72" y="64.36" width="2" height="4" />
-        <rect class="cls-4" x="58" y="76.36" width="2" height="4" />
-        <rect class="cls-4" x="65" y="76.36" width="2" height="4" />
-        <rect class="cls-4" x="72" y="76.36" width="2" height="4" />
-        <rect class="cls-4" x="24" y="49.36" width="2" height="6" />
-        <rect class="cls-4" x="33" y="49.36" width="2" height="6" />
-        <rect class="cls-4" x="42" y="49.36" width="2" height="6" />
-        <rect class="cls-4" x="24" y="62.36" width="2" height="6" />
-        <rect class="cls-4" x="33" y="62.36" width="2" height="6" />
-        <rect class="cls-4" x="42" y="62.36" width="2" height="6" />
-        <rect class="cls-4" x="24" y="75.36" width="2" height="6" />
-        <rect class="cls-4" x="33" y="75.36" width="2" height="6" />
-        <rect class="cls-4" x="42" y="75.36" width="2" height="6" />
-        <path
-          class="cls-4"
-          d="M89.36,96H7.14a1,1,0,0,1,0-2H89.36a1,1,0,1,1,0,2Z"
-        />
-        <path
-          class="cls-4"
-          d="M51.87,95a1,1,0,0,1-1-1V26.13A1.19,1.19,0,0,0,49.62,25H18.12a1.19,1.19,0,0,0-1.25,1.12V94a1,1,0,0,1-2,0V26.13A3.19,3.19,0,0,1,18.12,23h31.5a3.19,3.19,0,0,1,3.25,3.12V94A1,1,0,0,1,51.87,95Z"
-        />
-        <path
-          class="cls-4"
-          d="M80,94H78V45.12A1.19,1.19,0,0,0,76.75,44H55V42H76.75A3.19,3.19,0,0,1,80,45.12Z"
-        />
-      </g>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'obj-zone'">
-    <svg
-      id="svg2"
-      version="1.1"
-      xml:space="preserve"
-      width="96"
-      height="124"
-      viewBox="0 0 1440 1440"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:svg="http://www.w3.org/2000/svg"
-      class="icon icon-obj-zone"
-    >
-      <defs id="defs6" />
-      <g id="g8" transform="matrix(1.3333333,0,0,-1.3333333,0,1150)">
-        <g id="g10" transform="scale(0.1)">
-          <path
-            id="path14"
-            d="m 5485.82,3974.16 c 99.06,0 179.66,80.57 179.66,179.63 0,99.04 -80.6,179.63 -179.66,179.63 -50.81,0 -96.69,-21.29 -129.39,-55.36 -31.03,-32.28 -50.24,-76.05 -50.24,-124.27 0,-48.25 19.21,-91.98 50.24,-124.3 32.7,-34.03 78.58,-55.33 129.39,-55.33 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path16"
-            d="m 4254.43,6033.08 c 2.83,42.92 5.99,85.56 9.36,128 1.15,14.07 2.41,28.01 3.59,42.02 2.41,28.37 4.88,56.71 7.53,84.84 1.53,16.36 3.19,32.62 4.82,48.89 2.59,25.69 5.21,51.32 8.01,76.8 1.84,16.87 3.73,33.7 5.66,50.51 2.86,25 5.87,49.88 8.98,74.67 2.01,16.41 4.06,32.86 6.2,49.18 3.37,25.75 6.9,51.29 10.48,76.8 2.08,14.88 4.1,29.82 6.27,44.64 4.49,30.54 9.18,60.81 13.97,90.99 1.48,9.37 2.86,18.86 4.37,28.16 6.05,37.32 12.35,74.37 18.91,111.08 -500.09,158.22 -883.99,207.79 -1148.77,186.14 237.22,-16.12 534.1,-73.55 889.96,-186.14 -6.54,-36.71 -12.83,-73.76 -18.91,-111.08 -1.51,-9.3 -2.9,-18.79 -4.37,-28.16 -4.79,-30.18 -9.49,-60.45 -13.95,-90.99 -2.17,-14.82 -4.18,-29.76 -6.29,-44.64 -3.59,-25.51 -7.11,-51.05 -10.48,-76.8 -2.14,-16.32 -4.16,-32.77 -6.21,-49.18 -3.07,-24.79 -6.08,-49.67 -8.97,-74.67 -1.93,-16.81 -3.83,-33.64 -5.67,-50.51 -2.8,-25.48 -5.42,-51.11 -7.98,-76.8 -1.65,-16.27 -3.28,-32.53 -4.85,-48.89 -2.65,-28.13 -5.09,-56.47 -7.5,-84.84 -1.2,-14.01 -2.47,-27.95 -3.58,-42.02 -3.4,-42.44 -6.57,-85.08 -9.4,-128 -3.82,-57.98 25.63,-113.1 75.96,-142.17 L 6147.26,4692.5 c -6.05,-79.57 -13.16,-158.27 -21.26,-235.98 -24.31,-233.18 -57.74,-457.45 -99.91,-669.91 -0.03,-0.09 -0.03,-0.15 -0.06,-0.24 -170.44,-856.95 -439.31,-1317.59 -669.58,-1445.27 44.91,-24.93 88.41,-37.4 129.37,-37.4 250.95,0 595.3,458.47 799.03,1482.67 0.03,0.09 0.03,0.15 0.03,0.24 42.19,212.46 75.63,436.73 99.93,669.91 8.1,77.71 15.18,156.41 21.24,235.98 L 4330.39,5890.91 c -50.33,29.07 -79.79,84.19 -75.96,142.17 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path18"
-            d="m 4742.24,6646.03 c 0,-267.34 217.46,-484.83 484.79,-484.83 44.88,0 88.16,6.57 129.4,18.07 -204.61,56.81 -355.41,244.27 -355.41,466.76 0,222.46 150.8,409.92 355.41,466.73 -41.27,11.47 -84.55,18.07 -129.4,18.07 -267.33,0 -484.79,-217.49 -484.79,-484.8 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path20"
-            d="m 5356.43,6770.3 c -31.03,-32.29 -50.24,-76.05 -50.24,-124.27 0,-48.25 19.21,-92.01 50.24,-124.3 32.7,-34.04 78.58,-55.36 129.39,-55.36 99.06,0 179.66,80.6 179.66,179.66 0,99.03 -80.6,179.63 -179.66,179.63 -50.81,0 -96.69,-21.32 -129.39,-55.36 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path22"
-            d="m 7908.6,6948.1 c 112.92,-195.6 -58.13,-642.45 -665.9,-1231.79 46.98,-37.68 93.27,-75.48 138.33,-113.46 705.6,645.34 906.41,1137.3 786.38,1345.25 -73.19,126.77 -297.54,202.82 -667.8,177.79 217.7,-17.89 354.81,-83.94 408.99,-177.79 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path24"
-            d="m 6026.09,7013.18 c 8.59,-43.13 35.3,-80.42 73.37,-102.4 38.07,-21.99 83.8,-26.45 125.36,-12.35 35.45,12.05 70.21,23.43 104.57,34.42 -22.46,21.48 -38.31,49.28 -44.48,80.33 -203.73,1024.53 -548.14,1483.12 -799.09,1483.12 -40.96,0 -84.46,-12.47 -129.37,-37.4 230.27,-127.7 499.2,-588.5 669.64,-1445.72 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path26"
-            d="m 7282.81,5284.89 c -0.12,0.09 -0.24,0.21 -0.36,0.3 -41.14,36.08 -83.25,72.1 -126.29,107.97 -184.69,154 -386.46,305.83 -602.17,453.18 -0.66,0.45 -1.26,0.87 -1.9,1.32 -2.59,1.75 -5.21,3.53 -7.8,5.3 -1.65,1.12 -3.28,2.23 -4.94,3.35 -19.6,13.34 -39.33,26.62 -59.15,39.9 -168.67,112.68 -343.93,221.65 -520.88,323.79 -45.51,26.26 -91.26,52.13 -137.16,77.61 -33.74,-32.56 -72.23,-60.18 -114.19,-82.01 174.43,-100.9 347.13,-208.28 513.42,-319.39 19.84,-13.28 39.57,-26.56 59.18,-39.9 1.66,-1.12 3.25,-2.23 4.91,-3.35 2.59,-1.77 5.21,-3.55 7.8,-5.3 0.63,-0.45 1.27,-0.87 1.9,-1.32 215.71,-147.35 417.48,-299.18 602.17,-453.18 43.04,-35.87 85.18,-71.89 126.32,-107.97 0.12,-0.09 0.21,-0.21 0.33,-0.3 785.21,-688.47 1010.04,-1215.76 884.63,-1432.98 -54.24,-93.91 -191.62,-159.96 -409.65,-177.76 370.62,-25.15 595.21,50.96 668.43,177.76 125.45,217.22 -99.42,744.51 -884.6,1432.98 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path28"
-            d="m 4278.49,3909.47 c -16.5,0 -33.07,-2.68 -49.03,-8.07 -412.21,-139.94 -751.23,-209.36 -1015.86,-227.25 268.45,-22.02 659.64,29.39 1170.04,192.82 -8.71,8.34 -18.19,15.93 -28.83,22.08 -23.46,13.52 -49.81,20.42 -76.32,20.42 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path30"
-            d="m 5005.15,4584.32 c 2.47,-1.42 4.91,-2.9 7.38,-4.34 45.41,-26.2 91.17,-52.08 137.16,-77.62 57.22,55.21 128.03,96.23 206.74,118.19 -41.27,11.44 -84.55,18.04 -129.4,18.04 -80.02,0 -155.38,-19.73 -221.88,-54.27 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path32"
-            d="m 4601.16,4315.71 c 48.97,-28.28 98.37,-56.11 147.97,-83.64 -4.15,-25.54 -6.89,-51.56 -6.89,-78.28 0,-267.33 217.46,-484.79 484.79,-484.79 44.85,0 88.13,6.59 129.4,18.07 -204.61,56.8 -355.41,244.26 -355.41,466.72 0,26.72 2.74,52.74 6.93,78.28 -49.64,27.53 -99.01,55.36 -148.01,83.64 -183.79,106.11 -364.83,218.61 -538.05,334.39 -264.68,177.04 -510.03,360.58 -731.08,546.87 -41.95,-38.4 -82.01,-76.2 -120.44,-113.46 183.72,-147.31 381.97,-292.46 592.71,-433.41 173.25,-115.78 354.26,-228.28 538.08,-334.39 v 0"
-            style="
-              fill: #dfac13;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path34"
-            d="m 7908.63,3851.91 c 125.41,217.22 -99.42,744.51 -884.63,1432.98 -0.12,0.09 -0.21,0.21 -0.33,0.3 -41.14,36.08 -83.28,72.1 -126.32,107.97 -184.69,154 -386.46,305.83 -602.17,453.18 -0.63,0.45 -1.27,0.87 -1.9,1.32 -2.59,1.75 -5.21,3.53 -7.8,5.3 -1.66,1.12 -3.25,2.23 -4.91,3.35 -19.61,13.34 -39.34,26.62 -59.18,39.9 -166.29,111.11 -338.99,218.49 -513.42,319.39 -66.59,-34.61 -142.04,-54.4 -222.15,-54.4 -44.85,0 -88.13,6.63 -129.39,18.07 -41.24,-11.5 -84.52,-18.07 -129.4,-18.07 -267.33,0 -484.79,217.49 -484.79,484.83 0,267.31 217.46,484.8 484.79,484.8 44.85,0 88.13,-6.6 129.4,-18.07 41.26,11.47 84.54,18.07 129.39,18.07 267.33,0 484.82,-217.49 484.82,-484.8 0,-26.62 -2.74,-52.59 -6.86,-78.04 49.57,-27.47 98.97,-55.33 148.12,-83.7 182.68,-105.48 363.63,-217.97 537.87,-334.35 210.47,-140.72 408.81,-285.92 592.93,-433.63 607.77,589.34 778.82,1036.19 665.9,1231.79 -54.18,93.85 -191.29,159.9 -408.99,177.79 -264.66,-17.92 -603.71,-87.41 -1015.98,-227.46 -41.59,-14.1 -87.28,-9.64 -125.38,12.35 -10.63,6.14 -20.15,13.73 -28.86,22.07 -34.36,-10.99 -69.12,-22.37 -104.57,-34.42 -41.56,-14.1 -87.29,-9.64 -125.36,12.35 -38.07,21.98 -64.78,59.27 -73.37,102.4 -170.44,857.22 -439.37,1318.02 -669.64,1445.72 -230.2,-127.7 -499.01,-588.47 -669.48,-1445.6 0,-0.03 0,-0.06 0,-0.12 -34.1,-171.56 -62.41,-351.16 -84.94,-537.05 -14.58,-120.39 -26.81,-243.36 -36.38,-368.69 L 6641.28,4909.09 c 50.3,-29.06 79.75,-84.15 75.99,-142.1 -2.83,-42.8 -5.97,-85.36 -9.34,-127.71 -1.14,-14.3 -2.44,-28.49 -3.64,-42.77 -2.35,-28.04 -4.76,-56.02 -7.38,-83.85 -1.57,-16.65 -3.26,-33.22 -4.91,-49.81 -2.53,-25.27 -5.09,-50.45 -7.83,-75.54 -1.9,-17.29 -3.83,-34.52 -5.82,-51.72 -2.8,-24.45 -5.72,-48.79 -8.73,-73.04 -2.11,-16.98 -4.22,-33.97 -6.42,-50.84 -3.25,-24.97 -6.68,-49.73 -10.15,-74.48 -2.17,-15.63 -4.3,-31.36 -6.59,-46.93 -4.25,-29.09 -8.74,-57.95 -13.29,-86.71 -1.71,-10.81 -3.28,-21.72 -5.03,-32.47 -6.05,-37.26 -12.34,-74.27 -18.88,-110.96 355.74,-112.52 652.53,-169.93 889.72,-186.01 218.03,17.8 355.41,83.85 409.65,177.76 v 0"
-            style="
-              fill: #fbce28;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-          <path
-            id="path36"
-            d="m 6026.03,3786.37 c 0.03,0.09 0.03,0.15 0.06,0.24 42.17,212.46 75.6,436.73 99.91,669.91 8.1,77.71 15.21,156.41 21.26,235.98 L 4071.57,5890.91 c -50.33,29.07 -79.78,84.19 -75.96,142.17 2.83,42.92 6,85.56 9.4,128 1.11,14.07 2.38,28.01 3.58,42.02 2.41,28.37 4.85,56.71 7.5,84.84 1.57,16.36 3.2,32.62 4.85,48.89 2.56,25.69 5.18,51.32 7.98,76.8 1.84,16.87 3.74,33.7 5.67,50.51 2.89,25 5.9,49.88 8.97,74.67 2.05,16.41 4.07,32.86 6.21,49.18 3.37,25.75 6.89,51.29 10.48,76.8 2.11,14.88 4.12,29.82 6.29,44.64 4.46,30.54 9.16,60.81 13.95,90.99 1.47,9.37 2.86,18.86 4.37,28.16 6.08,37.32 12.37,74.37 18.91,111.08 -355.86,112.59 -652.74,170.02 -889.96,186.14 -217.88,-17.83 -355.19,-83.82 -409.38,-177.7 -125.45,-217.34 99.52,-744.88 884.93,-1433.46 217.16,-190.48 461.97,-378.99 728.73,-561.24 8.11,-5.55 16.24,-11.09 24.37,-16.6 3.88,-2.62 7.8,-5.27 11.66,-7.89 12.43,-8.4 24.88,-16.78 37.37,-25.15 165.33,-110.48 338.15,-217.88 513.66,-319.44 66.5,34.54 141.86,54.27 221.88,54.27 44.85,0 88.13,-6.6 129.4,-18.04 41.23,11.5 84.51,18.04 129.39,18.04 267.33,0 484.82,-217.46 484.82,-484.8 0,-267.33 -217.49,-484.79 -484.82,-484.79 -44.85,0 -88.13,6.59 -129.39,18.07 -41.27,-11.48 -84.55,-18.07 -129.4,-18.07 -267.33,0 -484.79,217.46 -484.79,484.79 0,26.72 2.74,52.74 6.89,78.28 -49.6,27.53 -99,55.36 -147.97,83.64 -183.82,106.11 -364.83,218.61 -538.08,334.39 -210.74,140.95 -408.99,286.1 -592.71,433.41 -607.81,-589.31 -778.86,-1036.1 -665.94,-1231.6 54.19,-93.85 191.35,-159.9 409.17,-177.76 264.63,17.89 603.65,87.31 1015.86,227.25 15.96,5.39 32.53,8.07 49.03,8.07 26.51,0 52.86,-6.9 76.32,-20.42 10.64,-6.15 20.12,-13.74 28.83,-22.08 34.39,11.02 69.15,22.38 104.6,34.43 15.99,5.39 32.56,8.07 49.04,8.07 26.53,0 52.85,-6.9 76.32,-20.42 38.04,-21.99 64.78,-59.31 73.34,-102.41 170.44,-857.1 439.28,-1317.86 669.51,-1445.54 230.27,127.68 499.14,588.32 669.58,1445.27 v 0"
-            style="
-              fill: #fbce28;
-              fill-opacity: 1;
-              fill-rule: nonzero;
-              stroke: none;
-            "
-          />
-        </g>
-      </g>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'obj-host'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      width="96"
-      height="124"
-      viewBox="0 0 96 124"
-      class="icon-obj-host"
-    >
-      <defs>
-        <linearGradient
-          id="illus_grad"
-          x1="-3163.59"
-          y1="62.51"
-          x2="-3118.36"
-          y2="113.24"
-          gradientTransform="matrix(-1, 0, 0, 1, -3095.12, 0)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
-          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="linear-gradient"
-          x1="89.6"
-          y1="58.65"
-          x2="44.2"
-          y2="104.05"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.33" stop-color="#0091da" stop-opacity="0.6" />
-          <stop offset="0.58" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="0.89" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-      </defs>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon class="cls-1" points="17 95 62 95 62 50 17 95" />
-        <polygon class="cls-2" points="76 95 30.5 95 76 49.5 76 95" />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
-        <path
-          class="cls-3"
-          d="M68,95H66V22a1,1,0,0,0-1-1H31a1,1,0,0,0-1,1V95H28V22a3,3,0,0,1,3-3H65a3,3,0,0,1,3,3Z"
-        />
-        <path class="cls-3" d="M80,96H16a1,1,0,0,1,0-2H80a1,1,0,0,1,0,2Z" />
-        <path class="cls-3" d="M59,33H37a1,1,0,0,1,0-2H59a1,1,0,0,1,0,2Z" />
-        <path
-          class="cls-3"
-          d="M48.5,82A5.5,5.5,0,1,1,54,76.5,5.51,5.51,0,0,1,48.5,82Zm0-9A3.5,3.5,0,1,0,52,76.5,3.5,3.5,0,0,0,48.5,73Z"
-        />
-      </g>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'obj-datastore'">
-    <svg
-      width="96"
-      height="124"
-      viewBox="0 0 96 124"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-    >
-      <defs>
-        <linearGradient
-          id="illus_grad"
-          x1="-1907.36"
-          y1="63.08"
-          x2="-1863.1"
-          y2="112.71"
-          gradientTransform="matrix(-1, 0, 0, 1, -1840.95, 0)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
-          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="illus_grad-2"
-          x1="-1923.8"
-          y1="71.55"
-          x2="-1892.27"
-          y2="106.92"
-          xlink:href="#illus_grad"
-        />
-      </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" />
-      </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon
-          class="cls-2"
-          points="16.04 94.86 60.07 94.86 60.07 50.84 16.04 94.86"
-        />
-        <polygon
-          class="cls-3"
-          points="46.97 94.2 78.34 94.2 78.34 62.83 46.97 94.2"
-        />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
-        <path
-          class="cls-4"
-          d="M89.91,95.91H5.46a1,1,0,1,1,0-2H89.91a1,1,0,0,1,0,2Z"
-        />
-        <path
-          class="cls-4"
-          d="M57.38,40H38.62a1,1,0,0,1,0-2H57.38a1,1,0,0,1,0,2Z"
-        />
-        <path
-          class="cls-4"
-          d="M48.1,80.67A4.72,4.72,0,1,1,52.82,76,4.72,4.72,0,0,1,48.1,80.67Zm0-7.44A2.72,2.72,0,1,0,50.82,76,2.72,2.72,0,0,0,48.1,73.23Z"
-        />
-        <path class="cls-4" d="M76.92,47H67v2h9.92a1,1,0,0,0,0-2Z" />
-        <path class="cls-4" d="M19.08,48H29v2H19.08a1,1,0,0,1,0-2Z" />
-        <path
-          class="cls-4"
-          d="M64,96a1,1,0,0,1-1-1V31a1,1,0,0,0-1-1H34a1,1,0,0,0-1,1V95a1,1,0,0,1-2,0V31a3,3,0,0,1,3-3H62a3,3,0,0,1,3,3V95A1,1,0,0,1,64,96Z"
-        />
-        <path
-          class="cls-4"
-          d="M83,95H81V41a1,1,0,0,0-1-1H67V38H80a3,3,0,0,1,3,3Z"
-        />
-        <path
-          class="cls-4"
-          d="M15,95H13V41a3,3,0,0,1,3-3H29v2H16a1,1,0,0,0-1,1Z"
-        />
-      </g>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'obj-ds'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      width="96"
-      height="124"
-      viewBox="0 0 96 124"
-      class="icon icon-obj-ds"
-    >
-      <defs>
-        <linearGradient
-          id="illus_grad"
-          x1="54.43"
-          y1="61.9"
-          x2="54.43"
-          y2="109.83"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
-          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-      </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" />
-      </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <path
-          class="cls-2"
-          d="M46.88,55.31c-1.28,0-2.53,0-3.76-.11V95.83c1.23.07,2.48.11,3.76.11,7.49,0,14.22-1.16,18.87-3V52.29C61.1,54.15,54.37,55.31,46.88,55.31Z"
-        />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
-        <path
-          class="cls-3"
-          d="M48,98.43c-14.82,0-26-4.3-26-10v-46h2v46c0,3.79,9.86,8,24,8s24-4.22,24-8v-46h2v46C74,94.13,62.82,98.43,48,98.43Z"
-        />
-        <path
-          class="cls-3"
-          d="M72,72.48c0,3.79-9.86,8-24,8a53.15,53.15,0,0,1-17.3-2.59V80A56.81,56.81,0,0,0,48,82.5c14.82,0,26-4.31,26-10Z"
-        />
-        <path
-          class="cls-3"
-          d="M72,58c0,3.79-9.86,8-24,8a53.44,53.44,0,0,1-17.3-2.58v2.13A56.83,56.83,0,0,0,48,68c14.82,0,26-4.3,26-10Z"
-        />
-        <path
-          class="cls-3"
-          d="M48,32.41c-14.82,0-26,4.3-26,10h2c0-3.79,9.86-8,24-8s24,4.22,24,8-9.86,8-24,8a53.44,53.44,0,0,1-17.3-2.58V50A56.83,56.83,0,0,0,48,52.43c14.82,0,26-4.3,26-10S62.82,32.41,48,32.41Z"
-        />
-      </g>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'arrow'">
-    <svg height="20" viewBox="0 0 32 32" width="20">
-      <path
-        d="M16.7 11.3c-0.4-0.4-1-0.4-1.4 0l-9 9c-0.4 0.4-0.4 1 0 1.4 0.4 0.4 1 0.4 1.4 0L16 13.4l8.3 8.3c0.4 0.4 1 0.4 1.4 0 0.4-0.4 0.4-1 0-1.4L16.7 11.3z"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'info'">
-    <svg viewBox="0 0 36 36" class="icon-container" style="">
-      <path
-        id="error-icon-outline"
-        d="M18,7A11,11,0,1,1,7,18,11,11,0,0,1,18,7"
-        class="ng-tns-c303-18"
-      />
-      <path
-        id="error-icon-line"
-        d="M18,12.8v5.9"
-        class="ng-tns-c303-18 ng-trigger ng-trigger-errorLine"
-      />
-      <circle
-        id="error-icon-dot"
-        cx="18"
-        cy="23"
-        r="1.4"
-        class="ng-tns-c303-18 ng-trigger ng-trigger-errorDot"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'obj-cluster'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      width="96"
-      height="124"
-      viewBox="0 0 96 124"
-      class="icon icon-obj-cluster"
-    >
-      <defs>
-        <linearGradient
-          id="illus_grad"
-          x1="-1907.36"
-          y1="63.08"
-          x2="-1863.1"
-          y2="112.71"
-          gradientTransform="matrix(-1, 0, 0, 1, -1840.95, 0)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
-          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="illus_grad-2"
-          x1="-1923.8"
-          y1="71.55"
-          x2="-1892.27"
-          y2="106.92"
-          xlink:href="#illus_grad"
-        />
-      </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" />
-      </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon
-          class="cls-2"
-          points="16.04 94.86 60.07 94.86 60.07 50.84 16.04 94.86"
-        />
-        <polygon
-          class="cls-3"
-          points="46.97 94.2 78.34 94.2 78.34 62.83 46.97 94.2"
-        />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
-        <path
-          class="cls-4"
-          d="M89.91,95.91H5.46a1,1,0,1,1,0-2H89.91a1,1,0,0,1,0,2Z"
-        />
-        <path
-          class="cls-4"
-          d="M57.38,40H38.62a1,1,0,0,1,0-2H57.38a1,1,0,0,1,0,2Z"
-        />
-        <path
-          class="cls-4"
-          d="M48.1,80.67A4.72,4.72,0,1,1,52.82,76,4.72,4.72,0,0,1,48.1,80.67Zm0-7.44A2.72,2.72,0,1,0,50.82,76,2.72,2.72,0,0,0,48.1,73.23Z"
-        />
-        <path class="cls-4" d="M76.92,47H67v2h9.92a1,1,0,0,0,0-2Z" />
-        <path class="cls-4" d="M19.08,48H29v2H19.08a1,1,0,0,1,0-2Z" />
-        <path
-          class="cls-4"
-          d="M64,96a1,1,0,0,1-1-1V31a1,1,0,0,0-1-1H34a1,1,0,0,0-1,1V95a1,1,0,0,1-2,0V31a3,3,0,0,1,3-3H62a3,3,0,0,1,3,3V95A1,1,0,0,1,64,96Z"
-        />
-        <path
-          class="cls-4"
-          d="M83,95H81V41a1,1,0,0,0-1-1H67V38H80a3,3,0,0,1,3,3Z"
-        />
-        <path
-          class="cls-4"
-          d="M15,95H13V41a3,3,0,0,1,3-3H29v2H16a1,1,0,0,0-1,1Z"
-        />
-      </g>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'obj-network'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      width="96"
-      height="124"
-      viewBox="0 0 96 124"
-      class="icon icon__obj-network"
-    >
-      <defs>
-        <linearGradient
-          id="linear-gradient"
-          x1="75.11"
-          y1="22.68"
-          x2="-1.26"
-          y2="100.91"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
-          <stop offset="0.46" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="0.83" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="linear-gradient-2"
-          x1="78.18"
-          y1="10.58"
-          x2="25.29"
-          y2="64.76"
-          xlink:href="#linear-gradient"
-        />
-      </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" />
-      </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon
-          class="cls-2"
-          points="47.67 64 88.67 23 61.9 23 20.9 64 47.67 64"
-        />
-        <polygon
-          class="cls-3"
-          points="59.77 39 87.78 11 68.44 11 40.44 39 59.77 39"
-        />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
-        <path class="cls-4" d="M76,96H28.5a1,1,0,0,1,0-2H76a1,1,0,0,1,0,2Z" />
-        <path
-          class="cls-4"
-          d="M66,92H53V82.33a1,1,0,1,1,2,0V90H66a1,1,0,0,1,0,2Z"
-        />
-        <path
-          class="cls-4"
-          d="M65.92,29.18a3,3,0,1,0,3,3A3,3,0,0,0,65.92,29.18Zm0,4.33a1.32,1.32,0,1,1,1.31-1.31A1.32,1.32,0,0,1,65.92,33.51Z"
-        />
-        <path
-          class="cls-4"
-          d="M77.56,45.86a3,3,0,1,0,3,3A3,3,0,0,0,77.56,45.86Zm0,4.32a1.31,1.31,0,1,1,1.31-1.31A1.31,1.31,0,0,1,77.56,50.18Z"
-        />
-        <path
-          class="cls-4"
-          d="M61.23,60.76a3.07,3.07,0,1,0,3.08,3.07A3.07,3.07,0,0,0,61.23,60.76Zm0,4.44a1.37,1.37,0,1,1,1.38-1.37A1.37,1.37,0,0,1,61.23,65.2Z"
-        />
-        <path
-          class="cls-4"
-          d="M63.24,75.6a3.08,3.08,0,1,0,3.08,3.08A3.08,3.08,0,0,0,63.24,75.6Zm0,4.45a1.37,1.37,0,1,1,1.38-1.37A1.38,1.38,0,0,1,63.24,80.05Z"
-        />
-        <path
-          class="cls-4"
-          d="M41,71.39a3.07,3.07,0,1,0,3.08,3.07A3.08,3.08,0,0,0,41,71.39Zm0,4.44a1.37,1.37,0,1,1,1.38-1.37A1.37,1.37,0,0,1,41,75.83Z"
-        />
-        <path
-          class="cls-4"
-          d="M37.33,39.24a3,3,0,1,0,3,3A3,3,0,0,0,37.33,39.24Zm0,4.26a1.28,1.28,0,1,1,1.29-1.28A1.28,1.28,0,0,1,37.33,43.5Z"
-        />
-        <path
-          class="cls-4"
-          d="M24.25,47a3,3,0,1,0,3,3A3,3,0,0,0,24.25,47Zm0,4.26a1.28,1.28,0,1,1,1.28-1.28A1.28,1.28,0,0,1,24.25,51.21Z"
-        />
-        <path class="cls-4" d="M28.5,90a1,1,0,0,0,0,2H49V90Z" />
-        <path
-          class="cls-4"
-          d="M59.16,64.48a29,29,0,0,1-9.27,6.72,29.38,29.38,0,0,1-7,2.18,2.32,2.32,0,0,1,.29,1.08,2.22,2.22,0,0,1-.21.93A31.06,31.06,0,0,0,60.5,66,2.26,2.26,0,0,1,59.16,64.48Z"
-        />
-        <path
-          class="cls-4"
-          d="M67.85,32.9a2.16,2.16,0,0,1-1.47,1.39,26.06,26.06,0,0,1,9.37,13.29,2.15,2.15,0,0,1,1.79-1A28.08,28.08,0,0,0,67.85,32.9Z"
-        />
-        <path
-          class="cls-4"
-          d="M61.05,79a25.68,25.68,0,0,1-10.13,2.06A26,26,0,0,1,25,55.11a26.58,26.58,0,0,1,.21-3.24,2.12,2.12,0,0,1-1,.25,2.21,2.21,0,0,1-1-.26A29,29,0,0,0,23,55.11,27.93,27.93,0,0,0,62.24,80.65,2.23,2.23,0,0,1,61.05,79Z"
-        />
-        <path
-          class="cls-4"
-          d="M59.06,63.7a2.07,2.07,0,0,1,.06-.5,48.05,48.05,0,0,1-25.29-6.33,49.33,49.33,0,0,1-7.93-5.61,2.1,2.1,0,0,1-1.65.8,1.85,1.85,0,0,1-.58-.09,51.18,51.18,0,0,0,9.17,6.64,50.18,50.18,0,0,0,24.79,6.62c.66,0,1.33,0,2,0A2.3,2.3,0,0,1,59.06,63.7Z"
-        />
-        <path
-          class="cls-4"
-          d="M35.06,42.18s0,0,0,0A33.62,33.62,0,0,0,31,44.32a36.11,36.11,0,0,0-5.26,4.11,2.15,2.15,0,0,1,.62,1.5,2,2,0,0,1-.18.85A31.91,31.91,0,0,1,35.92,44,2.28,2.28,0,0,1,35.06,42.18Z"
-        />
-        <path
-          class="cls-4"
-          d="M41.07,31.13a25.68,25.68,0,0,1,22.6,1.41c0-.11,0-.22,0-.33a2.16,2.16,0,0,1,.7-1.59,27.72,27.72,0,0,0-25.47-.7C39.59,30.29,40.32,30.69,41.07,31.13Z"
-        />
-        <path
-          class="cls-4"
-          d="M34.77,32.34A28.06,28.06,0,0,0,23.93,47.89a2.3,2.3,0,0,1,.26,0,2.13,2.13,0,0,1,1.61.75,26,26,0,0,1,11-15.27C36.12,33,35.43,32.64,34.77,32.34Z"
-        />
-        <path
-          class="cls-4"
-          d="M38.33,40.24a35.73,35.73,0,0,1,.93-5.55c-.61-.36-1.21-.7-1.79-1a35.67,35.67,0,0,0-1.14,6.58,2,2,0,0,1,1-.27A2.16,2.16,0,0,1,38.33,40.24Z"
-        />
-        <path
-          class="cls-4"
-          d="M48.12,40.81c-.8-.63-1.59-1.22-2.36-1.79A36.79,36.79,0,0,0,39,40.56a2.28,2.28,0,0,1,.67,1.62c0,.09,0,.18,0,.28A34.65,34.65,0,0,1,48.12,40.81Z"
-        />
-        <path
-          class="cls-4"
-          d="M51.93,38.74c.88.71,1.76,1.44,2.65,2.2a42.5,42.5,0,0,1,20.87,8.38,2.3,2.3,0,0,1,0-.45,2.17,2.17,0,0,1,.68-1.57A43.87,43.87,0,0,0,51.93,38.74Z"
-        />
-        <path
-          class="cls-4"
-          d="M66,51.73c.54.56,1.08,1.12,1.61,1.7A30.94,30.94,0,0,0,67,34.1,2.1,2.1,0,0,1,64.86,34,29,29,0,0,1,66,51.73Z"
-        />
-        <path
-          class="cls-4"
-          d="M64.57,56a29,29,0,0,1-3.08,5.57,2.3,2.3,0,0,1,1.75,1,32.71,32.71,0,0,0,2.82-5C65.56,57.08,65.07,56.54,64.57,56Z"
-        />
-        <path
-          class="cls-4"
-          d="M75.73,62.69c.5.61,1,1.23,1.49,1.85a27.83,27.83,0,0,0,1.3-13.84,2.12,2.12,0,0,1-2-.07,25.39,25.39,0,0,1,.4,4.48A26,26,0,0,1,75.73,62.69Z"
-        />
-        <path
-          class="cls-4"
-          d="M74,66.92a26.08,26.08,0,0,1-9.25,10.13,2.2,2.2,0,0,1,.72,1.63c0,.1,0,.2,0,.3a28.14,28.14,0,0,0,9.91-10.33Z"
-        />
-        <path
-          class="cls-4"
-          d="M83,71.21A161.59,161.59,0,0,0,69.59,54.46c-16.42-18.07-37.41-33.12-44.1-27C23.74,29,23.25,31.75,24,35.54a1,1,0,0,0,2-.4c-.43-2.1-.64-4.89.84-6.23,4.45-4.05,22.1,5.8,41.28,26.89A162,162,0,0,1,81.43,72.48,3,3,0,0,1,83,71.21Z"
-        />
-        <path
-          class="cls-4"
-          d="M84.05,78.09a4,4,0,0,1-1.66-.36,4,4,0,0,1-2.06-2.24,4,4,0,0,1,2.36-5.09,4,4,0,0,1,5.09,2.36h0a4,4,0,0,1-2.36,5.09A4,4,0,0,1,84.05,78.09Zm0-6.23a2.38,2.38,0,0,0-.78.14,2.27,2.27,0,0,0-.17,4.18,2.24,2.24,0,0,0,1.74.07,2.26,2.26,0,0,0,1.34-2.9h0A2.26,2.26,0,0,0,84.05,71.86Z"
-        />
-      </g>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'obj-rp'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      width="96"
-      height="124"
-      viewBox="0 0 96 124"
-      class="icon icon-obj-rp"
-    >
-      <defs>
-        <linearGradient
-          id="linear-gradient"
-          x1="78.91"
-          y1="20.07"
-          x2="17.57"
-          y2="75.31"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
-          <stop offset="0.46" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="0.83" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="illus_grad"
-          x1="-3453.04"
-          y1="20.8"
-          x2="-3429.13"
-          y2="44.35"
-          gradientTransform="matrix(-1, 0, 0, 1, -3394.04, 0)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
-          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-      </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" />
-      </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon
-          class="cls-2"
-          points="27.31 56.61 63.42 20.5 89.45 20.5 53.34 56.61 27.31 56.61"
-        />
-        <polygon
-          class="cls-3"
-          points="34.02 36.86 58.38 12.5 76.11 12.5 51.75 36.86 34.02 36.86"
-        />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
-        <path
-          class="cls-4"
-          d="M29.68,89.71a1,1,0,0,1-.61-.21,1,1,0,0,1-.18-1.4L47.77,63.39a1,1,0,0,1,.8-.39H72.62a1,1,0,0,1,0,2H49.06L30.48,89.32A1,1,0,0,1,29.68,89.71Z"
-        />
-        <path class="cls-5" d="M31,90.94a31.1,31.1,0,0,0,48.1-24.68H50Z" />
-        <path
-          class="cls-4"
-          d="M48,97a32.1,32.1,0,1,1,32.1-32.1A32.14,32.14,0,0,1,48,97Zm0-62.2a30.1,30.1,0,1,0,30.1,30.1A30.13,30.13,0,0,0,48,34.82Z"
-        />
-      </g>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'sort-arrow'">
-    <svg
-      version="1.1"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        d="M27.66,15.61,18,6,8.34,15.61A1,1,0,1,0,9.75,17L17,9.81V28.94a1,1,0,1,0,2,0V9.81L26.25,17a1,1,0,0,0,1.41-1.42Z"
-        class="clr-i-outline clr-i-outline-path-1"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'filter'">
-    <svg
-      version="1.1"
-      class="has-solid"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        class="clr-i-solid clr-i-solid-path-1"
-        d="M8,11v1.12a.5.5,0,0,0,.15.35l7.28,7.36a.5.5,0,0,1,.15.35v6.89a.5.5,0,0,0,.28.45l3.95,1.41a.5.5,0,0,0,.72-.45l0-8.39a.54.54,0,0,1,.18-.35l7.12-7.25a.5.5,0,0,0,.15-.35V11Z"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'filter-solid'">
-    <svg
-      version="1.1"
-      class="has-solid"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M15,25.86l2,1V20.27a1,1,0,0,0-.29-.7L10.23,13H25.79l-6.47,6.57a1,1,0,0,0-.29.7L19,28l2,1V20.68L27.58,14A1.46,1.46,0,0,0,28,13V12a1,1,0,0,0-1-1H9a1,1,0,0,0-1,1v1a1.46,1.46,0,0,0,.42,1L15,20.68Z"
-      />
-      <path
-        class="clr-i-outline clr-i-outline-path-2"
-        d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
-      />
-      <path
-        class="clr-i-solid clr-i-solid-path-1"
-        d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
-      />
-      <path
-        class="clr-i-solid clr-i-solid-path-2"
-        d="M8,11v1.12a.5.5,0,0,0,.15.35l7.28,7.36a.5.5,0,0,1,.15.35v6.89a.5.5,0,0,0,.28.45l3.95,1.41a.5.5,0,0,0,.72-.45l0-8.39a.54.54,0,0,1,.18-.35l7.12-7.25a.5.5,0,0,0,.15-.35V11Z"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'check'">
-    <svg
-      id="Capa_1"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      version="1.1"
-      x="0px"
-      y="0px"
-      viewBox="0 0 17.837 17.837"
-      style="enable-background: new 0 0 17.837 17.837"
-      xml:space="preserve"
-    >
-      <g>
-        <path
-          d="M16.145,2.571c-0.272-0.273-0.718-0.273-0.99,0L6.92,10.804l-4.241-4.27   c-0.272-0.274-0.715-0.274-0.989,0L0.204,8.019c-0.272,0.271-0.272,0.717,0,0.99l6.217,6.258c0.272,0.271,0.715,0.271,0.99,0   L17.63,5.047c0.276-0.273,0.276-0.72,0-0.994L16.145,2.571z"
-        />
-      </g>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'help-icon'">
-    <svg
-      version="1.1"
-      class="can-badge has-solid"
-      viewBox="-2 -2 38 38"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-      aria-labelledby="_clr_icon_6"
-      fill="#565656"
-    >
-      <path
-        d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
-        class="clr-i-outline clr-i-outline-path-1"
-      />
-      <path
-        d="M18.29,8.92a7.38,7.38,0,0,0-5.72,2.57,1,1,0,0,0-.32.71.92.92,0,0,0,.95.92,1.08,1.08,0,0,0,.71-.29,5.7,5.7,0,0,1,4.33-2c2.36,0,3.83,1.52,3.83,3.41v.05c0,2.21-1.76,3.44-4.54,3.65a.8.8,0,0,0-.76.92s0,2.32,0,2.75a1,1,0,0,0,1,.9h.11a1,1,0,0,0,.9-1V19.45c3-.42,5.43-2,5.43-5.28v-.05C24.18,11.12,21.84,8.92,18.29,8.92Z"
-        class="clr-i-outline clr-i-outline-path-2"
-      />
-      <circle
-        cx="17.78"
-        cy="26.2"
-        r="1.25"
-        class="clr-i-outline clr-i-outline-path-3"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'close-circle'">
-    <svg
-      version="1.1"
-      class="has-solid"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-      aria-labelledby="_clr_icon_169"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M19.61,18l4.86-4.86a1,1,0,0,0-1.41-1.41L18.2,16.54l-4.89-4.89a1,1,0,0,0-1.41,1.41L16.78,18,12,22.72a1,1,0,1,0,1.41,1.41l4.77-4.77,4.74,4.74a1,1,0,0,0,1.41-1.41Z"
-      />
-      <path
-        class="clr-i-outline clr-i-outline-path-2"
-        d="M18,34A16,16,0,1,1,34,18,16,16,0,0,1,18,34ZM18,4A14,14,0,1,0,32,18,14,14,0,0,0,18,4Z"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'column-switch'">
-    <svg
-      version="1.1"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M31,5H5A2,2,0,0,0,3,7V29a2,2,0,0,0,2,2H31a2,2,0,0,0,2-2V7A2,2,0,0,0,31,5ZM13,29H5V7h8Zm10,0H15V7h8Z"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'lock'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 24 24"
-      stroke-width="1.5"
-      stroke="currentColor"
-      class="w-6 h-6"
-    >
-      <path
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'ellipsis-horizontal'">
-    <svg
-      version="1.1"
-      class="can-badge"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <circle
-        cx="31.1"
-        cy="18"
-        r="2.9"
-        class="clr-i-outline clr-i-outline-path-1"
-      ></circle>
-      <circle
-        cx="18"
-        cy="18"
-        r="2.9"
-        class="clr-i-outline clr-i-outline-path-2"
-      ></circle>
-      <circle
-        cx="4.9"
-        cy="18"
-        r="2.9"
-        class="clr-i-outline clr-i-outline-path-3"
-      ></circle>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'step-forward'">
-    <svg
-      version="1.1"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        d="M7.08,6.52a1.68,1.68,0,0,0,0,2.4L16.51,18,7.12,27.08a1.7,1.7,0,0,0,2.36,2.44h0L21.4,18,9.48,6.47A1.69,1.69,0,0,0,7.08,6.52Z"
-        class="clr-i-outline clr-i-outline-path-1"
-      ></path>
-      <path
-        d="M26.49,5a1.7,1.7,0,0,0-1.7,1.7V29.3a1.7,1.7,0,0,0,3.4,0V6.7A1.7,1.7,0,0,0,26.49,5Z"
-        class="clr-i-outline clr-i-outline-path-2"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'search'">
-    <svg
-      version="1.1"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M16.33,5.05A10.95,10.95,0,1,1,5.39,16,11,11,0,0,1,16.33,5.05m0-2.05a13,13,0,1,0,13,13,13,13,0,0,0-13-13Z"
-      ></path>
-      <path
-        class="clr-i-outline clr-i-outline-path-2"
-        d="M35,33.29l-7.37-7.42-1.42,1.41,7.37,7.42A1,1,0,1,0,35,33.29Z"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'success-circle'">
-    <svg
-      fill="#2e8500"
-      version="1.1"
-      class="has-solid"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-      viewBox="-1 -1 40 40"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
-      ></path>
-      <path
-        class="clr-i-outline clr-i-outline-path-2"
-        d="M28,12.1a1,1,0,0,0-1.41,0L15.49,23.15l-6-6A1,1,0,0,0,8,18.53L15.49,26,28,13.52A1,1,0,0,0,28,12.1Z"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'error-outline'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      fill="#e02200"
-      version="1.1"
-      class="has-solid"
-      preserveAspectRatio="xMidYMid meet"
-      focusable="false"
-      role="img"
-      viewBox="3 3 30 30"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M18,6A12,12,0,1,0,30,18,12,12,0,0,0,18,6Zm0,22A10,10,0,1,1,28,18,10,10,0,0,1,18,28Z"
-      />
-      <path
-        class="clr-i-outline clr-i-outline-path-2"
-        d="M18,20.07a1.3,1.3,0,0,1-1.3-1.3v-6a1.3,1.3,0,1,1,2.6,0v6A1.3,1.3,0,0,1,18,20.07Z"
-      />
-      <circle
-        class="clr-i-outline clr-i-outline-path-3"
-        cx="17.95"
-        cy="23.02"
-        r="1.5"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'warning-outline'">
-    <svg
-      fill="#c27b00"
-      version="1.1"
-      class="has-solid"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M18,21.32a1.3,1.3,0,0,0,1.3-1.3V14a1.3,1.3,0,1,0-2.6,0v6A1.3,1.3,0,0,0,18,21.32Z"
-      ></path>
-      <circle
-        class="clr-i-outline clr-i-outline-path-2"
-        cx="17.95"
-        cy="24.27"
-        r="1.5"
-      ></circle>
-      <path
-        class="clr-i-outline clr-i-outline-path-3"
-        d="M30.33,25.54,20.59,7.6a3,3,0,0,0-5.27,0L5.57,25.54A3,3,0,0,0,8.21,30H27.69a3,3,0,0,0,2.64-4.43Zm-1.78,1.94a1,1,0,0,1-.86.49H8.21a1,1,0,0,1-.88-1.48L17.07,8.55a1,1,0,0,1,1.76,0l9.74,17.94A1,1,0,0,1,28.55,27.48Z"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'is-error'">
-    <svg
-      fill="#e02200"
-      version="1.1"
-      class="has-solid"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-3"
-        d="M18,34A16,16,0,1,1,34,18,16,16,0,0,1,18,34ZM18,4A14,14,0,1,0,32,18,14,14,0,0,0,18,4Z"
-      ></path>
-      <path
-        class="clr-i-solid clr-i-solid-path-1"
-        d="M18,2.1a16,16,0,1,0,16,16A16,16,0,0,0,18,2.1ZM16.6,8.8a1.4,1.4,0,0,1,2.8,0v12a1.4,1.4,0,0,1-2.8,0ZM18,28.6a1.8,1.8,0,1,1,1.8-1.8A1.8,1.8,0,0,1,18,28.6Z"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'home-objects-datastore'">
-    <svg width="38" height="38" viewBox="1 1 38 38">
-      <!-- <path d="M18 10c-.8 0-8 .1-8 3v14c0 2.9 7.2 3 8 3s8-.1 8-3V13c0-2.9-7.2-3-8-3zm6 4.9c-.4.4-2.5 1.1-6 1.1a18.1 18.1 0 01-4-.4v2a27.1 27.1 0 004 .4 20.29 20.29 0 006-.9v3.8c-.4.4-2.5 1.1-6 1.1a18.1 18.1 0 01-4-.4v2a27.1 27.1 0 004 .4 20.29 20.29 0 006-.9v3.8c-.4.4-2.5 1.1-6 1.1s-5.6-.7-6-1.1V13.1c.4-.4 2.5-1.1 6-1.1s5.6.7 6 1.1z"/> -->
-      <path
-        d="M18 34c-1.43 0-14-.11-14-4V6c0-3.89 12.57-4 14-4s14 .11 14 4v24c0 3.89-12.57 4-14 4zM6 29.93c.51.76 4.86 2.07 12 2.07s11.49-1.31 12-2.07V6.07C29.49 5.31 25.14 4 18 4S6.51 5.31 6 6.07z"
-      />
-      <path
-        d="M6 13.9a.19.19 0 010 .1v-.08zM8 9a46.29 46.29 0 0010 1c1.43 0 14-.11 14-4h-2a.19.19 0 010-.1c-.39.75-4.76 2.1-12 2.1A38 38 0 018 6.88zM6 5.9A.19.19 0 016 6v-.08zM30 13.9c-.41.75-4.78 2.1-12 2.1a38 38 0 01-10-1.12V17a46.29 46.29 0 0010 1c1.43 0 14-.11 14-4h-2a.19.19 0 010-.1zM30 21.9c-.41.75-4.78 2.1-12 2.1a38 38 0 01-10-1.12V25a46.29 46.29 0 0010 1c1.43 0 14-.11 14-4h-2a.19.19 0 010-.1zM6 21.9a.19.19 0 010 .1v-.08-.02z"
-      />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'upload-icon'">
-    <svg
-      version="1.1"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M27,33H5a2,2,0,0,1-2-2V9A2,2,0,0,1,5,7H15V9H5V31H27V21h2V31A2,2,0,0,1,27,33Z"
-      ></path>
-      <path
-        class="clr-i-outline clr-i-outline-path-2"
-        d="M18,3a1,1,0,0,0,0,2H29.59L15.74,18.85a1,1,0,1,0,1.41,1.41L31,6.41V18a1,1,0,0,0,2,0V3Z"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'home-obj-alerts'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      viewBox="0 0 60 72"
-      version="1.1"
-    >
-      <defs>
-        <ellipse
-          id="path-1"
-          cx="30"
-          cy="61.7666667"
-          rx="15.4512904"
-          ry="4.73333333"
-        />
-        <mask
-          id="mask-2"
-          maskContentUnits="userSpaceOnUse"
-          maskUnits="objectBoundingBox"
-          x="0"
-          y="0"
-          width="30.9025808"
-          height="9.46666667"
-          fill="white"
-        >
-          <use xlink:href="#path-1" />
-        </mask>
-      </defs>
-      <g
-        id="Page-1"
-        stroke="none"
-        stroke-width="1"
-        fill="none"
-        fill-rule="evenodd"
-      >
-        <!-- <g id="Artboard"> -->
-        <use
-          id="Oval-10"
-          stroke="#C1DFEF"
-          mask="url(#mask-2)"
-          stroke-width="2.8"
-          stroke-linecap="square"
-          stroke-dasharray="3,6,3,5"
-          xlink:href="#path-1"
-        />
-        <path
-          d="M38.4613647,18.1642456 L30.9890137,34.9141846 L31,47 L32.5977783,46.5167236 L32.5977783,34.9141846 L51.0673218,15.7560425 C51.0673218,15.7560425 48.6295166,16.6542969 44.9628906,17.3392334 C41.2962646,18.0241699 38.4613647,18.1642456 38.4613647,18.1642456 Z"
-          fill="#C1DFEF"
-        />
-        <path
-          d="M4.74639226,12.5661855 L4.62065726,12.1605348 L5.3515414,11.1625044 L5.77622385,11.159939 L6.20936309,12.5573481 L4.74639226,12.5661855 Z M6.20936309,12.5573481 L6.32542632,12.9317954 L28.4963855,34.8796718 L28.4963855,47.8096691 L32.6,46.4836513 L32.6,34.8992365 L53.973494,12.7035813 L53.973494,12.2688201 L6.20936309,12.5573481 Z M55.373494,10.8603376 L55.373494,13.2680664 L34,35.4637216 L34,47.5025401 L27.0963855,49.7333333 L27.0963855,35.4637219 L5.09179688,13.680542 L4.31325301,11.1687764 L55.373494,10.8603376 Z"
-          fill="#7FBDDD"
-        />
-        <ellipse
-          id="Oval-9"
-          fill="#FFFFFF"
-          cx="30"
-          cy="11.785654"
-          rx="26"
-          ry="6.78565401"
-        />
-        <path
-          d="M30,17.171308 C36.8772177,17.171308 43.3112282,16.4610701 48.0312371,15.2292106 C50.2777611,14.6428977 52.0507619,13.9579677 53.2216231,13.2354973 C54.1938565,12.6355886 54.6,12.1175891 54.6,11.785654 C54.6,11.4537189 54.1938565,10.9357194 53.2216231,10.3358107 C52.0507619,9.61334032 50.2777611,8.92841034 48.0312371,8.34209746 C43.3112282,7.11023795 36.8772177,6.4 30,6.4 C23.1227823,6.4 16.6887718,7.11023795 11.9687629,8.34209746 C9.72223886,8.92841034 7.94923814,9.61334032 6.77837689,10.3358107 C5.8061435,10.9357194 5.4,11.4537189 5.4,11.785654 C5.4,12.1175891 5.8061435,12.6355886 6.77837689,13.2354973 C7.94923814,13.9579677 9.72223886,14.6428977 11.9687629,15.2292106 C16.6887718,16.4610701 23.1227823,17.171308 30,17.171308 Z M30,18.571308 C15.6405965,18.571308 4,15.5332672 4,11.785654 C4,8.03804078 15.6405965,5 30,5 C44.3594035,5 56,8.03804078 56,11.785654 C56,15.5332672 44.3594035,18.571308 30,18.571308 Z"
-          fill="#7FBDDD"
-        />
-        <path
-          d="M18.2608643,7.14562988 L22.727356,16.9047241 C22.727356,16.9047241 15.3006592,16.3911743 10.276001,14.7511597 C5.25134277,13.111145 5.38031006,11.8284302 5.38031006,11.6882935 C5.38031006,10.4832831 8.16633152,9.41877716 11.114563,8.57324219 C14.549319,7.58817492 18.2608643,7.14562988 18.2608643,7.14562988 Z"
-          fill="#C1DFEF"
-        />
-        <!-- </g> -->
-      </g>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'is-warning'">
-    <svg
-      version="1.1"
-      class="has-solid"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-      data-v-a3a271aa=""
-      fill="#c27b00"
-    >
-      <path
-        class="clr-i-solid clr-i-solid-path-1"
-        d="M34.6,29.21,20.71,3.65a3.22,3.22,0,0,0-5.66,0L1.17,29.21A3.22,3.22,0,0,0,4,34H31.77a3.22,3.22,0,0,0,2.83-4.75ZM16.6,10a1.4,1.4,0,0,1,2.8,0v12a1.4,1.4,0,0,1-2.8,0ZM18,29.85a1.8,1.8,0,1,1,1.8-1.8A1.8,1.8,0,0,1,18,29.85Z"
-        data-v-a3a271aa=""
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'calendar-current-date'">
-    <svg
-      class="can-badge can-alert has-solid current-btn"
-      width="18"
-      height="18"
-      viewBox="0 0 36 36"
-      stroke="#0095d3"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      focusable="false"
-      role="img"
-      aria-labelledby="_clr_icon_210"
-      fill="#0095d3"
-      stroke-width="0"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M16.17,25.86,10.81,20.5a1,1,0,0,1,1.41-1.41L16.17,23l8.64-8.64a1,1,0,0,1,1.41,1.41Z"
-        style=""
-      ></path>
-      <path
-        class="clr-i-outline clr-i-outline-path-2"
-        d="M32.25,6H29V8h3V30H4V8H7V6H3.75A1.78,1.78,0,0,0,2,7.81V30.19A1.78,1.78,0,0,0,3.75,32h28.5A1.78,1.78,0,0,0,34,30.19V7.81A1.78,1.78,0,0,0,32.25,6Z"
-        style=""
-      ></path>
-      <path
-        class="clr-i-outline clr-i-outline-path-3"
-        d="M10,10a1,1,0,0,0,1-1V3A1,1,0,0,0,9,3V9A1,1,0,0,0,10,10Z"
-        style=""
-      ></path>
-      <path
-        class="clr-i-outline clr-i-outline-path-4"
-        d="M26,10a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V9A1,1,0,0,0,26,10Z"
-        style=""
-      ></path>
-      <rect
-        class="clr-i-outline clr-i-outline-path-5"
-        x="13"
-        y="6"
-        width="10"
-        height="2"
-        style=""
-      ></rect>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'calendar'">
-    <svg
-      width="18"
-      height="18"
-      class="can-badge can-alert has-solid"
-      viewBox="0 0 36 36"
-      preserveAspectRatio="xMidYMid meet"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      focusable="false"
-      role="img"
-      fill="#0095d3"
-    >
-      <path
-        class="clr-i-outline clr-i-outline-path-1"
-        d="M32.25,6H29V8h3V30H4V8H7V6H3.75A1.78,1.78,0,0,0,2,7.81V30.19A1.78,1.78,0,0,0,3.75,32h28.5A1.78,1.78,0,0,0,34,30.19V7.81A1.78,1.78,0,0,0,32.25,6Z"
-      ></path>
-      <rect
-        class="clr-i-outline clr-i-outline-path-2"
-        x="8"
-        y="14"
-        width="2"
-        height="2"
-        style="fill: blue"
-      ></rect>
-      <rect
-        class="clr-i-outline clr-i-outline-path-3"
-        x="14"
-        y="14"
-        width="2"
-        height="2"
-      ></rect>
-      <rect
-        class="clr-i-outline clr-i-outline-path-4"
-        x="20"
-        y="14"
-        width="2"
-        height="2"
-      ></rect>
-      <rect
-        class="clr-i-outline clr-i-outline-path-5"
-        x="26"
-        y="14"
-        width="2"
-        height="2"
-      ></rect>
-      <rect
-        class="clr-i-outline clr-i-outline-path-6"
-        x="8"
-        y="19"
-        width="2"
-        height="2"
-      ></rect>
-      <rect
-        class="clr-i-outline clr-i-outline-path-7"
-        x="14"
-        y="19"
-        width="2"
-        height="2"
-      ></rect>
-      <rect
-        class="clr-i-outline clr-i-outline-path-8"
-        x="20"
-        y="19"
-        width="2"
-        height="2"
-      ></rect>
-      <rect
-        class="clr-i-outline clr-i-outline-path-9"
-        x="26"
-        y="19"
-        width="2"
-        height="2"
-      ></rect>
-      <rect
-        class="clr-i-outline clr-i-outline-path-10"
-        x="8"
-        y="24"
-        width="2"
-        height="2"
-      ></rect>
-      <rect
-        class="clr-i-outline clr-i-outline-path-11"
-        x="14"
-        y="24"
-        width="2"
-        height="2"
-      ></rect>
-      <rect
-        class="clr-i-outline clr-i-outline-path-12"
-        x="20"
-        y="24"
-        width="2"
-        height="2"
-      ></rect>
-      <rect
-        class="clr-i-outline clr-i-outline-path-13"
-        x="26"
-        y="24"
-        width="2"
-        height="2"
-      ></rect>
-      <path
-        class="clr-i-outline clr-i-outline-path-14"
-        d="M10,10a1,1,0,0,0,1-1V3A1,1,0,0,0,9,3V9A1,1,0,0,0,10,10Z"
-      ></path>
-      <path
-        class="clr-i-outline clr-i-outline-path-15"
-        d="M26,10a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V9A1,1,0,0,0,26,10Z"
-      ></path>
-      <rect
-        class="clr-i-outline clr-i-outline-path-16"
-        x="13"
-        y="6"
-        width="10"
-        height="2"
-      ></rect>
-      <polygon points="21.29 6 13 6 13 8 20.14 8 21.29 6"></polygon>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'dir-zone'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      width="96"
-      height="124"
-      viewBox="0 0 96 124"
-    >
-      <defs>
-        <linearGradient
-          id="linear-gradient"
-          x1="-1947.81"
-          y1="26.92"
-          x2="-1927.2"
-          y2="47.22"
-          gradientTransform="matrix(-1, 0, 0, 1, -1894.04, 0)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.4" />
-          <stop offset="0.32" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="linear-gradient-2"
-          x1="75.2"
-          y1="17.61"
-          x2="4.5"
-          y2="88.13"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.27" stop-color="#0091da" />
-          <stop offset="0.69" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="0.9" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="illus_grad"
-          x1="-1978.87"
-          y1="81.11"
-          x2="-1949.93"
-          y2="113.57"
-          gradientTransform="matrix(-1, 0, 0, 1, -1897.93, 0)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
-          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-      </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" style="fill: none" />
-      </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon
-          class="cls-2"
-          points="31.3 39.79 50.37 20.72 69.46 20.72 50.39 39.79 31.3 39.79"
-          style="opacity: 0.5; fill: url(#linear-gradient)"
-        />
-        <polygon
-          class="cls-3"
-          points="5 75.57 52.37 28.2 76.68 28.2 29.31 75.57 5 75.57"
-          style="fill: url(#linear-gradient-2); opacity: 0.3"
-        />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M42,93.62H18.25l8-36a1.24,1.24,0,0,1,1.21-1H81.89a1.25,1.25,0,0,1,1,.47,1.27,1.27,0,0,1,.24,1.07L80.5,70h2l2.51-11.33a3.26,3.26,0,0,0-.63-2.76,3.21,3.21,0,0,0-2.54-1.22H27.42a3.22,3.22,0,0,0-3.16,2.52L18,85.48V46.94a1.25,1.25,0,0,1,1.25-1.25H35.31l2.58,5H73.83a1.14,1.14,0,0,1,1.25,1.1v.9h2v-.9a3.11,3.11,0,0,0-3.25-3.1H39.11l-2.59-5H19.25A3.26,3.26,0,0,0,16,46.94V95h.1a1,1,0,0,0,.12.25,1,1,0,0,0,.78.37H42Z"
-        />
-        <polygon
-          class="cls-5"
-          points="48 101.89 76.81 101.89 76.81 73.12 48 101.89"
-          style="opacity: 0.5; fill: url(#illus_grad)"
-        />
-        <rect
-          class="cls-4"
-          x="55.37"
-          y="68.7"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="60.43"
-          y="68.7"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="65.48"
-          y="68.7"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="55.37"
-          y="76.56"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="60.43"
-          y="76.56"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="65.48"
-          y="76.56"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="73.91"
-          y="78.24"
-          width="2"
-          height="1.96"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="77.84"
-          y="78.24"
-          width="2"
-          height="1.96"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="81.77"
-          y="78.24"
-          width="2"
-          height="1.96"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="73.91"
-          y="84.97"
-          width="2"
-          height="1.96"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="77.84"
-          y="84.97"
-          width="2"
-          height="1.96"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="81.77"
-          y="84.97"
-          width="2"
-          height="1.96"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="73.91"
-          y="91.71"
-          width="2"
-          height="1.96"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="77.84"
-          y="91.71"
-          width="2"
-          height="1.96"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="81.77"
-          y="91.71"
-          width="2"
-          height="1.96"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="55.37"
-          y="84.41"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="60.43"
-          y="84.41"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="65.48"
-          y="84.41"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="55.37"
-          y="92.27"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="60.43"
-          y="92.27"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
-        />
-        <rect
-          class="cls-4"
-          x="65.48"
-          y="92.27"
-          width="2"
-          height="3.09"
-          style="fill: #0091da"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M87,103l-37,0V62.51A1.52,1.52,0,0,1,51.51,61h19A1.52,1.52,0,0,1,72,62.51V101H86V74H74V72H86.49A1.52,1.52,0,0,1,88,73.51V103Zm-35-2H70V63H52Z"
-        />
-      </g>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'dir-net'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      width="96"
-      height="124"
-      viewBox="0 0 96 124"
-    >
-      <defs>
-        <linearGradient
-          id="linear-gradient"
-          x1="75.2"
-          y1="17.61"
-          x2="4.5"
-          y2="88.13"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.27" stop-color="#0091da" />
-          <stop offset="0.69" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="0.9" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="linear-gradient-2"
-          x1="-2547.81"
-          y1="26.92"
-          x2="-2527.2"
-          y2="47.22"
-          gradientTransform="matrix(-1, 0, 0, 1, -2494.04, 0)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.4" />
-          <stop offset="0.32" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-      </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" style="fill: none" />
-      </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon
-          class="cls-2"
-          points="5 75.57 52.37 28.2 76.68 28.2 29.31 75.57 5 75.57"
-          style="opacity: 0.3; fill: url(#linear-gradient)"
-        />
-        <polygon
-          class="cls-3"
-          points="31.3 39.79 50.37 20.72 69.46 20.72 50.39 39.79 31.3 39.79"
-          style="opacity: 0.5; fill: url(#linear-gradient-2)"
-        />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M51.55,93.94H18.25l8-36a1.24,1.24,0,0,1,1.21-1H81.89a1.25,1.25,0,0,1,1,.47,1.28,1.28,0,0,1,.24,1.07l-1.54,7a21.93,21.93,0,0,1,1.68,1.66L85.06,59a3.25,3.25,0,0,0-3.17-4H27.42a3.23,3.23,0,0,0-3.16,2.53L18,85.79V47.25A1.25,1.25,0,0,1,19.25,46H35.31l2.58,5H73.83a1.14,1.14,0,0,1,1.25,1.1V53h2v-.9A3.11,3.11,0,0,0,73.83,49H39.11l-2.59-5H19.25A3.26,3.26,0,0,0,16,47.25V95.32h.1a1.08,1.08,0,0,0,.12.24,1,1,0,0,0,.78.38H53.36A21.35,21.35,0,0,1,51.55,93.94Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M67.82,98.88A17.84,17.84,0,1,1,85.65,81.05,17.85,17.85,0,0,1,67.82,98.88Zm0-33.67A15.84,15.84,0,1,0,83.65,81.05,15.85,15.85,0,0,0,67.82,65.21Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M61.93,94.1l-.2-1.69A18,18,0,0,0,75.91,67l1.55-.71a19.73,19.73,0,0,1-9.67,26.13A19.27,19.27,0,0,1,61.93,94.1Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M51.26,79.92l-1.32-1.07a22.3,22.3,0,0,1,5.34-4.73c8.56-5.45,19.92-4.57,28.92,2.26l-1,1.35c-8.43-6.39-19-7.24-27-2.18A20.77,20.77,0,0,0,51.26,79.92Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M74.51,96.35c-10.34-4.54-16.65-14-16.06-24.18a22.49,22.49,0,0,1,1.52-7l1.59.62a21,21,0,0,0-1.42,6.44c-.54,9.43,5.37,18.27,15,22.53Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M69.64,85.75a31.76,31.76,0,0,1-12.32-2.52A32.15,32.15,0,0,1,51,79.71l1-1.38a30.56,30.56,0,0,0,6,3.34,29.63,29.63,0,0,0,17.33,1.82l.33,1.67A31.06,31.06,0,0,1,69.64,85.75Z"
-        />
-        <circle
-          class="cls-4"
-          style="fill: #0091da"
-          cx="77.18"
-          cy="66.73"
-          r="1.89"
-        />
-        <circle
-          class="cls-4"
-          style="fill: #0091da"
-          cx="59.39"
-          cy="73.11"
-          r="1.89"
-        />
-        <circle
-          class="cls-4"
-          style="fill: #0091da"
-          cx="84.2"
-          cy="76.91"
-          r="1.89"
-        />
-        <circle
-          class="cls-4"
-          style="fill: #0091da"
-          cx="62.62"
-          cy="93.09"
-          r="1.89"
-        />
-        <circle
-          class="cls-4"
-          style="fill: #0091da"
-          cx="75.74"
-          cy="84.32"
-          r="1.89"
-          transform="translate(-8.66 159.98) rotate(-89.94)"
-        />
-        <circle
-          class="cls-4"
-          style="fill: #0091da"
-          cx="75.14"
-          cy="95.61"
-          r="1.89"
-        />
-        <circle
-          class="cls-4"
-          style="fill: #0091da"
-          cx="50.97"
-          cy="78.64"
-          r="1.89"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M81.5,106H68V98.75a1,1,0,0,1,2,0V104H81.5a1,1,0,0,1,0,2Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M66,104H54.93a1,1,0,0,0,0,2H66Z"
-        />
-      </g>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'dir-ds'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      width="96"
-      height="124"
-      viewBox="0 0 96 124"
-    >
-      <defs>
-        <linearGradient
-          id="linear-gradient"
-          x1="-1647.81"
-          y1="26.92"
-          x2="-1627.2"
-          y2="47.22"
-          gradientTransform="matrix(-1, 0, 0, 1, -1594.04, 0)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.4" />
-          <stop offset="0.32" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="linear-gradient-2"
-          x1="75.2"
-          y1="17.61"
-          x2="4.5"
-          y2="88.13"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.27" stop-color="#0091da" />
-          <stop offset="0.69" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="0.9" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="illus_grad"
-          x1="74.36"
-          y1="81.78"
-          x2="74.36"
-          y2="112.8"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
-          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-      </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" style="fill: none" />
-        <rect class="cls-1" width="96" height="124" style="fill: none" />
-      </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon
-          class="cls-2"
-          style="opacity: 0.5; fill: url(#linear-gradient)"
-          points="31.3 39.79 50.37 20.72 69.46 20.72 50.39 39.79 31.3 39.79"
-        />
-        <polygon
-          class="cls-3"
-          style="opacity: 0.3; fill: url(#linear-gradient-2)"
-          points="5 75.57 52.37 28.2 76.68 28.2 29.31 75.57 5 75.57"
-        />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M44.32,93.62H18.25l8-36a1.24,1.24,0,0,1,1.21-1H81.89a1.25,1.25,0,0,1,1,.47,1.27,1.27,0,0,1,.24,1.07l-.81,3.65a18.77,18.77,0,0,1,1.88.77l.88-4a3.26,3.26,0,0,0-.63-2.76,3.21,3.21,0,0,0-2.54-1.22H27.42a3.22,3.22,0,0,0-3.16,2.52L18,85.48V46.94a1.25,1.25,0,0,1,1.25-1.25H35.31l2.58,5H73.83a1.14,1.14,0,0,1,1.25,1.1v.9h2v-.9a3.11,3.11,0,0,0-3.25-3.1H39.11l-2.59-5H19.25A3.26,3.26,0,0,0,16,46.94V95h.1a1,1,0,0,0,.12.25,1,1,0,0,0,.78.37H44.32Z"
-        />
-        <path
-          class="cls-5"
-          style="opacity: 0.5; fill: url(#illus_grad)"
-          d="M70.82,77.22c-1.54,0-3-.08-4.45-.22v26.78l3.2,0,12.79-1.2v-27A36.84,36.84,0,0,1,70.82,77.22Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M70,105.08c-8.25,0-17-2.47-17-7V68.75C53,64.39,61.79,62,70,62s17,2.35,17,6.71V98C87,102.61,78.28,105.08,70,105.08Zm0-41c-9.3,0-15,2.74-15,4.71V98c0,2.38,6.41,5,15,5s15-2.66,15-5V68.75C85,66.78,79.33,64,70,64Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M85,88.67c0,2-5.71,4.74-15,4.74a33.1,33.1,0,0,1-11-1.62v2.09a37.36,37.36,0,0,0,11,1.53c8.24,0,17-2.36,17-6.74Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M85,79.19c0,2-5.71,4.75-15,4.75a33.06,33.06,0,0,1-11-1.63v2.1a37.69,37.69,0,0,0,11,1.53c8.24,0,17-2.37,17-6.75Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M85,68.42c0,2-5.71,4.72-15,4.72a33.4,33.4,0,0,1-11-1.61v2.09a37.7,37.7,0,0,0,11,1.52c8.24,0,17-2.35,17-6.72Z"
-        />
-      </g>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'dir-vm'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      width="96"
-      height="124"
-      viewBox="0 0 96 124"
-    >
-      <defs>
-        <linearGradient
-          id="linear-gradient"
-          x1="-2247.81"
-          y1="26.92"
-          x2="-2227.2"
-          y2="47.22"
-          gradientTransform="matrix(-1, 0, 0, 1, -2194.04, 0)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.4" />
-          <stop offset="0.32" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="linear-gradient-2"
-          x1="75.2"
-          y1="17.61"
-          x2="4.5"
-          y2="88.13"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.27" stop-color="#0091da" />
-          <stop offset="0.69" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="0.9" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-      </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" style="fill: none" />
-      </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon
-          class="cls-2"
-          style="opacity: 0.5; fill: url(#linear-gradient)"
-          points="31.3 39.79 50.37 20.72 69.46 20.72 50.39 39.79 31.3 39.79"
-        />
-        <polygon
-          class="cls-3"
-          style="opacity: 0.3; fill: url(#linear-gradient-2)"
-          points="5 75.57 52.37 28.2 76.68 28.2 29.31 75.57 5 75.57"
-        />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M86.69,100.84V69.35a2,2,0,0,1,2,2v29.46a2,2,0,0,1-2,2H57.32a2,2,0,0,1-2-2Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M75.21,97.7a1,1,0,0,1-2,0V89.32a2,2,0,0,1,2-2Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M73.79,98.7H53.19a2,2,0,0,1-2-2V67.22a2,2,0,0,1,2-2H82.56a2,2,0,0,1,2,2V87.93A2,2,0,0,1,84,89.36l-8.77,8.75A2,2,0,0,1,73.79,98.7ZM53.19,67.2l0,29.48,20.62,0h0l8.77-8.76V67.22Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M62.39,79.06a1,1,0,0,1-1-1V71.71a1,1,0,0,1,1-1h9.47a1,1,0,0,1,1,1V75.1a1,1,0,0,1-2,0V72.71H63.39v5.35A1,1,0,0,1,62.39,79.06Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M76.77,85.78H69.4a1,1,0,0,1,0-2h6.37V76.29H68.31v2a1,1,0,0,1-2,0v-3a1,1,0,0,1,1-1h9.46a1,1,0,0,1,1,1v9.49A1,1,0,0,1,76.77,85.78Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M69.38,88.72H59.91a1,1,0,0,1-1-1V78.23a1,1,0,0,1,1-1h9.47a1,1,0,0,1,1,1v9.49A1,1,0,0,1,69.38,88.72Zm-8.47-2h7.47V79.23H60.91Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M84.43,55.91a3.21,3.21,0,0,0-2.54-1.22H27.42a3.22,3.22,0,0,0-3.16,2.52L18,85.48V46.94a1.25,1.25,0,0,1,1.25-1.25H35.31l2.58,5H73.83a1.14,1.14,0,0,1,1.25,1.1v.9h2v-.9a3.11,3.11,0,0,0-3.25-3.1H39.11l-2.59-5H19.25A3.26,3.26,0,0,0,16,46.94V95h.1a1,1,0,0,0,.12.25,1,1,0,0,0,.78.37H45.27v-2h-27l8-36a1.24,1.24,0,0,1,1.21-1H81.89a1.25,1.25,0,0,1,1,.47,1.27,1.27,0,0,1,.24,1.07L82,63.16h2l1-4.49A3.26,3.26,0,0,0,84.43,55.91Z"
-        />
-      </g>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'dir-vm'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      width="96"
-      height="124"
-      viewBox="0 0 96 124"
-    >
-      <defs>
-        <linearGradient
-          id="linear-gradient"
-          x1="-2247.81"
-          y1="26.92"
-          x2="-2227.2"
-          y2="47.22"
-          gradientTransform="matrix(-1, 0, 0, 1, -2194.04, 0)"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.4" />
-          <stop offset="0.32" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="linear-gradient-2"
-          x1="75.2"
-          y1="17.61"
-          x2="4.5"
-          y2="88.13"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.27" stop-color="#0091da" />
-          <stop offset="0.69" stop-color="#0091da" stop-opacity="0.32" />
-          <stop offset="0.9" stop-color="#0091da" stop-opacity="0" />
-        </linearGradient>
-      </defs>
-      <g id="Layer_6" data-name="Layer 6">
-        <rect class="cls-1" width="96" height="124" style="fill: none" />
-      </g>
-      <g id="Layer_4" data-name="Layer 4">
-        <polygon
-          class="cls-2"
-          style="opacity: 0.5; fill: url(#linear-gradient)"
-          points="31.3 39.79 50.37 20.72 69.46 20.72 50.39 39.79 31.3 39.79"
-        />
-        <polygon
-          class="cls-3"
-          style="opacity: 0.3; fill: url(#linear-gradient-2)"
-          points="5 75.57 52.37 28.2 76.68 28.2 29.31 75.57 5 75.57"
-        />
-      </g>
-      <g id="Layer_2" data-name="Layer 2">
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M86.69,100.84V69.35a2,2,0,0,1,2,2v29.46a2,2,0,0,1-2,2H57.32a2,2,0,0,1-2-2Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M75.21,97.7a1,1,0,0,1-2,0V89.32a2,2,0,0,1,2-2Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M73.79,98.7H53.19a2,2,0,0,1-2-2V67.22a2,2,0,0,1,2-2H82.56a2,2,0,0,1,2,2V87.93A2,2,0,0,1,84,89.36l-8.77,8.75A2,2,0,0,1,73.79,98.7ZM53.19,67.2l0,29.48,20.62,0h0l8.77-8.76V67.22Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M62.39,79.06a1,1,0,0,1-1-1V71.71a1,1,0,0,1,1-1h9.47a1,1,0,0,1,1,1V75.1a1,1,0,0,1-2,0V72.71H63.39v5.35A1,1,0,0,1,62.39,79.06Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M76.77,85.78H69.4a1,1,0,0,1,0-2h6.37V76.29H68.31v2a1,1,0,0,1-2,0v-3a1,1,0,0,1,1-1h9.46a1,1,0,0,1,1,1v9.49A1,1,0,0,1,76.77,85.78Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M69.38,88.72H59.91a1,1,0,0,1-1-1V78.23a1,1,0,0,1,1-1h9.47a1,1,0,0,1,1,1v9.49A1,1,0,0,1,69.38,88.72Zm-8.47-2h7.47V79.23H60.91Z"
-        />
-        <path
-          class="cls-4"
-          style="fill: #0091da"
-          d="M84.43,55.91a3.21,3.21,0,0,0-2.54-1.22H27.42a3.22,3.22,0,0,0-3.16,2.52L18,85.48V46.94a1.25,1.25,0,0,1,1.25-1.25H35.31l2.58,5H73.83a1.14,1.14,0,0,1,1.25,1.1v.9h2v-.9a3.11,3.11,0,0,0-3.25-3.1H39.11l-2.59-5H19.25A3.26,3.26,0,0,0,16,46.94V95h.1a1,1,0,0,0,.12.25,1,1,0,0,0,.78.37H45.27v-2h-27l8-36a1.24,1.24,0,0,1,1.21-1H81.89a1.25,1.25,0,0,1,1,.47,1.27,1.27,0,0,1,.24,1.07L82,63.16h2l1-4.49A3.26,3.26,0,0,0,84.43,55.91Z"
-        />
-      </g>
-    </svg>
-  </template>
-</template>
-<script setup lang="ts">
-const props = defineProps<{
-  name: string | undefined
-}>()
-</script>
-<style scoped lang="scss">
-%cls1 {
-  opacity: 0.3;
-  fill: url(#illus_grad);
-}
-.icon {
-  .cls-1 {
-    fill: none;
-  }
-  &__obj-network {
-    .cls-2 {
-      opacity: 0.3;
-      fill: url(#linear-gradient);
-    }
-    .cls-3 {
-      opacity: 0.4;
-      fill: url(#linear-gradient-2);
-    }
-    .cls-4 {
-      fill: #0091da;
-    }
-  }
-}
-.icon-obj-zone {
-  .cls-2 {
-    fill: #78be20;
-  }
-  .cls-3 {
-    fill: #edb200;
-  }
-}
-.icon-obj-dc {
-  .cls-2 {
-    @extend %cls1;
-  }
-  .cls-3 {
-    opacity: 0.5;
-    fill: url(#illus_grad-2);
-  }
-  .cls-4 {
-    fill: #0091da;
-  }
-}
-.icon-obj-host {
-  .cls-1 {
-    @extend %cls1;
-  }
-  .cls-2 {
-    opacity: 0.5;
-    fill: url(#linear-gradient);
-  }
-  .cls-3 {
-    fill: #0091da;
-  }
-}
-.icon-obj-ds {
-  .cls-2 {
-    opacity: 0.5;
-    fill: url(#illus_grad);
-  }
-  .cls-3 {
-    fill: #0091da;
-  }
-}
-#error-icon-outline {
-  fill: none;
-  stroke: #f54f47;
-  stroke-miterlimit: 10;
-  stroke-width: 2;
-}
-#error-icon-line {
-  fill: none;
-  stroke: #f54f47;
-  animation-fill-mode: forwards;
-  stroke-dasharray: 7;
-  stroke-dashoffset: 0;
-  stroke-linecap: round;
-  stroke-width: 2.65;
-  stroke-miterlimit: 10;
-}
-#error-icon-dot {
-  fill: #f54f47;
-  transform-origin: 50% 54%;
-}
-.icon-obj-cluster {
-  .cls-2,
-  .cls-3 {
-    opacity: 0.5;
-  }
-  .cls-2 {
-    fill: url(#illus_grad);
-  }
-  .cls-3 {
-    fill: url(#illus_grad-2);
-  }
-  .cls-4 {
-    fill: #0091da;
-  }
-}
-.icon-obj-rp {
-  .cls-1 {
-    fill: none;
-  }
-  .cls-2 {
-    opacity: 0.3;
-    fill: url(#linear-gradient);
-  }
-  .cls-3 {
-    opacity: 0.5;
-    fill: url(#illus_grad);
-  }
-  .cls-4,
-  .cls-5 {
-    fill: #0091da;
-  }
-  .cls-5 {
-    opacity: 0.2;
-  }
-}
-</style>
+<template>
+  <template v-if="props.name === 'menu'">
+    <svg
+      version="1.1"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M32,29H4a1,1,0,0,1,0-2H32a1,1,0,0,1,0,2Z"
+      />
+      <path
+        class="clr-i-outline clr-i-outline-path-2"
+        d="M32,19H4a1,1,0,0,1,0-2H32a1,1,0,0,1,0,2Z"
+      />
+      <path
+        class="clr-i-outline clr-i-outline-path-3"
+        d="M32,9H4A1,1,0,0,1,4,7H32a1,1,0,0,1,0,2Z"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'green-play'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="#565656"
+      viewBox="-1 -1 38 38"
+      y="1748"
+    >
+      <path fill="none" d="M0 0h36v36H0z" />
+      <path
+        fill="#59a011"
+        d="M7 32.2a1 1 0 01-.49-.13A1 1 0 016 31.2V5a1 1 0 011.51-.86l22 13.1a1 1 0 010 1.72l-22 13.1a.94.94 0 01-.51.14zM8 6.76v22.68L27.05 18.1z"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'reset'">
+    <svg
+      version="1.1"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M22.4,11.65a1.09,1.09,0,0,0,1.09,1.09H34.43V1.81a1.09,1.09,0,1,0-2.19,0V8.95a16.41,16.41,0,1,0,1.47,15.86,1.12,1.12,0,0,0-2.05-.9,14.18,14.18,0,1,1-1.05-13.36H23.5A1.09,1.09,0,0,0,22.4,11.65Z"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'user'">
+    <svg
+      version="1.1"
+      class="can-badge can-alert has-solid"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        d="M18,17a7,7,0,1,0-7-7A7,7,0,0,0,18,17ZM18,5a5,5,0,1,1-5,5A5,5,0,0,1,18,5Z"
+        class="clr-i-outline clr-i-outline-path-1"
+      />
+      <path
+        d="M18,17a7,7,0,1,0-7-7A7,7,0,0,0,18,17ZM18,5a5,5,0,1,1-5,5A5,5,0,0,1,18,5Z"
+        class="clr-i-outline clr-i-outline-path-1"
+      />
+      <path
+        d="M30.47,24.37a17.16,17.16,0,0,0-24.93,0A2,2,0,0,0,5,25.74V31a2,2,0,0,0,2,2H29a2,2,0,0,0,2-2V25.74A2,2,0,0,0,30.47,24.37ZM29,31H7V25.73a15.17,15.17,0,0,1,22,0h0Z"
+        class="clr-i-outline clr-i-outline-path-2"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'doubleArrows'">
+    <svg
+      version="1.1"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+      aria-labelledby="_clr_icon_37"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M29,19.41a1,1,0,0,1-.71-.29L18,8.83,7.71,19.12a1,1,0,0,1-1.41-1.41L18,6,29.71,17.71A1,1,0,0,1,29,19.41Z"
+      />
+      <path
+        class="clr-i-outline clr-i-outline-path-2"
+        d="M29,30.41a1,1,0,0,1-.71-.29L18,19.83,7.71,30.12a1,1,0,0,1-1.41-1.41L18,17,29.71,28.71A1,1,0,0,1,29,30.41Z"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'angle'">
+    <svg
+      version="1.1"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M29.52,22.52,18,10.6,6.48,22.52a1.7,1.7,0,0,0,2.45,2.36L18,15.49l9.08,9.39a1.7,1.7,0,0,0,2.45-2.36Z"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'ellipsis-vertical'">
+    <svg
+      version="1.1"
+      class="can-badge"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <circle
+        cx="18"
+        cy="4.9"
+        r="2.9"
+        class="clr-i-outline clr-i-outline-path-1"
+      />
+      <circle
+        cx="18"
+        cy="18"
+        r="2.9"
+        class="clr-i-outline clr-i-outline-path-2"
+      />
+      <circle
+        cx="18"
+        cy="31.1"
+        r="2.9"
+        class="clr-i-outline clr-i-outline-path-3"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'close'">
+    <svg
+      version="1.1"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+      fill="#8c8c8c"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M19.41,18l8.29-8.29a1,1,0,0,0-1.41-1.41L18,16.59,9.71,8.29A1,1,0,0,0,8.29,9.71L16.59,18,8.29,26.29a1,1,0,1,0,1.41,1.41L18,19.41l8.29,8.29a1,1,0,0,0,1.41-1.41Z"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'exclamation-circle'">
+    <svg
+      version="1.1"
+      class="has-solid"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+      fill="red"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M18,6A12,12,0,1,0,30,18,12,12,0,0,0,18,6Zm0,22A10,10,0,1,1,28,18,10,10,0,0,1,18,28Z"
+      />
+      <path
+        class="clr-i-outline clr-i-outline-path-2"
+        d="M18,20.07a1.3,1.3,0,0,1-1.3-1.3v-6a1.3,1.3,0,1,1,2.6,0v6A1.3,1.3,0,0,1,18,20.07Z"
+      />
+      <circle
+        class="clr-i-outline clr-i-outline-path-3"
+        cx="17.95"
+        cy="23.02"
+        r="1.5"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'exclamation-triangle'">
+    <svg
+      version="1.1"
+      class="has-solid"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M18,21.32a1.3,1.3,0,0,0,1.3-1.3V14a1.3,1.3,0,1,0-2.6,0v6A1.3,1.3,0,0,0,18,21.32Z"
+      />
+      <circle
+        class="clr-i-outline clr-i-outline-path-2"
+        cx="17.95"
+        cy="24.27"
+        r="1.5"
+      />
+      <path
+        class="clr-i-outline clr-i-outline-path-3"
+        d="M30.33,25.54,20.59,7.6a3,3,0,0,0-5.27,0L5.57,25.54A3,3,0,0,0,8.21,30H27.69a3,3,0,0,0,2.64-4.43Zm-1.78,1.94a1,1,0,0,1-.86.49H8.21a1,1,0,0,1-.88-1.48L17.07,8.55a1,1,0,0,1,1.76,0l9.74,17.94A1,1,0,0,1,28.55,27.48Z"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'info-circle'">
+    <svg
+      version="1.1"
+      class="has-solid"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <circle
+        class="clr-i-outline clr-i-outline-path-1"
+        cx="17.93"
+        cy="11.9"
+        r="1.4"
+      />
+      <path
+        class="clr-i-outline clr-i-outline-path-2"
+        d="M21,23H19V15H16a1,1,0,0,0,0,2h1v6H15a1,1,0,1,0,0,2h6a1,1,0,0,0,0-2Z"
+      />
+      <path
+        class="clr-i-outline clr-i-outline-path-3"
+        d="M18,6A12,12,0,1,0,30,18,12,12,0,0,0,18,6Zm0,22A10,10,0,1,1,28,18,10,10,0,0,1,18,28Z"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'warning'">
+    <svg
+      version="1.1"
+      class="has-solid"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+      fill="#c27b00"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M18,21.32a1.3,1.3,0,0,0,1.3-1.3V14a1.3,1.3,0,1,0-2.6,0v6A1.3,1.3,0,0,0,18,21.32Z"
+      />
+      <circle
+        class="clr-i-outline clr-i-outline-path-2"
+        cx="17.95"
+        cy="24.27"
+        r="1.5"
+      />
+      <path
+        class="clr-i-outline clr-i-outline-path-3"
+        d="M30.33,25.54,20.59,7.6a3,3,0,0,0-5.27,0L5.57,25.54A3,3,0,0,0,8.21,30H27.69a3,3,0,0,0,2.64-4.43Zm-1.78,1.94a1,1,0,0,1-.86.49H8.21a1,1,0,0,1-.88-1.48L17.07,8.55a1,1,0,0,1,1.76,0l9.74,17.94A1,1,0,0,1,28.55,27.48Z"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'obj-dc'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      width="96"
+      height="124"
+      viewBox="0 0 96 124"
+      class="icon icon-obj-dc"
+    >
+      <defs>
+        <linearGradient
+          id="illus_grad"
+          x1="-1651.89"
+          y1="62.52"
+          x2="-1607.13"
+          y2="112.71"
+          gradientTransform="matrix(-1, 0, 0, 1, -1597.93, 0)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
+          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="illus_grad-2"
+          x1="-1676.95"
+          y1="68.78"
+          x2="-1640.9"
+          y2="109.2"
+          xlink:href="#illus_grad"
+        />
+      </defs>
+      <g id="Layer_6" data-name="Layer 6">
+        <rect class="cls-1" width="96" height="124" />
+      </g>
+      <g id="Layer_4" data-name="Layer 4">
+        <polygon
+          class="cls-2"
+          points="3.03 94.67 47.55 94.67 47.55 50.14 3.03 94.67"
+        />
+        <polygon
+          class="cls-3"
+          points="38 94.67 73.86 94.67 73.86 58.81 38 94.67"
+        />
+      </g>
+      <g id="Layer_2" data-name="Layer 2">
+        <rect class="cls-4" x="24" y="36.36" width="2" height="6" />
+        <rect class="cls-4" x="33" y="36.36" width="2" height="6" />
+        <rect class="cls-4" x="42" y="36.36" width="2" height="6" />
+        <rect class="cls-4" x="58" y="52.36" width="2" height="4" />
+        <rect class="cls-4" x="65" y="52.36" width="2" height="4" />
+        <rect class="cls-4" x="72" y="52.36" width="2" height="4" />
+        <rect class="cls-4" x="58" y="64.36" width="2" height="4" />
+        <rect class="cls-4" x="65" y="64.36" width="2" height="4" />
+        <rect class="cls-4" x="72" y="64.36" width="2" height="4" />
+        <rect class="cls-4" x="58" y="76.36" width="2" height="4" />
+        <rect class="cls-4" x="65" y="76.36" width="2" height="4" />
+        <rect class="cls-4" x="72" y="76.36" width="2" height="4" />
+        <rect class="cls-4" x="24" y="49.36" width="2" height="6" />
+        <rect class="cls-4" x="33" y="49.36" width="2" height="6" />
+        <rect class="cls-4" x="42" y="49.36" width="2" height="6" />
+        <rect class="cls-4" x="24" y="62.36" width="2" height="6" />
+        <rect class="cls-4" x="33" y="62.36" width="2" height="6" />
+        <rect class="cls-4" x="42" y="62.36" width="2" height="6" />
+        <rect class="cls-4" x="24" y="75.36" width="2" height="6" />
+        <rect class="cls-4" x="33" y="75.36" width="2" height="6" />
+        <rect class="cls-4" x="42" y="75.36" width="2" height="6" />
+        <path
+          class="cls-4"
+          d="M89.36,96H7.14a1,1,0,0,1,0-2H89.36a1,1,0,1,1,0,2Z"
+        />
+        <path
+          class="cls-4"
+          d="M51.87,95a1,1,0,0,1-1-1V26.13A1.19,1.19,0,0,0,49.62,25H18.12a1.19,1.19,0,0,0-1.25,1.12V94a1,1,0,0,1-2,0V26.13A3.19,3.19,0,0,1,18.12,23h31.5a3.19,3.19,0,0,1,3.25,3.12V94A1,1,0,0,1,51.87,95Z"
+        />
+        <path
+          class="cls-4"
+          d="M80,94H78V45.12A1.19,1.19,0,0,0,76.75,44H55V42H76.75A3.19,3.19,0,0,1,80,45.12Z"
+        />
+      </g>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'obj-zone'">
+    <svg
+      id="svg2"
+      version="1.1"
+      xml:space="preserve"
+      width="96"
+      height="124"
+      viewBox="0 0 1440 1440"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:svg="http://www.w3.org/2000/svg"
+      class="icon icon-obj-zone"
+    >
+      <defs id="defs6" />
+      <g id="g8" transform="matrix(1.3333333,0,0,-1.3333333,0,1150)">
+        <g id="g10" transform="scale(0.1)">
+          <path
+            id="path14"
+            d="m 5485.82,3974.16 c 99.06,0 179.66,80.57 179.66,179.63 0,99.04 -80.6,179.63 -179.66,179.63 -50.81,0 -96.69,-21.29 -129.39,-55.36 -31.03,-32.28 -50.24,-76.05 -50.24,-124.27 0,-48.25 19.21,-91.98 50.24,-124.3 32.7,-34.03 78.58,-55.33 129.39,-55.33 v 0"
+            style="
+              fill: #dfac13;
+              fill-opacity: 1;
+              fill-rule: nonzero;
+              stroke: none;
+            "
+          />
+          <path
+            id="path16"
+            d="m 4254.43,6033.08 c 2.83,42.92 5.99,85.56 9.36,128 1.15,14.07 2.41,28.01 3.59,42.02 2.41,28.37 4.88,56.71 7.53,84.84 1.53,16.36 3.19,32.62 4.82,48.89 2.59,25.69 5.21,51.32 8.01,76.8 1.84,16.87 3.73,33.7 5.66,50.51 2.86,25 5.87,49.88 8.98,74.67 2.01,16.41 4.06,32.86 6.2,49.18 3.37,25.75 6.9,51.29 10.48,76.8 2.08,14.88 4.1,29.82 6.27,44.64 4.49,30.54 9.18,60.81 13.97,90.99 1.48,9.37 2.86,18.86 4.37,28.16 6.05,37.32 12.35,74.37 18.91,111.08 -500.09,158.22 -883.99,207.79 -1148.77,186.14 237.22,-16.12 534.1,-73.55 889.96,-186.14 -6.54,-36.71 -12.83,-73.76 -18.91,-111.08 -1.51,-9.3 -2.9,-18.79 -4.37,-28.16 -4.79,-30.18 -9.49,-60.45 -13.95,-90.99 -2.17,-14.82 -4.18,-29.76 -6.29,-44.64 -3.59,-25.51 -7.11,-51.05 -10.48,-76.8 -2.14,-16.32 -4.16,-32.77 -6.21,-49.18 -3.07,-24.79 -6.08,-49.67 -8.97,-74.67 -1.93,-16.81 -3.83,-33.64 -5.67,-50.51 -2.8,-25.48 -5.42,-51.11 -7.98,-76.8 -1.65,-16.27 -3.28,-32.53 -4.85,-48.89 -2.65,-28.13 -5.09,-56.47 -7.5,-84.84 -1.2,-14.01 -2.47,-27.95 -3.58,-42.02 -3.4,-42.44 -6.57,-85.08 -9.4,-128 -3.82,-57.98 25.63,-113.1 75.96,-142.17 L 6147.26,4692.5 c -6.05,-79.57 -13.16,-158.27 -21.26,-235.98 -24.31,-233.18 -57.74,-457.45 -99.91,-669.91 -0.03,-0.09 -0.03,-0.15 -0.06,-0.24 -170.44,-856.95 -439.31,-1317.59 -669.58,-1445.27 44.91,-24.93 88.41,-37.4 129.37,-37.4 250.95,0 595.3,458.47 799.03,1482.67 0.03,0.09 0.03,0.15 0.03,0.24 42.19,212.46 75.63,436.73 99.93,669.91 8.1,77.71 15.18,156.41 21.24,235.98 L 4330.39,5890.91 c -50.33,29.07 -79.79,84.19 -75.96,142.17 v 0"
+            style="
+              fill: #dfac13;
+              fill-opacity: 1;
+              fill-rule: nonzero;
+              stroke: none;
+            "
+          />
+          <path
+            id="path18"
+            d="m 4742.24,6646.03 c 0,-267.34 217.46,-484.83 484.79,-484.83 44.88,0 88.16,6.57 129.4,18.07 -204.61,56.81 -355.41,244.27 -355.41,466.76 0,222.46 150.8,409.92 355.41,466.73 -41.27,11.47 -84.55,18.07 -129.4,18.07 -267.33,0 -484.79,-217.49 -484.79,-484.8 v 0"
+            style="
+              fill: #dfac13;
+              fill-opacity: 1;
+              fill-rule: nonzero;
+              stroke: none;
+            "
+          />
+          <path
+            id="path20"
+            d="m 5356.43,6770.3 c -31.03,-32.29 -50.24,-76.05 -50.24,-124.27 0,-48.25 19.21,-92.01 50.24,-124.3 32.7,-34.04 78.58,-55.36 129.39,-55.36 99.06,0 179.66,80.6 179.66,179.66 0,99.03 -80.6,179.63 -179.66,179.63 -50.81,0 -96.69,-21.32 -129.39,-55.36 v 0"
+            style="
+              fill: #dfac13;
+              fill-opacity: 1;
+              fill-rule: nonzero;
+              stroke: none;
+            "
+          />
+          <path
+            id="path22"
+            d="m 7908.6,6948.1 c 112.92,-195.6 -58.13,-642.45 -665.9,-1231.79 46.98,-37.68 93.27,-75.48 138.33,-113.46 705.6,645.34 906.41,1137.3 786.38,1345.25 -73.19,126.77 -297.54,202.82 -667.8,177.79 217.7,-17.89 354.81,-83.94 408.99,-177.79 v 0"
+            style="
+              fill: #dfac13;
+              fill-opacity: 1;
+              fill-rule: nonzero;
+              stroke: none;
+            "
+          />
+          <path
+            id="path24"
+            d="m 6026.09,7013.18 c 8.59,-43.13 35.3,-80.42 73.37,-102.4 38.07,-21.99 83.8,-26.45 125.36,-12.35 35.45,12.05 70.21,23.43 104.57,34.42 -22.46,21.48 -38.31,49.28 -44.48,80.33 -203.73,1024.53 -548.14,1483.12 -799.09,1483.12 -40.96,0 -84.46,-12.47 -129.37,-37.4 230.27,-127.7 499.2,-588.5 669.64,-1445.72 v 0"
+            style="
+              fill: #dfac13;
+              fill-opacity: 1;
+              fill-rule: nonzero;
+              stroke: none;
+            "
+          />
+          <path
+            id="path26"
+            d="m 7282.81,5284.89 c -0.12,0.09 -0.24,0.21 -0.36,0.3 -41.14,36.08 -83.25,72.1 -126.29,107.97 -184.69,154 -386.46,305.83 -602.17,453.18 -0.66,0.45 -1.26,0.87 -1.9,1.32 -2.59,1.75 -5.21,3.53 -7.8,5.3 -1.65,1.12 -3.28,2.23 -4.94,3.35 -19.6,13.34 -39.33,26.62 -59.15,39.9 -168.67,112.68 -343.93,221.65 -520.88,323.79 -45.51,26.26 -91.26,52.13 -137.16,77.61 -33.74,-32.56 -72.23,-60.18 -114.19,-82.01 174.43,-100.9 347.13,-208.28 513.42,-319.39 19.84,-13.28 39.57,-26.56 59.18,-39.9 1.66,-1.12 3.25,-2.23 4.91,-3.35 2.59,-1.77 5.21,-3.55 7.8,-5.3 0.63,-0.45 1.27,-0.87 1.9,-1.32 215.71,-147.35 417.48,-299.18 602.17,-453.18 43.04,-35.87 85.18,-71.89 126.32,-107.97 0.12,-0.09 0.21,-0.21 0.33,-0.3 785.21,-688.47 1010.04,-1215.76 884.63,-1432.98 -54.24,-93.91 -191.62,-159.96 -409.65,-177.76 370.62,-25.15 595.21,50.96 668.43,177.76 125.45,217.22 -99.42,744.51 -884.6,1432.98 v 0"
+            style="
+              fill: #dfac13;
+              fill-opacity: 1;
+              fill-rule: nonzero;
+              stroke: none;
+            "
+          />
+          <path
+            id="path28"
+            d="m 4278.49,3909.47 c -16.5,0 -33.07,-2.68 -49.03,-8.07 -412.21,-139.94 -751.23,-209.36 -1015.86,-227.25 268.45,-22.02 659.64,29.39 1170.04,192.82 -8.71,8.34 -18.19,15.93 -28.83,22.08 -23.46,13.52 -49.81,20.42 -76.32,20.42 v 0"
+            style="
+              fill: #dfac13;
+              fill-opacity: 1;
+              fill-rule: nonzero;
+              stroke: none;
+            "
+          />
+          <path
+            id="path30"
+            d="m 5005.15,4584.32 c 2.47,-1.42 4.91,-2.9 7.38,-4.34 45.41,-26.2 91.17,-52.08 137.16,-77.62 57.22,55.21 128.03,96.23 206.74,118.19 -41.27,11.44 -84.55,18.04 -129.4,18.04 -80.02,0 -155.38,-19.73 -221.88,-54.27 v 0"
+            style="
+              fill: #dfac13;
+              fill-opacity: 1;
+              fill-rule: nonzero;
+              stroke: none;
+            "
+          />
+          <path
+            id="path32"
+            d="m 4601.16,4315.71 c 48.97,-28.28 98.37,-56.11 147.97,-83.64 -4.15,-25.54 -6.89,-51.56 -6.89,-78.28 0,-267.33 217.46,-484.79 484.79,-484.79 44.85,0 88.13,6.59 129.4,18.07 -204.61,56.8 -355.41,244.26 -355.41,466.72 0,26.72 2.74,52.74 6.93,78.28 -49.64,27.53 -99.01,55.36 -148.01,83.64 -183.79,106.11 -364.83,218.61 -538.05,334.39 -264.68,177.04 -510.03,360.58 -731.08,546.87 -41.95,-38.4 -82.01,-76.2 -120.44,-113.46 183.72,-147.31 381.97,-292.46 592.71,-433.41 173.25,-115.78 354.26,-228.28 538.08,-334.39 v 0"
+            style="
+              fill: #dfac13;
+              fill-opacity: 1;
+              fill-rule: nonzero;
+              stroke: none;
+            "
+          />
+          <path
+            id="path34"
+            d="m 7908.63,3851.91 c 125.41,217.22 -99.42,744.51 -884.63,1432.98 -0.12,0.09 -0.21,0.21 -0.33,0.3 -41.14,36.08 -83.28,72.1 -126.32,107.97 -184.69,154 -386.46,305.83 -602.17,453.18 -0.63,0.45 -1.27,0.87 -1.9,1.32 -2.59,1.75 -5.21,3.53 -7.8,5.3 -1.66,1.12 -3.25,2.23 -4.91,3.35 -19.61,13.34 -39.34,26.62 -59.18,39.9 -166.29,111.11 -338.99,218.49 -513.42,319.39 -66.59,-34.61 -142.04,-54.4 -222.15,-54.4 -44.85,0 -88.13,6.63 -129.39,18.07 -41.24,-11.5 -84.52,-18.07 -129.4,-18.07 -267.33,0 -484.79,217.49 -484.79,484.83 0,267.31 217.46,484.8 484.79,484.8 44.85,0 88.13,-6.6 129.4,-18.07 41.26,11.47 84.54,18.07 129.39,18.07 267.33,0 484.82,-217.49 484.82,-484.8 0,-26.62 -2.74,-52.59 -6.86,-78.04 49.57,-27.47 98.97,-55.33 148.12,-83.7 182.68,-105.48 363.63,-217.97 537.87,-334.35 210.47,-140.72 408.81,-285.92 592.93,-433.63 607.77,589.34 778.82,1036.19 665.9,1231.79 -54.18,93.85 -191.29,159.9 -408.99,177.79 -264.66,-17.92 -603.71,-87.41 -1015.98,-227.46 -41.59,-14.1 -87.28,-9.64 -125.38,12.35 -10.63,6.14 -20.15,13.73 -28.86,22.07 -34.36,-10.99 -69.12,-22.37 -104.57,-34.42 -41.56,-14.1 -87.29,-9.64 -125.36,12.35 -38.07,21.98 -64.78,59.27 -73.37,102.4 -170.44,857.22 -439.37,1318.02 -669.64,1445.72 -230.2,-127.7 -499.01,-588.47 -669.48,-1445.6 0,-0.03 0,-0.06 0,-0.12 -34.1,-171.56 -62.41,-351.16 -84.94,-537.05 -14.58,-120.39 -26.81,-243.36 -36.38,-368.69 L 6641.28,4909.09 c 50.3,-29.06 79.75,-84.15 75.99,-142.1 -2.83,-42.8 -5.97,-85.36 -9.34,-127.71 -1.14,-14.3 -2.44,-28.49 -3.64,-42.77 -2.35,-28.04 -4.76,-56.02 -7.38,-83.85 -1.57,-16.65 -3.26,-33.22 -4.91,-49.81 -2.53,-25.27 -5.09,-50.45 -7.83,-75.54 -1.9,-17.29 -3.83,-34.52 -5.82,-51.72 -2.8,-24.45 -5.72,-48.79 -8.73,-73.04 -2.11,-16.98 -4.22,-33.97 -6.42,-50.84 -3.25,-24.97 -6.68,-49.73 -10.15,-74.48 -2.17,-15.63 -4.3,-31.36 -6.59,-46.93 -4.25,-29.09 -8.74,-57.95 -13.29,-86.71 -1.71,-10.81 -3.28,-21.72 -5.03,-32.47 -6.05,-37.26 -12.34,-74.27 -18.88,-110.96 355.74,-112.52 652.53,-169.93 889.72,-186.01 218.03,17.8 355.41,83.85 409.65,177.76 v 0"
+            style="
+              fill: #fbce28;
+              fill-opacity: 1;
+              fill-rule: nonzero;
+              stroke: none;
+            "
+          />
+          <path
+            id="path36"
+            d="m 6026.03,3786.37 c 0.03,0.09 0.03,0.15 0.06,0.24 42.17,212.46 75.6,436.73 99.91,669.91 8.1,77.71 15.21,156.41 21.26,235.98 L 4071.57,5890.91 c -50.33,29.07 -79.78,84.19 -75.96,142.17 2.83,42.92 6,85.56 9.4,128 1.11,14.07 2.38,28.01 3.58,42.02 2.41,28.37 4.85,56.71 7.5,84.84 1.57,16.36 3.2,32.62 4.85,48.89 2.56,25.69 5.18,51.32 7.98,76.8 1.84,16.87 3.74,33.7 5.67,50.51 2.89,25 5.9,49.88 8.97,74.67 2.05,16.41 4.07,32.86 6.21,49.18 3.37,25.75 6.89,51.29 10.48,76.8 2.11,14.88 4.12,29.82 6.29,44.64 4.46,30.54 9.16,60.81 13.95,90.99 1.47,9.37 2.86,18.86 4.37,28.16 6.08,37.32 12.37,74.37 18.91,111.08 -355.86,112.59 -652.74,170.02 -889.96,186.14 -217.88,-17.83 -355.19,-83.82 -409.38,-177.7 -125.45,-217.34 99.52,-744.88 884.93,-1433.46 217.16,-190.48 461.97,-378.99 728.73,-561.24 8.11,-5.55 16.24,-11.09 24.37,-16.6 3.88,-2.62 7.8,-5.27 11.66,-7.89 12.43,-8.4 24.88,-16.78 37.37,-25.15 165.33,-110.48 338.15,-217.88 513.66,-319.44 66.5,34.54 141.86,54.27 221.88,54.27 44.85,0 88.13,-6.6 129.4,-18.04 41.23,11.5 84.51,18.04 129.39,18.04 267.33,0 484.82,-217.46 484.82,-484.8 0,-267.33 -217.49,-484.79 -484.82,-484.79 -44.85,0 -88.13,6.59 -129.39,18.07 -41.27,-11.48 -84.55,-18.07 -129.4,-18.07 -267.33,0 -484.79,217.46 -484.79,484.79 0,26.72 2.74,52.74 6.89,78.28 -49.6,27.53 -99,55.36 -147.97,83.64 -183.82,106.11 -364.83,218.61 -538.08,334.39 -210.74,140.95 -408.99,286.1 -592.71,433.41 -607.81,-589.31 -778.86,-1036.1 -665.94,-1231.6 54.19,-93.85 191.35,-159.9 409.17,-177.76 264.63,17.89 603.65,87.31 1015.86,227.25 15.96,5.39 32.53,8.07 49.03,8.07 26.51,0 52.86,-6.9 76.32,-20.42 10.64,-6.15 20.12,-13.74 28.83,-22.08 34.39,11.02 69.15,22.38 104.6,34.43 15.99,5.39 32.56,8.07 49.04,8.07 26.53,0 52.85,-6.9 76.32,-20.42 38.04,-21.99 64.78,-59.31 73.34,-102.41 170.44,-857.1 439.28,-1317.86 669.51,-1445.54 230.27,127.68 499.14,588.32 669.58,1445.27 v 0"
+            style="
+              fill: #fbce28;
+              fill-opacity: 1;
+              fill-rule: nonzero;
+              stroke: none;
+            "
+          />
+        </g>
+      </g>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'obj-host'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      width="96"
+      height="124"
+      viewBox="0 0 96 124"
+      class="icon-obj-host"
+    >
+      <defs>
+        <linearGradient
+          id="illus_grad"
+          x1="-3163.59"
+          y1="62.51"
+          x2="-3118.36"
+          y2="113.24"
+          gradientTransform="matrix(-1, 0, 0, 1, -3095.12, 0)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
+          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="linear-gradient"
+          x1="89.6"
+          y1="58.65"
+          x2="44.2"
+          y2="104.05"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.33" stop-color="#0091da" stop-opacity="0.6" />
+          <stop offset="0.58" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="0.89" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+      <g id="Layer_4" data-name="Layer 4">
+        <polygon class="cls-1" points="17 95 62 95 62 50 17 95" />
+        <polygon class="cls-2" points="76 95 30.5 95 76 49.5 76 95" />
+      </g>
+      <g id="Layer_2" data-name="Layer 2">
+        <path
+          class="cls-3"
+          d="M68,95H66V22a1,1,0,0,0-1-1H31a1,1,0,0,0-1,1V95H28V22a3,3,0,0,1,3-3H65a3,3,0,0,1,3,3Z"
+        />
+        <path class="cls-3" d="M80,96H16a1,1,0,0,1,0-2H80a1,1,0,0,1,0,2Z" />
+        <path class="cls-3" d="M59,33H37a1,1,0,0,1,0-2H59a1,1,0,0,1,0,2Z" />
+        <path
+          class="cls-3"
+          d="M48.5,82A5.5,5.5,0,1,1,54,76.5,5.51,5.51,0,0,1,48.5,82Zm0-9A3.5,3.5,0,1,0,52,76.5,3.5,3.5,0,0,0,48.5,73Z"
+        />
+      </g>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'obj-datastore'">
+    <svg
+      width="96"
+      height="124"
+      viewBox="0 0 96 124"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+    >
+      <defs>
+        <linearGradient
+          id="illus_grad"
+          x1="-1907.36"
+          y1="63.08"
+          x2="-1863.1"
+          y2="112.71"
+          gradientTransform="matrix(-1, 0, 0, 1, -1840.95, 0)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
+          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="illus_grad-2"
+          x1="-1923.8"
+          y1="71.55"
+          x2="-1892.27"
+          y2="106.92"
+          xlink:href="#illus_grad"
+        />
+      </defs>
+      <g id="Layer_6" data-name="Layer 6">
+        <rect class="cls-1" width="96" height="124" />
+      </g>
+      <g id="Layer_4" data-name="Layer 4">
+        <polygon
+          class="cls-2"
+          points="16.04 94.86 60.07 94.86 60.07 50.84 16.04 94.86"
+        />
+        <polygon
+          class="cls-3"
+          points="46.97 94.2 78.34 94.2 78.34 62.83 46.97 94.2"
+        />
+      </g>
+      <g id="Layer_2" data-name="Layer 2">
+        <path
+          class="cls-4"
+          d="M89.91,95.91H5.46a1,1,0,1,1,0-2H89.91a1,1,0,0,1,0,2Z"
+        />
+        <path
+          class="cls-4"
+          d="M57.38,40H38.62a1,1,0,0,1,0-2H57.38a1,1,0,0,1,0,2Z"
+        />
+        <path
+          class="cls-4"
+          d="M48.1,80.67A4.72,4.72,0,1,1,52.82,76,4.72,4.72,0,0,1,48.1,80.67Zm0-7.44A2.72,2.72,0,1,0,50.82,76,2.72,2.72,0,0,0,48.1,73.23Z"
+        />
+        <path class="cls-4" d="M76.92,47H67v2h9.92a1,1,0,0,0,0-2Z" />
+        <path class="cls-4" d="M19.08,48H29v2H19.08a1,1,0,0,1,0-2Z" />
+        <path
+          class="cls-4"
+          d="M64,96a1,1,0,0,1-1-1V31a1,1,0,0,0-1-1H34a1,1,0,0,0-1,1V95a1,1,0,0,1-2,0V31a3,3,0,0,1,3-3H62a3,3,0,0,1,3,3V95A1,1,0,0,1,64,96Z"
+        />
+        <path
+          class="cls-4"
+          d="M83,95H81V41a1,1,0,0,0-1-1H67V38H80a3,3,0,0,1,3,3Z"
+        />
+        <path
+          class="cls-4"
+          d="M15,95H13V41a3,3,0,0,1,3-3H29v2H16a1,1,0,0,0-1,1Z"
+        />
+      </g>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'obj-ds'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      width="96"
+      height="124"
+      viewBox="0 0 96 124"
+      class="icon icon-obj-ds"
+    >
+      <defs>
+        <linearGradient
+          id="illus_grad"
+          x1="54.43"
+          y1="61.9"
+          x2="54.43"
+          y2="109.83"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
+          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+      <g id="Layer_6" data-name="Layer 6">
+        <rect class="cls-1" width="96" height="124" />
+      </g>
+      <g id="Layer_4" data-name="Layer 4">
+        <path
+          class="cls-2"
+          d="M46.88,55.31c-1.28,0-2.53,0-3.76-.11V95.83c1.23.07,2.48.11,3.76.11,7.49,0,14.22-1.16,18.87-3V52.29C61.1,54.15,54.37,55.31,46.88,55.31Z"
+        />
+      </g>
+      <g id="Layer_2" data-name="Layer 2">
+        <path
+          class="cls-3"
+          d="M48,98.43c-14.82,0-26-4.3-26-10v-46h2v46c0,3.79,9.86,8,24,8s24-4.22,24-8v-46h2v46C74,94.13,62.82,98.43,48,98.43Z"
+        />
+        <path
+          class="cls-3"
+          d="M72,72.48c0,3.79-9.86,8-24,8a53.15,53.15,0,0,1-17.3-2.59V80A56.81,56.81,0,0,0,48,82.5c14.82,0,26-4.31,26-10Z"
+        />
+        <path
+          class="cls-3"
+          d="M72,58c0,3.79-9.86,8-24,8a53.44,53.44,0,0,1-17.3-2.58v2.13A56.83,56.83,0,0,0,48,68c14.82,0,26-4.3,26-10Z"
+        />
+        <path
+          class="cls-3"
+          d="M48,32.41c-14.82,0-26,4.3-26,10h2c0-3.79,9.86-8,24-8s24,4.22,24,8-9.86,8-24,8a53.44,53.44,0,0,1-17.3-2.58V50A56.83,56.83,0,0,0,48,52.43c14.82,0,26-4.3,26-10S62.82,32.41,48,32.41Z"
+        />
+      </g>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'arrow'">
+    <svg height="20" viewBox="0 0 32 32" width="20">
+      <path
+        d="M16.7 11.3c-0.4-0.4-1-0.4-1.4 0l-9 9c-0.4 0.4-0.4 1 0 1.4 0.4 0.4 1 0.4 1.4 0L16 13.4l8.3 8.3c0.4 0.4 1 0.4 1.4 0 0.4-0.4 0.4-1 0-1.4L16.7 11.3z"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'info'">
+    <svg viewBox="0 0 36 36" class="icon-container" style="">
+      <path
+        id="error-icon-outline"
+        d="M18,7A11,11,0,1,1,7,18,11,11,0,0,1,18,7"
+        class="ng-tns-c303-18"
+      />
+      <path
+        id="error-icon-line"
+        d="M18,12.8v5.9"
+        class="ng-tns-c303-18 ng-trigger ng-trigger-errorLine"
+      />
+      <circle
+        id="error-icon-dot"
+        cx="18"
+        cy="23"
+        r="1.4"
+        class="ng-tns-c303-18 ng-trigger ng-trigger-errorDot"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'obj-cluster'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      width="96"
+      height="124"
+      viewBox="0 0 96 124"
+      class="icon icon-obj-cluster"
+    >
+      <defs>
+        <linearGradient
+          id="illus_grad"
+          x1="-1907.36"
+          y1="63.08"
+          x2="-1863.1"
+          y2="112.71"
+          gradientTransform="matrix(-1, 0, 0, 1, -1840.95, 0)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
+          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="illus_grad-2"
+          x1="-1923.8"
+          y1="71.55"
+          x2="-1892.27"
+          y2="106.92"
+          xlink:href="#illus_grad"
+        />
+      </defs>
+      <g id="Layer_6" data-name="Layer 6">
+        <rect class="cls-1" width="96" height="124" />
+      </g>
+      <g id="Layer_4" data-name="Layer 4">
+        <polygon
+          class="cls-2"
+          points="16.04 94.86 60.07 94.86 60.07 50.84 16.04 94.86"
+        />
+        <polygon
+          class="cls-3"
+          points="46.97 94.2 78.34 94.2 78.34 62.83 46.97 94.2"
+        />
+      </g>
+      <g id="Layer_2" data-name="Layer 2">
+        <path
+          class="cls-4"
+          d="M89.91,95.91H5.46a1,1,0,1,1,0-2H89.91a1,1,0,0,1,0,2Z"
+        />
+        <path
+          class="cls-4"
+          d="M57.38,40H38.62a1,1,0,0,1,0-2H57.38a1,1,0,0,1,0,2Z"
+        />
+        <path
+          class="cls-4"
+          d="M48.1,80.67A4.72,4.72,0,1,1,52.82,76,4.72,4.72,0,0,1,48.1,80.67Zm0-7.44A2.72,2.72,0,1,0,50.82,76,2.72,2.72,0,0,0,48.1,73.23Z"
+        />
+        <path class="cls-4" d="M76.92,47H67v2h9.92a1,1,0,0,0,0-2Z" />
+        <path class="cls-4" d="M19.08,48H29v2H19.08a1,1,0,0,1,0-2Z" />
+        <path
+          class="cls-4"
+          d="M64,96a1,1,0,0,1-1-1V31a1,1,0,0,0-1-1H34a1,1,0,0,0-1,1V95a1,1,0,0,1-2,0V31a3,3,0,0,1,3-3H62a3,3,0,0,1,3,3V95A1,1,0,0,1,64,96Z"
+        />
+        <path
+          class="cls-4"
+          d="M83,95H81V41a1,1,0,0,0-1-1H67V38H80a3,3,0,0,1,3,3Z"
+        />
+        <path
+          class="cls-4"
+          d="M15,95H13V41a3,3,0,0,1,3-3H29v2H16a1,1,0,0,0-1,1Z"
+        />
+      </g>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'obj-network'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      width="96"
+      height="124"
+      viewBox="0 0 96 124"
+      class="icon icon__obj-network"
+    >
+      <defs>
+        <linearGradient
+          id="linear-gradient"
+          x1="75.11"
+          y1="22.68"
+          x2="-1.26"
+          y2="100.91"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
+          <stop offset="0.46" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="0.83" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="linear-gradient-2"
+          x1="78.18"
+          y1="10.58"
+          x2="25.29"
+          y2="64.76"
+          xlink:href="#linear-gradient"
+        />
+      </defs>
+      <g id="Layer_6" data-name="Layer 6">
+        <rect class="cls-1" width="96" height="124" />
+      </g>
+      <g id="Layer_4" data-name="Layer 4">
+        <polygon
+          class="cls-2"
+          points="47.67 64 88.67 23 61.9 23 20.9 64 47.67 64"
+        />
+        <polygon
+          class="cls-3"
+          points="59.77 39 87.78 11 68.44 11 40.44 39 59.77 39"
+        />
+      </g>
+      <g id="Layer_2" data-name="Layer 2">
+        <path class="cls-4" d="M76,96H28.5a1,1,0,0,1,0-2H76a1,1,0,0,1,0,2Z" />
+        <path
+          class="cls-4"
+          d="M66,92H53V82.33a1,1,0,1,1,2,0V90H66a1,1,0,0,1,0,2Z"
+        />
+        <path
+          class="cls-4"
+          d="M65.92,29.18a3,3,0,1,0,3,3A3,3,0,0,0,65.92,29.18Zm0,4.33a1.32,1.32,0,1,1,1.31-1.31A1.32,1.32,0,0,1,65.92,33.51Z"
+        />
+        <path
+          class="cls-4"
+          d="M77.56,45.86a3,3,0,1,0,3,3A3,3,0,0,0,77.56,45.86Zm0,4.32a1.31,1.31,0,1,1,1.31-1.31A1.31,1.31,0,0,1,77.56,50.18Z"
+        />
+        <path
+          class="cls-4"
+          d="M61.23,60.76a3.07,3.07,0,1,0,3.08,3.07A3.07,3.07,0,0,0,61.23,60.76Zm0,4.44a1.37,1.37,0,1,1,1.38-1.37A1.37,1.37,0,0,1,61.23,65.2Z"
+        />
+        <path
+          class="cls-4"
+          d="M63.24,75.6a3.08,3.08,0,1,0,3.08,3.08A3.08,3.08,0,0,0,63.24,75.6Zm0,4.45a1.37,1.37,0,1,1,1.38-1.37A1.38,1.38,0,0,1,63.24,80.05Z"
+        />
+        <path
+          class="cls-4"
+          d="M41,71.39a3.07,3.07,0,1,0,3.08,3.07A3.08,3.08,0,0,0,41,71.39Zm0,4.44a1.37,1.37,0,1,1,1.38-1.37A1.37,1.37,0,0,1,41,75.83Z"
+        />
+        <path
+          class="cls-4"
+          d="M37.33,39.24a3,3,0,1,0,3,3A3,3,0,0,0,37.33,39.24Zm0,4.26a1.28,1.28,0,1,1,1.29-1.28A1.28,1.28,0,0,1,37.33,43.5Z"
+        />
+        <path
+          class="cls-4"
+          d="M24.25,47a3,3,0,1,0,3,3A3,3,0,0,0,24.25,47Zm0,4.26a1.28,1.28,0,1,1,1.28-1.28A1.28,1.28,0,0,1,24.25,51.21Z"
+        />
+        <path class="cls-4" d="M28.5,90a1,1,0,0,0,0,2H49V90Z" />
+        <path
+          class="cls-4"
+          d="M59.16,64.48a29,29,0,0,1-9.27,6.72,29.38,29.38,0,0,1-7,2.18,2.32,2.32,0,0,1,.29,1.08,2.22,2.22,0,0,1-.21.93A31.06,31.06,0,0,0,60.5,66,2.26,2.26,0,0,1,59.16,64.48Z"
+        />
+        <path
+          class="cls-4"
+          d="M67.85,32.9a2.16,2.16,0,0,1-1.47,1.39,26.06,26.06,0,0,1,9.37,13.29,2.15,2.15,0,0,1,1.79-1A28.08,28.08,0,0,0,67.85,32.9Z"
+        />
+        <path
+          class="cls-4"
+          d="M61.05,79a25.68,25.68,0,0,1-10.13,2.06A26,26,0,0,1,25,55.11a26.58,26.58,0,0,1,.21-3.24,2.12,2.12,0,0,1-1,.25,2.21,2.21,0,0,1-1-.26A29,29,0,0,0,23,55.11,27.93,27.93,0,0,0,62.24,80.65,2.23,2.23,0,0,1,61.05,79Z"
+        />
+        <path
+          class="cls-4"
+          d="M59.06,63.7a2.07,2.07,0,0,1,.06-.5,48.05,48.05,0,0,1-25.29-6.33,49.33,49.33,0,0,1-7.93-5.61,2.1,2.1,0,0,1-1.65.8,1.85,1.85,0,0,1-.58-.09,51.18,51.18,0,0,0,9.17,6.64,50.18,50.18,0,0,0,24.79,6.62c.66,0,1.33,0,2,0A2.3,2.3,0,0,1,59.06,63.7Z"
+        />
+        <path
+          class="cls-4"
+          d="M35.06,42.18s0,0,0,0A33.62,33.62,0,0,0,31,44.32a36.11,36.11,0,0,0-5.26,4.11,2.15,2.15,0,0,1,.62,1.5,2,2,0,0,1-.18.85A31.91,31.91,0,0,1,35.92,44,2.28,2.28,0,0,1,35.06,42.18Z"
+        />
+        <path
+          class="cls-4"
+          d="M41.07,31.13a25.68,25.68,0,0,1,22.6,1.41c0-.11,0-.22,0-.33a2.16,2.16,0,0,1,.7-1.59,27.72,27.72,0,0,0-25.47-.7C39.59,30.29,40.32,30.69,41.07,31.13Z"
+        />
+        <path
+          class="cls-4"
+          d="M34.77,32.34A28.06,28.06,0,0,0,23.93,47.89a2.3,2.3,0,0,1,.26,0,2.13,2.13,0,0,1,1.61.75,26,26,0,0,1,11-15.27C36.12,33,35.43,32.64,34.77,32.34Z"
+        />
+        <path
+          class="cls-4"
+          d="M38.33,40.24a35.73,35.73,0,0,1,.93-5.55c-.61-.36-1.21-.7-1.79-1a35.67,35.67,0,0,0-1.14,6.58,2,2,0,0,1,1-.27A2.16,2.16,0,0,1,38.33,40.24Z"
+        />
+        <path
+          class="cls-4"
+          d="M48.12,40.81c-.8-.63-1.59-1.22-2.36-1.79A36.79,36.79,0,0,0,39,40.56a2.28,2.28,0,0,1,.67,1.62c0,.09,0,.18,0,.28A34.65,34.65,0,0,1,48.12,40.81Z"
+        />
+        <path
+          class="cls-4"
+          d="M51.93,38.74c.88.71,1.76,1.44,2.65,2.2a42.5,42.5,0,0,1,20.87,8.38,2.3,2.3,0,0,1,0-.45,2.17,2.17,0,0,1,.68-1.57A43.87,43.87,0,0,0,51.93,38.74Z"
+        />
+        <path
+          class="cls-4"
+          d="M66,51.73c.54.56,1.08,1.12,1.61,1.7A30.94,30.94,0,0,0,67,34.1,2.1,2.1,0,0,1,64.86,34,29,29,0,0,1,66,51.73Z"
+        />
+        <path
+          class="cls-4"
+          d="M64.57,56a29,29,0,0,1-3.08,5.57,2.3,2.3,0,0,1,1.75,1,32.71,32.71,0,0,0,2.82-5C65.56,57.08,65.07,56.54,64.57,56Z"
+        />
+        <path
+          class="cls-4"
+          d="M75.73,62.69c.5.61,1,1.23,1.49,1.85a27.83,27.83,0,0,0,1.3-13.84,2.12,2.12,0,0,1-2-.07,25.39,25.39,0,0,1,.4,4.48A26,26,0,0,1,75.73,62.69Z"
+        />
+        <path
+          class="cls-4"
+          d="M74,66.92a26.08,26.08,0,0,1-9.25,10.13,2.2,2.2,0,0,1,.72,1.63c0,.1,0,.2,0,.3a28.14,28.14,0,0,0,9.91-10.33Z"
+        />
+        <path
+          class="cls-4"
+          d="M83,71.21A161.59,161.59,0,0,0,69.59,54.46c-16.42-18.07-37.41-33.12-44.1-27C23.74,29,23.25,31.75,24,35.54a1,1,0,0,0,2-.4c-.43-2.1-.64-4.89.84-6.23,4.45-4.05,22.1,5.8,41.28,26.89A162,162,0,0,1,81.43,72.48,3,3,0,0,1,83,71.21Z"
+        />
+        <path
+          class="cls-4"
+          d="M84.05,78.09a4,4,0,0,1-1.66-.36,4,4,0,0,1-2.06-2.24,4,4,0,0,1,2.36-5.09,4,4,0,0,1,5.09,2.36h0a4,4,0,0,1-2.36,5.09A4,4,0,0,1,84.05,78.09Zm0-6.23a2.38,2.38,0,0,0-.78.14,2.27,2.27,0,0,0-.17,4.18,2.24,2.24,0,0,0,1.74.07,2.26,2.26,0,0,0,1.34-2.9h0A2.26,2.26,0,0,0,84.05,71.86Z"
+        />
+      </g>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'obj-rp'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      width="96"
+      height="124"
+      viewBox="0 0 96 124"
+      class="icon icon-obj-rp"
+    >
+      <defs>
+        <linearGradient
+          id="linear-gradient"
+          x1="78.91"
+          y1="20.07"
+          x2="17.57"
+          y2="75.31"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
+          <stop offset="0.46" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="0.83" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="illus_grad"
+          x1="-3453.04"
+          y1="20.8"
+          x2="-3429.13"
+          y2="44.35"
+          gradientTransform="matrix(-1, 0, 0, 1, -3394.04, 0)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
+          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+      <g id="Layer_6" data-name="Layer 6">
+        <rect class="cls-1" width="96" height="124" />
+      </g>
+      <g id="Layer_4" data-name="Layer 4">
+        <polygon
+          class="cls-2"
+          points="27.31 56.61 63.42 20.5 89.45 20.5 53.34 56.61 27.31 56.61"
+        />
+        <polygon
+          class="cls-3"
+          points="34.02 36.86 58.38 12.5 76.11 12.5 51.75 36.86 34.02 36.86"
+        />
+      </g>
+      <g id="Layer_2" data-name="Layer 2">
+        <path
+          class="cls-4"
+          d="M29.68,89.71a1,1,0,0,1-.61-.21,1,1,0,0,1-.18-1.4L47.77,63.39a1,1,0,0,1,.8-.39H72.62a1,1,0,0,1,0,2H49.06L30.48,89.32A1,1,0,0,1,29.68,89.71Z"
+        />
+        <path class="cls-5" d="M31,90.94a31.1,31.1,0,0,0,48.1-24.68H50Z" />
+        <path
+          class="cls-4"
+          d="M48,97a32.1,32.1,0,1,1,32.1-32.1A32.14,32.14,0,0,1,48,97Zm0-62.2a30.1,30.1,0,1,0,30.1,30.1A30.13,30.13,0,0,0,48,34.82Z"
+        />
+      </g>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'sort-arrow'">
+    <svg
+      version="1.1"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        d="M27.66,15.61,18,6,8.34,15.61A1,1,0,1,0,9.75,17L17,9.81V28.94a1,1,0,1,0,2,0V9.81L26.25,17a1,1,0,0,0,1.41-1.42Z"
+        class="clr-i-outline clr-i-outline-path-1"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'filter'">
+    <svg
+      version="1.1"
+      class="has-solid"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        class="clr-i-solid clr-i-solid-path-1"
+        d="M8,11v1.12a.5.5,0,0,0,.15.35l7.28,7.36a.5.5,0,0,1,.15.35v6.89a.5.5,0,0,0,.28.45l3.95,1.41a.5.5,0,0,0,.72-.45l0-8.39a.54.54,0,0,1,.18-.35l7.12-7.25a.5.5,0,0,0,.15-.35V11Z"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'filter-solid'">
+    <svg
+      version="1.1"
+      class="has-solid"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M15,25.86l2,1V20.27a1,1,0,0,0-.29-.7L10.23,13H25.79l-6.47,6.57a1,1,0,0,0-.29.7L19,28l2,1V20.68L27.58,14A1.46,1.46,0,0,0,28,13V12a1,1,0,0,0-1-1H9a1,1,0,0,0-1,1v1a1.46,1.46,0,0,0,.42,1L15,20.68Z"
+      />
+      <path
+        class="clr-i-outline clr-i-outline-path-2"
+        d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
+      />
+      <path
+        class="clr-i-solid clr-i-solid-path-1"
+        d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
+      />
+      <path
+        class="clr-i-solid clr-i-solid-path-2"
+        d="M8,11v1.12a.5.5,0,0,0,.15.35l7.28,7.36a.5.5,0,0,1,.15.35v6.89a.5.5,0,0,0,.28.45l3.95,1.41a.5.5,0,0,0,.72-.45l0-8.39a.54.54,0,0,1,.18-.35l7.12-7.25a.5.5,0,0,0,.15-.35V11Z"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'check'">
+    <svg
+      id="Capa_1"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      version="1.1"
+      x="0px"
+      y="0px"
+      viewBox="0 0 17.837 17.837"
+      style="enable-background: new 0 0 17.837 17.837"
+      xml:space="preserve"
+    >
+      <g>
+        <path
+          d="M16.145,2.571c-0.272-0.273-0.718-0.273-0.99,0L6.92,10.804l-4.241-4.27   c-0.272-0.274-0.715-0.274-0.989,0L0.204,8.019c-0.272,0.271-0.272,0.717,0,0.99l6.217,6.258c0.272,0.271,0.715,0.271,0.99,0   L17.63,5.047c0.276-0.273,0.276-0.72,0-0.994L16.145,2.571z"
+        />
+      </g>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'help-icon'">
+    <svg
+      version="1.1"
+      class="can-badge has-solid"
+      viewBox="-2 -2 38 38"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+      aria-labelledby="_clr_icon_6"
+      fill="#565656"
+    >
+      <path
+        d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
+        class="clr-i-outline clr-i-outline-path-1"
+      />
+      <path
+        d="M18.29,8.92a7.38,7.38,0,0,0-5.72,2.57,1,1,0,0,0-.32.71.92.92,0,0,0,.95.92,1.08,1.08,0,0,0,.71-.29,5.7,5.7,0,0,1,4.33-2c2.36,0,3.83,1.52,3.83,3.41v.05c0,2.21-1.76,3.44-4.54,3.65a.8.8,0,0,0-.76.92s0,2.32,0,2.75a1,1,0,0,0,1,.9h.11a1,1,0,0,0,.9-1V19.45c3-.42,5.43-2,5.43-5.28v-.05C24.18,11.12,21.84,8.92,18.29,8.92Z"
+        class="clr-i-outline clr-i-outline-path-2"
+      />
+      <circle
+        cx="17.78"
+        cy="26.2"
+        r="1.25"
+        class="clr-i-outline clr-i-outline-path-3"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'close-circle'">
+    <svg
+      version="1.1"
+      class="has-solid"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+      aria-labelledby="_clr_icon_169"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M19.61,18l4.86-4.86a1,1,0,0,0-1.41-1.41L18.2,16.54l-4.89-4.89a1,1,0,0,0-1.41,1.41L16.78,18,12,22.72a1,1,0,1,0,1.41,1.41l4.77-4.77,4.74,4.74a1,1,0,0,0,1.41-1.41Z"
+      />
+      <path
+        class="clr-i-outline clr-i-outline-path-2"
+        d="M18,34A16,16,0,1,1,34,18,16,16,0,0,1,18,34ZM18,4A14,14,0,1,0,32,18,14,14,0,0,0,18,4Z"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'column-switch'">
+    <svg
+      version="1.1"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M31,5H5A2,2,0,0,0,3,7V29a2,2,0,0,0,2,2H31a2,2,0,0,0,2-2V7A2,2,0,0,0,31,5ZM13,29H5V7h8Zm10,0H15V7h8Z"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'lock'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      stroke-width="1.5"
+      stroke="currentColor"
+      class="w-6 h-6"
+    >
+      <path
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'ellipsis-horizontal'">
+    <svg
+      version="1.1"
+      class="can-badge"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <circle
+        cx="31.1"
+        cy="18"
+        r="2.9"
+        class="clr-i-outline clr-i-outline-path-1"
+      ></circle>
+      <circle
+        cx="18"
+        cy="18"
+        r="2.9"
+        class="clr-i-outline clr-i-outline-path-2"
+      ></circle>
+      <circle
+        cx="4.9"
+        cy="18"
+        r="2.9"
+        class="clr-i-outline clr-i-outline-path-3"
+      ></circle>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'step-forward'">
+    <svg
+      version="1.1"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        d="M7.08,6.52a1.68,1.68,0,0,0,0,2.4L16.51,18,7.12,27.08a1.7,1.7,0,0,0,2.36,2.44h0L21.4,18,9.48,6.47A1.69,1.69,0,0,0,7.08,6.52Z"
+        class="clr-i-outline clr-i-outline-path-1"
+      ></path>
+      <path
+        d="M26.49,5a1.7,1.7,0,0,0-1.7,1.7V29.3a1.7,1.7,0,0,0,3.4,0V6.7A1.7,1.7,0,0,0,26.49,5Z"
+        class="clr-i-outline clr-i-outline-path-2"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'search'">
+    <svg
+      version="1.1"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M16.33,5.05A10.95,10.95,0,1,1,5.39,16,11,11,0,0,1,16.33,5.05m0-2.05a13,13,0,1,0,13,13,13,13,0,0,0-13-13Z"
+      ></path>
+      <path
+        class="clr-i-outline clr-i-outline-path-2"
+        d="M35,33.29l-7.37-7.42-1.42,1.41,7.37,7.42A1,1,0,1,0,35,33.29Z"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'success-circle'">
+    <svg
+      fill="#2e8500"
+      version="1.1"
+      class="has-solid"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+      viewBox="-1 -1 40 40"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
+      ></path>
+      <path
+        class="clr-i-outline clr-i-outline-path-2"
+        d="M28,12.1a1,1,0,0,0-1.41,0L15.49,23.15l-6-6A1,1,0,0,0,8,18.53L15.49,26,28,13.52A1,1,0,0,0,28,12.1Z"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'error-outline'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      fill="#e02200"
+      version="1.1"
+      class="has-solid"
+      preserveAspectRatio="xMidYMid meet"
+      focusable="false"
+      role="img"
+      viewBox="3 3 30 30"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M18,6A12,12,0,1,0,30,18,12,12,0,0,0,18,6Zm0,22A10,10,0,1,1,28,18,10,10,0,0,1,18,28Z"
+      />
+      <path
+        class="clr-i-outline clr-i-outline-path-2"
+        d="M18,20.07a1.3,1.3,0,0,1-1.3-1.3v-6a1.3,1.3,0,1,1,2.6,0v6A1.3,1.3,0,0,1,18,20.07Z"
+      />
+      <circle
+        class="clr-i-outline clr-i-outline-path-3"
+        cx="17.95"
+        cy="23.02"
+        r="1.5"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'warning-outline'">
+    <svg
+      fill="#c27b00"
+      version="1.1"
+      class="has-solid"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M18,21.32a1.3,1.3,0,0,0,1.3-1.3V14a1.3,1.3,0,1,0-2.6,0v6A1.3,1.3,0,0,0,18,21.32Z"
+      ></path>
+      <circle
+        class="clr-i-outline clr-i-outline-path-2"
+        cx="17.95"
+        cy="24.27"
+        r="1.5"
+      ></circle>
+      <path
+        class="clr-i-outline clr-i-outline-path-3"
+        d="M30.33,25.54,20.59,7.6a3,3,0,0,0-5.27,0L5.57,25.54A3,3,0,0,0,8.21,30H27.69a3,3,0,0,0,2.64-4.43Zm-1.78,1.94a1,1,0,0,1-.86.49H8.21a1,1,0,0,1-.88-1.48L17.07,8.55a1,1,0,0,1,1.76,0l9.74,17.94A1,1,0,0,1,28.55,27.48Z"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'is-error'">
+    <svg
+      fill="#e02200"
+      version="1.1"
+      class="has-solid"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-3"
+        d="M18,34A16,16,0,1,1,34,18,16,16,0,0,1,18,34ZM18,4A14,14,0,1,0,32,18,14,14,0,0,0,18,4Z"
+      ></path>
+      <path
+        class="clr-i-solid clr-i-solid-path-1"
+        d="M18,2.1a16,16,0,1,0,16,16A16,16,0,0,0,18,2.1ZM16.6,8.8a1.4,1.4,0,0,1,2.8,0v12a1.4,1.4,0,0,1-2.8,0ZM18,28.6a1.8,1.8,0,1,1,1.8-1.8A1.8,1.8,0,0,1,18,28.6Z"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'home-objects-datastore'">
+    <svg width="38" height="38" viewBox="1 1 38 38">
+      <!-- <path d="M18 10c-.8 0-8 .1-8 3v14c0 2.9 7.2 3 8 3s8-.1 8-3V13c0-2.9-7.2-3-8-3zm6 4.9c-.4.4-2.5 1.1-6 1.1a18.1 18.1 0 01-4-.4v2a27.1 27.1 0 004 .4 20.29 20.29 0 006-.9v3.8c-.4.4-2.5 1.1-6 1.1a18.1 18.1 0 01-4-.4v2a27.1 27.1 0 004 .4 20.29 20.29 0 006-.9v3.8c-.4.4-2.5 1.1-6 1.1s-5.6-.7-6-1.1V13.1c.4-.4 2.5-1.1 6-1.1s5.6.7 6 1.1z"/> -->
+      <path
+        d="M18 34c-1.43 0-14-.11-14-4V6c0-3.89 12.57-4 14-4s14 .11 14 4v24c0 3.89-12.57 4-14 4zM6 29.93c.51.76 4.86 2.07 12 2.07s11.49-1.31 12-2.07V6.07C29.49 5.31 25.14 4 18 4S6.51 5.31 6 6.07z"
+      />
+      <path
+        d="M6 13.9a.19.19 0 010 .1v-.08zM8 9a46.29 46.29 0 0010 1c1.43 0 14-.11 14-4h-2a.19.19 0 010-.1c-.39.75-4.76 2.1-12 2.1A38 38 0 018 6.88zM6 5.9A.19.19 0 016 6v-.08zM30 13.9c-.41.75-4.78 2.1-12 2.1a38 38 0 01-10-1.12V17a46.29 46.29 0 0010 1c1.43 0 14-.11 14-4h-2a.19.19 0 010-.1zM30 21.9c-.41.75-4.78 2.1-12 2.1a38 38 0 01-10-1.12V25a46.29 46.29 0 0010 1c1.43 0 14-.11 14-4h-2a.19.19 0 010-.1zM6 21.9a.19.19 0 010 .1v-.08-.02z"
+      />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'upload-icon'">
+    <svg
+      version="1.1"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M27,33H5a2,2,0,0,1-2-2V9A2,2,0,0,1,5,7H15V9H5V31H27V21h2V31A2,2,0,0,1,27,33Z"
+      ></path>
+      <path
+        class="clr-i-outline clr-i-outline-path-2"
+        d="M18,3a1,1,0,0,0,0,2H29.59L15.74,18.85a1,1,0,1,0,1.41,1.41L31,6.41V18a1,1,0,0,0,2,0V3Z"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'home-obj-alerts'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      viewBox="0 0 60 72"
+      version="1.1"
+    >
+      <defs>
+        <ellipse
+          id="path-1"
+          cx="30"
+          cy="61.7666667"
+          rx="15.4512904"
+          ry="4.73333333"
+        />
+        <mask
+          id="mask-2"
+          maskContentUnits="userSpaceOnUse"
+          maskUnits="objectBoundingBox"
+          x="0"
+          y="0"
+          width="30.9025808"
+          height="9.46666667"
+          fill="white"
+        >
+          <use xlink:href="#path-1" />
+        </mask>
+      </defs>
+      <g
+        id="Page-1"
+        stroke="none"
+        stroke-width="1"
+        fill="none"
+        fill-rule="evenodd"
+      >
+        <!-- <g id="Artboard"> -->
+        <use
+          id="Oval-10"
+          stroke="#C1DFEF"
+          mask="url(#mask-2)"
+          stroke-width="2.8"
+          stroke-linecap="square"
+          stroke-dasharray="3,6,3,5"
+          xlink:href="#path-1"
+        />
+        <path
+          d="M38.4613647,18.1642456 L30.9890137,34.9141846 L31,47 L32.5977783,46.5167236 L32.5977783,34.9141846 L51.0673218,15.7560425 C51.0673218,15.7560425 48.6295166,16.6542969 44.9628906,17.3392334 C41.2962646,18.0241699 38.4613647,18.1642456 38.4613647,18.1642456 Z"
+          fill="#C1DFEF"
+        />
+        <path
+          d="M4.74639226,12.5661855 L4.62065726,12.1605348 L5.3515414,11.1625044 L5.77622385,11.159939 L6.20936309,12.5573481 L4.74639226,12.5661855 Z M6.20936309,12.5573481 L6.32542632,12.9317954 L28.4963855,34.8796718 L28.4963855,47.8096691 L32.6,46.4836513 L32.6,34.8992365 L53.973494,12.7035813 L53.973494,12.2688201 L6.20936309,12.5573481 Z M55.373494,10.8603376 L55.373494,13.2680664 L34,35.4637216 L34,47.5025401 L27.0963855,49.7333333 L27.0963855,35.4637219 L5.09179688,13.680542 L4.31325301,11.1687764 L55.373494,10.8603376 Z"
+          fill="#7FBDDD"
+        />
+        <ellipse
+          id="Oval-9"
+          fill="#FFFFFF"
+          cx="30"
+          cy="11.785654"
+          rx="26"
+          ry="6.78565401"
+        />
+        <path
+          d="M30,17.171308 C36.8772177,17.171308 43.3112282,16.4610701 48.0312371,15.2292106 C50.2777611,14.6428977 52.0507619,13.9579677 53.2216231,13.2354973 C54.1938565,12.6355886 54.6,12.1175891 54.6,11.785654 C54.6,11.4537189 54.1938565,10.9357194 53.2216231,10.3358107 C52.0507619,9.61334032 50.2777611,8.92841034 48.0312371,8.34209746 C43.3112282,7.11023795 36.8772177,6.4 30,6.4 C23.1227823,6.4 16.6887718,7.11023795 11.9687629,8.34209746 C9.72223886,8.92841034 7.94923814,9.61334032 6.77837689,10.3358107 C5.8061435,10.9357194 5.4,11.4537189 5.4,11.785654 C5.4,12.1175891 5.8061435,12.6355886 6.77837689,13.2354973 C7.94923814,13.9579677 9.72223886,14.6428977 11.9687629,15.2292106 C16.6887718,16.4610701 23.1227823,17.171308 30,17.171308 Z M30,18.571308 C15.6405965,18.571308 4,15.5332672 4,11.785654 C4,8.03804078 15.6405965,5 30,5 C44.3594035,5 56,8.03804078 56,11.785654 C56,15.5332672 44.3594035,18.571308 30,18.571308 Z"
+          fill="#7FBDDD"
+        />
+        <path
+          d="M18.2608643,7.14562988 L22.727356,16.9047241 C22.727356,16.9047241 15.3006592,16.3911743 10.276001,14.7511597 C5.25134277,13.111145 5.38031006,11.8284302 5.38031006,11.6882935 C5.38031006,10.4832831 8.16633152,9.41877716 11.114563,8.57324219 C14.549319,7.58817492 18.2608643,7.14562988 18.2608643,7.14562988 Z"
+          fill="#C1DFEF"
+        />
+        <!-- </g> -->
+      </g>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'is-warning'">
+    <svg
+      version="1.1"
+      class="has-solid"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+      data-v-a3a271aa=""
+      fill="#c27b00"
+    >
+      <path
+        class="clr-i-solid clr-i-solid-path-1"
+        d="M34.6,29.21,20.71,3.65a3.22,3.22,0,0,0-5.66,0L1.17,29.21A3.22,3.22,0,0,0,4,34H31.77a3.22,3.22,0,0,0,2.83-4.75ZM16.6,10a1.4,1.4,0,0,1,2.8,0v12a1.4,1.4,0,0,1-2.8,0ZM18,29.85a1.8,1.8,0,1,1,1.8-1.8A1.8,1.8,0,0,1,18,29.85Z"
+        data-v-a3a271aa=""
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'calendar-current-date'">
+    <svg
+      class="can-badge can-alert has-solid current-btn"
+      width="18"
+      height="18"
+      viewBox="0 0 36 36"
+      stroke="#0095d3"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      focusable="false"
+      role="img"
+      aria-labelledby="_clr_icon_210"
+      fill="#0095d3"
+      stroke-width="0"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M16.17,25.86,10.81,20.5a1,1,0,0,1,1.41-1.41L16.17,23l8.64-8.64a1,1,0,0,1,1.41,1.41Z"
+        style=""
+      ></path>
+      <path
+        class="clr-i-outline clr-i-outline-path-2"
+        d="M32.25,6H29V8h3V30H4V8H7V6H3.75A1.78,1.78,0,0,0,2,7.81V30.19A1.78,1.78,0,0,0,3.75,32h28.5A1.78,1.78,0,0,0,34,30.19V7.81A1.78,1.78,0,0,0,32.25,6Z"
+        style=""
+      ></path>
+      <path
+        class="clr-i-outline clr-i-outline-path-3"
+        d="M10,10a1,1,0,0,0,1-1V3A1,1,0,0,0,9,3V9A1,1,0,0,0,10,10Z"
+        style=""
+      ></path>
+      <path
+        class="clr-i-outline clr-i-outline-path-4"
+        d="M26,10a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V9A1,1,0,0,0,26,10Z"
+        style=""
+      ></path>
+      <rect
+        class="clr-i-outline clr-i-outline-path-5"
+        x="13"
+        y="6"
+        width="10"
+        height="2"
+        style=""
+      ></rect>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'calendar'">
+    <svg
+      width="18"
+      height="18"
+      class="can-badge can-alert has-solid"
+      viewBox="0 0 36 36"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      focusable="false"
+      role="img"
+      fill="#0095d3"
+    >
+      <path
+        class="clr-i-outline clr-i-outline-path-1"
+        d="M32.25,6H29V8h3V30H4V8H7V6H3.75A1.78,1.78,0,0,0,2,7.81V30.19A1.78,1.78,0,0,0,3.75,32h28.5A1.78,1.78,0,0,0,34,30.19V7.81A1.78,1.78,0,0,0,32.25,6Z"
+      ></path>
+      <rect
+        class="clr-i-outline clr-i-outline-path-2"
+        x="8"
+        y="14"
+        width="2"
+        height="2"
+        style="fill: blue"
+      ></rect>
+      <rect
+        class="clr-i-outline clr-i-outline-path-3"
+        x="14"
+        y="14"
+        width="2"
+        height="2"
+      ></rect>
+      <rect
+        class="clr-i-outline clr-i-outline-path-4"
+        x="20"
+        y="14"
+        width="2"
+        height="2"
+      ></rect>
+      <rect
+        class="clr-i-outline clr-i-outline-path-5"
+        x="26"
+        y="14"
+        width="2"
+        height="2"
+      ></rect>
+      <rect
+        class="clr-i-outline clr-i-outline-path-6"
+        x="8"
+        y="19"
+        width="2"
+        height="2"
+      ></rect>
+      <rect
+        class="clr-i-outline clr-i-outline-path-7"
+        x="14"
+        y="19"
+        width="2"
+        height="2"
+      ></rect>
+      <rect
+        class="clr-i-outline clr-i-outline-path-8"
+        x="20"
+        y="19"
+        width="2"
+        height="2"
+      ></rect>
+      <rect
+        class="clr-i-outline clr-i-outline-path-9"
+        x="26"
+        y="19"
+        width="2"
+        height="2"
+      ></rect>
+      <rect
+        class="clr-i-outline clr-i-outline-path-10"
+        x="8"
+        y="24"
+        width="2"
+        height="2"
+      ></rect>
+      <rect
+        class="clr-i-outline clr-i-outline-path-11"
+        x="14"
+        y="24"
+        width="2"
+        height="2"
+      ></rect>
+      <rect
+        class="clr-i-outline clr-i-outline-path-12"
+        x="20"
+        y="24"
+        width="2"
+        height="2"
+      ></rect>
+      <rect
+        class="clr-i-outline clr-i-outline-path-13"
+        x="26"
+        y="24"
+        width="2"
+        height="2"
+      ></rect>
+      <path
+        class="clr-i-outline clr-i-outline-path-14"
+        d="M10,10a1,1,0,0,0,1-1V3A1,1,0,0,0,9,3V9A1,1,0,0,0,10,10Z"
+      ></path>
+      <path
+        class="clr-i-outline clr-i-outline-path-15"
+        d="M26,10a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V9A1,1,0,0,0,26,10Z"
+      ></path>
+      <rect
+        class="clr-i-outline clr-i-outline-path-16"
+        x="13"
+        y="6"
+        width="10"
+        height="2"
+      ></rect>
+      <polygon points="21.29 6 13 6 13 8 20.14 8 21.29 6"></polygon>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'dir-zone'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      width="96"
+      height="124"
+      viewBox="0 0 96 124"
+    >
+      <defs>
+        <linearGradient
+          id="linear-gradient"
+          x1="-1947.81"
+          y1="26.92"
+          x2="-1927.2"
+          y2="47.22"
+          gradientTransform="matrix(-1, 0, 0, 1, -1894.04, 0)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.4" />
+          <stop offset="0.32" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="linear-gradient-2"
+          x1="75.2"
+          y1="17.61"
+          x2="4.5"
+          y2="88.13"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.27" stop-color="#0091da" />
+          <stop offset="0.69" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="0.9" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="illus_grad"
+          x1="-1978.87"
+          y1="81.11"
+          x2="-1949.93"
+          y2="113.57"
+          gradientTransform="matrix(-1, 0, 0, 1, -1897.93, 0)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
+          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+      <g id="Layer_6" data-name="Layer 6">
+        <rect class="cls-1" width="96" height="124" style="fill: none" />
+      </g>
+      <g id="Layer_4" data-name="Layer 4">
+        <polygon
+          class="cls-2"
+          points="31.3 39.79 50.37 20.72 69.46 20.72 50.39 39.79 31.3 39.79"
+          style="opacity: 0.5; fill: url(#linear-gradient)"
+        />
+        <polygon
+          class="cls-3"
+          points="5 75.57 52.37 28.2 76.68 28.2 29.31 75.57 5 75.57"
+          style="fill: url(#linear-gradient-2); opacity: 0.3"
+        />
+      </g>
+      <g id="Layer_2" data-name="Layer 2">
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M42,93.62H18.25l8-36a1.24,1.24,0,0,1,1.21-1H81.89a1.25,1.25,0,0,1,1,.47,1.27,1.27,0,0,1,.24,1.07L80.5,70h2l2.51-11.33a3.26,3.26,0,0,0-.63-2.76,3.21,3.21,0,0,0-2.54-1.22H27.42a3.22,3.22,0,0,0-3.16,2.52L18,85.48V46.94a1.25,1.25,0,0,1,1.25-1.25H35.31l2.58,5H73.83a1.14,1.14,0,0,1,1.25,1.1v.9h2v-.9a3.11,3.11,0,0,0-3.25-3.1H39.11l-2.59-5H19.25A3.26,3.26,0,0,0,16,46.94V95h.1a1,1,0,0,0,.12.25,1,1,0,0,0,.78.37H42Z"
+        />
+        <polygon
+          class="cls-5"
+          points="48 101.89 76.81 101.89 76.81 73.12 48 101.89"
+          style="opacity: 0.5; fill: url(#illus_grad)"
+        />
+        <rect
+          class="cls-4"
+          x="55.37"
+          y="68.7"
+          width="2"
+          height="3.09"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="60.43"
+          y="68.7"
+          width="2"
+          height="3.09"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="65.48"
+          y="68.7"
+          width="2"
+          height="3.09"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="55.37"
+          y="76.56"
+          width="2"
+          height="3.09"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="60.43"
+          y="76.56"
+          width="2"
+          height="3.09"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="65.48"
+          y="76.56"
+          width="2"
+          height="3.09"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="73.91"
+          y="78.24"
+          width="2"
+          height="1.96"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="77.84"
+          y="78.24"
+          width="2"
+          height="1.96"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="81.77"
+          y="78.24"
+          width="2"
+          height="1.96"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="73.91"
+          y="84.97"
+          width="2"
+          height="1.96"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="77.84"
+          y="84.97"
+          width="2"
+          height="1.96"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="81.77"
+          y="84.97"
+          width="2"
+          height="1.96"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="73.91"
+          y="91.71"
+          width="2"
+          height="1.96"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="77.84"
+          y="91.71"
+          width="2"
+          height="1.96"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="81.77"
+          y="91.71"
+          width="2"
+          height="1.96"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="55.37"
+          y="84.41"
+          width="2"
+          height="3.09"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="60.43"
+          y="84.41"
+          width="2"
+          height="3.09"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="65.48"
+          y="84.41"
+          width="2"
+          height="3.09"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="55.37"
+          y="92.27"
+          width="2"
+          height="3.09"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="60.43"
+          y="92.27"
+          width="2"
+          height="3.09"
+          style="fill: #0091da"
+        />
+        <rect
+          class="cls-4"
+          x="65.48"
+          y="92.27"
+          width="2"
+          height="3.09"
+          style="fill: #0091da"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M87,103l-37,0V62.51A1.52,1.52,0,0,1,51.51,61h19A1.52,1.52,0,0,1,72,62.51V101H86V74H74V72H86.49A1.52,1.52,0,0,1,88,73.51V103Zm-35-2H70V63H52Z"
+        />
+      </g>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'dir-net'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      width="96"
+      height="124"
+      viewBox="0 0 96 124"
+    >
+      <defs>
+        <linearGradient
+          id="linear-gradient"
+          x1="75.2"
+          y1="17.61"
+          x2="4.5"
+          y2="88.13"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.27" stop-color="#0091da" />
+          <stop offset="0.69" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="0.9" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="linear-gradient-2"
+          x1="-2547.81"
+          y1="26.92"
+          x2="-2527.2"
+          y2="47.22"
+          gradientTransform="matrix(-1, 0, 0, 1, -2494.04, 0)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.4" />
+          <stop offset="0.32" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+      <g id="Layer_6" data-name="Layer 6">
+        <rect class="cls-1" width="96" height="124" style="fill: none" />
+      </g>
+      <g id="Layer_4" data-name="Layer 4">
+        <polygon
+          class="cls-2"
+          points="5 75.57 52.37 28.2 76.68 28.2 29.31 75.57 5 75.57"
+          style="opacity: 0.3; fill: url(#linear-gradient)"
+        />
+        <polygon
+          class="cls-3"
+          points="31.3 39.79 50.37 20.72 69.46 20.72 50.39 39.79 31.3 39.79"
+          style="opacity: 0.5; fill: url(#linear-gradient-2)"
+        />
+      </g>
+      <g id="Layer_2" data-name="Layer 2">
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M51.55,93.94H18.25l8-36a1.24,1.24,0,0,1,1.21-1H81.89a1.25,1.25,0,0,1,1,.47,1.28,1.28,0,0,1,.24,1.07l-1.54,7a21.93,21.93,0,0,1,1.68,1.66L85.06,59a3.25,3.25,0,0,0-3.17-4H27.42a3.23,3.23,0,0,0-3.16,2.53L18,85.79V47.25A1.25,1.25,0,0,1,19.25,46H35.31l2.58,5H73.83a1.14,1.14,0,0,1,1.25,1.1V53h2v-.9A3.11,3.11,0,0,0,73.83,49H39.11l-2.59-5H19.25A3.26,3.26,0,0,0,16,47.25V95.32h.1a1.08,1.08,0,0,0,.12.24,1,1,0,0,0,.78.38H53.36A21.35,21.35,0,0,1,51.55,93.94Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M67.82,98.88A17.84,17.84,0,1,1,85.65,81.05,17.85,17.85,0,0,1,67.82,98.88Zm0-33.67A15.84,15.84,0,1,0,83.65,81.05,15.85,15.85,0,0,0,67.82,65.21Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M61.93,94.1l-.2-1.69A18,18,0,0,0,75.91,67l1.55-.71a19.73,19.73,0,0,1-9.67,26.13A19.27,19.27,0,0,1,61.93,94.1Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M51.26,79.92l-1.32-1.07a22.3,22.3,0,0,1,5.34-4.73c8.56-5.45,19.92-4.57,28.92,2.26l-1,1.35c-8.43-6.39-19-7.24-27-2.18A20.77,20.77,0,0,0,51.26,79.92Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M74.51,96.35c-10.34-4.54-16.65-14-16.06-24.18a22.49,22.49,0,0,1,1.52-7l1.59.62a21,21,0,0,0-1.42,6.44c-.54,9.43,5.37,18.27,15,22.53Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M69.64,85.75a31.76,31.76,0,0,1-12.32-2.52A32.15,32.15,0,0,1,51,79.71l1-1.38a30.56,30.56,0,0,0,6,3.34,29.63,29.63,0,0,0,17.33,1.82l.33,1.67A31.06,31.06,0,0,1,69.64,85.75Z"
+        />
+        <circle
+          class="cls-4"
+          style="fill: #0091da"
+          cx="77.18"
+          cy="66.73"
+          r="1.89"
+        />
+        <circle
+          class="cls-4"
+          style="fill: #0091da"
+          cx="59.39"
+          cy="73.11"
+          r="1.89"
+        />
+        <circle
+          class="cls-4"
+          style="fill: #0091da"
+          cx="84.2"
+          cy="76.91"
+          r="1.89"
+        />
+        <circle
+          class="cls-4"
+          style="fill: #0091da"
+          cx="62.62"
+          cy="93.09"
+          r="1.89"
+        />
+        <circle
+          class="cls-4"
+          style="fill: #0091da"
+          cx="75.74"
+          cy="84.32"
+          r="1.89"
+          transform="translate(-8.66 159.98) rotate(-89.94)"
+        />
+        <circle
+          class="cls-4"
+          style="fill: #0091da"
+          cx="75.14"
+          cy="95.61"
+          r="1.89"
+        />
+        <circle
+          class="cls-4"
+          style="fill: #0091da"
+          cx="50.97"
+          cy="78.64"
+          r="1.89"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M81.5,106H68V98.75a1,1,0,0,1,2,0V104H81.5a1,1,0,0,1,0,2Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M66,104H54.93a1,1,0,0,0,0,2H66Z"
+        />
+      </g>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'dir-ds'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      width="96"
+      height="124"
+      viewBox="0 0 96 124"
+    >
+      <defs>
+        <linearGradient
+          id="linear-gradient"
+          x1="-1647.81"
+          y1="26.92"
+          x2="-1627.2"
+          y2="47.22"
+          gradientTransform="matrix(-1, 0, 0, 1, -1594.04, 0)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.4" />
+          <stop offset="0.32" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="linear-gradient-2"
+          x1="75.2"
+          y1="17.61"
+          x2="4.5"
+          y2="88.13"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.27" stop-color="#0091da" />
+          <stop offset="0.69" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="0.9" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="illus_grad"
+          x1="74.36"
+          y1="81.78"
+          x2="74.36"
+          y2="112.8"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
+          <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+      <g id="Layer_6" data-name="Layer 6">
+        <rect class="cls-1" width="96" height="124" style="fill: none" />
+        <rect class="cls-1" width="96" height="124" style="fill: none" />
+      </g>
+      <g id="Layer_4" data-name="Layer 4">
+        <polygon
+          class="cls-2"
+          style="opacity: 0.5; fill: url(#linear-gradient)"
+          points="31.3 39.79 50.37 20.72 69.46 20.72 50.39 39.79 31.3 39.79"
+        />
+        <polygon
+          class="cls-3"
+          style="opacity: 0.3; fill: url(#linear-gradient-2)"
+          points="5 75.57 52.37 28.2 76.68 28.2 29.31 75.57 5 75.57"
+        />
+      </g>
+      <g id="Layer_2" data-name="Layer 2">
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M44.32,93.62H18.25l8-36a1.24,1.24,0,0,1,1.21-1H81.89a1.25,1.25,0,0,1,1,.47,1.27,1.27,0,0,1,.24,1.07l-.81,3.65a18.77,18.77,0,0,1,1.88.77l.88-4a3.26,3.26,0,0,0-.63-2.76,3.21,3.21,0,0,0-2.54-1.22H27.42a3.22,3.22,0,0,0-3.16,2.52L18,85.48V46.94a1.25,1.25,0,0,1,1.25-1.25H35.31l2.58,5H73.83a1.14,1.14,0,0,1,1.25,1.1v.9h2v-.9a3.11,3.11,0,0,0-3.25-3.1H39.11l-2.59-5H19.25A3.26,3.26,0,0,0,16,46.94V95h.1a1,1,0,0,0,.12.25,1,1,0,0,0,.78.37H44.32Z"
+        />
+        <path
+          class="cls-5"
+          style="opacity: 0.5; fill: url(#illus_grad)"
+          d="M70.82,77.22c-1.54,0-3-.08-4.45-.22v26.78l3.2,0,12.79-1.2v-27A36.84,36.84,0,0,1,70.82,77.22Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M70,105.08c-8.25,0-17-2.47-17-7V68.75C53,64.39,61.79,62,70,62s17,2.35,17,6.71V98C87,102.61,78.28,105.08,70,105.08Zm0-41c-9.3,0-15,2.74-15,4.71V98c0,2.38,6.41,5,15,5s15-2.66,15-5V68.75C85,66.78,79.33,64,70,64Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M85,88.67c0,2-5.71,4.74-15,4.74a33.1,33.1,0,0,1-11-1.62v2.09a37.36,37.36,0,0,0,11,1.53c8.24,0,17-2.36,17-6.74Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M85,79.19c0,2-5.71,4.75-15,4.75a33.06,33.06,0,0,1-11-1.63v2.1a37.69,37.69,0,0,0,11,1.53c8.24,0,17-2.37,17-6.75Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M85,68.42c0,2-5.71,4.72-15,4.72a33.4,33.4,0,0,1-11-1.61v2.09a37.7,37.7,0,0,0,11,1.52c8.24,0,17-2.35,17-6.72Z"
+        />
+      </g>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'dir-vm'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      width="96"
+      height="124"
+      viewBox="0 0 96 124"
+    >
+      <defs>
+        <linearGradient
+          id="linear-gradient"
+          x1="-2247.81"
+          y1="26.92"
+          x2="-2227.2"
+          y2="47.22"
+          gradientTransform="matrix(-1, 0, 0, 1, -2194.04, 0)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.4" />
+          <stop offset="0.32" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="linear-gradient-2"
+          x1="75.2"
+          y1="17.61"
+          x2="4.5"
+          y2="88.13"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.27" stop-color="#0091da" />
+          <stop offset="0.69" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="0.9" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+      <g id="Layer_6" data-name="Layer 6">
+        <rect class="cls-1" width="96" height="124" style="fill: none" />
+      </g>
+      <g id="Layer_4" data-name="Layer 4">
+        <polygon
+          class="cls-2"
+          style="opacity: 0.5; fill: url(#linear-gradient)"
+          points="31.3 39.79 50.37 20.72 69.46 20.72 50.39 39.79 31.3 39.79"
+        />
+        <polygon
+          class="cls-3"
+          style="opacity: 0.3; fill: url(#linear-gradient-2)"
+          points="5 75.57 52.37 28.2 76.68 28.2 29.31 75.57 5 75.57"
+        />
+      </g>
+      <g id="Layer_2" data-name="Layer 2">
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M86.69,100.84V69.35a2,2,0,0,1,2,2v29.46a2,2,0,0,1-2,2H57.32a2,2,0,0,1-2-2Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M75.21,97.7a1,1,0,0,1-2,0V89.32a2,2,0,0,1,2-2Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M73.79,98.7H53.19a2,2,0,0,1-2-2V67.22a2,2,0,0,1,2-2H82.56a2,2,0,0,1,2,2V87.93A2,2,0,0,1,84,89.36l-8.77,8.75A2,2,0,0,1,73.79,98.7ZM53.19,67.2l0,29.48,20.62,0h0l8.77-8.76V67.22Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M62.39,79.06a1,1,0,0,1-1-1V71.71a1,1,0,0,1,1-1h9.47a1,1,0,0,1,1,1V75.1a1,1,0,0,1-2,0V72.71H63.39v5.35A1,1,0,0,1,62.39,79.06Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M76.77,85.78H69.4a1,1,0,0,1,0-2h6.37V76.29H68.31v2a1,1,0,0,1-2,0v-3a1,1,0,0,1,1-1h9.46a1,1,0,0,1,1,1v9.49A1,1,0,0,1,76.77,85.78Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M69.38,88.72H59.91a1,1,0,0,1-1-1V78.23a1,1,0,0,1,1-1h9.47a1,1,0,0,1,1,1v9.49A1,1,0,0,1,69.38,88.72Zm-8.47-2h7.47V79.23H60.91Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M84.43,55.91a3.21,3.21,0,0,0-2.54-1.22H27.42a3.22,3.22,0,0,0-3.16,2.52L18,85.48V46.94a1.25,1.25,0,0,1,1.25-1.25H35.31l2.58,5H73.83a1.14,1.14,0,0,1,1.25,1.1v.9h2v-.9a3.11,3.11,0,0,0-3.25-3.1H39.11l-2.59-5H19.25A3.26,3.26,0,0,0,16,46.94V95h.1a1,1,0,0,0,.12.25,1,1,0,0,0,.78.37H45.27v-2h-27l8-36a1.24,1.24,0,0,1,1.21-1H81.89a1.25,1.25,0,0,1,1,.47,1.27,1.27,0,0,1,.24,1.07L82,63.16h2l1-4.49A3.26,3.26,0,0,0,84.43,55.91Z"
+        />
+      </g>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'dir-vm'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      width="96"
+      height="124"
+      viewBox="0 0 96 124"
+    >
+      <defs>
+        <linearGradient
+          id="linear-gradient"
+          x1="-2247.81"
+          y1="26.92"
+          x2="-2227.2"
+          y2="47.22"
+          gradientTransform="matrix(-1, 0, 0, 1, -2194.04, 0)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.15" stop-color="#0091da" stop-opacity="0.4" />
+          <stop offset="0.32" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="1" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="linear-gradient-2"
+          x1="75.2"
+          y1="17.61"
+          x2="4.5"
+          y2="88.13"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.27" stop-color="#0091da" />
+          <stop offset="0.69" stop-color="#0091da" stop-opacity="0.32" />
+          <stop offset="0.9" stop-color="#0091da" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+      <g id="Layer_6" data-name="Layer 6">
+        <rect class="cls-1" width="96" height="124" style="fill: none" />
+      </g>
+      <g id="Layer_4" data-name="Layer 4">
+        <polygon
+          class="cls-2"
+          style="opacity: 0.5; fill: url(#linear-gradient)"
+          points="31.3 39.79 50.37 20.72 69.46 20.72 50.39 39.79 31.3 39.79"
+        />
+        <polygon
+          class="cls-3"
+          style="opacity: 0.3; fill: url(#linear-gradient-2)"
+          points="5 75.57 52.37 28.2 76.68 28.2 29.31 75.57 5 75.57"
+        />
+      </g>
+      <g id="Layer_2" data-name="Layer 2">
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M86.69,100.84V69.35a2,2,0,0,1,2,2v29.46a2,2,0,0,1-2,2H57.32a2,2,0,0,1-2-2Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M75.21,97.7a1,1,0,0,1-2,0V89.32a2,2,0,0,1,2-2Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M73.79,98.7H53.19a2,2,0,0,1-2-2V67.22a2,2,0,0,1,2-2H82.56a2,2,0,0,1,2,2V87.93A2,2,0,0,1,84,89.36l-8.77,8.75A2,2,0,0,1,73.79,98.7ZM53.19,67.2l0,29.48,20.62,0h0l8.77-8.76V67.22Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M62.39,79.06a1,1,0,0,1-1-1V71.71a1,1,0,0,1,1-1h9.47a1,1,0,0,1,1,1V75.1a1,1,0,0,1-2,0V72.71H63.39v5.35A1,1,0,0,1,62.39,79.06Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M76.77,85.78H69.4a1,1,0,0,1,0-2h6.37V76.29H68.31v2a1,1,0,0,1-2,0v-3a1,1,0,0,1,1-1h9.46a1,1,0,0,1,1,1v9.49A1,1,0,0,1,76.77,85.78Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M69.38,88.72H59.91a1,1,0,0,1-1-1V78.23a1,1,0,0,1,1-1h9.47a1,1,0,0,1,1,1v9.49A1,1,0,0,1,69.38,88.72Zm-8.47-2h7.47V79.23H60.91Z"
+        />
+        <path
+          class="cls-4"
+          style="fill: #0091da"
+          d="M84.43,55.91a3.21,3.21,0,0,0-2.54-1.22H27.42a3.22,3.22,0,0,0-3.16,2.52L18,85.48V46.94a1.25,1.25,0,0,1,1.25-1.25H35.31l2.58,5H73.83a1.14,1.14,0,0,1,1.25,1.1v.9h2v-.9a3.11,3.11,0,0,0-3.25-3.1H39.11l-2.59-5H19.25A3.26,3.26,0,0,0,16,46.94V95h.1a1,1,0,0,0,.12.25,1,1,0,0,0,.78.37H45.27v-2h-27l8-36a1.24,1.24,0,0,1,1.21-1H81.89a1.25,1.25,0,0,1,1,.47,1.27,1.27,0,0,1,.24,1.07L82,63.16h2l1-4.49A3.26,3.26,0,0,0,84.43,55.91Z"
+        />
+      </g>
+    </svg>
+  </template>
+</template>
+<script setup lang="ts">
+const props = defineProps<{
+  name: string | undefined
+}>()
+</script>
+<style scoped lang="scss">
+%cls1 {
+  opacity: 0.3;
+  fill: url(#illus_grad);
+}
+.icon {
+  .cls-1 {
+    fill: none;
+  }
+  &__obj-network {
+    .cls-2 {
+      opacity: 0.3;
+      fill: url(#linear-gradient);
+    }
+    .cls-3 {
+      opacity: 0.4;
+      fill: url(#linear-gradient-2);
+    }
+    .cls-4 {
+      fill: #0091da;
+    }
+  }
+}
+.icon-obj-zone {
+  .cls-2 {
+    fill: #78be20;
+  }
+  .cls-3 {
+    fill: #edb200;
+  }
+}
+.icon-obj-dc {
+  .cls-2 {
+    @extend %cls1;
+  }
+  .cls-3 {
+    opacity: 0.5;
+    fill: url(#illus_grad-2);
+  }
+  .cls-4 {
+    fill: #0091da;
+  }
+}
+.icon-obj-host {
+  .cls-1 {
+    @extend %cls1;
+  }
+  .cls-2 {
+    opacity: 0.5;
+    fill: url(#linear-gradient);
+  }
+  .cls-3 {
+    fill: #0091da;
+  }
+}
+.icon-obj-ds {
+  .cls-2 {
+    opacity: 0.5;
+    fill: url(#illus_grad);
+  }
+  .cls-3 {
+    fill: #0091da;
+  }
+}
+#error-icon-outline {
+  fill: none;
+  stroke: #f54f47;
+  stroke-miterlimit: 10;
+  stroke-width: 2;
+}
+#error-icon-line {
+  fill: none;
+  stroke: #f54f47;
+  animation-fill-mode: forwards;
+  stroke-dasharray: 7;
+  stroke-dashoffset: 0;
+  stroke-linecap: round;
+  stroke-width: 2.65;
+  stroke-miterlimit: 10;
+}
+#error-icon-dot {
+  fill: #f54f47;
+  transform-origin: 50% 54%;
+}
+.icon-obj-cluster {
+  .cls-2,
+  .cls-3 {
+    opacity: 0.5;
+  }
+  .cls-2 {
+    fill: url(#illus_grad);
+  }
+  .cls-3 {
+    fill: url(#illus_grad-2);
+  }
+  .cls-4 {
+    fill: #0091da;
+  }
+}
+.icon-obj-rp {
+  .cls-1 {
+    fill: none;
+  }
+  .cls-2 {
+    opacity: 0.3;
+    fill: url(#linear-gradient);
+  }
+  .cls-3 {
+    opacity: 0.5;
+    fill: url(#illus_grad);
+  }
+  .cls-4,
+  .cls-5 {
+    fill: #0091da;
+  }
+  .cls-5 {
+    opacity: 0.2;
+  }
+}
+</style>