@breadstone/mosaik-elements-svelte 0.1.32 → 0.1.35

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 0.1.35 (2026-06-26)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.1.34 (2026-06-26)
+
+### 🚀 Features
+
+- **data-table:** add dataTableSortChanged event and related interfaces ([511727e2f9](https://github.com/RueDeRennes/mosaik/commit/511727e2f9))
+
+## 0.1.33 (2026-06-25)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
 ## 0.1.32 (2026-06-25)
 
 This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.

package/index.mjs

@@ -61512,9 +61512,10 @@ function eN() {
   box-sizing: inherit;
   display: inherit;
   max-width: inherit;
-  flex-direction: row;
   align-content: flex-start;
   align-items: flex-start;
+  gap: var(--banner-gap);
+  flex-direction: row;
   width: 100%;
   height: 100%;
   min-height: 100%;
@@ -61544,6 +61545,10 @@ function eN() {
   align-items: flex-end;
 }
 
+:host [part="root"] [part="actions"][hidden] {
+  display: none;
+}
+
 @media (width <= 599px) {
   :host [part="root"] [part="actions"] {
     flex-flow: wrap;
@@ -61683,9 +61688,10 @@ function tN() {
   box-sizing: inherit;
   display: inherit;
   max-width: inherit;
-  flex-direction: row;
   align-content: flex-start;
   align-items: flex-start;
+  gap: var(--banner-gap);
+  flex-direction: row;
   width: 100%;
   height: 100%;
   min-height: 100%;
@@ -61715,6 +61721,10 @@ function tN() {
   align-items: flex-end;
 }
 
+:host [part="root"] [part="actions"][hidden] {
+  display: none;
+}
+
 @media (width <= 599px) {
   :host [part="root"] [part="actions"] {
     flex-flow: wrap;
@@ -62061,9 +62071,10 @@ function nN() {
   box-sizing: inherit;
   display: inherit;
   max-width: inherit;
-  flex-direction: row;
   align-content: flex-start;
   align-items: flex-start;
+  gap: var(--banner-gap);
+  flex-direction: row;
   width: 100%;
   height: 100%;
   min-height: 100%;
@@ -62093,6 +62104,10 @@ function nN() {
   align-items: flex-end;
 }
 
+:host [part="root"] [part="actions"][hidden] {
+  display: none;
+}
+
 @media (width <= 599px) {
   :host [part="root"] [part="actions"] {
     flex-flow: wrap;
@@ -78496,7 +78511,7 @@ sR([
 	imports: [W]
 }), cR("design:paramtypes", [])], lR);
 //#endregion
-//#region ../mosaik-elements-foundation/dist/Controls/Components/Inputs/Calendar/Intl/CalendarElementIntl.js
+//#region ../mosaik-elements-foundation/dist/Controls/Components/Inputs/Calendar/intl/CalendarElementIntl.js
 var uR = class extends fL {
 	_todayLabel;
 	_weekNumberLabel;
@@ -107097,7 +107112,7 @@ MU([
 	NU("design:paramtypes", [])
 ], PU.prototype, "itemsChanged", null);
 //#endregion
-//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/List/ListElementIntl.js
+//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/List/intl/ListElementIntl.js
 var FU = class extends fL {
 	_empty;
 	_filterPlaceholder;
@@ -110232,7 +110247,7 @@ jW([
 	imports: []
 }), MW("design:paramtypes", [])], NW);
 //#endregion
-//#region ../mosaik-elements-foundation/dist/Controls/Components/Inputs/FileUpload/Intl/FileUploadElementIntl.js
+//#region ../mosaik-elements-foundation/dist/Controls/Components/Inputs/FileUpload/intl/FileUploadElementIntl.js
 var PW = class extends fL {
 	_dropLabel;
 	constructor(e) {
@@ -125876,7 +125891,7 @@ var zq = class {
 };
 Bq.set(new zq());
 //#endregion
-//#region ../mosaik-elements-foundation/dist/Controls/Components/Inputs/Select/SelectElementIntl.js
+//#region ../mosaik-elements-foundation/dist/Controls/Components/Inputs/Select/intl/SelectElementIntl.js
 var Vq = class extends fL {
 	_empty;
 	_filterPlaceholder;
@@ -158017,7 +158032,7 @@ i1([
 	]
 }), a1("design:paramtypes", [])], o1);
 //#endregion
-//#region ../mosaik-elements-foundation/dist/Controls/Components/Media/Chat/Intl/ChatElementIntl.js
+//#region ../mosaik-elements-foundation/dist/Controls/Components/Media/Chat/intl/ChatElementIntl.js
 var s1 = class extends fL {
 	_inputPlaceholder;
 	constructor(e) {
@@ -172328,7 +172343,7 @@ function M_e(e) {
     `;
 }
 //#endregion
-//#region ../mosaik-elements-foundation/dist/Controls/Components/Misc/CookieConsent/Intl/CookiesConsentElementIntl.js
+//#region ../mosaik-elements-foundation/dist/Controls/Components/Misc/CookieConsent/intl/CookiesConsentElementIntl.js
 var z0 = class extends fL {
 	_messageLabel;
 	_dismissLabel;
@@ -183940,7 +183955,11 @@ var C4 = class e {
 		this._timerId !== null && (window.clearTimeout(this._timerId), this._timerId = null, this._remaining !== null && (this._remaining -= Date.now() - this._startTime));
 	}
 	resume() {
-		this._timerId !== null && window.clearTimeout(this._timerId), this._remaining ??= this._duration, this._startTime = Date.now(), this._timerId = window.setTimeout(() => {
+		if (this._timerId !== null && window.clearTimeout(this._timerId), this._remaining ??= this._duration, this._remaining <= 0) {
+			this._remaining = null;
+			return;
+		}
+		this._startTime = Date.now(), this._timerId = window.setTimeout(() => {
 			this._remaining = null, this._callback();
 		}, this._remaining);
 	}
@@ -185512,12 +185531,17 @@ var T4 = function(e, t, n, r) {
 	get animationTarget() {
 		return this.getTemplatePart("root");
 	}
-	onIsOpenPropertyChanged(e, t) {
-		t ? (this.play(this.enter ?? { steps: [] }), this._timer.start(), this._showProgress && this._timeout > 0 && this.startFillAnimation()) : (this._timer.destroy(), this.cancelFillAnimation());
+	async open() {
+		return super.open().then(() => {
+			this.play(this.enter ?? { steps: [] });
+		});
 	}
 	async close() {
 		return this.play(this.exit ?? { steps: [] }).then(() => super.close());
 	}
+	onIsOpenPropertyChanged(e, t) {
+		t ? this._timeout > 0 && (this._timer.start(), this._showProgress && this.startFillAnimation()) : (this._timer.destroy(), this.cancelFillAnimation());
+	}
 	connectedCallback() {
 		super.connectedCallback();
 	}
@@ -197695,7 +197719,7 @@ var r6;
 	};
 })(r6 ||= {});
 //#endregion
-//#region ../mosaik-elements-foundation/dist/Controls/Components/Primitives/Paginator/PaginatorElementIntl.js
+//#region ../mosaik-elements-foundation/dist/Controls/Components/Primitives/Paginator/intl/PaginatorElementIntl.js
 var i6 = class extends fL {
 	_rangeLabel;
 	_firstPageLabel;
@@ -210243,7 +210267,7 @@ KCe([
 	O8("design:paramtypes", [])
 ], k8.prototype, "selectedItems", null);
 //#endregion
-//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/Combo/ComboElementIntl.js
+//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/Combo/intl/ComboElementIntl.js
 var A8 = class extends fL {
 	_empty;
 	constructor(e) {
@@ -216036,6 +216060,7 @@ var h5 = function(e, t, n, r) {
 	_tableSelectionChanged;
 	_dataTableEditorOpened;
 	_dataTableEditorClosed;
+	_dataTableSortChanged;
 	_alternating;
 	_autoGenerateColumns;
 	_caption;
@@ -216056,7 +216081,7 @@ var h5 = function(e, t, n, r) {
 	_columnWidths;
 	_suppressColumnsChanged;
 	constructor() {
-		super(), this._intl = LI(this, { factory: () => new _W() }), this._alternating = !1, this._autoGenerateColumns = !1, this._caption = "", this._columnDefinitions = [], this._selectionType = gW.Row, this._selectionMode = hW.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");
+		super(), this._intl = LI(this, { factory: () => new _W() }), this._alternating = !1, this._autoGenerateColumns = !1, this._caption = "", this._columnDefinitions = [], this._selectionType = gW.Row, this._selectionMode = hW.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"), this._dataTableSortChanged = new E(this, "dataTableSortChanged");
 	}
 	static get is() {
 		return "mosaik-data-table";
@@ -216169,6 +216194,9 @@ var h5 = function(e, t, n, r) {
 	get dataTableEditorClosed() {
 		return this._dataTableEditorClosed;
 	}
+	get dataTableSortChanged() {
+		return this._dataTableSortChanged;
+	}
 	get allColumnsHidden() {
 		let e = this.getColumns();
 		return e.length > 0 && e.every((e) => e.hidden === !0);
@@ -216267,15 +216295,30 @@ var h5 = function(e, t, n, r) {
 		});
 	}
 	onSingleSortChanged(e) {
-		e.detail.sortKey && e.detail.sortDirection && this.sortByColumn(this._sortedSource, e.detail.sortKey, e.detail.sortDirection), this._sorted = e.detail.sortDirection !== "none", this.requestUpdate("sortedSource"), this.requestUpdate("sorted");
+		e.detail.sortKey && e.detail.sortDirection && this.sortByColumn(this._sortedSource, e.detail.sortKey, e.detail.sortDirection), this._sorted = e.detail.sortDirection !== "none", this.requestUpdate("sortedSource"), this.requestUpdate("sorted"), this._dataTableSortChanged.emit({
+			sortKey: e.detail.sortKey,
+			sortDirection: e.detail.sortDirection,
+			sortIndex: void 0,
+			activeSorts: void 0
+		});
 	}
 	onMultiSortChanged(e) {
 		let t = e.detail.activeSorts;
 		if (!t || t.length === 0) {
-			this._sorted = !1, this.requestUpdate("sortedSource"), this.requestUpdate("sorted");
+			this._sorted = !1, this.requestUpdate("sortedSource"), this.requestUpdate("sorted"), this._dataTableSortChanged.emit({
+				sortKey: e.detail.sortKey,
+				sortDirection: e.detail.sortDirection,
+				sortIndex: void 0,
+				activeSorts: []
+			});
 			return;
 		}
-		this.sortByMultipleColumns(this._sortedSource, t), this._sorted = !0, this.requestUpdate("sortedSource"), this.requestUpdate("sorted");
+		this.sortByMultipleColumns(this._sortedSource, t), this._sorted = !0, this.requestUpdate("sortedSource"), this.requestUpdate("sorted"), this._dataTableSortChanged.emit({
+			sortKey: e.detail.sortKey,
+			sortDirection: e.detail.sortDirection,
+			sortIndex: e.detail.sortIndex,
+			activeSorts: t
+		});
 	}
 	sortByMultipleColumns(e, t) {
 		let n = [...t].sort((e, t) => e.sortIndex - t.sortIndex);
@@ -216417,7 +216460,11 @@ h5([
 	k({ eventName: "dataTableEditorClosed" }),
 	g5("design:type", Object),
 	g5("design:paramtypes", [])
-], _5.prototype, "dataTableEditorClosed", null), _5 = h5([H({
+], _5.prototype, "dataTableEditorClosed", null), h5([
+	k({ eventName: "dataTableSortChanged" }),
+	g5("design:type", Object),
+	g5("design:paramtypes", [])
+], _5.prototype, "dataTableSortChanged", null), _5 = h5([H({
 	selector: "mosaik-data-table",
 	template: Wwe,
 	themes: {
@@ -233221,7 +233268,7 @@ var HDe = class extends bb {
 };
 aA(UDe), aA(WDe);
 //#endregion
-//#region ../mosaik-elements-foundation/dist/Controls/Directives/TimeAgo/Intl/TimeAgoIntl.js
+//#region ../mosaik-elements-foundation/dist/Controls/Directives/TimeAgo/intl/TimeAgoIntl.js
 var GDe;
 (function(e) {
 	e.DEFAULTS = { shortcut: "" };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.1.32",
+    "version": "0.1.35",
     "description": "Mosaik elements for Svelte.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -11,8 +11,8 @@
         "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "0.1.32",
-        "@breadstone/mosaik-elements-foundation": "0.1.32",
+        "@breadstone/mosaik-elements": "0.1.35",
+        "@breadstone/mosaik-elements-foundation": "0.1.35",
         "tslib": "2.8.1"
     },
     "peerDependencies": {