@breadstone/mosaik-elements-svelte 0.1.51 → 0.1.52

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.1.52 (2026-07-13)
+
+### 🚀 Features
+
+- **overlay:** add requestAttention and closeAttempt CloseAttempted ([27f164ec7f](https://github.com/RueDeRennes/mosaik/commit/27f164ec7f))
+
 ## 0.1.51 (2026-07-13)
 
 ### 🚀 Features

package/index.mjs

@@ -180824,13 +180824,8 @@ var _2 = function(e, t, n, r) {
 			case X0.Bottom: return this.createHorizontalDrawerRootStyles("bottom");
 		}
 	}
-	async open() {
-		return super.open().then(() => {
-			this.play(this.enter ?? { steps: [] });
-		});
-	}
 	async close() {
-		return this.play(this.exit ?? { steps: [] }).then(() => super.close());
+		return await this.play(this.exit ?? { steps: [] }) ? super.close() : !1;
 	}
 	async toggle() {
 		return this.isOpen ? this.close().then(() => {}) : this.open();
@@ -180845,7 +180840,12 @@ var _2 = function(e, t, n, r) {
 		super.onApplyTemplate(), O.current.findAncestor(this, C2) && (this.isComposed = !0);
 	}
 	onIsOpenChanged(e, t) {
-		super.onIsOpenChanged(e, t), O.current.findAncestor(this, C2, { strict: !1 })?.updateDrawerState();
+		super.onIsOpenChanged(e, t), t && this.playEnterAnimationWhenReady(), O.current.findAncestor(this, C2, { strict: !1 })?.updateDrawerState();
+	}
+	playEnterAnimationWhenReady() {
+		this.updateComplete.then(() => {
+			this.isOpen && this.play(this.enter ?? { steps: [] });
+		});
 	}
 	createVerticalDrawerRootStyles(e) {
 		let t = this.getDrawerViewportInset(), n = this.createInsetSize(y2.FULL_SIZE, t);
@@ -231426,7 +231426,8 @@ function RDe(e) {
                                .mode="${e.isMobile ? Y0.Push : Y0.Side}"
                                .hasBackdrop="${e.isMobile}"
                                .hasShadow="${e.isMobile}"
-                               .clickOutsideToClose="${e.isMobile}">
+                               .clickOutsideToClose="${e.isMobile}"
+                               @changed="${(t) => e.onNavigationDrawerChanged(t)}">
                     <nav part="nav-body">
                         <slot name="nav"></slot>
                     </nav>
@@ -232477,7 +232478,6 @@ var G7 = function(e, t, n, r) {
 	if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
 }, q7 = class extends F(Y(j)) {
 	_breakpointController;
-	_drawerElement;
 	_headerElement;
 	_contentElement;
 	_theme;
@@ -232541,6 +232541,9 @@ var G7 = function(e, t, n, r) {
 	closeNavigation() {
 		this.isNavOpen = !1;
 	}
+	onNavigationDrawerChanged(e) {
+		e.target === e.currentTarget && e.detail.propertyName === "is-open" && (e.detail.newValue === null ? this.closeNavigation() : this.openNavigation());
+	}
 	onSlotChanges(e) {
 		if (e === "header") {
 			let e = this.getSlotAssignments("header").filter((e) => e instanceof W7);
@@ -232548,7 +232551,7 @@ var G7 = function(e, t, n, r) {
 		}
 	}
 	onApplyTemplate() {
-		super.onApplyTemplate(), this._contentElement = this.getTemplatePart("main"), this._headerElement = this.getTemplatePart("header"), this._drawerElement = this.getTemplatePart("nav");
+		super.onApplyTemplate(), this._contentElement = this.getTemplatePart("main"), this._headerElement = this.getTemplatePart("header");
 	}
 	onIsNavOpenPropertyChanged(e, t) {
 		this._headerElement.isToggled = t ?? !1;

package/package.json

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