@pixerate/editor-svelte 0.22.0 → 0.23.0

package/dist/persistence/RecoveryPrompt.svelte.d.ts

@@ -0,0 +1,18 @@
+import { type RecoveryMeta } from '@pixerate/editor/persistence';
+interface Props {
+    /** `createAutosave(...).recovery`; nothing renders while it is `null`. */
+    recovery: {
+        meta: RecoveryMeta;
+    } | null;
+    onRestore: () => void;
+    onDiscard: () => void;
+    /** Formats the snapshot time (default `toLocaleString`). */
+    formatTime?: (time: number) => string;
+    restoreLabel?: string;
+    discardLabel?: string;
+    class?: string;
+}
+declare const RecoveryPrompt: import("svelte").Component<Props, {}, "">;
+type RecoveryPrompt = ReturnType<typeof RecoveryPrompt>;
+export default RecoveryPrompt;
+//# sourceMappingURL=RecoveryPrompt.svelte.d.ts.map

package/dist/persistence/RecoveryPrompt.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecoveryPrompt.svelte.d.ts","sourceRoot":"","sources":["../../src/persistence/RecoveryPrompt.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAyB,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAGtF,UAAU,KAAK;IACb,0EAA0E;IAC1E,QAAQ,EAAE;QAAE,IAAI,EAAE,YAAY,CAAA;KAAE,GAAG,IAAI,CAAC;IACxC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmCH,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/persistence/autosave.svelte.d.ts

@@ -0,0 +1,63 @@
+import { type AutosaveController, type AutosaveRecovery, type AutosaveStatusInfo, type DirtyFlagSource, type RevisionChangeSource, type StorageAdapter } from "@pixerate/editor/persistence";
+export interface CreateAutosaveOptions<T> {
+    storage: StorageAdapter;
+    /** Snapshot key (the meta lives at `<key>:meta`). */
+    key: string;
+    /** Reads the current document. */
+    getSnapshot: () => T;
+    serialize?: (snapshot: T) => string;
+    deserialize?: (text: string) => T;
+    /** Document name stored with the snapshot. */
+    name?: string | (() => string | undefined);
+    /** Change notifications, e.g. `createHistory().manager`. */
+    history?: RevisionChangeSource;
+    /** Saved-vs-current flag, e.g. `createHistoryDirty(...).tracker` or a `bindDirtyToHistory` binding. */
+    dirty?: DirtyFlagSource;
+    interval?: number;
+    debounceMs?: number;
+    retryBaseMs?: number;
+    retryMaxMs?: number;
+    /**
+     * Whether the document has finished loading (default `true`). With `false`,
+     * call `ready()` once it has. Snapshots also wait for any recovered snapshot
+     * to be restored or discarded.
+     */
+    ready?: boolean;
+    /** Look for an earlier session's snapshot (default `true`). */
+    recover?: boolean;
+    /** Write pending changes on `pagehide` and when the tab is hidden (default `true`). */
+    flushOnHide?: boolean;
+}
+export interface SvelteAutosave<T> {
+    /** Reactive status. */
+    readonly status: AutosaveStatusInfo;
+    /** An earlier session's unsaved snapshot, until restored or discarded (reactive). */
+    readonly recovery: AutosaveRecovery<T> | null;
+    /** True while the recovery check runs or a recovered snapshot awaits a decision (reactive). */
+    readonly pendingRecovery: boolean;
+    /** Takes the recovered snapshot (apply it to the editor) and starts autosaving. */
+    restore(): T | undefined;
+    /** Deletes the recovered snapshot and starts autosaving. */
+    discard(): Promise<void>;
+    /** Marks the document loaded (with `ready: false`). */
+    ready(): void;
+    /** Writes pending changes now. */
+    flushNow(): Promise<void>;
+    /** Call after an explicit save: marks the current revision saved and retires this session's snapshot. */
+    markClean(): Promise<void>;
+    /** Records a change made outside `history`. */
+    notifyChange(): void;
+    /** Resolves once the recovery check finished. */
+    readonly checked: Promise<void>;
+    readonly controller: AutosaveController<T>;
+    /** Stops timers and listeners. */
+    destroy(): void;
+}
+/**
+ * Svelte 5 rune: crash-recovery autosave bound to a history and dirty flag,
+ * with page lifecycle flushing and a recovery check (see
+ * `createAutosaveController` in `@pixerate/editor/persistence`). Render
+ * `<RecoveryPrompt>` with `recovery`, `restore` and `discard`.
+ */
+export declare function createAutosave<T>(options: CreateAutosaveOptions<T>): SvelteAutosave<T>;
+//# sourceMappingURL=autosave.svelte.d.ts.map

