@vitrosoftware/common-ui-ts 1.1.169 → 1.1.170

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

@@ -68,6 +68,7 @@
 
 .annotation-desc {
     font: normal 14px arial, serif;
+    overflow-wrap: break-word !important;
 }
 
 .hide-annotations .annotation-label,
@@ -80,6 +81,10 @@ body:not(.hide-annotations) .annotation-marker {
     visibility: visible !important;
 }
 
-body:not(.hide-annotations) .annotation-label {
-    visibility: visible !important;
+[class^='_component-loader_vitro-component-loader'] {
+    z-index: 90000 !important; 
+}
+
+[class^='_component-loader_vitro-component-loader'] {
+    z-index: 99000010 !important;
 }

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

@@ -13269,6 +13269,10 @@ select {
     content: url('img/hide-annotation.svg');
 }
 
+.toolbarButton#btnToggleNotesDescription::before {
+    content: url('img/hide-annotation-description.svg');
+}
+
 .toolbarButton#btnToggleSidebarNotes::before {
     content: url('img/sidebar-notes-toggle.svg');
 }
@@ -13293,6 +13297,10 @@ select {
     content: url('img/show-annotation.svg');
 }
 
+.toolbarButton#btnToggleNotesDescription.show::before {
+    content: url('img/show-annotation-description.svg');
+}
+
 .toolbarButton#btnCreateAngleMeasurements::before {
     content: url('img/angle-measurements-create.svg');
 }
@@ -13690,6 +13698,7 @@ div.sidebar-note-id:hover {
 
 .annotation-desc {
     font: normal 14px arial, serif;
+    overflow-wrap: break-word !important;
 }
 
 .hide-annotations .annotation-label,
@@ -13702,8 +13711,12 @@ body:not(.hide-annotations) .annotation-marker {
     visibility: visible !important;
 }
 
-body:not(.hide-annotations) .annotation-label {
-    visibility: visible !important;
+[class^='_component-loader_vitro-component-loader'] {
+    z-index: 90000 !important; 
+}
+
+[class^='_component-loader_vitro-component-loader'] {
+    z-index: 99000010 !important;
 }
 
 #dlgNoteTxt {
@@ -14149,7 +14162,8 @@ a.ui-button:active,
 }
 
 .vitro-bim-viewer-issue-detail {
-    position: absolute;
+    position: fixed;
+    top: 50px;
     bottom: 0px;
     right: 0px;
     width: 410px;
@@ -14567,4 +14581,14 @@ a.ui-button:active,
     background-image: url("img/all-windows.svg");
     background-position: center center;
     margin: 0 !important;
+}
+
+#propInspector, 
+#storeyViewsSidebar,
+#treeViewContainerWrap {
+    height: calc(100% - 50px);
+}
+
+.prop-inspector-inner-wrap {
+    height: 100%;
 }

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

@@ -1,5 +1,6 @@
 .vitro-bim-viewer-issue-detail {
-    position: absolute;
+    position: fixed;
+    top: 50px;
     bottom: 0px;
     right: 0px;
     width: 410px;
@@ -417,4 +418,14 @@
     background-image: url("img/all-windows.svg");
     background-position: center center;
     margin: 0 !important;
+}
+
+#propInspector, 
+#storeyViewsSidebar,
+#treeViewContainerWrap {
+    height: calc(100% - 50px);
+}
+
+.prop-inspector-inner-wrap {
+    height: 100%;
 }

package/css/std/controls/bim-viewer/img/hide-annotation-description.svg

