@cratis/scene.primereact 4.5.0 → 4.7.0

package/dist/esm/chart/chartHasData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartHasData.js","sources":["../../../chart/chartHasData.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\n/**\n * Whether chart data holds at least one data point to draw.\n *\n * Datasets whose `data` is empty (or absent) draw nothing but axes, so the chart reports it instead.\n * A dataset may also give its points as keyed records (Chart.js `parsing` over an object), which counts\n * when it has any keys.\n */\nexport function chartHasData(data: unknown): boolean {\n    if (data === null || typeof data !== 'object') return false;\n    const datasets = (data as Record<string, unknown>).datasets;\n    if (!Array.isArray(datasets)) return false;\n\n    return datasets.some(dataset => {\n        if (dataset === null || typeof dataset !== 'object') return false;\n        const points = (dataset as Record<string, unknown>).data;\n        if (Array.isArray(points)) return points.length > 0;\n        return points !== null && typeof points === 'object' && Object.keys(points).length > 0;\n    });\n}\n"],"names":["chartHasData","data","datasets","Array","isArray","some","dataset","points","length","Object","keys"],"mappings":"AAAA;AACA;AAEA;;;;;;IAOO,SAASA,YAAAA,CAAaC,IAAa,EAAA;AACtC,IAAA,IAAIA,IAAAA,KAAS,IAAA,IAAQ,OAAOA,IAAAA,KAAS,UAAU,OAAO,KAAA;IACtD,MAAMC,QAAAA,GAAW,IAACD,CAAiCC,QAAQ;AAC3D,IAAA,IAAI,CAACC,KAAAA,CAAMC,OAAO,CAACF,WAAW,OAAO,KAAA;IAErC,OAAOA,QAAAA,CAASG,IAAI,CAACC,CAAAA,OAAAA,GAAAA;AACjB,QAAA,IAAIA,OAAAA,KAAY,IAAA,IAAQ,OAAOA,OAAAA,KAAY,UAAU,OAAO,KAAA;QAC5D,MAAMC,MAAAA,GAAS,OAACD,CAAoCL,IAAI;AACxD,QAAA,IAAIE,MAAMC,OAAO,CAACG,SAAS,OAAOA,MAAAA,CAAOC,MAAM,GAAG,CAAA;QAClD,OAAOD,MAAAA,KAAW,IAAA,IAAQ,OAAOA,MAAAA,KAAW,QAAA,IAAYE,OAAOC,IAAI,CAACH,MAAAA,CAAAA,CAAQC,MAAM,GAAG,CAAA;AACzF,IAAA,CAAA,CAAA;AACJ;;"}

package/dist/esm/chart/chartTypeChoices.d.ts

@@ -0,0 +1,3 @@
+import { PropertyChoice } from '@cratis/scene.model';
+export declare const chartTypeChoices: PropertyChoice[];
+//# sourceMappingURL=chartTypeChoices.d.ts.map

package/dist/esm/chart/chartTypeChoices.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartTypeChoices.d.ts","sourceRoot":"","sources":["../../../chart/chartTypeChoices.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAuBrD,eAAO,MAAM,gBAAgB,EAAE,cAAc,EAI5C,CAAC"}

package/dist/esm/chart/chartTypeChoices.js

@@ -0,0 +1,41 @@
+import { ChartType } from './ChartType.js';
+import { legacyChartTypes } from './resolveChartType.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+const chartTypeLabels = {
+    [ChartType.Bar]: 'Bar',
+    [ChartType.Line]: 'Line',
+    [ChartType.Pie]: 'Pie',
+    [ChartType.Doughnut]: 'Doughnut',
+    [ChartType.PolarArea]: 'Polar area',
+    [ChartType.Radar]: 'Radar',
+    [ChartType.Bubble]: 'Bubble',
+    [ChartType.Scatter]: 'Scatter'
+};
+/**
+ * The chart type choices: the stable names new documents use, then the ordinals migrated documents carry,
+ * then the Pascal case member names of the original .NET enum that a serialized enum produces.
+ * A migrated chart stores its original `type`; offering every form the renderer accepts keeps that stored
+ * value valid (and its type visible and re-selectable) without rewriting it to another form behind the
+ * author's back. The choices are the same set `resolveChartType` accepts, so what the renderer draws is
+ * exactly what the descriptor allows.
+ */ const chartTypeChoices = [
+    ...Object.values(ChartType).map((type)=>({
+            value: type,
+            label: chartTypeLabels[type]
+        })),
+    ...legacyChartTypes.map((type, ordinal)=>({
+            value: ordinal,
+            label: `${chartTypeLabels[type]} (legacy ${ordinal})`,
+            description: `The ordinal ${ordinal} of the original chart type enum, as stored by migrated documents.`
+        })),
+    ...Object.keys(ChartType).map((name)=>({
+            value: name,
+            label: `${chartTypeLabels[ChartType[name]]} (legacy name ${name})`,
+            description: `The member name ${name} of the original chart type enum, as a serialized enum stores it.`
+        }))
+];
+
+export { chartTypeChoices };
+//# sourceMappingURL=chartTypeChoices.js.map

