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

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

@@ -16,9 +16,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _Button = _interopRequireDefault(_Button);
   _Label = _interopRequireDefault(_Label);
   _Carousel = _interopRequireDefault(_Carousel);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Styles
 
   /**
@@ -28,9 +26,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     tag: "ui5-carousel",
     languageAware: true,
     fastNavigation: true,
-    properties:
-    /** @lends sap.ui.webcomponents.main.Carousel.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.Carousel.prototype */{
       /**
        * Defines whether the carousel should loop, i.e show the first page after the last page is reached and vice versa.
        * @type {boolean}
@@ -40,7 +36,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       cyclic: {
         type: Boolean
       },
-
       /**
        * Defines the number of items per page on small size (up to 640px). One item per page shown by default.
        * @type {Integer}
@@ -51,7 +46,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _Integer.default,
         defaultValue: 1
       },
-
       /**
        * Defines the number of items per page on medium size (from 640px to 1024px). One item per page shown by default.
        * @type {Integer}
@@ -62,7 +56,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _Integer.default,
         defaultValue: 1
       },
-
       /**
        * Defines the number of items per page on large size (more than 1024px). One item per page shown by default.
        * @type {Integer}
@@ -73,7 +66,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _Integer.default,
         defaultValue: 1
       },
-
       /**
        * Defines the visibility of the navigation arrows.
        * If set to true the navigation arrows will be hidden.
@@ -88,7 +80,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       hideNavigationArrows: {
         type: Boolean
       },
-
       /**
        * Defines the visibility of the paging indicator.
        * If set to true the page indicator will be hidden.
@@ -100,7 +91,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       hidePageIndicator: {
         type: Boolean
       },
-
       /**
        * Defines the index of the initially selected item.
        * @type {Integer}
@@ -111,7 +101,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _Integer.default,
         defaultValue: 0
       },
-
       /**
        * Defines the position of arrows.
        * <br><br>
@@ -132,7 +121,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _CarouselArrowsPlacement.default,
         defaultValue: _CarouselArrowsPlacement.default.Content
       },
-
       /**
        * Defines the carousel width in pixels.
        * @private
@@ -140,7 +128,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       _width: {
         type: _Integer.default
       },
-
       /**
        * Defines the carousel item width in pixels.
        * @private
@@ -148,7 +135,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       _itemWidth: {
         type: _Integer.default
       },
-
       /**
        * If set to true navigation arrows are shown.
        * @private
@@ -160,9 +146,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }
     },
     managedSlots: true,
-    slots:
-    /** @lends sap.ui.webcomponents.main.Carousel.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.main.Carousel.prototype */{
       /**
        * Defines the content of the component.
        * @type {HTMLElement[]}
@@ -175,9 +159,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         individualSlots: true
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.Carousel.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.main.Carousel.prototype */{
       /**
        * Fired whenever the page changes due to user interaction,
        * when the user clicks on the navigation arrows or while resizing,
@@ -197,6 +179,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }
     }
   };
+
   /**
    * @class
    *
@@ -256,51 +239,40 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @since 1.0.0-rc.6
    * @public
    */
-
   class Carousel extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get styles() {
       return _Carousel.default;
     }
-
     static get template() {
       return _CarouselTemplate.default;
     }
-
     static get pageTypeLimit() {
       return 9;
     }
-
     constructor() {
       super();
       this._scrollEnablement = new _ScrollEnablement.default(this);
-
       this._scrollEnablement.attachEvent("touchend", event => {
         this._updateScrolling(event);
       });
-
       this._onResizeBound = this._onResize.bind(this);
       this._resizing = false; // indicates if the carousel is in process of resizing
 
       this._lastFocusedElements = [];
       this._orderOfLastFocusedPages = [];
     }
-
     onBeforeRendering() {
       if (this.arrowsPlacement === _CarouselArrowsPlacement.default.Navigation) {
         this._visibleNavigationArrows = true;
       }
-
       this.validateSelectedIndex();
     }
-
     onAfterRendering() {
       this._scrollEnablement.scrollContainer = this.getDomRef();
       this._resizing = false; // not invalidating
@@ -309,30 +281,29 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     onEnterDOM() {
       _ResizeHandler.default.register(this, this._onResizeBound);
     }
-
     onExitDOM() {
       _ResizeHandler.default.deregister(this, this._onResizeBound);
     }
-
     validateSelectedIndex() {
       if (!this.isIndexInRange(this._selectedIndex)) {
         this._selectedIndex = 0;
       }
     }
-
     _onResize() {
-      const previousItemsPerPage = this.effectiveItemsPerPage; // Set the resizing flag to suppress animation while resizing
+      const previousItemsPerPage = this.effectiveItemsPerPage;
 
-      this._resizing = true; // Change transitively effectiveItemsPerPage by modifying _width
+      // Set the resizing flag to suppress animation while resizing
+      this._resizing = true;
 
+      // Change transitively effectiveItemsPerPage by modifying _width
       this._width = this.offsetWidth;
-      this._itemWidth = Math.floor(this._width / this.effectiveItemsPerPage); // Items per page did not change or the current,
-      // therefore page index does not need to be re-adjusted
+      this._itemWidth = Math.floor(this._width / this.effectiveItemsPerPage);
 
+      // Items per page did not change or the current,
+      // therefore page index does not need to be re-adjusted
       if (this.effectiveItemsPerPage === previousItemsPerPage) {
         return;
       }
-
       if (this._selectedIndex > this.pagesCount - 1) {
         this._selectedIndex = this.pagesCount - 1;
         this.fireEvent("navigate", {
@@ -340,30 +311,24 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         });
       }
     }
-
     _updateScrolling(event) {
       if (!event) {
         return;
       }
-
       if (event.isLeft) {
         this.navigateLeft();
       } else if (event.isRight) {
         this.navigateRight();
       }
     }
-
     async _onkeydown(event) {
       if ((0, _Keys.isF7)(event)) {
         this._handleF7Key(event);
-
         return;
       }
-
       if (event.target !== this.getDomRef()) {
         return;
       }
-
       if ((0, _Keys.isLeft)(event) || (0, _Keys.isDown)(event)) {
         this.navigateLeft();
         await (0, _Render.renderFinished)();
@@ -374,75 +339,60 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         this.getDomRef().focus();
       }
     }
-
     _onfocusin(event) {
       if (event.target === this.getDomRef()) {
         return;
       }
-
       let pageIndex = -1;
-
       for (let i = 0; i < this.content.length; i++) {
         if (this.content[i].contains(event.target)) {
           pageIndex = i;
           break;
         }
       }
-
       if (pageIndex === -1) {
         return;
-      } // Save reference of the last focused element for each page
-
+      }
 
+      // Save reference of the last focused element for each page
       this._lastFocusedElements[pageIndex] = event.target;
-
       const sortedPageIndex = this._orderOfLastFocusedPages.indexOf(pageIndex);
-
       if (sortedPageIndex === -1) {
         this._orderOfLastFocusedPages.unshift(pageIndex);
       } else {
         this._orderOfLastFocusedPages.splice(0, 0, this._orderOfLastFocusedPages.splice(sortedPageIndex, 1)[0]);
       }
     }
-
     _onmouseout() {
       if (this.arrowsPlacement === _CarouselArrowsPlacement.default.Content) {
         this._visibleNavigationArrows = false;
       }
     }
-
     _onmouseover() {
       if (this.arrowsPlacement === _CarouselArrowsPlacement.default.Content) {
         this._visibleNavigationArrows = true;
       }
     }
-
     _handleF7Key(event) {
       const lastFocusedElement = this._lastFocusedElements[this._getLastFocusedActivePageIndex];
-
       if (event.target === this.getDomRef() && lastFocusedElement) {
         lastFocusedElement.focus();
       } else {
         this.getDomRef().focus();
       }
     }
-
     get _getLastFocusedActivePageIndex() {
       for (let i = 0; i < this._orderOfLastFocusedPages.length; i++) {
         const pageIndex = this._orderOfLastFocusedPages[i];
-
         if (this.isItemInViewport(pageIndex)) {
           return pageIndex;
         }
       }
-
       return this._selectedIndex;
     }
-
     navigateLeft() {
       this._resizing = false;
       const previousSelectedIndex = this._selectedIndex;
-
       if (this._selectedIndex - 1 < 0) {
         if (this.cyclic) {
           this._selectedIndex = this.pagesCount - 1;
@@ -450,18 +400,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       } else {
         --this._selectedIndex;
       }
-
       if (previousSelectedIndex !== this._selectedIndex) {
         this.fireEvent("navigate", {
           selectedIndex: this._selectedIndex
         });
       }
     }
-
     navigateRight() {
       this._resizing = false;
       const previousSelectedIndex = this._selectedIndex;
-
       if (this._selectedIndex + 1 > this.pagesCount - 1) {
         if (this.cyclic) {
           this._selectedIndex = 0;
@@ -471,41 +418,36 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       } else {
         ++this._selectedIndex;
       }
-
       if (previousSelectedIndex !== this._selectedIndex) {
         this.fireEvent("navigate", {
           selectedIndex: this._selectedIndex
         });
       }
     }
-
     _navButtonClick(event) {
       if (event.target.hasAttribute("arrow-forward")) {
         this.navigateRight();
       } else {
         this.navigateLeft();
       }
-
       this.focus();
     }
+
     /**
      * Changes the currently displayed page.
      * @param {Integer} itemIndex The index of the target page
      * @since 1.0.0-rc.15
      * @public
      */
-
-
     navigateTo(itemIndex) {
       this._resizing = false;
       this._selectedIndex = itemIndex;
     }
+
     /**
      * Assuming that all items have the same width
      * @private
      */
-
-
     get items() {
       return this.content.map((item, idx) => {
         const visible = this.isItemInViewport(idx);
@@ -522,51 +464,40 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         };
       });
     }
-
     get effectiveItemsPerPage() {
       if (this._width <= 640) {
         return this.itemsPerPageS;
       }
-
       if (this._width <= 1024) {
         return this.itemsPerPageM;
       }
-
       return this.itemsPerPageL;
     }
-
     isItemInViewport(index) {
       return index >= this._selectedIndex && index <= this._selectedIndex + this.effectiveItemsPerPage - 1;
     }
-
     isIndexInRange(index) {
       return index >= 0 && index <= this.pagesCount - 1;
     }
+
     /**
      * @private
      */
-
-
     get renderNavigation() {
       if (!this.hasManyPages) {
         return false;
       }
-
       if (this.arrowsPlacement === _CarouselArrowsPlacement.default.Navigation && !this.hideNavigationArrows) {
         return true;
       }
-
       if (this.hidePageIndicator) {
         return false;
       }
-
       return true;
     }
-
     get hasManyPages() {
       return this.pagesCount > 1;
     }
-
     get styles() {
       return {
         content: {
@@ -574,7 +505,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       };
     }
-
     get classes() {
       return {
         viewport: {
@@ -599,30 +529,24 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       };
     }
-
     get pagesCount() {
       const items = this.content.length;
       return items > this.effectiveItemsPerPage ? items - this.effectiveItemsPerPage + 1 : 1;
     }
-
     get isPageTypeDots() {
       return this.pagesCount < Carousel.pageTypeLimit;
     }
-
     get dots() {
       const dots = [];
       const pages = this.pagesCount;
-
       for (let index = 0; index < pages; index++) {
         dots.push({
           active: index === this._selectedIndex,
           ariaLabel: Carousel.i18nBundle.getText(_i18nDefaults.CAROUSEL_DOT_TEXT, index + 1, pages)
         });
       }
-
       return dots;
     }
-
     get arrows() {
       const showArrows = this._visibleNavigationArrows && this.hasManyPages && (0, _Device.isDesktop)();
       return {
@@ -630,50 +554,40 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         navigation: !this.hideNavigationArrows && showArrows && this.arrowsPlacement === _CarouselArrowsPlacement.default.Navigation
       };
     }
-
     get hasPrev() {
       return this.cyclic || this._selectedIndex - 1 >= 0;
     }
-
     get hasNext() {
       return this.cyclic || this._selectedIndex + 1 <= this.pagesCount - 1;
     }
-
     get suppressAnimation() {
       return this._resizing || (0, _AnimationMode2.getAnimationMode)() === _AnimationMode.default.None;
     }
-
     get _isRTL() {
       return this.effectiveDir === "rtl";
     }
-
     get selectedIndexToShow() {
       return this._isRTL ? this.pagesCount - (this.pagesCount - this._selectedIndex) + 1 : this._selectedIndex + 1;
     }
-
     get ofText() {
       return Carousel.i18nBundle.getText(_i18nDefaults.CAROUSEL_OF_TEXT);
     }
-
     get ariaActiveDescendant() {
       return this.content.length ? `${this._id}-carousel-item-${this._selectedIndex + 1}` : undefined;
     }
-
     get nextPageText() {
       return Carousel.i18nBundle.getText(_i18nDefaults.CAROUSEL_NEXT_ARROW_TEXT);
     }
-
     get previousPageText() {
       return Carousel.i18nBundle.getText(_i18nDefaults.CAROUSEL_PREVIOUS_ARROW_TEXT);
     }
+
     /**
      * The indices of the currently visible items of the component.
      * @readonly
      * @since 1.0.0-rc.15
      * @returns {Integer[]} the indices of the visible items
      */
-
-
     get visibleItemsIndices() {
       const visibleItemsIndices = [];
       this.items.forEach((item, index) => {
@@ -683,17 +597,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       });
       return visibleItemsIndices;
     }
-
     static get dependencies() {
       return [_Button.default, _Label.default];
     }
-
     static async onDefine() {
       Carousel.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
-
   }
-
   Carousel.define();
   var _default = Carousel;
   _exports.default = _default;