@vitrosoftware/common-ui-ts 1.1.112 → 1.1.114

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

@@ -83,4 +83,38 @@
     max-height: 2000px;
     overflow: hidden;
     transition: max-height 0.4s ease;
+}
+
+@media (max-width: 800px) {
+    .vitro-result-item {
+        padding: 4px 0;
+    }
+
+    .vitro-result-item:nth-child(2) {
+        padding-top: 8px;
+    }
+
+    .vitro-error-message,
+    .vitro-success-message {
+        margin-top: 0;
+    }
+
+    .vitro-scrollbar > div:first-child {
+        padding-right: 12px;
+    }
+
+    .vitro-scrollbar :global(.ps__rail-y) {
+        border: none;
+        width: 8px !important;
+    }
+
+    .vitro-scrollbar :global(.ps__thumb-y) {
+        width: 2px !important;
+        right: 3px !important;
+    }
+
+    .vitro-action-result-list {
+        padding-left: 8px;
+    }
+
 }

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

@@ -12,6 +12,7 @@
 .vitro-image {
     height: 40px;
     width: 40px;
+    flex-shrink: 0;
     margin-right: 8px;
     background-size: 100%;
     background-repeat: no-repeat;

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

@@ -121,4 +121,24 @@
     background-repeat: no-repeat;
     background-position: center;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/save-blue.svg');
+}
+
+@media (max-width: 800px) {
+    .vitro-result-dialog {
+        width: calc(100% - 24px) !important;
+        max-width: 400px;
+        max-height: 48%;
+        right: 12px;
+        top: 12px;
+    }
+
+    .vitro-header {
+        padding: 8px 12px;
+    }
+
+    .vitro-result-dialog.vitro-success .vitro-header,
+    .vitro-result-dialog.vitro-error .vitro-header {
+        padding: 8px 12px 8px 8px;
+    }
+
 }

package/css/std/controls/checkbox/checkbox.css

@@ -14,6 +14,7 @@
     width: 24px;
     height: 24px;
     margin-right: 4px;
+    flex-shrink: 0;
     cursor: pointer;
     appearance: none;
     -webkit-appearance: none;

package/css/std/controls/criterion/criterion.css

@@ -1,8 +1,6 @@
 .vitro-criterion-container {
     width: 100%;
     position: relative;
-    display: flex;
-    align-items: center;
     margin-bottom: 28px;
 }
 
@@ -36,8 +34,6 @@
     font-size: 12px;
     border-radius: 4px;
     background: #F7F9FC;
-    display: flex;
-    align-items: center;
     justify-content: center;
     position: relative;
 }
@@ -46,6 +42,7 @@
     display: inline-block;
     line-height: 16px;
     font-size: 12px;
+    color: #4A556C;
 }
 
 .vitro-operator-select::after {
@@ -60,10 +57,6 @@
 }
 
 .vitro-operator-list {
-    position: absolute;
-    z-index: 10;
-    top: calc(100% + 2px);
-    right: 0;
     width: fit-content;
     min-width: 100%;
     overflow: hidden;
@@ -76,7 +69,14 @@
 }
 
 .vitro-operator-list li {
-    padding: 8px 12px;
+    padding: 4px 12px;
+    line-height: 150%;
+    cursor: pointer;
+    border-bottom: 1px solid rgba(228, 230, 236, 0.5);
+}
+
+.vitro-operator-list li:last-child {
+    border-bottom: none;
 }
 
 .vitro-operator-list li:hover,
@@ -90,16 +90,10 @@
 }
 
 .vitro-button-cancel {
-    width: 20px;
-    height: 20px;
-    min-width: 20px;
+    flex-shrink: 0;
     margin-left: 2px;
     margin-top: -10px;
     align-self: flex-start;
-    border: none;
-    background-color: transparent;
-    background-size: 100%;
-    background-position: center;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/criterion/img/cancel-grey.svg');
 }
 
@@ -149,18 +143,32 @@
 
 .vitro-condition-list-container,
 .vitro-operator-list-container {
-    position: absolute;
     z-index: 1000000;
 }
 
