@vitrosoftware/common-ui-ts 1.1.76 → 1.1.78

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

@@ -0,0 +1,208 @@
+.toolbar {
+    height: 50px;
+    background-color: #474747;
+    background-image: linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
+    box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 15%), inset 0 -1px 0 hsl(0deg 0% 100% / 5%), 0 1px 0 hsl(0deg 0% 0% / 15%), 0 1px 1px hsl(0deg 0% 0% / 10%);
+    position: relative;
+    z-index: 99000005;
+}
+
+input,
+button,
+select {
+    font: message-box;
+    outline: none;
+}
+
+.toolbarButton,
+.secondaryToolbarButton,
+.overlayButton {
+    border: 0 none;
+    background: none;
+    width: 42px;
+    height: 42px;
+}
+
+.toolbarButton,
+.dropdownToolbarButton,
+.secondaryToolbarButton,
+.overlayButton {
+    min-width: 16px;
+    padding: 6px 6px;
+    border: 1px solid transparent;
+    border-radius: 2px;
+    color: hsla(0,0%,100%,.8);
+    font-size: 12px;
+    line-height: 14px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default;
+    transition-property: background-color, border-color, box-shadow;
+    transition-duration: 150ms;
+    transition-timing-function: ease;
+}
+
+.toolbarButton,
+.overlayButton,
+.dropdownToolbarButton {
+    margin: 4px 4px 4px 0;
+}
+
+.splitToolbarButton:first-child,
+.toolbarButton:first-child,
+.splitToolbarButton:last-child,
+.toolbarButton:last-child {
+    margin-left: 4px;
+}
+
+.toolbar > * {
+    position: relative;
+    float: left;
+}
+
+.toolbarButton::before, .secondaryToolbarButton::before {
+    position: absolute;
+    display: inline-block;
+    top: 6px;
+    left: 6px;
+}
+
+.toolbarButton > span {
+    display: inline-block;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+}
+
+.toolbarButton {
+    cursor: pointer;
+}
+
+.toolbarButton#btnCreateNotes::before {
+    /* draw-annotation.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133189)'%3E%3Crect x='0.5' y='0.5' width='21' height='13' rx='1.5' stroke='white'/%3E%3Cpath d='M4 3.5H18M4 6.5H15M4 9.5H18' stroke='white'/%3E%3Cpath d='M8 14H14V20L11 17L8 14Z' fill='white'/%3E%3Cpath d='M16 17.5H27.5V27.5H6.5V17.5H8' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133189'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleNotes::before {
+    /* show-annotation.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133352)'%3E%3Crect x='0.5' y='0.5' width='27' height='21' rx='1.5' stroke='white'/%3E%3Cpath d='M4 4.5H24M4 8.5H17M4 12.5H21M24 16.5H4' stroke='white'/%3E%3Cpath d='M12 22H18V28L15 25L12 22Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133352'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleSidebarNotes::before {
+    /* sidebar-notes-toggle.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133369)'%3E%3Crect x='0.5' y='0.5' width='27' height='27' stroke='white'/%3E%3Crect x='2' y='3' width='2' height='2' fill='white'/%3E%3Crect x='12' y='4' width='2' height='2' fill='white'/%3E%3Crect x='15' y='6' width='2' height='1' fill='white'/%3E%3Crect x='3' y='6' width='3' height='1' fill='white'/%3E%3Crect x='2' y='20' width='2' height='2' fill='white'/%3E%3Crect x='11' y='23' width='2' height='2' fill='white'/%3E%3Crect x='14' y='24' width='3' height='1' fill='white'/%3E%3Crect x='3' y='23' width='3' height='1' fill='white'/%3E%3Crect x='20.5' y='2.5' width='5' height='3' stroke='white'/%3E%3Crect x='20.5' y='7.5' width='5' height='3' stroke='white'/%3E%3Crect x='20.5' y='12.5' width='5' height='3' stroke='white'/%3E%3Crect x='20.5' y='17.5' width='5' height='3' stroke='white'/%3E%3Crect x='20.5' y='22.5' width='5' height='3' stroke='white'/%3E%3Cpath d='M4.5 10.5V17.5L9.5 22.5M4.5 10.5L9.5 5.5L14.5 10.5M4.5 10.5L9.5 15M9.5 22.5L14.5 17.5V10.5M9.5 22.5V15M14.5 10.5L9.5 15' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133369'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleSidebarTreeView::before {
+    /* treeview.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133389)'%3E%3Crect x='0.5' y='0.5' width='2' height='2' stroke='white'/%3E%3Crect x='13.5' y='6.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='13.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='19.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='25.5' width='2' height='2' stroke='white'/%3E%3Cpath d='M1.5 3V26.5H25' stroke='white' stroke-dasharray='2 2'/%3E%3Cpath d='M25 20.5H14.5V14.5M14.5 9V14.5M25 14.5H14.5' stroke='white' stroke-dasharray='2 2'/%3E%3Cpath d='M13 7.5H2' stroke='white' stroke-dasharray='2 2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133389'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnCreateSectionPlan::before {
+    /* section-plan.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133315)'%3E%3Cpath d='M11.5 2.5H1V25.5H11.5M15.5 2.5H27V25.5H16.5' stroke='white'/%3E%3Cpath d='M14 28V0' stroke='white' stroke-dasharray='4 4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133315'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnClearSectionPlan::before {
+    /* section-plan-clear.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133207)'%3E%3Cpath d='M10 2.5H0.5V25.5H10M15 2.5H24.5V16' stroke='white'/%3E%3Cpath d='M12.5 28V0' stroke='white' stroke-dasharray='4 4'/%3E%3Cpath d='M27.5 17.5L17.5 27.5M17.5 17.5L27.5 27.5' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133207'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleSectionPlan::before {
+    /* section-plan-toggle.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133280)'%3E%3Cpath d='M16.5 0.5V27.5H15.2071L10.5 22.7929V5.20711L15.2071 0.5H16.5Z' stroke='white'/%3E%3Cpath d='M16.5 0.5V27.5H15.2071L10.5 22.7929V5.20711L15.2071 0.5H16.5Z' stroke='white'/%3E%3Crect x='0.5' y='7.5' width='27' height='13' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133280'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleNotes.show::before {
+    /* show-annotation.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133352)'%3E%3Crect x='0.5' y='0.5' width='27' height='21' rx='1.5' stroke='white'/%3E%3Cpath d='M4 4.5H24M4 8.5H17M4 12.5H21M24 16.5H4' stroke='white'/%3E%3Cpath d='M12 22H18V28L15 25L12 22Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133352'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnCreateAngleMeasurements::before {
+    /* angle-measurements-create.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_132945)'%3E%3Crect x='0.5' y='25.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='25.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='0.5' width='2' height='2' stroke='white'/%3E%3Cpath d='M2 26L26 2' stroke='white'/%3E%3Cpath d='M2.5 26.5H25.5' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_132945'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleAngleMeasurements::before {
+    /* angle-measurements-toggle.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_132959)'%3E%3Crect x='0.5' y='25.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='25.5' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='0.5' width='2' height='2' stroke='white'/%3E%3Cpath d='M2 26L26 2' stroke='white' stroke-dasharray='2 2'/%3E%3Cpath d='M2.5 26.5H25.5' stroke='white' stroke-dasharray='2 2'/%3E%3Cpath d='M7.5 12L23 27.5' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_132959'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnCreateDistanceMeasurements::before {
+    /* distance-measurements-create.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133176)'%3E%3Crect x='0.5' y='13' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='13' width='2' height='2' stroke='white'/%3E%3Cpath d='M2.5 14H25.5' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133176'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleDistanceMeasurements::before {
+    /* distance-measurements-toggle.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133215)'%3E%3Crect x='0.5' y='13' width='2' height='2' stroke='white'/%3E%3Crect x='25.5' y='13' width='2' height='2' stroke='white'/%3E%3Cpath d='M2.5 14H25.5' stroke='white' stroke-dasharray='2 2'/%3E%3Cpath d='M5 5L23 23' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133215'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleSidebarStoreyViews::before {
+    /* storey-views-toggle.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133377)'%3E%3Cpath d='M9.5 1V11.5M9.5 11.5H13.5V17.5H18.5M9.5 11.5H1M27 17.5H18.5M18.5 17.5V27' stroke='white' stroke-width='1.5'/%3E%3Crect x='0.5' y='0.5' width='27' height='27' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133377'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnSaveBCFViewpointJSON::before {
+    /* bcf-json-save.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_132996)'%3E%3Cpath d='M6 9.25H23' stroke='white'/%3E%3Cpath d='M14.5 0.75V7.75M14.5 7.75L18 4.75M14.5 7.75L11 4.75' stroke='white'/%3E%3Cpath d='M6 27.25H5C3.89543 27.25 3 26.3546 3 25.25V23.5V22.1682C3 21.6587 2.80557 21.1684 2.4564 20.7974L1 19.25L2.4564 17.7026C2.80557 17.3316 3 16.8413 3 16.3318V15V13.75C3 12.6454 3.89543 11.75 5 11.75H6M22 11.75H23C24.1046 11.75 25 12.6454 25 13.75V15V16.3318C25 16.8413 25.1944 17.3316 25.5436 17.7026L27 19.25L25.5436 20.7974C25.1944 21.1684 25 21.6587 25 22.1682V23.5V25.25C25 26.3546 24.1046 27.25 23 27.25H22' stroke='white'/%3E%3Cpath d='M5.5 14.25H8C8.82843 14.25 9.5 14.9216 9.5 15.75V17.75C9.5 18.5784 8.82843 19.25 8 19.25H5.5V14.25Z' stroke='white'/%3E%3Cpath d='M5.5 19.25H8C8.82843 19.25 9.5 19.9216 9.5 20.75V23.75C9.5 24.5784 8.82843 25.25 8 25.25H5.5V19.25Z' stroke='white'/%3E%3Cpath d='M16.5 16.75V16.25C16.5 15.1454 15.6046 14.25 14.5 14.25V14.25C13.3954 14.25 12.5 15.1454 12.5 16.25V23.25C12.5 24.3546 13.3954 25.25 14.5 25.25V25.25C15.6046 25.25 16.5 24.3546 16.5 23.25V22.75' stroke='white'/%3E%3Cpath d='M19.5 25.75V19.25M23.5 14.25H19.5V19.25M19.5 19.25H23' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_132996'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnLoadBCFViewpointJSON::before {
+    /* bcf-json-load.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_132966)'%3E%3Cpath d='M6 9.25H23' stroke='white'/%3E%3Cpath d='M14.5 7.75V0.75M14.5 0.75L18 3.75M14.5 0.75L11 3.75' stroke='white'/%3E%3Cpath d='M6 27.25H5C3.89543 27.25 3 26.3546 3 25.25V23.5V22.1682C3 21.6587 2.80557 21.1684 2.4564 20.7974L1 19.25L2.4564 17.7026C2.80557 17.3316 3 16.8413 3 16.3318V15V13.75C3 12.6454 3.89543 11.75 5 11.75H6M22 11.75H23C24.1046 11.75 25 12.6454 25 13.75V15V16.3318C25 16.8413 25.1944 17.3316 25.5436 17.7026L27 19.25L25.5436 20.7974C25.1944 21.1684 25 21.6587 25 22.1682V23.5V25.25C25 26.3546 24.1046 27.25 23 27.25H22' stroke='white'/%3E%3Cpath d='M5.5 14.25H8C8.82843 14.25 9.5 14.9216 9.5 15.75V17.75C9.5 18.5784 8.82843 19.25 8 19.25H5.5V14.25Z' stroke='white'/%3E%3Cpath d='M5.5 19.25H8C8.82843 19.25 9.5 19.9216 9.5 20.75V23.75C9.5 24.5784 8.82843 25.25 8 25.25H5.5V19.25Z' stroke='white'/%3E%3Cpath d='M16.5 16.75V16.25C16.5 15.1454 15.6046 14.25 14.5 14.25V14.25C13.3954 14.25 12.5 15.1454 12.5 16.25V23.25C12.5 24.3546 13.3954 25.25 14.5 25.25V25.25C15.6046 25.25 16.5 24.3546 16.5 23.25V22.75' stroke='white'/%3E%3Cpath d='M19.5 25.75V19.25M23.5 14.25H19.5V19.25M19.5 19.25H23' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_132966'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleCompare::before {
+    /* compare.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.5 0.5L1.5 26.5' stroke='white' stroke-dasharray='1 1'/%3E%3Cpath d='M5.5 21V0.5L16.5 0.5V10' stroke='white'/%3E%3Cpath d='M22.5 7.5V27.5H11.5V17.5' stroke='white'/%3E%3Crect x='7.5' y='3.5' width='2' height='2' stroke='white'/%3E%3Crect x='18.5' y='18.5' width='2' height='2' stroke='white'/%3E%3Crect x='18.5' y='14.5' width='2' height='2' stroke='white'/%3E%3Cpath d='M20.5 10V12.5H18' stroke='white'/%3E%3Crect x='13.5' y='18.5' width='2' height='2' stroke='white'/%3E%3Cpath d='M15.5 14V16.5H13' stroke='white'/%3E%3Crect x='13.5' y='22.5' width='7' height='2' stroke='white'/%3E%3Crect x='7.5' y='11.5' width='2' height='2' stroke='white'/%3E%3Crect x='12.5' y='3.5' width='2' height='2' stroke='white'/%3E%3Crect x='7.5' y='7.5' width='7' height='2' stroke='white'/%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnCompareOneOverOne::before {
+    /* compare-one-over-one.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133031)'%3E%3Crect x='0.5' y='4.5' width='22' height='23' stroke='white'/%3E%3Crect x='5.5' y='0.5' width='22' height='23' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3179_133031'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnCompareSideBySide::before {
+    /* compare-side-by-side.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.5' y='0.5' width='12' height='27' stroke='white'/%3E%3Crect x='14.5' y='0.5' width='11' height='27' stroke='white'/%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnClearComparison::before {
+    /* compare-clear.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.5' y='5.5' width='17' height='20' stroke='white'/%3E%3Cpath d='M2 5.5H26' stroke='white'/%3E%3Cpath d='M11.5 9V22' stroke='white'/%3E%3Cpath d='M16.5 9V22' stroke='white'/%3E%3Crect x='8.5' y='2.5' width='11' height='3' stroke='white'/%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton#btnToggleTextures::before {
+    /* toggle-textures.svg URL-encoder for svg */
+    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 27V1H14V27H15ZM25.5 0.5V27.5H2.5V0.5H14H25.5Z' stroke='white'/%3E%3Crect x='15' y='1' width='1' height='1' fill='white'/%3E%3Crect x='16' y='2' width='1' height='1' fill='white'/%3E%3Crect x='16' y='4' width='1' height='1' fill='white'/%3E%3Crect x='16' y='6' width='1' height='1' fill='white'/%3E%3Crect x='16' y='8' width='1' height='1' fill='white'/%3E%3Crect x='16' y='10' width='1' height='1' fill='white'/%3E%3Crect x='16' y='12' width='1' height='1' fill='white'/%3E%3Crect x='16' y='14' width='1' height='1' fill='white'/%3E%3Crect x='16' y='16' width='1' height='1' fill='white'/%3E%3Crect x='16' y='18' width='1' height='1' fill='white'/%3E%3Crect x='16' y='20' width='1' height='1' fill='white'/%3E%3Crect x='16' y='22' width='1' height='1' fill='white'/%3E%3Crect x='16' y='24' width='1' height='1' fill='white'/%3E%3Crect x='16' y='26' width='1' height='1' fill='white'/%3E%3Crect x='15' y='3' width='1' height='1' fill='white'/%3E%3Crect x='15' y='5' width='1' height='1' fill='white'/%3E%3Crect x='15' y='7' width='1' height='1' fill='white'/%3E%3Crect x='15' y='9' width='1' height='1' fill='white'/%3E%3Crect x='15' y='11' width='1' height='1' fill='white'/%3E%3Crect x='15' y='13' width='1' height='1' fill='white'/%3E%3Crect x='15' y='15' width='1' height='1' fill='white'/%3E%3Crect x='15' y='17' width='1' height='1' fill='white'/%3E%3Crect x='15' y='19' width='1' height='1' fill='white'/%3E%3Crect x='15' y='21' width='1' height='1' fill='white'/%3E%3Crect x='15' y='23' width='1' height='1' fill='white'/%3E%3Crect x='15' y='25' width='1' height='1' fill='white'/%3E%3Crect x='17' y='1' width='1' height='1' fill='white'/%3E%3Crect x='18' y='2' width='1' height='1' fill='white'/%3E%3Crect x='18' y='4' width='1' height='1' fill='white'/%3E%3Crect x='18' y='6' width='1' height='1' fill='white'/%3E%3Crect x='18' y='8' width='1' height='1' fill='white'/%3E%3Crect x='18' y='10' width='1' height='1' fill='white'/%3E%3Crect x='18' y='12' width='1' height='1' fill='white'/%3E%3Crect x='18' y='14' width='1' height='1' fill='white'/%3E%3Crect x='18' y='16' width='1' height='1' fill='white'/%3E%3Crect x='18' y='18' width='1' height='1' fill='white'/%3E%3Crect x='18' y='20' width='1' height='1' fill='white'/%3E%3Crect x='18' y='22' width='1' height='1' fill='white'/%3E%3Crect x='18' y='24' width='1' height='1' fill='white'/%3E%3Crect x='18' y='26' width='1' height='1' fill='white'/%3E%3Crect x='17' y='3' width='1' height='1' fill='white'/%3E%3Crect x='17' y='5' width='1' height='1' fill='white'/%3E%3Crect x='17' y='7' width='1' height='1' fill='white'/%3E%3Crect x='17' y='9' width='1' height='1' fill='white'/%3E%3Crect x='17' y='11' width='1' height='1' fill='white'/%3E%3Crect x='17' y='13' width='1' height='1' fill='white'/%3E%3Crect x='17' y='15' width='1' height='1' fill='white'/%3E%3Crect x='17' y='17' width='1' height='1' fill='white'/%3E%3Crect x='17' y='19' width='1' height='1' fill='white'/%3E%3Crect x='17' y='21' width='1' height='1' fill='white'/%3E%3Crect x='17' y='23' width='1' height='1' fill='white'/%3E%3Crect x='17' y='25' width='1' height='1' fill='white'/%3E%3Crect x='19' y='1' width='1' height='1' fill='white'/%3E%3Crect x='20' y='2' width='1' height='1' fill='white'/%3E%3Crect x='20' y='4' width='1' height='1' fill='white'/%3E%3Crect x='20' y='6' width='1' height='1' fill='white'/%3E%3Crect x='20' y='8' width='1' height='1' fill='white'/%3E%3Crect x='20' y='10' width='1' height='1' fill='white'/%3E%3Crect x='20' y='12' width='1' height='1' fill='white'/%3E%3Crect x='20' y='14' width='1' height='1' fill='white'/%3E%3Crect x='20' y='16' width='1' height='1' fill='white'/%3E%3Crect x='20' y='18' width='1' height='1' fill='white'/%3E%3Crect x='20' y='20' width='1' height='1' fill='white'/%3E%3Crect x='20' y='22' width='1' height='1' fill='white'/%3E%3Crect x='20' y='24' width='1' height='1' fill='white'/%3E%3Crect x='20' y='26' width='1' height='1' fill='white'/%3E%3Crect x='19' y='3' width='1' height='1' fill='white'/%3E%3Crect x='19' y='5' width='1' height='1' fill='white'/%3E%3Crect x='19' y='7' width='1' height='1' fill='white'/%3E%3Crect x='19' y='9' width='1' height='1' fill='white'/%3E%3Crect x='19' y='11' width='1' height='1' fill='white'/%3E%3Crect x='19' y='13' width='1' height='1' fill='white'/%3E%3Crect x='19' y='15' width='1' height='1' fill='white'/%3E%3Crect x='19' y='17' width='1' height='1' fill='white'/%3E%3Crect x='19' y='19' width='1' height='1' fill='white'/%3E%3Crect x='19' y='21' width='1' height='1' fill='white'/%3E%3Crect x='19' y='23' width='1' height='1' fill='white'/%3E%3Crect x='19' y='25' width='1' height='1' fill='white'/%3E%3Crect x='21' y='1' width='1' height='1' fill='white'/%3E%3Crect x='22' y='2' width='1' height='1' fill='white'/%3E%3Crect x='22' y='4' width='1' height='1' fill='white'/%3E%3Crect x='22' y='6' width='1' height='1' fill='white'/%3E%3Crect x='22' y='8' width='1' height='1' fill='white'/%3E%3Crect x='22' y='10' width='1' height='1' fill='white'/%3E%3Crect x='22' y='12' width='1' height='1' fill='white'/%3E%3Crect x='22' y='14' width='1' height='1' fill='white'/%3E%3Crect x='22' y='16' width='1' height='1' fill='white'/%3E%3Crect x='22' y='18' width='1' height='1' fill='white'/%3E%3Crect x='22' y='20' width='1' height='1' fill='white'/%3E%3Crect x='22' y='22' width='1' height='1' fill='white'/%3E%3Crect x='22' y='24' width='1' height='1' fill='white'/%3E%3Crect x='22' y='26' width='1' height='1' fill='white'/%3E%3Crect x='21' y='3' width='1' height='1' fill='white'/%3E%3Crect x='21' y='5' width='1' height='1' fill='white'/%3E%3Crect x='21' y='7' width='1' height='1' fill='white'/%3E%3Crect x='21' y='9' width='1' height='1' fill='white'/%3E%3Crect x='21' y='11' width='1' height='1' fill='white'/%3E%3Crect x='21' y='13' width='1' height='1' fill='white'/%3E%3Crect x='21' y='15' width='1' height='1' fill='white'/%3E%3Crect x='21' y='17' width='1' height='1' fill='white'/%3E%3Crect x='21' y='19' width='1' height='1' fill='white'/%3E%3Crect x='21' y='21' width='1' height='1' fill='white'/%3E%3Crect x='21' y='23' width='1' height='1' fill='white'/%3E%3Crect x='21' y='25' width='1' height='1' fill='white'/%3E%3Crect x='23' y='1' width='1' height='1' fill='white'/%3E%3Crect x='24' y='2' width='1' height='1' fill='white'/%3E%3Crect x='24' y='4' width='1' height='1' fill='white'/%3E%3Crect x='24' y='6' width='1' height='1' fill='white'/%3E%3Crect x='24' y='8' width='1' height='1' fill='white'/%3E%3Crect x='24' y='10' width='1' height='1' fill='white'/%3E%3Crect x='24' y='12' width='1' height='1' fill='white'/%3E%3Crect x='24' y='14' width='1' height='1' fill='white'/%3E%3Crect x='24' y='16' width='1' height='1' fill='white'/%3E%3Crect x='24' y='18' width='1' height='1' fill='white'/%3E%3Crect x='24' y='20' width='1' height='1' fill='white'/%3E%3Crect x='24' y='22' width='1' height='1' fill='white'/%3E%3Crect x='24' y='24' width='1' height='1' fill='white'/%3E%3Crect x='24' y='26' width='1' height='1' fill='white'/%3E%3Crect x='23' y='3' width='1' height='1' fill='white'/%3E%3Crect x='23' y='5' width='1' height='1' fill='white'/%3E%3Crect x='23' y='7' width='1' height='1' fill='white'/%3E%3Crect x='23' y='9' width='1' height='1' fill='white'/%3E%3Crect x='23' y='11' width='1' height='1' fill='white'/%3E%3Crect x='23' y='13' width='1' height='1' fill='white'/%3E%3Crect x='23' y='15' width='1' height='1' fill='white'/%3E%3Crect x='23' y='17' width='1' height='1' fill='white'/%3E%3Crect x='23' y='19' width='1' height='1' fill='white'/%3E%3Crect x='23' y='21' width='1' height='1' fill='white'/%3E%3Crect x='23' y='23' width='1' height='1' fill='white'/%3E%3Crect x='23' y='25' width='1' height='1' fill='white'/%3E%3C/svg%3E%0A");
+}
+
+.toolbarButton.toggled,
+.splitToolbarButton.toggled > .toolbarButton.toggled,
+.secondaryToolbarButton.toggled {
+    background-color: hsla(0,0%,0%,.3);
+    background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
+    border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.45) hsla(0,0%,0%,.5);
+    box-shadow: 0 1px 1px hsl(0deg 0% 0% / 10%) inset, 0 0 1px hsl(0deg 0% 0% / 20%) inset, 0 1px 0 hsl(0deg 0% 100% / 5%);
+    transition-property: background-color, border-color, box-shadow;
+    transition-duration: 10ms;
+    transition-timing-function: linear;
+}
+
+.toolbar-dropdown-wrap button,
+.toolbar-dropdown button {
+    position: relative;
+}
+
+.toolbar-dropdown {
+    padding: 0;
+    min-width: 53px;
+    white-space: nowrap;
+    background-color: #474747;
+    background-image: linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
+    box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 15%), inset 0 -1px 0 hsl(0deg 0% 100% / 5%), 0 1px 0 hsl(0deg 0% 0% / 15%), 0 1px 1px hsl(0deg 0% 0% / 10%);
+}
+

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

