@arslankhan/doc-forge 0.0.0-stage → 0.1.1

package/dist/binding-path.js

@@ -0,0 +1,37 @@
+const IDENTIFIER = /^[A-Za-z_][A-Za-z0-9_]*$/;
+const ARRAY_INDEX = /^(?:0|[1-9][0-9]*)$/;
+const BLOCKED_SEGMENTS = new Set(["__proto__", "prototype", "constructor"]);
+const MAX_PATH_LENGTH = 256;
+const MAX_SEGMENTS = 32;
+/**
+ * Parses a stored binding path.
+ * Paths are dot-separated names, with array indexes after the first segment (`items.0.name`).
+ * `__proto__`, `prototype`, and `constructor` are rejected. This does not read data or execute code.
+ */
+export function parseBindingPath(path) {
+    if (typeof path !== "string" || path.length === 0 || path.length > MAX_PATH_LENGTH) {
+        return { valid: false, reason: "invalid" };
+    }
+    const segments = path.split(".");
+    if (segments.length > MAX_SEGMENTS) {
+        return { valid: false, reason: "invalid" };
+    }
+    for (let index = 0; index < segments.length; index += 1) {
+        const segment = segments[index];
+        if (segment === undefined || segment.length === 0) {
+            return { valid: false, reason: "invalid" };
+        }
+        if (BLOCKED_SEGMENTS.has(segment)) {
+            return { valid: false, reason: "unsafe" };
+        }
+        const allowed = index === 0 ? IDENTIFIER.test(segment) : IDENTIFIER.test(segment) || ARRAY_INDEX.test(segment);
+        if (!allowed) {
+            return { valid: false, reason: "invalid" };
+        }
+    }
+    return { valid: true, segments };
+}
+export function isBindingPath(path) {
+    return parseBindingPath(path).valid;
+}
+//# sourceMappingURL=binding-path.js.map

package/dist/binding-path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"binding-path.js","sourceRoot":"","sources":["../src/binding-path.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,GAAG,0BAA0B,CAAC;AAC9C,MAAM,WAAW,GAAG,qBAAqB,CAAC;AAC1C,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;AAC5E,MAAM,eAAe,GAAG,GAAG,CAAC;AAC5B,MAAM,YAAY,GAAG,EAAE,CAAC;AAMxB;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,IAAY;IAC3C,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,eAAe,EAAE,CAAC;QACnF,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;IAC7C,CAAC;IAED,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACjC,IAAI,QAAQ,CAAC,MAAM,GAAG,YAAY,EAAE,CAAC;QACnC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;IAC7C,CAAC;IAED,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;QACxD,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChC,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAClD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;QAC7C,CAAC;QACD,IAAI,gBAAgB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YAClC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;QAC5C,CAAC;QACD,MAAM,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC/G,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;QAC7C,CAAC;IACH,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAY;IACxC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;AACtC,CAAC"}

package/dist/binding.d.ts

