@breadstone/mosaik-elements-angular 0.0.241 → 0.0.243

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 0.0.243 (2026-04-30)
+
+### 🚀 Features
+
+- **data-table:** add events for table selection and editor state changes ([eb94167184](https://github.com/RueDeRennes/mosaik/commit/eb94167184))
+
+### 🩹 Fixes
+
+- **api:** update event detail definitions and add value property to table components ([2610ad2acb](https://github.com/RueDeRennes/mosaik/commit/2610ad2acb))
+
+## 0.0.242 (2026-04-30)
+
+### 🚀 Features
+
+- **release:** update release commands to use version from mosaik-themes package ([89c563205d](https://github.com/RueDeRennes/mosaik/commit/89c563205d))
+
+### 🩹 Fixes
+
+- **release:** update changelog command to use version from mosaik-themes package ([cbe25acac5](https://github.com/RueDeRennes/mosaik/commit/cbe25acac5))
+
 ## 0.0.241 (2026-04-30)
 
 ### 🚀 Features

package/fesm2022/mosaik-elements-angular.mjs

@@ -5598,6 +5598,9 @@ let DataTableComponent = class DataTableComponent {
         this._accessor = dataTableElementValueAccessor(this._element);
         this._element.addController(this._accessor);
         // Wire up output events from the native element
+        this._element.on('tableSelectionChanged', (e) => this.tableSelectionChanged.emit(e instanceof CustomEvent ? e.detail : undefined));
+        this._element.on('dataTableEditorOpened', (e) => this.dataTableEditorOpened.emit(e instanceof CustomEvent ? e.detail : undefined));
+        this._element.on('dataTableEditorClosed', (e) => this.dataTableEditorClosed.emit(e instanceof CustomEvent ? e.detail : undefined));
         this._element.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined));
         this._element.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined));
         this._element.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined));
@@ -5858,6 +5861,24 @@ let DataTableComponent = class DataTableComponent {
     }
     // #endregion
     // #region Outputs
+    /**
+     * Output signal for the `tableSelectionChanged` event.
+     *
+     * @public
+     */
+    tableSelectionChanged = output();
+    /**
+     * Output signal for the `dataTableEditorOpened` event.
+     *
+     * @public
+     */
+    dataTableEditorOpened = output();
+    /**
+     * Output signal for the `dataTableEditorClosed` event.
+     *
+     * @public
+     */
+    dataTableEditorClosed = output();
     /**
      * Output signal for the `changed` event.
      *
@@ -5916,7 +5937,7 @@ let DataTableComponent = class DataTableComponent {
         this._element[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DataTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: DataTableComponent, isStandalone: true, selector: "mosaik-data-table", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, editorOpened: { classPropertyName: "editorOpened", publicName: "editorOpened", isSignal: true, isRequired: false, transformFunction: null }, sorted: { classPropertyName: "sorted", publicName: "sorted", isSignal: true, isRequired: false, transformFunction: null }, sortedSource: { classPropertyName: "sortedSource", publicName: "sortedSource", isSignal: true, isRequired: false, transformFunction: null }, allColumnsHidden: { classPropertyName: "allColumnsHidden", publicName: "allColumnsHidden", isSignal: true, isRequired: false, transformFunction: null }, alternating: { classPropertyName: "alternating", publicName: "alternating", isSignal: true, isRequired: false, transformFunction: null }, autoGenerateColumns: { classPropertyName: "autoGenerateColumns", publicName: "autoGenerateColumns", isSignal: true, isRequired: false, transformFunction: null }, columnDefinitions: { classPropertyName: "columnDefinitions", publicName: "columnDefinitions", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, selectionType: { classPropertyName: "selectionType", publicName: "selectionType", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, sortable: { classPropertyName: "sortable", publicName: "sortable", isSignal: true, isRequired: false, transformFunction: null }, pinable: { classPropertyName: "pinable", publicName: "pinable", isSignal: true, isRequired: false, transformFunction: null }, hideable: { classPropertyName: "hideable", publicName: "hideable", isSignal: true, isRequired: false, transformFunction: null }, autoSizeable: { classPropertyName: "autoSizeable", publicName: "autoSizeable", isSignal: true, isRequired: false, transformFunction: null }, columnChoosable: { classPropertyName: "columnChoosable", publicName: "columnChoosable", isSignal: true, isRequired: false, transformFunction: null }, reorderable: { classPropertyName: "reorderable", publicName: "reorderable", isSignal: true, isRequired: false, transformFunction: null }, sortMode: { classPropertyName: "sortMode", publicName: "sortMode", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed", connected: "connected", disconnected: "disconnected" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: DataTableComponent, isStandalone: true, selector: "mosaik-data-table", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, editorOpened: { classPropertyName: "editorOpened", publicName: "editorOpened", isSignal: true, isRequired: false, transformFunction: null }, sorted: { classPropertyName: "sorted", publicName: "sorted", isSignal: true, isRequired: false, transformFunction: null }, sortedSource: { classPropertyName: "sortedSource", publicName: "sortedSource", isSignal: true, isRequired: false, transformFunction: null }, allColumnsHidden: { classPropertyName: "allColumnsHidden", publicName: "allColumnsHidden", isSignal: true, isRequired: false, transformFunction: null }, alternating: { classPropertyName: "alternating", publicName: "alternating", isSignal: true, isRequired: false, transformFunction: null }, autoGenerateColumns: { classPropertyName: "autoGenerateColumns", publicName: "autoGenerateColumns", isSignal: true, isRequired: false, transformFunction: null }, columnDefinitions: { classPropertyName: "columnDefinitions", publicName: "columnDefinitions", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, selectionType: { classPropertyName: "selectionType", publicName: "selectionType", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, sortable: { classPropertyName: "sortable", publicName: "sortable", isSignal: true, isRequired: false, transformFunction: null }, pinable: { classPropertyName: "pinable", publicName: "pinable", isSignal: true, isRequired: false, transformFunction: null }, hideable: { classPropertyName: "hideable", publicName: "hideable", isSignal: true, isRequired: false, transformFunction: null }, autoSizeable: { classPropertyName: "autoSizeable", publicName: "autoSizeable", isSignal: true, isRequired: false, transformFunction: null }, columnChoosable: { classPropertyName: "columnChoosable", publicName: "columnChoosable", isSignal: true, isRequired: false, transformFunction: null }, reorderable: { classPropertyName: "reorderable", publicName: "reorderable", isSignal: true, isRequired: false, transformFunction: null }, sortMode: { classPropertyName: "sortMode", publicName: "sortMode", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tableSelectionChanged: "tableSelectionChanged", dataTableEditorOpened: "dataTableEditorOpened", dataTableEditorClosed: "dataTableEditorClosed", changed: "changed", connected: "connected", disconnected: "disconnected" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => DataTableComponent),
@@ -5956,7 +5977,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                         }
                     ]
                 }]
-        }], ctorParameters: () => [], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], editorOpened: [{ type: i0.Input, args: [{ isSignal: true, alias: "editorOpened", required: false }] }], sorted: [{ type: i0.Input, args: [{ isSignal: true, alias: "sorted", required: false }] }], sortedSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortedSource", required: false }] }], allColumnsHidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "allColumnsHidden", required: false }] }], alternating: [{ type: i0.Input, args: [{ isSignal: true, alias: "alternating", required: false }] }], autoGenerateColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoGenerateColumns", required: false }] }], columnDefinitions: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnDefinitions", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], selectionType: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionType", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], sortable: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortable", required: false }] }], pinable: [{ type: i0.Input, args: [{ isSignal: true, alias: "pinable", required: false }] }], hideable: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideable", required: false }] }], autoSizeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoSizeable", required: false }] }], columnChoosable: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnChoosable", required: false }] }], reorderable: [{ type: i0.Input, args: [{ isSignal: true, alias: "reorderable", required: false }] }], sortMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortMode", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }] } });
+        }], ctorParameters: () => [], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], editorOpened: [{ type: i0.Input, args: [{ isSignal: true, alias: "editorOpened", required: false }] }], sorted: [{ type: i0.Input, args: [{ isSignal: true, alias: "sorted", required: false }] }], sortedSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortedSource", required: false }] }], allColumnsHidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "allColumnsHidden", required: false }] }], alternating: [{ type: i0.Input, args: [{ isSignal: true, alias: "alternating", required: false }] }], autoGenerateColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoGenerateColumns", required: false }] }], columnDefinitions: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnDefinitions", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], selectionType: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionType", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], sortable: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortable", required: false }] }], pinable: [{ type: i0.Input, args: [{ isSignal: true, alias: "pinable", required: false }] }], hideable: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideable", required: false }] }], autoSizeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoSizeable", required: false }] }], columnChoosable: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnChoosable", required: false }] }], reorderable: [{ type: i0.Input, args: [{ isSignal: true, alias: "reorderable", required: false }] }], sortMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortMode", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], tableSelectionChanged: [{ type: i0.Output, args: ["tableSelectionChanged"] }], dataTableEditorOpened: [{ type: i0.Output, args: ["dataTableEditorOpened"] }], dataTableEditorClosed: [{ type: i0.Output, args: ["dataTableEditorClosed"] }], changed: [{ type: i0.Output, args: ["changed"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }] } });
 /**
  * @public
  */
@@ -75981,6 +76002,12 @@ let TableBodyCellComponent = class TableBodyCellComponent {
      * @public
      */
     themeName = input(...(ngDevMode ? [undefined, { debugName: "themeName" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `value` property.
+     *
+     * @public
+     */
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `isSelected` property.
      *
@@ -76042,6 +76069,10 @@ let TableBodyCellComponent = class TableBodyCellComponent {
             if (themeNameValue !== undefined) {
                 this._element.themeName = themeNameValue;
             }
+            const valueValue = this.value();
+            if (valueValue !== undefined) {
+                this._element.value = valueValue;
+            }
             const isSelectedValue = this.isSelected();
             if (isSelectedValue !== undefined) {
                 this._element.isSelected = isSelectedValue;
@@ -76134,12 +76165,12 @@ let TableBodyCellComponent = class TableBodyCellComponent {
         this._element[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: TableBodyCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: TableBodyCellComponent, isStandalone: true, selector: "mosaik-table-body-cell", inputs: { themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, isSelected: { classPropertyName: "isSelected", publicName: "isSelected", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, columnHidden: { classPropertyName: "columnHidden", publicName: "columnHidden", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, textOverflow: { classPropertyName: "textOverflow", publicName: "textOverflow", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected", deselected: "deselected", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: TableBodyCellComponent, isStandalone: true, selector: "mosaik-table-body-cell", inputs: { themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, isSelected: { classPropertyName: "isSelected", publicName: "isSelected", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, columnHidden: { classPropertyName: "columnHidden", publicName: "columnHidden", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, textOverflow: { classPropertyName: "textOverflow", publicName: "textOverflow", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected", deselected: "deselected", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 TableBodyCellComponent = __decorate$J([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-table-body-cell', TableBodyCellElement),
-        inputs: ['themeName', 'isSelected', 'text', 'columnHidden', 'disabled', 'formatter', 'textOverflow', 'dir', 'lang'],
+        inputs: ['themeName', 'value', 'isSelected', 'text', 'columnHidden', 'disabled', 'formatter', 'textOverflow', 'dir', 'lang'],
         methods: ['getContentWidth', 'select', 'deselect', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
     __metadata$J("design:paramtypes", [])
@@ -76152,7 +76183,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>'
                 }]
-        }], ctorParameters: () => [], propDecorators: { themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], isSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSelected", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], columnHidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnHidden", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], formatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatter", required: false }] }], textOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "textOverflow", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], selected: [{ type: i0.Output, args: ["selected"] }], deselected: [{ type: i0.Output, args: ["deselected"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], isSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSelected", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], columnHidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnHidden", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], formatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatter", required: false }] }], textOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "textOverflow", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], selected: [{ type: i0.Output, args: ["selected"] }], deselected: [{ type: i0.Output, args: ["deselected"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 /**
  * @public
  */
@@ -76217,6 +76248,12 @@ let TableBodyRowComponent = class TableBodyRowComponent {
      * @public
      */
     themeName = input(...(ngDevMode ? [undefined, { debugName: "themeName" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `value` property.
+     *
+     * @public
+     */
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `isSelected` property.
      *
@@ -76254,6 +76291,10 @@ let TableBodyRowComponent = class TableBodyRowComponent {
             if (themeNameValue !== undefined) {
                 this._element.themeName = themeNameValue;
             }
+            const valueValue = this.value();
+            if (valueValue !== undefined) {
+                this._element.value = valueValue;
+            }
             const isSelectedValue = this.isSelected();
             if (isSelectedValue !== undefined) {
                 this._element.isSelected = isSelectedValue;
@@ -76330,12 +76371,12 @@ let TableBodyRowComponent = class TableBodyRowComponent {
         this._element[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: TableBodyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: TableBodyRowComponent, isStandalone: true, selector: "mosaik-table-body-row", inputs: { themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, isSelected: { classPropertyName: "isSelected", publicName: "isSelected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected", deselected: "deselected", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: TableBodyRowComponent, isStandalone: true, selector: "mosaik-table-body-row", inputs: { themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, isSelected: { classPropertyName: "isSelected", publicName: "isSelected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected", deselected: "deselected", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 TableBodyRowComponent = __decorate$I([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-table-body-row', TableBodyRowElement),
-        inputs: ['themeName', 'isSelected', 'disabled', 'dir', 'lang'],
+        inputs: ['themeName', 'value', 'isSelected', 'disabled', 'dir', 'lang'],
         methods: ['select', 'deselect', 'onSlotChange', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
     __metadata$I("design:paramtypes", [])
@@ -76348,7 +76389,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>'
                 }]
-        }], ctorParameters: () => [], propDecorators: { themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], isSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSelected", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], selected: [{ type: i0.Output, args: ["selected"] }], deselected: [{ type: i0.Output, args: ["deselected"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], isSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSelected", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], selected: [{ type: i0.Output, args: ["selected"] }], deselected: [{ type: i0.Output, args: ["deselected"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 /**
  * @public
  */