+.vitro-condition-list-container {
+    margin-top: 13px;
+    margin-left: -8px;
+}
+
+.vitro-condition-list-container[placement='top-start'] {
+    margin-bottom: 13px;
+}
+
+.vitro-condition-list-container[placement='top-start'] .vitro-condition-list::before {
+    bottom: -20px;
+    top: unset;
+    transform: rotate(180deg);
+}
+
+.vitro-operator-list-container {
+    margin-top: 4px;
+}
+
 .vitro-condition-list {
-    width: fit-content;
-    min-width: 270px;
+    min-width: 241px;
     border-radius: 4px;
     background: #fff;
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
 }
 
@@ -175,32 +183,58 @@
     background-repeat: no-repeat;
     position: absolute;
     top: -21px;
-    left: 12px;
+    left: 20px;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/criterion/img/dropdown-menu-arrow.svg');
 }
 
-.vitro-condition-list li {
-    padding: 8px 12px;
+.vitro-condition {
+    padding: 0 12px;
+    height: 32px;
     cursor: pointer;
-    display: flex;
-    align-items: center;
-    grid-gap: 12px;
+    gap: 12px;
 }
 
-.vitro-condition-list li:first-child {
+.vitro-condition:first-child {
     border-radius: 4px 4px 0 0;
 }
 
-.vitro-condition-list li:last-child {
+.vitro-condition:last-child {
     border-radius: 0 0 4px 4px;
 }
 
-.vitro-condition-list li:hover,
-.vitro-condition-list li:active {
+.vitro-condition:hover,
+.vitro-condition:active {
     background: #F3F8FF;
 }
 
-.vitro-condition-list .vitro-image {
+.vitro-condition :global(.vitro-image) {
     height: 20px;
     width: 20px;
+}
+
+.vitro-criterion-container-mobile {
+    position: relative;
+    flex-direction: column-reverse;
+    align-items: flex-start;
+    gap: 22px;
+    margin-top: 12px;
+}
+
+.vitro-criterion-container-mobile {
+    position: relative;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 22px;
+    margin-top: 12px;
+}
+
+.vitro-criterion-container-mobile .vitro-control {
+    width: 100%;
+}
+
+.vitro-criterion-container-mobile .vitro-button-cancel {
+    position: absolute;
+    bottom: 40px;
+    right: 0;
+    margin: 0;
 }

package/css/std/controls/dialog/dialog-footer.css

@@ -16,7 +16,7 @@
 
 .vitro-button {
     min-width: 139px;
-    height: 40px !important;
+    height: 40px;
     font-size: 16px;
 }
 

package/css/std/controls/image-button/image-button.css

@@ -1,13 +1,17 @@
+.vitro-image-button {
+    width: 20px;
+    height: 20px;
+}
+
 .vitro-image-button,
 .vitro-image-button:hover,
 .vitro-image-button:active {
-    width: 20px;
-    height: 20px;
     flex-shrink: 0;
     background-position: center;
     background-size: 100%;
     background-repeat: no-repeat;
     border: none;
     outline: none;
+    padding: 0;
     background-color: transparent;
 }

package/css/std/controls/list/list.css

@@ -0,0 +1,10 @@
+.vitro-list {
+    width: 100%;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+.vitro-list li {
+    cursor: pointer;
+}

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

@@ -25,7 +25,7 @@
 
 .compare-dlg_doc-sep {
     width: 68px;
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/dlg-compare-ico.png') no-repeat center center;
+    background: url('../img/dlg-compare-ico.png') no-repeat center center;
 }
 
 .compare-dlg_doc-a-wrap .wrap-inner,
@@ -210,17 +210,17 @@
 }
 
 #hideColors {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/hide-colors.png');
+    background: url('../img/hide-colors.png');
 }
 #hideColors.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/hide-colors_active.png');
+    background: url('../img/hide-colors_active.png');
 }
 
 #alignFinish {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/finish-align.png');
+    background: url('../img/finish-align.png');
 }
 #alignFinish.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/finish-align_active.png');
+    background: url('../img/finish-align_active.png');
 }
 
 .compare-panel_body {
@@ -286,12 +286,12 @@
     top: 50%;
     right: 0;
     transform: translate(0, -50%);
-    background-repeat: no-repeat;
-    background-image: url('img/layer-unvisible.svg');
+								 
+    background: url('../img/layer-unvisible.png') no-repeat center center;
 }
 
 .compare-layer-visibility.active {
-    background-image: url('img/layer-visible.svg');
+    background: url('../img/layer-visible.png') no-repeat center center;
 }
 
 .compare-viewer-wrap.side-by-side #compareCanvasResult,
@@ -329,50 +329,50 @@
 }
 
 #btnComparePan {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/pan.png') no-repeat center center;
