@martinomagnifico/tablechart 1.1.2 → 1.1.3

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## [1.1.3] - 2026-10-26
+
+### Changed
+
+- Fixes charts that should be shown directly. Labels and annotations now also show immediately.
+- Trend and bracket lines stop at their badge from the start. Before, they ran through it until the chart was built.
+- Gridlines leave a gap for a badge, as they do for text. The gap appears with the badge.
+- Badge backgrounds no longer fade in. A fading background showed as a grey box over the marks.
+- The mask under a badge goes on when the marks under it are done. Before, it waited for the whole chart.
+
+### Added
+
+- `atOnce` in `setShown(state, shown, atOnce)` from `@martinomagnifico/tablechart/core`. It shows or hides a chart without transitions, with `AT_ONCE_CLASS`.
+- `numbers: false` for a chart type without numbers on the chart, such as a scatter. Its numbers then stay out of the layout.
+
+### Fixed
+
+- Legend keys no longer fade in when printing or when a chart is shown at once.
+- Removed a layout for hidden scatter plot labels to increase performance. 
+
+
+
 ## [1.1.2] - 2026-10-24
 
 ### Changed

package/dist/tablechart-additional-types.js

@@ -1 +1 @@
-!function(t){var e=["circle","triangle","square","diamond"],o=["right","left","above","below","right","left","right","left"],n=t=>{const e=t.flatMap((t,e)=>t.group?[]:[e]);return{x:e[0],y:e[1],size:e[2],group:t.findIndex(t=>t.group)}},r=(t,e)=>e<0?[]:[...new Set(t.map(t=>t.cells[e]?.raw??""))],a=(t,e,o)=>t.cells[e]?.missing||t.cells[o]?.missing?null:`${t.cells[e]?.value} ${t.cells[o]?.value}`,s={aspect:.62,categories:"beside",columns:!0,axes:!0,text({figure:o,plot:s,rows:c,series:i,config:l}){const{x:u,y:f,size:h,group:d}=n(i),g=s.querySelector(":scope > .tablechart-categories")?.children??[],p=new Map;c.forEach((t,e)=>{const o=a(t,u,f);o&&(p.get(o)?.push(e)??p.set(o,[e]))});const M=t=>void 0===h?0:Math.abs(c[t].cells[h]?.value??0);for(const t of p.values()){if(t.length<2)continue;const e=t.reduce((t,e)=>M(e)>M(t)?e:t);for(const o of t){const n=g[o];o===e?n?.setAttribute("data-more",String(t.length-1)):n?.setAttribute("data-same","")}}const b=r(c,d);if(b.length<2&&void 0===h)return;const m=document.createElement("div");m.className=t.LEGEND_CLASS,m.setAttribute("aria-hidden","true"),m.inert=!0;const v=Array.from(o.querySelectorAll(`tbody tr > td:nth-of-type(${d+1})`)),x=(e,o)=>{const n=(0,t.htmlEl)(t.NAME_CLASS,m);return n.dataset.place="legend",n.dataset.line="none",n.textContent=e,o&&l.langattribute&&n.setAttribute(l.langattribute,o),n};b.length>1&&b.forEach((t,o)=>{const n=l.langattribute?v.find(e=>e.textContent?.trim()===t)?.getAttribute(l.langattribute):null,r=x(t,n);r.dataset.marker=e[o%e.length],r.style.setProperty("--n",String(o)),r.style.setProperty("--palette",`var(--tablechart-color-${o+1})`)}),void 0!==h&&(x(i[h].name,i[h].key).dataset.marker="size"),o.appendChild(m)},draw(a){const{rows:s,series:c,x:i,y:l,frame:u,unit:f,svg:h,categories:d,seriesValues:g,height:p,config:M,plot:b}=a;if(!i||!u)return;const m=n(c),v=r(s,m.group),x=v.length>1;for(const t of g.flat())t.dataset.place="none";const w=(a.length("--tablechart-marker-size","10px")??10*f)/2,y=(a.length("--tablechart-bubble-max","24px")??24*f)/2,$=t=>void 0===m.size?void 0:t.cells[m.size],S=(0,t.largest)(s.map(t=>Math.abs($(t)?.value??0))),z=s.flatMap((t,e)=>{const o=t.cells[m.x],n=t.cells[m.y];if(!o||!n||o.missing||n.missing)return[];const r=$(t),a=r&&!r.missing&&S>0?Math.max(.6*w,Math.sqrt(Math.abs(r.value)/S)*y):w,s=x?v.indexOf(t.cells[m.group]?.raw??""):-1;return[{i:e,px:i(o.value),py:l(n.value),r:a,g:s}]}),k=Math.min(z.length-1,6);b.style.setProperty("--count",String(k+1));const q=new Map([...z].sort((t,e)=>t.px-e.px||t.i-e.i).map((e,o)=>[e.i,k?(0,t.short)(o*k/(z.length-1)):0])),A=[...z].sort((t,e)=>e.r-t.r||t.i-e.i);for(const o of A){const n=x?e[o.g%e.length]:"circle";h.appendChild((0,t.markerEl)(n,o.px,o.py,o.r,{class:t.POINT_CLASS,"data-row":o.i+1,"data-marker":n,style:`--i:${q.get(o.i)}; ${x?`--n:${o.g}; --palette:var(--tablechart-color-${o.g+1})`:""}`}))}const T=b.parentElement?.getAttribute("data-chart-names"),V=null==T?M.names:"false"!==T,j=4*f,B=[u[0]+1.5*j,u[1],u[2]-1.5*j,u[3]-1.5*j],[C,D,E,F]=B,G=A.map(({i:e,px:o,py:n,r:r})=>{if(d[e].hasAttribute("data-same"))return[];const{width:a,height:s}=(0,t.sizeOf)(d[e]),c=a*f,i=s*f,l=.1*i,u=.7*r+j/2,h=(t,e)=>[Math.max(C,Math.min(t,C+E-c)),Math.max(D,Math.min(e,D+F-i))+l,c,i-2*l];return[h(o+r+j,n-i/2),h(o-r-j-c,n-i/2),h(o-c/2,n-r-j-i),h(o-c/2,n+r+j),h(o+u,n-u-i),h(o-u-c,n-u-i),h(o+u,n+u),h(o-u-c,n+u)]}),H=V?(0,t.avoidCollisions)(G,z.map(({px:t,py:e,r:o})=>[t-o,e-o,2*o,2*o]),B):A.map(()=>null);for(const t of d)t.hidden=!0,t.dataset.missing="";A.forEach((e,n)=>{const r=d[e.i],a=H[n];if(r.hidden=!1,delete r.dataset.missing,r.style.setProperty("--i",String(q.get(e.i))),r.toggleAttribute("data-left-out",null===a),null===a)return;r.dataset.side=o[a];const[s,c,,i]=G[n][a];(0,t.placeAt)(r,s,c-((0,t.sizeOf)(r).height*f-i)/2,t.VIEWBOX_WIDTH,p)}),a.rowAt=(t,e)=>{let o=null,n=6*f;for(const r of z){const a=Math.max(Math.hypot(r.px-t*f,r.py-e*f)-r.r,0);(a<n||a===n&&o&&r.r<o.r)&&(n=a,o=r)}return o?o.i:null}},tooltip(t,e){const{x:o,y:r}=n(t.series),s=a(t.rows[e],o,r),c=t.rows.flatMap((t,n)=>n===e||null!==s&&a(t,o,r)===s?[n]:[]),i=c.filter(e=>t.categories[e]?.hasAttribute("data-more"));return[...i,...c.filter(t=>!i.includes(t))].map(e=>({name:t.categories[e]?.textContent??"",value:""}))}};window.Tablechart.addType("scatter",s)}(Tablechart.kit);
+!function(t){var e=["circle","triangle","square","diamond"],r=["right","left","above","below","right","left","right","left"],n=t=>{const e=t.flatMap((t,e)=>t.group?[]:[e]);return{x:e[0],y:e[1],size:e[2],group:t.findIndex(t=>t.group)}},o=(t,e)=>e<0?[]:[...new Set(t.map(t=>t.cells[e]?.raw??""))],a=(t,e,r)=>t.cells[e]?.missing||t.cells[r]?.missing?null:`${t.cells[e]?.value} ${t.cells[r]?.value}`,s={aspect:.62,categories:"beside",columns:!0,axes:!0,numbers:!1,text({figure:r,plot:s,rows:c,series:i,config:l}){const{x:u,y:h,size:d,group:f}=n(i),g=s.querySelector(":scope > .tablechart-categories")?.children??[],p=new Map;c.forEach((t,e)=>{const r=a(t,u,h);r&&(p.get(r)?.push(e)??p.set(r,[e]))});const b=t=>void 0===d?0:Math.abs(c[t].cells[d]?.value??0);for(const t of p.values()){if(t.length<2)continue;const e=t.reduce((t,e)=>b(e)>b(t)?e:t);for(const r of t){const n=g[r];r===e?n?.setAttribute("data-more",String(t.length-1)):n?.setAttribute("data-same","")}}const m=o(c,f);if(m.length<2&&void 0===d)return;const M=document.createElement("div");M.className=t.LEGEND_CLASS,M.setAttribute("aria-hidden","true"),M.inert=!0;const v=Array.from(r.querySelectorAll(`tbody tr > td:nth-of-type(${f+1})`)),x=(e,r)=>{const n=(0,t.htmlEl)(t.NAME_CLASS,M);return n.dataset.place="legend",n.dataset.line="none",n.textContent=e,r&&l.langattribute&&n.setAttribute(l.langattribute,r),n};m.length>1&&m.forEach((t,r)=>{const n=l.langattribute?v.find(e=>e.textContent?.trim()===t)?.getAttribute(l.langattribute):null,o=x(t,n);o.dataset.marker=e[r%e.length],o.style.setProperty("--n",String(r)),o.style.setProperty("--palette",`var(--tablechart-color-${r+1})`)}),void 0!==d&&(x(i[d].name,i[d].key).dataset.marker="size"),r.appendChild(M)},draw(a){const{rows:s,series:c,x:i,y:l,frame:u,unit:h,svg:d,categories:f,height:g,config:p,plot:b}=a;if(!i||!u)return;const m=n(c),M=o(s,m.group),v=M.length>1,x=(a.length("--tablechart-marker-size","10px")??10*h)/2,w=(a.length("--tablechart-bubble-max","24px")??24*h)/2,y=t=>void 0===m.size?void 0:t.cells[m.size],$=(0,t.largest)(s.map(t=>Math.abs(y(t)?.value??0))),S=s.flatMap((t,e)=>{const r=t.cells[m.x],n=t.cells[m.y];if(!r||!n||r.missing||n.missing)return[];const o=y(t),a=o&&!o.missing&&$>0?Math.max(.6*x,Math.sqrt(Math.abs(o.value)/$)*w):x,s=v?M.indexOf(t.cells[m.group]?.raw??""):-1;return[{i:e,px:i(r.value),py:l(n.value),r:a,g:s}]}),z=Math.min(S.length-1,6);b.style.setProperty("--count",String(z+1));const k=new Map([...S].sort((t,e)=>t.px-e.px||t.i-e.i).map((e,r)=>[e.i,z?(0,t.short)(r*z/(S.length-1)):0])),q=[...S].sort((t,e)=>e.r-t.r||t.i-e.i);for(const r of q){const n=v?e[r.g%e.length]:"circle";d.appendChild((0,t.markerEl)(n,r.px,r.py,r.r,{class:t.POINT_CLASS,"data-row":r.i+1,"data-marker":n,style:`--i:${k.get(r.i)}; ${v?`--n:${r.g}; --palette:var(--tablechart-color-${r.g+1})`:""}`}))}const A=b.parentElement?.getAttribute("data-chart-names"),T=null==A?p.names:"false"!==A,j=4*h,B=[u[0]+1.5*j,u[1],u[2]-1.5*j,u[3]-1.5*j],[C,D,E,F]=B,G=q.map(({i:e,px:r,py:n,r:o})=>{if(f[e].hasAttribute("data-same"))return[];const{width:a,height:s}=(0,t.sizeOf)(f[e]),c=a*h,i=s*h,l=.1*i,u=.7*o+j/2,d=(t,e)=>[Math.max(C,Math.min(t,C+E-c)),Math.max(D,Math.min(e,D+F-i))+l,c,i-2*l];return[d(r+o+j,n-i/2),d(r-o-j-c,n-i/2),d(r-c/2,n-o-j-i),d(r-c/2,n+o+j),d(r+u,n-u-i),d(r-u-c,n-u-i),d(r+u,n+u),d(r-u-c,n+u)]}),H=T?(0,t.avoidCollisions)(G,S.map(({px:t,py:e,r:r})=>[t-r,e-r,2*r,2*r]),B):q.map(()=>null);for(const t of f)t.hidden=!0,t.dataset.missing="";q.forEach((e,n)=>{const o=f[e.i],a=H[n];if(o.hidden=!1,delete o.dataset.missing,o.style.setProperty("--i",String(k.get(e.i))),o.toggleAttribute("data-left-out",null===a),null===a)return;o.dataset.side=r[a];const[s,c,,i]=G[n][a];(0,t.placeAt)(o,s,c-((0,t.sizeOf)(o).height*h-i)/2,t.VIEWBOX_WIDTH,g)}),a.rowAt=(t,e)=>{let r=null,n=6*h;for(const o of S){const a=Math.max(Math.hypot(o.px-t*h,o.py-e*h)-o.r,0);(a<n||a===n&&r&&o.r<r.r)&&(n=a,r=o)}return r?r.i:null}},tooltip(t,e){const{x:r,y:o}=n(t.series),s=a(t.rows[e],r,o),c=t.rows.flatMap((t,n)=>n===e||null!==s&&a(t,r,o)===s?[n]:[]),i=c.filter(e=>t.categories[e]?.hasAttribute("data-more"));return[...i,...c.filter(t=>!i.includes(t))].map(e=>({name:t.categories[e]?.textContent??"",value:""}))}};window.Tablechart.addType("scatter",s)}(Tablechart.kit);

package/dist/tablechart-additional-types.mjs

@@ -1,5 +1,5 @@
-import { C as e, D as t, S as n, _ as r, b as i, g as a, j as o, v as s, w as c, x as l, y as u } from "./tablechart-shared.mjs";
-//#region src/js/charts/scatter.ts
+import { M as e, O as t, S as n, T as r, _ as i, b as a, g as o, v as s, w as c, x as l, y as u } from "./tablechart-shared.mjs";
+// src/js/charts/scatter.ts
 var d = [
 	"circle",
 	"triangle",
@@ -27,13 +27,14 @@ var d = [
 	categories: "beside",
 	columns: !0,
 	axes: !0,
-	text({ figure: t, plot: n, rows: r, series: a, config: o }) {
-		let { x: s, y: l, size: u, group: f } = p(a), g = n.querySelector(":scope > .tablechart-categories")?.children ?? [], _ = /* @__PURE__ */ new Map();
-		r.forEach((e, t) => {
+	numbers: !1,
+	text({ figure: e, plot: t, rows: n, series: i, config: o }) {
+		let { x: s, y: l, size: u, group: f } = p(i), g = t.querySelector(":scope > .tablechart-categories")?.children ?? [], _ = /* @__PURE__ */ new Map();
+		n.forEach((e, t) => {
 			let n = h(e, s, l);
 			n && (_.get(n)?.push(t) ?? _.set(n, [t]));
 		});
-		let v = (e) => u === void 0 ? 0 : Math.abs(r[e].cells[u]?.value ?? 0);
+		let v = (e) => u === void 0 ? 0 : Math.abs(n[e].cells[u]?.value ?? 0);
 		for (let e of _.values()) {
 			if (e.length < 2) continue;
 			let t = e.reduce((e, t) => v(t) > v(e) ? t : e);
@@ -42,28 +43,26 @@ var d = [
 				n === t ? r?.setAttribute("data-more", String(e.length - 1)) : r?.setAttribute("data-same", "");
 			}
 		}
-		let y = m(r, f);
+		let y = m(n, f);
 		if (y.length < 2 && u === void 0) return;
 		let b = document.createElement("div");
-		b.className = e, b.setAttribute("aria-hidden", "true"), b.inert = !0;
-		let x = Array.from(t.querySelectorAll(`tbody tr > td:nth-of-type(${f + 1})`)), S = (e, t) => {
-			let n = i(c, b);
+		b.className = c, b.setAttribute("aria-hidden", "true"), b.inert = !0;
+		let x = Array.from(e.querySelectorAll(`tbody tr > td:nth-of-type(${f + 1})`)), S = (e, t) => {
+			let n = a(r, b);
 			return n.dataset.place = "legend", n.dataset.line = "none", n.textContent = e, t && o.langattribute && n.setAttribute(o.langattribute, t), n;
 		};
 		y.length > 1 && y.forEach((e, t) => {
 			let n = o.langattribute ? x.find((t) => t.textContent?.trim() === e)?.getAttribute(o.langattribute) : null, r = S(e, n);
 			r.dataset.marker = d[t % d.length], r.style.setProperty("--n", String(t)), r.style.setProperty("--palette", `var(--tablechart-color-${t + 1})`);
-		}), u !== void 0 && (S(a[u].name, a[u].key).dataset.marker = "size"), t.appendChild(b);
+		}), u !== void 0 && (S(i[u].name, i[u].key).dataset.marker = "size"), e.appendChild(b);
 	},
-	draw(e) {
-		let { rows: i, series: c, x: h, y: g, frame: _, unit: v, svg: y, categories: b, seriesValues: x, height: S, config: C, plot: w } = e;
+	draw(r) {
+		let { rows: a, series: c, x: h, y: g, frame: _, unit: v, svg: y, categories: b, height: x, config: S, plot: C } = r;
 		if (!h || !_) return;
-		let T = p(c), E = m(i, T.group), D = E.length > 1;
-		for (let e of x.flat()) e.dataset.place = "none";
-		let O = (e.length("--tablechart-marker-size", "10px") ?? 10 * v) / 2, k = (e.length("--tablechart-bubble-max", "24px") ?? 24 * v) / 2, A = (e) => T.size === void 0 ? void 0 : e.cells[T.size], j = u(i.map((e) => Math.abs(A(e)?.value ?? 0))), M = i.flatMap((e, t) => {
-			let n = e.cells[T.x], r = e.cells[T.y];
+		let w = p(c), T = m(a, w.group), E = T.length > 1, D = (r.length("--tablechart-marker-size", "10px") ?? 10 * v) / 2, O = (r.length("--tablechart-bubble-max", "24px") ?? 24 * v) / 2, k = (e) => w.size === void 0 ? void 0 : e.cells[w.size], A = u(a.map((e) => Math.abs(k(e)?.value ?? 0))), j = a.flatMap((e, t) => {
+			let n = e.cells[w.x], r = e.cells[w.y];
 			if (!n || !r || n.missing || r.missing) return [];
-			let i = A(e), a = i && !i.missing && j > 0 ? Math.max(O * .6, Math.sqrt(Math.abs(i.value) / j) * k) : O, o = D ? E.indexOf(e.cells[T.group]?.raw ?? "") : -1;
+			let i = k(e), a = i && !i.missing && A > 0 ? Math.max(D * .6, Math.sqrt(Math.abs(i.value) / A) * O) : D, o = E ? T.indexOf(e.cells[w.group]?.raw ?? "") : -1;
 			return [{
 				i: t,
 				px: h(n.value),
@@ -71,57 +70,57 @@ var d = [
 				r: a,
 				g: o
 			}];
-		}), N = Math.min(M.length - 1, 6);
-		w.style.setProperty("--count", String(N + 1));
-		let P = new Map([...M].sort((e, t) => e.px - t.px || e.i - t.i).map((e, t) => [e.i, N ? n(t * N / (M.length - 1)) : 0])), F = [...M].sort((e, t) => t.r - e.r || e.i - t.i);
-		for (let e of F) {
-			let n = D ? d[e.g % d.length] : "circle";
-			y.appendChild(a(n, e.px, e.py, e.r, {
+		}), M = Math.min(j.length - 1, 6);
+		C.style.setProperty("--count", String(M + 1));
+		let N = new Map([...j].sort((e, t) => e.px - t.px || e.i - t.i).map((e, t) => [e.i, M ? n(t * M / (j.length - 1)) : 0])), P = [...j].sort((e, t) => t.r - e.r || e.i - t.i);
+		for (let e of P) {
+			let n = E ? d[e.g % d.length] : "circle";
+			y.appendChild(o(n, e.px, e.py, e.r, {
 				class: t,
 				"data-row": e.i + 1,
 				"data-marker": n,
-				style: `--i:${P.get(e.i)}; ${D ? `--n:${e.g}; --palette:var(--tablechart-color-${e.g + 1})` : ""}`
+				style: `--i:${N.get(e.i)}; ${E ? `--n:${e.g}; --palette:var(--tablechart-color-${e.g + 1})` : ""}`
 			}));
 		}
-		let I = w.parentElement?.getAttribute("data-chart-names"), L = I == null ? C.names : I !== "false", R = 4 * v, z = [
-			_[0] + 1.5 * R,
+		let F = C.parentElement?.getAttribute("data-chart-names"), I = F == null ? S.names : F !== "false", L = 4 * v, R = [
+			_[0] + 1.5 * L,
 			_[1],
-			_[2] - 1.5 * R,
-			_[3] - 1.5 * R
-		], [B, V, H, U] = z, W = F.map(({ i: e, px: t, py: n, r: i }) => {
+			_[2] - 1.5 * L,
+			_[3] - 1.5 * L
+		], [z, B, V, H] = R, U = P.map(({ i: e, px: t, py: n, r }) => {
 			if (b[e].hasAttribute("data-same")) return [];
-			let { width: a, height: o } = r(b[e]), s = a * v, c = o * v, l = c * .1, u = i * .7 + R / 2, d = (e, t) => [
-				Math.max(B, Math.min(e, B + H - s)),
-				Math.max(V, Math.min(t, V + U - c)) + l,
+			let { width: a, height: o } = i(b[e]), s = a * v, c = o * v, l = c * .1, u = r * .7 + L / 2, d = (e, t) => [
+				Math.max(z, Math.min(e, z + V - s)),
+				Math.max(B, Math.min(t, B + H - c)) + l,
 				s,
 				c - 2 * l
 			];
 			return [
-				d(t + i + R, n - c / 2),
-				d(t - i - R - s, n - c / 2),
-				d(t - s / 2, n - i - R - c),
-				d(t - s / 2, n + i + R),
+				d(t + r + L, n - c / 2),
+				d(t - r - L - s, n - c / 2),
+				d(t - s / 2, n - r - L - c),
+				d(t - s / 2, n + r + L),
 				d(t + u, n - u - c),
 				d(t - u - s, n - u - c),
 				d(t + u, n + u),
 				d(t - u - s, n + u)
 			];
-		}), G = L ? s(W, M.map(({ px: e, py: t, r: n }) => [
+		}), W = I ? s(U, j.map(({ px: e, py: t, r: n }) => [
 			e - n,
 			t - n,
 			2 * n,
 			2 * n
-		]), z) : F.map(() => null);
+		]), R) : P.map(() => null);
 		for (let e of b) e.hidden = !0, e.dataset.missing = "";
-		F.forEach((e, t) => {
-			let n = b[e.i], i = G[t];
-			if (n.hidden = !1, delete n.dataset.missing, n.style.setProperty("--i", String(P.get(e.i))), n.toggleAttribute("data-left-out", i === null), i === null) return;
-			n.dataset.side = f[i];
-			let [a, s, , c] = W[t][i];
-			l(n, a, s - (r(n).height * v - c) / 2, o, S);
-		}), e.rowAt = (e, t) => {
+		P.forEach((t, n) => {
+			let r = b[t.i], a = W[n];
+			if (r.hidden = !1, delete r.dataset.missing, r.style.setProperty("--i", String(N.get(t.i))), r.toggleAttribute("data-left-out", a === null), a === null) return;
+			r.dataset.side = f[a];
+			let [o, s, , c] = U[n][a];
+			l(r, o, s - (i(r).height * v - c) / 2, e, x);
+		}), r.rowAt = (e, t) => {
 			let n = null, r = 6 * v;
-			for (let i of M) {
+			for (let i of j) {
 				let a = Math.max(Math.hypot(i.px - e * v, i.py - t * v) - i.r, 0);
 				(a < r || a === r && n && i.r < n.r) && (r = a, n = i);
 			}
@@ -136,5 +135,4 @@ var d = [
 		}));
 	}
 };
-//#endregion
 export { g as scatter };

package/dist/tablechart-core.d.mts

@@ -1,2 +1,2 @@
-import { A as defaultConfig, C as stepTo, D as PRINTING_CLASS, E as PLOT_CLASS, O as QUEUED_CLASS, S as StepPlan, T as PLACED_CLASS, b as Row, c as entranceOf, d as addType, f as build, g as unbuild, h as setShown, i as readMarkdownRows, k as SHOWN_CLASS, m as relabel, n as adoptTables, p as layout, r as loadSources, t as assignKeys, u as prepare, v as ChartState, w as Config, x as Series, y as ChartType } from "./tablechart-shared.mjs";
-export { type ChartState, type ChartType, type Config, PLACED_CLASS, PLOT_CLASS, PRINTING_CLASS, QUEUED_CLASS, type Row, SHOWN_CLASS, type Series, type StepPlan, addType, adoptTables, assignKeys, build, defaultConfig, entranceOf, layout, loadSources, prepare, readMarkdownRows, relabel, setShown, stepTo, unbuild };
+import { A as SHOWN_CLASS, C as stepTo, D as PLOT_CLASS, E as PLACED_CLASS, O as PRINTING_CLASS, S as StepPlan, T as Config, b as Row, c as entranceOf, d as addType, f as build, g as unbuild, h as setShown, i as readMarkdownRows, j as defaultConfig, k as QUEUED_CLASS, m as relabel, n as adoptTables, p as layout, r as loadSources, t as assignKeys, u as prepare, v as ChartState, w as AT_ONCE_CLASS, x as Series, y as ChartType } from "./tablechart-shared.mjs";
+export { AT_ONCE_CLASS, type ChartState, type ChartType, type Config, PLACED_CLASS, PLOT_CLASS, PRINTING_CLASS, QUEUED_CLASS, type Row, SHOWN_CLASS, type Series, type StepPlan, addType, adoptTables, assignKeys, build, defaultConfig, entranceOf, layout, loadSources, prepare, readMarkdownRows, relabel, setShown, stepTo, unbuild };

package/dist/tablechart-core.mjs

@@ -1 +1 @@
-export { T as PLACED_CLASS, E as PLOT_CLASS, O as PRINTING_CLASS, k as QUEUED_CLASS, A as SHOWN_CLASS, c as addType, a as adoptTables, h as assignKeys, l as build, M as defaultConfig, n as entranceOf, u as layout, o as loadSources, i as prepare, s as readMarkdownRows, d as relabel, f as setShown, m as stepTo, p as unbuild } from "./tablechart-shared.mjs";
+export { C as AT_ONCE_CLASS, E as PLACED_CLASS, D as PLOT_CLASS, k as PRINTING_CLASS, A as QUEUED_CLASS, j as SHOWN_CLASS, c as addType, a as adoptTables, h as assignKeys, l as build, N as defaultConfig, n as entranceOf, u as layout, o as loadSources, i as prepare, s as readMarkdownRows, d as relabel, f as setShown, m as stepTo, p as unbuild } from "./tablechart-shared.mjs";

package/dist/tablechart-shared.d.mts

@@ -1,8 +1,8 @@
-//#region src/js/config.d.ts
 declare const PLOT_CLASS = "tablechart-plot";
 declare const PLACED_CLASS = "is-placed";
 declare const SHOWN_CLASS = "is-shown";
 declare const PRINTING_CLASS = "is-printing";
+declare const AT_ONCE_CLASS = "is-at-once";
 declare const QUEUED_CLASS = "tablechart-queued";
 interface Config {
   /** Which elements Tablechart turns into charts. */
@@ -57,8 +57,6 @@ interface Config {
   debug?: boolean;
 }
 declare const defaultConfig: Config;
-//#endregion
-//#region src/js/functions/scale.d.ts
 /** A break in the scale: values from `lo` to `hi` get `share` of the length, and the cut is at `gap`. */
 interface Squeeze {
   lo: number;
@@ -66,8 +64,6 @@ interface Squeeze {
   gap: number;
   share: number;
 }
-//#endregion
-//#region src/js/steps.d.ts
 /** The steps of one chart: which step shows each row, column and annotation, and how many steps there are. */
 interface StepPlan {
   rows: {
@@ -95,8 +91,6 @@ interface StepPlan {
  * Says so with a `tablechart:step` event on the figure, unless `quietly`.
  */
 declare const stepTo: (state: ChartState, step: number, quietly?: boolean) => void;
-//#endregion
-//#region src/js/types.d.ts
 /** How a line or an area runs from one point to the next. */
 type Shape = "straight" | "step" | "smooth";
 /** How a chart builds: each element grows from zero, or the chart is revealed in one movement. */
@@ -221,6 +215,8 @@ interface ChartType {
   columns?: boolean;
   /** An axis across and an axis up, from the first two value columns, with their headers as titles. */
   axes?: boolean;
+  /** False: no numbers on the chart. They stay out of the layout, which costs a lot with many rows. */
+  numbers?: false;
   /** Text of its own, made with the rest of the text so a translation script finds it, such as a legend. */
   text?: (input: {
     figure: HTMLElement;
@@ -319,12 +315,8 @@ interface ChartState {
   controls: HTMLElement | null;
   checks: Check[];
 }
-//#endregion
-//#region src/js/charts/scatter.d.ts
 /** One marker per row, across by its first value and up by its second; a third value makes it a bubble. */
 declare const scatter: ChartType;
-//#endregion
-//#region src/js/core.d.ts
 /** Adds a chart type for `data-chart="name"`, such as one from `@martinomagnifico/tablechart/additional-types`, before `init()`. */
 declare const addType: (name: string, type: ChartType) => void;
 /** Pass 2: everything a reader will read, before a translation script looks. */
@@ -335,10 +327,11 @@ declare const layout: (state: ChartState, config: Config) => boolean;
 declare const relabel: (state: ChartState, config: Config) => void;
 /** Removes what `build` added, so the chart can be built again. */
 declare const unbuild: (state: ChartState) => void;
-/** One class, `is-shown`, starts the whole build. */
-declare const setShown: (state: ChartState, shown: boolean) => void;
-//#endregion
-//#region src/js/init.d.ts
+/**
+ * One class, `is-shown`, starts the whole build. `atOnce` skips it: the chart lands at its end, or back at its start,
+ * without transitions, such as a chart in view when the page opens, or one hidden where nobody sees it.
+ */
+declare const setShown: (state: ChartState, shown: boolean, atOnce?: boolean) => void;
 interface TablechartChart {
   figure: HTMLElement;
   /** Lays the chart out again, for example after a script has changed its text. */
@@ -376,17 +369,12 @@ declare const prepare: (found: HTMLElement[], config: Config) => Promise<HTMLEle
 declare const create: (element: HTMLElement, options?: Partial<Config>) => Promise<TablechartChart | null>;
 /** Makes a chart of every figure in `root` that matches the selector, skipping existing charts. */
 declare const init: (options?: Partial<Config>, root?: ParentNode) => Promise<TablechartInstance>;
-//#endregion
-//#region src/js/functions/sources.d.ts
 /** A Markdown table, or a caption with chart attributes, is wrapped in a figure with the caption and annotations beside it. */
 declare const adoptTables: (figures: HTMLElement[]) => HTMLElement[];
 /** `data-chart-src` fills the figure's table with the rows of a JSON file, keeping a header row the author wrote; a file that fails is reported. */
 declare const loadSources: (figures: HTMLElement[]) => Promise<void>;
 /** In a Markdown table, a bold label makes the row a total, and a bold header puts that series in focus. */
 declare const readMarkdownRows: (figures: HTMLElement[]) => void;
-//#endregion
-//#region src/js/functions/read-table.d.ts
 /** Writes translation keys such as `harvest-row1` onto a figure with `data-chart-keys`; a duplicate prefix gets a number. */
 declare const assignKeys: (figures: HTMLElement[], langattribute: string | false) => void;
-//#endregion
-export { defaultConfig as A, stepTo as C, PRINTING_CLASS as D, PLOT_CLASS as E, QUEUED_CLASS as O, StepPlan as S, PLACED_CLASS as T, scatter as _, TablechartChart as a, Row as b, entranceOf as c, addType as d, build as f, unbuild as g, setShown as h, readMarkdownRows as i, SHOWN_CLASS as k, init as l, relabel as m, adoptTables as n, TablechartInstance as o, layout as p, loadSources as r, create as s, assignKeys as t, prepare as u, ChartState as v, Config as w, Series as x, ChartType as y };
+export { SHOWN_CLASS as A, stepTo as C, PLOT_CLASS as D, PLACED_CLASS as E, PRINTING_CLASS as O, StepPlan as S, Config as T, scatter as _, TablechartChart as a, Row as b, entranceOf as c, addType as d, build as f, unbuild as g, setShown as h, readMarkdownRows as i, defaultConfig as j, QUEUED_CLASS as k, init as l, relabel as m, adoptTables as n, TablechartInstance as o, layout as p, loadSources as r, create as s, assignKeys as t, prepare as u, ChartState as v, AT_ONCE_CLASS as w, Series as x, ChartType as y };