@vitrosoftware/common-ui-ts 1.1.97 → 1.1.98

package/css/std/controls/expand-control-group/expand-control-group.css

@@ -12,8 +12,7 @@
     position: relative;
 }
 
-.vitro-button-collapse,
-.vitro-button-expand {
+.vitro-expand-collapse-button {
     vertical-align: middle;
     margin-right: 8px;
     margin-top: -2px;
@@ -21,14 +20,6 @@
     height: 12px;
 }
 
-.vitro-button-collapse {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/expand-control-group/img/collapse-up.svg');
-}
-
-.vitro-button-expand {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/expand-control-group/img/collapse-bottom.svg');
-}
-
 .vitro-expand-control-group > .vitro-content {
     margin: 8px 0 16px 0;
 }

package/css/std/controls/field-iterator/field-iterator.css

@@ -17,3 +17,7 @@
 :global(.vitro-block):nth-child(2) {
     margin-top: 8px;
 }
+
+:global(.vitro-block):last-child > div > div {
+    margin: 0;
+}

package/css/std/controls/file-version-select/file-version-select.css

@@ -16,16 +16,20 @@
     cursor: pointer;
 }
 
-.vitro-file-name {
-    text-overflow: ellipsis;
-    overflow: hidden;
+.vitro-file-name,
+.vitro-file-name-tip {
     color: #222D44;
     font-size: 14px;
     line-height: 16px;
     white-space: nowrap;
 }
 
-.vitro-position-absolute {
+.vitro-file-name {
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.vitro-file-name-tip {
     position: absolute;
     top: 0;
     left: 0;

package/css/std/controls/heading/heading.css

@@ -0,0 +1,49 @@
+.vitro-heading-h1 {
+    color: #222D44;
+    font-size: 20px;
+    line-height: 24px;
+    font-family: 'InterRegular';
+    font-weight: unset;
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+.vitro-heading-h2 {
+    color: #222D44;
+    font-size: 14px;
+    line-height: 16px;
+    font-family: 'InterRegular';
+    font-weight: unset;
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+.vitro-heading-h3 {
+    color: #222D44;
+    font-size: 14px;
+    line-height: 16px;
+    font-family: 'InterMedium';
+    font-weight: unset;
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+.vitro-heading-h4 {
+    color: #222D44;
+    font-size: 12px;
+    line-height: 16px;
+    font-family: 'InterRegular';
+    font-weight: unset;
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+.vitro-heading-h5 {
+    color: #222D44;
+    font-size: 11px;
+    line-height: 16px;
+    font-family: 'InterRegular';
+    font-weight: unset;
+    margin-top: 0;
+    margin-bottom: 0;
+}

package/css/std/controls/input/input.css

@@ -27,7 +27,7 @@
 }
 
 .vitro-control textarea::-webkit-scrollbar-track {
-    background: #fff;
+    background: transparent;
     border-radius: 4px;
 }
 
@@ -42,8 +42,6 @@
 
 .vitro-control textarea {
     line-height: 150%;
-    scrollbar-color: #E4E6EC #fff;
-    scrollbar-width: thin;
 }
 
 .vitro-control input::placeholder,
@@ -95,7 +93,7 @@
     padding: 0 6px;
     background: transparent;
     background-image: linear-gradient(#fff, #fff);
-    background-size: 100% 2px;
+    background-size: 100% 3px;
     background-position: 0 calc(50% + 3px);
     background-repeat: no-repeat;
     z-index: 1;
@@ -122,9 +120,6 @@
     line-height: 19px;
     margin-top: 2px;
     width: 100%;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
 }
 
 .vitro-focus .vitro-error-text {

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

@@ -56,7 +56,7 @@
     padding: 0 6px;
     background: transparent;
     background-image: linear-gradient(#fff, #fff);
-    background-size: 100% 2px;
+    background-size: 100% 3px;
     background-position: 0 calc(50% + 3px);
     background-repeat: no-repeat;
     z-index: 1;
@@ -73,9 +73,6 @@
     line-height: 135%;
     margin-top: 2px;
     width: 100%;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
 }
 
 .vitro-focus .vitro-error-text {

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

@@ -290,7 +290,7 @@ html[dir='ltr'] .toolbarButton#btnDrawAnnotation.polygon::before {
 }
 
 html[dir='ltr'] .toolbarButton#btnDrawAnnotation.cloud::before {
-    background-image: url('img/draw-annotation-toolbar-cloud.svg');
+    content: url('img/draw-annotation-toolbar-cloud.svg');
 }
 
 html[dir='ltr'] .toolbarButton#btnDrawAnnotation.line::before {
@@ -356,6 +356,14 @@ html[dir='ltr'] .toolbarButton#btnToggleNotes.show::before {
     content: url('img/show-annotation.svg');
 }
 
+html[dir='ltr'] .toolbarButton#btnToggleMeasures::before {
+    content: url('img/hide-measures.svg');
+}
+
+html[dir='ltr'] .toolbarButton#btnToggleMeasures.show::before {
+    content: url('img/show-measures.svg');
+}
+
 html[dir='ltr'] .toolbarButton#btnToggleSidebarNotes::before {
     content: url('img/sidebar-notes-toggle.svg');
 }
@@ -364,13 +372,26 @@ html[dir='ltr'] .toolbarButton#btnCompare::before {
     content: url('img/do-compare.svg');
 }
 
+html[dir='ltr'] .toolbarButton#btnMeasure::before {
+    content: url('img/measures-toolbar.svg');
+}
+
+#cursorToolButtons .toolbarButton {
+    position: relative;
+}
+
+#presentationMode,
+#openFile {
+    display: none;
+}
+
 /* 2021.10.03 - Fix: annotations visibility in fullscreen mode */
 .pdfPresentationMode:fullscreen .svgsketch-wrap,
 .pdfPresentationMode:fullscreen a.pdf-note {
     display: block;
 }
 