+    background: url('../img/pan.png') no-repeat center center;
 }
 #btnComparePan:hover,
 #btnComparePan.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/pan_active.png') no-repeat center center;
+    background: url('../img/pan_active.png') no-repeat center center;
 }
 
 #btnCompareZoom {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/zoom.png') no-repeat center center;
+    background: url('../img/zoom.png') no-repeat center center;
 }
 #btnCompareZoom:hover,
 #btnCompareZoom.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/zoom_active.png') no-repeat center center;
+    background: url('../img/zoom_active.png') no-repeat center center;
 }
 
 #btnFitToView {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/fit-to-view.png') no-repeat center center;
+    background: url('../img/fit-to-view.png') no-repeat center center;
 }
 #btnFitToView:hover,
 #btnFitToView.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/fit-to-view_active.png') no-repeat center center;
+    background: url('../img/fit-to-view_active.png') no-repeat center center;
 }
 
 #btnCompareType.type-overlay {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/compare-overlay.png') no-repeat center center;
+    background: url('../img/compare-overlay.png') no-repeat center center;
 }
 #btnCompareType.type-side-by-side {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/compare-side-by-side.png') no-repeat center center;
+    background: url('../img/compare-side-by-side.png') no-repeat center center;
 }
 
 #btnComparePanel {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/panel-visibility.png') no-repeat center center;
+    background: url('../img/panel-visibility.png') no-repeat center center;
 }
 #btnComparePanel:hover,
 #btnComparePanel.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/panel-visibility_active.png') no-repeat center center;
+    background: url('../img/panel-visibility_active.png') no-repeat center center;
 }
 
 #btnCompareViewerExit {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/close-compare-viewer.png') no-repeat center center;
+    background: url('../img/close-compare-viewer.png') no-repeat center center;
 }
 #btnCompareViewerExit:hover,
 #btnCompareViewerExit.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/close-compare-viewer_active.png') no-repeat center center;
+    background: url('../img/close-compare-viewer_active.png') no-repeat center center;
 }
 
 /* Compare label */
@@ -425,19 +425,19 @@
 }
 
 #btnCompareTypeSideBySide {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/side-by-side.png') no-repeat center center;
+    background: url('../img/side-by-side.png') no-repeat center center;
 }
 
 #btnCompareTypeOverlay {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/overlay.png') no-repeat center center;
+    background: url('../img/overlay.png') no-repeat center center;
 }
 
 #btnCompareTypeSideBySide.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/side-by-side_active.png') no-repeat center center;
+    background: url('../img/side-by-side_active.png') no-repeat center center;
 }
 
 #btnCompareTypeOverlay.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/overlay_active.png') no-repeat center center;
+    background: url('../img/overlay_active.png') no-repeat center center;
 }
 
 /* Side by Side */

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

