@openui5/sap.ui.webc.common 1.119.0 → 1.120.0

package/src/sap/ui/webc/common/thirdparty/base/{assets-meta → asset-registries/util}/IconCollectionsAlias.js

@@ -24,9 +24,8 @@ sap.ui.define(["exports"], function (_exports) {
     IconCollectionsAlias["BusinessSuiteInAppSymbols"] = "business-suite";
   })(IconCollectionsAlias || (IconCollectionsAlias = {}));
   /**
-   * Returns the mapped collection name for a given alias.
+   * Returns the collection name for a given alias:
    *
-   * <b>For example</b>:
    * - "SAP-icons-TNT"resolves to "tnt"
    * - "BusinessSuiteInAppSymbols" resolves to "business-suite"
    * - "horizon" resolves to "SAP-icons-v5"

package/src/sap/ui/webc/common/thirdparty/base/asset-registries/util/IconCollectionsByTheme.js

@@ -0,0 +1,53 @@
+sap.ui.define(["exports", "../../config/Theme"], function (_exports, _Theme) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.registerIconCollectionForTheme = _exports.getIconCollectionForTheme = _exports.RegisteredIconCollection = void 0;
+  var RegisteredIconCollection;
+  _exports.RegisteredIconCollection = RegisteredIconCollection;
+  (function (RegisteredIconCollection) {
+    RegisteredIconCollection["SAPIconsV4"] = "SAP-icons-v4";
+    RegisteredIconCollection["SAPIconsV5"] = "SAP-icons-v5";
+    RegisteredIconCollection["SAPIconsTNTV2"] = "tnt-v2";
+    RegisteredIconCollection["SAPIconsTNTV3"] = "tnt-v3";
+    RegisteredIconCollection["SAPBSIconsV1"] = "business-suite-v1";
+    RegisteredIconCollection["SAPBSIconsV2"] = "business-suite-v2";
+  })(RegisteredIconCollection || (_exports.RegisteredIconCollection = RegisteredIconCollection = {}));
+  const iconCollections = new Map();
+  iconCollections.set("SAP-icons", {
+    "legacy": RegisteredIconCollection.SAPIconsV4,
+    "sap_horizon": RegisteredIconCollection.SAPIconsV5
+  });
+  iconCollections.set("tnt", {
+    "legacy": RegisteredIconCollection.SAPIconsTNTV2,
+    "sap_horizon": RegisteredIconCollection.SAPIconsTNTV3
+  });
+  iconCollections.set("business-suite", {
+    "legacy": RegisteredIconCollection.SAPBSIconsV1,
+    "sap_horizon": RegisteredIconCollection.SAPBSIconsV2
+  });
+  /**
+   * Registers collection version per theme.
+   * </b>For exmaple:</b> registerIconCollectionForTheme("my-custom-icons", {"sap_horizon": "my-custom-icons-v5"})
+   * @param { string } collectionName
+   * @param { ThemeToCollectionMap } themeCollectionMap
+   */
+  const registerIconCollectionForTheme = (collectionName, themeCollectionMap) => {
+    if (iconCollections.has(collectionName)) {
+      iconCollections.set(collectionName, {
+        ...themeCollectionMap,
+        ...iconCollections.get(collectionName)
+      });
+      return;
+    }
+    iconCollections.set(collectionName, themeCollectionMap);
+  };
+  _exports.registerIconCollectionForTheme = registerIconCollectionForTheme;
+  const getIconCollectionForTheme = collectionName => {
+    const themeFamily = (0, _Theme.isLegacyThemeFamily)() ? "legacy" : "sap_horizon";
+    return iconCollections.has(collectionName) ? iconCollections.get(collectionName)[themeFamily] : collectionName;
+  };
+  _exports.getIconCollectionForTheme = getIconCollectionForTheme;
+});

package/src/sap/ui/webc/common/thirdparty/base/asset-registries/util/getIconCollectionByTheme.js

