@breadstone/mosaik-elements-svelte 0.0.259 → 0.0.261

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 0.0.261 (2026-05-07)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.260 (2026-05-07)
+
+### 🚀 Features
+
+- **overlays:** implement OverlayStackManager for better overlay handling ([2a9e5e31bf](https://github.com/RueDeRennes/mosaik/commit/2a9e5e31bf))
+
+### 🩹 Fixes
+
+- **api:** update line numbers in documentation for various services and components ([7ac1fab82d](https://github.com/RueDeRennes/mosaik/commit/7ac1fab82d))
+
 ## 0.0.259 (2026-05-06)
 
 This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.

package/index.mjs

@@ -21391,17 +21391,33 @@ var Zw = function(e, t, n, r) {
 		});
 	}
 	detach() {
-		let e = this.getDestination();
 		if (this._projection) {
+			let e = this._projection.parentElement ?? this.getDestination();
 			for (; this._projection.firstChild;) this.appendChild(this._projection.firstChild);
-			this._projection.isConnected && e.removeChild(this._projection), this.isProjected = !1, this._detached.emit({
+			this._projection.parentNode && this._projection.parentNode.removeChild(this._projection), this.isProjected = !1, this._detached.emit({
 				destination: e,
 				projection: this._projection
 			}), this._projection = null;
 		}
 	}
 	getDestination() {
-		return typeof this._destination == "string" ? zw.get(this._destination) || O.current.findDescendant(document, this._destination, { strict: !0 }) : this._destination;
+		if (typeof this._destination == "string") return zw.get(this._destination) || O.current.findDescendant(document, this._destination, { strict: !0 });
+		if (this._destination === document.body) {
+			let e = this.findTopLayerAncestor();
+			if (e) return e;
+		}
+		return this._destination;
+	}
+	findTopLayerAncestor() {
+		let e = this;
+		for (; e;) {
+			if (e instanceof Element) try {
+				if (e.matches(":popover-open") || e.matches(":modal")) return e;
+			} catch {}
+			let t = e.parentNode;
+			!t && e instanceof ShadowRoot && (t = e.host), e = t;
+		}
+		return null;
 	}
 	createProjection() {
 		return this._projection || (this._projection = I.current.createElement(Xw.is), I.current.setAttribute(this._projection, "id", Rw.next(Xw.is)), this._projection.assign(this)), this._projection;
@@ -62649,12 +62665,12 @@ function zN() {
   --card-sub-title-background-color: var(--joy-scheme-transparent);
   --card-sub-title-border-color: var(--joy-scheme-highlight);
   --card-sub-title-font-family: var(--joy-font-family);
-  --card-sub-title-font-letter-spacing: var(--joy-typography-subtitle1-letter-spacing);
-  --card-sub-title-font-line-height: var(--joy-typography-subtitle1-line-height);
-  --card-sub-title-font-size: var(--joy-typography-subtitle1-font-size);
-  --card-sub-title-font-text-decoration: var(--joy-typography-subtitle1-text-decoration);
-  --card-sub-title-font-text-transform: var(--joy-typography-subtitle1-text-transform);
-  --card-sub-title-font-weight: var(--joy-typography-subtitle1-font-weight);
+  --card-sub-title-font-letter-spacing: var(--joy-typography-subtitle2-letter-spacing);
+  --card-sub-title-font-line-height: var(--joy-typography-subtitle2-line-height);
+  --card-sub-title-font-size: var(--joy-typography-subtitle2-font-size);
+  --card-sub-title-font-text-decoration: var(--joy-typography-subtitle2-text-decoration);
+  --card-sub-title-font-text-transform: var(--joy-typography-subtitle2-text-transform);
+  --card-sub-title-font-weight: var(--joy-typography-subtitle2-font-weight);
   --card-sub-title-foreground-color: var(--joy-scheme-middlelight);
   --card-sub-title-gap: unset;
   --card-sub-title-padding-bottom: unset;
@@ -62736,12 +62752,12 @@ function BN() {
   --card-sub-title-background-color: var(--memphis-scheme-transparent);
   --card-sub-title-border-color: var(--memphis-scheme-contrast);
   --card-sub-title-font-family: var(--memphis-font-family);
-  --card-sub-title-font-letter-spacing: var(--memphis-typography-subtitle1-letter-spacing);
-  --card-sub-title-font-line-height: var(--memphis-typography-subtitle1-line-height);
-  --card-sub-title-font-size: var(--memphis-typography-subtitle1-font-size);
-  --card-sub-title-font-text-decoration: var(--memphis-typography-subtitle1-text-decoration);
-  --card-sub-title-font-text-transform: var(--memphis-typography-subtitle1-text-transform);
-  --card-sub-title-font-weight: var(--memphis-typography-subtitle1-font-weight);
+  --card-sub-title-font-letter-spacing: var(--memphis-typography-subtitle2-letter-spacing);
+  --card-sub-title-font-line-height: var(--memphis-typography-subtitle2-line-height);
+  --card-sub-title-font-size: var(--memphis-typography-subtitle2-font-size);
+  --card-sub-title-font-text-decoration: var(--memphis-typography-subtitle2-text-decoration);
+  --card-sub-title-font-text-transform: var(--memphis-typography-subtitle2-text-transform);
+  --card-sub-title-font-weight: var(--memphis-typography-subtitle2-font-weight);
   --card-sub-title-foreground-color: var(--memphis-scheme-middlelight);
   --card-sub-title-gap: unset;
   --card-sub-title-padding-bottom: unset;
@@ -65191,12 +65207,12 @@ function kP() {
   --expander-header-background-color: var(--joy-scheme-transparent);
   --expander-header-border-color: var(--joy-scheme-highlight);
   --expander-header-font-family: var(--joy-font-family);
-  --expander-header-font-letter-spacing: var(--joy-typography-subtitle1-letter-spacing);
-  --expander-header-font-line-height: var(--joy-typography-subtitle1-line-height);
-  --expander-header-font-size: var(--joy-typography-subtitle1-font-size);
-  --expander-header-font-text-decoration: var(--joy-typography-subtitle1-text-decoration);
-  --expander-header-font-text-transform: var(--joy-typography-subtitle1-text-transform);
-  --expander-header-font-weight: var(--joy-typography-subtitle1-font-weight);
+  --expander-header-font-letter-spacing: var(--joy-typography-subtitle2-letter-spacing);
+  --expander-header-font-line-height: var(--joy-typography-subtitle2-line-height);
+  --expander-header-font-size: var(--joy-typography-subtitle2-font-size);
+  --expander-header-font-text-decoration: var(--joy-typography-subtitle2-text-decoration);
+  --expander-header-font-text-transform: var(--joy-typography-subtitle2-text-transform);
+  --expander-header-font-weight: var(--joy-typography-subtitle2-font-weight);
   --expander-header-foreground-color: var(--joy-scheme-foreground);
   --expander-header-gap: unset;
   --expander-header-padding-bottom: unset;
@@ -65278,12 +65294,12 @@ function AP() {
   --expander-header-background-color: var(--memphis-scheme-transparent);
   --expander-header-border-color: var(--memphis-scheme-highlight);
   --expander-header-font-family: var(--memphis-font-family);
-  --expander-header-font-letter-spacing: var(--memphis-typography-subtitle1-letter-spacing);
-  --expander-header-font-line-height: var(--memphis-typography-subtitle1-line-height);
-  --expander-header-font-size: var(--memphis-typography-subtitle1-font-size);
-  --expander-header-font-text-decoration: var(--memphis-typography-subtitle1-text-decoration);
-  --expander-header-font-text-transform: var(--memphis-typography-subtitle1-text-transform);
-  --expander-header-font-weight: var(--memphis-typography-subtitle1-font-weight);
+  --expander-header-font-letter-spacing: var(--memphis-typography-subtitle2-letter-spacing);
+  --expander-header-font-line-height: var(--memphis-typography-subtitle2-line-height);
+  --expander-header-font-size: var(--memphis-typography-subtitle2-font-size);
+  --expander-header-font-text-decoration: var(--memphis-typography-subtitle2-text-decoration);
+  --expander-header-font-text-transform: var(--memphis-typography-subtitle2-text-transform);
+  --expander-header-font-weight: var(--memphis-typography-subtitle2-font-weight);
   --expander-header-foreground-color: var(--memphis-scheme-foreground);
   --expander-header-gap: unset;
   --expander-header-padding-bottom: unset;
@@ -101878,7 +101894,8 @@ function rU(e) {
                        .variant="${e.variant}"
                        @connected="${(t) => t.target.attach(e)}"></mosaik-ripple>
         `)}
-        <div part="prefix">
+        <div part="prefix"
+             ?hidden="${!yM(e, "has-prefix", e.hasSlotContent("prefix"))}">
             <slot name="prefix"></slot>
         </div>
         <div part="content">
@@ -101900,7 +101917,8 @@ function rU(e) {
             `]
 	])}
         </div>
-        <div part="suffix">
+        <div part="suffix"
+             ?hidden="${!yM(e, "has-suffix", e.hasSlotContent("suffix"))}">
             <slot name="suffix"></slot>
         </div>
     `;
@@ -102013,7 +102031,6 @@ function iU() {
   flex-direction: column;
   flex: auto;
   display: flex;
-  overflow: hidden;
 }
 
 :host ::slotted(mosaik-text) {
@@ -102143,7 +102160,6 @@ function aU() {
   flex-direction: column;
   flex: auto;
   display: flex;
-  overflow: hidden;
 }
 
 :host ::slotted(mosaik-text) {
@@ -102286,7 +102302,6 @@ function oU() {
   flex-direction: column;
   flex: auto;
   display: flex;
-  overflow: hidden;
 }
 
 :host ::slotted(mosaik-text) {
@@ -102317,11 +102332,10 @@ var sU = function(e, t, n, r) {
 	return i > 3 && a && Object.defineProperty(t, n, a), a;
 }, cU = function(e, t) {
 	if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
-}, lU = class extends F(kS(R(dS(z(TS(zI)))))) {
-	_inheritance = ix(this, { context: nU });
+}, lU = class extends F(kS(R(dS(z(TS(Y(zI))))))) {
 	_isChecked;
 	constructor() {
-		super(), this._isChecked = !1;
+		super(), ix(this, { context: nU }), this._isChecked = !1;
 	}
 	static get is() {
 		return "mosaik-list-item";
@@ -154681,7 +154695,7 @@ var L1 = function(e, t, n, r) {
 	onSlotChanges() {
 		this.clearEvents();
 		let e = this.getSlotAssignments("").filter((e) => e instanceof iz);
-		for (let [t, n] of e.entries()) n.isCheckable = !0, (n.value === void 0 || n.value === null || n.value === "") && (n.value = n.label || `chip-${t}`), this._selectionMode === dL.Single ? n.isChecked = this.value === n.value : n.isChecked = (Array.isArray(this.value) ? this.value : []).includes(n.value), n.classList.add("chip-group-chip"), n.classList.toggle("first", t === 0), n.classList.toggle("inner", t > 0 && t < e.length - 1), n.classList.toggle("last", t === e.length - 1), this._eventSubscriptions.push(n.on("checked", (e) => this.onChipCheckChanged(e), { passive: !0 }), n.on("unchecked", (e) => this.onChipUncheckChanged(e), { passive: !0 }));
+		for (let [t, n] of e.entries()) n.isCheckable = this._selectionMode !== dL.None, (n.value === void 0 || n.value === null || n.value === "") && (n.value = n.label || `chip-${t}`), this._selectionMode === dL.Single ? n.isChecked = this.value === n.value : n.isChecked = (Array.isArray(this.value) ? this.value : []).includes(n.value), n.classList.add("chip-group-chip"), n.classList.toggle("first", t === 0), n.classList.toggle("inner", t > 0 && t < e.length - 1), n.classList.toggle("last", t === e.length - 1), this._eventSubscriptions.push(n.on("checked", (e) => this.onChipCheckChanged(e), { passive: !0 }), n.on("unchecked", (e) => this.onChipUncheckChanged(e), { passive: !0 }));
 	}
 	checkValidity() {
 		return this.getSlotAssignments("").filter((e) => e instanceof iz).filter((e) => e.isChecked).length > 0;
@@ -154698,6 +154712,12 @@ var L1 = function(e, t, n, r) {
 	onChipChanged(e) {
 		this._chipChanged.emit(e);
 	}
+	onSelectionModePropertyChange(e, t) {
+		let n = this.getSlotAssignments("").filter((e) => e instanceof iz);
+		t === dL.None ? (n.forEach((e) => {
+			e.uncheck(), e.isCheckable = !1;
+		}), this.value = void 0) : n.forEach((e) => e.isCheckable = !0);
+	}
 	onValuePropertyChange(e, t) {
 		let n = this.getSlotAssignments("").filter((e) => e instanceof iz);
 		if (this._selectionMode === dL.Single) n.forEach((e) => e.isChecked = t === e.value);
@@ -154707,11 +154727,12 @@ var L1 = function(e, t, n, r) {
 		}
 	}
 	onChipCheckChanged(e) {
+		if (this._selectionMode === dL.None) return;
 		let t = e.target;
 		this._selectionMode === dL.Single ? (this.getSlotAssignments("").filter((e) => e instanceof iz).filter((e) => e !== t).forEach((e) => e.uncheck()), this.value = t.value, this.onChipChanged({ value: t.value })) : this.updateValue();
 	}
 	onChipUncheckChanged(e) {
-		this._selectionMode === dL.Multiple ? this.updateValue() : (this.value = void 0, this.onChipChanged({ value: void 0 }));
+		this._selectionMode !== dL.None && (this._selectionMode === dL.Multiple ? this.updateValue() : (this.value = void 0, this.onChipChanged({ value: void 0 })));
 	}
 	updateValue() {
 		let e = this.getSlotAssignments("").filter((e) => e instanceof iz).filter((e) => e.isChecked).map((e) => e.value);
@@ -154754,6 +154775,11 @@ L1([
 	R1("design:type", Object),
 	R1("design:paramtypes", [])
 ], B1.prototype, "chipChanged", null), L1([
+	L("selectionMode"),
+	R1("design:type", Function),
+	R1("design:paramtypes", [String, String]),
+	R1("design:returntype", void 0)
+], B1.prototype, "onSelectionModePropertyChange", null), L1([
 	L("value"),
 	R1("design:type", Function),
 	R1("design:paramtypes", [Object, Object]),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.0.259",
+    "version": "0.0.261",
     "description": "Mosaik elements for Svelte.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -15,8 +15,8 @@
         "vite": "*"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "^0.0.259",
-        "@breadstone/mosaik-elements-foundation": "^0.0.259"
+        "@breadstone/mosaik-elements": "^0.0.261",
+        "@breadstone/mosaik-elements-foundation": "^0.0.261"
     },
     "exports": {
         ".": {