@ui5/webcomponents 0.0.0-4e88b8243 → 0.0.0-50f1454ef

package/dist/Table.d.ts

@@ -1,18 +1,21 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import TableNavigation from "./TableNavigation.js";
+import TableOverflowMode from "./types/TableOverflowMode.js";
+import TableDragAndDrop from "./TableDragAndDrop.js";
+import type DropIndicator from "./DropIndicator.js";
+import type TableHeaderRow from "./TableHeaderRow.js";
+import type TableRow from "./TableRow.js";
 import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
-import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import type { MoveEventDetail as TableMoveEventDetail } from "@ui5/webcomponents-base/dist/util/dragAndDrop/DragRegistry.js";
-import TableRow from "./TableRow.js";
-import TableHeaderRow from "./TableHeaderRow.js";
+import type { MoveEventDetail } from "@ui5/webcomponents-base/dist/util/dragAndDrop/DragRegistry.js";
 import type TableHeaderCell from "./TableHeaderCell.js";
 import type TableSelection from "./TableSelection.js";
-import TableOverflowMode from "./types/TableOverflowMode.js";
-import TableNavigation from "./TableNavigation.js";
-import DropIndicator from "./DropIndicator.js";
-import TableDragAndDrop from "./TableDragAndDrop.js";
+import type TableSelectionBase from "./TableSelectionBase.js";
+import type TableRowActionBase from "./TableRowActionBase.js";
 import type TableVirtualizer from "./TableVirtualizer.js";
+import type TableGrowing from "./TableGrowing.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 /**
- * Interface for components that can be slotted inside the <code>features</code> slot of the <code>ui5-table</code>.
+ * Interface for components that can be slotted inside the `features` slot of the `ui5-table`.
  *
  * @public
  * @experimental
@@ -21,16 +24,22 @@ interface ITableFeature extends UI5Element {
     readonly identifier: string;
     /**
      * Called when the table is activated.
-     * @param table table instance
+     * @param table Table instance
      */
     onTableActivate?(table: Table): void;
     /**
-     * Called when the table finished rendering.
+     * Called every time before the table renders.
+     * @param table Table instance
+     */
+    onTableBeforeRendering?(table?: Table): void;
+    /**
+     * Called every time after the table renders.
+     * @param table Table instance
      */
     onTableAfterRendering?(table?: Table): void;
 }
 /**
- * Interface for components that can be slotted inside the <code>features</code> slot of the <code>ui5-table</code>
+ * Interface for components that can be slotted inside the `features` slot of the `ui5-table`
  * and provide growing/data loading functionality.
  * @public
  * @experimental
@@ -48,12 +57,25 @@ interface ITableGrowing extends ITableFeature {
 }
 /**
  * Fired when an interactive row is clicked.
+ *
  * @param {TableRow} row The clicked row instance
  * @public
  */
 type TableRowClickEventDetail = {
     row: TableRow;
 };
+type TableMoveEventDetail = MoveEventDetail;
+/**
+ * Fired when a row action is clicked.
+ *
+ * @param {TableRowActionBase} action The row action instance
+ * @param {TableRow} row The row instance
+ * @public
+ */
+type TableRowActionClickEventDetail = {
+    action: TableRowActionBase;
+    row: TableRow;
+};
 /**
  * @class
  *
@@ -140,11 +162,12 @@ declare class Table extends UI5Element {
         "row-click": TableRowClickEventDetail;
         "move-over": TableMoveEventDetail;
         "move": TableMoveEventDetail;
+        "row-action-click": TableRowActionClickEventDetail;
     };
     /**
      * Defines the rows of the component.
      *
-     * Note: Use <code>ui5-table-row</code> for the intended design.
+     * **Note:** Use `ui5-table-row` for the intended design.
      *
      * @public
      */
