@vitrosoftware/common-ui-ts 1.1.85 → 1.1.87

package/css/std/controls/lookup-picker/lookup-picker.css

@@ -88,7 +88,7 @@
     margin-right: 4px;
     background-size: 100%;
     background-position: center;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M7.99888 1.07255C12.1016 1.07255 15.4275 4.39843 15.4275 8.50112C15.4275 12.6038 12.1016 15.9297 7.99888 15.9297C3.8962 15.9297 0.570312 12.6038 0.570312 8.50112C0.570312 4.39843 3.8962 1.07255 7.99888 1.07255Z' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 9.5L8 4.5' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00446 11.6434C7.84667 11.6434 7.71875 11.7713 7.71875 11.9291C7.71875 12.0869 7.84667 12.2148 8.00446 12.2148' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00781 11.6434C8.16561 11.6434 8.29353 11.7713 8.29353 11.9291C8.29353 12.0869 8.16561 12.2148 8.00781 12.2148' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/error-message.svg');
 }
 
 .vitro-button-copy {
@@ -96,8 +96,7 @@
     width: 20px;
     display: inline-block;
     right: 0;
-    /* copy.svg URL-encoder for SVG */ 
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='copy-icon'%3E%3Cpath id='Vector' d='M4.33594 4.14517V3.27214C4.33594 2.0877 4.75567 1.66797 5.9401 1.66797H12.7318C13.9162 1.66797 14.3359 2.0877 14.3359 3.27214V10.0638C14.3359 11.2482 13.9162 11.668 12.7318 11.668H11.8414' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M10.0599 4.33203H3.26823C2.0838 4.33203 1.66406 4.75176 1.66406 5.9362V12.7279C1.66406 13.9123 2.0838 14.332 3.26823 14.332H10.0599C11.2443 14.332 11.6641 13.9123 11.6641 12.7279V5.9362C11.6641 4.75176 11.2443 4.33203 10.0599 4.33203Z' stroke='%238E98A3' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/copy-to-clipboard.svg');
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;
@@ -138,26 +137,21 @@
 }
 
 .vitro-button-close {
-    /* 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='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/cancel-red.svg');
 }
 
 .vitro-button-collapse-bottom {
-    /* 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%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/lookup-picker/img/collapse-bottom.svg');
 }
 
 .vitro-button-collapse-up {
-    /* 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%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/lookup-picker/img/collapse-up.svg');
 }
 
 .vitro-focus .vitro-button-collapse-up {
-    /* collapse-up-blue.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='M4.5 16.5L12 9L19.5 16.5' stroke='%233274E0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/collapse-up-blue.svg');
 }
 
 .vitro-error .vitro-button-collapse-bottom {
-    /* collapse-bottom-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='Chevron-dropdown-Big'%3E%3Cpath id='Vector 9' d='M19.5 9L12 16.5L4.5 9' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/collapse-bottom-red.svg');
 }

package/css/std/controls/main/main.css

@@ -0,0 +1,32 @@
+.vitro-main {
+    width: calc(100% - 56px);
+    height: 100%;
+    overflow-x: hidden;
+    margin-left: 56px;
+    position: relative;
+    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.09), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
+    border-radius: 4px 0px 0px 0px;
+    background: #fff;
+}
+
+.vitro-main > div {
+    overflow-y: hidden;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+:global(.toggled.pinned) .vitro-main {
+    margin-left: 208px;
+    width: calc(100% - 208px);
+}
+
+@media (max-width: 800px) {
+    .vitro-main {
+        width: calc(100% - 24px);
+        margin: 0 auto;
+        border-radius: 4px 4px 0px 0px;
+        height: calc(100% - 130px);
+        padding-bottom: 16px;
+    }
+}

package/css/std/controls/message-input/img/paperclip.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="icon_line/paperclip">
+<path id="Vector 16" d="M15.9969 6.24219L7.15809 15.081C6.5723 15.6668 6.5723 16.6166 7.15809 17.2023C7.74388 17.7881 8.69362 17.7881 9.27941 17.2023L18.1182 8.36351C19.2898 7.19193 19.2898 5.29244 18.1182 4.12087C16.9467 2.94929 15.0472 2.94929 13.8756 4.12087L5.03677 12.9597C3.27941 14.7171 3.27941 17.5663 5.03677 19.3237C6.79413 21.081 9.64337 21.081 11.4007 19.3237L20.4969 10.2275" stroke="#8E98A3" stroke-linecap="round"/>
+</g>
+</svg>

package/css/std/controls/message-input/img/send.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="icon_line/Send">
+<g id="Group 33514">
+<path id="Vector" d="M21.7365 10.9623C22.4909 11.3814 22.4909 12.4664 21.7365 12.8855L9.00978 19.9559C7.64603 20.7135 6.02992 19.4959 6.38207 17.9761L7.5752 12.8268C7.71285 12.2327 7.71285 11.6151 7.5752 11.021L6.38207 5.87172C6.02992 4.35191 7.64603 3.13428 9.00977 3.89192L21.7365 10.9623Z" fill="#347FDE"/>
+<path id="Vector 15" d="M8.46875 11.9219L13.4687 11.9219" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</g>
+</svg>

package/css/std/controls/message-input/message-input.css

@@ -63,8 +63,7 @@
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
-    /* paperclip.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15.9969 6.24219L7.15809 15.081C6.5723 15.6668 6.5723 16.6166 7.15809 17.2023C7.74388 17.7881 8.69362 17.7881 9.27941 17.2023L18.1182 8.36351C19.2898 7.19193 19.2898 5.29244 18.1182 4.12087C16.9467 2.94929 15.0472 2.94929 13.8756 4.12087L5.03677 12.9597C3.27941 14.7171 3.27941 17.5663 5.03677 19.3237C6.79413 21.081 9.64337 21.081 11.4007 19.3237L20.4969 10.2275' stroke='%238E98A3' stroke-linecap='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/message-input/img/paperclip.svg');
 }
 
 .vitro-button-send {
@@ -81,8 +80,7 @@
     background-repeat: no-repeat;
     box-shadow: 0px 0px 4px 0px rgba(19, 43, 74, 0.18);
     margin-left: 12px;
-    /* send.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%3Cg id='icon_line/Send'%3E%3Cg id='Group 33514'%3E%3Cpath id='Vector' d='M21.7365 10.9623C22.4909 11.3814 22.4909 12.4664 21.7365 12.8855L9.00978 19.9559C7.64603 20.7135 6.02992 19.4959 6.38207 17.9761L7.5752 12.8268C7.71285 12.2327 7.71285 11.6151 7.5752 11.021L6.38207 5.87172C6.02992 4.35191 7.64603 3.13428 9.00977 3.89192L21.7365 10.9623Z' fill='%23347FDE'/%3E%3Cpath id='Vector 15' d='M8.46875 11.9219L13.4687 11.9219' stroke='white' 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/message-input/img/send.svg');
 }
 
 .vitro-button-send:hover,

package/css/std/controls/page-layout/page-layout.css

@@ -0,0 +1,6 @@
+.vitro-page {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    background: #F7F9FC;
+}

package/css/std/controls/password-input/img/hide-password.svg

@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M22.6767 10.7074C22.961 11.0618 23.1183 11.5222 23.1183 11.9995C23.1183 12.4769 22.961 12.9373 22.6767 13.2917C20.8767 15.471 16.7795 19.7139 11.9967 19.7139C7.21381 19.7139 3.11667 15.471 1.31667 13.2917C1.03237 12.9373 0.875 12.4769 0.875 11.9995C0.875 11.5222 1.03237 11.0618 1.31667 10.7074C3.11667 8.52807 7.21381 4.28516 11.9967 4.28516C16.7795 4.28516 20.8767 8.52807 22.6767 10.7074Z' stroke='#8E98A3' stroke-linecap='round' stroke-linejoin='round'/><path d='M3.96875 20L19.9687 4' stroke='#8E98A3' stroke-linecap='round'/><path d='M11.9989 15.4275C13.8924 15.4275 15.4275 13.8924 15.4275 11.9989C15.4275 10.1053 13.8924 8.57031 11.9989 8.57031C10.1053 8.57031 8.57031 10.1053 8.57031 11.9989C8.57031 13.8924 10.1053 15.4275 11.9989 15.4275Z' stroke='#8E98A3' stroke-linecap='round' stroke-linejoin='round'/></svg>

package/css/std/controls/password-input/img/show-password.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="visible--eye-eyeball-open-view">
+<path id="Vector" d="M22.6767 10.7074C22.961 11.0618 23.1183 11.5222 23.1183 11.9995C23.1183 12.4769 22.961 12.9373 22.6767 13.2917C20.8767 15.471 16.7795 19.7139 11.9967 19.7139C7.21381 19.7139 3.11667 15.471 1.31667 13.2917C1.03237 12.9373 0.875 12.4769 0.875 11.9995C0.875 11.5222 1.03237 11.0618 1.31667 10.7074C3.11667 8.52807 7.21381 4.28516 11.9967 4.28516C16.7795 4.28516 20.8767 8.52807 22.6767 10.7074Z" stroke="#8E98A3" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M11.9989 15.4275C13.8924 15.4275 15.4275 13.8924 15.4275 11.9989C15.4275 10.1053 13.8924 8.57031 11.9989 8.57031C10.1053 8.57031 8.57031 10.1053 8.57031 11.9989C8.57031 13.8924 10.1053 15.4275 11.9989 15.4275Z" stroke="#8E98A3" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/css/std/controls/password-input/password-input.css

@@ -11,11 +11,9 @@
 }
 
 .vitro-button-show-password {
-    /* show-password.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='visible--eye-eyeball-open-view'%3E%3Cpath id='Vector' d='M22.6767 10.7074C22.961 11.0618 23.1183 11.5222 23.1183 11.9995C23.1183 12.4769 22.961 12.9373 22.6767 13.2917C20.8767 15.471 16.7795 19.7139 11.9967 19.7139C7.21381 19.7139 3.11667 15.471 1.31667 13.2917C1.03237 12.9373 0.875 12.4769 0.875 11.9995C0.875 11.5222 1.03237 11.0618 1.31667 10.7074C3.11667 8.52807 7.21381 4.28516 11.9967 4.28516C16.7795 4.28516 20.8767 8.52807 22.6767 10.7074Z' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M11.9989 15.4275C13.8924 15.4275 15.4275 13.8924 15.4275 11.9989C15.4275 10.1053 13.8924 8.57031 11.9989 8.57031C10.1053 8.57031 8.57031 10.1053 8.57031 11.9989C8.57031 13.8924 10.1053 15.4275 11.9989 15.4275Z' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/password-input/img/show-password.svg');
 }
 
 .vitro-button-hide-password {
-    /* hide-password.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%3Cpath d='M22.6767 10.7074C22.961 11.0618 23.1183 11.5222 23.1183 11.9995C23.1183 12.4769 22.961 12.9373 22.6767 13.2917C20.8767 15.471 16.7795 19.7139 11.9967 19.7139C7.21381 19.7139 3.11667 15.471 1.31667 13.2917C1.03237 12.9373 0.875 12.4769 0.875 11.9995C0.875 11.5222 1.03237 11.0618 1.31667 10.7074C3.11667 8.52807 7.21381 4.28516 11.9967 4.28516C16.7795 4.28516 20.8767 8.52807 22.6767 10.7074Z' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.96875 20L19.9687 4' stroke='%238E98A3' stroke-linecap='round'/%3E%3Cpath d='M11.9989 15.4275C13.8924 15.4275 15.4275 13.8924 15.4275 11.9989C15.4275 10.1053 13.8924 8.57031 11.9989 8.57031C10.1053 8.57031 8.57031 10.1053 8.57031 11.9989C8.57031 13.8924 10.1053 15.4275 11.9989 15.4275Z' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/password-input/img/hide-password.svg');
 }

package/css/std/controls/pdf-viewer/compare.css

@@ -287,13 +287,11 @@
     right: 0;
     transform: translate(0, -50%);
     background-repeat: no-repeat;
-    /* layer-unvisible.svg URL-encoder for svg */
-    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133923)'%3E%3Cpath d='M16.5 9C16.5 9.20856 16.3581 9.59902 15.9715 10.1138C15.6003 10.6081 15.0514 11.1527 14.361 11.6594C12.978 12.6745 11.0792 13.5 9 13.5C6.92079 13.5 5.02204 12.6745 3.63898 11.6594C2.94857 11.1527 2.39968 10.6081 2.02849 10.1138C1.6419 9.59902 1.5 9.20856 1.5 9C1.5 8.79144 1.6419 8.40098 2.02849 7.88619C2.39968 7.39191 2.94857 6.8473 3.63898 6.34059C5.02204 5.32554 6.92079 4.5 9 4.5C11.0792 4.5 12.978 5.32554 14.361 6.34059C15.0514 6.8473 15.6003 7.39191 15.9715 7.88619C16.3581 8.40098 16.5 8.79144 16.5 9Z' fill='%2394949F' stroke='%2394949F'/%3E%3Ccircle cx='9' cy='9' r='3.25' fill='%2394949F' stroke='white' stroke-width='1.5'/%3E%3Crect x='0.292893' y='16.1406' width='23' height='2' transform='rotate(-45 0.292893 16.1406)' fill='%2394949F' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133923'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    background-image: url('img/layer-unvisible.svg');
 }
 
 .compare-layer-visibility.active {
-    /* layer-visible.svg URL-encoder for svg */
-    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 9C16.5 9.20856 16.3581 9.59902 15.9715 10.1138C15.6003 10.6081 15.0514 11.1527 14.361 11.6594C12.978 12.6745 11.0792 13.5 9 13.5C6.92079 13.5 5.02204 12.6745 3.63898 11.6594C2.94857 11.1527 2.39968 10.6081 2.02849 10.1138C1.6419 9.59902 1.5 9.20856 1.5 9C1.5 8.79144 1.6419 8.40098 2.02849 7.88619C2.39968 7.39191 2.94857 6.8473 3.63898 6.34059C5.02204 5.32554 6.92079 4.5 9 4.5C11.0792 4.5 12.978 5.32554 14.361 6.34059C15.0514 6.8473 15.6003 7.39191 15.9715 7.88619C16.3581 8.40098 16.5 8.79144 16.5 9Z' fill='black' stroke='black'/%3E%3Ccircle cx='9' cy='9' r='2.25' fill='black' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
+    background-image: url('img/layer-visible.svg');
 }
 
 .compare-viewer-wrap.side-by-side #compareCanvasResult,

