@vitrosoftware/common-ui-ts 1.1.85 → 1.1.87

package/css/std/common.css

@@ -1,5 +1,59 @@
+@import url('@vitrosoftware/common-ui-ts/css/third-party/bootstrap/bootstrap.min.css');
 @import url('@vitrosoftware/common-ui-ts/css/third-party/kendo/kendo.css');
 
+@font-face {
+    font-family: InterLight;
+    src: local('Inter-Light.ttf'), url(@vitrosoftware/common-ui-ts/css/std/fonts/Inter-Light.ttf);
+}
+
+@font-face {
+    font-family: InterRegular;
+    src: local('Inter-Regular.ttf'), url(@vitrosoftware/common-ui-ts/css/std/fonts/Inter-Regular.ttf);
+}
+
+@font-face {
+    font-family: InterMedium;
+    src: local('Inter-Medium.ttf'), url(@vitrosoftware/common-ui-ts/css/std/fonts/Inter-Medium.ttf);
+}
+
+@font-face {
+    font-family: InterSemiBold;
+    src: local('Inter-SemiBold.ttf'), url(@vitrosoftware/common-ui-ts/css/std/fonts/Inter-SemiBold.ttf);
+}
+
+@supports (-webkit-touch-callout: none) {
+    body {
+        height: -webkit-fill-available;
+    }
+}
+
+html {
+    min-width: 320px;
+}
+
+body {
+    overflow: hidden;
+    font-family: 'InterRegular', sans-serif !important;
+    font-size: 14px !important;
+    line-height: 16px;
+}
+
+body, input, textarea {
+    color: #222d44;
+}
+
+input, textarea {
+    outline: none;
+}
+
+a {
+    text-decoration: none !important;
+}
+
+:focus {
+    outline: none;
+}
+
 html, body {
     overscroll-behavior-x: none;
 }

package/css/std/controls/action-handler/action-handler-info.css

@@ -68,7 +68,7 @@
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.50488 11.4965L8.00022 8.00119L11.4955 11.4965M11.4955 4.50586L7.99955 8.00119L4.50488 4.50586' stroke='%23999B9D' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/cancel-dark-grey.svg');
 }
 
 .vitro-success,

package/css/std/controls/action-handler/action-handler.css