@@ -152,7 +175,7 @@ declare class Table extends UI5Element {
     /**
      * Defines the header row of the component.
      *
-     * Note: Use <code>ui5-table-header-row</code> for the intended design.
+     * **Note:** Use `ui5-table-header-row` for the intended design.
      *
      * @public
      */
@@ -162,9 +185,10 @@ declare class Table extends UI5Element {
      *
      * @public
      */
-    nodata: Array<HTMLElement>;
+    noData: Array<HTMLElement>;
     /**
      * Defines the features of the component.
+     *
      * @public
      */
     features: Array<ITableFeature>;
@@ -195,7 +219,6 @@ declare class Table extends UI5Element {
      * Available options are:
      *
      * <code>Scroll</code> - Columns are shown as regular columns and horizontal scrolling is enabled.
-     *
      * <code>Popin</code> - Columns are shown as pop-ins instead of regular columns.
      *
      * @default "Scroll"
@@ -205,23 +228,42 @@ declare class Table extends UI5Element {
     /**
      * Defines if the loading indicator should be shown.
      *
-     * <b>Note:</b> When the component is loading, it is non-interactive.
+     * **Note:** When the component is loading, it is not interactive.
+     *
      * @default false
      * @public
      */
     loading: boolean;
     /**
      * Defines the delay in milliseconds, after which the loading indicator will show up for this component.
+     *
      * @default 1000
      * @public
      */
     loadingDelay: number;
+    /**
+     * Defines the maximum number of row actions that is displayed, which determines the width of the row action column.
+     *
+     * **Note:** It is recommended to use a maximum of 3 row actions, as exceeding this limit may take up too much space on smaller screens.
+     *
+     * @default 0
+     * @since 2.7.0
+     * @public
+     */
+    rowActionCount: number;
     /**
      * Defines the sticky top offset of the table, if other sticky elements outside of the table exist.
      */
     stickyTop: string;
     _invalidate: number;
     _renderNavigated: boolean;
+    dropIndicatorDOM: DropIndicator;
+    _noDataRow?: TableRow;
+    _endRow: TableRow;
+    _tableElement: HTMLElement;
+    _beforeElement: HTMLElement;
+    _afterElement: HTMLElement;
+    _loadingElement: HTMLElement;
     static i18nBundle: I18nBundle;
     _events: string[];
     _onEventBound: (e: Event) => void;
@@ -230,7 +272,7 @@ declare class Table extends UI5Element {
     _tableDragAndDrop?: TableDragAndDrop;
     _poppedIn: Array<{
         col: TableHeaderCell;
-        width: float;
+        width: number;
     }>;
     _containerWidth: number;
     constructor();
@@ -238,11 +280,15 @@ declare class Table extends UI5Element {
     onExitDOM(): void;
     onBeforeRendering(): void;
     onAfterRendering(): void;
-    _getSelection(): TableSelection | undefined;
+    _findFeature<T>(featureName: string): T;
+    _getSelection(): TableSelectionBase | TableSelection | undefined;
     _getVirtualizer(): TableVirtualizer | undefined;
+    _getGrowing(): TableGrowing | undefined;
     _onEvent(e: Event): void;
     _onResize(): void;
     _onfocusin(e: FocusEvent): void;
+    _onGrow(): void;
+    _getPopinOrderedColumns(reverse: boolean): TableHeaderCell[];
     /**
      * Refreshes the popin state of the columns.
      * Syncs the popin state of the columns with the popin state of the header cells.
@@ -250,12 +296,10 @@ declare class Table extends UI5Element {
      * @private
      */
     _refreshPopinState(): void;
-    _onGrow(): void;
-    _getPopinOrderedColumns(reverse: boolean): TableHeaderCell[];
     _setHeaderPopinState(headerCell: TableHeaderCell, inPopin: boolean, popinWidth: number): void;
-    _isFeature(feature: any): boolean;
     _isGrowingFeature(feature: any): boolean;
-    _onRowPress(row: TableRow): void;
+    _onRowClick(row: TableRow): void;
+    _onRowActionClick(action: TableRowActionBase): void;
     get styles(): {
         table: {
             "grid-template-columns": string | undefined;
@@ -267,23 +311,13 @@ declare class Table extends UI5Element {
         };
     };
     get _gridTemplateColumns(): string | undefined;
-    get _tableOverflowX(): "auto" | "clip";
-    get _tableOverflowY(): string;
-    get _nodataRow(): TableRow;
-    get _beforeElement(): HTMLElement;
-    get _afterElement(): HTMLElement;
-    get _tableElement(): HTMLElement;
-    get _loadingElement(): HTMLElement;
+    get _scrollContainer(): HTMLElement;
+    get _stickyElements(): (TableHeaderRow | TableHeaderCell)[];
     get _effectiveNoDataText(): string;
     get _ariaLabel(): string | undefined;
     get _ariaRowCount(): number | undefined;
     get _ariaMultiSelectable(): boolean | undefined;
-    get _shouldRenderGrowing(): boolean | 0;
-    get _growing(): ITableGrowing;
-    get _stickyElements(): (TableHeaderCell | TableHeaderRow)[];
-    get _scrollContainer(): HTMLElement;
     get isTable(): boolean;
-    get dropIndicatorDOM(): DropIndicator | null;
 }
 export default Table;
-export type { ITableFeature, ITableGrowing, TableRowClickEventDetail, TableMoveEventDetail as TableTableMoveEventDetail, };
+export type { ITableFeature, ITableGrowing, TableRowClickEventDetail, TableMoveEventDetail, TableRowActionClickEventDetail, };

package/dist/Table.js

@@ -6,28 +6,20 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 var Table_1;
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
-import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
-import { getScopedVarName } from "@ui5/webcomponents-base/dist/CustomElementsScope.js";
-import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js";
-import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
-import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
-import TableTemplate from "./generated/templates/TableTemplate.lit.js";
+import { customElement, slot, property, eventStrict, i18n, } from "@ui5/webcomponents-base/dist/decorators.js";
+import query from "@ui5/webcomponents-base/dist/decorators/query.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import TableTemplate from "./TableTemplate.js";
 import TableStyles from "./generated/themes/Table.css.js";
-import TableRow from "./TableRow.js";
-import TableHeaderRow from "./TableHeaderRow.js";
 import TableExtension from "./TableExtension.js";
-import TableOverflowMode from "./types/TableOverflowMode.js";
 import TableNavigation from "./TableNavigation.js";
-import DropIndicator from "./DropIndicator.js";
-import { TABLE_NO_DATA, } from "./generated/i18n/i18n-defaults.js";
-import BusyIndicator from "./BusyIndicator.js";
-import TableCell from "./TableCell.js";
-import { findVerticalScrollContainer, scrollElementIntoView, isFeature } from "./TableUtils.js";
+import TableOverflowMode from "./types/TableOverflowMode.js";
 import TableDragAndDrop from "./TableDragAndDrop.js";
+import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
+import { findVerticalScrollContainer, scrollElementIntoView, isFeature, isValidColumnWidth, } from "./TableUtils.js";
+import { getScopedVarName } from "@ui5/webcomponents-base/dist/CustomElementsScope.js";
+import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js";
+import { TABLE_NO_DATA, } from "./generated/i18n/i18n-defaults.js";
 /**
  * @class
  *
@@ -118,7 +110,6 @@ let Table = Table_1 = class Table extends UI5Element {
          * Available options are:
          *
          * <code>Scroll</code> - Columns are shown as regular columns and horizontal scrolling is enabled.
-         *
          * <code>Popin</code> - Columns are shown as pop-ins instead of regular columns.
          *
          * @default "Scroll"
@@ -128,17 +119,29 @@ let Table = Table_1 = class Table extends UI5Element {
         /**
          * Defines if the loading indicator should be shown.
          *
-         * <b>Note:</b> When the component is loading, it is non-interactive.
+         * **Note:** When the component is loading, it is not interactive.
+         *
          * @default false
          * @public
          */
         this.loading = false;
         /**
          * Defines the delay in milliseconds, after which the loading indicator will show up for this component.
+         *
          * @default 1000
          * @public
          */
         this.loadingDelay = 1000;
+        /**
+         * Defines the maximum number of row actions that is displayed, which determines the width of the row action column.
+         *
+         * **Note:** It is recommended to use a maximum of 3 row actions, as exceeding this limit may take up too much space on smaller screens.
+         *
+         * @default 0
+         * @since 2.7.0
+         * @public
+         */
+        this.rowActionCount = 0;
         /**
          * Defines the sticky top offset of the table, if other sticky elements outside of the table exist.
          */
@@ -152,10 +155,7 @@ let Table = Table_1 = class Table extends UI5Element {
         this._onEventBound = this._onEvent.bind(this);
     }
     onEnterDOM() {
-        if (this.overflowMode === TableOverflowMode.Popin) {
-            ResizeHandler.register(this, this._onResizeBound);
-        }
-        this._events.forEach(eventType => this.addEventListener(eventType, this._onEventBound));
+        this._events.forEach(eventType => this.addEventListener(eventType, this._onEventBound, { capture: true }));
         this.features.forEach(feature => feature.onTableActivate?.(this));
         this._tableNavigation = new TableNavigation(this);
         this._tableDragAndDrop = new TableDragAndDrop(this);
@@ -164,29 +164,37 @@ let Table = Table_1 = class Table extends UI5Element {
         this._tableNavigation = undefined;
         this._tableDragAndDrop = undefined;
         this._events.forEach(eventType => this.removeEventListener(eventType, this._onEventBound));
-        if (this.overflowMode === TableOverflowMode.Popin) {
-            ResizeHandler.deregister(this, this._onResizeBound);
-        }
     }
     onBeforeRendering() {
-        const renderNavigated = this._renderNavigated;
         this._renderNavigated = this.rows.some(row => row.navigated);
-        if (renderNavigated !== this._renderNavigated) {
-            this.rows.forEach(row => {
-                row._renderNavigated = this._renderNavigated;
-            });
-        }
+        [...this.headerRow, ...this.rows].forEach(row => {
+            row._renderNavigated = this._renderNavigated;
+            row._rowActionCount = this.rowActionCount;
+        });
         this.style.setProperty(getScopedVarName("--ui5_grid_sticky_top"), this.stickyTop);
         this._refreshPopinState();
+        this.features.forEach(feature => feature.onTableBeforeRendering?.(this));
+        if (this.getDomRef()) {
+            ResizeHandler.deregister(this, this._onResizeBound);
+        }
     }
     onAfterRendering() {
         this.features.forEach(feature => feature.onTableAfterRendering?.(this));
+        if (this.overflowMode === TableOverflowMode.Popin) {
+            ResizeHandler.register(this, this._onResizeBound);
+        }
+    }
+    _findFeature(featureName) {
+        return this.features.find(feature => isFeature(feature, featureName));
     }
     _getSelection() {
-        return this.features.find(feature => isFeature(feature, "TableSelection"));
+        return this._findFeature("TableSelectionBase") || this._findFeature("TableSelection");
     }
     _getVirtualizer() {
-        return this.features.find(feature => isFeature(feature, "TableVirtualizer"));
+        return this._findFeature("TableVirtualizer");
+    }
+    _getGrowing() {
+        return this._findFeature("TableGrowing");
     }
     _onEvent(e) {
         const composedPath = e.composedPath();
@@ -241,24 +249,8 @@ let Table = Table_1 = class Table extends UI5Element {
         // Handles focus in the table, when the focus is below a sticky element
         scrollElementIntoView(this._scrollContainer, e.target, this._stickyElements, this.effectiveDir === "rtl");
     }
-    /**
-     * Refreshes the popin state of the columns.
-     * Syncs the popin state of the columns with the popin state of the header cells.
-     * This is needed when additional rows are manually added and no resize happens.
-     * @private
-     */
-    _refreshPopinState() {
-        this.headerRow[0]?.cells.forEach((header, index) => {
-            this.rows.forEach(row => {
-                const cell = row.cells[index];
-                if (cell && cell._popin !== header._popin) {
-                    cell._popin = header._popin;
-                }
-            });
-        });
-    }
     _onGrow() {
-        this._growing?.loadMore();
+        this._getGrowing()?.loadMore();
     }
     _getPopinOrderedColumns(reverse) {
         let headers = [...this.headerRow[0].cells];
@@ -270,23 +262,39 @@ let Table = Table_1 = class Table extends UI5Element {
         }
         return headers;
     }
+    /**
+     * Refreshes the popin state of the columns.
+     * Syncs the popin state of the columns with the popin state of the header cells.
+     * This is needed when additional rows are manually added and no resize happens.
+     * @private
+     */
+    _refreshPopinState() {
+        this.headerRow[0]?.cells.forEach(header => {
+            this._setHeaderPopinState(header, header._popin, header._popinWidth);
+        });
+    }
     _setHeaderPopinState(headerCell, inPopin, popinWidth) {
         const headerIndex = this.headerRow[0].cells.indexOf(headerCell);
-        headerCell._popin = inPopin;
+        headerCell._popin = inPopin && this.overflowMode === TableOverflowMode.Popin;
         headerCell._popinWidth = popinWidth;
         this.rows.forEach(row => {
-            row.cells[headerIndex]._popin = inPopin;
+            const cell = row.cells[headerIndex];
+            if (cell) {
+                row.cells[headerIndex]._popinHidden = headerCell.popinHidden;
+                row.cells[headerIndex]._popin = headerCell._popin;
+            }
         });
     }
-    _isFeature(feature) {
-        return Boolean(feature.onTableActivate || feature.onTableAfterRendering);
-    }
     _isGrowingFeature(feature) {
-        return Boolean(feature.loadMore && feature.hasGrowingComponent && this._isFeature(feature));
+        return Boolean(feature.loadMore && feature.hasGrowingComponent && isFeature(feature, "TableGrowing"));
     }
-    _onRowPress(row) {
+    _onRowClick(row) {
         this.fireDecoratorEvent("row-click", { row });
     }
+    _onRowActionClick(action) {
+        const row = action.parentElement;
+        this.fireDecoratorEvent("row-action-click", { action, row });
+    }
     get styles() {
         const virtualizer = this._getVirtualizer();
         const headerStyleMap = this.headerRow?.[0]?.cells?.reduce((headerStyles, headerCell) => {
@@ -313,41 +321,36 @@ let Table = Table_1 = class Table extends UI5Element {
         }
         const widths = [];
         const visibleHeaderCells = this.headerRow[0]._visibleCells;
-        if (this._getSelection()?.hasRowSelector()) {
-            widths.push(`var(${getScopedVarName("--_ui5_checkbox_width_height")})`);
+        // Selection Cell Width
+        if (this._getSelection()?.isRowSelectorRequired()) {
+            widths.push("min-content");
         }
+        // Column Widths
         widths.push(...visibleHeaderCells.map(cell => {
-            const minWidth = cell.minWidth === "auto" ? "3rem" : cell.minWidth;
-            if (cell.width === "auto" || cell.width.includes("%") || cell.width.includes("fr") || cell.width.includes("vw")) {
-                return `minmax(${minWidth}, ${cell.maxWidth})`;
+            const minWidth = cell.minWidth ?? "3rem";
+            let width = `minmax(${minWidth}, 1fr)`; // default width
+            if (isValidColumnWidth(cell.width)) {
+                width = cell.width.includes("%") ? `max(${minWidth}, ${cell.width})` : cell.width;
             }
-            return `minmax(${cell.width}, ${cell.width})`;
+            return width;
         }));
+        // Row Action Cell Width
+        if (this.rowActionCount > 0) {
+            widths.push(`calc(var(${getScopedVarName("--_ui5_button_base_min_width")}) * ${this.rowActionCount} + var(${getScopedVarName("--_ui5_table_row_actions_gap")}) * ${this.rowActionCount - 1} + var(${getScopedVarName("--_ui5_table_cell_horizontal_padding")}) * 2)`);
+        }
+        // Navigated Cell Width
         if (this._renderNavigated) {
             widths.push(`var(${getScopedVarName("--_ui5_table_navigated_cell_width")})`);
         }
         return widths.join(" ");
     }
-    get _tableOverflowX() {
-        return (this.overflowMode === TableOverflowMode.Popin) ? "clip" : "auto";
-    }
-    get _tableOverflowY() {
-        return "auto";
-    }
-    get _nodataRow() {
-        return this.shadowRoot.getElementById("nodata-row");
-    }
-    get _beforeElement() {
-        return this.shadowRoot.getElementById("before");
-    }
-    get _afterElement() {
-        return this.shadowRoot.getElementById("after");
-    }
-    get _tableElement() {
-        return this.shadowRoot.getElementById("table");
+    get _scrollContainer() {
+        return this._getVirtualizer() ? this._tableElement : findVerticalScrollContainer(this);
     }
-    get _loadingElement() {
-        return this.shadowRoot.getElementById("loading");
+    get _stickyElements() {
+        const stickyRows = this.headerRow.filter(row => row.sticky);
+        const stickyColumns = this.headerRow[0]._stickyCells;
+        return [...stickyRows, ...stickyColumns];
     }
     get _effectiveNoDataText() {
         return this.noDataText || Table_1.i18nBundle.getText(TABLE_NO_DATA);
@@ -360,28 +363,11 @@ let Table = Table_1 = class Table extends UI5Element {
     }
     get _ariaMultiSelectable() {
         const selection = this._getSelection();
-        return (selection?.isSelectable() && this.rows.length) ? selection.isMultiSelect() : undefined;
-    }
-    get _shouldRenderGrowing() {
-        return this.rows.length && this._growing?.hasGrowingComponent();
-    }
-    get _growing() {
-        return this.features.find(feature => this._isGrowingFeature(feature));
-    }
-    get _stickyElements() {
-        const stickyRows = this.headerRow.filter(row => row.sticky);
-        const stickyColumns = this.headerRow[0]._stickyCells;
-        return [...stickyRows, ...stickyColumns];
-    }
-    get _scrollContainer() {
-        return this._getVirtualizer() ? this._tableElement : findVerticalScrollContainer(this);
+        return (selection?.isSelectable() && this.rows.length) ? selection.isMultiSelectable() : undefined;
     }
     get isTable() {
         return true;
     }
-    get dropIndicatorDOM() {
-        return this.shadowRoot.querySelector("[ui5-drop-indicator]");
-    }
 };
 __decorate([
     slot({
@@ -398,7 +384,7 @@ __decorate([
 ], Table.prototype, "headerRow", void 0);
 __decorate([
     slot()
-], Table.prototype, "nodata", void 0);
+], Table.prototype, "noData", void 0);
 __decorate([
     slot({ type: HTMLElement, individualSlots: true })
 ], Table.prototype, "features", void 0);
@@ -420,6 +406,9 @@ __decorate([
 __decorate([
     property({ type: Number })
 ], Table.prototype, "loadingDelay", void 0);
+__decorate([
+    property({ type: Number })
+], Table.prototype, "rowActionCount", void 0);
 __decorate([
     property()
 ], Table.prototype, "stickyTop", void 0);
@@ -429,23 +418,37 @@ __decorate([
 __decorate([
     property({ type: Boolean, noAttribute: true })
 ], Table.prototype, "_renderNavigated", void 0);
+__decorate([
+    query("[ui5-drop-indicator]")
+], Table.prototype, "dropIndicatorDOM", void 0);
+__decorate([
+    query("#no-data-row")
+], Table.prototype, "_noDataRow", void 0);
+__decorate([
+    query("#table-end-row")
+], Table.prototype, "_endRow", void 0);
+__decorate([
+    query("#table")
+], Table.prototype, "_tableElement", void 0);
+__decorate([
+    query("#before")
+], Table.prototype, "_beforeElement", void 0);
+__decorate([
+    query("#after")
+], Table.prototype, "_afterElement", void 0);
+__decorate([
+    query("#loading")
+], Table.prototype, "_loadingElement", void 0);
 __decorate([
     i18n("@ui5/webcomponents")
 ], Table, "i18nBundle", void 0);
 Table = Table_1 = __decorate([
     customElement({
         tag: "ui5-table",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: TableStyles,
         template: TableTemplate,
         fastNavigation: true,
-        dependencies: [
-            BusyIndicator,
-            TableHeaderRow,
-            TableCell,
-            TableRow,
-            DropIndicator,
-        ],
     })
     /**
      * Fired when an interactive row is clicked.
@@ -454,8 +457,8 @@ Table = Table_1 = __decorate([
      * @public
      */
     ,
-    event("row-click", {
-        bubbles: true,
+    eventStrict("row-click", {
+        bubbles: false,
     })
     /**
      * Fired when a movable item is moved over a potential drop target during a dragging operation.
@@ -471,7 +474,7 @@ Table = Table_1 = __decorate([
      * @public
      */
     ,
-    event("move-over", {
+    eventStrict("move-over", {
         cancelable: true,
         bubbles: true,
     })
@@ -491,9 +494,21 @@ Table = Table_1 = __decorate([
      * @public
      */
     ,
-    event("move", {
+    eventStrict("move", {
         bubbles: true,
     })
+    /**
+     * Fired when a row action is clicked.
+     *
+     * @param {TableRowActionBase} action The row action instance
+     * @param {TableRow} row The row instance
+     * @since 2.6.0
+     * @public
+     */
+    ,
+    eventStrict("row-action-click", {
+        bubbles: false,
+    })
 ], Table);
 Table.define();
 export default Table;