@@ -0,0 +1,19 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2264_794)">
+<mask id="mask0_2264_794" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="1" width="26" height="26">
+<path d="M25.334 1.5H0.333984V26.5H25.334V1.5Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_2264_794)">
+<path d="M24.8864 9.5C24.8864 9.5 24.8864 4.79331 24.8864 3.73213C24.8864 2.67094 24.1693 1.94641 23.1007 1.94641C22.0321 1.94641 2.56501 1.94641 2.56501 1.94641C1.57879 1.94641 0.779297 2.7459 0.779297 3.73213V18.9107C0.779297 19.8969 1.57879 20.6964 2.56501 20.6964H11.334L15.834 26" stroke="white"/>
+<path d="M3.9043 5.51782L21.4768 5.51782M3.9043 9.08925H17.9054M3.9043 12.6607H14.334M3.9043 16.2321H10.7626" stroke="white"/>
+</g>
+<path d="M17.1988 17.8494C17.1551 17.7315 17.1551 17.6019 17.1988 17.484C17.625 16.4508 18.3483 15.5673 19.2771 14.9457C20.2059 14.324 21.2984 13.9922 22.416 13.9922C23.5337 13.9922 24.6261 14.324 25.555 14.9457C26.4838 15.5673 27.2071 16.4508 27.6332 17.484C27.677 17.6019 27.677 17.7315 27.6332 17.8494C27.2071 18.8826 26.4838 19.766 25.555 20.3877C24.6261 21.0093 23.5337 21.3412 22.416 21.3412C21.2984 21.3412 20.2059 21.0093 19.2771 20.3877C18.3483 19.766 17.625 18.8826 17.1988 17.8494Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.4167 19.2415C23.2865 19.2415 23.9916 18.5364 23.9916 17.6666C23.9916 16.7968 23.2865 16.0917 22.4167 16.0917C21.5469 16.0917 20.8418 16.7968 20.8418 17.6666C20.8418 18.5364 21.5469 19.2415 22.4167 19.2415Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M27.334 12.5L17.334 23.5" stroke="white" stroke-linecap="square"/>
+</g>
+<defs>
+<clipPath id="clip0_2264_794">
+<rect width="28" height="28" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/css/std/controls/bim-viewer/img/show-annotation-description.svg

@@ -0,0 +1,18 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2263_777)">
+<mask id="mask0_2263_777" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="1" width="26" height="26">
+<path d="M25.334 1.5H0.333984V26.5H25.334V1.5Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_2263_777)">
+<path d="M24.8864 9.5C24.8864 9.5 24.8864 4.79697 24.8864 3.73579C24.8864 2.6746 24.1693 1.95007 23.1007 1.95007C22.0321 1.95007 2.56501 1.95007 2.56501 1.95007C1.57879 1.95007 0.779297 2.74956 0.779297 3.73579V18.9144C0.779297 19.9006 1.57879 20.7001 2.56501 20.7001H11.334L15.834 26.0037" stroke="white"/>
+<path d="M3.9043 5.51794L21.4768 5.51794M3.9043 9.08937H17.9054M3.9043 12.6608H14.334M3.9043 16.2322H10.7626" stroke="white"/>
+</g>
+<path d="M17.1988 17.8494C17.1551 17.7315 17.1551 17.6019 17.1988 17.484C17.625 16.4508 18.3483 15.5673 19.2771 14.9457C20.2059 14.324 21.2984 13.9922 22.416 13.9922C23.5337 13.9922 24.6261 14.324 25.555 14.9457C26.4838 15.5673 27.2071 16.4508 27.6332 17.484C27.677 17.6019 27.677 17.7315 27.6332 17.8494C27.2071 18.8826 26.4838 19.766 25.555 20.3877C24.6261 21.0093 23.5337 21.3412 22.416 21.3412C21.2984 21.3412 20.2059 21.0093 19.2771 20.3877C18.3483 19.766 17.625 18.8826 17.1988 17.8494Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.4167 19.2415C23.2865 19.2415 23.9916 18.5364 23.9916 17.6666C23.9916 16.7968 23.2865 16.0917 22.4167 16.0917C21.5469 16.0917 20.8418 16.7968 20.8418 17.6666C20.8418 18.5364 21.5469 19.2415 22.4167 19.2415Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_2263_777">
+<rect width="28" height="28" fill="white"/>
+</clipPath>
+</defs>
+</svg>

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

