@breadstone/mosaik-elements-svelte 0.1.31 → 0.1.33

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 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.
+
 ## 0.1.31 (2026-06-24)
 
 ### 🚀 Features

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;
@@ -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);
 	}
@@ -185461,8 +185480,9 @@ var T4 = function(e, t, n, r) {
 	_fillAnimation;
 	_mouseOverSubscription;
 	_mouseOutSubscription;
+	_isExitAnimationPlaying;
 	constructor() {
-		super(), this._header = "", this._content = "", this._icon = "", this._iconSize = null, this._timeout = 0, this._position = w4.Center, this._showProgress = !1, this._fillElement = null, this._fillAnimation = null, this._timer = C4.empty(() => this.close()), this._mouseOverSubscription = null, this._mouseOutSubscription = null, this.enter = fw, this.exit = dw;
+		super(), this._header = "", this._content = "", this._icon = "", this._iconSize = null, this._timeout = 0, this._position = w4.Center, this._showProgress = !1, this._fillElement = null, this._fillAnimation = null, this._timer = C4.empty(() => this.close()), this._mouseOverSubscription = null, this._mouseOutSubscription = null, this._isExitAnimationPlaying = !1, this.enter = fw, this.exit = dw;
 	}
 	static get is() {
 		return "mosaik-toast";
@@ -185512,11 +185532,20 @@ var T4 = function(e, t, n, r) {
 	get animationTarget() {
 		return this.getTemplatePart("root");
 	}
+	onIsOpenChanged(e, t) {
+		if (!t && this.exit && !this._isExitAnimationPlaying) {
+			this._isExitAnimationPlaying = !0, this.play(this.exit).then(() => {
+				this._isExitAnimationPlaying = !1, super.onIsOpenChanged(e, t);
+			});
+			return;
+		}
+		super.onIsOpenChanged(e, t);
+	}
 	onIsOpenPropertyChanged(e, t) {
-		t ? (this.play(this.enter ?? { steps: [] }), this._timer.start(), this._showProgress && this._timeout > 0 && this.startFillAnimation()) : (this._timer.destroy(), this.cancelFillAnimation());
+		t ? (this.play(this.enter ?? { steps: [] }), this._timeout > 0 && (this._timer.start(), this._showProgress && this.startFillAnimation())) : (this._timer.destroy(), this.cancelFillAnimation());
 	}
 	async close() {
-		return this.play(this.exit ?? { steps: [] }).then(() => super.close());
+		return super.close();
 	}
 	connectedCallback() {
 		super.connectedCallback();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.1.31",
+    "version": "0.1.33",
     "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.31",
-        "@breadstone/mosaik-elements-foundation": "0.1.31",
+        "@breadstone/mosaik-elements": "0.1.33",
+        "@breadstone/mosaik-elements-foundation": "0.1.33",
         "tslib": "2.8.1"
     },
     "peerDependencies": {