@oracle/oraclejet 15.0.2 → 15.0.4

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

@@ -333,7 +333,7 @@
   visibility: hidden; }
 
 .oj-theme-json {
-  font-family: '{"name":"stable","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v15.0.2"}' !important; }
+  font-family: '{"name":"stable","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v15.0.4"}' !important; }
 
 .oj-helper-hidden-accessible {
   border: 0;
@@ -4762,7 +4762,7 @@ html.oj-agent-os-windows {
 .oj-fwk-icon-cross:before, .oj-combobox-clear-entry-icon:before, .oj-panel-remove-icon:before, .oj-select-clear-entry-icon:before, .oj-tabbar-remove-icon:before {
   content: "\f133"; }
 
-.oj-fwk-icon-cross02:before, .oj-inputtext-clear-icon:before, .oj-inputsearch-clear-icon:before, .oj-menu-option-start-icon .oj-menu-cancel-icon:before, .oj-searchselect-clear-value-icon:before {
+.oj-fwk-icon-cross02:before, .oj-inputdatetime-clear-icon:before, .oj-inputtext-clear-icon:before, .oj-inputsearch-clear-icon:before, .oj-menu-option-start-icon .oj-menu-cancel-icon:before, .oj-searchselect-clear-value-icon:before {
   content: "\f134"; }
 
 .oj-fwk-icon-cross03:before {
@@ -12758,6 +12758,24 @@ oj-calendar:not(.oj-complete) {
 .oj-inputdatetime-time-icon.oj-disabled {
   cursor: default; }
 
+.oj-inputdatetime-clear-icon-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: var(--oj-text-field-height);
+  width: 1.5625rem;
+  text-decoration: none;
+  cursor: var(--oj-core-cursor-clickable); }
+
+a.oj-inputdatetime-clear-icon-btn:active {
+  background-color: transparent; }
+
+.oj-inputdatetime-clear-icon {
+  color: inherit; }
+
+.oj-text-field-container.oj-form-control-empty-clearicon .oj-inputdatetime-clear-icon-btn {
+  display: none; }
+
 .oj-datepicker-popup {
   min-width: 17.5rem;
   min-height: 21.5rem; }
@@ -15416,7 +15434,7 @@ oj-input-password:not(.oj-complete) {
   align-items: center;
   justify-content: center;
   height: var(--oj-text-field-height);
-  width: 25px;
+  width: 1.5625rem;
   text-decoration: none;
   cursor: var(--oj-core-cursor-clickable); }
 
@@ -16767,7 +16785,8 @@ a.oj-navigationlist-item-content .oj-navigationlist-item-label {
   color: var(--oj-navigation-list-item-label-color);
   flex: 0 0 auto;
   font-size: var(--oj-navigation-list-icon-size);
-  margin: var(--oj-navigation-list-icon-margin); }
+  margin: var(--oj-navigation-list-icon-margin);
+  width: var(--oj-navigation-list-icon-size); }
 
 .oj-navigationlist-group-item {
   display: flex;
@@ -20623,7 +20642,8 @@ a.oj-tabbar-item-content .oj-tabbar-item-label {
 .oj-tabbar-item-icon {
   color: var(--oj-tab-bar-item-label-color);
   flex: 0 0 auto;
-  font-size: var(--oj-tab-bar-icon-size); }
+  font-size: var(--oj-tab-bar-icon-size);
+  width: var(--oj-tab-bar-icon-size); }
 
 /* Disabled node */
 .oj-tabbar-item.oj-disabled > .oj-tabbar-item-content,

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

@@ -194,33 +194,7 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojhtmlutils', 'ojs/ojlogger', 'ojs/oj
           vmContext
         ]) || Promise.resolve(true);
 
-      var bridge = this;
-      return activatedPromise.then(function () {
-        var params = {
-          props: bridge._PROPS,
-          slotMap: slotMap,
-          slotNodeCounts: slotNodeCounts,
-          unique: bridge._VM_CONTEXT.unique,
-          uniqueId: bridge._VM_CONTEXT.uniqueId,
-          viewModel: bridge._VIEW_MODEL,
-          viewModelContext: bridge._VM_CONTEXT
-        };
-
-        // Store the name of the binding provider on the element when we are about
-        // to insert the view. This will allow custom elements within the view to look
-        // up the binding provider used by the composite (currently only KO).
-        // eslint-disable-next-line no-param-reassign
-        element[ojcustomelementUtils.CHILD_BINDING_PROVIDER] = 'knockout';
-        // For upstream or indirect dependency we will still rely components being registered on the oj namespace.
-        if (oj.Components) {
-          oj.Components.unmarkPendingSubtreeHidden(element);
-        }
-
-        var cache = ojcustomelementRegistry.getElementRegistration(element.tagName).cache;
-        // Need to clone nodes first
-        var view = CompositeElementBridge._getDomNodes(cache.view, element);
-        oj.CompositeTemplateRenderer.renderTemplate(params, element, view);
-      });
+      return activatedPromise.then(() => this._processCompositeTemplate(element));
     },
 
     DefineMethodCallback: function (proto, method, methodMeta) {
@@ -350,9 +324,16 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojhtmlutils', 'ojs/ojlogger', 'ojs/oj
       // Invoke callback on the superclass
       oj.BaseCustomElementBridge.proto.HandleReattached.call(this, element);
 
-      oj.CompositeTemplateRenderer.invokeViewModelMethod(element, this._VIEW_MODEL, 'connected', [
-        this._VM_CONTEXT
-      ]);
+      // Check if the template was not rendered and render it if it is the case.
+      // The connected callback will be called by CompositeTemplateRenderer.renderTemplate().
+      if (this._delayedTemplateRender) {
+        this._delayedTemplateRender = false;
+        this._processCompositeTemplate(element);
+      } else {
+        oj.CompositeTemplateRenderer.invokeViewModelMethod(element, this._VIEW_MODEL, 'connected', [
+          this._VM_CONTEXT
+        ]);
+      }
     },
 
     InitializeElement: function (element) {
@@ -559,6 +540,43 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojhtmlutils', 'ojs/ojlogger', 'ojs/oj
         throw new ojcustomelementUtils.JetElementError(this._ELEMENT, 'Cannot access methods before element is upgraded.');
       }
       return this._VIEW_MODEL;
+    },
+
+    _processCompositeTemplate: function (element) {
+      // Skip rendering the composite template since the it is not attached to the DOM.
+      // The template will be rendered if and when the component will be reattached.
+      // See HandleReattached().
+      if (!element.isConnected) {
+        this._delayedTemplateRender = true;
+        return;
+      }
+
+      const state = ojcustomelementUtils.CustomElementUtils.getElementState(element);
+      const slotMap = state.getSlotMap();
+      const params = {
+        props: this._PROPS,
+        slotMap: slotMap,
+        slotNodeCounts: this._VM_CONTEXT.slotCounts,
+        unique: this._VM_CONTEXT.unique,
+        uniqueId: this._VM_CONTEXT.uniqueId,
+        viewModel: this._VIEW_MODEL,
+        viewModelContext: this._VM_CONTEXT
+      };
+
+      // Store the name of the binding provider on the element when we are about
+      // to insert the view. This will allow custom elements within the view to look
+      // up the binding provider used by the composite (currently only KO).
+      // eslint-disable-next-line no-param-reassign
+      element[ojcustomelementUtils.CHILD_BINDING_PROVIDER] = 'knockout';
+      // For upstream or indirect dependency we will still rely components being registered on the oj namespace.
+      if (oj.Components) {
+        oj.Components.unmarkPendingSubtreeHidden(element);
+      }
+
+      const cache = ojcustomelementRegistry.getElementRegistration(element.tagName).cache;
+      // Need to clone nodes first
+      const view = CompositeElementBridge._getDomNodes(cache.view, element);
+      oj.CompositeTemplateRenderer.renderTemplate(params, element, view);
     }
   });
 

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: '15.0.2',
+    version: '15.0.4',
     /**
      * @global
      * @member {string} revision JET source code revision number
      */
