@ui5/webcomponents 0.0.0-037d08c67

package/dist/TableCell.d.ts

@@ -0,0 +1,28 @@
+import TableCellBase from "./TableCellBase.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * The `ui5-table-cell` represents a cell inside of a `ui5-table`.
+ * It is tightly coupled to the `ui5-table` and thus should only be used in the table component.
+ *
+ * ### ES6 Module Import
+ *
+ * `import @ui5/webcomponents/dist/TableCell.js;`
+ *
+ * @constructor
+ * @extends TableCellBase
+ * @since 2.0.0
+ * @public
+ */
+declare class TableCell extends TableCellBase {
+    _popinHeader?: HTMLElement;
+    _popinContent?: HTMLElement;
+    onBeforeRendering(): void;
+    _injectHeaderNodes(ref: HTMLElement | null): void;
+    get _headerCell(): import("./TableHeaderCell.js").default | null | undefined;
+    get _popinHeaderNodes(): Node[];
+    get _i18nPopinColon(): string;
+}
+export default TableCell;

package/dist/TableCell.js

@@ -0,0 +1,86 @@
+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;
+};
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import query from "@ui5/webcomponents-base/dist/decorators/query.js";
+import TableCellTemplate from "./TableCellTemplate.js";
+import TableCellStyles from "./generated/themes/TableCell.css.js";
+import TableCellBase from "./TableCellBase.js";
+import { LABEL_COLON } from "./generated/i18n/i18n-defaults.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * The `ui5-table-cell` represents a cell inside of a `ui5-table`.
+ * It is tightly coupled to the `ui5-table` and thus should only be used in the table component.
+ *
+ * ### ES6 Module Import
+ *
+ * `import @ui5/webcomponents/dist/TableCell.js;`
+ *
+ * @constructor
+ * @extends TableCellBase
+ * @since 2.0.0
+ * @public
+ */
+let TableCell = class TableCell extends TableCellBase {
+    onBeforeRendering() {
+        super.onBeforeRendering();
+        if (this.horizontalAlign) {
+            this.style.justifyContent = this.horizontalAlign;
+        }
+        else if (this._headerCell) {
+            this.style.justifyContent = `var(--halign-${this._headerCell._id})`;
+        }
+    }
+    _injectHeaderNodes(ref) {
+        if (ref && !ref.hasChildNodes()) {
+            ref.replaceChildren(...this._popinHeaderNodes);
+        }
+    }
+    get _headerCell() {
+        const row = this.parentElement;
+        const table = row?.parentElement;
+        const index = row?.cells?.indexOf(this) ?? -1;
+        return (index !== -1) ? table?.headerRow?.[0]?.cells?.[index] : null;
+    }
+    get _popinHeaderNodes() {
+        const nodes = [];
+        const headerCell = this._headerCell;
+        if (headerCell) {
+            if (headerCell.popinText) {
+                nodes.push(document.createTextNode(headerCell.popinText));
+            }
+            else {
+                nodes.push(...headerCell.content.map(node => node.cloneNode(true)));
+            }
+            if (headerCell.action[0]) {
+                nodes.push(headerCell.action[0].cloneNode(true));
+            }
+        }
+        return nodes;
+    }
+    get _i18nPopinColon() {
+        return TableCellBase.i18nBundle.getText(LABEL_COLON);
+    }
+};
+__decorate([
+    query("#popin-header")
+], TableCell.prototype, "_popinHeader", void 0);
+__decorate([
+    query("#popin-content")
+], TableCell.prototype, "_popinContent", void 0);
+TableCell = __decorate([
+    customElement({
+        tag: "ui5-table-cell",
+        styles: [TableCellBase.styles, TableCellStyles],
+        template: TableCellTemplate,
+    })
+], TableCell);
+TableCell.define();
+export default TableCell;
+//# sourceMappingURL=TableCell.js.map