-.hide-annotations .svgsketch-wrap,
+.hide-annotations .svgsketch-wrap [id^='svg-'],
 .hide-annotations .pdf-note {
     display: none;
 }
@@ -406,6 +427,8 @@ body.show-presentation-txt #viewer .page .textLayer span:empty {
     opacity: 0;
 }
 
+.toolbarButton#btnToggleMeasures::before,
+html[dir='ltr'] .toolbarButton#btnMeasure::before,
 html[dir='ltr'] .toolbarButton#btnCompare::before,
 .toolbarButton#btnToggleSidebarNotes::before,
 .toolbarButton#btnToggleNotes::before,

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

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/pdf-viewer/img/create-issue-black.svg

@@ -0,0 +1,5 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="show-hide issues">
+<path id="Vector" d="M6.66667 8.0026H13.3333M6.66667 11.3359H11.6667M10 18.0026L7.5 15.5026H5C4.33696 15.5026 3.70107 15.2392 3.23223 14.7704C2.76339 14.3015 2.5 13.6656 2.5 13.0026V6.33594C2.5 5.6729 2.76339 5.03701 3.23223 4.56817C3.70107 4.09933 4.33696 3.83594 5 3.83594H15C15.663 3.83594 16.2989 4.09933 16.7678 4.56817C17.2366 5.03701 17.5 5.6729 17.5 6.33594V10.5026M15.8342 16.3359V13.4193M15.8342 16.3359V19.2526M15.8342 16.3359H18.75M15.8342 16.3359H12.9167" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

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

@@ -0,0 +1,11 @@
+<svg viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="trash">
+<g id="Group">
+<path id="Path" fill-rule="evenodd" clip-rule="evenodd" d="M12.947 18.0051H7.04211C6.06195 18.0051 5.24703 17.2504 5.17186 16.2732L4.36719 5.8125H15.6219L14.8172 16.2732C14.742 17.2504 13.9271 18.0051 12.947 18.0051V18.0051Z" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Path_2" d="M16.667 5.80747H3.32812" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Path_3" fill-rule="evenodd" clip-rule="evenodd" d="M7.64883 2.99609H12.3383C12.8563 2.99609 13.2762 3.416 13.2762 3.93398V5.80977H6.71094V3.93398C6.71094 3.416 7.13085 2.99609 7.64883 2.99609Z" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Path_4" d="M11.6356 9.5625V14.252" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Path_5" d="M8.35434 9.5625V14.252" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</g>
+</svg>

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

@@ -0,0 +1,16 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_380_16068)">
+<path d="M11.2463 8.27248L11.8394 7.84865L13.0254 7.00099L11.8375 6.15202L11.2436 5.72754" stroke="#8E98A3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13 7L7 7" stroke="#8E98A3" stroke-linecap="round" stroke-linejoin="round"/>
+<rect width="0.636364" height="4.45455" transform="matrix(-1 0 0 1 14 4.77246)" fill="#8E98A3"/>
+<path d="M2.75365 8.27248L2.16064 7.84865L0.974609 7.00099L2.16248 6.15202L2.75641 5.72754" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1 7L7 7" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<rect y="4.77246" width="0.636364" height="4.45455" fill="#222D44"/>
+<path d="M13 1L1 13" stroke="#222D44"/>
+</g>
+<defs>
+<clipPath id="clip0_380_16068">
+<rect width="14" height="14" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/css/std/controls/pdf-viewer/img/measures-area.svg

