@oracle/oraclejet 15.1.1 → 15.1.2

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
@@ -4508,9 +4511,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 +4843,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 +5790,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 +6424,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) {
@@ -7781,10 +7784,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 +9105,7 @@ var __oj_table_metadata =
       return false;
     }
 
-    var headerColumns = this._table._getTableHeaderColumns();
-    if (!headerColumns) {
+    if (this._table._getTableHeaderColumns().length === 0) {
       return false;
     }
 
@@ -9354,10 +9354,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);
@@ -10996,10 +10994,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);
     }
   };
 
@@ -11640,10 +11636,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 +11652,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 +11663,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 +11735,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 +13312,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 +14167,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 +14419,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 +14467,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;
@@ -14492,17 +14496,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 +14515,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 +14539,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 +14757,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 +16055,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 +16073,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 +16091,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 +16233,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 +16313,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 +19457,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 +20007,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 +20046,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 +20485,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 = {};

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

@@ -11,7 +11,7 @@ import { info, warn } from 'ojs/ojlogger';
 import { getDefaultValue } from 'ojs/ojmetadatautils';
 import 'ojs/ojcomposite-knockout';
 import 'ojs/ojcustomelement';
-import { ElementState, CustomElementUtils, ElementUtils, transformPreactValue, JetElementError, CHILD_BINDING_PROVIDER } from 'ojs/ojcustomelement-utils';
+import { LifecycleElementState, CustomElementUtils, ElementUtils, transformPreactValue, JetElementError, CHILD_BINDING_PROVIDER } from 'ojs/ojcustomelement-utils';
 import { getElementDescriptor, getElementRegistration, registerElement, isElementRegistered, isComposite } from 'ojs/ojcustomelement-registry';
 
 const CompositeInternal = {};
@@ -48,7 +48,7 @@ CompositeInternal.getContainingComposite = function (node, stopBelow) {
   return composite;
 };
 
