@oracle/oraclejet 14.0.10 → 14.1.1

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

@@ -1225,6 +1225,14 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
       return 8;
     },
 
+    /**
+     * Returns minimum gap between items horizontally
+     * @return {number} The minimum gap
+     */
+    getMinHorizontalBubbleSpacing: () => {
+      return 16;
+    },
+
     /**
      * Returns size for content bubble arrow
      * @return {number} The size of the content bubble arrow
@@ -1257,6 +1265,14 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
       return 36;
     },
 
+    /**
+     * Returns the padding for the nav arrow button
+     * @returns {number} The padding of the nav arrow button
+     */
+    getNavButtonPadding: () => {
+      return 8;
+    },
+
     /**
      * Returns bgcolor for content bubble
      * @return {string} The bgcolor of the content bubble
@@ -1690,16 +1706,6 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
     hideKeyboardFocusEffect() {
       this._isShowingKeyboardFocusEffect = false;
       this.hideHoverEffect();
-
-      // turn off actionable mode if it is enabled
-      /* TODO https://jira.oraclecorp.com/jira/browse/JET-48114
-      if (this._timeline.activeInnerElems) {
-        this._timeline.activeInnerElems = null;
-        this._disableAllTabElements();
-        this._timeline._context._parentDiv.focus();
-        this.hasActiveInnerElems = false;
-        this._timeline.getEventManager().ShowFocusEffect(null, this);
-      }*/
     }
 
     /**
@@ -1821,7 +1827,8 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
         previousState: this._previousState,
         state: this._state,
         durationWidth: durationWidth,
-        contentWidth: this.getAvailableContentWidth()
+        contentWidth: this.getAvailableContentWidth(),
+        maxAvailableWidth: this.getMaxAvailableWidth()
       };
     }
 
@@ -1841,9 +1848,65 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
         : 0;
       var contentWidth =
         this.getItemType() === DvtTimelineSeriesNode.DURATION_EVENT
-          ? bubbleWidth - artifactWidth
+          ? Math.floor(bubbleWidth - artifactWidth)
           : null;
-      return Math.floor(contentWidth);
+      return contentWidth;
+    }
+
+    /**
+     * Gets the largest available width on the right, left or within the bubble in a duration event.
+     * This is only for discrete viewport navigation mode.
+     * @return {number|null} The largest available width in pixels, or null if not duration event.
+     */
+    getMaxAvailableWidth() {
+      var durationEvent = this.getItemType() === DvtTimelineSeriesNode.DURATION_EVENT;
+      if (!durationEvent) return null;
+
+      var timeline = this._timeline;
+      var itemStartTime = this.getStartTime();
+      var itemEndTime = this.getEndTime();
+      var discreteNavMode = timeline.isDiscreteNavigationMode();
+      var padding = DvtTimelineStyleUtils.getNavButtonPadding();
+      var edgeOffset;
+      var startTime;
+      var endTime;
+      if (discreteNavMode) {
+        var navButtonBackgroundWidth = DvtTimelineStyleUtils.getNavButtonBackgroundWidth();
+        edgeOffset = navButtonBackgroundWidth - padding;
+        var viewportDates = timeline.getDiscreteViewportDateOffsetPos(
+          timeline._discreteViewportCurrentIndexOffset
+        );
+        startTime = viewportDates.startDate;
+        endTime = viewportDates.endDate;
+      } else {
+        edgeOffset = -padding;
+        startTime = timeline._start;
+        endTime = timeline._end;
+      }
+      var availableWidthInside = this.getAvailableContentWidth();
+      // For items outside of visible viewport in discrete nav mode, we don't really care how we render them.
+      // For simplicity and to avoid needing to figure out the discrete nav page index for every item,
+      // return the inside width, so that content remain inside the bubble
+      // and that there's no overflow that may interfere with the stuff in the visible viewport.
+      // Note we can't return 0; it would be logical, but
+      // timeline can't handle 0 width content at the moment.
+      if (discreteNavMode && (itemEndTime < startTime || itemStartTime > endTime)) {
+        return Math.floor(availableWidthInside);
+      }
+
+      var startLoc = timeline.getDatePos(startTime);
+      var endLoc = timeline.getDatePos(endTime);
+
+      var contentBubbleSpacing = DvtTimelineStyleUtils.getContentBubbleSpacing();
+      var availableWidthLeft = Math.max(
+        0,
+        timeline.getDatePos(itemStartTime) - startLoc - contentBubbleSpacing + edgeOffset
+      );
+      var availableWidthRight = Math.max(
+        0,
+        endLoc - timeline.getDatePos(itemEndTime) - contentBubbleSpacing + edgeOffset
+      );
+      return Math.floor(Math.max(availableWidthInside, availableWidthLeft, availableWidthRight));
     }
 
     /**
@@ -2035,8 +2098,6 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
       this._draggedObj = draggedObj;
     }
 
-    ///
-
     /**
      * Show the drag feedbacks accordingly; called by DnD handlers.
      * @param {dvt.MouseEvent|dvt.KeyboardEvent|dvt.ComponentTouchEvent} event DnD dragOver event, keyboard, or touch event that triggered the feedback
@@ -2648,7 +2709,6 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
 
       // check viewport collision
       DvtTimelineSeriesItemRenderer.checkEndViewportCollision(item, series, isRTL, width);
-
       // for collision, need the start position to be -contentWidth
       if (item.getEndViewportCollision() && durationWidth === null) {
         width = 2 * width + DvtTimelineStyleUtils.getContentBubbleSpacing();
@@ -3750,6 +3810,7 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
         item._content = DvtTimelineSeriesItemRenderer._getBubbleContent(item, series);
         contentContainer.addChild(item._content);
       }
+
       DvtTimelineSeriesItemRenderer._setupBubble(item, item._content, series);
 
       var nodeWidth, content, contentBubbleArray;
@@ -4176,11 +4237,13 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
       var navButtonBackgroundWidth = DvtTimelineStyleUtils.getNavButtonBackgroundWidth();
       var startTime = item.getDragStartTime();
       var loc = item._timeline.getDatePos(startTime);
-      var navMode = item._timeline.isDiscreteNavigationMode();
-      var length = navMode ? item._timeline._discreteContentLength : series._length;
+      var discreteNavMode = item._timeline.isDiscreteNavigationMode();
+      var length = discreteNavMode ? item._timeline._discreteContentLength : series._length;
       // use viewport end time vs timeline end time if in discrete navigation mode
       var endViewportDate = item._timeline.getDiscreteViewportEndDate();
-      var endViewportPos = item._timeline.getDatePos(item._timeline._viewEndTime);
+      var endViewportPos = item._timeline.getDatePos(
+        discreteNavMode ? endViewportDate : item._timeline._end
+      );
       item.setEndViewportCollision(false);
 
       // no collision behavior if not duration-event
@@ -4188,22 +4251,21 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
         return;
       }
 
-      // add half the preview wings to make it look more natural if it would be slightly too long
-      var collisionAdjustment = navButtonBackgroundWidth / 2;
+      // Allow content to extend up to the end edge (the viewport end in discrete nav mode, the time axis end in continuous) minus some padding.
+      // The same padding is used for both discrete and continuous nav mode, and it's equivalent to the padding around the nav button in discrete nav mode.
+      var padding = DvtTimelineStyleUtils.getNavButtonPadding();
+      var collisionAdjustment = discreteNavMode ? navButtonBackgroundWidth - padding : -padding;
       if (!isRTL) {
-        renderEnd = loc + DvtTimelineStyleUtils.getContentBubbleSpacing() + width;
+        renderEnd = loc + width;
 
         if (renderEnd > endViewportPos + collisionAdjustment) {
           // need to use overflow
           item.setEndViewportCollision(true);
         }
       } else {
-        renderEnd = length - loc - width - DvtTimelineStyleUtils.getContentBubbleSpacing();
+        renderEnd = length - loc - width;
         var startViewportPos = length - endViewportPos;
-        if (navMode) {
-          startViewportPos = startViewportPos - navButtonBackgroundWidth;
-        }
-        if (startViewportPos + collisionAdjustment > renderEnd) {
+        if (startViewportPos - collisionAdjustment > renderEnd) {
           item.setEndViewportCollision(true);
         }
       }
@@ -7632,6 +7694,7 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
       var axisVisibleSize = timeline.getTimeAxisVisibleSize(seriesCount);
       var navButtonBackgroundWidth = DvtTimelineStyleUtils.getNavButtonBackgroundWidth();
       var navButtonWidth = DvtTimelineStyleUtils.getNavButtonWidth();
+      var navButtonPadding = DvtTimelineStyleUtils.getNavButtonPadding();
       var axisStart =
         seriesCount === 1
           ? timeline._canvasSize - axisVisibleSize
@@ -7675,7 +7738,7 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
           'prevNavContainer_i'
         );
         prevArrowButton.setCornerRadius(4);
-        prevArrowButton.setTranslate(8, 8);
+        prevArrowButton.setTranslate(navButtonPadding, navButtonPadding);
         prevContainerBackground.addChild(prevArrowButton);
         prevArrowContainer.addChild(prevContainerBackground);
         prevArrowContainer.setTranslate(timeAxisOffset, axisStart - navButtonWidth);
@@ -7724,7 +7787,7 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
           'nextNavContainer_i'
         );
         nextArrowButton.setCornerRadius(4);
-        nextArrowButton.setTranslate(16, 8);
+        nextArrowButton.setTranslate(16, navButtonPadding);
         nextContainerBackground.addChild(nextArrowButton);
         nextArrowContainer.addChild(nextContainerBackground);
         nextArrowContainer.setTranslate(nextTimeAxisOffset, axisStart - navButtonWidth);
@@ -8976,7 +9039,9 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
         var endTime = item.getEndTime();
         if (endTime && endTime !== startTime) {
           var span = item._timeline.getDatePos(endTime) - loc;
-          loc = loc + Math.min(DvtTimelineStyleUtils.getDurationFeelerOffset(), span / 2);
+          if (item.getItemType() !== DvtTimelineSeriesNode.DURATION_EVENT) {
+            loc = loc + Math.min(DvtTimelineStyleUtils.getDurationFeelerOffset(), span / 2);
+          }
         }
         item.setLoc(loc);
         if (!series._isRandomItemLayout) item.setSpacing(null);
@@ -9837,12 +9902,12 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
       if (!this._isVertical) {
         var endViewportCollisionOffset = item.getEndViewportCollision() ? item.getContentWidth() : 0;
         var x = item.getLoc() - endViewportCollisionOffset;
-        var width = item.getWidth() + 16;
+        var width = item.getWidth() + DvtTimelineStyleUtils.getMinHorizontalBubbleSpacing();
         var hOffset = DvtTimelineStyleUtils.getBubbleSpacing();
         var overlappingItems = [];
         for (i = 0; i < index; i++) {
           currItem = this._items[i];
-          currWidth = currItem.getWidth() + 16;
+          currWidth = currItem.getWidth() + DvtTimelineStyleUtils.getMinHorizontalBubbleSpacing();
           endViewportCollisionOffset = currItem.getEndViewportCollision()
             ? currItem.getContentWidth()
             : 0;
@@ -11861,13 +11926,34 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-timecomponent', 'ojs/ojtimeax
      * Update the viewport when in discrete viewport navigation mode.
      */
     updateDiscreteViewport() {
-      DvtTimelineRenderer._renderAxis(this, this.getTimeZoomCanvas(), true);
-      DvtTimelineRenderer._renderNavigationArrows(this, this.getTimeZoomCanvas());
+      this.prepareViewportLength();
+      var navButtonBackgroundWidth = DvtTimelineStyleUtils.getNavButtonBackgroundWidth();
+      this._timeAxisRatio = (this._canvasLength - 2 * navButtonBackgroundWidth) / this._canvasLength;
+      this._discreteOffset =
+        (this.getContentLength() - this.getContentLength() * this._timeAxisRatio) / 2;
+      this._discreteContentLength = this.getContentLength() * this._timeAxisRatio;
+
+      this.renderTimeZoomCanvas(this._canvas);
+      this.updateSeries();
+      DvtTimelineRenderer._renderAxis(this, this._timeZoomCanvas);
+      DvtTimelineRenderer._renderNavigationArrows(this, this._timeZoomCanvas);
+      this.doInitialPan();
+
       if (this._hasOverview) {
         DvtTimelineRenderer._renderOverview(this);
+        // Reapply selections to overview region
+        if (this.SelectionHandler) {
+          var selection = this.SelectionHandler.getSelectedIds();
+          if (selection && selection.length !== 0) {
+            for (var i = 0; i < selection.length; i++) {
+              this._overview.selSelectItem(selection[i]);
+            }
+          }
+        }
+      }
+      if (this.isTimeDirScrollbarOn() || this.isContentDirScrollbarOn()) {
+        DvtTimelineRenderer._renderScrollbars(this);
       }
-      this.updateSeries();
-      DvtTimelineRenderer._renderScrollbars(this);
     }
 
     /**

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

@@ -1178,10 +1178,10 @@ var __oj_timeline_series_metadata =
    * @property {boolean}  previousState.hovered True if the item was previously hovered.
    * @property {boolean}  previousState.selected True if the item was previously selected.
    * @property {boolean}  previousState.focused True if the item was previously focused.
-   * @property {Number}  durationWidth width of the duration-event bubble or null if not duration-event
-   * @property {Number}  contentWidth The available width in px for content.
-   * If the item is not a duration-event, then this is null, and the component will automatically allocate enough width space to accommodate the content.
-   *
+   * @property {Number}  durationWidth width of the duration-event bubble or null if not duration-event.
+   * @property {Number}  contentWidth The available width in pixels for content inside the duration-event bubble, or null if the item is not a duration-event.
+   * @property {Number}  maxAvailableWidth The largest value in pixels among the available width on the right, on the left, and within the duration event bubble.
+   * If the item is not a duration-event, then this is null.
    * @ojdeprecated {target: "property", for: "durationWidth", since:"13.1.0", description: "The durationWidth property is deprecated. Please use the contentWidth property instead."}
    * @ojsignature [{target: "Type", value: "oj.ojTimeline.SeriesItem<K>", for: "data"},
    *               {target: "Type", value: "oj.ojTimeline.Series<K>", for: "seriesData"},

package/dist/js/libs/oj/debug/ojvcomponent-template.js

@@ -5,7 +5,7 @@
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore
  */
