@oracle/oraclejet 10.1.1 → 10.1.6

package/dist/js/libs/oj/debug/ojtable.js

@@ -30,7 +30,7 @@ var __oj_table_metadata =
       "type": "object",
       "properties": {
         "rowHeader": {
-          "type": "string"
+          "type": "string|Array<string>"
         }
       }
     },
@@ -1817,6 +1817,7 @@ var __oj_table_metadata =
     if (isDestroy) {
       // cleanup needed for 'destroy()' call only
       $(this._getTableBody()).removeAttr(ojcomponentcore._OJ_CONTAINER_ATTR);
+      $(this._getTableBody()).removeAttr(Context._OJ_CONTEXT_ATTRIBUTE);
 
       this.element.children().remove('.' + Table.CSS_CLASSES._TABLE_HEADER_CLASS);
       this.element.children().remove('.' + Table.CSS_CLASSES._TABLE_BODY_CLASS);
@@ -1962,7 +1963,8 @@ var __oj_table_metadata =
       } else {
         this._validateInitialSelectionState();
       }
-      if (this._resetAriaLabel && this._accRowIndex != null && this._accColumnIndex != null) {
+      if (this._resetAriaLabel && ((this._accRowIndex != null && this._accColumnIndex != null) ||
+                                   this._accHeaderIndex != null || this._accFooterIndex != null)) {
         this._updateAccStatusInfo(this._accRowIndex, this._accColumnIndex,
                                   this._accHeaderIndex, this._accFooterIndex);
       }
@@ -2178,7 +2180,7 @@ var __oj_table_metadata =
             }
             var slotContext = this._getHeaderSlotTemplateContextObject(column.headerText, i);
             var headerContent = templateEngine.execute(
-              componentElement, headerSlotTemplate, slotContext, this.options.as);
+              componentElement, headerSlotTemplate, slotContext, this.options.as, headerColumn);
             if (!(headerContent instanceof Array)) {
               headerContent = [headerContent];
             }
@@ -2199,7 +2201,7 @@ var __oj_table_metadata =
         tableHeaderRow.firstChild);
     }
     this._renderedTableHeaderColumns = true;
