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

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

@@ -21,27 +21,27 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _CheckBox = _interopRequireDefault(_CheckBox);
   _TableTemplate = _interopRequireDefault(_TableTemplate);
   _Table = _interopRequireDefault(_Table);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Ensure the dependency as it is being used in the renderer
+
   // Texts
+
   // Template
+
   // Styles
+
   const GROWING_WITH_SCROLL_DEBOUNCE_RATE = 250; // ms
 
   const PAGE_UP_DOWN_SIZE = 20;
+
   /**
    * @public
    */
-
   const metadata = {
     tag: "ui5-table",
     managedSlots: true,
     fastNavigation: true,
-    slots:
-    /** @lends sap.ui.webcomponents.main.Table.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.main.Table.prototype */{
       /**
        * Defines the component rows.
        * <br><br>
@@ -57,7 +57,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         individualSlots: true,
         invalidateOnChildChange: true
       },
-
       /**
        * Defines the configuration for the columns of the component.
        * <br><br>
@@ -76,9 +75,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       }
     },
-    properties:
-    /** @lends sap.ui.webcomponents.main.Table.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.Table.prototype */{
       /**
        * Defines the text that will be displayed when there is no data and <code>hideNoData</code> is not present.
        *
@@ -89,7 +86,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       noDataText: {
         type: String
       },
-
       /**
        * Defines the text that will be displayed inside the growing button at the bottom of the table,
        * meant for loading more rows upon press.
@@ -107,7 +103,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       growingButtonText: {
         type: String
       },
-
       /**
        * Defines the subtext that will be displayed under the <code>growingButtonText</code>.
        *
@@ -122,7 +117,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       growingButtonSubtext: {
         type: String
       },
-
       /**
        * Defines if the value of <code>noDataText</code> will be diplayed when there is no rows present in the table.
        *
@@ -134,7 +128,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       hideNoData: {
         type: Boolean
       },
-
       /**
        * Defines whether the table will have growing capability either by pressing a <code>More</code> button,
        * or via user scroll. In both cases <code>load-more</code> event is fired.
@@ -160,7 +153,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _TableGrowingMode.default,
         defaultValue: _TableGrowingMode.default.None
       },
-
       /**
        * Defines if the table is in busy state.
        * <b>
@@ -175,7 +167,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       busy: {
         type: Boolean
       },
-
       /**
        * Defines the delay in milliseconds, after which the busy indicator will show up for this component.
        *
@@ -187,7 +178,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _Integer.default,
         defaultValue: 1000
       },
-
       /**
        * Determines whether the column headers remain fixed at the top of the page during
        * vertical scrolling as long as the Web Component is in the viewport.
@@ -217,7 +207,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       stickyColumnHeader: {
         type: Boolean
       },
-
       /**
        * Defines the mode of the component.
        * <br><br>
@@ -236,7 +225,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _TableMode.default,
         defaultValue: _TableMode.default.None
       },
-
       /**
        * Defines the accessible aria name of the component.
        *
@@ -249,7 +237,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: String,
         defaultValue: undefined
       },
-
       /**
        * Receives id(or many ids) of the elements that label the component.
        *
@@ -269,7 +256,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       _noDataDisplayed: {
         type: Boolean
       },
-
       /**
        * Defines the active state of the <code>More</code> button.
        * @private
@@ -277,7 +263,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       _loadMoreActive: {
         type: Boolean
       },
-
       /**
        * Used to represent the table column header for the purpose of the item navigation as it does not work with DOM objects directly
        * @private
@@ -285,7 +270,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       _columnHeader: {
         type: Object
       },
-
       /**
        * Defines if the entire table is in view port.
        * @private
@@ -293,7 +277,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       _inViewport: {
         type: Boolean
       },
-
       /**
        * Defines whether all rows are selected or not when table is in MultiSelect mode.
        * @type {boolean}
@@ -305,9 +288,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: Boolean
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.Table.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.main.Table.prototype */{
       /**
        * Fired when a row in <code>Active</code> mode is clicked or <code>Enter</code> key is pressed.
        *
@@ -322,7 +303,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           }
         }
       },
-
       /**
        * Fired when <code>ui5-table-column</code> is shown as a pop-in instead of hiding it.
        *
@@ -336,7 +316,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           poppedColumns: {}
         }
       },
-
       /**
        * Fired when the user presses the <code>More</code> button or scrolls to the table's end.
        * <br><br>
@@ -347,7 +326,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
        * @since 1.0.0-rc.11
        */
       "load-more": {},
-
       /**
        * Fired when selection is changed by user interaction
        * in <code>SingleSelect</code> and <code>MultiSelect</code> modes.
@@ -370,6 +348,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }
     }
   };
+
   /**
    * @class
    *
@@ -440,35 +419,29 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @appenddocs TableColumn TableRow TableGroupRow TableCell
    * @public
    */
-
   class Table extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     static get styles() {
       return _Table.default;
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get template() {
       return _TableTemplate.default;
     }
-
     static get dependencies() {
       return [_BusyIndicator.default, _CheckBox.default];
     }
-
     static async onDefine() {
       Table.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
-
     constructor() {
-      super(); // The ItemNavigation requires each item to 1) have a "_tabIndex" property and 2) be either a UI5Element, or have an id property (to find it in the component's shadow DOM by)
+      super();
 
+      // The ItemNavigation requires each item to 1) have a "_tabIndex" property and 2) be either a UI5Element, or have an id property (to find it in the component's shadow DOM by)
       this._columnHeader = {
         id: `${this._id}-columnHeader`,
         _tabIndex: "0"
@@ -485,15 +458,17 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       this.tableEndObserved = false;
       this.addEventListener("ui5-selection-requested", this._handleSelect.bind(this));
       this.addEventListener("ui5-_forward-after", this._onForwardAfter.bind(this));
-      this.addEventListener("ui5-_forward-before", this._onForwardBefore.bind(this)); // Stores the last focused element within the table.
+      this.addEventListener("ui5-_forward-before", this._onForwardBefore.bind(this));
 
-      this.lastFocusedElement = null; // Indicates whether the table is forwarding focus before or after the current table row.
+      // Stores the last focused element within the table.
+      this.lastFocusedElement = null;
 
-      this._forwardingFocus = false; // Stores the last focused nested element index (within a table row) for F7 navigation.
+      // Indicates whether the table is forwarding focus before or after the current table row.
+      this._forwardingFocus = false;
 
+      // Stores the last focused nested element index (within a table row) for F7 navigation.
       this._prevNestedElementIndex = 0;
     }
-
     onBeforeRendering() {
       const columnSettings = this.getColumnPropagationSettings();
       const columnSettingsString = JSON.stringify(columnSettings);
@@ -504,7 +479,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           row._columnsInfo = columnSettings;
           row._columnsInfoString = JSON.stringify(row._columnsInfo);
         }
-
         row._ariaPosition = Table.i18nBundle.getText(_i18nDefaults.TABLE_ROW_POSITION, index + 1, rowsCount);
         row._busy = this.busy;
         row.removeEventListener("ui5-_focused", this.fnOnRowFocused);
@@ -518,111 +492,81 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       });
       this._noDataDisplayed = !this.rows.length && !this.hideNoData;
       this.visibleColumnsCount = this.visibleColumns.length;
-
       if (this.isMultiSelect) {
         // we have to count the selection column as well
         this.visibleColumnsCount += 1;
       }
-
       this._allRowsSelected = selectedRows.length === this.rows.length;
       this._prevFocusedRow = this._prevFocusedRow || this.rows[0];
     }
-
     onAfterRendering() {
       if (this.growsOnScroll) {
         this.observeTableEnd();
       }
-
       this.checkTableInViewport();
     }
-
     onEnterDOM() {
       this.growingIntersectionObserver = this.getIntersectionObserver();
-
       _ResizeHandler.default.register(this.getDomRef(), this._handleResize);
-
       this._itemNavigation.setCurrentItem(this.rows.length ? this.rows[0] : this._columnHeader);
     }
-
     onExitDOM() {
       _ResizeHandler.default.deregister(this.getDomRef(), this._handleResize);
-
       this.growingIntersectionObserver.disconnect();
       this.growingIntersectionObserver = null;
       this.tableEndObserved = false;
     }
-
     _onkeydown(event) {
       if ((0, _Keys.isTabNext)(event) || (0, _Keys.isTabPrevious)(event)) {
         this._handleTab(event);
       }
-
       if ((0, _Keys.isCtrlA)(event)) {
         event.preventDefault();
         this.isMultiSelect && this._selectAll(event);
       }
-
       if ((0, _Keys.isUpAlt)(event) || (0, _Keys.isDownAlt)(event)) {
         this._handleArrowAlt(event);
       }
-
       if (((0, _Keys.isUpShift)(event) || (0, _Keys.isDownShift)(event)) && this.isMultiSelect) {
         this._handleArrowNav(event);
       }
-
       if ((0, _Keys.isHomeCtrl)(event)) {
         event.preventDefault();
-
         this._itemNavigation._handleHome(event);
-
         this._itemNavigation._applyTabIndex();
-
         this._itemNavigation._focusCurrentItem();
       }
-
       if ((0, _Keys.isEndCtrl)(event)) {
         event.preventDefault();
-
         this._itemNavigation._handleEnd(event);
-
         this._itemNavigation._applyTabIndex();
-
         this._itemNavigation._focusCurrentItem();
       }
-
       if (((0, _Keys.isHomeShift)(event) || (0, _Keys.isEndShift)(event)) && this.isMultiSelect) {
         this._handleHomeEndSelection(event);
       }
     }
-
     _handleTab(event) {
       const isNext = (0, _Keys.isTabNext)(event);
       const target = (0, _getNormalizedTarget.default)(event.target);
       const targetType = this.getFocusedElementType(event.target);
-
       if (this.columnHeaderTabbables.includes(target)) {
         if (isNext && this.columnHeaderLastElement === target) {
           return this._focusNextElement(event);
         }
-
         return;
       }
-
       if (isNext && targetType === "columnHeader" && !this.columnHeaderTabbables.length) {
         return this._focusNextElement(event);
       }
-
       if (targetType === "tableRow" || !targetType) {
         return;
       }
-
       switch (targetType) {
         case "tableGroupRow":
           return isNext ? this._focusNextElement(event) : this._focusForwardElement(event, false);
-
         case "columnHeader":
           return !isNext && this._focusForwardElement(event, false);
-
         case "moreButton":
           if (isNext) {
             this._focusForwardElement(event, true);
@@ -630,10 +574,8 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
             event.preventDefault();
             this.currentElement.focus();
           }
-
       }
     }
-
     _focusNextElement(event) {
       if (!this.growsWithButton) {
         this._focusForwardElement(event, true);
@@ -641,14 +583,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         this.morеBtn.focus();
       }
     }
-
     _handleArrowNav(event) {
       const isRowFocused = this.currentElement.localName === "tr";
-
       if (!isRowFocused) {
         return;
       }
-
       const previouslySelectedRows = this.selectedRows;
       const currentItem = this.currentItem;
       const currentItemIdx = this.currentItemIdx;
@@ -657,83 +596,69 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       const prevItem = this.rows[prevItemIdx];
       const nextItem = this.rows[nextItemIdx];
       const wasSelected = currentItem.selected;
-
       if ((0, _Keys.isUpShift)(event) && !prevItem || (0, _Keys.isDownShift)(event) && !nextItem) {
         return;
       }
-
       if ((0, _Keys.isUpShift)(event)) {
         currentItem.selected = currentItem.selected && !prevItem.selected;
         prevItem.selected = currentItem.selected || wasSelected && !currentItem.selected;
         prevItem.focus();
       }
-
       if ((0, _Keys.isDownShift)(event)) {
         currentItem.selected = currentItem.selected && !nextItem.selected;
         nextItem.selected = currentItem.selected || wasSelected && !currentItem.selected;
         nextItem.focus();
       }
-
       const selectedRows = this.selectedRows;
       this.fireEvent("selection-change", {
         selectedRows,
         previouslySelectedRows
       });
     }
-
     _handleHomeEndSelection(event) {
       const isRowFocused = this.currentElement.localName === "tr";
-
       if (!isRowFocused) {
         return;
       }
-
       const rows = this.rows;
       const previouslySelectedRows = this.selectedRows;
       const currentItemIdx = this.currentItemIdx;
-
       if ((0, _Keys.isHomeShift)(event)) {
         rows.slice(0, currentItemIdx + 1).forEach(item => {
           item.selected = true;
         });
         rows[0].focus();
       }
-
       if ((0, _Keys.isEndShift)(event)) {
         rows.slice(currentItemIdx).forEach(item => {
           item.selected = true;
         });
         rows[rows.length - 1].focus();
       }
-
       const selectedRows = this.selectedRows;
       this.fireEvent("selection-change", {
         selectedRows,
         previouslySelectedRows
       });
     }
+
     /**
      * Handles Alt + Up/Down.
      * Switches focus between column header, last focused item, and "More" button (if applicable).
      * @private
      * @param {CustomEvent} event
      */
-
-
     _handleArrowAlt(event) {
       const shouldMoveUp = (0, _Keys.isUpAlt)(event);
       const focusedElementType = this.getFocusedElementType(event.target);
-
       if (shouldMoveUp) {
         switch (focusedElementType) {
           case "tableRow":
           case "tableGroupRow":
             this._prevFocusedRow = event.target;
             return this._onColumnHeaderClick(event);
-
           case "columnHeader":
             return this.morеBtn ? this.morеBtn.focus() : this._prevFocusedRow.focus();
-
           case "moreButton":
             return this._prevFocusedRow ? this._prevFocusedRow.focus() : this._onColumnHeaderClick(event);
         }
@@ -743,62 +668,52 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           case "tableGroupRow":
             this._prevFocusedRow = event.target;
             return this.morеBtn ? this.morеBtn.focus() : this._onColumnHeaderClick(event);
-
           case "columnHeader":
             if (this._prevFocusedRow) {
               this._prevFocusedRow.focus();
             } else if (this.morеBtn) {
               this.morеBtn.focus();
             }
-
             return;
-
           case "moreButton":
             return this._onColumnHeaderClick(event);
         }
       }
     }
+
     /**
      * Determines the type of the currently focused element.
      * @private
      * @param {object} element The DOM element
      * @returns {("columnHeader"|"tableRow"|"tableGroupRow"|"moreButton")} A string identifier
      */
-
-
     getFocusedElementType(element) {
       if (element === this.columnHeader) {
         return "columnHeader";
       }
-
       if (element === this.morеBtn) {
         return "moreButton";
       }
-
       if (this.rows.includes(element)) {
         const isGroupRow = element.hasAttribute("ui5-table-group-row");
         return isGroupRow ? "tableGroupRow" : "tableRow";
       }
     }
+
     /**
      * Toggles focus between the table row's root and the last focused nested element.
      * @private
      * @param {CustomEvent} event "ui5-f7-pressed"
      */
-
-
     _handleF7(event) {
       const row = event.detail.row;
       row._tabbables = (0, _TabbableElements.getTabbableElements)(row);
       const activeElement = (0, _getActiveElement.default)();
       const lastFocusedElement = row._tabbables[this._prevNestedElementIndex] || row._tabbables[0];
-
       const targetIndex = row._tabbables.indexOf(activeElement);
-
       if (!row._tabbables.length) {
         return;
       }
-
       if (activeElement === row.root) {
         lastFocusedElement.focus();
       } else if (targetIndex > -1) {
@@ -806,148 +721,112 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         row.root.focus();
       }
     }
-
     _onfocusin(event) {
       const target = (0, _getNormalizedTarget.default)(event.target);
-
       if (!this._isForwardElement(target)) {
         this.lastFocusedElement = target;
         return;
       }
-
       if (!this._forwardingFocus) {
         if (this.lastFocusedElement) {
           this.lastFocusedElement.focus();
         } else {
           this.currentElement.focus();
         }
-
         event.stopImmediatePropagation();
       }
-
       this._forwardingFocus = false;
     }
-
     _onForwardBefore(event) {
       this.lastFocusedElement = event.detail.target;
-
       this._focusForwardElement(event, false);
-
       event.stopImmediatePropagation();
     }
-
     _onForwardAfter(event) {
       this.lastFocusedElement = event.detail.target;
-
       if (!this.growsWithButton) {
         this._focusForwardElement(event, true);
       } else {
         this.morеBtn.focus();
       }
     }
-
     _focusForwardElement(event, isAfter) {
       this._forwardingFocus = true;
       this.shadowRoot.querySelector(`#${this._id}-${isAfter ? "after" : "before"}`).focus();
     }
-
     _isForwardElement(node) {
       const nodeId = node.id;
-
       const afterElement = this._getForwardElement(true);
-
       const beforeElement = this._getForwardElement(false);
-
       if (this._id === nodeId || beforeElement && beforeElement.id === nodeId) {
         return true;
       }
-
       return afterElement && afterElement.id === nodeId;
     }
-
     _getForwardElement(isAfter) {
       const dir = isAfter ? "after" : "before";
-
       if (!this[`_${dir}Element`]) {
         this[`_${dir}Element`] = this.shadowRoot.querySelector(`#${this._id}-${dir}`);
       }
-
       return this[`_${dir}Element`];
     }
-
     onRowFocused(event) {
       this._itemNavigation.setCurrentItem(event.target);
     }
-
     _onColumnHeaderFocused(event) {
       this._itemNavigation.setCurrentItem(this._columnHeader);
     }
-
     _onColumnHeaderClick(event) {
       if (!event.target) {
         this.columnHeader.focus();
       }
-
       const target = (0, _getNormalizedTarget.default)(event.target);
       const isNestedElement = this.columnHeaderTabbables.includes(target);
-
       if (!isNestedElement) {
         this.columnHeader.focus();
       }
     }
-
     _onColumnHeaderKeydown(event) {
       if ((0, _Keys.isSpace)(event)) {
         event.preventDefault();
         this.isMultiSelect && this._selectAll();
       }
     }
-
     _onLoadMoreKeydown(event) {
       if ((0, _Keys.isSpace)(event)) {
         event.preventDefault();
         this._loadMoreActive = true;
       }
-
       if ((0, _Keys.isEnter)(event)) {
         this._onLoadMoreClick();
-
         this._loadMoreActive = true;
       }
     }
-
     _onLoadMoreKeyup(event) {
       if ((0, _Keys.isSpace)(event)) {
         this._onLoadMoreClick();
       }
-
       this._loadMoreActive = false;
     }
-
     _onLoadMoreClick() {
       this.fireEvent("load-more");
     }
-
     observeTableEnd() {
       if (!this.tableEndObserved) {
         this.getIntersectionObserver().observe(this.tableEndDOM);
         this.tableEndObserved = true;
       }
     }
-
     onInteresection(entries) {
       if (entries.some(entry => entry.isIntersecting)) {
         (0, _debounce.default)(this.loadMore.bind(this), GROWING_WITH_SCROLL_DEBOUNCE_RATE);
       }
     }
-
     loadMore() {
       this.fireEvent("load-more");
     }
-
     _handleSingleSelect(event) {
       const row = this.getRowParent(event.target);
-
       if (!row.selected) {
         const previouslySelectedRows = this.selectedRows;
         this.rows.forEach(item => {
@@ -962,29 +841,24 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         });
       }
     }
-
     _handleMultiSelect(event) {
       const row = this.getRowParent(event.target);
       const previouslySelectedRows = this.selectedRows;
       row.selected = !row.selected;
       const selectedRows = this.selectedRows;
-
       if (selectedRows.length === this.rows.length) {
         this._allRowsSelected = true;
       } else {
         this._allRowsSelected = false;
       }
-
       this.fireEvent("selection-change", {
         selectedRows,
         previouslySelectedRows
       });
     }
-
     _handleSelect(event) {
       this[`_handle${this.mode}`](event);
     }
-
     _selectAll(event) {
       const bAllSelected = !this._allRowsSelected;
       const previouslySelectedRows = this.rows.filter(row => row.selected);
@@ -998,44 +872,36 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         previouslySelectedRows
       });
     }
-
     getRowParent(child) {
       const parent = child.parentElement;
-
       if (child.hasAttribute("ui5-table-row")) {
         return child;
       }
-
       if (parent && parent.hasAttribute("ui5-table-row")) {
         return parent;
       }
-
       this.getRowParent(parent);
     }
-
     get columnHeader() {
       return this.getDomRef() && this.getDomRef().querySelector(`#${this._id}-columnHeader`);
     }
-
     get morеBtn() {
       return this.growsWithButton && this.getDomRef() && this.getDomRef().querySelector(`#${this._id}-growingButton`);
     }
-
     handleResize(event) {
       this.checkTableInViewport();
       this.popinContent(event);
     }
-
     checkTableInViewport() {
       this._inViewport = (0, _isElementInView.default)(this.getDomRef());
     }
-
     popinContent(_event) {
       const clientRect = this.getDomRef().getBoundingClientRect();
       const tableWidth = clientRect.width;
       const hiddenColumns = [];
-      const visibleColumnsIndexes = []; // store the hidden columns
+      const visibleColumnsIndexes = [];
 
+      // store the hidden columns
       this.columns.forEach((column, index) => {
         if (tableWidth < column.minWidth && column.minWidth !== Infinity) {
           hiddenColumns[index] = {
@@ -1047,19 +913,16 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           visibleColumnsIndexes.push(index);
         }
       });
-
       if (visibleColumnsIndexes.length) {
         if (!this.isMultiSelect) {
           this.columns[visibleColumnsIndexes[0]].first = true;
         }
-
         this.columns[visibleColumnsIndexes[visibleColumnsIndexes.length - 1]].last = true;
-      } // invalidate only if hidden columns count has changed
-
+      }
 
+      // invalidate only if hidden columns count has changed
       if (this._hiddenColumns.length !== hiddenColumns.length) {
         this._hiddenColumns = hiddenColumns;
-
         if (hiddenColumns.length) {
           this.fireEvent("popin-change", {
             poppedColumns: this._hiddenColumns
@@ -1067,14 +930,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       }
     }
+
     /**
      * Gets settings to be propagated from columns to rows.
      *
      * @returns {object}
      * @memberof Table
      */
-
-
     getColumnPropagationSettings() {
       return this.columns.map((column, index) => {
         return {
@@ -1087,7 +949,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         };
       }, this);
     }
-
     getIntersectionObserver() {
       if (!this.growingIntersectionObserver) {
         this.growingIntersectionObserver = new IntersectionObserver(this.onInteresection.bind(this), {
@@ -1096,10 +957,8 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           threshold: 1.0
         });
       }
-
       return this.growingIntersectionObserver;
     }
-
     get styles() {
       return {
         busy: {
@@ -1107,19 +966,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       };
     }
-
     get growsWithButton() {
       return this.growing === _TableGrowingMode.default.Button;
     }
-
     get growsOnScroll() {
       return this.growing === _TableGrowingMode.default.Scroll;
     }
-
     get _growingButtonText() {
       return this.growingButtonText || Table.i18nBundle.getText(_i18nDefaults.LOAD_MORE_TEXT);
     }
-
     get ariaLabelText() {
       const headerRowText = Table.i18nBundle.getText(_i18nDefaults.TABLE_HEADER_ROW_TEXT);
       const columnsTitle = this.columns.map(column => {
@@ -1127,61 +982,46 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }).join(" ");
       return `${headerRowText} ${columnsTitle}`;
     }
-
     get tableAriaLabelText() {
       return (0, _AriaLabelHelper.getEffectiveAriaLabelText)(this);
     }
-
     get ariaLabelSelectAllText() {
       return Table.i18nBundle.getText(_i18nDefaults.ARIA_LABEL_SELECT_ALL_CHECKBOX);
     }
-
     get loadMoreAriaLabelledBy() {
       if (this.moreDataText) {
         return `${this._id}-growingButton-text ${this._id}-growingButton-subtext`;
       }
-
       return `${this._id}-growingButton-text`;
     }
-
     get tableEndDOM() {
       return this.shadowRoot.querySelector(".ui5-table-end-marker");
     }
-
     get busyIndPosition() {
       return this._inViewport ? "absolute" : "sticky";
     }
-
     get isMultiSelect() {
       return this.mode === "MultiSelect";
     }
-
     get selectedRows() {
       return this.rows.filter(row => row.selected);
     }
-
     get currentItemIdx() {
       return this.rows.indexOf(this.currentItem);
     }
-
     get currentItem() {
       return this.getRootNode().activeElement;
     }
-
     get currentElement() {
       return this._itemNavigation._getCurrentItem();
     }
-
     get columnHeaderTabbables() {
       return (0, _TabbableElements.getTabbableElements)(this.columnHeader);
     }
-
     get columnHeaderLastElement() {
       return (0, _TabbableElements.getLastTabbableElement)(this.columnHeader);
     }
-
   }
-
   Table.define();
   var _default = Table;
   _exports.default = _default;