@@ -179,12 +179,12 @@ a.ui-button:active,
     height: 16px;
     right: 0;
     top: 0;
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/delete.png') 2px 0 no-repeat;
+    background: url('../img/delete.png') 2px 0 no-repeat;
     cursor: pointer;
 }
 
 .body__sidebar-note-wrap.active .body__sidebar-note-btn-delete {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/delete-active.png') 2px 0 no-repeat;
+    background: url('../img/delete-active.png') 2px 0 no-repeat;
 }
 
 .body__sidebar-note-body {

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

@@ -130,4 +130,81 @@
 
 .form-body .w-100 {
     width: 100%;
-}
+}
+
+.uk-select {
+    width: 100%;
+}
+
+.uk-margin {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
+.uk-margin-first {
+    margin-top: 0;
+}
+
+.uk-margin-last {
+    margin-bottom: 0;
+}
+
+.form-body input.uk-checkbox,
+.form-body input.uk-radio,
+.uk-checkbox,
+.uk-radio {
+    display: inline-block;
+    height: 16px;
+    width: 16px;
+    min-width: initial;
+    padding: 0;
+    overflow: hidden;
+    margin-top: -4px;
+    vertical-align: middle;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    background-color: transparent;
+    background-repeat: no-repeat;
+    background-position: 50% 50%;
+    border: 1px solid #ccc;
+    transition: .2s ease-in-out;
+    transition-property: background-color, border;
+}
+
+.uk-radio {
+    border-radius: 50%;
+}
+
+.uk-checkbox:not(:disabled),
+.uk-radio:not(:disabled) {
+    cursor: pointer;
+}
+
+.form-body input.uk-radio:checked,
+.uk-radio:checked {
+    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E);
+}
+
+.form-body input.uk-checkbox:checked,
+.form-body input.uk-checkbox:indeterminate,
+.form-body input.uk-radio:checked,
+.uk-checkbox:checked,
+.uk-checkbox:indeterminate,
+.uk-radio:checked {
+    background-color: #1e87f0;
+    border-color: transparent;
+}
+
+.uk-form-radio-group label {
+    margin-bottom: 10px;
+}
+
+.uk-button[disabled] {
+    opacity: 0.5;
+}
+
+.uk-button-full-width {
+    width: 100%;
+}
+
+

package/css/std/controls/pdf-viewer/img/cancel-white.svg

@@ -0,0 +1,10 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3501_200870)">
+<path d="M1.89062 28.1056L14.9981 14.9981L28.1056 28.1056M28.1056 1.89062L14.9956 14.9981L1.89062 1.89062" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_3501_200870">
+<rect width="30" height="30" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/css/std/controls/pdf-viewer/img/close-compare-viewer-active.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='M3 6.9375V4.5C3 3.67158 3.67155 3 4.5 3H19.5C20.3284 3 21 3.67158 21 4.5V19.5C21 20.3285 20.3284 21 19.5 21H4.5C3.67155 21 3 20.3285 3 19.5V17.3438' stroke='#326AD6' stroke-linecap='round' stroke-linejoin='round'/>
+	<path d='M3 12H15' stroke='#326AD6' stroke-linecap='round'/>
+	<path d='M12 15L15 12L12 9' stroke='#326AD6' stroke-linecap='round' stroke-linejoin='round'/>
+</svg>

package/css/std/controls/pdf-viewer/img/close-compare-viewer.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='M3 6.9375V4.5C3 3.67158 3.67155 3 4.5 3H19.5C20.3284 3 21 3.67158 21 4.5V19.5C21 20.3285 20.3284 21 19.5 21H4.5C3.67155 21 3 20.3285 3 19.5V17.3438' stroke='#222D44' stroke-linecap='round' stroke-linejoin='round'/>
+	<path d='M3 12H15' stroke='#222D44' stroke-linecap='round'/>
+	<path d='M12 15L15 12L12 9' stroke='#222D44' stroke-linecap='round' stroke-linejoin='round'/>
+</svg>

package/css/std/controls/pdf-viewer/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/pdf-viewer/img/collapse-up-blue.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="M4.5 16.5L12 9L19.5 16.5" stroke="#3274E0" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

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

@@ -0,0 +1 @@
+<svg width='38' height='22' viewBox='0 0 38 22' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_1743_100928)'><path d='M1.12227 5.08646C0.792376 5.26348 0.79238 5.73656 1.12228 5.91357L9.91038 10.6291C10.223 10.7969 10.6016 10.5704 10.6016 10.2155L10.6016 7.50613C10.6016 7.24693 10.8117 7.0368 11.0709 7.0368L26.1755 7.0368C26.4347 7.0368 26.6448 6.82667 26.6448 6.56747L26.6448 4.43239C26.6448 4.17318 26.4347 3.96306 26.1755 3.96306L11.0709 3.96306C10.8117 3.96306 10.6016 3.75293 10.6016 3.49373L10.6016 0.784335C10.6016 0.429502 10.223 0.203005 9.91037 0.37078L1.12227 5.08646Z' fill='#4A556C'/><path d='M36.8777 16.9135C37.2076 16.7364 37.2076 16.2634 36.8777 16.0864L28.0897 11.3709C27.7771 11.2031 27.3985 11.4296 27.3985 11.7845L27.3985 14.4938C27.3985 14.753 27.1884 14.9632 26.9292 14.9632L11.8248 14.9632C11.5656 14.9632 11.3554 15.1733 11.3554 15.4325L11.3554 17.5675C11.3554 17.8267 11.5656 18.0368 11.8248 18.0368L26.9292 18.0368C27.1884 18.0368 27.3985 18.247 27.3985 18.5062L27.3985 21.2155C27.3985 21.5704 27.7771 21.7969 28.0897 21.6291L36.8777 16.9135Z' fill='#4A556C'/></g><defs><clipPath id='clip0_1743_100928'><rect width='22' height='38' fill='white' transform='translate(0 22) rotate(-90)'/></clipPath></defs></svg>

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

