npm - bfg-common - Versions diffs - 1.2.20 → 1.2.21 - Mend

bfg-common 1.2.20 → 1.2.21

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

package/components/atoms/TheIcon2.vue CHANGED Viewed

@@ -1,355 +1,355 @@
-<template>
-  <template v-if="props.name === 'help-info'">
-    <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="M25.39,25.45a1,1,0,0,0-1.38.29c-1.41,2.16-4,4.81-6.31,5.7s-4.12.57-4.84,0c-.31-.27-1.12-1-.43-3.49.46-1.66,3.32-9.48,4-11.38l-2.18.28c-.69,1.86-3.29,8.84-3.76,10.58-.68,2.49-.34,4.3,1.09,5.56A5.59,5.59,0,0,0,15,34a9.53,9.53,0,0,0,3.45-.7c2.79-1.09,5.72-4.12,7.26-6.47A1,1,0,0,0,25.39,25.45Z"
-        class="clr-i-outline clr-i-outline-path-1"
-      ></path>
-      <path
-        d="M19.3,11a4.5,4.5,0,1,0-4.5-4.5A4.5,4.5,0,0,0,19.3,11Zm0-7a2.5,2.5,0,1,1-2.5,2.5A2.5,2.5,0,0,1,19.3,4Z"
-        class="clr-i-outline clr-i-outline-path-2"
-      ></path>
-      <path
-        d="M11.81,15c.06,0,6.27-.82,7.73-1,.65-.1,1.14,0,1.3.15s.21.8-.07,1.68c-.61,1.86-3.69,11-4.59,13.71a8,8,0,0,0,1.29-.38,7.32,7.32,0,0,0,1.15-.6C19.85,25,22.15,18.1,22.67,16.52s.39-2.78-.3-3.6a3.16,3.16,0,0,0-3.08-.83c-1.43.15-7.47.94-7.73,1a1,1,0,0,0,.26,2Z"
-        class="clr-i-outline clr-i-outline-path-3"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'eye'">
-    <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="M33.62,17.53c-3.37-6.23-9.28-10-15.82-10S5.34,11.3,2,17.53L1.72,18l.26.48c3.37,6.23,9.28,10,15.82,10s12.46-3.72,15.82-10l.26-.48ZM17.8,26.43C12.17,26.43,7,23.29,4,18c3-5.29,8.17-8.43,13.8-8.43S28.54,12.72,31.59,18C28.54,23.29,23.42,26.43,17.8,26.43Z"
-        class="clr-i-outline clr-i-outline-path-1"
-      ></path>
-      <path
-        d="M18.09,11.17A6.86,6.86,0,1,0,25,18,6.86,6.86,0,0,0,18.09,11.17Zm0,11.72A4.86,4.86,0,1,1,23,18,4.87,4.87,0,0,1,18.09,22.89Z"
-        class="clr-i-outline clr-i-outline-path-2"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'eye-closed'">
-    <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="M25.19,20.4A6.78,6.78,0,0,0,25.62,18a6.86,6.86,0,0,0-6.86-6.86,6.79,6.79,0,0,0-2.37.43L18,13.23a4.78,4.78,0,0,1,.74-.06A4.87,4.87,0,0,1,23.62,18a4.79,4.79,0,0,1-.06.74Z"
-        class="clr-i-outline clr-i-outline-path-1"
-      ></path>
-      <path
-        d="M34.29,17.53c-3.37-6.23-9.28-10-15.82-10a16.82,16.82,0,0,0-5.24.85L14.84,10a14.78,14.78,0,0,1,3.63-.47c5.63,0,10.75,3.14,13.8,8.43a17.75,17.75,0,0,1-4.37,5.1l1.42,1.42a19.93,19.93,0,0,0,5-6l.26-.48Z"
-        class="clr-i-outline clr-i-outline-path-2"
-      ></path>
-      <path
-        d="M4.87,5.78l4.46,4.46a19.52,19.52,0,0,0-6.69,7.29L2.38,18l.26.48c3.37,6.23,9.28,10,15.82,10a16.93,16.93,0,0,0,7.37-1.69l5,5,1.75-1.5-26-26Zm9.75,9.75,6.65,6.65a4.81,4.81,0,0,1-2.5.72A4.87,4.87,0,0,1,13.9,18,4.81,4.81,0,0,1,14.62,15.53Zm-1.45-1.45a6.85,6.85,0,0,0,9.55,9.55l1.6,1.6a14.91,14.91,0,0,1-5.86,1.2c-5.63,0-10.75-3.14-13.8-8.43a17.29,17.29,0,0,1,6.12-6.3Z"
-        class="clr-i-outline clr-i-outline-path-3"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'is-success'">
-    <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
-        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
-        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"
-        fill="white"
-      ></path>
-      <path
-        d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2ZM28.45,12.63,15.31,25.76,7.55,18a1.4,1.4,0,0,1,2-2l5.78,5.78L26.47,10.65a1.4,1.4,0,1,1,2,2Z"
-        fill="#2e8500"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'drag'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      class="aivmw-color-theme"
-      viewBox="-1 -1 38 38"
-    >
-      <circle
-        cx="15"
-        cy="12"
-        r="1.5"
-        class="aiclr-i-outline aiclr-i-outline-path-1"
-      />
-      <circle
-        cx="15"
-        cy="24"
-        r="1.5"
-        class="aiclr-i-outline aiclr-i-outline-path-2"
-      />
-      <circle
-        cx="21"
-        cy="12"
-        r="1.5"
-        class="aiclr-i-outline aiclr-i-outline-path-3"
-      />
-      <circle
-        cx="21"
-        cy="24"
-        r="1.5"
-        class="aiclr-i-outline aiclr-i-outline-path-4"
-      />
-      <circle
-        cx="21"
-        cy="18"
-        r="1.5"
-        class="aiclr-i-outline aiclr-i-outline-path-5"
-      />
-      <circle
-        cx="15"
-        cy="18"
-        r="1.5"
-        class="aiclr-i-outline aiclr-i-outline-path-6"
-      />
-      <path fill-opacity="0" d="M0 0h36v36H0z" />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'happy-face'">
-    <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
-        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>
-      <circle
-        cx="10.89"
-        cy="13.89"
-        r="2"
-        class="clr-i-outline clr-i-outline-path-2"
-      ></circle>
-      <circle
-        cx="25.05"
-        cy="13.89"
-        r="2"
-        class="clr-i-outline clr-i-outline-path-3"
-      ></circle>
-      <path
-        d="M18.13,28.21a8.67,8.67,0,0,0,8.26-6H9.87A8.67,8.67,0,0,0,18.13,28.21Z"
-        class="clr-i-outline clr-i-outline-path-4"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'warning-standart'">
-    <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-3"
-        d="M15.0620782,1.681196 C15.6298819,0.649266355 16.7109091,0.0102219396 17.885,0.0102219396 C19.0590909,0.0102219396 20.1401181,0.649266355 20.7086433,1.68252129 L34.598644,27.2425225 C35.1407746,28.2401397 35.1174345,29.4495373 34.5372161,30.4254943 C33.9569977,31.4014514 32.905671,31.9996984 31.77,32 L4.02239323,31.9997492 C2.87409009,32.0254699 1.79902843,31.4375753 1.20106335,30.4569126 C0.603098265,29.4762499 0.572777899,28.2513179 1.12207818,27.241196 L15.0620782,1.681196 Z M2.87850767,28.1977282 C2.67060966,28.5800376 2.6820975,29.0441423 2.9086557,29.4156977 C3.1352139,29.7872532 3.5425354,30.0099959 4,30 L31.7697344,30 C32.1999191,29.9998858 32.5982478,29.7732208 32.8180821,29.4034482 C33.0379164,29.0336757 33.0467595,28.5754567 32.8413567,28.1974787 L18.9538739,2.64208195 C18.7394236,2.25234436 18.3298419,2.01022194 17.885,2.01022194 C17.4406889,2.01022194 17.0315538,2.25176692 16.8168946,2.64068753 L2.87850767,28.1977282 Z"
-      ></path>
-      <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"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'heart'">
-    <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
-        d="M18,32.43a1,1,0,0,1-.61-.21C11.83,27.9,8,24.18,5.32,20.51,1.9,15.82,1.12,11.49,3,7.64c1.34-2.75,5.19-5,9.69-3.69A9.87,9.87,0,0,1,18,7.72a9.87,9.87,0,0,1,5.31-3.77c4.49-1.29,8.35.94,9.69,3.69,1.88,3.85,1.1,8.18-2.32,12.87C28,24.18,24.17,27.9,18.61,32.22A1,1,0,0,1,18,32.43ZM10.13,5.58A5.9,5.9,0,0,0,4.8,8.51c-1.55,3.18-.85,6.72,2.14,10.81A57.13,57.13,0,0,0,18,30.16,57.13,57.13,0,0,0,29.06,19.33c3-4.1,3.69-7.64,2.14-10.81-1-2-4-3.59-7.34-2.65a8,8,0,0,0-4.94,4.2,1,1,0,0,1-1.85,0,7.93,7.93,0,0,0-4.94-4.2A7.31,7.31,0,0,0,10.13,5.58Z"
-        class="clr-i-outline clr-i-outline-path-1"
-      ></path>
-      <path
-        d="M33,7.64c-1.34-2.75-5.2-5-9.69-3.69A9.87,9.87,0,0,0,18,7.72a9.87,9.87,0,0,0-5.31-3.77C8.19,2.66,4.34,4.89,3,7.64c-1.88,3.85-1.1,8.18,2.32,12.87C8,24.18,11.83,27.9,17.39,32.22a1,1,0,0,0,1.23,0c5.55-4.31,9.39-8,12.07-11.71C34.1,15.82,34.88,11.49,33,7.64Z"
-        class="clr-i-solid clr-i-solid-path-1"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'lightbulb'">
-    <svg
-      version="1.1"
-      class="can-badge 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,2.25a11,11,0,0,0-11,11,10.68,10.68,0,0,0,1,4.63,16.36,16.36,0,0,0,1.12,1.78,17,17,0,0,1,2,3.47,16.19,16.19,0,0,1,.59,4h2A18.17,18.17,0,0,0,13,22.44a18.46,18.46,0,0,0-2.22-3.92,15.79,15.79,0,0,1-1-1.54A8.64,8.64,0,0,1,9,13.23a9,9,0,0,1,18.07,0A8.64,8.64,0,0,1,26.21,17a15.79,15.79,0,0,1-1,1.54A18.46,18.46,0,0,0,23,22.44a18.17,18.17,0,0,0-.71,4.71h2a16.19,16.19,0,0,1,.59-4,17,17,0,0,1,2-3.47A16.31,16.31,0,0,0,28,17.86a10.68,10.68,0,0,0,1-4.63A11,11,0,0,0,18,2.25Z"
-        class="clr-i-outline clr-i-outline-path-1"
-      ></path>
-      <path
-        d="M23.86,29.15H12.11a.8.8,0,1,0,0,1.6H23.86a.8.8,0,0,0,0-1.6Z"
-        class="clr-i-solid clr-i-solid-path-1"
-      ></path>
-      <path
-        d="M22,32.15H14a.8.8,0,1,0,0,1.6H22a.8.8,0,1,0,0-1.6Z"
-        class="clr-i-solid clr-i-solid-path-2"
-      ></path>
-      <path
-        d="M18,2.25a11,11,0,0,0-11,11,10.68,10.68,0,0,0,1,4.63,16.36,16.36,0,0,0,1.12,1.78,17,17,0,0,1,2,3.47,16.19,16.19,0,0,1,.59,4h5.69V21.61l-2.86-3.13,3-3a.8.8,0,0,1,1.13,1.13l-1.89,1.89L19,21v6.17H24.3a16.19,16.19,0,0,1,.59-4,17,17,0,0,1,2-3.47A16.31,16.31,0,0,0,28,17.86a10.68,10.68,0,0,0,1-4.63A11,11,0,0,0,18,2.25ZM18.45,12l-2.73,2.73a.8.8,0,1,1-1.13-1.13l2.73-2.73A.8.8,0,1,1,18.45,12Z"
-        class="clr-i-solid clr-i-solid-path-3"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'pop-out'">
-    <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 === 'check'">
-    <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="M13.72,27.69,3.29,17.27a1,1,0,0,1,1.41-1.41l9,9L31.29,7.29a1,1,0,0,1,1.41,1.41Z"
-      ></path>
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'edit'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="18"
-      height="18"
-      viewBox="-1 -1 38 38"
-      y="1064"
-      fill="#565656"
-    >
-      <path
-        d="M33.87 8.32L28 2.42a2.07 2.07 0 00-2.92 0L4.27 23.2l-1.9 8.2a2.06 2.06 0 002 2.5 2.14 2.14 0 00.43 0l8.29-1.9 20.78-20.76a2.07 2.07 0 000-2.92zM12.09 30.2l-7.77 1.63 1.77-7.62L21.66 8.7l6 6zM29 13.25l-6-6 3.48-3.46 5.9 6z"
-      />
-      <path opacity="0" d="M0 0h36v36H0z" />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'semi-circle-arrow'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="38"
-      height="38"
-      viewBox="-1 -1 38 38"
-      fill="#565656"
-    >
-      <path
-        d="M24 4.22a1 1 0 00-1.41 1.42l5.56 5.49h-13A11 11 0 0010.07 32a1 1 0 00.93-1.82 9 9 0 01-5-8 9.08 9.08 0 019.13-9h13l-5.54 5.48A1 1 0 0024 20l8-7.91z"
-      />
-      <path opacity="0" d="M0 0h36v36H0z" />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'add-networking'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="#565656"
-      width="38"
-      height="38"
-      viewBox="-1 -1 38 38"
-      y="190"
-    >
-      <path fill="none" d="M0 0h36v36H0z" />
-      <path fill="#565656" d="M27 32H9a1 1 0 000 2h18a1 1 0 000-2z" />
-      <path fill="#59a011" d="M36 6h-6V0h-4v6h-6v4h6v6h4v-6h6V6z" />
-      <path
-        fill="#565656"
-        d="M29.51 19.44a16.63 16.63 0 01-2.82-.1 19.53 19.53 0 01-2-.37 2.71 2.71 0 00-.16-.75c.06-.07.1-.15.16-.22H24v-1.81c-.19.29-.37.58-.58.86a2.27 2.27 0 00-2.62.45 16 16 0 01-6.35-6 2.24 2.24 0 00.43-1.32A16.66 16.66 0 0118 9.44V7.79a18.64 18.64 0 00-3.69.85A2.24 2.24 0 0013 7.93a14.13 14.13 0 01-.47-2.5A12.11 12.11 0 0118 4.09V4h6v-.54a14.28 14.28 0 00-2-.78 14 14 0 109.42 17.42 15.1 15.1 0 00.45-2.1h-2a11.66 11.66 0 01-.36 1.44zM11 6.37a15.89 15.89 0 00.42 1.91 2.26 2.26 0 00-1 1.88 2.29 2.29 0 000 .37 17.75 17.75 0 00-4.3 3.9A12 12 0 0111 6.37zM9.67 23.53a5.45 5.45 0 01-1.07-.07 11.91 11.91 0 01-2.52-6.16 16 16 0 015.17-5.44 2.34 2.34 0 001.41.51 2 2 0 00.49-.06 17.81 17.81 0 007 6.64v.1a2.31 2.31 0 00.25 1 16.51 16.51 0 01-6.45 3 2.24 2.24 0 00-4.33.43zM18 28.09a12 12 0 01-6.54-1.95h.42A2.27 2.27 0 0014 24.8a18 18 0 007.67-3.63 2.3 2.3 0 00.82.16 2.25 2.25 0 001.75-.84 16.23 16.23 0 002.29.44 17.92 17.92 0 002.31.15h.1A12 12 0 0118 28.09z"
-      />
-      <path fill="#59a011" d="M36 6h-6V0h-4v6h-6v4h6v6h4v-6h6V6z" />
-    </svg>
-  </template>
-  <template v-else-if="props.name === 'refresh-network'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="#565656"
-      width="38"
-      height="38"
-      viewBox="-1 -1 38 38"
-      y="342"
-    >
-      <path
-        d="M15 26a1 1 0 00-1 1 5 5 0 11-5-5h3l-1.1 1.13a1 1 0 101.41 1.41l2.83-2.83a1 1 0 000-1.41l-2.83-2.83a1 1 0 10-1.41 1.41L12 20H9a7 7 0 107 7 1 1 0 00-1-1zM6 26.79v.42z"
-      />
-      <path fill="none" d="M0 0h36v36H0z" />
-      <path
-        d="M18 2.09A14 14 0 004.38 19.28a8.91 8.91 0 011.86-.84c-.07-.36-.13-.72-.17-1.09a16 16 0 015.17-5.44 2.27 2.27 0 001.41.51 2.63 2.63 0 00.49-.06A17.74 17.74 0 0020.2 19v.1a2.32 2.32 0 00.25 1 16.13 16.13 0 01-3.2 1.9 3.14 3.14 0 01-.69 1.11l-.94.93a4 4 0 01.49.15 18.14 18.14 0 005.52-3 2.22 2.22 0 00.82.16 2.26 2.26 0 001.75-.84 17.16 17.16 0 002.29.44 17.92 17.92 0 002.31.15h.1a12 12 0 01-10.9 7h-.07a8.68 8.68 0 01-.48 2H18a14 14 0 000-28zm-7.61 8.07a2.21 2.21 0 000 .37 17.92 17.92 0 00-4.3 3.9A12 12 0 0111 6.37a15.48 15.48 0 00.42 1.91 2.25 2.25 0 00-1.03 1.88zM13 7.93a14.72 14.72 0 01-.47-2.5A12 12 0 0126.57 7.7v1a18.38 18.38 0 00-12.22-.07 2.28 2.28 0 00-1.35-.7zm10.45 9.12a2.23 2.23 0 00-1-.23 2.27 2.27 0 00-1.62.68 16 16 0 01-6.35-6 2.24 2.24 0 00.43-1.32 16.76 16.76 0 017.48-.77 17.27 17.27 0 013.93 1 15.66 15.66 0 01-2.9 6.64zm3.27 2.29a18.39 18.39 0 01-2-.37 2.57 2.57 0 00-.16-.75A17.4 17.4 0 0027.83 11q.68.33 1.32.72a11.87 11.87 0 01.85 4.37 12 12 0 01-.49 3.35 16.59 16.59 0 01-2.82-.1z"
-      />
-    </svg>
-  </template>
-</template>
-<script setup lang="ts">
-const props = defineProps<{
-  name: string | undefined
-}>()
-</script>
-<style scoped lang="scss"></style>
+<template>
+  <template v-if="props.name === 'help-info'">
+    <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="M25.39,25.45a1,1,0,0,0-1.38.29c-1.41,2.16-4,4.81-6.31,5.7s-4.12.57-4.84,0c-.31-.27-1.12-1-.43-3.49.46-1.66,3.32-9.48,4-11.38l-2.18.28c-.69,1.86-3.29,8.84-3.76,10.58-.68,2.49-.34,4.3,1.09,5.56A5.59,5.59,0,0,0,15,34a9.53,9.53,0,0,0,3.45-.7c2.79-1.09,5.72-4.12,7.26-6.47A1,1,0,0,0,25.39,25.45Z"
+        class="clr-i-outline clr-i-outline-path-1"
+      ></path>
+      <path
+        d="M19.3,11a4.5,4.5,0,1,0-4.5-4.5A4.5,4.5,0,0,0,19.3,11Zm0-7a2.5,2.5,0,1,1-2.5,2.5A2.5,2.5,0,0,1,19.3,4Z"
+        class="clr-i-outline clr-i-outline-path-2"
+      ></path>
+      <path
+        d="M11.81,15c.06,0,6.27-.82,7.73-1,.65-.1,1.14,0,1.3.15s.21.8-.07,1.68c-.61,1.86-3.69,11-4.59,13.71a8,8,0,0,0,1.29-.38,7.32,7.32,0,0,0,1.15-.6C19.85,25,22.15,18.1,22.67,16.52s.39-2.78-.3-3.6a3.16,3.16,0,0,0-3.08-.83c-1.43.15-7.47.94-7.73,1a1,1,0,0,0,.26,2Z"
+        class="clr-i-outline clr-i-outline-path-3"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'eye'">
+    <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="M33.62,17.53c-3.37-6.23-9.28-10-15.82-10S5.34,11.3,2,17.53L1.72,18l.26.48c3.37,6.23,9.28,10,15.82,10s12.46-3.72,15.82-10l.26-.48ZM17.8,26.43C12.17,26.43,7,23.29,4,18c3-5.29,8.17-8.43,13.8-8.43S28.54,12.72,31.59,18C28.54,23.29,23.42,26.43,17.8,26.43Z"
+        class="clr-i-outline clr-i-outline-path-1"
+      ></path>
+      <path
+        d="M18.09,11.17A6.86,6.86,0,1,0,25,18,6.86,6.86,0,0,0,18.09,11.17Zm0,11.72A4.86,4.86,0,1,1,23,18,4.87,4.87,0,0,1,18.09,22.89Z"
+        class="clr-i-outline clr-i-outline-path-2"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'eye-closed'">
+    <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="M25.19,20.4A6.78,6.78,0,0,0,25.62,18a6.86,6.86,0,0,0-6.86-6.86,6.79,6.79,0,0,0-2.37.43L18,13.23a4.78,4.78,0,0,1,.74-.06A4.87,4.87,0,0,1,23.62,18a4.79,4.79,0,0,1-.06.74Z"
+        class="clr-i-outline clr-i-outline-path-1"
+      ></path>
+      <path
+        d="M34.29,17.53c-3.37-6.23-9.28-10-15.82-10a16.82,16.82,0,0,0-5.24.85L14.84,10a14.78,14.78,0,0,1,3.63-.47c5.63,0,10.75,3.14,13.8,8.43a17.75,17.75,0,0,1-4.37,5.1l1.42,1.42a19.93,19.93,0,0,0,5-6l.26-.48Z"
+        class="clr-i-outline clr-i-outline-path-2"
+      ></path>
+      <path
+        d="M4.87,5.78l4.46,4.46a19.52,19.52,0,0,0-6.69,7.29L2.38,18l.26.48c3.37,6.23,9.28,10,15.82,10a16.93,16.93,0,0,0,7.37-1.69l5,5,1.75-1.5-26-26Zm9.75,9.75,6.65,6.65a4.81,4.81,0,0,1-2.5.72A4.87,4.87,0,0,1,13.9,18,4.81,4.81,0,0,1,14.62,15.53Zm-1.45-1.45a6.85,6.85,0,0,0,9.55,9.55l1.6,1.6a14.91,14.91,0,0,1-5.86,1.2c-5.63,0-10.75-3.14-13.8-8.43a17.29,17.29,0,0,1,6.12-6.3Z"
+        class="clr-i-outline clr-i-outline-path-3"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'is-success'">
+    <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
+        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
+        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"
+        fill="white"
+      ></path>
+      <path
+        d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2ZM28.45,12.63,15.31,25.76,7.55,18a1.4,1.4,0,0,1,2-2l5.78,5.78L26.47,10.65a1.4,1.4,0,1,1,2,2Z"
+        fill="#2e8500"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'drag'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      class="aivmw-color-theme"
+      viewBox="-1 -1 38 38"
+    >
+      <circle
+        cx="15"
+        cy="12"
+        r="1.5"
+        class="aiclr-i-outline aiclr-i-outline-path-1"
+      />
+      <circle
+        cx="15"
+        cy="24"
+        r="1.5"
+        class="aiclr-i-outline aiclr-i-outline-path-2"
+      />
+      <circle
+        cx="21"
+        cy="12"
+        r="1.5"
+        class="aiclr-i-outline aiclr-i-outline-path-3"
+      />
+      <circle
+        cx="21"
+        cy="24"
+        r="1.5"
+        class="aiclr-i-outline aiclr-i-outline-path-4"
+      />
+      <circle
+        cx="21"
+        cy="18"
+        r="1.5"
+        class="aiclr-i-outline aiclr-i-outline-path-5"
+      />
+      <circle
+        cx="15"
+        cy="18"
+        r="1.5"
+        class="aiclr-i-outline aiclr-i-outline-path-6"
+      />
+      <path fill-opacity="0" d="M0 0h36v36H0z" />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'happy-face'">
+    <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
+        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>
+      <circle
+        cx="10.89"
+        cy="13.89"
+        r="2"
+        class="clr-i-outline clr-i-outline-path-2"
+      ></circle>
+      <circle
+        cx="25.05"
+        cy="13.89"
+        r="2"
+        class="clr-i-outline clr-i-outline-path-3"
+      ></circle>
+      <path
+        d="M18.13,28.21a8.67,8.67,0,0,0,8.26-6H9.87A8.67,8.67,0,0,0,18.13,28.21Z"
+        class="clr-i-outline clr-i-outline-path-4"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'warning-standart'">
+    <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-3"
+        d="M15.0620782,1.681196 C15.6298819,0.649266355 16.7109091,0.0102219396 17.885,0.0102219396 C19.0590909,0.0102219396 20.1401181,0.649266355 20.7086433,1.68252129 L34.598644,27.2425225 C35.1407746,28.2401397 35.1174345,29.4495373 34.5372161,30.4254943 C33.9569977,31.4014514 32.905671,31.9996984 31.77,32 L4.02239323,31.9997492 C2.87409009,32.0254699 1.79902843,31.4375753 1.20106335,30.4569126 C0.603098265,29.4762499 0.572777899,28.2513179 1.12207818,27.241196 L15.0620782,1.681196 Z M2.87850767,28.1977282 C2.67060966,28.5800376 2.6820975,29.0441423 2.9086557,29.4156977 C3.1352139,29.7872532 3.5425354,30.0099959 4,30 L31.7697344,30 C32.1999191,29.9998858 32.5982478,29.7732208 32.8180821,29.4034482 C33.0379164,29.0336757 33.0467595,28.5754567 32.8413567,28.1974787 L18.9538739,2.64208195 C18.7394236,2.25234436 18.3298419,2.01022194 17.885,2.01022194 C17.4406889,2.01022194 17.0315538,2.25176692 16.8168946,2.64068753 L2.87850767,28.1977282 Z"
+      ></path>
+      <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"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'heart'">
+    <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
+        d="M18,32.43a1,1,0,0,1-.61-.21C11.83,27.9,8,24.18,5.32,20.51,1.9,15.82,1.12,11.49,3,7.64c1.34-2.75,5.19-5,9.69-3.69A9.87,9.87,0,0,1,18,7.72a9.87,9.87,0,0,1,5.31-3.77c4.49-1.29,8.35.94,9.69,3.69,1.88,3.85,1.1,8.18-2.32,12.87C28,24.18,24.17,27.9,18.61,32.22A1,1,0,0,1,18,32.43ZM10.13,5.58A5.9,5.9,0,0,0,4.8,8.51c-1.55,3.18-.85,6.72,2.14,10.81A57.13,57.13,0,0,0,18,30.16,57.13,57.13,0,0,0,29.06,19.33c3-4.1,3.69-7.64,2.14-10.81-1-2-4-3.59-7.34-2.65a8,8,0,0,0-4.94,4.2,1,1,0,0,1-1.85,0,7.93,7.93,0,0,0-4.94-4.2A7.31,7.31,0,0,0,10.13,5.58Z"
+        class="clr-i-outline clr-i-outline-path-1"
+      ></path>
+      <path
+        d="M33,7.64c-1.34-2.75-5.2-5-9.69-3.69A9.87,9.87,0,0,0,18,7.72a9.87,9.87,0,0,0-5.31-3.77C8.19,2.66,4.34,4.89,3,7.64c-1.88,3.85-1.1,8.18,2.32,12.87C8,24.18,11.83,27.9,17.39,32.22a1,1,0,0,0,1.23,0c5.55-4.31,9.39-8,12.07-11.71C34.1,15.82,34.88,11.49,33,7.64Z"
+        class="clr-i-solid clr-i-solid-path-1"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'lightbulb'">
+    <svg
+      version="1.1"
+      class="can-badge 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,2.25a11,11,0,0,0-11,11,10.68,10.68,0,0,0,1,4.63,16.36,16.36,0,0,0,1.12,1.78,17,17,0,0,1,2,3.47,16.19,16.19,0,0,1,.59,4h2A18.17,18.17,0,0,0,13,22.44a18.46,18.46,0,0,0-2.22-3.92,15.79,15.79,0,0,1-1-1.54A8.64,8.64,0,0,1,9,13.23a9,9,0,0,1,18.07,0A8.64,8.64,0,0,1,26.21,17a15.79,15.79,0,0,1-1,1.54A18.46,18.46,0,0,0,23,22.44a18.17,18.17,0,0,0-.71,4.71h2a16.19,16.19,0,0,1,.59-4,17,17,0,0,1,2-3.47A16.31,16.31,0,0,0,28,17.86a10.68,10.68,0,0,0,1-4.63A11,11,0,0,0,18,2.25Z"
+        class="clr-i-outline clr-i-outline-path-1"
+      ></path>
+      <path
+        d="M23.86,29.15H12.11a.8.8,0,1,0,0,1.6H23.86a.8.8,0,0,0,0-1.6Z"
+        class="clr-i-solid clr-i-solid-path-1"
+      ></path>
+      <path
+        d="M22,32.15H14a.8.8,0,1,0,0,1.6H22a.8.8,0,1,0,0-1.6Z"
+        class="clr-i-solid clr-i-solid-path-2"
+      ></path>
+      <path
+        d="M18,2.25a11,11,0,0,0-11,11,10.68,10.68,0,0,0,1,4.63,16.36,16.36,0,0,0,1.12,1.78,17,17,0,0,1,2,3.47,16.19,16.19,0,0,1,.59,4h5.69V21.61l-2.86-3.13,3-3a.8.8,0,0,1,1.13,1.13l-1.89,1.89L19,21v6.17H24.3a16.19,16.19,0,0,1,.59-4,17,17,0,0,1,2-3.47A16.31,16.31,0,0,0,28,17.86a10.68,10.68,0,0,0,1-4.63A11,11,0,0,0,18,2.25ZM18.45,12l-2.73,2.73a.8.8,0,1,1-1.13-1.13l2.73-2.73A.8.8,0,1,1,18.45,12Z"
+        class="clr-i-solid clr-i-solid-path-3"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'pop-out'">
+    <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 === 'check'">
+    <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="M13.72,27.69,3.29,17.27a1,1,0,0,1,1.41-1.41l9,9L31.29,7.29a1,1,0,0,1,1.41,1.41Z"
+      ></path>
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'edit'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="18"
+      height="18"
+      viewBox="-1 -1 38 38"
+      y="1064"
+      fill="#565656"
+    >
+      <path
+        d="M33.87 8.32L28 2.42a2.07 2.07 0 00-2.92 0L4.27 23.2l-1.9 8.2a2.06 2.06 0 002 2.5 2.14 2.14 0 00.43 0l8.29-1.9 20.78-20.76a2.07 2.07 0 000-2.92zM12.09 30.2l-7.77 1.63 1.77-7.62L21.66 8.7l6 6zM29 13.25l-6-6 3.48-3.46 5.9 6z"
+      />
+      <path opacity="0" d="M0 0h36v36H0z" />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'semi-circle-arrow'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="38"
+      height="38"
+      viewBox="-1 -1 38 38"
+      fill="#565656"
+    >
+      <path
+        d="M24 4.22a1 1 0 00-1.41 1.42l5.56 5.49h-13A11 11 0 0010.07 32a1 1 0 00.93-1.82 9 9 0 01-5-8 9.08 9.08 0 019.13-9h13l-5.54 5.48A1 1 0 0024 20l8-7.91z"
+      />
+      <path opacity="0" d="M0 0h36v36H0z" />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'add-networking'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="#565656"
+      width="38"
+      height="38"
+      viewBox="-1 -1 38 38"
+      y="190"
+    >
+      <path fill="none" d="M0 0h36v36H0z" />
+      <path fill="#565656" d="M27 32H9a1 1 0 000 2h18a1 1 0 000-2z" />
+      <path fill="#59a011" d="M36 6h-6V0h-4v6h-6v4h6v6h4v-6h6V6z" />
+      <path
+        fill="#565656"
+        d="M29.51 19.44a16.63 16.63 0 01-2.82-.1 19.53 19.53 0 01-2-.37 2.71 2.71 0 00-.16-.75c.06-.07.1-.15.16-.22H24v-1.81c-.19.29-.37.58-.58.86a2.27 2.27 0 00-2.62.45 16 16 0 01-6.35-6 2.24 2.24 0 00.43-1.32A16.66 16.66 0 0118 9.44V7.79a18.64 18.64 0 00-3.69.85A2.24 2.24 0 0013 7.93a14.13 14.13 0 01-.47-2.5A12.11 12.11 0 0118 4.09V4h6v-.54a14.28 14.28 0 00-2-.78 14 14 0 109.42 17.42 15.1 15.1 0 00.45-2.1h-2a11.66 11.66 0 01-.36 1.44zM11 6.37a15.89 15.89 0 00.42 1.91 2.26 2.26 0 00-1 1.88 2.29 2.29 0 000 .37 17.75 17.75 0 00-4.3 3.9A12 12 0 0111 6.37zM9.67 23.53a5.45 5.45 0 01-1.07-.07 11.91 11.91 0 01-2.52-6.16 16 16 0 015.17-5.44 2.34 2.34 0 001.41.51 2 2 0 00.49-.06 17.81 17.81 0 007 6.64v.1a2.31 2.31 0 00.25 1 16.51 16.51 0 01-6.45 3 2.24 2.24 0 00-4.33.43zM18 28.09a12 12 0 01-6.54-1.95h.42A2.27 2.27 0 0014 24.8a18 18 0 007.67-3.63 2.3 2.3 0 00.82.16 2.25 2.25 0 001.75-.84 16.23 16.23 0 002.29.44 17.92 17.92 0 002.31.15h.1A12 12 0 0118 28.09z"
+      />
+      <path fill="#59a011" d="M36 6h-6V0h-4v6h-6v4h6v6h4v-6h6V6z" />
+    </svg>
+  </template>
+  <template v-else-if="props.name === 'refresh-network'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="#565656"
+      width="38"
+      height="38"
+      viewBox="-1 -1 38 38"
+      y="342"
+    >
+      <path
+        d="M15 26a1 1 0 00-1 1 5 5 0 11-5-5h3l-1.1 1.13a1 1 0 101.41 1.41l2.83-2.83a1 1 0 000-1.41l-2.83-2.83a1 1 0 10-1.41 1.41L12 20H9a7 7 0 107 7 1 1 0 00-1-1zM6 26.79v.42z"
+      />
+      <path fill="none" d="M0 0h36v36H0z" />
+      <path
+        d="M18 2.09A14 14 0 004.38 19.28a8.91 8.91 0 011.86-.84c-.07-.36-.13-.72-.17-1.09a16 16 0 015.17-5.44 2.27 2.27 0 001.41.51 2.63 2.63 0 00.49-.06A17.74 17.74 0 0020.2 19v.1a2.32 2.32 0 00.25 1 16.13 16.13 0 01-3.2 1.9 3.14 3.14 0 01-.69 1.11l-.94.93a4 4 0 01.49.15 18.14 18.14 0 005.52-3 2.22 2.22 0 00.82.16 2.26 2.26 0 001.75-.84 17.16 17.16 0 002.29.44 17.92 17.92 0 002.31.15h.1a12 12 0 01-10.9 7h-.07a8.68 8.68 0 01-.48 2H18a14 14 0 000-28zm-7.61 8.07a2.21 2.21 0 000 .37 17.92 17.92 0 00-4.3 3.9A12 12 0 0111 6.37a15.48 15.48 0 00.42 1.91 2.25 2.25 0 00-1.03 1.88zM13 7.93a14.72 14.72 0 01-.47-2.5A12 12 0 0126.57 7.7v1a18.38 18.38 0 00-12.22-.07 2.28 2.28 0 00-1.35-.7zm10.45 9.12a2.23 2.23 0 00-1-.23 2.27 2.27 0 00-1.62.68 16 16 0 01-6.35-6 2.24 2.24 0 00.43-1.32 16.76 16.76 0 017.48-.77 17.27 17.27 0 013.93 1 15.66 15.66 0 01-2.9 6.64zm3.27 2.29a18.39 18.39 0 01-2-.37 2.57 2.57 0 00-.16-.75A17.4 17.4 0 0027.83 11q.68.33 1.32.72a11.87 11.87 0 01.85 4.37 12 12 0 01-.49 3.35 16.59 16.59 0 01-2.82-.1z"
+      />
+    </svg>
+  </template>
+</template>
+<script setup lang="ts">
+const props = defineProps<{
+  name: string | undefined
+}>()
+</script>
+<style scoped lang="scss"></style>