@ui5/webcomponents 0.0.0-037d08c67

package/dist/TableRowAction.d.ts

@@ -0,0 +1,46 @@
+import TableRowActionBase from "./TableRowActionBase.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * The `ui5-table-row-action` component defines an action for table rows.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents/dist/TableRowAction.js";`
+ *
+ * @constructor
+ * @extends TableRowActionBase
+ * @since 2.7.0
+ * @public
+ */
+declare class TableRowAction extends TableRowActionBase {
+    /**
+     * Defines the icon of the row action.
+     *
+     * **Note:** For row actions to work properly, this property is mandatory.
+     *
+     * **Note:** SAP-icons font provides numerous built-in icons. To find all the available icons, see the
+     * [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
+     *
+     * @default ""
+     * @public
+     */
+    icon: string;
+    /**
+     * Defines the text of the row action.
+     *
+     * **Note:** For row actions to work properly, this property is mandatory.
+     *
+     * @default ""
+     * @public
+     */
+    text: string;
+    getRenderInfo(): {
+        text: string;
+        icon: string;
+        interactive: boolean;
+    };
+}
+export default TableRowAction;

package/dist/TableRowAction.js

@@ -0,0 +1,70 @@
+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 property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import TableRowActionBase from "./TableRowActionBase.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * The `ui5-table-row-action` component defines an action for table rows.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents/dist/TableRowAction.js";`
+ *
+ * @constructor
+ * @extends TableRowActionBase
+ * @since 2.7.0
+ * @public
+ */
+let TableRowAction = class TableRowAction extends TableRowActionBase {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines the icon of the row action.
+         *
+         * **Note:** For row actions to work properly, this property is mandatory.
+         *
+         * **Note:** SAP-icons font provides numerous built-in icons. To find all the available icons, see the
+         * [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
+         *
+         * @default ""
+         * @public
+         */
+        this.icon = "";
+        /**
+         * Defines the text of the row action.
+         *
+         * **Note:** For row actions to work properly, this property is mandatory.
+         *
+         * @default ""
+         * @public
+         */
+        this.text = "";
+    }
+    getRenderInfo() {
+        return {
+            text: this.text,
+            icon: this.icon,
+            interactive: true,
+        };
+    }
+};
+__decorate([
+    property()
+], TableRowAction.prototype, "icon", void 0);
+__decorate([
+    property()
+], TableRowAction.prototype, "text", void 0);
+TableRowAction = __decorate([
+    customElement({ tag: "ui5-table-row-action" })
+], TableRowAction);
+TableRowAction.define();
+export default TableRowAction;
+//# sourceMappingURL=TableRowAction.js.map

package/dist/TableRowAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRowAction.js","sourceRoot":"","sources":["../src/TableRowAction.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AAEzD;;;;;;;;;;;;;;;GAeG;AAGH,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,kBAAkB;IAA/C;;QACC;;;;;;;;;;WAUG;QAEH,SAAI,GAAG,EAAE,CAAC;QAEV;;;;;;;WAOG;QAEH,SAAI,GAAG,EAAE,CAAC;IASX,CAAC;IAPA,aAAa;QACZ,OAAO;YACN,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,WAAW,EAAE,IAAI;SACjB,CAAC;IACH,CAAC;CACD,CAAA;AApBA;IADC,QAAQ,EAAE;4CACD;AAWV;IADC,QAAQ,EAAE;4CACD;AAxBL,cAAc;IAFnB,aAAa,CAAC,EAAE,GAAG,EAAE,sBAAsB,EAAE,CAAC;GAEzC,cAAc,CAiCnB;AAED,cAAc,CAAC,MAAM,EAAE,CAAC;AAExB,eAAe,cAAc,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport TableRowActionBase from \"./TableRowActionBase.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `ui5-table-row-action` component defines an action for table rows.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/TableRowAction.js\";`\n *\n * @constructor\n * @extends TableRowActionBase\n * @since 2.7.0\n * @public\n */\n@customElement({ tag: \"ui5-table-row-action\" })\n\nclass TableRowAction extends TableRowActionBase {\n\t/**\n\t * Defines the icon of the row action.\n\t *\n\t * **Note:** For row actions to work properly, this property is mandatory.\n\t *\n\t * **Note:** SAP-icons font provides numerous built-in icons. To find all the available icons, see the\n\t * [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ticon = \"\";\n\n\t/**\n\t * Defines the text of the row action.\n\t *\n\t * **Note:** For row actions to work properly, this property is mandatory.\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ttext = \"\";\n\n\tgetRenderInfo() {\n\t\treturn {\n\t\t\ttext: this.text,\n\t\t\ticon: this.icon,\n\t\t\tinteractive: true,\n\t\t};\n\t}\n}\n\nTableRowAction.define();\n\nexport default TableRowAction;\n"]}

