@vitrosoftware/common-ui-ts 1.1.76 → 1.1.78

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

@@ -0,0 +1,53 @@
+.vitro-bim-viewer-issue-detail {
+    position: absolute;
+    bottom: 0px;
+    right: 0px;
+    width: 410px;
+    z-index: 10000001;
+    background: #fff;
+    height: calc(100% - 50px);
+    border-left: 2px solid #eeeff0;
+    display: none;
+}
+
+.vitro-bim-viewer-issue-detail * {
+    box-sizing: border-box !important;
+}
+
+#sidebarWrap {
+    width: 410px;
+    height: calc(100% - 50px);
+    top: 50px;
+    z-index: 10000000;
+}
+
+.sidebar {
+    background: #fff;
+    border-left: 2px solid #eeeff0;
+    border-right: none;
+    padding: 32px 0 16px 0;
+    height: 100%;
+}
+
+.sidebar-close,
+.sidebar-close:hover,
+.sidebar-close:active,
+.prop-inspector-close,
+.prop-inspector-close:hover,
+.prop-inspector-close:active {
+    top: 4px;
+    left: 3px;
+    height: 24px;
+    width: 24px;
+    padding: 0px;
+    color: transparent;
+    background-size: 100%;
+    display: block;
+    transform: none;
+    /* close.svg URL-encoder for SVG */
+    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
+}
+
+#fileVersionSelect {
+    top: calc(50% - 16px);
+}

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

@@ -0,0 +1,92 @@
+.ui-dialog-comparison {
+    z-index: 99000005;
+}
+
+.uk-tab>*>a {
+    border-bottom-width: 2px;
+}
+
+.ui-dialog-comparison .ui-dialog-titlebar {
+    border-bottom: 1px solid #E5E5E5 !important;
+    border-radius: 0;
+}
+
+.comparison-popup-wrap {
+    display: flex;
+    flex-direction: column;
+    width: 100% !important;
+}
+
+.comparison-popup-head {
+    height: 100px;
+    display: flex;
+    flex-direction: row;
+    padding-bottom: 20px;
+}
+
+.comparison-popup-body {
+    height: calc(100% - 100px);
+}
+
+.comparison-popup-head-item {
+    /*max-width: 140px;*/
+    text-align: center;
+    border: 1px solid #E5E5E5;
+    padding: 8px;
+    border-radius: 2px;
+    width: calc(50% - 4px);
+}
+
+.comparison-popup-head-item.added {
+    border-bottom: 2px solid #09FF32;
+    margin-right: 4px;
+}
+
+.comparison-popup-head-item.removed {
+    border-bottom: 2px solid #FE001B;
+    margin-left: 4px;
+}
+
+.comparison-popup-body .uk-switcher {
+    height: calc(100% - 53px);
+}
+
+.comparison-popup-body .uk-switcher li {
+    overflow: auto;
+}
+
+.comparison-popup-body .uk-position-relative {
+    height: 100%;
+}
+
+.comparison-popup-body ul.list-items {
+    padding-left: 0;
+}
+
+.comparison-popup-body .list-items li {
+    list-style: none !important;
+    padding-left: 8px;
+    margin-bottom: 4px;
+    font-size: 14px;
+    cursor: pointer;
+}
+
+.comparison-popup-body .list-items li .name {
+    font-weight: bold;
+}
+
+.comparison-popup-body .item-added {
+    border-left: 2px solid #09FF32;
+}
+
+.comparison-popup-body .item-removed {
+    border-left: 2px solid #FE001B;
+}
+
+.ui-dialog.ui-dialog-comparison .ui-dialog-titlebar-buttonpane>a {
+    margin-right: 2px !important;
+}
+
+.ui-dialog.ui-dialog-comparison .ui-dialog-titlebar-buttonpane>a:last-child {
+    margin-right: 0;
+}

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