@@ -0,0 +1,17 @@
+<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.34961 12.5275V25.4725H8.34961V12.5275H7.34961ZM9.93854 10.9385H28.0613V9.93848H9.93854V10.9385ZM9.93842 28.0614V27.0614H28.0613V28.0614H9.93842ZM30.6505 25.4725V12.5275H29.6505V25.4725H30.6505Z" fill="#222D44"/>
+<mask id="mask0_380_15989" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="11" y="13" width="16" height="12">
+<rect x="11.2332" y="13.8218" width="15.5339" height="10.356" fill="white"/>
+</mask>
+<g mask="url(#mask0_380_15989)">
+<path d="M16.9245 12.4854L17.8399 13.4008L10.9271 20.3135L10.0118 19.3982L16.9245 12.4854Z" fill="#222D44"/>
+<path d="M21.033 12.2607L21.9484 13.1761L10.4334 24.691L9.51807 23.7757L21.033 12.2607Z" fill="#222D44"/>
+<path d="M24.891 12.2859L25.8063 13.2012L13.5443 25.4632L12.629 24.5479L24.891 12.2859Z" fill="#222D44"/>
+<path d="M27.2578 13.8029L28.1731 14.7182L17.1823 25.7091L16.2669 24.7937L27.2578 13.8029Z" fill="#222D44"/>
+<path d="M27.4243 17.5198L28.3397 18.4351L21.3868 25.388L20.4715 24.4726L27.4243 17.5198Z" fill="#222D44"/>
+</g>
+<rect x="28.5615" y="9.14404" width="2.88348" height="2.88348" stroke="#222D44"/>
+<rect x="28.5615" y="25.9727" width="2.88348" height="2.88348" stroke="#222D44"/>
+<rect x="6.55518" y="25.9727" width="2.88348" height="2.88348" stroke="#222D44"/>
+<rect x="6.55518" y="9.14404" width="2.88348" height="2.88348" stroke="#222D44"/>
+</svg>

package/css/std/controls/pdf-viewer/img/measures-area_active.svg

@@ -0,0 +1,17 @@
+<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.34961 12.5275V25.4725H8.34961V12.5275H7.34961ZM9.93854 10.9385H28.0613V9.93848H9.93854V10.9385ZM9.93842 28.0614V27.0614H28.0613V28.0614H9.93842ZM30.6505 25.4725V12.5275H29.6505V25.4725H30.6505Z" fill="#326AD6"/>
+<mask id="mask0_380_15990" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="11" y="13" width="16" height="12">
+<rect x="11.2332" y="13.8218" width="15.5339" height="10.356" fill="white"/>
+</mask>
+<g mask="url(#mask0_380_15990)">
+<path d="M16.9245 12.4854L17.8399 13.4008L10.9271 20.3135L10.0118 19.3982L16.9245 12.4854Z" fill="#326AD6"/>
+<path d="M21.033 12.2607L21.9484 13.1761L10.4334 24.691L9.51807 23.7757L21.033 12.2607Z" fill="#326AD6"/>
+<path d="M24.891 12.2859L25.8063 13.2012L13.5443 25.4632L12.629 24.5479L24.891 12.2859Z" fill="#326AD6"/>
+<path d="M27.2578 13.8029L28.1731 14.7182L17.1823 25.7091L16.2669 24.7937L27.2578 13.8029Z" fill="#326AD6"/>
+<path d="M27.4243 17.5198L28.3397 18.4351L21.3868 25.388L20.4715 24.4726L27.4243 17.5198Z" fill="#326AD6"/>
+</g>
+<rect x="28.5615" y="9.14404" width="2.88348" height="2.88348" stroke="#326AD6"/>
+<rect x="28.5615" y="25.9727" width="2.88348" height="2.88348" stroke="#326AD6"/>
+<rect x="6.55518" y="25.9727" width="2.88348" height="2.88348" stroke="#326AD6"/>
+<rect x="6.55518" y="9.14404" width="2.88348" height="2.88348" stroke="#326AD6"/>
+</svg>

package/css/std/controls/pdf-viewer/img/measures-line.svg