@@ -0,0 +1,33 @@
+sap.ui.define(["exports", "../../config/Theme", "../../config/Icons", "./IconCollectionsAlias", "./IconCollectionsByTheme"], function (_exports, _Theme, _Icons, _IconCollectionsAlias, _IconCollectionsByTheme) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.default = void 0;
+  /**
+   * Returns the effective theme dependant icon collection:
+   *
+   * - "no collection" resolves to "SAP-icons-v4" in "Quartz" and "Belize", and to "SAP-icons-v5" in "Horizon"
+   * - "tnt" (and its alias "SAP-icons-TNT") resolves to "tnt-v2" in "Quartz", "Belize", and resolves to "tnt-v3" in "Horizon"
+   * - "business-suite" (and its alias "BusinessSuiteInAppSymbols") resolves to "business-suite-v1" in "Quartz", "Belize", and resolves to "business-suite-v2" in "Horizon"
+   *
+   * @param { IconCollection } collectionName
+   * @returns { IconCollection } the effective collection name
+   */
+  const getEffectiveIconCollection = collectionName => {
+    const defaultIconCollection = (0, _Icons.getDefaultIconCollection)((0, _Theme.getTheme)());
+    // no collection + default collection, configured via setDefaultIconCollection - return the configured icon collection.
+    if (!collectionName && defaultIconCollection) {
+      return (0, _IconCollectionsAlias.getIconCollectionByAlias)(defaultIconCollection);
+    }
+    // no collection - return "SAP-icons-v4" or  "SAP-icons-v5".
+    if (!collectionName) {
+      return (0, _IconCollectionsByTheme.getIconCollectionForTheme)("SAP-icons");
+    }
+    // has collection - return "SAP-icons-v4", "SAP-icons-v5", "tnt-v1", "tnt-v2", "business-suite-v1", "business-suite-v2", or custom ones.
+    return (0, _IconCollectionsByTheme.getIconCollectionForTheme)(collectionName);
+  };
+  var _default = getEffectiveIconCollection;
+  _exports.default = _default;
+});

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

@@ -4,10 +4,11 @@ sap.ui.define(["exports", "../types/CalendarType", "../InitialConfiguration"], f
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
-  _exports.getCalendarType = void 0;
+  _exports.getSecondaryCalendarType = _exports.getCalendarType = void 0;
   _CalendarType = _interopRequireDefault(_CalendarType);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
   let calendarType;
+  let secondaryCalendarType;
   /**
    * Returns the configured or default calendar type.
    * @public
@@ -22,6 +23,21 @@ sap.ui.define(["exports", "../types/CalendarType", "../InitialConfiguration"], f
     }
     return _CalendarType.default.Gregorian;
   };
-  // eslint-disable-line
+  /**
+   * Returns the configured secondary calendar type.
+   * @public
+   * @returns { CalendarType | undefined } the effective calendar type
+   * @since 1.18.0
+   */
   _exports.getCalendarType = getCalendarType;
+  const getSecondaryCalendarType = () => {
+    if (secondaryCalendarType === undefined) {
+      secondaryCalendarType = (0, _InitialConfiguration.getSecondaryCalendarType)();
+    }
+    if (secondaryCalendarType && secondaryCalendarType in _CalendarType.default) {
+      return secondaryCalendarType;
+    }
+    return secondaryCalendarType;
+  };
+  _exports.getSecondaryCalendarType = getSecondaryCalendarType;
 });

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

