Class TableGroupRow

packages/compat/src/TableGroupRow.ts:38–111

* @class * * ### Overview * * The `ui5-table-group-row` component represents a group row in the `ui5-table`. * @constructor * @since 2.0.0 * @implements {ITableRow} * @extends UI5Element * @public * @slot {Node[]} default - Defines the text of the component. * * **Note:** Although this s

 * @deprecated Deprecated as of version 2.12.0, use `@ui5/webcomponents/dist/Table.js` instead.
 */
@customElement({
	tag: "ui5-table-group-row",
	styles: tableGroupRowStyles,
	renderer: jsxRenderer,
	template: TableGroupRowTemplate,
})
@event("_focused", {
	bubbles: true,
})
class TableGroupRow extends UI5Element implements ITableRow {
	eventDetails!: {
		_focused: FocusEvent,
	}
	/**
	 * Defines the mode of the row
	 * @default "None"
	 * @private
	 */
	@property()
	mode: `${TableMode}` = "None";

	@property({ type: Array, noAttribute: true })
	_columnsInfo?: Array<TableColumnInfo>;

	@property()
	forcedTabIndex?: string;

	@property({ type: Boolean })
	forcedBusy = false;

	@property()
	forcedAriaPosition?: string;

	// Properties, set and handled by the Table
	selected = false;
	tabbableElements: Array<HTMLElement> = [];
	_columnsInfoString = "";

	@i18n("@ui5/webcomponents")
	static i18nBundle: I18nBundle;

	_colSpan?: number;

	get colSpan() {
		return this._colSpan;
	}

	get ariaLabelText() {
		return `${TableGroupRow.i18nBundle.getText(TABLE_GROUP_ROW_ARIA_LABEL)} ${this.textContent}. ${this.forcedAriaPosition}`;
	}

	visibleColCount(): number {
		let count = this._columnsInfo?.reduce((acc, column) => {
			return column.visible ? ++acc : acc;
		}, 0) || 0;

		if (this.mode === TableMode.MultiSelect) {
			count++;