package/dist/TableRowActionBase.d.ts

@@ -0,0 +1,39 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { UI5CustomEvent } from "@ui5/webcomponents-base";
+import type Button from "./Button.js";
+/**
+ * Fired when a row action is clicked.
+ *
+ * @public
+ * @since 2.9.0
+ */
+declare abstract class TableRowActionBase extends UI5Element {
+    eventDetails: {
+        "click": void;
+    };
+    /**
+     * Defines the visibility of the row action.
+     *
+     * **Note:** Invisible row actions still take up space, allowing to hide the action while maintaining its position.
+     *
+     * @default false
+     * @public
+     */
+    invisible: boolean;
+    private static _menu;
+    private static _menuItems;
+    static showMenu(actions: TableRowActionBase[], opener: HTMLElement): Promise<void>;
+    abstract getRenderInfo(): {
+        text: string;
+        icon: string;
+        interactive: boolean;
+    };
+    isFixedAction(): boolean;
+    onEnterDOM(): void;
+    _fireClickEvent(): void;
+    _onActionClick(e: UI5CustomEvent<Button, "click">): void;
+    get _text(): string;
+    get _icon(): string;
+    get _isInteractive(): boolean;
+}
+export default TableRowActionBase;

package/dist/TableRowActionBase.js

@@ -0,0 +1,112 @@
+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, property, eventStrict } from "@ui5/webcomponents-base/dist/decorators.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import TableRowActionBaseTemplate from "./TableRowActionBaseTemplate.js";
+import TableRowActionBaseStyles from "./generated/themes/TableRowActionBase.css.js";
+let MenuConstructor;
+let MenuItemConstructor;
+/**
+ * Fired when a row action is clicked.
+ *
+ * @public
+ * @since 2.9.0
+ */
+let TableRowActionBase = class TableRowActionBase extends UI5Element {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines the visibility of the row action.
+         *
+         * **Note:** Invisible row actions still take up space, allowing to hide the action while maintaining its position.
+         *
+         * @default false
+         * @public
+         */
+        this.invisible = false;
+    }
+    static async showMenu(actions, opener) {
+        if (!MenuConstructor) {
+            [MenuConstructor, MenuItemConstructor] = await Promise.all([
+                import("./Menu.js").then(module => module.default),
+                import("./MenuItem.js").then(module => module.default),
+            ]);
+        }
+        if (!this._menu || !this._menu.isConnected) {
+            this._menu = new MenuConstructor();
+            this._menu.addEventListener("item-click", ((e) => {
+                const menuItem = e.detail.item;
+                const rowAction = this._menuItems.get(menuItem);
+                rowAction._fireClickEvent();
+            }));
+            document.body.append(this._menu);
+        }
+        const menuItems = actions.map(action => {
+            const menuItem = new MenuItemConstructor();
+            menuItem.icon = action._icon;
+            menuItem.text = action._text;
+            menuItem.disabled = !action._isInteractive;
+            this._menuItems.set(menuItem, action);
+            return menuItem;
+        });
+        this._menu.replaceChildren(...menuItems);
+        this._menu.opener = opener;
+        this._menu.open = true;
+    }
+    isFixedAction() {
+        return false;
+    }
+    onEnterDOM() {
+        this.toggleAttribute("_fixed", this.isFixedAction());
+    }
+    _fireClickEvent() {
+        const row = this.parentElement;
+        const table = row.parentElement;
+        this.fireDecoratorEvent("click");
+        table._onRowActionClick(this);
+    }
+    _onActionClick(e) {
+        this._fireClickEvent();
+        e.stopPropagation();
+    }
+    get _text() {
+        return this.getRenderInfo().text;
+    }
+    get _icon() {
+        return this.getRenderInfo().icon;
+    }
+    get _isInteractive() {
+        return this.getRenderInfo().interactive;
+    }
+};
+TableRowActionBase._menuItems = new WeakMap();
+__decorate([
+    property({ type: Boolean })
+], TableRowActionBase.prototype, "invisible", void 0);
+TableRowActionBase = __decorate([
+    eventStrict("click", {
+        bubbles: false,
+    })
+    /**
+     * @class
+     * The `TableRowActionBase` class serves as a foundation for table row actions.
+     * @constructor
+     * @abstract
+     * @extends UI5Element
+     * @since 2.7.0
+     * @public
+     */
+    ,
+    customElement({
+        renderer: jsxRenderer,
+        styles: TableRowActionBaseStyles,
+        template: TableRowActionBaseTemplate,
+    })
+], TableRowActionBase);
+export default TableRowActionBase;
+//# sourceMappingURL=TableRowActionBase.js.map