package/css/std/controls/pdf-viewer/custom.css

@@ -274,38 +274,31 @@ html[dir='ltr'] .toolbarButton#btnDrawAnnotation {
 }
 
 html[dir='ltr'] .toolbarButton#btnDrawAnnotation::before {
-    /* draw-annotation-toolbar.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133896)'%3E%3Crect x='0.5' y='0.5' width='10' height='6' rx='0.5' stroke='black'/%3E%3Cpath d='M2 2.5H9M2 4.5H7' stroke='black'/%3E%3Cpath d='M4 7H7V10L5.5 8.5L4 7Z' fill='black'/%3E%3Cpath d='M9 8.5H13.5V13.5H4.5L4.5 9.5' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133896'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/draw-annotation-toolbar.svg');
 }
 
 html[dir='ltr'] .toolbarButton#btnDrawAnnotation.rect::before {
-    /* draw-annotation-toolbar.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133896)'%3E%3Crect x='0.5' y='0.5' width='10' height='6' rx='0.5' stroke='black'/%3E%3Cpath d='M2 2.5H9M2 4.5H7' stroke='black'/%3E%3Cpath d='M4 7H7V10L5.5 8.5L4 7Z' fill='black'/%3E%3Cpath d='M9 8.5H13.5V13.5H4.5L4.5 9.5' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133896'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/draw-annotation-toolbar.svg');
 }
 
 html[dir='ltr'] .toolbarButton#btnDrawAnnotation.ellipse::before {
-    /* draw-annotation-toolbar-ellipse.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133872)'%3E%3Crect x='0.5' y='0.5' width='10' height='6' rx='0.5' stroke='black'/%3E%3Cpath d='M2 2.5H9M2 4.5H7' stroke='black'/%3E%3Cpath d='M4 7H7V10L5.5 8.5L4 7Z' fill='black'/%3E%3Cpath d='M9.5 9.53906C11.7822 9.72437 13.5 10.5315 13.5 11.4991C13.5 12.6036 11.2614 13.4991 8.5 13.4991C5.73858 13.4991 3.5 12.6036 3.5 11.4991C3.5 11.0487 3.87209 10.6332 4.5 10.2989' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133872'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/draw-annotation-toolbar-ellipse.svg');
 }
 
 html[dir='ltr'] .toolbarButton#btnDrawAnnotation.polygon::before {
-    /* draw-annotation-toolbar-polygon.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133890)'%3E%3Crect x='0.5' y='0.5' width='10' height='6' rx='0.5' stroke='black'/%3E%3Cpath d='M2 2.5H9M2 4.5H7' stroke='black'/%3E%3Cpath d='M4 7H7V10L5.5 8.5L4 7Z' fill='black'/%3E%3Cpath d='M4.07143 9.75L3 11L5.14286 13.5H10.8571L13 11L10.8571 8.5H9' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133890'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/draw-annotation-toolbar-polygon.svg');
 }
 
 html[dir='ltr'] .toolbarButton#btnDrawAnnotation.cloud::before {
-    /* draw-annotation-toolbar-cloud.svg URL-encoder for svg */
-    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133878)'%3E%3Crect x='0.5' y='0.5' width='10' height='6' rx='0.5' stroke='black'/%3E%3Cpath d='M2 2.5H9M2 4.5H7' stroke='black'/%3E%3Cpath d='M4 7H7V10L5.5 8.5L4 7Z' fill='black'/%3E%3Cpath d='M3 8.5V9.19366C3 9.39031 3.07565 9.57943 3.21127 9.72183L3.35714 9.875C3.55714 10.085 3.55714 10.415 3.35714 10.625V10.625C3.15714 10.835 3.15714 11.165 3.35714 11.375V11.375C3.55714 11.585 3.55714 11.915 3.35714 12.125L3.19704 12.2931C3.07055 12.4259 3 12.6023 3 12.7857V12.7857C3 13.1802 3.3198 13.5 3.71429 13.5H4.20672C4.35285 13.5 4.49719 13.468 4.62961 13.4062L5.07711 13.1973C5.34516 13.0723 5.65484 13.0723 5.92289 13.1973L6.40295 13.4214C6.51392 13.4732 6.63489 13.5 6.75735 13.5H6.87256C7.14147 13.5 7.40388 13.4173 7.62419 13.2631V13.2631C7.84983 13.1051 8.15017 13.1051 8.37581 13.2631V13.2631C8.59612 13.4173 8.85853 13.5 9.12744 13.5H9.24265C9.36511 13.5 9.48608 13.4732 9.59705 13.4214L10.0771 13.1973C10.3452 13.0723 10.6548 13.0723 10.9229 13.1973L11.3704 13.4062C11.5028 13.468 11.6472 13.5 11.7933 13.5H12.2857C12.6802 13.5 13 13.1802 13 12.7857V12.7857C13 12.6023 12.9294 12.4259 12.803 12.2931L12.6429 12.125C12.4429 11.915 12.4429 11.585 12.6429 11.375V11.375C12.8429 11.165 12.8429 10.835 12.6429 10.625V10.625C12.4429 10.415 12.4429 10.085 12.6429 9.875L12.803 9.7069C12.9294 9.57408 13 9.3977 13 9.21429V9.21429C13 8.8198 12.6802 8.5 12.2857 8.5H11.7933C11.6472 8.5 11.5028 8.53202 11.3704 8.59382L10.9229 8.80265C10.6548 8.92774 10.3452 8.92774 10.0771 8.80265L9.62961 8.59382C9.49719 8.53202 9.35284 8.5 9.20672 8.5H8.71429' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133878'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    background-image: url('img/draw-annotation-toolbar-cloud.svg');
 }
 
 html[dir='ltr'] .toolbarButton#btnDrawAnnotation.line::before {
