@oracle/oraclejet 18.0.5 → 18.1.0

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

@@ -1432,9 +1432,24 @@ var __oj_input_date_time_metadata =
    * @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 ojconverterDatetime.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
@@ -1535,6 +1550,11 @@ var __oj_input_date_time_metadata =
   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 ojconverterDatetime.IntlDateTimeConverter({ year: 'numeric' });
     }
@@ -5119,6 +5139,7 @@ var __oj_input_date_time_metadata =
               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)
@@ -5157,6 +5178,8 @@ var __oj_input_date_time_metadata =
      * 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.
      *
@@ -5167,9 +5190,16 @@ var __oj_input_date_time_metadata =
       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';
 
@@ -6216,8 +6246,6 @@ var __oj_input_date_time_metadata =
      * @private
      */
     _generateHeader: function (drawMonth, drawYear, monthControl, enablePrev, enableNext) {
-      var isRTL = this._IsRTL();
-
       var prevText = this._EscapeXSS(this.getTranslatedString('prevText'));
 
       var prev = enablePrev
@@ -6253,23 +6281,15 @@ var __oj_input_date_time_metadata =
         "' 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;
@@ -7429,9 +7449,11 @@ var __oj_input_date_time_metadata =
     _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) {
@@ -8103,9 +8125,12 @@ var __oj_input_date_time_metadata =
      */
     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;
     },
@@ -15340,6 +15365,11 @@ var __oj_input_date_time_metadata =
       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');
@@ -15428,7 +15458,24 @@ var __oj_input_date_time_metadata =
         }
       }
 
-      $('.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')}`
+          );
+        }
+      }
     },
 
     /**
@@ -15451,15 +15498,18 @@ var __oj_input_date_time_metadata =
       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/ojdiagram-toolkit.js

@@ -9354,6 +9354,13 @@ define(['exports', 'ojs/ojdvt-toolkit', 'ojs/ojdvt-panzoomcanvas', 'ojs/ojkeyboa
 
       return overviewClone;
     }
+
+    /**
+     * @override
+     */
+    flipOnRtl() {
+      return false;
+    }
   }
 
   /**

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

@@ -1408,6 +1408,7 @@ var __oj_diagram_link_metadata =
          * @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.
@@ -1418,6 +1419,7 @@ var __oj_diagram_link_metadata =
          * @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.
@@ -1433,7 +1435,7 @@ var __oj_diagram_link_metadata =
          * @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.
@@ -1500,6 +1502,7 @@ var __oj_diagram_link_metadata =
          * @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.
@@ -1510,6 +1513,7 @@ var __oj_diagram_link_metadata =
          * @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.
@@ -1529,7 +1533,7 @@ var __oj_diagram_link_metadata =
          * @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.
@@ -1569,7 +1573,7 @@ var __oj_diagram_link_metadata =
          * @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.
@@ -1582,7 +1586,7 @@ var __oj_diagram_link_metadata =
          * @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.
@@ -1594,7 +1598,7 @@ var __oj_diagram_link_metadata =
          * @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.
@@ -1607,7 +1611,7 @@ var __oj_diagram_link_metadata =
          * @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.
@@ -1638,7 +1642,7 @@ var __oj_diagram_link_metadata =
          * @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.
@@ -1651,7 +1655,7 @@ var __oj_diagram_link_metadata =
          * @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.
@@ -1663,7 +1667,7 @@ var __oj_diagram_link_metadata =
          * @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.
@@ -1676,7 +1680,7 @@ var __oj_diagram_link_metadata =
          * @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.
@@ -1709,7 +1713,7 @@ var __oj_diagram_link_metadata =
          * @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}
          */
         /**
@@ -1725,7 +1729,7 @@ var __oj_diagram_link_metadata =
          * @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}
          */
         /**
@@ -1740,7 +1744,7 @@ var __oj_diagram_link_metadata =
          * @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}
          */
         /**
@@ -1756,7 +1760,7 @@ var __oj_diagram_link_metadata =
          * @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}
          */
         /**
@@ -1798,7 +1802,7 @@ var __oj_diagram_link_metadata =
          * @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.
@@ -1811,7 +1815,7 @@ var __oj_diagram_link_metadata =
          * @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.
@@ -1823,7 +1827,7 @@ var __oj_diagram_link_metadata =
          * @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.
@@ -1836,7 +1840,7 @@ var __oj_diagram_link_metadata =
          * @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}
          */
       },
 
@@ -4939,6 +4943,9 @@ var __oj_diagram_link_metadata =
    * @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." }
    */
   /**
@@ -4948,6 +4955,11 @@ var __oj_diagram_link_metadata =
    * @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/ojdialog.js

@@ -3191,6 +3191,8 @@ define(['ojs/ojpopupcore', 'ojs/ojbutton', 'jqueryui-amd/widgets/mouse', 'jquery
           this.element[0].classList.add('oj-dialog-full');
         }
 
+        this._setupContentScrollBehavior();
+
         rootElement.position(position);
 
         // note the initial dialog width/height
@@ -3309,6 +3311,7 @@ define(['ojs/ojpopupcore', 'ojs/ojbutton', 'jqueryui-amd/widgets/mouse', 'jquery
        */
       _handleResize: function () {
         if (oj.ZOrderUtils.getStatus(this.element) === oj.ZOrderUtils.STATUS.OPEN) {
+          this._setupContentScrollBehavior();
           this._adjustPosition();
         }
       },
@@ -3778,6 +3781,15 @@ define(['ojs/ojpopupcore', 'ojs/ojbutton', 'jqueryui-amd/widgets/mouse', 'jquery
           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 = ThemeUtils.parseJSONFromFontFamily('oj-theme-json').behavior;

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

@@ -67,9 +67,17 @@ define(['exports', 'preact/jsx-runtime', 'ojs/ojvcomponent', 'preact', 'jquery',
             this.autoDismissHandler = (event) => {
                 const focusables = ojdrawerutils.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/ojdvt-overview.js

@@ -1838,7 +1838,8 @@ define(['exports', 'ojs/ojdvt-toolkit'], function (exports, dvt) { 'use strict';
 
           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 @@ define(['exports', 'ojs/ojdvt-toolkit'], function (exports, dvt) { 'use strict';
       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 @@ define(['exports', 'ojs/ojdvt-toolkit'], function (exports, dvt) { 'use strict';
         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/ojdvt-toolkit.js

@@ -15832,6 +15832,22 @@ define(['exports', 'ojs/ojthemeutils'], function (exports, ThemeUtils) { 'use st
     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/ojformlayout.js

@@ -2054,7 +2054,12 @@ var __oj_form_layout_metadata =
           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;
         }