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

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

@@ -9,9 +9,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _TableCellTemplate = _interopRequireDefault(_TableCellTemplate);
   _TableCell = _interopRequireDefault(_TableCell);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Styles
 
   /**
@@ -19,9 +17,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    */
   const metadata = {
     tag: "ui5-table-cell",
-    slots:
-    /** @lends sap.ui.webcomponents.main.TableCell.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.main.TableCell.prototype */{
       /**
        * Specifies the content of the component.
        *
@@ -33,16 +29,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: Node
       }
     },
-    properties:
-    /** @lends sap.ui.webcomponents.main.TableCell.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.TableCell.prototype */{
       /**
        * @private
        */
       lastInRow: {
         type: Boolean
       },
-
       /**
        * @private
        */
@@ -50,10 +43,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: Boolean
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.TableCell.prototype */
-    {}
+    events: /** @lends sap.ui.webcomponents.main.TableCell.prototype */{}
   };
+
   /**
    * @class
    *
@@ -78,26 +70,20 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @implements sap.ui.webcomponents.main.ITableCell
    * @public
    */
-
   class TableCell extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     static get styles() {
       return _TableCell.default;
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get template() {
       return _TableCellTemplate.default;
     }
-
   }
-
   TableCell.define();
   var _default = TableCell;
   _exports.default = _default;

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

@@ -10,15 +10,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _Integer = _interopRequireDefault(_Integer);
   _TableColumnTemplate = _interopRequireDefault(_TableColumnTemplate);
   _TableColumn = _interopRequireDefault(_TableColumn);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Styles
+
   const metadata = {
     tag: "ui5-table-column",
-    slots:
-    /** @lends sap.ui.webcomponents.main.TableColumn.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.main.TableColumn.prototype */{
       /**
        * Defines the content of the column header.
        *
@@ -30,9 +27,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: Node
       }
     },
-    properties:
-    /** @lends sap.ui.webcomponents.main.TableColumn.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.TableColumn.prototype */{
       /**
        * Defines the minimum table width required to display this column. By default it is always displayed.
        * <br><br>
@@ -49,7 +44,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _Integer.default,
         defaultValue: Infinity
       },
-
       /**
        * The text for the column when it pops in.
        *
@@ -60,7 +54,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       popinText: {
         type: String
       },
-
       /**
        * According to your <code>minWidth</code> settings, the component can be hidden
        * in different screen sizes.
@@ -74,14 +67,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       demandPopin: {
         type: Boolean
       },
-
       /**
        * @private
        */
       first: {
         type: Boolean
       },
-
       /**
        * @private
        */
@@ -90,6 +81,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }
     }
   };
+
   /**
    * @class
    *
@@ -115,26 +107,20 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @implements sap.ui.webcomponents.main.ITableColumn
    * @public
    */
-
   class TableColumn extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     static get styles() {
       return _TableColumn.default;
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get template() {
       return _TableColumnTemplate.default;
     }
-
   }
-
   TableColumn.define();
   var _default = TableColumn;
   _exports.default = _default;

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

@@ -11,10 +11,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _TableGroupRowTemplate = _interopRequireDefault(_TableGroupRowTemplate);
   _TableMode = _interopRequireDefault(_TableMode);
   _TableGroupRow = _interopRequireDefault(_TableGroupRow);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Texts
+
   // Styles
 
   /**
@@ -22,9 +21,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    */
   const metadata = {
     tag: "ui5-table-group-row",
-    slots:
-    /** @lends sap.ui.webcomponents.main.TableGroupRow.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.main.TableGroupRow.prototype */{
       /**
        * Defines the text of the component.
        * <br>
@@ -38,9 +35,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: Node
       }
     },
-    properties:
-    /** @lends sap.ui.webcomponents.main.TableGroupRow.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.TableGroupRow.prototype */{
       /**
        * Defines the mode of the row
        *
@@ -77,12 +72,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         noAttribute: true
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.TableGroupRow.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.main.TableGroupRow.prototype */{
       _focused: {}
     }
   };
+
   /**
    * @class
    *
@@ -108,70 +102,53 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @implements sap.ui.webcomponents.main.ITableRow
    * @public
    */
-
   class TableGroupRow extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     static get styles() {
       return _TableGroupRow.default;
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get template() {
       return _TableGroupRowTemplate.default;
     }
-
     static get dependencies() {
       return [_CheckBox.default];
     }
-
     constructor() {
       super();
     }
-
     get colSpan() {
       return this._colSpan;
     }
-
     get ariaLabelText() {
       return `${TableGroupRow.i18nBundle.getText(_i18nDefaults.TABLE_GROUP_ROW_ARIA_LABEL)} ${this.innerText}. ${this._ariaPosition}`;
     }
-
     visibleColCount() {
       let count = this._columnsInfo.reduce((acc, column) => {
         return column.visible ? ++acc : acc;
       }, 0);
-
       if (this.mode === _TableMode.default.MultiSelect) {
         count++;
       }
-
       return count;
     }
-
     onBeforeRendering() {
       if (!this._columnsInfo || this._columnsInfo.length === 0) {
         return;
       }
-
       this._colSpan = this.visibleColCount();
     }
-
     _onfocusin(event) {
       this.fireEvent("_focused", event);
     }
-
     static async onDefine() {
       TableGroupRow.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
-
   }
-
   TableGroupRow.define();
   var _default = TableGroupRow;
   _exports.default = _default;

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

@@ -13,9 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _TableRowType = _interopRequireDefault(_TableRowType);
   _TableRowTemplate = _interopRequireDefault(_TableRowTemplate);
   _TableRow = _interopRequireDefault(_TableRow);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Styles
 
   /**
@@ -24,9 +22,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   const metadata = {
     tag: "ui5-table-row",
     managedSlots: true,
-    slots:
-    /** @lends sap.ui.webcomponents.main.TableRow.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.main.TableRow.prototype */{
       /**
        * Defines the cells of the component.
        * <br><br>
@@ -42,9 +38,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         individualSlots: true
       }
     },
-    properties:
-    /** @lends sap.ui.webcomponents.main.TableRow.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.TableRow.prototype */{
       /**
        * Defines the mode of the row (None, SingleSelect, MultiSelect).
        * @type {TableMode}
@@ -56,7 +50,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _TableMode.default,
         defaultValue: _TableMode.default.None
       },
-
       /**
        * Defines the visual indication and behavior of the component.
        * <br><br>
@@ -78,7 +71,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _TableRowType.default,
         defaultValue: _TableRowType.default.Inactive
       },
-
       /**
        * Defines the row's selected state.
        *
@@ -90,7 +82,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       selected: {
         type: Boolean
       },
-
       /**
        * Indicates if the table row is active.
        *
@@ -119,9 +110,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         noAttribute: true
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.TableRow.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.main.TableRow.prototype */{
       /**
        * Fired when a row in <code>Active</code> mode is clicked or <code>Enter</code> key is pressed.
        *
@@ -131,7 +120,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
        */
       "row-click": {},
       _focused: {},
-
       /**
        * Fired on selection change of an active row.
        *
@@ -140,7 +128,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
        * @private
        */
       "selection-requested": {},
-
       /**
        * Fired when F7 is pressed.
        *
@@ -151,6 +138,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       "f7-pressed": {}
     }
   };
+
   /**
    * @class
    *
@@ -176,89 +164,70 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @implements sap.ui.webcomponents.main.ITableRow
    * @public
    */
-
   class TableRow extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     static get styles() {
       return _TableRow.default;
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get template() {
       return _TableRowTemplate.default;
     }
-
     static get dependencies() {
       return [_CheckBox.default];
     }
-
     constructor() {
       super();
-
       const handleToushStartEvent = event => {
         this.activate();
       };
-
       this._ontouchstart = {
         handleEvent: handleToushStartEvent,
         passive: true
       };
     }
-
     _onmouseup() {
       this.deactivate();
     }
-
     _onkeydown(event) {
       const activeElement = (0, _getActiveElement.default)();
       const itemActive = this.type === _TableRowType.default.Active;
       const isSingleSelect = this.isSingleSelect;
       const itemSelectable = isSingleSelect || this.isMultiSelect;
-
       const isRowFocused = this._activeElementHasAttribute("ui5-table-row");
-
       const checkboxPressed = event.target.classList.contains("ui5-multi-select-checkbox");
-
       if ((0, _Keys.isTabNext)(event) && activeElement === ((0, _TabbableElements.getLastTabbableElement)(this) || this.root)) {
         this.fireEvent("_forward-after", {
           target: activeElement
         });
       }
-
       if ((0, _Keys.isTabPrevious)(event) && activeElement === this.root) {
         this.fireEvent("_forward-before", {
           target: activeElement
         });
       }
-
       if ((0, _Keys.isSpace)(event) && event.target.tagName.toLowerCase() === "tr") {
         event.preventDefault();
       }
-
       if (isRowFocused && !checkboxPressed) {
         if ((0, _Keys.isSpace)(event) && itemSelectable || (0, _Keys.isEnter)(event) && isSingleSelect) {
           this.fireEvent("selection-requested", {
             row: this
           });
         }
-
         if ((0, _Keys.isEnter)(event) && itemActive) {
           this.fireEvent("row-click", {
             row: this
           });
-
           if (!isSingleSelect) {
             this.activate();
           }
         }
       }
-
       if ((0, _Keys.isF7)(event)) {
         event.preventDefault();
         this.fireEvent("f7-pressed", {
@@ -266,56 +235,44 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         });
       }
     }
-
     _onkeyup(event) {
       if ((0, _Keys.isSpace)(event) || (0, _Keys.isEnter)(event)) {
         this.deactivate();
       }
     }
-
     _ontouchend() {
       this.deactivate();
     }
-
     _onfocusout() {
       this.deactivate();
     }
-
     _onfocusin(event, forceSelfFocus = false) {
       if (forceSelfFocus || this._activeElementHasAttribute("ui5-table-cell")) {
         this.root.focus();
         this.activate();
       }
-
       this.fireEvent("_focused", event);
     }
-
     _onrowclick(event) {
-      const checkboxPressed = event.target.classList.contains("ui5-multi-select-checkbox"); // If the user tab over a button on IOS device, the document.activeElement
+      const checkboxPressed = event.target.classList.contains("ui5-multi-select-checkbox");
+      // If the user tab over a button on IOS device, the document.activeElement
       // is the ui5-table-row. The check below ensure that, if a button within the row is pressed,
       // the row will not be selected.
-
       if (event.isMarked === "button") {
         return;
       }
-
       if (!this.contains(this.getRootNode().activeElement)) {
         // If the user clickes on non-focusable element within the ui5-table-cell,
         // the focus goes to the body, se we have to bring it back to the row.
         // If the user clicks on input, button or similar clickable element,
         // the focus remains on that element.
-        this._onfocusin(event, true
-        /* force row focus */
-        );
-
+        this._onfocusin(event, true /* force row focus */);
         this.deactivate();
       }
-
       if (this._activeElementHasAttribute("ui5-table-row")) {
         if (this.isSingleSelect) {
           this._handleSelection();
         }
-
         if (this.type === _TableRowType.default.Active && !checkboxPressed) {
           this.fireEvent("row-click", {
             row: this
@@ -323,60 +280,47 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       }
     }
-
     _handleSelection() {
       this.fireEvent("selection-requested", {
         row: this
       });
     }
-
     _activeElementHasAttribute(attr) {
       return this.getRootNode().activeElement.hasAttribute(attr);
     }
-
     activate() {
       if (this.type === _TableRowType.default.Active) {
         this.active = true;
       }
     }
-
     deactivate() {
       if (this.active) {
         this.active = false;
       }
     }
-
     get shouldPopin() {
       return this._columnsInfo.filter(el => {
         return el.demandPopin || !el.visible;
       }).length;
     }
-
     get allColumnsPoppedIn() {
       return this._columnsInfo.every(el => el.demandPopin && !el.visible);
     }
-
     onBeforeRendering() {
       if (!this.shouldPopin) {
         return;
       }
-
       this.visibleCells = [];
       this.popinCells = [];
-
       if (this.cells.length === 0) {
         return;
       }
-
       const allColumnsPoppedInClass = this.allColumnsPoppedIn ? "all-columns-popped-in" : "";
-
       this._columnsInfo.forEach((info, index) => {
         const cell = this.cells[index];
-
         if (!cell) {
           return;
         }
-
         if (info.visible) {
           this.visibleCells.push(cell);
           cell.popined = false;
@@ -392,24 +336,18 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           cell.popined = false;
         }
       }, this);
-
       const lastVisibleCell = this.visibleCells[this.visibleCells.length - 1];
-
       if (lastVisibleCell) {
         lastVisibleCell.lastInRow = true;
       }
     }
-
     get visibleCellsCount() {
       let visibleCellsCount = this.visibleCells.length;
-
       if (this.isMultiSelect) {
         visibleCellsCount += 1;
       }
-
       return visibleCellsCount;
     }
-
     get ariaLabelText() {
       const ariaLabel = this.cells.map((cell, index) => {
         const columText = this.getColumnTextByIdx(index);
@@ -418,47 +356,35 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }).join(" ");
       return `${ariaLabel}. ${this._ariaPosition}`;
     }
-
     get ariaLabelRowSelection() {
       return TableRow.i18nBundle.getText(_i18nDefaults.ARIA_LABEL_ROW_SELECTION);
     }
-
     get isSingleSelect() {
       return this.mode === "SingleSelect";
     }
-
     get isMultiSelect() {
       return this.mode === "MultiSelect";
     }
-
     get root() {
       return this.shadowRoot.querySelector(".ui5-table-row-root");
     }
-
     getCellText(cell) {
       return this.getNormilzedTextContent(cell.textContent);
     }
-
     getColumnTextByIdx(index) {
       const columnInfo = this._columnsInfo[index];
-
       if (!columnInfo) {
         return "";
       }
-
       return this.getNormilzedTextContent(columnInfo.text);
     }
-
     getNormilzedTextContent(textContent) {
       return textContent.replace(/[\n\r\t]/g, "").trim();
     }
-
     static async onDefine() {
       TableRow.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
-
   }
-
   TableRow.define();
   var _default = TableRow;
   _exports.default = _default;