@oracle/oraclejet 14.0.10 → 14.1.1

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

@@ -18,6 +18,7 @@ import oj$1 from 'ojs/ojcore-base';
 import { fixResizeListeners, dispatchEvent, recentTouchEnd, isTouchSupported, makeFocusable, getReadingDirection } from 'ojs/ojdomutils';
 import 'ojs/ojcustomelement';
 import { CustomElementUtils, ElementUtils, transformPreactValue, ElementState, AttributeUtils, JetElementError } from 'ojs/ojcustomelement-utils';
+import { isElementRegistered, getElementProperties, registerElement } from 'ojs/ojcustomelement-registry';
 import { info, error } from 'ojs/ojlogger';
 import { DefaultsUtils } from 'ojs/ojdefaultsutils';
 import { applyParameters, getComponentTranslations } from 'ojs/ojtranslation';
@@ -1626,7 +1627,7 @@ Components.createDynamicPropertyGetter = function (callback) {
  * @ojtsignore
  */
 Components.getWidgetConstructor = function (element, widgetName) {
-  if (element && !CustomElementUtils.isElementRegistered(element.tagName)) {
+  if (element && !isElementRegistered(element.tagName)) {
     return Components.__GetWidgetConstructor(element, widgetName);
   }
   return null;
@@ -2202,7 +2203,7 @@ function _accumulateValues(target, source, valueInArray) {
  * @ignore
  */
 function _isCompositeOrCustom(node) {
-  return CustomElementUtils.isElementRegistered(node.tagName);
+  return isElementRegistered(node.tagName);
 }
 
 /**
@@ -2573,10 +2574,7 @@ oj.CollectionUtils.copyInto(CustomElementBridge.proto, {
           !bridge._validateAndSetCopyProperty(this, prop, value, null)
         ) {
           // If not an event or copy property, check to see if it's a component specific property
-          var meta = getPropertyMetadata(
-            prop,
-            CustomElementUtils.getElementProperties(this)
-          );
+          var meta = getPropertyMetadata(prop, getElementProperties(this));
           // For non component specific properties, just set directly on the element instead.
           if (!meta) {
             this[prop] = value;
@@ -2590,10 +2588,7 @@ oj.CollectionUtils.copyInto(CustomElementBridge.proto, {
     // eslint-disable-next-line no-param-reassign
     proto.getProperty = function (prop) {
       var bridge = CustomElementUtils.getElementBridge(this);
-      var meta = getPropertyMetadata(
-        prop,
-        CustomElementUtils.getElementProperties(this)
-      );
+      var meta = getPropertyMetadata(prop, getElementProperties(this));
 
       // For event listeners and non component specific properties, return the property from the element.
       // Otherwise, return the widget property and let the widget handle dot notation for subproperties.
@@ -2943,7 +2938,7 @@ oj.CollectionUtils.copyInto(CustomElementBridge.proto, {
   },
 
   _processProperties: function (element) {
-    var props = CustomElementUtils.getElementProperties(element);
+    var props = getElementProperties(element);
     if (props) {
       var propKeys = Object.keys(props);
       for (var i = 0; i < propKeys.length; i++) {
@@ -3012,10 +3007,7 @@ oj.CollectionUtils.copyInto(CustomElementBridge.proto, {
       if (this._WIDGET_ELEM) {
         if (!propMeta) {
           // eslint-disable-next-line no-param-reassign
-          propMeta = getPropertyMetadata(
-            prop,
-            CustomElementUtils.getElementProperties(elem)
-          );
+          propMeta = getPropertyMetadata(prop, getElementProperties(elem));
         }
 
         var previousValue = this._getCopyProperty(elem, prop, propMeta);
@@ -3172,7 +3164,7 @@ CustomElementBridge.register = function (tagName, descriptor) {
   }
 
   const registration = { descriptor, bridgeProto, stateClass };
-  CustomElementUtils.registerElement(tagName, registration, bridgeProto.getClass(descriptor));
+  registerElement(tagName, registration, bridgeProto.getClass(descriptor));
 };
 
 /** ***************************/
@@ -5928,7 +5920,7 @@ var _OJ_COMPONENT_EVENT_OVERRIDES = {
      * @protected
      */
     _IsCustomElement: function () {
-      return CustomElementUtils.isElementRegistered(this._getRootElement().tagName);
+      return isElementRegistered(this._getRootElement().tagName);
     },
 
     /**
@@ -6612,7 +6604,7 @@ $.cleanData = (function (orig) {
         bSkip = constr('instance')._IsCustomElement();
         if (!bSkip) {
           var parent = Components.getComponentElementByNode(elem);
-          bSkip = parent && CustomElementUtils.isElementRegistered(parent.tagName);
+          bSkip = parent && isElementRegistered(parent.tagName);
         }
       }
       if (!bSkip) {

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

@@ -12,6 +12,7 @@ import { getDefaultValue } from 'ojs/ojmetadatautils';
 import 'ojs/ojcomposite-knockout';
 import 'ojs/ojcustomelement';
 import { ElementState, CustomElementUtils, ElementUtils, CHILD_BINDING_PROVIDER, transformPreactValue, JetElementError } from 'ojs/ojcustomelement-utils';
+import { getElementDescriptor, getElementRegistration, registerElement, isElementRegistered, isComposite } from 'ojs/ojcustomelement-registry';
 
 const CompositeInternal = {};
 
@@ -179,9 +180,7 @@ oj.CollectionUtils.copyInto(CompositeElementBridge.proto, {
     vmContext.uniqueId = element.id ? element.id : unique;
     this._VM_CONTEXT = vmContext;
 
-    var model = CustomElementUtils.getElementDescriptor(element.tagName)[
-      CompositeElementBridge.DESC_KEY_VIEW_MODEL
-    ];
+    var model = getElementDescriptor(element.tagName)[CompositeElementBridge.DESC_KEY_VIEW_MODEL];
     if (typeof model === 'function') {
       // eslint-disable-next-line new-cap
       model = new model(vmContext);
@@ -222,7 +221,7 @@ oj.CollectionUtils.copyInto(CompositeElementBridge.proto, {
         oj.Components.unmarkPendingSubtreeHidden(element);
       }
 
-      var cache = CustomElementUtils.getElementRegistration(element.tagName).cache;
+      var cache = getElementRegistration(element.tagName).cache;
       // Need to clone nodes first
       var view = CompositeElementBridge._getDomNodes(cache.view, element);
       oj.CompositeTemplateRenderer.renderTemplate(params, element, view);
@@ -373,9 +372,9 @@ oj.CollectionUtils.copyInto(CompositeElementBridge.proto, {
     var descriptor;
 
     // Cache the View
-    var cache = CustomElementUtils.getElementRegistration(element.tagName).cache;
+    var cache = getElementRegistration(element.tagName).cache;
     if (!cache.view) {
-      descriptor = CustomElementUtils.getElementDescriptor(element.tagName);
+      descriptor = getElementDescriptor(element.tagName);
 
       var view = descriptor[CompositeElementBridge.DESC_KEY_VIEW];
       // when multiple instances of the same CCA are on the same page, because of the async
@@ -395,7 +394,7 @@ oj.CollectionUtils.copyInto(CompositeElementBridge.proto, {
     // Cache the CSS
     if (!cache.css) {
       if (!descriptor) {
-        descriptor = CustomElementUtils.getElementDescriptor(element.tagName);
+        descriptor = getElementDescriptor(element.tagName);
       }
       // The CSS Promise will be null if loaded by the require-css plugin
       var css = descriptor[CompositeElementBridge.DESC_KEY_CSS];
@@ -622,11 +621,7 @@ CompositeElementBridge.register = function (tagName, descriptor) {
 
   // __ProcessEventListeners returns a copy of the metadata so we're not updating the original here.
   descrip._metadata = oj.BaseCustomElementBridge.__ProcessEventListeners(metadata, false);
-  CustomElementUtils.registerElement(
-    tagName,
-    registration,
-    CompositeElementBridge.proto.getClass(descrip)
-  );
+  registerElement(tagName, registration, CompositeElementBridge.proto.getClass(descrip));
 };
 
 /** ***************************/
@@ -694,10 +689,7 @@ CompositeElementBridge._walkSubtree = function (subIdMap, nodeMap, node) {
   if (!node.hasAttribute('slot')) {
     CompositeElementBridge._addNodeToSubIdMap(subIdMap, nodeMap, node);
     // For upstream or indirect dependency we will still rely components being registered on the oj namespace.
-    if (
-      !CustomElementUtils.isElementRegistered(node.tagName) &&
-      !oj.Components.__GetWidgetConstructor(node)
-    ) {
+    if (!isElementRegistered(node.tagName) && !oj.Components.__GetWidgetConstructor(node)) {
       var children = node.children;
       for (var i = 0; i < children.length; i++) {
         CompositeElementBridge._walkSubtree(subIdMap, nodeMap, children[i]);
@@ -865,10 +857,10 @@ Composite.getMetadata = function (name) {
 Composite.getComponentMetadata = function (name) {
   // We have one registry where custom elements, definitional elements, and composites are all stored with
   // the JET framework so we need to check to see if the element is a composite before returning its metadata
-  if (CustomElementUtils.isComposite(name)) {
+  if (isComposite(name)) {
     // Descriptor is guaranteed to be there for registered elements because we throw an error at registration
     // time if none is given
-    var descriptor = CustomElementUtils.getElementDescriptor(name);
+    var descriptor = getElementDescriptor(name);
     return descriptor[oj.BaseCustomElementBridge.DESC_KEY_META];
   }
   return null;

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

@@ -7,6 +7,7 @@
  */
 import oj from 'ojs/ojcore-base';
 import { option, LEVEL_LOG, log, info, error } from 'ojs/ojlogger';
+import { getMetadata } from 'ojs/ojcustomelement-registry';
 
 /**
  * Internally used by the {@link oj.BusyContext} to track a components state
@@ -1102,6 +1103,8 @@ BusyContext._BOOTSTRAP_MEDIATOR = new /** @constructor */ (function () {
   };
 })();
 
+const _OJ_CONTEXT_INSTANCE = Symbol();
+
 /**
  * <b>The constructor should never be invoked by an application directly</b>. Use
  * {@link oj.Context.getPageContext} and {@link oj.Context.getContext} APIs to
@@ -1176,19 +1179,37 @@ Context.prototype.getParentContext = function () {
   * @export
   */
 Context.getContext = function (node) {
-  while (node) {
-    var context = node[Context._OJ_CONTEXT_INSTANCE];
+  let n = node;
+  while (n) {
+    let context = n[_OJ_CONTEXT_INSTANCE];
     if (context) {
       return context;
     }
-    if (node.hasAttribute(Context._OJ_CONTEXT_ATTRIBUTE)) {
-      context = new Context(node);
-      Object.defineProperty(node, Context._OJ_CONTEXT_INSTANCE, { value: context });
-      return context;
+    if (n.hasAttribute(Context._OJ_CONTEXT_ATTRIBUTE)) {
+      return Context._createContext(n);
     }
 
-    // eslint-disable-next-line no-param-reassign
-    node = Context.getParentElement(node);
+    const parent = Context.getParentElement(n);
+
+    // This code is related to the implicit busy context feature for custom
+    // element slots. If a slot has the 'implicitBusyContext' metadata, then any
+    // busy state reported from within the slot's subtree should be accumulated
+    // on the Context instance associated with the slot node, i.e. slots with the
+    // 'implicitBusyContext' metadata behave as if they were explicitly marked with
+    // the data-oj-context attribute. This feature allows telemetry code to detect
+    // when the slot content is ready without requiring that the application mark
+    // the slot with the data-oj-context attribute.
+    //
+    // This check is meant to handle the case where a busy state
+    // is being added within a slot before that slot has been distriubuted into the View.
+    //
+    // The opposite case is handled in the custom element code by placing data-oj-context
+    // on each 'implicit context' slot at the time when the slot map is created.
+    if (Context._hasImplicitSlotContext(parent, n)) {
+      return Context._createContext(n);
+    }
+
+    n = parent;
   }
 
   return Context.getPageContext();
@@ -1252,15 +1273,6 @@ Context.setBusyContextDefaultTimeout = function (timeout) {
  */
 Context._OJ_CONTEXT_ATTRIBUTE = 'data-oj-context';
 
-/**
- * @ignore
- * @private
- * @constant
- * Element property name for a context
- * @type {string}
- */
-Context._OJ_CONTEXT_INSTANCE = '__ojContextInstance';
-
 /**
  * @ignore
  * @private
@@ -1294,6 +1306,39 @@ Context.getParentElement = function (element) {
   return element._ojReportBusy || element.parentElement;
 };
 
+/**
+ * Determines whether slot metadata instructs us to create an implicit context
+ * for the slot node
+ * @param {Element} parent
+ * @param {Node} slot
+ */
+Context._hasImplicitSlotContext = function (parent, slot) {
+  // We won't be creating context for a text node since it cannot ever have busy states
+  if (slot && slot.nodeType === Node.ELEMENT_NODE) {
+    // Bail out if the parent element is in 'complete' state because the slot would
+    // have already got the data-oj-context attribute set by the parent element itself.
+    // Doing otherswise would result in creation of an implicit Context for any top element
+    // of an already-created component
+    const meta =
+      parent && !parent.classList.contains('oj-complete') ? getMetadata(parent.localName) : null;
+
+    if (meta) {
+      const slotName = slot.getAttribute('slot') || '';
+      const slotsMeta = meta.slots;
+      const slotMeta = slotsMeta ? slotsMeta[slotName] : null;
+      return slotMeta && slotMeta.implicitBusyContext;
+    }
+  }
+  return false;
+};
+
+Context._createContext = function (n) {
+  const ctx = new Context(n);
+  // eslint-disable-next-line no-param-reassign
+  n[_OJ_CONTEXT_INSTANCE] = ctx;
+  return ctx;
+};
+
 /**
  * @ignore
  * @private

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

@@ -37,12 +37,12 @@ const oj = {
    * @global
    * @member {string} version JET version numberr
    */
-  version: '14.0.10',
+  version: '14.1.1',
   /**
    * @global
    * @member {string} revision JET source code revision number
    */
-  revision: '2023-05-08_10-47-40',
+  revision: '2023-05-09_11-24-23',
 
   // 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-registry.js

@@ -0,0 +1,61 @@
+/**
+ * @license
+ * Copyright (c) 2014, 2023, 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
+ */
+const _CUSTOM_ELEMENT_REGISTRY = {};
+function registerElement(tagName, regObj, constructor) {
+    const tagNameUpper = tagName.toUpperCase();
+    if (!_CUSTOM_ELEMENT_REGISTRY[tagNameUpper]) {
+        if (!regObj.descriptor) {
+            throw new Error(`Custom element ${tagName} must be registered with a descriptor.`);
+        }
+        _CUSTOM_ELEMENT_REGISTRY[tagName] = regObj;
+        _CUSTOM_ELEMENT_REGISTRY[tagNameUpper] = regObj;
+        Object.defineProperty(constructor, 'name', {
+            value: tagNameToElementClassName(tagName)
+        });
+        customElements.define(tagName, constructor);
+    }
+}
+function tagNameToElementClassName(tagName) {
+    return (tagName
+        .toLowerCase()
+        .match(/-(?<match>.*)/)[0]
+        .replace(/-(.)/g, (match, group1) => group1.toUpperCase()) + 'Element');
+}
+function isComposite(tagName) {
+    var _a, _b;
+    return (_b = (_a = getElementRegistration(tagName)) === null || _a === void 0 ? void 0 : _a.composite) !== null && _b !== void 0 ? _b : false;
+}
+function isVComponent(tagName) {
+    var _a, _b;
+    return (_b = (_a = getElementRegistration(tagName)) === null || _a === void 0 ? void 0 : _a.vcomp) !== null && _b !== void 0 ? _b : false;
+}
+function isElementRegistered(tagName) {
+    return _CUSTOM_ELEMENT_REGISTRY[tagName] != null;
+}
+function getElementRegistration(tagName) {
+    var _a;
+    return (_a = _CUSTOM_ELEMENT_REGISTRY[tagName]) !== null && _a !== void 0 ? _a : null;
+}
+function getElementDescriptor(tagName) {
+    var _a;
+    return ((_a = getElementRegistration(tagName)) === null || _a === void 0 ? void 0 : _a.descriptor) || {};
+}
+function getElementProperties(element) {
+    return getPropertiesForElementTag(element.tagName);
+}
+function getMetadata(tagName) {
+    var _a, _b;
+    const descriptor = getElementDescriptor(tagName);
+    return (_b = (_a = descriptor['_metadata']) !== null && _a !== void 0 ? _a : descriptor.metadata) !== null && _b !== void 0 ? _b : {};
+}
+function getPropertiesForElementTag(tagName) {
+    var _a;
+    return (_a = getMetadata(tagName).properties) !== null && _a !== void 0 ? _a : {};
+}
+
+export { getElementDescriptor, getElementProperties, getElementRegistration, getMetadata, getPropertiesForElementTag, isComposite, isElementRegistered, isVComponent, registerElement, tagNameToElementClassName };

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

@@ -6,6 +6,7 @@
  * @ignore
  */
 import oj from 'ojs/ojcore-base';
+import { isElementRegistered, getElementRegistration, getElementDescriptor, getMetadata, getElementProperties } from 'ojs/ojcustomelement-registry';
 import Context from 'ojs/ojcontext';
 import { warn } from 'ojs/ojlogger';
 import { verifyThemeVersion } from 'ojs/ojthemeutils';
@@ -246,57 +247,6 @@ function cacheHelper(converter, key) {
 
 const EMPTY_SET = new Set();
 class CustomElementUtils {
-    static registerElement(tagName, regObj, constructor) {
-        const tagNameUpper = tagName.toUpperCase();
-        if (!CustomElementUtils._CUSTOM_ELEMENT_REGISTRY[tagNameUpper]) {
-            if (!regObj.descriptor) {
-                throw new Error(`Custom element ${tagName} must be registered with a descriptor.`);
-            }
-            CustomElementUtils._CUSTOM_ELEMENT_REGISTRY[tagName] = regObj;
-            CustomElementUtils._CUSTOM_ELEMENT_REGISTRY[tagNameUpper] = regObj;
-            Object.defineProperty(constructor, 'name', {
-                value: CustomElementUtils.tagNameToElementClassName(tagName)
-            });
-            customElements.define(tagName, constructor);
-        }
-    }
-    static tagNameToElementClassName(tagName) {
-        return (tagName
-            .toLowerCase()
-            .match(/-(?<match>.*)/)[0]
-            .replace(/-(.)/g, (match, group1) => group1.toUpperCase()) + 'Element');
-    }
-    static isComposite(tagName) {
-        var _a, _b;
-        return (_b = (_a = CustomElementUtils.getElementRegistration(tagName)) === null || _a === void 0 ? void 0 : _a.composite) !== null && _b !== void 0 ? _b : false;
-    }
-    static isVComponent(tagName) {
-        var _a, _b;
-        return (_b = (_a = CustomElementUtils.getElementRegistration(tagName)) === null || _a === void 0 ? void 0 : _a.vcomp) !== null && _b !== void 0 ? _b : false;
-    }
-    static isElementRegistered(tagName) {
-        return CustomElementUtils._CUSTOM_ELEMENT_REGISTRY[tagName] != null;
-    }
-    static getElementRegistration(tagName) {
-        var _a;
-        return (_a = CustomElementUtils._CUSTOM_ELEMENT_REGISTRY[tagName]) !== null && _a !== void 0 ? _a : null;
-    }
-    static getElementDescriptor(tagName) {
-        var _a;
-        return ((_a = CustomElementUtils.getElementRegistration(tagName)) === null || _a === void 0 ? void 0 : _a.descriptor) || {};
-    }
-    static getElementProperties(element) {
-        return CustomElementUtils.getPropertiesForElementTag(element.tagName);
-    }
-    static getMetadata(tagName) {
-        var _a, _b;
-        const descriptor = CustomElementUtils.getElementDescriptor(tagName);
-        return (_b = (_a = descriptor['_metadata']) !== null && _a !== void 0 ? _a : descriptor.metadata) !== null && _b !== void 0 ? _b : {};
-    }
-    static getPropertiesForElementTag(tagName) {
-        var _a;
-        return (_a = CustomElementUtils.getMetadata(tagName).properties) !== null && _a !== void 0 ? _a : {};
-    }
     static getElementInfo(element) {
         if (element) {
             return `${element.tagName.toLowerCase()} with id '${element.id}'`;
@@ -305,8 +255,8 @@ class CustomElementUtils {
     }
     static getElementState(element) {
         let state = element[CustomElementUtils._ELEMENT_STATE_KEY];
-        if (!state && CustomElementUtils.isElementRegistered(element.tagName)) {
-            const StateClass = CustomElementUtils.getElementRegistration(element.tagName).stateClass;
+        if (!state && isElementRegistered(element.tagName)) {
+            const StateClass = getElementRegistration(element.tagName).stateClass;
             state = new StateClass(element);
             Object.defineProperty(element, CustomElementUtils._ELEMENT_STATE_KEY, { value: state });
         }
@@ -314,12 +264,12 @@ class CustomElementUtils {
     }
     static getElementBridge(element) {
         let bridge = element[CustomElementUtils._ELEMENT_BRIDGE_KEY];
-        if (bridge === undefined && CustomElementUtils.isElementRegistered(element.tagName)) {
+        if (bridge === undefined && isElementRegistered(element.tagName)) {
             bridge = null;
-            const bridgeProto = CustomElementUtils.getElementRegistration(element.tagName).bridgeProto;
+            const bridgeProto = getElementRegistration(element.tagName).bridgeProto;
             if (bridgeProto !== undefined) {
                 bridge = Object.create(bridgeProto);
-                const descriptor = CustomElementUtils.getElementDescriptor(element.tagName);
+                const descriptor = getElementDescriptor(element.tagName);
                 bridge.initializeBridge(element, descriptor);
             }
             Object.defineProperty(element, CustomElementUtils._ELEMENT_BRIDGE_KEY, { value: bridge });
@@ -329,6 +279,7 @@ class CustomElementUtils {
     static getSlotMap(element) {
         const slotMap = {};
         const childNodeList = element.childNodes;
+        const metadata = childNodeList.length > 0 ? getMetadata(element.localName) : null;
         for (let i = 0; i < childNodeList.length; i++) {
             const child = childNodeList[i];
             if (CustomElementUtils.isSlotable(child)) {
@@ -336,6 +287,7 @@ class CustomElementUtils {
                 if (!slotMap[slot]) {
                     slotMap[slot] = [];
                 }
+                CustomElementUtils._possiblyApplyImplicitContext(child, slot, metadata);
                 slotMap[slot].push(child);
             }
         }
@@ -353,7 +305,7 @@ class CustomElementUtils {
         return node.nodeType === 1 || (node.nodeType === 3 && !!node.nodeValue.trim());
     }
     static getElementProperty(element, property) {
-        if (CustomElementUtils.isElementRegistered(element.tagName)) {
+        if (isElementRegistered(element.tagName)) {
             let vInst = element['_vcomp'];
             if (vInst && !vInst.isCustomElementFirst()) {
                 return CustomElementUtils.getPropertyValue(vInst.props, property);
@@ -405,8 +357,15 @@ class CustomElementUtils {
         }
         return EMPTY_SET;
     }
+    static _possiblyApplyImplicitContext(child, slot, metadata) {
+        var _a, _b;
+        if ((child === null || child === void 0 ? void 0 : child.nodeType) === Node.ELEMENT_NODE) {
+            if ((_b = (_a = metadata.slots) === null || _a === void 0 ? void 0 : _a[slot]) === null || _b === void 0 ? void 0 : _b.implicitBusyContext) {
+                child.setAttribute('data-oj-context', '');
+            }
+        }
+    }
 }
-CustomElementUtils._CUSTOM_ELEMENT_REGISTRY = {};
 CustomElementUtils._ELEMENT_STATE_KEY = '_ojElementState';
 CustomElementUtils._ELEMENT_BRIDGE_KEY = '_ojBridge';
 CustomElementUtils._ALLOW_RELOCATION_COUNT = 0;
@@ -471,7 +430,7 @@ class ElementState {
     }
     getTrackChildrenOption() {
         var _a, _b;
-        const metadata = CustomElementUtils.getElementDescriptor(this.Element.tagName).metadata;
+        const metadata = getElementDescriptor(this.Element.tagName).metadata;
         return (_b = (_a = metadata === null || metadata === void 0 ? void 0 : metadata.extension) === null || _a === void 0 ? void 0 : _a['_TRACK_CHILDREN']) !== null && _b !== void 0 ? _b : 'none';
     }
     setCreateCallback(createComponentCallback) {
@@ -637,7 +596,7 @@ class ElementState {
     }
     GetDescriptiveValue(attrName) {
         const propName = AttributeUtils.attributeToPropertyName(attrName);
-        const properties = CustomElementUtils.getElementProperties(this.Element);
+        const properties = getElementProperties(this.Element);
         let value;
         if (properties && properties[propName]) {
             value = this.Element[propName];
@@ -752,7 +711,7 @@ class ElementState {
                     .then(() => {
                     resolveElementDefinedBusyState();
                     clearInterval(timer);
-                    if (CustomElementUtils.isElementRegistered(trackedElement.tagName)) {
+                    if (isElementRegistered(trackedElement.tagName)) {
                         return CustomElementUtils.getElementState(trackedElement).GetCreatedPromise();
                     }
                     return null;
@@ -763,7 +722,7 @@ class ElementState {
                     throw new Error(`Error defining element ${trackedElement.localName} : ${error}`);
                 });
             }
-            else if (CustomElementUtils.isElementRegistered(trackedElement.tagName)) {
+            else if (isElementRegistered(trackedElement.tagName)) {
                 return CustomElementUtils.getElementState(trackedElement).GetCreatedPromise();
             }
             return null;

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

@@ -8,6 +8,7 @@
 import oj from 'ojs/ojcore';
 import { warn } from 'ojs/ojlogger';
 import { CustomElementUtils, AttributeUtils, transformPreactValue, ElementUtils, JetElementError } from 'ojs/ojcustomelement-utils';
+import { getElementProperties, getElementDescriptor } from 'ojs/ojcustomelement-registry';
 import { getPropertyMetadata, getFlattenedAttributes, checkEnumValues } from 'ojs/ojmetadatautils';
 import { whenDocumentReady } from 'ojs/ojbootstrap';
 import oj$1 from 'ojs/ojcore-base';
@@ -194,10 +195,7 @@ BaseCustomElementBridge.proto = {
 
         var expression = AttributeUtils.getExpressionInfo(newValue).expr;
         if (!expression) {
-          const propMeta = getPropertyMetadata(
-            prop,
-            CustomElementUtils.getElementProperties(this)
-          );
+          const propMeta = getPropertyMetadata(prop, getElementProperties(this));
           if (propMeta) {
             this.setProperty(
               prop,
@@ -297,10 +295,7 @@ BaseCustomElementBridge.proto = {
   },
 
   GetProperty: function (element, prop, props) {
-    var meta = getPropertyMetadata(
-      prop,
-      CustomElementUtils.getElementProperties(element)
-    );
+    var meta = getPropertyMetadata(prop, getElementProperties(element));
 
     // For event listener and non component properties, retrieve the value directly stored on the element.
     // For top level properties, this will delegate to our 'set' methods so we can handle default values.
@@ -329,7 +324,7 @@ BaseCustomElementBridge.proto = {
     // to render the component, we no longer need to track early
     // property sets to avoid overriding data bound DOM attributes
     if (this._earlySets) {
-      const descriptor = CustomElementUtils.getElementDescriptor(element.tagName);
+      const descriptor = getElementDescriptor(element.tagName);
       const propertyMeta = this.GetMetadata(descriptor);
       while (this._earlySets.length) {
         const setObj = this._earlySets.shift();
@@ -387,10 +382,7 @@ BaseCustomElementBridge.proto = {
 
   SetProperty: function (element, prop, value, props, bOuter) {
     // Check value against any defined enums
-    var meta = getPropertyMetadata(
-      prop,
-      CustomElementUtils.getElementProperties(element)
-    );
+    var meta = getPropertyMetadata(prop, getElementProperties(element));
     if (AttributeUtils.isEventListenerProperty(prop) || !meta) {
       // eslint-disable-next-line no-param-reassign
       element[prop] = value;
@@ -475,7 +467,7 @@ BaseCustomElementBridge.proto = {
   },
 
   ValidatePropertySet: function (element, property, value) {
-    var propsMeta = CustomElementUtils.getElementProperties(element);
+    var propsMeta = getElementProperties(element);
     var propMeta = getPropertyMetadata(property, propsMeta);
     var propAr = property.split('.');
 
@@ -729,7 +721,7 @@ BaseCustomElementBridge.__CheckOverlappingAttribute = function (element, attr) {
  */
 BaseCustomElementBridge.__InitProperties = function (element, componentProps) {
   const bridge = CustomElementUtils.getElementBridge(element);
-  var metaProps = CustomElementUtils.getElementProperties(element);
+  var metaProps = getElementProperties(element);
   if (metaProps) {
     var attrs = element.attributes; // attrs is a NodeList
     for (var i = 0; i < attrs.length; i++) {
@@ -817,7 +809,7 @@ BaseCustomElementBridge.__ParseAttrValue = function (elem, attr, prop, val, meta
     return AttributeUtils.attributeToPropertyValue(elem, attr, value, metadata);
   }
 
-  var parseFunction = CustomElementUtils.getElementDescriptor(elem.tagName).parseFunction;
+  var parseFunction = getElementDescriptor(elem.tagName).parseFunction;
   if (parseFunction) {
     return parseFunction(val, prop, metadata, function (value) {
       return _coerceVal(value);