npm - bfg-common - Versions diffs - 1.3.59 → 1.3.61 - Mend

bfg-common 1.3.59 → 1.3.61

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

package/assets/scss/common/icons/icons-2.scss +222 -222
package/components/atoms/TheIcon.vue +695 -0
package/components/atoms/switch/Switch.vue +107 -107
package/components/common/browse/blocks/Title.vue +66 -66
package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/Table.vue +137 -137
package/components/common/pages/Tasks.vue +120 -120
package/components/common/recursionTree/RecursionTree.vue +203 -203
package/components/common/vm/actions/clone/Clone.vue +518 -518
package/composables/useAppVersion.ts +21 -21
package/composables/useEnvLanguage.ts +20 -20
package/composables/useLocal.ts +38 -38
package/lib/models/store/tasks/interfaces.ts +108 -108
package/lib/models/table/interfaces.ts +38 -38
package/lib/utils/sendTask.ts +72 -72
package/minify.js +146 -146
package/package.json +1 -1
package/public/spice-console/application/codec.js +257 -257
package/public/spice-console/lib/rasterEngine.js +907 -907
package/public/spice-console/network/spicechannel.js +369 -369
package/store/main/lib/interfaces.ts +9 -9
package/store/tasks/actions.ts +133 -133
package/store/tasks/getters.ts +25 -25
package/store/tasks/lib/models/interfaces.ts +18 -18
package/store/tasks/mutations.ts +58 -58
package/store/tasks/state.ts +16 -16

package/components/atoms/TheIcon.vue CHANGED Viewed

@@ -930,6 +930,7 @@
       width="96"
       height="124"
       viewBox="0 0 96 124"
+      class="icon icon-obj-rp"
     >
       <defs>
         <linearGradient
@@ -1618,6 +1619,680 @@
       <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">
@@ -1746,4 +2421,24 @@ const props = defineProps<{
     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>