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

package/src/sap/ui/webc/main/thirdparty/RatingIndicator.js

@@ -1,10 +1,13 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/types/Integer", "sap/ui/webc/common/thirdparty/base/types/Float", "./generated/i18n/i18n-defaults", "./generated/templates/RatingIndicatorTemplate.lit", "./Icon", "sap/ui/webc/common/thirdparty/icons/favorite", "sap/ui/webc/common/thirdparty/icons/unfavorite", "./generated/themes/RatingIndicator.css"], function (_exports, _UI5Element, _LitRenderer, _Keys, _i18nBundle, _Integer, _Float, _i18nDefaults, _RatingIndicatorTemplate, _Icon, _favorite, _unfavorite, _RatingIndicator) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/event", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/types/Integer", "sap/ui/webc/common/thirdparty/base/types/Float", "./generated/i18n/i18n-defaults", "./generated/templates/RatingIndicatorTemplate.lit", "./Icon", "sap/ui/webc/common/thirdparty/icons/favorite", "sap/ui/webc/common/thirdparty/icons/unfavorite", "./generated/themes/RatingIndicator.css"], function (_exports, _customElement, _event, _property, _UI5Element, _LitRenderer, _Keys, _i18nBundle, _Integer, _Float, _i18nDefaults, _RatingIndicatorTemplate, _Icon, _favorite, _unfavorite, _RatingIndicator) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _exports.default = void 0;
+  _customElement = _interopRequireDefault(_customElement);
+  _event = _interopRequireDefault(_event);
+  _property = _interopRequireDefault(_property);
   _UI5Element = _interopRequireDefault(_UI5Element);
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _Integer = _interopRequireDefault(_Integer);
@@ -13,108 +16,14 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _Icon = _interopRequireDefault(_Icon);
   _RatingIndicator = _interopRequireDefault(_RatingIndicator);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Styles
-
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-rating-indicator",
-    languageAware: true,
-    properties: /** @lends sap.ui.webcomponents.main.RatingIndicator.prototype */{
-      /**
-       * The indicated value of the rating.
-       * <br><br>
-       * <b>Note:</b> If you set a number which is not round, it would be shown as follows:
-       * <ul>
-       * <li>1.0 - 1.2 -> 1</li>
-       * <li>1.3 - 1.7 -> 1.5</li>
-       * <li>1.8 - 1.9 -> 2</li>
-       * <ul>
-       * @type {Float}
-       * @defaultvalue 0
-       * @public
-       */
-      value: {
-        type: _Float.default,
-        defaultValue: 0
-      },
-      /**
-       * The number of displayed rating symbols.
-       * @type {Integer}
-       * @defaultvalue 5
-       * @public
-       * @since 1.0.0-rc.15
-       */
-      max: {
-        type: _Integer.default,
-        defaultValue: 5
-      },
-      /**
-       * Defines whether the component is disabled.
-       *
-       * <br><br>
-       * <b>Note:</b> A disabled component is completely noninteractive.
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      disabled: {
-        type: Boolean
-      },
-      /**
-       * Defines whether the component is read-only.
-       * <br><br>
-       * <b>Note:</b> A read-only component is not editable,
-       * but still provides visual feedback upon user interaction.
-       *
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      readonly: {
-        type: Boolean
-      },
-      /**
-       * Defines the accessible aria name of the component.
-       *
-       * @type {string}
-       * @defaultvalue: undefined
-       * @public
-       * @since 1.0.0-rc.15
-       */
-      accessibleName: {
-        type: String,
-        defaultValue: undefined
-      },
-      /**
-       * @private
-       */
-      _stars: {
-        type: Object,
-        multiple: true
-      },
-      /**
-       * @private
-       */
-      _focused: {
-        type: Boolean
-      }
-    },
-    slots: /** @lends sap.ui.webcomponents.main.RatingIndicator.prototype */{
-      //
-    },
-    events: /** @lends sap.ui.webcomponents.main.RatingIndicator.prototype */{
-      /**
-       * The event is fired when the value changes.
-       *
-       * @event
-       * @public
-       */
-      change: {}
-    }
+  var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+    var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
-
+  var RatingIndicator_1;
   /**
    * @class
    *
@@ -150,36 +59,19 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.main.RatingIndicator
-   * @extends UI5Element
+   * @alias sap.ui.webc.main.RatingIndicator
+   * @extends sap.ui.webc.base.UI5Element
    * @tagname ui5-rating-indicator
    * @public
    * @since 1.0.0-rc.8
    */
