@openui5/sap.ui.webc.common 1.111.1 → 1.112.0

package/src/sap/ui/webc/common/thirdparty/base/config/FormatSettings.js

@@ -6,15 +6,13 @@ sap.ui.define(["exports", "../InitialConfiguration"], function (_exports, _Initi
   });
   _exports.getFirstDayOfWeek = void 0;
   let formatSettings;
-
   const getFirstDayOfWeek = () => {
     if (formatSettings === undefined) {
       formatSettings = (0, _InitialConfiguration.getFormatSettings)();
     }
-
     return formatSettings.firstDayOfWeek;
-  }; // eslint-disable-line
-
+  };
 
+  // eslint-disable-line
   _exports.getFirstDayOfWeek = getFirstDayOfWeek;
 });

package/src/sap/ui/webc/common/thirdparty/base/config/Icons.js

@@ -6,6 +6,7 @@ sap.ui.define(["exports", "./Theme"], function (_exports, _Theme) {
   });
   _exports.setDefaultIconCollection = _exports.getEffectiveDefaultIconCollection = _exports.getDefaultIconCollection = void 0;
   const IconCollectionConfiguration = new Map();
+
   /**
    * Sets the default icon collection (v4 or v5) per theme,
    * which will be applied in case icon collection is not specified.
@@ -14,14 +15,13 @@ sap.ui.define(["exports", "./Theme"], function (_exports, _Theme) {
    * @param {String} theme
    * @param {String} collectionName
    */
-
   const setDefaultIconCollection = (theme, collectionName) => {
     if (collectionName === "horizon") {
       collectionName = "SAP-icons-v5";
     }
-
     IconCollectionConfiguration.set(theme, collectionName);
   };
+
   /**
    * Returns the default icon collection (v4 or v5) for given theme,
    * that is configured.
@@ -29,32 +29,24 @@ sap.ui.define(["exports", "./Theme"], function (_exports, _Theme) {
    * @param {String} theme
    * @returns {String}
    */
-
-
   _exports.setDefaultIconCollection = setDefaultIconCollection;
-
   const getDefaultIconCollection = theme => {
     return IconCollectionConfiguration.get(theme);
   };
+
   /**
    * Returns the effective icon collection that will be applied for icon web components
    * whenever namespace is not specified.
    * @returns {String}
    */
-
-
   _exports.getDefaultIconCollection = getDefaultIconCollection;
-
   const getEffectiveDefaultIconCollection = () => {
     const currentTheme = (0, _Theme.getTheme)();
     const currentThemeConfiguration = IconCollectionConfiguration.get(currentTheme);
-
     if (currentThemeConfiguration) {
       return currentThemeConfiguration;
     }
-
     return (0, _Theme.isThemeFamily)("sap_horizon") ? "SAP-icons-v5" : "SAP-icons";
   };
-
   _exports.getEffectiveDefaultIconCollection = getEffectiveDefaultIconCollection;
 });

package/src/sap/ui/webc/common/thirdparty/base/config/Language.js

@@ -7,18 +7,18 @@ sap.ui.define(["exports", "../InitialConfiguration", "../locale/languageChange",
   _exports.setLanguage = _exports.setFetchDefaultLanguage = _exports.getLanguage = _exports.getFetchDefaultLanguage = void 0;
   let language;
   let fetchDefaultLanguage;
+
   /**
    * Returns the currently configured language, or the browser language as a fallback
    * @returns {String}
    */
-
   const getLanguage = () => {
     if (language === undefined) {
       language = (0, _InitialConfiguration.getLanguage)();
     }
-
     return language;
   };
+
   /**
    * Changes the current language, re-fetches all message bundles, updates all language-aware components
    * and returns a promise that resolves when all rendering is done
@@ -26,21 +26,18 @@ sap.ui.define(["exports", "../InitialConfiguration", "../locale/languageChange",
    * @param newLanguage
    * @returns {Promise<void>}
    */
-
-
   _exports.getLanguage = getLanguage;
-
   const setLanguage = async newLanguage => {
     if (language === newLanguage) {
       return;
     }
-
     language = newLanguage;
     await (0, _languageChange.fireLanguageChange)(newLanguage);
     await (0, _Render.reRenderAllUI5Elements)({
       languageAware: true
     });
   };
+
   /**
    * Defines if the default language, that is inlined, should be
    * fetched over the network instead of using the inlined one.
@@ -48,28 +45,21 @@ sap.ui.define(["exports", "../InitialConfiguration", "../locale/languageChange",
    *
    * @param {Boolean} fetchDefaultLanguage
    */
-
-
   _exports.setLanguage = setLanguage;
-
   const setFetchDefaultLanguage = fetchDefaultLang => {
     fetchDefaultLanguage = fetchDefaultLang;
   };
+
   /**
    * Returns if the default language, that is inlined, should be fetched over the network.
    * @returns {Boolean}
    */
-
-
   _exports.setFetchDefaultLanguage = setFetchDefaultLanguage;
-
   const getFetchDefaultLanguage = () => {
     if (fetchDefaultLanguage === undefined) {
       setFetchDefaultLanguage((0, _InitialConfiguration.getFetchDefaultLanguage)());
     }
-
     return fetchDefaultLanguage;
   };
-
   _exports.getFetchDefaultLanguage = getFetchDefaultLanguage;
 });