package/dist/TableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../src/TableCell.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport query from \"@ui5/webcomponents-base/dist/decorators/query.js\";\nimport TableCellTemplate from \"./TableCellTemplate.js\";\nimport TableCellStyles from \"./generated/themes/TableCell.css.js\";\nimport TableCellBase from \"./TableCellBase.js\";\nimport type TableRow from \"./TableRow.js\";\nimport type Table from \"./Table.js\";\nimport { LABEL_COLON } from \"./generated/i18n/i18n-defaults.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `ui5-table-cell` represents a cell inside of a `ui5-table`.\n * It is tightly coupled to the `ui5-table` and thus should only be used in the table component.\n *\n * ### ES6 Module Import\n *\n * `import @ui5/webcomponents/dist/TableCell.js;`\n *\n * @constructor\n * @extends TableCellBase\n * @since 2.0.0\n * @public\n */\n@customElement({\n\ttag: \"ui5-table-cell\",\n\tstyles: [TableCellBase.styles, TableCellStyles],\n\ttemplate: TableCellTemplate,\n})\nclass TableCell extends TableCellBase {\n\t@query(\"#popin-header\")\n\t_popinHeader?: HTMLElement;\n\n\t@query(\"#popin-content\")\n\t_popinContent?: HTMLElement;\n\n\tonBeforeRendering() {\n\t\tsuper.onBeforeRendering();\n\t\tif (this.horizontalAlign) {\n\t\t\tthis.style.justifyContent = this.horizontalAlign;\n\t\t} else if (this._headerCell) {\n\t\t\tthis.style.justifyContent = `var(--halign-${this._headerCell._id})`;\n\t\t}\n\t}\n\n\t_injectHeaderNodes(ref: HTMLElement | null) {\n\t\tif (ref && !ref.hasChildNodes()) {\n\t\t\tref.replaceChildren(...this._popinHeaderNodes);\n\t\t}\n\t}\n\n\tget _headerCell() {\n\t\tconst row = this.parentElement as TableRow | null;\n\t\tconst table = row?.parentElement as Table | null;\n\t\tconst index = row?.cells?.indexOf(this) ?? -1;\n\n\t\treturn (index !== -1) ? table?.headerRow?.[0]?.cells?.[index] : null;\n\t}\n\n\tget _popinHeaderNodes() {\n\t\tconst nodes: Node[] = [];\n\t\tconst headerCell = this._headerCell;\n\t\tif (headerCell) {\n\t\t\tif (headerCell.popinText) {\n\t\t\t\tnodes.push(document.createTextNode(headerCell.popinText));\n\t\t\t} else {\n\t\t\t\tnodes.push(...headerCell.content.map(node => node.cloneNode(true)));\n\t\t\t}\n\t\t\tif (headerCell.action[0]) {\n\t\t\t\tnodes.push(headerCell.action[0].cloneNode(true));\n\t\t\t}\n\t\t}\n\t\treturn nodes;\n\t}\n\n\tget _i18nPopinColon() {\n\t\treturn TableCellBase.i18nBundle.getText(LABEL_COLON);\n\t}\n}\n\nTableCell.define();\n\nexport default TableCell;\n"]}

package/dist/TableCellBase.d.ts

@@ -0,0 +1,36 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type TableCellHorizontalAlign from "./types/TableCellHorizontalAlign.js";
+/**
+ * @class
+ * A class to serve as a foundation for the `TableCell` and `TableHeaderCell` classes.
+ * @constructor
+ * @abstract
+ * @extends UI5Element
+ * @since 2.0.0
+ * @public
+ */
+declare abstract class TableCellBase extends UI5Element {
+    /**
+     * Defines the content of the component.
+     *
+     * @public
+     */
+    content: DefaultSlot<Node>;
+    /**
+     * Determines the horizontal alignment of table cells.
+     *
+     * @default undefined
+     * @public
+     */
+    horizontalAlign?: `${TableCellHorizontalAlign}`;
+    _popin: boolean;
+    _popinHidden: boolean;
+    ariaRole: string;
+    static i18nBundle: I18nBundle;
+    onEnterDOM(): void;
+    getFocusDomRef(): this;
+    isTableCellBase(): boolean;
+}
+export default TableCellBase;

package/dist/TableCellBase.js

@@ -0,0 +1,60 @@
+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;
+};
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import { customElement, slotStrict as slot, property, i18n, } from "@ui5/webcomponents-base/dist/decorators.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import TableCellBaseStyles from "./generated/themes/TableCellBase.css.js";
+/**
+ * @class
+ * A class to serve as a foundation for the `TableCell` and `TableHeaderCell` classes.
+ * @constructor
+ * @abstract
+ * @extends UI5Element
+ * @since 2.0.0
+ * @public
+ */
+let TableCellBase = class TableCellBase extends UI5Element {
+    constructor() {
+        super(...arguments);
+        this._popin = false;
+        this._popinHidden = false;
+        this.ariaRole = "gridcell";
+    }
+    onEnterDOM() {
+        !this.role && this.setAttribute("role", this.ariaRole);
+        this.toggleAttribute("ui5-table-cell-base", true);
+    }
+    getFocusDomRef() {
+        return this;
+    }
+    isTableCellBase() {
+        return true;
+    }
+};
+__decorate([
+    slot({ type: Node, "default": true })
+], TableCellBase.prototype, "content", void 0);
+__decorate([
+    property()
+], TableCellBase.prototype, "horizontalAlign", void 0);
+__decorate([
+    property({ type: Boolean })
+], TableCellBase.prototype, "_popin", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], TableCellBase.prototype, "_popinHidden", void 0);
+__decorate([
+    i18n("@ui5/webcomponents")
+], TableCellBase, "i18nBundle", void 0);
+TableCellBase = __decorate([
+    customElement({
+        renderer: jsxRenderer,
+        styles: TableCellBaseStyles,
+    })
+], TableCellBase);
+export default TableCellBase;
+//# sourceMappingURL=TableCellBase.js.map