@@ -1,22 +1,11 @@
-sap.ui.define(["exports", "./Theme", "../assets-meta/IconCollectionsAlias"], function (_exports, _Theme, _IconCollectionsAlias) {
+sap.ui.define(["exports"], function (_exports) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
-  _exports.setDefaultIconCollection = _exports.getEffectiveIconCollection = _exports.getDefaultIconCollection = _exports.RegisteredIconCollection = void 0;
+  _exports.setDefaultIconCollection = _exports.getDefaultIconCollection = void 0;
   const IconCollectionConfiguration = new Map();
-  // All registered icon collections - all icon collections resolves to these options at the end
-  var RegisteredIconCollection;
-  _exports.RegisteredIconCollection = RegisteredIconCollection;
-  (function (RegisteredIconCollection) {
-    RegisteredIconCollection["SAPIconsV4"] = "SAP-icons-v4";
-    RegisteredIconCollection["SAPIconsV5"] = "SAP-icons-v5";
-    RegisteredIconCollection["SAPIconsTNTV2"] = "tnt-v2";
-    RegisteredIconCollection["SAPIconsTNTV3"] = "tnt-v3";
-    RegisteredIconCollection["SAPBSIconsV1"] = "business-suite-v1";
-    RegisteredIconCollection["SAPBSIconsV2"] = "business-suite-v2";
-  })(RegisteredIconCollection || (_exports.RegisteredIconCollection = RegisteredIconCollection = {}));
   /**
    * Sets the default icon collection for a given theme.
    *
@@ -59,53 +48,5 @@ sap.ui.define(["exports", "./Theme", "../assets-meta/IconCollectionsAlias"], fun
   const getDefaultIconCollection = theme => {
     return IconCollectionConfiguration.get(theme);
   };
-  /**
-   * Returns the effective icon collection,
-   * based on the default icon collection configuration and the current theme:
-   * @param { IconCollection } collectionName
-   * @returns { IconCollection } the effective collection name
-   */
   _exports.getDefaultIconCollection = getDefaultIconCollection;
-  const getEffectiveIconCollection = collectionName => {
-    const currentTheme = (0, _Theme.getTheme)();
-    const currentThemeConfiguration = IconCollectionConfiguration.get(currentTheme);
-    // when no collection is set and default collection is configured - return the configured icon collection
-    if (!collectionName && currentThemeConfiguration) {
-      return (0, _IconCollectionsAlias.getIconCollectionByAlias)(currentThemeConfiguration);
-    }
-    // when collection is set - return the theme dependant icon collection
-    // when collection is not set and there is no default icon collection configured - return theme dependant icon collection
-    return getIconCollectionByTheme(collectionName);
-  };
-  /**
-   * Returns the icon theme dependant collection, based on the collection name and current theme as follows:
-   *
-   * - "no collection" resolves to "SAP-icons-v4" in "Quartz" and "Belize", and to "SAP-icons-v5" in "Horizon" (or as confugred via setDefaultIconCollection)
-   * - "SAP-icons-v4" (and its alias "SAP-icons") forces "SAP-icons v4" in any theme and resolves to itself "SAP-icons-v4"
-   * - "SAP-icons-v5" (and its alias "horizon") forces  "SAP-icons v5" in any theme and resolves to itself "SAP-icons-v5"
-   * - "tnt" (and its alias "SAP-icons-TNT") resolves to "tnt-v2" in "Quartz", "Belize", and resolves to "tnt-v3" in "Horizon"
-   * - "tnt-v2" forces "TNT icons v2" in any theme and resolves to itself "tnt-v2"
-   * - "tnt-v3" forces "TNT icons v3" in any theme and resolves to itself "tnt-v3"
-   * - "business-suite" (and its alias "BusinessSuiteInAppSymbols") resolves to "business-suite-v1" in "Quartz", "Belize", and resolves to "business-suite-v2" in "Horizon"
-   * - "business-suite-v1" forces "Business Suite icons v1" in any theme and resolves to itself "business-suite-v1"
-   * - "business-suite-v2" forces "Business Suite icons v2" in any theme and resolves to itself "business-suite-v2"
-   *
-   * <b>Note:</b> "SAP-icons-v4", "SAP-icons-v5", "tnt-v2", "tnt-v3", "business-suite-v1" and "business-suite-v2" are just returned
-   * @param { IconCollection } collectionName
-   * @returns { RegisteredIconCollection } the registered collection name
-   */
-  _exports.getEffectiveIconCollection = getEffectiveIconCollection;
-  const getIconCollectionByTheme = collectionName => {
-    const legacyThemeFamily = (0, _Theme.isLegacyThemeFamily)();
-    if (!collectionName) {
-      return legacyThemeFamily ? RegisteredIconCollection.SAPIconsV4 : RegisteredIconCollection.SAPIconsV5;
-    }
-    if (collectionName === "tnt") {
-      return legacyThemeFamily ? RegisteredIconCollection.SAPIconsTNTV2 : RegisteredIconCollection.SAPIconsTNTV3;
-    }
-    if (collectionName === "business-suite") {
-      return legacyThemeFamily ? RegisteredIconCollection.SAPBSIconsV1 : RegisteredIconCollection.SAPBSIconsV2;
-    }
-    return collectionName;
-  };
 });

package/src/sap/ui/webc/common/thirdparty/base/connectToComponent.js

@@ -0,0 +1,65 @@
+sap.ui.define(["exports", "./Render"], function (_exports, _Render) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.default = void 0;
+  const MISSING_ELEMENT_POLL_TIMEOUT = 500; // how often to poll for not-yet-in-DOM friend elements
+  const connections = new Map();
+  const intervals = new Map();
+  const connectToComponent = options => {
+    const host = options.host;
+    const propName = options.propName;
+    const friend = host[propName];
+    let connectedTo;
+    if (friend === undefined || friend === "") {
+      connectedTo = undefined; // do not return early even if a "menu" property is not set - it may have been set before and cleanup must run
+    } else if (friend instanceof HTMLElement) {
+      connectedTo = friend;
+    } else {
+      const rootNode = host.getRootNode();
+      connectedTo = rootNode.getElementById && rootNode.getElementById(friend) || undefined;
+    }
+    const key = `${host._id}-${propName}`;
+    const prevConnectedTo = connections.get(key);
+    // Not connected - return undefined
+    if (!connectedTo) {
+      if (prevConnectedTo) {
+        // but first disconnect, if needed
+        options.onDisconnect && options.onDisconnect(prevConnectedTo);
+        connections.delete(key);
+      }
+      // if friend element not in DOM yet, start polling
+      if (typeof friend === "string" && friend && !intervals.has(key)) {
+        const interval = setInterval(() => {
+          const rootNode = host.getRootNode();
+          const found = rootNode.getElementById && rootNode.getElementById(friend);
+          if (found) {
+            clearInterval(intervals.get(key));
+            intervals.delete(key);
+            (0, _Render.renderDeferred)(host);
+          }
+        }, MISSING_ELEMENT_POLL_TIMEOUT);
+        intervals.set(key, interval);
+      }
+      return;
+    }
+    // If connected, but still polling, stop polling
+    if (intervals.has(key)) {
+      clearInterval(intervals.get(key));
+      intervals.delete(key);
+    }
+    // Connected - either for the first time, or to something else
+    if (prevConnectedTo !== connectedTo) {
+      if (prevConnectedTo) {
+        options.onDisconnect && options.onDisconnect(prevConnectedTo);
+      }
+      options.onConnect && options.onConnect(connectedTo);
+      connections.set(key, connectedTo);
+    }
+    return connections.get(key);
+  };
+  var _default = connectToComponent;
+  _exports.default = _default;
+});

