ids-enterprise 4.6.0-alpha.4 → 4.7.0-beta

package/README.md

@@ -31,9 +31,3 @@ You can also find a subset of documentation at [`localhost:4000/components`](htt
 ## Contacting Us and Updates
 
 This project is an open source project. Please see the [contribution guidelines for this project](docs/CONTRIBUTING.md).
-
-Please use the internal Infor [Jira issue tracker](http://jira.infor.com/browse/SOHO) to report all requests, bugs, questions, and feature requests.
-
-For release updates see our upcoming and past version in our [releases road map](http://jira.infor.com/projects/SOHO?selectedItem=com.atlassian.jira.jira-projects-plugin:release-page).
-
-If you're an Infor employee, you can join our [MS Teams Group](https://teams.microsoft.com/l/team/19%3a2b0c9ce520b0481a9ce115f0ca4a326f%40thread.skype/conversations?groupId=4f50ef7d-e88d-4ccb-98ca-65f26e57fe35&tenantId=457d5685-0467-4d05-b23b-8f817adda47c) for updates.

package/dist/css/dark-theme.css

@@ -1,6 +1,6 @@
 /**
-* Soho XI Controls v4.6.0-alpha.3
-* Date: 08/05/2018 4:38:57 PM
+* IDS Enterprise Components v4.7.0-beta
+* Date: 24/05/2018 6:06:26 PM
 * Revision: 
 * License:
 *
@@ -853,7 +853,6 @@ label,
   font-size: 1.2rem;
   color: #abaeb7;
   display: block;
-  line-height: 13px;
   margin-bottom: 8px;
   min-height: 13px; }
 
@@ -987,7 +986,8 @@ small,
 .align-text-right {
   text-align: right; }
 
-.align-text-enter {
+.align-text-enter,
+.align-text-center {
   text-align: center; }
 
 .center-text {
@@ -2220,23 +2220,28 @@ a.btn-menu {
 .btn {
   padding: 0 15px; }
 
-.btn-tertiary,
+.btn-tertiary.inverse,
+.btn-menu.inverse {
+  color: #abaeb7; }
+  .btn-tertiary.inverse .icon,
+  .btn-menu.inverse .icon {
+    fill: #abaeb7; }
+  .btn-tertiary.inverse:hover, .btn-tertiary.inverse.is-open,
+  .btn-menu.inverse:hover,
+  .btn-menu.inverse.is-open {
+    color: #ffffff; }
+    .btn-tertiary.inverse:hover .icon, .btn-tertiary.inverse.is-open .icon,
+    .btn-menu.inverse:hover .icon,
+    .btn-menu.inverse.is-open .icon {
+      fill: #ffffff; }
+
+.btn-tertiary {
+  padding: 0 10px; }
+
 .btn-menu {
   padding: 0 10px; }
-  .btn-tertiary.inverse,
-  .btn-menu.inverse {
-    color: #abaeb7; }
-    .btn-tertiary.inverse .icon,
-    .btn-menu.inverse .icon {
-      fill: #abaeb7; }
-    .btn-tertiary.inverse:hover, .btn-tertiary.inverse.is-open,
-    .btn-menu.inverse:hover,
-    .btn-menu.inverse.is-open {
-      color: #ffffff; }
-      .btn-tertiary.inverse:hover .icon, .btn-tertiary.inverse.is-open .icon,
-      .btn-menu.inverse:hover .icon,
-      .btn-menu.inverse.is-open .icon {
-        fill: #ffffff; }
+  .btn-menu.btn-primary, .btn-menu.btn-secondary {
+    padding-right: 20px; }
 
 .btn-icon,
 .btn-actions,
@@ -2448,6 +2453,10 @@ html[dir='rtl'] [class^="btn"] span + * + .icon {
 html[dir='rtl'] [class^="btn"] span.audible + .icon {
   margin-right: 0; }
 
+html[dir='rtl'] .btn-menu.btn-primary, html[dir='rtl'] .btn-menu.btn-secondary {
+  padding-left: 20px;
+  padding-right: 10px; }
+
 html[lang^='fr-'] [class^="btn"] {
   text-transform: none; }
 
@@ -3085,8 +3094,8 @@ html[dir='rtl'] .widget-header > button {
     float: left; }
 
 .compound-field > .field {
-  vertical-align: baseline;
-  line-height: 37px; }
+  line-height: 37px;
+  vertical-align: baseline; }
 
 .compound-field > .field-short {
   margin-right: 10px;
@@ -3670,6 +3679,7 @@ label.required .label-text::after,
     max-width: 280px;
     padding-left: 19px; }
 
+.custom-icon-message,
 .info-message {
   font-size: 12px;
   font-size: 1.2rem;
@@ -3679,6 +3689,7 @@ label.required .label-text::after,
   margin-top: 7px;
   max-width: 300px;
   position: relative; }
+  .custom-icon-message .icon,
   .info-message .icon {
     height: 14px;
     left: 0;
@@ -3687,6 +3698,7 @@ label.required .label-text::after,
     position: absolute;
     top: 0;
     width: 14px; }
+  .custom-icon-message .message-text,
   .info-message .message-text {
     font-size: inherit;
     line-height: 15px;
@@ -7146,13 +7158,20 @@ html[dir='rtl'] .field-short div.dropdown > .listoption-icon {
     .modal .field textarea.input-lg {
       min-height: inherit;
       width: 400px; }
-  .modal .field:last-child input:not(.spinbox):not(.colorpicker),
+  .modal .field:first-child .audible ~ input:not(.spinbox):not(.colorpicker),
+  .modal .field:first-child .audible ~ .searchfield-wrapper {
+    margin-top: 4px; }
+  .modal .field:first-child .checkbox-label {
+    margin-top: 2px; }
+  .modal .field:last-child .checkbox-label {
+    margin-bottom: 1px; }
+  .modal .field:last-child input:not(.spinbox):not(.colorpicker):not(.searchfield),
   .modal .field:last-child .dropdown,
   .modal .field:last-child textarea,
   .modal .field:last-child .spinbox-wrapper,
   .modal .field:last-child .colorpicker-container {
     margin-bottom: 10px; }
-    .modal .field:last-child input:not(.spinbox):not(.colorpicker) + .error-message,
+    .modal .field:last-child input:not(.spinbox):not(.colorpicker):not(.searchfield) + .error-message,
     .modal .field:last-child .dropdown + .error-message,
     .modal .field:last-child textarea + .error-message,
     .modal .field:last-child .spinbox-wrapper + .error-message,
@@ -7823,6 +7842,7 @@ html[dir='rtl'] .slider-wrapper:not(.vertical) > .tick > .label {
     color: #ffffff;
     display: block;
     line-height: 32px;
+    min-height: 34px;
     padding: 0 30px 0 10px;
     position: relative;
     text-decoration: none;
@@ -9284,7 +9304,7 @@ html[dir='rtl'] .sidebar .tree {
     height: 15px;
     left: 0;
     width: 15px; }
-  .icon-favorite {
+  .listview .icon-favorite {
     top: 10px; } }
 
 .ios .listview .icon-error,
@@ -12853,7 +12873,7 @@ input::-webkit-inner-spin-button {
   height: 34px;
   line-height: normal;
   overflow: hidden;
-  padding: 9px 10px;
+  padding: 7px 10px;
   position: relative;
   resize: none;
   text-align: center;
@@ -12908,6 +12928,11 @@ input::-webkit-inner-spin-button {
     color: #656871;
     cursor: default;
     -webkit-text-fill-color: #656871; }
+  .spinbox-wrapper.is-readonly > .spinbox-control {
+    background-color: #50535a;
+    color: #ffffff;
+    cursor: default;
+    -webkit-text-fill-color: #ffffff; }
   .spinbox-wrapper .ripple-effect {
     background-color: #8dc9e6; }
 
@@ -13651,6 +13676,7 @@ html[dir='rtl'] .field-short .datepicker {
     width: 22px; }
     .popupmenu.colorpicker li a {
       border: 1px solid #414247;
+      min-height: auto;
       padding: 0; }
       .popupmenu.colorpicker li a:focus {
         box-shadow: 0 0 4px 2px rgba(141, 201, 230, 0.3);
@@ -13674,6 +13700,8 @@ html[dir='rtl'] .field-short .datepicker {
         border-color: #737373 #737373 #737373 transparent; }
       .popupmenu.colorpicker li a.is-selected.checkmark-two::after {
         border-color: #ffffff #ffffff #ffffff transparent; }
+  .popupmenu.colorpicker.popupmenu-short.has-icons li a {
+    padding: 0; }
   .popupmenu.colorpicker .swatch {
     background-color: #999999;
     display: block;
@@ -14113,6 +14141,13 @@ input + .busy-indicator-container,
       .busy-sm .busy-indicator .bar:last-child {
         margin-right: 0; }
 
+body {
+  opacity: 1;
+  transition: opacity .25s ease-in-out; }
+
+.busy-loading-locale {
+  opacity: 0; }
+
 html[dir='rtl'] .busy-indicator .bar {
   margin-left: 5px;
   margin-right: 0; }
@@ -14443,6 +14478,8 @@ html[dir='rtl'] .toast-progress {
         color: #368ac0; }
     .searchfield-wrapper.has-focus .searchfield {
       border-color: #368ac0; }
+    .searchfield-wrapper.has-focus input:focus {
+      box-shadow: none; }
     .searchfield-wrapper.has-focus.has-categories .searchfield {
       border-left-color: transparent;
       box-shadow: none; }
@@ -14501,6 +14538,8 @@ html[dir='rtl'] .toast-progress {
     padding: 0 5px;
     position: absolute;
     width: 40px; }
+  .searchfield-wrapper + .error-message {
+    margin-top: -7px; }
 
 .inline.searchfield-wrapper:not(.toolbar-searchfield-wrapper) > .icon:not(.icon-error) {
   top: 30px; }
@@ -18017,20 +18056,11 @@ html[dir='rtl'] .wizard-toolbar .wizard {
   .popdown .modal-buttonset {
     margin: 0; }
 
-.vertical-line, .hierarchy .container .chart.display-for-paging::after, .hierarchy .container .chart.display-for-paging .back::after, .hierarchy .container .sub-level .sublist::before, .hierarchy .root::after, .hierarchy .root + .sub-level::before, .hierarchy .top-level::after {
-  background: #888b94 none repeat scroll 0 0;
-  content: '';
-  position: absolute;
-  width: 1.34px;
-  z-index: -1; }
-
 .hierarchy {
   margin: 0;
-  padding: 20px 30px; }
-  .hierarchy .branch-collapsed {
-    padding-bottom: 20px; }
-    .hierarchy .branch-collapsed > ul * {
-      display: none; }
+  padding: 20px; }
+  .hierarchy .branch-collapsed > ul * {
+    display: none; }
   .hierarchy legend {
     font-size: 14px;
     font-size: 1.4rem;
@@ -18044,7 +18074,7 @@ html[dir='rtl'] .wizard-toolbar .wizard {
       display: inline-block;
       float: left;
       height: 15px;
-      margin: -2px 10px;
+      margin: 0 10px;
       width: 15px; }
   .hierarchy .container {
     display: table;
@@ -18058,37 +18088,45 @@ html[dir='rtl'] .wizard-toolbar .wizard {
     .hierarchy .container .chart {
       position: relative; }
       .hierarchy .container .chart.display-for-paging::after {
-        height: calc(100% - 120px);
-        left: 0;
-        top: 40px; }
-      .hierarchy .container .chart.has-back::after {
-        height: calc(100% - 170px);
+        background: #888b94 none repeat scroll 0 0;
+        content: '';
+        position: absolute;
+        width: 1.34px;
+        z-index: -1;
+        height: calc(100% - 124px);
         left: 0;
-        top: 95px; }
+        top: 38px; }
       .hierarchy .container .chart.display-for-paging .back {
-        padding-bottom: 20px; }
+        left: -245px;
+        position: relative;
+        top: 55px; }
         .hierarchy .container .chart.display-for-paging .back button {
-          background: #54a1d3;
+          background: #368ac0;
           color: #ffffff;
           display: block;
           margin: 0 auto;
           max-width: 36px; }
-        .hierarchy .container .chart.display-for-paging .back::after {
-          height: 55px;
-          left: 50%;
-          top: 0; }
+          .hierarchy .container .chart.display-for-paging .back button svg {
+            fill: #ffffff; }
       .hierarchy .container .chart.display-for-paging .root {
+        margin-left: -30px !important;
         overflow: visible;
         position: relative; }
         .hierarchy .container .chart.display-for-paging .root::after {
           content: '';
           display: block;
           height: 1.34px;
-          left: -25px;
+          left: 0;
           position: absolute;
           top: 50%;
           width: 50%;
           z-index: -1; }
+      .hierarchy .container .chart.display-for-paging.has-back .root::after {
+        left: -25px; }
+      .hierarchy .container .chart.has-back::after {
+        height: calc(100% - 170px);
+        left: 0;
+        top: 84px; }
       .hierarchy .container .chart.has-single-child .sub-level > li:last-child::before,
       .hierarchy .container .chart.has-single-child .sub-level > li:first-child::before,
       .hierarchy .container .chart.has-single-child .sub-level > li::before {
@@ -18096,7 +18134,7 @@ html[dir='rtl'] .wizard-toolbar .wizard {
       .hierarchy .container .chart.has-single-child .root {
         margin: 0; }
         .hierarchy .container .chart.has-single-child .root + .sub-level::before {
-          height: 78px;
+          height: 66px;
           left: 20px; }
         .hierarchy .container .chart.has-single-child .root + .sub-level > li .leaf::before {
           border-bottom: 1.34px solid #888b94;
@@ -18107,10 +18145,8 @@ html[dir='rtl'] .wizard-toolbar .wizard {
           left: -30px;
           position: absolute;
           top: -65px;
-          width: 50%;
+          width: calc(50% + 2px);
           z-index: -1; }
-      .hierarchy .container .chart.has-single-child .sub-level {
-        padding-left: 35px; }
     .hierarchy .container .sub-level > li > ul .leaf::before {
       border-bottom: 1.34px solid #888b94;
       border-left: 1.34px solid #888b94;
@@ -18124,9 +18160,22 @@ html[dir='rtl'] .wizard-toolbar .wizard {
       z-index: -1; }
     .hierarchy .container .sub-level > li ul {
       position: relative; }
-    .hierarchy .container .sub-level .sublist::before {
-      height: calc(100% - 50px);
-      left: 20px; }
+    .hierarchy .container .sub-level > li.branch-expanded > ul > li.branch-expanded:not(:last-child)::after {
+      border-left: 1.34px solid #888b94;
+      content: '';
+      height: 100%;
+      left: -25px;
+      position: absolute;
+      top: 0; }
+    .hierarchy .container .chart:not(.has-single-child) > .sub-level > li.branch-expanded:last-child::after {
+      background-color: #313236;
+      content: '';
+      height: 100%;
+      left: 13px;
+      margin-top: calc(-100% + 53px);
+      position: absolute;
+      width: 52px;
+      z-index: -1; }
   .hierarchy .leaf {
     background-color: #414247;
     border: 1px solid #656871;
@@ -18234,21 +18283,38 @@ html[dir='rtl'] .wizard-toolbar .wizard {
     margin: 0 auto;
     position: relative; }
     .hierarchy .root::after {
+      background: #888b94 none repeat scroll 0 0;
+      content: '';
+      position: absolute;
+      width: 1.34px;
+      z-index: -1;
       bottom: 0;
       height: 50%;
       left: 50%; }
     .hierarchy .root + .sub-level {
-      padding-top: 40px; }
+      padding-bottom: 5px;
+      padding-left: 35px;
+      padding-top: 25px; }
       .hierarchy .root + .sub-level::before {
-        height: 40px;
+        background: #888b94 none repeat scroll 0 0;
+        content: '';
+        position: absolute;
+        width: 1.34px;
+        z-index: -1;
+        height: 32px;
         left: 50%;
         top: 0; }
   .hierarchy .top-level {
     overflow: hidden;
-    padding: 20px 0;
+    padding: 30px 0;
     position: relative;
     text-align: center; }
     .hierarchy .top-level::after {
+      background: #888b94 none repeat scroll 0 0;
+      content: '';
+      position: absolute;
+      width: 1.34px;
+      z-index: -1;
       height: 100%;
       left: 50%;
       top: 0; }
@@ -18260,7 +18326,7 @@ html[dir='rtl'] .wizard-toolbar .wizard {
       .hierarchy .top-level li:last-child::before {
         border-top: 0; }
   .hierarchy .child-nodes {
-    padding: 20px 0;
+    padding: 30px 0;
     position: relative; }
     .hierarchy .child-nodes > li .leaf {
       margin: 0 0 20px 40px;
@@ -18282,7 +18348,7 @@ html[dir='rtl'] .wizard-toolbar .wizard {
     white-space: nowrap; }
     .hierarchy .sub-level > li {
       display: inline-block;
-      padding: 0 10px;
+      padding: 5px 10px;
       vertical-align: top; }
       .hierarchy .sub-level > li:first-child::before {
         border-left: 1.34px solid #888b94;
@@ -18314,18 +18380,12 @@ html[dir='rtl'] .wizard-toolbar .wizard {
       padding-left: 45px;
       padding-right: 5px; }
       .hierarchy .sub-level li ul li {
-        margin: 15px 0;
+        margin: 30px 0;
         position: relative; }
-        .hierarchy .sub-level li ul li .ln {
-          border-bottom: 1.34px solid #888b94;
-          border-left: 1.34px solid #888b94;
-          display: block;
-          height: 90px;
-          margin-left: -27px;
-          margin-top: -52px;
-          position: absolute;
-          width: 30px;
-          z-index: -1; }
+        .hierarchy .sub-level li ul li:last-child:not(:first-child) {
+          margin: 5px 0; }
+  .hierarchy .image-user-status {
+    display: block; }
 
 @media (max-width: 610px) {
   .hierarchy {
@@ -18339,7 +18399,7 @@ html[dir='rtl'] .wizard-toolbar .wizard {
     .hierarchy .container {
       display: inline-block;
       margin: 0; }
-      .hierarchy .container .chart.has-single-child .sub-level {
+      .hierarchy .container .chart .sub-level {
         padding-left: 45px; }
     .hierarchy .root {
       margin: 0; }
@@ -18347,6 +18407,27 @@ html[dir='rtl'] .wizard-toolbar .wizard {
         background: transparent;
         height: 0;
         width: 0; }
+      .hierarchy .root + .sub-level .leaf::before {
+        background-color: transparent;
+        border-bottom: 1px solid #888b94;
+        content: '';
+        height: 1px;
+        left: -29px;
+        position: absolute;
+        top: 35px;
+        width: 24px; }
+      .hierarchy .root + .sub-level::before {
+        background-color: transparent;
+        border-bottom: 1px solid #888b94;
+        border-left: 1px solid #888b94;
+        height: calc(100% - 73px);
+        left: 20px;
+        width: 300px;
+        z-index: -1; }
+    .hierarchy .display-for-paging {
+      left: 40px; }
+      .hierarchy .display-for-paging .root::after {
+        background-color: #888b94; }
     .hierarchy .sub-level {
       margin-left: 0; }
     .hierarchy .top-level::after {
@@ -18363,9 +18444,73 @@ html[dir='rtl'] .wizard-toolbar .wizard {
       display: none; }
     .hierarchy .sub-level > li {
       display: block;
-      padding: 0; }
+      padding: 0;
+      padding-bottom: 30px; }
     .hierarchy .sub-level > li.branch-collapsed {
-      padding-bottom: 30px; } }
+      padding-bottom: 30px;
+      padding-right: 5px; } }
+
+.is-mobile {
+  margin: 0 auto;
+  text-align: center; }
+  .is-mobile legend {
+    text-align: left; }
+    .is-mobile legend li {
+      margin-bottom: 10px;
+      text-align: center; }
+  .is-mobile .container {
+    display: inline-block;
+    margin: 0; }
+    .is-mobile .container .chart .sub-level {
+      padding-left: 45px; }
+  .is-mobile .root {
+    margin: 0; }
+    .is-mobile .root::after {
+      background: transparent;
+      height: 0;
+      width: 0; }
+    .is-mobile .root + .sub-level .leaf::before {
+      background-color: transparent;
+      border-bottom: 1px solid #888b94;
+      content: '';
+      height: 1px;
+      left: -29px;
+      position: absolute;
+      top: 35px;
+      width: 24px; }
+    .is-mobile .root + .sub-level::before {
+      background-color: transparent;
+      border-bottom: 1px solid #888b94;
+      border-left: 1px solid #888b94;
+      height: calc(100% - 73px);
+      left: 20px;
+      width: 300px;
+      z-index: -1; }
+  .is-mobile .display-for-paging {
+    left: 40px; }
+    .is-mobile .display-for-paging .root::after {
+      background-color: #888b94; }
+  .is-mobile .sub-level {
+    margin-left: 0; }
+  .is-mobile .top-level::after {
+    left: 158px; }
+  .is-mobile .top-level li {
+    display: block;
+    padding: 10px 0; }
+  .is-mobile .top-level > li:first-child::before,
+  .is-mobile .sub-level > li:first-child::before,
+  .is-mobile .sub-level > li::before,
+  .is-mobile .top-level > li::before,
+  .is-mobile .sub-level > li:last-child::before,
+  .is-mobile .top-level > li:last-child::before {
+    display: none; }
+  .is-mobile .sub-level > li {
+    display: block;
+    padding: 0;
+    padding-bottom: 30px; }
+  .is-mobile .sub-level > li.branch-collapsed {
+    padding-bottom: 30px;
+    padding-right: 5px; }
 
 html[dir='rtl'] .hierarchy legend li {
   margin-left: 20px;
@@ -18412,9 +18557,10 @@ html[dir='rtl'] .hierarchy .leaf {
     left: auto;
     right: 0; }
 
-html[dir='rtl'] .hierarchy ul > li > .leaf .btn-expand {
+html[dir='rtl'] .hierarchy ul > li > .leaf .btn-expand,
+html[dir='rtl'] .hierarchy ul > li > .leaf .btn-collapse {
   left: auto;
-  right: -12px; }
+  right: calc(100% - 40px); }
 
 html[dir='rtl'] .hierarchy .root::after {
   margin-left: inherit;
@@ -18429,40 +18575,24 @@ html[dir='rtl'] .hierarchy .sub-level > li::before {
   border-left: 0 solid #888b94;
   border-right: 1.34px solid #888b94;
   margin-left: inherit;
-  margin-right: -110px; }
+  margin-right: 160px;
+  width: 110%; }
 
 html[dir='rtl'] .hierarchy .sub-level > li:last-child::before {
+  margin-left: 127px;
   width: 0; }
 
+html[dir='rtl'] .hierarchy .sub-level > li > ul .leaf::before {
+  border-left: 0;
+  border-right: 1.34px solid #888b94;
+  left: auto;
+  right: -35px; }
+
 html[dir='rtl'] .hierarchy .sub-level li ul {
   margin-left: inherit;
   margin-right: 45px;
   padding-left: 5px;
   padding-right: 30px; }
-  html[dir='rtl'] .hierarchy .sub-level li ul li .ln {
-    border-left: 0 solid #888b94;
-    border-right: 1.34px solid #888b94;
-    margin-left: inherit;
-    margin-right: -27px; }
-
-@media (max-width: 610px) {
-  html[dir='rtl'] .hierarchy .root::after {
-    margin-left: inherit;
-    margin-right: -205px; }
-  html[dir='rtl'] .hierarchy ul > li > .leaf {
-    margin: 0 20px; }
-  html[dir='rtl'] .hierarchy .top-level li::before {
-    border-left: 0 solid #888b94;
-    border-right: 1.34px solid #888b94;
-    margin-left: inherit;
-    margin-right: -149px; }
-  html[dir='rtl'] .hierarchy .sub-level > li::before {
-    border-left: 0 solid #888b94;
-    border-right: 1.34px solid #888b94;
-    margin-left: inherit;
-    margin-right: -149px; }
-  html[dir='rtl'] .hierarchy .sub-level > li ul {
-    padding-left: 34px; } }
 
 .toolbar-searchfield-wrapper {
   box-shadow: none !important;
@@ -20525,6 +20655,11 @@ html[dir='rtl'] .chart-container.chart-vertical-bar svg {
 .chart-container.bar-chart .chart-legend {
   margin-top: 5px; }
 
+html[dir='rtl'] .chart-container.bar-chart svg {
+  transform: scale(-1, 1); }
+  html[dir='rtl'] .chart-container.bar-chart svg text {
+    transform: scale(-1, 1); }
+
 .chart-container.column-chart .domain {
   stroke: transparent; }