@ui5/webcomponents 1.9.2 → 1.10.0

package/dist/TableGroupRow.js

@@ -1,79 +1,26 @@
+var __decorate = (this && this.__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 TableGroupRow_1;
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+// @ts-ignore
 import CheckBox from "./CheckBox.js";
 import TableGroupRowTemplate from "./generated/templates/TableGroupRowTemplate.lit.js";
 import TableMode from "./types/TableMode.js";
-
 // Texts
-import {
-	TABLE_GROUP_ROW_ARIA_LABEL,
-} from "./generated/i18n/i18n-defaults.js";
-
+import { TABLE_GROUP_ROW_ARIA_LABEL,
+// @ts-ignore
+ } from "./generated/i18n/i18n-defaults.js";
 // Styles
 import styles from "./generated/themes/TableGroupRow.css.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-table-group-row",
-	slots: /** @lends sap.ui.webcomponents.main.TableGroupRow.prototype */ {
-		/**
-		 * Defines the text of the component.
-		 * <br>
-		 * <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
-		 *
-		 * @type {Node[]}
-		 * @slot
-		 * @public
-		 */
-		"default": {
-			type: Node,
-		},
-	},
-	properties: /** @lends sap.ui.webcomponents.main.TableGroupRow.prototype */ {
-		/**
-		 * Defines the mode of the row
-		 *
-		 * <br><br>
-		 * <b>Note:</b>
-		 * Available options are:
-		 * <ul>
-		 * <li><code>None</code></li>
-		 * <li><code>SingleSelect</code></li>
-		 * <li><code>MultiSelect</code></li>
-		 * </ul>
-		 * @type {sap.ui.webcomponents.main.types.TableMode}
-		 * @defaultvalue "None"
-		 * @private
-		 */
-		mode: {
-			type: TableMode,
-			defaultValue: TableMode.None,
-		},
-		_columnsInfo: {
-			type: Object,
-			multiple: true,
-		},
-		_tabIndex: {
-			type: String,
-			defaultValue: "-1",
-		},
-		_busy: {
-			type: Boolean,
-		},
-		_ariaPosition: {
-			type: String,
-			defaultValue: "",
-			noAttribute: true,
-		},
-	},
-	events: /** @lends sap.ui.webcomponents.main.TableGroupRow.prototype */ {
-		_focused: {},
-	},
-};
-
 /**
  * @class
  *
@@ -92,76 +39,92 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.TableGroupRow
- * @extends sap.ui.webcomponents.base.UI5Element
+ * @alias sap.ui.webc.main.TableGroupRow
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-table-group-row
  * @since 1.0.0-rc.15
- * @implements sap.ui.webcomponents.main.ITableRow
+ * @implements sap.ui.webc.main.ITableRow
  * @public
  */