@@ -0,0 +1,91 @@
+import type { DocumentTemplate } from "./schema.js";
+import type { DocumentElement, ImageElement, ItemsElement, LineElement, RectangleElement, ReportTableElement, TextAlign, TextElement, TotalsElement } from "./types.js";
+export type JsonPrimitive = string | number | boolean | null;
+export type JsonValue = JsonPrimitive | JsonValue[] | {
+    [key: string]: JsonValue;
+};
+export type BindingMissReason = "absent" | "null" | "invalid_path" | "unsafe_path";
+/** A present JSON value, or a miss. `0`, `false`, and `""` are present. `null` is a miss. */
+export type BindingLookup = {
+    status: "found";
+    value: JsonValue;
+} | {
+    status: "missing";
+    reason: BindingMissReason;
+};
+export type TextResolutionSource = "static" | "value" | "fallback" | "empty";
+export type ImageResolutionSource = "static" | "value" | "fallback" | "empty";
+export interface ResolvedTextElement extends TextElement {
+    resolvedText: string;
+    resolution: TextResolutionSource;
+}
+export interface ResolvedItemsElement extends ItemsElement {
+    resolvedColumns: Array<{
+        id: string;
+        header: string;
+        align: TextAlign;
+        weight: number;
+    }>;
+    resolvedRows: string[][];
+    empty: boolean;
+}
+export interface ResolvedTotalsElement extends TotalsElement {
+    resolvedRows: Array<{
+        id: string;
+        label: string;
+        text: string;
+    }>;
+}
+export interface ResolvedImageElement extends ImageElement {
+    /**
+     * Source string chosen from the static URL, the bound value, or the fallback.
+     * Absent when none of those is a non-empty string. This is not fetched or checked against the image URL policy.
+     */
+    resolvedSrc?: string;
+    resolution: ImageResolutionSource;
+}
+export type ResolvedElement = ResolvedTextElement | ResolvedImageElement | ResolvedItemsElement | ResolvedTotalsElement | LineElement | RectangleElement | ReportTableElement;
+/** Layout copy of a template plus resolved text and image sources. This is not a saved template. */
+export interface ResolvedDocument {
+    schemaVersion: DocumentTemplate["schemaVersion"];
+    id: string;
+    name: string;
+    documentType: DocumentTemplate["documentType"];
+    page: DocumentTemplate["page"];
+    elements: ResolvedElement[];
+}
+export type PreviewDataResult = {
+    ok: true;
+    data: {
+        [key: string]: JsonValue;
+    };
+} | {
+    ok: false;
+    message: string;
+};
+/**
+ * Reads one path from a JSON value.
+ * Missing properties, `null`, and invalid paths return `missing`. The input is not mutated.
+ */
+export declare function resolveBinding(data: unknown, path: string): BindingLookup;
+/**
+ * Converts a scalar JSON value to display text.
+ * Numbers use their plain decimal form (`1250.5`, `0`). Booleans become `true` or `false`.
+ * Objects, arrays, and `null` are not scalars and return `null`.
+ */
+export declare function formatBindingValue(value: JsonValue): string | null;
+/**
+ * Resolves one element.
+ * Text bindings become display text. Image bindings become a source string.
+ * Other elements are copied unchanged. The input element is not mutated.
+ */
+export declare function resolveElementData(element: DocumentElement, data: unknown): ResolvedElement;
+/**
+ * Returns a layout copy with text and image bindings resolved.
+ * The template and the data object are not modified, and the result is not a saved template.
+ * Image resolution does not request the URL.
+ */
+export declare function resolveTemplateData(template: DocumentTemplate, data: unknown): ResolvedDocument;
+/** Parses a preview JSON object. Invalid JSON and non-object roots are rejected. */
+export declare function parsePreviewData(json: string): PreviewDataResult;
+//# sourceMappingURL=binding.d.ts.map

package/dist/binding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"binding.d.ts","sourceRoot":"","sources":["../src/binding.ts"],"names":[],"mappings":"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"}

package/dist/binding.js

