@breadstone/mosaik-elements-svelte 0.1.55 → 0.1.56

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.1.56 (2026-07-23)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
 ## 0.1.55 (2026-07-23)
 
 This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.

package/index.mjs

@@ -181685,12 +181685,13 @@ var b2 = function(e, t, n, r) {
 	_contentMarginChanged;
 	_resizeController;
 	_drawer;
+	_observedDrawerTarget;
 	_content;
 	_autoSize;
 	_hasBackdrop;
 	_isOpen;
 	constructor() {
-		super(), this._drawer = null, this._content = null, this._autoSize = !1, this._hasBackdrop = !1, this._isOpen = !1, this._contentMarginChanged = new E(this, "contentMarginChanged", { bubbles: !1 }), this._resizeController = new Oz(this, { callback: () => this.updateContentMargins() });
+		super(), this._drawer = null, this._observedDrawerTarget = null, this._content = null, this._autoSize = !1, this._hasBackdrop = !1, this._isOpen = !1, this._contentMarginChanged = new E(this, "contentMarginChanged", { bubbles: !1 }), this._resizeController = new Oz(this, { callback: () => this.updateContentMargins() });
 	}
 	static get is() {
 		return "mosaik-drawer-container";
@@ -181733,7 +181734,14 @@ var b2 = function(e, t, n, r) {
 		this.isOpen = e, this._content && (this._content.isOpen = e), this.updateContentMargins();
 	}
 	onApplyTemplate() {
-		super.onApplyTemplate(), this._drawer = O.current.findDescendant(this, y2), this._content = O.current.findDescendant(this, Z0), this._drawer?.parentElement === this && (this._drawer.on("opened", () => this.updateContentMargins()), this._drawer.on("closed", () => this.updateContentMargins()), this.updateDrawerState());
+		super.onApplyTemplate(), this._drawer = O.current.findDescendant(this, y2), this._content = O.current.findDescendant(this, Z0), this._drawer?.parentElement === this && (this._drawer.on("opened", () => this.updateContentMargins()), this._drawer.on("closed", () => this.updateContentMargins()), this.observeDrawerSize(this._drawer), this.updateDrawerState());
+	}
+	observeDrawerSize(e) {
+		e.updateComplete.then(() => {
+			if (this._drawer !== e || e.parentElement !== this) return;
+			let t = e.animationTarget;
+			this._observedDrawerTarget !== t && (this._observedDrawerTarget && this._resizeController.unobserve(this._observedDrawerTarget), this._observedDrawerTarget = t, this._resizeController.observe(t));
+		});
 	}
 	updateContentMargins() {
 		this.updateComplete.then(() => {

package/package.json

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