@@ -0,0 +1,8 @@
+<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.0441 21.8073V21.3428L26.3216 21.3428V23.8321C26.3216 24.1556 26.0593 24.4178 25.7359 24.4178C25.4124 24.4178 25.1501 24.1556 25.1501 23.8321V21.3428H22.9537V21.8073C22.9537 22.1307 22.6914 22.393 22.3679 22.393C22.0444 22.393 21.7822 22.1307 21.7822 21.8073V21.3428L19.5857 21.3428L19.5857 23.8321C19.5857 24.1556 19.3235 24.4178 19 24.4178C18.6765 24.4178 18.4143 24.1556 18.4143 23.8321V21.3428L16.2178 21.3428L16.2178 21.8073C16.2178 22.1307 15.9556 22.393 15.6321 22.393C15.3086 22.393 15.0463 22.1307 15.0463 21.8073V21.3428L12.8499 21.3428L12.8499 23.8321C12.8499 24.1556 12.5876 24.4178 12.2641 24.4178C11.9407 24.4178 11.6784 24.1556 11.6784 23.8321V21.3428L9.77481 21.3428V21.8073C9.77481 22.1307 9.51257 22.393 9.18908 22.393C8.86559 22.393 8.60335 22.1307 8.60335 21.8073V21.3428L6.33659 21.3428C6.23345 21.3428 6.15666 21.3752 6.1197 21.4033L6.11401 21.4079L6.11401 28.3064L6.11971 28.311C6.15666 28.3391 6.23345 28.3715 6.33659 28.3715L31.6634 28.3715C31.7666 28.3715 31.8433 28.3391 31.8803 28.3109L31.886 28.3064V21.4079L31.8803 21.4033C31.8433 21.3752 31.7666 21.3428 31.6634 21.3428L29.2156 21.3428L29.2156 21.8073C29.2156 22.1307 28.9534 22.393 28.6299 22.393C28.3064 22.393 28.0441 22.1307 28.0441 21.8073Z" fill="#222D44"/>
+<path d="M11.3538 16.0716L10.2622 15.2914L8.07886 13.731L10.2656 12.1681L11.3589 11.3867" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M26.6701 11.3857L27.7618 12.166L29.9451 13.7264L27.7584 15.2892L26.665 16.0706" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.07886 13.7285H29.9458" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="6.2854" y="9.62842" width="1.17145" height="8.20017" fill="#222D44"/>
+<rect x="30.543" y="9.62842" width="1.17145" height="8.20017" fill="#222D44"/>
+</svg>

package/css/std/controls/pdf-viewer/img/measures-line_active.svg

@@ -0,0 +1,8 @@
+<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.0441 21.8073V21.3428L26.3216 21.3428V23.8321C26.3216 24.1556 26.0593 24.4178 25.7359 24.4178C25.4124 24.4178 25.1501 24.1556 25.1501 23.8321V21.3428H22.9537V21.8073C22.9537 22.1307 22.6914 22.393 22.3679 22.393C22.0444 22.393 21.7822 22.1307 21.7822 21.8073V21.3428L19.5857 21.3428L19.5857 23.8321C19.5857 24.1556 19.3235 24.4178 19 24.4178C18.6765 24.4178 18.4143 24.1556 18.4143 23.8321V21.3428L16.2178 21.3428L16.2178 21.8073C16.2178 22.1307 15.9556 22.393 15.6321 22.393C15.3086 22.393 15.0463 22.1307 15.0463 21.8073V21.3428L12.8499 21.3428L12.8499 23.8321C12.8499 24.1556 12.5876 24.4178 12.2641 24.4178C11.9407 24.4178 11.6784 24.1556 11.6784 23.8321V21.3428L9.77481 21.3428V21.8073C9.77481 22.1307 9.51257 22.393 9.18908 22.393C8.86559 22.393 8.60335 22.1307 8.60335 21.8073V21.3428L6.33659 21.3428C6.23345 21.3428 6.15666 21.3752 6.1197 21.4033L6.11401 21.4079L6.11401 28.3064L6.11971 28.311C6.15666 28.3391 6.23345 28.3715 6.33659 28.3715L31.6634 28.3715C31.7666 28.3715 31.8433 28.3391 31.8803 28.3109L31.886 28.3064V21.4079L31.8803 21.4033C31.8433 21.3752 31.7666 21.3428 31.6634 21.3428L29.2156 21.3428L29.2156 21.8073C29.2156 22.1307 28.9534 22.393 28.6299 22.393C28.3064 22.393 28.0441 22.1307 28.0441 21.8073Z" fill="#326AD6"/>
+<path d="M11.3538 16.0716L10.2622 15.2914L8.07886 13.731L10.2656 12.1681L11.3589 11.3867" stroke="#326AD6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M26.6701 11.3857L27.7618 12.166L29.9451 13.7264L27.7584 15.2892L26.665 16.0706" stroke="#326AD6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.07886 13.7285H29.9458" stroke="#326AD6" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="6.2854" y="9.62842" width="1.17145" height="8.20017" fill="#326AD6"/>
+<rect x="30.543" y="9.62842" width="1.17145" height="8.20017" fill="#326AD6"/>
+</svg>