package/dist/persistence/autosave.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autosave.svelte.d.ts","sourceRoot":"","sources":["../../src/persistence/autosave.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACpB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACtC,OAAO,EAAE,cAAc,CAAC;IACxB,qDAAqD;IACrD,GAAG,EAAE,MAAM,CAAC;IACZ,kCAAkC;IAClC,WAAW,EAAE,MAAM,CAAC,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,MAAM,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,CAAC,CAAC;IAClC,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;IAC3C,4DAA4D;IAC5D,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,uGAAuG;IACvG,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uFAAuF;IACvF,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,uBAAuB;IACvB,QAAQ,CAAC,MAAM,EAAE,kBAAkB,CAAC;IACpC,qFAAqF;IACrF,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC9C,+FAA+F;IAC/F,QAAQ,CAAC,eAAe,EAAE,OAAO,CAAC;IAClC,mFAAmF;IACnF,OAAO,IAAI,CAAC,GAAG,SAAS,CAAC;IACzB,4DAA4D;IAC5D,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACzB,uDAAuD;IACvD,KAAK,IAAI,IAAI,CAAC;IACd,kCAAkC;IAClC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,yGAAyG;IACzG,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,+CAA+C;IAC/C,YAAY,IAAI,IAAI,CAAC;IACrB,iDAAiD;IACjD,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,QAAQ,CAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAC3C,kCAAkC;IAClC,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAyGtF"}

package/dist/persistence/autosave.svelte.js