package/dist/TableCellBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCellBase.js","sourceRoot":"","sources":["../src/TableCellBase.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AAEpE,OAAO,EACN,aAAa,EAAE,UAAU,IAAI,IAAI,EAAE,QAAQ,EAAE,IAAI,GACjD,MAAM,4CAA4C,CAAC;AACpD,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,mBAAmB,MAAM,yCAAyC,CAAC;AAI1E;;;;;;;;GAQG;AAKH,IAAe,aAAa,GAA5B,MAAe,aAAc,SAAQ,UAAU;IAA/C;;QAmBC,WAAM,GAAG,KAAK,CAAC;QAGf,iBAAY,GAAG,KAAK,CAAC;QAErB,aAAQ,GAAW,UAAU,CAAC;IAiB/B,CAAC;IAZA,UAAU;QACT,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACvD,IAAI,CAAC,eAAe,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;IACnD,CAAC;IAED,cAAc;QACb,OAAO,IAAI,CAAC;IACb,CAAC;IAED,eAAe;QACd,OAAO,IAAI,CAAC;IACb,CAAC;CACD,CAAA;AAlCA;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;8CACV;AASzB;IADF,QAAQ,EAAE;sDACwC;AAGnD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CACb;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;mDAC1B;AAKd;IADN,IAAI,CAAC,oBAAoB,CAAC;uCACG;AA3BhB,aAAa;IAJ3B,aAAa,CAAC;QACd,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,mBAAmB;KAC3B,CAAC;GACa,aAAa,CAyC3B;AAED,eAAe,aAAa,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport {\n\tcustomElement, slotStrict as slot, property, i18n,\n} from \"@ui5/webcomponents-base/dist/decorators.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport TableCellBaseStyles from \"./generated/themes/TableCellBase.css.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type TableCellHorizontalAlign from \"./types/TableCellHorizontalAlign.js\";\n\n/**\n * @class\n * A class to serve as a foundation for the `TableCell` and `TableHeaderCell` classes.\n * @constructor\n * @abstract\n * @extends UI5Element\n * @since 2.0.0\n * @public\n */\n@customElement({\n\trenderer: jsxRenderer,\n\tstyles: TableCellBaseStyles,\n})\nabstract class TableCellBase extends UI5Element {\n\t/**\n\t * Defines the content of the component.\n\t *\n\t * @public\n\t */\n\t@slot({ type: Node, \"default\": true })\n\tcontent!: DefaultSlot<Node>;\n\n\t/**\n\t * Determines the horizontal alignment of table cells.\n\t *\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n    horizontalAlign?: `${TableCellHorizontalAlign}`;\n\n\t@property({ type: Boolean })\n\t_popin = false;\n\n\t@property({ type: Boolean, noAttribute: true })\n\t_popinHidden = false;\n\n\tariaRole: string = \"gridcell\";\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\tonEnterDOM() {\n\t\t!this.role && this.setAttribute(\"role\", this.ariaRole);\n\t\tthis.toggleAttribute(\"ui5-table-cell-base\", true);\n\t}\n\n\tgetFocusDomRef() {\n\t\treturn this;\n\t}\n\n\tisTableCellBase() {\n\t\treturn true;\n\t}\n}\n\nexport default TableCellBase;\n"]}

package/dist/TableCellTemplate.d.ts

@@ -0,0 +1,2 @@
+import type TableCell from "./TableCell.js";
+export default function TableCellTemplate(this: TableCell): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/TableCellTemplate.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+export default function TableCellTemplate() {
+    return (_jsx(_Fragment, { children: this._popin ?
+            _jsxs(_Fragment, { children: [_jsx("div", { id: "popin-header", ref: this._injectHeaderNodes.bind(this) }), _jsx("span", { id: "popin-colon", "aria-hidden": "true", children: this._i18nPopinColon }), _jsx("slot", { id: "popin-content" })] })
+            :
+                _jsx("slot", {}) }));
+}
+//# sourceMappingURL=TableCellTemplate.js.map

package/dist/TableCellTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCellTemplate.js","sourceRoot":"","sources":["../src/TableCellTemplate.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACxC,OAAO,CACN,4BACG,IAAI,CAAC,MAAM,CAAC,CAAC;YACd,8BACC,cAAK,EAAE,EAAC,cAAc,EAAC,GAAG,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAQ,EACtE,eAAM,EAAE,EAAC,aAAa,iBAAa,MAAM,YAAE,IAAI,CAAC,eAAe,GAAQ,EACvE,eAAM,EAAE,EAAC,eAAe,GAAQ,IAC9B;YACH,CAAC;gBACD,gBAAa,GAEZ,CACH,CAAC;AACH,CAAC","sourcesContent":["import type TableCell from \"./TableCell.js\";\n\nexport default function TableCellTemplate(this: TableCell) {\n\treturn (\n\t\t<>\n\t\t\t{ this._popin ?\n\t\t\t\t<>\n\t\t\t\t\t<div id=\"popin-header\" ref={this._injectHeaderNodes.bind(this)}></div>\n\t\t\t\t\t<span id=\"popin-colon\" aria-hidden=\"true\">{this._i18nPopinColon}</span>\n\t\t\t\t\t<slot id=\"popin-content\"></slot>\n\t\t\t\t</>\n\t\t\t\t:\n\t\t\t\t<slot></slot>\n\t\t\t}\n\t\t</>\n\t);\n}\n"]}

package/dist/TableCustomAnnouncement.d.ts