package/dist/esm/chart/chartTypeChoices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartTypeChoices.js","sources":["../../../chart/chartTypeChoices.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { PropertyChoice } from '@cratis/scene.model';\nimport { ChartType } from './ChartType';\nimport { legacyChartTypes } from './resolveChartType';\n\nconst chartTypeLabels: Record<ChartType, string> = {\n    [ChartType.Bar]: 'Bar',\n    [ChartType.Line]: 'Line',\n    [ChartType.Pie]: 'Pie',\n    [ChartType.Doughnut]: 'Doughnut',\n    [ChartType.PolarArea]: 'Polar area',\n    [ChartType.Radar]: 'Radar',\n    [ChartType.Bubble]: 'Bubble',\n    [ChartType.Scatter]: 'Scatter',\n};\n\n/**\n * The chart type choices: the stable names new documents use, then the ordinals migrated documents carry,\n * then the Pascal case member names of the original .NET enum that a serialized enum produces.\n * A migrated chart stores its original `type`; offering every form the renderer accepts keeps that stored\n * value valid (and its type visible and re-selectable) without rewriting it to another form behind the\n * author's back. The choices are the same set `resolveChartType` accepts, so what the renderer draws is\n * exactly what the descriptor allows.\n */\nexport const chartTypeChoices: PropertyChoice[] = [\n    ...Object.values(ChartType).map(type => ({ value: type, label: chartTypeLabels[type] })),\n    ...legacyChartTypes.map((type, ordinal) => ({ value: ordinal, label: `${chartTypeLabels[type]} (legacy ${ordinal})`, description: `The ordinal ${ordinal} of the original chart type enum, as stored by migrated documents.` })),\n    ...(Object.keys(ChartType) as (keyof typeof ChartType)[]).map(name => ({ value: name, label: `${chartTypeLabels[ChartType[name]]} (legacy name ${name})`, description: `The member name ${name} of the original chart type enum, as a serialized enum stores it.` })),\n];\n\n"],"names":["chartTypeLabels","ChartType","Bar","Line","Pie","Doughnut","PolarArea","Radar","Bubble","Scatter","chartTypeChoices","Object","values","map","type","value","label","legacyChartTypes","ordinal","description","keys","name"],"mappings":";;;AAAA;AACA;AAMA,MAAMA,eAAAA,GAA6C;IAC/C,CAACC,SAAAA,CAAUC,GAAG,GAAG,KAAA;IACjB,CAACD,SAAAA,CAAUE,IAAI,GAAG,MAAA;IAClB,CAACF,SAAAA,CAAUG,GAAG,GAAG,KAAA;IACjB,CAACH,SAAAA,CAAUI,QAAQ,GAAG,UAAA;IACtB,CAACJ,SAAAA,CAAUK,SAAS,GAAG,YAAA;IACvB,CAACL,SAAAA,CAAUM,KAAK,GAAG,OAAA;IACnB,CAACN,SAAAA,CAAUO,MAAM,GAAG,QAAA;IACpB,CAACP,SAAAA,CAAUQ,OAAO,GAAG;AACzB,CAAA;AAEA;;;;;;;UAQaC,gBAAAA,GAAqC;AAC3CC,IAAAA,GAAAA,MAAAA,CAAOC,MAAM,CAACX,SAAAA,CAAAA,CAAWY,GAAG,CAACC,CAAAA,QAAS;YAAEC,KAAAA,EAAOD,IAAAA;YAAME,KAAAA,EAAOhB,eAAe,CAACc,IAAAA;SAAM,CAAA,CAAA;AAClFG,IAAAA,GAAAA,gBAAAA,CAAiBJ,GAAG,CAAC,CAACC,IAAAA,EAAMI,WAAa;YAAEH,KAAAA,EAAOG,OAAAA;YAASF,KAAAA,EAAO,CAAA,EAAGhB,eAAe,CAACc,IAAAA,CAAK,CAAC,SAAS,EAAEI,OAAAA,CAAQ,CAAC,CAAC;AAAEC,YAAAA,WAAAA,EAAa,CAAC,YAAY,EAAED,OAAAA,CAAQ,kEAAkE;SAAE,CAAA,CAAA;OAC1N,MAACP,CAAOS,IAAI,CAACnB,SAAAA,CAAAA,CAA0CY,GAAG,CAACQ,CAAAA,QAAS;YAAEN,KAAAA,EAAOM,IAAAA;AAAML,YAAAA,KAAAA,EAAO,CAAA,EAAGhB,eAAe,CAACC,SAAS,CAACoB,IAAAA,CAAK,CAAC,CAAC,cAAc,EAAEA,IAAAA,CAAK,CAAC,CAAC;AAAEF,YAAAA,WAAAA,EAAa,CAAC,gBAAgB,EAAEE,IAAAA,CAAK,iEAAiE;SAAE,CAAA;;;"}

package/dist/esm/chart/index.d.ts

@@ -0,0 +1,5 @@
+export * from './ChartType';
+export * from './ChartTypeResolution';
+export * from './PrimeChart';
+export * from './resolveChartType';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../chart/index.ts"],"names":[],"mappings":"AAGA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC"}

package/dist/esm/chart/index.js

@@ -0,0 +1,5 @@
+export * from './ChartType';
+export * from './ChartTypeResolution';
+export * from './PrimeChart';
+export * from './resolveChartType';
+//# sourceMappingURL=index.js.map

package/dist/esm/chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../chart/index.ts"],"names":[],"mappings":"AAGA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC"}

package/dist/esm/chart/resolveChartType.d.ts

@@ -0,0 +1,6 @@
+import { SceneElement } from '@cratis/scene.model';
+import { ChartType } from './ChartType';
+import { ChartTypeResolution } from './ChartTypeResolution';
+export declare const legacyChartTypes: readonly ChartType[];
+export declare function resolveChartType(element: SceneElement): ChartTypeResolution;
+//# sourceMappingURL=resolveChartType.d.ts.map

package/dist/esm/chart/resolveChartType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveChartType.d.ts","sourceRoot":"","sources":["../../../chart/resolveChartType.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAO5D,eAAO,MAAM,gBAAgB,EAAE,SAAS,SAAS,EAShD,CAAC;AAeF,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,YAAY,GAAG,mBAAmB,CAe3E"}

package/dist/esm/chart/resolveChartType.js

@@ -0,0 +1,66 @@
+import { ChartType } from './ChartType.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The ordinals of the original .NET `PrimeReact.Charts.ChartType` enum, in declaration order
+ * (`Studio/Source/PrimeReact/Charts/Chart.cs`). Migrated documents keep the ordinal, so the position of
+ * each entry here is part of the stored-data contract and must never be reordered.
+ */ const legacyChartTypes = [
+    ChartType.Bar,
+    ChartType.Line,
+    ChartType.Pie,
+    ChartType.Doughnut,
+    ChartType.PolarArea,
+    ChartType.Radar,
+    ChartType.Bubble,
+    ChartType.Scatter
+];
+/**
+ * Resolves an authored chart type to the Chart.js vocabulary.
+ *
+ * Three forms are accepted, and the stored value is never rewritten:
+ * - a canonical Chart.js name from {@link ChartType} (`'polarArea'`), which new documents use;
+ * - the ordinal of the original .NET enum (`4`), which migrated documents carry;
+ * - the .NET member name in its original Pascal case (`'PolarArea'`), which a JSON serialization of that
+ *   enum produces.
+ *
+ * Anything else - an unknown or fractional ordinal, a numeric string, a differently cased name, `null` -
+ * resolves to a finding with a message, because the right chart cannot be known. An absent `type` is the
+ * one default: the original control defaulted to `Bar`.
+ */ function resolveChartType(element) {
+    const value = element.properties.type;
+    if (value === undefined) return {
+        isValid: true,
+        type: ChartType.Bar
+    };
+    if (typeof value === 'number') {
+        const type = Number.isInteger(value) ? legacyChartTypes[value] : undefined;
+        return type === undefined ? unsupported(value) : {
+            isValid: true,
+            type
+        };
+    }
+    if (typeof value === 'string') {
+        if (Object.values(ChartType).includes(value)) return {
+            isValid: true,
+            type: value
+        };
+        if (Object.hasOwn(ChartType, value)) return {
+            isValid: true,
+            type: ChartType[value]
+        };
+    }
+    return unsupported(value);
+}
+function unsupported(value) {
+    const shown = typeof value === 'string' ? `'${value}'` : JSON.stringify(value) ?? String(value);
+    return {
+        isValid: false,
+        value,
+        message: `Unsupported chart type ${shown}. Use one of ${Object.values(ChartType).join(', ')}, or a legacy ordinal from 0 to ${legacyChartTypes.length - 1}.`
+    };
+}
+
+export { legacyChartTypes, resolveChartType };
+//# sourceMappingURL=resolveChartType.js.map