@@ -0,0 +1,103 @@
+#treeViewContainerWrap {
+    position: absolute;
+    height: calc(100% - 32px);
+    width: 350px;
+    top: 51px;
+    left: 0;
+    border-right: 6px solid #EEEEEE;
+    z-index: 89000005;
+    display: none;
+    background: #ffffff;
+    /*padding-right: 8px;*/
+}
+
+#treeViewContainer {
+    pointer-events: all;
+    height: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+    color: black;
+    width: 100%;
+    padding-left: 10px;
+    font-family: 'Roboto', sans-serif;
+    font-size: 15px;
+    user-select: none;
+    -ms-user-select: none;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    z-index: 89000006;
+    background: #ffffff;
+}
+
+.treeview-expanded #treeViewContainer {
+    display: block;
+}
+
+#treeViewContainer ul {
+    list-style: none;
+    padding-left: 1.75em;
+    pointer-events: none;
+}
+
+#treeViewContainer ul li {
+    position: relative;
+    width: 500px;
+    pointer-events: none;
+    padding-top: 3px;
+    padding-bottom: 3px;
+    vertical-align: middle;
+}
+
+#treeViewContainer ul li a {
+    background-color: #eee;
+    border-radius: 50%;
+    color: #000;
+    display: inline-block;
+    height: 1.5em;
+    left: -1.5em;
+    position: absolute;
+    text-align: center;
+    text-decoration: none;
+    width: 1.5em;
+    pointer-events: all;
+}
+
+#treeViewContainer ul li a.plus {
+    background-color: #ded;
+    pointer-events: all;
+}
+
+#treeViewContainer ul li a.minus {
+    background-color: #eee;
+    pointer-events: all;
+}
+
+#treeViewContainer ul li a:active {
+    top: 1px;
+    pointer-events: all;
+}
+
+#treeViewContainer ul li span:hover {
+    color: white;
+    cursor: pointer;
+    background: black;
+    padding-left: 2px;
+    pointer-events: all;
+}
+
+#treeViewContainer ul li span {
+    display: inline-block;
+    width: calc(100% - 50px);
+    padding-left: 2px;
+    pointer-events: all;
+    height: 23px;
+}
+
+#treeViewContainer .highlighted-node { /* Appearance of node highlighted with TreeViewPlugin#showNode() */
+    border: black solid 1px;
+    background: yellow;
+    color: black;
+    padding-left: 1px;
+    padding-right: 5px;
+    pointer-events: all;
+}

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