package/dist/TableRowActionBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRowActionBase.js","sourceRoot":"","sources":["../src/TableRowActionBase.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport { customElement, property, eventStrict } from \"@ui5/webcomponents-base/dist/decorators.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type { UI5CustomEvent } from \"@ui5/webcomponents-base\";\n\nimport TableRowActionBaseTemplate from \"./TableRowActionBaseTemplate.js\";\nimport TableRowActionBaseStyles from \"./generated/themes/TableRowActionBase.css.js\";\nimport type Menu from \"./Menu.js\";\nimport type MenuItem from \"./MenuItem.js\";\nimport type Table from \"./Table.js\";\nimport type TableRow from \"./TableRow.js\";\nimport type TableRowAction from \"./TableRowAction.js\";\nimport type Button from \"./Button.js\";\n\nlet MenuConstructor: new () => Menu;\nlet MenuItemConstructor: new () => MenuItem;\n\n/**\n * Fired when a row action is clicked.\n *\n * @public\n * @since 2.9.0\n */\n@eventStrict(\"click\", {\n\tbubbles: false,\n})\n\n/**\n * @class\n * The `TableRowActionBase` class serves as a foundation for table row actions.\n * @constructor\n * @abstract\n * @extends UI5Element\n * @since 2.7.0\n * @public\n */\n@customElement({\n\trenderer: jsxRenderer,\n\tstyles: TableRowActionBaseStyles,\n\ttemplate: TableRowActionBaseTemplate,\n})\n\nabstract class TableRowActionBase extends UI5Element {\n\teventDetails!: {\n\t\t\"click\": void,\n\t}\n\n\t/**\n\t * Defines the visibility of the row action.\n\t *\n\t * **Note:** Invisible row actions still take up space, allowing to hide the action while maintaining its position.\n\t *\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tinvisible = false;\n\n\tprivate static _menu: Menu;\n\tprivate static _menuItems = new WeakMap();\n\tstatic async showMenu(actions: TableRowActionBase[], opener: HTMLElement) {\n\t\tif (!MenuConstructor) {\n\t\t\t[MenuConstructor, MenuItemConstructor] = await Promise.all([\n\t\t\t\timport(\"./Menu.js\").then(module => module.default),\n\t\t\t\timport(\"./MenuItem.js\").then(module => module.default),\n\t\t\t]);\n\t\t}\n\n\t\tif (!this._menu || !this._menu.isConnected) {\n\t\t\tthis._menu = new MenuConstructor();\n\t\t\tthis._menu.addEventListener(\"item-click\", ((e: CustomEvent) => {\n\t\t\t\tconst menuItem = e.detail.item as MenuItem;\n\t\t\t\tconst rowAction = this._menuItems.get(menuItem) as TableRowAction;\n\t\t\t\trowAction._fireClickEvent();\n\t\t\t}) as EventListener);\n\t\t\tdocument.body.append(this._menu);\n\t\t}\n\n\t\tconst menuItems = actions.map(action => {\n\t\t\tconst menuItem = new MenuItemConstructor();\n\t\t\tmenuItem.icon = action._icon;\n\t\t\tmenuItem.text = action._text;\n\t\t\tmenuItem.disabled = !action._isInteractive;\n\t\t\tthis._menuItems.set(menuItem, action);\n\t\t\treturn menuItem;\n\t\t});\n\n\t\tthis._menu.replaceChildren(...menuItems);\n\t\tthis._menu.opener = opener;\n\t\tthis._menu.open = true;\n\t}\n\n\tabstract getRenderInfo(): {\n\t\ttext: string;\n\t\ticon: string;\n\t\tinteractive: boolean;\n\t};\n\n\tisFixedAction() {\n\t\treturn false;\n\t}\n\n\tonEnterDOM(): void {\n\t\tthis.toggleAttribute(\"_fixed\", this.isFixedAction());\n\t}\n\n\t_fireClickEvent() {\n\t\tconst row = this.parentElement as TableRow;\n\t\tconst table = row.parentElement as Table;\n\t\tthis.fireDecoratorEvent(\"click\");\n\t\ttable._onRowActionClick(this);\n\t}\n\n\t_onActionClick(e: UI5CustomEvent<Button, \"click\">) {\n\t\tthis._fireClickEvent();\n\t\te.stopPropagation();\n\t}\n\n\tget _text() {\n\t\treturn this.getRenderInfo().text;\n\t}\n\n\tget _icon() {\n\t\treturn this.getRenderInfo().icon;\n\t}\n\n\tget _isInteractive() {\n\t\treturn this.getRenderInfo().interactive;\n\t}\n}\n\nexport default TableRowActionBase;\n"]}