@@ -0,0 +1,24 @@
+import TableExtension from "./TableExtension.js";
+import type Table from "./Table.js";
+import type TableRow from "./TableRow.js";
+import type TableCell from "./TableCell.js";
+import type TableHeaderRow from "./TableHeaderRow.js";
+/**
+ * Handles the custom announcement for the ui5-table.
+ *
+ * @class
+ * @private
+ */
+declare class TableCustomAnnouncement extends TableExtension {
+    _table: Table;
+    _tableAttributes: string[];
+    constructor(table: Table);
+    private get i18nBundle();
+    _onfocusin(e: FocusEvent, eventOrigin: HTMLElement): void;
+    _onfocusout(e: FocusEvent, eventOrigin: HTMLElement): void;
+    _handleTableElementFocusin(element: HTMLElement): void;
+    _handleTableHeaderRowFocusin(headerRow: TableHeaderRow): void;
+    _handleTableRowFocusin(row: TableRow): void;
+    _handleTableCellFocusin(cell: TableCell): void;
+}
+export default TableCustomAnnouncement;

package/dist/TableCustomAnnouncement.js

@@ -0,0 +1,106 @@
+import TableExtension from "./TableExtension.js";
+import { getCustomAnnouncement, applyCustomAnnouncement } from "./CustomAnnouncement.js";
+import { TABLE_ROW, TABLE_ROW_INDEX, TABLE_ROW_SELECTED, TABLE_ROW_ACTIVE, TABLE_ROW_NAVIGABLE, TABLE_ROW_NAVIGATED, TABLE_COLUMN_HEADER_ROW, } from "./generated/i18n/i18n-defaults.js";
+/**
+ * Handles the custom announcement for the ui5-table.
+ *
+ * @class
+ * @private
+ */
+class TableCustomAnnouncement extends TableExtension {
+    constructor(table) {
+        super();
+        this._tableAttributes = ["ui5-table-header-row", "ui5-table-header-cell", "ui5-table-row", "ui5-table-cell"];
+        this._table = table;
+    }
+    get i18nBundle() {
+        return this._table.constructor.i18nBundle;
+    }
+    _onfocusin(e, eventOrigin) {
+        const tableAttribute = this._tableAttributes.find(attr => eventOrigin.hasAttribute(attr));
+        if (!tableAttribute) {
+            return;
+        }
+        const tableElementName = tableAttribute.replace("ui5-table", "Table").replace(/-([a-z])/g, g => g[1].toUpperCase());
+        const eventHandlerName = `_handle${tableElementName}Focusin`;
+        const eventHandler = this[eventHandlerName];
+        if (typeof eventHandler === "function") {
+            eventHandler.call(this, eventOrigin, e);
+        }
+        else {
+            this._handleTableElementFocusin(eventOrigin);
+        }
+    }
+    _onfocusout(e, eventOrigin) {
+        const isTableElement = this._tableAttributes.some(attr => eventOrigin.hasAttribute(attr));
+        isTableElement && applyCustomAnnouncement(eventOrigin);
+    }
+    _handleTableElementFocusin(element) {
+        const description = getCustomAnnouncement(element);
+        applyCustomAnnouncement(element, description);
+    }
+    _handleTableHeaderRowFocusin(headerRow) {
+        const descriptions = [
+            this.i18nBundle.getText(TABLE_COLUMN_HEADER_ROW),
+        ];
+        if (headerRow._hasSelector) {
+            descriptions.push(headerRow._isMultiSelect ? headerRow._selectionCellAriaDescription : headerRow._i18nSelection);
+        }
+        headerRow._visibleCells.forEach(headerCell => {
+            const cellDescription = getCustomAnnouncement(headerCell, { lessDetails: true });
+            descriptions.push(cellDescription);
+        });
+        if (headerRow._rowActionCount > 0) {
+            descriptions.push(headerRow._i18nRowActions);
+        }
+        applyCustomAnnouncement(headerRow, descriptions);
+    }
+    _handleTableRowFocusin(row) {
+        if (!row._table) {
+            return;
+        }
+        const descriptions = [
+            this.i18nBundle.getText(TABLE_ROW),
+            this.i18nBundle.getText(TABLE_ROW_INDEX, row.ariaRowIndex, this._table._ariaRowCount),
+        ];
+        if (row._isSelected) {
+            descriptions.push(this.i18nBundle.getText(TABLE_ROW_SELECTED));
+        }
+        if (row._isNavigable) {
+            descriptions.push(this.i18nBundle.getText(TABLE_ROW_NAVIGABLE));
+        }
+        else if (row.interactive) {
+            descriptions.push(this.i18nBundle.getText(TABLE_ROW_ACTIVE));
+        }
+        const cells = [...row._visibleCells, ...row._popinCells];
+        cells.flatMap(cell => {
+            return cell._popin ? [cell._popinHeader, cell._popinContent] : [cell._headerCell, cell];
+        }).forEach(node => {
+            const nodeDescription = getCustomAnnouncement(node, { lessDetails: true });
+            descriptions.push(nodeDescription);
+        });
+        if (row._availableActionsCount > 0) {
+            descriptions.push(row._actionCellAccText);
+        }
+        if (row._renderNavigated && row.navigated) {
+            descriptions.push(this.i18nBundle.getText(TABLE_ROW_NAVIGATED));
+        }
+        applyCustomAnnouncement(row, descriptions);
+    }
+    _handleTableCellFocusin(cell) {
+        if (cell.hasAttribute("data-ui5-table-popin-cell")) {
+            const popinCells = cell.getDomRef().assignedNodes({ flatten: true });
+            const descriptions = popinCells.flatMap(popinCell => {
+                const headerDescription = getCustomAnnouncement(popinCell._popinHeader);
+                const contentDescription = getCustomAnnouncement(popinCell._popinContent);
+                return [headerDescription, contentDescription];
+            });
+            applyCustomAnnouncement(cell, descriptions);
+        }
+        else {
+            this._handleTableElementFocusin(cell);
+        }
+    }
+}
+export default TableCustomAnnouncement;
+//# sourceMappingURL=TableCustomAnnouncement.js.map

