@breadstone/mosaik-elements-svelte 0.0.274 → 0.0.276

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 0.0.276 (2026-05-15)
+
+### 🚀 Features
+
+- **popup:** add sync property to PopupElement and related components ([5b644a14fb](https://github.com/RueDeRennes/mosaik/commit/5b644a14fb))
+
+## 0.0.275 (2026-05-15)
+
+### 🩹 Fixes
+
+- **popup:** add options for open mode and focus delegation ([f544d36064](https://github.com/RueDeRennes/mosaik/commit/f544d36064))
+
 ## 0.0.274 (2026-05-15)
 
 This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.

package/index.mjs

@@ -95116,6 +95116,7 @@ var PV;
 		flip: !0,
 		shift: !0,
 		trapFocus: !1,
+		sync: "none",
 		enter: mw,
 		exit: hw,
 		elevation: "regular"
@@ -95142,6 +95143,7 @@ function FV(e) {
                              .flipFallbackPlacements="${e.placements}"
                              .distance="${e.distance}"
                              .skidding="${e.skidding}"
+                             .sync="${e.sync}"
                              .flip="${e.flip}"
                              .shift="${e.shift}"
                              .enter="${e.enter}"
@@ -95149,7 +95151,7 @@ function FV(e) {
                              @mouseenter="${() => e.onPopupMouseEnter()}"
                              @mouseleave="${() => e.onPopupMouseLeave()}">
                 <mosaik-elevation part="elevation"
-                                  .weight="${e.elevation}"
+                                  .weigh="${e.elevation}"
                                   @connected="${(t) => t.target.attach(e)}"></mosaik-elevation>
                 <div part="body">
                     <div part="header">
@@ -95541,6 +95543,7 @@ var zV = function(e, t, n, r) {
 	_shift;
 	_trapFocus;
 	_hoverTimeout;
+	_sync;
 	_blurSubscription;
 	_focusSubscription;
 	_clickSubscription;
@@ -95551,7 +95554,7 @@ var zV = function(e, t, n, r) {
 	_anchorReady;
 	_previousActiveElement;
 	constructor() {
-		super(), this._placement = PV.DEFAULTS.placement, this._placements = PV.DEFAULTS.placements, this._distance = PV.DEFAULTS.distance, this._skidding = PV.DEFAULTS.skidding, this._trigger = PV.DEFAULTS.trigger, this._showDelay = PV.DEFAULTS.showDelay, this._hideDelay = PV.DEFAULTS.hideDelay, this._staysOpen = PV.DEFAULTS.staysOpen, this._closeOnScroll = PV.DEFAULTS.closeOnScroll, this._interactive = PV.DEFAULTS.interactive, this._flip = PV.DEFAULTS.flip, this._shift = PV.DEFAULTS.shift, this._trapFocus = PV.DEFAULTS.trapFocus, this._floatingElement = null, this._hoverTimeout = null, this._blurSubscription = null, this._focusSubscription = null, this._clickSubscription = null, this._mouseoverSubscription = null, this._mouseoutSubscription = null, this._scrollSubscription = null, this._slottedControl = null, this._anchorReady = !1, this._previousActiveElement = null, Object.assign(this, { enter: PV.DEFAULTS.enter }), Object.assign(this, { exit: PV.DEFAULTS.exit }), Object.assign(this, { elevation: PV.DEFAULTS.elevation }), this._projectionController = new $w(this, {
+		super(), this._placement = PV.DEFAULTS.placement, this._placements = PV.DEFAULTS.placements, this._distance = PV.DEFAULTS.distance, this._skidding = PV.DEFAULTS.skidding, this._trigger = PV.DEFAULTS.trigger, this._showDelay = PV.DEFAULTS.showDelay, this._hideDelay = PV.DEFAULTS.hideDelay, this._staysOpen = PV.DEFAULTS.staysOpen, this._closeOnScroll = PV.DEFAULTS.closeOnScroll, this._interactive = PV.DEFAULTS.interactive, this._flip = PV.DEFAULTS.flip, this._shift = PV.DEFAULTS.shift, this._trapFocus = PV.DEFAULTS.trapFocus, this._sync = PV.DEFAULTS.sync, this._floatingElement = null, this._hoverTimeout = null, this._blurSubscription = null, this._focusSubscription = null, this._clickSubscription = null, this._mouseoverSubscription = null, this._mouseoutSubscription = null, this._scrollSubscription = null, this._slottedControl = null, this._anchorReady = !1, this._previousActiveElement = null, Object.assign(this, { enter: PV.DEFAULTS.enter }), Object.assign(this, { exit: PV.DEFAULTS.exit }), Object.assign(this, { elevation: PV.DEFAULTS.elevation }), this._projectionController = new $w(this, {
 			slotName: "content",
 			targetSelector: "[part=\"projection\"]"
 		}), this._clickOutsideController = new sC(this, {
@@ -95655,6 +95658,12 @@ var zV = function(e, t, n, r) {
 	set trapFocus(e) {
 		this._trapFocus !== e && (this._trapFocus = e, this.requestUpdate("trapFocus"));
 	}
+	get sync() {
+		return this._sync;
+	}
+	set sync(e) {
+		this._sync !== e && (this._sync = e, this.requestUpdate("sync"));
+	}
 	async open() {
 		this.isOpen || this.disabled || (this._previousActiveElement = document.activeElement, await super.open(), this._trapFocus && (await this.updateComplete, this._focusTrapController.activate()), this._closeOnScroll && (this._scrollSubscription = D(window, "scroll", () => void this.close(), {
 			passive: !0,
@@ -95855,6 +95864,10 @@ zV([
 	BV("design:type", Boolean),
 	BV("design:paramtypes", [Boolean])
 ], VV.prototype, "trapFocus", null), zV([
+	A({ type: Aw }),
+	BV("design:type", String),
+	BV("design:paramtypes", [String])
+], VV.prototype, "sync", null), zV([
 	L("isOpen", { waitUntilFirstUpdate: !0 }),
 	BV("design:type", Function),
 	BV("design:paramtypes", []),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.0.274",
+    "version": "0.0.276",
     "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.274",
-        "@breadstone/mosaik-elements-foundation": "^0.0.274"
+        "@breadstone/mosaik-elements": "^0.0.276",
+        "@breadstone/mosaik-elements-foundation": "^0.0.276"
     },
     "exports": {
         ".": {