package/dist/TableRowActionBaseTemplate.d.ts

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

package/dist/TableRowActionBaseTemplate.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import Button from "./Button.js";
+import ButtonDesign from "./types/ButtonDesign.js";
+import Icon from "./Icon.js";
+import IconDesign from "./types/IconDesign.js";
+export default function TableRowActionBaseTemplate() {
+    return (_jsx(_Fragment, { children: this.invisible ?
+            _jsx("div", {})
+            :
+                this._isInteractive ?
+                    _jsx(Button, { icon: this._icon, tooltip: this._text, onClick: this._onActionClick, design: ButtonDesign.Transparent })
+                    :
+                        _jsx(Icon, { name: this._icon, accessibleName: this._text, showTooltip: true, design: IconDesign.NonInteractive }) }));
+}
+//# sourceMappingURL=TableRowActionBaseTemplate.js.map

package/dist/TableRowActionBaseTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRowActionBaseTemplate.js","sourceRoot":"","sources":["../src/TableRowActionBaseTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,YAAY,MAAM,yBAAyB,CAAC;AACnD,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,UAAU,MAAM,uBAAuB,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,0BAA0B;IACjD,OAAO,CACN,4BACG,IAAI,CAAC,SAAS,CAAC,CAAC;YACjB,eAAW;YACX,CAAC;gBACD,IAAI,CAAC,cAAc,CAAC,CAAC;oBACpB,KAAC,MAAM,IACN,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,OAAO,EAAE,IAAI,CAAC,cAAc,EAC5B,MAAM,EAAE,YAAY,CAAC,WAAW,GACvB;oBACV,CAAC;wBACD,KAAC,IAAI,IACJ,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,cAAc,EAAE,IAAI,CAAC,KAAK,EAC1B,WAAW,EAAE,IAAI,EACjB,MAAM,EAAE,UAAU,CAAC,cAAc,GAC1B,GAER,CACH,CAAC;AACH,CAAC","sourcesContent":["import Button from \"./Button.js\";\nimport ButtonDesign from \"./types/ButtonDesign.js\";\nimport Icon from \"./Icon.js\";\nimport IconDesign from \"./types/IconDesign.js\";\nimport type TableRowActionBase from \"./TableRowActionBase.js\";\n\nexport default function TableRowActionBaseTemplate(this: TableRowActionBase) {\n\treturn (\n\t\t<>\n\t\t\t{ this.invisible ?\n\t\t\t\t<div></div>\n\t\t\t\t:\n\t\t\t\tthis._isInteractive ?\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticon={this._icon}\n\t\t\t\t\t\ttooltip={this._text}\n\t\t\t\t\t\tonClick={this._onActionClick}\n\t\t\t\t\t\tdesign={ButtonDesign.Transparent}\n\t\t\t\t\t></Button>\n\t\t\t\t\t:\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tname={this._icon}\n\t\t\t\t\t\taccessibleName={this._text}\n\t\t\t\t\t\tshowTooltip={true}\n\t\t\t\t\t\tdesign={IconDesign.NonInteractive}\n\t\t\t\t\t></Icon>\n\t\t\t}\n\t\t</>\n\t);\n}\n"]}

