@oracle/oraclejet 11.1.3 → 11.1.6

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2014, 2021, Oracle and/or its affiliates.
+ * Copyright (c) 2014, 2022, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore
@@ -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/debug_esm/ojtagcloud-toolkit.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2014, 2021, Oracle and/or its affiliates.
+ * Copyright (c) 2014, 2022, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2014, 2021, Oracle and/or its affiliates.
+ * Copyright (c) 2014, 2022, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2014, 2021, Oracle and/or its affiliates.
+ * Copyright (c) 2014, 2022, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore
@@ -73,8 +73,9 @@ class PreactTemplate {
         render(vnode, parentStub);
         const nodes = retrieveNodes();
         nodes.forEach((node) => {
-            var _a;
-            (_a = node.classList) === null || _a === void 0 ? void 0 : _a.add('oj-vdom-template-root');
+            if (node.setAttribute) {
+                node.setAttribute('data-oj-vdom-template-root', '');
+            }
             node[ROW] = row;
             node[CACHED_BINDING_PROVIDER] = 'preact';
         });
@@ -253,11 +254,11 @@ const JetTemplateEngine = function () {
   this.clean = function (node) {
     // Search for nodes created with VDom methods and let PreactTemplate clean them.
     let vdomTemplateRoots =
-      node && node.getElementsByClassName
-        ? Array.from(node.getElementsByClassName('oj-vdom-template-root'))
+      node && node.querySelectorAll
+        ? Array.from(node.querySelectorAll('[data-oj-vdom-template-root=""]'))
         : [];
-    // Add the node itself to the array if it has the oj-vdom-template-root class
-    if (node && node.matches && node.matches('.oj-vdom-template-root')) {
+    // Add the node itself to the array if it has the data-oj-vdom-template-root attribute
+    if (node && node.hasAttribute && node.hasAttribute('data-oj-vdom-template-root')) {
       vdomTemplateRoots.push(node);
     }
     vdomTemplateRoots.forEach((root) => {

package/dist/js/libs/oj/debug_esm/ojthematicmap-toolkit.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2014, 2021, Oracle and/or its affiliates.
+ * Copyright (c) 2014, 2022, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2014, 2021, Oracle and/or its affiliates.
+ * Copyright (c) 2014, 2022, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2014, 2021, Oracle and/or its affiliates.
+ * Copyright (c) 2014, 2022, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore

package/dist/js/libs/oj/debug_esm/ojtime-base.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2014, 2021, Oracle and/or its affiliates.
+ * Copyright (c) 2014, 2022, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore

package/dist/js/libs/oj/debug_esm/ojtimeaxis-toolkit.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2014, 2021, Oracle and/or its affiliates.
+ * Copyright (c) 2014, 2022, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2014, 2021, Oracle and/or its affiliates.
+ * Copyright (c) 2014, 2022, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore

package/dist/js/libs/oj/debug_esm/ojtimeline-toolkit.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2014, 2021, Oracle and/or its affiliates.
+ * Copyright (c) 2014, 2022, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2014, 2021, Oracle and/or its affiliates.
+ * Copyright (c) 2014, 2022, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2014, 2021, Oracle and/or its affiliates.
+ * Copyright (c) 2014, 2022, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2014, 2021, Oracle and/or its affiliates.
+ * Copyright (c) 2014, 2022, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2014, 2021, Oracle and/or its affiliates.
+ * Copyright (c) 2014, 2022, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2014, 2021, Oracle and/or its affiliates.
+ * Copyright (c) 2014, 2022, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2014, 2021, Oracle and/or its affiliates.
+ * Copyright (c) 2014, 2022, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore