@oracle/oraclejet 12.0.4 → 12.1.2

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

@@ -2976,21 +2976,38 @@ DvtGanttTaskShape.prototype.applyDefaultStyleClasses = function()
   }
 };
 
+/**
+ * @override
+ */
+DvtGanttTaskShape.prototype.setClassName = function(className) {
+  DvtGanttTaskShape.superclass.setClassName.call(this, className);
+  // If the task is highlighted, it would have the associated highlight CSS class applied.
+  // However, calls to setClassName blows away the highlight class.
+  // Add the highlight class if that's the case:
+  if (this._isHighlighted) {
+    this.highlight();
+  }
+};
+
 /**
  * "Highights" the task, i.e. for when selection-behavior is "highlightDependencies".
  */
 DvtGanttTaskShape.prototype.highlight = function()
 {
-  ToolkitUtils.addClassName(this.getElem(), this._task.getGantt().GetStyleClass('taskHighlight'));
+  // Note this._elem needs to be used instead of this.getElem()
+  // to reference the Path shape element--in touch device, this.getElem() returns
+  // a <g> child group element rather than the shape element.
+  ToolkitUtils.addClassName(this._elem, this._task.getGantt().GetStyleClass('taskHighlight'));
   this._isHighlighted = true;
 };
 
 /**
- * "Un-Highights" the task, i.e. for when selection-behavior is "highlightDependencies".
- */
+* "Un-Highights" the task, i.e. for when selection-behavior is "highlightDependencies".
+*/
 DvtGanttTaskShape.prototype.unhighlight = function()
 {
-  ToolkitUtils.removeClassName(this.getElem(), this._task.getGantt().GetStyleClass('taskHighlight'));
+  // See note in hightlight() method regarding this._elem vs this.getElem()
+  ToolkitUtils.removeClassName(this._elem, this._task.getGantt().GetStyleClass('taskHighlight'));
   this._isHighlighted = false;
 };
 
@@ -5199,22 +5216,6 @@ DvtGanttEventManager.prototype.OnMouseMove = function(event) {
   }
 };
 
-/**
- * override
- */
-DvtGanttEventManager.prototype.ProcessSelectionEventHelper = function (logicalObj, isMultiSelect) {
-  DvtGanttEventManager.superclass.ProcessSelectionEventHelper.call(this, logicalObj, isMultiSelect);
-
-  // Note that this is handled here because selectionHandler.getSelection() is up-to-date at this point.
-  if (this._gantt.getOptions().selectionBehavior === 'highlightDependencies') {
-    // 'highlightDependencies' behavior: highlight selected tasks and its dependencies,
-    // and dim out all other tasks.
-    var viewport = this._gantt.getViewPort();
-    var dataLayoutManager = this._gantt.getDataLayoutManager();
-    dataLayoutManager.renderViewportDependencyLines(viewport, 'vpc_translate');
-  }
-};
-
 /**
  * Expands or collapses a row when expand/collapse button is clicked.
  * @param {dvt.BaseEvent} event
@@ -9766,9 +9767,10 @@ DvtGanttTaskNode.prototype.getSandboxDataContext = function()
  * Sets selection state
  * @param {boolean} selected
  * @param {boolean=} enforceDOMLayering Whether to re-layer the DOM, which can be expensive. Defaults to true.
+ * @param {boolean=} isInitial (optional) True if it is an initial selection.
  * @private
  */