@@ -0,0 +1 @@
+<svg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='2.00391' y='14' width='13.9982' height='14.0038' rx='2' fill='#326AD6'/><path d='M10.0078 7.99805C10.0078 6.89348 10.9032 5.99805 12.0078 5.99805H22.006C23.1106 5.99805 24.006 6.89348 24.006 7.99805V18.0018C24.006 19.1064 23.1106 20.0018 22.006 20.0018H17.0069L17.0089 15.0028C17.0094 13.8982 16.1143 13.0024 15.0098 13.002L10.0078 12.9999V7.99805Z' fill='#326AD6'/><path d='M27.6536 2.6C27.8076 2.33333 28.1925 2.33333 28.3464 2.6L31.1177 7.4C31.2717 7.66667 31.0792 8 30.7713 8H25.2287C24.9208 8 24.7283 7.66667 24.8823 7.4L27.6536 2.6Z' fill='#326AD6'/></svg>

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

@@ -0,0 +1,5 @@
+<svg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'>
+	<path d='M12.5 24.9V9.1C12.5 7.6 11.86 7 10.27 7H5.23C3.64 7 3 7.6 3 9.1V24.9C3 26.4 3.64 27 5.23 27H10.27C11.86 27 12.5 26.4 12.5 24.9Z' fill='#326AD6'/>
+	<path d='M23 24.9V9.1C23 7.6 22.36 7 20.77 7H15.73C14.14 7 13.5 7.6 13.5 9.1V24.9C13.5 26.4 14.14 27 15.73 27H20.77C22.36 27 23 26.4 23 24.9Z' fill='#326AD6'/>
+	<path d='M26.6536 2.6C26.8076 2.33333 27.1925 2.33333 27.3464 2.6L30.1177 7.4C30.2717 7.66667 30.0792 8 29.7713 8H24.2287C23.9208 8 23.7283 7.66667 23.8823 7.4L26.6536 2.6Z' fill='#326AD6'/>
+</svg>

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

@@ -0,0 +1,8 @@
+<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
+	<path d='M4.99535 15.002L3.9969 14.0027L2 12.0043L4 10.0027L5 9.00195' stroke='#326AD6' stroke-linecap='round' stroke-linejoin='round'/>
+	<path d='M19.0047 9L20.0031 9.99924L22 11.9977L20 13.9992L19 15' stroke='#326AD6' stroke-linecap='round' stroke-linejoin='round'/>
+	<path d='M2 12H22' stroke='#326AD6' stroke-linecap='round' stroke-linejoin='round'/>
+	<path d='M15 5L13.9992 4L11.9977 2L9.99922 3.9969L9 4.99535' stroke='#326AD6' stroke-linecap='round' stroke-linejoin='round'/>
+	<path d='M15 19.0047L14.0008 20.0031L12.0023 22L10.0008 20L9 19' stroke='#326AD6' stroke-linecap='round' stroke-linejoin='round'/>
+	<path d='M12 2L12 22' stroke='#326AD6' stroke-linecap='round' stroke-linejoin='round'/>
+</svg>

package/css/std/controls/pdf-viewer/img/finish-align.svg

