@breadstone/mosaik-elements-svelte 0.1.59 → 0.1.61

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 0.1.61 (2026-07-27)
+
+### 🩹 Fixes
+
+- **components:** ensure closed event handling respects target element ([86da3f3b56](https://github.com/RueDeRennes/mosaik/commit/86da3f3b56))
+
+## 0.1.60 (2026-07-27)
+
+### 🩹 Fixes
+
+- **components:** ensure closed event handling respects target element ([86da3f3b56](https://github.com/RueDeRennes/mosaik/commit/86da3f3b56))
+
 ## 0.1.59 (2026-07-26)
 
 ### 🚀 Features

package/index.mjs

@@ -90916,6 +90916,12 @@ function UB() {
   display: flex;
 }
 
+:host [part="suffix"] {
+  align-self: stretch;
+  align-items: center;
+  display: flex;
+}
+
 :host ::slotted(mosaik-text) {
   font-family: inherit;
   font-size: inherit;
@@ -91048,6 +91054,12 @@ function WB() {
   display: flex;
 }
 
+:host [part="suffix"] {
+  align-self: stretch;
+  align-items: center;
+  display: flex;
+}
+
 :host ::slotted(mosaik-text) {
   font-family: inherit;
   font-size: inherit;
@@ -91193,6 +91205,12 @@ function GB() {
   display: flex;
 }
 
+:host [part="suffix"] {
+  align-self: stretch;
+  align-items: center;
+  display: flex;
+}
+
 :host ::slotted(mosaik-text) {
   font-family: inherit;
   font-size: inherit;
@@ -92132,11 +92150,12 @@ function pV() {
 
 :host [part="items"] {
   gap: var(--list-gap);
-  min-height: 0;
-  overflow-y: overlay;
+  background-color: var(--list-background-color);
   flex-direction: column;
   flex: auto;
+  min-height: 0;
   display: flex;
+  overflow-y: auto;
 }
 
 :host [part="items"] [part="filter"] {
@@ -92301,11 +92320,12 @@ function mV() {
 
 :host [part="items"] {
   gap: var(--list-gap);
-  min-height: 0;
-  overflow-y: overlay;
+  background-color: var(--list-background-color);
   flex-direction: column;
   flex: auto;
+  min-height: 0;
   display: flex;
+  overflow-y: auto;
 }
 
 :host [part="items"] [part="filter"] {
@@ -92470,11 +92490,12 @@ function hV() {
 
 :host [part="items"] {
   gap: var(--list-gap);
-  min-height: 0;
-  overflow-y: overlay;
+  background-color: var(--list-background-color);
   flex-direction: column;
   flex: auto;
+  min-height: 0;
   display: flex;
+  overflow-y: auto;
 }
 
 :host [part="items"] [part="filter"] {
@@ -196911,6 +196932,7 @@ var y8 = function(e, t, n, r) {
 	_autoplay;
 	_timeout;
 	_autoplayController;
+	_resizeController;
 	constructor() {
 		super(), tC(this, {
 			context: h8,
@@ -196920,7 +196942,7 @@ var y8 = function(e, t, n, r) {
 			getDuration: () => this.getEffectiveTimeout(),
 			getHoverElement: () => this._listElement,
 			isEnabled: () => this._autoplay && this._timeout > 0 && this.items.length >= 2
-		});
+		}), this._resizeController = new lL(this, { callback: () => this.realignSlideAfterResize() });
 	}
 	static get is() {
 		return "mosaik-carousel";
@@ -197068,6 +197090,11 @@ var y8 = function(e, t, n, r) {
 			break;
 		}
 	}
+	realignSlideAfterResize() {
+		if (this._displayMode !== p8.Slide || !this.selectedItem || !this._listElement) return;
+		let e = this._listElement.style.transition;
+		this._listElement.style.transition = "none", this.scrollToActiveItem(), this._listElement.offsetHeight, e ? this._listElement.style.transition = e : this._listElement.style.removeProperty("transition");
+	}
 	isOutOfView(e, t) {
 		let { offsetWidth: n, offsetLeft: r } = this.items[e];
 		return (!t || t === "prev") && r - this._position < 0 || (!t || t === "next") && n + r - this._position > (this._listElement?.clientWidth ?? 0);

package/package.json

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