-DvtGanttTaskNode.prototype._setSelected = function(selected, enforceDOMLayering)
+DvtGanttTaskNode.prototype._setSelected = function(selected, enforceDOMLayering, isInitial)
 {
   this._selected = selected;
 
@@ -9785,10 +9787,9 @@ DvtGanttTaskNode.prototype._setSelected = function(selected, enforceDOMLayering)
 
   this._gantt.setCurrentRow(this.getRowNode().getId());
 
+  const options = this._gantt.getOptions();
   // Update linear dependency line rendering, because the marker styling depends on task selection state
-  // Note selectionBehavior === 'highlightDependencies' is handled in DvtGanttEventManager.ProcessSelectionEventHelper
-  // because the selectionHandler.getSelection() is not updated yet at this point.
-  if (this._gantt.getOptions().dependencyLineShape === 'straight' && this._gantt.getOptions().selectionBehavior === 'normal') {
+  if (options.dependencyLineShape === 'straight') {
     var dependenciesContainer = this._gantt.getDependenciesContainer();
     var predecessorLines = this.getPredecessorDependencies();
     predecessorLines.forEach(function (line) {
@@ -9799,6 +9800,14 @@ DvtGanttTaskNode.prototype._setSelected = function(selected, enforceDOMLayering)
       line.render(dependenciesContainer, false);
     });
   }
+
+  // When selection is triggered by user gesture, highlight the relevant dependencies
+  // See also Bug JIRA JET-49382
+  if (!isInitial && options.selectionBehavior === 'highlightDependencies') {
+    var viewport = this._gantt.getViewPort();
+    var dataLayoutManager = this._gantt.getDataLayoutManager();
+    dataLayoutManager.renderViewportDependencyLines(viewport, 'vpc_translate', selected ? this.getLayoutObject() : null);
+  }
 };
 
 /**
@@ -9849,10 +9858,10 @@ DvtGanttTaskNode.prototype.isSelected = function()
 /**
  * @override
  */
-DvtGanttTaskNode.prototype.setSelected = function(selected)
+DvtGanttTaskNode.prototype.setSelected = function(selected, isInitial)
 {
   // Set selection and ensure proper DOM layering
-  this._setSelected(selected, true);
+  this._setSelected(selected, true, isInitial);
 };
 
 /**
@@ -12586,14 +12595,16 @@ DvtGanttDataLayoutManager.prototype.getLayoutObjectsInBBox = function(bbox)
 
 /**
  * Based on current task selection, return a set of tasks connected to them
- * via dependencies.
+ * via dependencies. If targetTaskObj is specified, then that task is ensured to be included in the selection.
  * @param {string} action The action that triggered the viewport change. One of the DvtGanttDataLayoutManager.VPC_X strings.
+ * @param {Object=} targetTaskObj The target selected task. This should only be specified if the target task
+ *    is not in the selectionHandler's current selection (yet), i.e. this rendering is triggered by a task selection gesture
  * @returns {Object} { taskObjs: Array(taskObjs), dependencyObjs: Set(depObjs) }
  * @private
  */
-DvtGanttDataLayoutManager.prototype._getSelectionDependencies = function (action) {
+DvtGanttDataLayoutManager.prototype._getSelectionDependencies = function (action, targetTaskObj) {
   var idTaskObjMap = this._createIdObjMap(this._rowObjs, 'taskObjs');
-  var taskObjsSelected = [];
+  var taskObjsSelected;
   if (action === DvtGanttDataLayoutManager.VPC_REFRESH) {
     // If due to (re)-render, selectionHandler.getSelection() is not up to date at this point
     var selection = this._gantt.getOptions()['selection'];
@@ -12601,6 +12612,11 @@ DvtGanttDataLayoutManager.prototype._getSelectionDependencies = function (action
   } else {
     taskObjsSelected = this._gantt.getSelectionHandler().getSelection().map(taskNode => taskNode.getLayoutObject());
   }
+  if (targetTaskObj) {
+    // targetTaskObj is specified if this rendering is triggered by a task selection gesture
+    // and so it's not in the selectionHandler's current selection (yet)
+    taskObjsSelected.push(targetTaskObj);
+  }
 
   var visitedTaskObjs = new Set();
   var visitedDependencyObjs = new Set();
@@ -12673,8 +12689,9 @@ DvtGanttDataLayoutManager.prototype.highlightTasks = function(taskObjs)
  * Renders viewport related dependency lines
  * @param {Object} viewport Object describing the viewport, of shape {minRowInd: number, maxRowInd: number, viewStartTime: number, viewEndTime: number}
  * @param {string} action The action that triggered the viewport change. One of the DvtGanttDataLayoutManager.VPC_X strings.
+ * @param {Object=} targetTaskObj The task that got selected by the user that triggered this call (optional)
  */
- DvtGanttDataLayoutManager.prototype.renderViewportDependencyLines = function (viewport, action) {
+DvtGanttDataLayoutManager.prototype.renderViewportDependencyLines = function (viewport, action, targetTaskObj) {
   var dependenciesContainer = this._gantt.getDependenciesContainer();
   if (dependenciesContainer) {
     dependenciesContainer.removeChildren();
@@ -12684,7 +12701,7 @@ DvtGanttDataLayoutManager.prototype.highlightTasks = function(taskObjs)
   if (this._gantt.getOptions()['selectionBehavior'] === 'highlightDependencies') {
     // "highlightDependencies" selection behavior: only dependencies related to the selected tasks are shown
     // and dim all other tasks
-    var selectionDeps = this._getSelectionDependencies(action);
+    var selectionDeps = this._getSelectionDependencies(action, targetTaskObj);
     this.highlightTasks(selectionDeps.taskObjs);
     dependencyObjs = selectionDeps.dependencyObjs;
   } else {

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

@@ -904,6 +904,7 @@ class DvtGauge extends BaseComponent {
       container.setAriaProperty('valuemax', this.Options['max']);
       var value = DvtGaugeRenderer.getFormattedMetricLabel(this.Options['value'], this);
       container.setAriaProperty('valuenow', value);
+      container.setAriaProperty('valuetext', value);
       var tooltip = DvtGaugeRenderer.getTooltipString(this);
 
       if (Agent.isTouchDevice()) {
@@ -1091,6 +1092,7 @@ class DvtGauge extends BaseComponent {
   UpdateAriaLiveValue(container, value) {
     value = DvtGaugeRenderer.getFormattedMetricLabel(value ? value : this.Options['value'], this);
     container.setAriaProperty('valuenow', value);
+    container.setAriaProperty('valuetext', value);
 
     if (Agent.isTouchDevice())
       container.setAriaProperty('label', value);

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

@@ -1201,6 +1201,7 @@ oj.__registerWidget('oj.ojLedGauge', $.oj.dvtBaseGauge,
        * @name label
        * @memberof oj.ojLedGauge
        * @instance
+       * @ojdeprecated {since: '12.1.0', description: 'This attribute is deprecated. Use metric-label instead.'}
        * @type {Object=}
        */
       label: {
@@ -1499,6 +1500,7 @@ oj.__registerWidget('oj.ojLedGauge', $.oj.dvtBaseGauge,
        * @name visualEffects
        * @memberof oj.ojLedGauge
        * @instance
+       * @ojdeprecated {since: '12.1.0', description: 'Overlays and gradients are not supported in Redwood theme and are not recommended. As such, this attribute is deprecated.'}
        * @type {string=}
        * @ojvalue {string} "none"
        * @ojvalue {string} "auto"
@@ -2229,6 +2231,7 @@ oj.__registerWidget('oj.ojRatingGauge', $.oj.dvtBaseGauge,
        * @name visualEffects
        * @memberof oj.ojRatingGauge
        * @instance
+       * @ojdeprecated {since: '12.1.0', description: 'Overlays and gradients are not supported in Redwood theme and are not recommended. As such, this attribute is deprecated.'}
        * @type {string=}
        * @ojvalue {string} "none"
        * @ojvalue {string} "auto"
@@ -2582,6 +2585,7 @@ oj.__registerWidget('oj.ojStatusMeterGauge', $.oj.dvtBaseGauge,
        * @name label
        * @memberof oj.ojStatusMeterGauge
        * @instance
+       * @ojdeprecated {since: '12.1.0', description: 'This attribute is deprecated. Use metric-label instead.'}
        * @type {Object=}
        */
       label: {
@@ -3102,6 +3106,7 @@ oj.__registerWidget('oj.ojStatusMeterGauge', $.oj.dvtBaseGauge,
        * @name visualEffects
        * @memberof oj.ojStatusMeterGauge
        * @instance
+       * @ojdeprecated {since: '12.1.0', description: 'Overlays and gradients are not supported in Redwood theme and are not recommended. As such, this attribute is deprecated.'}
        * @type {string=}
        * @ojvalue {string} "none"
        * @ojvalue {string} "auto"

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

@@ -3557,6 +3557,7 @@ ComponentBinding.getDefaultInstance().setupManagedAttributes({
     this.indexesToDelete = [];
     this.rendering_queued = false;
     this.pendingDeletes = [];
+    this._noDataNodes = null;
     virtualElements.emptyNode(this.element);
     if (changedData.fetchFirst) {
       // refetch data and recreate the child nodes

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

@@ -95,7 +95,7 @@ class DvtLegendObjPeer {
       for (var i = 0; i < this._displayables.length; i++) {
         this._displayables[i].setCursor(SelectionEffectUtils.getSelectingCursor());
       }
-    } 
+    }
   }
 
 
@@ -240,7 +240,7 @@ class DvtLegendObjPeer {
       return this;
 
     var navigables = this._legend.__getKeyboardObjects();
-    return KeyboardHandler.getNextNavigable(this, event, navigables, true, this._legend);
+    return KeyboardHandler.getNextNavigable(this, event, navigables, true, this._legend, true);
   };
 
 

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

@@ -801,8 +801,8 @@ oj.__registerWidget('oj.ojLegend', $.oj.dvtBaseComponent,
        * @ojshortdesc Specifies whether drilling is enabled. Drillable objects will show a pointer cursor on hover and fire an ojDrill event on click. See the Help documentation for more information.
        * @instance
        * @type {string=}
-       * @ojvalue {string} "on"
-       * @ojvalue {string} "off"
+       * @ojvalue {string} "on" Legend items will be drillable.
+       * @ojvalue {string} "off" Legend items will not be drillable.
        * @default "off"
        *
        * @example <caption>Initialize the Legend with the <code class="prettyprint">drilling</code> attribute specified:</caption>
@@ -838,9 +838,9 @@ oj.__registerWidget('oj.ojLegend', $.oj.dvtBaseComponent,
        * @memberof oj.ojLegend
        * @instance
        * @type {string=}
-       * @ojvalue {string} "center"
-       * @ojvalue {string} "end"
-       * @ojvalue {string} "start"
+       * @ojvalue {string} "center" Legend contents will be center aligned.
+       * @ojvalue {string} "end" Legend contents will be end aligned.
+       * @ojvalue {string} "start" Legend contents will be start aligned.
        * @default "start"
        *
        * @example <caption>Initialize the Legend with the <code class="prettyprint">halign</code> attribute specified:</caption>
@@ -888,8 +888,8 @@ oj.__registerWidget('oj.ojLegend', $.oj.dvtBaseComponent,
        * @memberof oj.ojLegend
        * @instance
        * @type {string=}
-       * @ojvalue {string} "on"
-       * @ojvalue {string} "off"
+       * @ojvalue {string} "on" Legend can be used to initiate hide and show behavior on referenced data items.
+       * @ojvalue {string} "off" legend cannot be used to initiate hide and show behavior on referenced data items
        * @default "off"
        *
        * @example <caption>Initialize the Legend with the <code class="prettyprint">hide-and-show-behavior</code> attribute specified:</caption>
@@ -936,8 +936,8 @@ oj.__registerWidget('oj.ojLegend', $.oj.dvtBaseComponent,
        * @memberof oj.ojLegend
        * @instance
        * @type {string=}
-       * @ojvalue {string} "dim"
-       * @ojvalue {string} "none"
+       * @ojvalue {string} "dim" Dimming hover behavior is applied.
+       * @ojvalue {string} "none" No hover behavior will be applied.
        * @default "none"
        *
        * @example <caption>Initialize the Legend with the <code class="prettyprint">hover-behavior</code> attribute specified:</caption>
@@ -983,8 +983,8 @@ oj.__registerWidget('oj.ojLegend', $.oj.dvtBaseComponent,
        * @memberof oj.ojLegend
        * @instance
        * @type {string=}
-       * @ojvalue {string} "horizontal"
-       * @ojvalue {string} "vertical"
+       * @ojvalue {string} "horizontal" Legend items will be horizontally placed in available space.
+       * @ojvalue {string} "vertical" Legend items will be vertically stacked.
        * @default "vertical"
        *
        * @example <caption>Initialize the Legend with the <code class="prettyprint">orientation</code> attribute specified:</caption>
@@ -1006,9 +1006,10 @@ oj.__registerWidget('oj.ojLegend', $.oj.dvtBaseComponent,
        * @memberof oj.ojLegend
        * @instance
        * @type {string=}
-       * @ojvalue {string} "off"
-       * @ojvalue {string} "asNeeded"
+       * @ojvalue {string} "off" The legend will not be scrollable.
+       * @ojvalue {string} "asNeeded" The legend will be scrollable if legend items cannot fit in the available space.
        * @default "asNeeded"
+       * @ojdeprecated {since: '12.1.0', description: 'Setting scrolling to off is not supported in Redwood theme and it is not recommended. As such, this attribute is deprecated.'}
        *
        * @example <caption>Initialize the Legend with the <code class="prettyprint">scrolling</code> attribute specified:</caption>
        * &lt;oj-legend scrolling="off">&lt;/oj-legend>
@@ -1142,9 +1143,9 @@ oj.__registerWidget('oj.ojLegend', $.oj.dvtBaseComponent,
        * @memberof oj.ojLegend
        * @instance
        * @type {string=}
-       * @ojvalue {string} "middle"
-       * @ojvalue {string} "bottom"
-       * @ojvalue {string} "top"
+       * @ojvalue {string} "middle" The legend items will be middle aligned.
+       * @ojvalue {string} "bottom" The legend items will be bottom aligned.
+       * @ojvalue {string} "top" The legend items will be top aligned.
        * @default "top"
        *
        * @example <caption>Initialize the Legend with the <code class="prettyprint">valign</code> attribute specified:</caption>
@@ -1577,10 +1578,10 @@ setDefaultOptions({
  * @memberof! oj.ojLegendItem
  * @instance
  * @type {string=}
- * @ojvalue {string} "line"
- * @ojvalue {string} "lineWithMarker"
- * @ojvalue {string} "image"
- * @ojvalue {string} "marker"
+ * @ojvalue {string} "line" The legend symbol will be a line.
+ * @ojvalue {string} "lineWithMarker" The legend symbol will be a line and a marker.
+ * @ojvalue {string} "image" The legend symbol will be an image.
+ * @ojvalue {string} "marker" The legend symbol will be a marker.
  * @default "marker"
  */
 /**
@@ -1618,19 +1619,19 @@ setDefaultOptions({
  * @memberof! oj.ojLegendItem
  * @instance
  * @type {string=}
- * @ojvalue {string} "smallChecker"
- * @ojvalue {string} "smallCrosshatch"
- * @ojvalue {string} "smallDiagonalLeft"
- * @ojvalue {string} "smallDiagonalRight"
- * @ojvalue {string} "smallDiamond"
- * @ojvalue {string} "smallTriangle"
- * @ojvalue {string} "largeChecker"
- * @ojvalue {string} "largeCrosshatch"
- * @ojvalue {string} "largeDiagonalLeft"
- * @ojvalue {string} "largeDiagonalRight"
- * @ojvalue {string} "largeDiamond"
- * @ojvalue {string} "largeTriangle"
- * @ojvalue {string} "none"
+ * @ojvalue {string} "smallChecker" Small checker pattern is applied to the data item.
+ * @ojvalue {string} "smallCrosshatch" Small cross hatch pattern is applied to the data item.
+ * @ojvalue {string} "smallDiagonalLeft" Small diagonal left pattern is applied to the data item.
+ * @ojvalue {string} "smallDiagonalRight" Small diagonal right pattern is applied to the data item.
+ * @ojvalue {string} "smallDiamond" Small diamond pattern is applied to the data item.
+ * @ojvalue {string} "smallTriangle" Small triangle pattern is applied to the data item.
+ * @ojvalue {string} "largeChecker" Large checker pattern is applied to the data item.
+ * @ojvalue {string} "largeCrosshatch" Large cross hatch pattern is applied to the data item.
+ * @ojvalue {string} "largeDiagonalLeft" Large diagonal left pattern is applied to the data item.
+ * @ojvalue {string} "largeDiagonalRight" Large diagonal right pattern is applied to the data item.
+ * @ojvalue {string} "largeDiamond" Large diamond pattern is applied to the data item.
+ * @ojvalue {string} "largeTriangle" Large triangle pattern is applied to the data item.
+ * @ojvalue {string} "none" No pattern is applied to data item fill.
  * @default "none"
  */
 /**
@@ -1640,9 +1641,9 @@ setDefaultOptions({
  * @memberof! oj.ojLegendItem
  * @instance
  * @type {string=}
- * @ojvalue {string} "dotted"
- * @ojvalue {string} "dashed"
- * @ojvalue {string} "solid"
+ * @ojvalue {string} "dotted" Line will have dotted strokes.
+ * @ojvalue {string} "dashed" Line will have dashed strokes.
+ * @ojvalue {string} "solid" Line will have a solid stroke.
  * @default "solid"
  */
 /**
@@ -1723,8 +1724,8 @@ setDefaultOptions({
  * @memberof! oj.ojLegendItem
  * @instance
  * @type {string=}
- * @ojvalue {string} "hidden"
- * @ojvalue {string} "visible"
+ * @ojvalue {string} "hidden" Legend item will have a hollow symbol.
+ * @ojvalue {string} "visible" Legend item will be filled.
  * @default "visible"
  */
 /**
@@ -1735,9 +1736,9 @@ setDefaultOptions({
  * @ojshortdesc Specifies whether drilling is enabled on the legend item. See the Help documentation for more information.
  * @instance
  * @type {string=}
- * @ojvalue {string} "on"
- * @ojvalue {string} "off"
- * @ojvalue {string} "inherit"
+ * @ojvalue {string} "on" The legend item will be drillable.
+ * @ojvalue {string} "off" The legend item will not be drillable.
+ * @ojvalue {string} "inherit" The drilling behavior is inherited from legend.
  * @default "inherit"
  */
 /**
@@ -1799,9 +1800,9 @@ setDefaultOptions({
  * @memberof! oj.ojLegendSection
  * @instance
  * @type {string=}
- * @ojvalue {string} "center"
- * @ojvalue {string} "end"
- * @ojvalue {string} "start"
+ * @ojvalue {string} "center" The section title will be center aligned.
+ * @ojvalue {string} "end" The section title will be end aligned.
+ * @ojvalue {string} "start" The section title will be start aligned.
  * @default "start"
  */
 /**
@@ -1822,7 +1823,7 @@ setDefaultOptions({
  * @memberof! oj.ojLegendSection
  * @instance
  * @type {string=}
- * @ojvalue {string} "on"
- * @ojvalue {string} "off"
+ * @ojvalue {string} "on" The legend section will be collapsible.
+ * @ojvalue {string} "off" The legend section will not be collapsible.
  * @default "off"
  */

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

@@ -307,6 +307,9 @@ var __oj_list_view_metadata =
         "labelPasteBefore": {
           "type": "string"
         },
+        "msgFetchCompleted": {
+          "type": "string"
+        },
         "msgFetchingData": {
           "type": "string"
         },
@@ -447,7 +450,8 @@ StaticContentHandler.prototype.Expand = function (item, successCallback) {
 
 // eslint-disable-next-line no-unused-vars
 StaticContentHandler.prototype.Collapse = function (item) {
-  // nothing to do
+  var groupItem = item.get(0);
+  groupItem.style.display = 'none';
 };
 
 StaticContentHandler.prototype.IsHierarchical = function () {
@@ -3246,7 +3250,12 @@ const _ojListView = _ListViewUtils.clazz(Object, /** @lends oj._ojListView.proto
    * @private
    */
   updateStatusFetchEnd: function (count) {
-    var msg = this.ojContext.getTranslatedString('msgItemsAppended', { count: count });
+    var msg;
+    if (count === 0) {
+      msg = this.ojContext.getTranslatedString('msgFetchCompleted');
+    } else {
+      msg = this.ojContext.getTranslatedString('msgItemsAppended', { count: count });
+    }
     this._setAccInfoText(msg);
   },
 
@@ -5333,16 +5342,18 @@ const _ojListView = _ListViewUtils.clazz(Object, /** @lends oj._ojListView.proto
         // don't apply ripple effect on the item when target is one of these controls
         var target = event.target;
         var nodes = elem.querySelectorAll(
-          "input, select, button, a, textarea, object, [tabIndex]:not([tabIndex='-1'])");
+          "input, select, button, a, textarea, object, [tabIndex]:not([tabIndex='-1']), [data-oj-tabmod]");
         for (var i = 0; i < nodes.length; i++) {
           if (nodes[i].contains(target)) {
-            elem = target;
+            elem = null;
             break;
           }
         }
 
         // we don't really care when animation ends
-        this.StartAnimation(elem, action, effect);
+        if (elem != null) {
+          this.StartAnimation(elem, action, effect);
+        }
 
         this.m_touchPos = null;
       }
@@ -7236,8 +7247,8 @@ const _ojListView = _ListViewUtils.clazz(Object, /** @lends oj._ojListView.proto
         }
         current.removeClass('oj-focus-highlight');
       }
-    } else if ((key === ' ' || key === 'Spacebar' || key === this.SPACE_KEY) &&
-      this._isSelectionEnabled() && !this._isInputElement(event.target)) {
+    } else if ((key === ' ' || key === 'Spacebar' || key === this.SPACE_KEY)
+      && this._isSelectionEnabled() && !this._isInputElement(event.target)) {
       ctrlKey = this._ctrlEquivalent(event);
       shiftKey = event.shiftKey;
       if (shiftKey && !ctrlKey && this.m_selectionFrontier != null &&

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

@@ -342,7 +342,7 @@ function useMutableRefArray(length = 0) {
     return useMemo(() => new Array(length).fill(undefined).map(() => createRef()), [length]);
 }
 
-const offScreenStyle = "oj-live-region-offScreenStyle-142utbc";
+const offScreenStyle = "oj-live-region-offScreenStyle-14cpbki";
 /**
  * A helper component that renders an aria-live region
  *
@@ -879,34 +879,34 @@ const spaceStyles = {
   xxl: '2.5rem'
 };
 const directionStyles = {
-  row: "oj-flex-row-1vvm9uo",
-  column: "oj-flex-column-1f6tws4"
+  row: "oj-flex-row-1r2r04x",
+  column: "oj-flex-column-jvysn7"
 };
 const alignStyles = {
-  baseline: "oj-flex-baseline-ur2zsu",
-  center: "oj-flex-center-1vl1cnq",
-  end: "oj-flex-end-1gfzmdd",
-  start: "oj-flex-start-zr75ed",
-  inherit: "oj-flex-inherit-1coj9xs",
-  initial: "oj-flex-initial-11nenr0",
-  stretch: "oj-flex-stretch-zmigml"
+  baseline: "oj-flex-baseline-sn7vdu",
+  center: "oj-flex-center-rpq1co",
+  end: "oj-flex-end-1gkv0nk",
+  start: "oj-flex-start-19zmlgk",
+  inherit: "oj-flex-inherit-6cg1j7",
+  initial: "oj-flex-initial-e73gk1",
+  stretch: "oj-flex-stretch-pkf80b"
 };
 const justifyStyles = {
-  center: "oj-flex-center-1mmfjeb",
-  end: "oj-flex-end-e3bw7",
-  start: "oj-flex-start-14oocbl",
-  inherit: "oj-flex-inherit-9x04yt",
-  initial: "oj-flex-initial-1qg5fm0",
-  around: "oj-flex-around-tzqwuj",
-  between: "oj-flex-between-idw8zg",
-  evenly: "oj-flex-evenly-rmb8vt"
+  center: "oj-flex-center-cz2ys",
+  end: "oj-flex-end-vydaj5",
+  start: "oj-flex-start-1bfjt7u",
+  inherit: "oj-flex-inherit-1vx2ckm",
+  initial: "oj-flex-initial-1kcnwum",
+  around: "oj-flex-around-9r1l2k",
+  between: "oj-flex-between-mpocno",
+  evenly: "oj-flex-evenly-1iqacd2"
 };
 const wrapStyles = {
-  nowrap: "oj-flex-nowrap-qhhp95",
-  wrap: "oj-flex-wrap-12tnipv",
-  reverse: "oj-flex-reverse-16nj3zj",
-  inherit: "oj-flex-inherit-1n9lln8",
-  initial: "oj-flex-initial-14gjqky"
+  nowrap: "oj-flex-nowrap-y59k8t",
+  wrap: "oj-flex-wrap-fmpvou",
+  reverse: "oj-flex-reverse-1b0qr8v",
+  inherit: "oj-flex-inherit-1ij7eal",
+  initial: "oj-flex-initial-3nzaji"
 };
 const styles = {
   direction: directionStyles,
@@ -959,7 +959,7 @@ const flexboxInterpolations = {
   }
 };
 
-const baseStyles = "oj-flex-baseStyles-uk15d4";
+const baseStyles = "oj-flex-baseStyles-1fjajdl";
 const interpolations$1 = [...Object.values(interpolations), ...Object.values(flexboxInterpolations)];
 const styleInterpolations = mergeInterpolations(interpolations$1);
 const Flex = _a => {
@@ -1668,7 +1668,7 @@ class Transition extends Component {
  * @ignore
  */
 const messageCloseButtonStyles = {
-  banner: "oj-message-banner-1od9sup"
+  banner: "oj-message-banner-2rbena"
 };
 /**
  * A Component for rendering the message close button
@@ -1816,8 +1816,8 @@ function formatTimestamp(isoTime) {
  */
 const messageDetailStyles = {
   // TODO: Reevaluate once the TEXT component is available (JET-46891)
-  base: "oj-message-base-1od7fta",
-  banner: "oj-message-banner-vjb6uq"
+  base: "oj-message-base-14kwy8x",
+  banner: "oj-message-banner-takd8k"
 };
 /**
  * Default renderer for rendering the detail content.
@@ -1884,7 +1884,7 @@ function useSvgId() {
 // tracked by JET-47348 - set images in a component
 
 
-const svgStyles = "oj-message-svgStyles-9kq0vg";
+const svgStyles = "oj-message-svgStyles-8z03w3";
 
 const Svg = ({
   class: className,
@@ -1977,9 +1977,9 @@ const WarningIcon = ({
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore
  */
-const messageStartIconStyles = "oj-message-messageStartIconStyles-1yd6a19";
+const messageStartIconStyles = "oj-message-messageStartIconStyles-iuvtfp";
 const severityIconStyles = {
-  banner: "oj-message-banner-1g1eblq"
+  banner: "oj-message-banner-zjhpfj"
 };
 const severityIcons = {
   confirmation: ConfirmationIcon,
@@ -2015,8 +2015,8 @@ function MessageStartIcon({
  */
 const messageSummaryStyles = {
   // TODO: Reevaluate once the TEXT component is available (JET-46891)
-  base: "oj-message-base-iiq630",
-  banner: "oj-message-banner-1cqkul6"
+  base: "oj-message-base-bowowq",
+  banner: "oj-message-banner-vxm2jp"
 };
 /**
  * Summary Component for rendering the summary text of the Message
@@ -2041,7 +2041,7 @@ function MessageSummary({
  * @ignore
  */
 const messageTimestampStyles = {
-  banner: "oj-message-banner-4wwib2"
+  banner: "oj-message-banner-18frmp1"
 };
 /**
  * Timestamp Component for rendering timestamp in Message
@@ -2177,11 +2177,11 @@ function isSeverityIconNeeded(severity) {
 
 
 const messageStyles = {
-  base: "oj-message-base-1pff9bj",
-  section: "oj-message-section-egmprm",
-  header: "oj-message-header-u96tr4",
+  base: "oj-message-base-ph7f1",
+  section: "oj-message-section-y709vw",
+  header: "oj-message-header-13ytxxv",
   // TODO: Replace with Flex and View components to handle padding and flex
-  content: "oj-message-content-1g7rydb"
+  content: "oj-message-content-1cvp4im"
 };
 /**
  * A component that styles the header for the message component