@breadstone/mosaik-elements-svelte 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)
 
 This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.

package/index.mjs

@@ -103736,6 +103736,12 @@ function GU() {
   right: 0;
 }
 
+:host [part="summary"] ::slotted(mosaik-paginator) {
+  flex-direction: row-reverse;
+  align-items: center;
+  display: flex;
+}
+
 :host([appearance="plain"]) {
   --table-border-width: 0px;
 }
@@ -103871,6 +103877,12 @@ function KU() {
   right: 0;
 }
 
+:host [part="summary"] ::slotted(mosaik-paginator) {
+  flex-direction: row-reverse;
+  align-items: center;
+  display: flex;
+}
+
 :host([appearance="plain"]) {
   --table-border-width: 0px;
 }
@@ -104017,6 +104029,12 @@ function qU() {
   right: 0;
 }
 
+:host [part="summary"] ::slotted(mosaik-paginator) {
+  flex-direction: row-reverse;
+  align-items: center;
+  display: flex;
+}
+
 :host([appearance="plain"]) {
   --table-border-width: 0px;
 }
@@ -104131,6 +104149,8 @@ var JU = function(e, t, n, r) {
 			this._selectedRows = [], t || (e.select(), this._selectedRows = [e]);
 		} else this._selectionMode === BU.Multiple && (t ? (e.deselect(), this._selectedRows = this._selectedRows.filter((t) => t !== e)) : (e.select(), this._selectedRows = [...this._selectedRows, e]));
 		this._tableSelectionChanged.emit({
+			selectionMode: this._selectionMode,
+			selectionType: this._selectionType,
 			selectedRows: [...this._selectedRows],
 			selectedCells: []
 		});
@@ -104143,6 +104163,8 @@ var JU = function(e, t, n, r) {
 			this._selectedCells = [], t || (e.select(), this._selectedCells = [e]);
 		} else this._selectionMode === BU.Multiple && (t ? (e.deselect(), this._selectedCells = this._selectedCells.filter((t) => t !== e)) : (e.select(), this._selectedCells = [...this._selectedCells, e]));
 		this._tableSelectionChanged.emit({
+			selectionMode: this._selectionMode,
+			selectionType: this._selectionType,
 			selectedRows: [],
 			selectedCells: [...this._selectedCells]
 		});