@@ -0,0 +1,110 @@
+import { createAutosaveController, createRevisionTracker, } from "@pixerate/editor/persistence";
+/**
+ * Svelte 5 rune: crash-recovery autosave bound to a history and dirty flag,
+ * with page lifecycle flushing and a recovery check (see
+ * `createAutosaveController` in `@pixerate/editor/persistence`). Render
+ * `<RecoveryPrompt>` with `recovery`, `restore` and `discard`.
+ */
+export function createAutosave(options) {
+    const revisions = createRevisionTracker({ history: options.history, dirty: options.dirty });
+    const controller = createAutosaveController({
+        storage: options.storage,
+        key: options.key,
+        getSnapshot: options.getSnapshot,
+        serialize: options.serialize,
+        deserialize: options.deserialize,
+        name: options.name,
+        revision: revisions.revision,
+        savedRevision: revisions.savedRevision,
+        interval: options.interval,
+        debounceMs: options.debounceMs,
+        retryBaseMs: options.retryBaseMs,
+        retryMaxMs: options.retryMaxMs,
+    });
+    const recover = options.recover !== false;
+    let status = $state.raw(controller.getStatus());
+    let recovery = $state.raw(null);
+    let pendingRecovery = $state(recover);
+    let loaded = options.ready !== false;
+    let destroyed = false;
+    const maybeReady = () => {
+        if (!destroyed && loaded && !pendingRecovery)
+            controller.ready();
+    };
+    const unsubscribeStatus = controller.subscribe((info) => {
+        status = info;
+    });
+    const unsubscribeRevisions = revisions.subscribe(() => controller.notify());
+    const checked = recover
+        ? controller
+            .checkRecovery()
+            .catch(() => null)
+            .then((found) => {
+            if (destroyed)
+                return;
+            recovery = found;
+            pendingRecovery = found !== null;
+            maybeReady();
+        })
+        : Promise.resolve();
+    maybeReady();
+    let removeListeners = () => { };
+    if (options.flushOnHide !== false && typeof window !== "undefined") {
+        const flush = () => void controller.flushNow();
+        const onVisibility = () => {
+            if (document.visibilityState === "hidden")
+                flush();
+        };
+        window.addEventListener("pagehide", flush);
+        document.addEventListener("visibilitychange", onVisibility);
+        removeListeners = () => {
+            window.removeEventListener("pagehide", flush);
+            document.removeEventListener("visibilitychange", onVisibility);
+        };
+    }
+    return {
+        get status() {
+            return status;
+        },
+        get recovery() {
+            return recovery;
+        },
+        get pendingRecovery() {
+            return pendingRecovery;
+        },
+        restore() {
+            const snapshot = recovery?.snapshot;
+            recovery = null;
+            pendingRecovery = false;
+            // Deferred so the caller can apply the snapshot first.
+            queueMicrotask(maybeReady);
+            return snapshot;
+        },
+        async discard() {
+            await controller.discardRecovery();
+            recovery = null;
+            pendingRecovery = false;
+            maybeReady();
+        },
+        ready() {
+            loaded = true;
+            maybeReady();
+        },
+        flushNow: () => controller.flushNow(),
+        async markClean() {
+            revisions.markSaved();
+            await controller.markClean();
+        },
+        notifyChange: () => revisions.bump(),
+        checked,
+        controller,
+        destroy() {
+            destroyed = true;
+            removeListeners();
+            unsubscribeStatus();
+            unsubscribeRevisions();
+            revisions.destroy();
+            controller.destroy();
+        },
+    };
+}

package/dist/persistence/index.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps } from "svelte";
+import type RecoveryPromptComponent from "./RecoveryPrompt.svelte";
+export { default as RecoveryPrompt } from "./RecoveryPrompt.svelte";
+export * from "./autosave.svelte.js";
+export type RecoveryPromptProps = ComponentProps<typeof RecoveryPromptComponent>;
+//# sourceMappingURL=index.d.ts.map

package/dist/persistence/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/persistence/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,uBAAuB,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,cAAc,sBAAsB,CAAC;AAErC,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,uBAAuB,CAAC,CAAC"}

package/dist/persistence/index.js

@@ -0,0 +1,2 @@
+export { default as RecoveryPrompt } from "./RecoveryPrompt.svelte";
+export * from "./autosave.svelte.js";

package/dist/review/documentCompare.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { Editor } from "@tiptap/core";
+import { type CompareSource, type CompareSummary, type EditorCompareOptions } from "@pixerate/editor";
+export type { CompareSource, CompareSummary, EditorCompareOptions } from "@pixerate/editor";
+export interface SvelteDocumentCompare {
+    /** Summary of the last comparison, or `null` (reactive). */
+    readonly summary: CompareSummary | null;
+    /**
+     * Replaces the editor content with the comparison of two versions (nodes,
+     * JSON or HTML) as tracked changes, ready to review with `ReviewToolbar`.
+     * Returns the summary, or `null` without an editor.
+     */
+    compare(original: CompareSource, revised: CompareSource, options?: EditorCompareOptions): CompareSummary | null;
+    /** Forgets the last summary. */
+    clear(): void;
+}
+/**
+ * Compare two document versions into an editor using `TrackChanges`.
+ * `options` are defaults for every comparison.
+ */
+export declare function createDocumentCompare(editor: Editor | null | undefined, options?: EditorCompareOptions): SvelteDocumentCompare;
+//# sourceMappingURL=documentCompare.svelte.d.ts.map

