@openui5/sap.ui.webc.main 1.115.1 → 1.116.0

package/src/sap/ui/webc/main/thirdparty/popup-utils/PopoverRegistry.js

@@ -1,32 +1,52 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/util/PopupUtils", "./OpenedPopupsRegistry"], function (_exports, _PopupUtils, _OpenedPopupsRegistry) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/util/PopupUtils", "../Popover", "./OpenedPopupsRegistry"], function (_exports, _PopupUtils, _Popover, _OpenedPopupsRegistry) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _exports.removeOpenedPopover = _exports.getRegistry = _exports.addOpenedPopover = void 0;
-  let updateInterval = null;
+  let updateInterval;
   const intervalTimeout = 300;
   const openedRegistry = [];
-  const repositionPopovers = event => {
+  const repositionPopovers = () => {
     openedRegistry.forEach(popover => {
       popover.instance.reposition();
     });
   };
-  const attachGlobalScrollHandler = () => {
-    document.body.addEventListener("scroll", repositionPopovers, true);
-  };
-  const detachGlobalScrollHandler = () => {
-    document.body.removeEventListener("scroll", repositionPopovers, true);
+  const closePopoversIfLostFocus = () => {
+    if (document.activeElement.tagName === "IFRAME") {
+      getRegistry().reverse().forEach(popup => popup.instance.close(false, false, true));
+    }
   };
   const runUpdateInterval = () => {
     updateInterval = setInterval(() => {
       repositionPopovers();
+      closePopoversIfLostFocus();
     }, intervalTimeout);
   };
   const stopUpdateInterval = () => {
     clearInterval(updateInterval);
   };
+  const attachGlobalScrollHandler = () => {
+    document.body.addEventListener("scroll", repositionPopovers, {
+      capture: true
+    });
+  };
+  const detachGlobalScrollHandler = () => {
+    document.body.removeEventListener("scroll", repositionPopovers, {
+      capture: true
+    });
+  };
+  const attachScrollHandler = popover => {
+    popover && popover.shadowRoot.addEventListener("scroll", repositionPopovers, {
+      capture: true
+    });
+  };
+  const detachScrollHandler = popover => {
+    popover && popover.shadowRoot.removeEventListener("scroll", repositionPopovers, {
+      capture: true
+    });
+  };
   const attachGlobalClickHandler = () => {
     document.addEventListener("mousedown", clickHandler);
   };
@@ -35,15 +55,16 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/util/PopupUtils",
   };
   const clickHandler = event => {
     const openedPopups = (0, _OpenedPopupsRegistry.getOpenedPopups)();
-    const isTopPopupPopover = openedPopups[openedPopups.length - 1].instance.showAt;
-    if (openedPopups.length === 0 || !isTopPopupPopover) {
+    if (openedPopups.length === 0) {
+      return;
+    }
+    const isTopPopupPopover = (0, _Popover.instanceOfPopover)(openedPopups[openedPopups.length - 1].instance);
+    if (!isTopPopupPopover) {
       return;
     }
-
     // loop all open popovers
     for (let i = openedPopups.length - 1; i !== -1; i--) {
       const popup = openedPopups[i].instance;
-
       // if popup is modal, opener is clicked, popup is dialog skip closing
       if (popup.isModal || popup.isOpenerClicked(event)) {
         return;
@@ -54,12 +75,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/util/PopupUtils",
       popup.close();
     }
   };
-  const attachScrollHandler = popover => {
-    popover && popover.shadowRoot.addEventListener("scroll", repositionPopovers, true);
-  };
-  const detachScrollHandler = popover => {
-    popover && popover.shadowRoot.removeEventListener("scroll", repositionPopovers);
-  };
   const addOpenedPopover = instance => {
     const parentPopovers = getParentPopoversIfNested(instance);
     (0, _OpenedPopupsRegistry.addOpenedPopup)(instance, parentPopovers);
@@ -85,7 +100,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/util/PopupUtils",
     }
     for (let i = popoversToClose.length - 1; i >= 0; i--) {
       for (let j = 0; j < openedRegistry.length; j++) {
-        let indexOfItemToRemove;
+        let indexOfItemToRemove = -1;
         if (popoversToClose[i] === openedRegistry[j].instance) {
           indexOfItemToRemove = j;
         }
@@ -111,9 +126,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/util/PopupUtils",
   const getParentPopoversIfNested = instance => {
     let currentElement = instance.parentNode;
     const parentPopovers = [];
-    while (currentElement.parentNode) {
+    while (currentElement && currentElement.parentNode) {
       for (let i = 0; i < openedRegistry.length; i++) {
-        if (currentElement && currentElement === openedRegistry[i].instance) {
+        if (currentElement === openedRegistry[i].instance) {
           parentPopovers.push(currentElement);
         }
       }

package/src/sap/ui/webc/main/thirdparty/timepicker-utils/TimeSlider.js

@@ -27,7 +27,7 @@ sap.ui.define(["exports"], function (_exports) {
     }
     if (config.minHour === 1) {
       for (let i = 0; i < hoursValueArray.length; i++) {
-        const tempValue = hoursValueArray[i] * 1 + 1;
+        const tempValue = parseInt(hoursValueArray[i]) + 1;
         if (tempValue.toString().length === 1) {
           hoursValueArray[i] = `0${tempValue.toString()}`;
         } else {
@@ -47,7 +47,11 @@ sap.ui.define(["exports"], function (_exports) {
   };
   _exports.getSeconds = getSeconds;
   const getHoursConfigByFormat = type => {
-    const config = {};
+    const config = {
+      minHour: 0,
+      maxHour: 0,
+      isTwelveHoursFormat: false
+    };
     if (type === "hour0_23") {
       config.minHour = 0;
       config.maxHour = 23;
@@ -70,7 +74,6 @@ sap.ui.define(["exports"], function (_exports) {
   _exports.getHoursConfigByFormat = getHoursConfigByFormat;
   const getTimeControlsByFormat = (formatArray, hoursConfig) => {
     const timeControls = [false, false, false, false]; // hours, minutes, seconds and am/pm
-
     for (let i = 0; i < formatArray.length; i++) {
       if (hoursConfig.maxHour !== 0) {
         timeControls[0] = true;

package/src/sap/ui/webc/main/thirdparty/types/AvatarColorScheme.js

@@ -1,101 +1,88 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/DataType"], function (_exports, _DataType) {
+sap.ui.define(["exports"], function (_exports) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _exports.default = void 0;
-  _DataType = _interopRequireDefault(_DataType);
-  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
   /**
-   * Different types of AvatarColorSchemes.
-   * @lends sap.ui.webcomponents.main.types.AvatarColorScheme.prototype
+   * Different types of AvatarColorScheme.
+   *
+   * @readonly
+   * @enum {string}
    * @public
+   * @author SAP SE
+   * @alias sap.ui.webc.main.types.AvatarColorScheme
    */
-  const AvatarColorSchemes = {
+  var AvatarColorScheme;
+  (function (AvatarColorScheme) {
     /**
      *
      * @public
      * @type {Accent1}
      */
-    Accent1: "Accent1",
+    AvatarColorScheme["Accent1"] = "Accent1";
     /**
      *
      * @public
      * @type {Accent2}
      */
-    Accent2: "Accent2",
+    AvatarColorScheme["Accent2"] = "Accent2";
     /**
      *
      * @public
      * @type {Accent3}
      */
-    Accent3: "Accent3",
+    AvatarColorScheme["Accent3"] = "Accent3";
     /**
      *
      * @public
      * @type {Accent4}
      */
-    Accent4: "Accent4",
+    AvatarColorScheme["Accent4"] = "Accent4";
     /**
      *
      * @public
      * @type {Accent5}
      */
-    Accent5: "Accent5",
+    AvatarColorScheme["Accent5"] = "Accent5";
     /**
      *
      * @public
      * @type {Accent6}
      */
-    Accent6: "Accent6",
+    AvatarColorScheme["Accent6"] = "Accent6";
     /**
      *
      * @public
      * @type {Accent7}
      */
-    Accent7: "Accent7",
+    AvatarColorScheme["Accent7"] = "Accent7";
     /**
      *
      * @public
      * @type {Accent8}
      */
-    Accent8: "Accent8",
+    AvatarColorScheme["Accent8"] = "Accent8";
     /**
      *
      * @public
      * @type {Accent9}
      */
-    Accent9: "Accent9",
+    AvatarColorScheme["Accent9"] = "Accent9";
     /**
      *
      * @public
      * @type {Accent10}
      */
-    Accent10: "Accent10",
+    AvatarColorScheme["Accent10"] = "Accent10";
     /**
      *
      * @public
      * @type {Placeholder}
      */
-    Placeholder: "Placeholder"
-  };
-
-  /**
-   * @class
-   * Different types of AvatarColorScheme.
-   * @constructor
-   * @author SAP SE
-   * @alias sap.ui.webcomponents.main.types.AvatarColorScheme
-   * @public
-   * @enum {string}
-   */
-  class AvatarColorScheme extends _DataType.default {
-    static isValid(value) {
-      return !!AvatarColorSchemes[value];
-    }
-  }
-  AvatarColorScheme.generateTypeAccessors(AvatarColorSchemes);
+    AvatarColorScheme["Placeholder"] = "Placeholder";
+  })(AvatarColorScheme || (AvatarColorScheme = {}));
   var _default = AvatarColorScheme;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/types/AvatarGroupType.js

@@ -1,49 +1,36 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/DataType"], function (_exports, _DataType) {
+sap.ui.define(["exports"], function (_exports) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _exports.default = void 0;
-  _DataType = _interopRequireDefault(_DataType);
-  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
   /**
    * Different types of AvatarGroupType.
-   * @lends sap.ui.webcomponents.main.types.AvatarGroupType.prototype
+   *
+   * @readonly
+   * @enum {string}
    * @public
+   * @author SAP SE
+   * @alias sap.ui.webc.main.types.AvatarGroupType
    */
-  const AvatarGroupTypes = {
+  var AvatarGroupType;
+  (function (AvatarGroupType) {
     /**
-     * The avatars are displayed as partially overlapped on top of each other and the entire group has one click/tap area.
+     * The avatars are displayed as partially overlapped on top of each other and the entire group has one click or tap area.
      *
      * @public
      * @type {Group}
      */
-    Group: "Group",
+    AvatarGroupType["Group"] = "Group";
     /**
-     * The avatars are displayed side-by-side and each avatar has its own click/tap area.
+     * The avatars are displayed side-by-side and each avatar has its own click or tap area.
      *
      * @public
      * @type {Individual}
      */
-    Individual: "Individual"
-  };
-
-  /**
-   * @class
-   * Different types of AvatarGroupType.
-   * @constructor
-   * @author SAP SE
-   * @alias sap.ui.webcomponents.main.types.AvatarGroupType
-   * @public
-   * @enum {string}
-   */
-  class AvatarGroupType extends _DataType.default {
-    static isValid(value) {
-      return !!AvatarGroupTypes[value];
-    }
-  }
-  AvatarGroupType.generateTypeAccessors(AvatarGroupTypes);
+    AvatarGroupType["Individual"] = "Individual";
+  })(AvatarGroupType || (AvatarGroupType = {}));
   var _default = AvatarGroupType;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/types/AvatarShape.js

@@ -1,47 +1,34 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/DataType"], function (_exports, _DataType) {
+sap.ui.define(["exports"], function (_exports) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _exports.default = void 0;
-  _DataType = _interopRequireDefault(_DataType);
-  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
   /**
    * Different types of AvatarShape.
-   * @lends sap.ui.webcomponents.main.types.AvatarShape.prototype
+   *
+   * @readonly
+   * @enum {string}
    * @public
+   * @author SAP SE
+   * @alias sap.ui.webc.main.types.AvatarShape
    */
-  const AvatarShapes = {
+  var AvatarShape;
+  (function (AvatarShape) {
     /**
      * Circular shape.
      * @public
      * @type {Circle}
      */
-    Circle: "Circle",
+    AvatarShape["Circle"] = "Circle";
     /**
      * Square shape.
      * @public
      * @type {Square}
      */
-    Square: "Square"
-  };
-
-  /**
-   * @class
-   * Different types of AvatarShape.
-   * @constructor
-   * @author SAP SE
-   * @alias sap.ui.webcomponents.main.types.AvatarShape
-   * @public
-   * @enum {string}
-   */
-  class AvatarShape extends _DataType.default {
-    static isValid(value) {
-      return !!AvatarShapes[value];
-    }
-  }
-  AvatarShape.generateTypeAccessors(AvatarShapes);
+    AvatarShape["Square"] = "Square";
+  })(AvatarShape || (AvatarShape = {}));
   var _default = AvatarShape;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/types/AvatarSize.js

@@ -1,70 +1,57 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/DataType"], function (_exports, _DataType) {
+sap.ui.define(["exports"], function (_exports) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _exports.default = void 0;
-  _DataType = _interopRequireDefault(_DataType);
-  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
   /**
    * Different types of AvatarSize.
-   * @lends sap.ui.webcomponents.main.types.AvatarSize.prototype
+   *
+   * @readonly
+   * @enum {string}
    * @public
+   * @author SAP SE
+   * @alias sap.ui.webc.main.types.AvatarSize
    */
-  const AvatarSizes = {
+  var AvatarSize;
+  (function (AvatarSize) {
     /**
      * component size - 2rem
      * font size - 1rem
      * @public
-     * @type {XS}
+     * @type { XS }
      */
-    XS: "XS",
+    AvatarSize["XS"] = "XS";
     /**
      * component size - 3rem
      * font size - 1.5rem
      * @public
-     * @type {S}
+     * @type { S }
      */
-    S: "S",
+    AvatarSize["S"] = "S";
     /**
      * component size - 4rem
      * font size - 2rem
      * @public
-     * @type {M}
+     * @type { M }
      */
-    M: "M",
+    AvatarSize["M"] = "M";
     /**
      * component size - 5rem
      * font size - 2.5rem
      * @public
-     * @type {L}
+     * @type { L }
      */
-    L: "L",
+    AvatarSize["L"] = "L";
     /**
      * component size - 7rem
      * font size - 3rem
      * @public
-     * @type {XL}
+     * @type { XL }
      */
-    XL: "XL"
-  };
-
-  /**
-   * @class
-   * Different types of AvatarSize.
-   * @constructor
-   * @author SAP SE
-   * @alias sap.ui.webcomponents.main.types.AvatarSize
-   * @public
-   * @enum {string}
-   */
-  class AvatarSize extends _DataType.default {
-    static isValid(value) {
-      return !!AvatarSizes[value];
-    }
-  }
-  AvatarSize.generateTypeAccessors(AvatarSizes);
+    AvatarSize["XL"] = "XL";
+  })(AvatarSize || (AvatarSize = {}));
   var _default = AvatarSize;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/types/BackgroundDesign.js

@@ -0,0 +1,40 @@
+sap.ui.define(["exports"], function (_exports) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.default = void 0;
+  /**
+   * Defines background designs.
+   *
+   * @readonly
+   * @enum {string}
+   * @public
+   * @author SAP SE
+   * @alias sap.ui.webc.main.types.BackgroundDesign
+   */
+  var BackgroundDesign;
+  (function (BackgroundDesign) {
+    /**
+     * A solid background color dependent on the theme.
+     * @public
+     * @type {Solid}
+     */
+    BackgroundDesign["Solid"] = "Solid";
+    /**
+     * Transparent background.
+     * @public
+     * @type {Transparent}
+     */
+    BackgroundDesign["Transparent"] = "Transparent";
+    /**
+     * A translucent background depending on the opacity value of the theme.
+     * @public
+     * @type {Translucent}
+     */
+    BackgroundDesign["Translucent"] = "Translucent";
+  })(BackgroundDesign || (BackgroundDesign = {}));
+  var _default = BackgroundDesign;
+  _exports.default = _default;
+});

package/src/sap/ui/webc/main/thirdparty/types/BorderDesign.js

@@ -0,0 +1,34 @@
+sap.ui.define(["exports"], function (_exports) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.default = void 0;
+  /**
+   * Defines border designs.
+   *
+   * @readonly
+   * @enum {string}
+   * @public
+   * @author SAP SE
+   * @alias sap.ui.webc.main.types.BorderDesign
+   */
+  var BorderDesign;
+  (function (BorderDesign) {
+    /**
+     * A solid border color dependent on the theme.
+     * @public
+     * @type {Solid}
+     */
+    BorderDesign["Solid"] = "Solid";
+    /**
+     * Specifies no border.
+     * @public
+     * @type {Transparent}
+     */
+    BorderDesign["None"] = "None";
+  })(BorderDesign || (BorderDesign = {}));
+  var _default = BorderDesign;
+  _exports.default = _default;
+});

package/src/sap/ui/webc/main/thirdparty/types/BreadcrumbsDesign.js

@@ -1,17 +1,21 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/DataType"], function (_exports, _DataType) {
+sap.ui.define(["exports"], function (_exports) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _exports.default = void 0;
-  _DataType = _interopRequireDefault(_DataType);
-  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
   /**
-   * @lends sap.ui.webcomponents.main.types.BreadcrumbsDesign.prototype
+   * Different  Breadcrumbs designs.
+   *
+   * @readonly
+   * @enum {string}
    * @public
+   * @author SAP SE
+   * @alias sap.ui.webc.main.types.BreadcrumbsDesign
    */
-  const BreadcrumbsTypes = {
+  var BreadcrumbsDesign;
+  (function (BreadcrumbsDesign) {
     /**
      * Shows the current page as the last item in the trail.
      * The last item contains only plain text and is not a link.
@@ -19,30 +23,14 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/DataType"],
      * @public
      * @type {Standard}
      */
-    Standard: "Standard",
+    BreadcrumbsDesign["Standard"] = "Standard";
     /**
      * All items are displayed as links.
      * @public
      * @type {NoCurrentPage}
      */
-    NoCurrentPage: "NoCurrentPage"
-  };
-
-  /**
-   * @class
-   * Different types of <code>Breadcrumbs</code>.
-   * @constructor
-   * @author SAP SE
-   * @alias sap.ui.webcomponents.main.types.BreadcrumbsDesign
-   * @public
-   * @enum {string}
-   */
-  class BreadcrumbsDesign extends _DataType.default {
-    static isValid(value) {
-      return !!BreadcrumbsTypes[value];
-    }
-  }
-  BreadcrumbsDesign.generateTypeAccessors(BreadcrumbsTypes);
+    BreadcrumbsDesign["NoCurrentPage"] = "NoCurrentPage";
+  })(BreadcrumbsDesign || (BreadcrumbsDesign = {}));
   var _default = BreadcrumbsDesign;
   _exports.default = _default;
 });