@oracle/oraclejet 11.1.5 → 11.1.6

package/dist/js/libs/oj/debug_esm/ojlistview.js

@@ -5180,6 +5180,11 @@ const _ojListView = _ListViewUtils.clazz(Object, /** @lends oj._ojListView.proto
         y: event.originalEvent.changedTouches[0].pageY
       };
     }
+
+    // mouse down on input element inside item should trigger actionable mode
+    if (this._isInputElement(target.get(0))) {
+      this._enterActionableMode(item);
+    }
   },
 
   /**
@@ -5238,19 +5243,21 @@ const _ojListView = _ListViewUtils.clazz(Object, /** @lends oj._ojListView.proto
    * Enters actionable mode
    * @private
    */
-  _enterActionableMode: function () {
-    var current = this.m_active.elem;
+  _enterActionableMode: function (item) {
+    var current = (item === undefined) ? this.m_active.elem : item;
 
-    // in case content has been updated under the cover
-    this.disableAllTabbableElements(current);
+    if (current) {
+      // in case content has been updated under the cover
+      this.disableAllTabbableElements(current);
 
-    // re-enable all tabbable elements
-    this._enableAllTabbableElements(current);
+      // re-enable all tabbable elements
+      this._enableAllTabbableElements(current);
 
-    // only go into actionable mode if there is something to focus
-    var first = current.find('[data-first]');
-    if (first.length > 0) {
-      this._setActionableMode(true);
+      // only go into actionable mode if there is something to focus
+      var first = current.find('[data-first]');
+      if (first.length > 0) {
+        this._setActionableMode(true);
+      }
     }
   },
 
@@ -5262,7 +5269,9 @@ const _ojListView = _ListViewUtils.clazz(Object, /** @lends oj._ojListView.proto
     this._setActionableMode(false);
 
     // disable all tabbable elements in the item again
-    this.disableAllTabbableElements(this.m_active.elem);
+    if (this.m_active) {
+      this.disableAllTabbableElements(this.m_active.elem);
+    }
   },
 
   /**
@@ -5303,7 +5312,7 @@ const _ojListView = _ListViewUtils.clazz(Object, /** @lends oj._ojListView.proto
         }
 
         if (this._isActionableMode() && this.m_active != null &&
-          this.m_active.elem.get(0) !== item.get(0)) {
+          this.m_active.elem.get(0) !== item.get(0) && !this._isInputElement(target.get(0))) {
           // click on item other than current focus item should exit actionable mode
           this._exitActionableMode();
         }
@@ -5353,12 +5362,6 @@ const _ojListView = _ListViewUtils.clazz(Object, /** @lends oj._ojListView.proto
           this._fireActionEvent(item.get(0), event);
         }
 
-        // click on input element inside item should trigger actionable mode
-        if (this._isInputElement(target.get(0))) {
-          this._enterActionableMode();
-          return;
-        }
-
         // clicking on header will expand/collapse item
         this._handleHeaderClick(event, target, item);
       }
@@ -7107,7 +7110,8 @@ const _ojListView = _ListViewUtils.clazz(Object, /** @lends oj._ojListView.proto
         }
         current.removeClass('oj-focus-highlight');
       }
-    } else if ((key === ' ' || key === 'Spacebar' || key === this.SPACE_KEY) && this._isSelectionEnabled()) {
+    } else if ((key === ' ' || key === 'Spacebar' || key === this.SPACE_KEY) &&
+      this._isSelectionEnabled() && !this._isInputElement(event.target)) {
       ctrlKey = this._ctrlEquivalent(event);
       shiftKey = event.shiftKey;
       if (shiftKey && !ctrlKey && this.m_selectionFrontier != null &&

package/dist/js/libs/oj/debug_esm/ojradioset.js

@@ -1151,12 +1151,7 @@ var __oj_radioset_metadata =
         }
 
         // if readonly, set tabindex and aria-readonly on the wrapper
-        if (this.options.readOnly) {
-          let domElem = this.element[0];
-          let wrapperDom = domElem.querySelector('.oj-radioset-wrapper');
-          wrapperDom.setAttribute('tabindex', this._externalTabIndex);
-          wrapperDom.setAttribute('aria-readonly', 'true');
-        }
+        this._updateReadonlyState();
         this._on(this._events);
         this._setup();
       },
@@ -1855,6 +1850,45 @@ var __oj_radioset_metadata =
 
         this.$radios._ojRadioCheckbox('refreshDisabled');
       },
+
+      /**
+       * Updates the component's state based on whether or not it is in the readonly
+       * state.
+       * @private
+       * @memberof! oj.ojRadioset
+       */
+      _updateReadonlyState: function () {
+        const wrapperDom = this.element[0].querySelector('.oj-radioset-wrapper');
+        if (this.options.readOnly) {
+          wrapperDom.setAttribute('tabindex', this._externalTabIndex);
+          wrapperDom.setAttribute('aria-readonly', 'true');
+          this.element.addClass('oj-read-only');
+
+          // JET-49107 - reassess accessibility implementation of 'readonly' radioset
+          // In readonly mode, we will not have any radio input in the visible DOM. Thus,
+          // in this state it will just be showing generic text based on the value selected.
+          // So, we need to clean up the role along with the aria-labelledby attributes we added
+          // for that role to make things accessible.
+          this.element.removeAttr('role').removeAttr('aria-labelledby');
+          return;
+        }
+
+        // remove tabindex and role
+        wrapperDom.removeAttribute('tabindex');
+        wrapperDom.removeAttribute('aria-readonly');
+        this.element.removeClass('oj-read-only');
+
+        // JET-49107 - reassess accessibility implementation of 'readonly' radioset
+        // add back the role and aria attributes removed before
+        this.element.attr('role', 'radiogroup');
+        this._labelledByUpdatedForSet(
+          this.widget()[0].id,
+          null,
+          this.options.labelledBy,
+          this.widget()
+        );
+      },
+
       /**
        * Note that _setOption does not get called during create in the super class.
        * It only gets called when the component has already been created.
@@ -1871,18 +1905,8 @@ var __oj_radioset_metadata =
             this._propagateDisabled(value);
             break;
           case 'readOnly':
-            var wrapperDom = this.element[0].querySelector('.oj-radioset-wrapper');
             var val = this.options.value;
-            if (value) {
-              wrapperDom.setAttribute('tabindex', this._externalTabIndex);
-              wrapperDom.setAttribute('aria-readonly', 'true');
-              this.element.addClass('oj-read-only');
-            } else {
-              // remove tabindex and role
-              wrapperDom.removeAttribute('tabindex');
-              wrapperDom.removeAttribute('aria-readonly');
-              this.element.removeClass('oj-read-only');
-            }
+            this._updateReadonlyState();
             this._ResetComponentState();
             // when toggle readonly to false, we need to check the initial set values.
             if (val != null) {

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

@@ -26,7 +26,7 @@ import { __getTemplateEngine, getDeviceRenderMode } from 'ojs/ojconfig';
 import { applyParameters } from 'ojs/ojtranslation';
 import { getCachedCSSVarValues, parseJSONFromFontFamily } from 'ojs/ojthemeutils';
 import { _OJ_CONTAINER_ATTR, subtreeAttached, subtreeDetached, __GetWidgetConstructor, setDefaultOptions, createDynamicPropertyGetter } from 'ojs/ojcomponentcore';
-import { disableAllFocusableElements, isMobileTouchDevice, isRequestIdleCallbackSupported, getDefaultScrollBarWidth, containsKey, getAddEventKeysResult, applyMergedInlineStyles, getLogicalChildPopup, isEscapeKeyEvent, isEnterKeyEvent, isF2KeyEvent, isTabKeyEvent, isArrowUpKeyEvent, isArrowDownKeyEvent, isArrowLeftKeyEvent, isArrowRightKeyEvent, isHomeKeyEvent, isEndKeyEvent, isSpaceBarKeyEvent, isEventClickthroughDisabled, isFromDefaultSelector, getFocusableElementsInNode, enableAllFocusableElements, KEYBOARD_KEYS, areKeySetsEqual, disableDefaultBrowserStyling } from 'ojs/ojdatacollection-common';
+import { disableAllFocusableElements, isMobileTouchDevice, isRequestIdleCallbackSupported, getDefaultScrollBarWidth, containsKey, isIterateAfterDoneNotAllowed, getAddEventKeysResult, applyMergedInlineStyles, getLogicalChildPopup, isEscapeKeyEvent, isEnterKeyEvent, isF2KeyEvent, isTabKeyEvent, isArrowUpKeyEvent, isArrowDownKeyEvent, isArrowLeftKeyEvent, isArrowRightKeyEvent, isHomeKeyEvent, isEndKeyEvent, isSpaceBarKeyEvent, isEventClickthroughDisabled, isFromDefaultSelector, getFocusableElementsInNode, enableAllFocusableElements, KEYBOARD_KEYS, areKeySetsEqual, disableDefaultBrowserStyling } from 'ojs/ojdatacollection-common';
 import { startAnimation } from 'ojs/ojanimation';
 import DomScroller from 'ojs/ojdomscroller';
 import { CustomElementUtils } from 'ojs/ojcustomelement-utils';
@@ -2569,14 +2569,15 @@ Table.prototype._isDefaultSelectorEnabled = function () {
  * Refresh the row at a particular index with the row data
  * @param {number} rowIdx  row index relative to the start of the table
  * @param {Object} row  row and key object
- * @param {Object} tableBodyRow tr element
- * @param {Object} docFrag  document fragment
- * @param {number} docFragStartIdx  document fragment row start index
+ * @param {Object=} tableBodyRow tr element
+ * @param {Object=} docFrag  document fragment
+ * @param {number=} docFragStartIdx  document fragment row start index
+ * @param {boolean=} isRefresh whether this is a specific row refresh
  * @return {Element|null} tableBodyRow  DOM element
  * @private
  */
 Table.prototype._refreshTableBodyRow = function (rowIdx, row, tableBodyRow, docFrag,
-  docFragStartIdx) {
+  docFragStartIdx, isRefresh) {
   var rowRenderer = this._getRowRenderer();
 
   if (isNaN(rowIdx) || rowIdx < 0) {
@@ -2720,11 +2721,8 @@ Table.prototype._refreshTableBodyRow = function (rowIdx, row, tableBodyRow, docF
     }
     this._tableBodyRowDefaultRenderer(rowIdx, row, context);
   }
-  if (this._hasEditableRow() && this._getEditableRowIdx() === rowIdx) {
-    tableBodyRow.classList.add(Table.CSS_CLASSES._TABLE_DATA_ROW_EDIT_CLASS);
-  } else {
-    tableBodyRow.classList.remove(Table.CSS_CLASSES._TABLE_DATA_ROW_EDIT_CLASS);
-  }
+  // immediately apply styling to newly refreshed row when possible
+  this._getLayoutManager().handleRowRefresh(rowIdx, tableBodyRow, isRefresh);
 
   // eslint-disable-next-line no-param-reassign
   tableBodyRow[Table._ROW_ITEM_EXPANDO] = row;
@@ -2833,7 +2831,7 @@ Table.prototype._refreshRow = function (rowIdx, resetFocus) {
         metadata: rowResults.metadata,
         index: rowIdx,
         key: rowKey
-      });
+      }, null, null, null, true);
 
       // Give the focus back to the table if needed.  currentRow is retained after refresh.
       if (resetFocus) {
@@ -3346,23 +3344,23 @@ Table.prototype._isTableHeaderColumnsRendered = function () {
  * Returns whether the table refresh is needed based on option change
  * @param {string} key option key
  * @param {Object} value option value
+ * @param {Object} flags object containing additional context (subkey, subproperty, etc...)
  * @return {boolean} true or false
  * @private
  */
-Table.prototype._isTableRefreshNeeded = function (key, value) {
-  var currentOptions = this._cachedOptions;
+Table.prototype._isTableRefreshNeeded = function (key, value, flags) {
+  var currentOptions = this.options;
   var refresh;
 
-  if (key === 'contextMenu' &&
-      value === '#' + this._getTableId() + '_contextmenu') {
-    refresh = false;
-  } else if (key === 'columns' && !this._isColumnMetadataUpdated()) {
-    // optimization for columns. Column re-order can change the columns options but we don't need to refresh
-    refresh = false;
-  } else if (key === 'scrollToKey') {
+  if ((key === 'contextMenu' && value === '#' + this._getTableId() + '_contextmenu') ||
+      (key === 'columns' && !this._isColumnMetadataUpdated(value)) ||
+      key === 'scrollToKey' || key === 'scrollPosition' ||
+      key === 'selection' || key === 'selected' || key === 'currentRow' || key === 'editRow' ||
+      (key === 'scrollPolicyOptions' && this._isStickyLayoutEnabled() && flags != null &&
+       (flags.subkey === 'scrollerOffsetTop' || flags.subkey === 'scrollerOffsetBottom' ||
+        flags.subkey === 'scrollerOffsetStart' || flags.subkey === 'scrollerOffsetEnd'))) {
     refresh = false;
-  } else if (key !== 'selection' && key !== 'currentRow' &&
-             !oj.Object.compareValues(value, currentOptions[key])) {
+  } else if (!oj.Object.compareValues(value, currentOptions[key])) {
     if (key === 'verticalGridVisible') {
       this._renderedTableHeaderColumns = false;
     }
@@ -3370,7 +3368,6 @@ Table.prototype._isTableRefreshNeeded = function (key, value) {
   } else {
     refresh = false;
   }
-  this._cachedOptions = $.extend(true, {}, this.options);
 
   return refresh;
 };
@@ -3718,9 +3715,9 @@ Table.prototype._getColumnDefs = function () {
  * @return {Array} array of column metadata Objects.
  * @private
  */
-Table.prototype._getColumnMetadata = function () {
+Table.prototype._getColumnMetadata = function (columnsOption) {
   // get the columns metadata
-  var columns = this.options.columns;
+  var columns = columnsOption != null ? columnsOption : this.options.columns;
   var columnsDefault = this.options.columnsDefault;
 
   if ((columns.length === 0 ||
@@ -4799,9 +4796,9 @@ Table.prototype._invokeDataSort = function (sortField, ascending, event) {
  * @return {boolean} true or false
  * @private
  */
-Table.prototype._isColumnMetadataUpdated = function () {
+Table.prototype._isColumnMetadataUpdated = function (columnOptions) {
   if (this._columnDefArray != null) {
-    var columnsMetadata = this._getColumnMetadata();
+    var columnsMetadata = this._getColumnMetadata(columnOptions);
     if (this._columnDefArray.length !== columnsMetadata.length) {
       return true;
     }
@@ -6889,6 +6886,18 @@ TableLayoutManager.prototype.handleKeyDownEsc = function () { };
  */
 TableLayoutManager.prototype.handleFocusout = function () { };
 
+/**
+ * @private
+ */
+// eslint-disable-next-line no-unused-vars
+TableLayoutManager.prototype.handleRowRefresh = function (rowIdx, tableBodyRow, isRefresh) {
+  if (this._table._hasEditableRow() && this._table._getEditableRowIdx() === rowIdx) {
+    tableBodyRow.classList.add(Table.CSS_CLASSES._TABLE_DATA_ROW_EDIT_CLASS);
+  } else {
+    tableBodyRow.classList.remove(Table.CSS_CLASSES._TABLE_DATA_ROW_EDIT_CLASS);
+  }
+};
+
 /**
  * @private
  */
@@ -8231,7 +8240,6 @@ TableStickyLayoutManager.prototype.refreshTableDimensions = function () {
     this._clearColumnSizingCache();
   } else {
     if (tableUpdates.has(Table._UPDATE._ROWS_ADDED) ||
-        tableUpdates.has(Table._UPDATE._ROW_REFRESH) ||
         tableUpdates.has(Table._UPDATE._DATA_SORT)) {
       this._initializeFrozenColumns();
     }
@@ -8482,7 +8490,7 @@ TableStickyLayoutManager.prototype._savePreferredColWidths = function () {
 /**
  * @private
  */
-TableStickyLayoutManager.prototype._initializeFrozenColumns = function () {
+TableStickyLayoutManager.prototype._initializeFrozenColumns = function (tableBodyRow) {
   var i;
   var frozenIndex;
   var frozenStartOffset;
@@ -8500,7 +8508,7 @@ TableStickyLayoutManager.prototype._initializeFrozenColumns = function () {
 
   var updateFrozenEdges = false;
   if (this._table._isDefaultSelectorEnabled()) {
-    this._applyFrozenOffset(-1, frozenStartOffset, true);
+    this._applyFrozenOffset(-1, frozenStartOffset, true, tableBodyRow);
     frozenStartOffset += this._selectorColWidth;
     updateFrozenEdges = true;
   }
@@ -8509,7 +8517,7 @@ TableStickyLayoutManager.prototype._initializeFrozenColumns = function () {
     updateFrozenEdges = true;
     for (i = 0; i < frozenStartColumns.length; i++) {
       frozenIndex = frozenStartColumns[i];
-      this._applyFrozenOffset(frozenIndex, frozenStartOffset, true);
+      this._applyFrozenOffset(frozenIndex, frozenStartOffset, true, tableBodyRow);
       frozenStartOffset += this._appliedColumnWidths[frozenIndex];
     }
   }
@@ -8519,13 +8527,13 @@ TableStickyLayoutManager.prototype._initializeFrozenColumns = function () {
     updateFrozenEdges = true;
     for (i = frozenEndColumns.length - 1; i > -1; i--) {
       frozenIndex = frozenEndColumns[i];
-      this._applyFrozenOffset(frozenIndex, frozenEndOffset, false);
+      this._applyFrozenOffset(frozenIndex, frozenEndOffset, false, tableBodyRow);
       frozenEndOffset += this._appliedColumnWidths[frozenIndex];
     }
   }
 
   if (updateFrozenEdges) {
-    this._updateFrozenEdges(this._scrollLeft, true);
+    this._updateFrozenEdges(this._scrollLeft, true, tableBodyRow);
   }
 };
 
@@ -8560,7 +8568,8 @@ TableStickyLayoutManager.prototype._getFrozenEndColumnIndexes = function () {
 /**
  * @private
  */
-TableStickyLayoutManager.prototype._applyFrozenOffset = function (columnIndex, offset, isStart) {
+TableStickyLayoutManager.prototype._applyFrozenOffset = function (columnIndex, offset, isStart,
+  targetRow) {
   var i;
   var styleProperty;
   var isRTL = (this._table._GetReadingDirection() === 'rtl');
@@ -8571,6 +8580,22 @@ TableStickyLayoutManager.prototype._applyFrozenOffset = function (columnIndex, o
   }
   var styleValue = offset + Table.CSS_VAL._PX;
 
+  // check if only a single row is being refreshed
+  if (targetRow != null) {
+    if (columnIndex === -1) {
+      var targetSelectorCell = this._table._getTableBodySelectorCell(targetRow);
+      if (targetSelectorCell != null) {
+        targetSelectorCell.style[styleProperty] = styleValue;
+      }
+    } else {
+      var targetCell = this._table._getTableBodyCell(null, columnIndex, targetRow);
+      if (targetCell != null) {
+        targetCell.style[styleProperty] = styleValue;
+      }
+    }
+    return;
+  }
+
   var tableBodyRows = this._table._getTableBodyRows();
   if (columnIndex === -1) {
     // update header cell
@@ -8615,7 +8640,7 @@ TableStickyLayoutManager.prototype._applyFrozenOffset = function (columnIndex, o
 /**
  * @private
  */
-TableStickyLayoutManager.prototype._updateFrozenEdges = function (scrollLeft, isForce) {
+TableStickyLayoutManager.prototype._updateFrozenEdges = function (scrollLeft, isForce, targetRow) {
   var i;
   var currIndex;
   var startIndex;
@@ -8638,7 +8663,7 @@ TableStickyLayoutManager.prototype._updateFrozenEdges = function (scrollLeft, is
       }
     }
   }
-  this._updateFrozenEdge(startIndex, true, isForce);
+  this._updateFrozenEdge(startIndex, true, isForce, targetRow);
 
   // update frozen end edge if present
   var scroller = this.getScroller();
@@ -8661,47 +8686,64 @@ TableStickyLayoutManager.prototype._updateFrozenEdges = function (scrollLeft, is
       }
     }
   }
-  this._updateFrozenEdge(endIndex, false, isForce);
+  this._updateFrozenEdge(endIndex, false, isForce, targetRow);
 };
 
 /**
  * @private
  */
-TableStickyLayoutManager.prototype._updateFrozenEdge = function (columnIndex, isStart, isForce) {
+TableStickyLayoutManager.prototype._updateFrozenEdge = function (columnIndex, isStart, isForce,
+  targetRow) {
   var appliedEdge = false;
   if (isStart) {
     if (this._frozenStartIndex !== columnIndex) {
       if (this._frozenStartIndex != null) {
-        this._removeFrozenEdge(this._frozenStartIndex);
+        this._removeFrozenEdge(this._frozenStartIndex, targetRow);
       }
       if (columnIndex != null) {
-        this._applyFrozenEdge(columnIndex);
+        this._applyFrozenEdge(columnIndex, targetRow);
         appliedEdge = true;
       }
       this._frozenStartIndex = columnIndex;
     }
   } else if (this._frozenEndIndex !== columnIndex) {
     if (this._frozenEndIndex != null) {
-      this._removeFrozenEdge(this._frozenEndIndex);
+      this._removeFrozenEdge(this._frozenEndIndex, targetRow);
     }
     if (columnIndex != null) {
-      this._applyFrozenEdge(columnIndex);
+      this._applyFrozenEdge(columnIndex, targetRow);
       appliedEdge = true;
     }
     this._frozenEndIndex = columnIndex;
   }
   if (isForce && !appliedEdge) {
-    this._applyFrozenEdge(columnIndex);
+    this._applyFrozenEdge(columnIndex, targetRow);
   }
 };
 
 /**
  * @private
  */
-TableStickyLayoutManager.prototype._applyFrozenEdge = function (columnIndex) {
+TableStickyLayoutManager.prototype._applyFrozenEdge = function (columnIndex, targetRow) {
   var i;
   var tableBodyRows = this._table._getTableBodyRows();
 
+  // check if only a single row is being refreshed
+  if (targetRow != null) {
+    if (columnIndex === -1) {
+      var targetSelectorCell = this._table._getTableBodySelectorCell(targetRow);
+      if (targetSelectorCell != null) {
+        targetSelectorCell.classList.add(Table.CSS_CLASSES._TABLE_FROZEN_EDGE);
+      }
+    } else {
+      var targetCell = this._table._getTableBodyCell(null, columnIndex, targetRow);
+      if (targetCell != null) {
+        targetCell.classList.add(Table.CSS_CLASSES._TABLE_FROZEN_EDGE);
+      }
+    }
+    return;
+  }
+
   if (columnIndex === -1) {
     // update header cell
     var headerSelector = this._table._getTableSelectorColumn();
@@ -8745,10 +8787,26 @@ TableStickyLayoutManager.prototype._applyFrozenEdge = function (columnIndex) {
 /**
  * @private
  */
-TableStickyLayoutManager.prototype._removeFrozenEdge = function (columnIndex) {
+TableStickyLayoutManager.prototype._removeFrozenEdge = function (columnIndex, targetRow) {
   var i;
   var tableBodyRows = this._table._getTableBodyRows();
 
+  // check if only a single row is being refreshed
+  if (targetRow != null) {
+    if (columnIndex === -1) {
+      var targetSelectorCell = this._table._getTableBodySelectorCell(targetRow);
+      if (targetSelectorCell != null) {
+        targetSelectorCell.classList.remove(Table.CSS_CLASSES._TABLE_FROZEN_EDGE);
+      }
+    } else {
+      var targetCell = this._table._getTableBodyCell(null, columnIndex, targetRow);
+      if (targetCell != null) {
+        targetCell.classList.remove(Table.CSS_CLASSES._TABLE_FROZEN_EDGE);
+      }
+    }
+    return;
+  }
+
   if (columnIndex === -1) {
     // update header cell
     var headerSelector = this._table._getTableSelectorColumn();
@@ -9069,6 +9127,17 @@ TableStickyLayoutManager.prototype._removeResizeIndicator = function () {
   });
 };
 
+/**
+ * @private
+ */
+TableStickyLayoutManager.prototype.handleRowRefresh = function (rowIdx, tableBodyRow, isRefresh) {
+  TableStickyLayoutManager.superclass.handleRowRefresh.call(this, rowIdx, tableBodyRow);
+  // apply frozen column states if refreshing a row that was already rendered
+  if (isRefresh) {
+    this._initializeFrozenColumns(tableBodyRow);
+  }
+};
+
 /**
  * Creates an accessibility-specific child DOM element that contains the
  * current context information for the Table.
@@ -9858,7 +9927,9 @@ Table.prototype._executeTableBodyRowsAdd = function (eventDetail) {
  */
 Table.prototype._getRowsFromEventDetailAdd = function (eventDetail) {
   var rowArray = [];
-  var isLoadAll = !this._isLoadMoreOnScroll();
+  var dataprovider = this._getData();
+  var isLoadAll = !this._isLoadMoreOnScroll() ||
+                  isIterateAfterDoneNotAllowed(dataprovider);
   var initialKeys = this._getLocalRowKeys();
   var initialKeyLength = initialKeys.length;
   // don't add rows if the component is empty and loadMoreOnScroll is set
@@ -9868,7 +9939,6 @@ Table.prototype._getRowsFromEventDetailAdd = function (eventDetail) {
   }
   var finalRowKeys = getAddEventKeysResult(initialKeys, eventDetail, isLoadAll);
 
-  var dataprovider = this._getData();
   var eventData = eventDetail[Table._CONST_DATA];
   var eventMetadata = eventDetail[Table._CONST_METADATA];
 
@@ -10004,7 +10074,7 @@ Table.prototype._executeTableBodyRowsChange = function (eventDetail) {
         staleRow[Table._ROW_ITEM_EXPANDO] = rows[i].row;
       }
 
-      var tableBodyRow = this._refreshTableBodyRow(row.rowIdx, row.row);
+      var tableBodyRow = this._refreshTableBodyRow(row.rowIdx, row.row, null, null, null, true);
       if (tableBodyRow) {
         updatedTableBodyRows.push(tableBodyRow);
         rowIdxArray.push(row.rowIdx);
@@ -21020,8 +21090,6 @@ Table.prototype._ComponentCreate = function () {
     this._registerTouchEvents();
   }
   this._registerDomEventListeners();
-  // cache the options
-  this._cachedOptions = $.extend(true, {}, this.options);
   this._setEditableRowIdx(null);
 
   disableDefaultBrowserStyling(this.element[0]);
@@ -21260,11 +21328,48 @@ Table.prototype._NotifyContextMenuGesture = function (contextMenu, event, eventT
   this._OpenContextMenu(event, eventType, openOptions);
 };
 
+/**
+ * Sets multiple options
+ * @param {Object} options the options object
+ * @param {Object} flags additional flags for option
+ * @override
+ * @private
+ */
+// eslint-disable-next-line no-unused-vars
+Table.prototype._setOptions = function (options, flags) {
+  var requiresRefresh = false;
+  var requiresDataRefresh = false;
+  var requiresHeaderRefresh = false;
+  var keys = Object.keys(options);
+  for (var i = 0; i < keys.length; i++) {
+    var key = keys[i];
+    var value = options[key];
+    if (this._isTableRefreshNeeded(key, value, flags)) {
+      if (key === 'columns' || (key === 'selectionMode' && value.row !== undefined)) {
+        requiresHeaderRefresh = true;
+      } else if (key === 'data') {
+        requiresDataRefresh = true;
+      }
+      requiresRefresh = true;
+    }
+  }
+  this._superApply(arguments);
+  if (requiresRefresh) {
+    if (requiresHeaderRefresh) {
+      this._clearCachedMetadata();
+      this._refreshTableHeader();
+    } if (requiresDataRefresh) {
+      this._beforeDataRefresh();
+    }
+    this._refresh();
+  }
+};
+
 /**
  * @override
  * @private
  */
-Table.prototype._setOption = function (key, value, subKeyValue) {
+Table.prototype._setOption = function (key, value, flags) {
   if (key === 'selection') {
     this._selectionSet = true;
     // update row index/key values in the 'selection' option
@@ -21291,31 +21396,19 @@ Table.prototype._setOption = function (key, value, subKeyValue) {
   } else if (key === 'editRow') {
     // setEditRow will update with all props within value
     this._setEditRow(value);
-  } else if (this._isStickyLayoutEnabled() && key === 'scrollPolicyOptions' &&
-             subKeyValue != null && (subKeyValue.subkey === 'scrollerOffsetTop' ||
-             subKeyValue.subkey === 'scrollerOffsetBottom' ||
-             subKeyValue.subkey === 'scrollerOffsetStart' ||
-             subKeyValue.subkey === 'scrollerOffsetEnd')) {
+  } else if (key === 'scrollPolicyOptions' && flags != null) {
     this._superApply(arguments);
-    if (subKeyValue.subkey === 'scrollerOffsetTop' ||
-        subKeyValue.subkey === 'scrollerOffsetBottom') {
-      this._styleTableContainer(this._getTableContainer());
-    } else {
-      this._getLayoutManager()._initializeFrozenColumns();
+    if (this._isStickyLayoutEnabled()) {
+      if (flags.subkey === 'scrollerOffsetTop' ||
+          flags.subkey === 'scrollerOffsetBottom') {
+        this._styleTableContainer(this._getTableContainer());
+      } else if (flags.subkey === 'scrollerOffsetStart' ||
+                 flags.subkey === 'scrollerOffsetEnd') {
+        this._getLayoutManager()._initializeFrozenColumns();
+      }
     }
   } else {
     this._superApply(arguments);
-    var shouldRefresh = this._isTableRefreshNeeded(key, value);
-    if (shouldRefresh) {
-      if (key === 'columns' ||
-        (key === 'selectionMode' && value.row !== undefined)) {
-        this._clearCachedMetadata();
-        this._refreshTableHeader();
-      } else if (key === 'data') {
-        this._beforeDataRefresh();
-      }
-      this._refresh();
-    }
   }
 };
 

package/dist/js/libs/oj/main-template.js

@@ -15,9 +15,9 @@
   requirejs.config({
     // Path mappings for the logical module names
     paths: {
-      'ojs': 'libs/oj/v11.1.5/min@insertESLevelPath@',
-      'ojL10n': 'libs/oj/v11.1.5/ojL10n',
-      'ojtranslations': 'libs/oj/v11.1.5/resources',
+      'ojs': 'libs/oj/v11.1.6/min@insertESLevelPath@',
+      'ojL10n': 'libs/oj/v11.1.6/ojL10n',
+      'ojtranslations': 'libs/oj/v11.1.6/resources',
       
   'knockout': 'libs/knockout/knockout-3.5.1',
   'knockout-mapping': 'libs/knockout/knockout.mapping-latest',