package/dist/TableCustomAnnouncement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCustomAnnouncement.js","sourceRoot":"","sources":["../src/TableCustomAnnouncement.ts"],"names":[],"mappings":"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","sourcesContent":["import TableExtension from \"./TableExtension.js\";\nimport { getCustomAnnouncement, applyCustomAnnouncement } from \"./CustomAnnouncement.js\";\nimport type Table from \"./Table.js\";\nimport type TableRow from \"./TableRow.js\";\nimport type TableCell from \"./TableCell.js\";\nimport type TableHeaderRow from \"./TableHeaderRow.js\";\nimport {\n\tTABLE_ROW,\n\tTABLE_ROW_INDEX,\n\tTABLE_ROW_SELECTED,\n\tTABLE_ROW_ACTIVE,\n\tTABLE_ROW_NAVIGABLE,\n\tTABLE_ROW_NAVIGATED,\n\tTABLE_COLUMN_HEADER_ROW,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n/**\n * Handles the custom announcement for the ui5-table.\n *\n * @class\n * @private\n */\nclass TableCustomAnnouncement extends TableExtension {\n\t_table: Table;\n\t_tableAttributes = [\"ui5-table-header-row\", \"ui5-table-header-cell\", \"ui5-table-row\", \"ui5-table-cell\"];\n\n\tconstructor(table: Table) {\n\t\tsuper();\n\t\tthis._table = table;\n\t}\n\n\tprivate get i18nBundle() {\n\t\treturn (this._table.constructor as typeof Table).i18nBundle;\n\t}\n\n\t_onfocusin(e: FocusEvent, eventOrigin: HTMLElement) {\n\t\tconst tableAttribute = this._tableAttributes.find(attr => eventOrigin.hasAttribute(attr));\n\t\tif (!tableAttribute) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst tableElementName = tableAttribute.replace(\"ui5-table\", \"Table\").replace(/-([a-z])/g, g => g[1].toUpperCase());\n\t\tconst eventHandlerName = `_handle${tableElementName}Focusin` as keyof TableCustomAnnouncement;\n\t\tconst eventHandler = this[eventHandlerName] as (target: HTMLElement, e?: FocusEvent) => void;\n\t\tif (typeof eventHandler === \"function\") {\n\t\t\teventHandler.call(this, eventOrigin, e);\n\t\t} else {\n\t\t\tthis._handleTableElementFocusin(eventOrigin);\n\t\t}\n\t}\n\n\t_onfocusout(e: FocusEvent, eventOrigin: HTMLElement) {\n\t\tconst isTableElement = this._tableAttributes.some(attr => eventOrigin.hasAttribute(attr));\n\t\tisTableElement && applyCustomAnnouncement(eventOrigin);\n\t}\n\n\t_handleTableElementFocusin(element: HTMLElement) {\n\t\tconst description = getCustomAnnouncement(element);\n\t\tapplyCustomAnnouncement(element, description);\n\t}\n\n\t_handleTableHeaderRowFocusin(headerRow: TableHeaderRow) {\n\t\tconst descriptions = [\n\t\t\tthis.i18nBundle.getText(TABLE_COLUMN_HEADER_ROW),\n\t\t];\n\n\t\tif (headerRow._hasSelector) {\n\t\t\tdescriptions.push(headerRow._isMultiSelect ? headerRow._selectionCellAriaDescription! : headerRow._i18nSelection);\n\t\t}\n\n\t\theaderRow._visibleCells.forEach(headerCell => {\n\t\t\tconst cellDescription = getCustomAnnouncement(headerCell, { lessDetails: true });\n\t\t\tdescriptions.push(cellDescription);\n\t\t});\n\n\t\tif (headerRow._rowActionCount > 0) {\n\t\t\tdescriptions.push(headerRow._i18nRowActions);\n\t\t}\n\n\t\tapplyCustomAnnouncement(headerRow, descriptions);\n\t}\n\n\t_handleTableRowFocusin(row: TableRow) {\n\t\tif (!row._table) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst descriptions = [\n\t\t\tthis.i18nBundle.getText(TABLE_ROW),\n\t\t\tthis.i18nBundle.getText(TABLE_ROW_INDEX, row.ariaRowIndex!, this._table._ariaRowCount),\n\t\t];\n\n\t\tif (row._isSelected) {\n\t\t\tdescriptions.push(this.i18nBundle.getText(TABLE_ROW_SELECTED));\n\t\t}\n\n\t\tif (row._isNavigable) {\n\t\t\tdescriptions.push(this.i18nBundle.getText(TABLE_ROW_NAVIGABLE));\n\t\t} else if (row.interactive) {\n\t\t\tdescriptions.push(this.i18nBundle.getText(TABLE_ROW_ACTIVE));\n\t\t}\n\n\t\tconst cells = [...row._visibleCells, ...row._popinCells];\n\t\tcells.flatMap(cell => {\n\t\t\treturn cell._popin ? [cell._popinHeader!, cell._popinContent!] : [cell._headerCell!, cell];\n\t\t}).forEach(node => {\n\t\t\tconst nodeDescription = getCustomAnnouncement(node, { lessDetails: true });\n\t\t\tdescriptions.push(nodeDescription);\n\t\t});\n\n\t\tif (row._availableActionsCount > 0) {\n\t\t\tdescriptions.push(row._actionCellAccText!);\n\t\t}\n\n\t\tif (row._renderNavigated && row.navigated) {\n\t\t\tdescriptions.push(this.i18nBundle.getText(TABLE_ROW_NAVIGATED));\n\t\t}\n\n\t\tapplyCustomAnnouncement(row, descriptions);\n\t}\n\n\t_handleTableCellFocusin(cell: TableCell) {\n\t\tif (cell.hasAttribute(\"data-ui5-table-popin-cell\")) {\n\t\t\tconst popinCells = (cell.getDomRef() as HTMLSlotElement).assignedNodes({ flatten: true }) as TableCell[];\n\t\t\tconst descriptions = popinCells.flatMap(popinCell => {\n\t\t\t\tconst headerDescription = getCustomAnnouncement(popinCell._popinHeader!);\n\t\t\t\tconst contentDescription = getCustomAnnouncement(popinCell._popinContent!);\n\t\t\t\treturn [headerDescription, contentDescription];\n\t\t\t});\n\t\t\tapplyCustomAnnouncement(cell, descriptions);\n\t\t} else {\n\t\t\tthis._handleTableElementFocusin(cell);\n\t\t}\n\t}\n}\n\nexport default TableCustomAnnouncement;\n"]}