-    return this._finalizeRowRendering([tableHeaderRow]);
+    return this._finalizeNonBodyRowRendering([tableHeaderRow]);
   };
 
   /**
@@ -2280,7 +2282,7 @@ var __oj_table_metadata =
             if (templateEngine != null) {
               var slotContext = this._getFooterSlotTemplateContextObject(i);
               var footerContent = templateEngine.execute(componentElement, footerSlotTemplate,
-                                                         slotContext, this.options.as);
+                                                         slotContext, this.options.as, footerCell);
               if (!(footerContent instanceof Array)) {
                 footerContent = [footerContent];
               }
@@ -2300,7 +2302,7 @@ var __oj_table_metadata =
         tableFooterRow.insertBefore(footerSelectorCell, tableFooterRow.firstChild);
       }
     }
-    return this._finalizeRowRendering([tableFooterRow]);
+    return this._finalizeNonBodyRowRendering([tableFooterRow]);
   };
 
   /**
@@ -2516,8 +2518,11 @@ var __oj_table_metadata =
         var templateEngine = this._getTemplateEngine();
         if (templateEngine != null) {
           var slotContext = this._getRowSlotTemplateContextObject(context);
+
+          // tableBodyRow may be replaced, so we need to pass in the <tbody> element itself to ensure
+          // busy context parent traversal continues to function correctly
           var nodes = templateEngine.execute(componentElement, rowSlotTemplate,
-                        slotContext, this.options.as);
+                        slotContext, this.options.as, tableBody);
           for (let i = 0; i < nodes.length; i++) {
             if (nodes[i].tagName === 'TR') {
               tableBodyRow.parentNode.replaceChild(nodes[i], tableBodyRow);
@@ -2591,14 +2596,15 @@ var __oj_table_metadata =
   };
 
   /**
-   * Waits for any children components of the given body rows to finish rendering.
-   * Disables any and all focusable elements within those rows if not editable.
+   * Waits for any child components of the table body to finish rendering.
+   * Disables any and all focusable elements within the given rows if not editable.
    * @param {Array<Element>} rowElements the row elements to finalize
    * @returns {Promise}
    * @private
    */
   Table.prototype._finalizeBodyRowRendering = function (rowElements) {
-    return this._waitForAllBodyElementsToResolve(rowElements).then(function () {
+    var tableBody = this._getTableBody();
+    return this._waitForAllElementsToResolve([tableBody]).then(function () {
       var editableRowKey = this._hasEditableRow() ? this._getEditableRowKey() : null;
       rowElements.forEach(function (tableBodyRow) {
         var rowKey = this._getRowKey(tableBodyRow);
@@ -2612,13 +2618,13 @@ var __oj_table_metadata =
   };
 
   /**
-   * Waits for any children components of the given rows to finish rendering.
-   * Disables any and all focusable elements within those rows.
+   * Waits for any child components of the header or footer row to finish rendering.
+   * Disables any and all focusable elements within the given rows.
    * @param {Array<Element>} rowElements the row elements to finalize
    * @returns {Promise}
    * @private
    */
-  Table.prototype._finalizeRowRendering = function (rowElements) {
+  Table.prototype._finalizeNonBodyRowRendering = function (rowElements) {
     return this._waitForAllElementsToResolve(rowElements).then(function () {
       rowElements.forEach(function (rowElement) {
         DataCollectionUtils.disableAllFocusableElements(rowElement);
@@ -2627,21 +2633,6 @@ var __oj_table_metadata =
     });
   };
 
-  /**
-   * Returns a Promise which resolves when all JET elements in the array of rows have resolved
-   * @param {Array<Element>} elements Array of DOM elements
-   * @return {Promise} Promise which resolves when all child JET elements have resolved
-   * @private
-   */
-  Table.prototype._waitForAllBodyElementsToResolve = function (elements) {
-    // Only bother checking if there are templates/renderers defined. If not,
-    // JET elements can't be embedded in the cells so we can skip the check
-    if (elements.length > 0 && this._hasRowOrCellRendererOrTemplate()) {
-      return this._waitForAllElementsToResolve(elements);
-    }
-    return Promise.resolve();
-  };
-
   /**
    * Returns a Promise which resolves when all JET elements in the array have resolved
    * @param {Array<Element>} elements Array of DOM elements
@@ -2651,7 +2642,7 @@ var __oj_table_metadata =
   Table.prototype._waitForAllElementsToResolve = function (elements) {
     var busyContextPromiseArray = [];
     elements.forEach(function (element) {
-      // Only wait on busyContext of non-null row elements. Otherwise, busy state lock can occur
+      // Only wait on busyContext of non-null elements. Otherwise, busy state lock can occur
       if (element) {
         busyContextPromiseArray.push(Context.getContext(element).getBusyContext().whenReady());
       }
@@ -2884,7 +2875,7 @@ var __oj_table_metadata =
         var templateEngine = this._getTemplateEngine();
         if (templateEngine != null) {
           var nodes = templateEngine.execute(this._getRootElement(), noDataTemplate,
-            {}, null);
+            {}, null, tableBody);
           nodes.forEach(function (node) {
             noDataContentCell.appendChild(node); // @HTMLUpdateOK
           });
@@ -3417,7 +3408,7 @@ var __oj_table_metadata =
         var sortContainer = this._getSortIconContainer(tableHeaderColumn);
         var sortIcon = this._getSortIcon(tableHeaderColumn);
         if (sortContainer != null && sortIcon != null) {
-          sortContainer.setAttribute('title', this.getTranslatedString('labelSortAsc'));
+          sortContainer.setAttribute(Table.DOM_ATTR._TITLE, this.getTranslatedString('labelSortAsc')); // @HTMLUpdateOK
           sortIcon.classList.remove(Table.CSS_CLASSES._COLUMN_HEADER_DSC_ICON_CLASS);
           sortIcon.classList.remove(Table.CSS_CLASSES._COLUMN_HEADER_ASC_ICON_CLASS);
           sortIcon.classList.add(Table.CSS_CLASSES._COLUMN_HEADER_DEFAULT_SORT_ICON_CLASS);
@@ -3475,7 +3466,7 @@ var __oj_table_metadata =
       $(tableHeaderColumn).data('sorted', Table._COLUMN_SORT_ORDER._ASCENDING);
 
       if (sortIcon != null) {
-        sortContainer.setAttribute('title', this.getTranslatedString('labelSortDsc'));
+        sortContainer.setAttribute(Table.DOM_ATTR._TITLE, this.getTranslatedString('labelSortDsc')); // @HTMLUpdateOK
         sortIcon.classList.remove(Table.CSS_CLASSES._COLUMN_HEADER_DEFAULT_SORT_ICON_CLASS);
         sortIcon.classList.remove(Table.CSS_CLASSES._COLUMN_HEADER_DSC_ICON_CLASS);
         sortIcon.classList.add(Table.CSS_CLASSES._COLUMN_HEADER_ASC_ICON_CLASS);
@@ -3484,7 +3475,7 @@ var __oj_table_metadata =
       // store sort order on the DOM element
       $(tableHeaderColumn).data('sorted', Table._COLUMN_SORT_ORDER._DESCENDING);
       if (sortIcon != null) {
-        sortContainer.setAttribute('title', this.getTranslatedString('labelSortAsc'));
+        sortContainer.setAttribute(Table.DOM_ATTR._TITLE, this.getTranslatedString('labelSortAsc')); // @HTMLUpdateOK
         sortIcon.classList.remove(Table.CSS_CLASSES._COLUMN_HEADER_DEFAULT_SORT_ICON_CLASS);
         sortIcon.classList.remove(Table.CSS_CLASSES._COLUMN_HEADER_ASC_ICON_CLASS);
         sortIcon.classList.add(Table.CSS_CLASSES._COLUMN_HEADER_DSC_ICON_CLASS);
@@ -7592,8 +7583,22 @@ var __oj_table_metadata =
     contextInfo.id = this.createSubId('context');
     contextInfo.classList.add(Table.CSS_CLASSES._TABLE_ACC_CONTEXT_INFO_CLASS);
     contextInfo.classList.add(Table.CSS_CLASSES._HIDDEN_CONTENT_ACC_CLASS);
+
+    // row context info
+    var rowContext = document.createElement(Table.DOM_ELEMENT._DIV); // @HTMLUpdateOK
+    rowContext.id = this.createSubId('rowContext');
+    rowContext.classList.add(Table.CSS_CLASSES._HIDDEN_CONTENT_ACC_CLASS);
+    contextInfo.appendChild(rowContext);
+
+    // column context info
+    var columnContext = document.createElement(Table.DOM_ELEMENT._DIV); // @HTMLUpdateOK
+    columnContext.id = this.createSubId('columnContext');
+    columnContext.classList.add(Table.CSS_CLASSES._HIDDEN_CONTENT_ACC_CLASS);
+    contextInfo.appendChild(columnContext);
+
     this._getTableContainer().appendChild(contextInfo);
-    this._contextInfo = contextInfo;
+    this._rowContextInfo = rowContext;
+    this._columnContextInfo = columnContext;
 
     return contextInfo;
   };
@@ -7648,9 +7653,9 @@ var __oj_table_metadata =
     }
     if (headerIndex != null) {
       // update column header context information
-      this._contextInfo.textContent =
+      this._columnContextInfo.textContent =
         this.getTranslatedString('accessibleColumnHeaderContext', { index: headerIndex + 1 });
-      label += this._contextInfo.id + ' ';
+      label += this._columnContextInfo.id + ' ';
 
       if (headerIndex === -1) {
         // handle select all column header case
@@ -7682,9 +7687,9 @@ var __oj_table_metadata =
       label += tableHeaderColumn.id + ' ' + this._stateInfo.id;
     } else if (footerIndex != null) {
       // update column footer context information
-      this._contextInfo.textContent =
+      this._columnContextInfo.textContent =
         this.getTranslatedString('accessibleColumnFooterContext', { index: footerIndex + 1 });
-      label += this._contextInfo.id + ' ';
+      label += this._columnContextInfo.id + ' ';
 
       var tableFooterCell;
       if (footerIndex === -1) {
@@ -7709,17 +7714,18 @@ var __oj_table_metadata =
       }
       label += tableFooterCell.id + ' ' + this._stateInfo.id;
     } else {
-      // update row / column context information if changed
-      this._contextInfo.textContent = '';
+      // update row context information if changed
       if (rowIndex !== this._accRowIndex) {
-        this._contextInfo.textContent +=
+        this._rowContextInfo.textContent =
           this.getTranslatedString('accessibleRowContext', { index: rowIndex + 1 }) + ' ';
+        label += this._rowContextInfo.id + ' ' + this._getRowHeaderIds(rowIndex);
       }
+      // update column context information if changed
       if (columnIndex !== this._accColumnIndex) {
-        this._contextInfo.textContent +=
+        this._columnContextInfo.textContent =
           this.getTranslatedString('accessibleColumnContext', { index: columnIndex + 1 });
+        label += this._columnContextInfo.id + ' ';
       }
-      label += this._contextInfo.id + ' ';
 
       // populate cell information
       var tableBodyCellElements = this._getTableElementsByClassName(
@@ -7838,6 +7844,40 @@ var __oj_table_metadata =
 
     // apply new label
     this._applyAccStatusLabel(label);
+  };
+
+  /**
+   * @private
+   */
+   Table.prototype._getRowHeaderIds = function (rowIndex) {
+    var rowHeaderCell;
+    var rowHeaderIds = '';
+    var accessibility = this.options.accessibility;
+    if (accessibility != null && accessibility.rowHeader != null) {
+      var rowHeaders = accessibility.rowHeader;
+      if (!Array.isArray(rowHeaders)) {
+        rowHeaders = [rowHeaders];
+      }
+      var columnDefs = this._getColumnDefs();
+      for (var i = 0; i < rowHeaders.length; i++) {
+        var headerColumnId = rowHeaders[i];
+        for (var j = 0; j < columnDefs.length; j++) {
+          if (headerColumnId === columnDefs[j].id) {
+            rowHeaderCell = this._getTableBodyCell(rowIndex, j);
+            if (rowHeaderCell != null) {
+              rowHeaderIds += rowHeaderCell.id + ' ';
+            }
+            break;
+          }
+        }
+      }
+    } else {
+      rowHeaderCell = this._getTableBodyCell(rowIndex, 0);
+      if (rowHeaderCell != null) {
+        rowHeaderIds += rowHeaderCell.id + ' ';
+      }
+    }
+    return rowHeaderIds;
   };
 
   /**
@@ -8499,8 +8539,6 @@ var __oj_table_metadata =
       // be called right before we're ready to update the UI.  If we call it
       // outside of this queued task, the DOM may have changed from other
       // data operations, and the row index can be wrong.
-      var tableBody = this._getTableBody();
-      var checkFocus = $.contains(tableBody, document.activeElement);
       var rows = this._getRowsFromEventDetailChange(eventDetail);
       if (rows.length === 0) {
         return undefined;
@@ -8510,15 +8548,25 @@ var __oj_table_metadata =
       var rowsCount = rows.length;
       var updatedTableBodyRows = [];
       var rowIdxArray = [];
+      var resetFocus = false;
 
       for (var i = 0; i < rowsCount; i++) {
-        var tableBodyRow = this._refreshTableBodyRow(rows[i].rowIdx, rows[i].row);
+        var row = rows[i];
+
+        // if existing (stale) row contains focus, reset focus to overall table element
+        var staleRow = this._getTableBodyRow(row.rowIdx);
+        if (staleRow != null && staleRow !== document.activeElement &&
+            staleRow.contains(document.activeElement)) {
+          resetFocus = true;
+        }
+
+        var tableBodyRow = this._refreshTableBodyRow(row.rowIdx, row.row);
         if (tableBodyRow) {
           updatedTableBodyRows.push(tableBodyRow);
-          rowIdxArray.push(rows[i].rowIdx);
+          rowIdxArray.push(row.rowIdx);
         }
       }
-      if (checkFocus) {
+      if (resetFocus) {
         this._getTable().focus();
       }
       // row values may have changed so refresh the footer
@@ -10881,6 +10929,7 @@ var __oj_table_metadata =
     tableBody.classList.add(Table.CSS_CLASSES._TABLE_BODY_CLASS);
     // Add a special marker attribute to tell child components that they are container within table
     tableBody.setAttribute(ojcomponentcore._OJ_CONTAINER_ATTR, this.widgetName); // @HTMLUpdateOK
+    tableBody.setAttribute(Context._OJ_CONTEXT_ATTRIBUTE, ''); // @HTMLUpdateOK
   };
 
   /**
@@ -10925,8 +10974,6 @@ var __oj_table_metadata =
    * @private
    */
   Table.prototype._styleTableBodyRow = function (tableBodyRow, isNew) {
-    tableBodyRow.setAttribute(Context._OJ_CONTEXT_ATTRIBUTE, ''); // @HTMLUpdateOK
-
     if (isNew || !tableBodyRow.classList.contains(Table.CSS_CLASSES._TABLE_DATA_ROW_CLASS)) {
       tableBodyRow.classList.add(Table.CSS_CLASSES._TABLE_DATA_ROW_CLASS);
     }
@@ -13336,10 +13383,7 @@ var __oj_table_metadata =
         if (updateRowFocus !== Table._CURRENT_ROW_STATUS._UPDATED) {
           return false;
         }
-        if (this._accColumnIndex == null) {
-          this._accColumnIndex = 0;
-        }
-        this._updateAccStatusInfo(rowIdx, this._accColumnIndex);
+        this._updateAccStatusInfo(rowIdx, this._accColumnIndex != null ? this._accColumnIndex : 0);
       }
       focusedRowIdx = this._getFocusedRowIdx();
       if (focusedRowIdx != null && focusedRowIdx !== rowIdx) {
@@ -15316,7 +15360,8 @@ var __oj_table_metadata =
 
     var sortContainer = document.createElement(Table.DOM_ELEMENT._DIV); // @HTMLUpdateOK
     sortContainer.classList.add(Table.CSS_CLASSES._TABLE_SORT_ICON_CONTAINER_CLASS);
-    sortContainer.setAttribute('title', this.getTranslatedString('labelSortAsc'));
+    sortContainer.setAttribute(Table.DOM_ATTR._TITLE, this.getTranslatedString('labelSortAsc')); // @HTMLUpdateOK
+    sortContainer.setAttribute(Table.DOM_ATTR._ARIA_HIDDEN, 'true'); // @HTMLUpdateOK
     this._AddHoverable($(sortContainer));
     headerColumnDiv.appendChild(sortContainer); // @HTMLUpdateOK
     var sortIcon = document.createElement(Table.DOM_ELEMENT._DIV); // @HTMLUpdateOK
@@ -15446,10 +15491,11 @@ var __oj_table_metadata =
         var componentElement = this._getRootElement();
         var templateEngine = this._getTemplateEngine();
         if (templateEngine != null) {
+          var tableBody = this._getTableBody();
           var slotContext = this._getCellSlotTemplateContextObject(rendererContext);
           var cellContent =
               templateEngine.execute(componentElement, cellSlotTemplate,
-                                     slotContext, this.options.as);
+                                     slotContext, this.options.as, tableBody);
           if (!(cellContent instanceof Array)) {
             cellContent = [cellContent];
           }
@@ -17666,22 +17712,20 @@ var __oj_table_metadata =
     accessibility: null,
 
     /**
-     * The column id to be used as the row header by screen readers.
+     * The column ids to be used as the row headers by screen readers. This can be a string if there is only one
+     * column id, or an array of strings if multiple column ids are desired.
      *
-     * <p>The td cells in the column specified by this
-     * attribute will be assigned an id and then referenced by the
-     * headers attribute in the rest of the cells in the row.
-     * This is required by screen readers. By default the first column
+     * <p>This is required by screen readers. By default the first column
      * will be taken as the row header.</p>
      * <p>See the <a href="#accessibility">accessibility</a> attribute for usage examples.</p>
      *
      * @expose
      * @name accessibility.rowHeader
-     * @ojshortdesc Specifies the column id to be used as the row header by screen readers. See the Help documentation for more information.
+     * @ojshortdesc Specifies the column ids to be used as the row headers by screen readers. See the Help documentation for more information.
      * @memberof! oj.ojTable
      * @instance
      * @public
-     * @type {string}
+     * @type {string | Array.<string>}
      */
     /**
      * Triggered when the default animation of a particular action is about to start.  The default animation can be cancelled by calling <code class="prettyprint">event.preventDefault</code>.

package/dist/js/libs/oj/debug/ojtemplateengine.js

@@ -28,10 +28,11 @@ define(['knockout', 'ojs/ojcore', 'ojs/ojkoshared', 'ojs/ojhtmlutils', 'ojs/ojvd
      * @param {Element} templateElement the <template> element
      * @param {Oject} properties data to be applied to the template
      * @param {string} alias an alias for referencing the data within a template
+     * @param {Element} reportBusy - optional element for bubblng busy states outside of the template
      * @return {Array.<Node>} HTML nodes representing the result of the execution
      * @ignore
      */
-    this.execute = function (componentElement, templateElement, properties, alias) {
+    this.execute = function (componentElement, templateElement, properties, alias, reportBusy) {
       // Check to see if data-oj-as was defined on the template element as an additional
       // alias to provide to the template children
       var templateAlias = templateElement.getAttribute('data-oj-as');
@@ -42,7 +43,7 @@ define(['knockout', 'ojs/ojcore', 'ojs/ojkoshared', 'ojs/ojhtmlutils', 'ojs/ojvd
       if (templateElement.render) {
         return this._executeVDomTemplate(templateElement, context);
       }
-      var tmpContainer = _createAndPopulateContainer(templateElement);
+      var tmpContainer = _createAndPopulateContainer(templateElement, reportBusy);
       ko.applyBindingsToDescendants(context, tmpContainer);
 
       return Array.prototype.slice.call(tmpContainer.childNodes, 0);
@@ -317,8 +318,11 @@ define(['knockout', 'ojs/ojcore', 'ojs/ojkoshared', 'ojs/ojhtmlutils', 'ojs/ojvd
       return complexVal;
     }
 
-    function _createAndPopulateContainer(node) {
+    function _createAndPopulateContainer(node, reportBusy) {
       var div = document.createElement('div');
+      if (reportBusy) {
+        div._ojReportBusy = reportBusy;
+      }
       var nodes = HtmlUtils.getTemplateContent(node);
       for (var i = 0; i < nodes.length; i++) {
         div.appendChild(nodes[i]);

package/dist/js/libs/oj/debug/ojtreeview.js

@@ -3499,6 +3499,9 @@ define(['require', 'ojs/ojcore-base', 'jquery', 'ojs/ojcontext', 'ojs/ojthemeuti
 
           if ((eventType === 'dragEnter' || eventType === 'dragOver') &&
             event.originalEvent.defaultPrevented) {
+            if (eventType === 'dragEnter' && DomUtils.isTouchSupported()) {
+              this.ojTreeViewDragEvent = true;
+            }
             var isRTL = this._GetReadingDirection() === 'rtl';
             // Draw the drop target effect on dragEnter and dragOver
             var dropLineTop = middleY;
@@ -3566,6 +3569,9 @@ define(['require', 'ojs/ojcore-base', 'jquery', 'ojs/ojcontext', 'ojs/ojthemeuti
                 event.target.classList.contains('oj-treeview-item-content') &&
                 (event.offsetX >= targetWidth || event.offsetX <= 0)) {
                 this._dropLine.style.display = 'none';
+                if (DomUtils.isTouchSupported()) {
+                  this.ojTreeViewDragEvent = false;
+                }
                 this._removeDropClass(targetItem);
               } else if (event.offsetY >= targetItem.offsetHeight
                 || event.offsetY <= 0) {
@@ -3576,9 +3582,15 @@ define(['require', 'ojs/ojcore-base', 'jquery', 'ojs/ojcontext', 'ojs/ojthemeuti
                   if ((targetItem === lastItem && position === 'after')
                     || (targetItem === firstItem && position === 'before')) {
                     this._dropLine.style.display = 'none';
+                    if (DomUtils.isTouchSupported()) {
+                      this.ojTreeViewDragEvent = false;
+                    }
                   }
                 } else if (treeviewItems.length === 0) {
                   this._dropLine.style.display = 'none';
+                  if (DomUtils.isTouchSupported()) {
+                    this.ojTreeViewDragEvent = false;
+                  }
                 }
               }
               if (position !== 'inside') {

package/dist/js/libs/oj/debug/ojwaterfalllayout.js

@@ -362,7 +362,7 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojdatacollection-common', 'ojs/ojanim
             }
             const initialFetch = this.isInitialFetch();
             const currentItem = this.callback.getCurrentItem();
-            if (currentItem == null && initialFetch && index == 0) {
+            if (currentItem == null && index == 0) {
                 this.callback.setCurrentItem(key);
             }
             const vnodes = this.renderItem(key, index, data);
@@ -814,6 +814,7 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojdatacollection-common', 'ojs/ojanim
             }
         }
         updateData(updater) {
+            this.renderCompleted = false;
             this.updateState(function (state) {
                 let currentData = state.renderedData;
                 let returnVal = updater(currentData);
@@ -1093,6 +1094,12 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojdatacollection-common', 'ojs/ojanim
                         break;
                     }
                 }
+                if ((this.currentItem == null || this.currentItem.parentNode == null) && items.length > 0) {
+                    this.currentKey = items[0].key;
+                    const elem = items[0].element;
+                    this._setFocus(elem, false);
+                    this.currentItem = elem;
+                }
             }
             this.restoreFocus = false;
         }

package/dist/js/libs/oj/debug_es5/ojactioncard.js

@@ -9,7 +9,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 

package/dist/js/libs/oj/debug_es5/ojasyncvalidator-daterestriction.js

@@ -7,7 +7,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
 
 function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 
@@ -17,7 +17,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 

package/dist/js/libs/oj/debug_es5/ojasyncvalidator-datetimerange.js

@@ -7,7 +7,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
 
 function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 
@@ -17,7 +17,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 

package/dist/js/libs/oj/debug_es5/ojasyncvalidator-length.js

@@ -7,7 +7,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
 
 function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 
@@ -17,7 +17,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 

package/dist/js/libs/oj/debug_es5/ojasyncvalidator-numberrange.js

@@ -7,7 +7,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
 
 function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 
@@ -17,7 +17,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 

package/dist/js/libs/oj/debug_es5/ojasyncvalidator-regexp.js

@@ -7,7 +7,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
 
 function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 
@@ -17,7 +17,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 

package/dist/js/libs/oj/debug_es5/ojasyncvalidator-required.js

@@ -7,7 +7,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
 
 function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 
@@ -17,7 +17,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }