minerva-design 1.3.0 → 1.5.0

package/dist/charts/engine/labels.js

@@ -0,0 +1,98 @@
+import { localeLabels as e } from "./locale.js";
+//#region src/engine/labels.ts
+var t = {
+	en: {
+		open: "Open",
+		high: "High",
+		low: "Low",
+		close: "Close",
+		max: "Max",
+		q3: "Q3",
+		median: "Median",
+		q1: "Q1",
+		min: "Min",
+		outliers: "Outliers",
+		value: "Value",
+		x: "x",
+		y: "y",
+		series: "Series",
+		chart: "Chart",
+		chartOf: "Chart: {series}",
+		start: "Start",
+		end: "End",
+		duration: "Duration",
+		progress: "Progress",
+		dependencies: "Depends on",
+		outlier: "Outlier"
+	},
+	zh: {
+		open: "开盘",
+		high: "最高",
+		low: "最低",
+		close: "收盘",
+		max: "最大值",
+		q3: "上四分位",
+		median: "中位数",
+		q1: "下四分位",
+		min: "最小值",
+		outliers: "异常值",
+		value: "数值",
+		series: "系列",
+		chart: "图表",
+		chartOf: "图表：{series}",
+		start: "开始",
+		end: "结束",
+		duration: "时长",
+		progress: "进度",
+		dependencies: "前置任务",
+		outlier: "异常值"
+	},
+	ja: {
+		open: "始値",
+		high: "高値",
+		low: "安値",
+		close: "終値",
+		max: "最大値",
+		q3: "第3四分位",
+		median: "中央値",
+		q1: "第1四分位",
+		min: "最小値",
+		outliers: "外れ値",
+		value: "値",
+		series: "系列",
+		chart: "グラフ",
+		chartOf: "グラフ：{series}",
+		start: "開始",
+		end: "終了",
+		duration: "期間",
+		progress: "進捗",
+		dependencies: "先行タスク",
+		outlier: "外れ値"
+	},
+	fr: {
+		open: "Ouverture",
+		high: "Plus haut",
+		low: "Plus bas",
+		close: "Clôture",
+		max: "Max",
+		q3: "Q3",
+		median: "Médiane",
+		q1: "Q1",
+		min: "Min",
+		outliers: "Valeurs aberrantes",
+		value: "Valeur",
+		series: "Série",
+		chart: "Graphique",
+		chartOf: "Graphique : {series}",
+		start: "Début",
+		end: "Fin",
+		duration: "Durée",
+		progress: "Avancement",
+		dependencies: "Dépend de",
+		outlier: "Valeur aberrante"
+	}
+}, n = (n, r) => e(t, n, r), r = (e) => /^(zh|ja)\b/i.test(e) ? "、" : ", ", i = (e) => e.series.length ? e.labels.chartOf.replace("{series}", e.series.map((e) => e.name).join(r(e.locale))) : e.labels.chart;
+//#endregion
+export { t as CHART_LABELS, i as chartAriaLabel, n as chartLabels };
+
+//# sourceMappingURL=labels.js.map

package/dist/charts/engine/labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labels.js","names":["CHART_LABELS","chartLabels","localeLabels","locale","overrides","listSeparator","chartAriaLabel","model","s"],"sources":["../../../../charts/src/engine/labels.ts"],"sourcesContent":["// Built-in texts of the cartesian engine (tooltip rows, accessible names).\n\nimport { localeLabels, type LabelDictionary } from \"./locale\";\nimport type { ChartLabels } from \"./types\";\n\nexport const CHART_LABELS: LabelDictionary<ChartLabels> = {\n  en: {\n    open: \"Open\",\n    high: \"High\",\n    low: \"Low\",\n    close: \"Close\",\n    max: \"Max\",\n    q3: \"Q3\",\n    median: \"Median\",\n    q1: \"Q1\",\n    min: \"Min\",\n    outliers: \"Outliers\",\n    value: \"Value\",\n    x: \"x\",\n    y: \"y\",\n    series: \"Series\",\n    chart: \"Chart\",\n    chartOf: \"Chart: {series}\",\n    start: \"Start\",\n    end: \"End\",\n    duration: \"Duration\",\n    progress: \"Progress\",\n    dependencies: \"Depends on\",\n    outlier: \"Outlier\",\n  },\n  zh: {\n    open: \"开盘\",\n    high: \"最高\",\n    low: \"最低\",\n    close: \"收盘\",\n    max: \"最大值\",\n    q3: \"上四分位\",\n    median: \"中位数\",\n    q1: \"下四分位\",\n    min: \"最小值\",\n    outliers: \"异常值\",\n    value: \"数值\",\n    series: \"系列\",\n    chart: \"图表\",\n    chartOf: \"图表：{series}\",\n    start: \"开始\",\n    end: \"结束\",\n    duration: \"时长\",\n    progress: \"进度\",\n    dependencies: \"前置任务\",\n    outlier: \"异常值\",\n  },\n  ja: {\n    open: \"始値\",\n    high: \"高値\",\n    low: \"安値\",\n    close: \"終値\",\n    max: \"最大値\",\n    q3: \"第3四分位\",\n    median: \"中央値\",\n    q1: \"第1四分位\",\n    min: \"最小値\",\n    outliers: \"外れ値\",\n    value: \"値\",\n    series: \"系列\",\n    chart: \"グラフ\",\n    chartOf: \"グラフ：{series}\",\n    start: \"開始\",\n    end: \"終了\",\n    duration: \"期間\",\n    progress: \"進捗\",\n    dependencies: \"先行タスク\",\n    outlier: \"外れ値\",\n  },\n  fr: {\n    open: \"Ouverture\",\n    high: \"Plus haut\",\n    low: \"Plus bas\",\n    close: \"Clôture\",\n    max: \"Max\",\n    q3: \"Q3\",\n    median: \"Médiane\",\n    q1: \"Q1\",\n    min: \"Min\",\n    outliers: \"Valeurs aberrantes\",\n    value: \"Valeur\",\n    series: \"Série\",\n    chart: \"Graphique\",\n    chartOf: \"Graphique : {series}\",\n    start: \"Début\",\n    end: \"Fin\",\n    duration: \"Durée\",\n    progress: \"Avancement\",\n    dependencies: \"Dépend de\",\n    outlier: \"Valeur aberrante\",\n  },\n};\n\n/** Texts of a locale with the overrides */\nexport const chartLabels = (\n  locale: string,\n  overrides?: Partial<ChartLabels>,\n): ChartLabels => localeLabels(CHART_LABELS, locale, overrides);\n\n/** Separator of the list of series names in accessible names */\nconst listSeparator = (locale: string) =>\n  /^(zh|ja)\\b/i.test(locale) ? \"、\" : \", \";\n\n/** Default accessible name of a chart model: \"Chart: Revenue, Costs\" */\nexport const chartAriaLabel = (model: {\n  labels: ChartLabels;\n  locale: string;\n  series: readonly { name: string }[];\n}): string =>\n  model.series.length\n    ? model.labels.chartOf.replace(\n        \"{series}\",\n        model.series.map((s) => s.name).join(listSeparator(model.locale)),\n      )\n    : model.labels.chart;\n"],"mappings":";;AAKA,IAAaA,IAA6C;CACxD,IAAI;EACF,MAAM;EACN,MAAM;EACN,KAAK;EACL,OAAO;EACP,KAAK;EACL,IAAI;EACJ,QAAQ;EACR,IAAI;EACJ,KAAK;EACL,UAAU;EACV,OAAO;EACP,GAAG;EACH,GAAG;EACH,QAAQ;EACR,OAAO;EACP,SAAS;EACT,OAAO;EACP,KAAK;EACL,UAAU;EACV,UAAU;EACV,cAAc;EACd,SAAS;CACX;CACA,IAAI;EACF,MAAM;EACN,MAAM;EACN,KAAK;EACL,OAAO;EACP,KAAK;EACL,IAAI;EACJ,QAAQ;EACR,IAAI;EACJ,KAAK;EACL,UAAU;EACV,OAAO;EACP,QAAQ;EACR,OAAO;EACP,SAAS;EACT,OAAO;EACP,KAAK;EACL,UAAU;EACV,UAAU;EACV,cAAc;EACd,SAAS;CACX;CACA,IAAI;EACF,MAAM;EACN,MAAM;EACN,KAAK;EACL,OAAO;EACP,KAAK;EACL,IAAI;EACJ,QAAQ;EACR,IAAI;EACJ,KAAK;EACL,UAAU;EACV,OAAO;EACP,QAAQ;EACR,OAAO;EACP,SAAS;EACT,OAAO;EACP,KAAK;EACL,UAAU;EACV,UAAU;EACV,cAAc;EACd,SAAS;CACX;CACA,IAAI;EACF,MAAM;EACN,MAAM;EACN,KAAK;EACL,OAAO;EACP,KAAK;EACL,IAAI;EACJ,QAAQ;EACR,IAAI;EACJ,KAAK;EACL,UAAU;EACV,OAAO;EACP,QAAQ;EACR,OAAO;EACP,SAAS;EACT,OAAO;EACP,KAAK;EACL,UAAU;EACV,UAAU;EACV,cAAc;EACd,SAAS;CACX;AACF,GAGaC,KACX,GACA,MACgBC,EAAaF,GAAcG,GAAQC,CAAS,GAGxDC,KAAiB,MACrB,cAAc,KAAKF,CAAM,IAAI,MAAM,MAGxBG,KAAkB,MAK7BC,EAAM,OAAO,SACTA,EAAM,OAAO,QAAQ,QACnB,YACAA,EAAM,OAAO,KAAK,MAAMC,EAAE,IAAI,CAAC,CAAC,KAAKH,EAAcE,EAAM,MAAM,CAAC,CAClE,IACAA,EAAM,OAAO"}

package/dist/charts/engine/layout.cjs

@@ -1,2 +1,2 @@
-var e=(e,t,n,r)=>{let[i,a]=t.x,[o,s]=t.y,c=e.width/(a-i||1),l=e.height/(s-o||1),u=e.x,d=e.x+e.width,f=e.y,p=e.y+e.height;return{plot:e,view:t,xToPx:n?e=>d-(e-i)*c:e=>u+(e-i)*c,yToPx:r?e=>f+(e-o)*l:e=>p-(e-o)*l,pxToX:n?e=>i+(d-e)/c:e=>i+(e-u)/c,pxToY:r?e=>o+(e-f)/l:e=>o+(p-e)/l,xPerPx:1/c,yPerPx:1/l}},t=e=>{let{width:t,height:n,padding:r,fontSize:i}=e,a=Math.ceil(i*1.4),o=r.left+(e.yLabelWidth>0?e.yLabelWidth+8:0)+(e.yTitle?a+6:0),s=r.bottom+(e.xAxisVisible?a+8:0)+(e.xTitle?a+4:0),c=r.top,l=r.right;return{x:Math.round(o),y:Math.round(c),width:Math.max(10,Math.round(t-o-l)),height:Math.max(10,Math.round(n-c-s))}};exports.computePlot=t,exports.createScales=e;
+var e=(e,t,n,r,i=!1)=>{let[a,o]=t.x,[s,c]=t.y,l=e.x,u=e.x+e.width,d=e.y,f=e.y+e.height;if(i){let p=e.height/(o-a||1),m=e.width/(c-s||1);return{plot:e,view:t,horizontal:i,xToPx:n?e=>f-(e-a)*p:e=>d+(e-a)*p,yToPx:r?e=>u-(e-s)*m:e=>l+(e-s)*m,pxToX:n?e=>a+(f-e)/p:e=>a+(e-d)/p,pxToY:r?e=>s+(u-e)/m:e=>s+(e-l)/m,xPerPx:1/p,yPerPx:1/m}}let p=e.width/(o-a||1),m=e.height/(c-s||1);return{plot:e,view:t,horizontal:i,xToPx:n?e=>u-(e-a)*p:e=>l+(e-a)*p,yToPx:r?e=>d+(e-s)*m:e=>f-(e-s)*m,pxToX:n?e=>a+(u-e)/p:e=>a+(e-l)/p,pxToY:r?e=>s+(e-d)/m:e=>s+(f-e)/m,xPerPx:1/p,yPerPx:1/m}},t=(e,t,n)=>e.horizontal?{x:e.yToPx(n),y:e.xToPx(t)}:{x:e.xToPx(t),y:e.yToPx(n)},n=(e,t,n)=>e.horizontal?{x:e.pxToX(n),y:e.pxToY(t)}:{x:e.pxToX(t),y:e.pxToY(n)},r=(e,t,n)=>e.horizontal?n:t,i=(e,t,n)=>e.horizontal?t:n,a=(e,t,n,r,i)=>{let a=Math.min(t,n),o=Math.max(t,n),s=Math.min(r,i),c=Math.max(r,i);return e.horizontal?{x:s,y:a,width:c-s,height:o-a}:{x:a,y:s,width:o-a,height:c-s}},o=(e,t,n)=>{let r=Math.min(Math.abs(e),Math.abs(t));return r>=4?{inset:Math.round(Math.min(1,.5+r/96)*4)/4,radius:Math.round(Math.max(0,Math.min(n,r*.2))*4)/4}:{inset:0,radius:0}},s=e=>{let{width:t,height:n,padding:r,fontSize:i}=e,a=Math.ceil(i*1.4),o=r.left+(e.yLabelWidth>0?e.yLabelWidth+8:0)+(e.yTitle?a+6:0),s=r.bottom+(e.xAxisVisible?a+8:0)+(e.xTitle?a+4:0),c=r.top,l=e.y2LabelWidth??0,u=l>0||e.y2Title?Math.max(4,r.left)+(l>0?l+8:0)+(e.y2Title?a+6:0):r.right;return{x:Math.round(o),y:Math.round(c),width:Math.max(10,Math.round(t-o-u)),height:Math.max(10,Math.round(n-c-s))}};exports.alongX=r,exports.alongY=i,exports.computePlot=s,exports.createScales=e,exports.heatCellStyle=o,exports.screenRect=a,exports.toData=n,exports.toScreen=t;
 //# sourceMappingURL=layout.cjs.map