package/dist/TableDragAndDrop.d.ts

@@ -0,0 +1,12 @@
+import TableExtension from "./TableExtension.js";
+import type Table from "./Table.js";
+export default class TableDragAndDrop extends TableExtension {
+    _table: Table;
+    constructor(table: Table);
+    _ondragstart(e: DragEvent): void;
+    _ondragend(): void;
+    _ondragenter(e: DragEvent): void;
+    _ondragleave(e: DragEvent): void;
+    _ondragover(e: DragEvent): void;
+    _ondrop(e: DragEvent): void;
+}

package/dist/TableDragAndDrop.js

@@ -0,0 +1,48 @@
+import DragRegistry from "@ui5/webcomponents-base/dist/util/dragAndDrop/DragRegistry.js";
+import { findClosestPosition } from "@ui5/webcomponents-base/dist/util/dragAndDrop/findClosestPosition.js";
+import Orientation from "@ui5/webcomponents-base/dist/types/Orientation.js";
+import handleDragOver from "@ui5/webcomponents-base/dist/util/dragAndDrop/handleDragOver.js";
+import handleDrop from "@ui5/webcomponents-base/dist/util/dragAndDrop/handleDrop.js";
+import TableExtension from "./TableExtension.js";
+export default class TableDragAndDrop extends TableExtension {
+    constructor(table) {
+        super();
+        this._table = table;
+    }
+    _ondragstart(e) {
+        DragRegistry.setDraggedElement(e.target);
+    }
+    _ondragend() {
+        DragRegistry.clearDraggedElement();
+    }
+    _ondragenter(e) {
+        e.preventDefault();
+    }
+    _ondragleave(e) {
+        if (e.relatedTarget instanceof Node && this._table.shadowRoot.contains(e.relatedTarget)) {
+            return;
+        }
+        this._table.dropIndicatorDOM.targetReference = null;
+    }
+    _ondragover(e) {
+        if (!(e.target instanceof HTMLElement)) {
+            return;
+        }
+        const closestPosition = findClosestPosition(this._table.rows, e.clientY, Orientation.Vertical);
+        if (!closestPosition) {
+            this._table.dropIndicatorDOM.targetReference = null;
+            return;
+        }
+        const { targetReference, placement } = handleDragOver(e, this._table, closestPosition, closestPosition.element, { crossDnD: true, originalEvent: true });
+        this._table.dropIndicatorDOM.targetReference = targetReference;
+        this._table.dropIndicatorDOM.placement = placement;
+    }
+    _ondrop(e) {
+        if (!this._table.dropIndicatorDOM?.targetReference || !this._table.dropIndicatorDOM?.placement) {
+            return;
+        }
+        handleDrop(e, this._table, this._table.dropIndicatorDOM.targetReference, this._table.dropIndicatorDOM.placement);
+        this._table.dropIndicatorDOM.targetReference = null;
+    }
+}
+//# sourceMappingURL=TableDragAndDrop.js.map

