@vitrosoftware/common-ui-ts 1.1.185 → 1.1.187

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

@@ -21,12 +21,6 @@
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/question.svg');
 }
 
-.vitro-header {
-    height: 88px;
-    padding: 24px 20px;
-    border-bottom: none;
-}
-
 @media (max-width: 800px) {
     .vitro-confirm-dialog {
         width: 100% !important;

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

@@ -14596,4 +14596,17 @@ a.ui-button:active,
 input:focus-visible,
 div:focus-visible {
     outline: none;
+}
+
+.toolbarButton#btnAddModel::before {
+    content: '';
+    background-image: url('img/add-model.svg');
+    background-size: 100%;
+    background-repeat: no-repeat;
+    width: 28px;
+    height: 28px;
+}
+
+.TWMenuMain {
+    z-index: 99000011 !important;
 }

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

@@ -433,4 +433,17 @@
 input:focus-visible,
 div:focus-visible {
     outline: none;
+}
+
+.toolbarButton#btnAddModel::before {
+    content: '';
+    background-image: url('img/add-model.svg');
+    background-size: 100%;
+    background-repeat: no-repeat;
+    width: 28px;
+    height: 28px;
+}
+
+.TWMenuMain {
+    z-index: 99000011 !important;
 }

package/css/std/controls/bim-viewer/img/add-model.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="M20 7L11.9999 12M11.9999 12L4 7M11.9999 12V21.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 11V8.76521C21 7.67571 20.4093 6.67185 19.4569 6.14274L13.4569 2.8094C12.5509 2.30603 11.4491 2.30603 10.5431 2.80941L4.54307 6.14274C3.59068 6.67185 3 7.67571 3 8.76521V15.2348C3 16.3243 3.59068 17.3282 4.54307 17.8573L10.5431 21.1906C11.4491 21.694 12.5509 21.694 13.4569 21.1906L16.5 19.5" stroke="white" stroke-linecap="round"/>
+<path d="M23.2427 16.2427L16.4213 16.2359M19.8209 12.8363L19.8286 19.6569" stroke="white" stroke-miterlimit="10" stroke-linecap="round"/>
+</svg>

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

@@ -0,0 +1,13 @@
+.vitro-white-close-button,
+.vitro-close-button {
+    width: 24px;
+    height: 24px;
+}
+
+.vitro-close-button {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/close-button/img/cancel-dark-grey.svg');
+}
+
+.vitro-white-close-button {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/close-button/img/cancel-white.svg');
+}

package/css/std/controls/close-button/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/close-button/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/command-menu/command-menu-dropdown-button.css