@@ -0,0 +1,54 @@
+.xeokit-context-menu {
+    font-family: 'Roboto', sans-serif;
+    font-size: 15px;
+    display: none;
+    z-index: 89000006 !important;
+    background: rgba(255, 255, 255, 0.46);
+    border: 1px solid black;
+    border-radius: 6px;
+    padding: 0;
+    width: 200px;
+}
+
+.xeokit-context-menu ul {
+    list-style: none;
+    margin-left: 0;
+    padding: 0;
+}
+
+.xeokit-context-menu ul li {
+    list-style-type: none;
+    padding-left: 10px;
+    padding-right: 20px;
+    padding-top: 4px;
+    padding-bottom: 4px;
+    color: black;
+    border-bottom: 1px solid gray;
+    background: rgba(255, 255, 255, 0.46);
+    cursor: pointer;
+    width: calc(100% - 30px);
+}
+
+.xeokit-context-menu ul li:hover {
+    background: black;
+    color: white;
+    font-weight: normal;
+}
+
+.xeokit-context-menu ul li span {
+    display: inline-block;
+}
+
+.xeokit-context-menu .disabled {
+    display: inline-block;
+    color: gray;
+    cursor: default;
+    font-weight: normal;
+}
+
+.xeokit-context-menu .disabled:hover {
+    color: gray;
+    cursor: default;
+    background: #eeeeee;
+    font-weight: normal;
+}

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

@@ -0,0 +1,50 @@
+
+#dlgNoteTxt {
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
+    height: calc(100% - 36px);
+    padding: 5px;
+    resize: none;
+}
+
+#dlgNoteTxt:focus,
+#dlgNoteTxt:active {
+    outline-width: 0 !important;
+}
+
+.ui-widget-overlay {
+    z-index: 90000004;
+    opacity: 0.3 !important;
+}
+
+.ui-dialog {
+    z-index: 90000005;
+}
+
+.ui-dialog .ui-dialog-content {
+    padding: 11px 8px 0 8px;
+}
+
+.ui-dialog .ui-dialog-buttonpane {
+    padding: 5px 2px 4px 7px;
+}
+
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active,
+a.ui-button:active,
+.ui-button:active,
+.ui-button.ui-state-active:hover {
+    border: 1px solid #474747;
+    background: #474747;
+    font-weight: normal;
+    color: hsl(0,0%,85%);
+}
+
+#dlgNoteTitle {
+    width: 100%;
+    margin-bottom: 8px;
+    font-size: 16px;
+    height: 24px;
+}

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

@@ -0,0 +1,18 @@
+#navCubeCanvas {
+    position: absolute;
+    width: 250px;
+    height: 250px;
+    z-index: 200000;
+
+    /* Position */
+
+    /* 1. Left-Bottom */
+    /*
+    bottom: 100px;
+    left: 50px;
+    */
+
+    /* 2. Right-Center */
+    right: 10px;
+    top: calc(50% - 157px);
+}

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

@@ -0,0 +1,86 @@
+#propInspector {
+    width: 278px;
+    background: #f8f8f8;
+    height: calc(100% - 32px);
+    position: fixed;
+    top: 51px;
+    right: 0;
+    z-index: 89000004;
+    display: none;
+    box-sizing: border-box;
+}
+
+.prop-inspector-inner-wrap {
+    border-left: 1px solid silver;
+    border-right: 1px solid silver;
+    padding: 32px 10px 20px 10px;
+    height: calc(100% - 10px);
+}
+
+.prop-inspector-close {
+    position: absolute;
+    top: 4px;
+    left: 3px;
+    font-weight: 400;
+    padding: 2px 8px 7px 8px;
+    cursor: pointer;
+    transform: scaleX(1.2);
+    font-size: 18px;
+    font-family: Arial;
+}
+
+.prop-inspector-content {
+    height: 100%;
+    font-size: 14px;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
+.element-attributes {
+    margin-top: 10px;
+}
+
+.xeokit-table .td1 {
+    font-weight: bold;
+}
+
+.xeokit-table td {
+    padding: 8px;
+    border-top: 1px solid #E0E0E0;
+    word-wrap: break-word;
+    vertical-align: top;
+}
+
+.xeokit-table tr:first-child td {
+    border-top: none !important;
+}
+
+.xeokit-table tr td:first-child {
+    border-right: 1px solid #E0E0E0;
+}
+
+.subtitle.xeokit-no-prop-set-warning {
+    padding: 8px;
+}
+
+.xeokit-table {
+    width: 100%;
+}
+
+.prop-inspector-title {
+    font-size: 16px;
+    font-weight: bold;
+    padding-bottom: 12px;
+    position: absolute;
+    top: 8px;
+    left: 30px;
+
+}
+
+.xeokit-accordion {
+    margin-top: 20px;
+}
+
+.ui-accordion .ui-accordion-content.xeokit-accordion-panel {
+    padding: 2px 0 2px 0 !important;
+}

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

@@ -0,0 +1,8 @@
+#sectionPlanesOverviewCanvas {
+	position: absolute;
+    width: 250px;
+    height: 250px;
+    bottom: 70px;
+    right: 10px;
+    z-index: 200000;
+}

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