-    /* draw-annotation-toolbar-line.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='10' height='6' rx='0.5' stroke='black'/%3E%3Cpath d='M2 2.5H9M2 4.5H7' stroke='black'/%3E%3Cpath d='M4 7H7V10L5.5 8.5L4 7Z' fill='black'/%3E%3Cpath d='M3 12.5H13' stroke='black'/%3E%3C/svg%3E%0A");
+    content: url('img/draw-annotation-toolbar-line.svg');
 }
 
 html[dir='ltr'] .toolbarButton#btnDrawAnnotation.arrow::before {
-    /* draw-annotation-toolbar-arrow.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133823)'%3E%3Crect x='0.5' y='0.5' width='10' height='6' rx='0.5' stroke='black'/%3E%3Cpath d='M2 2.5H9M2 4.5H7' stroke='black'/%3E%3Cpath d='M4 7H7V10L5.5 8.5L4 7Z' fill='black'/%3E%3Cpath d='M3 11.5H13M13 11.5L11 9.5M13 11.5L11 13.5' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133823'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    content: url('img/draw-annotation-toolbar-arrow.svg');
 }
 
 html[dir='ltr'] .toolbarButton#btnDrawAnnotationToolbarToggle {
@@ -326,68 +319,49 @@ html[dir='ltr'] .toolbarButton#btnDrawAnnotationToolbarToggle.toggled:after  {
 }
 
 html[dir='ltr'] .toolbarButton#btnDrawAnnotationToolbarToggle::before {
-    /* dropdown-arrow.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='7' height='4' viewBox='0 0 7 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.5L3.5 3' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M6 0.5L3.5 3' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E%0A");
+    content: url('img/dropdown-arrow.svg');
     left: 0 !important;
-    top: 1px !important;
+    top: 4px !important;
 }
 
 html[dir='ltr'] .secondaryToolbarButton#btnDrawRectangle::before {
-    /* draw-annotation-rect.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='2.5' width='13' height='9' stroke='black'/%3E%3C/svg%3E%0A");
-    /*top: 5px;*/
+    content: url('img/draw-annotation-rect.svg');
 }
 
 html[dir='ltr'] .secondaryToolbarButton#btnDrawEllipse::before {
