@oracle/oraclejet 11.0.1 → 11.0.5

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.0.1"}' !important; }
+  font-family: '{"name":"stable","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v11.0.5"}' !important; }
 
 .oj-helper-hidden-accessible {
   border: 0;
@@ -19461,7 +19461,7 @@ oj-tag-cloud {
   --oj-private-table-global-display-default:           list;
   --oj-private-table-global-display-list-horizontal-grid-visible-default:    disabled;
   --oj-private-table-global-add-animation:       '[{"effect":"slideIn","direction":"bottom"},"fadeIn"]';
-  --oj-private-table-global-remove-animation:    '[{"effect":"slideOut","direction":"top"},"fadeOut"]' ;
+  --oj-private-table-global-remove-animation:    '[{"effect":"slideOut","direction":"top"},"fadeOut"]';
   --oj-private-table-global-update-animation:    '{"effect":"fadeIn"}';
   --oj-private-table-global-load-indicator-default:       skeleton;
   --oj-private-table-global-enable-selector-default:       true;
@@ -19515,6 +19515,7 @@ oj-table:not(.oj-complete) {
   top: 0;
   bottom: 0; }
 
+.oj-table-scroll-vertical.oj-table-hide-vertical-scrollbar .oj-table-scroller,
 .oj-table-hide-vertical-scrollbar .oj-table-scroller {
   overflow-y: hidden; }
 

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

@@ -1064,8 +1064,8 @@ define(['ojs/ojcore-base', 'ojs/ojmap', 'ojs/ojset', 'ojs/ojdataprovider', 'ojs/
                     }
                     else {
                         let compareResult = 0;
-                        const strX = typeof xval === 'string' ? xval : xval.toString();
-                        const strY = typeof yval === 'string' ? yval : yval.toString();
+                        const strX = typeof xval === 'string' ? xval : new String(xval).toString();
+                        const strY = typeof yval === 'string' ? yval : new String(yval).toString();
                         if (direction === 'ascending') {
                             compareResult = strX.localeCompare(strY, undefined, {
                                 numeric: true,

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

@@ -0,0 +1,39 @@
+/**
+ * @license
+ * Copyright (c) 2014, 2021, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+define(['exports'], function (exports) { 'use strict';
+
+    function getPropagationMetadataViaCache(elemName, metadataProps) {
+        let entry = _bindingPropagationMetadataCache.get(elemName);
+        if (entry !== undefined) {
+            return entry;
+        }
+        entry = null;
+        const propKeys = Object.keys(metadataProps);
+        propKeys.forEach((pName) => {
+            var _a, _b;
+            const meta = metadataProps[pName];
+            const provideMeta = (_a = meta === null || meta === void 0 ? void 0 : meta.binding) === null || _a === void 0 ? void 0 : _a.provide;
+            const consumeMeta = (_b = meta === null || meta === void 0 ? void 0 : meta.binding) === null || _b === void 0 ? void 0 : _b.consume;
+            if (provideMeta || consumeMeta) {
+                if (meta.properties) {
+                    throw new Error('Propagating complex properties is not supported!');
+                }
+                entry = entry !== null && entry !== void 0 ? entry : new Map();
+                entry.set(pName, [provideMeta, consumeMeta]);
+            }
+        });
+        _bindingPropagationMetadataCache.set(elemName, entry);
+        return entry;
+    }
+    const _bindingPropagationMetadataCache = new Map();
+
+    exports.getPropagationMetadataViaCache = getPropagationMetadataViaCache;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+});

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

@@ -42,7 +42,7 @@ define(['ojs/ojcore-base', 'ojs/ojeventtarget', 'ojs/ojcomponentcore'], function
      * "ContainsKeysResults","FetchByKeysResults","FetchByOffsetParameters","FetchByOffsetResults",
      * "FetchListResult","FetchListParameters"]}
      * @ojtsmodule
-     * @ignore
+     * @ojhidden
      */
 
     /**

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

@@ -2247,12 +2247,12 @@ define(['exports', 'jqueryui-amd/widget', 'jqueryui-amd/unique-id', 'jqueryui-am
       function set(value, bOuterSet) {
         // Properties can be set before the component is created. These early
         // sets are actually saved until after component creation and played back.
-        if (bOuterSet) {
-          // eslint-disable-next-line no-param-reassign
-          value =
-          ojcustomelementUtils.CustomElementUtils.convertEmptyStringToUndefined(this._ELEMENT, propertyMeta, value);
-        }
         if (!this._BRIDGE.SaveEarlyPropertySet(this._ELEMENT, property, value)) {
+          if (bOuterSet) {
+            // eslint-disable-next-line no-param-reassign
+            value =
+            ojcustomelementUtils.CustomElementUtils.convertEmptyStringToUndefined(this._ELEMENT, propertyMeta, value);
+          }
           var previousValue = this._BRIDGE._PROPS[property];
           if (!ojcustomelementUtils.ElementUtils.comparePropertyValues(propertyMeta, value, previousValue)) {
             // Skip validation for inner sets so we don't throw an error when updating readOnly writeable properties
@@ -2629,9 +2629,9 @@ define(['exports', 'jqueryui-amd/widget', 'jqueryui-amd/unique-id', 'jqueryui-am
           var bridge = ojcustomelementUtils.CustomElementUtils.getElementBridge(this);
           // Properties can be set before the component is created. These early
           // sets are actually saved until after component creation and played back.
-          // eslint-disable-next-line no-param-reassign
-          value = ojcustomelementUtils.CustomElementUtils.convertEmptyStringToUndefined(this, propertyMeta, value);
           if (!bridge.SaveEarlyPropertySet(this, property, value)) {
+            // eslint-disable-next-line no-param-reassign
+            value = ojcustomelementUtils.CustomElementUtils.convertEmptyStringToUndefined(this, propertyMeta, value);
             if (propertyMeta._eventListener) {
               bridge.SetEventListenerProperty(this, property, value);
             } else if (!bridge._validateAndSetCopyProperty(this, property, value, propertyMeta)) {

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

@@ -231,12 +231,12 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojhtmlutils', 'ojs/ojlogger', 'ojs/oj
         var set = function (value, bOuterSet) {
           // Properties can be set before the component is created. These early
           // sets are actually saved until after component creation and played back.
-          if (bOuterSet) {
-            // eslint-disable-next-line no-param-reassign
-            value =
-            ojcustomelementUtils.CustomElementUtils.convertEmptyStringToUndefined(this._ELEMENT, propertyMeta, value);
-          }
           if (!this._BRIDGE.SaveEarlyPropertySet(this._ELEMENT, property, value)) {
+            if (bOuterSet) {
+              // eslint-disable-next-line no-param-reassign
+              value =
+              ojcustomelementUtils.CustomElementUtils.convertEmptyStringToUndefined(this._ELEMENT, propertyMeta, value);
+            }
             // Property trackers are observables are referenced when the property is set or retrieved,
             // which allows us to automatically update the View when the property is mutated.
             var propertyTracker = CompositeElementBridge._getPropertyTracker(this._BRIDGE,

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

@@ -1351,8 +1351,10 @@ var __oj_conveyor_belt_metadata =
       // FIX : set a flag indicating we've scrolled for this touch event
       this._scrolledForThisTouch = true;
     }
-    event.preventDefault();
-    event.stopPropagation();
+    if (this._scrolledForThisTouch) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
   };
 
   /**

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.0.1',
+    version: '11.0.5',
     /**
      * @global
      * @member {string} revision JET source code revision number
      */
-    revision: '2021-07-29_17-55-48',
+    revision: '2021-09-18_18-59-03',
 
     // 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/ojcustomelement-utils.js

@@ -151,10 +151,9 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojcontext', 'ojs/ojlogger', 'ojs/ojth
                 throw new JetElementError(elem, `Error while parsing parsing attribute ${attr}. ${err.stack || err}`);
             }
         }
-        static coerceValue(elem, attr, value, type) {
-            const tagName = elem.tagName.toLowerCase();
+        static parseAttributeValue(tagName, attr, value, type, id = null) {
             if (!type) {
-                throw new Error(`Unable to parse ${attr}='${value}' for ${tagName} with id '${elem.id}'. \
+                throw new Error(`Unable to parse ${attr}='${value}' for ${tagName} with id '${id}'. \
         This attribute only supports data bound values. Check the API doc for supported types`);
             }
             const supportedTypes = ElementUtils.getSupportedTypes(type);
@@ -167,7 +166,7 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojcontext', 'ojs/ojlogger', 'ojs/ojth
                     return JSON.parse(value);
                 }
                 catch (ex) {
-                    throw new Error(`Unable to parse ${attr}='${value}' for ${tagName} with id '${elem.id}' \
+                    throw new Error(`Unable to parse ${attr}='${value}' for ${tagName} with id '${id}' \
           to a JSON Object. Check the value for correct JSON syntax, e.g. double quoted strings. ${ex}`);
                 }
             }
@@ -175,23 +174,29 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojcontext', 'ojs/ojlogger', 'ojs/ojth
                 return value;
             }
             else if (supportedTypes.boolean) {
-                return AttributeUtils.coerceBooleanValue(elem, attr, value, type);
+                return AttributeUtils.parseBooleanValue(tagName, attr, value, type, id);
             }
             else if (supportedTypes.number && !isNaN(value)) {
                 return Number(value);
             }
-            throw new Error(`Unable to parse ${attr}='${value}' for ${tagName} with id '${elem.id}' \
+            throw new Error(`Unable to parse ${attr}='${value}' for ${tagName} with id '${id}' \
       to a ${type}.`);
         }
-        static coerceBooleanValue(elem, attr, value, type) {
+        static parseBooleanValue(tagName, attr, value, type, id) {
             if (value == null || value === 'true' || value === '' || value.toLowerCase() === attr) {
                 return true;
             }
             else if (value === 'false') {
                 return false;
             }
+            throw new Error(`Unable to parse ${attr}='${value}' for ${tagName} with id '${id}' to a ${type}.`);
+        }
+        static coerceValue(elem, attr, value, type) {
             const tagName = elem.tagName.toLowerCase();
-            throw new Error(`Unable to parse ${attr}='${value}' for ${tagName} with id '${elem.id}' to a ${type}.`);
+            return AttributeUtils.parseAttributeValue(tagName, attr, value, type, elem.id);
+        }
+        static coerceBooleanValue(elem, attr, value, type) {
+            return AttributeUtils.parseBooleanValue(elem.tagName.toLowerCase(), attr, value, type, elem.id);
         }
         static isGlobalOrData(prop) {
             return (Object.prototype.hasOwnProperty.call(GLOBAL_PROPS, prop) ||
@@ -275,8 +280,11 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojcontext', 'ojs/ojlogger', 'ojs/ojth
             return ((_a = CustomElementUtils.getElementRegistration(tagName)) === null || _a === void 0 ? void 0 : _a.descriptor) || {};
         }
         static getElementProperties(element) {
+            return CustomElementUtils.getPropertiesForElementTag(element.tagName);
+        }
+        static getPropertiesForElementTag(tagName) {
             var _a, _b;
-            const descriptor = CustomElementUtils.getElementDescriptor(element.tagName);
+            const descriptor = CustomElementUtils.getElementDescriptor(tagName);
             return ((_b = ((_a = descriptor['_metadata']) !== null && _a !== void 0 ? _a : descriptor.metadata)) === null || _b === void 0 ? void 0 : _b.properties) || {};
         }
         static getElementInfo(element) {

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

@@ -292,9 +292,16 @@ define(['ojs/ojcore', 'ojs/ojlogger', 'ojs/ojcustomelement-utils', 'ojs/ojtrace-
       // to render the component, we no longer need to track early
       // property sets to avoid overriding data bound DOM attributes
       if (this._earlySets) {
+        const descriptor = ojcustomelementUtils.CustomElementUtils.getElementDescriptor(element.tagName);
+        const propertyMeta = this.GetMetadata(descriptor);
         while (this._earlySets.length) {
-          var setObj = this._earlySets.shift();
-          element.setProperty(setObj.property, setObj.value);
+          const setObj = this._earlySets.shift();
+          const updatedValue =
+            ojcustomelementUtils.CustomElementUtils.convertEmptyStringToUndefined(
+              element,
+              propertyMeta.properties[setObj.property],
+              setObj.value);
+          element.setProperty(setObj.property, updatedValue);
         }
       }
     },

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

@@ -4204,20 +4204,28 @@ var __oj_input_date_time_metadata =
     _attachHandlers: function () {
       var stepMonths = this._getStepMonths();
       var self = this;
-      var keyDownPrevent = function (evt) {
+      /**
+       * Determines the return value for the keydown event
+       * @param {Event} evt keydown event object
+       * @returns {boolean} false if event should be default prevented and
+       *                    propagation stopped, true otherwise.
+       * @ignore
+       */
+      var keyDownReturnValue = function (evt) {
         if (evt.type === 'keydown') {
           const kc = $.ui.keyCode;
           switch (evt.keyCode) {
             case kc.TAB:
-              // we need to simply allow the default action
+              // we need to simply allow the default behavior
               return true;
             case kc.ESCAPE:
-              // we need to allow default action when used
-              // as inline picker
-              if (self._isInLine) {
-                return true;
-              }
-              return false;
+              // we need to allow default behavior as ESC is used
+              // for dismissing popups.
+              // We need to close the dropdown on ESCAPE when datepicker
+              // is used in a popup.
+              // No need to check for isInline as _hide does that.
+              self._hide(self._ON_CLOSE_REASON_CLOSE);
+              return true;
             default:
               // default no-op
           }
@@ -4232,42 +4240,42 @@ var __oj_input_date_time_metadata =
             if (self._isButtonActivated(evt)) {
               self._gotoPrev(stepMonths);
             }
-            return keyDownPrevent(evt);
+            return keyDownReturnValue(evt);
           },
           /** @expose */
           next: function (evt) {
             if (self._isButtonActivated(evt)) {
               self._gotoNext(stepMonths);
             }
-            return keyDownPrevent(evt);
+            return keyDownReturnValue(evt);
           },
           /** @expose */
           today: function (evt) {
             if (self._isButtonActivated(evt)) {
               self._gotoToday();
             }
-            return keyDownPrevent(evt);
+            return keyDownReturnValue(evt);
           },
           /** @expose */
           selectDay: function (evt) {
             if (self._isButtonActivated(evt)) {
               self._selectDay(+this.getAttribute('data-month'), +this.getAttribute('data-year'), this, evt);
             }
-            return keyDownPrevent(evt);
+            return keyDownReturnValue(evt);
           },
           /** @expose */
           selectMonth: function (evt) {
             if (self._isButtonActivated(evt)) {
               self._selectMonthYear(this, 'M');
             }
-            return keyDownPrevent(evt);
+            return keyDownReturnValue(evt);
           },
           /** @expose */
           selectYear: function (evt) {
             if (self._isButtonActivated(evt)) {
               self._selectMonthYear(this, 'Y');
             }
-            return keyDownPrevent(evt);
+            return keyDownReturnValue(evt);
           },
           /** @expose */
           calendarKey: function (evt) {
@@ -4288,7 +4296,7 @@ var __oj_input_date_time_metadata =
                 self._updateDatepicker(true, 'month');
               }
             }
-            return keyDownPrevent(evt);
+            return keyDownReturnValue(evt);
           },
           /** @expose */
           selectYearHeader: function (evt) {
@@ -4301,7 +4309,7 @@ var __oj_input_date_time_metadata =
                 self._updateDatepicker(true, 'year');
               }
             }
-            return keyDownPrevent(evt);
+            return keyDownReturnValue(evt);
           }
         };
         $(this).bind(this.getAttribute('data-event'), handler[this.getAttribute('data-handler')]);

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

@@ -42,7 +42,7 @@ define(['ojs/ojcore-base', 'ojs/ojdataprovider', 'ojs/ojeventtarget', 'ojs/ojcac
      * "ContainsKeysResults","FetchByKeysResults","FetchByOffsetParameters","FetchByOffsetResults",
      * "FetchListResult","FetchListParameters"]}
      * @ojtsmodule
-     * @ignore
+     * @ojhidden
      */
 
     /**

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

@@ -26,33 +26,16 @@ define(['exports', 'ojs/ojvcomponent', 'preact', 'jquery', 'ojs/ojanimation', 'o
                 selfClosed: false
             };
             this.rootRef = preact.createRef();
-            this.focusableItems = preact.createRef();
             this.isShiftKeyActive = false;
-            this.handleFocusout = (event) => {
-                if (this.props.modality === 'modal') {
-                    const focusables = this.focusableItems.current;
-                    if (!focusables.length) {
-                        event.preventDefault();
-                        this.rootRef.current.focus();
-                    }
-                    else {
-                        const isTargetWithinContent = Array.from(focusables).find((item) => item === event.relatedTarget);
-                        if (!isTargetWithinContent) {
-                            const { length, 0: firstItem, [length - 1]: lastItem } = focusables;
-                            const nextFocusedElement = this.isShiftKeyActive ? lastItem : firstItem;
-                            event.preventDefault();
-                            nextFocusedElement.focus();
-                        }
-                    }
-                }
-            };
             this.handleKeyDown = (event) => {
                 if (event.key === ojdrawerutils.DrawerConstants.keys.ESC) {
                     this.selfClose();
+                    return;
                 }
+                const focusables = this.getFocusables();
                 if (event.key === ojdrawerutils.DrawerConstants.keys.TAB && this.props.modality === 'modal') {
                     this.isShiftKeyActive = event.shiftKey;
-                    const { length, 0: firstItem, [length - 1]: lastItem } = this.focusableItems.current;
+                    const { length, 0: firstItem, [length - 1]: lastItem } = focusables;
                     if (!length) {
                         event.preventDefault();
                         this.rootRef.current.focus();
@@ -75,16 +58,48 @@ define(['exports', 'ojs/ojvcomponent', 'preact', 'jquery', 'ojs/ojanimation', 'o
                 }
             };
             this.autoDismissHandler = (event) => {
-                if (!event.target.closest('oj-drawer-popup') && this.props.autoDismiss === 'focus-loss') {
-                    this.selfClose();
+                const focusables = this.getFocusables();
+                const zorderLayer = this.rootRef.current.parentNode;
+                if (this.props.autoDismiss === 'focus-loss') {
+                    const isTargetWithin = this.isTargetDescendantOfOwnZorderLayerOrItsNextSiblings(zorderLayer, event.target);
+                    if (event.type === 'focus' && this.props.modality === 'modal' && !isTargetWithin) {
+                        event.preventDefault();
+                        const elementLosingFocus = event.relatedTarget;
+                        const firstFocusableElement = focusables[0];
+                        const lastFocusableElement = focusables[focusables.length - 1];
+                        if (elementLosingFocus === firstFocusableElement) {
+                            lastFocusableElement.focus();
+                        }
+                        else {
+                            firstFocusableElement.focus();
+                        }
+                        return;
+                    }
+                    if (!isTargetWithin) {
+                        this.selfClose();
+                    }
                 }
             };
+            this.getFocusables = () => {
+                return this.rootRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), video');
+            };
+            this.isTargetDescendantOfOwnZorderLayerOrItsNextSiblings = (zorderLayer, target) => {
+                const zorderLayersBuffer = [zorderLayer];
+                let nextZorderLayer = zorderLayer.nextSibling;
+                while (nextZorderLayer) {
+                    zorderLayersBuffer.push(nextZorderLayer);
+                    nextZorderLayer = nextZorderLayer.nextSibling;
+                }
+                return zorderLayersBuffer.some((zorderLayerItem) => {
+                    return zorderLayerItem.contains(target);
+                });
+            };
             this.handleSwipeAction = () => {
                 this.selfClose();
             };
         }
         render(props) {
-            return (preact.h(ojvcomponent.Root, { ref: this.rootRef, class: this.getPopupStyleClasses(this.props.edge), tabIndex: -1, role: this.props.role || 'dialog', onKeyDown: this.handleKeyDown, onfocusout: this.handleFocusout }, props.children));
+            return (preact.h(ojvcomponent.Root, { ref: this.rootRef, class: this.getPopupStyleClasses(this.props.edge), tabIndex: -1, role: this.props.role || 'dialog', onKeyDown: this.handleKeyDown }, props.children));
         }
         selfClose() {
             var _a, _b;
@@ -102,7 +117,7 @@ define(['exports', 'ojs/ojvcomponent', 'preact', 'jquery', 'ojs/ojanimation', 'o
             PSOptions[PSoption.POPUP] = $drawerElement;
             PSOptions[PSoption.LAUNCHER] = $(document.activeElement);
             PSOptions[PSoption.MODALITY] = this.props.modality;
-            PSOptions[PSoption.LAYER_SELECTORS] = ojdrawerutils.DrawerConstants.DrawerPopupStyleSurrogate;
+            PSOptions[PSoption.LAYER_SELECTORS] = this.getDrawerSurrogateLayerSelectors();
             PSOptions[PSoption.POSITION] = this.getDrawerPosition(edge);
             const PSEvent = PopupService.EVENT;
             PSOptions[PSoption.EVENTS] = {
@@ -135,6 +150,14 @@ define(['exports', 'ojs/ojvcomponent', 'preact', 'jquery', 'ojs/ojanimation', 'o
         beforeCloseHandler(edge) {
             return AnimationUtils.slideOut(this.rootRef.current, ojdrawerutils.DrawerUtils.getAnimationOptions(ojdrawerutils.DrawerConstants.stringClose, edge));
         }
+        getDrawerSurrogateLayerSelectors() {
+            let surrogateLayerStyles = ojdrawerutils.DrawerConstants.DrawerPopupStyleSurrogate;
+            const stringModal = 'modal';
+            if (this.props.modality === stringModal) {
+                surrogateLayerStyles += ` ${ojdrawerutils.DrawerConstants.stringOjDrawer}${ojdrawerutils.DrawerConstants.charDash}${stringModal}`;
+            }
+            return surrogateLayerStyles;
+        }
         getDrawerPosition(edge) {
             let pos = `${edge} ${edge === 'bottom' ? 'bottom' : 'top'}`;
             let position = {
@@ -149,14 +172,7 @@ define(['exports', 'ojs/ojvcomponent', 'preact', 'jquery', 'ojs/ojanimation', 'o
             return this.state['opened'];
         }
         getPopupStyleClasses(edge) {
-            let customStyleClassMap = {};
-            const stringModal = 'modal';
-            if (this.props.modality === stringModal) {
-                customStyleClassMap = {
-                    [`${ojdrawerutils.DrawerConstants.stringOjDrawer}${ojdrawerutils.DrawerConstants.charDash}${stringModal}`]: true
-                };
-            }
-            return ojdrawerutils.DrawerUtils.getStyleClassesMapAsString(Object.assign(customStyleClassMap, ojdrawerutils.DrawerUtils.getCommonStyleClasses(edge, this.isDrawerOpened())));
+            return ojdrawerutils.DrawerUtils.getStyleClassesMapAsString(Object.assign({}, ojdrawerutils.DrawerUtils.getCommonStyleClasses(edge, this.isDrawerOpened())));
         }
         static getDerivedStateFromProps(props, state) {
             const derivedState = {};
@@ -171,7 +187,7 @@ define(['exports', 'ojs/ojvcomponent', 'preact', 'jquery', 'ojs/ojanimation', 'o
             return derivedState;
         }
         handleFocus(prevState) {
-            this.focusableItems.current = this.rootRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), video');
+            const focusables = this.getFocusables();
             if (this.state.opened && prevState.opened !== this.state.opened) {
                 const autofocusItems = this.rootRef.current.querySelectorAll('[autofocus]');
                 const { length: autofocusLength, 0: autofocusFirstItem } = autofocusItems;
@@ -179,7 +195,7 @@ define(['exports', 'ojs/ojvcomponent', 'preact', 'jquery', 'ojs/ojanimation', 'o
                     autofocusFirstItem.focus();
                     return;
                 }
-                const { length: focusableLength, 0: focusableFirstItem } = this.focusableItems.current;
+                const { length: focusableLength, 0: focusableFirstItem } = focusables;
                 const firstFocusableElem = focusableLength > 0 ? focusableFirstItem : this.rootRef.current;
                 firstFocusableElem.focus();
             }

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

@@ -5,7 +5,7 @@
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore
  */
-define(['jqueryui-amd/widget', 'ojs/ojkoshared', 'ojs/ojcore', 'ojs/ojlogger', 'knockout', 'ojs/ojdomutils', 'jquery', 'ojs/ojcustomelement-utils', 'ojs/ojkeysetimpl', 'ojs/ojcontext', 'ojs/ojtemplateengine', 'ojs/ojknockouttemplateutils', 'ojs/ojresponsiveknockoututils'], function (widget, BindingProviderImpl, oj$1, Logger, ko, DomUtils, $, ojcustomelementUtils, KeySetImpl, Context, templateEngine, KnockoutTemplateUtils, ResponsiveKnockoutUtils) { 'use strict';
+define(['jqueryui-amd/widget', 'ojs/ojkoshared', 'ojs/ojcore', 'ojs/ojlogger', 'knockout', 'ojs/ojdomutils', 'jquery', 'ojs/ojcustomelement-utils', 'ojs/ojbindpropagation', 'ojs/ojkeysetimpl', 'ojs/ojcontext', 'ojs/ojtemplateengine', 'ojs/ojknockouttemplateutils', 'ojs/ojresponsiveknockoututils'], function (widget, BindingProviderImpl, oj$1, Logger, ko, DomUtils, $, ojcustomelementUtils, ojbindpropagation, KeySetImpl, Context, templateEngine, KnockoutTemplateUtils, ResponsiveKnockoutUtils) { 'use strict';
 
   BindingProviderImpl = BindingProviderImpl && Object.prototype.hasOwnProperty.call(BindingProviderImpl, 'default') ? BindingProviderImpl['default'] : BindingProviderImpl;
   oj$1 = oj$1 && Object.prototype.hasOwnProperty.call(oj$1, 'default') ? oj$1['default'] : oj$1;
@@ -2543,11 +2543,10 @@ define(['jqueryui-amd/widget', 'ojs/ojkoshared', 'ojs/ojcore', 'ojs/ojlogger', '
 
     const _ATTRIBUTE_CHANGED = 'attribute-changed';
     const _CHANGE_SUFFIX = 'Changed';
-    const _bindingPropagationMetadataCache = Object.create(null);
 
     function _setupProvideAndConsumeMaps(element, metadataProps) {
       // A map of a property name to a record with the following structure:
-      // {set: {Function}, vars: Array<{name: {String}, obs: {Function}, transform: {Function}}>} (the 'set' key representing
+      // {set: {Function}, vars: Array<{name: {String}, obs: {Function}, transform: {Record<string, string>}}>} (the 'set' key representing
       // the setter for updating the value (the setter may be updating more than one observable if the value is being provided
       // under different names), the 'vars' key representing an array of records with a 'name' key
       // being the provided name, the 'obs' key being the associated observable, and the 'transform' key being an optional
@@ -2565,11 +2564,10 @@ define(['jqueryui-amd/widget', 'ojs/ojkoshared', 'ojs/ojcore', 'ojs/ojlogger', '
 
       const changeListeners = Object.create(null);
 
-      const provideConsumeMeta = _getProvideAndConsumeMetadataViaCache(element, metadataProps); // will return null if the component has no provide/consume metadata
+      const provideConsumeMeta = ojbindpropagation.getPropagationMetadataViaCache(element.localName, metadataProps); // will return null if the component has no provide/consume metadata
       if (provideConsumeMeta !== null) {
-        const propKeys = Object.keys(provideConsumeMeta);
-        propKeys.forEach((pName) => {
-          const [provideMeta, consumeMeta] = provideConsumeMeta[pName];
+        // eslint-disable-next-line no-restricted-syntax
+        for (const [pName, [provideMeta, consumeMeta]] of provideConsumeMeta) {
           if (provideMeta !== undefined) {
             // 1) populate the 'provide' map including collecting initial values for properties
             // whose attributes have literal values
@@ -2625,7 +2623,7 @@ define(['jqueryui-amd/widget', 'ojs/ojkoshared', 'ojs/ojcore', 'ojs/ojlogger', '
             }
             consume[pName] = name;
           }
-        });
+        }
       }
 
       function cleanup() {
@@ -2636,44 +2634,11 @@ define(['jqueryui-amd/widget', 'ojs/ojkoshared', 'ojs/ojcore', 'ojs/ojlogger', '
       return { provide, consume, cleanup };
     }
 
-    function _getProvideAndConsumeMetadataViaCache(element, metadataProps) {
-      const elemName = element.localName;
-      let entry = _bindingPropagationMetadataCache[elemName];
-      if (entry !== undefined) {
-        return entry;
-      }
-      entry = null;
-      const propKeys = Object.keys(metadataProps);
-      propKeys.forEach((pName) => {
-        const meta = metadataProps[pName];
-        const provideMeta = _getOptionalChainResult(meta, ['binding', 'provide']);
-        const consumeMeta = _getOptionalChainResult(meta, ['binding', 'consume']);
-        if (provideMeta || consumeMeta) {
-          if (meta.properties) {
-            throw new Error('Propagating complex properties is not supported!');
-          }
-          entry = entry || Object.create(null);
-          entry[pName] = [provideMeta, consumeMeta];
-        }
-      });
-      _bindingPropagationMetadataCache[elemName] = entry;
-      return entry;
-    }
 
     function _setupChangeListenerForProvidedProperty(setter) {
       return (evt) => setter(evt.detail.value);
     }
 
-    // Implements functionality similar to optional chaining
-    function _getOptionalChainResult(obj, path) {
-      let res = obj;
-      return path.some((prop) => {
-        res = res[prop];
-        return res === null || res === undefined;
-      })
-        ? undefined
-        : res;
-    }
 
     function _getChildContext(bindingContext, provideMap) {
       let newContext = bindingContext;

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

@@ -2181,8 +2181,8 @@ var __oj_list_view_metadata =
      * Called when application programmatically change the css style so that the ListView becomes visible
      */
     notifyShown: function () {
-      // make sure component is not destroyed
-      if (this.m_contentHandler != null) {
+      // make sure component is not destroyed and is not fetching
+      if (this.m_contentHandler != null && this.m_contentHandler.IsReady()) {
         // restore scroll position as needed since some browsers reset scroll position
         this.syncScrollPosition();
 

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

@@ -43,7 +43,7 @@ define(['ojs/ojcore-base', 'ojs/ojcachediteratorresultsdataprovider', 'ojs/ojded
      * "ContainsKeysResults","FetchByKeysResults","FetchByOffsetParameters","FetchByOffsetResults",
      * "FetchListResult","FetchListParameters"]}
      * @ojtsmodule
-     * @ignore
+     * @ojhidden
      */
 
     /**