package/css/std/controls/pdf-viewer/img/measures-settings.svg

@@ -0,0 +1,4 @@
+<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.2765 9.28785L23.6357 9.64705C23.8858 9.89721 24.2914 9.89721 24.5416 9.64705C24.7917 9.39688 24.7917 8.99129 24.5416 8.74113L24.1824 8.38193L26.0753 6.48897C26.1551 6.40921 26.2396 6.37491 26.2899 6.36807L26.2978 6.36719L31.6326 11.702L31.6317 11.7099C31.6249 11.7602 31.5906 11.8447 31.5108 11.9245L24.6404 18.7949C24.3721 18.7546 24.1445 18.5859 24.0241 18.3498C23.7885 17.8881 23.2607 17.6559 22.7613 17.7942C21.5857 18.1196 20.5275 18.7234 19.6615 19.5286C19.3085 19.8568 19.2127 20.3776 19.4258 20.8099C19.4797 20.9192 19.5105 21.0426 19.5105 21.1763C19.5105 21.6351 19.1385 22.0071 18.6797 22.0071L18.6683 22.007C18.186 22.0001 17.7565 22.3107 17.6119 22.7709C17.3885 23.4822 17.2685 24.238 17.2685 25.0197C17.2685 25.3829 17.2944 25.7405 17.3446 26.0907L11.925 31.5103C11.8452 31.5901 11.7607 31.6244 11.7104 31.6312L11.7025 31.6321L6.36768 26.2973L6.36856 26.2894C6.37539 26.2391 6.4097 26.1546 6.48946 26.0749L8.24241 24.3219L8.60161 24.6811C8.85177 24.9313 9.25736 24.9313 9.50752 24.6811C9.75768 24.4309 9.75768 24.0254 9.50752 23.7752L9.14832 23.416L10.6204 21.9439L12.5455 23.869C12.7957 24.1191 13.2013 24.1191 13.4514 23.869C13.7016 23.6188 13.7016 23.2132 13.4514 22.963L11.5263 21.038L13.2249 19.3394L13.5841 19.6986C13.8343 19.9487 14.2399 19.9487 14.4901 19.6986C14.7402 19.4484 14.7402 19.0428 14.4901 18.7927L14.1309 18.4335L15.8294 16.7349L17.7545 18.6599C18.0047 18.9101 18.4103 18.9101 18.6604 18.6599C18.9106 18.4098 18.9106 18.0042 18.6604 17.754L16.7354 15.829L18.4339 14.1304L18.7931 14.4896C19.0433 14.7397 19.4489 14.7397 19.6991 14.4896C19.9492 14.2394 19.9492 13.8338 19.6991 13.5836L19.3399 13.2245L21.0385 11.5259L22.9635 13.4509C23.2137 13.7011 23.6193 13.7011 23.8694 13.4509C24.1196 13.2008 24.1196 12.7952 23.8694 12.545L21.9444 10.6199L23.2765 9.28785ZM23.7999 19.6354L18.3596 25.0757C18.3595 25.057 18.3594 25.0384 18.3594 25.0197C18.3594 24.3501 18.4621 23.7045 18.6527 23.0978L18.6797 23.098C19.741 23.098 20.6014 22.2376 20.6014 21.1763C20.6014 20.8716 20.5305 20.5835 20.4043 20.3275C21.1451 19.6387 22.0493 19.1232 23.0523 18.8455C23.2205 19.1752 23.481 19.4499 23.7999 19.6354Z" fill="#222D44"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.1491 29.4618C20.9056 30.2479 21.861 30.8412 22.9343 31.1607C23.182 30.3859 23.9081 29.8247 24.7652 29.8247C25.6223 29.8247 26.3483 30.3859 26.596 31.1607C27.6693 30.8412 28.6247 30.2479 29.3812 29.4618C29.099 29.1273 28.9289 28.6952 28.9289 28.2233C28.9289 27.1619 29.7893 26.3016 30.8507 26.3016C30.9149 26.3016 30.9783 26.3047 31.0409 26.3109C31.1262 25.894 31.1709 25.4625 31.1709 25.0204C31.1709 24.3508 31.0682 23.7052 30.8776 23.0985L30.8507 23.0987C29.7893 23.0987 28.9289 22.2383 28.9289 21.1769C28.9289 20.8722 28.9998 20.5841 29.126 20.3282C28.3852 19.6393 27.4811 19.1238 26.478 18.8462C26.1602 19.4692 25.5125 19.8958 24.7652 19.8958C24.0178 19.8958 23.3701 19.4692 23.0523 18.8462C22.0493 19.1238 21.1451 19.6393 20.4043 20.3282C20.5305 20.5841 20.6014 20.8722 20.6014 21.1769C20.6014 22.2383 19.741 23.0987 18.6797 23.0987L18.6527 23.0985C18.4621 23.7052 18.3594 24.3508 18.3594 25.0204C18.3594 25.4625 18.4041 25.894 18.4894 26.3109C18.552 26.3047 18.6155 26.3016 18.6797 26.3016C19.741 26.3016 20.6014 27.1619 20.6014 28.2233C20.6014 28.6952 20.4313 29.1273 20.1491 29.4618ZM27.0072 25.0336C27.0072 26.2719 26.0034 27.2756 24.7652 27.2756C23.5269 27.2756 22.5232 26.2719 22.5232 25.0336C22.5232 23.7954 23.5269 22.7916 24.7652 22.7916C26.0034 22.7916 27.0072 23.7954 27.0072 25.0336Z" fill="#222D44"/>
+</svg>

