@vitrosoftware/common-ui-ts 1.1.209 → 1.1.211

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

@@ -13178,7 +13178,10 @@ body {
 .uk-tab > * {
     padding-left: 10px !important;
 }
-
+
+[class*="_lookup-picker-value-list"] {
+    z-index: 89000005 !important;
+}
 .toolbar {
     height: 50px;
     background-color: #474747;

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

@@ -54,3 +54,7 @@ body {
 .uk-tab > * {
     padding-left: 10px !important;
 }
+
+[class*="_lookup-picker-value-list"] {
+    z-index: 89000005 !important;
+}

package/css/std/controls/button/button.css

@@ -1,5 +1,6 @@
 .vitro-button {
     outline: none;
+    background: #347FDE;
     border: none;
     border-radius: 4px;
     cursor: pointer;
@@ -65,21 +66,21 @@
 .vitro-button:global(.vitro-primary) {
     font-family: 'InterMedium';
     color: #fff;
-    background: #347FDE;
+    background-color: #347FDE;
 }
 
 .vitro-button:global(.vitro-primary):hover,
 .vitro-button:global(.vitro-primary):active,
 .vitro-button:global(.vitro-primary):focus {
-    background: #3274E0;
+    background-color: #3274E0;
 }
 
 .vitro-button:global(.vitro-primary):disabled {
-    background: #E4E6EC;
+    background-color: #E4E6EC;
 }
 
 .vitro-button:global(.vitro-outline-primary) {
-    background: #fff;
+    background-color: #fff;
     border: 1px solid #0060D9;
     color: #0060D9;
     font-family: 'InterRegular';
@@ -88,19 +89,19 @@
 .vitro-button:global(.vitro-outline-primary):hover,
 .vitro-button:global(.vitro-outline-primary):active,
 .vitro-button:global(.vitro-outline-primary):focus {
-    background: #3274E0;
+    background-color: #3274E0;
     border: 1px solid #3274E0;
     color: #fff;
 }
 
 .vitro-button:global(.vitro-outline-primary):disabled {
-    background: #fff;
+    background-color: #fff;
     border: 1px solid #8E98A3;
     color: #8E98A3;
 }
 
 .vitro-button:global(.vitro-outline-light) {
-    background: #fff;
+    background-color: #fff;
     color: #222D44;
     border: 1px solid #E4E6EC;
     font-family: 'InterRegular';
@@ -109,11 +110,11 @@
 .vitro-button:global(.vitro-outline-light):hover,
 .vitro-button:global(.vitro-outline-light):active,
 .vitro-button:global(.vitro-outline-light):focus {
-    background: #F3F8FF;
+    background-color: #F3F8FF;
 }
 
 .vitro-button:global(.vitro-light) {
-    background: #fff;
+    background-color: #fff;
     border: none;
     color: #222D44;
     font-family: 'InterRegular';
@@ -123,5 +124,5 @@
 .vitro-button:global(.vitro-light):hover,
 .vitro-button:global(.vitro-light):active,
 .vitro-button:global(.vitro-light):focus {
-    background: #F3F8FF;
+    background-color: #F3F8FF;
 }

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

@@ -1,82 +1,58 @@
-.vitro-dropdown-button {
-    display: flex;
-    align-items: center;
-    font-family: 'InterRegular';
-}
-
-.vitro-dropdown-button :global(.ps) {
-    border-radius: 4px;
-    max-height: 288px;
-}
-
-.vitro-dropdown-button :global(.ps) > div:first-child {
-    padding: 0 !important;
+.vitro-dropdown-button-container {
+    flex-shrink: 0;
 }
 
-.vitro-dropdown-button button,
-.vitro-dropdown-button button:hover,
-.vitro-dropdown-button button:active,
-.vitro-dropdown-button button:focus {
-    padding: 0 !important;
-    margin: 0 !important;
-    background-color: transparent !important;
+.vitro-dropdown-toggle {
+    font-size: 14px;
+    line-height: 16px;
+    font-family: 'InterRegular';
+    color: #222D44;
     border: none;
+    background-color: #fff;
+    outline: none;
+    height: 32px;
+    border: none;
+    border-radius: 4px;
     cursor: pointer;
+    position: relative;
     display: flex;
     align-items: center;
-    outline: none;
-    box-shadow: none !important;
-    color: #E0E0E0;
-    font-weight: normal !important;
-    width: 24px;
-    height: 24px;
-}
-
-.vitro-dropdown-button button::after {
-    display: none !important;
-}
-
-.vitro-dropdown-icon {
-    height: 24px;
-    width: 24px;
-    background-size: 100%;
-    background-position: center;
-    background-repeat: no-repeat;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dropdown-button/img/context-button.svg');
+    justify-content: center;
+    padding: 0 16px;
 }
 
-.vitro-dropdown-button .vitro-text {
-    font-size: 14px;
-}
-
-.vitro-dropdown-button-item-overflow {
-    cursor: pointer;
-    white-space: nowrap;
-    display: flex;
-    font-size: 14px;
-    color: #4A556C;
+.vitro-dropdown-menu :global(.ps__rail-y) {
+    border: none;
 }
 
-.vitro-dropdown-button :global(.dropdown-menu) {
+.vitro-dropdown-menu,
+.vitro-dropdown-menu[data-bs-popper] {
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
-    background: #fff;
+    background-color: #fff;
     border-radius: 4px;
-    border: none !important;
+    border: none;
     outline: none;
     min-width: 241px;
-    width: -moz-fit-content;
-    width: -webkit-fit-content;
-    width: fit-content;
     font-size: 14px;
     padding: 0px;
     font-weight: 400;
     box-sizing: border-box;
-    z-index: 1150;
-    right: -4px !important;
     margin-top: 6px;
+    z-index: 1150;
+}
+
+.vitro-right.vitro-dropdown-menu::before,
+.vitro-dropdown-menu[data-popper-placement="bottom-end"]::before {
+    left: unset;
+    right: 0;
 }
 
-.vitro-dropdown-button :global(.dropdown-menu)::before {
+.vitro-dropdown-button-container :global(.dropdown-toggle):after,
+.vitro-dropdown-menu:before {
+    display: none;
+}
+
+.vitro-dropdown-menu::before {
     content: '';
     display: block;
     height: 21px;
@@ -86,63 +62,192 @@
     background-size: 44px 42px;
     background-repeat: no-repeat;
     position: absolute;
-    right: 0px;
+    left: 0;
     top: -21px;
     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="bottom-start"]) {
-    left: -8px !important;
+.vitro-dropdown-button-container:first-child .vitro-dropdown-menu {
+    left: 0;
+}
+
+.vitro-dropdown-button-item {
+    display: flex;
+    align-items: center;
+    min-height: 37px;
+    padding: 8px 12px;
+    border: none;
+    box-shadow: none;
+    outline: none;
+    width: 100%;
+    border-radius: 0;
 }
 
-.vitro-dropdown-button :global(.dropdown-menu[x-placement="top-start"]) {
-    left: -8px !important;
-    margin-bottom: 6px;
+.vitro-dropdown-button-item:hover,
+.vitro-dropdown-button-item:focus,
+.vitro-dropdown-button-item:active,
+.vitro-dropdown-button-dropdown-item:global(.show) {
+    background-color: #F3F8FF;
 }
 
-.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-item span {
+    font-family: "InterRegular";
+    font-size: 14px;
+    line-height: 21px;
+    color: #222D44;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
-.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-container :global(.nav-link) {
+    color: #1e1e1e !important;
+    padding: 0px !important;
 }
 
-.vitro-dropdown-button :global(.dropdown-item) .vitro-image {
+.vitro-dropdown-button-item .vitro-image-container {
     width: 20px;
     height: 20px;
     margin-right: 12px;
     margin-left: 0;
 }
 
-.vitro-dropdown-button :global(.dropdown-item) .vitro-image img {
+.vitro-dropdown-button-item .vitro-image-container img {
     width: 20px;
     height: 20px;
 }
 
-.vitro-dropdown-button :global(.dropdown-item) {
-    display: flex;
-    align-items: center;
-    height: 37px;
-    padding: 8px 12px;
+.vitro-button-collapse-bottom {
+    width: 24px;
+    height: 24px;
+    margin-left: 4px;
+    background-size: 100%;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dropdown-button/img/collapse-bottom.svg');
+}
+
+.vitro-image {
+    width: 24px;
+    height: 24px;
+    margin-right: 4px;
+    margin-left: -8px;
+}
+
+:global(.vitro-addon-button) {
+    border: 1px solid #4292F7 !important;
+}
+
+:global(.vitro-addon-button:hover),
+:global(.vitro-addon-button:active) {
+    border-color: #3274E0 !important;
+    background-color: #3274E0;
+    color: #fff;
+}
+
+:global(.vitro-context-button),
+:global(.vitro-context-button:hover),
+:global(.vitro-context-button:focus),
+:global(.vitro-context-button:active) {
     border: none;
-    box-shadow: none;
-    outline: none;
-    box-sizing: border-box;
+    padding: 0;
+    width: 32px;
+    background-color: transparent !important;
+    background-size: 24px;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dropdown-button/img/context-button.svg');
+}
+
+:global(.vitro-context-button > div),
+:global(.vitro-context-button img) {
+    margin: 0 !important;
+}
+
+.vitro-scrollbar {
+    max-height: 296px;
+    border-radius: 4px;
+}
+
+.vitro-scrollbar:global(.ps--active-y) {
+    padding-right: 8px;
 }
 
-.vitro-dropdown-button :global(.dropdown-menu) :global(.dropdown-item):hover,
-.vitro-dropdown-button :global(.dropdown-menu) :global(.dropdown-item):focus,
-.vitro-dropdown-button :global(.dropdown-menu) :global(.dropdown-item):active {
-    background: #F3F8FF;
+.vitro-dropdown-menu :global(.dropdown-divider) {
+    margin: 0;
+    border-top: 1px solid #E4E6EC;
 }
 
-.dropdown-item:global(.dropdown-item-empty) {
-    background: #fff;
-    color: #bdbdbd;
-    cursor: default;
+.vitro-dropdown-menu :global(.dropdown-divider):nth-child(2) {
+    border: none;
+}
+
+.vitro-dropdown-button-dropdown-item .vitro-dropdown-toggle,
+.vitro-dropdown-button-dropdown-item .vitro-dropdown-toggle:hover,
+.vitro-dropdown-button-dropdown-item .vitro-dropdown-toggle:active,
+.vitro-dropdown-button-dropdown-item .vitro-dropdown-toggle:focus {
+    width: 100%;
+    padding: 0;
+    background-color: transparent;
+    border: none;
+    border-radius: 0;
+    height: auto;
+}
+
+.vitro-dropdown-button-dropdown-item-menu {
+    margin-left: -4px;
+    margin-top: 0;
+}
+
+.vitro-dropdown-button-dropdown-item-menu::before {
+    display: none;
+}
+
+.vitro-dropdown-button-dropdown-item::before {
+    content: '';
+    width: 20px;
+    height: 20px;
+    display: block;
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    z-index: 1;
+    transform: translateY(-50%);
+    background-size: 100%;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dropdown-button/img/dropdown-arrow-right.svg');
+}
+
+.vitro-dropdown-button-container :global(.vitro-primary) {
+    background-color: #347FDE;
+    font-family: 'InterMedium';
+    color: #fff;
+}
+
+.vitro-dropdown-button-container :global(.vitro-primary):hover {
+    background-color: #3274E0;
+}
+
+@media (max-width: 800px) {
+    .vitro-dropdown-toggle .vitro-image-container + div {
+        display: none;
+    }
+
+    .vitro-dropdown-toggle {
+        min-width: 40px !important;
+    }
+
+    li:first-child .vitro-image-container + div {
+        display: block;
+    }
+
+    :global(.vitro-context-button) {
+        min-width: 32px !important;
+        width: 32px;
+    }
+
+    .vitro-dropdown-menu {
+        min-width: 100px;
+        max-width: 241px;
+    }
 }

package/css/std/controls/dropdown-button/img/dropdown-arrow-right.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 10.5L8.75 14.3971L8.75 6.60289L14 10.5Z" fill="#222D44"/>
+</svg>

package/css/std/controls/editable-list/editable-list.css

@@ -51,20 +51,19 @@
     margin-left: auto;
 }
 
-.vitro-editable-list:not(.vitro-editable-list-mobile) .vitro-dropdown-button :global(.dropdown-menu) {
-    position: fixed !important;
-    inset: auto 0 auto 0 !important;
-}
-
-.vitro-dropdown-button .vitro-dropdown-menu-top::before {
+.vitro-dropdown-menu-top::before {
     top: calc(100% - 1px);
     transform: rotate(180deg);
 }
 
-.vitro-dropdown-button :global(.dropdown-menu::before) {
+.vitro-button-container :global(.vitro-context-button) :global(.dropdown-menu::before) {
     left: 18px;
 }
 
+.vitro-button-container :global(.vitro-context-button) {
+    width: 24px;
+}
+
 .vitro-display-none {
     display: none;
 }

package/css/std/controls/expand-collapse-button/expand-collapse-button.css

@@ -14,6 +14,10 @@
     padding: 0;
 }
 
+.vitro-expand-collapse-button span {
+    color: #222d44;
+}
+
 .vitro-expanded,
 .vitro-collapsed {
     flex-shrink: 0;

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

@@ -0,0 +1,85 @@
+:global(.vitro-views-dialog) .vitro-content-inner {
+    height: 100%;
+}
+
+:global(.vitro-views-dialog) .vitro-content-filtering-sorting .vitro-scrollbar-content {
+    padding: 20px 24px;
+}
+
+:global(.vitro-views-dialog) .vitro-content-inner :global(.vitro-label) {
+    justify-content: center;
+}
+
+:global(.vitro-views-dialog .vitro-filter-container.vitro-no-padding) [class^='_criterion_vitro-operator-select-container'] {
+    display: none;
+}
+
+:global(.vitro-views-dialog .vitro-filter-container) [class^='_search_vitro-add-field'] {
+    margin-left: 74px !important;
+    margin-top: 7px !important;
+}
+
+:global(.vitro-views-dialog .vitro-filter-container.vitro-no-padding) [class^='_search_vitro-add-field'] {
+    margin-left: 8px !important;
+}
+
+:global(.vitro-views-dialog .vitro-filter-container) [class^='_checkbox_vitro-control'] {
+    margin-top: 6px;
+}
+
+:global(.vitro-views-dialog .vitro-sort-container .vitro-add-field) {
+    margin: 7px 0 16px 8px;
+}
+
+:global(.vitro-views-dialog .vitro-filter-container + .vitro-label-grey) {
+    margin-top: 19px;
+}
+
+:global(.vitro-views-dialog .vitro-sort-container .vitro-add-field-button),
+:global(.vitro-views-dialog .vitro-sort-container .vitro-add-field-button:hover),
+:global(.vitro-views-dialog .vitro-sort-container .vitro-add-field-button:active) {
+    font-family: 'InterRegular' !important;
+    background: #fff !important;
+    color: #326AD6 !important;
+    padding: 0 !important;
+    min-width: unset !important;
+    height: 16px !important;
+    font-size: 12px;
+    line-height: 16px;
+}
+
+:global(.vitro-views-dialog) .vitro-content-inner :global(.vitro-block) {
+    width: 100%;
+}
+
+:global(.vitro-views-dialog.vitro-views-dialog-mobile .vitro-content-filtering-sorting) .vitro-scrollbar-content {
+    padding: 1px 16px 0 16px !important;
+}
+
+:global(.vitro-views-dialog.vitro-views-dialog-mobile .vitro-filter-container),
+:global(.vitro-views-dialog.vitro-views-dialog-mobile .vitro-sort-container) {
+    padding-top: 6px !important;
+    grid-gap: 16px 16px !important;
+}
+
+:global(.vitro-views-dialog.vitro-views-dialog-mobile .vitro-filter-container) [class^='_search_vitro-add-field'], 
+:global(.vitro-views-dialog.vitro-views-dialog-mobile .vitro-sort-container .vitro-add-field) {
+    margin-left: 0 !important;
+    margin-top: 20px !important;
+    margin-bottom: 20px !important;
+}
+
+:global(.vitro-views-dialog.vitro-views-dialog-mobile .vitro-filter-container) [class^='_search_vitro-add-field'] :global(.vitro-image), 
+:global(.vitro-views-dialog.vitro-views-dialog-mobile .vitro-sort-container .vitro-add-field .vitro-image) {
+    margin-right: 8px !important;
+}
+
+:global(.vitro-views-dialog.vitro-views-dialog-mobile .vitro-filter-container) [class^='_search_vitro-add-field'] button, 
+:global(.vitro-views-dialog.vitro-views-dialog-mobile .vitro-filter-container) [class^='_search_vitro-add-field'] button:hover, 
+:global(.vitro-views-dialog.vitro-views-dialog-mobile .vitro-filter-container) [class^='_search_vitro-add-field'] button:active, 
+:global(.vitro-views-dialog.vitro-views-dialog-mobile .vitro-sort-container .vitro-add-field-button), 
+:global(.vitro-views-dialog.vitro-views-dialog-mobile .vitro-sort-container .vitro-add-field-button:hover), 
+:global(.vitro-views-dialog.vitro-views-dialog-mobile .vitro-sort-container .vitro-add-field-button:active) {
+    font-size: 14px !important;
+    color: #222D44 !important;
+}

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

@@ -8,13 +8,6 @@
     position: relative;
 }
 
-.vitro-image-picker-dropdown-wrapper :global(.dropdown-menu) {
-    inset: 32px auto auto -10px!important;
-}
-
-.vitro-image-picker-dropdown-wrapper :global(.dropdown-menu)::before {
-    left: 14px;
-}
 
 .vitro-image-picker-dropdown-wrapper {
     position: absolute;

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

@@ -43,16 +43,13 @@
     right: 20px !important;
 }
 
-.vitro-dropdown-button :global(.btn),
-.vitro-dropdown-button :global(.btn):hover,
-.vitro-dropdown-button :global(.btn):focus,
-.vitro-dropdown-button :global(.btn):active,
-.vitro-dropdown-button :global(.btn) > span {
+.vitro-dropdown-button:global(.btn),
+.vitro-dropdown-button:global(.btn):hover,
+.vitro-dropdown-button:global(.btn):focus,
+.vitro-dropdown-button:global(.btn):active {
     width: 32px;
     height: 32px;
-}
-
-.vitro-dropdown-button :global(.btn) > span {
+    background-color: transparent;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/image-viewer/img/context-button-white.svg');
 }
 

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

@@ -84,7 +84,6 @@ a.ui-button:active,
 .body__sidebar {
     width: 278px;
     background: #f8f8f8;
-    /*padding: 20px;*/
     padding: 32px 10px 10px 10px;
     height: calc(100% - 32px);
     border-left: 1px solid silver;
@@ -96,12 +95,9 @@ a.ui-button:active,
 }
 
 .body__sidebar-content {
-    /*background: #ffffff;*/
     height: 100%;
-    /*margin-bottom: 20px;*/
-    /*padding: 5px;*/
     font-size: 14px;
-    overflow-y: auto;
+    overflow-y: hidden;
     overflow-x: hidden;
 }
 

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

@@ -6334,7 +6334,6 @@ a.ui-button:active,
 .body__sidebar {
     width: 278px;
     background: #f8f8f8;
-    /*padding: 20px;*/
     padding: 32px 10px 10px 10px;
     height: calc(100% - 32px);
     border-left: 1px solid silver;
@@ -6346,12 +6345,9 @@ a.ui-button:active,
 }
 
 .body__sidebar-content {
-    /*background: #ffffff;*/
     height: 100%;
-    /*margin-bottom: 20px;*/
-    /*padding: 5px;*/
     font-size: 14px;
-    overflow-y: auto;
+    overflow-y: hidden;
     overflow-x: hidden;
 }
 
@@ -7231,25 +7227,6 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
     display: none;
 }
 
-.body__sidebar-content::-webkit-scrollbar {
-    width: 4px;
-    height: 4px;
-}
-
-.body__sidebar-content::-webkit-scrollbar-track {
-    background: transparent;
-    border-radius: 8px;
-}
-
-.body__sidebar-content::-webkit-scrollbar-thumb {
-    background: #E4E6EC;
-    border-radius: 4px;
-}
-
-.body__sidebar-content::-webkit-scrollbar-thumb:hover {
-    background: #E4E6EC;
-}
-
 .dlg-overlay {
     background: #222D44;
     opacity: 0.2;