@@ -204851,7 +204873,7 @@ var r5 = function(e, t, n, r) {
 	return i > 3 && a && Object.defineProperty(t, n, a), a;
 }, i5 = function(e, t) {
 	if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
-}, a5 = class extends F(BN(t5)) {
+}, a5 = class extends F(fS(BN(t5))) {
 	_inheritance = ax(this, { context: WU });
 	_selectionClickSubscription;
 	_table;
@@ -205312,7 +205334,7 @@ var aCe = function(e, t, n, r) {
 	return i > 3 && a && Object.defineProperty(t, n, a), a;
 }, oCe = function(e, t) {
 	if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
-}, s5 = class extends F(BN(o5)) {
+}, s5 = class extends F(fS(BN(o5))) {
 	_inheritance = ax(this, { context: WU });
 	_clickSubscription;
 	_lastSelectionMode;
@@ -207084,6 +207106,7 @@ function CCe(e) {
                       ?resizable="${e.resizable}"
                       ?alternating="${e.alternating}"
                       @columnsChanged="${e.onColumnsChanged}"
+                      @tableSelectionChanged="${(t) => e.onTableSelectionChanged(t)}"
                       @tableChooseColumns="${() => e.openEditor()}">
             <slot  name="caption" slot="caption"></slot>
             ${U(e.allColumnsHidden, () => V`
@@ -207136,10 +207159,12 @@ function CCe(e) {
             </mosaik-table-header>
             <mosaik-table-body>
                 ${Qy(e.sortedSource, (e) => e, (t) => V`
-                <mosaik-table-body-row ?disabled="${e.disabled}">
+                <mosaik-table-body-row .value="${t}"
+                                       ?disabled="${e.disabled}">
                     ${Qy(e.getColumns().filter((e) => !e.hidden), (e) => e.key, (n) => {
 		let r = wCe(t, n);
-		return V`<mosaik-table-body-cell .text="${n.cellTemplate ? "" : r}"
+		return V`<mosaik-table-body-cell .value="${r}"
+                                                            .text="${n.cellTemplate ? "" : r}"
                                                             ?disabled="${e.disabled}">${U(n.cellTemplate, () => n.cellTemplate(t, n, r))}</mosaik-table-body-cell>`;
 	})}
                 </mosaik-table-body-row>
@@ -207531,6 +207556,9 @@ var h5 = function(e, t, n, r) {
 	if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
 }, _5 = class extends F(J(R(V8))) {
 	_intl;
+	_tableSelectionChanged;
+	_dataTableEditorOpened;
+	_dataTableEditorClosed;
 	_alternating;
 	_autoGenerateColumns;
 	_caption;
@@ -207551,7 +207579,7 @@ var h5 = function(e, t, n, r) {
 	_columnWidths;
 	_suppressColumnsChanged;
 	constructor() {
-		super(), this._intl = wI(this, { factory: () => new HU() }), this._alternating = !1, this._autoGenerateColumns = !1, this._caption = "", this._columnDefinitions = [], this._selectionType = VU.Row, this._selectionMode = BU.None, this._resizable = !1, this._sortable = !1, this._pinable = !1, this._hideable = !1, this._autoSizeable = !1, this._columnChoosable = !1, this._reorderable = !1, this._sortMode = "single", this._editorOpened = !1, this._sorted = !1, this._suppressColumnsChanged = !1, this._sortedSource = [], this._columnWidths = /* @__PURE__ */ new Map();
+		super(), this._intl = wI(this, { factory: () => new HU() }), this._alternating = !1, this._autoGenerateColumns = !1, this._caption = "", this._columnDefinitions = [], this._selectionType = VU.Row, this._selectionMode = BU.None, this._resizable = !1, this._sortable = !1, this._pinable = !1, this._hideable = !1, this._autoSizeable = !1, this._columnChoosable = !1, this._reorderable = !1, this._sortMode = "single", this._editorOpened = !1, this._sorted = !1, this._suppressColumnsChanged = !1, this._sortedSource = [], this._columnWidths = /* @__PURE__ */ new Map(), this._tableSelectionChanged = new E(this, "tableSelectionChanged"), this._dataTableEditorOpened = new E(this, "dataTableEditorOpened"), this._dataTableEditorClosed = new E(this, "dataTableEditorClosed");
 	}
 	static get is() {
 		return "mosaik-data-table";
@@ -207652,6 +207680,15 @@ var h5 = function(e, t, n, r) {
 	get sortedSource() {
 		return this._sorted ? this._sortedSource : this.source;
 	}
+	get tableSelectionChanged() {
+		return this._tableSelectionChanged;
+	}
+	get dataTableEditorOpened() {
+		return this._dataTableEditorOpened;
+	}
+	get dataTableEditorClosed() {
+		return this._dataTableEditorClosed;
+	}
 	get allColumnsHidden() {
 		let e = this.getColumns();
 		return e.length > 0 && e.every((e) => e.hidden === !0);
@@ -207699,10 +207736,13 @@ var h5 = function(e, t, n, r) {
 			key: e.key,
 			title: e.title ?? e.key,
 			visible: e.hidden !== !0
-		}))), this._editorOpened = !0, this.requestUpdate("editorOpened");
+		}))), this._editorOpened = !0, this.requestUpdate("editorOpened"), this._dataTableEditorOpened.emit({});
 	}
 	closeEditor() {
-		this._editorOpened = !1, this.requestUpdate("editorOpened");
+		this._editorOpened = !1, this.requestUpdate("editorOpened"), this._dataTableEditorClosed.emit({});
+	}
+	onTableSelectionChanged(e) {
+		this._tableSelectionChanged.emit(e.detail);
 	}
 	applyColumnEditorChanges(e) {
 		this._autoGenerateColumns &&= (this._columnDefinitions = this.getColumns(), !1), this.snapshotColumnWidthsFromDom();
@@ -207881,7 +207921,19 @@ h5([
 	P({ type: Array }),
 	g5("design:type", Array),
 	g5("design:paramtypes", [])
-], _5.prototype, "sortedSource", null), _5 = h5([H({
+], _5.prototype, "sortedSource", null), h5([
+	k({ eventName: "tableSelectionChanged" }),
+	g5("design:type", Object),
+	g5("design:paramtypes", [])
+], _5.prototype, "tableSelectionChanged", null), h5([
+	k({ eventName: "dataTableEditorOpened" }),
+	g5("design:type", Object),
+	g5("design:paramtypes", [])
+], _5.prototype, "dataTableEditorOpened", null), h5([
+	k({ eventName: "dataTableEditorClosed" }),
+	g5("design:type", Object),
+	g5("design:paramtypes", [])
+], _5.prototype, "dataTableEditorClosed", null), _5 = h5([H({
 	selector: "mosaik-data-table",
 	template: CCe,
 	themes: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.0.241",
+    "version": "0.0.243",
     "description": "Mosaik elements for Svelte.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -15,8 +15,8 @@
         "vite": "*"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "^0.0.241",
-        "@breadstone/mosaik-elements-foundation": "^0.0.241"
+        "@breadstone/mosaik-elements": "^0.0.243",
+        "@breadstone/mosaik-elements-foundation": "^0.0.243"
     },
     "exports": {
         ".": {