@oracle/oraclejet 11.1.5 → 11.1.6

package/dist/css/stable/oj-stable.css

@@ -266,7 +266,7 @@
   visibility: hidden; }
 
 .oj-theme-json {
-  font-family: '{"name":"stable","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v11.1.5"}' !important; }
+  font-family: '{"name":"stable","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v11.1.6"}' !important; }
 
 .oj-helper-hidden-accessible {
   border: 0;
@@ -13423,10 +13423,11 @@ oj-form-layout {
   break-inside: avoid;
   page-break-inside: avoid; }
 
-.oj-formlayout-max-cols-1 > .oj-form:not(.oj-formlayout-form-across) {
+.oj-agent-browser-safari .oj-formlayout-max-cols-1 > .oj-form:not(.oj-formlayout-form-across),
+.oj-agent-browser-firefox .oj-formlayout-max-cols-1 > .oj-form:not(.oj-formlayout-form-across) {
   display: inline; }
 
-.oj-form-layout > .oj-form:not(.oj-formlayout-form-across) > .oj-flex {
+.oj-agent-browser-firefox .oj-form-layout > .oj-form:not(.oj-formlayout-form-across) > .oj-flex {
   display: inline; }
 
 .oj-form > hr,
@@ -19829,28 +19830,49 @@ table.oj-table-element.oj-table-column-header-resizing {
   padding-top: calc(var(--oj-collection-list-cell-padding-vertical) + 1px);
   padding-bottom: var(--oj-collection-list-cell-padding-vertical); }
 
+.oj-table-sticky:not(.oj-table-horizontal-grid) .oj-table-body-row:last-child > .oj-table-data-cell {
+  padding-bottom: calc(var(--oj-collection-list-cell-padding-vertical) + 1px); }
+
+.oj-table-sticky:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:last-child > .oj-table-data-cell.oj-selected {
+  padding-bottom: var(--oj-collection-list-cell-padding-vertical); }
+
 .oj-table-grid-display .oj-table-data-cell {
   padding-top: calc(var(--oj-collection-grid-cell-padding) + 1px);
   padding-bottom: var(--oj-collection-grid-cell-padding); }
 
+.oj-table-sticky.oj-table-grid-display:not(.oj-table-horizontal-grid) .oj-table-body-row:last-child > .oj-table-data-cell {
+  padding-bottom: calc(var(--oj-collection-grid-cell-padding) + 1px); }
+
+.oj-table-sticky.oj-table-grid-display:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:last-child > .oj-table-data-cell.oj-selected {
+  padding-bottom: var(--oj-collection-grid-cell-padding); }
+
 .oj-table-horizontal-grid:not(.oj-table-sticky) .oj-table-body-row:not(:first-child),
 .oj-table-sticky.oj-table-horizontal-grid .oj-table-body-row:not(:first-child) > .oj-table-data-cell,
 .oj-table-sticky.oj-table-horizontal-grid .oj-table-body-row:not(:first-child) > .oj-table-selector-cell {
   border-top: 1px solid var(--oj-core-divider-color); }
 
+.oj-table-sticky.oj-table-horizontal-grid .oj-table-body-row:last-child > .oj-table-data-cell,
+.oj-table-sticky.oj-table-horizontal-grid .oj-table-body-row:last-child > .oj-table-selector-cell {
+  border-bottom: 1px solid var(--oj-core-divider-color); }
+
 /* selection borders for row selection */
-.oj-table:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:not(:first-child) > .oj-table-data-cell.oj-selected,
-.oj-table:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected + .oj-table-body-row > .oj-table-data-cell {
+.oj-table-sticky:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:not(:first-child) > .oj-table-data-cell.oj-selected,
+.oj-table-sticky:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected + .oj-table-body-row > .oj-table-data-cell {
   border-top: 1px solid var(--oj-core-border-color-selected); }
 
+.oj-table-sticky:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:last-child > .oj-table-data-cell.oj-selected {
+  border-bottom: 1px solid var(--oj-core-border-color-selected); }
+
 .oj-table-horizontal-grid .oj-table-data-cell,
 .oj-table:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:not(:first-child) > .oj-table-data-cell.oj-selected,
-.oj-table:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected + .oj-table-body-row > .oj-table-data-cell {
+.oj-table:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected + .oj-table-body-row > .oj-table-data-cell,
+.oj-table-body-row:first-child > .oj-table-data-cell {
   padding-top: var(--oj-collection-list-cell-padding-vertical); }
 
 .oj-table-grid-display.oj-table-horizontal-grid .oj-table-data-cell,
-.oj-table-grid-display:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:not(:first-child) > .oj-table-data-cell.oj-selected,
-.oj-table-grid-display:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected + .oj-table-body-row > .oj-table-data-cell {
+.oj-table.oj-table-grid-display:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:not(:first-child) > .oj-table-data-cell.oj-selected,
+.oj-table.oj-table-grid-display:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected + .oj-table-body-row > .oj-table-data-cell,
+.oj-table-grid-display .oj-table-body-row:first-child > .oj-table-data-cell {
   padding-top: var(--oj-collection-grid-cell-padding); }
 
 .oj-table-sticky .oj-table-column-header-cell:not(.oj-helper-hidden-accessible),
@@ -20132,6 +20154,10 @@ html[dir="rtl"] .oj-table-frozen-end.oj-table-frozen-edge {
 .oj-table-body-row:first-child {
   height: calc(var(--oj-collection-list-row-height) - 1px); }
 
+.oj-table-sticky .oj-table-body-row:last-child,
+.oj-table-sticky .oj-table-body-row:last-child > .oj-table-data-cell {
+  height: calc(var(--oj-collection-list-row-height) + 1px); }
+
 /* Grid display table styling for the data row elements. */
 .oj-table-grid-display .oj-table-body-row {
   height: var(--oj-collection-grid-row-height); }
@@ -20139,6 +20165,10 @@ html[dir="rtl"] .oj-table-frozen-end.oj-table-frozen-edge {
 .oj-table-grid-display .oj-table-body-row:first-child {
   height: calc(var(--oj-collection-grid-row-height) - 1px); }
 
+.oj-table-sticky.oj-table-grid-display .oj-table-body-row:last-child,
+.oj-table-sticky.oj-table-grid-display .oj-table-body-row:last-child > .oj-table-data-cell {
+  height: calc(var(--oj-collection-grid-row-height) + 1px); }
+
 /* Styling for the data row elements in focus state. */
 .oj-table:not(.oj-table-sticky) .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-row.oj-focus-highlight:not(.oj-table-body-row-edit) {
   outline-offset: -1px;

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

@@ -1168,11 +1168,7 @@ var __oj_checkboxset_metadata =
           }
 
           // if readonly, set tabindex on the wrapper
-          if (this.options.readOnly) {
-            let domElem = this.element[0];
-            let wrapperDom = domElem.querySelector('.oj-checkboxset-wrapper');
-            wrapperDom.setAttribute('tabindex', this._externalTabIndex);
-          }
+          this._updateReadonlyState();
           this._on(this._events);
           this._setup();
         },
@@ -2053,6 +2049,43 @@ var __oj_checkboxset_metadata =
 
           this.$checkboxes._ojRadioCheckbox('refreshDisabled'); // re-render disabled
         },
+
+        /**
+         * Updates the component's state based on whether or not it is in the readonly
+         * state.
+         * @private
+         * @memberof! oj.ojCheckboxSet
+         */
+         _updateReadonlyState: function () {
+          const wrapperDom = this.element[0].querySelector('.oj-checkboxset-wrapper');
+          if (this.options.readOnly) {
+            wrapperDom.setAttribute('tabindex', this._externalTabIndex);
+            this.element.addClass('oj-read-only');
+
+            // JET-49297 - reassess accessibility implementation of 'readonly' checkboxset
+            // In readonly mode, we will not have any checkbox input in the visible DOM. Thus,
+            // in this state it will just be showing generic text based on the value selected.
+            // So, we need to clean up the role along with the aria-labelledby attributes we added
+            // for that role to make things accessible.
+            this.element.removeAttr('role').removeAttr('aria-labelledby');
+            return;
+          }
+
+          // remove tabindex and role
+          wrapperDom.removeAttribute('tabindex');
+          this.element.removeClass('oj-read-only');
+
+          // JET-49297 - reassess accessibility implementation of 'readonly' checkboxset
+          // add back the role and aria attributes removed before
+          this.element.attr('role', 'group');
+          this._labelledByUpdatedForSet(
+            this.widget()[0].id,
+            null,
+            this.options.labelledBy,
+            this.widget()
+          );
+        },
+
     /**
      * @override
      * @private
@@ -2068,17 +2101,8 @@ var __oj_checkboxset_metadata =
               break;
             case 'readOnly':
               this.options.readOnly = !!value;
-              var wrapperDom = this.element[0].querySelector('.oj-checkboxset-wrapper');
               var val = this.options.value;
-              if (this.options.readOnly) {
-                wrapperDom.setAttribute('tabindex', this._externalTabIndex);
-                this.element.addClass('oj-read-only');
-              } else {
-                // remove tabindex and role
-                wrapperDom.removeAttribute('tabindex');
-                // remove oj-read-only class
-                this.element.removeClass('oj-read-only');
-              }
+              this._updateReadonlyState();
               this._ResetComponentState();
               // when toggle readonly to false, we need to check the initial set values.
               if (val != null) {

package/dist/js/libs/oj/debug/ojcore-base.js

@@ -37,12 +37,12 @@ define(['ojs/ojlogger'], function (Logger) { 'use strict';
      * @global
      * @member {string} version JET version numberr
      */
-    version: '11.1.5',
+    version: '11.1.6',
     /**
      * @global
      * @member {string} revision JET source code revision number
      */
-    revision: '2022-01-10_12-22-23',
+    revision: '2022-02-28_13-00-53',
 
     // This function is only meant to be used outside the library, so quoting the name
     // to avoid renaming is appropriate

package/dist/js/libs/oj/debug/ojdatacollection-common.js

@@ -806,6 +806,19 @@ define(['exports', 'jquery', 'ojs/ojcore-base', 'ojs/ojdomutils'], function (exp
     return (bounds.top >= top && bounds.bottom <= bottom);
   };
 
+  /**
+   * Check for SDP-specific internal flag - not a public API
+   */
+  DataCollectionUtils.isIterateAfterDoneNotAllowed = function (dataProvider) {
+    if (dataProvider && dataProvider.getCapability) {
+      var capability = dataProvider.getCapability('fetchFirst');
+      if (capability && capability.iterateAfterDone === 'notAllowed') {
+        return true;
+      }
+    }
+    return false;
+  };
+
   /**
    * Whether browser supports requestIdleCallback
    */
@@ -827,6 +840,7 @@ define(['exports', 'jquery', 'ojs/ojcore-base', 'ojs/ojdomutils'], function (exp
   const getDefaultScrollBarWidth = DataCollectionUtils.getDefaultScrollBarWidth;
   const getFocusableElementsIncludingDisabled = DataCollectionUtils.getFocusableElementsIncludingDisabled;
   const isElementOrAncestorFocusable = DataCollectionUtils.isElementOrAncestorFocusable;
+  const isIterateAfterDoneNotAllowed = DataCollectionUtils.isIterateAfterDoneNotAllowed;
   const getFocusableElementsInNode = DataCollectionUtils.getFocusableElementsInNode;
   const getLogicalChildPopup = DataCollectionUtils.getLogicalChildPopup;
   const getNoJQFocusHandlers = DataCollectionUtils.getNoJQFocusHandlers;
@@ -889,6 +903,7 @@ define(['exports', 'jquery', 'ojs/ojcore-base', 'ojs/ojdomutils'], function (exp
   exports.isF2KeyEvent = isF2KeyEvent;
   exports.isFromDefaultSelector = isFromDefaultSelector;
   exports.isHomeKeyEvent = isHomeKeyEvent;
+  exports.isIterateAfterDoneNotAllowed = isIterateAfterDoneNotAllowed;
   exports.isLetterAKeyEvent = isLetterAKeyEvent;
   exports.isMobileTouchDevice = isMobileTouchDevice;
   exports.isNumberFiveKeyEvent = isNumberFiveKeyEvent;

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

@@ -2595,20 +2595,6 @@ define(['exports', 'ojs/ojcore-base', 'jquery', 'ojs/ojcontext', 'ojs/ojconfig',
     return referenceNode;
   };
 
-  /**
-   * @private
-   */
-  IteratingDataProviderContentHandler.prototype._isIterateAfterDoneNotAllowed = function () {
-    var dataProvider = this.getDataProvider();
-    if (dataProvider && dataProvider.getCapability) {
-      var capability = dataProvider.getCapability('fetchFirst');
-      if (capability && capability.iterateAfterDone === 'notAllowed') {
-        return true;
-      }
-    }
-    return false;
-  };
-
   /**
    * Gets the maximum index for insert event
    * @private
@@ -2616,7 +2602,8 @@ define(['exports', 'ojs/ojcore-base', 'jquery', 'ojs/ojcontext', 'ojs/ojconfig',
   IteratingDataProviderContentHandler.prototype._getMaxIndexForInsert = function () {
     var max = Number.MAX_VALUE;
     // temporary solution for SDP
-    if (this._isIterateAfterDoneNotAllowed() && !this.hasMoreToFetch()) {
+    if (DataCollectionUtils.isIterateAfterDoneNotAllowed(this.getDataProvider()) &&
+        !this.hasMoreToFetch()) {
       return max;
     }
 
@@ -2664,7 +2651,8 @@ define(['exports', 'ojs/ojcore-base', 'jquery', 'ojs/ojcontext', 'ojs/ojconfig',
             index = isBeforeKeys ? index : index + 1;
           } else if (this._isLoadMoreOnScroll()) {
             // if append to the end
-            if (!this._isIterateAfterDoneNotAllowed() || this.hasMoreToFetch()) {
+            if (!DataCollectionUtils.isIterateAfterDoneNotAllowed(this.getDataProvider()) ||
+                this.hasMoreToFetch()) {
               index = max;
             }
           }

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

@@ -11233,18 +11233,9 @@ define(['exports', 'ojs/ojthemeutils'], function (exports, ThemeUtils) { 'use st
         width = TextUtils._getCanvasTextWidth(context, textString, cssStyle);
       } else {
         // Properties that are supported in <canvas> elements by browser
-        // Chrome supports letterSpacing, wordSpacing, and fontVariantNumeric
-        // Safari supports only supports fontVariantNumeric
+        // Chrome and Safari supports only support fontVariantNumeric
         // Firefox supports none
-        if (Agent.browser === 'chrome') {
-          if (TextUtils._letterSpacing != letterSpacing || (TextUtils._wordSpacing != wordSpacing) || (TextUtils._fontVariantNumeric != fontVariantNumeric)) {
-            TextUtils._clearCanvasContext();
-            TextUtils._setSpacing(wordSpacing, letterSpacing, fontVariantNumeric);
-          }
-          TextUtils._storeCanvasContext();
-          TextUtils._attachCanvas(context);
-          width = TextUtils._getCanvasTextWidth(context, textString, cssStyle);
-        } else if (Agent.browser === 'safari' && isLetterSpacingNormal && isWordSpacingNormal) {
+        if ((Agent.browser === 'safari' || Agent.browser === 'chrome') && isLetterSpacingNormal && isWordSpacingNormal) {
           if (TextUtils._fontVariantNumeric != fontVariantNumeric) {
             TextUtils._clearCanvasContext();
             TextUtils._setSpacing(wordSpacing, letterSpacing, fontVariantNumeric);

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

@@ -5188,6 +5188,11 @@ var __oj_list_view_metadata =
           y: event.originalEvent.changedTouches[0].pageY
         };
       }
+
+      // mouse down on input element inside item should trigger actionable mode
+      if (this._isInputElement(target.get(0))) {
+        this._enterActionableMode(item);
+      }
     },
 
     /**
@@ -5246,19 +5251,21 @@ var __oj_list_view_metadata =
      * Enters actionable mode
      * @private
      */
-    _enterActionableMode: function () {
-      var current = this.m_active.elem;
+    _enterActionableMode: function (item) {
+      var current = (item === undefined) ? this.m_active.elem : item;
 
-      // in case content has been updated under the cover
-      this.disableAllTabbableElements(current);
+      if (current) {
+        // in case content has been updated under the cover
+        this.disableAllTabbableElements(current);
 
-      // re-enable all tabbable elements
-      this._enableAllTabbableElements(current);
+        // re-enable all tabbable elements
+        this._enableAllTabbableElements(current);
 
-      // only go into actionable mode if there is something to focus
-      var first = current.find('[data-first]');
-      if (first.length > 0) {
-        this._setActionableMode(true);
+        // only go into actionable mode if there is something to focus
+        var first = current.find('[data-first]');
+        if (first.length > 0) {
+          this._setActionableMode(true);
+        }
       }
     },
 
@@ -5270,7 +5277,9 @@ var __oj_list_view_metadata =
       this._setActionableMode(false);
 
       // disable all tabbable elements in the item again
-      this.disableAllTabbableElements(this.m_active.elem);
+      if (this.m_active) {
+        this.disableAllTabbableElements(this.m_active.elem);
+      }
     },
 
     /**
@@ -5311,7 +5320,7 @@ var __oj_list_view_metadata =
           }
 
           if (this._isActionableMode() && this.m_active != null &&
-            this.m_active.elem.get(0) !== item.get(0)) {
+            this.m_active.elem.get(0) !== item.get(0) && !this._isInputElement(target.get(0))) {
             // click on item other than current focus item should exit actionable mode
             this._exitActionableMode();
           }
@@ -5361,12 +5370,6 @@ var __oj_list_view_metadata =
             this._fireActionEvent(item.get(0), event);
           }
 
-          // click on input element inside item should trigger actionable mode
-          if (this._isInputElement(target.get(0))) {
-            this._enterActionableMode();
-            return;
-          }
-
           // clicking on header will expand/collapse item
           this._handleHeaderClick(event, target, item);
         }
@@ -7115,7 +7118,8 @@ var __oj_list_view_metadata =
           }
           current.removeClass('oj-focus-highlight');
         }
-      } else if ((key === ' ' || key === 'Spacebar' || key === this.SPACE_KEY) && this._isSelectionEnabled()) {
+      } 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/ojradioset.js

@@ -1146,12 +1146,7 @@ var __oj_radioset_metadata =
           }
 
           // if readonly, set tabindex and aria-readonly on the wrapper
-          if (this.options.readOnly) {
-            let domElem = this.element[0];
-            let wrapperDom = domElem.querySelector('.oj-radioset-wrapper');
-            wrapperDom.setAttribute('tabindex', this._externalTabIndex);
-            wrapperDom.setAttribute('aria-readonly', 'true');
-          }
+          this._updateReadonlyState();
           this._on(this._events);
           this._setup();
         },
@@ -1850,6 +1845,45 @@ var __oj_radioset_metadata =
 
           this.$radios._ojRadioCheckbox('refreshDisabled');
         },
+
+        /**
+         * Updates the component's state based on whether or not it is in the readonly
+         * state.
+         * @private
+         * @memberof! oj.ojRadioset
+         */
+        _updateReadonlyState: function () {
+          const wrapperDom = this.element[0].querySelector('.oj-radioset-wrapper');
+          if (this.options.readOnly) {
+            wrapperDom.setAttribute('tabindex', this._externalTabIndex);
+            wrapperDom.setAttribute('aria-readonly', 'true');
+            this.element.addClass('oj-read-only');
+
+            // JET-49107 - reassess accessibility implementation of 'readonly' radioset
+            // In readonly mode, we will not have any radio input in the visible DOM. Thus,
+            // in this state it will just be showing generic text based on the value selected.
+            // So, we need to clean up the role along with the aria-labelledby attributes we added
+            // for that role to make things accessible.
+            this.element.removeAttr('role').removeAttr('aria-labelledby');
+            return;
+          }
+
+          // remove tabindex and role
+          wrapperDom.removeAttribute('tabindex');
+          wrapperDom.removeAttribute('aria-readonly');
+          this.element.removeClass('oj-read-only');
+
+          // JET-49107 - reassess accessibility implementation of 'readonly' radioset
+          // add back the role and aria attributes removed before
+          this.element.attr('role', 'radiogroup');
+          this._labelledByUpdatedForSet(
+            this.widget()[0].id,
+            null,
+            this.options.labelledBy,
+            this.widget()
+          );
+        },
+
         /**
          * Note that _setOption does not get called during create in the super class.
          * It only gets called when the component has already been created.
@@ -1866,18 +1900,8 @@ var __oj_radioset_metadata =
               this._propagateDisabled(value);
               break;
             case 'readOnly':
-              var wrapperDom = this.element[0].querySelector('.oj-radioset-wrapper');
               var val = this.options.value;
-              if (value) {
-                wrapperDom.setAttribute('tabindex', this._externalTabIndex);
-                wrapperDom.setAttribute('aria-readonly', 'true');
-                this.element.addClass('oj-read-only');
-              } else {
-                // remove tabindex and role
-                wrapperDom.removeAttribute('tabindex');
-                wrapperDom.removeAttribute('aria-readonly');
-                this.element.removeClass('oj-read-only');
-              }
+              this._updateReadonlyState();
               this._ResetComponentState();
               // when toggle readonly to false, we need to check the initial set values.
               if (val != null) {