package/dist/TableDragAndDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableDragAndDrop.js","sourceRoot":"","sources":["../src/TableDragAndDrop.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,+DAA+D,CAAC;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sEAAsE,CAAC;AAC3G,OAAO,WAAW,MAAM,mDAAmD,CAAC;AAC5E,OAAO,cAAc,MAAM,iEAAiE,CAAC;AAC7F,OAAO,UAAU,MAAM,6DAA6D,CAAC;AACrF,OAAO,cAAc,MAAM,qBAAqB,CAAC;AAGjD,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,cAAc;IAG3D,YAAY,KAAY;QACvB,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,YAAY,CAAC,CAAY;QACxB,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAqB,CAAC,CAAC;IACzD,CAAC;IAED,UAAU;QACT,YAAY,CAAC,mBAAmB,EAAE,CAAC;IACpC,CAAC;IAED,YAAY,CAAC,CAAY;QACxB,CAAC,CAAC,cAAc,EAAE,CAAC;IACpB,CAAC;IAED,YAAY,CAAC,CAAY;QACxB,IAAI,CAAC,CAAC,aAAa,YAAY,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,UAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE,CAAC;YAC1F,OAAO;QACR,CAAC;QAED,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,eAAe,GAAG,IAAI,CAAC;IACrD,CAAC;IAED,WAAW,CAAC,CAAY;QACvB,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,YAAY,WAAW,CAAC,EAAE,CAAC;YACxC,OAAO;QACR,CAAC;QAED,MAAM,eAAe,GAAG,mBAAmB,CAC1C,IAAI,CAAC,MAAM,CAAC,IAAI,EAChB,CAAC,CAAC,OAAO,EACT,WAAW,CAAC,QAAQ,CACpB,CAAC;QAEF,IAAI,CAAC,eAAe,EAAE,CAAC;YACtB,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,eAAe,GAAG,IAAI,CAAC;YACpD,OAAO;QACR,CAAC;QAED,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,eAAe,EAAE,eAAe,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;QACzJ,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,eAAe,GAAG,eAAe,CAAC;QAC/D,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,SAAS,GAAG,SAAS,CAAC;IACpD,CAAC;IAED,OAAO,CAAC,CAAY;QACnB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,eAAe,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,EAAE,CAAC;YAChG,OAAO;QACR,CAAC;QAED,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QACjH,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,eAAe,GAAG,IAAI,CAAC;IACrD,CAAC;CACD","sourcesContent":["import DragRegistry from \"@ui5/webcomponents-base/dist/util/dragAndDrop/DragRegistry.js\";\nimport { findClosestPosition } from \"@ui5/webcomponents-base/dist/util/dragAndDrop/findClosestPosition.js\";\nimport Orientation from \"@ui5/webcomponents-base/dist/types/Orientation.js\";\nimport handleDragOver from \"@ui5/webcomponents-base/dist/util/dragAndDrop/handleDragOver.js\";\nimport handleDrop from \"@ui5/webcomponents-base/dist/util/dragAndDrop/handleDrop.js\";\nimport TableExtension from \"./TableExtension.js\";\nimport type Table from \"./Table.js\";\n\nexport default class TableDragAndDrop extends TableExtension {\n\t_table: Table;\n\n\tconstructor(table: Table) {\n\t\tsuper();\n\t\tthis._table = table;\n\t}\n\n\t_ondragstart(e: DragEvent) {\n\t\tDragRegistry.setDraggedElement(e.target as HTMLElement);\n\t}\n\n\t_ondragend() {\n\t\tDragRegistry.clearDraggedElement();\n\t}\n\n\t_ondragenter(e: DragEvent) {\n\t\te.preventDefault();\n\t}\n\n\t_ondragleave(e: DragEvent) {\n\t\tif (e.relatedTarget instanceof Node && this._table.shadowRoot!.contains(e.relatedTarget)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._table.dropIndicatorDOM.targetReference = null;\n\t}\n\n\t_ondragover(e: DragEvent) {\n\t\tif (!(e.target instanceof HTMLElement)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst closestPosition = findClosestPosition(\n\t\t\tthis._table.rows,\n\t\t\te.clientY,\n\t\t\tOrientation.Vertical,\n\t\t);\n\n\t\tif (!closestPosition) {\n\t\t\tthis._table.dropIndicatorDOM.targetReference = null;\n\t\t\treturn;\n\t\t}\n\n\t\tconst { targetReference, placement } = handleDragOver(e, this._table, closestPosition, closestPosition.element, { crossDnD: true, originalEvent: true });\n\t\tthis._table.dropIndicatorDOM.targetReference = targetReference;\n\t\tthis._table.dropIndicatorDOM.placement = placement;\n\t}\n\n\t_ondrop(e: DragEvent) {\n\t\tif (!this._table.dropIndicatorDOM?.targetReference || !this._table.dropIndicatorDOM?.placement) {\n\t\t\treturn;\n\t\t}\n\n\t\thandleDrop(e, this._table, this._table.dropIndicatorDOM.targetReference, this._table.dropIndicatorDOM.placement);\n\t\tthis._table.dropIndicatorDOM.targetReference = null;\n\t}\n}\n"]}

