Release 4.1.0

Author: benm071

README.md

@@ -1,4 +1,4 @@
-# Oracle JET version 4.0.0
+# Oracle JET version 4.1.0
 
 ## About Oracle JET
 Oracle JET is targeted at intermediate to advanced JavaScript developers working on client-side applications. It's a collection of open source JavaScript libraries along with a set of Oracle contributed JavaScript libraries that make it as simple and efficient as possible to build applications that consume and interact with Oracle products and services, especially Oracle Cloud services.
@@ -12,7 +12,7 @@ Oracle JET is a modular toolkit allowing developers to use as much or as little
 * Leverages popular open-source technologies
 * Full lifecycle management for template based SPA
 * Built in accessibility support
-* Support for internationalization (28 languages and 160+ locales)
+* Support for internationalization (28 languages and 190+ locales)
 * Rich set of UI components
 * Advanced two-way binding with a common model layer
 * Powerful routing system supporting single-page application navigation
@@ -34,13 +34,13 @@ npm install -g @oracle/ojet-cli
 
 ojet create <app name>
 ```
-See the [Oracle JET Developer Guide](http://docs.oracle.com/middleware/jet400/jet/) for complete installation details, including prerequisites.
+See the [Oracle JET Developer Guide](http://docs.oracle.com/middleware/jet410/jet/) for complete installation details, including prerequisites.
 
 ## Related GitHub Projects
 All related projects on GitHub are associated under the [oracle-jet topic](https://github.com/search?q=topic%3Aoracle-jet+org%3Aoracle&type=Repositories).
 
-## [Documentation](http://docs.oracle.com/middleware/jet400/jet/)
-Oracle JET comes with a full [Developers Guide](http://docs.oracle.com/middleware/jet400/jet/) to help with Getting Started and many common issues.
+## [Documentation](http://docs.oracle.com/middleware/jet410/jet/)
+Oracle JET comes with a full [Developers Guide](http://docs.oracle.com/middleware/jet410/jet/) to help with Getting Started and many common issues.
 
 ## [Contributing](https://github.com/oracle/oraclejet/tree/master/CONTRIBUTING.md)
 Oracle JET is an open source project. Pull Requests are currently not being accepted. See 

THIRDPARTYLICENSE.txt

@@ -27,13 +27,20 @@ js/libs/jquery/jqueryui-amd-1.12.0/widget.js							MIT
 js/libs/history/history.iegte8.js										      MIT
 js/libs/es6-promise/es6-promise.js									      MIT
 js/libs/crossroads/crossroads.js										      MIT
-js/libs/oj/v4.0.0/min/ojselectcombobox.js (Select2.js)		Apache 2.0
-js/libs/oj/v4.0.0/min/ojtree.js (jsTree.js)								MIT
-js/libs/oj/v4.0.0/ojL10n.js (requireJS i18n)							MIT
+js/libs/oj/v4.1.0/min/ojknockout.js (knockout-fast-foreach.js)		MIT
+js/libs/oj/v4.1.0/min/ojselectcombobox.js (Select2.js)		Apache 2.0
+js/libs/oj/v4.1.0/min/ojtree.js (jsTree.js)								MIT
+js/libs/oj/v4.1.0/ojL10n.js (requireJS i18n)							MIT
 js/libs/hammer/hammer-2.0.8.js											      MIT
 js/libs/require-css/css.js (require-css)				          MIT
 js/libs/proj4js/dist/proj4.js                             Proj4js
-scss/oj/v4.0.0/3rdparty/normalize/normalize.scss					MIT
+scss/oj/v4.1.0/3rdparty/normalize/normalize.scss					MIT
+
+
+/*!
+  Knockout Fast Foreach v0.6.0 (2016-07-28T11:02:54.197Z)
+  By: Brian M Hunt (C) 2015 | License: MIT
+*/
 
 /**
  * webcomponents.js - v0.7.23

dist/css/alta-android/oj-alta-min.css

@@ -1091,7 +1091,7 @@ a.oj-disabled.oj-clickable-icon-nocontext,
   font-size: 9px; }
 
 /* Icon Font Icons =========== */
-.oj-fwk-icon-cross:before, .oj-panel-remove-icon:before, .oj-error.oj-train-icon:before, .oj-dialog-close-icon:before, .oj-combobox-clear-entry-icon:before, .oj-select-clear-entry-icon:before, .oj-progressstatus-cancel-icon:before {
+.oj-fwk-icon-cross:before, .oj-panel-remove-icon:before, .oj-error.oj-train-icon:before, .oj-tabbar-remove-icon:before, .oj-dialog-close-icon:before, .oj-combobox-clear-entry-icon:before, .oj-select-clear-entry-icon:before, .oj-progressstatus-cancel-icon:before {
   content: "\e608"; }
 
 .oj-fwk-icon-cross02:before, .oj-menu-icons .oj-menu-cancel-icon:before {
@@ -2363,7 +2363,8 @@ oj-conveyor-belt {
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto; }
 
-.oj-conveyorbelt-item.oj-navigationlist {
+.oj-conveyorbelt-item.oj-navigationlist,
+.oj-conveyorbelt-item.oj-tabbar {
   -webkit-flex: 1 0 auto;
   flex: 1 0 auto; }
 
@@ -5691,6 +5692,11 @@ html:not([dir="rtl"]) .oj-navigationlist-hierarchical-menu .oj-menu-item-icon {
   html[dir="rtl"] .oj-menu-item-icon.oj-navigationlist-level-indicator {
     border-right: 1px solid #c8d7e0; }
 
+.oj-navigationlist-no-data-message {
+  padding: 0.5rem;
+  background-color: #ffffff;
+  min-height: 1rem; }
+
 /* Override  default options*/
 .oj-navigationlist-option-defaults {
   font-family: '{"animation":{"addHorizontalItem":[{"effect":"expand","direction":"width"},"fadeIn"],"removeHorizontalItem":[{"effect":"collapse","direction":"width","persist":"all"},"fadeOut"],"add":[{"effect":"expand"},"fadeIn"],"remove":[{"effect":"collapse"},"fadeOut"],"update":{"effect":"fadeIn"},"expand":{"effect":"expand"},"collapse":{"effect":"collapse"},"sliderExpand":{"effect":"slideIn","direction":"start","duration":"400ms"},"sliderCollapse":{"effect":"slideIn","direction":"end","duration":"400ms"},"pointerUp":{"effect":"ripple"}},"hierarchyMenuDisplayThresholdLevel":-1}'; }
@@ -5831,7 +5837,8 @@ a.oj-tabbar-item-content .oj-tabbar-item-label {
   white-space: nowrap;
   overflow-x: hidden;
   display: inline-block;
-  line-height: normal; }
+  line-height: normal;
+  min-width: 3rem; }
 
 .oj-tabbar-item-text-wrap .oj-tabbar-item-label {
   white-space: normal; }
@@ -6382,6 +6389,60 @@ html[dir="rtl"] .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item:first-
   display: none;
   font-size: 24px; }
 
+/* Styling for the drag image */
+.oj-tabbar-drag-image {
+  background-color: transparent;
+  position: fixed;
+  top: 10000px;
+  border: 1px solid transparent;
+  overflow-x: initial;
+  padding: 3px; }
+
+/* Styling for hiding the original item being dragged */
+.oj-tabbar-drag-item {
+  display: none; }
+
+/* Styling item that is draggable (no affordance) */
+.oj-tabbar-item.oj-draggable {
+  cursor: move; }
+
+/* Styling for the item that is being moved using drag */
+.oj-tabbar-item.oj-drag {
+  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.45);
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent; }
+
+/* Styling all drop targets in the list */
+.oj-tabbar .oj-tabbar-item.oj-drop,
+.oj-tabbar .oj-tabbar-item.oj-drop.oj-active,
+.oj-tabbar .oj-tabbar-item.oj-drop.oj-default,
+.oj-tabbar .oj-tabbar-item.oj-drop.oj-disabled,
+.oj-tabbar .oj-tabbar-item.oj-drop.oj-selected,
+.oj-tabbar .oj-tabbar-item.oj-drop.oj-hover,
+.oj-tabbar .oj-tabbar-item.oj-drop.oj-hover:not(.oj-selected) {
+  box-sizing: border-box;
+  border: 1px solid #c2eaf3;
+  background-color: #D9F4FA; }
+
+/* Used when there are no items in tabbar */
+.oj-tabbar-no-data-message {
+  padding: 0.5rem;
+  background-color: #ffffff;
+  min-height: 1rem; }
+
+/* Styling for an item that is cut during a context menu cut operation */
+.oj-tabbar-cut {
+  opacity: 0.8; }
+
+.oj-tabbar-remove-icon {
+  -webkit-align-self: center;
+  align-self: center;
+  padding-top: 3px; }
+  html:not([dir="rtl"]) .oj-tabbar-remove-icon {
+    padding-right: 5px; }
+  html[dir="rtl"] .oj-tabbar-remove-icon {
+    padding-left: 5px; }
+
 /* Override  default options*/
 .oj-tabbar-option-defaults {
   font-family: '{"animation":{"addHorizontalItem":[{"effect":"expand","direction":"width"},"fadeIn"],"removeHorizontalItem":[{"effect":"collapse","direction":"width","persist":"all"},"fadeOut"],"add":[{"effect":"expand"},"fadeIn"],"remove":[{"effect":"collapse"},"fadeOut"],"update":{"effect":"fadeIn"},"pointerUp":{"effect":"ripple"}}}'; }
@@ -7449,6 +7510,14 @@ oj-paging-control:not(.oj-complete) {
   html[dir="rtl"] .oj-pagingcontrol-nav-input-section {
     padding-left: 5px; }
 
+/* Styling for the input section labels */
+.oj-pagingcontrol-nav-label.oj-label-inline,
+.oj-pagingcontrol-nav-input-max.oj-label-inline,
+.oj-pagingcontrol-nav-input-summary.oj-label-inline {
+  margin-top: 0.2em;
+  padding-top: 0.5rem;
+  line-height: 1; }
+
 /* Styling for the page mode navigation arrows section. */
 .oj-pagingcontrol-nav-arrow-section {
   display: inline-block;
@@ -7563,6 +7632,7 @@ input.oj-pagingcontrol-nav-input.oj-inputtext-input {
   max-height: 2rem;
   font-size: 1rem;
   padding-left: 2px;
+  padding-top: 0px;
   padding-right: 2px;
   margin-top: 0.2em; }
   input.oj-pagingcontrol-nav-input.oj-inputtext-input::-webkit-input-placeholder {
@@ -7579,10 +7649,7 @@ input.oj-pagingcontrol-nav-input.oj-inputtext-input {
 input[readOnly].oj-pagingcontrol-nav-input.oj-inputtext-input {
   color: #3a3a3a;
   min-width: 1rem;
-  max-width: 1rem;
-  min-height: 0;
-  max-height: none;
-  margin-top: 0.1em; }
+  max-width: 1rem; }
 
 /* Styling for the page mode maximum number of pages text. */
 .oj-pagingcontrol-nav-input-max {
@@ -7613,6 +7680,7 @@ input[readOnly].oj-pagingcontrol-nav-input.oj-inputtext-input {
   border: 1px solid transparent;
   border-radius: 2px;
   padding: 5px;
+  padding-top: 0.5rem;
   cursor: default; }
 
 /* Styling for the page mode navigation page arrows in hover state. */
@@ -11629,6 +11697,62 @@ html:not([dir="rtl"]) .oj-listbox-no-results {
 html[dir="rtl"] .oj-listbox-no-results {
   padding-right: 5px; }
 
+/* 
+     * Applied to the filter message container
+     */
+.oj-listbox-filter-message-box {
+  padding-left: 5px;
+  padding-right: 5px; }
+
+/* 
+     * Applied to the filter message text
+     */
+.oj-listbox-filter-message-text {
+  line-height: 1.8rem;
+  color: #595959;
+  font-size: 0.875rem;
+  padding-top: 5px;
+  padding-bottom: 5px; }
+
+/* 
+     * Applied to the filter message separator
+     */
+.oj-listbox-filter-message-separator {
+  border-bottom: 1px solid #c8d7e0; }
+
+/*
+     * Applied to the data fetching indicator container
+     */
+.oj-listbox-loading-icon-container {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  align-items: center;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+  border-style: none; }
+
+/* 
+     * Applied to the data fetching indicator icon
+     */
+.oj-listbox-loading-icon {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin: auto; }
+  .oj-listbox-loading-icon:before {
+    content: url("images/spinner_full.gif");
+    -webkit-transform: translate(-42.5%, -42.5%) scale(0.15);
+    transform: translate(-42.5%, -42.5%) scale(0.15); }
+
 .oj-hicontrast .oj-listbox-results .oj-hover {
   border: 1px solid #b2b2b2; }
 
@@ -17202,6 +17326,126 @@ html[dir="rtl"] .oj-flex-bar-end {
 .oj-form-layout > .oj-flex-item > .oj-form-no-dividers > .oj-flex:last-child {
   border-width: 0; }
 
+html:not([dir="rtl"]) .oj-form-layout:not(.oj-ofl-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
+  margin-left: 1rem; }
+
+html[dir="rtl"] .oj-form-layout:not(.oj-ofl-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
+  margin-right: 1rem; }
+
+.oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-ofl-label-nowrap,
+.oj-ofl-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label,
+.oj-ofl-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+.oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-ofl-label-inline,
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label,
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label-nocomp {
+  width: 100%;
+  box-sizing: border-box;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
+  text-align: right; }
+  html[dir="rtl"] .oj-ofl-labels-inline > .oj-flex > .oj-flex-item:nth-child(even) {
+    text-align: left; }
+
+html:not([dir="rtl"]) .oj-ofl-form-across > .oj-flex > .oj-flex-item:nth-child(2n+3) {
+  padding-left: 1rem; }
+
+html[dir="rtl"] .oj-ofl-form-across > .oj-flex > .oj-flex-item:nth-child(2n+3) {
+  padding-right: 1rem; }
+
+html:not([dir="rtl"]) .oj-ofl-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
+  padding-right: 1rem; }
+
+html[dir="rtl"] .oj-ofl-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
+  padding-left: 1rem; }
+
+.oj-ofl-label-inline .oj-label-required-icon,
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon {
+  margin-top: 1px; }
+
+.oj-ofl-label-inline .oj-label-required-icon,
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon,
+.oj-ofl-label-inline .oj-label-help-icon,
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon,
+.oj-ofl-label-inline.oj-label label,
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) label {
+  float: none; }
+
+html:not([dir="rtl"]) .oj-ofl-label-inline.oj-label label {
+  float: none; }
+
+html[dir="rtl"] .oj-ofl-label-inline.oj-label label {
+  float: none; }
+
+html:not([dir="rtl"]) .oj-ofl-label-inline .oj-label-required-icon, html:not([dir="rtl"])
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html:not([dir="rtl"])
+.oj-ofl-label-inline .oj-label-help-icon, html:not([dir="rtl"])
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+  margin-left: 0;
+  margin-right: 6px; }
+
+html[dir="rtl"] .oj-ofl-label-inline .oj-label-required-icon, html[dir="rtl"]
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-required-icon, html[dir="rtl"]
+.oj-ofl-label-inline .oj-label-help-icon, html[dir="rtl"]
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon {
+  margin-right: 0;
+  margin-left: 6px; }
+
+.oj-ofl-label-inline .oj-label-help-icon-anchor,
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
+  float: none; }
+
+.oj-ofl-label-inline.oj-label,
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item > .oj-label,
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
+  display: inline-block;
+  vertical-align: top;
+  margin-top: 0.3em;
+  box-sizing: border-box; }
+  html:not([dir="rtl"]) .oj-ofl-label-inline.oj-label, html:not([dir="rtl"])
+  .oj-ofl-labels-inline > .oj-flex > .oj-flex-item > .oj-label, html:not([dir="rtl"])
+  .oj-ofl-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
+    padding-right: 1rem; }
+  html[dir="rtl"] .oj-ofl-label-inline.oj-label, html[dir="rtl"]
+  .oj-ofl-labels-inline > .oj-flex > .oj-flex-item > .oj-label, html[dir="rtl"]
+  .oj-ofl-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp {
+    padding-left: 1rem; }
+
+.oj-ofl-label-inline.oj-label-inline-top,
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item > .oj-label-inline-top,
+.oj-ofl-label-inline.oj-label-nocomp.oj-label-for-non-control,
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item > .oj-label-nocomp.oj-label-for-non-control {
+  margin-top: 0; }
+
+.oj-ofl-label-inline.oj-radioset-label,
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item > .oj-radioset-label,
+.oj-ofl-label-inline.oj-checkboxset-label,
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item > .oj-checkboxset-label {
+  margin-top: 0.6rem;
+  margin-bottom: 0; }
+
+.oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-ofl-label-nowrap .oj-label-group,
+.oj-ofl-labels-nowrap > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label .oj-label-group {
+  width: inherit;
+  overflow: inherit;
+  text-overflow: inherit; }
+
+.oj-form > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-ofl-label-inline .oj-label-group,
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) > .oj-label .oj-label-group {
+  width: inherit;
+  overflow: inherit;
+  text-overflow: inherit;
+  line-height: 1.6em; }
+
+.oj-ofl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) >
+.oj-label-nocomp:not(.oj-label-for-non-control) {
+  line-height: 1.6em; }
+
 @media print, screen {
   html:not([dir="rtl"]) .oj-form-layout:not(.oj-sm-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
     margin-left: 1rem; }