package/dist/esm/chart/resolveChartType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveChartType.js","sources":["../../../chart/resolveChartType.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { SceneElement } from '@cratis/scene.model';\nimport { ChartType } from './ChartType';\nimport { ChartTypeResolution } from './ChartTypeResolution';\n\n/**\n * The ordinals of the original .NET `PrimeReact.Charts.ChartType` enum, in declaration order\n * (`Studio/Source/PrimeReact/Charts/Chart.cs`). Migrated documents keep the ordinal, so the position of\n * each entry here is part of the stored-data contract and must never be reordered.\n */\nexport const legacyChartTypes: readonly ChartType[] = [\n    ChartType.Bar,\n    ChartType.Line,\n    ChartType.Pie,\n    ChartType.Doughnut,\n    ChartType.PolarArea,\n    ChartType.Radar,\n    ChartType.Bubble,\n    ChartType.Scatter,\n];\n\n/**\n * Resolves an authored chart type to the Chart.js vocabulary.\n *\n * Three forms are accepted, and the stored value is never rewritten:\n * - a canonical Chart.js name from {@link ChartType} (`'polarArea'`), which new documents use;\n * - the ordinal of the original .NET enum (`4`), which migrated documents carry;\n * - the .NET member name in its original Pascal case (`'PolarArea'`), which a JSON serialization of that\n *   enum produces.\n *\n * Anything else - an unknown or fractional ordinal, a numeric string, a differently cased name, `null` -\n * resolves to a finding with a message, because the right chart cannot be known. An absent `type` is the\n * one default: the original control defaulted to `Bar`.\n */\nexport function resolveChartType(element: SceneElement): ChartTypeResolution {\n    const value = element.properties.type;\n    if (value === undefined) return { isValid: true, type: ChartType.Bar };\n\n    if (typeof value === 'number') {\n        const type = Number.isInteger(value) ? legacyChartTypes[value] : undefined;\n        return type === undefined ? unsupported(value) : { isValid: true, type };\n    }\n\n    if (typeof value === 'string') {\n        if (Object.values(ChartType).includes(value as ChartType)) return { isValid: true, type: value as ChartType };\n        if (Object.hasOwn(ChartType, value)) return { isValid: true, type: ChartType[value as keyof typeof ChartType] };\n    }\n\n    return unsupported(value);\n}\n\nfunction unsupported(value: unknown): ChartTypeResolution {\n    const shown = typeof value === 'string' ? `'${value}'` : JSON.stringify(value) ?? String(value);\n    return {\n        isValid: false,\n        value,\n        message: `Unsupported chart type ${shown}. Use one of ${Object.values(ChartType).join(', ')}, or a legacy ordinal from 0 to ${legacyChartTypes.length - 1}.`,\n    };\n}\n"],"names":["legacyChartTypes","ChartType","Bar","Line","Pie","Doughnut","PolarArea","Radar","Bubble","Scatter","resolveChartType","element","value","properties","type","undefined","isValid","Number","isInteger","unsupported","Object","values","includes","hasOwn","shown","JSON","stringify","String","message","join","length"],"mappings":";;AAAA;AACA;AAMA;;;;UAKaA,gBAAAA,GAAyC;AAClDC,IAAAA,SAAAA,CAAUC,GAAG;AACbD,IAAAA,SAAAA,CAAUE,IAAI;AACdF,IAAAA,SAAAA,CAAUG,GAAG;AACbH,IAAAA,SAAAA,CAAUI,QAAQ;AAClBJ,IAAAA,SAAAA,CAAUK,SAAS;AACnBL,IAAAA,SAAAA,CAAUM,KAAK;AACfN,IAAAA,SAAAA,CAAUO,MAAM;AAChBP,IAAAA,SAAAA,CAAUQ;;AAGd;;;;;;;;;;;;IAaO,SAASC,gBAAAA,CAAiBC,OAAqB,EAAA;AAClD,IAAA,MAAMC,KAAAA,GAAQD,OAAAA,CAAQE,UAAU,CAACC,IAAI;IACrC,IAAIF,KAAAA,KAAUG,WAAW,OAAO;QAAEC,OAAAA,EAAS,IAAA;AAAMF,QAAAA,IAAAA,EAAMb,UAAUC;AAAI,KAAA;IAErE,IAAI,OAAOU,UAAU,QAAA,EAAU;QAC3B,MAAME,IAAAA,GAAOG,OAAOC,SAAS,CAACN,SAASZ,gBAAgB,CAACY,MAAM,GAAGG,SAAAA;QACjE,OAAOD,IAAAA,KAASC,SAAAA,GAAYI,WAAAA,CAAYP,KAAAA,CAAAA,GAAS;YAAEI,OAAAA,EAAS,IAAA;AAAMF,YAAAA;AAAK,SAAA;AAC3E,IAAA;IAEA,IAAI,OAAOF,UAAU,QAAA,EAAU;AAC3B,QAAA,IAAIQ,OAAOC,MAAM,CAACpB,WAAWqB,QAAQ,CAACV,QAAqB,OAAO;YAAEI,OAAAA,EAAS,IAAA;YAAMF,IAAAA,EAAMF;AAAmB,SAAA;AAC5G,QAAA,IAAIQ,MAAAA,CAAOG,MAAM,CAACtB,SAAAA,EAAWW,QAAQ,OAAO;YAAEI,OAAAA,EAAS,IAAA;YAAMF,IAAAA,EAAMb,SAAS,CAACW,KAAAA;AAAiC,SAAA;AAClH,IAAA;AAEA,IAAA,OAAOO,WAAAA,CAAYP,KAAAA,CAAAA;AACvB;AAEA,SAASO,YAAYP,KAAc,EAAA;AAC/B,IAAA,MAAMY,KAAAA,GAAQ,OAAOZ,KAAAA,KAAU,QAAA,GAAW,CAAC,CAAC,EAAEA,KAAAA,CAAM,CAAC,CAAC,GAAGa,IAAAA,CAAKC,SAAS,CAACd,UAAUe,MAAAA,CAAOf,KAAAA,CAAAA;IACzF,OAAO;QACHI,OAAAA,EAAS,KAAA;AACTJ,QAAAA,KAAAA;QACAgB,OAAAA,EAAS,CAAC,uBAAuB,EAAEJ,KAAAA,CAAM,aAAa,EAAEJ,MAAAA,CAAOC,MAAM,CAACpB,SAAAA,CAAAA,CAAW4B,IAAI,CAAC,IAAA,CAAA,CAAM,gCAAgC,EAAE7B,gBAAAA,CAAiB8B,MAAM,GAAG,CAAA,CAAE,CAAC;AAC/J,KAAA;AACJ;;"}

package/dist/esm/chart/useChart.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from 'react';
+import type { ChartConfiguration } from 'chart.js';
+export declare function useChart(canvas: RefObject<HTMLCanvasElement | null>, configuration: ChartConfiguration, enabled: boolean): string | undefined;
+//# sourceMappingURL=useChart.d.ts.map

package/dist/esm/chart/useChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChart.d.ts","sourceRoot":"","sources":["../../../chart/useChart.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAoBnD,wBAAgB,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,EAAE,aAAa,EAAE,kBAAkB,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAoC7I"}

package/dist/esm/chart/useChart.js

@@ -0,0 +1,60 @@
+import { useState, useEffect } from 'react';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Draws a Chart.js chart on a canvas and owns its lifetime.
+ *
+ * Chart.js loads only after the canvas has mounted, which keeps server rendering independent of browser
+ * globals. The chart is destroyed before it is rebuilt and when the component unmounts - Chart.js owns
+ * listeners and resize observers, so a retained instance would draw twice and leak them.
+ *
+ * A chart that cannot be drawn is reported rather than left as a blank canvas: `chart.js` not being
+ * installed (it is an optional peer dependency), a failed dynamic import and a rejected configuration all
+ * come back as the returned failure message. A rejected configuration is released from the canvas as well,
+ * so correcting it draws again on the same canvas.
+ *
+ * @param canvas The canvas to draw on. It must be rendered whenever `enabled` is true.
+ * @param configuration The Chart.js configuration. Pass a structurally stable value (see
+ * {@link useStructuralValue}); a new identity rebuilds the chart.
+ * @param enabled Whether there is something to draw.
+ * @returns The reason the chart could not be drawn, or `undefined`.
+ */ function useChart(canvas, configuration, enabled) {
+    const [failure, setFailure] = useState(undefined);
+    useEffect(()=>{
+        setFailure(undefined);
+        const target = canvas.current;
+        if (!enabled || target === null) return undefined;
+        let disposed = false;
+        let instance;
+        const create = async ()=>{
+            let chartType;
+            try {
+                chartType = (await import('chart.js/auto')).default;
+                if (disposed) return;
+                instance = new chartType(target, structuredClone(configuration));
+            } catch (error) {
+                // Chart.js registers a chart on its canvas before the constructor finishes, so a constructor
+                // that throws still leaves a registered instance behind - one `instance` never points at. Left
+                // alone it makes every later attempt fail with "Canvas is already in use" and hides the real
+                // reason, so release whatever is bound to this canvas before reporting.
+                chartType?.getChart(target)?.destroy();
+                if (!disposed) setFailure(error instanceof Error ? error.message : String(error));
+            }
+        };
+        void create();
+        return ()=>{
+            disposed = true;
+            instance?.destroy();
+            instance = undefined;
+        };
+    }, [
+        canvas,
+        configuration,
+        enabled
+    ]);
+    return failure;
+}
+
+export { useChart };
+//# sourceMappingURL=useChart.js.map