package/dist/TableRowActionNavigation.d.ts

@@ -0,0 +1,37 @@
+import TableRowActionBase from "./TableRowActionBase.js";
+import "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * The `ui5-table-row-action-navigation` component defines a navigation action for table rows.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents/dist/TableRowActionNavigation.js";`
+ *
+ * @constructor
+ * @extends TableRowActionBase
+ * @since 2.7.0
+ * @public
+ */
+declare class TableRowActionNavigation extends TableRowActionBase {
+    /**
+     * Defines the interactive state of the navigation action.
+     *
+     * @default false
+     * @public
+     */
+    interactive: boolean;
+    static i18nBundle: I18nBundle;
+    isFixedAction(): boolean;
+    getRenderInfo(): {
+        text: string;
+        icon: string;
+        interactive: boolean;
+    };
+    get _i18nNavigation(): string;
+}
+export default TableRowActionNavigation;

package/dist/TableRowActionNavigation.js

@@ -0,0 +1,64 @@
+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 TableRowActionNavigation_1;
+import { customElement, property, i18n } from "@ui5/webcomponents-base/dist/decorators.js";
+import TableRowActionBase from "./TableRowActionBase.js";
+import "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
+import { TABLE_NAVIGATION } from "./generated/i18n/i18n-defaults.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * The `ui5-table-row-action-navigation` component defines a navigation action for table rows.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents/dist/TableRowActionNavigation.js";`
+ *
+ * @constructor
+ * @extends TableRowActionBase
+ * @since 2.7.0
+ * @public
+ */
+let TableRowActionNavigation = TableRowActionNavigation_1 = class TableRowActionNavigation extends TableRowActionBase {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines the interactive state of the navigation action.
+         *
+         * @default false
+         * @public
+         */
+        this.interactive = false;
+    }
+    isFixedAction() {
+        return true;
+    }
+    getRenderInfo() {
+        return {
+            text: this._i18nNavigation,
+            icon: "navigation-right-arrow",
+            interactive: this.interactive,
+        };
+    }
+    get _i18nNavigation() {
+        return TableRowActionNavigation_1.i18nBundle.getText(TABLE_NAVIGATION);
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], TableRowActionNavigation.prototype, "interactive", void 0);
+__decorate([
+    i18n("@ui5/webcomponents")
+], TableRowActionNavigation, "i18nBundle", void 0);
+TableRowActionNavigation = TableRowActionNavigation_1 = __decorate([
+    customElement({ tag: "ui5-table-row-action-navigation" })
+], TableRowActionNavigation);
+TableRowActionNavigation.define();
+export default TableRowActionNavigation;
+//# sourceMappingURL=TableRowActionNavigation.js.map

package/dist/TableRowActionNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRowActionNavigation.js","sourceRoot":"","sources":["../src/TableRowActionNavigation.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,4CAA4C,CAAC;AAC3F,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,yDAAyD,CAAC;AAEjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAErE;;;;;;;;;;;;;;;GAeG;AAGH,IAAM,wBAAwB,gCAA9B,MAAM,wBAAyB,SAAQ,kBAAkB;IAAzD;;QACC;;;;;WAKG;QAEH,gBAAW,GAAG,KAAK,CAAC;IAoBrB,CAAC;IAfA,aAAa;QACZ,OAAO,IAAI,CAAC;IACb,CAAC;IAED,aAAa;QACZ,OAAO;YACN,IAAI,EAAE,IAAI,CAAC,eAAe;YAC1B,IAAI,EAAE,wBAAwB;YAC9B,WAAW,EAAE,IAAI,CAAC,WAAW;SAC7B,CAAC;IACH,CAAC;IAED,IAAI,eAAe;QAClB,OAAO,0BAAwB,CAAC,UAAU,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACtE,CAAC;CACD,CAAA;AApBA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6DACR;AAGb;IADN,IAAI,CAAC,oBAAoB,CAAC;kDACG;AAXzB,wBAAwB;IAF7B,aAAa,CAAC,EAAE,GAAG,EAAE,iCAAiC,EAAE,CAAC;GAEpD,wBAAwB,CA4B7B;AAED,wBAAwB,CAAC,MAAM,EAAE,CAAC;AAElC,eAAe,wBAAwB,CAAC","sourcesContent":["import { customElement, property, i18n } from \"@ui5/webcomponents-base/dist/decorators.js\";\nimport TableRowActionBase from \"./TableRowActionBase.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { TABLE_NAVIGATION } from \"./generated/i18n/i18n-defaults.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `ui5-table-row-action-navigation` component defines a navigation action for table rows.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/TableRowActionNavigation.js\";`\n *\n * @constructor\n * @extends TableRowActionBase\n * @since 2.7.0\n * @public\n */\n@customElement({ tag: \"ui5-table-row-action-navigation\" })\n\nclass TableRowActionNavigation extends TableRowActionBase {\n\t/**\n\t * Defines the interactive state of the navigation action.\n\t *\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tinteractive = false;\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\tisFixedAction() {\n\t\treturn true;\n\t}\n\n\tgetRenderInfo() {\n\t\treturn {\n\t\t\ttext: this._i18nNavigation,\n\t\t\ticon: \"navigation-right-arrow\",\n\t\t\tinteractive: this.interactive,\n\t\t};\n\t}\n\n\tget _i18nNavigation() {\n\t\treturn TableRowActionNavigation.i18nBundle.getText(TABLE_NAVIGATION);\n\t}\n}\n\nTableRowActionNavigation.define();\n\nexport default TableRowActionNavigation;\n"]}