-  class RatingIndicator extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get render() {
-      return _LitRenderer.default;
-    }
-    static get styles() {
-      return _RatingIndicator.default;
-    }
-    static get template() {
-      return _RatingIndicatorTemplate.default;
-    }
+  let RatingIndicator = RatingIndicator_1 = class RatingIndicator extends _UI5Element.default {
     static async onDefine() {
-      RatingIndicator.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
-    }
-    static get dependencies() {
-      return [_Icon.default];
+      RatingIndicator_1.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
     constructor() {
       super();
-      this._liveValue = null; // stores the value to determine when to fire change
     }
-
     onBeforeRendering() {
       this.calcState();
     }
@@ -203,31 +95,35 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         });
       }
     }
-    _onclick(event) {
-      if (this.disabled || this.readonly) {
+    _onclick(e) {
+      const target = e.target;
+      if (!(target instanceof HTMLElement) || this.disabled || this.readonly) {
         return;
       }
-      this.value = parseInt(event.target.getAttribute("data-ui5-value"));
-      if (this.value === 1 && this._liveValue === 1) {
-        this.value = 0;
-      }
-      if (this._liveValue !== this.value) {
-        this.fireEvent("change");
-        this._liveValue = this.value;
+      const targetValue = target.getAttribute("data-ui5-value");
+      if (targetValue !== null) {
+        this.value = parseInt(targetValue);
+        if (this.value === 1 && this._liveValue === 1) {
+          this.value = 0;
+        }
+        if (this._liveValue !== this.value) {
+          this.fireEvent("change");
+          this._liveValue = this.value;
+        }
       }
     }
-    _onkeydown(event) {
+    _onkeydown(e) {
       if (this.disabled || this.readonly) {
         return;
       }
-      const isDecrease = (0, _Keys.isDown)(event) || (0, _Keys.isLeft)(event);
-      const isIncrease = (0, _Keys.isRight)(event) || (0, _Keys.isUp)(event);
-      const isIncreaseWithReset = (0, _Keys.isSpace)(event) || (0, _Keys.isEnter)(event);
-      const isMin = (0, _Keys.isHome)(event);
-      const isMax = (0, _Keys.isEnd)(event);
-      const isNumber = event.keyCode >= 48 && event.keyCode <= 57 || event.keyCode >= 96 && event.keyCode <= 105;
+      const isDecrease = (0, _Keys.isDown)(e) || (0, _Keys.isLeft)(e);
+      const isIncrease = (0, _Keys.isRight)(e) || (0, _Keys.isUp)(e);
+      const isIncreaseWithReset = (0, _Keys.isSpace)(e) || (0, _Keys.isEnter)(e);
+      const isMin = (0, _Keys.isHome)(e);
+      const isMax = (0, _Keys.isEnd)(e);
+      const isNumber = e.keyCode >= 48 && e.keyCode <= 57 || e.keyCode >= 96 && e.keyCode <= 105;
       if (isDecrease || isIncrease || isIncreaseWithReset || isMin || isMax || isNumber) {
-        event.preventDefault();
+        e.preventDefault();
         if (isDecrease && this.value > 0) {
           this.value = Math.round(this.value - 1);
         } else if (isIncrease && this.value < this.max) {
@@ -240,7 +136,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         } else if (isMax) {
           this.value = this.max;
         } else if (isNumber) {
-          const pressedNumber = parseInt(event.key);
+          const pressedNumber = parseInt(e.key);
           this.value = pressedNumber > this.max ? this.max : pressedNumber;
         }
         this.fireEvent("change");
@@ -256,17 +152,18 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     _onfocusout() {
       this._focused = false;
     }
-    get tabIndex() {
-      return this.disabled ? "-1" : "0";
+    get effectiveTabIndex() {
+      const tabindex = this.getAttribute("tabindex");
+      return this.disabled ? "-1" : tabindex || "0";
     }
     get tooltip() {
       return this.getAttribute("title") || this.defaultTooltip;
     }
     get defaultTooltip() {
-      return RatingIndicator.i18nBundle.getText(_i18nDefaults.RATING_INDICATOR_TOOLTIP_TEXT);
+      return RatingIndicator_1.i18nBundle.getText(_i18nDefaults.RATING_INDICATOR_TOOLTIP_TEXT);
     }
     get _ariaRoleDescription() {
-      return RatingIndicator.i18nBundle.getText(_i18nDefaults.RATING_INDICATOR_TEXT);
+      return RatingIndicator_1.i18nBundle.getText(_i18nDefaults.RATING_INDICATOR_TEXT);
     }
     get _ariaDisabled() {
       return this.disabled || undefined;
@@ -274,7 +171,43 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     get ariaReadonly() {
       return this.readonly ? "true" : undefined;
     }
-  }
+  };
+  __decorate([(0, _property.default)({
+    validator: _Float.default,
+    defaultValue: 0
+  })], RatingIndicator.prototype, "value", void 0);
+  __decorate([(0, _property.default)({
+    validator: _Integer.default,
+    defaultValue: 5
+  })], RatingIndicator.prototype, "max", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], RatingIndicator.prototype, "disabled", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], RatingIndicator.prototype, "readonly", void 0);
+  __decorate([(0, _property.default)()], RatingIndicator.prototype, "accessibleName", void 0);
+  __decorate([(0, _property.default)({
+    type: Object,
+    multiple: true
+  })], RatingIndicator.prototype, "_stars", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], RatingIndicator.prototype, "_focused", void 0);
+  RatingIndicator = RatingIndicator_1 = __decorate([(0, _customElement.default)({
+    tag: "ui5-rating-indicator",
+    languageAware: true,
+    renderer: _LitRenderer.default,
+    styles: _RatingIndicator.default,
+    template: _RatingIndicatorTemplate.default,
+    dependencies: [_Icon.default]
+  })
+  /**
+   * The event is fired when the value changes.
+   *
+   * @event sap.ui.webc.main.RatingIndicator#change
+   * @public
+   */, (0, _event.default)("change")], RatingIndicator);
   RatingIndicator.define();
   var _default = RatingIndicator;
   _exports.default = _default;

package/src/sap/ui/webc/main/thirdparty/ResponsivePopover.js

@@ -1,10 +1,12 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/util/PopupUtils", "./generated/i18n/i18n-defaults", "./generated/templates/ResponsivePopoverTemplate.lit", "./Popover", "./Dialog", "./Button", "./Title", "sap/ui/webc/common/thirdparty/icons/decline", "./generated/themes/ResponsivePopover.css"], function (_exports, _Device, _i18nBundle, _PopupUtils, _i18nDefaults, _ResponsivePopoverTemplate, _Popover, _Dialog, _Button, _Title, _decline, _ResponsivePopover) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/util/PopupUtils", "./generated/i18n/i18n-defaults", "./generated/templates/ResponsivePopoverTemplate.lit", "./Popover", "./Dialog", "./Button", "./Title", "sap/ui/webc/common/thirdparty/icons/decline", "./generated/themes/ResponsivePopover.css"], function (_exports, _customElement, _property, _Device, _i18nBundle, _PopupUtils, _i18nDefaults, _ResponsivePopoverTemplate, _Popover, _Dialog, _Button, _Title, _decline, _ResponsivePopover) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _exports.default = void 0;
+  _customElement = _interopRequireDefault(_customElement);
+  _property = _interopRequireDefault(_property);
   _ResponsivePopoverTemplate = _interopRequireDefault(_ResponsivePopoverTemplate);
   _Popover = _interopRequireDefault(_Popover);
   _Dialog = _interopRequireDefault(_Dialog);
@@ -12,44 +14,14 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
   _Title = _interopRequireDefault(_Title);
   _ResponsivePopover = _interopRequireDefault(_ResponsivePopover);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Styles
-
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-responsive-popover",
-    properties: /** @lends sap.ui.webcomponents.main.ResponsivePopover.prototype */{
-      /**
-       * Defines if only the content would be displayed (without header and footer) in the popover on Desktop.
-       * By default both the header and footer would be displayed.
-       * @private
-       */
-      contentOnlyOnDesktop: {
-        type: Boolean
-      },
-      /**
-       * Used internaly for controls which must not have header.
-       * @private
-       */
-      _hideHeader: {
-        type: Boolean
-      },
-      /**
-       * Defines whether a close button will be rendered in the header of the component
-       * <b>Note:</b> If you are using the <code>header</code> slot, this property will have no effect
-       *
-       * @private
-       * @type {boolean}
-       * @defaultvalue false
-       * @since 1.0.0-rc.16
-       */
-      _hideCloseButton: {
-        type: Boolean
-      }
-    }
+  var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+    var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
-
+  var ResponsivePopover_1;
   /**
    * @class
    *
@@ -73,43 +45,24 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.main.ResponsivePopover
-   * @extends Popover
+   * @alias sap.ui.webc.main.ResponsivePopover
+   * @extends sap.ui.webc.main.Popover
    * @tagname ui5-responsive-popover
    * @since 1.0.0-rc.6
    * @public
    */
-  class ResponsivePopover extends _Popover.default {
+  let ResponsivePopover = ResponsivePopover_1 = class ResponsivePopover extends _Popover.default {
     constructor() {
       super();
     }
-    static get metadata() {
-      return metadata;
-    }
-    static get styles() {
-      return [_Popover.default.styles, _ResponsivePopover.default];
-    }
-    get classes() {
-      const allClasses = super.classes;
-      allClasses.header = {
-        "ui5-responsive-popover-header": true,
-        "ui5-responsive-popover-header-no-title": !this.headerText
-      };
-      return allClasses;
-    }
-    static get template() {
-      return _ResponsivePopoverTemplate.default;
-    }
-    static get dependencies() {
-      return [..._Popover.default.dependencies, _Button.default, _Dialog.default, _Title.default];
-    }
-
     /**
      * Shows popover on desktop and dialog on mobile.
      * @param {HTMLElement} opener the element that the popover is shown at
-     * @param {boolean} preventInitialFocus Prevents applying the focus inside the popup
+     * @param {boolean} [preventInitialFocus=false] Prevents applying the focus inside the popup
      * @public
      * @async
+     * @method
+     * @name sap.ui.webc.main.ResponsivePopover#showAt
      * @returns {Promise} Resolves when the responsive popover is open
      */
     async showAt(opener, preventInitialFocus = false) {
@@ -117,14 +70,20 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
         await super.showAt(opener, preventInitialFocus);
       } else {
         this.style.display = "contents";
-        this.style.zIndex = (0, _PopupUtils.getNextZIndex)();
+        const nextZIndex = (0, _PopupUtils.getNextZIndex)();
+        if (!nextZIndex) {
+          return;
+        }
+        this.style.zIndex = nextZIndex.toString();
         await this._dialog.show(preventInitialFocus);
       }
     }
-
     /**
      * Closes the popover/dialog.
      * @public
+     * @method
+     * @name sap.ui.webc.main.ResponsivePopover#close
+     * @returns {void}
      */
     close(escPressed = false, preventRegistryUpdate = false, preventFocusRestore = false) {
       if (!(0, _Device.isPhone)()) {
@@ -139,51 +98,81 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
       }
       this.showAt(opener);
     }
-
     /**
-     * Tells if the responsive popover is open
+     * Tells if the responsive popover is open.
      * @public
+     * @method
+     * @name sap.ui.webc.main.ResponsivePopover#isOpen
      * @returns {boolean}
      */
     isOpen() {
-      return (0, _Device.isPhone)() ? this._dialog.isOpen() : super.isOpen();
+      return (0, _Device.isPhone)() && this._dialog ? this._dialog.isOpen() : super.isOpen();
+    }
+    get classes() {
+      const allClasses = super.classes;
+      allClasses.header = {
+        "ui5-responsive-popover-header": true,
+        "ui5-responsive-popover-header-no-title": !this.headerText
+      };
+      return allClasses;
     }
     get _dialog() {
       return this.shadowRoot.querySelector("[ui5-dialog]");
     }
     get contentDOM() {
-      return this._isPhone ? this._dialog.contentDOM : super.contentDOM;
+      return (0, _Device.isPhone)() ? this._dialog.contentDOM : super.contentDOM;
     }
     get _isPhone() {
       return (0, _Device.isPhone)();
     }
     get _displayHeader() {
-      return (this._isPhone || !this.contentOnlyOnDesktop) && super._displayHeader;
+      return ((0, _Device.isPhone)() || !this.contentOnlyOnDesktop) && super._displayHeader;
     }
     get _displayFooter() {
-      return this._isPhone || !this.contentOnlyOnDesktop;
+      return (0, _Device.isPhone)() || !this.contentOnlyOnDesktop;
     }
     get _closeDialogAriaLabel() {
-      return ResponsivePopover.i18nBundle.getText(_i18nDefaults.RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON);
+      return ResponsivePopover_1.i18nBundle.getText(_i18nDefaults.RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON);
     }
-    _beforeDialogOpen(event) {
+    _beforeDialogOpen(e) {
       this.open = true;
       this.opened = true;
-      this._propagateDialogEvent(event);
+      this._propagateDialogEvent(e);
     }
-    _afterDialogClose(event) {
+    _afterDialogClose(e) {
       this.open = false;
       this.opened = false;
-      this._propagateDialogEvent(event);
+      this._propagateDialogEvent(e);
     }
-    _propagateDialogEvent(event) {
-      const type = event.type.replace("ui5-", "");
-      this.fireEvent(type, event.detail);
+    _propagateDialogEvent(e) {
+      const type = e.type.replace("ui5-", "");
+      this.fireEvent(type, e.detail);
+    }
+    get isModal() {
+      if (!(0, _Device.isPhone)()) {
+        return super.isModal;
+      }
+      return this._dialog.isModal;
     }
     static async onDefine() {
-      ResponsivePopover.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
+      ResponsivePopover_1.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
-  }
+  };
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], ResponsivePopover.prototype, "contentOnlyOnDesktop", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], ResponsivePopover.prototype, "_hideHeader", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], ResponsivePopover.prototype, "_hideCloseButton", void 0);
+  ResponsivePopover = ResponsivePopover_1 = __decorate([(0, _customElement.default)({
+    tag: "ui5-responsive-popover",
+    styles: [_Popover.default.styles, _ResponsivePopover.default],
+    template: _ResponsivePopoverTemplate.default,
+    dependencies: [..._Popover.default.dependencies, _Button.default, _Dialog.default, _Title.default]
+  })], ResponsivePopover);
   ResponsivePopover.define();
   var _default = ResponsivePopover;
   _exports.default = _default;