@vitrosoftware/common-ui-ts 1.1.121 → 1.1.123

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

@@ -0,0 +1,190 @@
+.sidebar {
+    display: none;
+    width: 278px;
+    background: #f8f8f8;
+    padding: 32px 10px 10px 10px;
+    height: calc(100% - 51px);
+    border-left: 1px solid silver;
+    border-right: 1px solid silver;
+    position: fixed;
+    top: 51px;
+    right: 0;
+    z-index: 89000005;
+}
+
+.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: calc(100% - 42px);
+    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;
+    border-top: 1px dotted #E0E0E0;
+    margin-top: 2px;
+    padding-top: 6px;
+    cursor: pointer;
+}
+
+.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;
+    background: url('../images/delete.png') 2px 0 no-repeat;
+    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: #4D4D4D;
+    z-index: 1;
+}
+
+.sidebar-note-wrap.active .sidebar-note-title,
+.sidebar-note-wrap.active .sidebar-note-name {
+    color: #ffffff;
+}
+
+.sidebar-note-date {
+    font-size: 11px;
+    color: #C3BFBF;
+}
+
+.sidebar-note-wrap.active .sidebar-note-btn-delete {
+    background: url(../images/delete-active.png) 2px 0 no-repeat;
+}
+
+.sidebar-note-wrap.active .sidebar-note-expand-btn a {
+    color: #ffffff;
+}
+
+.sidebar-close {
+    color:#474747;
+}
+
+.sidebar-close:hover {
+    text-decoration: none;
+    color:#474747;
+}

package/css/std/controls/dxf-viewer/thumbnail-list.css

@@ -0,0 +1,65 @@
+#sidebarContainer {
+    position: absolute;
+    top: 48px;
+    z-index: 100;
+    font: message-box;
+    height: calc(100% - 48px);
+    width: 240px;
+    min-width: 240px;
+    background: #fff;
+    display: none;
+    border-right: 1px solid #C0CAD5;
+    box-shadow: 0 0 2.89px 0 rgba(0, 0, 0, 0.1), 0 0 7.22px 0 rgba(0, 0, 0, 0.08);
+    flex-direction: column;
+}
+
+#sidebarContainer[style*='display: block'] {
+    display: flex !important;
+}
+
+#thumbnailView {
+    width: 100%;
+    height: 100%;
+}
+
+.vitro-thumbnail-list-title {
+    padding: 16px 12px;
+}
+
+.vitro-thumbnail,
+.vitro-thumbnail:hover {
+    display: block;
+    width: 100%;
+    color: #222D44;
+    padding: 8px 12px;
+}
+
+.vitro-thumbnail.vitro-active {
+    background-color: #DCEEFF;
+}
+
+.vitro-thumbnail .vitro-flex {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 0;
+}
+
+.vitro-thumbnail .vitro-preview {
+    height: 51px;
+    width: 64px;
+    background-color: #fff;
+    flex-shrink: 0;
+}
+
+.vitro-thumbnail .vitro-preview > img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}
+
+.vitro-thumbnail .vitro-flex > span {
+    color: #222D44;
+    font-size: 12px;
+    line-height: 130%;
+}

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

@@ -0,0 +1,117 @@
+.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 {
+    content: url('../images/draw-annotation.png');
+    /*top: 5px;*/
+}
+
+.toolbarButton#btnToggleNotes::before {
+    content: url('../images/hide-annotation.png');
+    /*top: 5px;*/
+}
+
+.toolbarButton#btnToggleSidebarNotes::before {
+    content: url('../images/sidebar-notes-toggle.png');
+}
+
+.toolbarButton#btnToggleSidebarTreeView::before {
+    content: url('../images/treeview.png');
+}
+
+.toolbarButton#btnToggleNotes.show::before {
+    content: url('../images/show-annotation.png');
+    /*top: 5px;*/
+}
+
+.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;
+}
+

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

@@ -0,0 +1,3 @@
+#treeViewContainer input[type='checkbox'] {
+    pointer-events: all;
+}

package/css/std/controls/dxf-viewer/treeview.panel.css

@@ -0,0 +1,108 @@
+#treeViewContainerWrap {
+    position: absolute;
+    height: calc(100% - 51px);
+    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;
+    box-sizing: border-box;
+}
+
+.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;
+}
+
+#treeViewContainerWrap .ui-resizable-handle {
+    background: #eeeeee;
+}

package/css/std/controls/error-message/error-message.css

@@ -0,0 +1,22 @@
+.vitro-error-message {
+    display: inline-block;
+    color: #D13438;
+    font-size: 14px;
+    line-height: 19px;
+    margin-top: 2px;
+    width: 100%;
+}
+
+.vitro-error-message::before {
+    content: '';
+    display: inline-block;
+    vertical-align: text-top;
+    height: 16px;
+    width: 16px;
+    min-width: 16px;
+    min-height: 16px;
+    margin-right: 4px;
+    background-size: 100%;
+    background-position: center;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/error-message/img/error-message.svg');
+}

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