@@ -0,0 +1,8 @@
+<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
+	<path d='M4.99535 15.002L3.9969 14.0027L2 12.0043L4 10.0027L5 9.00195' stroke='#222D44' stroke-linecap='round' stroke-linejoin='round'/>
+	<path d='M19.0047 9L20.0031 9.99924L22 11.9977L20 13.9992L19 15' stroke='#222D44' stroke-linecap='round' stroke-linejoin='round'/>
+	<path d='M2 12H22' stroke='#222D44' stroke-linecap='round' stroke-linejoin='round'/>
+	<path d='M15 5L13.9992 4L11.9977 2L9.99922 3.9969L9 4.99535' stroke='#222D44' stroke-linecap='round' stroke-linejoin='round'/>
+	<path d='M15 19.0047L14.0008 20.0031L12.0023 22L10.0008 20L9 19' stroke='#222D44' stroke-linecap='round' stroke-linejoin='round'/>
+	<path d='M12 2L12 22' stroke='#222D44' stroke-linecap='round' stroke-linejoin='round'/>
+</svg>

package/css/std/controls/pdf-viewer/img/fit-to-view-active.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 fill-rule='evenodd' clip-rule='evenodd' d='M22 3C22 2.44772 21.5523 2 21 2H16.5C16.2239 2 16 1.77614 16 1.5V1.5C16 1.22386 16.2239 1 16.5 1H22V1C22.5523 1 23 1.44772 23 2V2V7.5C23 7.77614 22.7761 8 22.5 8V8C22.2239 8 22 7.77614 22 7.5V3ZM1.5 8C1.77614 8 2 7.77614 2 7.5V3C2 2.44772 2.44772 2 3 2H7.5C7.77614 2 8 1.77614 8 1.5V1.5C8 1.22386 7.77614 1 7.5 1H2V1C1.44772 1 1 1.44772 1 2V2V7.5C1 7.77614 1.22386 8 1.5 8V8ZM1 16.5C1 16.2239 1.22386 16 1.5 16V16C1.77614 16 2 16.2239 2 16.5V21C2 21.5523 2.44772 22 3 22H7.5C7.77614 22 8 22.2239 8 22.5V22.5C8 22.7761 7.77614 23 7.5 23H2V23C1.44772 23 1 22.5523 1 22V22V16.5ZM22 16.5C22 16.2239 22.2239 16 22.5 16V16C22.7761 16 23 16.2239 23 16.5V22V22C23 22.5523 22.5523 23 22 23V23H16.5C16.2239 23 16 22.7761 16 22.5V22.5C16 22.2239 16.2239 22 16.5 22H21C21.5523 22 22 21.5523 22 21V16.5Z' fill='#326AD6'/>
+	<path d='M7 9.56619C7 9.21493 7.1843 8.88942 7.4855 8.7087L11.4855 6.3087C11.8022 6.11869 12.1978 6.11869 12.5145 6.3087L16.3748 8.6249C16.6456 8.78733 16.6302 9.18468 16.3478 9.32575L12.5532 11.2209C12.2142 11.3902 12 11.7366 12 12.1155V17.2935C12 17.6044 11.6608 17.7965 11.3942 17.6365L7.4855 15.2913C7.1843 15.1106 7 14.7851 7 14.4338V12V9.56619Z' fill='#326AD6'/>
+	<path d='M7.74275 9.13744L11.7428 6.73744C11.9011 6.64244 12.0989 6.64244 12.2572 6.73744L16.2572 9.13744C16.4079 9.22781 16.5 9.39056 16.5 9.56619V12V14.4338C16.5 14.6094 16.4079 14.7722 16.2572 14.8626L12.2572 17.2626C12.0989 17.3576 11.9011 17.3576 11.7428 17.2626L7.74275 14.8626C7.59215 14.7722 7.5 14.6094 7.5 14.4338V12V9.56619C7.5 9.39056 7.59215 9.22781 7.74275 9.13744Z' stroke='#326AD6'/>
+</svg>

