@vitrosoftware/common-ui-ts 1.1.85 → 1.1.86

package/css/std/controls/tree-view/img/checkbox-big-active.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="2" width="20" height="20" rx="2.5" fill="#4292F7"/>
+<path d="M16.7062 8.50593C17.0826 8.86144 17.0996 9.45479 16.7441 9.83121L11.4316 15.4562C11.2577 15.6404 11.0166 15.7463 10.7634 15.7499C10.5101 15.7535 10.2662 15.6545 10.0871 15.4754L7.27459 12.6629C6.90847 12.2968 6.90847 11.7032 7.27459 11.3371C7.6407 10.971 8.2343 10.971 8.60041 11.3371L10.7308 13.4675L15.3809 8.54379C15.7364 8.16737 16.3298 8.15042 16.7062 8.50593Z" fill="white"/>
+</svg>

package/css/std/controls/tree-view/img/checkbox-big-empty.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Checkbox-big">
+<rect id="Background" x="2.5" y="2.5" width="19" height="19" rx="3.5" stroke="#C0CAD5"/>
+</g>
+</svg>

package/css/std/controls/tree-view/img/checkbox-big-undetermined.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="7" y="7" width="10" height="10" rx="1" fill="#4292F7"/>
+<rect x="2.625" y="2.625" width="18.75" height="18.75" rx="1.875" stroke="#C0CAD5" stroke-width="1.25"/>
+</svg>

package/css/std/controls/tree-view/img/collapse-bottom-grey.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 10L12 15L7 10" stroke="#8E98A3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/tree-view/img/collapse-right-grey.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.5 7L14.5 12L9.5 17" stroke="#8E98A3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/tree-view/img/folder-closed-selected.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="M10.6464 6.35355C10.7402 6.44732 10.8674 6.5 11 6.5H19C20.3807 6.5 21.5 7.61929 21.5 9V17C21.5 18.3807 20.3807 19.5 19 19.5H5C3.61929 19.5 2.5 18.3807 2.5 17V7C2.5 5.61929 3.61929 4.5 5 4.5H7.75736C8.4204 4.5 9.05629 4.76339 9.52513 5.23223L10.6464 6.35355Z" fill="#4292F7" stroke="#4292F7" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/tree-view/img/folder-closed.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="M10.6464 6.35355C10.7402 6.44732 10.8674 6.5 11 6.5H19C20.3807 6.5 21.5 7.61929 21.5 9V17C21.5 18.3807 20.3807 19.5 19 19.5H5C3.61929 19.5 2.5 18.3807 2.5 17V7C2.5 5.61929 3.61929 4.5 5 4.5H7.75736C8.4204 4.5 9.05629 4.76339 9.52513 5.23223L10.6464 6.35355Z" stroke="#999B9D" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/tree-view/img/folder-opened-selected.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.49122 10.6332L5.65217 11.0749L5.49122 10.6332C5.26752 10.7147 4.93925 10.8561 4.68041 11.0743C4.28128 11.4108 4.07788 11.784 3.94081 12.1788C3.87518 12.3678 3.82376 12.5649 3.77492 12.7552C3.77085 12.771 3.76679 12.7869 3.76273 12.8027C3.71679 12.982 3.67084 13.1614 3.61215 13.3538C3.50172 13.7159 2.92642 15.3491 2.5 16.5402V12V6C2.5 4.61929 3.61929 3.5 5 3.5H7.75736C8.4204 3.5 9.05629 3.76339 9.52513 4.23223L10.6464 5.35355C10.7402 5.44732 10.8674 5.5 11 5.5H19C20.3807 5.5 21.5 6.61929 21.5 8V10.7919C21.1397 10.6006 20.7373 10.5 20.3277 10.5H18.9908H12H12L6.34573 10.4998C6.08284 10.4998 5.78546 10.526 5.49122 10.6332Z" stroke="#326AD6" stroke-linejoin="round"/>
+<path d="M3.3971 12.2106C3.75306 10.9055 4.93853 10 6.29139 10H20.0722C22.0504 10 23.487 11.8809 22.9665 13.7894L21.6029 18.7894C21.2469 20.0945 20.0615 21 18.7086 21H4.92775C2.94963 21 1.51298 19.1191 2.03346 17.2106L3.3971 12.2106Z" fill="#4292F7"/>
+</svg>

package/css/std/controls/tree-view/img/folder-opened.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.49122 10.6332L5.65217 11.0749L5.49122 10.6332C5.26752 10.7147 4.93925 10.8561 4.68041 11.0743C4.28128 11.4108 4.07788 11.784 3.94081 12.1788C3.87518 12.3678 3.82376 12.5649 3.77492 12.7552C3.77085 12.771 3.76679 12.7869 3.76273 12.8027C3.71679 12.982 3.67084 13.1614 3.61215 13.3538C3.50172 13.7159 2.92642 15.3491 2.5 16.5402V12V6C2.5 4.61929 3.61929 3.5 5 3.5H7.75736C8.4204 3.5 9.05629 3.76339 9.52513 4.23223L10.6464 5.35355C10.7402 5.44732 10.8674 5.5 11 5.5H19C20.3807 5.5 21.5 6.61929 21.5 8V10.7919C21.1397 10.6006 20.7373 10.5 20.3277 10.5H18.9908H12H12L6.34573 10.4998C6.08284 10.4998 5.78546 10.526 5.49122 10.6332Z" stroke="#999B9D" stroke-linejoin="round"/>
+<path d="M3.87948 12.3422C4.17611 11.2546 5.16401 10.5 6.29139 10.5H20.0722C21.7207 10.5 22.9179 12.0674 22.4842 13.6578L21.1205 18.6578C20.8239 19.7454 19.836 20.5 18.7086 20.5H4.92775C3.27932 20.5 2.08211 18.9326 2.51584 17.3422L3.87948 12.3422Z" stroke="#999B9D"/>
+</svg>

