@blockspoon/cert-badge-renderer 1.0.15 → 1.0.17

package/dist/templates/icons/IconContainer4.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createIconContainer4 = createIconContainer4;
-function createIconContainer4({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
-    return `
-    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
-      <svg
-        width="100%"
-        height="100%"
-        viewBox="0 0 1041 699"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        preserveAspectRatio="xMidYMid meet"
-        style="width: 100%; height: 100%; max-width: 100%; max-height: 100%; z-index: 1; mix-blend-mode: normal; pointer-events: none; display: block;"
-      >
-        <rect
-          x="0.742188"
-          y="0.314453"
-          width="1040"
-          height="698"
-          rx="12"
-          fill="${mainColor}"
-        />
-      </svg>
-    </div>
-  `;
-}

package/dist/templates/icons/IconContainer5.d.ts

@@ -1,2 +0,0 @@
-import { ISvgProps } from "../../interface";
-export declare function createIconContainer5({ mainColor, subColor, }: ISvgProps): string;

package/dist/templates/icons/IconContainer5.js

@@ -1,310 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createIconContainer5 = createIconContainer5;
-function createIconContainer5({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
-    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
-    const paintId1 = `paint1_linear_${Math.random().toString(36).substr(2, 9)}`;
-    const paintId2 = `paint2_linear_${Math.random().toString(36).substr(2, 9)}`;
-    const paintId3 = `paint3_linear_${Math.random().toString(36).substr(2, 9)}`;
-    const paintId4 = `paint4_linear_${Math.random().toString(36).substr(2, 9)}`;
-    const paintId5 = `paint5_linear_${Math.random().toString(36).substr(2, 9)}`;
-    const paintId6 = `paint6_linear_${Math.random().toString(36).substr(2, 9)}`;
-    const paintId7 = `paint7_linear_${Math.random().toString(36).substr(2, 9)}`;
-    const paintId8 = `paint8_linear_${Math.random().toString(36).substr(2, 9)}`;
-    const paintId9 = `paint9_linear_${Math.random().toString(36).substr(2, 9)}`;
-    const paintId10 = `paint10_linear_${Math.random().toString(36).substr(2, 9)}`;
-    return `
-    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
-      <svg
-        width="100%"
-        height="100%"
-        viewBox="0 0 1152 815"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        preserveAspectRatio="xMidYMid meet"
-        style="width: 100%; height: 100%; max-width: 100%; max-height: 100%; z-index: 1; mix-blend-mode: normal; pointer-events: none;"
-      >
-        <g clip-path="url(#clip0_2618_652)">
-          <rect
-            width="1152"
-            height="814"
-            transform="translate(0 0.537109)"
-            fill="white"
-          />
-          <rect
-            x="-270.808"
-            y="154.618"
-            width="646.418"
-            height="238.403"
-            transform="rotate(-30 -270.808 154.618)"
-            stroke="url(#${paintId0})"
-            stroke-width="1.36817"
-          />
-          <rect
-            x="368.195"
-            y="28.8785"
-            width="370.181"
-            height="83.8251"
-            transform="rotate(-30 368.195 28.8785)"
-            stroke="url(#${paintId1})"
-            stroke-width="5.47268"
-          />
-          <rect
-            x="-248.917"
-            y="91.6801"
-            width="646.418"
-            height="238.403"
-            transform="rotate(-30 -248.917 91.6801)"
-            stroke="url(#${paintId2})"
-            stroke-width="1.36817"
-          />
-          <rect
-            x="-210.541"
-            y="115.074"
-            width="370.181"
-            height="133.572"
-            transform="rotate(-30 -210.541 115.074)"
-            stroke="url(#${paintId3})"
-            stroke-width="5.47268"
-          />
-          <rect
-            x="543.255"
-            y="952.26"
-            width="646.418"
-            height="238.403"
-            transform="rotate(-30 543.255 952.26)"
-            stroke="url(#${paintId4})"
-            stroke-width="1.36817"
-          />
-          <rect
-            x="763.53"
-            y="894.795"
-            width="646.418"
-            height="238.403"
-            transform="rotate(-30 763.53 894.795)"
-            stroke="url(#${paintId5})"
-            stroke-width="1.36817"
-          />
-          <rect
-            x="814.22"
-            y="759.482"
-            width="370.181"
-            height="133.572"
-            transform="rotate(-30 814.22 759.482)"
-            stroke="url(#${paintId6})"
-            stroke-width="5.47268"
-          />
-          <g filter="url(#filter0_d_2618_652)">
-            <rect
-              x="77"
-              y="72.5371"
-              width="998"
-              height="670"
-              rx="8"
-              fill="white"
-            />
-          </g>
-          <path
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M1050.39 72.5371H1025.78V98.5175H77V123.13H1025.78V742.537H1050.39V123.13H1075V98.5175H1050.39V72.5371Z"
-            fill="url(#${paintId7})"
-          />
-          <rect
-            x="-49.9336"
-            y="738.834"
-            width="173.758"
-            height="173.758"
-            transform="rotate(-45 -49.9336 738.834)"
-            stroke="url(#${paintId8})"
-            stroke-width="4.10451"
-          />
-          <rect
-            x="11.6348"
-            y="636.51"
-            width="87.0954"
-            height="87.0954"
-            transform="rotate(-45 11.6348 636.51)"
-            stroke="url(#${paintId9})"
-            stroke-width="4.10451"
-          />
-          <rect
-            x="160.766"
-            y="738.412"
-            width="88.0261"
-            height="88.0261"
-            transform="rotate(-45 160.766 738.412)"
-            stroke="url(#${paintId10})"
-            stroke-width="4.10451"
-          />
-        </g>
-        <defs>
-          <filter
-            id="filter0_d_2618_652"
-            x="53"
-            y="48.5371"
-            width="1046"
-            height="718"
-            filterUnits="userSpaceOnUse"
-            color-interpolation-filters="sRGB"
-          >
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
-            <feColorMatrix
-              in="SourceAlpha"
-              type="matrix"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-              result="hardAlpha"
-            />
-            <feOffset />
-            <feGaussianBlur stdDeviation="12" />
-            <feComposite in2="hardAlpha" operator="out" />
-            <feColorMatrix
-              type="matrix"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
-            />
-            <feBlend
-              mode="normal"
-              in2="BackgroundImageFix"
-              result="effect1_dropShadow_2618_652"
-            />
-            <feBlend
-              mode="normal"
-              in="SourceGraphic"
-              in2="effect1_dropShadow_2618_652"
-              result="shape"
-            />
-          </filter>
-          <linearGradient
-            id="${paintId0}"
-            x1="888.375"
-            y1="354.582"
-            x2="-88.0072"
-            y2="297.203"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop offset="0.0001" stop-color="${mainColor}" />
-            <stop offset="1" stop-color="${subColor}" />
-          </linearGradient>
-          <linearGradient
-            id="${paintId1}"
-            x1="1037.21"
-            y1="102.443"
-            x2="473.768"
-            y2="50.8841"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop offset="0.0001" stop-color="${mainColor}" />
-            <stop offset="1" stop-color="${subColor}" />
-          </linearGradient>
-          <linearGradient
-            id="${paintId2}"
-            x1="910.265"
-            y1="291.645"
-            x2="-66.1166"
-            y2="234.265"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop offset="0.0001" stop-color="${mainColor}" />
-            <stop offset="1" stop-color="${subColor}" />
-          </linearGradient>
-          <linearGradient
-            id="${paintId3}"
-            x1="458.477"
-            y1="230.178"
-            x2="-107.731"
-            y2="196.903"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop offset="0.0001" stop-color="${mainColor}" />
-            <stop offset="1" stop-color="${subColor}" />
-          </linearGradient>
-          <linearGradient
-            id="${paintId4}"
-            x1="1702.44"
-            y1="1152.22"
-            x2="726.055"
-            y2="1094.85"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop offset="0.0001" stop-color="${mainColor}" />
-            <stop offset="1" stop-color="${subColor}" />
-          </linearGradient>
-          <linearGradient
-            id="${paintId5}"
-            x1="1922.71"
-            y1="1094.76"
-            x2="946.331"
-            y2="1037.38"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop offset="0.0001" stop-color="${mainColor}" />
-            <stop offset="1" stop-color="${subColor}" />
-          </linearGradient>
-          <linearGradient
-            id="${paintId6}"
-            x1="1483.24"
-            y1="874.586"
-            x2="917.031"
-            y2="841.311"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop offset="0.0001" stop-color="${mainColor}" />
-            <stop offset="1" stop-color="${subColor}" />
-          </linearGradient>
-          <linearGradient
-            id="${paintId7}"
-            x1="465.947"
-            y1="-81.9731"
-            x2="844.746"
-            y2="860.77"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop stop-color="${mainColor}" />
-            <stop offset="1" stop-color="${subColor}" />
-          </linearGradient>
-          <linearGradient
-            id="${paintId8}"
-            x1="125.1"
-            y1="738.908"
-            x2="-52.9096"
-            y2="916.917"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop stop-color="${subColor}" />
-            <stop offset="1" stop-color="${mainColor}" />
-          </linearGradient>
-          <linearGradient
-            id="${paintId9}"
-            x1="99.9701"
-            y1="636.548"
-            x2="8.69467"
-            y2="727.823"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop stop-color="${subColor}" />
-            <stop offset="1" stop-color="${mainColor}" />
-          </linearGradient>
-          <linearGradient
-            id="${paintId10}"
-            x1="250.032"
-            y1="738.45"
-            x2="157.825"
-            y2="830.657"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop stop-color="${subColor}" />
-            <stop offset="1" stop-color="${mainColor}" />
-          </linearGradient>
-          <clipPath id="clip0_2618_652">
-            <rect
-              width="1152"
-              height="814"
-              fill="white"
-              transform="translate(0 0.537109)"
-            />
-          </clipPath>
-        </defs>
-      </svg>
-    </div>
-  `;
-}

package/dist/templates/icons/IconDonut.d.ts

@@ -1,2 +0,0 @@
-import { ISvgProps } from "../../interface";
-export declare function createIconDonut({ mainColor, subColor, }: ISvgProps): string;

package/dist/templates/icons/IconDonut.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createIconDonut = createIconDonut;
-function createIconDonut({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
-    return `
-    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
-      <svg
-        width="100%"
-        height="100%"
-        viewBox="0 0 196 196"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        preserveAspectRatio="xMidYMid meet"
-        style="width: 100%; height: 100%; max-width: 100%; max-height: 100%; z-index: 1; mix-blend-mode: normal; pointer-events: none; display: block;"
-      >
-        <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
-          d="M97.7422 195.211C151.59 195.211 195.242 151.559 195.242 97.7109C195.242 43.8632 151.59 0.210938 97.7422 0.210938C43.8944 0.210938 0.242188 43.8632 0.242188 97.7109C0.242188 151.559 43.8944 195.211 97.7422 195.211ZM97.7422 152.211C127.842 152.211 152.242 127.81 152.242 97.7109C152.242 67.6114 127.842 43.2109 97.7422 43.2109C67.6427 43.2109 43.2422 67.6114 43.2422 97.7109C43.2422 127.81 67.6427 152.211 97.7422 152.211Z"
-          fill="${mainColor}"
-        />
-      </svg>
-    </div>
-  `;
-}

package/dist/templates/icons/IconEllipse1.d.ts

@@ -1,2 +0,0 @@
-import { ISvgProps } from "../../interface";
-export declare function createIconEllipse1({ mainColor, subColor, }: ISvgProps): string;

package/dist/templates/icons/IconEllipse1.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createIconEllipse1 = createIconEllipse1;
-function createIconEllipse1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
-    const paintId0 = `paint0_radial_${Math.random().toString(36).substr(2, 9)}`;
-    return `
-    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
-      <svg
-        width="100%"
-        height="100%"
-        viewBox="0 0 595 595"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        preserveAspectRatio="xMidYMid meet"
-        style="width: 100%; height: 100%; max-width: 100%; max-height: 100%; z-index: 1; mix-blend-mode: normal; pointer-events: none; display: block;"
-      >
-        <circle
-          cx="297.256"
-          cy="297.229"
-          r="297"
-          fill="url(#${paintId0})"
-        />
-        <defs>
-          <radialGradient
-            id="${paintId0}"
-            cx="0"
-            cy="0"
-            r="1"
-            gradientUnits="userSpaceOnUse"
-            gradientTransform="translate(297.256 297.229) rotate(90) scale(297)"
-          >
-            <stop stop-color="${mainColor}" stop-opacity="0.4" />
-            <stop offset="1" stop-color="${subColor}" stop-opacity="0" />
-          </radialGradient>
-        </defs>
-      </svg>
-    </div>
-  `;
-}

package/dist/templates/icons/IconEllipse2.d.ts

@@ -1,2 +0,0 @@
-import { ISvgProps } from "../../interface";
-export declare function createIconEllipse2({ mainColor, subColor, }: ISvgProps): string;

package/dist/templates/icons/IconEllipse2.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createIconEllipse2 = createIconEllipse2;
-function createIconEllipse2({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
-    const paintId0 = `paint0_radial_${Math.random().toString(36).substr(2, 9)}`;
-    return `
-    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
-      <svg
-        width="100%"
-        height="100%"
-        viewBox="0 0 750 595"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        preserveAspectRatio="xMidYMid meet"
-        style="width: 100%; height: 100%; max-width: 100%; max-height: 100%; z-index: 1; mix-blend-mode: normal; pointer-events: none; display: block;"
-      >
-        <ellipse
-          cx="374.756"
-          cy="297.378"
-          rx="374.5"
-          ry="297"
-          fill="url(#${paintId0})"
-        />
-        <defs>
-          <radialGradient
-            id="${paintId0}"
-            cx="0"
-            cy="0"
-            r="1"
-            gradientUnits="userSpaceOnUse"
-            gradientTransform="translate(374.756 297.378) rotate(90) scale(297 374.5)"
-          >
-            <stop stop-color="${mainColor}" stop-opacity="0.2" />
-            <stop offset="1" stop-color="${subColor}" stop-opacity="0" />
-          </radialGradient>
-        </defs>
-      </svg>
-    </div>
-  `;
-}

package/dist/templates/icons/IconFrame1.d.ts

@@ -1,2 +0,0 @@
-import { ISvgProps } from "../../interface";
-export declare function createIconFrame1({ mainColor, subColor, }: ISvgProps): string;

package/dist/templates/icons/IconFrame1.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createIconFrame1 = createIconFrame1;
-function createIconFrame1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
-    return `
-    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
-      <svg
-        width="100%"
-        height="100%"
-        viewBox="0 0 212 130"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        preserveAspectRatio="xMidYMid meet"
-        style="width: 100%; height: 100%; max-width: 100%; max-height: 100%; z-index: 1; mix-blend-mode: normal;"
-      >
-        <path
-          d="M0.242188 42.2109V0.210938H211.742V129.711H181.242V42.2109H0.242188Z"
-          fill="${mainColor}"
-        />
-      </svg>
-    </div>
-  `;
-}

package/dist/templates/icons/IconFrame2.d.ts

@@ -1,2 +0,0 @@
-import { ISvgProps } from "../../interface";
-export declare function createIconFrame2({ mainColor, subColor, }: ISvgProps): string;

package/dist/templates/icons/IconFrame2.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createIconFrame2 = createIconFrame2;
-function createIconFrame2({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
-    return `
-    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
-      <svg
-        width="100%"
-        height="100%"
-        viewBox="0 0 128 77"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        preserveAspectRatio="xMidYMid meet"
-        style="width: 100%; height: 100%; max-width: 100%; max-height: 100%; z-index: 1; mix-blend-mode: normal; pointer-events: none; display: block;"
-      >
-        <path
-          d="M127.242 0.210938H0.242188C32.2422 29.4109 43.2422 63.0443 44.7422 76.2109H127.242V0.210938Z"
-          fill="${mainColor}"
-        />
-      </svg>
-    </div>
-  `;
-}

package/dist/templates/icons/IconFrame3.d.ts

@@ -1,2 +0,0 @@
-import { ISvgProps } from "../../interface";
-export declare function createIconFrame3({ mainColor, subColor, }: ISvgProps): string;

package/dist/templates/icons/IconFrame3.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createIconFrame3 = createIconFrame3;
-function createIconFrame3({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
-    return `
-    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
-      <svg
-        width="100%"
-        height="100%"
-        viewBox="0 0 464 136"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        preserveAspectRatio="xMidYMid meet"
-        style="width: 100%; height: 100%; max-width: 100%; max-height: 100%; z-index: 1; mix-blend-mode: normal;"
-      >
-        <path
-          d="M463.462 135.974H0.242188V0.210938H463.462V135.974Z"
-          fill="${mainColor}"
-        />
-      </svg>
-    </div>
-  `;
-}

package/dist/templates/icons/IconFrame4.d.ts

@@ -1,2 +0,0 @@
-import { ISvgProps } from "../../interface";
-export declare function createIconFrame4({ mainColor, subColor, }: ISvgProps): string;

package/dist/templates/icons/IconFrame4.js

@@ -1,84 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createIconFrame4 = createIconFrame4;
-function createIconFrame4({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
-    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
-    const paintId1 = `paint1_linear_${Math.random().toString(36).substr(2, 9)}`;
-    const paintId2 = `paint2_linear_${Math.random().toString(36).substr(2, 9)}`;
-    return `
-    <div style="width: 100%; height: 100%; isolation: isolate; display: flex; align-items: center; justify-content: center; will-change: transform, contents; transform: translateZ(0); backface-visibility: hidden;">
-      <svg
-        width="100%"
-        height="100%"
-        viewBox="0 0 342 294"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        preserveAspectRatio="xMidYMid meet"
-        style="width: 100%; height: 100%; max-width: 100%; max-height: 100%; z-index: 1; mix-blend-mode: normal;"
-      >
-        <rect
-          x="3.02928"
-          y="167.733"
-          width="173.758"
-          height="173.758"
-          transform="rotate(-45 3.02928 167.733)"
-          stroke="url(#${paintId0})"
-          stroke-width="4.10451"
-        />
-        <rect
-          x="64.5976"
-          y="65.4092"
-          width="87.0954"
-          height="87.0954"
-          transform="rotate(-45 64.5976 65.4092)"
-          stroke="url(#${paintId1})"
-          stroke-width="4.10451"
-        />
-        <rect
-          x="213.729"
-          y="167.312"
-          width="88.0261"
-          height="88.0261"
-          transform="rotate(-45 213.729 167.312)"
-          stroke="url(#${paintId2})"
-          stroke-width="4.10451"
-        />
-        <defs>
-          <linearGradient
-            id="${paintId0}"
-            x1="178.063"
-            y1="167.807"
-            x2="0.0533184"
-            y2="345.817"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop stop-color="${subColor}" />
-            <stop offset="1" stop-color="${mainColor}" />
-          </linearGradient>
-          <linearGradient
-            id="${paintId1}"
-            x1="152.933"
-            y1="65.4469"
-            x2="61.6576"
-            y2="156.722"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop stop-color="${subColor}" />
-            <stop offset="1" stop-color="${mainColor}" />
-          </linearGradient>
-          <linearGradient
-            id="${paintId2}"
-            x1="302.995"
-            y1="167.35"
-            x2="210.788"
-            y2="259.557"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop stop-color="${subColor}" />
-            <stop offset="1" stop-color="${mainColor}" />
-          </linearGradient>
-        </defs>
-      </svg>
-    </div>
-  `;
-}

package/dist/templates/icons/IconGear.d.ts

@@ -1,2 +0,0 @@
-import { ISvgProps } from "../../interface";
-export declare function createIconGear({ mainColor, subColor, }: ISvgProps): string;