@@ -0,0 +1,229 @@
+import { parseBindingPath } from "./binding-path.js";
+import { cloneTemplate } from "./serialize.js";
+import { formatScalar } from "./invoice/format.js";
+const ARRAY_INDEX = /^(?:0|[1-9][0-9]*)$/;
+/**
+ * Reads one path from a JSON value.
+ * Missing properties, `null`, and invalid paths return `missing`. The input is not mutated.
+ */
+export function resolveBinding(data, path) {
+    const parsed = parseBindingPath(path);
+    if (!parsed.valid) {
+        return { status: "missing", reason: parsed.reason === "unsafe" ? "unsafe_path" : "invalid_path" };
+    }
+    let current = data;
+    for (const segment of parsed.segments) {
+        if (current === null) {
+            return { status: "missing", reason: "null" };
+        }
+        if (Array.isArray(current)) {
+            if (!ARRAY_INDEX.test(segment) || !Object.prototype.hasOwnProperty.call(current, segment)) {
+                return { status: "missing", reason: "absent" };
+            }
+            current = current[Number(segment)];
+            continue;
+        }
+        if (!isPlainObject(current) || !Object.prototype.hasOwnProperty.call(current, segment)) {
+            return { status: "missing", reason: "absent" };
+        }
+        current = current[segment];
+    }
+    if (current === undefined) {
+        return { status: "missing", reason: "absent" };
+    }
+    if (current === null) {
+        return { status: "missing", reason: "null" };
+    }
+    if (!isJsonValue(current)) {
+        return { status: "missing", reason: "absent" };
+    }
+    return { status: "found", value: current };
+}
+/**
+ * Converts a scalar JSON value to display text.
+ * Numbers use their plain decimal form (`1250.5`, `0`). Booleans become `true` or `false`.
+ * Objects, arrays, and `null` are not scalars and return `null`.
+ */
+export function formatBindingValue(value) {
+    if (typeof value === "string") {
+        return value;
+    }
+    if (typeof value === "number") {
+        return Number.isFinite(value) ? String(value) : null;
+    }
+    if (typeof value === "boolean") {
+        return value ? "true" : "false";
+    }
+    return null;
+}
+/**
+ * Resolves one element.
+ * Text bindings become display text. Image bindings become a source string.
+ * Other elements are copied unchanged. The input element is not mutated.
+ */
+export function resolveElementData(element, data) {
+    const copy = structuredClone(element);
+    if (copy.type === "text") {
+        const outcome = resolveText(copy, data);
+        return { ...copy, resolvedText: outcome.text, resolution: outcome.source };
+    }
+    if (copy.type === "image") {
+        const outcome = resolveImage(copy, data);
+        return outcome.src === undefined
+            ? { ...copy, resolution: outcome.source }
+            : { ...copy, resolvedSrc: outcome.src, resolution: outcome.source };
+    }
+    if (copy.type === "items") {
+        return resolveItems(copy, data);
+    }
+    if (copy.type === "totals") {
+        return resolveTotals(copy, data);
+    }
+    return copy;
+}
+/**
+ * Returns a layout copy with text and image bindings resolved.
+ * The template and the data object are not modified, and the result is not a saved template.
+ * Image resolution does not request the URL.
+ */
+export function resolveTemplateData(template, data) {
+    const copy = cloneTemplate(template);
+    return {
+        schemaVersion: copy.schemaVersion,
+        id: copy.id,
+        name: copy.name,
+        documentType: copy.documentType,
+        page: copy.page,
+        elements: copy.elements.map((element) => resolveElementData(element, data)),
+    };
+}
+/** Parses a preview JSON object. Invalid JSON and non-object roots are rejected. */
+export function parsePreviewData(json) {
+    if (typeof json !== "string" || json.trim().length === 0) {
+        return { ok: false, message: "Enter a JSON object." };
+    }
+    let parsed;
+    try {
+        parsed = JSON.parse(json);
+    }
+    catch {
+        return { ok: false, message: "Preview JSON could not be parsed. Check the syntax." };
+    }
+    if (!isPlainObject(parsed) || !isJsonObject(parsed)) {
+        return { ok: false, message: "Preview data must be a JSON object." };
+    }
+    return { ok: true, data: parsed };
+}
+function resolveText(element, data) {
+    if (!element.binding) {
+        return { text: element.text ?? "", source: "static" };
+    }
+    return presentBinding(element.binding, data, data).display;
+}
+function resolveItems(element, data) {
+    const columns = element.columns.filter((column) => column.visible !== false);
+    const resolvedColumns = columns.map((column) => ({
+        id: column.id,
+        header: column.header,
+        align: column.align ?? (column.binding.format?.style === "decimal" || column.binding.format?.style === "currency" ? "right" : "left"),
+        weight: column.width ?? 1,
+    }));
+    const lookup = resolveBinding(data, element.itemsPath);
+    const records = lookup.status === "found" && Array.isArray(lookup.value) ? lookup.value : [];
+    const resolvedRows = records
+        .filter((row) => isPlainObject(row))
+        .map((row) => columns.map((column) => presentBinding(column.binding, row, data).display.text));
+    return { ...element, resolvedColumns, resolvedRows, empty: resolvedRows.length === 0 };
+}
+function resolveTotals(element, data) {
+    const resolvedRows = element.rows.flatMap((row) => {
+        if (row.visible === false) {
+            return [];
+        }
+        const presented = presentBinding(row.binding, data, data);
+        if (row.hideWhenZero && presented.numeric === 0) {
+            return [];
+        }
+        return [{ id: row.id, label: row.label, text: presented.display.text }];
+    });
+    return { ...element, resolvedRows };
+}
+function presentBinding(binding, scope, root) {
+    const lookup = resolveBinding(scope, binding.path);
+    if (lookup.status === "found") {
+        const formatted = formatScalar(lookup.value, binding.format, currencyCode(binding.format, root));
+        if (formatted !== null) {
+            return {
+                display: { text: applyAffixes(binding, formatted), source: "value" },
+                numeric: typeof lookup.value === "number" ? lookup.value : undefined,
+            };
+        }
+    }
+    if (binding.fallback !== undefined) {
+        return { display: { text: applyAffixes(binding, binding.fallback), source: "fallback" } };
+    }
+    return { display: { text: "", source: "empty" } };
+}
+function currencyCode(format, root) {
+    if (format?.style !== "currency") {
+        return undefined;
+    }
+    if (format.currency !== undefined) {
+        return format.currency;
+    }
+    const lookup = resolveBinding(root, "invoice.currency");
+    return lookup.status === "found" && typeof lookup.value === "string" ? lookup.value : undefined;
+}
+function resolveImage(element, data) {
+    if (!element.binding) {
+        const src = imageSourceText(element.src);
+        return src === null ? { source: "empty" } : { src, source: "static" };
+    }
+    const lookup = resolveBinding(data, element.binding.path);
+    const value = lookup.status === "found" ? imageSourceText(lookup.value) : null;
+    if (value !== null) {
+        return { src: value, source: "value" };
+    }
+    const fallback = imageSourceText(element.binding.fallback);
+    if (fallback !== null) {
+        return { src: fallback, source: "fallback" };
+    }
+    return { source: "empty" };
+}
+/** A usable image source is a non-empty string. Numbers, booleans, objects, and blank strings are not. */
+function imageSourceText(value) {
+    if (typeof value !== "string") {
+        return null;
+    }
+    const trimmed = value.trim();
+    return trimmed.length > 0 ? trimmed : null;
+}
+function applyAffixes(binding, value) {
+    return `${binding.prefix ?? ""}${value}${binding.suffix ?? ""}`;
+}
+function isPlainObject(value) {
+    if (typeof value !== "object" || value === null || Array.isArray(value)) {
+        return false;
+    }
+    const prototype = Object.getPrototypeOf(value);
+    return prototype === Object.prototype || prototype === null;
+}
+function isJsonObject(value) {
+    return Object.values(value).every((entry) => isJsonValue(entry));
+}
+function isJsonValue(value) {
+    if (value === null || typeof value === "string" || typeof value === "boolean") {
+        return true;
+    }
+    if (typeof value === "number") {
+        return Number.isFinite(value);
+    }
+    if (Array.isArray(value)) {
+        return value.every((entry) => isJsonValue(entry));
+    }
+    if (isPlainObject(value)) {
+        return isJsonObject(value);
+    }
+    return false;
+}
+//# sourceMappingURL=binding.js.map

package/dist/binding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"binding.js","sourceRoot":"","sources":["../src/binding.ts"],"names":[],"mappings":"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"}

package/dist/designer/Canvas.d.ts

@@ -0,0 +1,51 @@
+import { type ReactElement } from "react";
+import type { ImageResolutionSource, JsonValue, TextResolutionSource } from "../binding.js";
+import type { DocumentTemplate } from "../schema.js";
+export interface CanvasPreviewText {
+    text: string;
+    source: TextResolutionSource;
+}
+export interface CanvasPreviewImage {
+    src?: string;
+    source: ImageResolutionSource;
+}
+export interface CanvasPreviewItems {
+    headers: string[];
+    rows: string[][];
+    emptyText: string;
+}
+export interface CanvasPreviewTotals {
+    rows: Array<{
+        label: string;
+        text: string;
+    }>;
+}
+export interface CanvasPreviewReport {
+    headers: string[];
+    rows: Array<{
+        kind: string;
+        cells: string[];
+        record?: {
+            [key: string]: JsonValue;
+        };
+    }>;
+    emptyText: string;
+}
+interface CanvasProps {
+    template: DocumentTemplate;
+    selectedId: string | null;
+    zoom: number;
+    showGrid: boolean;
+    snap: boolean;
+    previewTexts?: Readonly<Record<string, CanvasPreviewText>>;
+    previewImages?: Readonly<Record<string, CanvasPreviewImage>>;
+    previewItems?: Readonly<Record<string, CanvasPreviewItems>>;
+    previewTotals?: Readonly<Record<string, CanvasPreviewTotals>>;
+    previewReports?: Readonly<Record<string, CanvasPreviewReport>>;
+    onSelect: (id: string | null) => void;
+    onEdit: (template: DocumentTemplate | null, coalesce: boolean) => void;
+    onGestureEnd: () => void;
+}
+export declare function Canvas({ template, selectedId, zoom, showGrid, snap, previewTexts, previewImages, previewItems, previewTotals, previewReports, onSelect, onEdit, onGestureEnd, }: CanvasProps): ReactElement;
+export {};
+//# sourceMappingURL=Canvas.d.ts.map