package/dist/TableRowBase.d.ts

@@ -0,0 +1,41 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type TableCellBase from "./TableCellBase.js";
+import type Table from "./Table.js";
+/**
+ * @class
+ * A class to serve as a foundation for the `TableRow` and `TableHeaderRow` classes.
+ * @constructor
+ * @abstract
+ * @extends UI5Element
+ * @since 2.0.0
+ * @public
+ */
+declare abstract class TableRowBase<TCell extends TableCellBase = TableCellBase> extends UI5Element {
+    cells: Array<TCell>;
+    _invalidate: number;
+    _rowActionCount: number;
+    _renderNavigated: boolean;
+    _alternate: boolean;
+    _selectionCell?: HTMLElement;
+    _navigatedCell?: HTMLElement;
+    static i18nBundle: I18nBundle;
+    onEnterDOM(): void;
+    onBeforeRendering(): void;
+    getFocusDomRef(): this;
+    isHeaderRow(): boolean;
+    _onSelectionChange(): void;
+    _onkeydown(e: KeyboardEvent, eventOrigin: HTMLElement): void;
+    get _table(): Table | undefined;
+    get _tableId(): string | undefined;
+    get _tableSelection(): import("./TableSelectionBase.js").default | import("./TableSelection.js").default | undefined;
+    get _isSelected(): boolean | undefined;
+    get _isSelectable(): boolean | undefined;
+    get _isMultiSelect(): boolean;
+    get _hasSelector(): boolean | undefined;
+    get _visibleCells(): TCell[];
+    get _popinCells(): TCell[];
+    get _stickyCells(): (HTMLElement | undefined)[];
+    get _i18nRowSelector(): string;
+}
+export default TableRowBase;

package/dist/TableRowBase.js