package/dist/TableExtension.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Base class for the extensions of `ui5-table` components.
+ * @private
+ */
+export default abstract class TableExtension {
+}

package/dist/TableExtension.js

@@ -0,0 +1,7 @@
+/**
+ * Base class for the extensions of `ui5-table` components.
+ * @private
+ */
+export default class TableExtension {
+}
+//# sourceMappingURL=TableExtension.js.map

package/dist/TableExtension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableExtension.js","sourceRoot":"","sources":["../src/TableExtension.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAgB,cAAc;CAAG","sourcesContent":["/**\n * Base class for the extensions of `ui5-table` components.\n * @private\n */\nexport default abstract class TableExtension {}\n"]}

package/dist/TableGrowing.d.ts

@@ -0,0 +1,130 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import TableGrowingMode from "./types/TableGrowingMode.js";
+import type Table from "./Table.js";
+import type { ITableGrowing } from "./Table.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * The `ui5-table-growing` component is used inside the `ui5-table` to add a growing/data loading functionalities
+ * to the table.
+ *
+ * The component offers two options:
+ * * Button - a More button is displayed, clicking it will load more data.
+ * * Scroll - additional data is loaded automatically when the user scrolls to the end of the table.
+ *
+ * ### Usage
+ *
+ * The `ui5-table-growing` component is only used inside the `ui5-table` component as a feature.
+ * It has to be slotted inside the `ui5-table` in the `features` slot.
+ * The component is not intended to be used as a standalone component.
+ *
+ * ```html
+ * <ui5-table>
+ * 	<ui5-table-growing mode="Button" text="More" slot="features"></ui5-table-growing>
+ * </ui5-table>
+ * ```
+ *
+ * **Notes**:
+ * * When the `ui5-table-growing` component is used with the `Scroll` mode and the table is currently not scrollable,
+ * the component will render a growing button instead to ensure growing capabilities until the table becomes scrollable.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents/dist/TableGrowing.js";`
+ *
+ * @constructor
+ * @extends UI5Element
+ * @since 2.0.0
+ * @public
+ */
+declare class TableGrowing extends UI5Element implements ITableGrowing {
+    eventDetails: {
+        "load-more": void;
+    };
+    /**
+     * Defines the mode of the <code>ui5-table</code> growing.
+     *
+     * Available options are:
+     *
+     * Button - Shows a More button at the bottom of the table, pressing it will load more rows.
+     *
+     * Scroll - The rows are loaded automatically by scrolling to the bottom of the table. If the table is not scrollable,
+     * a growing button will be rendered instead to ensure growing functionality.
+     * @default "Button"
+     * @public
+     */
+    mode: `${TableGrowingMode}`;
+    /**
+     * Defines the text that will be displayed inside the growing button.
+     * Has no effect when mode is set to `Scroll`.
+     *
+     * **Note:** When not provided and the mode is set to Button, a default text is displayed, corresponding to the
+     * current language.
+     *
+     * @default undefined
+     * @public
+     */
+    text?: string;
+    /**
+     * Defines the text that will be displayed below the `text` inside the growing button.
+     * Has no effect when mode is set to Scroll.
+     *
+     * @default undefined
+     * @public
+     */
+    subtext?: string;
+    /**
+     * Defines the active state of the growing button.
+     * Used for keyboard interaction.
+     * @private
+     */
+    _activeState: boolean;
+    _invalidate: number;
+    readonly identifier = "TableGrowing";
+    _table?: Table;
+    _observer?: IntersectionObserver;
+    _currentLastRow?: HTMLElement;
+    _shouldFocusRow?: boolean;
+    _renderContent: boolean;
+    static i18nBundle: I18nBundle;
+    onTableActivate(table: Table): void;
+    onTableAfterRendering(): void;
+    onExitDOM(): void;
+    onBeforeRendering(): void;
+    hasGrowingComponent(): boolean;
+    /**
+     * An event handler that can be used by the Table to notify the TableGrowing that
+     * the Table is growing either by pressing the load more button or by scrolling to the end of the table.
+     */
+    loadMore(): void;
+    _hasScrollToLoad(): boolean;
+    /**
+     * Observes the end of the table.
+     * @private
+     */
+    _observeTableEnd(): void;
+    /**
+     * Returns the IntersectionObserver instance. If it does not exist, it will be created.
+     * The observer will call the loadMore function when the end of the table is reached.
+     * @private
+     */
+    _getIntersectionObserver(): IntersectionObserver;
+    _onIntersection(entries: Array<IntersectionObserverEntry>): void;
+    _invalidateTable(): void;
+    /**
+     * Handles the keydown event on the growing button.
+     *
+     * Calls the loadMore function when the Enter and Space keys are pressed.
+     * @private
+     */
+    _onKeydown(e: KeyboardEvent): void;
+    _onKeyup(e: KeyboardEvent): void;
+    _onFocusout(): void;
+    get _buttonText(): string;
+    get _buttonDescription(): string;
+    get _hasButton(): boolean;
+}
+export default TableGrowing;