package/dist/designer/Canvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Canvas.d.ts","sourceRoot":"","sources":["../../src/designer/Canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAC9G,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE5F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAcrD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,oBAAoB,CAAC;CAC9B;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,qBAAqB,CAAC;CAC/B;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC9C;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,EAAE,CAAC;QAAC,MAAM,CAAC,EAAE;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;SAAE,CAAA;KAAE,CAAC,CAAC;IACtF,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,WAAW;IACnB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAC3D,aAAa,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAC7D,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAC5D,aAAa,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAC9D,cAAc,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAC/D,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvE,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,cAAc,EACd,QAAQ,EACR,MAAM,EACN,YAAY,GACb,EAAE,WAAW,GAAG,YAAY,CA8D5B"}

package/dist/designer/Canvas.js

@@ -0,0 +1,188 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { cellBorderStyle, reportCellStyle, stripeColor } from "../render/appearance.js";
+import { GRID_SIZE, marginBox, normalizeDimensions, pagePixelSize, resolvePage, roundUnit, snapToGrid, } from "./page-geometry.js";
+import { previewBorderCss } from "./border-preview.js";
+import { moveElement, resizeElement } from "./template-edits.js";
+export function Canvas({ template, selectedId, zoom, showGrid, snap, previewTexts, previewImages, previewItems, previewTotals, previewReports, onSelect, onEdit, onGestureEnd, }) {
+    const page = resolvePage(template.page);
+    const pixels = pagePixelSize(page);
+    const margins = marginBox(page);
+    const gridSize = GRID_SIZE * pixels.pxPerUnit;
+    return (_jsx("div", { className: "df-page-slot", style: { width: pixels.width * zoom, height: pixels.height * zoom }, children: _jsxs("div", { className: "df-page", "data-testid": "document-page", "data-paper-size": template.page.paperSize, "data-orientation": template.page.orientation, "data-page-width": page.width, "data-page-height": page.height, "data-page-unit": page.unit, style: { width: pixels.width, height: pixels.height, transform: `scale(${zoom})` }, onPointerDown: () => onSelect(null), children: [showGrid ? (_jsx("div", { className: "df-grid", "data-testid": "page-grid", style: { backgroundSize: `${gridSize}px ${gridSize}px` } })) : null, _jsx("div", { className: "df-margins", "data-testid": "page-margins", style: {
+                        left: margins.x * pixels.pxPerUnit,
+                        top: margins.y * pixels.pxPerUnit,
+                        width: margins.width * pixels.pxPerUnit,
+                        height: margins.height * pixels.pxPerUnit,
+                    } }), template.elements.length === 0 ? _jsx("div", { className: "df-empty", children: "Add an element from the toolbox." }) : null, template.elements.map((element) => (_jsx(DesignerElement, { element: element, selected: element.id === selectedId, pxPerUnit: pixels.pxPerUnit, zoom: zoom, snap: snap, preview: previewTexts?.[element.id], previewImage: previewImages?.[element.id], previewItems: previewItems?.[element.id], previewTotals: previewTotals?.[element.id], previewReport: previewReports?.[element.id], template: template, onSelect: onSelect, onEdit: onEdit, onGestureEnd: onGestureEnd }, element.id)))] }) }));
+}
+function DesignerElement({ element, selected, pxPerUnit, zoom, snap, preview, previewImage, previewItems, previewTotals, previewReport, template, onSelect, onEdit, onGestureEnd, }) {
+    const session = useRef(0);
+    const modelWidth = element.dimensions.width * pxPerUnit;
+    const modelHeight = element.dimensions.height * pxPerUnit;
+    const boxWidth = element.type === "line" ? Math.max(modelWidth, 10) : modelWidth;
+    const boxHeight = element.type === "line" ? Math.max(modelHeight, 10) : modelHeight;
+    function beginSession(event, mode) {
+        event.stopPropagation();
+        event.preventDefault();
+        onSelect(element.id);
+        const snapshot = template;
+        const startX = event.clientX;
+        const startY = event.clientY;
+        const origin = element.position;
+        const originSize = element.dimensions;
+        const scale = pxPerUnit * zoom;
+        const token = session.current + 1;
+        session.current = token;
+        const move = (ev) => {
+            if (session.current !== token || (ev.clientX === 0 && ev.clientY === 0)) {
+                return;
+            }
+            const dx = (ev.clientX - startX) / scale;
+            const dy = (ev.clientY - startY) / scale;
+            if (mode === "move") {
+                const rawX = origin.x + dx;
+                const rawY = origin.y + dy;
+                const position = snap
+                    ? { x: snapToGrid(rawX, GRID_SIZE), y: snapToGrid(rawY, GRID_SIZE) }
+                    : { x: roundUnit(rawX), y: roundUnit(rawY) };
+                onEdit(moveElement(snapshot, element.id, position), true);
+                return;
+            }
+            const size = normalizeDimensions(element.type, originSize.width + dx, originSize.height + dy, snap);
+            if (!size) {
+                return;
+            }
+            onEdit(resizeElement(snapshot, element.id, size), true);
+        };
+        let finished = false;
+        const end = () => {
+            if (finished) {
+                return;
+            }
+            finished = true;
+            window.removeEventListener("pointermove", move);
+            window.removeEventListener("mousemove", move);
+            window.removeEventListener("pointerup", end);
+            window.removeEventListener("mouseup", end);
+            window.removeEventListener("dragover", dragOver);
+            window.removeEventListener("drop", drop);
+            onGestureEnd();
+        };
+        const dragOver = (ev) => {
+            ev.preventDefault();
+            move(ev);
+        };
+        const drop = (ev) => {
+            ev.preventDefault();
+            move(ev);
+            end();
+        };
+        window.addEventListener("pointermove", move);
+        window.addEventListener("mousemove", move);
+        window.addEventListener("pointerup", end);
+        window.addEventListener("mouseup", end);
+        window.addEventListener("dragover", dragOver);
+        window.addEventListener("drop", drop);
+    }
+    return (_jsxs("div", { className: selected ? `df-element df-element--${element.type} df-element--selected` : `df-element df-element--${element.type}`, "data-element-id": element.id, "data-element-type": element.type, role: "button", tabIndex: 0, "aria-pressed": selected, "aria-label": `${element.type} ${element.id}`, style: {
+            left: element.position.x * pxPerUnit,
+            top: element.position.y * pxPerUnit,
+            width: boxWidth,
+            height: boxHeight,
+            opacity: element.style?.opacity,
+            zIndex: selected ? 2 : 1,
+        }, onPointerDown: (event) => beginSession(event, "move"), children: [_jsx(ElementBody, { element: element, preview: preview, previewImage: previewImage, previewItems: previewItems, previewTotals: previewTotals, previewReport: previewReport, modelWidth: modelWidth, modelHeight: modelHeight, pxPerUnit: pxPerUnit }), selected ? (_jsx("button", { type: "button", className: "df-handle", "aria-label": `Resize ${element.id}`, onPointerDown: (event) => beginSession(event, "resize") })) : null] }));
+}
+function ElementBody({ element, preview, previewImage, previewItems, previewTotals, previewReport, modelWidth, modelHeight, pxPerUnit, }) {
+    if (element.type === "text") {
+        return (_jsx("div", { className: "df-text", "data-text-source": preview?.source ?? "edit", style: textCss(element.style, pxPerUnit), children: preview?.text ?? element.text ?? "" }));
+    }
+    if (element.type === "image") {
+        return (_jsx("div", { className: "df-image", style: boxCss(element.style, pxPerUnit), "data-image-source": previewImage ? previewImage.source : "edit", children: previewImage?.src ? (_jsx("img", { className: "df-image-photo", src: previewImage.src, alt: element.alt ?? "", draggable: false, referrerPolicy: "no-referrer" })) : (element.alt || "Image") }));
+    }
+    if (element.type === "items") {
+        const headers = previewItems?.headers ?? element.columns.filter((column) => column.visible !== false).map((column) => column.header);
+        const rows = previewItems?.rows ?? [element.columns.filter((column) => column.visible !== false).map((column) => column.binding.path)];
+        const empty = previewItems !== undefined && previewItems.rows.length === 0;
+        return (_jsx("div", { className: "df-items", style: boxCss(element.style, pxPerUnit), children: _jsxs("table", { children: [element.showHeader === false ? null : (_jsx("thead", { children: _jsx("tr", { children: headers.map((header, index) => (_jsx("th", { style: boxCss(cellBorderStyle(element.style, element.headerStyle), pxPerUnit), children: header }, `${header}-${index}`))) }) })), _jsx("tbody", { children: empty ? (_jsx("tr", { children: _jsx("td", { colSpan: Math.max(headers.length, 1), style: boxCss(cellBorderStyle(element.style, undefined), pxPerUnit), children: previewItems?.emptyText ?? element.emptyText ?? "No items" }) })) : (rows.map((row, index) => (_jsx("tr", { children: row.map((cell, cellIndex) => (_jsx("td", { style: boxCss(cellBorderStyle(element.style, undefined), pxPerUnit), children: cell }, cellIndex))) }, index)))) })] }) }));
+    }
+    if (element.type === "reportTable") {
+        const columns = element.columns.filter((column) => column.visible !== false);
+        const headers = previewReport?.headers ?? columns.map((column) => column.header);
+        const rows = previewReport?.rows ?? [
+            { kind: "record", cells: columns.map((column) => column.binding.path) },
+        ];
+        const empty = previewReport !== undefined && previewReport.rows.length === 0;
+        let stripe = 0;
+        return (_jsx("div", { className: "df-report", style: boxCss(element.style, pxPerUnit), children: _jsxs("table", { children: [element.showHeader === false ? null : (_jsx("thead", { children: _jsx("tr", { children: headers.map((header, index) => (_jsx("th", { style: cellCss(reportCellStyle(element, columns[index], "header", undefined, undefined), pxPerUnit), children: header }, `${header}-${index}`))) }) })), _jsx("tbody", { children: empty ? (_jsx("tr", { children: _jsx("td", { colSpan: Math.max(headers.length, 1), children: previewReport?.emptyText ?? element.emptyText ?? "No records" }) })) : (rows.map((row, index) => {
+                            const kind = row.kind === "group" || row.kind === "subtotal" || row.kind === "grand" ? row.kind : "record";
+                            const background = kind === "record" ? stripeColor(element, (stripe += 1)) : undefined;
+                            return (_jsx("tr", { "data-kind": row.kind, children: row.kind === "group" ? (_jsx("td", { colSpan: Math.max(headers.length, 1), style: cellCss(reportCellStyle(element, undefined, "group", undefined, undefined), pxPerUnit), children: row.cells[0] })) : (row.cells.map((cell, cellIndex) => (_jsx("td", { style: cellCss(reportCellStyle(element, columns[cellIndex], kind, row.record, background), pxPerUnit), children: cell }, cellIndex)))) }, index));
+                        })) })] }) }));
+    }
+    if (element.type === "totals") {
+        const rows = previewTotals?.rows ?? element.rows.filter((row) => row.visible !== false).map((row) => ({ label: row.label, text: row.binding.path }));
+        return (_jsx("div", { className: "df-totals", style: boxCss(element.style, pxPerUnit), children: _jsx("table", { children: _jsx("tbody", { children: rows.map((row) => (_jsxs("tr", { children: [_jsx("td", { style: boxCss(cellBorderStyle(element.style, undefined), pxPerUnit), children: row.label }), _jsx("td", { style: boxCss(cellBorderStyle(element.style, undefined), pxPerUnit), children: row.text })] }, row.label))) }) }) }));
+    }
+    if (element.type === "line") {
+        const stroke = Math.max((element.style?.strokeWidth ?? 0.4) * pxPerUnit, 1);
+        const horizontal = element.dimensions.height === 0;
+        const y1 = horizontal ? stroke / 2 : 0;
+        const y2 = horizontal ? stroke / 2 : modelHeight;
+        const x2 = Math.max(modelWidth, 1);
+        return (_jsx("svg", { className: "df-line", width: Math.max(modelWidth, stroke), height: Math.max(modelHeight, stroke), "aria-hidden": "true", children: _jsx("line", { x1: 0, y1: y1, x2: x2, y2: y2, stroke: element.style?.strokeColor ?? "#1c2430", strokeWidth: stroke }) }));
+    }
+    return _jsx("div", { className: "df-rect", style: { width: "100%", height: "100%", ...boxCss(element.style, pxPerUnit) } });
+}
+function textCss(style, pxPerUnit) {
+    const fontSize = style?.fontSize ?? 12;
+    const vertical = style?.verticalAlign === "middle" ? "center" : style?.verticalAlign === "bottom" ? "flex-end" : style?.verticalAlign === "top" ? "flex-start" : undefined;
+    return {
+        width: "100%",
+        height: "100%",
+        color: style?.color ?? "#1c2430",
+        background: style?.backgroundColor,
+        fontFamily: style?.fontFamily ?? "Helvetica, Arial, sans-serif",
+        fontSize: `${fontSize * (96 / 72)}px`,
+        fontWeight: style?.fontWeight === "medium" ? 500 : style?.fontWeight ?? "normal",
+        fontStyle: style?.fontStyle ?? "normal",
+        textAlign: style?.textAlign ?? "left",
+        textDecoration: style?.textDecoration,
+        lineHeight: style?.lineHeight ?? 1.2,
+        display: vertical ? "flex" : undefined,
+        flexDirection: vertical ? "column" : undefined,
+        justifyContent: vertical,
+        ...boxCss(style, pxPerUnit),
+        padding: paddingCss(style, pxPerUnit),
+    };
+}
+function boxCss(style, pxPerUnit) {
+    return {
+        background: style?.backgroundColor,
+        opacity: style?.opacity,
+        borderRadius: style?.borderRadius === undefined ? undefined : style.borderRadius * pxPerUnit,
+        ...previewBorderCss(style, pxPerUnit),
+    };
+}
+function paddingCss(style, pxPerUnit) {
+    const padding = style?.padding;
+    if (!padding) {
+        return undefined;
+    }
+    const edge = (value) => `${(value ?? 0) * pxPerUnit}px`;
+    return `${edge(padding.top)} ${edge(padding.right)} ${edge(padding.bottom)} ${edge(padding.left)}`;
+}
+function cellCss(style, pxPerUnit) {
+    return {
+        ...boxCss(style, pxPerUnit),
+        color: style.color,
+        background: style.backgroundColor,
+        fontWeight: style.fontWeight === "medium" ? 500 : style.fontWeight,
+        fontSize: style.fontSize !== undefined ? `${style.fontSize * (96 / 72)}px` : undefined,
+        textAlign: style.textAlign,
+        verticalAlign: style.verticalAlign,
+        padding: paddingCss(style, pxPerUnit),
+    };
+}
+//# sourceMappingURL=Canvas.js.map