package/dist/review/documentCompare.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"documentCompare.svelte.d.ts","sourceRoot":"","sources":["../../src/review/documentCompare.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EAC1B,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE5F,MAAM,WAAW,qBAAqB;IACpC,4DAA4D;IAC5D,QAAQ,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IACxC;;;;OAIG;IACH,OAAO,CACL,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,aAAa,EACtB,OAAO,CAAC,EAAE,oBAAoB,GAC7B,cAAc,GAAG,IAAI,CAAC;IACzB,gCAAgC;IAChC,KAAK,IAAI,IAAI,CAAC;CACf;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACjC,OAAO,CAAC,EAAE,oBAAoB,GAC7B,qBAAqB,CAgBvB"}

package/dist/review/documentCompare.svelte.js

@@ -0,0 +1,23 @@
+import { applyDocumentComparison, } from "@pixerate/editor";
+/**
+ * Compare two document versions into an editor using `TrackChanges`.
+ * `options` are defaults for every comparison.
+ */
+export function createDocumentCompare(editor, options) {
+    let summary = $state.raw(null);
+    return {
+        get summary() {
+            return summary;
+        },
+        compare(original, revised, overrides) {
+            if (!editor || editor.isDestroyed)
+                return null;
+            const result = applyDocumentComparison(editor, original, revised, { ...options, ...overrides });
+            summary = result.summary;
+            return result.summary;
+        },
+        clear() {
+            summary = null;
+        },
+    };
+}

package/dist/review/index.d.ts

@@ -6,6 +6,7 @@ export { default as CommentsPanel } from "./CommentsPanel.svelte";
 export { default as ReviewToolbar } from "./ReviewToolbar.svelte";
 export { default as CommentButton } from "./CommentButton.svelte";
 export * from "./review.svelte.js";
+export * from "./documentCompare.svelte.js";
 export type CommentsPanelProps = ComponentProps<typeof CommentsPanelComponent>;
 export type ReviewToolbarProps = ComponentProps<typeof ReviewToolbarComponent>;
 export type CommentButtonProps = ComponentProps<typeof CommentButtonComponent>;

package/dist/review/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/review/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AAEjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,cAAc,oBAAoB,CAAC;AAEnC,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/review/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AAEjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC"}

package/dist/review/index.js

@@ -2,3 +2,4 @@ export { default as CommentsPanel } from "./CommentsPanel.svelte";
 export { default as ReviewToolbar } from "./ReviewToolbar.svelte";
 export { default as CommentButton } from "./CommentButton.svelte";
 export * from "./review.svelte.js";
+export * from "./documentCompare.svelte.js";

package/dist/spreadsheet/SpreadsheetContextMenu.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { clampMenuPosition, type SpreadsheetMenuItem } from '@pixerate/editor/spreadsheet';
+  import { clampMenuPosition, runSpreadsheetMenuItem, type SpreadsheetMenuItem } from '@pixerate/editor/spreadsheet';
 
   // Gap kept between the menu and the viewport edges.
   const VIEWPORT_MARGIN = 4;
@@ -66,11 +66,14 @@
       type="button"
       role="menuitem"
       data-action={item.id}
+      data-checked={item.checked ? '' : undefined}
       disabled={item.disabled}
-      class="block w-full px-3 py-1 text-left hover:bg-muted disabled:cursor-default disabled:opacity-40 disabled:hover:bg-transparent"
+      class="block w-full px-3 py-1 text-left hover:bg-muted disabled:cursor-default disabled:opacity-40 disabled:hover:bg-transparent {item.checked
+        ? 'font-semibold'
+        : ''}"
       onclick={() => {
         onClose();
-        item.run();
+        runSpreadsheetMenuItem(item);
       }}
     >
       {item.label}

package/dist/spreadsheet/SpreadsheetContextMenu.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpreadsheetContextMenu.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/SpreadsheetContextMenu.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGzF,UAAU,KAAK;IACb,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA6DH,QAAA,MAAM,sBAAsB,2CAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"SpreadsheetContextMenu.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/SpreadsheetContextMenu.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAA6C,KAAK,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGjH,UAAU,KAAK;IACb,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA+DH,QAAA,MAAM,sBAAsB,2CAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}

