@oracle/oraclejet 14.0.6 → 14.1.0

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

@@ -5,7 +5,7 @@
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore
  */
-define(['exports', 'ojs/ojcore-base', 'ojs/ojcontext', 'ojs/ojlogger', 'ojs/ojthemeutils'], function (exports, oj, Context, Logger, ThemeUtils) { 'use strict';
+define(['exports', 'ojs/ojcore-base', 'ojs/ojcustomelement-registry', 'ojs/ojcontext', 'ojs/ojlogger', 'ojs/ojthemeutils'], function (exports, oj, ojcustomelementRegistry, Context, Logger, ThemeUtils) { 'use strict';
 
     oj = oj && Object.prototype.hasOwnProperty.call(oj, 'default') ? oj['default'] : oj;
     Context = Context && Object.prototype.hasOwnProperty.call(Context, 'default') ? Context['default'] : Context;
@@ -246,57 +246,6 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojcontext', 'ojs/ojlogger', 'ojs/ojth
 
     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 +254,8 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojcontext', 'ojs/ojlogger', 'ojs/ojth
         }
         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 && ojcustomelementRegistry.isElementRegistered(element.tagName)) {
+                const StateClass = ojcustomelementRegistry.getElementRegistration(element.tagName).stateClass;
                 state = new StateClass(element);
                 Object.defineProperty(element, CustomElementUtils._ELEMENT_STATE_KEY, { value: state });
             }
@@ -314,12 +263,12 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojcontext', 'ojs/ojlogger', 'ojs/ojth
         }
         static getElementBridge(element) {
             let bridge = element[CustomElementUtils._ELEMENT_BRIDGE_KEY];
-            if (bridge === undefined && CustomElementUtils.isElementRegistered(element.tagName)) {
+            if (bridge === undefined && ojcustomelementRegistry.isElementRegistered(element.tagName)) {
                 bridge = null;
-                const bridgeProto = CustomElementUtils.getElementRegistration(element.tagName).bridgeProto;
+                const bridgeProto = ojcustomelementRegistry.getElementRegistration(element.tagName).bridgeProto;
                 if (bridgeProto !== undefined) {
                     bridge = Object.create(bridgeProto);
-                    const descriptor = CustomElementUtils.getElementDescriptor(element.tagName);
+                    const descriptor = ojcustomelementRegistry.getElementDescriptor(element.tagName);
                     bridge.initializeBridge(element, descriptor);
                 }
                 Object.defineProperty(element, CustomElementUtils._ELEMENT_BRIDGE_KEY, { value: bridge });
@@ -329,6 +278,7 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojcontext', 'ojs/ojlogger', 'ojs/ojth
         static getSlotMap(element) {
             const slotMap = {};
             const childNodeList = element.childNodes;
+            const metadata = childNodeList.length > 0 ? ojcustomelementRegistry.getMetadata(element.localName) : null;
             for (let i = 0; i < childNodeList.length; i++) {
                 const child = childNodeList[i];
                 if (CustomElementUtils.isSlotable(child)) {
@@ -336,6 +286,7 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojcontext', 'ojs/ojlogger', 'ojs/ojth
                     if (!slotMap[slot]) {
                         slotMap[slot] = [];
                     }
+                    CustomElementUtils._possiblyApplyImplicitContext(child, slot, metadata);
                     slotMap[slot].push(child);
                 }
             }
@@ -353,7 +304,7 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojcontext', 'ojs/ojlogger', 'ojs/ojth
             return node.nodeType === 1 || (node.nodeType === 3 && !!node.nodeValue.trim());
         }
         static getElementProperty(element, property) {
-            if (CustomElementUtils.isElementRegistered(element.tagName)) {
+            if (ojcustomelementRegistry.isElementRegistered(element.tagName)) {
                 let vInst = element['_vcomp'];
                 if (vInst && !vInst.isCustomElementFirst()) {
                     return CustomElementUtils.getPropertyValue(vInst.props, property);
@@ -405,8 +356,15 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojcontext', 'ojs/ojlogger', 'ojs/ojth
             }
             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 +429,7 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojcontext', 'ojs/ojlogger', 'ojs/ojth
         }
         getTrackChildrenOption() {
             var _a, _b;
-            const metadata = CustomElementUtils.getElementDescriptor(this.Element.tagName).metadata;
+            const metadata = ojcustomelementRegistry.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 +595,7 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojcontext', 'ojs/ojlogger', 'ojs/ojth
         }
         GetDescriptiveValue(attrName) {
             const propName = AttributeUtils.attributeToPropertyName(attrName);
-            const properties = CustomElementUtils.getElementProperties(this.Element);
+            const properties = ojcustomelementRegistry.getElementProperties(this.Element);
             let value;
             if (properties && properties[propName]) {
                 value = this.Element[propName];
@@ -752,7 +710,7 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojcontext', 'ojs/ojlogger', 'ojs/ojth
                         .then(() => {
                         resolveElementDefinedBusyState();
                         clearInterval(timer);
-                        if (CustomElementUtils.isElementRegistered(trackedElement.tagName)) {
+                        if (ojcustomelementRegistry.isElementRegistered(trackedElement.tagName)) {
                             return CustomElementUtils.getElementState(trackedElement).GetCreatedPromise();
                         }
                         return null;
@@ -763,7 +721,7 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojcontext', 'ojs/ojlogger', 'ojs/ojth
                         throw new Error(`Error defining element ${trackedElement.localName} : ${error}`);
                     });
                 }
-                else if (CustomElementUtils.isElementRegistered(trackedElement.tagName)) {
+                else if (ojcustomelementRegistry.isElementRegistered(trackedElement.tagName)) {
                     return CustomElementUtils.getElementState(trackedElement).GetCreatedPromise();
                 }
                 return null;

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

@@ -5,7 +5,7 @@
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore
  */
-define(['ojs/ojcore', 'ojs/ojlogger', 'ojs/ojcustomelement-utils', 'ojs/ojmetadatautils', 'ojs/ojbootstrap', 'ojs/ojcore-base'], function (oj, Logger, ojcustomelementUtils, MetadataUtils, Bootstrap, oj$1) { 'use strict';
+define(['ojs/ojcore', 'ojs/ojlogger', 'ojs/ojcustomelement-utils', 'ojs/ojcustomelement-registry', 'ojs/ojmetadatautils', 'ojs/ojbootstrap', 'ojs/ojcore-base'], function (oj, Logger, ojcustomelementUtils, ojcustomelementRegistry, MetadataUtils, Bootstrap, oj$1) { 'use strict';
 
   oj = oj && Object.prototype.hasOwnProperty.call(oj, 'default') ? oj['default'] : oj;
   oj$1 = oj$1 && Object.prototype.hasOwnProperty.call(oj$1, 'default') ? oj$1['default'] : oj$1;
@@ -192,10 +192,7 @@ define(['ojs/ojcore', 'ojs/ojlogger', 'ojs/ojcustomelement-utils', 'ojs/ojmetada
 
           var expression = ojcustomelementUtils.AttributeUtils.getExpressionInfo(newValue).expr;
           if (!expression) {
-            const propMeta = MetadataUtils.getPropertyMetadata(
-              prop,
-              ojcustomelementUtils.CustomElementUtils.getElementProperties(this)
-            );
+            const propMeta = MetadataUtils.getPropertyMetadata(prop, ojcustomelementRegistry.getElementProperties(this));
             if (propMeta) {
               this.setProperty(
                 prop,
@@ -295,10 +292,7 @@ define(['ojs/ojcore', 'ojs/ojlogger', 'ojs/ojcustomelement-utils', 'ojs/ojmetada
     },
 
     GetProperty: function (element, prop, props) {
-      var meta = MetadataUtils.getPropertyMetadata(
-        prop,
-        ojcustomelementUtils.CustomElementUtils.getElementProperties(element)
-      );
+      var meta = MetadataUtils.getPropertyMetadata(prop, ojcustomelementRegistry.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.
@@ -327,7 +321,7 @@ define(['ojs/ojcore', 'ojs/ojlogger', 'ojs/ojcustomelement-utils', 'ojs/ojmetada
       // 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 = ojcustomelementUtils.CustomElementUtils.getElementDescriptor(element.tagName);
+        const descriptor = ojcustomelementRegistry.getElementDescriptor(element.tagName);
         const propertyMeta = this.GetMetadata(descriptor);
         while (this._earlySets.length) {
           const setObj = this._earlySets.shift();
@@ -385,10 +379,7 @@ define(['ojs/ojcore', 'ojs/ojlogger', 'ojs/ojcustomelement-utils', 'ojs/ojmetada
 
     SetProperty: function (element, prop, value, props, bOuter) {
       // Check value against any defined enums
-      var meta = MetadataUtils.getPropertyMetadata(
-        prop,
-        ojcustomelementUtils.CustomElementUtils.getElementProperties(element)
-      );
+      var meta = MetadataUtils.getPropertyMetadata(prop, ojcustomelementRegistry.getElementProperties(element));
       if (ojcustomelementUtils.AttributeUtils.isEventListenerProperty(prop) || !meta) {
         // eslint-disable-next-line no-param-reassign
         element[prop] = value;
@@ -473,7 +464,7 @@ define(['ojs/ojcore', 'ojs/ojlogger', 'ojs/ojcustomelement-utils', 'ojs/ojmetada
     },
 
     ValidatePropertySet: function (element, property, value) {
-      var propsMeta = ojcustomelementUtils.CustomElementUtils.getElementProperties(element);
+      var propsMeta = ojcustomelementRegistry.getElementProperties(element);
       var propMeta = MetadataUtils.getPropertyMetadata(property, propsMeta);
       var propAr = property.split('.');
 
@@ -727,7 +718,7 @@ define(['ojs/ojcore', 'ojs/ojlogger', 'ojs/ojcustomelement-utils', 'ojs/ojmetada
    */
   BaseCustomElementBridge.__InitProperties = function (element, componentProps) {
     const bridge = ojcustomelementUtils.CustomElementUtils.getElementBridge(element);
-    var metaProps = ojcustomelementUtils.CustomElementUtils.getElementProperties(element);
+    var metaProps = ojcustomelementRegistry.getElementProperties(element);
     if (metaProps) {
       var attrs = element.attributes; // attrs is a NodeList
       for (var i = 0; i < attrs.length; i++) {
@@ -815,7 +806,7 @@ define(['ojs/ojcore', 'ojs/ojlogger', 'ojs/ojcustomelement-utils', 'ojs/ojmetada
       return ojcustomelementUtils.AttributeUtils.attributeToPropertyValue(elem, attr, value, metadata);
     }
 
-    var parseFunction = ojcustomelementUtils.CustomElementUtils.getElementDescriptor(elem.tagName).parseFunction;
+    var parseFunction = ojcustomelementRegistry.getElementDescriptor(elem.tagName).parseFunction;
     if (parseFunction) {
       return parseFunction(val, prop, metadata, function (value) {
         return _coerceVal(value);

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

@@ -3407,10 +3407,12 @@ var __oj_data_grid_metadata =
    * @param {Element} element the element to remove
    */
   DvtDataGrid.prototype._remove = function (element) {
-    this._uniqueIdCallback(element, true);
+    if (element != null) {
+      this._uniqueIdCallback(element, true);
 
-    // callback allows jQuery to clean the node on a remove
-    this.m_removeCallback.call(null, element);
+      // callback allows jQuery to clean the node on a remove
+      this.m_removeCallback.call(null, element);
+    }
   };
 
   /**
@@ -4097,7 +4099,7 @@ var __oj_data_grid_metadata =
   DvtDataGrid.prototype.empty = function () {
     // remove everything that will be rebuilt
     if (this.m_empty) {
-      this.m_databody.firstChild.removeChild(this.m_empty);
+      this._remove(this.m_empty);
     }
     if (this.m_corner) {
       this._remove(this.m_corner);
@@ -4229,6 +4231,7 @@ var __oj_data_grid_metadata =
 
     // selection
     this.m_discontiguousSelection = false;
+    this.m_selectionFrontier = null;
 
     // event listeners
     this.m_docMouseMoveListener = null;
@@ -4249,6 +4252,7 @@ var __oj_data_grid_metadata =
     // resizing
     this.m_resizing = false;
     this.m_resizingElement = null;
+    this.m_resizingElementSibling = null;
     this.m_resizingElementMin = null;
 
     // data states
@@ -4492,6 +4496,13 @@ var __oj_data_grid_metadata =
     return this.m_engine;
   };
 
+  DvtDataGrid.prototype._cleanTemplateNodes = function (node) {
+    var templateEngine = this._getTemplateEngine();
+    if (templateEngine != null) {
+      templateEngine.clean(node);
+    }
+  };
+
   /**
    * Returns true if instance of DataGridProvider
    * @private
@@ -19165,7 +19176,9 @@ var __oj_data_grid_metadata =
   DvtDataGrid.prototype._destroyEditableClone = function () {
     if (this.m_editableClone) {
       if (this.m_editableClone.parentNode != null) {
-        this.m_root.removeChild(this.m_editableClone);
+        this._remove(this.m_editableClone);
+      } else {
+        this._cleanTemplateNodes(this.m_editableClone);
       }
       delete this.m_editableClone;
     }
@@ -35820,6 +35833,8 @@ var __oj_data_grid_metadata =
 
       // remove the resize DOM listener
       this._unregisterResizeListener(this.root);
+
+      this.contextMenuEvent = null;
     },
 
     _registerEventListeners: function () {
@@ -36245,7 +36260,7 @@ var __oj_data_grid_metadata =
           (children[i].tagName !== 'OJ-MENU' ||
             (children[i].tagName === 'OJ-MENU' && children[i].slot !== 'contextMenu'))
         ) {
-          this.root.removeChild(children[i]);
+          this._remove(children[i]);
         }
       }
     },
@@ -37743,7 +37758,10 @@ var __oj_data_grid_metadata =
      * @private
      */
     _remove: function (element) {
-      $(element).remove();
+      if (element != null) {
+        this.grid._cleanTemplateNodes(element);
+        $(element).remove();
+      }
     },
 
     /**

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

@@ -2968,11 +2968,13 @@ define(['exports', 'ojs/ojcore-base', 'jquery', 'ojs/ojcontext', 'ojs/ojdatacoll
       initialRowCount: this.m_root.childElementCount,
       success: function (result) {
         self.signalTaskEnd(); // for beforeFetch
-        self.handleDomScrollerFetchedData(result);
+        if (self.m_widget != null) {
+          self.handleDomScrollerFetchedData(result);
+        }
         if (self.m_root == null || result.value == null) {
           // in this case fetchEnd will not be called so we will need to clean up for signalTaskStart in scrollFetch callback
           self.signalTaskEnd();
-          if (self.m_root != null) {
+          if (self.m_root != null && self.m_widget != null) {
             // this is called as part of fetchEnd, see 
             self.m_widget.renderComplete(true);
           }

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

@@ -4225,6 +4225,8 @@ var __oj_input_date_time_metadata =
       if (value) {
         // need to preserve the time portion when of ojInputDateTime, so update only year, month, and date
         try {
+          // After this method call the value is a local datetime. no offset, no zulu. It will get converted
+          // back in the switchDone method when the user clicks the Done button or closes the picker.
           value = converterUtils._dateTime(value, {
             fullYear: tempDate.getFullYear(),
             month: tempDate.getMonth(),
@@ -6269,6 +6271,13 @@ var __oj_input_date_time_metadata =
       }
     },
 
+    _createOffsetConverter: function (inputConverter) {
+      var resolvedOptions = inputConverter.resolvedOptions();
+      var options = {};
+      $.extend(options, resolvedOptions, { isoStrFormat: 'offset' });
+      return new ojconverterDatetime.IntlDateTimeConverter(options);
+    },
+
     /**
      * TODO: Technically i think should be used for the calendar, but later since late in release
      * @ignore
@@ -6406,7 +6415,22 @@ var __oj_input_date_time_metadata =
 
       var converter = this._GetConverter();
       if (!(converter instanceof Promise)) {
-        this._switcherPrevValue = converter.parse(this._getDateIso());
+        // switcherPrevValue is used as the base value where the new day, month and/or year is substituted into
+        // when the user selects a new day, month, and/or year. (See the switchDone method for details)
+        // switcherPrevValue can't be zulu, because if it is zulu,
+        // then substituting the day into a zulu date might be a different day in the timezone and then the formatted
+        // date will be a different day than what the user selected. (See JET-54551)
+        // So if it is zulu we change it to offset.
+        // This is what a zulu and offset format looks like
+        // zulu: 2013-12-13T04:00:00Z
+        // offset: 2013-12-01T20:00:00-08:00
+        const dateIso = this.options.value ? this._getDateIso() : '';
+        if (dateIso && ojconverterutilsI18n.IntlConverterUtils._getISOStrFormatType(dateIso) === 'zulu') {
+          const offsetConverter = this._createOffsetConverter(converter);
+          this._switcherPrevValue = offsetConverter.parse(dateIso);
+        } else {
+          this._switcherPrevValue = converter.parse(dateIso);
+        }
       } else {
         this._switcherPrevValue = this._getDateIso();
       }
@@ -12325,10 +12349,12 @@ var __oj_input_date_time_metadata =
                 ($.ui.keyCode.ENTER === keyCode || $.ui.keyCode.SPACE === keyCode)) ||
               evt.type === 'click'
             ) {
-              var formattedValue = self._GetConverter().format(self._getDateIso());
-              var newVal = self._GetConverter().parse(formattedValue);
+              var newVal;
               if (self._switcherDateValue) {
                 newVal = self._switcherDateValue;
+              } else {
+                var formattedValue = self._GetConverter().format(self._getDateIso());
+                newVal = self._GetConverter().parse(formattedValue);
               }
 
               if (self._switcherTimeValue) {
@@ -13059,20 +13085,6 @@ var __oj_input_date_time_metadata =
      */
     _ShowHTMLDatePicker: function () {
       var retVal = this._superApply(arguments);
-
-      // if there is a value, save the Iso date version as the default value. Otherwise, set to ""
-      // so that we correctly restore the empty string if there is no value.
-
-      var converter = this._GetConverter();
-      if (!(converter instanceof Promise)) {
-        this._switcherPrevValue = converter.parse(this.options.value ? this._getDateIso() : '');
-      } else {
-        this._switcherPrevValue = this.options.value ? this._getDateIso() : '';
-      }
-      this._switcherPrevDay = this._currentDay;
-      this._switcherPrevMonth = this._currentMonth;
-      this._switcherPrevYear = this._currentYear;
-
       this._updateSwitcherText();
       return retVal;
     },

package/dist/js/libs/oj/debug/ojdiagram-toolkit.js

@@ -5,7 +5,7 @@
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore
  */
-define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-panzoomcanvas', 'ojs/ojkeyboardfocus-utils', 'ojs/ojdvt-overview', 'ojs/ojcustomelement-utils'], function (exports, dvt, ojdvtPanzoomcanvas, ojkeyboardfocusUtils, ojdvtOverview, ojcustomelementUtils) { 'use strict';
+define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-panzoomcanvas', 'ojs/ojkeyboardfocus-utils', 'ojs/ojdvt-overview', 'ojs/ojcustomelement-registry'], function (exports, dvt, ojdvtPanzoomcanvas, ojkeyboardfocusUtils, ojdvtOverview, ojcustomelementRegistry) { 'use strict';
 
   /**
    * Default values and utility functions for component versioning.
@@ -4203,7 +4203,7 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-panzoomcanvas', 'ojs/ojkeyboa
         var siblings = parentNode
           ? parentNode.getChildNodes()
           : this.GetDiagram().GetRootNodeObjects();
-        next = dvt.KeyboardHandler.getNextAdjacentNavigable(this, event, siblings);
+        next = dvt.KeyboardHandler.getNextAdjacentNavigable(this, event, siblings, true);
       }
       if (event instanceof dvt.KeyboardEvent) this._diagram.ensureObjInViewport(event, next);
 
@@ -10080,7 +10080,7 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-panzoomcanvas', 'ojs/ojkeyboa
             // stop looking when you hit the diagram
             while (
               !(
-                (ojcustomelementUtils.CustomElementUtils.isElementRegistered(activeElem.tagName) && activeElem.id) ||
+                (ojcustomelementRegistry.isElementRegistered(activeElem.tagName) && activeElem.id) ||
                 activeElem.tagName === 'OJ-DIAGRAM'
               )
             ) {
@@ -12055,7 +12055,23 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-panzoomcanvas', 'ojs/ojkeyboa
       }
       return null;
     }
-
+    /**
+     * Shows the keyboard focus effect.  Function is called when diagram.focus() is called.
+     */
+    showFocusEffect() {
+      if (dvt.Agent.isTouchDevice()) return;
+      var navigable = this.getEventManager().getFocus();
+      if (!navigable) {
+        // navigate to the default
+        var arNodes = this.GetRootNodeObjects();
+        if (arNodes.length > 0) {
+          navigable = this.getEventManager().getKeyboardHandler().getDefaultNavigable(arNodes);
+        }
+      }
+      if (navigable) {
+        navigable.showKeyboardFocusEffect();
+      }
+    }
     /**
      * Updates keyboard focus effect
      * @private
@@ -12069,7 +12085,7 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-panzoomcanvas', 'ojs/ojkeyboa
         if (this.activeInnerElems) {
           var node = this.getNodeById(this.activeInnerElemsItemId);
           // if neither the old active elem had an ID and elem was successfully focused
-          // nor if old custom elem had an ID and was succesffuly focused
+          // nor if old custom elem had an ID and was succesfully focused
           if (
             !(
               (this._oldActiveElemId && this._enableActiveElems(this._oldActiveElemId, node)) ||

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

@@ -3571,6 +3571,17 @@ var __oj_diagram_link_metadata =
       beforePanZoomReset: null
     },
 
+    _ComponentCreate: function () {
+      this._super();
+      let comp = this._getRootElement();
+      comp.defaultFocusFunc = comp.focus;
+      // overwriting the default focus method to also show the focus ring
+      comp.focus = () => {
+        comp.defaultFocusFunc();
+        this._component.showFocusEffect();
+      };
+    },
+
     _InitOptions: function (originalDefaults, constructorOptions) {
       this._super(originalDefaults, constructorOptions);
 

package/dist/js/libs/oj/debug/ojdvt-base.js

@@ -577,6 +577,14 @@ define(['ojs/ojcore-base', 'ojs/ojdvt-toolkit', 'ojs/ojcontext', 'ojs/ojconfig',
     }
   };
 
+  /**
+   * Clears the cached value of the given key.
+   * @param {string} styleClass The key to clear.
+   */
+  DvtStyleProcessor.prototype.clearCache = function (styleClass) {
+    this._styleCache[styleClass] = undefined;
+  };
+
   /**
    * Handler for DataProvider generated content for chart
    * @constructor
@@ -2170,6 +2178,16 @@ define(['ojs/ojcore-base', 'ojs/ojdvt-toolkit', 'ojs/ojcontext', 'ojs/ojconfig',
         }
       },
 
+      /**
+       * Called before a component render due to resize.
+       * @protected
+       * @instance
+       * @memberof oj.dvtBaseComponent
+       */
+      _BeforeResizeRender: function () {
+        // subclasses override
+      },
+
       /**
        * Adds a resize listener for this component.
        * @private
@@ -2993,6 +3011,9 @@ define(['ojs/ojcore-base', 'ojs/ojdvt-toolkit', 'ojs/ojcontext', 'ojs/ojconfig',
             this._removeResizeListener();
           }
 
+          if (isResize) {
+            this._BeforeResizeRender();
+          }
           this._component.render(isResize ? null : options, this._width, this._height);
 
           if (bRemoveResizeListener) {

package/dist/js/libs/oj/debug/ojdvt-toolkit.js

@@ -29938,9 +29938,15 @@ define(['exports', 'ojs/ojthemeutils'], function (exports, ThemeUtils) { 'use st
    * @param {DvtKeyboardNavigable} current
    * @param {DvtKeyboardEvent} event
    * @param {Array} listOfObjects Array of DvtKeyboardNavigable objects
+   * @param {Boolean=} compareCenters if true, will compare centers of the navigable instead of upper left corner
    * @return {DvtKeyboardNavigable}
    */
-  KeyboardHandler.getNextAdjacentNavigable = function (current, event, listOfObjects) {
+  KeyboardHandler.getNextAdjacentNavigable = function (
+    current,
+    event,
+    listOfObjects,
+    compareCenters
+  ) {
     var keycode = event.keyCode;
 
     if (!listOfObjects) return null;
@@ -29965,7 +29971,7 @@ define(['exports', 'ojs/ojthemeutils'], function (exports, ThemeUtils) { 'use st
         continue;
       }
 
-      if (!KeyboardHandler._isValidDestination(object, current, keycode)) continue;
+      if (!KeyboardHandler._isValidDestination(object, current, keycode, compareCenters)) continue;
 
       var inContact = KeyboardHandler._calcInContact(object, current, keycode);
 
@@ -30126,13 +30132,37 @@ define(['exports', 'ojs/ojthemeutils'], function (exports, ThemeUtils) { 'use st
    * @param {DvtKeyboardNavigable} object
    * @param {DvtKeyboardNavigable} current
    * @param {Number} keycode
+   * @param {Boolean} compareCenters if true, will compare centers of the navigable instead of upper left corner
    * @return {Boolean}
    * @private
    */
-  KeyboardHandler._isValidDestination = function (object, current, keycode) {
+  KeyboardHandler._isValidDestination = function (object, current, keycode, compareCenters) {
     var objBB = object.getKeyboardBoundingBox();
     var curBB = current.getKeyboardBoundingBox();
 
+    // compare the centers of the navigable and to be valid, the navigable must be in the right direction
+    // without tolerance
+    if (compareCenters) {
+      var objCenterX = objBB.x + 0.5 * objBB.w;
+      var curCenterX = curBB.x + 0.5 * curBB.w;
+      var objCenterY = objBB.y + 0.5 * objBB.h;
+      var curCenterY = curBB.y + 0.5 * curBB.h;
+
+      switch (keycode) {
+        case KeyboardEvent.UP_ARROW:
+          return objCenterY < curCenterY;
+        case KeyboardEvent.DOWN_ARROW:
+          return objBB.y > curCenterY;
+        case KeyboardEvent.RIGHT_ARROW:
+          return objCenterX > curCenterX;
+        case KeyboardEvent.LEFT_ARROW:
+          return objCenterX < curCenterX;
+        default:
+          break;
+      }
+      return true;
+    }
+
     switch (keycode) {
       case KeyboardEvent.UP_ARROW:
         return objBB.y < curBB.y || KeyboardHandler._areEqualWithinTolerance(objBB.y, curBB.y);

package/dist/js/libs/oj/debug/ojgantt-toolkit.js

@@ -7015,9 +7015,8 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
       const svgClassName = this.getSvgClassName(property);
       const svgStyle = this.getSvgStyle(property);
 
-      if (svgClassName) {
-        taskShape.applyStyleClasses(svgClassName);
-      }
+      // JET-48762: We need to ensure updated default style classes are applied on every render.
+      taskShape.applyStyleClasses(svgClassName);
 
       if (svgStyle) {
         taskShape.setStyle(svgStyle);