mnfst 0.5.244 → 0.5.245

package/lib/manifest.appwrite.data.js

@@ -2,7 +2,7 @@
 
 (function () {
 
-const MANIFEST_BUILD_VERSION = '0.5.244';
+const MANIFEST_BUILD_VERSION = '0.5.245';
 
 /* Manifest Data Sources - Appwrite Integration */
 

package/lib/manifest.charts.js

@@ -190,7 +190,7 @@
 		function normalize(raw, el, typeFromModifier) {
 			const cfg = Object.assign({}, raw || {});
 			cfg.type = (cfg.type || typeFromModifier || 'line').toLowerCase();
-			cfg.height = num(cfg.height || el.getAttribute('height'), 240);
+			cfg.height = num(cfg.height || el.getAttribute('height') || undefined, cfg.type === 'map' ? 0 : 240); // maps size from width
 			cfg.stacked = !!cfg.stacked;
 			cfg.legend = cfg.legend !== false;
 			cfg.axis = cfg.axis !== false;
@@ -507,9 +507,23 @@
 		function drawCartesian(state, root, width, height) {
 			const cfg = state.config, d3 = state.d3;
 			const m = { top: 10, right: 14, bottom: 26, left: 40 };
-			const iw = width - m.left - m.right;
-			const ih = height - m.top - m.bottom;
 			const labels = cfg.labels.length ? cfg.labels : cfg.series[0].data.map((_, i) => i + 1);
+			const marks = cfg.axis ? axisMarks(cfg, labels) : [];
+			let iw = width - m.left - m.right;
+			// Widen margins (each side capped at 20% of width) so end labels sit
+			// centred on their points; past the cap, ends clamp inside the frame.
+			if (marks.length) {
+				const f = marks[0], l = marks[marks.length - 1];
+				const hf = labelWidth(root, [f.label]) / 2, hl = labelWidth(root, [l.label]) / 2;
+				const base = { left: m.left, right: m.right }, cap = width * 0.2;
+				for (let pass = 0; pass < 2; pass++) {
+					const c = xScheme(cfg, d3, labels.length, iw).x;
+					m.left = Math.max(base.left, Math.min(cap, Math.ceil(hf - c(f.at)) + 1));
+					m.right = Math.max(base.right, Math.min(cap, Math.ceil(hl - (iw - c(l.at))) + 1));
+					iw = width - m.left - m.right;
+				}
+			}
+			const ih = height - m.top - m.bottom;
 			const locale = (() => { try { return Alpine.store('locale')?.current || document.documentElement.lang || 'en'; } catch (_) { return 'en'; } })();
 			const nf = (() => { try { return new Intl.NumberFormat(locale, { notation: 'compact', maximumFractionDigits: 1 }); } catch (_) { return { format: String }; } })();
 
@@ -551,41 +565,73 @@
 			else if (cfg.type === 'scatter') drawScatter(state, plot, labels, iw, ih, y);
 			else drawLines(state, plot, labels, iw, ih, y); // line + area
 
-			// x axis labels (banded), thinned so they never overlap
+			// x axis labels (banded), evenly thinned so they never overlap
 			if (cfg.axis) {
-				const xb = d3.scaleBand().domain(labels.map(String)).range([0, iw]).padding(0.1);
-				xAxisTicks(root, labels, xb, iw, m).forEach(([i, cx]) => {
-					text(plot, labels[i], { x: cx, y: ih + 16, 'text-anchor': 'middle' });
+				xAxisTicks(root, marks, xScheme(cfg, d3, labels.length, iw).x, iw, m).forEach(([t, cx]) => {
+					text(plot, t.label, { x: cx, y: ih + 16, 'text-anchor': 'middle' });
 				});
 			}
 			if (cfg.legend && cfg.series.length > 1) drawLegend(state);
 		}
 
-		// Indices + x of the category labels to draw: every Nth by measured width,
-		// first and last kept where they fit, ends clamped inside the svg.
-		function xAxisTicks(root, labels, xb, iw, m) {
+		// One index-keyed x scheme per chart (duplicate labels stay distinct), shared
+		// by marks and axis. Bars (and combo lines over bars) use band centres.
+		function xScheme(cfg, d3, n, w) {
+			const idx = Array.from({ length: n }, (_, i) => i);
+			const candle = cfg.type === 'candlestick' || cfg.type === 'ohlc';
+			const banded = candle || cfg.type === 'bar' || (cfg.type === 'combo' && cfg.series.some(s => { const t = seriesType(cfg, s); return t !== 'line' && t !== 'area'; }));
+			if (banded) {
+				const band = d3.scaleBand().domain(idx).range([0, w]).padding(candle ? 0.3 : 0.2);
+				const bw = band.bandwidth();
+				return { band, step: band.step(), x: i => band(i) + bw / 2 };
+			}
+			const p = d3.scalePoint().domain(idx).range([0, w]).padding(0.5);
+			return { step: typeof p.step === 'function' ? p.step() : w / Math.max(1, n), x: i => p(i) };
+		}
+
+		// Axis label candidates: author `ticks` ([index] or [{ at, label }]) or every label.
+		function axisMarks(cfg, labels) {
 			const n = labels.length;
-			if (!n) return [];
-			const step = typeof xb.step === 'function' ? xb.step() : iw / n;
-			const center = i => xb(String(labels[i])) + xb.bandwidth() / 2;
-			const sample = n <= 60 ? labels : [labels[0], labels[n - 1]].concat(labels.slice().sort((a, b) => String(b).length - String(a).length).slice(0, 30));
-			const minSep = labelWidth(root, sample) + 6;
-			const every = Math.max(1, Math.ceil(minSep / step));
-			const edgeHalf = {};
-			const xAt = i => {
-				if (i !== 0 && i !== n - 1) return center(i);
-				if (edgeHalf[i] == null) edgeHalf[i] = labelWidth(root, [labels[i]]) / 2;
-				return Math.min(Math.max(center(i), -m.left + edgeHalf[i]), iw + m.right - edgeHalf[i]);
-			};
-			const fits = (a, b) => Math.abs(xAt(b) - xAt(a)) >= minSep;
-			const keep = [];
-			for (let i = 0; i < n - 1; i += every) keep.push(i);
-			if (n > 1) {
-				while (keep.length > 1 && !fits(keep[keep.length - 1], n - 1)) keep.pop();
-				if (!keep.length || fits(keep[keep.length - 1], n - 1)) keep.push(n - 1);
-			} else keep.push(0);
-			while (keep.length > 2 && !fits(keep[0], keep[1])) keep.splice(1, 1);
-			return keep.map(i => [i, xAt(i)]);
+			if (!Array.isArray(cfg.ticks)) return labels.map((l, i) => ({ at: i, label: l }));
+			const seen = new Set();
+			return cfg.ticks
+				.map(t => t && typeof t === 'object' && !Array.isArray(t) ? { at: tickIndex(t.at), label: t.label } : { at: tickIndex(t) })
+				.filter(t => t.at >= 0 && t.at < n && !seen.has(t.at) && seen.add(t.at))
+				.map(t => ({ at: t.at, label: t.label != null ? t.label : labels[t.at] }))
+				.sort((a, b) => a.at - b.at);
+		}
+
+		function tickIndex(v) {
+			const ok = (typeof v === 'number' && isFinite(v)) || (typeof v === 'string' && v.trim() !== '' && isFinite(+v));
+			return ok ? Math.round(+v) : -1;
+		}
+
+		// Marks + x to draw: the most evenly spaced subset (first and last kept)
+		// whose measured labels don't overlap; ends clamped inside the svg.
+		function xAxisTicks(root, marks, xc, iw, m) {
+			const N = marks.length;
+			if (!N) return [];
+			const GAP = 6;
+			let half;
+			if (N <= 60) {
+				const ws = labelWidths(root, marks.map(t => t.label));
+				half = k => ws[k] / 2;
+			} else {
+				const sample = [marks[0], marks[N - 1]].concat(marks.slice().sort((a, b) => String(b.label).length - String(a.label).length).slice(0, 30));
+				const w = labelWidth(root, sample.map(t => t.label));
+				half = () => w / 2;
+			}
+			const center = k => xc(marks[k].at);
+			const xAt = k => Math.min(Math.max(center(k), -m.left + half(k)), iw + m.right - half(k));
+			const pick = c => Array.from({ length: c }, (_, j) => Math.round(j * (N - 1) / (c - 1)));
+			const fits = ks => ks.every((k, j) => !j || xAt(k) - xAt(ks[j - 1]) >= half(k) + half(ks[j - 1]) + GAP);
+			const span = center(N - 1) - center(0);
+			const minW = N <= 60 ? Math.min(...marks.map((_, k) => half(k) * 2)) : half(0) * 2;
+			for (let c = Math.min(N, Math.floor(span / (minW + GAP)) + 1); c > 1; c--) {
+				const ks = pick(c);
+				if (fits(ks)) return ks.map(k => [marks[k], xAt(k)]);
+			}
+			return [[marks[0], xAt(0)]];
 		}
 
 		// `list` lets combo pass a subset of series with their original indices
@@ -593,15 +639,14 @@
 		// bar rects per index, highlighted from the dense hover columns.
 		function drawLines(state, plot, labels, iw, ih, y, list, barsAt) {
 			const cfg = state.config, d3 = state.d3;
-			const x = d3.scalePoint().domain(labels.map(String)).range([0, iw]).padding(0.5);
+			const X = xScheme(cfg, d3, labels.length, iw), x = X.x, step = X.step;
 			const curve = curveFor(d3, cfg.curve);
 			const items = list || cfg.series.map((s, i) => ({ s, i, area: cfg.type === 'area' }));
 			// Dense: no per-point dots; hover columns carry the tooltip instead.
-			const step = typeof x.step === 'function' ? x.step() : iw / Math.max(1, labels.length);
 			const dense = labels.length > 1 && step < 10;
 			items.forEach(({ s, i: si, area }) => {
 				const color = seriesColorVar(si, s.color);
-				const points = labels.map((l, i) => [x(String(l)), y(num(s.data[i], 0))]);
+				const points = labels.map((l, i) => [x(i), y(num(s.data[i], 0))]);
 				if (area) {
 					const areaGen = d3.area().x(p => p[0]).y0(ih).y1(p => p[1]).curve(curve);
 					const ap = svg('path', { class: 'area', d: areaGen(points), style: `--color-chart-color:${color}` }, plot);
@@ -623,7 +668,7 @@
 				const g = svg('g', { class: 'hover' }, plot);
 				const focus = items.map(({ s, i: si }) => svg('circle', { class: 'focus', r: 3, display: 'none', style: `--color-chart-color:${seriesColorVar(si, s.color)}` }, g));
 				labels.forEach((l, i) => {
-					const cx = x(String(l));
+					const cx = x(i);
 					const hit = svg('rect', { class: 'hit', x: cx - step / 2, y: 0, width: step, height: ih, style: 'fill:transparent' }, g);
 					applyTip(hit, cfg.series.map(s => (s.name ? s.name + ': ' : '') + num(s.data[i], 0)), cfg, tipHead(cfg, l));
 					const bars = (barsAt && barsAt[i]) || [];
@@ -643,17 +688,17 @@
 		// only applies to the full-series bar chart, not combo.
 		function drawBars(state, plot, labels, iw, ih, y, list) {
 			const cfg = state.config, d3 = state.d3;
-			const x0 = d3.scaleBand().domain(labels.map(String)).range([0, iw]).padding(0.2);
+			const x0 = xScheme(cfg, d3, labels.length, iw).band;
 			if (cfg.stacked && !list) {
 				labels.forEach((l, i) => {
 					let acc = 0;
 					cfg.series.forEach((s, si) => {
 						const v = num(s.data[i], 0);
 						const yTop = y(acc + v), yBot = y(acc);
-						const rect = svg('rect', { x: x0(String(l)), y: yTop, width: x0.bandwidth(), height: Math.max(0, yBot - yTop), style: `--color-chart-color:${seriesColorVar(si, s.color)}` }, plot);
+						const rect = svg('rect', { x: x0(i), y: yTop, width: x0.bandwidth(), height: Math.max(0, yBot - yTop), style: `--color-chart-color:${seriesColorVar(si, s.color)}` }, plot);
 						applyTip(rect, (s.name ? s.name + ': ' : '') + v, cfg, tipHead(cfg, l));
 						animateBar(rect, ih);
-						if (cfg.dataLabels && (yBot - yTop) > 14) dataLabel(plot, v, x0(String(l)) + x0.bandwidth() / 2, (yTop + yBot) / 2, 'middle', 'central', 'inverse');
+						if (cfg.dataLabels && (yBot - yTop) > 14) dataLabel(plot, v, x0(i) + x0.bandwidth() / 2, (yTop + yBot) / 2, 'middle', 'central', 'inverse');
 						acc += v;
 					});
 				});
@@ -666,11 +711,11 @@
 						const s = o.s, si = o.i;
 						const v = num(s.data[i], 0);
 						const yy = y(Math.max(0, v));
-						const rect = svg('rect', { x: x0(String(l)) + x1(String(k)), y: yy, width: x1.bandwidth(), height: Math.abs(y(v) - y(0)), style: `--color-chart-color:${seriesColorVar(si, s.color)}` }, plot);
+						const rect = svg('rect', { x: x0(i) + x1(String(k)), y: yy, width: x1.bandwidth(), height: Math.abs(y(v) - y(0)), style: `--color-chart-color:${seriesColorVar(si, s.color)}` }, plot);
 						byIndex[i].push(rect);
 						applyTip(rect, (s.name ? s.name + ': ' : '') + v, cfg, tipHead(cfg, l));
 						animateBar(rect, ih);
-						if (cfg.dataLabels) dataLabel(plot, v, x0(String(l)) + x1(String(k)) + x1.bandwidth() / 2, yy - 4);
+						if (cfg.dataLabels) dataLabel(plot, v, x0(i) + x1(String(k)) + x1.bandwidth() / 2, yy - 4);
 					});
 				});
 				return byIndex;
@@ -694,10 +739,9 @@
 		function drawCandles(state, plot, labels, iw, ih, y) {
 			const cfg = state.config, d3 = state.d3;
 			const cs = candleData(cfg.series[0].data);
-			const x0 = d3.scaleBand().domain(labels.map(String)).range([0, iw]).padding(0.3);
-			const bw = x0.bandwidth();
+			const X = xScheme(cfg, d3, labels.length, iw), bw = X.band.bandwidth();
 			cs.forEach((c, i) => {
-				const cx = x0(String(labels[i])) + bw / 2;
+				const cx = X.x(i);
 				const up = c.c >= c.o;
 				const g = svg('g', { class: up ? 'positive' : 'negative' }, plot);
 				svg('line', { x1: cx, x2: cx, y1: y(c.h), y2: y(c.l) }, g);
@@ -715,14 +759,14 @@
 
 		function drawScatter(state, plot, labels, iw, ih, y) {
 			const cfg = state.config, d3 = state.d3;
-			const x = d3.scalePoint().domain(labels.map(String)).range([0, iw]).padding(0.5);
+			const x = xScheme(cfg, d3, labels.length, iw).x;
 			cfg.series.forEach((s, si) => {
 				labels.forEach((l, i) => {
 					const v = num(s.data[i], 0);
-					const dot = svg('circle', { class: 'scatter', cx: x(String(l)), cy: y(v), r: 5, style: `--color-chart-color:${seriesColorVar(si, s.color)}` }, plot);
+					const dot = svg('circle', { class: 'scatter', cx: x(i), cy: y(v), r: 5, style: `--color-chart-color:${seriesColorVar(si, s.color)}` }, plot);
 					applyTip(dot, (s.name ? s.name + ': ' : '') + v, cfg, tipHead(cfg, l));
 					animate(dot, [{ opacity: 0, transform: 'scale(0)' }, { opacity: 1, transform: 'scale(1)' }], { duration: 350, delay: i * 25 });
-					if (cfg.dataLabels) dataLabel(plot, v, x(String(l)), y(v) - 9);
+					if (cfg.dataLabels) dataLabel(plot, v, x(i), y(v) - 9);
 				});
 			});
 		}
@@ -752,11 +796,13 @@
 		// fallback). Sizes axis gutters to their content so charts sit balanced.
 		function labelWidth(root, items, cls) {
 			if (!items || !items.length) return 0;
+			return Math.max(...labelWidths(root, items, cls));
+		}
+		function labelWidths(root, items, cls) {
 			const probe = svg('text', cls ? { class: cls, x: -9999, y: -9999 } : { x: -9999, y: -9999 }, root);
-			let max = 0;
-			for (const s of items) { probe.textContent = String(s); let w = 0; try { w = probe.getComputedTextLength(); } catch (_) { } if (!w) w = String(s).length * 7; if (w > max) max = w; }
+			const out = items.map(s => { probe.textContent = String(s == null ? '' : s); let w = 0; try { w = probe.getComputedTextLength(); } catch (_) { } return Math.ceil(w || String(s == null ? '' : s).length * 7); });
 			root.removeChild(probe);
-			return Math.ceil(max);
+			return out;
 		}
 
 		function drawGauge(state, root, width, height) {

package/lib/manifest.data.js

@@ -2,7 +2,7 @@
 
 (function () {
 
-const MANIFEST_BUILD_VERSION = '0.5.244';
+const MANIFEST_BUILD_VERSION = '0.5.245';
 
 /* Manifest Data Sources - Configuration */
 

package/lib/manifest.integrity.json

@@ -1,9 +1,9 @@
 {
   "manifest.appwrite.auth.js": "sha384-dsIWnH0qCAGSzAXMGrd8fvOrVl4tOIE6j5tC35JPTrQXZ56qLD36ARyvhR7vi3Id",
-  "manifest.appwrite.data.js": "sha384-rC30q9rBFR/prFJ8rseKe2GBKoGEkfT6WLZaz5/lbdZzr+w6XDefgub/vyHgMc0A",
+  "manifest.appwrite.data.js": "sha384-bg/IZDy3pRsvCsopmIJQ1g5uc3KjpL6O1X/waOZLwDw0KjXuHsG8dRMkKdTdviP4",
   "manifest.appwrite.presences.js": "sha384-JyVDWFT69b7Svq8J8p9tNWe2v9PZNQBY5UyhtOl1vnuHFAX0CRQ3MA9SiKq5wzNh",
   "manifest.bindings.js": "sha384-lPtMf8Ykaic9gNVZKq8Scia1881ZeMAyxer3WCIkUNwwrgzGBWto1OXADUwjvORF",
-  "manifest.charts.js": "sha384-vjUCZ1MWu7c4rT/25Ct+nw95+OYUDZ2ouc9pw/gVOXrYZ+iW+LI0+lwvEhXmeMcZ",
+  "manifest.charts.js": "sha384-FTLltd+0atALQQD5Wi9eASFnNYYzhxouH3HJlMkFrDfjTV9/8TZhEif7bMDqElq3",
   "manifest.chat.js": "sha384-88DfMfJLoi2oxclVD2iIMDkIGAExMXq5k47mekUredlicLaP3oZY5bwtwqs+TqDF",
   "manifest.code.js": "sha384-WGPlZE5Sp9GygUzJSmCdpLyYQTgvmEKc9BQS9Hmq1VTQwkqYJzPSWibHvPekcres",
   "manifest.color.js": "sha384-6Rv3LxyTcZNjrhtayQfqRdCx0uSZ4BiEbgEI98I62eTvp8Aw7LBIoNJ0Je1oktwL",
@@ -11,7 +11,7 @@
   "manifest.combobox.js": "sha384-MILTkrgsTzsYUjGo4ZuADqV85Xs4GmfB4xexfe9vbJMIoQTZ42W4zs+DTaVSPEsx",
   "manifest.components.js": "sha384-BUFA8h+G5Plr82sV7bKzO42pPoiRZwRQcKj1lt2ROFiKjjlkayU/vmkAFqEsdBA+",
   "manifest.computed.js": "sha384-GYML/e81gQfN+iDbqhPUgny8bINCyL+SrbTofoGk4hlCnLLjv51mCv42JMqq+ku5",
-  "manifest.data.js": "sha384-PNN+BUdyhlBcNW822on2vOdWlq9tR7+sJHZppI25OfF0w1FIU7Jj9JBvwlhnvNTt",
+  "manifest.data.js": "sha384-Ie+YDjD9X8mUgLqbRdgt6KLXNSB6ysP++yBs3W7JdhLr19xIkY9d54RLVGvwY6v7",
   "manifest.datepicker.js": "sha384-XnbeURni2X91ozVzatQcSjYYIS4MoW12dBRJnYAGBr0nCQ624heH5s+xtQSpLZX6",
   "manifest.defer.js": "sha384-pMRGqQKiEoJhpUcD40QeM4jEHau7sz9Xn/YCpiUamT1T4xJBZDSiYX+xnVrSWoq+",
   "manifest.device.js": "sha384-g+txmrEszYtuOvRelTp/c1wSNR2AtllVI9rx5NPPD7DzhVUnMNughonZykv2xlBW",
@@ -28,7 +28,7 @@
   "manifest.slides.js": "sha384-3uRTkyK9XPLmnxI2+igZlpi4EyPlU/7IHj5j3BZJJ2KN455vXyk99fiXV3feO/XY",
   "manifest.status.js": "sha384-MBO345ab7H6Uq1X2dZLt4Ge1Gcra+Z2qYApvlAeIV8CJhDDJrz2FPXpp+Kcp8zcM",
   "manifest.svg.js": "sha384-qr/8H9+2cIhSXNbRWRtIdrDlTOxKlNJqwEefHvCYoiBNW/kKhPTFa109Orv/EBnb",
-  "manifest.sw.js": "sha384-pAkPjlgCScvndUFGJmMzi9XBRTIbUoUsiA8m1KPHCnYPMj1K0uR6mLy/998PxKc4",
+  "manifest.sw.js": "sha384-rK22P7FyWRLX/DuW34gS9OIShs4Jo/s5+10o9Y23dbrbktHY3XYfzRygMlIgK4IB",
   "manifest.tabs.js": "sha384-OIIcyaQnGS0eNYk4zgAFEDboNYect7THvUd9D0V6nqCeDOxQcoiqLrBEmmWVTTet",
   "manifest.tailwind.js": "sha384-r/Jvqb+Piz21jUts10BbVAJoKkShOdJRVFpywyi4HPIi/OfOJq5CtPyWAPbdkMgt",
   "manifest.toasts.js": "sha384-3zkWxzw693pxg3QDFsoYCA3CqYaLKmBaMArULXODD66Utolpewl0OAeTB92aWUVv",

package/lib/manifest.sw.js

@@ -16,7 +16,7 @@
 
 // Build stamps the published version here; unstamped (dev) falls back to the
 // registration URL's `v`, then 'dev'.
-const BUILD_VERSION = '0.5.244';
+const BUILD_VERSION = '0.5.245';
 const CACHE_PREFIX = 'mnfst-sw:';
 const META_CACHE = CACHE_PREFIX + 'meta';
 // Sized to hold a full precache.json warm-up (PRECACHE_MAX_ENTRIES server-side)

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mnfst",
-    "version": "0.5.244",
+    "version": "0.5.245",
     "private": false,
     "workspaces": [
         "templates/starter",