package/src/sap/ui/webc/common/thirdparty/base/config/NoConflict.js

@@ -7,48 +7,38 @@ sap.ui.define(["exports", "../InitialConfiguration"], function (_exports, _Initi
   _exports.skipOriginalEvent = _exports.setNoConflict = _exports.getNoConflict = void 0;
   // Fire these events even with noConflict: true
   const excludeList = ["value-changed"];
-
   const shouldFireOriginalEvent = eventName => {
     return excludeList.includes(eventName);
   };
-
   let noConflict;
-
   const shouldNotFireOriginalEvent = eventName => {
     const nc = getNoConflict();
     return !(nc.events && nc.events.includes && nc.events.includes(eventName));
   };
-
   const getNoConflict = () => {
     if (noConflict === undefined) {
       noConflict = (0, _InitialConfiguration.getNoConflict)();
     }
-
     return noConflict;
   };
-
   _exports.getNoConflict = getNoConflict;
-
   const skipOriginalEvent = eventName => {
-    const nc = getNoConflict(); // Always fire these events
+    const nc = getNoConflict();
 
+    // Always fire these events
     if (shouldFireOriginalEvent(eventName)) {
       return false;
-    } // Read from the configuration
-
+    }
 
+    // Read from the configuration
     if (nc === true) {
       return true;
     }
-
     return !shouldNotFireOriginalEvent(eventName);
   };
-
   _exports.skipOriginalEvent = skipOriginalEvent;
-
   const setNoConflict = noConflictData => {
     noConflict = noConflictData;
   };
-
   _exports.setNoConflict = setNoConflict;
 });

package/src/sap/ui/webc/common/thirdparty/base/config/RTL.js

