@vitrosoftware/common-ui-ts 1.1.227 → 1.1.228

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

@@ -1,6 +1,6 @@
 .vitro-alert {
     border: 0;
-    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
+    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 6px 0px rgba(0, 0, 0, 0.10);
     border-radius: 4px;
     display: flex;
     flex-wrap: wrap;
@@ -9,6 +9,7 @@
 }
 
 .vitro-position-absolute {
+    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
     z-index: 1000;
     position: absolute;
     right: 0;
@@ -22,6 +23,7 @@
     display: flex;
     flex-direction: column;
     gap: 12px;
+    width: 100%;
 }
 
 :global(#Timesheets) .vitro-alert {
@@ -41,6 +43,8 @@
 }
 
 .vitro-button-close {
+    margin-left: auto;
+    align-self: flex-start;
     cursor: pointer;
     width: 24px;
     height: 24px;
@@ -85,17 +89,6 @@
     margin: 0px;
 }
 
-.vitro-alert-action-list {
-    display: flex;
-    flex-grow: 0;
-    flex-shrink: 0;
-    flex-basis: auto;
-    align-items: center;
-    margin-right: 6px;
-    margin-left: 8px;
-    padding: 0px;
-}
-
 .vitro-position-center {
     top: 50%;
     left: 50%;
@@ -120,28 +113,6 @@
 .vitro-alert > ul:global(.errorList) > li a {
     text-decoration: underline;
 }
-
-.vitro-alert a:global(.link) {
-    text-decoration: underline;
-    white-space: pre-wrap;
-}
-
-.vitro-alert button:global(.btn) {
-    margin-left: 8px;
-    background: white;
-    color: #616365;
-    font-size: 13px;
-    padding: 0.1rem 16px;
-    border: 1px solid rgb(138, 136, 134);
-    font-weight: 600;
-    min-width: 80px;
-    border-radius: 2px;
-}
-
-.vitro-alert :global(.btn):active, 
-.vitro-alert :global(.btn):focus {
-  outline: none !important;
-}
 
 .vitro-alert > div :global(.header) {
     font-weight: 500;
@@ -153,19 +124,6 @@
     padding: 0.2rem;
 }
 
-.vitro-alert button:global(.btn.error) {
-    margin-left: 8px;
-    font-size: 13px;
-    font-weight: bold;
-    padding: 0.1rem 0.75rem;
-    border-radius: 0;
-}
-
-.vitro-alert :global(.btn.danger),
-.vitro-alert :global(.btn.warning) {
-    margin: 5px;
-}
-
 .vitro-alert :global(.alert-danger),
 .vitro-alert :global(.alert-success),
 .vitro-alert :global(.alert-warning) {
@@ -196,4 +154,9 @@
 
 .vitro-alert :global(.alert-warning) .vitro-icon {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/warning.svg');
+}
+
+.vitro-content-container {
+    gap: 12px;
+    align-items: flex-start;
 }

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

@@ -13181,6 +13181,10 @@ body {
 
 [class*="_lookup-picker-value-list"] {
     z-index: 89000005 !important;
+}
+
+[class^="_search_vitro-search"] {
+    width: 100% !important;
 }
 .toolbar {
     height: 50px;

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

@@ -57,4 +57,8 @@ body {
 
 [class*="_lookup-picker-value-list"] {
     z-index: 89000005 !important;
+}
+
+[class^="_search_vitro-search"] {
+    width: 100% !important;
 }

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

@@ -5,6 +5,9 @@
     flex-direction: column;
     flex-grow: 1;
     flex-shrink: 1;
+}
+
+.vitro-dialog-content-padding {
     padding: 24px;
 }
 

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

@@ -18,6 +18,7 @@
     width: 100%;
     left: 0;
     bottom: 100%;
+    z-index: 1;
 }
 
 .vitro-button-group {
@@ -28,6 +29,7 @@
     min-width: 139px;
     height: 40px;
     font-size: 16px;
+    line-height: 24px;
     padding: 4px 16px;
 }
 

package/css/std/controls/dxf-viewer/common.css

@@ -21,4 +21,8 @@ body {
 .canvasContainer {
     height: calc(100% - 51px); /* 32 */
     position: relative;
+}
+
+[class^="_search_vitro-search"] {
+    width: 100% !important;
 }

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

@@ -13048,6 +13048,10 @@ body {
 .canvasContainer {
     height: calc(100% - 51px); /* 32 */
     position: relative;
+}
+
+[class^="_search_vitro-search"] {
+    width: 100% !important;
 }
 .toolbar {
     height: 50px;

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

@@ -69,3 +69,9 @@
 .vitro-collapse {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/field-iterator/img/collapse-up.svg');
 }
+
+.vitro-expand-control-group :global(.vitro-content) {
+    gap: 22px 16px;
+    display: flex;
+    flex-direction: column;
+}

package/css/std/controls/file/file.css

@@ -88,11 +88,12 @@
     background-color: #E9ECEF;
 }
 
+.vitro-dropdown-button > :global(.vitro-context-button) {
+    width: 24px;
+    height: 24px;
+}
+
 .vitro-dropdown-button :global(.dropdown-menu) {
     width: 184px;
     min-width: 184px;
 }
-
-.vitro-dropdown-button :global(.btn) > span {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/file/img/file-button-context.svg');
-}

package/css/std/controls/filter/filter.css

@@ -32,7 +32,7 @@
 }
 
 :global(.vitro-views-dialog .vitro-filter-container + .vitro-label-grey) {
-    margin-top: 19px;
+    margin-top: 4px;
 }
 
 :global(.vitro-views-dialog .vitro-sort-container .vitro-add-field-button),

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

@@ -16,7 +16,6 @@
 
 .vitro-selected-item {
     grid-gap: 8px;
-    padding-left: 16px;
     align-self: stretch;
 }
 

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

@@ -1,5 +1,4 @@
 .vitro-value-list {
-    width: 100%;
     display: flex;
     flex-direction: column;
     border-radius: 4px;

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

@@ -8,24 +8,10 @@
     border-radius: 4px;
     width: 100%;
     min-height: 40px;
-    padding-right: 16px;
+    padding: 0 16px;
     position: relative;
 }
 
-.vitro-lookup-picker-multi-select .vitro-content {
-    gap: 4px;
-    padding: 8px 16px;
-}
-
-.vitro-lookup-picker-multi-select .vitro-value-container {
-    grid-gap: 4px 12px;
-    flex-wrap: wrap;
-}
-
-.vitro-lookup-picker-multi-select .vitro-right {
-    margin-bottom: auto;
-}
-
 .vitro-read-only .vitro-content {
     color: #4A556C;
     font-size: 12px;
@@ -69,7 +55,8 @@
     display: inline-block;
 }
 
-.vitro-content > .vitro-value-container > input {
+.vitro-content > .vitro-value-container > input,
+.vitro-content .vitro-multi-value-container > input {
     border: none;
     background: transparent;
     flex: 1 1;
@@ -77,7 +64,10 @@
     color: #222D44;
     font-size: 14px;
     line-height: 16px;
-    padding-left: 16px;
+}
+
+.vitro-lookup-picker-multi-select .vitro-content .vitro-multi-value-container > input {
+    padding-left: 0;
 }
 
 .vitro-content > .vitro-value-container {
@@ -85,10 +75,6 @@
     flex: 1 1;
 }
 
-.vitro-lookup-picker-multi-select .vitro-content > vitro-value-container. > input {
-    padding-left: 0;
-}
-
 .vitro-button-close,
 .vitro-button-collapse-up,
 .vitro-button-collapse-bottom {
@@ -141,4 +127,35 @@
     width: 24px;
     height: 24px;
     background-size: 20px;
+}
+
+.vitro-lookup-picker-multi-select .vitro-content {
+    padding: 0;
+}
+
+.vitro-lookup-picker-multi-select .vitro-right {
+    position: absolute;
+    top: 8px;
+    right: 16px;
+}
+
+.vitro-multi-value-container {
+    max-height: 96px;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+    padding: 6px 16px;
+}
+
+.vitro-lookup-picker-multi-select:has(.vitro-right) .vitro-multi-value-container {
+    padding: 8px 40px 8px 16px;
+}
+
+.vitro-lookup-picker-multi-select :global(.ps__rail-y) {
+    background-color: transparent !important;
+    border-top: none !important;
+}
+
+.vitro-lookup-picker-multi-select :global(.ps__rail-x) {
+    background-color: transparent !important;
 }

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

@@ -488,4 +488,8 @@ html[dir='ltr'] .toolbarButton#btnCompare::before,
 .vitro-issue-detail.ui-resizable {
     left: initial !important;
     right: 0 !important;
+}
+
+[class^="_search_vitro-search"] {
+    width: 100% !important;
 }

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

@@ -1 +1,3 @@
-<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>
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.3117 25.2894H5.83334C5.59668 25.2894 5.39834 25.21 5.23834 25.0511C5.07834 24.8922 4.9989 24.6939 5.00001 24.4561C5.00112 24.2183 5.08057 24.02 5.23834 23.8611C5.39834 23.7022 5.59668 23.6228 5.83334 23.6228H17.3117L12.745 19.0561C12.5883 18.9005 12.505 18.7105 12.495 18.4861C12.485 18.2616 12.5683 18.0583 12.745 17.8761C12.9283 17.6928 13.1261 17.6011 13.3383 17.6011C13.5506 17.6011 13.7489 17.6928 13.9333 17.8761L19.57 23.5144C19.7156 23.6589 19.8178 23.8072 19.8767 23.9594C19.9356 24.1116 19.965 24.2772 19.965 24.4561C19.965 24.635 19.9356 24.8005 19.8767 24.9528C19.8178 25.105 19.7156 25.2533 19.57 25.3978L13.9233 31.0461C13.7611 31.2083 13.57 31.2933 13.35 31.3011C13.13 31.3089 12.9278 31.2205 12.7433 31.0361C12.5656 30.8528 12.4756 30.6561 12.4733 30.4461C12.4711 30.2361 12.5611 30.0394 12.7433 29.8561L17.3117 25.2894ZM22.6883 16.3478L27.255 20.9144C27.4117 21.07 27.495 21.2594 27.505 21.4828C27.515 21.7061 27.4317 21.91 27.255 22.0944C27.0717 22.2778 26.8739 22.3694 26.6617 22.3694C26.4495 22.3694 26.2511 22.2778 26.0667 22.0944L20.43 16.4561C20.2845 16.3116 20.1822 16.1633 20.1233 16.0111C20.0645 15.8589 20.035 15.6933 20.035 15.5144C20.035 15.3355 20.0645 15.17 20.1233 15.0178C20.1822 14.8655 20.2845 14.7166 20.43 14.5711L26.0767 8.92442C26.2389 8.76219 26.43 8.6772 26.65 8.66942C26.87 8.66164 27.0722 8.74997 27.2567 8.93442C27.4345 9.11775 27.5245 9.31386 27.5267 9.52275C27.5289 9.73164 27.4389 9.92831 27.2567 10.1128L22.69 14.6794H34.1667C34.4033 14.6794 34.6017 14.7594 34.7617 14.9194C34.9217 15.0794 35.0011 15.2778 35 15.5144C34.9989 15.7511 34.9195 15.9489 34.7617 16.1077C34.6017 16.2677 34.4033 16.3478 34.1667 16.3478H22.6883Z" fill="#222D44"/>
+</svg>

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

@@ -0,0 +1,12 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.3337 11.6663V4.99967C23.3337 4.0792 22.5875 3.33301 21.667 3.33301H8.33366C7.41318 3.33301 6.66699 4.0792 6.66699 4.99967V28.333M16.667 28.333V34.9997C16.667 35.9201 17.4132 36.6663 18.3337 36.6663H31.667C32.5875 36.6663 33.3337 35.9201 33.3337 34.9997V11.6663" stroke="#222D44" stroke-linejoin="bevel"/>
+<path d="M35 5L5 35" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="10" y="6.66699" width="10" height="1.66667" fill="#222D44"/>
+<rect x="25" y="21.667" width="5" height="1.66667" fill="#222D44"/>
+<rect x="28.333" y="16.667" width="1.66667" height="1.66667" fill="#222D44"/>
+<rect x="10" y="11.667" width="6.66667" height="1.66667" fill="#222D44"/>
+<rect x="23.333" y="26.667" width="6.66667" height="1.66667" fill="#222D44"/>
+<rect x="10" y="16.667" width="5" height="1.66667" fill="#222D44"/>
+<rect x="10" y="21.667" width="1.66667" height="1.66667" fill="#222D44"/>
+<rect x="20" y="31.667" width="10" height="1.66667" fill="#222D44"/>
+</svg>

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

@@ -6738,6 +6738,10 @@ html[dir='ltr'] .toolbarButton#btnCompare::before,
 .vitro-issue-detail.ui-resizable {
     left: initial !important;
     right: 0 !important;
+}
+
+[class^="_search_vitro-search"] {
+    width: 100% !important;
 }
 #sidebarContent {
     background-color: rgba(0, 0, 0, 0.1);
@@ -8002,4 +8006,217 @@ dialog .separator {
     border-radius: 4px;
     height: 40px;
     width: 100%;
+}
+
+#markupEditOutline {
+    border: 1px dashed #4a8cf8;
+    box-sizing: border-box;
+    position: absolute;
+    z-index: 1000;
+    cursor: move;
+}
+
+.vitro-markup-resizer {
+    border: 2px solid #4a8cf8;
+    background: #ffffff;
+    position: absolute;
+    width: 8px;
+    height: 8px;
+    box-sizing: border-box;
+}
+
+.vitro-markup-resizer-tl {
+    left: -7px;
+    top: -7px;
+    cursor: nwse-resize;
+}
+
+.vitro-markup-resizer-tc {
+    left: calc(50% - 6px);
+    top: -7px;
+    cursor: ns-resize;
+}
+
+.vitro-markup-resizer-tr {
+    right: -7px;
+    top: -7px;
+    cursor: nesw-resize;
+}
+
+.vitro-markup-resizer-cl {
+    left: -7px;
+    top: calc(50% - 6px);
+    cursor: ew-resize;
+}
+
+.vitro-markup-resizer-cr {
+    right: -7px;
+    top: calc(50% - 6px);
+    cursor: ew-resize;
+}
+
+.vitro-markup-resizer-bl {
+    left: -7px;
+    bottom: -7px;
+    cursor: nesw-resize;
+}
+
+.vitro-markup-resizer-bc {
+    left: calc(50% - 6px);
+    bottom: -7px;
+    cursor: ns-resize;
+}
+
+.vitro-markup-resizer-br {
+    right: -7px;
+    bottom: -7px;
+    cursor: nwse-resize;
+}
+
+#btnSelectFileDocA,
+#btnSelectFileDocB {
+    display: inline-block;
+    border: 1px solid #E4E6EC;
+    border-radius: 4px;
+    padding: 8px 16px 8px 16px;
+    background: #ffffff;
+    cursor: pointer;
+}
+
+.compare-dlg_file-select {
+    margin-bottom: 21px;
+}
+
+.compare-dlg_thumb {
+    border: none;
+    margin-bottom: 12px !important;
+    max-width: initial;
+    max-height: 151px;
+    width: 100%;
+    height: 150px;
+}
+
+.compare-dlg_thumb > canvas {
+    max-height: 100%;
+    max-width: 100%;
+}
+
+.compare-dlg-wrap .wrap-inner-bg {
+    background-color: #F7F9FC;
+    border: 1px solid #E4E6EC80;
+    border-radius: 4px;
+    padding: 20px;
+}
+
+.compare-dlg-footer {
+    background-color: #ffffff;
+    padding: 15px 24px;
+}
+
+.compare-dlg-body {
+    padding: 40px;
+}
+
+.compare-dlg-header {
+    padding: 23px 24px 22px 73px;
+    border-bottom: 1px solid #E4E6EC;
+    position: relative;
+}
+
+.compare-dlg-header:before {
+    content: "";
+    position: absolute;
+    width: 40px;
+    height: 40px;
+    left: 24px;
+    top: 16px;
+    background: center center url('img/compare-dlg-title.svg') no-repeat;
+}
+
+.compare-dlg_doc-a-wrap .wrap-inner,
+.compare-dlg_doc-b-wrap .wrap-inner {
+    position: relative;
+}
+
+.compare-dlg_doc-a-wrap .wrap-inner:before,
+.compare-dlg_doc-b-wrap .wrap-inner:before {
+    position: absolute;
+    font-size: 16px;
+    color: #222D44;
+    height: 40px;
+    width: 40px;
+    border: 1px solid #E4E6EC80;
+    border-radius: 20px;
+    line-height: 38px;
+    font-weight: 500;
+    letter-spacing: 0;
+    background: #F7F9FC;
+    text-align: center;
+    left: -20px;
+    top: -20px;
+}
+
+.compare-dlg_doc-a-wrap .wrap-inner:before {
+    content: "A";
+}
+
+.compare-dlg_doc-b-wrap .wrap-inner:before {
+    content: "B";
+}
+
+[class^="_component-loader_vitro-component-loader"] {
+    z-index: 10100 !important;
+}
+
+[class^="_dialog_vitro-dialog"] {
+    z-index: 10200 !important;
+}
+
+.compare-dlg-wrap {
+    width: 760px;
+}
+
+.compare-dlg_doc-a_name {
+    word-break: break-all !important;
+}
+
+.compare-dlg_warning {
+    padding-bottom: 0 !important;
+    padding-top: 24px !important;
+    padding-left: 60px !important;
+}
+
+.compare-dlg-body .field-grp label {
+    background: transparent;
+}
+
+.compare-dlg-body .field-grp label > span {
+    position: relative;
+    z-index: 1000;
+}
+
+.compare-dlg-body .field-grp label:before {
+    content: "";
+    background: #ffffff;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 6px;
+    z-index: 999;
+}
+
+.compare-dlg_doc-sep {
+    width: 60px;
+}
+
+.compare-dlg_doc-a-wrap,
+.compare-dlg_doc-b-wrap {
+    width: calc(50% - 30px);
+}
+
+.compare-dlg_doc-a_name.field-grp,
+.compare-dlg_doc-b_name.field-grp {
+    margin-bottom: 14px !important;
+    margin-top: 1px !important;
 }