@@ -31,28 +31,23 @@
 }
 
 .vitro-icon-before {
-    /* question.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='help-question'%3E%3Cpath id='Vector' d='M21.0005 36.751C29.6993 36.751 36.751 29.6993 36.751 21.0005C36.751 12.3017 29.6993 5.25 21.0005 5.25C12.3017 5.25 5.25 12.3017 5.25 21.0005C5.25 29.6993 12.3017 36.751 21.0005 36.751Z' stroke='%234A556C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M16.7656 16.7561C16.7656 15.9174 17.0146 15.0976 17.4809 14.4002C17.9473 13.7029 18.6102 13.1594 19.3858 12.8384C20.1613 12.5175 21.0147 12.4335 21.838 12.5971C22.6614 12.7607 23.4177 13.1646 24.0112 13.7576C24.6048 14.3507 25.0091 15.1063 25.1728 15.9289C25.3366 16.7514 25.2526 17.6041 24.9313 18.3789C24.6101 19.1538 24.066 19.816 23.3681 20.282C22.6701 20.7479 21.8495 20.9966 21.01 20.9966V23.8236' stroke='%23222D44' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='Group 2567'%3E%3Cpath id='Vector_3' d='M21.0042 29.3835C20.6697 29.3835 20.3984 29.1122 20.3984 28.7777C20.3984 28.4431 20.6697 28.1719 21.0042 28.1719' stroke='%23222D44' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_4' d='M21 29.3835C21.3346 29.3835 21.6058 29.1122 21.6058 28.7777C21.6058 28.4431 21.3346 28.1719 21 28.1719' stroke='%23222D44' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/question.svg');
 }
 
 .vitro-icon-progress {
-    /* preloader.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' style='margin: auto; background-image: none; display: block; shape-rendering: auto; background-position: initial initial; background-repeat: initial initial;' class='ng-star-inserted'%3E%3Cg transform='rotate(0 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23347FDE'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.875s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(45 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23347FDE'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.75s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(90 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23347FDE'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.625s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(135 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23347FDE'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.5s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(180 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23347FDE'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.375s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(225 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23347FDE'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.25s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(270 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23347FDE'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.125s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(315 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23347FDE'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='0s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/progress.svg');
 }
 
 .vitro-icon-error {
-    /* error.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black'%3E%3Cpath id='Vector' d='M12 22.0039C14.7614 22.0039 17.2614 20.8846 19.071 19.075C20.8807 17.2653 22 14.7653 22 12.0039C22 9.24251 20.8807 6.74251 19.071 4.93284C17.2614 3.1232 14.7614 2.00391 12 2.00391C9.2386 2.00391 6.7386 3.1232 4.92893 4.93284C3.11929 6.74251 2 9.24251 2 12.0039C2 14.7653 3.11929 17.2653 4.92893 19.075C6.7386 20.8846 9.2386 22.0039 12 22.0039Z' fill='%23D13438'/%3E%3Cpath id='Vector_2' d='M9 15L12 12L15 15M15 9L11.9994 12L9 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/error.svg');
 }
 
 .vitro-icon-success {
-    /* success.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black'%3E%3Crect width='24' height='24' fill='white'/%3E%3Cpath id='Vector' d='M12 22C14.7614 22 17.2614 20.8807 19.0711 19.0711C20.8807 17.2614 22 14.7614 22 12C22 9.2386 20.8807 6.7386 19.0711 4.92893C17.2614 3.11929 14.7614 2 12 2C9.2386 2 6.7386 3.11929 4.92893 4.92893C3.11929 6.7386 2 9.2386 2 12C2 14.7614 3.11929 17.2614 4.92893 19.0711C6.7386 20.8807 9.2386 22 12 22Z' fill='%23198754'/%3E%3Cpath id='Vector_2' d='M8 12L11 15L16 10' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/success.svg');
 }
 
 .vitro-icon-warning {
-    /* warning.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black'%3E%3Cpath id='Vector' d='M12 22.0039C14.7614 22.0039 17.2614 20.8846 19.071 19.075C20.8807 17.2653 22 14.7653 22 12.0039C22 9.24251 20.8807 6.74251 19.071 4.93284C17.2614 3.1232 14.7614 2.00391 12 2.00391C9.2386 2.00391 6.7386 3.1232 4.92893 4.93284C3.11929 6.74251 2 9.24251 2 12.0039C2 14.7653 3.11929 17.2653 4.92893 19.075C6.7386 20.8846 9.2386 22.0039 12 22.0039Z' fill='%23F3AD4A'/%3E%3Cg id='Vector_2'%3E%3Cpath d='M12 6V12Z' fill='white'/%3E%3Cpath d='M12 6V12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Ccircle id='Ellipse 135' cx='12' cy='17' r='1' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/warning.svg');
 }
 
 .vitro-action-handler :global(.popover-body) {
@@ -198,16 +193,14 @@
     background-position: center;
     background-repeat: no-repeat;
     margin-left: 10px;
-    /* close-red.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M4.79688 19.2008L11.9969 12.0008L19.1969 19.2008M19.1969 4.80078L11.9955 12.0008L4.79688 4.80078' stroke='%23D13438' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/cancel-red-big.svg');
 }
 
 .vitro-success .vitro-button-close,
 .vitro-warning .vitro-button-close,
 .vitro-error .vitro-button-close {
     margin-left: 8px;
-    /* close.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/cancel-dark-grey.svg');
 }
 
 .vitro-button-cancel {
@@ -252,13 +245,11 @@
 }
 
 .vitro-button-collapse-bottom {
-    /* collapse-up.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Chevron-dropdown-Big'%3E%3Cpath id='Vector 9' d='M19.5 9L12 16.5L4.5 9' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/collapse-up.svg');
 }
 
 .vitro-button-collapse-up {
-    /* collapse-bottom.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 16.5L12 9L19.5 16.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/collapse-bottom.svg');
 }
 
 @media (max-width: 800px) {

package/css/std/controls/action-handler/img/cancel-dark-grey.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="iconoir:cancel">
+<path id="Vector" d="M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/css/std/controls/action-handler/img/cancel-red-big.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="iconoir:cancel">
+<path id="Vector" d="M4.50513 11.4955L8.00046 8.00022L11.4958 11.4955M11.4958 4.50488L7.99979 8.00022L4.50513 4.50488" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/css/std/controls/action-handler/img/collapse-bottom.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Chevron-dropdown-Big">
+<path id="Vector 9" d="M19.5 9L12 16.5L4.5 9" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/css/std/controls/action-handler/img/collapse-up.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 16.5L12 9L19.5 16.5" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/action-handler/img/error.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="check-one /Line/Black">
+<path id="Vector" d="M12 22.0039C14.7614 22.0039 17.2614 20.8846 19.071 19.075C20.8807 17.2653 22 14.7653 22 12.0039C22 9.24251 20.8807 6.74251 19.071 4.93284C17.2614 3.1232 14.7614 2.00391 12 2.00391C9.2386 2.00391 6.7386 3.1232 4.92893 4.93284C3.11929 6.74251 2 9.24251 2 12.0039C2 14.7653 3.11929 17.2653 4.92893 19.075C6.7386 20.8846 9.2386 22.0039 12 22.0039Z" fill="#D13438"/>
+<path id="Vector_2" d="M9 15L12 12L15 15M15 9L11.9994 12L9 9" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/css/std/controls/action-handler/img/progress.svg

@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' style='margin: auto; background-image: none; display: block; shape-rendering: auto; background-position: initial initial; background-repeat: initial initial;' class='ng-star-inserted'><g transform='rotate(0 50 50)'><rect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='#347FDE'><animate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.875s' repeatCount='indefinite'></animate></rect></g><g transform='rotate(45 50 50)'><rect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='#347FDE'><animate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.75s' repeatCount='indefinite'></animate></rect></g><g transform='rotate(90 50 50)'><rect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='#347FDE'><animate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.625s' repeatCount='indefinite'></animate></rect></g><g transform='rotate(135 50 50)'><rect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='#347FDE'><animate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.5s' repeatCount='indefinite'></animate></rect></g><g transform='rotate(180 50 50)'><rect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='#347FDE'><animate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.375s' repeatCount='indefinite'></animate></rect></g><g transform='rotate(225 50 50)'><rect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='#347FDE'><animate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.25s' repeatCount='indefinite'></animate></rect></g><g transform='rotate(270 50 50)'><rect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='#347FDE'><animate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.125s' repeatCount='indefinite'></animate></rect></g><g transform='rotate(315 50 50)'><rect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='#347FDE'><animate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='0s' repeatCount='indefinite'></animate></rect></g></svg>

package/css/std/controls/action-handler/img/question.svg

@@ -0,0 +1,10 @@
+<svg viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="help-question">
+<path id="Vector" d="M21.0005 36.751C29.6993 36.751 36.751 29.6993 36.751 21.0005C36.751 12.3017 29.6993 5.25 21.0005 5.25C12.3017 5.25 5.25 12.3017 5.25 21.0005C5.25 29.6993 12.3017 36.751 21.0005 36.751Z" stroke="#4A556C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M16.7656 16.7561C16.7656 15.9174 17.0146 15.0976 17.4809 14.4002C17.9473 13.7029 18.6102 13.1594 19.3858 12.8384C20.1613 12.5175 21.0147 12.4335 21.838 12.5971C22.6614 12.7607 23.4177 13.1646 24.0112 13.7576C24.6048 14.3507 25.0091 15.1063 25.1728 15.9289C25.3366 16.7514 25.2526 17.6041 24.9313 18.3789C24.6101 19.1538 24.066 19.816 23.3681 20.282C22.6701 20.7479 21.8495 20.9966 21.01 20.9966V23.8236" stroke="#222D44" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<g id="Group 2567">
+<path id="Vector_3" d="M21.0042 29.3835C20.6697 29.3835 20.3984 29.1122 20.3984 28.7777C20.3984 28.4431 20.6697 28.1719 21.0042 28.1719" stroke="#222D44" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_4" d="M21 29.3835C21.3346 29.3835 21.6058 29.1122 21.6058 28.7777C21.6058 28.4431 21.3346 28.1719 21 28.1719" stroke="#222D44" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</g>
+</svg>

package/css/std/controls/action-handler/img/success.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="check-one /Line/Black">
+<rect width="24" height="24" fill="white"/>
+<path id="Vector" d="M12 22C14.7614 22 17.2614 20.8807 19.0711 19.0711C20.8807 17.2614 22 14.7614 22 12C22 9.2386 20.8807 6.7386 19.0711 4.92893C17.2614 3.11929 14.7614 2 12 2C9.2386 2 6.7386 3.11929 4.92893 4.92893C3.11929 6.7386 2 9.2386 2 12C2 14.7614 3.11929 17.2614 4.92893 19.0711C6.7386 20.8807 9.2386 22 12 22Z" fill="#198754"/>
+<path id="Vector_2" d="M8 12L11 15L16 10" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/css/std/controls/action-handler/img/warning.svg

@@ -0,0 +1,10 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="check-one /Line/Black">
+<path id="Vector" d="M12 22.0039C14.7614 22.0039 17.2614 20.8846 19.071 19.075C20.8807 17.2653 22 14.7653 22 12.0039C22 9.24251 20.8807 6.74251 19.071 4.93284C17.2614 3.1232 14.7614 2.00391 12 2.00391C9.2386 2.00391 6.7386 3.1232 4.92893 4.93284C3.11929 6.74251 2 9.24251 2 12.0039C2 14.7653 3.11929 17.2653 4.92893 19.075C6.7386 20.8846 9.2386 22.0039 12 22.0039Z" fill="#F3AD4A"/>
+<g id="Vector_2">
+<path d="M12 6V12Z" fill="white"/>
+<path d="M12 6V12" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<circle id="Ellipse 135" cx="12" cy="17" r="1" fill="white"/>
+</g>
+</svg>

package/css/std/controls/activity-item/activity-message.css

@@ -62,6 +62,5 @@
     background-repeat: no-repeat;
     margin: 0 4px;
     white-space: nowrap;
-    /* activity-arrow.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1602 7.81641C14.8684 7.5247 14.8671 7.05213 15.1572 6.7588C15.4496 6.46318 15.9267 6.46186 16.2207 6.75587L20.7585 11.2936C21.1487 11.6839 21.149 12.3165 20.7592 12.7071L16.2204 17.255C15.9267 17.5494 15.4494 17.5483 15.157 17.2526C14.867 16.9595 14.8683 16.4871 15.1599 16.1956L18.5937 12.7617L3.2857 12.7729C2.87128 12.7732 2.53516 12.4373 2.53516 12.0229C2.53516 11.6089 2.87061 11.2732 3.28461 11.2729L18.6055 11.2617L15.1602 7.81641Z' fill='%234A556C'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/activity-item/img/activity-arrow.svg');
 }

package/css/std/controls/activity-item/img/activity-arrow.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.1602 7.81641C14.8684 7.5247 14.8671 7.05213 15.1572 6.7588C15.4496 6.46318 15.9267 6.46186 16.2207 6.75587L20.7585 11.2936C21.1487 11.6839 21.149 12.3165 20.7592 12.7071L16.2204 17.255C15.9267 17.5494 15.4494 17.5483 15.157 17.2526C14.867 16.9595 14.8683 16.4871 15.1599 16.1956L18.5937 12.7617L3.2857 12.7729C2.87128 12.7732 2.53516 12.4373 2.53516 12.0229C2.53516 11.6089 2.87061 11.2732 3.28461 11.2729L18.6055 11.2617L15.1602 7.81641Z" fill="#4A556C"/>
+</svg>

package/css/std/controls/alert/alert.css

@@ -37,7 +37,7 @@
     background-position: center;
     background-size: 100%;
     background-repeat: no-repeat;
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/cancel-dark-grey.svg');
 }
 
 .vitro-icon {
@@ -176,16 +176,13 @@
 }
 
 .vitro-alert :global(.alert-danger) .vitro-icon {
-    /* error.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black'%3E%3Cpath id='Vector' d='M12 22.0039C14.7614 22.0039 17.2614 20.8846 19.071 19.075C20.8807 17.2653 22 14.7653 22 12.0039C22 9.24251 20.8807 6.74251 19.071 4.93284C17.2614 3.1232 14.7614 2.00391 12 2.00391C9.2386 2.00391 6.7386 3.1232 4.92893 4.93284C3.11929 6.74251 2 9.24251 2 12.0039C2 14.7653 3.11929 17.2653 4.92893 19.075C6.7386 20.8846 9.2386 22.0039 12 22.0039Z' fill='%23D13438'/%3E%3Cpath id='Vector_2' d='M9 15L12 12L15 15M15 9L11.9994 12L9 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/error.svg');
 }
 
 .vitro-alert :global(.alert-success) .vitro-icon {
-    /* success.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black'%3E%3Crect width='24' height='24' fill='white'/%3E%3Cpath id='Vector' d='M12 22C14.7614 22 17.2614 20.8807 19.0711 19.0711C20.8807 17.2614 22 14.7614 22 12C22 9.2386 20.8807 6.7386 19.0711 4.92893C17.2614 3.11929 14.7614 2 12 2C9.2386 2 6.7386 3.11929 4.92893 4.92893C3.11929 6.7386 2 9.2386 2 12C2 14.7614 3.11929 17.2614 4.92893 19.0711C6.7386 20.8807 9.2386 22 12 22Z' fill='%23198754'/%3E%3Cpath id='Vector_2' d='M8 12L11 15L16 10' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/success.svg');
 }
 
 .vitro-alert :global(.alert-warning) .vitro-icon {
-    /* warning.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black'%3E%3Cpath id='Vector' d='M12 22.0039C14.7614 22.0039 17.2614 20.8846 19.071 19.075C20.8807 17.2653 22 14.7653 22 12.0039C22 9.24251 20.8807 6.74251 19.071 4.93284C17.2614 3.1232 14.7614 2.00391 12 2.00391C9.2386 2.00391 6.7386 3.1232 4.92893 4.93284C3.11929 6.74251 2 9.24251 2 12.0039C2 14.7653 3.11929 17.2653 4.92893 19.075C6.7386 20.8846 9.2386 22.0039 12 22.0039Z' fill='%23F3AD4A'/%3E%3Cg id='Vector_2'%3E%3Cpath d='M12 6V12Z' fill='white'/%3E%3Cpath d='M12 6V12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Ccircle id='Ellipse 135' cx='12' cy='17' r='1' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/warning.svg');
 }

package/css/std/controls/alert/img/cancel-dark-grey.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="iconoir:cancel">
+<path id="Vector" d="M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/css/std/controls/alert/img/error.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="check-one /Line/Black">
+<path id="Vector" d="M12 22.0039C14.7614 22.0039 17.2614 20.8846 19.071 19.075C20.8807 17.2653 22 14.7653 22 12.0039C22 9.24251 20.8807 6.74251 19.071 4.93284C17.2614 3.1232 14.7614 2.00391 12 2.00391C9.2386 2.00391 6.7386 3.1232 4.92893 4.93284C3.11929 6.74251 2 9.24251 2 12.0039C2 14.7653 3.11929 17.2653 4.92893 19.075C6.7386 20.8846 9.2386 22.0039 12 22.0039Z" fill="#D13438"/>
+<path id="Vector_2" d="M9 15L12 12L15 15M15 9L11.9994 12L9 9" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/css/std/controls/alert/img/success.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="check-one /Line/Black">
+<rect width="24" height="24" fill="white"/>
+<path id="Vector" d="M12 22C14.7614 22 17.2614 20.8807 19.0711 19.0711C20.8807 17.2614 22 14.7614 22 12C22 9.2386 20.8807 6.7386 19.0711 4.92893C17.2614 3.11929 14.7614 2 12 2C9.2386 2 6.7386 3.11929 4.92893 4.92893C3.11929 6.7386 2 9.2386 2 12C2 14.7614 3.11929 17.2614 4.92893 19.0711C6.7386 20.8807 9.2386 22 12 22Z" fill="#198754"/>
+<path id="Vector_2" d="M8 12L11 15L16 10" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/css/std/controls/alert/img/warning.svg

@@ -0,0 +1,10 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="check-one /Line/Black">
+<path id="Vector" d="M12 22.0039C14.7614 22.0039 17.2614 20.8846 19.071 19.075C20.8807 17.2653 22 14.7653 22 12.0039C22 9.24251 20.8807 6.74251 19.071 4.93284C17.2614 3.1232 14.7614 2.00391 12 2.00391C9.2386 2.00391 6.7386 3.1232 4.92893 4.93284C3.11929 6.74251 2 9.24251 2 12.0039C2 14.7653 3.11929 17.2653 4.92893 19.075C6.7386 20.8846 9.2386 22.0039 12 22.0039Z" fill="#F3AD4A"/>
+<g id="Vector_2">
+<path d="M12 6V12Z" fill="white"/>
+<path d="M12 6V12" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<circle id="Ellipse 135" cx="12" cy="17" r="1" fill="white"/>
+</g>
+</svg>

package/css/std/controls/bim-viewer/bim-viewer-index.css

@@ -138,103 +138,83 @@ select {
 }
 
 .toolbarButton#btnCreateNotes::before {
-    /* draw-annotation.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133189)'%3E%3Crect x='0.5' y='0.5' width='21' height='13' rx='1.5' stroke='white'/%3E%3Cpath d='M4 3.5H18M4 6.5H15M4 9.5H18' stroke='white'/%3E%3Cpath d='M8 14H14V20L11 17L8 14Z' fill='white'/%3E%3Cpath d='M16 17.5H27.5V27.5H6.5V17.5H8' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133189'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/draw-annotation.svg');
 }
 
 .toolbarButton#btnToggleNotes::before {
-    /* hide-annotation.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133198)'%3E%3Cpath d='M27.5 4V11V19.5C27.5 20.6046 26.6046 21.5 25.5 21.5H2.5C1.39543 21.5 0.5 20.6046 0.5 19.5L0.5 2.5C0.5 1.39543 1.39543 0.5 2.5 0.5H24' stroke='white'/%3E%3Cpath d='M4 4.5H20M4 8.5H16M4 12.5H12M4 16.5H8M15 16.5H24M19 12.5H24M22 8.5H24' stroke='white'/%3E%3Cpath d='M12 22H18V28L15 25L12 22Z' fill='white'/%3E%3Cpath d='M0.5 27.5L27.5 0.5' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133198'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/hide-annotation.svg');
 }
 
 .toolbarButton#btnToggleSidebarNotes::before {
-    /* sidebar-notes-toggle.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133369)'%3E%3Crect x='0.5' y='0.5' width='27' height='27' stroke='white'/%3E%3Crect x='2' y='3' width='2' height='2' fill='white'/%3E%3Crect x='12' y='4' width='2' height='2' fill='white'/%3E%3Crect x='15' y='6' width='2' height='1' fill='white'/%3E%3Crect x='3' y='6' width='3' height='1' fill='white'/%3E%3Crect x='2' y='20' width='2' height='2' fill='white'/%3E%3Crect x='11' y='23' width='2' height='2' fill='white'/%3E%3Crect x='14' y='24' width='3' height='1' fill='white'/%3E%3Crect x='3' y='23' width='3' height='1' fill='white'/%3E%3Crect x='20.5' y='2.5' width='5' height='3' stroke='white'/%3E%3Crect x='20.5' y='7.5' width='5' height='3' stroke='white'/%3E%3Crect x='20.5' y='12.5' width='5' height='3' stroke='white'/%3E%3Crect x='20.5' y='17.5' width='5' height='3' stroke='white'/%3E%3Crect x='20.5' y='22.5' width='5' height='3' stroke='white'/%3E%3Cpath d='M4.5 10.5V17.5L9.5 22.5M4.5 10.5L9.5 5.5L14.5 10.5M4.5 10.5L9.5 15M9.5 22.5L14.5 17.5V10.5M9.5 22.5V15M14.5 10.5L9.5 15' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133369'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/sidebar-notes-toggle.svg');
 }
 
 .toolbarButton#btnToggleSidebarTreeView::before {
-    /* treeview.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133389)'%3E%3Crect x='0.5' y='0.5' width='2' height='2' stroke='white'/%3E%3Crect x='13.5' y='6.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='13.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='19.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='25.5' width='2' height='2' stroke='white'/%3E%3Cpath d='M1.5 3V26.5H25' stroke='white' stroke-dasharray='2 2'/%3E%3Cpath d='M25 20.5H14.5V14.5M14.5 9V14.5M25 14.5H14.5' stroke='white' stroke-dasharray='2 2'/%3E%3Cpath d='M13 7.5H2' stroke='white' stroke-dasharray='2 2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133389'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/treeview.svg');
 }
 
 .toolbarButton#btnCreateSectionPlan::before {
-    /* section-plan.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133315)'%3E%3Cpath d='M11.5 2.5H1V25.5H11.5M15.5 2.5H27V25.5H16.5' stroke='white'/%3E%3Cpath d='M14 28V0' stroke='white' stroke-dasharray='4 4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133315'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/section-plan.svg');
 }
 
 .toolbarButton#btnClearSectionPlan::before {
-    /* section-plan-clear.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133207)'%3E%3Cpath d='M10 2.5H0.5V25.5H10M15 2.5H24.5V16' stroke='white'/%3E%3Cpath d='M12.5 28V0' stroke='white' stroke-dasharray='4 4'/%3E%3Cpath d='M27.5 17.5L17.5 27.5M17.5 17.5L27.5 27.5' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133207'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/section-plan-clear.svg');
 }
 
 .toolbarButton#btnToggleSectionPlan::before {
-    /* section-plan-toggle.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133280)'%3E%3Cpath d='M16.5 0.5V27.5H15.2071L10.5 22.7929V5.20711L15.2071 0.5H16.5Z' stroke='white'/%3E%3Cpath d='M16.5 0.5V27.5H15.2071L10.5 22.7929V5.20711L15.2071 0.5H16.5Z' stroke='white'/%3E%3Crect x='0.5' y='7.5' width='27' height='13' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133280'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/section-plan-toggle.svg');
 }
 
 .toolbarButton#btnToggleNotes.show::before {
-    /* show-annotation.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133352)'%3E%3Crect x='0.5' y='0.5' width='27' height='21' rx='1.5' stroke='white'/%3E%3Cpath d='M4 4.5H24M4 8.5H17M4 12.5H21M24 16.5H4' stroke='white'/%3E%3Cpath d='M12 22H18V28L15 25L12 22Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133352'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/show-annotation.svg');
 }
 
 .toolbarButton#btnCreateAngleMeasurements::before {
-    /* angle-measurements-create.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_132945)'%3E%3Crect x='0.5' y='25.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='25.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='0.5' width='2' height='2' stroke='white'/%3E%3Cpath d='M2 26L26 2' stroke='white'/%3E%3Cpath d='M2.5 26.5H25.5' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_132945'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/angle-measurements-create.svg');
 }
 
 .toolbarButton#btnToggleAngleMeasurements::before {
-    /* angle-measurements-toggle.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_132959)'%3E%3Crect x='0.5' y='25.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='25.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='0.5' width='2' height='2' stroke='white'/%3E%3Cpath d='M2 26L26 2' stroke='white' stroke-dasharray='2 2'/%3E%3Cpath d='M2.5 26.5H25.5' stroke='white' stroke-dasharray='2 2'/%3E%3Cpath d='M7.5 12L23 27.5' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_132959'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/angle-measurements-toggle.svg');
 }
 
 .toolbarButton#btnCreateDistanceMeasurements::before {
-    /* distance-measurements-create.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133176)'%3E%3Crect x='0.5' y='13' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='13' width='2' height='2' stroke='white'/%3E%3Cpath d='M2.5 14H25.5' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133176'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/distance-measurements-create.svg');
 }
 
 .toolbarButton#btnToggleDistanceMeasurements::before {
-    /* distance-measurements-toggle.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133215)'%3E%3Crect x='0.5' y='13' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='13' width='2' height='2' stroke='white'/%3E%3Cpath d='M2.5 14H25.5' stroke='white' stroke-dasharray='2 2'/%3E%3Cpath d='M5 5L23 23' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133215'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/distance-measurements-toggle.svg');
 }
 
 .toolbarButton#btnToggleSidebarStoreyViews::before {
-    /* storey-views-toggle.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133377)'%3E%3Cpath d='M9.5 1V11.5M9.5 11.5H13.5V17.5H18.5M9.5 11.5H1M27 17.5H18.5M18.5 17.5V27' stroke='white' stroke-width='1.5'/%3E%3Crect x='0.5' y='0.5' width='27' height='27' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133377'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/storey-views-toggle.svg');
 }
 
 .toolbarButton#btnSaveBCFViewpointJSON::before {
-    /* bcf-json-save.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_132996)'%3E%3Cpath d='M6 9.25H23' stroke='white'/%3E%3Cpath d='M14.5 0.75V7.75M14.5 7.75L18 4.75M14.5 7.75L11 4.75' stroke='white'/%3E%3Cpath d='M6 27.25H5C3.89543 27.25 3 26.3546 3 25.25V23.5V22.1682C3 21.6587 2.80557 21.1684 2.4564 20.7974L1 19.25L2.4564 17.7026C2.80557 17.3316 3 16.8413 3 16.3318V15V13.75C3 12.6454 3.89543 11.75 5 11.75H6M22 11.75H23C24.1046 11.75 25 12.6454 25 13.75V15V16.3318C25 16.8413 25.1944 17.3316 25.5436 17.7026L27 19.25L25.5436 20.7974C25.1944 21.1684 25 21.6587 25 22.1682V23.5V25.25C25 26.3546 24.1046 27.25 23 27.25H22' stroke='white'/%3E%3Cpath d='M5.5 14.25H8C8.82843 14.25 9.5 14.9216 9.5 15.75V17.75C9.5 18.5784 8.82843 19.25 8 19.25H5.5V14.25Z' stroke='white'/%3E%3Cpath d='M5.5 19.25H8C8.82843 19.25 9.5 19.9216 9.5 20.75V23.75C9.5 24.5784 8.82843 25.25 8 25.25H5.5V19.25Z' stroke='white'/%3E%3Cpath d='M16.5 16.75V16.25C16.5 15.1454 15.6046 14.25 14.5 14.25V14.25C13.3954 14.25 12.5 15.1454 12.5 16.25V23.25C12.5 24.3546 13.3954 25.25 14.5 25.25V25.25C15.6046 25.25 16.5 24.3546 16.5 23.25V22.75' stroke='white'/%3E%3Cpath d='M19.5 25.75V19.25M23.5 14.25H19.5V19.25M19.5 19.25H23' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_132996'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/bcf-json-save.svg');
 }
 
 .toolbarButton#btnLoadBCFViewpointJSON::before {
-    /* bcf-json-load.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_132966)'%3E%3Cpath d='M6 9.25H23' stroke='white'/%3E%3Cpath d='M14.5 7.75V0.75M14.5 0.75L18 3.75M14.5 0.75L11 3.75' stroke='white'/%3E%3Cpath d='M6 27.25H5C3.89543 27.25 3 26.3546 3 25.25V23.5V22.1682C3 21.6587 2.80557 21.1684 2.4564 20.7974L1 19.25L2.4564 17.7026C2.80557 17.3316 3 16.8413 3 16.3318V15V13.75C3 12.6454 3.89543 11.75 5 11.75H6M22 11.75H23C24.1046 11.75 25 12.6454 25 13.75V15V16.3318C25 16.8413 25.1944 17.3316 25.5436 17.7026L27 19.25L25.5436 20.7974C25.1944 21.1684 25 21.6587 25 22.1682V23.5V25.25C25 26.3546 24.1046 27.25 23 27.25H22' stroke='white'/%3E%3Cpath d='M5.5 14.25H8C8.82843 14.25 9.5 14.9216 9.5 15.75V17.75C9.5 18.5784 8.82843 19.25 8 19.25H5.5V14.25Z' stroke='white'/%3E%3Cpath d='M5.5 19.25H8C8.82843 19.25 9.5 19.9216 9.5 20.75V23.75C9.5 24.5784 8.82843 25.25 8 25.25H5.5V19.25Z' stroke='white'/%3E%3Cpath d='M16.5 16.75V16.25C16.5 15.1454 15.6046 14.25 14.5 14.25V14.25C13.3954 14.25 12.5 15.1454 12.5 16.25V23.25C12.5 24.3546 13.3954 25.25 14.5 25.25V25.25C15.6046 25.25 16.5 24.3546 16.5 23.25V22.75' stroke='white'/%3E%3Cpath d='M19.5 25.75V19.25M23.5 14.25H19.5V19.25M19.5 19.25H23' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_132966'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/bcf-json-load.svg');
 }
 
 .toolbarButton#btnToggleCompare::before {
-    /* compare.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.5 0.5L1.5 26.5' stroke='white' stroke-dasharray='1 1'/%3E%3Cpath d='M5.5 21V0.5L16.5 0.5V10' stroke='white'/%3E%3Cpath d='M22.5 7.5V27.5H11.5V17.5' stroke='white'/%3E%3Crect x='7.5' y='3.5' width='2' height='2' stroke='white'/%3E%3Crect x='18.5' y='18.5' width='2' height='2' stroke='white'/%3E%3Crect x='18.5' y='14.5' width='2' height='2' stroke='white'/%3E%3Cpath d='M20.5 10V12.5H18' stroke='white'/%3E%3Crect x='13.5' y='18.5' width='2' height='2' stroke='white'/%3E%3Cpath d='M15.5 14V16.5H13' stroke='white'/%3E%3Crect x='13.5' y='22.5' width='7' height='2' stroke='white'/%3E%3Crect x='7.5' y='11.5' width='2' height='2' stroke='white'/%3E%3Crect x='12.5' y='3.5' width='2' height='2' stroke='white'/%3E%3Crect x='7.5' y='7.5' width='7' height='2' stroke='white'/%3E%3C/svg%3E%0A");
+    content: url('img/compare.svg');
 }
 
 .toolbarButton#btnCompareOneOverOne::before {
-    /* compare-one-over-one.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133031)'%3E%3Crect x='0.5' y='4.5' width='22' height='23' stroke='white'/%3E%3Crect x='5.5' y='0.5' width='22' height='23' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133031'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/compare-one-over-one.svg');
 }
 
 .toolbarButton#btnCompareSideBySide::before {
-    /* compare-side-by-side.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.5' y='0.5' width='12' height='27' stroke='white'/%3E%3Crect x='14.5' y='0.5' width='11' height='27' stroke='white'/%3E%3C/svg%3E%0A");
+    content: url('img/compare-side-by-side.svg');
 }
 
 .toolbarButton#btnClearComparison::before {
-    /* compare-clear.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.5' y='5.5' width='17' height='20' stroke='white'/%3E%3Cpath d='M2 5.5H26' stroke='white'/%3E%3Cpath d='M11.5 9V22' stroke='white'/%3E%3Cpath d='M16.5 9V22' stroke='white'/%3E%3Crect x='8.5' y='2.5' width='11' height='3' stroke='white'/%3E%3C/svg%3E%0A");
+    content: url('img/compare-clear.svg');
 }
 
 .toolbarButton#btnToggleTextures::before {
-    /* toggle-textures.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 27V1H14V27H15ZM25.5 0.5V27.5H2.5V0.5H14H25.5Z' stroke='white'/%3E%3Crect x='15' y='1' width='1' height='1' fill='white'/%3E%3Crect x='16' y='2' width='1' height='1' fill='white'/%3E%3Crect x='16' y='4' width='1' height='1' fill='white'/%3E%3Crect x='16' y='6' width='1' height='1' fill='white'/%3E%3Crect x='16' y='8' width='1' height='1' fill='white'/%3E%3Crect x='16' y='10' width='1' height='1' fill='white'/%3E%3Crect x='16' y='12' width='1' height='1' fill='white'/%3E%3Crect x='16' y='14' width='1' height='1' fill='white'/%3E%3Crect x='16' y='16' width='1' height='1' fill='white'/%3E%3Crect x='16' y='18' width='1' height='1' fill='white'/%3E%3Crect x='16' y='20' width='1' height='1' fill='white'/%3E%3Crect x='16' y='22' width='1' height='1' fill='white'/%3E%3Crect x='16' y='24' width='1' height='1' fill='white'/%3E%3Crect x='16' y='26' width='1' height='1' fill='white'/%3E%3Crect x='15' y='3' width='1' height='1' fill='white'/%3E%3Crect x='15' y='5' width='1' height='1' fill='white'/%3E%3Crect x='15' y='7' width='1' height='1' fill='white'/%3E%3Crect x='15' y='9' width='1' height='1' fill='white'/%3E%3Crect x='15' y='11' width='1' height='1' fill='white'/%3E%3Crect x='15' y='13' width='1' height='1' fill='white'/%3E%3Crect x='15' y='15' width='1' height='1' fill='white'/%3E%3Crect x='15' y='17' width='1' height='1' fill='white'/%3E%3Crect x='15' y='19' width='1' height='1' fill='white'/%3E%3Crect x='15' y='21' width='1' height='1' fill='white'/%3E%3Crect x='15' y='23' width='1' height='1' fill='white'/%3E%3Crect x='15' y='25' width='1' height='1' fill='white'/%3E%3Crect x='17' y='1' width='1' height='1' fill='white'/%3E%3Crect x='18' y='2' width='1' height='1' fill='white'/%3E%3Crect x='18' y='4' width='1' height='1' fill='white'/%3E%3Crect x='18' y='6' width='1' height='1' fill='white'/%3E%3Crect x='18' y='8' width='1' height='1' fill='white'/%3E%3Crect x='18' y='10' width='1' height='1' fill='white'/%3E%3Crect x='18' y='12' width='1' height='1' fill='white'/%3E%3Crect x='18' y='14' width='1' height='1' fill='white'/%3E%3Crect x='18' y='16' width='1' height='1' fill='white'/%3E%3Crect x='18' y='18' width='1' height='1' fill='white'/%3E%3Crect x='18' y='20' width='1' height='1' fill='white'/%3E%3Crect x='18' y='22' width='1' height='1' fill='white'/%3E%3Crect x='18' y='24' width='1' height='1' fill='white'/%3E%3Crect x='18' y='26' width='1' height='1' fill='white'/%3E%3Crect x='17' y='3' width='1' height='1' fill='white'/%3E%3Crect x='17' y='5' width='1' height='1' fill='white'/%3E%3Crect x='17' y='7' width='1' height='1' fill='white'/%3E%3Crect x='17' y='9' width='1' height='1' fill='white'/%3E%3Crect x='17' y='11' width='1' height='1' fill='white'/%3E%3Crect x='17' y='13' width='1' height='1' fill='white'/%3E%3Crect x='17' y='15' width='1' height='1' fill='white'/%3E%3Crect x='17' y='17' width='1' height='1' fill='white'/%3E%3Crect x='17' y='19' width='1' height='1' fill='white'/%3E%3Crect x='17' y='21' width='1' height='1' fill='white'/%3E%3Crect x='17' y='23' width='1' height='1' fill='white'/%3E%3Crect x='17' y='25' width='1' height='1' fill='white'/%3E%3Crect x='19' y='1' width='1' height='1' fill='white'/%3E%3Crect x='20' y='2' width='1' height='1' fill='white'/%3E%3Crect x='20' y='4' width='1' height='1' fill='white'/%3E%3Crect x='20' y='6' width='1' height='1' fill='white'/%3E%3Crect x='20' y='8' width='1' height='1' fill='white'/%3E%3Crect x='20' y='10' width='1' height='1' fill='white'/%3E%3Crect x='20' y='12' width='1' height='1' fill='white'/%3E%3Crect x='20' y='14' width='1' height='1' fill='white'/%3E%3Crect x='20' y='16' width='1' height='1' fill='white'/%3E%3Crect x='20' y='18' width='1' height='1' fill='white'/%3E%3Crect x='20' y='20' width='1' height='1' fill='white'/%3E%3Crect x='20' y='22' width='1' height='1' fill='white'/%3E%3Crect x='20' y='24' width='1' height='1' fill='white'/%3E%3Crect x='20' y='26' width='1' height='1' fill='white'/%3E%3Crect x='19' y='3' width='1' height='1' fill='white'/%3E%3Crect x='19' y='5' width='1' height='1' fill='white'/%3E%3Crect x='19' y='7' width='1' height='1' fill='white'/%3E%3Crect x='19' y='9' width='1' height='1' fill='white'/%3E%3Crect x='19' y='11' width='1' height='1' fill='white'/%3E%3Crect x='19' y='13' width='1' height='1' fill='white'/%3E%3Crect x='19' y='15' width='1' height='1' fill='white'/%3E%3Crect x='19' y='17' width='1' height='1' fill='white'/%3E%3Crect x='19' y='19' width='1' height='1' fill='white'/%3E%3Crect x='19' y='21' width='1' height='1' fill='white'/%3E%3Crect x='19' y='23' width='1' height='1' fill='white'/%3E%3Crect x='19' y='25' width='1' height='1' fill='white'/%3E%3Crect x='21' y='1' width='1' height='1' fill='white'/%3E%3Crect x='22' y='2' width='1' height='1' fill='white'/%3E%3Crect x='22' y='4' width='1' height='1' fill='white'/%3E%3Crect x='22' y='6' width='1' height='1' fill='white'/%3E%3Crect x='22' y='8' width='1' height='1' fill='white'/%3E%3Crect x='22' y='10' width='1' height='1' fill='white'/%3E%3Crect x='22' y='12' width='1' height='1' fill='white'/%3E%3Crect x='22' y='14' width='1' height='1' fill='white'/%3E%3Crect x='22' y='16' width='1' height='1' fill='white'/%3E%3Crect x='22' y='18' width='1' height='1' fill='white'/%3E%3Crect x='22' y='20' width='1' height='1' fill='white'/%3E%3Crect x='22' y='22' width='1' height='1' fill='white'/%3E%3Crect x='22' y='24' width='1' height='1' fill='white'/%3E%3Crect x='22' y='26' width='1' height='1' fill='white'/%3E%3Crect x='21' y='3' width='1' height='1' fill='white'/%3E%3Crect x='21' y='5' width='1' height='1' fill='white'/%3E%3Crect x='21' y='7' width='1' height='1' fill='white'/%3E%3Crect x='21' y='9' width='1' height='1' fill='white'/%3E%3Crect x='21' y='11' width='1' height='1' fill='white'/%3E%3Crect x='21' y='13' width='1' height='1' fill='white'/%3E%3Crect x='21' y='15' width='1' height='1' fill='white'/%3E%3Crect x='21' y='17' width='1' height='1' fill='white'/%3E%3Crect x='21' y='19' width='1' height='1' fill='white'/%3E%3Crect x='21' y='21' width='1' height='1' fill='white'/%3E%3Crect x='21' y='23' width='1' height='1' fill='white'/%3E%3Crect x='21' y='25' width='1' height='1' fill='white'/%3E%3Crect x='23' y='1' width='1' height='1' fill='white'/%3E%3Crect x='24' y='2' width='1' height='1' fill='white'/%3E%3Crect x='24' y='4' width='1' height='1' fill='white'/%3E%3Crect x='24' y='6' width='1' height='1' fill='white'/%3E%3Crect x='24' y='8' width='1' height='1' fill='white'/%3E%3Crect x='24' y='10' width='1' height='1' fill='white'/%3E%3Crect x='24' y='12' width='1' height='1' fill='white'/%3E%3Crect x='24' y='14' width='1' height='1' fill='white'/%3E%3Crect x='24' y='16' width='1' height='1' fill='white'/%3E%3Crect x='24' y='18' width='1' height='1' fill='white'/%3E%3Crect x='24' y='20' width='1' height='1' fill='white'/%3E%3Crect x='24' y='22' width='1' height='1' fill='white'/%3E%3Crect x='24' y='24' width='1' height='1' fill='white'/%3E%3Crect x='24' y='26' width='1' height='1' fill='white'/%3E%3Crect x='23' y='3' width='1' height='1' fill='white'/%3E%3Crect x='23' y='5' width='1' height='1' fill='white'/%3E%3Crect x='23' y='7' width='1' height='1' fill='white'/%3E%3Crect x='23' y='9' width='1' height='1' fill='white'/%3E%3Crect x='23' y='11' width='1' height='1' fill='white'/%3E%3Crect x='23' y='13' width='1' height='1' fill='white'/%3E%3Crect x='23' y='15' width='1' height='1' fill='white'/%3E%3Crect x='23' y='17' width='1' height='1' fill='white'/%3E%3Crect x='23' y='19' width='1' height='1' fill='white'/%3E%3Crect x='23' y='21' width='1' height='1' fill='white'/%3E%3Crect x='23' y='23' width='1' height='1' fill='white'/%3E%3Crect x='23' y='25' width='1' height='1' fill='white'/%3E%3C/svg%3E%0A");
+    content: url('img/toggle-textures.svg');
 }
 
 .toolbarButton.toggled,
@@ -856,8 +836,7 @@ a.ui-button:active,
     position: absolute;
     width: 60px;
     height: 60px;
-    /* storey-map-camera.svg URL-encoder for svg */
-    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133590)'%3E%3Ccircle cx='30' cy='30' r='5' fill='black'/%3E%3Cpath d='M30 0C26.0603 -4.69799e-08 22.1593 0.775973 18.5195 2.28361C14.8797 3.79126 11.5726 6.00104 8.7868 8.7868C6.00104 11.5726 3.79125 14.8797 2.28361 18.5195C0.775972 22.1593 -5.94871e-07 26.0603 0 30L30 30L30 0Z' fill='url(%23paint0_radial_3179_133590)'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_3179_133590' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(30 30) rotate(90) scale(30)'%3E%3Cstop/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/radialGradient%3E%3CclipPath id='clip0_3179_133590'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    background-image: url('img/storey-map-camera.svg');
     background-repeat: no-repeat;
     background-size: 60px 60px;
 }