@@ -7,9 +7,7 @@ sap.ui.define(["exports", "../InitialConfiguration", "./Language", "../util/getD
   _exports.getRTL = void 0;
   _getDesigntimePropertyAsArray = _interopRequireDefault(_getDesigntimePropertyAsArray);
   _detectNavigatorLanguage = _interopRequireDefault(_detectNavigatorLanguage);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   const M_ISO639_OLD_TO_NEW = {
     "iw": "he",
     "ji": "yi",
@@ -17,22 +15,18 @@ sap.ui.define(["exports", "../InitialConfiguration", "./Language", "../util/getD
     "sh": "sr"
   };
   const A_RTL_LOCALES = (0, _getDesigntimePropertyAsArray.default)("$cldr-rtl-locales:ar,fa,he$") || [];
-
   const impliesRTL = language => {
     language = language && M_ISO639_OLD_TO_NEW[language] || language;
     return A_RTL_LOCALES.indexOf(language) >= 0;
   };
-
   const getRTL = () => {
     const configurationRTL = (0, _InitialConfiguration.getRTL)();
-
     if (configurationRTL !== null) {
       return !!configurationRTL;
     }
-
     return impliesRTL((0, _Language.getLanguage)() || (0, _detectNavigatorLanguage.default)());
-  }; // eslint-disable-line
-
+  };
 
+  // eslint-disable-line
   _exports.getRTL = getRTL;
 });

package/src/sap/ui/webc/common/thirdparty/base/config/Theme.js

@@ -6,60 +6,49 @@ sap.ui.define(["exports", "../InitialConfiguration", "../Render", "../theming/ap
   });
   _exports.setTheme = _exports.isThemeFamily = _exports.isTheme = _exports.getTheme = void 0;
   _applyTheme = _interopRequireDefault(_applyTheme);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   let theme;
-
   const getTheme = () => {
     if (theme === undefined) {
       theme = (0, _InitialConfiguration.getTheme)();
     }
-
     return theme;
   };
-
   _exports.getTheme = getTheme;
-
   const setTheme = async newTheme => {
     if (theme === newTheme) {
       return;
     }
+    theme = newTheme;
 
-    theme = newTheme; // Update CSS Custom Properties
-
+    // Update CSS Custom Properties
     await (0, _applyTheme.default)(theme);
     await (0, _Render.reRenderAllUI5Elements)({
       themeAware: true
     });
   };
+
   /**
    * Returns if the given theme name is the one currently applied.
    * @private
    * @param {String}
    * @returns {boolean}
    */
-
-
   _exports.setTheme = setTheme;
-
   const isTheme = _theme => {
     const currentTheme = getTheme();
     return currentTheme === _theme || currentTheme === `${_theme}_exp`;
   };
+
   /**
    * Returns if the current theme is part of given theme family
    * @private
    * @param {String} the theme family
    * @returns {boolean}
    */
-
-
   _exports.isTheme = isTheme;
-
   const isThemeFamily = _theme => {
     return getTheme().startsWith(_theme);
   };
-
   _exports.isThemeFamily = isThemeFamily;
 });

package/src/sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation.js