@@ -0,0 +1,226 @@
+.sidebar {
+    width: 100%;
+    background: #f8f8f8;
+    padding: 32px 10px 10px 10px;
+    height: calc(100% - 32px);
+    border-left: 1px solid silver;
+    border-right: 1px solid silver;
+    top: 51px;
+    right: 0;
+    z-index: 89000005;
+}
+
+#sidebarWrap {
+	position: absolute;
+    height: calc(100% - 32px);
+	right: 0;
+    top: 51px;	
+	width: 278px;
+    display: none;
+}
+
+.sidebar-close {
+    position: absolute;
+    top: 4px;
+    left: 3px;
+    font-weight: 400;
+    padding: 2px 8px 7px 8px;
+    cursor: pointer;
+    transform: scaleX(1.2);
+    font-size: 18px;
+    font-family: Arial;
+}
+
+.sidebar-content {
+    height: 100%;
+    font-size: 14px;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
+.sidebar-note-wrap {
+    background: #ffffff;
+    padding: 5px;
+    margin-top: 5px;
+    position: relative;
+}
+
+.sidebar-note-wrap:first-child {
+    margin-top: 0;
+}
+
+.sidebar-note-header {
+    padding-bottom: 5px;
+    border-bottom: 1px dotted #E0E0E0;
+    position: relative;
+    z-index: 10;
+}
+
+.sidebar-note-name {
+    font-size: 12px;
+    font-weight: 600;
+    color: #283430;
+    padding-bottom: 2px;
+
+
+    margin-right: 8px;
+    padding-right: 8px;
+
+    display: inline-block;
+    position: relative;
+}
+
+.sidebar-note-name:after {
+    content: "";
+    position: absolute;
+    border-right: 1px solid #C3BFBF;
+    height: 10px;
+    top: 2px;
+    right: 0;
+}
+
+.sidebar-note-title {
+    font-size: 12px;
+    font-weight: 600;
+    margin-top: 2px;
+    padding-top: 6px;
+    cursor: pointer;
+    width: -webkit-fill-available;
+}
+
+.sidebar-note-id {
+    font-size: 12px;
+    margin-top: 2px;
+    padding-top: 6px;
+    border-top: 1px dotted #E0E0E0;
+    text-align: right;
+    min-width: 85px;
+}
+
+div.sidebar-note-id:hover {
+    text-decoration: underline;
+}
+
+.note-title-container {
+	border-top: 1px dotted #E0E0E0;
+	display: flex;
+}
+
+.sidebar-note-date {
+    font-size: 11px;
+    color: #C3BFBF;
+
+    display: inline-block;
+}
+
+.sidebar-note-btn-delete {
+    position: absolute;
+    width: 16px;
+    height: 16px;
+    right: 0;
+    top: 0;
+    cursor: pointer;
+}
+
+.sidebar-note-body {
+    padding-top: 5px;
+    position: relative;
+    z-index: 10;
+}
+
+.sidebar-note-wrap textarea {
+    border: #E0E0E0;
+    color: #283430;
+    width: 100%;
+    resize: none;
+    overflow: hidden;
+    height: 60px;
+    box-sizing: border-box;
+    max-width: 100%;
+}
+
+.sidebar-note-wrap textarea,
+.sidebar-note-wrap.active textarea,
+.sidebar-note-wrap textarea:focus {
+    padding: 2px;
+}
+
+.sidebar-note-expand-wrap {
+    text-align: right;
+}
+
+.sidebar-note-expand-btn {
+    font-size: 11px;
+    color: #C3BFBF;
+    text-transform: lowercase;
+    font-variant: small-caps;
+}
+
+.btn-expand,
+.btn-collapse {
+    cursor: pointer;
+}
+
+.sidebar-note-expand-btn:not(.collapsed) .btn-expand,
+.sidebar-note-expand-btn.collapsed .btn-collapse {
+    display: none;
+}
+
+.sidebar-note-btn-delete span {
+    display: none;
+}
+
+.sidebar-note-img-wrap,
+.sidebar-note-img-wrap img {
+    max-width: 100%;
+}
+
+.sidebar-note-wrap.active:before {
+    content: "";
+    position: absolute;
+    top: -5px;
+    bottom: -5px;
+    left: -5px;
+    right: -5px;
+    background: midnightblue;
+    z-index: 1;
+}
+
+.sidebar-note-wrap.active .sidebar-note-title,
+.sidebar-note-wrap.active .sidebar-note-id,
+.sidebar-note-wrap.active .sidebar-note-name {
+    color: #ffffff !important;
+}
+
+.sidebar-note-wrap a {
+    color: #283430 !important;
+}
+
+.sidebar-note-wrap.active a {
+    color: #ffffff !important;
+}
+
+.sidebar-note-date {
+    font-size: 11px;
+    color: #C3BFBF;
+}
+
+.sidebar-note-wrap.active .sidebar-note-btn-delete {
+}
+
+.sidebar-note-status-mark {
+    border-radius: 50%;
+    display: inline-block;
+    min-height: 10px;
+    min-width: 10px;
+    height: 10px;
+    width: 10px;
+    vertical-align: sub;
+    margin-right: 3px;
+    float: left;
+    margin-top: 2px;
+}
+
+.sidebar-note-status-text {
+    float: left;
+}

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

@@ -0,0 +1,57 @@
+#storeyViewsSidebar {
+    position: absolute;
+    height: calc(100% - 32px);
+    width: 350px;
+    top: 51px;
+    left: 0;
+    border-right: 1px solid #EEEEEE;
+    z-index: 89000005;
+    display: none;
+    background: #ffffff;
+}
+
+#storeyViewsContainer {
+    pointer-events: all;
+    height: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+    color: black;
+    width: 100%;
+    text-align: center;
+    z-index: 89000006;
+    background: #ffffff;
+    padding-top: 15px;
+    padding-bottom: 15px;
+    position: relative;
+}
+
+#storeyMap {
+    position: absolute;
+    left: 10px;
+    top: 60px;
+    margin-top: 20px;
+    overflow-y: hidden;
+    height: auto;
+    pointer-events: all;
+    width: auto;
+    user-select: none;
+}
+
+#planPointer {
+    color: #000000;
+    line-height: 1.8;
+    text-align: center;
+    font-family: "monospace";
+    font-weight: bold;
+    position: absolute;
+    width: 60px;
+    height: 60px;
+    /* storey-map-camera.svg URL-encoder for svg */
+    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3179_133590)'%3E%3Ccircle cx='30' cy='30' r='5' fill='black'/%3E%3Cpath d='M30 0C26.0603 -4.69799e-08 22.1593 0.775973 18.5195 2.28361C14.8797 3.79126 11.5726 6.00104 8.7868 8.7868C6.00104 11.5726 3.79125 14.8797 2.28361 18.5195C0.775972 22.1593 -5.94871e-07 26.0603 0 30L30 30L30 0Z' fill='url(%23paint0_radial_3179_133590)'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_3179_133590' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(30 30) rotate(90) scale(30)'%3E%3Cstop/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/radialGradient%3E%3CclipPath id='clip0_3179_133590'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    background-repeat: no-repeat;
+    background-size: 60px 60px;
+}
+
+#storeyViewsContainer img {
+    max-width: 100%;
+}

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

@@ -0,0 +1,56 @@
+html,
+body {
+    margin: 0;
+    padding: 0;
+    font-family: Arial;
+}
+
+* {
+    box-sizing: border-box;
+}
+
+html,
+body,
+.canvas-wrap,
+#xeokitCanvas {
+    width: 100%;
+    height: 100%;
+}
+
+body {
+    overflow: hidden;
+}
+
+.canvas-wrap {
+    height: calc(100% - 32px);
+    position: relative;
+}
+
+/* Vitro custom css section */
+
+.fileVersionPath {
+    margin-right: 3px;
+}
+
+.fileLabel {
+    min-width: 16px;
+    padding: 3px 6px 3px 2px;
+    margin: 4px 2px 4px 0;
+    border: 1px solid transparent;
+    border-radius: 2px;
+    color: hsl(0,0%,85%);
+    font-size: 12px;
+    line-height: 14px;
+    text-align: left;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default;
+    padding-top: 15px;
+    text-overflow: ellipsis;
+}
+
+.uk-tab > * {
+    padding-left: 10px !important;
+}