@@ -1097,8 +1076,7 @@ a.ui-button:active,
     background-size: 100%;
     display: block;
     transform: none;
-    /* close.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('img/cancel-dark-grey.svg');
 }
 
 #fileVersionSelect {

package/css/std/controls/bim-viewer/bim-viewer.css

@@ -50,8 +50,7 @@
     background-size: 100%;
     display: block;
     transform: none;
-    /* close.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('img/cancel-dark-grey.svg');
 }
 
 #fileVersionSelect {

package/css/std/controls/bim-viewer/img/angle-measurements-create.svg

@@ -0,0 +1,14 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3179_132945)">
+<rect x="0.5" y="25.5" width="2" height="2" stroke="white"/>
+<rect x="25.5" y="25.5" width="2" height="2" stroke="white"/>
+<rect x="25.5" y="0.5" width="2" height="2" stroke="white"/>
+<path d="M2 26L26 2" stroke="white"/>
+<path d="M2.5 26.5H25.5" stroke="white"/>
+</g>
+<defs>
+<clipPath id="clip0_3179_132945">
+<rect width="28" height="28" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/css/std/controls/bim-viewer/img/angle-measurements-toggle.svg

@@ -0,0 +1,15 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3179_132959)">
+<rect x="0.5" y="25.5" width="2" height="2" stroke="white"/>
+<rect x="25.5" y="25.5" width="2" height="2" stroke="white"/>
+<rect x="25.5" y="0.5" width="2" height="2" stroke="white"/>
+<path d="M2 26L26 2" stroke="white" stroke-dasharray="2 2"/>
+<path d="M2.5 26.5H25.5" stroke="white" stroke-dasharray="2 2"/>
+<path d="M7.5 12L23 27.5" stroke="white"/>
+</g>
+<defs>
+<clipPath id="clip0_3179_132959">
+<rect width="28" height="28" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/css/std/controls/bim-viewer/img/bcf-json-load.svg

@@ -0,0 +1,16 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3179_132966)">
+<path d="M6 9.25H23" stroke="white"/>
+<path d="M14.5 7.75V0.75M14.5 0.75L18 3.75M14.5 0.75L11 3.75" stroke="white"/>
+<path d="M6 27.25H5C3.89543 27.25 3 26.3546 3 25.25V23.5V22.1682C3 21.6587 2.80557 21.1684 2.4564 20.7974L1 19.25L2.4564 17.7026C2.80557 17.3316 3 16.8413 3 16.3318V15V13.75C3 12.6454 3.89543 11.75 5 11.75H6M22 11.75H23C24.1046 11.75 25 12.6454 25 13.75V15V16.3318C25 16.8413 25.1944 17.3316 25.5436 17.7026L27 19.25L25.5436 20.7974C25.1944 21.1684 25 21.6587 25 22.1682V23.5V25.25C25 26.3546 24.1046 27.25 23 27.25H22" stroke="white"/>
+<path d="M5.5 14.25H8C8.82843 14.25 9.5 14.9216 9.5 15.75V17.75C9.5 18.5784 8.82843 19.25 8 19.25H5.5V14.25Z" stroke="white"/>
+<path d="M5.5 19.25H8C8.82843 19.25 9.5 19.9216 9.5 20.75V23.75C9.5 24.5784 8.82843 25.25 8 25.25H5.5V19.25Z" stroke="white"/>
+<path d="M16.5 16.75V16.25C16.5 15.1454 15.6046 14.25 14.5 14.25V14.25C13.3954 14.25 12.5 15.1454 12.5 16.25V23.25C12.5 24.3546 13.3954 25.25 14.5 25.25V25.25C15.6046 25.25 16.5 24.3546 16.5 23.25V22.75" stroke="white"/>
+<path d="M19.5 25.75V19.25M23.5 14.25H19.5V19.25M19.5 19.25H23" stroke="white"/>
+</g>
+<defs>
+<clipPath id="clip0_3179_132966">
+<rect width="28" height="28" fill="white"/>
+</clipPath>
+</defs>
+</svg>