package/css/std/controls/pdf-viewer/img/measures-settings_active.svg

@@ -0,0 +1,4 @@
+<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.2765 9.28785L23.6357 9.64705C23.8858 9.89721 24.2914 9.89721 24.5416 9.64705C24.7917 9.39688 24.7917 8.99129 24.5416 8.74113L24.1824 8.38193L26.0753 6.48897C26.1551 6.40921 26.2396 6.37491 26.2899 6.36807L26.2978 6.36719L31.6326 11.702L31.6317 11.7099C31.6249 11.7602 31.5906 11.8447 31.5108 11.9245L24.6404 18.7949C24.3721 18.7546 24.1445 18.5859 24.0241 18.3498C23.7885 17.8881 23.2607 17.6559 22.7613 17.7942C21.5857 18.1196 20.5275 18.7234 19.6615 19.5286C19.3085 19.8568 19.2127 20.3776 19.4258 20.8099C19.4797 20.9192 19.5105 21.0426 19.5105 21.1763C19.5105 21.6351 19.1385 22.0071 18.6797 22.0071L18.6683 22.007C18.186 22.0001 17.7565 22.3107 17.6119 22.7709C17.3885 23.4822 17.2685 24.238 17.2685 25.0197C17.2685 25.3829 17.2944 25.7405 17.3446 26.0907L11.925 31.5103C11.8452 31.5901 11.7607 31.6244 11.7104 31.6312L11.7025 31.6321L6.36768 26.2973L6.36856 26.2894C6.37539 26.2391 6.4097 26.1546 6.48946 26.0749L8.24241 24.3219L8.60161 24.6811C8.85177 24.9313 9.25736 24.9313 9.50752 24.6811C9.75768 24.4309 9.75768 24.0254 9.50752 23.7752L9.14832 23.416L10.6204 21.9439L12.5455 23.869C12.7957 24.1191 13.2013 24.1191 13.4514 23.869C13.7016 23.6188 13.7016 23.2132 13.4514 22.963L11.5263 21.038L13.2249 19.3394L13.5841 19.6986C13.8343 19.9487 14.2399 19.9487 14.4901 19.6986C14.7402 19.4484 14.7402 19.0428 14.4901 18.7927L14.1309 18.4335L15.8294 16.7349L17.7545 18.6599C18.0047 18.9101 18.4103 18.9101 18.6604 18.6599C18.9106 18.4098 18.9106 18.0042 18.6604 17.754L16.7354 15.829L18.4339 14.1304L18.7931 14.4896C19.0433 14.7397 19.4489 14.7397 19.6991 14.4896C19.9492 14.2394 19.9492 13.8338 19.6991 13.5836L19.3399 13.2245L21.0385 11.5259L22.9635 13.4509C23.2137 13.7011 23.6193 13.7011 23.8694 13.4509C24.1196 13.2008 24.1196 12.7952 23.8694 12.545L21.9444 10.6199L23.2765 9.28785ZM23.7999 19.6354L18.3596 25.0757C18.3595 25.057 18.3594 25.0384 18.3594 25.0197C18.3594 24.3501 18.4621 23.7045 18.6527 23.0978L18.6797 23.098C19.741 23.098 20.6014 22.2376 20.6014 21.1763C20.6014 20.8716 20.5305 20.5835 20.4043 20.3275C21.1451 19.6387 22.0493 19.1232 23.0523 18.8455C23.2205 19.1752 23.481 19.4499 23.7999 19.6354Z" fill="#326AD6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.1491 29.4618C20.9056 30.2479 21.861 30.8412 22.9343 31.1607C23.182 30.3859 23.9081 29.8247 24.7652 29.8247C25.6223 29.8247 26.3483 30.3859 26.596 31.1607C27.6693 30.8412 28.6247 30.2479 29.3812 29.4618C29.099 29.1273 28.9289 28.6952 28.9289 28.2233C28.9289 27.1619 29.7893 26.3016 30.8507 26.3016C30.9149 26.3016 30.9783 26.3047 31.0409 26.3109C31.1262 25.894 31.1709 25.4625 31.1709 25.0204C31.1709 24.3508 31.0682 23.7052 30.8776 23.0985L30.8507 23.0987C29.7893 23.0987 28.9289 22.2383 28.9289 21.1769C28.9289 20.8722 28.9998 20.5841 29.126 20.3282C28.3852 19.6393 27.4811 19.1238 26.478 18.8462C26.1602 19.4692 25.5125 19.8958 24.7652 19.8958C24.0178 19.8958 23.3701 19.4692 23.0523 18.8462C22.0493 19.1238 21.1451 19.6393 20.4043 20.3282C20.5305 20.5841 20.6014 20.8722 20.6014 21.1769C20.6014 22.2383 19.741 23.0987 18.6797 23.0987L18.6527 23.0985C18.4621 23.7052 18.3594 24.3508 18.3594 25.0204C18.3594 25.4625 18.4041 25.894 18.4894 26.3109C18.552 26.3047 18.6155 26.3016 18.6797 26.3016C19.741 26.3016 20.6014 27.1619 20.6014 28.2233C20.6014 28.6952 20.4313 29.1273 20.1491 29.4618ZM27.0072 25.0336C27.0072 26.2719 26.0034 27.2756 24.7652 27.2756C23.5269 27.2756 22.5232 26.2719 22.5232 25.0336C22.5232 23.7954 23.5269 22.7916 24.7652 22.7916C26.0034 22.7916 27.0072 23.7954 27.0072 25.0336Z" fill="#326AD6"/>
+</svg>