-    /* draw-annotation-ellipse.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 7C13.5 8.17733 12.8328 9.29036 11.6591 10.1287C10.4865 10.9663 8.8408 11.5 7 11.5C5.1592 11.5 3.51354 10.9663 2.34087 10.1287C1.16724 9.29036 0.5 8.17733 0.5 7C0.5 5.82267 1.16724 4.70964 2.34087 3.87133C3.51354 3.03371 5.1592 2.5 7 2.5C8.8408 2.5 10.4865 3.03371 11.6591 3.87133C12.8328 4.70964 13.5 5.82267 13.5 7Z' stroke='black'/%3E%3C/svg%3E%0A"); 
-    /*top: 5px;*/
+    content: url('img/draw-annotation-ellipse.svg');
 }
 
 html[dir='ltr'] .secondaryToolbarButton#btnDrawPolygon::before {
-    /* draw-annotation-polygon.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.583095 7L3.2831 2.5H10.7169L13.4169 7L10.7169 11.5H3.2831L0.583095 7Z' stroke='black'/%3E%3C/svg%3E%0A"); 
-    /*top: 5px;*/
+    content: url('img/draw-annotation-polygon.svg');
 }
 
 html[dir='ltr'] .secondaryToolbarButton#btnDrawCloud::before {
-    /* draw-annotation-cloud.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 2.5H1.69722C1.79594 2.5 1.89244 2.52922 1.97457 2.58397L2.66795 3.04623C3.1718 3.38212 3.8282 3.38212 4.33205 3.04623L5.05465 2.5645C5.11773 2.52244 5.19184 2.5 5.26766 2.5H5.35925C5.63691 2.5 5.90319 2.6103 6.09953 2.80664C6.59685 3.30395 7.40315 3.30395 7.90047 2.80664C8.09681 2.6103 8.36309 2.5 8.64075 2.5H8.73234C8.80816 2.5 8.88227 2.52244 8.94535 2.5645L9.66795 3.04623C10.1718 3.38212 10.8282 3.38212 11.3321 3.04623L12.0254 2.58397C12.1076 2.52922 12.2041 2.5 12.3028 2.5H13C13.2761 2.5 13.5 2.72386 13.5 3V3.69722C13.5 3.79594 13.4708 3.89244 13.416 3.97457L12.9538 4.66795C12.6179 5.1718 12.6179 5.8282 12.9538 6.33205L13.2142 6.72265C13.3261 6.8906 13.3261 7.1094 13.2142 7.27735L12.9538 7.66795C12.6179 8.1718 12.6179 8.8282 12.9538 9.33205L13.416 10.0254C13.4708 10.1076 13.5 10.2041 13.5 10.3028V11C13.5 11.2761 13.2761 11.5 13 11.5H12.3028C12.2041 11.5 12.1076 11.4708 12.0254 11.416L11.3321 10.9538C10.8282 10.6179 10.1718 10.6179 9.66795 10.9538L8.94535 11.4355C8.88227 11.4776 8.80816 11.5 8.73234 11.5H8.64075C8.36309 11.5 8.09681 11.3897 7.90047 11.1934C7.40315 10.696 6.59685 10.696 6.09953 11.1934C5.90319 11.3897 5.63691 11.5 5.35925 11.5H5.26766C5.19184 11.5 5.11773 11.4776 5.05465 11.4355L4.33205 10.9538C3.8282 10.6179 3.1718 10.6179 2.66795 10.9538L1.97457 11.416C1.89244 11.4708 1.79594 11.5 1.69722 11.5H1C0.723858 11.5 0.5 11.2761 0.5 11V10.3028C0.5 10.2041 0.529219 10.1076 0.583975 10.0254L1.04623 9.33205C1.38212 8.8282 1.38212 8.1718 1.04623 7.66795L0.785825 7.27735C0.673859 7.1094 0.673859 6.8906 0.785825 6.72265L1.04623 6.33205C1.38212 5.8282 1.38212 5.1718 1.04623 4.66795L0.583975 3.97457C0.529219 3.89244 0.5 3.79594 0.5 3.69722V3C0.5 2.72386 0.723858 2.5 1 2.5Z' stroke='black'/%3E%3C/svg%3E%0A"); 
-    /*top: 5px;*/
+    content: url('img/draw-annotation-cloud.svg');
 }
 
 html[dir='ltr'] .secondaryToolbarButton#btnDrawLine::before {