package/dist/esm/chart/useChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChart.js","sources":["../../../chart/useChart.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { RefObject, useEffect, useState } from 'react';\nimport type { ChartConfiguration } from 'chart.js';\n\n/**\n * Draws a Chart.js chart on a canvas and owns its lifetime.\n *\n * Chart.js loads only after the canvas has mounted, which keeps server rendering independent of browser\n * globals. The chart is destroyed before it is rebuilt and when the component unmounts - Chart.js owns\n * listeners and resize observers, so a retained instance would draw twice and leak them.\n *\n * A chart that cannot be drawn is reported rather than left as a blank canvas: `chart.js` not being\n * installed (it is an optional peer dependency), a failed dynamic import and a rejected configuration all\n * come back as the returned failure message. A rejected configuration is released from the canvas as well,\n * so correcting it draws again on the same canvas.\n *\n * @param canvas The canvas to draw on. It must be rendered whenever `enabled` is true.\n * @param configuration The Chart.js configuration. Pass a structurally stable value (see\n * {@link useStructuralValue}); a new identity rebuilds the chart.\n * @param enabled Whether there is something to draw.\n * @returns The reason the chart could not be drawn, or `undefined`.\n */\nexport function useChart(canvas: RefObject<HTMLCanvasElement | null>, configuration: ChartConfiguration, enabled: boolean): string | undefined {\n    const [failure, setFailure] = useState<string | undefined>(undefined);\n\n    useEffect(() => {\n        setFailure(undefined);\n        const target = canvas.current;\n        if (!enabled || target === null) return undefined;\n\n        let disposed = false;\n        let instance: { destroy(): void } | undefined;\n\n        const create = async () => {\n            let chartType: typeof import('chart.js/auto').default | undefined;\n            try {\n                chartType = (await import('chart.js/auto')).default;\n                if (disposed) return;\n                instance = new chartType(target, structuredClone(configuration));\n            } catch (error) {\n                // Chart.js registers a chart on its canvas before the constructor finishes, so a constructor\n                // that throws still leaves a registered instance behind - one `instance` never points at. Left\n                // alone it makes every later attempt fail with \"Canvas is already in use\" and hides the real\n                // reason, so release whatever is bound to this canvas before reporting.\n                chartType?.getChart(target)?.destroy();\n                if (!disposed) setFailure(error instanceof Error ? error.message : String(error));\n            }\n        };\n\n        void create();\n        return () => {\n            disposed = true;\n            instance?.destroy();\n            instance = undefined;\n        };\n    }, [canvas, configuration, enabled]);\n\n    return failure;\n}\n"],"names":["useChart","canvas","configuration","enabled","failure","setFailure","useState","undefined","useEffect","target","current","disposed","instance","create","chartType","default","structuredClone","error","getChart","destroy","Error","message","String"],"mappings":";;AAAA;AACA;AAKA;;;;;;;;;;;;;;;;;AAiBC,IACM,SAASA,QAAAA,CAASC,MAA2C,EAAEC,aAAiC,EAAEC,OAAgB,EAAA;AACrH,IAAA,MAAM,CAACC,OAAAA,EAASC,UAAAA,CAAW,GAAGC,QAAAA,CAA6BC,SAAAA,CAAAA;IAE3DC,SAAAA,CAAU,IAAA;QACNH,UAAAA,CAAWE,SAAAA,CAAAA;QACX,MAAME,MAAAA,GAASR,OAAOS,OAAO;AAC7B,QAAA,IAAI,CAACP,OAAAA,IAAWM,MAAAA,KAAW,IAAA,EAAM,OAAOF,SAAAA;AAExC,QAAA,IAAII,QAAAA,GAAW,KAAA;QACf,IAAIC,QAAAA;AAEJ,QAAA,MAAMC,MAAAA,GAAS,UAAA;YACX,IAAIC,SAAAA;YACJ,IAAI;AACAA,gBAAAA,SAAAA,GAAY,CAAC,MAAM,OAAO,eAAA,CAAe,EAAGC,OAAO;AACnD,gBAAA,IAAIJ,QAAAA,EAAU;gBACdC,QAAAA,GAAW,IAAIE,SAAAA,CAAUL,MAAAA,EAAQO,eAAAA,CAAgBd,aAAAA,CAAAA,CAAAA;AACrD,YAAA,CAAA,CAAE,OAAOe,KAAAA,EAAO;;;;;AAKZH,gBAAAA,SAAAA,EAAWI,SAAST,MAAAA,CAAAA,EAASU,OAAAA,EAAAA;gBAC7B,IAAI,CAACR,UAAUN,UAAAA,CAAWY,KAAAA,YAAiBG,QAAQH,KAAAA,CAAMI,OAAO,GAAGC,MAAAA,CAAOL,KAAAA,CAAAA,CAAAA;AAC9E,YAAA;AACJ,QAAA,CAAA;QAEA,KAAKJ,MAAAA,EAAAA;QACL,OAAO,IAAA;YACHF,QAAAA,GAAW,IAAA;YACXC,QAAAA,EAAUO,OAAAA,EAAAA;YACVP,QAAAA,GAAWL,SAAAA;AACf,QAAA,CAAA;IACJ,CAAA,EAAG;AAACN,QAAAA,MAAAA;AAAQC,QAAAA,aAAAA;AAAeC,QAAAA;AAAQ,KAAA,CAAA;IAEnC,OAAOC,OAAAA;AACX;;"}

package/dist/esm/data/DataGallery.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataGallery.stories.d.ts","sourceRoot":"","sources":["../../../data/DataGallery.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;QAKF,MAAM;QACN,IAAI;YAAI,WAAW;gBAAI,SAAS;;;;CAEC,CAAC;eAE3B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KA4BrB,CAAC"}
+{"version":3,"file":"DataGallery.stories.d.ts","sourceRoot":"","sources":["../../../data/DataGallery.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;QAKF,MAAM;QACN,IAAI;YAAI,WAAW;gBAAI,SAAS;;;;CAEC,CAAC;eAE3B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAkCrB,CAAC"}

package/dist/esm/data/DataGallery.stories.js

@@ -22,7 +22,13 @@ export const Gallery = {
             }),
             sceneComponent('dataTable', 'dataTable', { rows: [{ id: 1, title: 'Inferred columns' }] }),
             sceneComponent('dataView', 'dataView', { rows: [{ title: 'Kickoff', description: 'Agree the scope' }] }),
+            sceneComponent('dataScroller', 'dataScroller', { items: ['First', 'Second', 'Third'], rows: 2, inline: true, scrollHeight: 96 }),
             sceneComponent('tree', 'tree', { nodes: [{ label: 'Documents', children: ['Work', 'Home'] }] }),
+            sceneComponent('treeTable', 'treeTable', {
+                columns: [{ field: 'name', header: 'Name' }, { field: 'type', header: 'Type' }],
+                items: [{ label: 'Documents', data: { name: 'Documents', type: 'Folder' }, children: [{ label: 'Plan', data: { name: 'Plan', type: 'File' } }] }],
+                selectionMode: 'checkbox', paginator: true, rows: 1,
+            }),
             sceneComponent('timeline', 'timeline', {
                 events: [{ title: 'Ordered', description: 'Order placed', date: '09:00' }, { title: 'Shipped', description: 'Left the depot', date: '14:20' }],
             }),

package/dist/esm/data/DataGallery.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGallery.stories.js","sourceRoot":"","sources":["../../../data/DataGallery.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACR,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,EAAE,WAAW,EAAE,EAAE,SAAS,EAAE,iMAAiM,EAAE,EAAE;KAC1O;CACoC,CAAC;AAE1C,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,OAAO,EAAE,YAAY,CAAC,SAAS,EAAE;YAC7B,cAAc,CACV,OAAO,EACP,OAAO,EACP,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,EACjF;gBACI,OAAO,EAAE;oBACL,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;oBACjF,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;iBACpE;aACJ,CACJ;YACD,cAAc,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC,EAAE,CAAC;YAC1F,cAAc,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC,EAAE,CAAC;YACxG,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC;YAC/F,cAAc,CAAC,UAAU,EAAE,UAAU,EAAE;gBACnC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;aACjJ,CAAC;YACF,cAAc,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;YAC7E,cAAc,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC;YACrG,cAAc,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;YACxF,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;SACpH,CAAC;QACF,QAAQ,EAAE,oBAAoB;QAC9B,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;KAClC;CACJ,CAAC"}
+{"version":3,"file":"DataGallery.stories.js","sourceRoot":"","sources":["../../../data/DataGallery.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/data/DataScrollerRow.d.ts

@@ -0,0 +1,4 @@
+export declare function DataScrollerRow({ value }: {
+    value: unknown;
+}): import("react").JSX.Element;
+//# sourceMappingURL=DataScrollerRow.d.ts.map

package/dist/esm/data/DataScrollerRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataScrollerRow.d.ts","sourceRoot":"","sources":["../../../data/DataScrollerRow.tsx"],"names":[],"mappings":"AAcA,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,+BAoB5D"}

package/dist/esm/data/DataScrollerRow.js

@@ -0,0 +1,48 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { readableValue } from './readableValue.js';
+
+/** The fields that, when present as text, name a record. */ const titleFields = [
+    'label',
+    'title',
+    'name',
+    'text',
+    'header'
+];
+/**
+ * One authored data row, shown readably.
+ *
+ * A scalar is its text. A record is titled by its first text field among `label`, `title`, `name`, `text` and
+ * `header`, and every other field follows as a name and a readable value. No row is ever dumped as JSON.
+ */ function DataScrollerRow({ value }) {
+    if (typeof value !== 'object' || value === null || Array.isArray(value)) return /*#__PURE__*/ jsx(Fragment, {
+        children: readableValue(value)
+    });
+    const record = value;
+    const titleField = titleFields.find((field)=>typeof record[field] === 'string' && record[field] !== '');
+    const details = Object.entries(record).filter(([name])=>name !== titleField).map(([name, entry])=>[
+            name,
+            readableValue(entry)
+        ]).filter(([, text])=>text !== '');
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            titleField !== undefined && /*#__PURE__*/ jsx("strong", {
+                children: record[titleField]
+            }),
+            details.length > 0 && /*#__PURE__*/ jsx("dl", {
+                children: details.map(([name, text])=>/*#__PURE__*/ jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ jsx("dt", {
+                                children: name
+                            }),
+                            /*#__PURE__*/ jsx("dd", {
+                                children: text
+                            })
+                        ]
+                    }, name))
+            })
+        ]
+    });
+}
+
+export { DataScrollerRow };
+//# sourceMappingURL=DataScrollerRow.js.map

package/dist/esm/data/DataScrollerRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataScrollerRow.js","sources":["../../../data/DataScrollerRow.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { readableValue } from './readableValue';\n\n/** The fields that, when present as text, name a record. */\nconst titleFields = ['label', 'title', 'name', 'text', 'header'];\n\n/**\n * One authored data row, shown readably.\n *\n * A scalar is its text. A record is titled by its first text field among `label`, `title`, `name`, `text` and\n * `header`, and every other field follows as a name and a readable value. No row is ever dumped as JSON.\n */\nexport function DataScrollerRow({ value }: { value: unknown }) {\n    if (typeof value !== 'object' || value === null || Array.isArray(value)) return <>{readableValue(value)}</>;\n\n    const record = value as Record<string, unknown>;\n    const titleField = titleFields.find(field => typeof record[field] === 'string' && record[field] !== '');\n    const details = Object.entries(record)\n        .filter(([name]) => name !== titleField)\n        .map(([name, entry]) => [name, readableValue(entry)] as const)\n        .filter(([, text]) => text !== '');\n\n    return (\n        <>\n            {titleField !== undefined && <strong>{record[titleField] as string}</strong>}\n            {details.length > 0 && (\n                <dl>\n                    {details.map(([name, text]) => <div key={name}><dt>{name}</dt><dd>{text}</dd></div>)}\n                </dl>\n            )}\n        </>\n    );\n}\n"],"names":["titleFields","DataScrollerRow","value","Array","isArray","_jsx","_Fragment","readableValue","record","titleField","find","field","details","Object","entries","filter","name","map","entry","text","_jsxs","undefined","strong","length","dl","div","dt","dd"],"mappings":";;;AAKA,6DACA,MAAMA,WAAAA,GAAc;AAAC,IAAA,OAAA;AAAS,IAAA,OAAA;AAAS,IAAA,MAAA;AAAQ,IAAA,MAAA;AAAQ,IAAA;AAAS,CAAA;AAEhE;;;;;AAKC,IACM,SAASC,eAAAA,CAAgB,EAAEC,KAAK,EAAsB,EAAA;IACzD,IAAI,OAAOA,UAAU,QAAA,IAAYA,KAAAA,KAAU,QAAQC,KAAAA,CAAMC,OAAO,CAACF,KAAAA,CAAAA,EAAQ,qBAAOG,GAAA,CAAAC,QAAA,EAAA;kBAAGC,aAAAA,CAAcL,KAAAA;;AAEjG,IAAA,MAAMM,MAAAA,GAASN,KAAAA;AACf,IAAA,MAAMO,UAAAA,GAAaT,WAAAA,CAAYU,IAAI,CAACC,CAAAA,KAAAA,GAAS,OAAOH,MAAM,CAACG,MAAM,KAAK,QAAA,IAAYH,MAAM,CAACG,MAAM,KAAK,EAAA,CAAA;AACpG,IAAA,MAAMC,UAAUC,MAAAA,CAAOC,OAAO,CAACN,MAAAA,CAAAA,CAC1BO,MAAM,CAAC,CAAC,CAACC,KAAK,GAAKA,IAAAA,KAASP,YAC5BQ,GAAG,CAAC,CAAC,CAACD,IAAAA,EAAME,MAAM,GAAK;AAACF,YAAAA,IAAAA;YAAMT,aAAAA,CAAcW,KAAAA;AAAO,SAAA,CAAA,CACnDH,MAAM,CAAC,CAAC,GAAGI,IAAAA,CAAK,GAAKA,IAAAA,KAAS,EAAA,CAAA;IAEnC,qBACIC,IAAA,CAAAd,QAAA,EAAA;;AACKG,YAAAA,UAAAA,KAAeY,2BAAahB,GAAA,CAACiB,QAAAA,EAAAA;AAAQd,gBAAAA,QAAAA,EAAAA,MAAM,CAACC,UAAAA;;YAC5CG,OAAAA,CAAQW,MAAM,GAAG,CAAA,kBACdlB,GAAA,CAACmB,IAAAA,EAAAA;AACIZ,gBAAAA,QAAAA,EAAAA,OAAAA,CAAQK,GAAG,CAAC,CAAC,CAACD,IAAAA,EAAMG,IAAAA,CAAK,iBAAKC,IAAA,CAACK,KAAAA,EAAAA;;0CAAepB,GAAA,CAACqB,IAAAA,EAAAA;AAAIV,gCAAAA,QAAAA,EAAAA;;0CAAUX,GAAA,CAACsB,IAAAA,EAAAA;AAAIR,gCAAAA,QAAAA,EAAAA;;;AAA1BH,qBAAAA,EAAAA,IAAAA,CAAAA;;;;AAK7D;;"}

package/dist/esm/data/PrimeDataScroller.d.ts

@@ -0,0 +1,3 @@
+import { RegisteredComponentProps } from '@cratis/scene.react';
+export declare function PrimeDataScroller({ element, slots, interactions }: RegisteredComponentProps): import("react").JSX.Element;
+//# sourceMappingURL=PrimeDataScroller.d.ts.map

package/dist/esm/data/PrimeDataScroller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeDataScroller.d.ts","sourceRoot":"","sources":["../../../data/PrimeDataScroller.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAyB/D,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,wBAAwB,+BAsD3F"}

package/dist/esm/data/PrimeDataScroller.js

@@ -0,0 +1,118 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useMemo, useRef, useEffect } from 'react';
+import { arrayProperty, numberProperty, booleanProperty, stringProperty } from '../properties.js';
+import { useStructuralValue } from '../useStructuralValue.js';
+import { DataScrollerRow } from './DataScrollerRow.js';
+import { isSerializedLegacyElement, legacyElementMessage } from './isSerializedLegacyElement.js';
+import { useIncrementalLoad } from './useIncrementalLoad.js';
+import { useLoadOnReach } from './useLoadOnReach.js';
+
+/** How tall an inline scroller is when no `scrollHeight` was authored: without a height it would never overflow. */ const defaultScrollHeight = 320;
+/**
+ * The `PrimeReact:dataScroller` component, a list that loads a chunk at a time as its end is reached.
+ *
+ * The entries are read as data: strings, numbers and records (see {@link DataScrollerRow}) from `items`, then
+ * any child elements authored in the `items` (or `content`) slot, which render as themselves. Serialized
+ * legacy UI elements in `items` are refused with a visible message, not shown as JSON.
+ *
+ * - `inline: true` scrolls inside the control, `scrollHeight` pixels tall (320 when omitted). `inline: false`
+ *   loads as the page scrolls the end of the list into view.
+ * - The "Load more" button remains for keyboard and assistive technology; focus moves to the first entry it
+ *   loads, and the number shown is announced.
+ * - A disabled element loads nothing on scroll and its button is disabled.
+ * - The loaded count restarts when `rows` or the content of `items` changes.
+ */ function PrimeDataScroller({ element, slots, interactions }) {
+    const authored = useStructuralValue(arrayProperty(element, 'items'));
+    const data = useMemo(()=>authored.filter((entry)=>!isSerializedLegacyElement(entry) && entry !== null && entry !== undefined), [
+        authored
+    ]);
+    const refusal = legacyElementMessage(authored, 'items', "Author them as child elements in the 'items' slot, or as data.");
+    const slotted = slots.items ?? slots.content ?? [];
+    const rows = useMemo(()=>[
+            ...data.map((value, index)=>/*#__PURE__*/ jsx(DataScrollerRow, {
+                    value: value
+                }, index)),
+            ...slotted
+        ], [
+        data,
+        slotted
+    ]);
+    const chunk = Math.max(Math.floor(numberProperty(element, 'rows', 10)), 1);
+    const inline = booleanProperty(element, 'inline', false);
+    const scrollHeight = numberProperty(element, 'scrollHeight', defaultScrollHeight);
+    const enabled = element.isEnabled;
+    const { loaded, loadMore } = useIncrementalLoad(rows.length, chunk, data);
+    const canLoad = loaded < rows.length;
+    const scroller = useRef(null);
+    const sentinel = useRef(null);
+    const entries = useRef([]);
+    const focusIndex = useRef(undefined);
+    useLoadOnReach(sentinel, inline ? scroller : null, enabled && canLoad, loaded, loadMore);
+    useEffect(()=>{
+        if (focusIndex.current === undefined) return;
+        entries.current[focusIndex.current]?.focus();
+        focusIndex.current = undefined;
+    }, [
+        loaded
+    ]);
+    const loadByButton = ()=>{
+        focusIndex.current = loaded;
+        loadMore();
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        "data-scene-id": element.id,
+        "data-scene-component": "dataScroller",
+        "aria-disabled": !enabled,
+        onClick: interactions?.onClick,
+        onDoubleClick: interactions?.onDoubleClick,
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                ref: scroller,
+                role: "region",
+                tabIndex: inline ? 0 : undefined,
+                "aria-label": stringProperty(element, 'ariaLabel', 'Scrollable data'),
+                style: inline ? {
+                    maxHeight: `${scrollHeight}px`,
+                    overflowY: 'auto'
+                } : undefined,
+                children: [
+                    /*#__PURE__*/ jsx("ol", {
+                        children: rows.slice(0, loaded).map((row, index)=>/*#__PURE__*/ jsx("li", {
+                                tabIndex: -1,
+                                ref: (node)=>{
+                                    entries.current[index] = node;
+                                },
+                                children: row
+                            }, index))
+                    }),
+                    canLoad && /*#__PURE__*/ jsx("div", {
+                        ref: sentinel,
+                        "aria-hidden": "true"
+                    })
+                ]
+            }),
+            rows.length === 0 && /*#__PURE__*/ jsx("p", {
+                role: "status",
+                children: stringProperty(element, 'emptyLabel', 'No items to show')
+            }),
+            refusal !== undefined && /*#__PURE__*/ jsx("p", {
+                role: "alert",
+                "data-scene-state": "legacy-elements",
+                children: refusal
+            }),
+            canLoad && /*#__PURE__*/ jsx("button", {
+                type: "button",
+                disabled: !enabled,
+                onClick: loadByButton,
+                children: "Load more"
+            }),
+            rows.length > 0 && /*#__PURE__*/ jsx("output", {
+                "aria-live": "polite",
+                children: `Showing ${loaded} of ${rows.length} items`
+            })
+        ]
+    });
+}
+
+export { PrimeDataScroller };
+//# sourceMappingURL=PrimeDataScroller.js.map