-class CompositeState extends ElementState {
+class CompositeState extends LifecycleElementState {
     getTrackChildrenOption() {
         return 'immediate';
     }
@@ -85,6 +85,9 @@ CompositeElementBridge.DESC_KEY_VIEW_MODEL = 'viewModel';
 /** @ignore */
 CompositeElementBridge.SUBID_MAP = 'data-oj-subid-map';
 
+CompositeElementBridge.DisconnectedState = 0;
+CompositeElementBridge.ConnectedState = 1;
+
 oj.CollectionUtils.copyInto(CompositeElementBridge.proto, {
   beforePropertyChangedEvent: function (element, property, detail) {
     var vmContext = { property: property };
@@ -323,6 +326,11 @@ oj.CollectionUtils.copyInto(CompositeElementBridge.proto, {
     oj.CompositeTemplateRenderer.invokeViewModelMethod(element, this._VIEW_MODEL, 'disconnected', [
       element
     ]);
+    this._verifyConnectDisconnect(element, CompositeElementBridge.DisconnectedState);
+  },
+
+  HandleAttached: function (element) {
+    this._verifyConnectDisconnect(element, CompositeElementBridge.ConnectedState);
   },
 
   HandleReattached: function (element) {
@@ -339,6 +347,7 @@ oj.CollectionUtils.copyInto(CompositeElementBridge.proto, {
         this._VM_CONTEXT
       ]);
     }
+    this._verifyConnectDisconnect(element, CompositeElementBridge.ConnectedState);
   },
 
   InitializeElement: function (element) {
@@ -547,6 +556,34 @@ oj.CollectionUtils.copyInto(CompositeElementBridge.proto, {
     return this._VIEW_MODEL;
   },
 
+  // Called from HandleAttached, HandleReattached, HandleDetached in order
+  // to cleanup a composite on a true disconnect.
+  _verifyConnectDisconnect: function (element, state) {
+    if (this._verifyingState === undefined) {
+      window.queueMicrotask(() => {
+        if (this._verifyingState === state) {
+          if (this._verifyingState === CompositeElementBridge.ConnectedState) {
+            this._verifiedConnect(element);
+          } else {
+            this._verifiedDisconnect(element);
+          }
+          this._verifyingState = undefined;
+        }
+      });
+    }
+    this._verifyingState = state;
+  },
+
+  _verifiedConnect: function (element) {
+    const state = CustomElementUtils.getElementState(element);
+    state.executeLifecycleCallbacks(true);
+  },
+
+  _verifiedDisconnect: function (element) {
+    const state = CustomElementUtils.getElementState(element);
+    state.executeLifecycleCallbacks(false);
+  },
+
   _processCompositeTemplate: function (element) {
     // Skip rendering the composite template since the it is not attached to the DOM.
     // The template will be rendered if and when the component will be reattached.

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

@@ -37,12 +37,12 @@ const oj = {
    * @global
    * @member {string} version JET version numberr
    */
-  version: '15.1.1',
+  version: '15.1.2',
   /**
    * @global
    * @member {string} revision JET source code revision number
    */
-  revision: '2023-10-24_09-12-11',
+  revision: '2023-11-02_05-11-27',
 
   // This function is only meant to be used outside the library, so quoting the name
   // to avoid renaming is appropriate

package/dist/js/libs/oj/debug_esm/ojcustomelement-utils.js

@@ -763,6 +763,34 @@ var ComponentState;
     ComponentState[ComponentState["BindingsDisposed"] = 8] = "BindingsDisposed";
 })(ComponentState || (ComponentState = {}));
 
+class LifecycleElementState extends ElementState {
+    constructor() {
+        super(...arguments);
+        this._connectCallbacks = [];
+        this._disconnectCallbacks = [];
+    }
+    addLifecycleCallbacks(connectFunc, disconnectFunc) {
+        if (connectFunc) {
+            this._connectCallbacks.push(connectFunc);
+        }
+        if (disconnectFunc) {
+            this._disconnectCallbacks.push(disconnectFunc);
+        }
+    }
+    removeLifecycleCallbacks(connectFunc, disconnectFunc) {
+        if (connectFunc) {
+            this._connectCallbacks = this._connectCallbacks.filter((item) => item != connectFunc);
+        }
+        if (disconnectFunc) {
+            this._disconnectCallbacks = this._disconnectCallbacks.filter((item) => item != disconnectFunc);
+        }
+    }
+    executeLifecycleCallbacks(isConnected) {
+        const callbacks = isConnected ? this._connectCallbacks : this._disconnectCallbacks;
+        callbacks.forEach((callback) => callback());
+    }
+}
+
 const NULL_SYMBOL = Symbol('custom element null');
 const EMPTY_STRING_SYMBOL = Symbol('custom element empty string');
 const toSymbolizedValue = (value) => {
@@ -803,4 +831,4 @@ const transformPreactValue = (element, propertyMeta, originalValue) => {
 
 const OJ_BIND_CONVERTED_NODE = Symbol('ojBindConvertedNode');
 
-export { AttributeUtils, CACHED_BINDING_PROVIDER, CHILD_BINDING_PROVIDER, CustomElementUtils, ElementState, ElementUtils, JetElementError, OJ_BIND_CONVERTED_NODE, toSymbolizedValue, transformPreactValue };
+export { AttributeUtils, CACHED_BINDING_PROVIDER, CHILD_BINDING_PROVIDER, CustomElementUtils, ElementState, ElementUtils, JetElementError, LifecycleElementState, OJ_BIND_CONVERTED_NODE, toSymbolizedValue, transformPreactValue };

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

@@ -263,6 +263,9 @@ BaseCustomElementBridge.proto = {
   // eslint-disable-next-line no-unused-vars
   HandleBindingsApplied: function (element, bindingContext) {},
 
+  // eslint-disable-next-line no-unused-vars
+  HandleAttached: function (element) {},
+
   // eslint-disable-next-line no-unused-vars
   HandleDetached: function (element) {},
 

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

@@ -1467,7 +1467,7 @@ TreeDataProviderContentHandler.prototype.Collapse = function (item) {
   // template engine should have already been loaded
   var templateEngine = this.getTemplateEngine();
   if (templateEngine) {
-    templateEngine.clean(item.get(0), this.m_widget.GetRootElement());
+    templateEngine.clean(item.get(0), this.m_widget.GetRootElement().get(0));
   }
 
   // remove all children nodes
@@ -1607,7 +1607,7 @@ TreeDataProviderContentHandler.prototype._replaceGroupItem = function (
     if (contentNode) {
       // explicit clean when inline template is used
       if (templateEngine) {
-        templateEngine.clean(groupItem, this.m_widget.GetRootElement());
+        templateEngine.clean(groupItem, this.m_widget.GetRootElement().get(0));
       }
       cellNode.removeChild(contentNode);
 
@@ -1692,7 +1692,7 @@ TreeDataProviderContentHandler.prototype._handleChildRefresh = function (keys) {
         var groupItem = elem.querySelector('.' + groupItemStyleClass);
         if (group != null && groupItem != null) {
           if (templateEngine != null) {
-            templateEngine.clean(group, this.m_widget.GetRootElement());
+            templateEngine.clean(group, this.m_widget.GetRootElement().get(0));
           }
           group.innerHTML = ''; // @HTMLUpdateOK
 
@@ -4128,7 +4128,7 @@ const _ojListView = _ListViewUtils.clazz(
       var elem = document.getElementById(this._createSubId('empty'));
       if (elem) {
         if (this.m_engine) {
-          this.m_engine.clean(elem, this.GetRootElement());
+          this.m_engine.clean(elem, this.GetRootElement().get(0));
         }
         elem.parentNode.removeChild(elem);
       }