package/css/std/controls/pdf-viewer/img/measures-toolbar.svg

@@ -0,0 +1,15 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_380_16070)">
+<path d="M11.913 8.52478V8.27246L10.9773 8.27246V9.62473C10.9773 9.80046 10.8348 9.94292 10.6591 9.94292C10.4834 9.94292 10.3409 9.80046 10.3409 9.62473V8.27246H9.14773V8.52478C9.14773 8.70051 9.00527 8.84296 8.82954 8.84296C8.65382 8.84296 8.51136 8.70051 8.51136 8.52478V8.27246L7.31818 8.27246L7.31818 9.62473C7.31818 9.80046 7.17573 9.94292 7 9.94292C6.82427 9.94292 6.68182 9.80046 6.68182 9.62473V8.27246L5.48864 8.27246L5.48864 8.52478C5.48864 8.70051 5.34618 8.84296 5.17045 8.84296C4.99473 8.84296 4.85227 8.70051 4.85227 8.52478V8.27246L3.65909 8.27246L3.65909 9.62473C3.65909 9.80046 3.51664 9.94292 3.34091 9.94292C3.16518 9.94292 3.02273 9.80046 3.02273 9.62473V8.27246L1.98864 8.27246V8.52478C1.98864 8.70051 1.84618 8.84296 1.67045 8.84296C1.49473 8.84296 1.35227 8.70051 1.35227 8.52478V8.27246L0.120909 8.27246C0.0648803 8.27246 0.0231664 8.29008 0.00309102 8.30535L0 8.30782L2.14566e-07 12.0553L0.00309168 12.0578C0.0231662 12.073 0.0648806 12.0906 0.12091 12.0906L13.8791 12.0906C13.9351 12.0906 13.9768 12.073 13.9969 12.0578L14 12.0553V8.30782L13.9969 8.30535C13.9768 8.29008 13.9351 8.27246 13.8791 8.27246L12.5494 8.27246L12.5494 8.52478C12.5494 8.70051 12.4069 8.84296 12.2312 8.84296C12.0555 8.84296 11.913 8.70051 11.913 8.52478Z" fill="#222D44"/>
+<path d="M2.84642 5.40919L2.25341 4.98537L1.06738 4.13771L2.25525 3.28874L2.84919 2.86426" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.1666 2.86377L11.7596 3.2876L12.9456 4.13527L11.7578 4.98423L11.1638 5.40871" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.06738 4.13623H12.9461" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="0.0930176" y="1.90918" width="0.636364" height="4.45455" fill="#222D44"/>
+<rect x="13.2705" y="1.90918" width="0.636364" height="4.45455" fill="#222D44"/>
+</g>
+<defs>
+<clipPath id="clip0_380_16070">
+<rect width="14" height="14" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/css/std/controls/pdf-viewer/img/show-measures.svg

