@oracle/oraclejet 18.0.7 → 18.1.1

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

@@ -1446,9 +1446,24 @@ function _getMetaData(dayMetaData, position, params) {
  * @ignore
  */
 function _getDateDefaultConverter() {
+  // If user preferences are applied, this will have those options merged in
+  // because we merge in user preferences when dateFormat: 'short'
   return new IntlDateTimeConverter({ formatType: 'date', dateFormat: 'short' });
 }
 
+/**
+ * Returns true if the os is ios and the browser is Safari. If this is true,
+ * then the user could be using voiceover.  We only support Safari on iOS.
+ * This is used in the fix for JET-66606.
+ * @static
+ * @ignore
+ */
+function _isSafariOnIos() {
+  const isIos = oj.AgentUtils.getAgentInfo().os === oj.AgentUtils.OS.IOS;
+  const isSafari = oj.AgentUtils.getAgentInfo().browser === oj.AgentUtils.BROWSER.SAFARI;
+  return isSafari && isIos;
+}
+
 /**
  * @static
  * @private
@@ -1549,6 +1564,11 @@ function isPickerNative(dateTime) {
 var yearDisplay;
 
 function formatYear(year, month) {
+  // JET-60050, do not format year 0,
+  // else we get a javascript error when the TimeZone from user preferences are merged in to the year converter.
+  if (year === 0) {
+    return 0;
+  }
   if (!yearDisplay) {
     yearDisplay = new IntlDateTimeConverter({ year: 'numeric' });
   }
@@ -5133,6 +5153,7 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
             clearIconBtn.className =
               'oj-inputdatetime-clear-icon-btn oj-component-icon oj-clickable-icon-nocontext';
             clearIconBtn.setAttribute('tabindex', '-1');
+            clearIconBtn.setAttribute('role', 'button');
             clearIconBtn.setAttribute(
               'aria-label',
               this.getTranslatedString(this._INPUTDATE_CLEAR_ICON_LABEL_KEY)
@@ -5171,6 +5192,8 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
    * This function will create the necessary calendar trigger container [i.e. image to launch the calendar]
    * and perform any attachment to events.
    * Since the user cannot tab to this icon, it does not need the aria attributes on it.
+   * However, for iOS Safari, VoiceOver still navigates to this icon, so we need to add aria
+   * attributes for this case (JET-66606).
    * If showOn is image, then a keyboard or screenreader user would use the up or down arrow key
    * on the input to open the picker.
    *
@@ -5181,9 +5204,16 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
     var triggerContainer = document.createElement('span');
     triggerContainer.className = this._TRIGGER_CLASS;
 
+    const calendarTitle = this._GetCalendarTitle();
+    // We want a voiceover user to be able to get to the trigger and hear the description.
+    if (_isSafariOnIos()) {
+      triggerContainer.setAttribute('aria-label', calendarTitle);
+      triggerContainer.setAttribute('role', 'button');
+      triggerContainer.setAttribute('aria-haspopup', 'dialog');
+    }
     // pop-up date picker when button clicked
     var triggerCalendar = document.createElement('span');
-    triggerCalendar.setAttribute('title', this._GetCalendarTitle());
+    triggerCalendar.setAttribute('title', calendarTitle);
     triggerCalendar.className =
       this._TRIGGER_CALENDAR_CLASS + ' oj-clickable-icon-nocontext oj-component-icon';
 
@@ -6230,8 +6260,6 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
    * @private
    */
   _generateHeader: function (drawMonth, drawYear, monthControl, enablePrev, enableNext) {
-    var isRTL = this._IsRTL();
-
     var prevText = this._EscapeXSS(this.getTranslatedString('prevText'));
 
     var prev = enablePrev
@@ -6267,23 +6295,15 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
       "' data-oj-dropdownnofocuschange >";
 
     if (/all|left/.test(monthControl)) {
-      if (isRTL) {
-        header += next;
-      } else {
-        header += prev;
-      }
+      header += prev;
     }
 
+    header += this._generateMonthYearHeader(drawMonth, drawYear);
+
     if (/all|right/.test(monthControl)) {
-      if (isRTL) {
-        header += prev;
-      } else {
-        header += next;
-      }
+      header += next;
     }
 
-    header += this._generateMonthYearHeader(drawMonth, drawYear);
-
     header += '</div>';
 
     return header;
@@ -7443,9 +7463,11 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
   _disableEnable: function (val) {
     if (this._triggerNode) {
       disableEnableSpan(this._triggerNode[0].children, val);
-      this._triggerNode
-        .find('.' + this._TRIGGER_CALENDAR_CLASS)
-        .attr('title', this._GetCalendarTitle());
+      const calendarTitle = this._GetCalendarTitle();
+      this._triggerNode.find('.' + this._TRIGGER_CALENDAR_CLASS).attr('title', calendarTitle);
+      if (_isSafariOnIos()) {
+        this._triggerNode.attr('aria-label', calendarTitle);
+      }
     }
 
     if (val) {
@@ -8117,9 +8139,12 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
    */
   refresh: function () {
     if (this._triggerNode) {
-      this._triggerNode
-        .find('.' + this._TRIGGER_CALENDAR_CLASS)
-        .attr('title', this._GetCalendarTitle());
+      const calendarTitle = this._GetCalendarTitle();
+
+      this._triggerNode.find('.' + this._TRIGGER_CALENDAR_CLASS).attr('title', calendarTitle);
+      if (_isSafariOnIos()) {
+        this._triggerNode.attr('aria-label', calendarTitle);
+      }
     }
     return this._superApply(arguments) || this;
   },
@@ -15354,6 +15379,11 @@ oj.__registerWidget('oj.ojInputDateTime', $.oj.ojInputDate, {
     var elem = document.createElement('div');
     elem.className =
       'oj-inputdatetime-time-icon oj-clickable-icon-nocontext oj-component-icon oj-enabled oj-default';
+    // We want a voiceover user to be able to get to the toggle icon and hear the description.
+    if (_isSafariOnIos()) {
+      elem.setAttribute('aria-label', this.getTranslatedString('setTime'));
+      elem.setAttribute('role', 'button');
+    }
     childDiv.appendChild(elem);
 
     elem = document.createElement('a');
@@ -15442,7 +15472,24 @@ oj.__registerWidget('oj.ojInputDateTime', $.oj.ojInputDate, {
       }
     }
 
-    $('.oj-datetimepicker-switcher-text', this._switcherDiv).text(switcherText);
+    const switcherTextElement = $('.oj-datetimepicker-switcher-text', this._switcherDiv).text(
+      switcherText
+    );
+    // For IOS, we want to use an aria-label so the user knows that clicking on the value will switch to
+    // the date/time picker.
+    if (_isSafariOnIos()) {
+      if (this._isShowingDatePickerSwitcher()) {
+        switcherTextElement.attr(
+          'aria-label',
+          `${switcherText}, ${this.getTranslatedString('setDate')}`
+        );
+      } else {
+        switcherTextElement.attr(
+          'aria-label',
+          `${switcherText}, ${this.getTranslatedString('setTime')}`
+        );
+      }
+    }
   },
 
   /**
@@ -15465,15 +15512,18 @@ oj.__registerWidget('oj.ojInputDateTime', $.oj.ojInputDate, {
     if (timePickerShown) {
       addCss = 'oj-inputdatetime-calendar-icon';
       removeCss = 'oj-inputdatetime-time-icon';
-      newText = 'Set Date';
+      newText = this.getTranslatedString('setDate');
     } else {
       addCss = 'oj-inputdatetime-time-icon';
       removeCss = 'oj-inputdatetime-calendar-icon';
-      newText = 'Set Time';
+      newText = this.getTranslatedString('setTime');
     }
 
     var children = $(switcher.children()[0]).children();
     $(children[0]).removeClass(removeCss).addClass(addCss);
+    if (_isSafariOnIos()) {
+      $(children[0]).attr('aria-label', newText);
+    }
     $(children[1]).text(newText);
 
     children = $('.oj-popup-content', this._popUpDpDiv.ojPopup('widget')).children();

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

@@ -9358,6 +9358,13 @@ class DvtDiagramOverview extends Overview {
 
     return overviewClone;
   }
+
+  /**
+   * @override
+   */
+  flipOnRtl() {
+    return false;
+  }
 }
 
 /**

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

@@ -1414,6 +1414,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @instance
        * @type {(function(Event))=}
        * @default null
+       * @ojsignature {target: "Type", value: "?((event: DragEvent) => void)", jsdocOverride: true}
        */
       /**
        * An optional callback function that receives the "dragend" event as argument.
@@ -1424,6 +1425,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @instance
        * @type {(function(Event))=}
        * @default null
+       * @ojsignature {target: "Type", value: "?((event: DragEvent) => void)", jsdocOverride: true}
        */
       /**
        * An optional callback function that receives the "dragstart" event and context information as arguments.
@@ -1439,7 +1441,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @instance
        * @type {(function(Event, Object))=}
        * @default null
-       * @ojsignature {target: "Type", value: "((event: Event, context: {nodes: oj.ojDiagram.DndNodeContext<K1,D1>[]}) => void)", jsdocOverride: true}
+       * @ojsignature {target: "Type", value: "((event: DragEvent, context: {nodes: oj.ojDiagram.DndNodeContext<K1,D1>[]}) => void)", jsdocOverride: true}
        */
       /**
        * If this object is specified, the diagram will initiate link creation when the user starts dragging from a port.
@@ -1506,6 +1508,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @instance
        * @type {(function(Event))=}
        * @default null
+       * @ojsignature {target: "Type", value: "((event: DragEvent) => void)", jsdocOverride: true}
        */
       /**
        * An optional callback function that receives the "dragend" event as argument.
@@ -1516,6 +1519,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @instance
        * @type {(function(Event))=}
        * @default null
+       * @ojsignature {target: "Type", value: "((event: DragEvent) => void)", jsdocOverride: true}
        */
       /**
        * An optional callback function that receives the "dragstart" event and context information as arguments.
@@ -1535,7 +1539,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @instance
        * @type {(function(Event, Object))=}
        * @default null
-       * @ojsignature {target: "Type", value: "((event: Event, context: {ports: {portElement: Element, dataContext: oj.ojDiagram.NodeItemContext<K1,D1>}}) => void)", jsdocOverride: true}
+       * @ojsignature {target: "Type", value: "((event: DragEvent, context: {ports: {portElement: Element, dataContext: oj.ojDiagram.NodeItemContext<K1,D1>}}) => void)", jsdocOverride: true}
        */
       /**
        * An object that describes drop functionality.
@@ -1575,7 +1579,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @instance
        * @type {(function(Event, Object))=}
        * @default null
-       * @ojsignature {target: "Type", value: "((event: Event, context: {x: number, y: number}) => void)", jsdocOverride: true}
+       * @ojsignature {target: "Type", value: "((event: DragEvent, context: {x: number, y: number}) => void)", jsdocOverride: true}
        */
       /**
        * An optional callback function that receives the "dragover" event and context information as arguments.
@@ -1588,7 +1592,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @instance
        * @type {(function(Event, Object))=}
        * @default null
-       * @ojsignature {target: "Type", value: "((event: Event, context: {x: number, y: number}) => void)", jsdocOverride: true}
+       * @ojsignature {target: "Type", value: "((event: DragEvent, context: {x: number, y: number}) => void)", jsdocOverride: true}
        */
       /**
        * An optional callback function that receives the "dragleave" event and context information as arguments.
@@ -1600,7 +1604,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @instance
        * @type {(function(Event, Object))=}
        * @default null
-       * @ojsignature {target: "Type", value: "((event: Event, context: {x: number, y: number}) => void)", jsdocOverride: true}
+       * @ojsignature {target: "Type", value: "((event: DragEvent, context: {x: number, y: number}) => void)", jsdocOverride: true}
        */
       /**
        * A callback function that receives the "drop" event and context information as arguments.
@@ -1613,7 +1617,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @instance
        * @type {(function(Event, Object))=}
        * @default null
-       * @ojsignature {target: "Type", value: "((event: Event, context: {x: number, y: number}) => void)", jsdocOverride: true}
+       * @ojsignature {target: "Type", value: "((event: DragEvent, context: {x: number, y: number}) => void)", jsdocOverride: true}
        */
       /**
        * Allows dropping on diagram nodes.
@@ -1644,7 +1648,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @instance
        * @type {(function(Event, Object))=}
        * @default null
-       * @ojsignature {target: "Type", value: "((event: Event, context: {x: number, y: number, nodeX: number, nodeY: number, nodeContext: oj.ojDiagram.NodeItemContext<K1,D1>}) => void)", jsdocOverride: true}
+       * @ojsignature {target: "Type", value: "((event: DragEvent, context: {x: number, y: number, nodeX: number, nodeY: number, nodeContext: oj.ojDiagram.NodeItemContext<K1,D1>}) => void)", jsdocOverride: true}
        */
       /**
        * An optional callback function that receives the "dragover" event and context information as arguments.
@@ -1657,7 +1661,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @instance
        * @type {(function(Event, Object))=}
        * @default null
-       * @ojsignature {target: "Type", value: "((event: Event, context: {x: number, y: number, nodeX: number, nodeY: number, nodeContext: oj.ojDiagram.NodeItemContext<K1,D1>}) => void)", jsdocOverride: true}
+       * @ojsignature {target: "Type", value: "((event: DragEvent, context: {x: number, y: number, nodeX: number, nodeY: number, nodeContext: oj.ojDiagram.NodeItemContext<K1,D1>}) => void)", jsdocOverride: true}
        */
       /**
        * An optional callback function that receives the "dragleave" event and context information as arguments.
@@ -1669,7 +1673,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @instance
        * @type {(function(Event, Object))=}
        * @default null
-       * @ojsignature {target: "Type", value: "((event: Event, context: {x: number, y: number, nodeX: number, nodeY: number, nodeContext: oj.ojDiagram.NodeItemContext<K1,D1>}) => void)", jsdocOverride: true}
+       * @ojsignature {target: "Type", value: "((event: DragEvent, context: {x: number, y: number, nodeX: number, nodeY: number, nodeContext: oj.ojDiagram.NodeItemContext<K1,D1>}) => void)", jsdocOverride: true}
        */
       /**
        * A callback function that receives the "drop" event and context information as arguments.
@@ -1682,7 +1686,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @instance
        * @type {(function(Event, Object))=}
        * @default null
-       * @ojsignature {target: "Type", value: "((event: Event, context: {x: number, y: number, nodeX: number, nodeY: number, nodeContext: oj.ojDiagram.NodeItemContext<K1,D1>}) => void)", jsdocOverride: true}
+       * @ojsignature {target: "Type", value: "((event: DragEvent, context: {x: number, y: number, nodeX: number, nodeY: number, nodeContext: oj.ojDiagram.NodeItemContext<K1,D1>}) => void)", jsdocOverride: true}
        */
       /**
        * Allows dropping on diagram links.
@@ -1715,7 +1719,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @default null
        * @ojsignature {
        *  target: "Type",
-       *  value: "((event: Event, context: {x: number, y: number, linkContext: oj.ojDiagram.LinkItemContext<K1,K2,D2> | oj.ojDiagram.PromotedLinkItemContext<K1,K2,D2>}) => void)",
+       *  value: "((event: DragEvent, context: {x: number, y: number, linkContext: oj.ojDiagram.LinkItemContext<K1,K2,D2> | oj.ojDiagram.PromotedLinkItemContext<K1,K2,D2>}) => void)",
        *  jsdocOverride: true}
        */
       /**
@@ -1731,7 +1735,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @default null
        * @ojsignature {
        *  target: "Type",
-       *  value: "((event: Event, context: {x: number, y: number, linkContext: oj.ojDiagram.LinkItemContext<K1,K2,D2> | oj.ojDiagram.PromotedLinkItemContext<K1,K2,D2>}) => void)",
+       *  value: "((event: DragEvent, context: {x: number, y: number, linkContext: oj.ojDiagram.LinkItemContext<K1,K2,D2> | oj.ojDiagram.PromotedLinkItemContext<K1,K2,D2>}) => void)",
        *  jsdocOverride: true}
        */
       /**
@@ -1746,7 +1750,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @default null
        * @ojsignature {
        *  target: "Type",
-       *  value: "((event: Event, context: {x: number, y: number, linkContext: oj.ojDiagram.LinkItemContext<K1,K2,D2> | oj.ojDiagram.PromotedLinkItemContext<K1,K2,D2>}) => void)",
+       *  value: "((event: DragEvent, context: {x: number, y: number, linkContext: oj.ojDiagram.LinkItemContext<K1,K2,D2> | oj.ojDiagram.PromotedLinkItemContext<K1,K2,D2>}) => void)",
        *  jsdocOverride: true}
        */
       /**
@@ -1762,7 +1766,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @default null
        * @ojsignature {
        *  target: "Type",
-       *  value: "((event: Event, context: {x: number, y: number, linkContext: oj.ojDiagram.LinkItemContext<K1,K2,D2> | oj.ojDiagram.PromotedLinkItemContext<K1,K2,D2>}) => void)",
+       *  value: "((event: DragEvent, context: {x: number, y: number, linkContext: oj.ojDiagram.LinkItemContext<K1,K2,D2> | oj.ojDiagram.PromotedLinkItemContext<K1,K2,D2>}) => void)",
        *  jsdocOverride: true}
        */
       /**
@@ -1804,7 +1808,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @instance
        * @type {(function(Event, Object))=}
        * @default null
-       * @ojsignature {target: "Type", value: "((event: Event, context: {x: number, y: number, nodeX: number, nodeY: number, dataContext: oj.ojDiagram.NodeItemContext<K1,D1>, portElement: Element}) => void)", jsdocOverride: true}
+       * @ojsignature {target: "Type", value: "((event: DragEvent, context: {x: number, y: number, nodeX: number, nodeY: number, dataContext: oj.ojDiagram.NodeItemContext<K1,D1>, portElement: Element}) => void)", jsdocOverride: true}
        */
       /**
        * An optional callback function that receives the "dragover" event and context information as arguments.
@@ -1817,7 +1821,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @instance
        * @type {(function(Event, Object))=}
        * @default null
-       * @ojsignature {target: "Type", value: "((event: Event, context: {x: number, y: number, nodeX: number, nodeY: number, dataContext: oj.ojDiagram.NodeItemContext<K1,D1>, portElement: Element}) => void)", jsdocOverride: true}
+       * @ojsignature {target: "Type", value: "((event: DragEvent, context: {x: number, y: number, nodeX: number, nodeY: number, dataContext: oj.ojDiagram.NodeItemContext<K1,D1>, portElement: Element}) => void)", jsdocOverride: true}
        */
       /**
        * An optional callback function that receives the "dragleave" event and context information as arguments.
@@ -1829,7 +1833,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @instance
        * @type {(function(Event, Object))=}
        * @default null
-       * @ojsignature {target: "Type", value: "((event: Event, context: {x: number, y: number, nodeX: number, nodeY: number, dataContext: oj.ojDiagram.NodeItemContext<K1,D1>, portElement: Element}) => void)", jsdocOverride: true}
+       * @ojsignature {target: "Type", value: "((event: DragEvent, context: {x: number, y: number, nodeX: number, nodeY: number, dataContext: oj.ojDiagram.NodeItemContext<K1,D1>, portElement: Element}) => void)", jsdocOverride: true}
        */
       /**
        * A callback function that receives the "drop" event and context information as arguments.
@@ -1842,7 +1846,7 @@ oj.__registerWidget('oj.ojDiagram', $.oj.dvtBaseComponent, {
        * @instance
        * @type {(function(Event, Object))=}
        * @default null
-       * @ojsignature {target: "Type", value: "((event: Event, context: {x: number, y: number, nodeX: number, nodeY: number, dataContext: oj.ojDiagram.NodeItemContext<K1,D1>, portElement: Element}) => void)", jsdocOverride: true}
+       * @ojsignature {target: "Type", value: "((event: DragEvent, context: {x: number, y: number, nodeX: number, nodeY: number, dataContext: oj.ojDiagram.NodeItemContext<K1,D1>, portElement: Element}) => void)", jsdocOverride: true}
        */
     },
 
@@ -4945,6 +4949,9 @@ setDefaultOptions({
  * @property {Object} data The data object for the current link.
  * @property {number} index The zero-based index of the current link.
  * @property {any} key The key of the current link.
+ * @ojsignature [{target: "Type", value: "D2", for: "data"},
+ *            {target: "Type", value: "K2", for: "key"},
+ *            {target: "Type", value: "<K2,D2>", for: "genericTypeParameters"}]
  * @ojdeprecated {target:"property", for: "componentElement", since: "16.0.0", description: "The componentElement property is deprecated. This shouldn't be needed, as the component template with access to this context is unique to the component." }
  */
 /**
@@ -4954,6 +4961,11 @@ setDefaultOptions({
  * @property {any} key The key of the current node.
  * @property {array} parentData  An array of data for the leaf and its parents. Eg: parentData[0] is the outermost parent and parentData[1] is the second outermost parent of the leaf.
  * @property {any} parentKey The key of the parent item. The parent key is null for root nodes.
+ * @ojsignature [{target: "Type", value: "D1", for: "data"},
+ *            {target: "Type", value: "K1", for: "key"},
+ *            {target: "Type", value: "D1[]", for: "parentData"},
+ *            {target: "Type", value: "K1", for: "parentKey"},
+ *            {target: "Type", value: "<K1,D1>", for: "genericTypeParameters"}]
  */
 
 // KEEP FOR WIDGET SYNTAX

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

@@ -3199,6 +3199,8 @@ import { getDeviceRenderMode } from 'ojs/ojconfig';
         this.element[0].classList.add('oj-dialog-full');
       }
 
+      this._setupContentScrollBehavior();
+
       rootElement.position(position);
 
       // note the initial dialog width/height
@@ -3317,6 +3319,7 @@ import { getDeviceRenderMode } from 'ojs/ojconfig';
      */
     _handleResize: function () {
       if (oj.ZOrderUtils.getStatus(this.element) === oj.ZOrderUtils.STATUS.OPEN) {
+        this._setupContentScrollBehavior();
         this._adjustPosition();
       }
     },
@@ -3786,6 +3789,15 @@ import { getDeviceRenderMode } from 'ojs/ojconfig';
         this._position();
       }
     },
+    _setupContentScrollBehavior: function () {
+      var elem = this.element[0];
+      var elemHeight = elem.offsetHeight;
+      if (elemHeight <= 400) {
+        elem.classList.add('oj-dialog-small-height');
+      } else {
+        elem.classList.remove('oj-dialog-small-height');
+      }
+    },
     _isSheetDisplay: function () {
       if (this._isDefaultPosition) {
         var behavior = parseJSONFromFontFamily('oj-theme-json').behavior;

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

@@ -73,9 +73,17 @@ let DrawerPopup = DrawerPopup_1 = class DrawerPopup extends Component {
         this.autoDismissHandler = (event) => {
             const focusables = DrawerUtils.getFocusables(this.rootRef.current);
             const zorderLayer = this.rootRef.current.parentNode;
+            const zorderLayerParent = zorderLayer.parentElement;
             const isTargetWithin = this.isTargetDescendantOfOwnZorderLayerOrItsNextSiblings(zorderLayer, event.target);
-            if (this.props.autoDismiss === 'focus-loss' && !isTargetWithin) {
-                this.selfClose();
+            const isTargetWithinLayerParent = zorderLayerParent.contains(event.target);
+            const isTargetWithinLauncher = this.drawerOpener !== document.body && this.drawerOpener.contains(event.target);
+            if (this.props.autoDismiss === 'focus-loss') {
+                if (this.props.modality === 'modal' && !isTargetWithinLayerParent) {
+                    return;
+                }
+                else if (!(isTargetWithin || isTargetWithinLauncher)) {
+                    this.selfClose();
+                }
             }
             else if (this.props.autoDismiss === 'none' &&
                 this.props.modality === 'modal' &&

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

@@ -1838,7 +1838,8 @@ class Overview extends Container {
 
         var width = Math.max(x2Pos - x1Pos, this.getMinimumWindowWidth());
         var slidingWindow = this.getSlidingWindow();
-        if (this.isRTL()) this.setSlidingWindowPosX(slidingWindow, this.Width - (x1Pos + width));
+        if (this.isRTL() && this.flipOnRtl())
+          this.setSlidingWindowPosX(slidingWindow, this.Width - (x1Pos + width));
         else this.setSlidingWindowPosX(slidingWindow, x1Pos);
 
         DvtOverviewRenderer._setSlidingWindowWidth(this, slidingWindow, width);
@@ -1863,6 +1864,13 @@ class Overview extends Container {
     DvtOverviewRenderer._updateBorderAroundSlidingWindow(this);
   }
 
+  /**
+   * Returns true if the coordinate system should be flipped on rtl
+   */
+  flipOnRtl() {
+    return true;
+  }
+
   /**
    * Checks whether a particular feature is turned off
    */
@@ -3255,7 +3263,7 @@ class Overview extends Container {
       var newY1;
       var newY2;
       if (this.isHorizontalScrollingEnabled()) {
-        if (this.isRTL()) {
+        if (this.isRTL() && this.flipOnRtl()) {
           newX1 = this.getXPositionDate(this.Width - (posX + width));
           newX2 = this.getXPositionDate(this.Width - posX);
         } else {

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

@@ -15832,6 +15832,22 @@ MultilineText.prototype.setTextString = function (textString) {
   this._bTruncated = false;
 };
 
+/**
+ * Sets the aria property of the multiline text.
+ */
+MultilineText.prototype.setAriaProperty = function (property, value, bForce) {
+  MultilineText.superclass.setAriaProperty.call(this, property, value, bForce);
+
+  // JET-73110: aria properties are stored in _textInstance.
+  // maybe do this for all properties later if needed.
+  if (this._textInstance && property === 'hidden') {
+    this._textInstance.setAriaProperty(property, value, bForce);
+    this._additionalLines.forEach((text) => {
+      text.setAriaProperty(property, value, bForce);
+    });
+  }
+};
+
 /**
  * Returns an array with pointers to all the lines in this MultilineText object
  * @return {Array} the lines in this object.

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

@@ -2059,7 +2059,12 @@ function ojFormLayout(context) {
         break;
       }
       // If an attribute we care about changes on a child, we don't ignore the mutation
-      if (mutation.type === 'attributes' && dontIgnoreAttribute.includes(mutation.attributeName)) {
+      // JET-72366 we should ignore all mutations of type 'attributes' if the target has data-oj-internal.
+      if (
+        mutation.type === 'attributes' &&
+        dontIgnoreAttribute.includes(mutation.attributeName) &&
+        !mutation.target.hasAttribute('data-oj-internal')
+      ) {
         ignore = false;
         break;
       }