-    /* draw-annotation-line.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133809)'%3E%3Cpath d='M0.5 13.5L13.5 0.5' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133809'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
-    /*top: 5px;*/
+    content: url('img/draw-annotation-line.svg');
 }
 
 html[dir='ltr'] .secondaryToolbarButton#btnDrawArrow::before {
-    /* draw-annotation-arrow.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133787)'%3E%3Cpath d='M0.5 13.5L13.5 0.5M13.5 0.5V7M13.5 0.5H7' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133787'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
-    /*top: 5px;*/
+    content: url('img/draw-annotation-arrow.svg');
 }
 
 html[dir='ltr'] .toolbarButton#btnToggleNotes::before {
-    /* hide-annotation.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133914)'%3E%3Cpath d='M2 10.4994H1.50003C0.947732 10.4994 0.500012 10.0517 0.500028 9.49942L0.500248 1.49997C0.500264 0.947698 0.947975 0.5 1.50025 0.5H12M5.25028 10.4994H7.00028H12.5C13.0523 10.4994 13.5 10.0517 13.5 9.49946L13.5001 2' stroke='black'/%3E%3Cpath d='M2 2.25H10.5M2 4.25H8.5M2 6.25H6.25M12 6.25H9.4375M12 8.25H7M2 8.25H4.5M12 4.25H11' stroke='black'/%3E%3Cpath d='M6 11H9V14L7.5 12.5L6 11Z' fill='black'/%3E%3Cpath d='M0.5 13.5L13.5 0.5' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133914'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
-    /*top: 5px;*/
+    content: url('img/hide-annotation.svg');
 }
 
 html[dir='ltr'] .toolbarButton#btnToggleNotes.show::before {
-    /* show-annotation.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133938)'%3E%3Crect x='0.5' y='0.5' width='13' height='10' rx='0.5' stroke='black'/%3E%3Cpath d='M2 2.25H12M2 4.25H8.5M2 6.25H10.5M12 8.25H2' stroke='black'/%3E%3Cpath d='M6 11H9V14L7.5 12.5L6 11Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133938'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
-    /*top: 5px;*/
+    content: url('img/show-annotation.svg');
 }
 
 html[dir='ltr'] .toolbarButton#btnToggleSidebarNotes::before {
-    /* sidebar-notes-toggle.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 3V13' stroke='black'/%3E%3Crect x='2' y='2' width='12' height='12' stroke='black' stroke-width='2'/%3E%3Crect x='4' y='5' width='2' height='1' fill='black'/%3E%3Crect x='6' y='7' width='2' height='1' fill='black'/%3E%3Crect x='4' y='9' width='2' height='1' fill='black'/%3E%3Crect x='6' y='11' width='2' height='1' fill='black'/%3E%3Crect x='11' y='11' width='1' height='1' fill='black'/%3E%3Crect x='11' y='9' width='1' height='1' fill='black'/%3E%3Crect x='11' y='7' width='1' height='1' fill='black'/%3E%3Crect x='11' y='5' width='1' height='1' fill='black'/%3E%3C/svg%3E%0A");
+    content: url('img/sidebar-notes-toggle.svg');
 }
 
 html[dir='ltr'] .toolbarButton#btnCompare::before {
-    /* do-compare.svg URL-encoder for svg */
-    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 5H1M1 5L3 2.5M1 5L3 7.5' stroke='black'/%3E%3Cpath d='M5 9L13 9M13 9L11 11.5M13 9L11 6.5' stroke='black'/%3E%3C/svg%3E%0A");
+    content: url('img/do-compare.svg');
 }
 
 /* 2021.10.03 - Fix: annotations visibility in fullscreen mode */
@@ -483,9 +457,7 @@ html[dir='ltr'] .toolbarButton#btnCompare::before,
     content: "";
     width: 147px;
     height: 110px;