package/css/std/controls/tree-view/img/root-folder.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.6464 5.35355C10.7402 5.44732 10.8674 5.5 11 5.5H19C20.3807 5.5 21.5 6.61929 21.5 8V18C21.5 19.3807 20.3807 20.5 19 20.5H5C3.61929 20.5 2.5 19.3807 2.5 18V6C2.5 4.61929 3.61929 3.5 5 3.5H7.75736C8.4204 3.5 9.05629 3.76339 9.52513 4.23223L10.6464 5.35355Z" stroke="#999B9D" stroke-linejoin="round"/>
+<path d="M8 16L12 10" stroke="#999B9D" stroke-linecap="round"/>
+<path d="M12 16L16 16" stroke="#999B9D" stroke-linecap="round"/>
+</svg>

package/css/std/controls/tree-view/tree-view-context-menu.css

@@ -36,8 +36,7 @@
     background-position: center center !important;
     background-size: 8px;
     background-repeat: no-repeat;
-    /* closed.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cpath d='M5.3,0.3l6.9,6.9c0.2,0.2,0.3,0.5,0.3,0.8v0c0,0.3-0.1,0.6-0.3,0.8l-6.9,6.9c-0.4,0.4-1.1,0.4-1.6,0h0 c-0.4-0.4-0.4-1.1,0-1.6l6-6.1c0,0,0,0,0,0l-6-6c-0.4-0.4-0.4-1.2,0-1.6l0,0C4.2-0.1,4.9-0.1,5.3,0.3z'/%3E%3C/svg%3E%0A") !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/collapse-right-small.svg');
 }
 
 .vakata-context li > a:hover {

package/css/std/controls/tree-view/tree-view.css

@@ -70,28 +70,23 @@
 }
 
 .vitro-tree-view :global(.vitro-root-node) > :global(.jstree-anchor) > :global(.jstree-icon.folder) {
-    /* root-folder.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='M10.6464 5.35355C10.7402 5.44732 10.8674 5.5 11 5.5H19C20.3807 5.5 21.5 6.61929 21.5 8V18C21.5 19.3807 20.3807 20.5 19 20.5H5C3.61929 20.5 2.5 19.3807 2.5 18V6C2.5 4.61929 3.61929 3.5 5 3.5H7.75736C8.4204 3.5 9.05629 3.76339 9.52513 4.23223L10.6464 5.35355Z' stroke='%23999B9D' stroke-linejoin='round'/%3E%3Cpath d='M8 16L12 10' stroke='%23999B9D' stroke-linecap='round'/%3E%3Cpath d='M12 16L16 16' stroke='%23999B9D' stroke-linecap='round'/%3E%3C/svg%3E%0A") !important;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/root-folder.svg') !important;
 }
 
 .vitro-tree-view :global(.jstree-node.jstree-open) :global(.jstree-anchor.jstree-clicked) :global(.jstree-icon.folder) {
-    /* folder-opened-selected.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='M5.49122 10.6332L5.65217 11.0749L5.49122 10.6332C5.26752 10.7147 4.93925 10.8561 4.68041 11.0743C4.28128 11.4108 4.07788 11.784 3.94081 12.1788C3.87518 12.3678 3.82376 12.5649 3.77492 12.7552C3.77085 12.771 3.76679 12.7869 3.76273 12.8027C3.71679 12.982 3.67084 13.1614 3.61215 13.3538C3.50172 13.7159 2.92642 15.3491 2.5 16.5402V12V6C2.5 4.61929 3.61929 3.5 5 3.5H7.75736C8.4204 3.5 9.05629 3.76339 9.52513 4.23223L10.6464 5.35355C10.7402 5.44732 10.8674 5.5 11 5.5H19C20.3807 5.5 21.5 6.61929 21.5 8V10.7919C21.1397 10.6006 20.7373 10.5 20.3277 10.5H18.9908H12H12L6.34573 10.4998C6.08284 10.4998 5.78546 10.526 5.49122 10.6332Z' stroke='%23326AD6' stroke-linejoin='round'/%3E%3Cpath d='M3.3971 12.2106C3.75306 10.9055 4.93853 10 6.29139 10H20.0722C22.0504 10 23.487 11.8809 22.9665 13.7894L21.6029 18.7894C21.2469 20.0945 20.0615 21 18.7086 21H4.92775C2.94963 21 1.51298 19.1191 2.03346 17.2106L3.3971 12.2106Z' fill='%234292F7'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/folder-opened-selected.svg');
 }
 
 .vitro-tree-view :global(.jstree-node.jstree-open) :global(.jstree-anchor) :global(.jstree-icon.folder) {
-    /* folder-opened.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='M5.49122 10.6332L5.65217 11.0749L5.49122 10.6332C5.26752 10.7147 4.93925 10.8561 4.68041 11.0743C4.28128 11.4108 4.07788 11.784 3.94081 12.1788C3.87518 12.3678 3.82376 12.5649 3.77492 12.7552C3.77085 12.771 3.76679 12.7869 3.76273 12.8027C3.71679 12.982 3.67084 13.1614 3.61215 13.3538C3.50172 13.7159 2.92642 15.3491 2.5 16.5402V12V6C2.5 4.61929 3.61929 3.5 5 3.5H7.75736C8.4204 3.5 9.05629 3.76339 9.52513 4.23223L10.6464 5.35355C10.7402 5.44732 10.8674 5.5 11 5.5H19C20.3807 5.5 21.5 6.61929 21.5 8V10.7919C21.1397 10.6006 20.7373 10.5 20.3277 10.5H18.9908H12H12L6.34573 10.4998C6.08284 10.4998 5.78546 10.526 5.49122 10.6332Z' stroke='%23999B9D' stroke-linejoin='round'/%3E%3Cpath d='M3.87948 12.3422C4.17611 11.2546 5.16401 10.5 6.29139 10.5H20.0722C21.7207 10.5 22.9179 12.0674 22.4842 13.6578L21.1205 18.6578C20.8239 19.7454 19.836 20.5 18.7086 20.5H4.92775C3.27932 20.5 2.08211 18.9326 2.51584 17.3422L3.87948 12.3422Z' stroke='%23999B9D'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/folder-opened.svg');
 }
 
 .vitro-tree-view :global(.jstree-node.jstree-closed) :global(.jstree-anchor.jstree-clicked) :global(.jstree-icon.folder), .vitro-tree-view :global(.jstree-node.jstree-leaf) :global(.jstree-anchor.jstree-clicked) :global(.jstree-icon.folder) {
-    /* folder-closed-selected.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='M10.6464 6.35355C10.7402 6.44732 10.8674 6.5 11 6.5H19C20.3807 6.5 21.5 7.61929 21.5 9V17C21.5 18.3807 20.3807 19.5 19 19.5H5C3.61929 19.5 2.5 18.3807 2.5 17V7C2.5 5.61929 3.61929 4.5 5 4.5H7.75736C8.4204 4.5 9.05629 4.76339 9.52513 5.23223L10.6464 6.35355Z' fill='%234292F7' stroke='%234292F7' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/folder-closed-selected.svg');
 }
 
 .vitro-tree-view :global(.jstree-node.jstree-closed) :global(.jstree-anchor) :global(.jstree-icon.folder), .vitro-tree-view :global(.jstree-node.jstree-leaf) :global(.jstree-anchor) :global(.jstree-icon.folder) {
-    /* folder-closed.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='M10.6464 6.35355C10.7402 6.44732 10.8674 6.5 11 6.5H19C20.3807 6.5 21.5 7.61929 21.5 9V17C21.5 18.3807 20.3807 19.5 19 19.5H5C3.61929 19.5 2.5 18.3807 2.5 17V7C2.5 5.61929 3.61929 4.5 5 4.5H7.75736C8.4204 4.5 9.05629 4.76339 9.52513 5.23223L10.6464 6.35355Z' stroke='%23999B9D' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/folder-closed.svg');
 }
 
 .vitro-tree-view :global(.jstree-icon) {
@@ -103,30 +98,25 @@
 }
 
 .vitro-tree-view :global(.jstree-open > .jstree-icon.jstree-ocl) {
-    /* tree-opened.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='M17 10L12 15L7 10' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/collapse-bottom-grey.svg');
     background-repeat: no-repeat;
     background-position: center center !important;
 }
 
 .vitro-tree-view :global(.jstree-closed > .jstree-icon.jstree-ocl) {
-    /* tree-closed.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='M9.5 7L14.5 12L9.5 17' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/collapse-right-grey.svg');
     background-repeat: no-repeat;
     background-position: center center !important;
 }
 
 .vitro-tree-view :global(.jstree-checkbox) {
-    /* checkbox-big-empty.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%3Crect x='2.5' y='2.5' width='19' height='19' rx='2' stroke='%23C0CAD5'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/checkbox-big-empty.svg');
 }
 
 .vitro-tree-view :global(.jstree-checked .jstree-checkbox) {
-    /* checkbox-big-active.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%3Crect x='2' y='2' width='20' height='20' rx='2.5' fill='%234292F7'/%3E%3Cpath d='M16.7062 8.50593C17.0826 8.86144 17.0996 9.45479 16.7441 9.83121L11.4316 15.4562C11.2577 15.6404 11.0166 15.7463 10.7634 15.7499C10.5101 15.7535 10.2662 15.6545 10.0871 15.4754L7.27459 12.6629C6.90847 12.2968 6.90847 11.7032 7.27459 11.3371C7.6407 10.971 8.2343 10.971 8.60041 11.3371L10.7308 13.4675L15.3809 8.54379C15.7364 8.16737 16.3298 8.15042 16.7062 8.50593Z' fill='white'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/checkbox-big-active.svg');
 }
 
 .vitro-tree-view :global(.jstree-checkbox.jstree-undetermined) {
-    /* checkbox-big-undetermined.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%3Crect x='7' y='7' width='10' height='10' rx='1' fill='%234292F7'/%3E%3Crect x='2.625' y='2.625' width='18.75' height='18.75' rx='1.875' stroke='%23C0CAD5' stroke-width='1.25'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/tree-view/img/checkbox-big-undetermined.svg');
 }

package/css/std/controls/uploader/img/cancel-grey.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.50781 11.4946L8.00315 7.99924L11.4985 11.4946M11.4985 4.50391L8.00248 7.99924L4.50781 4.50391" stroke="#8E98A3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/uploader/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/uploader/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/uploader/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/uploader/img/upload-blue.svg

@@ -0,0 +1,3 @@
+<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.4997 29.3327V17.3327M16.4997 17.3327L21.1663 21.9993M16.4997 17.3327L11.833 21.9993M27.1663 23.4753C29.1583 22.6953 31.1663 20.918 31.1663 17.3327C31.1663 11.9993 26.7223 10.666 24.4997 10.666C24.4997 7.99935 24.4997 2.66602 16.4997 2.66602C8.49967 2.66602 8.49967 7.99935 8.49967 10.666C6.27701 10.666 1.83301 11.9993 1.83301 17.3327C1.83301 20.918 3.84101 22.6953 5.83301 23.4753" stroke="#66B1FF" stroke-width="1.25635" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/uploader/uploader.css

@@ -5,6 +5,7 @@
     width: 241px;
     height: 96px;
     z-index: 1;
+    user-select: none;
 }
 
 .vitro-uploader:global(.vitro-dropzone-active) {
@@ -60,6 +61,8 @@
     max-height: 177px;
     overflow-y: auto;
     overflow-x: hidden;
+    margin-right: -12px !important;
+    padding-right: 12px !important;
 }
 
 .vitro-uploader :global(.k-upload-files)::-webkit-scrollbar {
@@ -118,46 +121,6 @@
     background-size: 100%;
 }
 
-.vitro-uploader :global(.k-i-file-pdf)::before {
-    /* pdf.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='Format'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M17.4026 0H2.60156V24H21.4021V3.9995L17.4026 0Z' fill='white'/%3E%3Cpath id='Vector_2' d='M18.2058 11.8691C17.9174 11.3551 16.9209 11.1937 16.4638 11.121C16.1035 11.0637 15.7356 11.0466 15.3712 11.0469C15.085 11.045 14.803 11.0591 14.5247 11.0749C14.4221 11.0818 14.3206 11.0907 14.2191 11.0995C14.1151 10.9918 14.0145 10.8806 13.9173 10.7668C13.2982 10.0341 12.7984 9.20305 12.3912 8.33951C12.4993 7.92226 12.5858 7.48681 12.6381 7.03458C12.7334 6.20919 12.7662 5.26854 12.4569 4.48163C12.3502 4.21003 12.0654 3.87939 11.7369 4.04404C11.3592 4.23338 11.253 4.76984 11.2222 5.15012C11.1974 5.4575 11.2148 5.76566 11.2664 6.06789C11.319 6.37218 11.4036 6.66111 11.4957 6.94964C11.5817 7.21419 11.6764 7.47668 11.7797 7.73672C11.7142 7.94142 11.6446 8.14256 11.5715 8.33856C11.4012 8.78525 11.217 9.20962 11.0398 9.61785C10.9464 9.82025 10.855 10.0184 10.7656 10.2121C10.4825 10.8339 10.1752 11.4443 9.83029 12.0343C9.0258 12.3181 8.30387 12.6471 7.70432 13.0337C7.3827 13.2415 7.0986 13.4672 6.86199 13.7147C6.63861 13.9484 6.41158 14.2516 6.39171 14.5874C6.38055 14.7769 6.45559 14.9607 6.61082 15.0732C6.82431 15.2327 7.10723 15.2221 7.35491 15.1701C8.16629 14.9999 8.78935 14.3025 9.31995 13.7146C9.68543 13.3097 10.1014 12.7956 10.5365 12.1738C10.5375 12.1724 10.5384 12.171 10.5395 12.1695C11.2858 11.9381 12.098 11.7428 12.9601 11.5992C13.3539 11.5339 13.7581 11.4805 14.1705 11.4429C14.4604 11.7145 14.7738 11.9618 15.1156 12.1683C15.3818 12.3321 15.6649 12.4704 15.9613 12.5736C16.261 12.6715 16.5625 12.7514 16.8738 12.802C17.031 12.8245 17.1918 12.8347 17.3561 12.8285C17.7227 12.8147 18.2488 12.6741 18.2833 12.2293C18.2939 12.0931 18.2646 11.9738 18.2058 11.8691ZM9.42951 12.6852C9.25781 12.9512 9.09221 13.1904 8.93619 13.4009C8.55409 13.9208 8.11769 14.5384 7.48584 14.7693C7.36584 14.8131 7.20784 14.8584 7.04129 14.8486C6.89294 14.8399 6.74666 14.7744 6.75339 14.606C6.75671 14.5178 6.79985 14.4053 6.86603 14.2948C6.93846 14.1736 7.02815 14.0625 7.12528 13.9603C7.33338 13.7416 7.59651 13.5297 7.89921 13.3335C8.36348 13.0323 8.91775 12.7612 9.53558 12.5193C9.50004 12.5755 9.46458 12.6313 9.42951 12.6852ZM11.5844 6.01533C11.5367 5.73716 11.5295 5.45512 11.5588 5.18392C11.5734 5.04832 11.601 4.91597 11.641 4.79193C11.6748 4.68665 11.748 4.4297 11.8647 4.39669C12.057 4.34223 12.1162 4.7552 12.1379 4.87204C12.2619 5.53665 12.1527 6.27576 12.0039 6.92771C11.9802 7.03141 11.9539 7.13345 11.9269 7.23509C11.8808 7.10835 11.8369 6.98122 11.7964 6.85346C11.7094 6.57443 11.6297 6.29215 11.5844 6.01533ZM12.905 11.262C12.1823 11.3791 11.4948 11.5326 10.8485 11.7138C10.9263 11.692 11.2819 11.0182 11.3612 10.8783C11.7349 10.2201 12.0406 9.52927 12.2603 8.80457C12.6482 9.5717 13.1189 10.3056 13.6973 10.9588C13.7506 11.0181 13.8047 11.0767 13.8598 11.1345C13.5357 11.1694 13.2168 11.2119 12.905 11.262ZM17.7926 12.1877C17.7661 12.3305 17.461 12.4122 17.3186 12.4347C16.8977 12.5009 16.4526 12.4479 16.0498 12.3126C15.7735 12.2199 15.5069 12.0935 15.2537 11.9416C15.002 11.7895 14.7665 11.6106 14.5463 11.4133C14.8178 11.397 15.0925 11.3863 15.3686 11.3916C15.6447 11.3943 15.923 11.4083 16.1978 11.4441C16.7132 11.5016 17.2908 11.6785 17.6965 12.013C17.7763 12.0789 17.8018 12.1372 17.7926 12.1877Z' fill='%23FB3449'/%3E%3Cpath id='Vector_3' d='M18.0215 1.99979H2.60156V0H17.4026L18.0215 1.99979Z' fill='%23FB3449'/%3E%3Cg id='Group_2'%3E%3Cpath id='Vector_4' d='M10.0453 19.0908C10.0453 19.5151 9.92022 19.8429 9.66992 20.074C9.41962 20.3052 9.0642 20.4208 8.60349 20.4208H8.31512V21.6808H7.28906V17.8828H8.60357C9.08328 17.8828 9.44353 17.9876 9.68425 18.1972C9.92497 18.4067 10.0453 18.7046 10.0453 19.0908ZM8.3152 19.5843H8.50225C8.65637 19.5843 8.77891 19.5411 8.86986 19.4544C8.96082 19.3678 9.00625 19.2483 9.00625 19.0959C9.00625 18.8396 8.86424 18.7114 8.58022 18.7114H8.3152V19.5843Z' fill='%23A4A9AD'/%3E%3Cpath id='Vector_5' d='M13.8723 19.7012C13.8723 20.3351 13.6978 20.8235 13.3489 21.1664C12.9999 21.5093 12.5093 21.6808 11.8772 21.6808H10.6484V17.8828H11.9629C12.5725 17.8828 13.0431 18.0387 13.3748 18.3504C13.7064 18.6621 13.8723 19.1125 13.8723 19.7012ZM12.8073 19.7377C12.8073 19.3895 12.7384 19.1315 12.6007 18.9635C12.4631 18.7955 12.2539 18.7115 11.9733 18.7115H11.6747V20.8391H11.9033C12.2151 20.8391 12.4436 20.7486 12.5891 20.5676C12.7345 20.3867 12.8073 20.11 12.8073 19.7377Z' fill='%23A4A9AD'/%3E%3Cpath id='Vector_6' d='M15.5652 21.6808H14.5547V17.8828H16.7992V18.7063H15.5652V19.4311H16.7031V20.2546H15.5652V21.6808Z' fill='%23A4A9AD'/%3E%3C/g%3E%3Cpath id='Vector_7' d='M17.4062 3.9995H21.4057L17.4062 0V3.9995Z' fill='%23D1D3D3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
-}
-
-.vitro-uploader :global(.k-i-file-data)::before {
-    /* xls.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%234CAF50;' d='M294.656,13.014c-2.531-2.056-5.863-2.842-9.045-2.133l-277.333,64 C3.397,76.003-0.047,80.369,0,85.377v362.667c0.002,5.263,3.843,9.739,9.045,10.539l277.333,42.667 c5.823,0.895,11.269-3.099,12.164-8.921c0.082-0.535,0.124-1.076,0.124-1.617V21.377C298.676,18.124,297.199,15.045,294.656,13.014 z'/%3E%3Cpath style='fill:%234CAF50;' d='M501.334,458.71H288c-5.891,0-10.667-4.776-10.667-10.667c0-5.891,4.776-10.667,10.667-10.667 h202.667V74.71H288c-5.891,0-10.667-4.776-10.667-10.667S282.109,53.377,288,53.377h213.333c5.891,0,10.667,4.776,10.667,10.667 v384C512,453.935,507.225,458.71,501.334,458.71z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='fill:%23FAFAFA;' d='M202.667,352.044c-3.678,0-7.096-1.895-9.045-5.013L86.955,176.364 c-3.279-4.894-1.969-11.52,2.925-14.799s11.52-1.969,14.799,2.925c0.129,0.192,0.251,0.388,0.367,0.588l106.667,170.667 c3.11,5.003,1.576,11.58-3.427,14.691C206.599,351.484,204.653,352.041,202.667,352.044z'/%3E%3Cpath style='fill:%23FAFAFA;' d='M96,352.044c-5.891-0.012-10.657-4.797-10.645-10.688c0.004-1.992,0.566-3.943,1.621-5.632 l106.667-170.667c2.954-5.097,9.481-6.834,14.577-3.88c5.097,2.954,6.834,9.481,3.88,14.577c-0.116,0.2-0.238,0.396-0.367,0.588 L105.067,347.009C103.119,350.142,99.69,352.047,96,352.044z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='fill:%234CAF50;' d='M373.334,458.71c-5.891,0-10.667-4.776-10.667-10.667v-384c0-5.891,4.776-10.667,10.667-10.667 c5.891,0,10.667,4.776,10.667,10.667v384C384,453.935,379.225,458.71,373.334,458.71z'/%3E%3Cpath style='fill:%234CAF50;' d='M501.334,394.71H288c-5.891,0-10.667-4.776-10.667-10.667c0-5.891,4.776-10.667,10.667-10.667 h213.333c5.891,0,10.667,4.776,10.667,10.667C512,389.935,507.225,394.71,501.334,394.71z'/%3E%3Cpath style='fill:%234CAF50;' d='M501.334,330.71H288c-5.891,0-10.667-4.776-10.667-10.667c0-5.891,4.776-10.667,10.667-10.667 h213.333c5.891,0,10.667,4.776,10.667,10.667C512,325.935,507.225,330.71,501.334,330.71z'/%3E%3Cpath style='fill:%234CAF50;' d='M501.334,266.71H288c-5.891,0-10.667-4.776-10.667-10.667c0-5.891,4.776-10.667,10.667-10.667 h213.333c5.891,0,10.667,4.776,10.667,10.667C512,261.935,507.225,266.71,501.334,266.71z'/%3E%3Cpath style='fill:%234CAF50;' d='M501.334,202.71H288c-5.891,0-10.667-4.776-10.667-10.667s4.776-10.667,10.667-10.667h213.333 c5.891,0,10.667,4.776,10.667,10.667S507.225,202.71,501.334,202.71z'/%3E%3Cpath style='fill:%234CAF50;' d='M501.334,138.71H288c-5.891,0-10.667-4.776-10.667-10.667c0-5.891,4.776-10.667,10.667-10.667 h213.333c5.891,0,10.667,4.776,10.667,10.667C512,133.935,507.225,138.71,501.334,138.71z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
-}
-
-.vitro-uploader :global(.k-i-file-image)::before {
-    /* jpg.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 56 56' style='enable-background:new 0 0 56 56;' xml:space='preserve' width='512px' height='512px' class=''%3E%3Cg%3E%3Cg%3E%3Cpath style='fill:%23E9E9E0;' d='M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z' data-original='%23E9E9E0' class=''/%3E%3Cpolygon style='fill:%23D9D7CA;' points='37.5,0.151 37.5,12 49.349,12 ' data-original='%23D9D7CA'/%3E%3Ccircle style='fill:%23F3D55B;' cx='18.931' cy='14.431' r='4.569' data-original='%23F3D55B'/%3E%3Cpolygon style='fill:%2326B99A' points='6.5,39 17.5,39 49.5,39 49.5,28 39.5,18.5 29,30 23.517,24.517 ' data-original='%2326B99A' class=''/%3E%3Cpath style='fill:%2326B99A' d='M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z' data-original='%2314A085' class='' data-old_color='%2314A085'/%3E%3Cg%3E%3Cpath style='fill:%2326B99A' d='M21.426,42.65v7.848c0,0.474-0.087,0.873-0.26,1.196c-0.173,0.323-0.406,0.583-0.697,0.779 c-0.292,0.196-0.627,0.333-1.005,0.41C19.085,52.961,18.696,53,18.295,53c-0.201,0-0.436-0.021-0.704-0.062 c-0.269-0.041-0.547-0.104-0.834-0.191s-0.563-0.185-0.827-0.294c-0.265-0.109-0.488-0.232-0.67-0.369l0.697-1.107 c0.091,0.063,0.221,0.13,0.39,0.198c0.168,0.068,0.353,0.132,0.554,0.191c0.2,0.06,0.41,0.111,0.629,0.157 s0.424,0.068,0.615,0.068c0.483,0,0.868-0.094,1.155-0.28s0.439-0.504,0.458-0.95V42.65H21.426z' data-original='%23FFFFFF' class='active-path' data-old_color='%23FFFFFF'/%3E%3Cpath style='fill:%2326B99A' d='M25.514,52.932h-1.641V42.855h2.898c0.428,0,0.852,0.068,1.271,0.205 c0.419,0.137,0.795,0.342,1.128,0.615c0.333,0.273,0.602,0.604,0.807,0.991s0.308,0.822,0.308,1.306 c0,0.511-0.087,0.973-0.26,1.388c-0.173,0.415-0.415,0.764-0.725,1.046c-0.31,0.282-0.684,0.501-1.121,0.656 s-0.921,0.232-1.449,0.232h-1.217V52.932z M25.514,44.1v3.992h1.504c0.2,0,0.398-0.034,0.595-0.103 c0.196-0.068,0.376-0.18,0.54-0.335s0.296-0.371,0.396-0.649c0.1-0.278,0.15-0.622,0.15-1.032c0-0.164-0.023-0.354-0.068-0.567 c-0.046-0.214-0.139-0.419-0.28-0.615c-0.142-0.196-0.34-0.36-0.595-0.492C27.5,44.166,27.163,44.1,26.744,44.1H25.514z' data-original='%23FFFFFF' class='active-path' data-old_color='%23FFFFFF'/%3E%3Cpath style='fill:%2326B99A' d='M39.5,47.736v3.896c-0.21,0.265-0.444,0.48-0.704,0.649s-0.533,0.308-0.82,0.417 s-0.583,0.187-0.889,0.232C36.781,52.978,36.479,53,36.178,53c-0.602,0-1.155-0.109-1.661-0.328s-0.948-0.542-1.326-0.971 c-0.378-0.429-0.675-0.966-0.889-1.613c-0.214-0.647-0.321-1.395-0.321-2.242s0.107-1.593,0.321-2.235 c0.214-0.643,0.51-1.178,0.889-1.606c0.378-0.429,0.822-0.754,1.333-0.978c0.51-0.224,1.062-0.335,1.654-0.335 c0.547,0,1.057,0.091,1.531,0.273c0.474,0.183,0.897,0.456,1.271,0.82l-1.135,1.012c-0.219-0.265-0.47-0.456-0.752-0.574 c-0.283-0.118-0.574-0.178-0.875-0.178c-0.337,0-0.659,0.063-0.964,0.191c-0.306,0.128-0.579,0.344-0.82,0.649 c-0.242,0.306-0.431,0.699-0.567,1.183s-0.21,1.075-0.219,1.777c0.009,0.684,0.08,1.276,0.212,1.777 c0.132,0.501,0.314,0.911,0.547,1.23s0.497,0.556,0.793,0.711c0.296,0.155,0.608,0.232,0.937,0.232c0.1,0,0.234-0.007,0.403-0.021 c0.168-0.014,0.337-0.036,0.506-0.068c0.168-0.032,0.33-0.075,0.485-0.13c0.155-0.055,0.269-0.132,0.342-0.232v-2.488h-1.709 v-1.121H39.5z' data-original='%23FFFFFF' class='active-path' data-old_color='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
-}
-
-.vitro-uploader :global(.k-i-file-presentation)::before {
-    /* ppt.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='Format'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M17.4026 0H2.60156V24H21.4021V3.9995L17.4026 0Z' fill='white'/%3E%3Cg id='Group_2'%3E%3Cpath id='Vector_2' d='M16.6857 4.88281H7.19531V14.3732H16.6857V4.88281Z' fill='%23FF671B'/%3E%3Cpath id='Vector_3' d='M15.8594 5.70312H8.01562V13.5467H15.8594V5.70312Z' fill='white'/%3E%3Cg id='Group_3'%3E%3Cpath id='Vector_4' d='M14.734 7.29688H9.15625V11.9619H14.734V7.29688Z' fill='%23FF671B'/%3E%3Cpath id='Vector_5' d='M14.3167 7.78125H9.57812V8.38389H14.3167V7.78125Z' fill='white'/%3E%3Cpath id='Vector_6' d='M10.7619 8.90234C10.1082 8.90234 9.57812 9.43239 9.57812 10.0861C9.57812 10.7399 10.1081 11.2699 10.7619 11.2699C11.4156 11.2699 11.9457 10.7399 11.9457 10.0861H10.7619V8.90234Z' fill='white'/%3E%3Cpath id='Vector_7' d='M14.3108 8.98828H12.5V9.33927H14.3108V8.98828Z' fill='white'/%3E%3Cpath id='Vector_8' d='M14.3108 9.73438H12.5V10.0853H14.3108V9.73438Z' fill='white'/%3E%3Cpath id='Vector_9' d='M14.3108 10.4844H12.5V10.8352H14.3108V10.4844Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cpath id='Vector_10' d='M18.0215 1.99979H2.60156V0H17.4026L18.0215 1.99979Z' fill='%23FF671B'/%3E%3Cg id='Group_4'%3E%3Cpath id='Vector_11' d='M10.1782 19.0908C10.1782 19.5151 10.053 19.8429 9.80281 20.074C9.55251 20.3052 9.19709 20.4208 8.73639 20.4208H8.44801V21.6808H7.42188V17.8828H8.73639C9.21609 17.8828 9.57634 17.9876 9.81706 18.1972C10.0578 18.4067 10.1782 18.7046 10.1782 19.0908ZM8.44801 19.5843H8.63506C8.78919 19.5843 8.91172 19.5411 9.00268 19.4544C9.09355 19.3678 9.13907 19.2483 9.13907 19.0959C9.13907 18.8396 8.99706 18.7114 8.71303 18.7114H8.44801V19.5843Z' fill='%23A4A9AD'/%3E%3Cpath id='Vector_12' d='M13.5376 19.0908C13.5376 19.5151 13.4124 19.8429 13.1622 20.074C12.9119 20.3052 12.5565 20.4208 12.0958 20.4208H11.8074V21.6808H10.7812V17.8828H12.0958C12.5755 17.8828 12.9356 17.9876 13.1764 18.1972C13.4172 18.4067 13.5376 18.7046 13.5376 19.0908ZM11.8075 19.5843H11.9944C12.1486 19.5843 12.2711 19.5411 12.3621 19.4544C12.453 19.3678 12.4985 19.2483 12.4985 19.0959C12.4985 18.8396 12.3564 18.7114 12.0724 18.7114H11.8075V19.5843Z' fill='%23A4A9AD'/%3E%3Cpath id='Vector_13' d='M15.8207 21.6808H14.7946V18.7219H13.8672V17.8828H16.7455V18.7219H15.8207L15.8207 21.6808Z' fill='%23A4A9AD'/%3E%3C/g%3E%3Cpath id='Vector_14' d='M17.4062 3.9995H21.4057L17.4062 0V3.9995Z' fill='%23D1D3D3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
-}
-
-.vitro-uploader :global(.k-i-file-zip)::before {
-    /* zip.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 56 56' style='enable-background:new 0 0 56 56;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%23E9E9E0;' d='M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z'/%3E%3Cpolygon style='fill:%23D9D7CA;' points='37.5,0.151 37.5,12 49.349,12 '/%3E%3Cpath style='fill:%23556080;' d='M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z'/%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M25.266,42.924v1.326l-4.799,7.205l-0.273,0.219h5.072V53h-6.699v-1.326l4.799-7.205l0.287-0.219 h-5.086v-1.326H25.266z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M29.271,53h-1.668V42.924h1.668V53z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M33.414,53h-1.641V42.924h2.898c0.428,0,0.852,0.068,1.271,0.205 c0.419,0.137,0.795,0.342,1.128,0.615c0.333,0.273,0.602,0.604,0.807,0.991s0.308,0.822,0.308,1.306 c0,0.511-0.087,0.973-0.26,1.388c-0.173,0.415-0.415,0.764-0.725,1.046c-0.31,0.282-0.684,0.501-1.121,0.656 s-0.921,0.232-1.449,0.232h-1.217V53z M33.414,44.168v3.992h1.504c0.2,0,0.398-0.034,0.595-0.103 c0.196-0.068,0.376-0.18,0.54-0.335s0.296-0.371,0.396-0.649c0.1-0.278,0.15-0.622,0.15-1.032c0-0.164-0.023-0.354-0.068-0.567 c-0.046-0.214-0.139-0.419-0.28-0.615c-0.142-0.196-0.34-0.36-0.595-0.492c-0.255-0.132-0.593-0.198-1.012-0.198H33.414z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='fill:%23C8BDB8;' d='M28.5,24v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2v2h2v2h-2v2h2v2h-2v2h2v2h-2v2h2v2 h-4v5c0,2.757,2.243,5,5,5s5-2.243,5-5v-5H28.5z M30.5,29c0,1.654-1.346,3-3,3s-3-1.346-3-3v-3h6V29z'/%3E%3Cpath style='fill:%23C8BDB8;' d='M26.5,30h2c0.552,0,1-0.447,1-1s-0.448-1-1-1h-2c-0.552,0-1,0.447-1,1S25.948,30,26.5,30z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
-}
-
-.vitro-uploader :global(.k-i-file-txt)::before {
-    /* txt.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='Format'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M17.4026 0H2.60156V24H21.4021V3.9995L17.4026 0Z' fill='white'/%3E%3Cg id='Group_2'%3E%3Cpath id='Vector_2' d='M11.2733 13.1719H7.35156V14.1903H11.2733V13.1719Z' fill='%23D1D3D3'/%3E%3Cpath id='Vector_3' d='M15.8645 11.2188H7.35156V12.2371H15.8645V11.2188Z' fill='%23D1D3D3'/%3E%3Cpath id='Vector_4' d='M16.6568 9.26562H7.35156V10.284H16.6568V9.26562Z' fill='%23D1D3D3'/%3E%3Cpath id='Vector_5' d='M13.8591 7.31641H7.35156V8.33478H13.8591V7.31641Z' fill='%23D1D3D3'/%3E%3Cpath id='Vector_6' d='M16.6568 5.36719H7.35156V6.38557H16.6568V5.36719Z' fill='%23D1D3D3'/%3E%3C/g%3E%3Cg id='Group_3'%3E%3Cpath id='Vector_7' d='M8.96129 21.6808H7.93516V18.7219H7.00781V17.8828H9.88611V18.7219H8.96129V21.6808Z' fill='%23A4A9AD'/%3E%3Cpath id='Vector_8' d='M13.8526 21.6809H12.6654L11.9251 20.4936L11.1924 21.6809H10.0312L11.2912 19.7377L10.1066 17.8828H11.2444L11.9302 19.0571L12.5901 17.8828H13.7617L12.5589 19.8182L13.8526 21.6809Z' fill='%23A4A9AD'/%3E%3Cpath id='Vector_9' d='M15.9536 21.6808H14.9274V18.7219H14V17.8828H16.8783V18.7219H15.9535L15.9536 21.6808Z' fill='%23A4A9AD'/%3E%3C/g%3E%3Cpath id='Vector_10' d='M18.0215 1.99979H2.60156V0H17.4026L18.0215 1.99979Z' fill='%23A4A9AD'/%3E%3Cpath id='Vector_11' d='M17.4062 3.9995H21.4057L17.4062 0V3.9995Z' fill='%23D1D3D3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
-}
-
-.vitro-uploader :global(.k-i-file)::before {
-    /* default.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 56 56' style='enable-background:new 0 0 56 56;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%23E9E9E0;' d='M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074 c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z'/%3E%3Cpolygon style='fill:%23D9D7CA;' points='37.5,0.151 37.5,12 49.349,12 '/%3E%3Cpath style='fill:%23C8BDB8;' d='M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z'/%3E%3Ccircle style='fill:%23FFFFFF;' cx='18.5' cy='47' r='3'/%3E%3Ccircle style='fill:%23FFFFFF;' cx='28.5' cy='47' r='3'/%3E%3Ccircle style='fill:%23FFFFFF;' cx='38.5' cy='47' r='3'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
-}
-
-.vitro-uploader :global(.k-i-file-video)::before {
-    /* mp4.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg height='480pt' viewBox='-48 0 480 480' width='480pt' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m376 112-96-104v104zm0 0' fill='%239bc9ff'/%3E%3Cpath d='m192 168c-61.855469 0-112 50.144531-112 112s50.144531 112 112 112 112-50.144531 112-112-50.144531-112-112-112zm-32 176v-128l96 64zm0 0' fill='%239bc9ff'/%3E%3Cg fill='%231a6fb0'%3E%3Cpath d='m383.902344 111.511719c-.039063-.636719-.15625-1.269531-.351563-1.878907-.0625-.273437-.144531-.539062-.246093-.800781-.339844-.835937-.824219-1.609375-1.433594-2.28125l-96-104c-.683594-.71875-1.496094-1.300781-2.398438-1.710937-.242187-.113282-.492187-.207032-.746094-.289063-.726562-.269531-1.492187-.433593-2.269531-.4804685-.152343.0195313-.296875-.0703125-.457031-.0703125h-272c-4.417969 0-8 3.582031-8 8v464c0 4.417969 3.582031 8 8 8h368c4.417969 0 8-3.582031 8-8v-360c0-.167969-.078125-.320312-.097656-.488281zm-26.175782-7.511719h-69.726562v-75.535156zm-341.726562 360v-448h256v96c0 4.417969 3.582031 8 8 8h88v344zm0 0'/%3E%3Cpath d='m260.441406 273.34375-96-64c-2.457031-1.636719-5.613281-1.789062-8.214844-.398438-2.601562 1.390626-4.226562 4.105469-4.226562 7.054688v128c0 2.949219 1.625 5.664062 4.226562 7.054688 2.601563 1.390624 5.757813 1.238281 8.214844-.398438l96-64c2.222656-1.484375 3.558594-3.980469 3.558594-6.65625s-1.335938-5.171875-3.558594-6.65625zm-92.441406 55.703125v-98.09375l73.601562 49.046875zm0 0'/%3E%3Cpath d='m192 160c-66.273438 0-120 53.726562-120 120s53.726562 120 120 120 120-53.726562 120-120c-.074219-66.242188-53.757812-119.925781-120-120zm0 224c-57.4375 0-104-46.5625-104-104s46.5625-104 104-104 104 46.5625 104 104c-.066406 57.410156-46.589844 103.933594-104 104zm0 0'/%3E%3C/g%3E%3C/svg%3E");
-}
-
 .vitro-uploader :global(.k-file-name-size-wrapper) {
     position: relative;
 }
@@ -195,8 +158,7 @@
     height: 32px;
     padding: 0;
     background-color: #fff;
-    /* upload-blue.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4997 29.3327V17.3327M16.4997 17.3327L21.1663 21.9993M16.4997 17.3327L11.833 21.9993M27.1663 23.4753C29.1583 22.6953 31.1663 20.918 31.1663 17.3327C31.1663 11.9993 26.7223 10.666 24.4997 10.666C24.4997 7.99935 24.4997 2.66602 16.4997 2.66602C8.49967 2.66602 8.49967 7.99935 8.49967 10.666C6.27701 10.666 1.83301 11.9993 1.83301 17.3327C1.83301 20.918 3.84101 22.6953 5.83301 23.4753' stroke='%2366B1FF' stroke-width='1.25635' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/upload-blue.svg');
     background-repeat: no-repeat;
     background-position: center;
 }
@@ -227,8 +189,7 @@
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
-    /* upload-close.svg URL-encoder for SVG */
-    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/uploader/img/cancel-grey.svg');
 }
 
 .vitro-uploader :global(.k-dropzone) {
@@ -266,20 +227,17 @@
 }
 
 .vitro-uploader .vitro-button-close {
-    /* upload-close.svg URL-encoder for SVG */
-    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/uploader/img/cancel-grey.svg');
     right: 16px;
 }
 
 .vitro-button-show {
-    /* show.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='4' transform='matrix(0 1 1 0 0 0)' fill='white'/%3E%3Cpath d='M20 15L12 7L4 15' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/collapse-up.svg');
     right: 48px;
 }
 
 .vitro-button-hide {
-    /* hide.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='4' transform='matrix(1.19249e-08 -1 -1 -1.19249e-08 24 24)' fill='white'/%3E%3Cpath d='M4 9L12 17L20 9' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/collapse-bottom.svg');
     right: 48px;
 }
 
@@ -358,8 +316,7 @@
     background-position: center;
     margin-bottom: 4px;
     pointer-events: none;
-    /* upload-blue.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4997 29.3327V17.3327M16.4997 17.3327L21.1663 21.9993M16.4997 17.3327L11.833 21.9993M27.1663 23.4753C29.1583 22.6953 31.1663 20.918 31.1663 17.3327C31.1663 11.9993 26.7223 10.666 24.4997 10.666C24.4997 7.99935 24.4997 2.66602 16.4997 2.66602C8.49967 2.66602 8.49967 7.99935 8.49967 10.666C6.27701 10.666 1.83301 11.9993 1.83301 17.3327C1.83301 20.918 3.84101 22.6953 5.83301 23.4753' stroke='%2366B1FF' stroke-width='1.25635' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/upload-blue.svg');
 }
 
 .vitro-drop-zone-text {
@@ -381,9 +338,10 @@
 }
 
 .vitro-uploader .vitro-progress-bar {
-    width: 1%;
+    width: 0%;
     height: 8px;
     background: repeating-linear-gradient( 45deg, #3184FD, #3184FD 8px, #0D6EFD 8px, #0D6EFD 16px );
+    transition: width 1s ease;
 }
 
 :global(.vitro-display-none) {
@@ -417,8 +375,7 @@
     background-position: center;
     background-size: 100%;
     display: none;
-    /* 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/uploader/img/success.svg');
 }
 
 .vitro-uploader :global(.vitro-upload-complete) :global(#vitro-uploader-title) {

package/css/std/controls/user-profile/img/dropdown-menu-arrow.svg

@@ -0,0 +1 @@
+<svg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'><g filter='url(#filter0_dd_778_105705)'><path d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/></g><defs><filter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' 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 dy='4'/><feGaussianBlur stdDeviation='7'/><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.18 0'/><feBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/><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='2'/><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.14 0'/><feBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/><feBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/></filter></defs></svg>

package/css/std/controls/user-profile/user-profile.css

@@ -35,7 +35,7 @@
     border-radius: 4px;
     padding: 0;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
-    inset: calc(100% + 5px) 0px auto auto !important;
+    margin-top: 6px;
 }
 
 .vitro-user-profile :global(.dropdown-menu::before) {
@@ -50,8 +50,7 @@
     position: absolute;
     top: -21px;
     right: 0;
-    /* dropdown-arrow.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix 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'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix 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'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/user-profile/img/dropdown-menu-arrow.svg');
 }
 
 .vitro-dropdown-item {