@oracle/oraclejet 15.1.1 → 15.1.3

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

@@ -2513,7 +2513,10 @@ Table.prototype._refresh = function () {
   this._clearCachedDom();
   this._clearCachedStyling();
   this._refreshContextMenu();
-  this._refreshTableStatusMessage();
+  // if status message skeletons are already shown, do not reset them
+  if (!this._statusMessageShown || !this._isSkeletonSupport()) {
+    this._refreshTableStatusMessage();
+  }
   this._clearIdleCallback();
 
   // update edit state based on row removals before rows are removed to ensure row context is available
@@ -2585,6 +2588,16 @@ Table.prototype._refreshTableHeader = function () {
     // replace existing col elements
     var tableColGroup = this._getTableColGroup();
     if (tableColGroup != null) {
+      // ensure body and footer are hidden before modifying / removing existing col elements
+      var tableBody = this._getTableBody();
+      if (tableBody != null) {
+        tableBody.style[Table.CSS_PROP._VISIBILITY] = Table.CSS_VAL._HIDDEN;
+      }
+      var tableFooter = this._getTableFooter();
+      if (tableFooter != null) {
+        tableFooter.style[Table.CSS_PROP._VISIBILITY] = Table.CSS_VAL._HIDDEN;
+      }
+
       $(tableColGroup).empty();
       if (this._isGutterStartColumnEnabled()) {
         let tableGutterCol = this._createTableGutterCol();
@@ -2642,7 +2655,7 @@ Table.prototype._refreshTableHeader = function () {
       var column = columns[i];
       var headerRenderer = this._getColumnRenderer(i, 'header');
       if (headerRenderer) {
-        headerColumn = this._createTableHeaderColumn(i, true);
+        headerColumn = this._createTableHeaderColumn(i);
         // if headerRenderer is defined then call that
         var headerContext = this._getRendererContextObject(headerColumn, {});
         // Copy additional properties to top-level context to work with custom element
@@ -2664,7 +2677,12 @@ Table.prototype._refreshTableHeader = function () {
             self._columnHeaderDefaultRenderer(this, delegateRenderer);
           };
         }
-        if (!applyRendererContent(headerColumn, headerRenderer(context))) {
+        var rendererContent = headerRenderer(context);
+        if (rendererContent != null) {
+          // if the renderer returned a value then we clear the default content
+          $(headerColumn).empty();
+        }
+        if (!applyRendererContent(headerColumn, rendererContent)) {
           // if the renderer didn't append content then the existing
           // headerColumn was manipulated. So get it and set the required
           // attributes just in case it was replaced or the attributes
@@ -2733,6 +2751,10 @@ Table.prototype._refreshTableHeader = function () {
       );
     }
     this._renderedTableHeaderColumns = true;
+
+    // optimize initial sizing for state between fetch start and refreshTableDimensions call
+    this._getLayoutManager().optimizeInitialColumnWidths();
+
     return this._finalizeNonBodyRowRendering([tableHeaderRow]);
   } catch (renderError) {
     return Promise.reject(renderError);
@@ -4529,9 +4551,8 @@ Table.prototype._refreshSortTableHeaderColumn = function (key, ascending) {
  */
 Table.prototype._getSortedTableHeaderColumnIdx = function () {
   var tableHeaderColumns = this._getTableHeaderColumns();
-  var tableHeaderColumnsCount = tableHeaderColumns ? tableHeaderColumns.length : 0;
 
-  for (var i = 0; i < tableHeaderColumnsCount; i++) {
+  for (var i = 0; i < tableHeaderColumns.length; i++) {
     // sorted column will have the sorted data attr
     var sorted = $(tableHeaderColumns[i]).data('sorted');
     if (sorted != null) {
@@ -4862,10 +4883,8 @@ Table.prototype._updateHeaderTop = function (top) {
     }
   }
   var tableHeaderColumns = this._getTableHeaderColumns();
-  if (tableHeaderColumns != null) {
-    for (var i = 0; i < tableHeaderColumns.length; i++) {
-      tableHeaderColumns[i].style[Table.CSS_PROP._TOP] = top + 'px';
-    }
+  for (var i = 0; i < tableHeaderColumns.length; i++) {
+    tableHeaderColumns[i].style[Table.CSS_PROP._TOP] = top + 'px';
   }
 };
 
@@ -5811,7 +5830,7 @@ Table.prototype._invokeDataFetchRows = function (options) {
             // eslint-disable-next-line no-unused-vars
             function (reason) {
               if (controller && controller.signal.aborted) {
-                this._clearDataWaitingState();
+                this._clearDataWaitingState(true);
                 resolve(null);
               } else {
                 // eventually fire error event here along with reason for rejection
@@ -6445,7 +6464,10 @@ TableDndContext.prototype._getOverRowIndex = function (event) {
   // this.component._getElementRowIdx to use cached elements so it's not accurate for dnd purpose.
   var cell = this.component._getFirstAncestor(
     event.target,
-    '.' + Table.CSS_CLASSES._TABLE_DATA_CELL_CLASS + ', .' + Table.CSS_CLASSES._TABLE_SELECTOR_CELL,
+    '.' +
+      Table.CSS_CLASSES._TABLE_DATA_CELL_CLASS +
+      ', .' +
+      Table.CSS_CLASSES._TABLE_SELECTOR_CELL_CLASS,
     true
   );
   if (cell != null) {
@@ -7289,6 +7311,12 @@ TableLayoutManager.prototype._enableTableVisibility = function () {
  */
 TableLayoutManager.prototype.refreshTableDimensions = function () {};
 
+/**
+ * Refresh the table dimensions
+ * @private
+ */
+TableLayoutManager.prototype.optimizeInitialColumnWidths = function () {};
+
 /**
  * @private
  */
@@ -7802,10 +7830,8 @@ TableLayoutManager.prototype._removeTableDimensionsStyling = function () {
     for (var i = 0; i < headerColumnTextDivsCount; i++) {
       headerColumnTextDivs[i].style[Table.CSS_PROP._WIDTH] = '';
     }
-    if (tableHeaderColumns != null) {
-      for (let k = 0; k < tableHeaderColumns.length; k++) {
-        tableHeaderColumns[k].classList.remove(Table.CSS_CLASSES._TABLE_HEADER_WRAP_TEXT_CLASS);
-      }
+    for (let k = 0; k < tableHeaderColumns.length; k++) {
+      tableHeaderColumns[k].classList.remove(Table.CSS_CLASSES._TABLE_HEADER_WRAP_TEXT_CLASS);
     }
   }
   if (tableFooter != null) {
@@ -9125,8 +9151,7 @@ TableLegacyLayoutManager.prototype._setResizeCursor = function (event) {
     return false;
   }
 
-  var headerColumns = this._table._getTableHeaderColumns();
-  if (!headerColumns) {
+  if (this._table._getTableHeaderColumns().length === 0) {
     return false;
   }
 
@@ -9375,10 +9400,8 @@ TableLegacyLayoutManager.prototype._setTableHeaderColumnsResizeStyling = functio
  */
 TableLegacyLayoutManager.prototype._clearTableHeaderColumnsResizeStyling = function () {
   var headerColumns = this._table._getTableHeaderColumns();
-  if (headerColumns) {
-    for (var i = 0; i < headerColumns.length; i++) {
-      headerColumns[i].style.cursor = '';
-    }
+  for (var i = 0; i < headerColumns.length; i++) {
+    headerColumns[i].style.cursor = '';
   }
   var table = this._table._getTable();
   table.classList.remove(Table.CSS_CLASSES._COLUMN_HEADER_RESIZING_CLASS);
@@ -9887,16 +9910,7 @@ TableStickyLayoutManager.prototype.refreshTableDimensions = function () {
     tableElem.style[Table.CSS_PROP._WIDTH] = overallWidth + Table.CSS_VAL._PX;
     tableElem.style['table-layout'] = 'fixed';
   }
-  let gutterWidth = 0;
-  if (this._table._isGutterStartColumnEnabled()) {
-    gutterWidth += this._table._getTableGutterWidth('start');
-  }
-  if (this._table._isGutterEndColumnEnabled()) {
-    gutterWidth += this._table._getTableGutterWidth('end');
-  }
-  if (gutterWidth > 0) {
-    tableElem.style[Table.CSS_PROP._WIDTH] = overallWidth + gutterWidth + Table.CSS_VAL._PX;
-  }
+
   this._applyHeaderWrapperClass();
   this._initializeFrozenColumns(true);
   this._updateStickyRowTops();
@@ -10032,9 +10046,9 @@ TableStickyLayoutManager.prototype._setupTableHeight = function (bottomSlotHeigh
  * @private
  */
 TableStickyLayoutManager.prototype._removeHeaderColumnAndCellColumnWidths = function () {
-  var columnsCount = this._table._getColumnDefs().length;
-  for (var i = 0; i < columnsCount; i++) {
-    var tableCol = this._table._getTableCol(i);
+  var colElements = this._table._getTableCols();
+  for (var i = 0; i < colElements.length; i++) {
+    var tableCol = colElements[i];
     tableCol.style[Table.CSS_PROP._WIDTH] = '';
     tableCol.style[Table.CSS_PROP._DISPLAY] = '';
   }
@@ -10065,15 +10079,25 @@ TableStickyLayoutManager.prototype._setAllColumnWidths = function () {
   var columnsCount = columns.length;
 
   var totalWidth = this._selectorColWidth != null ? this._selectorColWidth : 0;
+  if (this._table._isGutterStartColumnEnabled()) {
+    const gutterStartWidth = this._table._getTableGutterWidth('start');
+    totalWidth += gutterStartWidth;
+  }
+  if (this._table._isGutterEndColumnEnabled()) {
+    const gutterEndWidth = this._table._getTableGutterWidth('end');
+    totalWidth += gutterEndWidth;
+  }
   this._appliedColumnWidths = [];
 
   for (var i = 0; i < columnsCount; i++) {
-    var tableCol = this._table._getTableCol(i);
     var colWidth = this._columnInitWidths[i];
-    tableCol.style[Table.CSS_PROP._WIDTH] = colWidth + Table.CSS_VAL._PX;
-    if (colWidth === 0) {
-      // set the display value to none or else the following column will not be shown
-      tableCol.style[Table.CSS_PROP._DISPLAY] = Table.CSS_VAL._NONE;
+    var tableCol = this._table._getTableCol(i);
+    if (tableCol != null) {
+      tableCol.style[Table.CSS_PROP._WIDTH] = colWidth + Table.CSS_VAL._PX;
+      if (colWidth === 0) {
+        // set the display value to none or else the following column will not be shown
+        tableCol.style[Table.CSS_PROP._DISPLAY] = Table.CSS_VAL._NONE;
+      }
     }
     this._appliedColumnWidths[i] = colWidth;
     totalWidth += colWidth;
@@ -11017,10 +11041,8 @@ TableStickyLayoutManager.prototype._getTableColumnDropIndicator = function () {
 
 TableStickyLayoutManager.prototype._applyHeaderWrapperClass = function () {
   const headerColumns = this._table._getTableHeaderColumns();
-  if (headerColumns != null) {
-    for (let i = 0; i < headerColumns.length; i++) {
-      headerColumns[i].classList.add(Table.CSS_CLASSES._TABLE_HEADER_WRAP_TEXT_CLASS);
-    }
+  for (let i = 0; i < headerColumns.length; i++) {
+    headerColumns[i].classList.add(Table.CSS_CLASSES._TABLE_HEADER_WRAP_TEXT_CLASS);
   }
 };
 
@@ -11048,6 +11070,38 @@ TableFixedLayoutManager.prototype._clearAllCache = function () {
   this._columnMaxWidths = null;
 };
 
+/**
+ * Refresh the table dimensions
+ * @private
+ */
+TableFixedLayoutManager.prototype.optimizeInitialColumnWidths = function () {
+  var tableContainer = this._table._getTableContainer();
+  this._clearAllCache();
+
+  var tableElem = this._table._getTable();
+
+  this.clearCachedDimensions();
+  this._removeTableDimensionsStyling();
+
+  var overallWidth;
+  // this shouldn't be necessary, but safari has a bug where it does not recalculate the table column widths
+  // correctly when the DOM surrounding it is cleaned up without doing something to force a reflow on the table
+  if (isSafari()) {
+    tableElem.classList.remove(Table.CSS_CLASSES._TABLE_ELEMENT_CLASS);
+    overallWidth = tableElem.offsetWidth;
+    tableElem.classList.add(Table.CSS_CLASSES._TABLE_ELEMENT_CLASS);
+  }
+
+  this._table._styleTableContainer(tableContainer);
+  this._initializeColumnLayouts();
+
+  overallWidth = this._determineColumnWidths();
+  if (overallWidth > 0) {
+    tableElem.style[Table.CSS_PROP._WIDTH] = overallWidth + Table.CSS_VAL._PX;
+    tableElem.style['table-layout'] = 'fixed';
+  }
+};
+
 /**
  * Ensures the preferred column width variables are populated. Also resets the inner Table element's styling
  * if required. Returns true iff the inner Table element's styling was reset. Returns false otherwise.
@@ -11061,18 +11115,8 @@ TableFixedLayoutManager.prototype._initializeColumnLayouts = function () {
   if (this._table._isDefaultSelectorEnabled()) {
     if (this._selectorColWidth == null) {
       isResetTableElemStyle = true;
-      var headerSelector = this._table._getTableSelectorColumn();
-      if (headerSelector != null) {
-        // offsetWidth does not include partial px values, so bounding rect should be used
-        this._selectorColWidth = headerSelector.getBoundingClientRect().width;
-      } else {
-        var tableBodyRow = this._table._getTableBodyRow(0);
-        var selectorCell = this._table._getTableBodySelectorCell(tableBodyRow);
-        if (selectorCell != null) {
-          // offsetWidth does not include partial px values, so bounding rect should be used
-          this._selectorColWidth = selectorCell.getBoundingClientRect().width;
-        }
-      }
+      // add 1 to the selector width value due to vertical border presence / spacing
+      this._selectorColWidth = this._getPixelStyleEquivalent('2.75rem') + 1;
     }
   } else if (this._selectorColWidth != null) {
     isResetTableElemStyle = true;
@@ -11197,6 +11241,16 @@ TableFixedLayoutManager.prototype._setAllColumnWidths = function (scrollerWidth)
 
   var totalWidth = this._selectorColWidth != null ? this._selectorColWidth : 0;
   var forcedTotal = totalWidth;
+  if (this._table._isGutterStartColumnEnabled()) {
+    const gutterStartWidth = this._table._getTableGutterWidth('start');
+    totalWidth += gutterStartWidth;
+    forcedTotal += gutterStartWidth;
+  }
+  if (this._table._isGutterEndColumnEnabled()) {
+    const gutterEndWidth = this._table._getTableGutterWidth('end');
+    totalWidth += gutterEndWidth;
+    forcedTotal += gutterEndWidth;
+  }
   var freeWeightTotal = 0;
   var columnWidths = [];
   this._appliedColumnWidths = [];
@@ -11267,12 +11321,14 @@ TableFixedLayoutManager.prototype._setAllColumnWidths = function (scrollerWidth)
   }
 
   for (i = 0; i < columnsCount; i++) {
-    var tableCol = this._table._getTableCol(i);
     var colWidth = columnWidths[i];
-    tableCol.style[Table.CSS_PROP._WIDTH] = colWidth + Table.CSS_VAL._PX;
-    if (colWidth === 0) {
-      // set the display value to none or else the following column will not be shown
-      tableCol.style[Table.CSS_PROP._DISPLAY] = Table.CSS_VAL._NONE;
+    var tableCol = this._table._getTableCol(i);
+    if (tableCol != null) {
+      tableCol.style[Table.CSS_PROP._WIDTH] = colWidth + Table.CSS_VAL._PX;
+      if (colWidth === 0) {
+        // set the display value to none or else the following column will not be shown
+        tableCol.style[Table.CSS_PROP._DISPLAY] = Table.CSS_VAL._NONE;
+      }
     }
     this._appliedColumnWidths[i] = colWidth;
   }
@@ -11661,10 +11717,9 @@ Table.prototype._announceAccSelectionUpdate = function (isSelected) {
     stateInfo = this.getTranslatedString('accessibleStateUnselected');
   }
   this._stateInfo.textContent = stateInfo;
-  var label = this._stateInfo.id;
 
   // apply new label
-  this._accStatus.setAttribute(Table.DOM_ATTR._ARIA_LABELLEDBY, label); // @HTMLUpdateOK
+  this._applyAccStatusLabel(this._stateInfo.id);
 };
 
 /**
@@ -11678,7 +11733,6 @@ Table.prototype._getAccSelectorString = function (tableBodyRow) {
  * @private
  */
 Table.prototype._clearAccStatusInfo = function () {
-  this._accStatus.setAttribute(Table.DOM_ATTR._ARIA_LABELLEDBY, ''); // @HTMLUpdateOK
   this._getTable().setAttribute(Table.DOM_ATTR._ARIA_LABELLEDBY, ''); // @HTMLUpdateOK
 };
 
@@ -11690,8 +11744,6 @@ Table.prototype._applyAccStatusLabel = function (label) {
     this._accFirstFocus = false;
   } else if (this._accActionFocus) {
     this._accActionFocus = false;
-  } else {
-    this._accStatus.setAttribute(Table.DOM_ATTR._ARIA_LABELLEDBY, label); // @HTMLUpdateOK
   }
   this._getTable().setAttribute(Table.DOM_ATTR._ARIA_LABELLEDBY, label); // @HTMLUpdateOK
 };
@@ -11764,7 +11816,6 @@ Table.prototype._getNoDataId = function () {
 Table.prototype._cleanAccStatus = function () {
   this._accFirstFocus = true;
   this._accActionFocus = false;
-  this._accStatus.removeAttribute(Table.DOM_ATTR._ARIA_LABELLEDBY);
   this._getTable().removeAttribute(Table.DOM_ATTR._ARIA_LABELLEDBY);
 };
 
@@ -13342,7 +13393,7 @@ Table.prototype._createTableBodyDefaultSelector = function (rowKey, tableBodyRow
   var selectorCell = null;
 
   selectorCell = document.createElement(Table.DOM_ELEMENT._TD); // @HTMLUpdateOK
-  selectorCell.classList.add(Table.CSS_CLASSES._TABLE_SELECTOR_CELL);
+  selectorCell.classList.add(Table.CSS_CLASSES._TABLE_SELECTOR_CELL_CLASS);
   if (this._isStickyLayoutEnabled()) {
     selectorCell.classList.add(Table.CSS_CLASSES._TABLE_FROZEN_START);
   }
@@ -14197,14 +14248,20 @@ Table.prototype._getTableBodyLogicalCells = function (rowIdx, tableBodyRow) {
  * @private
  */
 Table.prototype._getTableBodyCells = function (rowIdx, tableBodyRow) {
+  var cells = [];
   if (!tableBodyRow) {
     // eslint-disable-next-line no-param-reassign
     tableBodyRow = this._getTableBodyRow(rowIdx);
-    if (!tableBodyRow) {
-      return [];
+  }
+  if (tableBodyRow != null) {
+    var children = tableBodyRow.children;
+    for (var i = 0; i < children.length; i++) {
+      if (children[i].classList.contains(Table.CSS_CLASSES._TABLE_DATA_CELL_CLASS)) {
+        cells.push(children[i]);
+      }
     }
   }
-  return this._getTableElementsByClassName(tableBodyRow, Table.CSS_CLASSES._TABLE_DATA_CELL_CLASS);
+  return cells;
 };
 
 /**
@@ -14443,10 +14500,17 @@ Table.prototype._getTableFooterCell = function (columnIdx) {
  * @private
  */
 Table.prototype._getTableFooterCells = function () {
+  var columns = [];
   var tableFooterRow = this._getTableFooterRow();
-  return tableFooterRow != null
-    ? this._getTableElementsByClassName(tableFooterRow, Table.CSS_CLASSES._TABLE_FOOTER_CELL_CLASS)
-    : [];
+  if (tableFooterRow != null) {
+    var children = tableFooterRow.children;
+    for (var i = 0; i < children.length; i++) {
+      if (children[i].classList.contains(Table.CSS_CLASSES._TABLE_FOOTER_CELL_CLASS)) {
+        columns.push(children[i]);
+      }
+    }
+  }
+  return columns;
 };
 
 /**
@@ -14484,7 +14548,7 @@ Table.prototype._getTableHeader = function () {
  */
 Table.prototype._getTableHeaderColumn = function (columnIdx) {
   var headerColumns = this._getTableHeaderColumns();
-  if (headerColumns && headerColumns.length > columnIdx && columnIdx >= 0) {
+  if (headerColumns.length > columnIdx && columnIdx >= 0) {
     return headerColumns[columnIdx];
   }
   return null;
@@ -14493,17 +14557,28 @@ Table.prototype._getTableHeaderColumn = function (columnIdx) {
 /**
  * @private
  */
-Table.prototype._getTableCol = function (columnIdx) {
+Table.prototype._getTableCols = function () {
+  var cols = [];
   var tableColGroup = this._getTableColGroup();
   if (tableColGroup != null) {
-    var tableColElements = this._getTableElementsByClassName(
-      tableColGroup,
-      Table.CSS_CLASSES._TABLE_COL_CLASS
-    );
-    if (tableColElements.length > 0) {
-      return tableColElements[columnIdx];
+    var children = tableColGroup.children;
+    for (var i = 0; i < children.length; i++) {
+      if (children[i].classList.contains(Table.CSS_CLASSES._TABLE_COL_CLASS)) {
+        cols.push(children[i]);
+      }
     }
   }
+  return cols;
+};
+
+/**
+ * @private
+ */
+Table.prototype._getTableCol = function (columnIdx) {
+  var tableColElements = this._getTableCols();
+  if (tableColElements.length > 0) {
+    return tableColElements[columnIdx];
+  }
   return null;
 };
 
@@ -14513,17 +14588,17 @@ Table.prototype._getTableCol = function (columnIdx) {
  * @private
  */
 Table.prototype._getTableHeaderColumns = function () {
+  var columns = [];
   var tableHeaderRow = this._getTableHeaderRow();
   if (tableHeaderRow != null) {
-    var headerColumnElements = this._getTableElementsByClassName(
-      tableHeaderRow,
-      Table.CSS_CLASSES._COLUMN_HEADER_CELL_CLASS
-    );
-    if (headerColumnElements.length > 0) {
-      return headerColumnElements;
+    var children = tableHeaderRow.children;
+    for (var i = 0; i < children.length; i++) {
+      if (children[i].classList.contains(Table.CSS_CLASSES._COLUMN_HEADER_CELL_CLASS)) {
+        columns.push(children[i]);
+      }
     }
   }
-  return null;
+  return columns;
 };
 
 /**
@@ -14532,11 +14607,7 @@ Table.prototype._getTableHeaderColumns = function () {
  * @private
  */
 Table.prototype._getTableHeaderLogicalColumns = function () {
-  var tableHeaderColumns = this._getTableHeaderColumns();
-  if (!tableHeaderColumns) {
-    return null;
-  }
-  return this._getColspanLogicalElements(tableHeaderColumns);
+  return this._getColspanLogicalElements(this._getTableHeaderColumns());
 };
 
 /**
@@ -14560,11 +14631,15 @@ Table.prototype._getPlaceHolderRow = function () {
  * Return table add row cells
  */
 Table.prototype._getPlaceHolderRowCells = function (placeHolderRow) {
+  var cells = [];
   var addRow = placeHolderRow != null ? placeHolderRow : this._getPlaceHolderRow();
   if (addRow != null) {
-    return this._getTableElementsByTagName(addRow, Table.DOM_ELEMENT._TD);
+    var children = addRow.children;
+    for (var i = 0; i < children.length; i++) {
+      cells.push(children[i]);
+    }
   }
-  return [];
+  return cells;
 };
 
 /**
@@ -14774,7 +14849,7 @@ Table.prototype._insertTableHeaderColumn = function (columnIdx, tableHeaderColum
   var oldTableHeaderColumn = this._getTableHeaderColumn(columnIdx);
   if (oldTableHeaderColumn) {
     $(oldTableHeaderColumn).replaceWith($(tableHeaderColumn)); // @HTMLUpdateOK
-  } else if (columnIdx !== 0 && tableHeaderColumns && tableHeaderColumns.length >= columnIdx) {
+  } else if (columnIdx !== 0 && tableHeaderColumns.length >= columnIdx) {
     var previousColumn = tableHeaderColumns[columnIdx - 1];
     previousColumn.parentNode.insertBefore(tableHeaderColumn, previousColumn.nextSibling); // @HTMLUpdateOK
   } else {
@@ -16072,13 +16147,11 @@ Table.prototype._getSortIcon = function (header) {
  */
 Table.prototype._getTableBodySelectorCell = function (tableBodyRow) {
   if (tableBodyRow != null) {
-    var selectorCell = this._getTableElementsByClassName(
-      tableBodyRow,
-      Table.CSS_CLASSES._TABLE_SELECTOR_CELL
-    );
-
-    if (selectorCell.length > 0) {
-      return selectorCell[0];
+    var children = tableBodyRow.children;
+    for (var i = 0; i < children.length; i++) {
+      if (children[i].classList.contains(Table.CSS_CLASSES._TABLE_SELECTOR_CELL_CLASS)) {
+        return children[i];
+      }
     }
   }
   return null;
@@ -16092,13 +16165,11 @@ Table.prototype._getTableBodySelectorCell = function (tableBodyRow) {
 Table.prototype._getTableSelectorColumn = function () {
   var tableHeaderRow = this._getTableHeaderRow();
   if (tableHeaderRow != null) {
-    var selectorHeader = this._getTableElementsByClassName(
-      tableHeaderRow,
-      Table.CSS_CLASSES._COLUMN_HEADER_SELECTOR_CELL_CLASS
-    );
-
-    if (selectorHeader.length > 0) {
-      return selectorHeader[0];
+    var children = tableHeaderRow.children;
+    for (var i = 0; i < children.length; i++) {
+      if (children[i].classList.contains(Table.CSS_CLASSES._COLUMN_HEADER_SELECTOR_CELL_CLASS)) {
+        return children[i];
+      }
     }
   }
   return null;
@@ -16112,13 +16183,11 @@ Table.prototype._getTableSelectorColumn = function () {
 Table.prototype._getTableFooterSelectorCell = function () {
   var tableFooterRow = this._getTableFooterRow();
   if (tableFooterRow != null) {
-    var selectorCell = this._getTableElementsByClassName(
-      tableFooterRow,
-      Table.CSS_CLASSES._TABLE_FOOTER_SELECTOR_CELL_CLASS
-    );
-
-    if (selectorCell.length > 0) {
-      return selectorCell[0];
+    var children = tableFooterRow.children;
+    for (var i = 0; i < children.length; i++) {
+      if (children[i].classList.contains(Table.CSS_CLASSES._TABLE_FOOTER_SELECTOR_CELL_CLASS)) {
+        return children[i];
+      }
     }
   }
   return null;
@@ -16256,9 +16325,11 @@ Table.prototype._getTableGutterCell = function (tablePart, edge, targetRow) {
         : Table.CSS_CLASSES._TABLE_GUTTER_END_BODY_CELL;
   }
   if (targetRow != null) {
-    let gutterCell = this._getTableElementsByClassName(targetRow, className);
-    if (gutterCell.length > 0) {
-      return gutterCell[0];
+    var children = targetRow.children;
+    for (var i = 0; i < children.length; i++) {
+      if (children[i].classList.contains(className)) {
+        return children[i];
+      }
     }
   }
   return null;
@@ -16334,7 +16405,7 @@ Table.CSS_CLASSES = {
     'oj-table-body-row-touch-selection-affordance-touch-area',
   _TABLE_DATA_ROW_EDIT_CLASS: 'oj-table-body-row-edit',
   _TABLE_DATA_ROW_SELECTOR_CLASS: 'oj-table-body-row-selector',
-  _TABLE_SELECTOR_CELL: 'oj-table-selector-cell',
+  _TABLE_SELECTOR_CELL_CLASS: 'oj-table-selector-cell',
   _TABLE_DATA_CURRENT_ROW_CLASS: 'oj-table-body-current-row',
   _TABLE_ACTIVE_ELEMENT_CLASS: 'oj-table-active-element',
   _TABLE_DATA_CELL_CLASS: 'oj-table-data-cell',
@@ -19478,7 +19549,7 @@ Table.prototype._getColumnLocations = function () {
   if (this._columnOffsets == null) {
     this._columnOffsets = [];
     var headerColumns = this._getTableHeaderColumns();
-    if (headerColumns && headerColumns.length > 0) {
+    if (headerColumns.length > 0) {
       // depending on browser, offsetLeft of first column might not be 0
       var initOffset = this._getScrollLeftByIndex(0);
       this._columnOffsets.push(0);
@@ -20028,7 +20099,6 @@ Table.prototype._setTableEditable = function (
                   this._setTableActionableMode(false, true);
                   this._setEditableRowIdx(editableRowIndex);
                   this._getTable().setAttribute(Table.DOM_ATTR._ARIA_LABELLEDBY, ''); // @HTMLUpdateOK
-                  this._accStatus.setAttribute(Table.DOM_ATTR._ARIA_LABELLEDBY, ''); // @HTMLUpdateOK
                   // re-render the newly editable row
                   return this._refreshRow(editableRowIndex, true, false, !isLegacyDataSource).then(
                     function () {
@@ -20068,7 +20138,6 @@ Table.prototype._setTableEditable = function (
         this._setTableActionableMode(false, true);
         this._setEditableRowIdx(rowIdx);
         this._getTable().setAttribute(Table.DOM_ATTR._ARIA_LABELLEDBY, ''); // @HTMLUpdateOK
-        this._accStatus.setAttribute(Table.DOM_ATTR._ARIA_LABELLEDBY, ''); // @HTMLUpdateOK
         // re-render the newly editable row
         this._queueTask(
           function () {
@@ -20508,8 +20577,7 @@ Table.prototype._handleKeydownTab = function (event) {
     var tabbableElementsInRowCount = tabbableElementsInRow.length;
     var rowElementTabIndex = $(tabbableElementsInRow).index(currentFocusElement);
 
-    var tableHeaderColumns = this._getTableHeaderColumns();
-    var maxIndex = tableHeaderColumns ? tableHeaderColumns.length - 1 : 0;
+    var maxIndex = Math.max(this._getTableHeaderColumns().length - 1, 0);
     if (
       rowElementTabIndex === tabbableElementsInRowCount - 1 &&
       !event[Table._KEYBOARD_CODES._MODIFIER_SHIFT]

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

@@ -8,7 +8,7 @@
 import { forwardRef } from 'preact/compat';
 import { jsx } from 'preact/jsx-runtime';
 import { h, options, Component, createRef, render, Fragment, cloneElement, createContext } from 'preact';
-import { JetElementError, CustomElementUtils, AttributeUtils, transformPreactValue, ElementUtils, CHILD_BINDING_PROVIDER, toSymbolizedValue, ElementState } from 'ojs/ojcustomelement-utils';
+import { JetElementError, CustomElementUtils, AttributeUtils, transformPreactValue, ElementUtils, CHILD_BINDING_PROVIDER, toSymbolizedValue, LifecycleElementState } from 'ojs/ojcustomelement-utils';
 import { getElementRegistration, isElementRegistered, isVComponent, getElementDescriptor, registerElement as registerElement$1 } from 'ojs/ojcustomelement-registry';
 import { useLayoutEffect, useContext, useMemo } from 'preact/hooks';
 import { EnvironmentContext, RootEnvironmentProvider } from '@oracle/oraclejet-preact/UNSAFE_Environment';
@@ -722,8 +722,10 @@ class IntrinsicElement {
                 this._state.setBindingsDisposedCallback(() => this._handleBindingsDisposed());
             }
         }
+        this._state.executeLifecycleCallbacks(true);
     }
     _verifiedDisconnect() {
+        this._state.executeLifecycleCallbacks(false);
         if (this._state.isComplete()) {
             this._disconnectSlots();
             this._state.resetCreationCycle();
@@ -2888,7 +2890,7 @@ const Root = forwardRef((props, ref) => {
 });
 
 const SUPPORTED_LOCALES = new Set(supportedLocales);
-class VComponentState extends ElementState {
+class VComponentState extends LifecycleElementState {
     constructor(element) {
         super(element);
         this._translationBundleMap = {};

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/15.1.1/min@insertESLevelPath@',
-      'ojL10n': 'libs/oj/15.1.1/ojL10n',
-      'ojtranslations': 'libs/oj/15.1.1/resources',
+      'ojs': 'libs/oj/15.1.3/min@insertESLevelPath@',
+      'ojL10n': 'libs/oj/15.1.3/ojL10n',
+      'ojtranslations': 'libs/oj/15.1.3/resources',
       
   'knockout': 'libs/knockout/knockout-3.5.1',
   'jquery': 'libs/jquery/jquery-3.6.4.min',