-    /* preloader.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 24 24' fill='%230097ff' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_Wezc%7Btransform-origin:center;animation:spinner_Oiah 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite%7D@keyframes spinner_Oiah%7B8.3%25%7Btransform:rotate(30deg)%7D16.6%25%7Btransform:rotate(60deg)%7D25%25%7Btransform:rotate(90deg)%7D33.3%25%7Btransform:rotate(120deg)%7D41.6%25%7Btransform:rotate(150deg)%7D50%25%7Btransform:rotate(180deg)%7D58.3%25%7Btransform:rotate(210deg)%7D66.6%25%7Btransform:rotate(240deg)%7D75%25%7Btransform:rotate(270deg)%7D83.3%25%7Btransform:rotate(300deg)%7D91.6%25%7Btransform:rotate(330deg)%7D100%25%7Btransform:rotate(360deg)%7D%7D%3C/style%3E%3Cg class='spinner_Wezc'%3E%3Ccircle cx='12' cy='2.5' r='1' opacity='1'/%3E%3Ccircle cx='16.75' cy='3.77' r='1' opacity='1'/%3E%3Ccircle cx='20.23' cy='7.25' r='1' opacity='1'/%3E%3Ccircle cx='21.50' cy='12.00' r='1' opacity='1'/%3E%3Ccircle cx='20.23' cy='16.75' r='1' opacity='1'/%3E%3Ccircle cx='16.75' cy='20.23' r='1' opacity='1'/%3E%3Ccircle cx='12' cy='21.5' r='1'/%3E%3C/g%3E%3C/svg%3E");
-    background-size: contain;
+    background-image: url('img/preloader.svg');
     position: fixed;
     z-index: 1000;
     top: 50%;

package/css/std/controls/pdf-viewer/img/annotation-check.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="40"
+   height="40"
+   viewBox="0 0 40 40">
+  <path
+     d="M 1.5006714,23.536225 6.8925879,18.994244 14.585721,26.037937 34.019683,4.5410479 38.499329,9.2235032 14.585721,35.458952 z"
+     id="path4"
+     style="fill:#ffff00;fill-opacity:1;stroke:#000000;stroke-width:1.25402856;stroke-opacity:1" />
+</svg>

package/css/std/controls/pdf-viewer/img/annotation-comment.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   height="40"
+   width="40"
+   viewBox="0 0 40 40">
+  <rect
+     style="fill:#ffff00;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+     width="33.76017"
+     height="33.76017"
+     x="3.119915"
+     y="3.119915" />
+  <path
+     d="m 20.677967,8.54499 c -7.342801,0 -13.295293,4.954293 -13.295293,11.065751 0,2.088793 0.3647173,3.484376 1.575539,5.150563 L 6.0267418,31.45501 13.560595,29.011117 c 2.221262,1.387962 4.125932,1.665377 7.117372,1.665377 7.3428,0 13.295291,-4.954295 13.295291,-11.065753 0,-6.111458 -5.952491,-11.065751 -13.295291,-11.065751 z"
+     style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.93031836;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"/>
+</svg>

package/css/std/controls/pdf-viewer/img/annotation-help.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="40"
+   height="40"
+   viewBox="0 0 40 40">
+  <g
+     transform="translate(0,-60)"
+     id="layer1">
+    <rect
+       width="36.460953"
+       height="34.805603"
+       x="1.7695236"
+       y="62.597198"
+       style="fill:#ffff00;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.30826771;stroke-opacity:1" />
+    <g
+       transform="matrix(0.88763677,0,0,0.88763677,2.2472646,8.9890584)">
+      <path
+         d="M 20,64.526342 C 11.454135,64.526342 4.5263421,71.454135 4.5263421,80 4.5263421,88.545865 11.454135,95.473658 20,95.473658 28.545865,95.473658 35.473658,88.545865 35.473658,80 35.473658,71.454135 28.545865,64.526342 20,64.526342 z m -0.408738,9.488564 c 3.527079,0 6.393832,2.84061 6.393832,6.335441 0,3.494831 -2.866753,6.335441 -6.393832,6.335441 -3.527079,0 -6.393832,-2.84061 -6.393832,-6.335441 0,-3.494831 2.866753,-6.335441 6.393832,-6.335441 z"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.02768445;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+      <path
+         d="m 7.2335209,71.819938 4.9702591,4.161823 c -1.679956,2.581606 -1.443939,6.069592 0.159325,8.677725 l -5.1263071,3.424463 c 0.67516,1.231452 3.0166401,3.547686 4.2331971,4.194757 l 3.907728,-4.567277 c 2.541952,1.45975 5.730694,1.392161 8.438683,-0.12614 l 3.469517,6.108336 c 1.129779,-0.44367 4.742234,-3.449633 5.416358,-5.003859 l -5.46204,-4.415541 c 1.44319,-2.424098 1.651175,-5.267515 0.557303,-7.748623 l 5.903195,-3.833951 C 33.14257,71.704996 30.616217,69.018606 29.02952,67.99296 l -4.118813,4.981678 C 22.411934,71.205099 18.900853,70.937534 16.041319,72.32916 l -3.595408,-5.322091 c -1.345962,0.579488 -4.1293881,2.921233 -5.2123901,4.812869 z m 8.1010311,3.426672 c 2.75284,-2.446266 6.769149,-2.144694 9.048998,0.420874 2.279848,2.56557 2.113919,6.596919 -0.638924,9.043185 -2.752841,2.446267 -6.775754,2.13726 -9.055604,-0.428308 -2.279851,-2.565568 -2.107313,-6.589485 0.64553,-9.035751 z"
+         style="fill:#000000;fill-opacity:1;stroke:none" />
+    </g>
+  </g>
+</svg>

package/css/std/controls/pdf-viewer/img/annotation-insert.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="64"
+   height="64"
+   viewBox="0 0 64 64">
+  <path
+     d="M 32.003143,1.4044602 57.432701,62.632577 6.5672991,62.627924 z"
+     style="fill:#ffff00;fill-opacity:0.94117647;fill-rule:nonzero;stroke:#000000;stroke-width:1.00493038;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+</svg>

package/css/std/controls/pdf-viewer/img/annotation-key.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="64"
+   height="64"
+   viewBox="0 0 64 64">
+  <path
+     d="M 25.470843,9.4933766 C 25.30219,12.141818 30.139101,14.445969 34.704831,13.529144 40.62635,12.541995 41.398833,7.3856498 35.97505,5.777863 31.400921,4.1549155 25.157674,6.5445892 25.470843,9.4933766 z M 4.5246282,17.652051 C 4.068249,11.832873 9.2742983,5.9270407 18.437379,3.0977088 29.751911,-0.87185184 45.495663,1.4008022 53.603953,7.1104009 c 9.275765,6.1889221 7.158128,16.2079421 -3.171076,21.5939521 -1.784316,1.635815 -6.380222,1.21421 -7.068351,3.186186 -1.04003,0.972427 -1.288046,2.050158 -1.232864,3.168203 1.015111,2.000108 -3.831548,1.633216 -3.270553,3.759574 0.589477,5.264544 -0.179276,10.53738 -0.362842,15.806257 -0.492006,2.184998 1.163456,4.574232 -0.734888,6.610642 -2.482919,2.325184 -7.30604,2.189143 -9.193497,-0.274767 -2.733688,-1.740626 -8.254447,-3.615254 -6.104247,-6.339626 3.468112,-1.708686 -2.116197,-3.449897 0.431242,-5.080274 5.058402,-1.39256 -2.393215,-2.304318 -0.146889,-4.334645 3.069198,-0.977415 2.056986,-2.518352 -0.219121,-3.540397 1.876567,-1.807151 1.484149,-4.868919 -2.565455,-5.942205 0.150866,-1.805474 2.905737,-4.136876 -1.679967,-5.20493 C 10.260902,27.882167 4.6872697,22.95045 4.5245945,17.652051 z"
+     id="path604"
+     style="fill:#ffff00;fill-opacity:1;stroke:#000000;stroke-width:1.72665179;stroke-opacity:1" />
+</svg>

package/css/std/controls/pdf-viewer/img/annotation-newparagraph.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="64"
+   height="64"
+   viewBox="0 0 64 64">
+  <path
+     d="M 32.003143,10.913072 57.432701,53.086929 6.567299,53.083723 z"
+     id="path2985"
+     style="fill:#ffff00;fill-opacity:0.94117647;fill-rule:nonzero;stroke:#000000;stroke-width:0.83403099;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+</svg>

package/css/std/controls/pdf-viewer/img/annotation-noicon.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="40"
+   height="40"
+   viewBox="0 0 40 40">
+</svg>

package/css/std/controls/pdf-viewer/img/annotation-note.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="40"
+   height="40"
+   viewBox="0 0 40 40">
+  <rect
+     width="36.075428"
+     height="31.096582"
+     x="1.962286"
+     y="4.4517088"
+     id="rect4"
+     style="fill:#ffff00;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.23004246;stroke-opacity:1" />
+  <rect
+     width="27.96859"
+     height="1.5012145"
+     x="6.0157046"
+     y="10.285"
+     id="rect6"
+     style="fill:#000000;fill-opacity:1;stroke:none" />
+  <rect
+     width="27.96859"
+     height="0.85783684"
+     x="6.0157056"
+     y="23.21689"
+     id="rect8"
+     style="fill:#000000;fill-opacity:1;stroke:none" />
+  <rect
+     width="27.96859"
+     height="0.85783684"
+     x="5.8130345"
+     y="28.964394"
+     id="rect10"
+     style="fill:#000000;fill-opacity:1;stroke:none" />
+  <rect
+     width="27.96859"
+     height="0.85783684"
+     x="6.0157046"
+     y="17.426493"
+     id="rect12"
+     style="fill:#000000;fill-opacity:1;stroke:none" />
+</svg>

package/css/std/controls/pdf-viewer/img/annotation-paperclip.svg

@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="40" width="40">
+  <path d="M9 3.5a1.5 1.5 0 0 0-3-.001v7.95C6 12.83 7.12 14 8.5 14s2.5-1.17 2.5-2.55V5.5a.5.5 0 0 1 1 0v6.03C11.955 13.427 10.405 15 8.5 15S5.044 13.426 5 11.53V3.5a2.5 2.5 0 0 1 5 0v7.003a1.5 1.5 0 0 1-3-.003v-5a.5.5 0 0 1 1 0v5a.5.5 0 0 0 1 0Z"/>
+</svg>

package/css/std/controls/pdf-viewer/img/annotation-paragraph.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   width="40"
+   height="40"
+   viewBox="0 0 40 40">
+  <rect
+     width="33.76017"
+     height="33.76017"
+     x="3.119915"
+     y="3.119915"
+     style="fill:#ffff00;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+  <path
+     d="m 17.692678,34.50206 0,-16.182224 c -1.930515,-0.103225 -3.455824,-0.730383 -4.57593,-1.881473 -1.12011,-1.151067 -1.680164,-2.619596 -1.680164,-4.405591 0,-1.992435 0.621995,-3.5796849 1.865988,-4.7617553 1.243989,-1.1820288 3.06352,-1.7730536 5.458598,-1.7730764 l 9.802246,0 0,2.6789711 -2.229895,0 0,26.3251486 -2.632515,0 0,-26.3251486 -3.45324,0 0,26.3251486 z"
+     style="font-size:29.42051125px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.07795751;stroke-opacity:1;font-family:Arial;-inkscape-font-specification:Arial" />
+</svg>

package/css/std/controls/pdf-viewer/img/annotation-pushpin.svg

@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="40" width="40">
+  <path d="M8.156 12.5a.99.99 0 0 0 .707-.294l.523-2.574L10.5 8.499l1.058-1.04 2.65-.601a.996.996 0 0 0 0-1.414l-3.657-3.658a.996.996 0 0 0-1.414 0l-.523 2.576L7.5 5.499 6.442 6.535l-2.65.6a.996.996 0 0 0 0 1.413l3.657 3.658a.999.999 0 0 0 .707.295z"/>
+  <path d="M9.842.996c-.386 0-.77.146-1.06.44a.5.5 0 0 0-.136.251l-.492 2.43-1.008 1.03-.953.933-2.511.566a.5.5 0 0 0-.243.133 1.505 1.505 0 0 0-.002 2.123l1.477 1.477-2.768 2.767a.5.5 0 0 0 0 .707.5.5 0 0 0 .708 0l2.767-2.767 1.475 1.474a1.494 1.494 0 0 0 2.123-.002.5.5 0 0 0 .135-.254l.492-2.427 1.008-1.024.953-.937 2.511-.57a.5.5 0 0 0 .243-.132c.586-.58.583-1.543.002-2.125l-3.659-3.656A1.501 1.501 0 0 0 9.842.996Zm.05 1.025a.394.394 0 0 1 .305.12l3.658 3.657c.18.18.141.432.002.627l-2.41.545a.5.5 0 0 0-.24.131L10.15 8.142a.5.5 0 0 0-.007.006L9.029 9.283a.5.5 0 0 0-.133.25l-.48 2.36c-.082.053-.165.109-.26.109a.492.492 0 0 1-.353-.149L4.145 8.195c-.18-.18-.141-.432-.002-.627l2.41-.545a.5.5 0 0 0 .238-.13L7.85 5.857a.5.5 0 0 0 .007-.008l1.114-1.138a.5.5 0 0 0 .133-.25l.472-2.323a.619.619 0 0 1 .317-.117Z"/>
+</svg>

package/css/std/controls/pdf-viewer/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/pdf-viewer/img/cursor-editorFreeText.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2.75H12.5V2.25V1V0.5H12H10.358C9.91165 0.5 9.47731 0.625661 9.09989 0.860442L9.09886 0.861087L8 1.54837L6.89997 0.860979L6.89911 0.860443C6.5218 0.625734 6.08748 0.5 5.642 0.5H4H3.5V1V2.25V2.75H4H5.642C5.66478 2.75 5.6885 2.75641 5.71008 2.76968C5.71023 2.76977 5.71038 2.76986 5.71053 2.76995L6.817 3.461C6.81704 3.46103 6.81709 3.46105 6.81713 3.46108C6.81713 3.46108 6.81713 3.46108 6.81714 3.46109C6.8552 3.48494 6.876 3.52285 6.876 3.567V8V12.433C6.876 12.4771 6.85523 12.515 6.81722 12.5389C6.81715 12.5389 6.81707 12.539 6.817 12.539L5.70953 13.23C5.70941 13.2301 5.70929 13.2302 5.70917 13.2303C5.68723 13.2438 5.6644 13.25 5.641 13.25H4H3.5V13.75V15V15.5H4H5.642C6.08835 15.5 6.52269 15.3743 6.90011 15.1396L6.90086 15.1391L8 14.4526L9.10003 15.14L9.10089 15.1406C9.47831 15.3753 9.91265 15.501 10.359 15.501H12H12.5V15.001V13.751V13.251H12H10.358C10.3352 13.251 10.3115 13.2446 10.2899 13.2313C10.2897 13.2312 10.2896 13.2311 10.2895 13.231L9.183 12.54C9.18298 12.54 9.18295 12.54 9.18293 12.54C9.18291 12.5399 9.18288 12.5399 9.18286 12.5399C9.14615 12.5169 9.125 12.4797 9.125 12.434V8V3.567C9.125 3.52266 9.14603 3.48441 9.18364 3.4606C9.18377 3.46052 9.1839 3.46043 9.18404 3.46035L10.2895 2.76995C10.2896 2.76985 10.2898 2.76975 10.2899 2.76966C10.3119 2.75619 10.3346 2.75 10.358 2.75H12Z" fill="black" stroke="white"/>
+</svg>

package/css/std/controls/pdf-viewer/img/cursor-editorInk.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.0189877 13.6645L0.612989 10.4635C0.687989 10.0545 0.884989 9.6805 1.18099 9.3825L9.98199 0.5805C10.756 -0.1925 12.015 -0.1945 12.792 0.5805L14.42 2.2085C15.194 2.9835 15.194 4.2435 14.42 5.0185L5.61599 13.8215C5.31999 14.1165 4.94599 14.3125 4.53799 14.3875L1.33599 14.9815C1.26599 14.9935 1.19799 15.0005 1.12999 15.0005C0.832989 15.0005 0.544988 14.8835 0.330988 14.6695C0.0679874 14.4055 -0.0490122 14.0305 0.0189877 13.6645Z" fill="white"/>
+<path d="M0.0189877 13.6645L0.612989 10.4635C0.687989 10.0545 0.884989 9.6805 1.18099 9.3825L9.98199 0.5805C10.756 -0.1925 12.015 -0.1945 12.792 0.5805L14.42 2.2085C15.194 2.9835 15.194 4.2435 14.42 5.0185L5.61599 13.8215C5.31999 14.1165 4.94599 14.3125 4.53799 14.3875L1.33599 14.9815C1.26599 14.9935 1.19799 15.0005 1.12999 15.0005C0.832989 15.0005 0.544988 14.8835 0.330988 14.6695C0.0679874 14.4055 -0.0490122 14.0305 0.0189877 13.6645ZM12.472 5.1965L13.632 4.0365L13.631 3.1885L11.811 1.3675L10.963 1.3685L9.80299 2.5285L12.472 5.1965ZM4.31099 13.1585C4.47099 13.1285 4.61799 13.0515 4.73399 12.9345L11.587 6.0815L8.91899 3.4135L2.06599 10.2655C1.94899 10.3835 1.87199 10.5305 1.84099 10.6915L1.36699 13.2485L1.75199 13.6335L4.31099 13.1585Z" fill="black"/>
+</svg>

package/css/std/controls/pdf-viewer/img/delete-active.svg

@@ -0,0 +1,11 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.5 3.5H11.5V13.5H2.5V3.5Z" stroke="white"/>
+<path d="M1 1.5H13" stroke="white"/>
+<path d="M5.54102 5L5.54102 12" stroke="white"/>
+<path d="M8.5 5V11.9974" stroke="white"/>
+<mask id="path-5-inside-1_3179_133765" fill="white">
+<path d="M5 0H9V1H5L5 0Z"/>
+</mask>
+<path d="M5 0H9V1H5L5 0Z" fill="white"/>
+<path d="M5 0V-1H4L4 0L5 0ZM9 0H10V-1H9V0ZM9 1V2H10V1H9ZM5 1L4 1L4 2H5V1ZM5 1H9V-1H5V1ZM8 0V1H10V0H8ZM9 0H5V2H9V0ZM6 1L6 0L4 0L4 1L6 1Z" fill="white" mask="url(#path-5-inside-1_3179_133765)"/>
+</svg>

package/css/std/controls/pdf-viewer/img/delete.svg

@@ -0,0 +1,11 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.5 3.5H11.5V13.5H2.5V3.5Z" stroke="black"/>
+<path d="M1 1.5H13" stroke="black"/>
+<path d="M5.54102 5L5.54102 12" stroke="black"/>
+<path d="M8.5 5V11.9974" stroke="black"/>
+<mask id="path-5-inside-1_3179_133755" fill="white">
+<path d="M5 0H9V1H5L5 0Z"/>
+</mask>
+<path d="M5 0H9V1H5L5 0Z" fill="black"/>
+<path d="M5 0V-1H4L4 0L5 0ZM9 0H10V-1H9V0ZM9 1V2H10V1H9ZM5 1L4 1L4 2H5V1ZM5 1H9V-1H5V1ZM8 0V1H10V0H8ZM9 0H5V2H9V0ZM6 1L6 0L4 0L4 1L6 1Z" fill="black" mask="url(#path-5-inside-1_3179_133755)"/>
+</svg>

package/css/std/controls/pdf-viewer/img/do-compare.svg

@@ -0,0 +1,4 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 5H1M1 5L3 2.5M1 5L3 7.5" stroke="black"/>
+<path d="M5 9L13 9M13 9L11 11.5M13 9L11 6.5" stroke="black"/>
+</svg>

package/css/std/controls/pdf-viewer/img/draw-annotation-arrow.svg

@@ -0,0 +1,10 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3179_133787)">
+<path d="M0.5 13.5L13.5 0.5M13.5 0.5V7M13.5 0.5H7" stroke="black"/>
+</g>
+<defs>
+<clipPath id="clip0_3179_133787">
+<rect width="14" height="14" fill="white"/>
+</clipPath>
+</defs>
+</svg>