@@ -8,9 +8,7 @@ sap.ui.define(["exports", "../Keys", "../util/getActiveElement", "../types/Navig
   _getActiveElement = _interopRequireDefault(_getActiveElement);
   _NavigationMode = _interopRequireDefault(_NavigationMode);
   _ItemNavigationBehavior = _interopRequireDefault(_ItemNavigationBehavior);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   /**
    * The ItemNavigation class manages the calculations to determine the correct "tabindex" for a group of related items inside a root component.
    * Important: ItemNavigation only does the calculations and does not change "tabindex" directly, this is a responsibility of the developer.
@@ -61,28 +59,22 @@ sap.ui.define(["exports", "../Keys", "../util/getActiveElement", "../types/Navig
      */
     constructor(rootWebComponent, options = {}) {
       this._setRootComponent(rootWebComponent);
-
       this._initOptions(options);
     }
-
     _setRootComponent(rootWebComponent) {
       if (!rootWebComponent.isUI5Element) {
         throw new Error("The root web component must be a UI5 Element instance");
       }
-
       this.rootWebComponent = rootWebComponent;
       this.rootWebComponent.addEventListener("keydown", this._onkeydown.bind(this));
-
       this.rootWebComponent._onComponentStateFinalized = () => {
         this._init();
       };
     }
-
     _initOptions(options) {
       if (typeof options.getItemsCallback !== "function") {
         throw new Error("getItemsCallback is required");
       }
-
       this._getItems = options.getItemsCallback;
       this._currentIndex = options.currentIndex || 0;
       this._rowSize = options.rowSize || 1;
@@ -91,6 +83,7 @@ sap.ui.define(["exports", "../Keys", "../util/getActiveElement", "../types/Navig
       this._affectedPropertiesNames = options.affectedPropertiesNames || [];
       this._skipItemsSize = options.skipItemsSize || null;
     }
+
     /**
      * Call this method to set a new "current" (selected) item in the item navigation
      * Note: the item passed to this function must be one of the items, returned by the getItemsCallback function
@@ -98,48 +91,37 @@ sap.ui.define(["exports", "../Keys", "../util/getActiveElement", "../types/Navig
      * @public
      * @param current the new selected item
      */
-
-
     setCurrentItem(current) {
       const currentItemIndex = this._getItems().indexOf(current);
-
       if (currentItemIndex === -1) {
         console.warn(`The provided item is not managed by ItemNavigation`, current); // eslint-disable-line
-
         return;
       }
-
       this._currentIndex = currentItemIndex;
-
       this._applyTabIndex();
     }
+
     /**
      * Call this method to dynamically change the row size
      *
      * @public
      * @param newRowSize
      */
-
-
     setRowSize(newRowSize) {
       this._rowSize = newRowSize;
     }
-
     _init() {
       this._getItems().forEach((item, idx) => {
         item._tabIndex = idx === this._currentIndex ? "0" : "-1";
       });
     }
-
     _onkeydown(event) {
       if (!this._canNavigate()) {
         return;
       }
-
       const horizontalNavigationOn = this._navigationMode === _NavigationMode.default.Horizontal || this._navigationMode === _NavigationMode.default.Auto;
       const verticalNavigationOn = this._navigationMode === _NavigationMode.default.Vertical || this._navigationMode === _NavigationMode.default.Auto;
       const isRTL = this.rootWebComponent.effectiveDir === "rtl";
-
       if (isRTL && (0, _Keys.isLeft)(event) && horizontalNavigationOn) {
         this._handleRight();
       } else if (isRTL && (0, _Keys.isRight)(event) && horizontalNavigationOn) {
@@ -165,97 +147,75 @@ sap.ui.define(["exports", "../Keys", "../util/getActiveElement", "../types/Navig
       }
 
       event.preventDefault();
-
       this._applyTabIndex();
-
       this._focusCurrentItem();
     }
-
     _handleUp() {
       const itemsLength = this._getItems().length;
-
       if (this._currentIndex - this._rowSize >= 0) {
         // no border reached, just decrease the index by a row
         this._currentIndex -= this._rowSize;
         return;
       }
-
       if (this._behavior === _ItemNavigationBehavior.default.Cyclic) {
         // if cyclic, go to the **last** item in the **previous** column
         const firstItemInThisColumnIndex = this._currentIndex % this._rowSize;
         const firstItemInPreviousColumnIndex = firstItemInThisColumnIndex === 0 ? this._rowSize - 1 : firstItemInThisColumnIndex - 1; // find the first item in the previous column (if the current column is the first column -> move to the last column)
-
         const rows = Math.ceil(itemsLength / this._rowSize); // how many rows there are (even if incomplete, f.e. for 14 items and _rowSize=4 -> 4 rows total, although only 2 items on the last row)
-
         let lastItemInPreviousColumnIndex = firstItemInPreviousColumnIndex + (rows - 1) * this._rowSize; // multiply rows by columns, and add the column's first item's index
-
         if (lastItemInPreviousColumnIndex > itemsLength - 1) {
           // for incomplete rows, use the previous row's last item, as for them the last item is missing
           lastItemInPreviousColumnIndex -= this._rowSize;
         }
-
         this._currentIndex = lastItemInPreviousColumnIndex;
       } else {
         // not cyclic, so just go to the first item
         this._currentIndex = 0;
       }
     }
-
     _handleDown() {
       const itemsLength = this._getItems().length;
-
       if (this._currentIndex + this._rowSize < itemsLength) {
         // no border reached, just increase the index by a row
         this._currentIndex += this._rowSize;
         return;
       }
-
       if (this._behavior === _ItemNavigationBehavior.default.Cyclic) {
         // if cyclic, go to the **first** item in the **next** column
         const firstItemInThisColumnIndex = this._currentIndex % this._rowSize; // find the first item in the current column first
-
         const firstItemInNextColumnIndex = (firstItemInThisColumnIndex + 1) % this._rowSize; // to get the first item in the next column, just increase the index by 1. The modulo by rows is for the case when we are at the last column
-
         this._currentIndex = firstItemInNextColumnIndex;
       } else {
         // not cyclic, so just go to the last item
         this._currentIndex = itemsLength - 1;
       }
     }
-
     _handleLeft() {
       const itemsLength = this._getItems().length;
-
       if (this._currentIndex > 0) {
         this._currentIndex -= 1;
         return;
       }
-
       if (this._behavior === _ItemNavigationBehavior.default.Cyclic) {
         // go to the first item in the next column
         this._currentIndex = itemsLength - 1;
       }
     }
-
     _handleRight() {
       const itemsLength = this._getItems().length;
-
       if (this._currentIndex < itemsLength - 1) {
         this._currentIndex += 1;
         return;
       }
-
       if (this._behavior === _ItemNavigationBehavior.default.Cyclic) {
         // go to the first item in the next column
         this._currentIndex = 0;
       }
     }
-
     _handleHome() {
       const homeEndRange = this._rowSize > 1 ? this._rowSize : this._getItems().length;
       this._currentIndex -= this._currentIndex % homeEndRange;
     }
-
     _handleEnd() {
       const homeEndRange = this._rowSize > 1 ? this._rowSize : this._getItems().length;
       this._currentIndex += homeEndRange - 1 - this._currentIndex % homeEndRange; // eslint-disable-line
@@ -267,30 +227,25 @@ sap.ui.define(["exports", "../Keys", "../util/getActiveElement", "../types/Navig
         // TODO: handle page up on matrix (grid) layout - ColorPalette, ProductSwitch.
         return;
       }
-
       this._handlePageUpFlat();
     }
-
     _handlePageDown() {
       if (this._rowSize > 1) {
         // eslint-disable-next-line
         // TODO: handle page up on matrix (grid) layout - ColorPalette, ProductSwitch.
         return;
       }
-
       this._handlePageDownFlat();
     }
+
     /**
      * Handles PAGE_UP in a flat list-like structure, both vertically and horizontally.
      */
-
-
     _handlePageUpFlat() {
       if (this._skipItemsSize === null) {
         // Move the focus to the very top (as Home).
         this._currentIndex -= this._currentIndex;
       }
-
       if (this._currentIndex + 1 > this._skipItemsSize) {
         // When there are more than "skipItemsSize" number of items to the top,
         // move the focus up/left with the predefined number.
@@ -300,19 +255,16 @@ sap.ui.define(["exports", "../Keys", "../util/getActiveElement", "../types/Navig
         this._currentIndex -= this._currentIndex;
       }
     }
+
     /**
      * Handles PAGE_DOWN in a flat list-like structure, both vertically and horizontally.
      */
-
-
     _handlePageDownFlat() {
       if (this._skipItemsSize === null) {
         // Move the focus to the very bottom (as End).
         this._currentIndex = this._getItems().length - 1;
       }
-
       const currentToEndRange = this._getItems().length - this._currentIndex - 1;
-
       if (currentToEndRange > this._skipItemsSize) {
         // When there are more than "skipItemsSize" number of items until the bottom,
         // move the focus down/right with the predefined number.
@@ -322,71 +274,55 @@ sap.ui.define(["exports", "../Keys", "../util/getActiveElement", "../types/Navig
         this._currentIndex = this._getItems().length - 1;
       }
     }
-
     _applyTabIndex() {
       const items = this._getItems();
-
       for (let i = 0; i < items.length; i++) {
         items[i]._tabIndex = i === this._currentIndex ? "0" : "-1";
       }
-
       this._affectedPropertiesNames.forEach(propName => {
         const prop = this.rootWebComponent[propName];
-        this.rootWebComponent[propName] = Array.isArray(prop) ? [...prop] : { ...prop
+        this.rootWebComponent[propName] = Array.isArray(prop) ? [...prop] : {
+          ...prop
         };
       });
     }
-
     _focusCurrentItem() {
       const currentItem = this._getCurrentItem();
-
       if (currentItem) {
         currentItem.focus();
       }
     }
-
     _canNavigate() {
       const currentItem = this._getCurrentItem();
-
       const activeElement = (0, _getActiveElement.default)();
       return currentItem && currentItem === activeElement;
     }
-
     _getCurrentItem() {
       const items = this._getItems();
-
       if (!items.length) {
         return null;
-      } // normalize the index
-
+      }
 
+      // normalize the index
       while (this._currentIndex >= items.length) {
         this._currentIndex -= this._rowSize;
       }
-
       if (this._currentIndex < 0) {
         this._currentIndex = 0;
       }
-
       const currentItem = items[this._currentIndex];
-
       if (!currentItem) {
         return;
       }
-
       if (currentItem.isUI5Element) {
         return currentItem.getFocusDomRef();
       }
-
       if (!this.rootWebComponent.getDomRef()) {
         return;
       }
-
       return this.rootWebComponent.getDomRef().querySelector(`#${currentItem.id}`);
     }
-
   }
-
   var _default = ItemNavigation;
   _exports.default = _default;
 });