package/css/std/controls/pdf-viewer/img/fit-to-view.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 fill-rule='evenodd' clip-rule='evenodd' d='M2 1H7.5C7.77614 1 8 1.22386 8 1.5V1.5C8 1.77614 7.77614 2 7.5 2H3C2.44772 2 2 2.44772 2 3V7.5C2 7.77614 1.77614 8 1.5 8V8C1.22386 8 1 7.77614 1 7.5V2V2C1 1.44772 1.44772 1 2 1V1ZM1.5 16C1.22386 16 1 16.2239 1 16.5V22V22C1 22.5523 1.44772 23 2 23V23H7.5C7.77614 23 8 22.7761 8 22.5V22.5C8 22.2239 7.77614 22 7.5 22H3C2.44772 22 2 21.5523 2 21V16.5C2 16.2239 1.77614 16 1.5 16V16ZM22.5 16C22.2239 16 22 16.2239 22 16.5V21C22 21.5523 21.5523 22 21 22H16.5C16.2239 22 16 22.2239 16 22.5V22.5C16 22.7761 16.2239 23 16.5 23H22V23C22.5523 23 23 22.5523 23 22V22V16.5C23 16.2239 22.7761 16 22.5 16V16ZM22.5 8C22.7761 8 23 7.77614 23 7.5V2V2C23 1.44772 22.5523 1 22 1V1H16.5C16.2239 1 16 1.22386 16 1.5V1.5C16 1.77614 16.2239 2 16.5 2H21C21.5523 2 22 2.44772 22 3V7.5C22 7.77614 22.2239 8 22.5 8V8Z' fill='#222D44'/>
+	<path d='M7 9.56619C7 9.21493 7.1843 8.88942 7.4855 8.7087L11.4855 6.3087C11.8022 6.11869 12.1978 6.11869 12.5145 6.3087L16.3748 8.6249C16.6456 8.78733 16.6302 9.18468 16.3478 9.32575L12.5532 11.2209C12.2142 11.3902 12 11.7366 12 12.1155V17.2935C12 17.6044 11.6608 17.7965 11.3942 17.6365L7.4855 15.2913C7.1843 15.1106 7 14.7851 7 14.4338V12V9.56619Z' fill='#222D44'/>
+	<path d='M7.74275 9.13744L11.7428 6.73744C11.9011 6.64244 12.0989 6.64244 12.2572 6.73744L16.2572 9.13744C16.4079 9.22781 16.5 9.39056 16.5 9.56619V12V14.4338C16.5 14.6094 16.4079 14.7722 16.2572 14.8626L12.2572 17.2626C12.0989 17.3576 11.9011 17.3576 11.7428 17.2626L7.74275 14.8626C7.59215 14.7722 7.5 14.6094 7.5 14.4338V12V9.56619C7.5 9.39056 7.59215 9.22781 7.74275 9.13744Z' stroke='#222D44'/>
+</svg>

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

@@ -0,0 +1 @@
+<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M12 21.5C16.1421 21.5 18 19.1421 18 15C18 9 12 2.5 12 2.5C12 2.5 6 9 6 15C6 19.1421 7.85785 21.5 12 21.5Z' stroke='#326AD6' stroke-linecap='round' stroke-linejoin='round'/></svg>

package/css/std/controls/pdf-viewer/img/hide-colors.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 fill-rule='evenodd' clip-rule='evenodd' d='M12 21.5C16.1421 21.5 18 19.1421 18 15C18 9 12 2.5 12 2.5C12 2.5 6 9 6 15C6 19.1421 7.85785 21.5 12 21.5Z' stroke='#222D44' stroke-linecap='round' stroke-linejoin='round'/>
+</svg>

package/css/std/controls/pdf-viewer/img/overlay-active.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='1.00391' y='9' width='13.9982' height='14.0038' rx='2' fill='#326AD6'/>
+	<path d='M9.00781 2.99805C9.00781 1.89348 9.90324 0.998047 11.0078 0.998047H21.006C22.1106 0.998047 23.006 1.89348 23.006 2.99805V13.0018C23.006 14.1064 22.1106 15.0018 21.006 15.0018H16.0069L16.0089 10.0028C16.0094 8.89824 15.1143 8.00244 14.0098 8.00199L9.00781 7.99994V2.99805Z' fill='#326AD6'/>
+</svg>

package/css/std/controls/pdf-viewer/img/overlay.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='1.00391' y='9' width='13.9982' height='14.0038' rx='2' fill='#222D44'/>
+	<path d='M9.00781 2.99805C9.00781 1.89348 9.90324 0.998047 11.0078 0.998047H21.006C22.1106 0.998047 23.006 1.89348 23.006 2.99805V13.0018C23.006 14.1064 22.1106 15.0018 21.006 15.0018H16.0069L16.0089 10.0028C16.0094 8.89824 15.1143 8.00244 14.0098 8.00199L9.00781 7.99994V2.99805Z' fill='#222D44'/>
+</svg>