@oracle/oraclejet 14.0.6 → 14.1.0

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);

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

@@ -3423,10 +3423,12 @@ DvtDataGrid.prototype.SetUpdateScrollPostionOnRefreshCallback = function (callba
  * @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);
+  }
 };
 
 /**
@@ -4113,7 +4115,7 @@ DvtDataGrid.prototype._getLastAxis = function (axis) {
 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);
@@ -4245,6 +4247,7 @@ DvtDataGrid.prototype.resetInternal = function () {
 
   // selection
   this.m_discontiguousSelection = false;
+  this.m_selectionFrontier = null;
 
   // event listeners
   this.m_docMouseMoveListener = null;
@@ -4265,6 +4268,7 @@ DvtDataGrid.prototype.resetInternal = function () {
   // resizing
   this.m_resizing = false;
   this.m_resizingElement = null;
+  this.m_resizingElementSibling = null;
   this.m_resizingElementMin = null;
 
   // data states
@@ -4508,6 +4512,13 @@ DvtDataGrid.prototype._getTemplateEngine = function () {
   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
@@ -19181,7 +19192,9 @@ DvtDataGrid.prototype._setEditableClone = function (element) {
 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;
   }
@@ -35836,6 +35849,8 @@ oj.__registerWidget('oj.ojDataGrid', $.oj.baseComponent, {
 
     // remove the resize DOM listener
     this._unregisterResizeListener(this.root);
+
+    this.contextMenuEvent = null;
   },
 
   _registerEventListeners: function () {
@@ -36261,7 +36276,7 @@ oj.__registerWidget('oj.ojDataGrid', $.oj.baseComponent, {
         (children[i].tagName !== 'OJ-MENU' ||
           (children[i].tagName === 'OJ-MENU' && children[i].slot !== 'contextMenu'))
       ) {
-        this.root.removeChild(children[i]);
+        this._remove(children[i]);
       }
     }
   },
@@ -37759,7 +37774,10 @@ oj.__registerWidget('oj.ojDataGrid', $.oj.baseComponent, {
    * @private
    */
   _remove: function (element) {
-    $(element).remove();
+    if (element != null) {
+      this.grid._cleanTemplateNodes(element);
+      $(element).remove();
+    }
   },
 
   /**

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

@@ -2970,11 +2970,13 @@ IteratingDataProviderContentHandler.prototype._registerDomScroller = function ()
     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_esm/ojdatetimepicker.js

@@ -4240,6 +4240,8 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
     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(),
@@ -6284,6 +6286,13 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
     }
   },
 
+  _createOffsetConverter: function (inputConverter) {
+    var resolvedOptions = inputConverter.resolvedOptions();
+    var options = {};
+    $.extend(options, resolvedOptions, { isoStrFormat: 'offset' });
+    return new IntlDateTimeConverter(options);
+  },
+
   /**
    * TODO: Technically i think should be used for the calendar, but later since late in release
    * @ignore
@@ -6421,7 +6430,22 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
 
     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 && 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();
     }
@@ -12340,10 +12364,12 @@ oj.__registerWidget('oj.ojInputDateTime', $.oj.ojInputDate, {
               ($.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) {
@@ -13074,20 +13100,6 @@ oj.__registerWidget('oj.ojInputDateTime', $.oj.ojInputDate, {
    */
   _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_esm/ojdiagram-toolkit.js

@@ -9,7 +9,7 @@ import { BaseComponentDefaults, CSSStyle, CategoryRolloverHandler, Obj, Point, M
 import { PanZoomCanvasKeyboardHandler, PanZoomComponent, PanZoomCanvas } from 'ojs/ojdvt-panzoomcanvas';
 import { getLogicalChildPopup } from 'ojs/ojkeyboardfocus-utils';
 import { Overview } from 'ojs/ojdvt-overview';
-import { CustomElementUtils } from 'ojs/ojcustomelement-utils';
+import { isElementRegistered } from 'ojs/ojcustomelement-registry';
 
 /**
  * Default values and utility functions for component versioning.
@@ -4207,7 +4207,7 @@ class DvtDiagramNode extends Container {
       var siblings = parentNode
         ? parentNode.getChildNodes()
         : this.GetDiagram().GetRootNodeObjects();
-      next = KeyboardHandler.getNextAdjacentNavigable(this, event, siblings);
+      next = KeyboardHandler.getNextAdjacentNavigable(this, event, siblings, true);
     }
     if (event instanceof KeyboardEvent) this._diagram.ensureObjInViewport(event, next);
 
@@ -10084,7 +10084,7 @@ class Diagram extends PanZoomComponent {
           // stop looking when you hit the diagram
           while (
             !(
-              (CustomElementUtils.isElementRegistered(activeElem.tagName) && activeElem.id) ||
+              (isElementRegistered(activeElem.tagName) && activeElem.id) ||
               activeElem.tagName === 'OJ-DIAGRAM'
             )
           ) {
@@ -12059,7 +12059,23 @@ class Diagram extends PanZoomComponent {
     }
     return null;
   }
-
+  /**
+   * Shows the keyboard focus effect.  Function is called when diagram.focus() is called.
+   */
+  showFocusEffect() {
+    if (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
@@ -12073,7 +12089,7 @@ class Diagram extends PanZoomComponent {
       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_esm/ojdiagram.js

@@ -3577,6 +3577,17 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
     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_esm/ojdvt-base.js

@@ -586,6 +586,14 @@ DvtStyleProcessor.populateOptions = function (options, childClasses) {
   }
 };
 
+/**
+ * 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
@@ -2179,6 +2187,16 @@ oj.__registerWidget(
       }
     },
 
+    /**
+     * 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
@@ -3002,6 +3020,9 @@ oj.__registerWidget(
           this._removeResizeListener();
         }
 
+        if (isResize) {
+          this._BeforeResizeRender();
+        }
         this._component.render(isResize ? null : options, this._width, this._height);
 
         if (bRemoveResizeListener) {

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

@@ -29938,9 +29938,15 @@ KeyboardHandler._computeDelta = function (currentBounds, candidateBounds, direct
  * @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 @@ KeyboardHandler.getNextAdjacentNavigable = function (current, event, listOfObjec
       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 @@ KeyboardHandler._calcDistanceAngleWeighted = function (object, current, keycode)
  * @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_esm/ojgantt-toolkit.js

@@ -7017,9 +7017,8 @@ class DvtGanttTask {
     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);