package/dist/charts/engine/layout.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"layout.cjs","names":["createScales","x0","x1","view","y0","y1","xs","plot","ys","left","right","top","bottom","reverseX","v","reverseY","p","computePlot","input","line","fontSize","padding","width","height"],"sources":["../../../../charts/src/engine/layout.ts"],"sourcesContent":["// Plot rectangle and data <-> pixel mappings (CSS pixels of the stage).\n\nimport type { ChartView } from \"./types\";\n\nexport interface Rect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nexport interface Scales {\n  plot: Rect;\n  view: ChartView;\n  xToPx(value: number): number;\n  yToPx(value: number): number;\n  pxToX(px: number): number;\n  pxToY(px: number): number;\n  /** Data units per CSS pixel */\n  xPerPx: number;\n  yPerPx: number;\n}\n\nexport const createScales = (\n  plot: Rect,\n  view: ChartView,\n  reverseX: boolean,\n  reverseY: boolean,\n): Scales => {\n  const [x0, x1] = view.x;\n  const [y0, y1] = view.y;\n  const xs = plot.width / (x1 - x0 || 1);\n  const ys = plot.height / (y1 - y0 || 1);\n  const left = plot.x;\n  const right = plot.x + plot.width;\n  const top = plot.y;\n  const bottom = plot.y + plot.height;\n  return {\n    plot,\n    view,\n    xToPx: reverseX\n      ? (v) => right - (v - x0) * xs\n      : (v) => left + (v - x0) * xs,\n    yToPx: reverseY\n      ? (v) => top + (v - y0) * ys\n      : (v) => bottom - (v - y0) * ys,\n    pxToX: reverseX\n      ? (p) => x0 + (right - p) / xs\n      : (p) => x0 + (p - left) / xs,\n    pxToY: reverseY\n      ? (p) => y0 + (p - top) / ys\n      : (p) => y0 + (bottom - p) / ys,\n    xPerPx: 1 / xs,\n    yPerPx: 1 / ys,\n  };\n};\n\nexport interface LayoutInput {\n  width: number;\n  height: number;\n  padding: { top: number; right: number; bottom: number; left: number };\n  /** Width of the widest y tick label (0 when the axis is hidden) */\n  yLabelWidth: number;\n  xAxisVisible: boolean;\n  xTitle: boolean;\n  yTitle: boolean;\n  fontSize: number;\n}\n\n/** Room for the axes, then the plot area */\nexport const computePlot = (input: LayoutInput): Rect => {\n  const { width, height, padding, fontSize } = input;\n  const line = Math.ceil(fontSize * 1.4);\n  const left =\n    padding.left +\n    (input.yLabelWidth > 0 ? input.yLabelWidth + 8 : 0) +\n    (input.yTitle ? line + 6 : 0);\n  const bottom =\n    padding.bottom +\n    (input.xAxisVisible ? line + 8 : 0) +\n    (input.xTitle ? line + 4 : 0);\n  const top = padding.top;\n  const right = padding.right;\n  return {\n    x: Math.round(left),\n    y: Math.round(top),\n    width: Math.max(10, Math.round(width - left - right)),\n    height: Math.max(10, Math.round(height - top - bottom)),\n  };\n};\n"],"mappings":"AAuBA,IAAaA,GACX,EACA,EACA,EACA,IACW,CACX,GAAM,CAACC,EAAIC,GAAMC,EAAK,EAChB,CAACC,EAAIC,GAAMF,EAAK,EAChBG,EAAKC,EAAK,OAASL,EAAKD,GAAM,GAC9BO,EAAKD,EAAK,QAAUF,EAAKD,GAAM,GAC/BK,EAAOF,EAAK,EACZG,EAAQH,EAAK,EAAIA,EAAK,MACtBI,EAAMJ,EAAK,EACXK,EAASL,EAAK,EAAIA,EAAK,OAC7B,MAAO,CACL,OACA,OACA,MAAOM,EACF,GAAMH,GAASI,EAAIb,GAAMK,EACzB,GAAMG,GAAQK,EAAIb,GAAMK,EAC7B,MAAOS,EACF,GAAMJ,GAAOG,EAAIV,GAAMI,EACvB,GAAMI,GAAUE,EAAIV,GAAMI,EAC/B,MAAOK,EACF,GAAMZ,GAAMS,EAAQM,GAAKV,EACzB,GAAML,GAAMe,EAAIP,GAAQH,EAC7B,MAAOS,EACF,GAAMX,GAAMY,EAAIL,GAAOH,EACvB,GAAMJ,GAAMQ,EAASI,GAAKR,EAC/B,OAAQ,EAAIF,EACZ,OAAQ,EAAIE,CACd,CACF,EAeaS,EAAe,GAA6B,CACvD,GAAM,CAAE,QAAO,SAAQ,UAAS,YAAaC,EACvCC,EAAO,KAAK,KAAKC,EAAW,GAAG,EAC/BX,EACJY,EAAQ,MACPH,EAAM,YAAc,EAAIA,EAAM,YAAc,EAAI,IAChDA,EAAM,OAASC,EAAO,EAAI,GACvBP,EACJS,EAAQ,QACPH,EAAM,aAAeC,EAAO,EAAI,IAChCD,EAAM,OAASC,EAAO,EAAI,GACvBR,EAAMU,EAAQ,IACdX,EAAQW,EAAQ,MACtB,MAAO,CACL,EAAG,KAAK,MAAMZ,CAAI,EAClB,EAAG,KAAK,MAAME,CAAG,EACjB,MAAO,KAAK,IAAI,GAAI,KAAK,MAAMW,EAAQb,EAAOC,CAAK,CAAC,EACpD,OAAQ,KAAK,IAAI,GAAI,KAAK,MAAMa,EAASZ,EAAMC,CAAM,CAAC,CACxD,CACF"}
+{"version":3,"file":"layout.cjs","names":["createScales","x0","x1","view","y0","y1","left","plot","right","top","bottom","horizontal","xs","ys","reverseX","v","reverseY","p","toScreen","s","y","x","toData","py","px","alongX","alongY","screenRect","xa","xb","b","c","ya","yb","d","heatCellStyle","size","width","height","radius","computePlot","input","line","fontSize","padding","y2Width"],"sources":["../../../../charts/src/engine/layout.ts"],"sourcesContent":["// Plot rectangle and data <-> pixel mappings (CSS pixels of the stage).\n\nimport type { ChartView } from \"./types\";\n\nexport interface Rect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/**\n * Data <-> pixel mappings of a plot. `xToPx` / `yToPx` give the pixel along\n * the axis showing that data axis: the screen x / y of vertical charts, the\n * screen y / x of horizontal ones (use `toScreen` / `toData` for points).\n */\nexport interface Scales {\n  plot: Rect;\n  view: ChartView;\n  /** The x axis runs down the left side, the values along the bottom */\n  horizontal: boolean;\n  xToPx(value: number): number;\n  yToPx(value: number): number;\n  pxToX(px: number): number;\n  pxToY(px: number): number;\n  /** Data units per CSS pixel */\n  xPerPx: number;\n  yPerPx: number;\n}\n\nexport const createScales = (\n  plot: Rect,\n  view: ChartView,\n  reverseX: boolean,\n  reverseY: boolean,\n  horizontal = false,\n): Scales => {\n  const [x0, x1] = view.x;\n  const [y0, y1] = view.y;\n  const left = plot.x;\n  const right = plot.x + plot.width;\n  const top = plot.y;\n  const bottom = plot.y + plot.height;\n  if (horizontal) {\n    // x from top to bottom, y from left to right\n    const xs = plot.height / (x1 - x0 || 1);\n    const ys = plot.width / (y1 - y0 || 1);\n    return {\n      plot,\n      view,\n      horizontal,\n      xToPx: reverseX\n        ? (v) => bottom - (v - x0) * xs\n        : (v) => top + (v - x0) * xs,\n      yToPx: reverseY\n        ? (v) => right - (v - y0) * ys\n        : (v) => left + (v - y0) * ys,\n      pxToX: reverseX\n        ? (p) => x0 + (bottom - p) / xs\n        : (p) => x0 + (p - top) / xs,\n      pxToY: reverseY\n        ? (p) => y0 + (right - p) / ys\n        : (p) => y0 + (p - left) / ys,\n      xPerPx: 1 / xs,\n      yPerPx: 1 / ys,\n    };\n  }\n  const xs = plot.width / (x1 - x0 || 1);\n  const ys = plot.height / (y1 - y0 || 1);\n  return {\n    plot,\n    view,\n    horizontal,\n    xToPx: reverseX\n      ? (v) => right - (v - x0) * xs\n      : (v) => left + (v - x0) * xs,\n    yToPx: reverseY\n      ? (v) => top + (v - y0) * ys\n      : (v) => bottom - (v - y0) * ys,\n    pxToX: reverseX\n      ? (p) => x0 + (right - p) / xs\n      : (p) => x0 + (p - left) / xs,\n    pxToY: reverseY\n      ? (p) => y0 + (p - top) / ys\n      : (p) => y0 + (bottom - p) / ys,\n    xPerPx: 1 / xs,\n    yPerPx: 1 / ys,\n  };\n};\n\n/** Screen pixel of a data point */\nexport const toScreen = (\n  s: Scales,\n  x: number,\n  y: number,\n): { x: number; y: number } =>\n  s.horizontal\n    ? { x: s.yToPx(y), y: s.xToPx(x) }\n    : { x: s.xToPx(x), y: s.yToPx(y) };\n\n/** Data point under a screen pixel */\nexport const toData = (\n  s: Scales,\n  px: number,\n  py: number,\n): { x: number; y: number } =>\n  s.horizontal\n    ? { x: s.pxToX(py), y: s.pxToY(px) }\n    : { x: s.pxToX(px), y: s.pxToY(py) };\n\n/** Coordinate of a screen pixel along the x axis (`xToPx` space) */\nexport const alongX = (s: Scales, px: number, py: number) =>\n  s.horizontal ? py : px;\n\n/** Coordinate of a screen pixel along the value axis (`yToPx` space) */\nexport const alongY = (s: Scales, px: number, py: number) =>\n  s.horizontal ? px : py;\n\n/**\n * Screen rectangle between two pixels along x (`xa`, `xb`) and two along\n * y (`ya`, `yb`)\n */\nexport const screenRect = (\n  s: Scales,\n  xa: number,\n  xb: number,\n  ya: number,\n  yb: number,\n): Rect => {\n  const a = Math.min(xa, xb);\n  const b = Math.max(xa, xb);\n  const c = Math.min(ya, yb);\n  const d = Math.max(ya, yb);\n  return s.horizontal\n    ? { x: c, y: a, width: d - c, height: b - a }\n    : { x: a, y: c, width: b - a, height: d - c };\n};\n\n/** Length in pixels of the x axis (plot width, height when horizontal) */\nexport const xLength = (s: Scales) =>\n  s.horizontal ? s.plot.height : s.plot.width;\n\n/**\n * Inset (per side) and corner radius of heatmap cells of `width` ×\n * `height` CSS pixels: a hairline apart (1px, 2px on large cells), corners\n * of `radius` at most 20% of the cell; tiny cells touch\n */\nexport const heatCellStyle = (\n  width: number,\n  height: number,\n  radius: number,\n): { inset: number; radius: number } => {\n  const size = Math.min(Math.abs(width), Math.abs(height));\n  if (!(size >= 4)) return { inset: 0, radius: 0 };\n  return {\n    inset: Math.round(Math.min(1, 0.5 + size / 96) * 4) / 4,\n    radius: Math.round(Math.max(0, Math.min(radius, size * 0.2)) * 4) / 4,\n  };\n};\n\nexport interface LayoutInput {\n  width: number;\n  height: number;\n  padding: { top: number; right: number; bottom: number; left: number };\n  /** Width of the widest tick label of the left axis (0 when the axis is hidden) */\n  yLabelWidth: number;\n  /** Width of the widest tick label of the right axis (0 without one) */\n  y2LabelWidth?: number;\n  /** The right axis has a title */\n  y2Title?: boolean;\n  xAxisVisible: boolean;\n  xTitle: boolean;\n  yTitle: boolean;\n  fontSize: number;\n}\n\n/** Room for the axes, then the plot area */\nexport const computePlot = (input: LayoutInput): Rect => {\n  const { width, height, padding, fontSize } = input;\n  const line = Math.ceil(fontSize * 1.4);\n  const left =\n    padding.left +\n    (input.yLabelWidth > 0 ? input.yLabelWidth + 8 : 0) +\n    (input.yTitle ? line + 6 : 0);\n  const bottom =\n    padding.bottom +\n    (input.xAxisVisible ? line + 8 : 0) +\n    (input.xTitle ? line + 4 : 0);\n  const top = padding.top;\n  const y2Width = input.y2LabelWidth ?? 0;\n  const right =\n    y2Width > 0 || input.y2Title\n      ? Math.max(4, padding.left) +\n        (y2Width > 0 ? y2Width + 8 : 0) +\n        (input.y2Title ? line + 6 : 0)\n      : padding.right;\n  return {\n    x: Math.round(left),\n    y: Math.round(top),\n    width: Math.max(10, Math.round(width - left - right)),\n    height: Math.max(10, Math.round(height - top - bottom)),\n  };\n};\n"],"mappings":"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"}

package/dist/charts/engine/layout.d.cts

@@ -5,9 +5,16 @@ export interface Rect {
     width: number;
     height: number;
 }
