@breadstone/mosaik-elements-svelte 0.1.55 → 0.1.57

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.1.57 (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.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(() => {
@@ -216796,6 +216804,7 @@ function DTe() {
   --table-body-cell-font-weight: unset;
   --table-body-cell-foreground-color: unset;
   --table-body-cell-gap: unset;
+  --table-body-cell-height: var(--data-table-cell-height);
   --table-body-cell-padding-bottom: unset;
   --table-body-cell-padding-left: unset;
   --table-body-cell-padding-right: unset;
@@ -216854,11 +216863,13 @@ function DTe() {
   padding-left: var(--table-body-cell-padding-left);
   border-right: var(--table-column-border-width, 0px) var(--table-column-border-style, solid) var(--table-column-border-color, transparent);
   white-space: nowrap;
+  min-width: 0;
+  min-height: var(--table-body-cell-height);
+  max-height: var(--table-body-cell-height);
   content-visibility: auto;
   isolation: isolate;
   flex-direction: row;
   align-items: center;
-  min-width: 0;
   display: flex;
   position: relative;
   overflow: hidden;
@@ -216950,6 +216961,7 @@ function OTe() {
   --table-body-cell-font-weight: var(--joy-typography-body1-font-weight);
   --table-body-cell-foreground-color: var(--joy-scheme-foreground);
   --table-body-cell-gap: var(--joy-layout-space);
+  --table-body-cell-height: var(--data-table-cell-height);
   --table-body-cell-padding-bottom: var(--joy-layout-space);
   --table-body-cell-padding-left: calc(var(--joy-layout-space) * 2);
   --table-body-cell-padding-right: calc(var(--joy-layout-space) * 2);
@@ -217008,11 +217020,13 @@ function OTe() {
   padding-left: var(--table-body-cell-padding-left);
   border-right: var(--table-column-border-width, 0px) var(--table-column-border-style, solid) var(--table-column-border-color, transparent);
   white-space: nowrap;
+  min-width: 0;
+  min-height: var(--table-body-cell-height);
+  max-height: var(--table-body-cell-height);
   content-visibility: auto;
   isolation: isolate;
   flex-direction: row;
   align-items: center;
-  min-width: 0;
   display: flex;
   position: relative;
   overflow: hidden;
@@ -217105,6 +217119,7 @@ function kTe() {
   --table-body-cell-font-weight: var(--memphis-typography-body1-font-weight);
   --table-body-cell-foreground-color: var(--memphis-color-neutral-50);
   --table-body-cell-gap: var(--memphis-layout-space);
+  --table-body-cell-height: var(--data-table-cell-height);
   --table-body-cell-padding-bottom: 0px;
   --table-body-cell-padding-left: calc(var(--memphis-layout-space) * 2);
   --table-body-cell-padding-right: calc(var(--memphis-layout-space) * 2);
@@ -217163,11 +217178,13 @@ function kTe() {
   padding-left: var(--table-body-cell-padding-left);
   border-right: var(--table-column-border-width, 0px) var(--table-column-border-style, solid) var(--table-column-border-color, transparent);
   white-space: nowrap;
+  min-width: 0;
+  min-height: var(--table-body-cell-height);
+  max-height: var(--table-body-cell-height);
   content-visibility: auto;
   isolation: isolate;
   flex-direction: row;
   align-items: center;
-  min-width: 0;
   display: flex;
   position: relative;
   overflow: hidden;
@@ -217260,6 +217277,9 @@ var n5 = function(e, t, n, r) {
 	static get is() {
 		return "mosaik-table-body-cell";
 	}
+	connectedCallback() {
+		super.connectedCallback(), this.updateSelectionClickHandler();
+	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this._selectionClickSubscription?.dispose();
 	}
@@ -217734,6 +217754,9 @@ var PTe = function(e, t, n, r) {
 	static get is() {
 		return "mosaik-table-body-row";
 	}
+	connectedCallback() {
+		super.connectedCallback(), this.updateSelectionClickHandler();
+	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this._clickSubscription?.dispose();
 	}
@@ -219604,6 +219627,7 @@ function eEe() {
 	return B`
 :host {
   --data-table-border-radius: var(--cosmopolitan-layout-radius);
+  --data-table-cell-height: unset;
   --data-table-font-family: unset;
   --data-table-font-letter-spacing: unset;
   --data-table-font-line-height: unset;
@@ -219716,6 +219740,7 @@ function tEe() {
 	return B`
 :host {
   --data-table-border-radius: var(--joy-layout-radius);
+  --data-table-cell-height: 56px;
   --data-table-font-family: unset;
   --data-table-font-letter-spacing: unset;
   --data-table-font-line-height: unset;
@@ -219829,6 +219854,7 @@ function nEe() {
 	return B`
 :host {
   --data-table-border-radius: var(--memphis-layout-radius);
+  --data-table-cell-height: unset;
   --data-table-font-family: unset;
   --data-table-font-letter-spacing: unset;
   --data-table-font-line-height: unset;

package/package.json

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