@@ -0,0 +1,120 @@
+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 { customElement, property, i18n } from "@ui5/webcomponents-base/dist/decorators.js";
+import { isEnter, isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
+import { isInstanceOfTable, toggleAttribute } from "./TableUtils.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import TableRowBaseCss from "./generated/themes/TableRowBase.css.js";
+import query from "@ui5/webcomponents-base/dist/decorators/query.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;
+        this._rowActionCount = 0;
+        this._renderNavigated = false;
+        this._alternate = false;
+    }
+    onEnterDOM() {
+        !this.role && this.setAttribute("role", "row");
+        this.toggleAttribute("ui5-table-row-base", true);
+    }
+    onBeforeRendering() {
+        toggleAttribute(this, "aria-selected", this._isSelectable, `${this._isSelected}`);
+    }
+    getFocusDomRef() {
+        return this;
+    }
+    isHeaderRow() {
+        return false;
+    }
+    _onSelectionChange() {
+        const tableSelection = this._tableSelection;
+        const selected = tableSelection.isMultiSelectable() ? !this._isSelected : true;
+        tableSelection.setSelected(this, selected, true);
+    }
+    _onkeydown(e, eventOrigin) {
+        if ((eventOrigin === this && this._isSelectable && isSpace(e)) || (eventOrigin === this._selectionCell && (isSpace(e) || isEnter(e)))) {
+            this._onSelectionChange();
+            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?.isMultiSelectable();
+    }
+    get _hasSelector() {
+        return this._table?._isRowSelectorRequired;
+    }
+    get _visibleCells() {
+        return this.cells.filter(c => !c._popin);
+    }
+    get _popinCells() {
+        return this.cells.filter(c => c._popin && !c._popinHidden);
+    }
+    get _stickyCells() {
+        return [this._selectionCell, ...this.cells, this._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);
+__decorate([
+    property({ type: Number, noAttribute: true })
+], TableRowBase.prototype, "_rowActionCount", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], TableRowBase.prototype, "_renderNavigated", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], TableRowBase.prototype, "_alternate", void 0);
+__decorate([
+    query("#selection-cell")
+], TableRowBase.prototype, "_selectionCell", void 0);
+__decorate([
+    query("#navigated-cell")
+], TableRowBase.prototype, "_navigatedCell", void 0);
+__decorate([
+    i18n("@ui5/webcomponents")
+], TableRowBase, "i18nBundle", void 0);
+TableRowBase = TableRowBase_1 = __decorate([
+    customElement({
+        renderer: jsxRenderer,
+        styles: TableRowBaseCss,
+    })
+], TableRowBase);
+export default TableRowBase;
+//# sourceMappingURL=TableRowBase.js.map

package/dist/TableRowBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRowBase.js","sourceRoot":"","sources":["../src/TableRowBase.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport { customElement, property, i18n } from \"@ui5/webcomponents-base/dist/decorators.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { isInstanceOfTable, toggleAttribute } from \"./TableUtils.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport TableRowBaseCss from \"./generated/themes/TableRowBase.css.js\";\nimport query from \"@ui5/webcomponents-base/dist/decorators/query.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type TableCellBase from \"./TableCellBase.js\";\nimport type Table from \"./Table.js\";\nimport {\n\tTABLE_ROW_SELECTOR,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n/**\n * @class\n * A class to serve as a foundation for the `TableRow` and `TableHeaderRow` classes.\n * @constructor\n * @abstract\n * @extends UI5Element\n * @since 2.0.0\n * @public\n */\n@customElement({\n\trenderer: jsxRenderer,\n\tstyles: TableRowBaseCss,\n})\nabstract class TableRowBase<TCell extends TableCellBase = TableCellBase> extends UI5Element {\n\tcells!: Array<TCell>;\n\n\t@property({ type: Number, noAttribute: true })\n\t_invalidate = 0;\n\n\t@property({ type: Number, noAttribute: true })\n\t_rowActionCount = 0;\n\n\t@property({ type: Boolean, noAttribute: true })\n\t_renderNavigated = false;\n\n\t@property({ type: Boolean, noAttribute: true })\n\t_alternate = false;\n\n\t@query(\"#selection-cell\")\n\t_selectionCell?: HTMLElement;\n\n\t@query(\"#navigated-cell\")\n\t_navigatedCell?: HTMLElement;\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\tonEnterDOM() {\n\t\t!this.role && this.setAttribute(\"role\", \"row\");\n\t\tthis.toggleAttribute(\"ui5-table-row-base\", true);\n\t}\n\n\tonBeforeRendering() {\n\t\ttoggleAttribute(this, \"aria-selected\", this._isSelectable, `${this._isSelected}`);\n\t}\n\n\tgetFocusDomRef() {\n\t\treturn this;\n\t}\n\n\tisHeaderRow(): boolean {\n\t\treturn false;\n\t}\n\n\t_onSelectionChange() {\n\t\tconst tableSelection = this._tableSelection!;\n\t\tconst selected = tableSelection.isMultiSelectable() ? !this._isSelected : true;\n\t\ttableSelection.setSelected(this, selected, true);\n\t}\n\n\t_onkeydown(e: KeyboardEvent, eventOrigin: HTMLElement) {\n\t\tif ((eventOrigin === this && this._isSelectable && isSpace(e)) || (eventOrigin === this._selectionCell && (isSpace(e) || isEnter(e)))) {\n\t\t\tthis._onSelectionChange();\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\tget _table(): Table | undefined {\n\t\tconst element = this.parentElement;\n\t\treturn isInstanceOfTable(element) ? element : undefined;\n\t}\n\n\tget _tableId() {\n\t\treturn this._table?._id;\n\t}\n\n\tget _tableSelection() {\n\t\treturn this._table?._getSelection();\n\t}\n\n\tget _isSelected() {\n\t\treturn this._tableSelection?.isSelected(this);\n\t}\n\n\tget _isSelectable() {\n\t\treturn this._tableSelection?.isSelectable();\n\t}\n\n\tget _isMultiSelect() {\n\t\treturn !!this._tableSelection?.isMultiSelectable();\n\t}\n\n\tget _hasSelector() {\n\t\treturn this._table?._isRowSelectorRequired;\n\t}\n\n\tget _visibleCells() {\n\t\treturn this.cells.filter(c => !c._popin);\n\t}\n\n\tget _popinCells() {\n\t\treturn this.cells.filter(c => c._popin && !c._popinHidden);\n\t}\n\n\tget _stickyCells() {\n\t\treturn [this._selectionCell, ...this.cells, this._navigatedCell].filter(cell => cell?.hasAttribute(\"fixed\"));\n\t}\n\n\tget _i18nRowSelector(): string {\n\t\treturn TableRowBase.i18nBundle.getText(TABLE_ROW_SELECTOR);\n\t}\n}\n\nexport default TableRowBase;\n"]}

