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

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

@@ -12,9 +12,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _RatingIndicatorTemplate = _interopRequireDefault(_RatingIndicatorTemplate);
   _Icon = _interopRequireDefault(_Icon);
   _RatingIndicator = _interopRequireDefault(_RatingIndicator);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Styles
 
   /**
@@ -23,9 +21,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   const metadata = {
     tag: "ui5-rating-indicator",
     languageAware: true,
-    properties:
-    /** @lends sap.ui.webcomponents.main.RatingIndicator.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.RatingIndicator.prototype */{
       /**
        * The indicated value of the rating.
        * <br><br>
@@ -43,7 +39,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _Float.default,
         defaultValue: 0
       },
-
       /**
        * The number of displayed rating symbols.
        * @type {Integer}
@@ -55,7 +50,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _Integer.default,
         defaultValue: 5
       },
-
       /**
        * Defines whether the component is disabled.
        *
@@ -68,7 +62,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       disabled: {
         type: Boolean
       },
-
       /**
        * Defines whether the component is read-only.
        * <br><br>
@@ -82,7 +75,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       readonly: {
         type: Boolean
       },
-
       /**
        * Defines the accessible aria name of the component.
        *
@@ -95,7 +87,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: String,
         defaultValue: undefined
       },
-
       /**
        * @private
        */
@@ -103,7 +94,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: Object,
         multiple: true
       },
-
       /**
        * @private
        */
@@ -111,13 +101,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: Boolean
       }
     },