@@ -88,6 +88,10 @@ select {
     content: url('img/hide-annotation.svg');
 }
 
+.toolbarButton#btnToggleNotesDescription::before {
+    content: url('img/hide-annotation-description.svg');
+}
+
 .toolbarButton#btnToggleSidebarNotes::before {
     content: url('img/sidebar-notes-toggle.svg');
 }
@@ -112,6 +116,10 @@ select {
     content: url('img/show-annotation.svg');
 }
 
+.toolbarButton#btnToggleNotesDescription.show::before {
+    content: url('img/show-annotation-description.svg');
+}
+
 .toolbarButton#btnCreateAngleMeasurements::before {
     content: url('img/angle-measurements-create.svg');
 }

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

@@ -235,7 +235,6 @@
     flex-direction: column;
     align-items: flex-start;
     gap: 22px;
-    margin-top: 12px;
 }
 
 .vitro-criterion-container-mobile .vitro-control {

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

@@ -1,4 +1,3 @@
-
 .vitro-field-iterator {
     grid-gap: 28px 16px;
 }
@@ -27,12 +26,12 @@
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
 }
 
-    .vitro-add-field-dialog[placement='right-start'] {
-        margin-top: -4px;
-        margin-left: 14px;
-    }
+.vitro-add-field-dialog[placement='right-start'] {
+    margin-top: -4px;
+    margin-left: 14px;
+}
 
-    .vitro-add-field-dialog :global(.ps) > div:first-child {
-        max-height: 204px;
-        max-width: 242px;
-    }
+.vitro-add-field-dialog :global(.ps) > div:first-child {
+    max-height: 204px;
+    max-width: 242px;
+}

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

@@ -46,11 +46,4 @@
     font-weight: unset;
     margin-top: 0;
     margin-bottom: 0;
-}
-
-:global(.vitro-border-bottom) {
-    border-bottom: 1px solid #E4E6EC;
-    margin-right: 12px;
-    margin-bottom: 0;
-    padding-bottom: 12px;
 }

package/css/std/controls/search/search.css

@@ -178,20 +178,17 @@
     margin: 18px 0 0 4px;
 }
 