package/dist/TableRowTemplate.d.ts

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

package/dist/TableRowTemplate.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import TableCell from "./TableCell.js";
+import CheckBox from "./CheckBox.js";
+import RadioButton from "./RadioButton.js";
+import Button from "./Button.js";
+import ButtonDesign from "./types/ButtonDesign.js";
+import iconOverflow from "@ui5/webcomponents-icons/dist/overflow.js";
+export default function TableRowTemplate(ariaColIndex = 1) {
+    return (_jsxs(_Fragment, { children: [this._hasSelector &&
+                _jsx(TableCell, { id: "selection-cell", "aria-selected": this._isSelected, "aria-colindex": ariaColIndex++, "data-ui5-table-selection-cell": true, "data-ui5-table-cell-fixed": true, "data-ui5-acc-text": "", children: this._isMultiSelect ?
+                        _jsx(CheckBox, { id: "selection-component", tabindex: -1, checked: this._isSelected, onChange: this._onSelectionChange, accessibleName: this._i18nRowSelector })
+                        :
+                            _jsx(RadioButton, { id: "selection-component", tabindex: -1, name: this._tableId, checked: this._isSelected, onChange: this._onSelectionChange, accessibleName: this._i18nRowSelector }) }), this.cells.flatMap(cell => {
+                if (cell._popin) {
+                    cell.role = null;
+                    cell.ariaColIndex = null;
+                    return [];
+                }
+                cell.role ??= cell.ariaRole;
+                cell.ariaColIndex = (cell.role === cell.ariaRole) ? `${ariaColIndex++}` : null;
+                return [_jsx("slot", { name: cell._individualSlot })];
+            }), this._rowActionCount > 0 &&
+                _jsxs(TableCell, { id: "actions-cell", "aria-colindex": ariaColIndex++, "data-ui5-acc-text": this._actionCellAccText, children: [this._flexibleActions.map(action => (_jsx("slot", { name: action._individualSlot }))), this._hasOverflowActions &&
+                            _jsx(Button, { id: "overflow", icon: iconOverflow, design: ButtonDesign.Transparent, onClick: this._onOverflowButtonClick }), this._fixedActions.map(action => (_jsx("slot", { name: action._individualSlot })))] }), this._renderNavigated &&
+                _jsx(TableCell, { id: "navigated-cell", "data-excluded-from-navigation": true, "aria-hidden": true, role: "none", children: _jsx("div", { id: "navigated" }) }), this._popinCells.length > 0 &&
+                _jsx(TableCell, { id: "popin-cell", "data-ui5-table-popin-cell": true, "aria-colindex": ariaColIndex++, children: this._popinCells.map(cell => (_jsx("slot", { name: cell._individualSlot }))) })] }));
+}
+//# sourceMappingURL=TableRowTemplate.js.map