@oracle/oraclejet 16.0.1 → 16.0.3

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

@@ -4516,10 +4516,9 @@ DvtDataGrid.prototype.setDefaultDimensions = function () {
     ' ' +
     resources.getMappedStyle('headercell');
   this.m_root.appendChild(div); // @HTMLUpdateOK
-  // Not using offsetWidth/Height due to
-  var rect = div.getBoundingClientRect();
-  this.m_defaultColumnWidth = Math.round(rect.width);
-  this.m_defaultRowHeight = Math.round(rect.height);
+  // can use offset due to fixes in chrome partial pixel rounding fixes
+  this.m_defaultColumnWidth = div.offsetWidth;
+  this.m_defaultRowHeight = div.offsetHeight;
 
   // minimize reflows
   this.getViewportWidth();
@@ -8853,32 +8852,28 @@ DvtDataGrid.prototype.buildAxisHeaders = function (
  * @param {Object|string} templateContext templateContext is template is used
  * @private
  */
-DvtDataGrid.prototype._renderContent = function (
-  renderer,
-  context,
-  cell,
-  data,
-  templateContext,
-  headerContentDiv
-) {
+DvtDataGrid.prototype._renderContent = function (renderer, context, cell, data, templateContext) {
+  let shouldAppendContentElement = false;
+  let headerContentDiv = context.contentElement;
   if (renderer != null && typeof renderer === 'function') {
     const returnObj = renderer.call(this, context);
     let element = cell;
     let content = returnObj;
     // if insertContent is provided then returned string or HTMLElement should be wrapped in div.
-    if (returnObj && (returnObj.insert != null || returnObj.insertContent != null)) {
-      if (returnObj.insert == null) {
+    if (returnObj?.insert != null) {
+      content = returnObj.insert;
+    } else if (headerContentDiv != null) {
+      if (returnObj?.insertContent != null) {
         element = headerContentDiv;
         content = returnObj.insertContent;
-      } else {
-        content = returnObj.insert;
+        shouldAppendContentElement = true;
+      } else if (headerContentDiv.hasChildNodes()) {
+        shouldAppendContentElement = true;
+      }
+
+      if (shouldAppendContentElement) {
+        cell.appendChild(headerContentDiv); // @HTMLUpdateOK
       }
-    }
-    if (
-      (context.axis === 'row' || context.axis === 'column') &&
-      (context.contentElement.hasChildNodes() || returnObj?.insertContent != null)
-    ) {
-      cell.appendChild(context.contentElement); // @HTMLUpdateOK
     }
     applyRendererContent(
       element,
@@ -8889,20 +8884,18 @@ DvtDataGrid.prototype._renderContent = function (
     this._removeFocusFromChildElements(context, cell);
   } else if (renderer != null && typeof renderer === 'object' && this.m_engine) {
     var nodes = this.m_engine.execute(this.m_root, renderer, templateContext, null);
+    shouldAppendContentElement =
+      renderer.slot === 'columnHeaderContentTemplate' ||
+      renderer.slot === 'rowHeaderContentTemplate';
+
     for (var i = 0; i < nodes.length; i++) {
-      if (
-        renderer.slot === 'columnHeaderContentTemplate' ||
-        renderer.slot === 'rowHeaderContentTemplate'
-      ) {
+      if (shouldAppendContentElement) {
         headerContentDiv.appendChild(nodes[i]); // @HTMLUpdateOK
       } else {
         cell.appendChild(nodes[i]); // @HTMLUpdateOK
       }
     }
-    if (
-      renderer.slot === 'columnHeaderContentTemplate' ||
-      renderer.slot === 'rowHeaderContentTemplate'
-    ) {
+    if (shouldAppendContentElement) {
       cell.appendChild(headerContentDiv); // @HTMLUpdateOK
     }
     this._removeFocusFromChildElements(context, cell);
@@ -8919,7 +8912,7 @@ DvtDataGrid.prototype._renderContent = function (
       // eslint-disable-next-line no-param-reassign
       data = '';
     }
-    if (headerContentDiv && (context.axis === 'row' || context.axis === 'column')) {
+    if (headerContentDiv) {
       headerContentDiv.appendChild(document.createTextNode(data.toString())); // @HTMLUpdateOK
       cell.appendChild(headerContentDiv); // @HTMLUpdateOK
     } else {
@@ -9212,13 +9205,16 @@ DvtDataGrid.prototype.buildLevelHeaders = function (
     // create the header element and append the content to it
     header = document.createElement('div');
 
-    const headerContentDiv = document.createElement('div');
-    headerContentDiv.classList.add(this.getMappedStyle('headerCellContent'));
+    let headerContentDiv;
+    if (axis === 'row' || axis === 'column') {
+      headerContentDiv = document.createElement('div');
+      headerContentDiv.classList.add(this.getMappedStyle('headerCellContent'));
+    }
 
     // build headerContext to pass to renderer
     headerContext = this.createHeaderContext(
       axis,
-      index,
+      isAppend || insert ? index : index - headerExtent + 1,
       headerData,
       headerMetadata,
       header,
@@ -9390,8 +9386,7 @@ DvtDataGrid.prototype.buildLevelHeaders = function (
       headerContext,
       header,
       headerData,
-      this.buildHeaderTemplateContext(headerContext, headerMetadata),
-      headerContentDiv
+      this.buildHeaderTemplateContext(headerContext, headerMetadata)
     );
 
     // set alignment before inline stlye to ensure inline styles win
@@ -34713,9 +34708,14 @@ function DataGridProviderDataGridDataSourceKeyMap() {
 
 // Load translation bundles to handle asynchronous loading for oj-c components.
 // JET-63142 -> JET-64242
+let translationBundlePromise;
 async function getPreactTranslationPromise() {
+  if (translationBundlePromise) {
+    return translationBundlePromise;
+  }
   const { default: loader } = await import('@oracle/oraclejet-preact/translationBundle');
-  return getTranslationBundlePromiseFromLoader(loader);
+  translationBundlePromise = getTranslationBundlePromiseFromLoader(loader);
+  return translationBundlePromise;
 }
 
 // import { ImmutableSet } from 'ojs/ojkeyset';
@@ -43054,7 +43054,7 @@ DvtDataGrid.prototype.handleRowDragOver = function (event) {
     let adjustedRowIndex = rowIndex === -1 ? 0 : rowIndex;
     let dir = this.getResources().isRTLMode() ? 'right' : 'left';
 
-    let header = this._getHeaderByIndex(adjustedRowIndex, axis, this.m_rowHeaderLevelCount);
+    let header = this._getHeaderByIndex(adjustedRowIndex, axis, this.m_rowHeaderLevelCount - 1);
     let isHeaderWithinSelection = this._isHeaderWithinSelection(header, axis);
     if (rowIndex !== undefined && this.m_dragIndex !== rowIndex) {
       if (this.m_utils.containsCSSClassName(header, this.getMappedStyle('disabledElement'))) {
@@ -43398,7 +43398,11 @@ DvtDataGrid.prototype.handleColumnDragOver = function (event) {
       let axis = 'column';
       let adjustedColIndex = colIndex === -1 ? 0 : colIndex;
       let dir = this.getResources().isRTLMode() ? 'right' : 'left';
-      let header = this._getHeaderByIndex(adjustedColIndex, axis, this.m_columnHeaderLevelCount);
+      let header = this._getHeaderByIndex(
+        adjustedColIndex,
+        axis,
+        this.m_columnHeaderLevelCount - 1
+      );
       if (this.m_utils.containsCSSClassName(header, this.getMappedStyle('disabledElement'))) {
         this._removeDropTargetLine(axis);
         this._removeDropTargetClass();
@@ -47902,7 +47906,7 @@ DvtDataGrid.prototype.loadSkeletons = function (
     // scroll to left of data region or currently rendered skeletons
     row = rowStart;
     top = rowStartPixel;
-    rowCount = Math.max(this.getFetchCount('row', row), this.m_endRow - row);
+    rowCount = Math.max(skeletonRowEnd, this.m_endRow, 0) - Math.min(skeletonRowStart, row) + 1;
     column = Math.min(skeletonColStart - columnCount, columnStart);
     left = Math.min(
       skeletonColStartPixel,
@@ -47927,7 +47931,7 @@ DvtDataGrid.prototype.loadSkeletons = function (
     } else {
       row = rowStart;
       top = rowStartPixel;
-      rowCount = Math.max(this.getFetchCount('row', row), this.m_endRow - row);
+      rowCount = Math.max(skeletonRowEnd, this.m_endRow, 0) - Math.min(skeletonRowStart, row) + 1;
       column = Math.max(skeletonColEnd + 1, columnStart);
       left = Math.max(skeletonColEndPixel, columnStartPixel);
       columnCount = this.getFetchCount('column', column);
@@ -47937,7 +47941,8 @@ DvtDataGrid.prototype.loadSkeletons = function (
     // scroll above the data region or currently rendered skeletons
     column = columnStart;
     left = columnStartPixel;
-    columnCount = Math.max(this.getFetchCount('column', column), this.m_endCol - column);
+    columnCount =
+      Math.max(skeletonColEnd, this.m_endCol, 0) - Math.min(skeletonColStart, column) + 1;
     row = Math.min(skeletonRowStart - rowCount, rowStart);
     top = Math.min(skeletonRowStartPixel, rowStartPixel + rowCount * this.getDefaultRowHeight());
     rowAppend = false;
@@ -47959,7 +47964,8 @@ DvtDataGrid.prototype.loadSkeletons = function (
     } else {
       column = columnStart;
       left = columnStartPixel;
-      columnCount = Math.max(this.getFetchCount('column', column), this.m_endCol - column);
+      columnCount =
+        Math.max(skeletonColEnd, this.m_endCol, 0) - Math.min(skeletonColStart, column) + 1;
       row = Math.max(skeletonRowEnd + 1, rowStart);
       top = Math.max(skeletonRowEndPixel, rowStartPixel);
       rowCount = this.getFetchCount('row', row);

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

@@ -4416,13 +4416,9 @@ class VLayerUtils {
     static findOpenVPopups() {
         const rootLayerHost = document.getElementById(NEW_DEFAULT_LAYER_ID);
         const topLayerHost = document.getElementById(NEW_DEFAULT_TOP_LAYER_ID);
-        const result = [];
-        if (rootLayerHost) {
-            result.concat([].slice.call(rootLayerHost.children));
-        }
-        if (topLayerHost) {
-            result.concat([].slice.call(topLayerHost.children));
-        }
+        const resRoot = rootLayerHost ? [].slice.call(rootLayerHost.children) : [];
+        const resTop = topLayerHost ? [].slice.call(topLayerHost.children) : [];
+        const result = resRoot.concat(resTop);
         return result;
     }
 }

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

@@ -35,7 +35,7 @@ const AbstractLovBase = function (options) {
   // idSuffix, lovMainField, filterInputText, lovDropdown, liveRegion, enabled, readOnly, value,
   // getTranslatedStringFunc, addBusyStateFunc, showMainFieldFunc, setFilterFieldTextFunc,
   // setUiLoadingStateFunc, isValueForPlaceholderFunc, isShowValueInFilterFieldFunc,
-  // getFilterInputElemFunc}
+  // getFilterInputElemFunc, matchBy}
   this._minLength = 0;
 
   this._className = options.className;
@@ -59,6 +59,7 @@ const AbstractLovBase = function (options) {
   this._isValueForPlaceholderFunc = options.isValueForPlaceholderFunc;
   this._isShowValueInFilterFieldFunc = options.isShowValueInFilterFieldFunc;
   this._getFilterInputElemFunc = options.getFilterInputElemFunc;
+  this._matchBy = options.matchBy;
 
   this._lastDataProviderPromise = null;
 
@@ -76,6 +77,10 @@ AbstractLovBase.prototype.setValue = function (value) {
   this._value = value;
 };
 
+AbstractLovBase.prototype.setMatchBy = function (matchBy) {
+  this._matchBy = matchBy;
+};
+
 AbstractLovBase.prototype.getFetchType = function () {
   return this._fetchType;
 };
@@ -477,6 +482,7 @@ AbstractLovBase.prototype._fetchFromDataProvider = function (term, initial) {
 
   var filterCriteria = null;
   if (term) {
+    var matchBy;
     if (this._dataProvider) {
       var filterCapability = this._dataProvider.getCapability('filter');
       if (!filterCapability || !filterCapability.textFilter) {
@@ -484,12 +490,43 @@ AbstractLovBase.prototype._fetchFromDataProvider = function (term, initial) {
           'Select: DataProvider does not support text filter.  ' +
             'Filtering results in dropdown may not work correctly.'
         );
+      } else if (this._matchBy) {
+        // JET-60725 - Add option to specify the matchBy behavior of the text filter
+        // Find the first matchBy behavior in the array that the data provider supports.
+        matchBy = this._matchBy.reduce((result, curr) => {
+          // if we've already found a supported matchBy, use it
+          if (result) {
+            return result;
+          }
+          // if we've encountered 'unknown' in the array, return it because it's always supported
+          if (curr === 'unknown') {
+            return curr;
+          }
+          // if we haven't found a supported matchBy yet, see if the current one is supported and
+          // return it if so; if not log a warning
+          if (curr) {
+            if (
+              filterCapability.textFilterMatching &&
+              filterCapability.textFilterMatching.matchBy &&
+              filterCapability.textFilterMatching.matchBy.indexOf(curr) > -1
+            ) {
+              return curr;
+            }
+            warn(
+              `Select: DataProvider does not support text filter "${curr}" matching.  ` +
+                'Filtering results in dropdown may not work as expected.'
+            );
+          }
+          // if we haven't found a supported matchBy yet, return undefined and go on
+          return undefined;
+        }, null);
       }
     }
 
     // create filter using FilterFactory so that default local filtering will happen if
     // underlying DP doesn't support its own filtering
-    filterCriteria = oj.FilterFactory.getFilter({ filterDef: { text: term } });
+    var filterDef = matchBy ? { text: term, matchBy } : { text: term };
+    filterCriteria = oj.FilterFactory.getFilter({ filterDef });
   }
 
   var retPromise = new Promise(
@@ -2545,7 +2582,7 @@ LovMainField.prototype.updateLabel = function (labelledBy, ariaLabel) {
  * @since 8.0.0
  * @abstract
  * @hideconstructor
- * @ojtsimport {module: "ojdataprovider", type: "AMD", imported: ["DataProvider"]}
+ * @ojtsimport {module: "ojdataprovider", type: "AMD", imported: ["DataProvider", "TextFilter"]}
  * @ojtsimport {module: "ojcommontypes", type: "AMD", importName: ["ojcommontypes"]}
  * @ojsignature [{
  *                target: "Type",
@@ -2886,7 +2923,38 @@ oj.__registerWidget('oj.ojSelectBase', $.oj.editableValue, {
      * @memberof oj.ojSelectBase
      * @ojfragment selectCommonLabelledBy
      */
-    labelledBy: null
+    labelledBy: null,
+
+    /**
+     * The list of text filter matching behaviors to use when fetching data filtered by a user's
+     * typed search text, in order of descending priority with the preferred behavior first.
+     * If the preferred behavior is not supported by the DataProvider, then the component will
+     * check the next behavior, and so on, until it finds one that is supported.
+     * If none of the specified behaviors are supported or if this property is not specified,
+     * then the behavior will effectively be "unknown".
+     *
+     * @example <caption>Initialize the Select with the <code class="prettyprint">match-by</code> attribute specified:</caption>
+     * &lt;oj-select-single match-by="[[matchByValue]]">&lt;/oj-select-single>
+     *
+     * @example <caption>Get or set the <code class="prettyprint">matchBy</code> property after initialization:</caption>
+     * // getter
+     * var matchByValue = mySelect.matchBy;
+     *
+     * // setter
+     * mySelect.matchBy = ["phrase", "fuzzy", "contains", "startsWith", "unknown"];
+     *
+     * @name matchBy
+     * @ojshortdesc The ordered list of text filter matching behaviors to use when filtering data.
+     * @expose
+     * @access public
+     * @instance
+     * @memberof oj.ojSelectBase
+     * @type {Array.<string>|null}
+     * @ojsignature {target: "Type", value: "Array<TextFilter<D>['matchBy']>|null", jsdocOverride: true}
+     * @default null
+     * @since 16.0.2
+     */
+    matchBy: null
   },
 
   /**
@@ -3125,6 +3193,12 @@ oj.__registerWidget('oj.ojSelectBase', $.oj.editableValue, {
 
     var options = this.options;
 
+    // JET-60725 - Add option to specify the matchBy behavior of the text filter
+    // Make a copy of the array to use internally so that the application can't mutate it;
+    // they have to set a new array if they want to change it.
+    this._matchBy =
+      options.matchBy && options.matchBy.length > 0 ? [...options.matchBy] : undefined;
+
     this._wrapDataProviderIfNeeded(options.data);
     this._addDataProviderEventListeners();
 
@@ -3264,7 +3338,8 @@ oj.__registerWidget('oj.ojSelectBase', $.oj.editableValue, {
       setUiLoadingStateFunc: this._setUiLoadingState.bind(this),
       isValueForPlaceholderFunc: this._IsValueForPlaceholder.bind(this),
       isShowValueInFilterFieldFunc: this._IsShowValueInFilterField.bind(this),
-      getFilterInputElemFunc: this._getFilterInputElem.bind(this)
+      getFilterInputElemFunc: this._getFilterInputElem.bind(this),
+      matchBy: this._matchBy
     });
     this._abstractLovBase = abstractLovBase;
 
@@ -4292,6 +4367,16 @@ oj.__registerWidget('oj.ojSelectBase', $.oj.editableValue, {
     oj.Assert.failedInAbstractFunction();
   },
 
+  /**
+   * Called when the filter field is blurred.
+   * @memberof! oj.ojSelectBase
+   * @instance
+   * @protected
+   */
+  _HandleFilterFieldBlur: function () {
+    oj.Assert.failedInAbstractFunction();
+  },
+
   /**
    * @memberof! oj.ojSelectBase
    * @instance
@@ -4525,6 +4610,11 @@ oj.__registerWidget('oj.ojSelectBase', $.oj.editableValue, {
           var focusInFilterField =
             document.activeElement && isAncestor(filterInputText, document.activeElement);
           if (!focusInDropdown && !this._mousedownOnDropdown && !focusInFilterField) {
+            // JET-65757 - Empty value rejected when not confirmed by Enter/Tab
+            // clear the value after deleting all the filter text and clicking outside the
+            // component
+            this._HandleFilterFieldBlur();
+
             this._showMainField();
           }
         }
@@ -5050,7 +5140,15 @@ oj.__registerWidget('oj.ojSelectBase', $.oj.editableValue, {
       }
     }
 
-    this._super(key, value, flags);
+    // JET-64632 - DataProvider refresh event can wipe out currently selected value
+    // If we get a DP refresh event we may re-set the currently selected value so that we fetch
+    // new data for it, in which case we don't want to fire a change event, so don't call the
+    // superclass.
+    var bSkipSuperclassCall = key === 'value' && this.options.value === value;
+
+    if (!bSkipSuperclassCall) {
+      this._super(key, value, flags);
+    }
 
     // In vdom architecture, there are multiple issues with value and valueItem property that we need to
     // handle.
@@ -5235,6 +5333,14 @@ oj.__registerWidget('oj.ojSelectBase', $.oj.editableValue, {
       // JET-45922 - timing issue with select-single: lov drop-down doesn't have element
       // do a granular update if item-text changes instead of a general refresh
       this._UpdateItemText();
+    } else if (key === 'matchBy') {
+      // JET-60725 - Add option to specify the matchBy behavior of the text filter
+      // Make a copy of the array to use internally so that the application can't mutate it;
+      // they have to set a new array if they want to change it.
+      this._matchBy = value && value.length > 0 ? [...value] : undefined;
+      if (this._abstractLovBase) {
+        this._abstractLovBase.setMatchBy(this._matchBy);
+      }
     }
   },
 

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

@@ -94,6 +94,9 @@ var __oj_select_single_metadata =
     "labelledBy": {
       "type": "string"
     },
+    "matchBy": {
+      "type": "Array<string>"
+    },
     "messagesCustom": {
       "type": "Array<Object>",
       "writeback": true,
@@ -822,7 +825,11 @@ oj.__registerWidget('oj.ojSelectSingle', $.oj.ojSelectBase, {
    * @override
    */
   _ReleaseSelectResources: function (shouldRetainMainFieldElem) {
+    this._bReleasingSelectResources = true;
+
     this._super(shouldRetainMainFieldElem);
+
+    this._bReleasingSelectResources = false;
   },
 
   /**
@@ -885,6 +892,34 @@ oj.__registerWidget('oj.ojSelectSingle', $.oj.ojSelectBase, {
     this._handleSelection(this._GetDefaultValueItemForPlaceholder());
   },
 
+  /**
+   * Called when the filter field is blurred.
+   * @memberof! oj.ojSelectSingle
+   * @instance
+   * @protected
+   * @override
+   */
+  _HandleFilterFieldBlur: function () {
+    // JET-65757 - Empty value rejected when not confirmed by Enter/Tab
+    // clear the value after deleting all the filter text and clicking outside the
+    // component;
+    // check whether placeholder valueItem is already set so that we don't trigger
+    // validation unnecessarily
+    if (
+      !this._fullScreenPopup &&
+      !this._bReleasingSelectResources &&
+      this._IsFilterInputTextCleared()
+    ) {
+      if (
+        !this._IsValueForPlaceholder(this.options.value) ||
+        !this._IsValueItemForPlaceholder(this.options.valueItem)
+      ) {
+        // on desktop, if the user clears all the text and clicks out, clear the LOV value
+        this._handleSelection(this._defaultValueItemForPlaceholder, null, true);
+      }
+    }
+  },
+
   /**
    * @memberof! oj.ojSelectSingle
    * @instance
@@ -1564,6 +1599,7 @@ oj.__registerWidget('oj.ojSelectSingle', $.oj.ojSelectBase, {
     }
 
     var newVal = this.options.value;
+    var origVal = this.options.value;
     if (event.type === 'mutate') {
       if (event.detail.remove != null) {
         var keys = event.detail.remove.keys;
@@ -1579,18 +1615,41 @@ oj.__registerWidget('oj.ojSelectSingle', $.oj.ojSelectBase, {
       }
     }
 
-    // JET-42413: set flag while we're processing a value change so that if an app makes
-    // changes to the component from within the change listener, we can defer processing the
-    // new change until after we're done processing the current change
-    var resolveValueChangeFunc = this._StartMakingInternalValueChange();
+    var resolveBusyState = this._AddBusyState('ojSelectSingle processing DataProvider event');
+
+    // JET-64632 - DataProvider refresh event can wipe out currently selected value
+    // defer handling the event until the throttle promise (which is hooked into JET's Knockout
+    // throttling timeout) resolves so that we can correctly handle the case where we get both a
+    // new value set and a DP event
+    var throttlePromise = this._GetThrottlePromise();
+    throttlePromise.then(
+      function () {
+        // if the component was released before the promise resolved, simply resolve the busy
+        // state and return
+        if (this._bReleasedResources) {
+          resolveBusyState();
+          return;
+        }
 
-    // if the event wasn't dispatched internally, need to re-set the value now that the label may
-    // be available, or because a mutation event removed a selected value
-    this._setOption('value', newVal);
+        // if the event wasn't dispatched internally, and if the value has not been changed since
+        // the event was received, need to re-set the value now that the label may be available,
+        // or because a mutation event removed a selected value
+        if (origVal === this.options.value) {
+          // JET-42413: set flag while we're processing a value change so that if an app makes
+          // changes to the component from within the change listener, we can defer processing the
+          // new change until after we're done processing the current change
+          var resolveValueChangeFunc = this._StartMakingInternalValueChange();
 
-    resolveValueChangeFunc();
+          this._setOption('value', newVal);
+
+          resolveValueChangeFunc();
+        }
 
-    this._abstractLovBase.handleDataProviderEvent(event);
+        this._abstractLovBase.handleDataProviderEvent(event);
+
+        resolveBusyState();
+      }.bind(this)
+    );
   },
 
   /**

package/dist/js/libs/oj/main-template.js

@@ -15,9 +15,9 @@
   requirejs.config({
     // Path mappings for the logical module names
     paths: {
-      'ojs': 'libs/oj/16.0.1/min@insertESLevelPath@',
-      'ojL10n': 'libs/oj/16.0.1/ojL10n',
-      'ojtranslations': 'libs/oj/16.0.1/resources',
+      'ojs': 'libs/oj/16.0.3/min@insertESLevelPath@',
+      'ojL10n': 'libs/oj/16.0.3/ojL10n',
+      'ojtranslations': 'libs/oj/16.0.3/resources',
       
   'knockout': 'libs/knockout/knockout-3.5.1',
   'jquery': 'libs/jquery/jquery-3.6.4.min',