@@ -0,0 +1,16 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_380_16069)">
+<path d="M2.75365 8.27248L2.16064 7.84865L0.974609 7.00099L2.16248 6.15202L2.75641 5.72754" stroke="#8E98A3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1 7L7 7" stroke="#8E98A3" stroke-linecap="round" stroke-linejoin="round"/>
+<rect y="4.77246" width="0.636364" height="4.45455" fill="#8E98A3"/>
+<path d="M11.2463 8.27248L11.8394 7.84865L13.0254 7.00099L11.8375 6.15202L11.2436 5.72754" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13 7L7 7" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<rect width="0.636364" height="4.45455" transform="matrix(-1 0 0 1 14 4.77246)" fill="#222D44"/>
+<path d="M13 1L1 13" stroke="#222D44"/>
+</g>
+<defs>
+<clipPath id="clip0_380_16069">
+<rect width="14" height="14" fill="white"/>
+</clipPath>
+</defs>
+</svg>

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

@@ -0,0 +1,137 @@
+.measure-toolbar {
+	position: fixed;
+    bottom: 25px;
+    left: 50%;
+	transform: translate(-50%, 0);
+	text-align: center;
+    display: flex;
+    justify-content: center;
+    z-index: 1000;
+	box-shadow: 0 0 12px 0 rgb(0 0 0 / 30%);
+	background-color: #edf0f2;
+	color: #0a131c;
+    border-radius: 5px;
+	white-space: nowrap;
+    display: none;
+}
+
+.measure-toolbar.active {
+	display: flex;
+}
+
+.measure-toolbar .control-grp {
+	white-space: nowrap;
+    display: flex;
+	position: relative;
+}
+
+.measure-toolbar .control-grp:first-child {
+	margin-right: 5px;
+}
+
+.measure-toolbar .control-grp:first-child:after {
+	content: "";
+	height: 100%;
+	border-right: 1px solid #e1e1e1;
+	position: absolute;
+	right: -4px;
+}
+
+.measure-toolbar-btn {
+    width: 40px;
+    height: 40px;
+    margin: 4px;
+    cursor: pointer;
+    border: 1px solid rgba(204,204,204, 0.5);
+	box-sizing: border-box;
+}
+
+.measure-toolbar .measure-toolbar-btn, 
+.measure-toolbar .measure-toolbar-btn:not(.active), 
+.measure-toolbar .measure-toolbar-btn.active {
+    border-color: transparent;
+}
+
+#btnMeasureLine {
+	background-image: url('img/measures-line.svg');
+}
+
+#btnMeasureLine:hover,
+#btnMeasureLine.active {
+	background-image: url('img/measures-line_active.svg');
+}
+
+#btnMeasureArea {
+	background-image: url('img/measures-area.svg');
+}
+
+#btnMeasureArea:hover,
+#btnMeasureArea.active {
+	background-image: url('img/measures-area_active.svg');
+}
+/*
+#btnMeasureFreeLine {
+	background: url('../img/measure-freeline.png') no-repeat center center;
+}
+
+#btnMeasureFreeLine:hover,
+#btnMeasureFreeLine.active {
+	background: url('../img/measure-freeline_active.png') no-repeat center center;
+}
+*/
+#btnMeasuresSettings {
+	background-image: url('img/measures-settings.svg');
+}
+
+#btnMeasuresSettings:hover,
+#btnMeasuresSettings.active {
+	background-image: url('img/measures-settings_active.svg');
+}
+
+.svgsketch-wrap.active.measures svg g[id^="measure_"] line,
+.svgsketch-wrap.active.measures svg g[id^="measure_"] rect,
+.svgsketch-wrap.active.measures svg g[id^="measure_"] text {
+	cursor: pointer;
+}
+
+/* Dlg */
+/* Compare Dialog */
+.measures-dlg-body,
+.measures-dlg-header,
+.measures-dlg-footer {
+	font-family: Arial;
+}
+
+.measures-dlg-wrap {
+	position: absolute;
+	z-index: 10100;
+
+	width: 450px;
+	max-width: 100%;
+	border: 1px solid #dddddd;
+	background: #fff;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+}
+.measures-dlg-body {
+	padding: 30px;
+}
+.measures-dlg-header {
+	padding: 30px;
+	position: relative;
+	background: #F7F9FA;
+	font-weight: 400;
+	font-size: 22px;
+	border-bottom: 1px solid #DAE1E6;
+}
+
+.measures-dlg-footer {
+	border-top: 1px solid #DAE1E6;
+	text-align: right;
+	padding: 15px 30px 15px 30px;
+}
+
+.hide-measures .svgsketch-wrap [id^='measure_'] {
+	display: none;
+}