@breadstone/mosaik-elements-svelte 0.0.289 → 0.1.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 0.1.0 (2026-05-24)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.291 (2026-05-24)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.290 (2026-05-24)
+
+### 🩹 Fixes
+
+- **package:** add missing newline at end of file in package.json ([b2edcaf718](https://github.com/RueDeRennes/mosaik/commit/b2edcaf718))
+
 ## 0.0.289 (2026-05-24)
 
 ### 🚀 Features

package/index.mjs

@@ -50852,6 +50852,8 @@ var Lk = function(e, t, n, r) {
 	_isYAxisVisible;
 	_stacked;
 	_stackType;
+	_pendingUpdate;
+	_pendingSeriesUpdate;
 	_chart;
 	_annotations;
 	_colors;
@@ -50908,7 +50910,7 @@ var Lk = function(e, t, n, r) {
 				fontFamily: "",
 				fontSize: ""
 			} }
-		}, this._display = xk.Line, this._isLegendVisible = !1, this._legendPosition = Sk.Right, this._isXAxisVisible = !1, this._isYAxisVisible = !1, this._stacked = !1, this._stackType = Ck.Normal, this._chart = null, this._annotations = null, this._colors = null, this._dataLabels = null, this._series = null, this._stroke = null, this._labels = null, this._legend = null, this._markers = null, this._noData = null, this._fill = null, this._tooltip = null, this._plotOptions = null, this._responsive = null, this._xAxis = null, this._yAxis = null, this._grid = null, this._states = null, this._theme = null;
+		}, this._display = xk.Line, this._isLegendVisible = !1, this._legendPosition = Sk.Right, this._isXAxisVisible = !1, this._isYAxisVisible = !1, this._stacked = !1, this._stackType = Ck.Normal, this._pendingUpdate = !1, this._pendingSeriesUpdate = !1, this._chart = null, this._annotations = null, this._colors = null, this._dataLabels = null, this._series = null, this._stroke = null, this._labels = null, this._legend = null, this._markers = null, this._noData = null, this._fill = null, this._tooltip = null, this._plotOptions = null, this._responsive = null, this._xAxis = null, this._yAxis = null, this._grid = null, this._states = null, this._theme = null;
 	}
 	static get is() {
 		return "mosaik-chart";
@@ -51075,18 +51077,38 @@ var Lk = function(e, t, n, r) {
 	onApplyTemplate() {
 		super.onApplyTemplate();
 		let e = O.current.findDescendant(this, "[part=\"chart\"]", { strict: !0 });
-		this._host &&= (this._host.destroy(), null), this._host = new OO(e, this.computedOptions()), this.updateComplete.then(() => this._host?.render());
+		this._host &&= (this._host.destroy(), null), this._host = new OO(e, this.computedOptions()), this.updateComplete.then(() => {
+			this._host?.render().then(() => {
+				this.applyPendingUpdates();
+			}).catch((e) => {
+				console.warn("[mosaik-chart] Initial render failed:", e);
+			});
+		});
 	}
 	update(e) {
-		if (super.update(e), e.has("series") && this._series) {
-			this.updateComplete.then(() => this._host?.updateSeries(this._series));
+		if (super.update(e), !this.isChartReady()) {
+			e.has("series") && this._series ? this._pendingSeriesUpdate = !0 : this._pendingUpdate = !0;
 			return;
 		}
-		this.updateComplete.then(() => this._host?.updateOptions(this.computedOptions(), !1, !0));
+		if (e.has("series") && this._series) {
+			this.updateComplete.then(() => {
+				this.isChartReady() && this._host?.updateSeries(this._series);
+			});
+			return;
+		}
+		this.updateComplete.then(() => {
+			this.isChartReady() && this._host?.updateOptions(this.computedOptions(), !1, !0);
+		});
 	}
 	onFitPropertyChanged(e, t) {
 		super.onFitPropertyChanged(e, t), t === _x.Both ? (I.current.setStyle(this, "width", "100%"), I.current.setStyle(this, "height", "100%")) : t === _x.Width ? (I.current.setStyle(this, "width", "100%"), I.current.removeStyle(this, "height")) : t === _x.Height ? (I.current.removeStyle(this, "width"), I.current.setStyle(this, "height", "100%")) : (I.current.removeStyle(this, "width"), I.current.removeStyle(this, "height"));
 	}
+	applyPendingUpdates() {
+		this.isChartReady() && (this._pendingSeriesUpdate && this._series && (this._host?.updateSeries(this._series), this._pendingSeriesUpdate = !1), this._pendingUpdate &&= (this._host?.updateOptions(this.computedOptions(), !1, !0), !1));
+	}
+	isChartReady() {
+		return !!this._host?.w?.globals?.dom;
+	}
 	updateSize(e) {
 		let t = e.at(0)?.contentRect;
 		return {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.0.289",
+    "version": "0.1.0",
     "description": "Mosaik elements for Svelte.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -10,13 +10,14 @@
     "repository": {
         "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
     },
-    "peerDependencies": {
-        "svelte": "*",
-        "vite": "*"
-    },
     "dependencies": {
-        "@breadstone/mosaik-elements": "^0.0.289",
-        "@breadstone/mosaik-elements-foundation": "^0.0.289"
+        "@breadstone/mosaik-elements": "0.1.0",
+        "@breadstone/mosaik-elements-foundation": "0.1.0",
+        "tslib": "2.8.1"
+    },
+    "peerDependencies": {
+        "svelte": ">=4.0.0",
+        "vite": ">=5.0.0"
     },
     "exports": {
         ".": {