-    revision: '2023-08-04_09-59-30',
+    revision: '2023-09-08_06-09-49',
 
     // 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/ojdatagrid.js

@@ -252,6 +252,10 @@ var __oj_data_grid_metadata =
             },
             "freezable": {
               "type": "string",
+              "enumValues": [
+                "disable",
+                "enable"
+              ],
               "value": "disable"
             },
             "label": {
@@ -363,6 +367,10 @@ var __oj_data_grid_metadata =
             },
             "freezable": {
               "type": "string",
+              "enumValues": [
+                "disable",
+                "enable"
+              ],
               "value": "disable"
             },
             "label": {
@@ -32860,7 +32868,10 @@ var __oj_data_grid_metadata =
    * @private
    */
   DvtDataGrid.prototype._isDisclosureIcon = function (target) {
-    return this.m_utils.containsCSSClassName(target, this.getMappedStyle('icon'));
+    return (
+      this.m_utils.containsCSSClassName(target, this.getMappedStyle('icon')) &&
+      this.m_utils.containsCSSClassName(target.parentElement, this.getMappedStyle('disclosureIcon'))
+    );
   };
 
   /**
@@ -32869,7 +32880,7 @@ var __oj_data_grid_metadata =
    * @private
    */
   DvtDataGrid.prototype._getDisclosureIcon = function (target) {
-    const isDisclosureIcon = this.m_utils.containsCSSClassName(target, this.getMappedStyle('icon'));
+    const isDisclosureIcon = this._isDisclosureIcon(target);
     if (isDisclosureIcon) {
       return target;
     }
@@ -36310,8 +36321,10 @@ var __oj_data_grid_metadata =
            * @name header.row.freezable
            * @instance
            * @memberof! oj.ojDataGrid
-           * @type {string}
+           * @type {string=}
            * @default 'disable'
+           * @ojvalue {string} "enable" enable freeze and unfreeze on rows
+           * @ojvalue {string} "disable" disable freeze and unfreeze on rows
            * @ojshortdesc Allows freeze/unfreeze on rows.
            * @example <caption>Initialize the DataGrid with the <code class="prettyprint">freezeable</code> attribute specified:</caption>
            * &lt;!-- Using dot notation -->
@@ -36702,8 +36715,10 @@ var __oj_data_grid_metadata =
            * @name header.column.freezable
            * @instance
            * @memberof! oj.ojDataGrid
-           * @type {string}
+           * @type {string=}
            * @default 'disable'
+           * @ojvalue {string} "enable" enable freeze and unfreeze on columns
+           * @ojvalue {string} "disable" disable freeze and unfreeze on columns
            * @ojshortdesc Allows freeze/unfreeze on columns.
            * @example <caption>Initialize the DataGrid with the <code class="prettyprint">freezeable</code> attribute specified:</caption>
            * &lt;!-- Using dot notation -->
@@ -37882,17 +37897,17 @@ var __oj_data_grid_metadata =
     _SetupResources: function () {
       // adds context menu gesture support
       this._super();
-      this.setupResources();
+      this.setupResources(!this._isCreate);
     },
 
     /**
      * @memberof oj.ojDataGrid
      * @private
      */
-    setupResources: function () {
+    setupResources: function (requiresRefresh) {
       if (this.datasource != null) {
         // sets the data source event listeners
-        if (!this._isCreate) {
+        if (!requiresRefresh) {
           this.grid._addDataSourceEventListeners();
         }
 
@@ -37902,7 +37917,9 @@ var __oj_data_grid_metadata =
         // register a resize listener
         this._registerResizeListener(this.root);
       }
-
+      if (requiresRefresh) {
+        this.refresh();
+      }
       this._isCreate = false;
     },
 
@@ -37934,6 +37951,8 @@ var __oj_data_grid_metadata =
       this._unregisterResizeListener(this.root);
 
       this.contextMenuEvent = null;
+
+      this._removeAllChildren();
     },
 
     _registerEventListeners: function () {
@@ -38045,10 +38064,9 @@ var __oj_data_grid_metadata =
 
       // unregister existing listeners
       if (shouldResetContextMenuListeners) {
-        this._ReleaseResources();
-      } else {
-        this.releaseResources();
+        this._ReleaseContextMenu();
       }
+      this.releaseResources();
 
       this._removeAllChildren();
 
@@ -38081,10 +38099,9 @@ var __oj_data_grid_metadata =
       // addListeners back in before rendering, including context menu
       // unregister existing listeners
       if (shouldResetContextMenuListeners) {
-        this._SetupResources();
-      } else {
-        this.setupResources();
+        this._SetupContextMenu();
       }
+      this.setupResources(false);
 
       // so long as the visibility property is not 'render', overwrite it with
       // a refresh and try to refresh the grid
@@ -38254,6 +38271,16 @@ var __oj_data_grid_metadata =
       }
     },
 
+    /**
+     * Override to do the delay connect/disconnect
+     * @memberof oj.ojDataGrid
+     * @override
+     * @protected
+     */
+    _VerifyConnectedForSetup: function () {
+      return true;
+    },
+
     /**
      * Determine if the entire datagrid should refresh based on which options are updated.
      * @param {Object} options the options object

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

@@ -2101,6 +2101,10 @@ define(['exports', 'ojs/ojcore-base', 'jquery', 'ojs/ojcontext', 'ojs/ojdatacoll
       this.m_root = this.m_superRoot;
       this.m_superRoot = null;
     }
+    if (this.m_engine && this.m_root.querySelector('.oj-listview-item-element') != null) {
+      // we need to clean the items before emptying them
+      this.cleanItems(this.m_engine);
+    }
     $(this.m_root).empty();
 
     // determines how many items needed to fill the viewport