package/dist/spreadsheet/SpreadsheetEditor.svelte

@@ -13,7 +13,8 @@
     type SpreadsheetMenuItem,
     type SpreadsheetViewColumn,
     type SpreadsheetViewRow,
-    formatCellDisplay
+    formatCellForDisplay,
+    numberFormatColorToCss
   } from '@pixerate/editor/spreadsheet';
   import FormulaBar from './FormulaBar.svelte';
   import SpreadsheetContextMenu from './SpreadsheetContextMenu.svelte';
@@ -586,11 +587,14 @@
                   {@const cellArg = Object.assign({ row, col, cell }, cell)}
                   {@render (customCellRenderer as any)(cellArg, col, row)}
                 {:else}
+                  {@const shown = formatCellForDisplay(cell)}
                   <span
                     class="truncate block max-w-full {cell.error ? 'text-destructive font-semibold' : ''}"
                     title={cell.error ? (cell.errorMessage ?? cell.error) : undefined}
+                    data-numeric={shown.numeric ? '' : undefined}
+                    style="{shown.numeric ? 'text-align: right;' : ''}{shown.color ? ` color: ${numberFormatColorToCss(shown.color)};` : ''}"
                   >
-                    {formatCellDisplay(cell)}
+                    {shown.text}
                   </span>
                 {/if}
                 {#if activeSpill && rangeContains(activeSpill.range, rIdx, cIdx)}

package/dist/spreadsheet/SpreadsheetEditor.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpreadsheetEditor.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/SpreadsheetEditor.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAMH,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,QAAQ,EAMd,MAAM,8BAA8B,CAAC;AAKxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAIlE,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EACf,OAAO,CAAC,CAAC,QAAQ,EAAE,iBAAiB,EAAE,cAAc,CAAC,CAAC,GACtD,OAAO,CAAC,CAAC;QAAE,GAAG,EAAE,cAAc,CAAC;QAAC,GAAG,EAAE,iBAAiB,CAAC;QAAC,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC,CAAC,CAAC;IAC/E,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD;AA+hBH,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"SpreadsheetEditor.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/SpreadsheetEditor.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAMH,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,QAAQ,EAOd,MAAM,8BAA8B,CAAC;AAKxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAIlE,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EACf,OAAO,CAAC,CAAC,QAAQ,EAAE,iBAAiB,EAAE,cAAc,CAAC,CAAC,GACtD,OAAO,CAAC,CAAC;QAAE,GAAG,EAAE,cAAc,CAAC;QAAC,GAAG,EAAE,iBAAiB,CAAC;QAAC,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC,CAAC,CAAC;IAC/E,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD;AAgiBH,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/spreadsheet/spreadsheet.svelte.d.ts

@@ -33,6 +33,8 @@ export declare function createReactiveSpreadsheet(options?: SpreadsheetControlle
     toggleGroupCollapsed: (key: string) => void;
     getGroups: () => import("@pixerate/editor").SpreadsheetRowGroup[];
     transposeRange: (range?: CellRange | null) => boolean;
+    setCellNumberFormat: (range: CellRange | null, code: string | null) => boolean;
+    setColumnNumberFormat: (colId: string, code: string | null) => void;
     exportToCsv: (options?: import("@pixerate/editor").CsvExportOptions) => string;
     importFromCsv: (csv: string, options?: import("@pixerate/editor").CsvImportOptions) => void;
     copyToClipboardData: (range?: CellRange | null) => import("@pixerate/editor").SpreadsheetClipboardData;

package/dist/spreadsheet/spreadsheet.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spreadsheet.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/spreadsheet.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EAErB,KAAK,4BAA4B,EACjC,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,qBAAqB,EAC3B,MAAM,8BAA8B,CAAC;AAEtC,wBAAgB,yBAAyB,CAAC,OAAO,GAAE,4BAAiC;;aAmLy20B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA/Gt60B,MAAM;;mBAMX,MAAM,SAAS,MAAM,GAAG,QAAQ;wBAG3B,MAAM,SAAS,MAAM,OAAO,MAAM;oBAItC,MAAM,OAAO,MAAM;uBAKhB,SAAS;uBAIT,MAAM,QAAQ,MAAM,eAAe,MAAM;wBAMxC,MAAM;;oBAWV,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;wBAK5B,MAAM,WAAW,OAAO,CAAC,iBAAiB,CAAC;wBAI3C,MAAM;qBAIT,MAAM,WAAW,OAAO,CAAC,cAAc,CAAC;qBAIxC,MAAM;0BAID,MAAM,SAAS,MAAM;8BAIjB,MAAM,gBAAgB,MAAM;2BAI/B,mBAAmB;;2BAanB,qBAAqB;6BAInB,MAAM,GAAG,SAAS;;wBAQvB,SAAS,GAAG,IAAI;wBAGhB,MAAM;;;EAc7B"}
+{"version":3,"file":"spreadsheet.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/spreadsheet.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EAErB,KAAK,4BAA4B,EACjC,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,qBAAqB,EAC3B,MAAM,8BAA8B,CAAC;AAEtC,wBAAgB,yBAAyB,CAAC,OAAO,GAAE,4BAAiC;;aAmLoz2B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA/Gj32B,MAAM;;mBAMX,MAAM,SAAS,MAAM,GAAG,QAAQ;wBAG3B,MAAM,SAAS,MAAM,OAAO,MAAM;oBAItC,MAAM,OAAO,MAAM;uBAKhB,SAAS;uBAIT,MAAM,QAAQ,MAAM,eAAe,MAAM;wBAMxC,MAAM;;oBAWV,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;wBAK5B,MAAM,WAAW,OAAO,CAAC,iBAAiB,CAAC;wBAI3C,MAAM;qBAIT,MAAM,WAAW,OAAO,CAAC,cAAc,CAAC;qBAIxC,MAAM;0BAID,MAAM,SAAS,MAAM;8BAIjB,MAAM,gBAAgB,MAAM;2BAI/B,mBAAmB;;2BAanB,qBAAqB;6BAInB,MAAM,GAAG,SAAS;;wBAQvB,SAAS,GAAG,IAAI;wBAGhB,MAAM;;;EAc7B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor-svelte",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "Svelte bindings and prompt/rich-text components for @pixerate/editor",
   "author": "Pixerate",
   "license": "MIT",
@@ -38,6 +38,16 @@
       "svelte": "./dist/commands/index.js",
       "default": "./dist/commands/index.js"
     },
+    "./persistence": {
+      "types": "./dist/persistence/index.d.ts",
+      "svelte": "./dist/persistence/index.js",
+      "default": "./dist/persistence/index.js"
+    },
+    "./generation": {
+      "types": "./dist/generation/index.d.ts",
+      "svelte": "./dist/generation/index.js",
+      "default": "./dist/generation/index.js"
+    },
     "./package.json": "./package.json"
   },
   "typesVersions": {
@@ -53,6 +63,12 @@
       ],
       "commands": [
         "./dist/commands/index.d.ts"
+      ],
+      "persistence": [
+        "./dist/persistence/index.d.ts"
+      ],
+      "generation": [
+        "./dist/generation/index.d.ts"
       ]
     }
   },
@@ -67,7 +83,7 @@
     "@tiptap/extension-bubble-menu": "^2.11.5",
     "@tiptap/extension-placeholder": "^2.11.5",
     "@tiptap/starter-kit": "^2.11.5",
-    "@pixerate/editor": "0.23.0"
+    "@pixerate/editor": "0.24.0"
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^1.1.4",