-.vitro-settings-dialog-mobile .vitro-filter :global(.ps) {
+.vitro-settings-dialog-mobile .vitro-filter-container :global(.ps) {
     max-height: unset;
+    height: unset;
     padding-right: 15px;
 }
 
-.vitro-settings-dialog-mobile .vitro-filter :global(.ps) > div:first-child {
+.vitro-settings-dialog-mobile .vitro-filter-container :global(.ps) > div:first-child {
     padding-top: 0;
 }
 
-.vitro-settings-dialog-mobile .vitro-filter :global(.vitro-block:last-child) > div > div {
-    margin-top: 12px;
-}
-
-.vitro-settings-dialog-mobile .vitro-filter :global(.ps) > div > div {
+.vitro-settings-dialog-mobile .vitro-filter-container :global(.ps) > div > div {
     padding: 0;
 }
 
@@ -205,4 +202,12 @@
 
 .vitro-add-field-dialog[placement='top-start'] {
     margin-bottom: 7px;
+}
+
+.vitro-settings-dialog-mobile .vitro-filter {
+    gap: 12px;
+}
+
+.vitro-settings-dialog-mobile .vitro-filter-container :global(.vitro-block) > div > div {
+    margin-top: 0;
 }

package/css/std/controls/table-view/table-view.css

@@ -17,13 +17,6 @@
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-hidden-container.css');
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-gantt.css');
 
-:global(#TableView) {
-    height: auto;
-    flex: 1 1 auto;
-    overflow: hidden;
-    position: relative;
-}
-
 .vitro-table-view {
     height: 100%;
     width: 100%;

package/css/std/controls/tree-view/tree-view.css

@@ -1,16 +1,11 @@
 @import url('@vitrosoftware/common-ui-ts/css/third-party/jstree/style.min.css');
 
-:global(#TreeView) {
-    height: calc(100% - 36px);
-    flex: 1 1;
-}
-
-:global(#TreeView) :global(.ps) {
+.vitro-scrollbar:global(.ps--active-y) {
     padding-right: 12px;
-    padding-top: 8px;
 }
 
-:global(.ps) :global(.jstree-container-ul) {
+.vitro-scrollbar:global(.ps--active-y) :global(.jstree-container-ul),
+.vitro-scrollbar:global(.ps--active-x) :global(.jstree-container-ul) {
     padding-bottom: 12px;
 }
 
@@ -21,11 +16,6 @@
 .vitro-tree-view :global(.jstree-default) :global(.jstree-node) {
     margin-left: 20px !important;
 }
-
-.vitro-tree-view {
-    scrollbar-color: #e0e0e0 #fff;
-    scrollbar-width: thin;
-}
 
 .vitro-tree-view :global(.jstree-anchor) {
     line-height: 32px;

package/css/std/controls/video-viewer/img/video-viewer-close.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.01044 22.9918L16.0011 16.0012L22.9918 22.9918M22.9918 9.0105L15.9998 16.0012L9.01044 9.0105" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

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

@@ -0,0 +1,56 @@
+.vitro-video-viewer {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 200;
+    background-color: #212529;
+}
+
+.vitro-header {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: 1;
+    padding: 20px;
+    display: flex;
+    justify-content: flex-end;
+    grid-gap: 12px;
+}
+
+.vitro-body {
+    height: calc(100% - 72px);
+    margin-top: 72px;
+    display: flex;
+}
+
+.vitro-button-close {
+    width: 32px;
+    height: 32px;
+    background: transparent;
+    outline: none;
+    border: none;
+    background-repeat: no-repeat;
+    background-size: 100%;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/video-viewer/img/video-viewer-close.svg');
+}
+
+.vitro-player {
+    max-width: 100%;
+    max-height: 100%;
+    background-color: #212529;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.vitro-player video {
+    background-color: #212529;
+}
+
+@media (max-width: 800px) {
+    .vitro-video-viewer {
+        z-index: 301;
+    }
+}

package/dist/index.css

@@ -416,17 +416,12 @@ html, body {
 
 @import url('@vitrosoftware/common-ui-ts/css/third-party/jstree/style.min.css');
 
-#TreeView {
-    height: calc(100% - 36px);
-    flex: 1 1;
-}
-
-#TreeView .ps {
+._tree-view_vitro-scrollbar_1hvFNoY.ps--active-y {
     padding-right: 12px;
-    padding-top: 8px;
 }
 
-.ps .jstree-container-ul {
+._tree-view_vitro-scrollbar_1hvFNoY.ps--active-y .jstree-container-ul,
+._tree-view_vitro-scrollbar_1hvFNoY.ps--active-x .jstree-container-ul {
     padding-bottom: 12px;
 }
 
@@ -437,11 +432,6 @@ html, body {
 ._tree-view_vitro-tree-view_3oii-CW .jstree-default .jstree-node {
     margin-left: 20px !important;
 }
-
-._tree-view_vitro-tree-view_3oii-CW {
-    scrollbar-color: #e0e0e0 #fff;
-    scrollbar-width: thin;
-}
 
 ._tree-view_vitro-tree-view_3oii-CW .jstree-anchor {
     line-height: 32px;
@@ -711,13 +701,6 @@ html, body {
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-hidden-container.css');
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-gantt.css');
 
-#TableView {
-    height: auto;
-    flex: 1 1 auto;
-    overflow: hidden;
-    position: relative;
-}
-
 ._table-view_vitro-table-view_1tTs32D {
     height: 100%;
     width: 100%;
@@ -1482,13 +1465,6 @@ html, body {
     font-weight: unset;
     margin-top: 0;
     margin-bottom: 0;
-}
-
-.vitro-border-bottom {
-    border-bottom: 1px solid #E4E6EC;
-    margin-right: 12px;
-    margin-bottom: 0;
-    padding-bottom: 12px;
 }
 ._dialog-header_vitro-dialog-header_2W3GraU {
     padding: 20px;
@@ -6633,7 +6609,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     flex-direction: column;
     align-items: flex-start;
     gap: 22px;
-    margin-top: 12px;
 }
 
 ._criterion_vitro-criterion-container-mobile_1yxaJHi ._criterion_vitro-control_2JLaybj {
@@ -6794,7 +6769,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 ._editable-field-iterator_vitro-field-iterator_myx5yu3 {
     grid-gap: 28px 16px;
 }
-
 ._criterion-field-iterator_vitro-field-iterator_24abkh9 {
     grid-gap: 28px 16px;
 }
@@ -6823,16 +6797,15 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
 }
 
-    ._criterion-field-iterator_vitro-add-field-dialog_3QlfaQE[placement='right-start'] {
-        margin-top: -4px;
-        margin-left: 14px;
-    }
+._criterion-field-iterator_vitro-add-field-dialog_3QlfaQE[placement='right-start'] {
+    margin-top: -4px;
+    margin-left: 14px;
+}
 
-    ._criterion-field-iterator_vitro-add-field-dialog_3QlfaQE .ps > div:first-child {
-        max-height: 204px;
-        max-width: 242px;
-    }
-
+._criterion-field-iterator_vitro-add-field-dialog_3QlfaQE .ps > div:first-child {
+    max-height: 204px;
+    max-width: 242px;
+}
 ._search-input_vitro-search-input_3M9i4Gi {
     height: 32px;
     border-radius: 4px;
@@ -7148,20 +7121,17 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     margin: 18px 0 0 4px;
 }
 
-._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter_2n-Y-mS .ps {
+._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter-container_3p6D0hI .ps {
     max-height: unset;
+    height: unset;
     padding-right: 15px;
 }
 
-._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter_2n-Y-mS .ps > div:first-child {
+._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter-container_3p6D0hI .ps > div:first-child {
     padding-top: 0;
 }
 
-._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter_2n-Y-mS .vitro-block:last-child > div > div {
-    margin-top: 12px;
-}
-
-._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter_2n-Y-mS .ps > div > div {
+._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter-container_3p6D0hI .ps > div > div {
     padding: 0;
 }
 
@@ -7175,6 +7145,14 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 
 ._search_vitro-add-field-dialog_3gC92SF[placement='top-start'] {
     margin-bottom: 7px;
+}
+
+._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter_2n-Y-mS {
+    gap: 12px;
+}
+
+._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter-container_3p6D0hI .vitro-block > div > div {
+    margin-top: 0;
 }
 .splitter {
     height: 100% !important;
@@ -8704,4 +8682,60 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 
 ._file-picker_vitro-delete-button_29YhyRG {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/file-picker/img/cancel-red.svg');
+}
+._video-viewer_vitro-video-viewer_1KHO5IM {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 200;
+    background-color: #212529;
+}
+
+._video-viewer_vitro-header_hwAjLDd {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: 1;
+    padding: 20px;
+    display: flex;
+    justify-content: flex-end;
+    grid-gap: 12px;
+}
+
+._video-viewer_vitro-body_124aVK2 {
+    height: calc(100% - 72px);
+    margin-top: 72px;
+    display: flex;
+}
+
+._video-viewer_vitro-button-close_TB-QCiO {
+    width: 32px;
+    height: 32px;
+    background: transparent;
+    outline: none;
+    border: none;
+    background-repeat: no-repeat;
+    background-size: 100%;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/video-viewer/img/video-viewer-close.svg');
+}
+
+._video-viewer_vitro-player_2JJVj_u {
+    max-width: 100%;
+    max-height: 100%;
+    background-color: #212529;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+._video-viewer_vitro-player_2JJVj_u video {
+    background-color: #212529;
+}
+
+@media (max-width: 800px) {
+    ._video-viewer_vitro-video-viewer_1KHO5IM {
+        z-index: 301;
+    }
 }