package/dist/esm/data/PrimeDataScroller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeDataScroller.js","sources":["../../../data/PrimeDataScroller.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ReactNode, useEffect, useMemo, useRef } from 'react';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { arrayProperty, booleanProperty, numberProperty, stringProperty } from '../properties';\nimport { useStructuralValue } from '../useStructuralValue';\nimport { DataScrollerRow } from './DataScrollerRow';\nimport { isSerializedLegacyElement, legacyElementMessage } from './isSerializedLegacyElement';\nimport { useIncrementalLoad } from './useIncrementalLoad';\nimport { useLoadOnReach } from './useLoadOnReach';\n\n/** How tall an inline scroller is when no `scrollHeight` was authored: without a height it would never overflow. */\nconst defaultScrollHeight = 320;\n\n/**\n * The `PrimeReact:dataScroller` component, a list that loads a chunk at a time as its end is reached.\n *\n * The entries are read as data: strings, numbers and records (see {@link DataScrollerRow}) from `items`, then\n * any child elements authored in the `items` (or `content`) slot, which render as themselves. Serialized\n * legacy UI elements in `items` are refused with a visible message, not shown as JSON.\n *\n * - `inline: true` scrolls inside the control, `scrollHeight` pixels tall (320 when omitted). `inline: false`\n *   loads as the page scrolls the end of the list into view.\n * - The \"Load more\" button remains for keyboard and assistive technology; focus moves to the first entry it\n *   loads, and the number shown is announced.\n * - A disabled element loads nothing on scroll and its button is disabled.\n * - The loaded count restarts when `rows` or the content of `items` changes.\n */\nexport function PrimeDataScroller({ element, slots, interactions }: RegisteredComponentProps) {\n    const authored = useStructuralValue(arrayProperty(element, 'items'));\n    const data = useMemo(() => authored.filter(entry => !isSerializedLegacyElement(entry) && entry !== null && entry !== undefined), [authored]);\n    const refusal = legacyElementMessage(authored, 'items', \"Author them as child elements in the 'items' slot, or as data.\");\n    const slotted = slots.items ?? slots.content ?? [];\n    const rows = useMemo<ReactNode[]>(() => [...data.map((value, index) => <DataScrollerRow key={index} value={value} />), ...slotted], [data, slotted]);\n    const chunk = Math.max(Math.floor(numberProperty(element, 'rows', 10)), 1);\n    const inline = booleanProperty(element, 'inline', false);\n    const scrollHeight = numberProperty(element, 'scrollHeight', defaultScrollHeight);\n    const enabled = element.isEnabled;\n    const { loaded, loadMore } = useIncrementalLoad(rows.length, chunk, data);\n    const canLoad = loaded < rows.length;\n    const scroller = useRef<HTMLDivElement>(null);\n    const sentinel = useRef<HTMLDivElement>(null);\n    const entries = useRef<(HTMLLIElement | null)[]>([]);\n    const focusIndex = useRef<number | undefined>(undefined);\n\n    useLoadOnReach(sentinel, inline ? scroller : null, enabled && canLoad, loaded, loadMore);\n\n    useEffect(() => {\n        if (focusIndex.current === undefined) return;\n        entries.current[focusIndex.current]?.focus();\n        focusIndex.current = undefined;\n    }, [loaded]);\n\n    const loadByButton = () => {\n        focusIndex.current = loaded;\n        loadMore();\n    };\n\n    return (\n        <div\n            data-scene-id={element.id}\n            data-scene-component='dataScroller'\n            aria-disabled={!enabled}\n            onClick={interactions?.onClick}\n            onDoubleClick={interactions?.onDoubleClick}>\n            <div\n                ref={scroller}\n                role='region'\n                tabIndex={inline ? 0 : undefined}\n                aria-label={stringProperty(element, 'ariaLabel', 'Scrollable data')}\n                style={inline ? { maxHeight: `${scrollHeight}px`, overflowY: 'auto' } : undefined}>\n                <ol>\n                    {rows.slice(0, loaded).map((row, index) => <li key={index} tabIndex={-1} ref={node => { entries.current[index] = node; }}>{row}</li>)}\n                </ol>\n                {canLoad && <div ref={sentinel} aria-hidden='true' />}\n            </div>\n            {rows.length === 0 && <p role='status'>{stringProperty(element, 'emptyLabel', 'No items to show')}</p>}\n            {refusal !== undefined && <p role='alert' data-scene-state='legacy-elements'>{refusal}</p>}\n            {canLoad && <button type='button' disabled={!enabled} onClick={loadByButton}>Load more</button>}\n            {rows.length > 0 && <output aria-live='polite'>{`Showing ${loaded} of ${rows.length} items`}</output>}\n        </div>\n    );\n}\n"],"names":["defaultScrollHeight","PrimeDataScroller","element","slots","interactions","authored","useStructuralValue","arrayProperty","data","useMemo","filter","entry","isSerializedLegacyElement","undefined","refusal","legacyElementMessage","slotted","items","content","rows","map","value","index","_jsx","DataScrollerRow","chunk","Math","max","floor","numberProperty","inline","booleanProperty","scrollHeight","enabled","isEnabled","loaded","loadMore","useIncrementalLoad","length","canLoad","scroller","useRef","sentinel","entries","focusIndex","useLoadOnReach","useEffect","current","focus","loadByButton","_jsxs","div","data-scene-id","id","data-scene-component","aria-disabled","onClick","onDoubleClick","ref","role","tabIndex","aria-label","stringProperty","style","maxHeight","overflowY","ol","slice","row","li","node","aria-hidden","p","data-scene-state","button","type","disabled","output","aria-live"],"mappings":"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"}

package/dist/esm/data/PrimeTreeTable.d.ts

@@ -0,0 +1,3 @@
+import { RegisteredComponentProps } from '@cratis/scene.react';
+export declare function PrimeTreeTable({ element, interactions }: RegisteredComponentProps): import("react").JSX.Element;
+//# sourceMappingURL=PrimeTreeTable.d.ts.map

package/dist/esm/data/PrimeTreeTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimeTreeTable.d.ts","sourceRoot":"","sources":["../../../data/PrimeTreeTable.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAoC/D,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,wBAAwB,+BAwGjF"}