@@ -0,0 +1,160 @@
+.vitro-file-version-select {
+    position: relative;
+    max-width: 297px;
+    margin-left: 20px;
+}
+
+.vitro-selected-version {
+    display: flex;
+    grid-gap: 8px;
+    padding: 4px 8px;
+    border-radius: 4px;
+    background-color: #F3F8FF;
+    overflow: hidden;
+    min-width: 0;
+    align-items: center;
+}
+
+.vitro-file-name {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    color: #222D44;
+    font-size: 14px;
+    line-height: 16px;
+    white-space: nowrap;
+}
+
+.vitro-position-absolute {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 1;
+    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.09), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
+    background-color: #F3F8FF;
+    padding: 8px;
+    border-radius: 4px;
+}
+
+.vitro-button-collapse-up,
+.vitro-button-collapse-bottom {
+    cursor: pointer;
+    width: 24px;
+    height: 24px;
+    min-width: 24px;
+    background-size: 100%;
+    background-position: center;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4.5 15L12 7.5L19.5 15' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
+
+.vitro-button-collapse-bottom {
+    transform: rotate(180deg);
+}
+
+.vitro-version-name-red {
+    color: #D13438;
+    background-color: #FFF2F6;
+}
+
+.vitro-version-name-green {
+    color: #5DB182;
+    background-color: #F3FFFF;
+}
+
+.vitro-selected-version .vitro-version-name-green,
+.vitro-selected-version .vitro-version-name-red {
+    border-radius: 4px;
+    padding: 4px;
+    font-size: 14px;
+    line-height: 16px;
+    font-family: 'InterSemiBold' !important;
+}
+
+.vitro-version-list {
+    position: absolute;
+    top: calc(100% + 8px);
+    left: 0;
+    padding: 0;
+    margin: 0;
+    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
+    background: #fff;
+    border-radius: 4px;
+    max-width: 401px;
+}
+
+.vitro-version-list::before {
+    content: '';
+    display: block;
+    width: 26px;
+    height: 24px;
+    z-index: 1;
+    bottom: 100%;
+    left: 124px;
+    background-position: center 3px;
+    position: absolute;
+    background-image: url("data:image/svg+xml,%3Csvg width='44' height='42' viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
+}
+
+.vitro-file-version-item {
+    padding: 8px 12px;
+    display: flex;
+    grid-gap: 8px;
+    align-items: flex-start;
+    cursor: pointer;
+}
+
+.vitro-file-version-item:last-child {
+    border-radius: 0 0 4px 4px;
+}
+
+.vitro-file-version-item:nth-child(2) {
+    border-radius: 4px 4px 0 0;
+}
+
+.vitro-file-version-item:nth-child(2):last-child {
+    border-radius: 4px;
+}
+
+.vitro-file-version-item:hover {
+    background-color: #F3F8FF;
+}
+
+.vitro-content {
+    overflow: hidden;
+}
+
+.vitro-file-version-item .vitro-version-name,
+.vitro-file-version-item .vitro-version-name-green,
+.vitro-file-version-item .vitro-version-name-red {
+    font-size: 16px;
+    line-height: 24px;
+    border-radius: 4px;
+    padding: 4px;
+}
+
+.vitro-file-version-item .vitro-version-name {
+    color: #4A556C;
+    background-color: #F8F9FA;
+}
+
+.vitro-file-version-item .vitro-version-name-green,
+.vitro-file-version-item .vitro-version-name-red {
+    font-family: 'InterMedium' !important;
+}
+
+.vitro-flex {
+    display: flex;
+    margin-top: 4px;
+}
+
+.vitro-flex span {
+    color: #4A556C;
+    font-size: 12px;
+    line-height: 16px;
+    margin-right: 4px;
+    white-space: nowrap;
+}
+
+.vitro-active,
+.vitro-active:hover {
+    background-color: #DCEEFF;
+}

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

@@ -15,7 +15,6 @@
 }
 
 .vitro-selected-item {
-    margin-right: 6px;
     grid-gap: 8px;
 }
 

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

@@ -108,7 +108,7 @@
     border: none;
     background: transparent;
     flex: 1 1;
-    min-width: 2px;
+    min-width: 8px;
     color: #222D44;
     font-size: 14px;
     line-height: 16px;