package.dist.TableRowBase.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of webcomponents Show documentation
UI5 Web Components: webcomponents.main
The newest version!
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 TableRowBase_1;
import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
import { isEnter, isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
import property from "@ui5/webcomponents-base/dist/decorators/property.js";
import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
import TableRowBaseCss from "./generated/themes/TableRowBase.css.js";
import CheckBox from "./CheckBox.js";
import { isInstanceOfTable } from "./TableUtils.js";
import { TABLE_ROW_SELECTOR, } from "./generated/i18n/i18n-defaults.js";
/**
 * @class
 * A class to serve as a foundation for the `TableRow` and `TableHeaderRow` classes.
 * @constructor
 * @abstract
 * @extends UI5Element
 * @since 2.0.0
 * @public
 */
let TableRowBase = TableRowBase_1 = class TableRowBase extends UI5Element {
    constructor() {
        super(...arguments);
        this._invalidate = 0;
    }
    static async onDefine() {
        TableRowBase_1.i18nBundle = await getI18nBundle("@ui5/webcomponents");
    }
    onEnterDOM() {
        this.setAttribute("role", "row");
        this.toggleAttribute("ui5-table-row-base", true);
    }
    onBeforeRendering() {
        if (this._isSelectable) {
            this.setAttribute("aria-selected", `${this._isSelected}`);
        }
        else {
            this.removeAttribute("aria-selected");
        }
    }
    getFocusDomRef() {
        return this;
    }
    _informSelectionChange() {
        this._tableSelection?.informSelectionChange(this);
    }
    isHeaderRow() {
        return false;
    }
    _onkeydown(e, eventOrigin) {
        if ((eventOrigin === this && this._isSelectable && isSpace(e)) || (eventOrigin === this._selectionCell && (isSpace(e) || isEnter(e)))) {
            this._informSelectionChange();
            e.preventDefault();
        }
    }
    get _table() {
        const element = this.parentElement;
        return isInstanceOfTable(element) ? element : undefined;
    }
    get _tableId() {
        return this._table?._id;
    }
    get _tableSelection() {
        return this._table?._getSelection();
    }
    get _isSelected() {
        return this._tableSelection?.isSelected(this);
    }
    get _isSelectable() {
        return this._tableSelection?.isSelectable();
    }
    get _isMultiSelect() {
        return this._tableSelection?.isMultiSelect();
    }
    get _hasRowSelector() {
        return this._tableSelection?.hasRowSelector();
    }
    get _selectionCell() {
        return this.shadowRoot.getElementById("selection-cell");
    }
    get _visibleCells() {
        return this.cells.filter(c => !c._popin);
    }
    get _popinCells() {
        return this.cells.filter(c => c._popin);
    }
    get _stickyCells() {
        const selectionCell = this.shadowRoot?.querySelector("#selection-cell"), navigatedCell = this.shadowRoot?.querySelector("#navigated-cell");
        // filter out null/undefined
        return [selectionCell, ...this.cells, navigatedCell].filter(cell => cell?.hasAttribute("fixed"));
    }
    get _i18nRowSelector() {
        return TableRowBase_1.i18nBundle.getText(TABLE_ROW_SELECTOR);
    }
};
__decorate([
    property({ type: Number, noAttribute: true })
], TableRowBase.prototype, "_invalidate", void 0);
TableRowBase = TableRowBase_1 = __decorate([
    customElement({
        renderer: litRender,
        styles: TableRowBaseCss,
        dependencies: [CheckBox],
    })
], TableRowBase);
export default TableRowBase;
//# sourceMappingURL=TableRowBase.js.map