+/**
+ * Data <-> pixel mappings of a plot. `xToPx` / `yToPx` give the pixel along
+ * the axis showing that data axis: the screen x / y of vertical charts, the
+ * screen y / x of horizontal ones (use `toScreen` / `toData` for points).
+ */
 export interface Scales {
     plot: Rect;
     view: ChartView;
+    /** The x axis runs down the left side, the values along the bottom */
+    horizontal: boolean;
     xToPx(value: number): number;
     yToPx(value: number): number;
     pxToX(px: number): number;
@@ -16,7 +23,37 @@ export interface Scales {
     xPerPx: number;
     yPerPx: number;
 }
-export declare const createScales: (plot: Rect, view: ChartView, reverseX: boolean, reverseY: boolean) => Scales;
+export declare const createScales: (plot: Rect, view: ChartView, reverseX: boolean, reverseY: boolean, horizontal?: boolean) => Scales;
+/** Screen pixel of a data point */
+export declare const toScreen: (s: Scales, x: number, y: number) => {
+    x: number;
+    y: number;
+};
+/** Data point under a screen pixel */
+export declare const toData: (s: Scales, px: number, py: number) => {
+    x: number;
+    y: number;
+};
+/** Coordinate of a screen pixel along the x axis (`xToPx` space) */
+export declare const alongX: (s: Scales, px: number, py: number) => number;
+/** Coordinate of a screen pixel along the value axis (`yToPx` space) */
+export declare const alongY: (s: Scales, px: number, py: number) => number;
+/**
+ * Screen rectangle between two pixels along x (`xa`, `xb`) and two along
+ * y (`ya`, `yb`)
+ */
+export declare const screenRect: (s: Scales, xa: number, xb: number, ya: number, yb: number) => Rect;
+/** Length in pixels of the x axis (plot width, height when horizontal) */
+export declare const xLength: (s: Scales) => number;
+/**
+ * Inset (per side) and corner radius of heatmap cells of `width` ×
+ * `height` CSS pixels: a hairline apart (1px, 2px on large cells), corners
+ * of `radius` at most 20% of the cell; tiny cells touch
+ */
+export declare const heatCellStyle: (width: number, height: number, radius: number) => {
+    inset: number;
+    radius: number;
+};
 export interface LayoutInput {
     width: number;
     height: number;
@@ -26,8 +63,12 @@ export interface LayoutInput {
         bottom: number;
         left: number;
     };
-    /** Width of the widest y tick label (0 when the axis is hidden) */
+    /** Width of the widest tick label of the left axis (0 when the axis is hidden) */
     yLabelWidth: number;
+    /** Width of the widest tick label of the right axis (0 without one) */
+    y2LabelWidth?: number;
+    /** The right axis has a title */
+    y2Title?: boolean;
     xAxisVisible: boolean;
     xTitle: boolean;
     yTitle: boolean;

package/dist/charts/engine/layout.d.ts

@@ -5,9 +5,16 @@ export interface Rect {
     width: number;
     height: number;
 }
+/**
+ * Data <-> pixel mappings of a plot. `xToPx` / `yToPx` give the pixel along
+ * the axis showing that data axis: the screen x / y of vertical charts, the
+ * screen y / x of horizontal ones (use `toScreen` / `toData` for points).
+ */
 export interface Scales {
     plot: Rect;
     view: ChartView;
+    /** The x axis runs down the left side, the values along the bottom */
+    horizontal: boolean;
     xToPx(value: number): number;
     yToPx(value: number): number;
     pxToX(px: number): number;
@@ -16,7 +23,37 @@ export interface Scales {
     xPerPx: number;
     yPerPx: number;
 }
-export declare const createScales: (plot: Rect, view: ChartView, reverseX: boolean, reverseY: boolean) => Scales;
+export declare const createScales: (plot: Rect, view: ChartView, reverseX: boolean, reverseY: boolean, horizontal?: boolean) => Scales;
+/** Screen pixel of a data point */
+export declare const toScreen: (s: Scales, x: number, y: number) => {
+    x: number;
+    y: number;
+};
+/** Data point under a screen pixel */
+export declare const toData: (s: Scales, px: number, py: number) => {
+    x: number;
+    y: number;
+};
+/** Coordinate of a screen pixel along the x axis (`xToPx` space) */
+export declare const alongX: (s: Scales, px: number, py: number) => number;
+/** Coordinate of a screen pixel along the value axis (`yToPx` space) */
+export declare const alongY: (s: Scales, px: number, py: number) => number;
+/**
+ * Screen rectangle between two pixels along x (`xa`, `xb`) and two along
+ * y (`ya`, `yb`)
+ */
+export declare const screenRect: (s: Scales, xa: number, xb: number, ya: number, yb: number) => Rect;
+/** Length in pixels of the x axis (plot width, height when horizontal) */
+export declare const xLength: (s: Scales) => number;
+/**
+ * Inset (per side) and corner radius of heatmap cells of `width` ×
+ * `height` CSS pixels: a hairline apart (1px, 2px on large cells), corners
+ * of `radius` at most 20% of the cell; tiny cells touch
+ */
+export declare const heatCellStyle: (width: number, height: number, radius: number) => {
+    inset: number;
+    radius: number;
+};
 export interface LayoutInput {
     width: number;
     height: number;
@@ -26,8 +63,12 @@ export interface LayoutInput {
         bottom: number;
         left: number;
     };
-    /** Width of the widest y tick label (0 when the axis is hidden) */
+    /** Width of the widest tick label of the left axis (0 when the axis is hidden) */
     yLabelWidth: number;
+    /** Width of the widest tick label of the right axis (0 without one) */
+    y2LabelWidth?: number;
+    /** The right axis has a title */
+    y2Title?: boolean;
     xAxisVisible: boolean;
     xTitle: boolean;
     yTitle: boolean;

package/dist/charts/engine/layout.js

@@ -1,26 +1,76 @@
 //#region src/engine/layout.ts
-var e = (e, t, n, r) => {
-	let [i, a] = t.x, [o, s] = t.y, c = e.width / (a - i || 1), l = e.height / (s - o || 1), u = e.x, d = e.x + e.width, f = e.y, p = e.y + e.height;
+var e = (e, t, n, r, i = !1) => {
+	let [a, o] = t.x, [s, c] = t.y, l = e.x, u = e.x + e.width, d = e.y, f = e.y + e.height;
+	if (i) {
+		let p = e.height / (o - a || 1), m = e.width / (c - s || 1);
+		return {
+			plot: e,
+			view: t,
+			horizontal: i,
+			xToPx: n ? (e) => f - (e - a) * p : (e) => d + (e - a) * p,
+			yToPx: r ? (e) => u - (e - s) * m : (e) => l + (e - s) * m,
+			pxToX: n ? (e) => a + (f - e) / p : (e) => a + (e - d) / p,
+			pxToY: r ? (e) => s + (u - e) / m : (e) => s + (e - l) / m,
+			xPerPx: 1 / p,
+			yPerPx: 1 / m
+		};
+	}
+	let p = e.width / (o - a || 1), m = e.height / (c - s || 1);
 	return {
 		plot: e,
 		view: t,
-		xToPx: n ? (e) => d - (e - i) * c : (e) => u + (e - i) * c,
-		yToPx: r ? (e) => f + (e - o) * l : (e) => p - (e - o) * l,
-		pxToX: n ? (e) => i + (d - e) / c : (e) => i + (e - u) / c,
-		pxToY: r ? (e) => o + (e - f) / l : (e) => o + (p - e) / l,
-		xPerPx: 1 / c,
-		yPerPx: 1 / l
+		horizontal: i,
+		xToPx: n ? (e) => u - (e - a) * p : (e) => l + (e - a) * p,
+		yToPx: r ? (e) => d + (e - s) * m : (e) => f - (e - s) * m,
+		pxToX: n ? (e) => a + (u - e) / p : (e) => a + (e - l) / p,
+		pxToY: r ? (e) => s + (e - d) / m : (e) => s + (f - e) / m,
+		xPerPx: 1 / p,
+		yPerPx: 1 / m
 	};
-}, t = (e) => {
-	let { width: t, height: n, padding: r, fontSize: i } = e, a = Math.ceil(i * 1.4), o = r.left + (e.yLabelWidth > 0 ? e.yLabelWidth + 8 : 0) + (e.yTitle ? a + 6 : 0), s = r.bottom + (e.xAxisVisible ? a + 8 : 0) + (e.xTitle ? a + 4 : 0), c = r.top, l = r.right;
+}, t = (e, t, n) => e.horizontal ? {
+	x: e.yToPx(n),
+	y: e.xToPx(t)
+} : {
+	x: e.xToPx(t),
+	y: e.yToPx(n)
+}, n = (e, t, n) => e.horizontal ? {
+	x: e.pxToX(n),
+	y: e.pxToY(t)
+} : {
+	x: e.pxToX(t),
+	y: e.pxToY(n)
+}, r = (e, t, n) => e.horizontal ? n : t, i = (e, t, n) => e.horizontal ? t : n, a = (e, t, n, r, i) => {
+	let a = Math.min(t, n), o = Math.max(t, n), s = Math.min(r, i), c = Math.max(r, i);
+	return e.horizontal ? {
+		x: s,
+		y: a,
+		width: c - s,
+		height: o - a
+	} : {
+		x: a,
+		y: s,
+		width: o - a,
+		height: c - s
+	};
+}, o = (e, t, n) => {
+	let r = Math.min(Math.abs(e), Math.abs(t));
+	return r >= 4 ? {
+		inset: Math.round(Math.min(1, .5 + r / 96) * 4) / 4,
+		radius: Math.round(Math.max(0, Math.min(n, r * .2)) * 4) / 4
+	} : {
+		inset: 0,
+		radius: 0
+	};
+}, s = (e) => {
+	let { width: t, height: n, padding: r, fontSize: i } = e, a = Math.ceil(i * 1.4), o = r.left + (e.yLabelWidth > 0 ? e.yLabelWidth + 8 : 0) + (e.yTitle ? a + 6 : 0), s = r.bottom + (e.xAxisVisible ? a + 8 : 0) + (e.xTitle ? a + 4 : 0), c = r.top, l = e.y2LabelWidth ?? 0, u = l > 0 || e.y2Title ? Math.max(4, r.left) + (l > 0 ? l + 8 : 0) + (e.y2Title ? a + 6 : 0) : r.right;
 	return {
 		x: Math.round(o),
 		y: Math.round(c),
-		width: Math.max(10, Math.round(t - o - l)),
+		width: Math.max(10, Math.round(t - o - u)),
 		height: Math.max(10, Math.round(n - c - s))
 	};
 };
 //#endregion
-export { t as computePlot, e as createScales };
+export { r as alongX, i as alongY, s as computePlot, e as createScales, o as heatCellStyle, a as screenRect, n as toData, t as toScreen };
 
 //# sourceMappingURL=layout.js.map

package/dist/charts/engine/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","names":["createScales","x0","x1","view","y0","y1","xs","plot","ys","left","right","top","bottom","reverseX","v","reverseY","p","computePlot","input","line","fontSize","padding","width","height"],"sources":["../../../../charts/src/engine/layout.ts"],"sourcesContent":["// Plot rectangle and data <-> pixel mappings (CSS pixels of the stage).\n\nimport type { ChartView } from \"./types\";\n\nexport interface Rect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nexport interface Scales {\n  plot: Rect;\n  view: ChartView;\n  xToPx(value: number): number;\n  yToPx(value: number): number;\n  pxToX(px: number): number;\n  pxToY(px: number): number;\n  /** Data units per CSS pixel */\n  xPerPx: number;\n  yPerPx: number;\n}\n\nexport const createScales = (\n  plot: Rect,\n  view: ChartView,\n  reverseX: boolean,\n  reverseY: boolean,\n): Scales => {\n  const [x0, x1] = view.x;\n  const [y0, y1] = view.y;\n  const xs = plot.width / (x1 - x0 || 1);\n  const ys = plot.height / (y1 - y0 || 1);\n  const left = plot.x;\n  const right = plot.x + plot.width;\n  const top = plot.y;\n  const bottom = plot.y + plot.height;\n  return {\n    plot,\n    view,\n    xToPx: reverseX\n      ? (v) => right - (v - x0) * xs\n      : (v) => left + (v - x0) * xs,\n    yToPx: reverseY\n      ? (v) => top + (v - y0) * ys\n      : (v) => bottom - (v - y0) * ys,\n    pxToX: reverseX\n      ? (p) => x0 + (right - p) / xs\n      : (p) => x0 + (p - left) / xs,\n    pxToY: reverseY\n      ? (p) => y0 + (p - top) / ys\n      : (p) => y0 + (bottom - p) / ys,\n    xPerPx: 1 / xs,\n    yPerPx: 1 / ys,\n  };\n};\n\nexport interface LayoutInput {\n  width: number;\n  height: number;\n  padding: { top: number; right: number; bottom: number; left: number };\n  /** Width of the widest y tick label (0 when the axis is hidden) */\n  yLabelWidth: number;\n  xAxisVisible: boolean;\n  xTitle: boolean;\n  yTitle: boolean;\n  fontSize: number;\n}\n\n/** Room for the axes, then the plot area */\nexport const computePlot = (input: LayoutInput): Rect => {\n  const { width, height, padding, fontSize } = input;\n  const line = Math.ceil(fontSize * 1.4);\n  const left =\n    padding.left +\n    (input.yLabelWidth > 0 ? input.yLabelWidth + 8 : 0) +\n    (input.yTitle ? line + 6 : 0);\n  const bottom =\n    padding.bottom +\n    (input.xAxisVisible ? line + 8 : 0) +\n    (input.xTitle ? line + 4 : 0);\n  const top = padding.top;\n  const right = padding.right;\n  return {\n    x: Math.round(left),\n    y: Math.round(top),\n    width: Math.max(10, Math.round(width - left - right)),\n    height: Math.max(10, Math.round(height - top - bottom)),\n  };\n};\n"],"mappings":";AAuBA,IAAaA,KACX,GACA,GACA,GACA,MACW;CACX,IAAM,CAACC,GAAIC,KAAMC,EAAK,GAChB,CAACC,GAAIC,KAAMF,EAAK,GAChBG,IAAKC,EAAK,SAASL,IAAKD,KAAM,IAC9BO,IAAKD,EAAK,UAAUF,IAAKD,KAAM,IAC/BK,IAAOF,EAAK,GACZG,IAAQH,EAAK,IAAIA,EAAK,OACtBI,IAAMJ,EAAK,GACXK,IAASL,EAAK,IAAIA,EAAK;CAC7B,OAAO;EACL;EACA;EACA,OAAOM,KACF,MAAMH,KAASI,IAAIb,KAAMK,KACzB,MAAMG,KAAQK,IAAIb,KAAMK;EAC7B,OAAOS,KACF,MAAMJ,KAAOG,IAAIV,KAAMI,KACvB,MAAMI,KAAUE,IAAIV,KAAMI;EAC/B,OAAOK,KACF,MAAMZ,KAAMS,IAAQM,KAAKV,KACzB,MAAML,KAAMe,IAAIP,KAAQH;EAC7B,OAAOS,KACF,MAAMX,KAAMY,IAAIL,KAAOH,KACvB,MAAMJ,KAAMQ,IAASI,KAAKR;EAC/B,QAAQ,IAAIF;EACZ,QAAQ,IAAIE;CACd;AACF,GAeaS,KAAe,MAA6B;CACvD,IAAM,EAAE,UAAO,WAAQ,YAAS,gBAAaC,GACvCC,IAAO,KAAK,KAAKC,IAAW,GAAG,GAC/BX,IACJY,EAAQ,QACPH,EAAM,cAAc,IAAIA,EAAM,cAAc,IAAI,MAChDA,EAAM,SAASC,IAAO,IAAI,IACvBP,IACJS,EAAQ,UACPH,EAAM,eAAeC,IAAO,IAAI,MAChCD,EAAM,SAASC,IAAO,IAAI,IACvBR,IAAMU,EAAQ,KACdX,IAAQW,EAAQ;CACtB,OAAO;EACL,GAAG,KAAK,MAAMZ,CAAI;EAClB,GAAG,KAAK,MAAME,CAAG;EACjB,OAAO,KAAK,IAAI,IAAI,KAAK,MAAMW,IAAQb,IAAOC,CAAK,CAAC;EACpD,QAAQ,KAAK,IAAI,IAAI,KAAK,MAAMa,IAASZ,IAAMC,CAAM,CAAC;CACxD;AACF"}
+{"version":3,"file":"layout.js","names":["createScales","x0","x1","view","y0","y1","left","plot","right","top","bottom","horizontal","xs","ys","reverseX","v","reverseY","p","toScreen","s","y","x","toData","py","px","alongX","alongY","screenRect","xa","xb","b","c","ya","yb","d","heatCellStyle","size","width","height","radius","computePlot","input","line","fontSize","padding","y2Width"],"sources":["../../../../charts/src/engine/layout.ts"],"sourcesContent":["// Plot rectangle and data <-> pixel mappings (CSS pixels of the stage).\n\nimport type { ChartView } from \"./types\";\n\nexport interface Rect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/**\n * Data <-> pixel mappings of a plot. `xToPx` / `yToPx` give the pixel along\n * the axis showing that data axis: the screen x / y of vertical charts, the\n * screen y / x of horizontal ones (use `toScreen` / `toData` for points).\n */\nexport interface Scales {\n  plot: Rect;\n  view: ChartView;\n  /** The x axis runs down the left side, the values along the bottom */\n  horizontal: boolean;\n  xToPx(value: number): number;\n  yToPx(value: number): number;\n  pxToX(px: number): number;\n  pxToY(px: number): number;\n  /** Data units per CSS pixel */\n  xPerPx: number;\n  yPerPx: number;\n}\n\nexport const createScales = (\n  plot: Rect,\n  view: ChartView,\n  reverseX: boolean,\n  reverseY: boolean,\n  horizontal = false,\n): Scales => {\n  const [x0, x1] = view.x;\n  const [y0, y1] = view.y;\n  const left = plot.x;\n  const right = plot.x + plot.width;\n  const top = plot.y;\n  const bottom = plot.y + plot.height;\n  if (horizontal) {\n    // x from top to bottom, y from left to right\n    const xs = plot.height / (x1 - x0 || 1);\n    const ys = plot.width / (y1 - y0 || 1);\n    return {\n      plot,\n      view,\n      horizontal,\n      xToPx: reverseX\n        ? (v) => bottom - (v - x0) * xs\n        : (v) => top + (v - x0) * xs,\n      yToPx: reverseY\n        ? (v) => right - (v - y0) * ys\n        : (v) => left + (v - y0) * ys,\n      pxToX: reverseX\n        ? (p) => x0 + (bottom - p) / xs\n        : (p) => x0 + (p - top) / xs,\n      pxToY: reverseY\n        ? (p) => y0 + (right - p) / ys\n        : (p) => y0 + (p - left) / ys,\n      xPerPx: 1 / xs,\n      yPerPx: 1 / ys,\n    };\n  }\n  const xs = plot.width / (x1 - x0 || 1);\n  const ys = plot.height / (y1 - y0 || 1);\n  return {\n    plot,\n    view,\n    horizontal,\n    xToPx: reverseX\n      ? (v) => right - (v - x0) * xs\n      : (v) => left + (v - x0) * xs,\n    yToPx: reverseY\n      ? (v) => top + (v - y0) * ys\n      : (v) => bottom - (v - y0) * ys,\n    pxToX: reverseX\n      ? (p) => x0 + (right - p) / xs\n      : (p) => x0 + (p - left) / xs,\n    pxToY: reverseY\n      ? (p) => y0 + (p - top) / ys\n      : (p) => y0 + (bottom - p) / ys,\n    xPerPx: 1 / xs,\n    yPerPx: 1 / ys,\n  };\n};\n\n/** Screen pixel of a data point */\nexport const toScreen = (\n  s: Scales,\n  x: number,\n  y: number,\n): { x: number; y: number } =>\n  s.horizontal\n    ? { x: s.yToPx(y), y: s.xToPx(x) }\n    : { x: s.xToPx(x), y: s.yToPx(y) };\n\n/** Data point under a screen pixel */\nexport const toData = (\n  s: Scales,\n  px: number,\n  py: number,\n): { x: number; y: number } =>\n  s.horizontal\n    ? { x: s.pxToX(py), y: s.pxToY(px) }\n    : { x: s.pxToX(px), y: s.pxToY(py) };\n\n/** Coordinate of a screen pixel along the x axis (`xToPx` space) */\nexport const alongX = (s: Scales, px: number, py: number) =>\n  s.horizontal ? py : px;\n\n/** Coordinate of a screen pixel along the value axis (`yToPx` space) */\nexport const alongY = (s: Scales, px: number, py: number) =>\n  s.horizontal ? px : py;\n\n/**\n * Screen rectangle between two pixels along x (`xa`, `xb`) and two along\n * y (`ya`, `yb`)\n */\nexport const screenRect = (\n  s: Scales,\n  xa: number,\n  xb: number,\n  ya: number,\n  yb: number,\n): Rect => {\n  const a = Math.min(xa, xb);\n  const b = Math.max(xa, xb);\n  const c = Math.min(ya, yb);\n  const d = Math.max(ya, yb);\n  return s.horizontal\n    ? { x: c, y: a, width: d - c, height: b - a }\n    : { x: a, y: c, width: b - a, height: d - c };\n};\n\n/** Length in pixels of the x axis (plot width, height when horizontal) */\nexport const xLength = (s: Scales) =>\n  s.horizontal ? s.plot.height : s.plot.width;\n\n/**\n * Inset (per side) and corner radius of heatmap cells of `width` ×\n * `height` CSS pixels: a hairline apart (1px, 2px on large cells), corners\n * of `radius` at most 20% of the cell; tiny cells touch\n */\nexport const heatCellStyle = (\n  width: number,\n  height: number,\n  radius: number,\n): { inset: number; radius: number } => {\n  const size = Math.min(Math.abs(width), Math.abs(height));\n  if (!(size >= 4)) return { inset: 0, radius: 0 };\n  return {\n    inset: Math.round(Math.min(1, 0.5 + size / 96) * 4) / 4,\n    radius: Math.round(Math.max(0, Math.min(radius, size * 0.2)) * 4) / 4,\n  };\n};\n\nexport interface LayoutInput {\n  width: number;\n  height: number;\n  padding: { top: number; right: number; bottom: number; left: number };\n  /** Width of the widest tick label of the left axis (0 when the axis is hidden) */\n  yLabelWidth: number;\n  /** Width of the widest tick label of the right axis (0 without one) */\n  y2LabelWidth?: number;\n  /** The right axis has a title */\n  y2Title?: boolean;\n  xAxisVisible: boolean;\n  xTitle: boolean;\n  yTitle: boolean;\n  fontSize: number;\n}\n\n/** Room for the axes, then the plot area */\nexport const computePlot = (input: LayoutInput): Rect => {\n  const { width, height, padding, fontSize } = input;\n  const line = Math.ceil(fontSize * 1.4);\n  const left =\n    padding.left +\n    (input.yLabelWidth > 0 ? input.yLabelWidth + 8 : 0) +\n    (input.yTitle ? line + 6 : 0);\n  const bottom =\n    padding.bottom +\n    (input.xAxisVisible ? line + 8 : 0) +\n    (input.xTitle ? line + 4 : 0);\n  const top = padding.top;\n  const y2Width = input.y2LabelWidth ?? 0;\n  const right =\n    y2Width > 0 || input.y2Title\n      ? Math.max(4, padding.left) +\n        (y2Width > 0 ? y2Width + 8 : 0) +\n        (input.y2Title ? line + 6 : 0)\n      : padding.right;\n  return {\n    x: Math.round(left),\n    y: Math.round(top),\n    width: Math.max(10, Math.round(width - left - right)),\n    height: Math.max(10, Math.round(height - top - bottom)),\n  };\n};\n"],"mappings":"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"}

package/dist/charts/engine/locale.cjs

@@ -0,0 +1,2 @@
+var e=e=>e||globalThis.document?.documentElement?.lang||globalThis.navigator?.language||`en`,t=e=>e.toLowerCase().split(/[-_]/)[0]||`en`,n=(n,r,i)=>{let a=t(e(r)),o=a===`en`?void 0:n[a];return{...n.en,...o,...i}},r=new Map,i=(e,t={})=>{let n=`${e}|${JSON.stringify(t)}`,i=r.get(n);if(!i){try{i=new Intl.NumberFormat(e,t)}catch{i=new Intl.NumberFormat(`en`,t)}r.set(n,i)}return i},a=n=>{switch(t(e(n))){case`zh`:return[[0xe8d4a51000,`万亿`],[1e8,`亿`],[1e4,`万`]];case`ja`:return[[0xe8d4a51000,`兆`],[1e8,`億`],[1e4,`万`]];case`fr`:return[[0xe8d4a51000,` Bn`],[1e9,` Md`],[1e6,` M`],[1e3,` k`]];default:return[[0xe8d4a51000,`T`],[1e9,`B`],[1e6,`M`],[1e3,`k`]]}},o=new Map,s=(e,t={})=>{let n=`${e}|${JSON.stringify(t)}`,r=o.get(n);if(!r){try{r=new Intl.DateTimeFormat(e,t)}catch{r=new Intl.DateTimeFormat(`en`,t)}o.set(n,r)}return r},c=e=>{let t=globalThis.document?.documentElement;if(!t||typeof MutationObserver!=`function`)return()=>{};let n=new MutationObserver(e);return n.observe(t,{attributes:!0,attributeFilter:[`lang`]}),()=>n.disconnect()};exports.compactUnits=a,exports.dateFormat=s,exports.languageOf=t,exports.localeLabels=n,exports.numberFormat=i,exports.resolveLocale=e,exports.watchLocale=c;
+//# sourceMappingURL=locale.cjs.map

package/dist/charts/engine/locale.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.cjs","names":["resolveLocale","locale","languageOf","localeLabels","language","own","dictionary","overrides","numberFormats","numberFormat","key","options","format","compactUnits","dateFormats","dateFormat","watchLocale","root","observer","onChange"],"sources":["../../../../charts/src/engine/locale.ts"],"sourcesContent":["// Language of the texts and numbers the engine writes itself (tooltip row\n// names, accessible names, \"No data\", compact units...). Every chart module\n// keeps its own dictionary and resolves it with `localeLabels`, so a chart\n// follows the page language without any option, and `locale` / `labels`\n// options override it.\n\n/** Built-in strings of a module: English (complete) and other languages (partial) */\nexport type LabelDictionary<T extends object> = { en: T } & {\n  [language: string]: Partial<T> | undefined;\n};\n\n/**\n * Locale of a chart: the `locale` option, else the `lang` of the document\n * (`<html lang>`), else the browser language, else `en`\n */\nexport const resolveLocale = (locale?: string): string => {\n  if (locale) return locale;\n  const doc = (\n    globalThis as { document?: { documentElement?: { lang?: string } } }\n  ).document;\n  const lang = doc?.documentElement?.lang;\n  if (lang) return lang;\n  const nav = (globalThis as { navigator?: { language?: string } }).navigator;\n  return nav?.language || \"en\";\n};\n\n/** `zh-CN` -> `zh`, `fr_FR` -> `fr` */\nexport const languageOf = (locale: string): string =>\n  locale.toLowerCase().split(/[-_]/)[0] || \"en\";\n\n/**\n * Strings of a module for a locale: the built-in language (English for\n * unknown languages) completed with English, then the `overrides`\n */\nexport const localeLabels = <T extends object>(\n  dictionary: LabelDictionary<T>,\n  locale?: string,\n  overrides?: Partial<T>,\n): T => {\n  const language = languageOf(resolveLocale(locale));\n  const own = language === \"en\" ? undefined : dictionary[language];\n  return { ...dictionary.en, ...own, ...overrides };\n};\n\nconst numberFormats = new Map<string, Intl.NumberFormat>();\n\n/** Cached `Intl.NumberFormat` (formatting is on hot paths: ticks, tooltips) */\nexport const numberFormat = (\n  locale: string,\n  options: Intl.NumberFormatOptions = {},\n): Intl.NumberFormat => {\n  const key = `${locale}|${JSON.stringify(options)}`;\n  let format = numberFormats.get(key);\n  if (!format) {\n    try {\n      format = new Intl.NumberFormat(locale, options);\n    } catch {\n      format = new Intl.NumberFormat(\"en\", options);\n    }\n    numberFormats.set(key, format);\n  }\n  return format;\n};\n\n/**\n * Compact units of a language, largest first: thousands-based (k, M, B, T)\n * in English and French, ten-thousands-based (万, 亿 / 億) in Chinese and\n * Japanese\n */\nexport const compactUnits = (locale?: string): readonly [number, string][] => {\n  switch (languageOf(resolveLocale(locale))) {\n    case \"zh\":\n      return [\n        [1e12, \"万亿\"],\n        [1e8, \"亿\"],\n        [1e4, \"万\"],\n      ];\n    case \"ja\":\n      return [\n        [1e12, \"兆\"],\n        [1e8, \"億\"],\n        [1e4, \"万\"],\n      ];\n    case \"fr\":\n      return [\n        [1e12, \" Bn\"],\n        [1e9, \" Md\"],\n        [1e6, \" M\"],\n        [1e3, \" k\"],\n      ];\n    default:\n      return [\n        [1e12, \"T\"],\n        [1e9, \"B\"],\n        [1e6, \"M\"],\n        [1e3, \"k\"],\n      ];\n  }\n};\n\nconst dateFormats = new Map<string, Intl.DateTimeFormat>();\n\n/** Cached `Intl.DateTimeFormat` (time axis ticks and tooltips) */\nexport const dateFormat = (\n  locale: string,\n  options: Intl.DateTimeFormatOptions = {},\n): Intl.DateTimeFormat => {\n  const key = `${locale}|${JSON.stringify(options)}`;\n  let format = dateFormats.get(key);\n  if (!format) {\n    try {\n      format = new Intl.DateTimeFormat(locale, options);\n    } catch {\n      format = new Intl.DateTimeFormat(\"en\", options);\n    }\n    dateFormats.set(key, format);\n  }\n  return format;\n};\n\n/**\n * Calls `onChange` when the `lang` of the document changes (charts without\n * a `locale` option follow the page language); returns the cleanup\n */\nexport const watchLocale = (onChange: () => void): (() => void) => {\n  const doc = (globalThis as { document?: { documentElement?: Node | null } })\n    .document;\n  const root = doc?.documentElement;\n  if (!root || typeof MutationObserver !== \"function\") return () => {};\n  const observer = new MutationObserver(onChange);\n  observer.observe(root, { attributes: true, attributeFilter: [\"lang\"] });\n  return () => observer.disconnect();\n};\n"],"mappings":"AAeA,IAAaA,EAAiB,GACxBC,GAEF,WACA,UACgB,iBAAiB,MAEtB,WAAqD,WACtD,UAAY,KAIbC,EAAc,GACzBD,EAAO,YAAY,CAAC,CAAC,MAAM,MAAM,CAAC,CAAC,IAAM,KAM9BE,GACX,EACA,EACA,IACM,CACN,IAAMC,EAAWF,EAAWF,EAAcC,CAAM,CAAC,EAC3CI,EAAMD,IAAa,KAAO,IAAA,GAAYE,EAAWF,GACvD,MAAO,CAAE,GAAGE,EAAW,GAAI,GAAGD,EAAK,GAAGE,CAAU,CAClD,EAEMC,EAAgB,IAAI,IAGbC,GACX,EACA,EAAoC,CAAC,IACf,CACtB,IAAMC,EAAM,GAAGT,EAAO,GAAG,KAAK,UAAUU,CAAO,IAC3CC,EAASJ,EAAc,IAAIE,CAAG,EAClC,GAAI,CAACE,EAAQ,CACX,GAAI,CACF,EAAS,IAAI,KAAK,aAAaX,EAAQU,CAAO,CAChD,MAAQ,CACN,EAAS,IAAI,KAAK,aAAa,KAAMA,CAAO,CAC9C,CACAH,EAAc,IAAIE,EAAKE,CAAM,CAC/B,CACA,OAAOA,CACT,EAOaC,EAAgB,GAAiD,CAC5E,OAAQX,EAAWF,EAAcC,CAAM,CAAC,EAAxC,CACE,IAAK,KACH,MAAO,CACL,CAAC,aAAM,IAAI,EACX,CAAC,IAAK,GAAG,EACT,CAAC,IAAK,GAAG,CACX,EACF,IAAK,KACH,MAAO,CACL,CAAC,aAAM,GAAG,EACV,CAAC,IAAK,GAAG,EACT,CAAC,IAAK,GAAG,CACX,EACF,IAAK,KACH,MAAO,CACL,CAAC,aAAM,KAAK,EACZ,CAAC,IAAK,KAAK,EACX,CAAC,IAAK,IAAI,EACV,CAAC,IAAK,IAAI,CACZ,EACF,QACE,MAAO,CACL,CAAC,aAAM,GAAG,EACV,CAAC,IAAK,GAAG,EACT,CAAC,IAAK,GAAG,EACT,CAAC,IAAK,GAAG,CACX,CACJ,CACF,EAEMa,EAAc,IAAI,IAGXC,GACX,EACA,EAAsC,CAAC,IACf,CACxB,IAAML,EAAM,GAAGT,EAAO,GAAG,KAAK,UAAUU,CAAO,IAC3CC,EAASE,EAAY,IAAIJ,CAAG,EAChC,GAAI,CAACE,EAAQ,CACX,GAAI,CACF,EAAS,IAAI,KAAK,eAAeX,EAAQU,CAAO,CAClD,MAAQ,CACN,EAAS,IAAI,KAAK,eAAe,KAAMA,CAAO,CAChD,CACAG,EAAY,IAAIJ,EAAKE,CAAM,CAC7B,CACA,OAAOA,CACT,EAMaI,EAAe,GAAuC,CAGjE,IAAMC,EAFO,WACV,UACe,gBAClB,GAAI,CAACA,GAAQ,OAAO,kBAAqB,WAAY,UAAa,CAAC,EACnE,IAAMC,EAAW,IAAI,iBAAiBC,CAAQ,EAE9C,OADAD,EAAS,QAAQD,EAAM,CAAE,WAAY,GAAM,gBAAiB,CAAC,MAAM,CAAE,CAAC,MACzDC,EAAS,WAAW,CACnC"}

package/dist/charts/engine/locale.d.cts

@@ -0,0 +1,33 @@
+/** Built-in strings of a module: English (complete) and other languages (partial) */
+export type LabelDictionary<T extends object> = {
+    en: T;
+} & {
+    [language: string]: Partial<T> | undefined;
+};
+/**
+ * Locale of a chart: the `locale` option, else the `lang` of the document
+ * (`<html lang>`), else the browser language, else `en`
+ */
+export declare const resolveLocale: (locale?: string) => string;
+/** `zh-CN` -> `zh`, `fr_FR` -> `fr` */
+export declare const languageOf: (locale: string) => string;
+/**
+ * Strings of a module for a locale: the built-in language (English for
+ * unknown languages) completed with English, then the `overrides`
+ */
+export declare const localeLabels: <T extends object>(dictionary: LabelDictionary<T>, locale?: string, overrides?: Partial<T>) => T;
+/** Cached `Intl.NumberFormat` (formatting is on hot paths: ticks, tooltips) */
+export declare const numberFormat: (locale: string, options?: Intl.NumberFormatOptions) => Intl.NumberFormat;
+/**
+ * Compact units of a language, largest first: thousands-based (k, M, B, T)
+ * in English and French, ten-thousands-based (万, 亿 / 億) in Chinese and
+ * Japanese
+ */
+export declare const compactUnits: (locale?: string) => readonly [number, string][];
+/** Cached `Intl.DateTimeFormat` (time axis ticks and tooltips) */
+export declare const dateFormat: (locale: string, options?: Intl.DateTimeFormatOptions) => Intl.DateTimeFormat;
+/**
+ * Calls `onChange` when the `lang` of the document changes (charts without
+ * a `locale` option follow the page language); returns the cleanup
+ */
+export declare const watchLocale: (onChange: () => void) => (() => void);

package/dist/charts/engine/locale.d.ts

@@ -0,0 +1,33 @@
+/** Built-in strings of a module: English (complete) and other languages (partial) */
+export type LabelDictionary<T extends object> = {
+    en: T;
+} & {
+    [language: string]: Partial<T> | undefined;
+};
+/**
+ * Locale of a chart: the `locale` option, else the `lang` of the document
+ * (`<html lang>`), else the browser language, else `en`
+ */
+export declare const resolveLocale: (locale?: string) => string;
+/** `zh-CN` -> `zh`, `fr_FR` -> `fr` */
+export declare const languageOf: (locale: string) => string;
+/**
+ * Strings of a module for a locale: the built-in language (English for
+ * unknown languages) completed with English, then the `overrides`
+ */
+export declare const localeLabels: <T extends object>(dictionary: LabelDictionary<T>, locale?: string, overrides?: Partial<T>) => T;
+/** Cached `Intl.NumberFormat` (formatting is on hot paths: ticks, tooltips) */
+export declare const numberFormat: (locale: string, options?: Intl.NumberFormatOptions) => Intl.NumberFormat;
+/**
+ * Compact units of a language, largest first: thousands-based (k, M, B, T)
+ * in English and French, ten-thousands-based (万, 亿 / 億) in Chinese and
+ * Japanese
+ */
+export declare const compactUnits: (locale?: string) => readonly [number, string][];
+/** Cached `Intl.DateTimeFormat` (time axis ticks and tooltips) */
+export declare const dateFormat: (locale: string, options?: Intl.DateTimeFormatOptions) => Intl.DateTimeFormat;
+/**
+ * Calls `onChange` when the `lang` of the document changes (charts without
+ * a `locale` option follow the page language); returns the cleanup
+ */
+export declare const watchLocale: (onChange: () => void) => (() => void);

package/dist/charts/engine/locale.js

@@ -0,0 +1,68 @@
+//#region src/engine/locale.ts
+var e = (e) => e || globalThis.document?.documentElement?.lang || globalThis.navigator?.language || "en", t = (e) => e.toLowerCase().split(/[-_]/)[0] || "en", n = (n, r, i) => {
+	let a = t(e(r)), o = a === "en" ? void 0 : n[a];
+	return {
+		...n.en,
+		...o,
+		...i
+	};
+}, r = /* @__PURE__ */ new Map(), i = (e, t = {}) => {
+	let n = `${e}|${JSON.stringify(t)}`, i = r.get(n);
+	if (!i) {
+		try {
+			i = new Intl.NumberFormat(e, t);
+		} catch {
+			i = new Intl.NumberFormat("en", t);
+		}
+		r.set(n, i);
+	}
+	return i;
+}, a = (n) => {
+	switch (t(e(n))) {
+		case "zh": return [
+			[0xe8d4a51000, "万亿"],
+			[1e8, "亿"],
+			[1e4, "万"]
+		];
+		case "ja": return [
+			[0xe8d4a51000, "兆"],
+			[1e8, "億"],
+			[1e4, "万"]
+		];
+		case "fr": return [
+			[0xe8d4a51000, " Bn"],
+			[1e9, " Md"],
+			[1e6, " M"],
+			[1e3, " k"]
+		];
+		default: return [
+			[0xe8d4a51000, "T"],
+			[1e9, "B"],
+			[1e6, "M"],
+			[1e3, "k"]
+		];
+	}
+}, o = /* @__PURE__ */ new Map(), s = (e, t = {}) => {
+	let n = `${e}|${JSON.stringify(t)}`, r = o.get(n);
+	if (!r) {
+		try {
+			r = new Intl.DateTimeFormat(e, t);
+		} catch {
+			r = new Intl.DateTimeFormat("en", t);
+		}
+		o.set(n, r);
+	}
+	return r;
+}, c = (e) => {
+	let t = globalThis.document?.documentElement;
+	if (!t || typeof MutationObserver != "function") return () => {};
+	let n = new MutationObserver(e);
+	return n.observe(t, {
+		attributes: !0,
+		attributeFilter: ["lang"]
+	}), () => n.disconnect();
+};
+//#endregion
+export { a as compactUnits, s as dateFormat, t as languageOf, n as localeLabels, i as numberFormat, e as resolveLocale, c as watchLocale };
+
+//# sourceMappingURL=locale.js.map

package/dist/charts/engine/locale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.js","names":["resolveLocale","locale","languageOf","localeLabels","language","own","dictionary","overrides","numberFormats","numberFormat","key","options","format","compactUnits","dateFormats","dateFormat","watchLocale","root","observer","onChange"],"sources":["../../../../charts/src/engine/locale.ts"],"sourcesContent":["// Language of the texts and numbers the engine writes itself (tooltip row\n// names, accessible names, \"No data\", compact units...). Every chart module\n// keeps its own dictionary and resolves it with `localeLabels`, so a chart\n// follows the page language without any option, and `locale` / `labels`\n// options override it.\n\n/** Built-in strings of a module: English (complete) and other languages (partial) */\nexport type LabelDictionary<T extends object> = { en: T } & {\n  [language: string]: Partial<T> | undefined;\n};\n\n/**\n * Locale of a chart: the `locale` option, else the `lang` of the document\n * (`<html lang>`), else the browser language, else `en`\n */\nexport const resolveLocale = (locale?: string): string => {\n  if (locale) return locale;\n  const doc = (\n    globalThis as { document?: { documentElement?: { lang?: string } } }\n  ).document;\n  const lang = doc?.documentElement?.lang;\n  if (lang) return lang;\n  const nav = (globalThis as { navigator?: { language?: string } }).navigator;\n  return nav?.language || \"en\";\n};\n\n/** `zh-CN` -> `zh`, `fr_FR` -> `fr` */\nexport const languageOf = (locale: string): string =>\n  locale.toLowerCase().split(/[-_]/)[0] || \"en\";\n\n/**\n * Strings of a module for a locale: the built-in language (English for\n * unknown languages) completed with English, then the `overrides`\n */\nexport const localeLabels = <T extends object>(\n  dictionary: LabelDictionary<T>,\n  locale?: string,\n  overrides?: Partial<T>,\n): T => {\n  const language = languageOf(resolveLocale(locale));\n  const own = language === \"en\" ? undefined : dictionary[language];\n  return { ...dictionary.en, ...own, ...overrides };\n};\n\nconst numberFormats = new Map<string, Intl.NumberFormat>();\n\n/** Cached `Intl.NumberFormat` (formatting is on hot paths: ticks, tooltips) */\nexport const numberFormat = (\n  locale: string,\n  options: Intl.NumberFormatOptions = {},\n): Intl.NumberFormat => {\n  const key = `${locale}|${JSON.stringify(options)}`;\n  let format = numberFormats.get(key);\n  if (!format) {\n    try {\n      format = new Intl.NumberFormat(locale, options);\n    } catch {\n      format = new Intl.NumberFormat(\"en\", options);\n    }\n    numberFormats.set(key, format);\n  }\n  return format;\n};\n\n/**\n * Compact units of a language, largest first: thousands-based (k, M, B, T)\n * in English and French, ten-thousands-based (万, 亿 / 億) in Chinese and\n * Japanese\n */\nexport const compactUnits = (locale?: string): readonly [number, string][] => {\n  switch (languageOf(resolveLocale(locale))) {\n    case \"zh\":\n      return [\n        [1e12, \"万亿\"],\n        [1e8, \"亿\"],\n        [1e4, \"万\"],\n      ];\n    case \"ja\":\n      return [\n        [1e12, \"兆\"],\n        [1e8, \"億\"],\n        [1e4, \"万\"],\n      ];\n    case \"fr\":\n      return [\n        [1e12, \" Bn\"],\n        [1e9, \" Md\"],\n        [1e6, \" M\"],\n        [1e3, \" k\"],\n      ];\n    default:\n      return [\n        [1e12, \"T\"],\n        [1e9, \"B\"],\n        [1e6, \"M\"],\n        [1e3, \"k\"],\n      ];\n  }\n};\n\nconst dateFormats = new Map<string, Intl.DateTimeFormat>();\n\n/** Cached `Intl.DateTimeFormat` (time axis ticks and tooltips) */\nexport const dateFormat = (\n  locale: string,\n  options: Intl.DateTimeFormatOptions = {},\n): Intl.DateTimeFormat => {\n  const key = `${locale}|${JSON.stringify(options)}`;\n  let format = dateFormats.get(key);\n  if (!format) {\n    try {\n      format = new Intl.DateTimeFormat(locale, options);\n    } catch {\n      format = new Intl.DateTimeFormat(\"en\", options);\n    }\n    dateFormats.set(key, format);\n  }\n  return format;\n};\n\n/**\n * Calls `onChange` when the `lang` of the document changes (charts without\n * a `locale` option follow the page language); returns the cleanup\n */\nexport const watchLocale = (onChange: () => void): (() => void) => {\n  const doc = (globalThis as { document?: { documentElement?: Node | null } })\n    .document;\n  const root = doc?.documentElement;\n  if (!root || typeof MutationObserver !== \"function\") return () => {};\n  const observer = new MutationObserver(onChange);\n  observer.observe(root, { attributes: true, attributeFilter: [\"lang\"] });\n  return () => observer.disconnect();\n};\n"],"mappings":";AAeA,IAAaA,KAAiB,MACxBC,KAEF,WACA,UACgB,iBAAiB,QAEtB,WAAqD,WACtD,YAAY,MAIbC,KAAc,MACzBD,EAAO,YAAY,CAAC,CAAC,MAAM,MAAM,CAAC,CAAC,MAAM,MAM9BE,KACX,GACA,GACA,MACM;CACN,IAAMC,IAAWF,EAAWF,EAAcC,CAAM,CAAC,GAC3CI,IAAMD,MAAa,OAAO,KAAA,IAAYE,EAAWF;CACvD,OAAO;EAAE,GAAGE,EAAW;EAAI,GAAGD;EAAK,GAAGE;CAAU;AAClD,GAEMC,oBAAgB,IAAI,IAA+B,GAG5CC,KACX,GACA,IAAoC,CAAC,MACf;CACtB,IAAMC,IAAM,GAAGT,EAAO,GAAG,KAAK,UAAUU,CAAO,KAC3CC,IAASJ,EAAc,IAAIE,CAAG;CAClC,IAAI,CAACE,GAAQ;EACX,IAAI;GACF,IAAS,IAAI,KAAK,aAAaX,GAAQU,CAAO;EAChD,QAAQ;GACN,IAAS,IAAI,KAAK,aAAa,MAAMA,CAAO;EAC9C;EACA,EAAc,IAAID,GAAKE,CAAM;CAC/B;CACA,OAAOA;AACT,GAOaC,KAAgB,MAAiD;CAC5E,QAAQX,EAAWF,EAAcC,CAAM,CAAC,GAAxC;EACE,KAAK,MACH,OAAO;GACL,CAAC,cAAM,IAAI;GACX,CAAC,KAAK,GAAG;GACT,CAAC,KAAK,GAAG;EACX;EACF,KAAK,MACH,OAAO;GACL,CAAC,cAAM,GAAG;GACV,CAAC,KAAK,GAAG;GACT,CAAC,KAAK,GAAG;EACX;EACF,KAAK,MACH,OAAO;GACL,CAAC,cAAM,KAAK;GACZ,CAAC,KAAK,KAAK;GACX,CAAC,KAAK,IAAI;GACV,CAAC,KAAK,IAAI;EACZ;EACF,SACE,OAAO;GACL,CAAC,cAAM,GAAG;GACV,CAAC,KAAK,GAAG;GACT,CAAC,KAAK,GAAG;GACT,CAAC,KAAK,GAAG;EACX;CACJ;AACF,GAEMa,oBAAc,IAAI,IAAiC,GAG5CC,KACX,GACA,IAAsC,CAAC,MACf;CACxB,IAAML,IAAM,GAAGT,EAAO,GAAG,KAAK,UAAUU,CAAO,KAC3CC,IAASE,EAAY,IAAIJ,CAAG;CAChC,IAAI,CAACE,GAAQ;EACX,IAAI;GACF,IAAS,IAAI,KAAK,eAAeX,GAAQU,CAAO;EAClD,QAAQ;GACN,IAAS,IAAI,KAAK,eAAe,MAAMA,CAAO;EAChD;EACA,EAAY,IAAID,GAAKE,CAAM;CAC7B;CACA,OAAOA;AACT,GAMaI,KAAe,MAAuC;CAGjE,IAAMC,IAFO,WACV,UACe;CAClB,IAAI,CAACA,KAAQ,OAAO,oBAAqB,YAAY,aAAa,CAAC;CACnE,IAAMC,IAAW,IAAI,iBAAiBC,CAAQ;CAE9C,OADAD,EAAS,QAAQD,GAAM;EAAE,YAAY;EAAM,iBAAiB,CAAC,MAAM;CAAE,CAAC,SACzDC,EAAS,WAAW;AACnC"}