-    slots:
-    /** @lends sap.ui.webcomponents.main.RatingIndicator.prototype */
-    {//
+    slots: /** @lends sap.ui.webcomponents.main.RatingIndicator.prototype */{
+      //
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.RatingIndicator.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.main.RatingIndicator.prototype */{
       /**
        * The event is fired when the value changes.
        *
@@ -127,6 +114,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       change: {}
     }
   };
+
   /**
    * @class
    *
@@ -168,32 +156,25 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @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;
     }
-
     static async onDefine() {
       RatingIndicator.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
-
     static get dependencies() {
       return [_Icon.default];
     }
-
     constructor() {
       super();
       this._liveValue = null; // stores the value to determine when to fire change
@@ -202,15 +183,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     onBeforeRendering() {
       this.calcState();
     }
-
     calcState() {
       this._stars = [];
-
       for (let i = 1; i < this.max + 1; i++) {
         const remainder = Math.round((this.value - Math.floor(this.value)) * 10);
         let halfStar = false,
-            tempValue = this.value;
-
+          tempValue = this.value;
         if (Math.floor(this.value) + 1 === i && remainder > 2 && remainder < 8) {
           halfStar = true;
         } else if (remainder <= 2) {
@@ -218,7 +196,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         } else if (remainder >= 8) {
           tempValue = Math.ceil(this.value);
         }
-
         this._stars.push({
           selected: i <= tempValue,
           index: i,
@@ -226,39 +203,31 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         });
       }
     }
-
     _onclick(event) {
       if (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;
       }
     }
-
     _onkeydown(event) {
       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;
-
       if (isDecrease || isIncrease || isIncreaseWithReset || isMin || isMax || isNumber) {
         event.preventDefault();
-
         if (isDecrease && this.value > 0) {
           this.value = Math.round(this.value - 1);
         } else if (isIncrease && this.value < this.max) {
@@ -274,50 +243,38 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           const pressedNumber = parseInt(event.key);
           this.value = pressedNumber > this.max ? this.max : pressedNumber;
         }
-
         this.fireEvent("change");
       }
     }
-
     _onfocusin() {
       if (this.disabled) {
         return;
       }
-
       this._focused = true;
       this._liveValue = this.value;
     }
-
     _onfocusout() {
       this._focused = false;
     }
-
     get tabIndex() {
       return this.disabled ? "-1" : "0";
     }
-
     get tooltip() {
       return this.getAttribute("title") || this.defaultTooltip;
     }
-
     get defaultTooltip() {
       return RatingIndicator.i18nBundle.getText(_i18nDefaults.RATING_INDICATOR_TOOLTIP_TEXT);
     }
-
     get _ariaRoleDescription() {
       return RatingIndicator.i18nBundle.getText(_i18nDefaults.RATING_INDICATOR_TEXT);
     }
-
     get _ariaDisabled() {
       return this.disabled || undefined;
     }
-
     get ariaReadonly() {
       return this.readonly ? "true" : undefined;
     }
-
   }
-
   RatingIndicator.define();
   var _default = RatingIndicator;
   _exports.default = _default;

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

@@ -11,9 +11,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
   _Button = _interopRequireDefault(_Button);
   _Title = _interopRequireDefault(_Title);
   _ResponsivePopover = _interopRequireDefault(_ResponsivePopover);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Styles
 
   /**
@@ -21,9 +19,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
    */
   const metadata = {
     tag: "ui5-responsive-popover",
-    properties:
-    /** @lends sap.ui.webcomponents.main.ResponsivePopover.prototype */
-    {
+    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.
@@ -32,7 +28,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
       contentOnlyOnDesktop: {
         type: Boolean
       },
-
       /**
        * Used internaly for controls which must not have header.
        * @private
@@ -40,7 +35,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
       _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
@@ -55,6 +49,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
       }
     }
   };
+
   /**
    * @class
    *
@@ -84,20 +79,16 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
    * @since 1.0.0-rc.6
    * @public
    */
-
   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 = {
@@ -106,14 +97,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
       };
       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
@@ -122,8 +112,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
      * @async
      * @returns {Promise} Resolves when the responsive popover is open
      */
-
-
     async showAt(opener, preventInitialFocus = false) {
       if (!(0, _Device.isPhone)()) {
         await super.showAt(opener, preventInitialFocus);
@@ -133,12 +121,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
         await this._dialog.show(preventInitialFocus);
       }
     }
+
     /**
      * Closes the popover/dialog.
      * @public
      */
-
-
     close(escPressed = false, preventRegistryUpdate = false, preventFocusRestore = false) {
       if (!(0, _Device.isPhone)()) {
         super.close(escPressed, preventRegistryUpdate, preventFocusRestore);
@@ -146,74 +133,57 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
         this._dialog.close(escPressed, preventRegistryUpdate, preventFocusRestore);
       }
     }
-
     toggle(opener) {
       if (this.isOpen()) {
         return this.close();
       }
-
       this.showAt(opener);
     }
+
     /**
      * Tells if the responsive popover is open
      * @public
      * @returns {boolean}
      */
-
-
     isOpen() {
       return (0, _Device.isPhone)() ? this._dialog.isOpen() : super.isOpen();
     }
-
     get _dialog() {
       return this.shadowRoot.querySelector("[ui5-dialog]");
     }
-
     get contentDOM() {
       return this._isPhone ? this._dialog.contentDOM : super.contentDOM;
     }
-
     get _isPhone() {
       return (0, _Device.isPhone)();
     }
-
     get _displayHeader() {
       return (this._isPhone || !this.contentOnlyOnDesktop) && super._displayHeader;
     }
-
     get _displayFooter() {
       return this._isPhone || !this.contentOnlyOnDesktop;
     }
-
     get _closeDialogAriaLabel() {
       return ResponsivePopover.i18nBundle.getText(_i18nDefaults.RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON);
     }
-
     _beforeDialogOpen(event) {
       this.open = true;
       this.opened = true;
-
       this._propagateDialogEvent(event);
     }
-
     _afterDialogClose(event) {
       this.open = false;
       this.opened = false;
-
       this._propagateDialogEvent(event);
     }
-
     _propagateDialogEvent(event) {
       const type = event.type.replace("ui5-", "");
       this.fireEvent(type, event.detail);
     }
-
     static async onDefine() {
       ResponsivePopover.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
-
   }
-
   ResponsivePopover.define();
   var _default = ResponsivePopover;
   _exports.default = _default;

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

@@ -12,10 +12,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _SegmentedButtonItem = _interopRequireDefault(_SegmentedButtonItem);
   _SegmentedButtonTemplate = _interopRequireDefault(_SegmentedButtonTemplate);
   _SegmentedButton = _interopRequireDefault(_SegmentedButton);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Template
+
   // Styles
 
   /**
@@ -25,9 +24,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     tag: "ui5-segmented-button",
     altTag: "ui5-segmentedbutton",
     languageAware: true,
-    properties:
-    /** @lends sap.ui.webcomponents.main.SegmentedButton.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.SegmentedButton.prototype */{
       /**
        * Defines the accessible aria name of the component.
        *
@@ -42,9 +39,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }
     },
     managedSlots: true,
-    slots:
-    /** @lends sap.ui.webcomponents.main.SegmentedButton.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.main.SegmentedButton.prototype */{
       /**
        * Defines the items of <code>ui5-segmented-button</code>.
        * <br><br>
@@ -60,9 +55,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: HTMLElement
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.SegmentedButton.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.main.SegmentedButton.prototype */{
       /**
        * Fired when the selected item changes.
        *
@@ -79,6 +72,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }
     }
   };
+
   /**
    * @class
    *
@@ -103,55 +97,43 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @appenddocs SegmentedButtonItem
    * @public
    */
-
   class SegmentedButton extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get template() {
       return _SegmentedButtonTemplate.default;
     }
-
     static get styles() {
       return _SegmentedButton.default;
     }
-
     static get dependencies() {
       return [_SegmentedButtonItem.default];
     }
-
     static async onDefine() {
       SegmentedButton.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
-
     constructor() {
       super();
       this._itemNavigation = new _ItemNavigation.default(this, {
         getItemsCallback: () => this.getSlottedNodes("items")
       });
       this.absoluteWidthSet = false; // set to true whenever we set absolute width to the component
-
       this.percentageWidthSet = false; //  set to true whenever we set 100% width to the component
-
       this.hasPreviouslyFocusedItem = false;
       this._handleResizeBound = this._doLayout.bind(this);
     }
-
     onEnterDOM() {
       _ResizeHandler.default.register(this.parentNode, this._handleResizeBound);
     }
-
     onExitDOM() {
       if (this.parentNode) {
         _ResizeHandler.default.deregister(this.parentNode, this._handleResizeBound);
       }
     }
-
     onBeforeRendering() {
       const items = this.getSlottedNodes("items");
       items.forEach((item, index, arr) => {
@@ -160,18 +142,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       });
       this.normalizeSelection();
     }
-
     async onAfterRendering() {
       await this._doLayout();
     }
-
     prepareToMeasureItems() {
       this.style.width = "";
       this.items.forEach(item => {
         item.style.width = "";
       });
     }
-
     async measureItemsWidth() {
       await (0, _Render.renderFinished)();
       this.prepareToMeasureItems();
@@ -180,10 +159,8 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         return item.offsetWidth + 1;
       });
     }
-
     normalizeSelection() {
       this._selectedItem = this.items.filter(item => item.pressed).pop();
-
       if (this._selectedItem) {
         this.items.forEach(item => {
           item.pressed = false;
@@ -191,36 +168,27 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         this._selectedItem.pressed = true;
       }
     }
-
     _selectItem(event) {
       if (event.target.disabled || event.target === this.getDomRef()) {
         return;
       }
-
       if (event.target !== this._selectedItem) {
         if (this._selectedItem) {
           this._selectedItem.pressed = false;
         }
-
         this._selectedItem = event.target;
         this.fireEvent("selection-change", {
           selectedItem: this._selectedItem
         });
       }
-
       this._selectedItem.pressed = true;
-
       this._itemNavigation.setCurrentItem(this._selectedItem);
-
       return this;
     }
-
     _onclick(event) {
       this._selectItem(event);
-
       this.selectedItem.focus();
     }
-
     _onkeydown(event) {
       if ((0, _Keys.isEnter)(event)) {
         this._selectItem(event);
@@ -228,56 +196,46 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         event.preventDefault();
       }
     }
-
     _onkeyup(event) {
       if ((0, _Keys.isSpace)(event)) {
         this._selectItem(event);
       }
     }
-
     _onfocusin(event) {
       // If the component was previously focused,
       // update the ItemNavigation to sync butons` tabindex values
       if (this.hasPreviouslyFocusedItem) {
         this._itemNavigation.setCurrentItem(event.target);
-
         return;
-      } // If the component is focused for the first time
-      // focus the selected item if such present
-
+      }
 
+      // If the component is focused for the first time
+      // focus the selected item if such present
       if (this.selectedItem) {
         this.selectedItem.focus();
-
         this._itemNavigation.setCurrentItem(this._selectedItem);
-
         this.hasPreviouslyFocusedItem = true;
       }
     }
-
     async _doLayout() {
       const itemsHaveWidth = this.widths && this.widths.some(item => item.offsetWidth > 2); // 2 are the pixel's added for rounding & IE
-
       if (!itemsHaveWidth) {
         await this.measureItemsWidth();
       }
-
       const parentWidth = this.parentNode ? this.parentNode.offsetWidth : 0;
-
       if (!this.style.width || this.percentageWidthSet) {
         this.style.width = `${Math.max(...this.widths) * this.items.length}px`;
         this.absoluteWidthSet = true;
       }
-
       this.items.forEach(item => {
         item.style.width = "100%";
       });
-
       if (parentWidth <= this.offsetWidth && this.absoluteWidthSet) {
         this.style.width = "100%";
         this.percentageWidthSet = true;
       }
     }
+
     /**
      * Currently selected item.
      *
@@ -285,22 +243,16 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
      * @type { sap.ui.webcomponents.main.ISegmentedButtonItem }
      * @public
      */
-
-
     get selectedItem() {
       return this._selectedItem;
     }
-
     get ariaDescribedBy() {
       return SegmentedButton.i18nBundle.getText(_i18nDefaults.SEGMENTEDBUTTON_ARIA_DESCRIBEDBY);
     }
-
     get ariaDescription() {
       return SegmentedButton.i18nBundle.getText(_i18nDefaults.SEGMENTEDBUTTON_ARIA_DESCRIPTION);
     }
-
   }
-
   SegmentedButton.define();
   var _default = SegmentedButton;
   _exports.default = _default;