@@ -78,30 +78,4 @@
 
 .vitro-required {
     color: red;
-}
-
-.vitro-error-text {
-    display: inline-block;
-    color: #D13438;
-    font-size: 14px;
-    line-height: 19px;
-    margin-top: 2px;
-    width: 100%;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-}
-
-.vitro-error-text::before {
-    content: '';
-    display: inline-block;
-    vertical-align: text-top;
-    height: 16px;
-    width: 16px;
-    min-width: 16px;
-    min-height: 16px;
-    margin-right: 4px;
-    background-size: 100%;
-    background-position: center;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/input/img/error-message.svg');
 }

package/css/std/controls/input/input.css

@@ -109,33 +109,10 @@
     width: 300px;
 }
 
-.vitro-error-text {
-    display: inline-block;
-    color: #D13438;
-    font-size: 14px;
-    line-height: 19px;
-    margin-top: 2px;
-    width: 100%;
-}
-
-.vitro-focus .vitro-error-text {
+.vitro-focus .vitro-error-message {
     display: none;
 }
 
-.vitro-error-text::before {
-    content: '';
-    display: inline-block;
-    vertical-align: text-top;
-    height: 16px;
-    width: 16px;
-    min-width: 16px;
-    min-height: 16px;
-    margin-right: 4px;
-    background-size: 100%;
-    background-position: center;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/input/img/error-message.svg');
-}
-
 .vitro-button-copy {
     height: 20px;
     width: 20px;

package/css/std/controls/issue-tile/issue-tile-header.css

@@ -28,6 +28,7 @@
     background: #4A556C;
     margin-left: 16px;
     margin-right: 16px;
+    flex-shrink: 0;
 }
 
 .vitro-user-info > div:last-child {

package/css/std/controls/login/ntlm-authentication-form.css

@@ -1,31 +1,28 @@
 .vitro-ntlm-authentication-form {
     width: 100%;
     height: 289px;
-    display: flex;
     flex-direction: column;
-    align-items: center;
 }
 
-.vitro-content {
-    display: flex;
+.vitro-flex {
     flex-direction: column;
-    align-items: center;
-    grid-gap: 16px;
     margin-top: 20px;
     margin-bottom: auto;
 }
 
-.vitro-content span {
+.vitro-flex .vitro-subtitle {
     font-size: 18px;
     line-height: 135%;
     text-align: center;
+    margin-bottom: 2px;
 }
 
-.vitro-image {
+.vitro-flex > :global(.vitro-image) {
     width: 48px;
     height: 48px;
-    background-size: 100%;
-    background-position: center;
-    background-repeat: no-repeat;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/login/img/windows-logo.svg');
+    margin-bottom: 16px;
+}
+
+.vitro-error-message {
+    text-align: center;
 }

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

@@ -2,9 +2,10 @@
     position: absolute;
     z-index: 10001;
     width: 100%;
+    display: flex;
+    flex-direction: column;
     border-radius: 4px;
     margin-top: 4px;
-    max-height: 300px;
     background: #fff;
     border-radius: 4px;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
@@ -12,7 +13,7 @@
 
 .vitro-value-list > :global(.ps) {
     padding-right: 0 !important;
-    max-height: 300px;
+    max-height: 323px;
 }
 
 .vitro-value-list > :global(.ps) > div:first-child {
@@ -72,3 +73,38 @@
 .vitro-display-none {
     display: none;
 }
+
+.vitro-flex {
+    border-top: 1px solid rgba(228, 230, 236, 0.5);
+    padding: 2px 0 4px;
+}
+
+.vitro-button {
+    height: 37px;
+    width: 100%;
+    background-color: #fff;
+    color: #222D44;
+    font-size: 14px;
+    line-height: 140%;
+    font-family: 'InterRegular';
+    padding: 8px 12px;
+    display: flex;
+    align-items: center;
+    border-radius: 0;
+}
+
+.vitro-button > div {
+    justify-content: flex-start;
+}
+
+.vitro-button :global(.vitro-image) {
+    width: 20px;
+    height: 20px;
+    margin-right: 8px;
+}
+
+.vitro-button:hover,
+.vitro-button:active,
+.vitro-button:focus {
+    background-color: #F3F8FF;
+}

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

@@ -61,34 +61,10 @@
     top: -10px;
 }
 
-.vitro-error-text {
-    display: inline-block;
-    align-items: center;
-    color: #D13438;
-    font-size: 14px;
-    line-height: 135%;
-    margin-top: 2px;
-    width: 100%;
-}
-
-.vitro-focus .vitro-error-text {
+.vitro-focus .vitro-error-message {
     display: none;
 }
 
-.vitro-error-text::before {
-    content: '';
-    display: inline-block;
-    vertical-align: text-top;
-    height: 16px;
-    width: 16px;
-    min-width: 16px;
-    min-height: 16px;
-    margin-right: 4px;
-    background-size: 100%;
-    background-position: center;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/lookup-picker/img/error-message.svg');
-}
-
 .vitro-button-copy {
     height: 24px;
     width: 20px;