-class TableGroupRow extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get styles() {
-		return styles;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get template() {
-		return TableGroupRowTemplate;
-	}
-
-	static get dependencies() {
-		return [
-			CheckBox,
-		];
-	}
-
-	constructor() {
-		super();
-	}
-
-	get colSpan() {
-		return this._colSpan;
-	}
-
-	get ariaLabelText() {
-		return `${TableGroupRow.i18nBundle.getText(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.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 getI18nBundle("@ui5/webcomponents");
-	}
-}
-
+let TableGroupRow = TableGroupRow_1 = class TableGroupRow extends UI5Element {
+    constructor() {
+        super(...arguments);
+        // Properties, set and handled by the Table
+        this.selected = false;
+        this._tabbables = [];
+        this._columnsInfoString = "";
+    }
+    /**
+     * Defines the text of the component.
+     * <br>
+     * <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
+     *
+     * @type {Node[]}
+     * @name sap.ui.webc.main.TableGroupRow.prototype.default
+     * @slot
+     * @public
+     */
+    static get styles() {
+        return styles;
+    }
+    static get render() {
+        return litRender;
+    }
+    static get template() {
+        return TableGroupRowTemplate;
+    }
+    static get dependencies() {
+        return [
+            CheckBox,
+        ];
+    }
+    get colSpan() {
+        return this._colSpan;
+    }
+    get ariaLabelText() {
+        return `${TableGroupRow_1.i18nBundle.getText(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.MultiSelect) {
+            count++;
+        }
+        return count;
+    }
+    onBeforeRendering() {
+        if (!this._columnsInfo || this._columnsInfo.length === 0) {
+            return;
+        }
+        this._colSpan = this.visibleColCount();
+    }
+    _onfocusin(e) {
+        this.fireEvent("_focused", e);
+    }
+    static async onDefine() {
+        TableGroupRow_1.i18nBundle = await getI18nBundle("@ui5/webcomponents");
+    }
+};
+__decorate([
+    property({ type: TableMode, defaultValue: TableMode.None })
+], TableGroupRow.prototype, "mode", void 0);
+__decorate([
+    property({ type: Object, multiple: true })
+], TableGroupRow.prototype, "_columnsInfo", void 0);
+__decorate([
+    property({ defaultValue: "-1" })
+], TableGroupRow.prototype, "_tabIndex", void 0);
+__decorate([
+    property({ type: Boolean })
+], TableGroupRow.prototype, "_busy", void 0);
+__decorate([
+    property({ defaultValue: "", noAttribute: true })
+], TableGroupRow.prototype, "_ariaPosition", void 0);
+TableGroupRow = TableGroupRow_1 = __decorate([
+    customElement("ui5-table-group-row"),
+    event("_focused")
+], TableGroupRow);
 TableGroupRow.define();
-
 export default TableGroupRow;
+//# sourceMappingURL=TableGroupRow.js.map

package/dist/TableGroupRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableGroupRow.js","sourceRoot":"","sources":["../src/TableGroupRow.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAG7E,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAE3E,aAAa;AACb,OAAO,QAAQ,MAAM,eAAe,CAAC;AAErC,OAAO,qBAAqB,MAAM,oDAAoD,CAAC;AACvF,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAE7C,QAAQ;AACR,OAAO,EACN,0BAA0B;AAC3B,aAAa;EACZ,MAAM,mCAAmC,CAAC;AAE3C,SAAS;AACT,OAAO,MAAM,MAAM,yCAAyC,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAGH,IAAM,aAAa,qBAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QA+BC,2CAA2C;QAC3C,aAAQ,GAAG,KAAK,CAAC;QACjB,eAAU,GAAuB,EAAE,CAAC;QACpC,uBAAkB,GAAG,EAAE,CAAC;IAqEzB,CAAC;IAnEA;;;;;;;;;OASG;IAEH,MAAM,KAAK,MAAM;QAChB,OAAO,MAAM,CAAC;IACf,CAAC;IAED,MAAM,KAAK,MAAM;QAChB,OAAO,SAAS,CAAC;IAClB,CAAC;IAED,MAAM,KAAK,QAAQ;QAClB,OAAO,qBAAqB,CAAC;IAC9B,CAAC;IAED,MAAM,KAAK,YAAY;QACtB,OAAO;YACN,QAAQ;SACR,CAAC;IACH,CAAC;IAMD,IAAI,OAAO;QACV,OAAO,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;IAED,IAAI,aAAa;QAChB,OAAO,GAAG,eAAa,CAAC,UAAU,CAAC,OAAO,CAAC,0BAAsC,CAAC,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,aAAa,EAAE,CAAC;IAC/H,CAAC;IAED,eAAe;QACd,IAAI,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;YACpD,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QACrC,CAAC,EAAE,CAAC,CAAC,CAAC;QAEN,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,WAAW,EAAE;YACxC,KAAK,EAAE,CAAC;SACR;QAED,OAAO,KAAK,CAAC;IACd,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;YACzD,OAAO;SACP;QACD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;IACxC,CAAC;IAED,UAAU,CAAC,CAAa;QACvB,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC/B,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,QAAQ;QACpB,eAAa,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACtE,CAAC;CACD,CAAA;AAtFA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC;2CAC3C;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;mDACL;AAGtC;IADC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;gDACd;AAGnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACZ;AAGhB;IADC,QAAQ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;oDAC3B;AA7BlB,aAAa;IAFlB,aAAa,CAAC,qBAAqB,CAAC;IACpC,KAAK,CAAC,UAAU,CAAC;GACZ,aAAa,CAuGlB;AAED,aAAa,CAAC,MAAM,EAAE,CAAC;AAEvB,eAAe,aAAa,CAAC"}

package/dist/TableRow.d.ts

@@ -0,0 +1,160 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type { PassiveEventListenerObject } from "@ui5/webcomponents-base/dist/types.js";
+import type { ITabbable } from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
+import type TableCell from "./TableCell.js";
+import type { ITableRow, TableColumnInfo } from "./Table.js";
+import CheckBox from "./CheckBox.js";
+import TableMode from "./types/TableMode.js";
+import TableRowType from "./types/TableRowType.js";
+type TableRowClickEventDetail = {
+    row: TableRow;
+};
+type TableRowSelectionRequestedEventDetail = {
+    row: TableRow;
+};
+type TableRowForwardBeforeEventDetail = {
+    target: HTMLElement;
+};
+type TableRowForwardAfterEventDetail = {
+    target: HTMLElement;
+};
+type TableRowF7PressEventDetail = {
+    row: TableRow;
+};
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code>ui5-table-row</code> component represents a row in the <code>ui5-table</code>.
+ *
+ * <h3>CSS Shadow Parts</h3>
+ *
+ * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
+ * <br>
+ * The <code>ui5-table-row</code> exposes the following CSS Shadow Parts:
+ * <ul>
+ * <li>row - Used to style the native <code>tr</code> element</li>
+ * <li>popin-row - Used to style the <code>tr</code> element when a row pops in</li>
+ * </ul>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.main.TableRow
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname ui5-table-row
+ * @implements sap.ui.webc.main.ITableRow
+ * @public
+ */
+declare class TableRow extends UI5Element implements ITableRow, ITabbable {
+    /**
+     * Defines the visual indication and behavior of the component.
+     * <br><br>
+     * Available options are:
+     * <ul>
+     * <li><code>Active</code></li>
+     * <li><code>Inactive</code></li>
+     * </ul>
+     * <br><br>
+     * <b>Note:</b> When set to <code>Active</code>, the item will provide visual response upon press,
+     * while with type <code>Inactive</code> - will not.
+     *
+     * @type {sap.ui.webc.main.types.TableRowType}
+     * @name sap.ui.webc.main.TableRow.prototype.type
+     * @defaultvalue "Inactive"
+     * @since 1.0.0-rc.15
+     * @public
+     */
+    type: TableRowType;
+    /**
+     * Defines the row's selected state.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.main.TableRow.prototype.selected
+     * @defaultvalue false
+     * @since 1.0.0-rc.15
+     * @public
+     */
+    selected: boolean;
+    /**
+     * Indicates if the table row is navigated.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.main.TableRow.prototype.navigated
+     * @defaultvalue false
+     * @since 1.9.0
+     * @public
+     */
+    navigated: boolean;
+    /**
+     * Defines the mode of the row (None, SingleSelect, MultiSelect).
+     * @type {sap.ui.webc.main.types.TableMode}
+     * @defaultvalue "None"
+     * @since 1.0.0-rc.15
+     * @private
+     */
+    mode: TableMode;
+    /**
+     * Indicates if the table row is active.
+     *
+     * @type {boolean}
+     * @defaultvalue false
+     * @since 1.0.0-rc.15
+     * @private
+     */
+    active: boolean;
+    _columnsInfo: Array<TableColumnInfo>;
+    _tabIndex: string;
+    _busy: boolean;
+    _ariaPosition: string;
+    /**
+     * Defines the cells of the component.
+     * <br><br>
+     * <b>Note:</b> Use <code>ui5-table-cell</code> for the intended design.
+     *
+     * @type {sap.ui.webc.main.ITableCell[]}
+     * @name sap.ui.webc.main.TableRow.prototype.default
+     * @slot cells
+     * @public
+     */
+    cells: Array<TableCell>;
+    static get styles(): import("@ui5/webcomponents-base/src/types.js").StyleData;
+    static get render(): (templateResult: object, container: HTMLElement | DocumentFragment, styleStrOrHrefsArr: string | string[] | undefined, forStaticArea: boolean, options: import("lit-html").RenderOptions) => void;
+    static get template(): import("@ui5/webcomponents-base/src/renderer/executeTemplate.js").TemplateFunction;
+    static get dependencies(): (typeof CheckBox)[];
+    static i18nBundle: I18nBundle;
+    visibleCells: Array<TableCell>;
+    popinCells: Array<TableColumnInfo>;
+    _ontouchstart: PassiveEventListenerObject;
+    _tabbables: Array<HTMLElement>;
+    _columnsInfoString: string;
+    constructor();
+    _onmouseup(): void;
+    _onkeydown(e: KeyboardEvent): void;
+    _onkeyup(e: KeyboardEvent): void;
+    _ontouchend(): void;
+    _onfocusout(): void;
+    _onfocusin(e: FocusEvent, forceSelfFocus?: boolean): void;
+    _onrowclick(e: MouseEvent): void;
+    _handleSelection(): void;
+    _activeElementHasAttribute(attr: string): boolean;
+    get _ariaCurrent(): true | undefined;
+    activate(): void;
+    deactivate(): void;
+    get shouldPopin(): number;
+    get allColumnsPoppedIn(): boolean;
+    onBeforeRendering(): void;
+    get visibleCellsCount(): number;
+    get ariaLabelText(): string;
+    get ariaLabelRowSelection(): string;
+    get isSingleSelect(): boolean;
+    get isMultiSelect(): boolean;
+    get root(): HTMLElement;
+    getCellText(cell: TableCell): string;
+    getColumnTextByIdx(index: number): string;
+    getNormilzedTextContent(textContent: string): string;
+    static onDefine(): Promise<void>;
+}
+export default TableRow;
+export type { TableRowClickEventDetail, TableRowSelectionRequestedEventDetail, TableRowForwardBeforeEventDetail, TableRowForwardAfterEventDetail, TableRowF7PressEventDetail, };