@oracle/oraclejet 15.1.1 → 15.1.3

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

@@ -2492,7 +2492,10 @@ var __oj_table_metadata =
     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
@@ -2564,6 +2567,16 @@ var __oj_table_metadata =
       // 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();
@@ -2621,7 +2634,7 @@ var __oj_table_metadata =
         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
@@ -2643,7 +2656,12 @@ var __oj_table_metadata =
               self._columnHeaderDefaultRenderer(this, delegateRenderer);
             };
           }
-          if (!DataCollectionUtils.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 (!DataCollectionUtils.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
@@ -2712,6 +2730,10 @@ var __oj_table_metadata =
         );
       }
       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);
@@ -4508,9 +4530,8 @@ var __oj_table_metadata =
    */
   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) {
@@ -4841,10 +4862,8 @@ var __oj_table_metadata =
       }
     }
     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';
     }
   };
 
@@ -5790,7 +5809,7 @@ var __oj_table_metadata =
               // 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
@@ -6424,7 +6443,10 @@ var __oj_table_metadata =
     // 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) {
@@ -7268,6 +7290,12 @@ var __oj_table_metadata =
    */
   TableLayoutManager.prototype.refreshTableDimensions = function () {};
 
+  /**
+   * Refresh the table dimensions
+   * @private
+   */
+  TableLayoutManager.prototype.optimizeInitialColumnWidths = function () {};
+
   /**
    * @private
    */
@@ -7781,10 +7809,8 @@ var __oj_table_metadata =
       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) {
@@ -9104,8 +9130,7 @@ var __oj_table_metadata =
       return false;
     }
 
-    var headerColumns = this._table._getTableHeaderColumns();
-    if (!headerColumns) {
+    if (this._table._getTableHeaderColumns().length === 0) {
       return false;
     }
 
@@ -9354,10 +9379,8 @@ var __oj_table_metadata =
    */
   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);
@@ -9866,16 +9889,7 @@ var __oj_table_metadata =
       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();
@@ -10011,9 +10025,9 @@ var __oj_table_metadata =
    * @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] = '';
     }
@@ -10044,15 +10058,25 @@ var __oj_table_metadata =
     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;
@@ -10996,10 +11020,8 @@ var __oj_table_metadata =
 
   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);
     }
   };
 
@@ -11027,6 +11049,38 @@ var __oj_table_metadata =
     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 (DataCollectionUtils.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.
@@ -11040,18 +11094,8 @@ var __oj_table_metadata =
     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;
@@ -11176,6 +11220,16 @@ var __oj_table_metadata =
 
     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 = [];
@@ -11246,12 +11300,14 @@ var __oj_table_metadata =
     }
 
     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;
     }
@@ -11640,10 +11696,9 @@ var __oj_table_metadata =
       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);
   };
 
   /**
@@ -11657,7 +11712,6 @@ var __oj_table_metadata =
    * @private
    */
   Table.prototype._clearAccStatusInfo = function () {
-    this._accStatus.setAttribute(Table.DOM_ATTR._ARIA_LABELLEDBY, ''); // @HTMLUpdateOK
     this._getTable().setAttribute(Table.DOM_ATTR._ARIA_LABELLEDBY, ''); // @HTMLUpdateOK
   };
 
@@ -11669,8 +11723,6 @@ var __oj_table_metadata =
       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
   };
@@ -11743,7 +11795,6 @@ var __oj_table_metadata =
   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);
   };
 
@@ -13321,7 +13372,7 @@ var __oj_table_metadata =
     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);
     }
@@ -14176,14 +14227,20 @@ var __oj_table_metadata =
    * @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;
   };
 
   /**
@@ -14422,10 +14479,17 @@ var __oj_table_metadata =
    * @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;
   };
 
   /**
@@ -14463,7 +14527,7 @@ var __oj_table_metadata =
    */
   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;
@@ -14472,17 +14536,28 @@ var __oj_table_metadata =
   /**
    * @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;
   };
 
@@ -14492,17 +14567,17 @@ var __oj_table_metadata =
    * @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;
   };
 
   /**
@@ -14511,11 +14586,7 @@ var __oj_table_metadata =
    * @private
    */
   Table.prototype._getTableHeaderLogicalColumns = function () {
-    var tableHeaderColumns = this._getTableHeaderColumns();
-    if (!tableHeaderColumns) {
-      return null;
-    }
-    return this._getColspanLogicalElements(tableHeaderColumns);
+    return this._getColspanLogicalElements(this._getTableHeaderColumns());
   };
 
   /**
@@ -14539,11 +14610,15 @@ var __oj_table_metadata =
    * 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;
   };
 
   /**
@@ -14753,7 +14828,7 @@ var __oj_table_metadata =
     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 {
@@ -16051,13 +16126,11 @@ var __oj_table_metadata =
    */
   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;
@@ -16071,13 +16144,11 @@ var __oj_table_metadata =
   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;
@@ -16091,13 +16162,11 @@ var __oj_table_metadata =
   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;
@@ -16235,9 +16304,11 @@ var __oj_table_metadata =
           : 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;
@@ -16313,7 +16384,7 @@ var __oj_table_metadata =
       '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',
@@ -19457,7 +19528,7 @@ var __oj_table_metadata =
     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);
@@ -20007,7 +20078,6 @@ var __oj_table_metadata =
                     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 () {
@@ -20047,7 +20117,6 @@ var __oj_table_metadata =
           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 () {
@@ -20487,8 +20556,7 @@ var __oj_table_metadata =
       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/ojvcomponent.js

@@ -729,8 +729,10 @@ define(['require', 'exports', 'preact/compat', 'preact/jsx-runtime', 'preact', '
                     this._state.setBindingsDisposedCallback(() => this._handleBindingsDisposed());
                 }
             }
+            this._state.executeLifecycleCallbacks(true);
         }
         _verifiedDisconnect() {
+            this._state.executeLifecycleCallbacks(false);
             if (this._state.isComplete()) {
                 this._disconnectSlots();
                 this._state.resetCreationCycle();
@@ -2895,7 +2897,7 @@ define(['require', 'exports', 'preact/compat', 'preact/jsx-runtime', 'preact', '
     });
 
     const SUPPORTED_LOCALES = new Set(supportedLocales);
-    class VComponentState extends ojcustomelementUtils.ElementState {
+    class VComponentState extends ojcustomelementUtils.LifecycleElementState {
         constructor(element) {
             super(element);
             this._translationBundleMap = {};