package/src/sap/ui/webc/common/thirdparty/base/css/FontFace.css

@@ -2,16 +2,14 @@
     font-family: "72";
     font-style: normal;
     font-weight: 400;
-    src: local("72"),
-    url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff2?ui5-webcomponents) format("woff2");
+    src: url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72-Regular.woff2?ui5-webcomponents) format("woff2"), local("72");
 }
 
 @font-face {
     font-family: "72full";
     font-style: normal;
     font-weight: 400;
-    src: local('72-full'),
-    url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff2?ui5-webcomponents) format("woff2");
+    src: url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72-Regular-full.woff2?ui5-webcomponents) format("woff2"), local('72-full');
 
 }
 
@@ -19,48 +17,68 @@
     font-family: "72";
     font-style: normal;
     font-weight: 700;
-    src: local('72-Bold'),
-    url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2");
+    src: url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2"), local('72-Bold');
 }
 
 @font-face {
     font-family: "72full";
     font-style: normal;
     font-weight: 700;
-    src: local('72-Bold-full'),
-    url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2");
+    src: url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2");
 }
 
 @font-face {
     font-family: '72-Bold';
     font-style: normal;
-    src: local('72-Bold'),
-    url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2");
+    src: url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2"), local('72-Bold');
 }
 
 @font-face {
     font-family: '72-Boldfull';
     font-style: normal;
-    src: url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2");
+    src: url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2");
 }
 
 @font-face {
     font-family: '72-Light';
     font-style: normal;
-    src: local('72-Light'),
-        url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light.woff2?ui5-webcomponents) format("woff2");
+    src: url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72-Light.woff2?ui5-webcomponents) format("woff2"), local('72-Light');
 }
 
 @font-face {
     font-family: '72-Lightfull';
     font-style: normal;
-    src: url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light-full.woff2?ui5-webcomponents) format("woff2");
+    src: url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72-Light-full.woff2?ui5-webcomponents) format("woff2");
+}
+
+@font-face {
+	font-family: '72Mono';
+	src: url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72Mono-Regular.woff2?ui5-webcomponents) format('woff2'), local('72Mono');
+}
+
+@font-face {
+	font-family: '72Monofull';
+	src: url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72Mono-Regular-full.woff2?ui5-webcomponents) format('woff2');
+}
+
+@font-face {
+	font-family: '72Mono-Bold';
+	src: url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72Mono-Bold.woff2?ui5-webcomponents) format('woff2'), local('72Mono-Bold');
+}
+
+@font-face {
+	font-family: '72Mono-Boldfull';
+	src: url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72Mono-Bold-full.woff2?ui5-webcomponents) format('woff2');
 }
 
 @font-face {
     font-family: "72Black";
     font-style: bold;
     font-weight: 900;
-    src: local('72Black'),
-    url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72-Black.woff2?ui5-webcomponents) format("woff2");
+    src: url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72-Black.woff2?ui5-webcomponents) format("woff2"), local('72Black');
 }
+
+@font-face {
+    font-family: "72-SemiboldDuplex";
+    src: url(https://sdk.openui5.org/resources/sap/ui/core/themes/sap_horizon/fonts/72-SemiboldDuplex.woff2?ui5-webcomponents) format("woff2"), local('72-SemiboldDuplex');
+}

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

@@ -281,9 +281,7 @@ sap.ui.define(["exports", "../Keys", "../util/getActiveElement", "../types/Navig
     _focusCurrentItem() {
       const currentItem = this._getCurrentItem();
       if (currentItem) {
-        currentItem.focus({
-          focusVisible: true
-        });
+        currentItem.focus();
       }
     }
     _canNavigate() {
@@ -315,7 +313,7 @@ sap.ui.define(["exports", "../Keys", "../util/getActiveElement", "../types/Navig
         return;
       }
       if (currentItem.id) {
-        return currentItemDOMRef.querySelector(`#${currentItem.id}`);
+        return currentItemDOMRef.querySelector(`[id="${currentItem.id}"]`);
       }
     }
   }