-define(['exports', 'ojs/ojlogger', 'ojs/ojhtmlutils', 'ojs/ojcustomelement-utils', 'preact', 'preact/jsx-runtime', 'ojs/ojcontext', 'ojs/ojdataproviderhandler', 'ojs/ojbindpropagation', 'ojs/ojconfig', 'ojs/ojmetadatautils', 'ojs/ojcspexpressionevaluator-internal'], function (exports, Logger, HtmlUtils, ojcustomelementUtils, preact, jsxRuntime, Context, ojdataproviderhandler, ojbindpropagation, ojconfig, ojmetadatautils, ojcspexpressionevaluatorInternal) { 'use strict';
+define(['exports', 'ojs/ojlogger', 'ojs/ojhtmlutils', 'ojs/ojcustomelement-utils', 'ojs/ojcustomelement-registry', 'preact', 'preact/jsx-runtime', 'ojs/ojcontext', 'ojs/ojdataproviderhandler', 'ojs/ojbindpropagation', 'ojs/ojconfig', 'ojs/ojmetadatautils', 'ojs/ojcspexpressionevaluator-internal'], function (exports, Logger, HtmlUtils, ojcustomelementUtils, ojcustomelementRegistry, preact, jsxRuntime, Context, ojdataproviderhandler, ojbindpropagation, ojconfig, ojmetadatautils, ojcspexpressionevaluatorInternal) { 'use strict';
 
     Context = Context && Object.prototype.hasOwnProperty.call(Context, 'default') ? Context['default'] : Context;
 
@@ -406,7 +406,7 @@ define(['exports', 'ojs/ojlogger', 'ojs/ojhtmlutils', 'ojs/ojcustomelement-utils
             var props = this._getElementProps(engineContext, node);
             const tagName = node.tagName;
             const localName = tagName.toLowerCase();
-            const compMetadata = ojcustomelementUtils.CustomElementUtils.getMetadata(tagName);
+            const compMetadata = ojcustomelementRegistry.getMetadata(tagName);
             return this._createHFunctionCallNode(localName, [
                 this._createPossiblyProvidedAndConsumedProperties(localName, engineContext, compMetadata, props),
                 this._createAst(engineContext, Array.from(node.childNodes))
@@ -602,7 +602,7 @@ define(['exports', 'ojs/ojlogger', 'ojs/ojhtmlutils', 'ojs/ojcustomelement-utils
                         if (expValue.expr) {
                             const propName = ojcustomelementUtils.AttributeUtils.attributeToPropertyName(name);
                             const propNamePath = propName.split('.');
-                            const propMeta = ojmetadatautils.getPropertyMetadata(propNamePath[0], ojcustomelementUtils.CustomElementUtils.getPropertiesForElementTag(node.tagName));
+                            const propMeta = ojmetadatautils.getPropertyMetadata(propNamePath[0], ojcustomelementRegistry.getPropertiesForElementTag(node.tagName));
                             if (!(propMeta === null || propMeta === void 0 ? void 0 : propMeta.readOnly)) {
                                 if (propNamePath.length > 1) {
                                     dottedExpressions.push({ subProps: propName, expr: expValue.expr });

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

@@ -5,7 +5,7 @@
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore
  */
-define(['require', 'exports', 'preact/compat', 'preact/jsx-runtime', 'preact', 'ojs/ojcustomelement-utils', 'preact/hooks', '@oracle/oraclejet-preact/UNSAFE_Environment', 'ojs/ojcontext', 'ojs/ojmetadatautils', 'ojs/ojcore-base', 'ojs/ojpreact-patch', 'ojs/ojconfig', 'ojs/ojpopupcore', '@oracle/oraclejet-preact/UNSAFE_Layer', '@oracle/oraclejet-preact/utils/UNSAFE_matchTranslationBundle', '@oracle/oraclejet-preact/resources/nls/supportedLocales', 'ojs/ojlogger'], function (require, exports, compat, jsxRuntime, preact, ojcustomelementUtils, hooks, UNSAFE_Environment, Context, MetadataUtils, oj, ojpreactPatch, ojconfig, ojpopupcore, UNSAFE_Layer, UNSAFE_matchTranslationBundle, supportedLocales, Logger) { 'use strict';
+define(['require', 'exports', 'preact/compat', 'preact/jsx-runtime', 'preact', 'ojs/ojcustomelement-utils', 'ojs/ojcustomelement-registry', 'preact/hooks', '@oracle/oraclejet-preact/UNSAFE_Environment', 'ojs/ojcontext', 'ojs/ojmetadatautils', 'ojs/ojcore-base', 'ojs/ojpreact-patch', 'ojs/ojconfig', 'ojs/ojpopupcore', '@oracle/oraclejet-preact/UNSAFE_Layer', '@oracle/oraclejet-preact/utils/UNSAFE_matchTranslationBundle', '@oracle/oraclejet-preact/resources/nls/supportedLocales', 'ojs/ojlogger'], function (require, exports, compat, jsxRuntime, preact, ojcustomelementUtils, ojcustomelementRegistry, hooks, UNSAFE_Environment, Context, MetadataUtils, oj, ojpreactPatch, ojconfig, ojpopupcore, UNSAFE_Layer, UNSAFE_matchTranslationBundle, supportedLocales, Logger) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) { return e; } else {
@@ -32,7 +32,7 @@ define(['require', 'exports', 'preact/compat', 'preact/jsx-runtime', 'preact', '
 
     function EnvironmentWrapper(props) {
         const child = props.children;
-        const contexts = ojcustomelementUtils.CustomElementUtils.getElementRegistration(child.type).cache.contexts;
+        const contexts = ojcustomelementRegistry.getElementRegistration(child.type).cache.contexts;
         const allContexts = [UNSAFE_Environment.EnvironmentContext, ...(contexts !== null && contexts !== void 0 ? contexts : [])];
         const allValues = allContexts.map((context) => {
             var _a;
@@ -61,12 +61,12 @@ define(['require', 'exports', 'preact/compat', 'preact/jsx-runtime', 'preact', '
     let isCloningElement = false;
     preact.options.vnode = (vnode) => {
         const type = vnode.type;
-        if (typeof type === 'string' && ojcustomelementUtils.CustomElementUtils.isElementRegistered(type)) {
+        if (typeof type === 'string' && ojcustomelementRegistry.isElementRegistered(type)) {
             const props = vnode.props;
             injectSymbols(props, 'value');
             injectSymbols(props, 'checked');
         }
-        if (typeof type === 'string' && !isCloningElement && ojcustomelementUtils.CustomElementUtils.isVComponent(type)) {
+        if (typeof type === 'string' && !isCloningElement && ojcustomelementRegistry.isVComponent(type)) {
             isCloningElement = true;
             try {
                 const origVNode = preact.cloneElement(vnode);
@@ -463,6 +463,13 @@ define(['require', 'exports', 'preact/compat', 'preact/jsx-runtime', 'preact', '
      *   )
      * }
      * </code></pre>
+     * <p>
+     *   In some scenarios, JET application developers may require access to a
+     *   <a href="oj.BusyContext.html">BusyContext</a> scoped to a VComponent's children
+     *   or to a particular named slot's contents. See the
+     *   <a href="#ImplicitBusyContext">ImplicitBusyContext</a> type for info on
+     *   how to declare the need for a scoped BusyContext instance.
+     * </p>
      * <h3 id="template-slots">
      *  Template Slots
      *  <a class="bookmarkable-link" title="Bookmarkable Link" href="#template-slots"></a>
@@ -1328,6 +1335,33 @@ define(['require', 'exports', 'preact/compat', 'preact/jsx-runtime', 'preact', '
      * @ojsignature [{target: "Type", value: "ComponentChildren"}]
      */
 
+    /**
+     * <p>
+     *   As discussed in <a href="#children">Children and Slots</a>, JET application developers
+     *   may require runtime access to a <a href="oj.BusyContext.html">BusyContext</a>
+     *   scoped to a VComponent's children or to a particular named slot's contents.
+     *   The ImplicitBusyContext marker type can be combined with Preact's ComponentChildren type
+     *   or with the <a href="#Slot">Slot</a> type to indicate that a scoped BusyContext instance
+     *   should be injected by the VComponent framework.
+     * </p>
+     * <pre class="prettyprint"><code>import { Component, ComponentChildren } from 'preact';
+     * import { customElement, ExtendGlobalProps, ImplicitBusyContext, Slot } from 'ojs/ojvcomponent';
+     *
+     * type Props = {
+     *   // This indicates that the VComponent accepts arbitrary (non-slot) children,
+     *   // and that a BusyContext scoped to this child content is expected at runtime
+     *   children?: ComponentChildren & ImplicitBusyContext;
+     *
+     *   // This indicates that the VComponent accepts a slot named "end",
+     *   // and that a BusyContext scoped to the slot's content is expected at runtime
+     *   end?: Slot & ImplicitBusyContext;
+     * }
+     * </code></pre>
+     * @typedef {unknown} ImplicitBusyContext
+     * @ojexports
+     * @memberof ojvcomponent
+     */
+
     /**
      * <p>
      *  The Methods type specifies optional design-time method metadata that can be passed in the
@@ -2822,7 +2856,7 @@ define(['require', 'exports', 'preact/compat', 'preact/jsx-runtime', 'preact', '
             var _a;
             const slotMap = this.getSlotMap();
             const slots = Object.keys(slotMap);
-            const metadata = ojcustomelementUtils.CustomElementUtils.getElementDescriptor(this.Element.tagName).metadata;
+            const metadata = ojcustomelementRegistry.getElementDescriptor(this.Element.tagName).metadata;
             const dynamicSlotMetadata = (_a = metadata === null || metadata === void 0 ? void 0 : metadata.extension) === null || _a === void 0 ? void 0 : _a._DYNAMIC_SLOT;
             const hasDynamicTemplateSlots = !!(dynamicSlotMetadata === null || dynamicSlotMetadata === void 0 ? void 0 : dynamicSlotMetadata.isTemplate);
             const templateSlots = slots.filter((slot) => {
@@ -2997,7 +3031,7 @@ define(['require', 'exports', 'preact/compat', 'preact/jsx-runtime', 'preact', '
         HTMLPreactElement.translationBundleMap = translationBundleMap;
         addPropGetterSetters(HTMLPreactElement.prototype, metadata === null || metadata === void 0 ? void 0 : metadata.properties);
         addMethods(HTMLPreactElement.prototype, metadata === null || metadata === void 0 ? void 0 : metadata.methods);
-        ojcustomelementUtils.CustomElementUtils.registerElement(tagName, {
+        ojcustomelementRegistry.registerElement(tagName, {
             descriptor: { metadata },
             stateClass: VComponentState,
             vcomp: true,

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

@@ -5862,32 +5862,36 @@ class DvtChartObjPeer {
       ? keyCode == KeyboardEvent.LEFT_ARROW
       : keyCode == KeyboardEvent.RIGHT_ARROW;
 
+    var isStacked = DvtChartDataUtils.isStacked(chart);
+    var isBar = DvtChartTypeUtils.isBar(chart);
+    var nextObj;
     if (isUp) {
       nextGroupIndex = groupIndex;
       nextSeriesIndex = this._findNextUpSeries(chart, seriesIndex, groupIndex);
     } else if (isDown) {
       nextGroupIndex = groupIndex;
       nextSeriesIndex = this._findNextDownSeries(chart, seriesIndex, groupIndex);
-    } else if (isRight) {
+    } else if (isRight || isLeft) {
       nextSeriesIndex = seriesIndex;
       nextGroupIndex = groupIndex;
       do {
-        nextGroupIndex++;
+        nextGroupIndex = isRight ? nextGroupIndex + 1 : nextGroupIndex - 1;
         if (isPolar && nextGroupIndex >= groupCount) nextGroupIndex = 0;
+        if (isPolar && nextGroupIndex < 0) nextGroupIndex = groupCount - 1;
+        nextObj = chart.getObject(nextSeriesIndex, nextGroupIndex);
+        // if stacked and next group does not have item of same series,
+        // shift focus to the item at the bottom of the stack
+        if (nextObj == null && isStacked && isBar) {
+          var nextSeries = this._findFirstSeriesInGroup(chart, nextGroupIndex);
+          nextObj = chart.getObject(nextSeries, nextGroupIndex);
+        }
       } while (
-        chart.getObject(nextSeriesIndex, nextGroupIndex) == null &&
-        nextGroupIndex < groupCount
+        nextObj == null &&
+        ((isRight && nextGroupIndex < groupCount) || (isLeft && nextGroupIndex > -1))
       );
-    } else if (isLeft) {
-      nextSeriesIndex = seriesIndex;
-      nextGroupIndex = groupIndex;
-      do {
-        nextGroupIndex--;
-        if (isPolar && nextGroupIndex < 0) nextGroupIndex = groupCount - 1;
-      } while (chart.getObject(nextSeriesIndex, nextGroupIndex) == null && nextGroupIndex > -1);
     }
 
-    var nextObj = chart.getObject(nextSeriesIndex, nextGroupIndex);
+    nextObj = nextObj || chart.getObject(nextSeriesIndex, nextGroupIndex);
     return nextObj && nextObj.isNavigable() ? nextObj : this;
   }
 
@@ -5955,6 +5959,26 @@ class DvtChartObjPeer {
     return nextSeriesIndex;
   }
 
+  /**
+   * Returns the index of the first series in the given group. This will be the item at the
+   * bottom of the stack when chart is stacked.
+   * @param {Chart} chart
+   * @param {number} groupIndex The group index of the group.
+   * @returns
+   */
+  _findFirstSeriesInGroup(chart, groupIndex) {
+    var seriesCount = DvtChartDataUtils.getSeriesCount(chart);
+    for (var idx = 0; idx < seriesCount; idx++) {
+      if (
+        DvtChartDataUtils.isSeriesRendered(chart, idx) &&
+        DvtChartDataUtils.getVal(chart, idx, groupIndex) != null &&
+        chart.getObject(idx, groupIndex) != null
+      )
+        return idx;
+    }
+    return null;
+  }
+
   //---------------------------------------------------------------------//
   // DnD Support: DvtDraggable impl                                      //
   //---------------------------------------------------------------------//
@@ -24420,8 +24444,7 @@ class DvtTimeAxisInfo extends DvtAxisInfo {
     var initialTimezoneOffset = anchor.getTimezoneOffset();
     anchor.setMonth(0, 1); // January 1
     anchor.setHours(0, 0, 0, 0); // 00:00:00
-    var timezoneCorrection = (initialTimezoneOffset - anchor.getTimezoneOffset()) * 60 * 1000; // . Correction is needed due to daylight savings
-    var time = anchor.getTime() + timezoneCorrection;
+    var time = anchor.getTime();
 
     var times = [];
     if (step >= DvtTimeAxisInfo.TIME_YEAR_MIN && step <= DvtTimeAxisInfo.TIME_YEAR_MAX) {
@@ -24439,7 +24462,14 @@ class DvtTimeAxisInfo extends DvtAxisInfo {
         time = DvtTimeAxisInfo._addOneMonth(time);
       }
     } else {
-      time += Math.ceil((start - time) / step) * step;
+      // . Correction is needed due to daylight savings.
+      // Only apply daylight correction when step is less than a month. Daylight savings does not impact any step higher than month.
+      // JET-52348 - Ideally we should be using Date api to add and substract date offsets to calculate labels since
+      // Date will automatically handle daylight savings. This approach should solve issues for steps greater than month but we could encounter
+      // offsets in axis labels when dataset values are in different daylight savings and chart step is low (eg day or hour);
+      var timezoneCorrection = (initialTimezoneOffset - anchor.getTimezoneOffset()) * 60 * 1000;
+      var correction = step < DvtTimeAxisInfo.TIME_MONTH_MIN ? timezoneCorrection : 0;
+      time += Math.ceil((start - time - correction) / step) * step + correction;
       while (time <= end) {
         times.push(time);
         time += step;

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

@@ -2282,6 +2282,7 @@ import { Chart, SparkChart } from 'ojs/ojchart-toolkit';
  * @property {string=} source The URI of the image of the legend symbol.
  * @property {"image"|"line"|"lineWithMarker"|"marker"} [symbolType="marker"] The type of legend symbol to display.
  * @property {string} text The legend item text.
+ * @ojdeprecated {since: '14.1.0', description: 'This attribute is deprecated. Use hidden-categories on oj-chart instead', for:'categoryVisibility', target: 'property' }
  */
 
 /**

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

@@ -7,6 +7,7 @@
  */
 import 'ojs/ojcustomelement';
 import { CustomElementUtils, ElementUtils } from 'ojs/ojcustomelement-utils';
+import { isElementRegistered } from 'ojs/ojcustomelement-registry';
 
 /**
  * Child mutation observer.
@@ -32,7 +33,7 @@ import { CustomElementUtils, ElementUtils } from 'ojs/ojcustomelement-utils';
 const ChildMutationObserver = function (element, handler) {
   var _element = element;
   var _handler = handler;
-  var _trackOption = CustomElementUtils.isElementRegistered(element.tagName)
+  var _trackOption = isElementRegistered(element.tagName)
     ? CustomElementUtils.getElementState(element).getTrackChildrenOption()
     : 'none';
   /**

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

@@ -577,12 +577,6 @@ var __oj_collapsible_metadata =
 
       this._destroyIcons();
 
-      // remove header wrapper
-      if (this.header && this.headerWrapper) {
-        unwrap(this.header);
-        this.headerWrapper = null;
-      }
-
       // clean up content panels
       this.content
         .css('display', '')
@@ -600,6 +594,12 @@ var __oj_collapsible_metadata =
       // remove listeners
       this._tearDownEvents();
 
+      // remove header wrapper
+      if (this.header && this.headerWrapper) {
+        unwrap(this.header);
+        this.headerWrapper = null;
+      }
+
       // remove wrapper
       if (this.content) {
         //  - DomUtils.unwrap() will avoid unwrapping if the node is being destroyed by Knockout
@@ -705,9 +705,9 @@ var __oj_collapsible_metadata =
      */
     refresh: function () {
       this._super();
+      this._destroyIcons();
       this._cleanup();
       this._processPanels();
-      this._destroyIcons();
       this._refresh();
     },