@@ -1,3 +1,7 @@
+.vitro-dropdown-button-container {
+    flex-shrink: 0;
+}
+
 .vitro-command-menu-dropdown-button {
     font-family: 'InterRegular';
     border: none;

package/css/std/controls/component-loader/component-loader.css

@@ -1,4 +1,4 @@
-.vitro-component-loader {
+div.vitro-component-loader {
     position: fixed;
     width: 100%;
     z-index: 1001;

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

@@ -5,7 +5,7 @@
     flex-direction: column;
     flex-grow: 1;
     flex-shrink: 1;
-    padding: 0 24px 16px 24px;
+    padding: 24px;
 }
 
 .vitro-dialog-content > :global(#TreeView) > :global(.ps) {
@@ -24,6 +24,6 @@
 
 @media (max-width: 800px) {
     .vitro-dialog-content {
-        padding: 0 16px 16px 16px;
+        padding: 16px;
     }
 }

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

@@ -1,17 +1,27 @@
 .vitro-dialog-footer {
-    display: flex;
     justify-content: flex-end;
     width: 100%;
-    height: 88px;
+    height: 72px;
     margin-top: auto;
-    padding: 24px;
-    background-color: #F8F9FA;
+    padding: 0 24px;
     border-radius: 0 0 4px 4px;
-    border-top: 1px solid #E4E6EC;
+    background: #fff;
+    position: relative;
+    flex-shrink: 0;
+}
+
+.vitro-dialog-footer::before {
+    content: '';
+    position: absolute;
+    height: 1px;
+    background: #E4E6EC;
+    width: 100%;
+    left: 0;
+    bottom: 100%;
 }
 
 .vitro-button-group {
-    grid-gap: 12px;
+    gap: 12px;
 }
 
 .vitro-button {

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

@@ -1,9 +1,20 @@
 .vitro-dialog-header {
-    padding: 20px;
+    padding: 0 24px;
+    min-height: 72px;
     background: #fff;
     border-radius: 4px 4px 0 0;
-    display: flex;
-    align-items: center;
+    position: relative;
+    flex-shrink: 0;
+}
+
+.vitro-dialog-header::after {
+    content: '';
+    position: absolute;
+    height: 1px;
+    background: #E4E6EC;
+    width: 100%;
+    left: 0;
+    top: 100%;
 }
 
 .vitro-subtitle {
@@ -16,6 +27,14 @@
     margin-right: 16px;
 }
 
+.vitro-title-container h1 {
+    font-size: 18px;
+}
+
+.vitro-title-container {
+    gap: 24px;
+}
+
 @media (max-width: 800px) {
     .vitro-dialog-header {
         padding: 12px 16px;

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

@@ -6,6 +6,7 @@
 
 .vitro-dropdown-button :global(.ps) {
     border-radius: 4px;
+    max-height: 288px;
 }
 
 .vitro-dropdown-button :global(.ps) > div:first-child {
@@ -90,9 +91,25 @@
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dropdown-button/img/dropdown-menu-arrow.svg');
 }
 
-.vitro-dropdown-button :global(.dropdown-menu[x-placement="top-end"])::before {
-    top: 100%;
-    transform: rotateX(180deg);
+.vitro-dropdown-button :global(.dropdown-menu[x-placement="bottom-start"]) {
+    left: -8px !important;
+}
+
+.vitro-dropdown-button :global(.dropdown-menu[x-placement="top-start"]) {
+    left: -8px !important;
+    margin-bottom: 6px;
+}
+
+.vitro-dropdown-button :global(.dropdown-menu[x-placement="bottom-start"])::before,
+.vitro-dropdown-button :global(.dropdown-menu[x-placement="top-start"])::before {
+    left: 20px;
+}
+
+.vitro-dropdown-button :global(.dropdown-menu[x-placement="top-end"])::before,
+.vitro-dropdown-button :global(.dropdown-menu[x-placement="top-start"])::before {
+    bottom: -21px;
+    top: unset;
+    transform: rotate(180deg);
 }
 
 .vitro-dropdown-button :global(.dropdown-item) .vitro-image {
@@ -128,4 +145,4 @@
     background: #fff;
     color: #bdbdbd;
     cursor: default;
-}
+}

package/css/std/controls/label/label.css

@@ -1,26 +1,31 @@
 .vitro-label {
+    width: 100%;
+    max-width: unset;
+    background-color: #F7F9FC;
+    font-family: 'InterMedium';
+    font-size: 14px;
+    line-height: 16px;
+    padding: 12px 8px;
+    margin-bottom: 12px;
+    display: flex;
+    align-items: center;
+}
+
+.vitro-label,
+.vitro-inline-label {
     font-size: inherit;
     margin-left: 0;
     display: inline-block;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-    max-width: calc(100% - 20px);
 }
 
-.vitro-label .vitro-required {
-    color: red;
-    margin-left: 2px;
+.vitro-inline-label {
+    max-width: calc(100% - 20px);
 }
 
-:global(.vitro-label-grey) {
-    width: 100%;
-    max-width: unset;
-    background-color: #F7F9FC;
-    font-family: 'InterMedium';
-    font-size: 14px;
-    line-height: 16px;
-    padding: 12px 8px;
-    display: flex;
-    align-items: center;
-}
+.vitro-required {
+    color: #D13438;
+    margin-left: 2px;
+}

package/css/std/controls/lookup-picker/img/library.svg

@@ -0,0 +1,17 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.66669 1.25V3.75" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.6667 1.25V3.75" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 6.66699H11.6667" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 9.16699H8.33333" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 11.667H7.5" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.33333 3.75C3.33333 3.51988 3.51988 3.33333 3.75 3.33333H14.5833C14.8135 3.33333 15 3.51988 15 3.75V9.58333H15.8333V3.75C15.8333 3.05964 15.2737 2.5 14.5833 2.5H3.75C3.05964 2.5 2.5 3.05964 2.5 3.75V17.0833C2.5 17.7737 3.05964 18.3333 3.75 18.3333H10V17.5H3.75C3.51988 17.5 3.33333 17.3135 3.33333 17.0833V3.75Z" fill="#222D44"/>
+<g clip-path="url(#clip0_1566_48889)">
+<path d="M13.6458 17.0141C15.2758 17.0141 16.5972 15.6927 16.5972 14.0627C16.5972 12.4327 15.2758 11.1113 13.6458 11.1113C12.0158 11.1113 10.6945 12.4327 10.6945 14.0627C10.6945 15.6927 12.0158 17.0141 13.6458 17.0141Z" stroke="#222D44" stroke-width="0.833333" stroke-linejoin="round"/>
+<path d="M15.7672 16.1846L17.2403 17.6577" stroke="#222D44" stroke-width="0.833333" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1566_48889">
+<rect width="8.33333" height="8.33333" fill="white" transform="translate(10 10.417)"/>
+</clipPath>
+</defs>
+</svg>

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

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

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

@@ -1,6 +1,4 @@
 .vitro-value-list {
-    position: absolute;
-    z-index: 10001;
     width: 100%;
     display: flex;
     flex-direction: column;
@@ -11,12 +9,12 @@
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
 }
 
-.vitro-value-list > :global(.ps) {
+.vitro-value-list :global(.ps) {
     padding-right: 0 !important;
     max-height: 323px;
 }
 
-.vitro-value-list > :global(.ps) > div:first-child {
+.vitro-value-list :global(.ps) > div:first-child {
     padding: 0 !important;
 }
 

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

@@ -6,18 +6,24 @@
 .vitro-content {
     border: 1px solid #C0CAD5;
     border-radius: 4px;
-    display: flex;
     width: 100%;
-    align-items: center;
     min-height: 40px;
-    padding: 0 60px 0 0;
+    padding-right: 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;
-    padding: 8px 60px 8px 16px;
+}
+
+.vitro-lookup-picker-multi-select .vitro-right {
+    margin-bottom: auto;
 }
 
 .vitro-read-only .vitro-content {
@@ -63,7 +69,7 @@
     display: inline-block;
 }
 
-.vitro-content > input {
+.vitro-content > .vitro-value-container > input {
     border: none;
     background: transparent;
     flex: 1 1;
@@ -74,15 +80,12 @@
     padding-left: 16px;
 }
 
-.vitro-lookup-picker-multi-select .vitro-content > input {
-    padding-left: 0;
+.vitro-content > .vitro-value-container {
+    min-width: 0;
 }
 
-.vitro-right {
-    position: absolute;
-    right: 16px;
-    top: 8px;
-    display: flex;
+.vitro-lookup-picker-multi-select .vitro-content > vitro-value-container. > input {
+    padding-left: 0;
 }
 
 .vitro-button-close,
@@ -96,11 +99,6 @@
     background-repeat: no-repeat;
 }
 
-.vitro-button-collapse-up,
-.vitro-button-collapse-bottom {
-    margin-left: 4px;
-}
-
 .vitro-button-close {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/cancel-red.svg');
 }
@@ -127,4 +125,19 @@
 
 .vitro-tooltip :global(.tooltip-inner) {
     max-width: unset;
+}
+
+.vitro-right {
+    margin-left: auto;
+    gap: 4px;
+}
+
+.vitro-library-button,
+.vitro-library-button:hover,
+.vitro-library-button:focus,
+.vitro-library-button:active {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/library.svg');
+    width: 24px;
+    height: 24px;
+    background-size: 20px;
 }

package/css/std/controls/micro-frontend/micro-frontend.css

@@ -0,0 +1,4 @@
+.vitro-micro-frontend {
+    height: 100%;
+    width: 100%;
+}

package/css/std/controls/overlay/overlay.css

@@ -1,3 +1,7 @@
+.vitro-overlay {
+    z-index: 1;
+}
+
 .vitro-dropdown-arrow:before {
     content: '';
     display: block;

package/css/std/controls/separator/separator.css

@@ -0,0 +1,15 @@
+.vitro-separator,
+.vitro-separator-vertical {
+    flex-shrink: 0;
+    background-color: #E4E6EC;
+}
+
+.vitro-separator {
+    height: 1px;
+    width: 100%;
+}
+
+.vitro-separator-vertical {
+    height: 100%;
+    width: 1px;
+}

package/css/std/controls/table-view/treegrid-context-menu.css

@@ -6,6 +6,7 @@
     border: none;
     border-radius: 4px;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
+    z-index: 1003;
 }
 
 .vitro-table-view-context-menu-leftMain {