@nasser-sw/fabric 7.0.0-beta1

package/dist-extensions/src/text/measure.d.ts

@@ -0,0 +1,131 @@
+/**
+ * Advanced Text Measurement System
+ *
+ * Provides precise text measurement with caching, font metrics,
+ * and DPI awareness for optimal performance and accuracy.
+ */
+export interface MeasurementOptions {
+    fontFamily: string;
+    fontSize: number;
+    fontStyle: string;
+    fontWeight: string | number;
+    letterSpacing?: number;
+    direction?: 'ltr' | 'rtl';
+}
+export interface GraphemeMeasurement {
+    width: number;
+    height: number;
+    ascent: number;
+    descent: number;
+    baseline: number;
+}
+export interface KerningMeasurement extends GraphemeMeasurement {
+    kernedWidth: number;
+}
+export interface FontMetrics {
+    ascent: number;
+    descent: number;
+    lineHeight: number;
+    baseline: string;
+    fontBoundingBoxAscent?: number;
+    fontBoundingBoxDescent?: number;
+    actualBoundingBoxAscent?: number;
+    actualBoundingBoxDescent?: number;
+}
+/**
+ * Measure a single grapheme
+ */
+export declare function measureGrapheme(grapheme: string, options: MeasurementOptions, ctx?: CanvasRenderingContext2D): GraphemeMeasurement;
+/**
+ * Measure a grapheme with kerning relative to previous character
+ */
+export declare function measureGraphemeWithKerning(grapheme: string, previousGrapheme: string | undefined, options: MeasurementOptions, ctx?: CanvasRenderingContext2D): KerningMeasurement;
+/**
+ * Get font metrics for layout calculations
+ */
+export declare function getFontMetrics(options: MeasurementOptions): FontMetrics;
+/**
+ * Advanced measurement cache with font-aware keys
+ */
+export declare class MeasurementCache {
+    private cache;
+    getCacheKey(grapheme: string, options: MeasurementOptions): string;
+    get(grapheme: string, options: MeasurementOptions): GraphemeMeasurement | undefined;
+    set(grapheme: string, options: MeasurementOptions, measurement: GraphemeMeasurement): void;
+    clear(): void;
+    getStats(): {
+        size: number;
+        hitRate: number;
+        hits: number;
+        misses: number;
+    };
+}
+/**
+ * Kerning cache for character pairs
+ */
+declare class KerningCache {
+    private cache;
+    getCacheKey(pair: string, options: MeasurementOptions): string;
+    get(pair: string, options: MeasurementOptions): number | undefined;
+    set(pair: string, options: MeasurementOptions, kerning: number): void;
+    clear(): void;
+    getStats(): {
+        size: number;
+        hitRate: number;
+        hits: number;
+        misses: number;
+    };
+}
+/**
+ * Font metrics cache
+ */
+declare class FontMetricsCache {
+    private cache;
+    get(fontDeclaration: string): FontMetrics | undefined;
+    set(fontDeclaration: string, metrics: FontMetrics): void;
+    clear(): void;
+    getStats(): {
+        size: number;
+    };
+}
+export declare const measurementCache: MeasurementCache;
+export declare const kerningCache: KerningCache;
+export declare const fontMetricsCache: FontMetricsCache;
+/**
+ * Clear all measurement caches
+ */
+export declare function clearAllCaches(): void;
+/**
+ * Get combined cache statistics
+ */
+export declare function getCacheStats(): {
+    measurement: {
+        size: number;
+        hitRate: number;
+        hits: number;
+        misses: number;
+    };
+    kerning: {
+        size: number;
+        hitRate: number;
+        hits: number;
+        misses: number;
+    };
+    fontMetrics: {
+        size: number;
+    };
+};
+/**
+ * Batch measure multiple graphemes efficiently
+ */
+export declare function batchMeasureGraphemes(graphemes: string[], options: MeasurementOptions, ctx?: CanvasRenderingContext2D): GraphemeMeasurement[];
+/**
+ * Estimate text width without full layout (for performance)
+ */
+export declare function estimateTextWidth(text: string, options: MeasurementOptions): number;
+/**
+ * Check if font is loaded and ready for measurement
+ */
+export declare function isFontReady(fontFamily: string): boolean;
+export {};
+//# sourceMappingURL=measure.d.ts.map

package/dist-extensions/src/text/measure.d.ts.map

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

package/dist-extensions/src/text/overlayEditor.d.ts

@@ -0,0 +1,113 @@
+/**
+ * Canva/Polotno-style Overlay Text Editor
+ *
+ * Provides seamless inline text editing using an HTML textarea overlay
+ * that matches canvas text positioning, styling, and transformations.
+ */
+import type { Canvas } from '../canvas/Canvas';
+import type { FabricText } from '../shapes/Text/Text';
+import type { IText } from '../shapes/IText/IText';
+import type { Textbox } from '../shapes/Textbox';
+export interface OverlayEditorOptions {
+    canvas: Canvas;
+    target: FabricText | IText | Textbox;
+    onCommit?: (text: string) => void;
+    onCancel?: () => void;
+}
+export interface ScreenTransform {
+    translateX: number;
+    translateY: number;
+    scaleX: number;
+    scaleY: number;
+    angle: number;
+}
+export declare class OverlayEditor {
+    private canvas;
+    private target;
+    private container;
+    private textarea;
+    private hostDiv;
+    private isDestroyed;
+    private isComposing;
+    private lastText;
+    private onCommit?;
+    private onCancel?;
+    private boundHandlers;
+    constructor(options: OverlayEditorOptions);
+    /**
+     * Get the container element for the overlay (parent of upperCanvasEl)
+     */
+    private getCanvasContainer;
+    /**
+     * Create the overlay DOM structure
+     */
+    private createOverlayDOM;
+    /**
+     * Attach all event listeners
+     */
+    private attachEventListeners;
+    /**
+     * Remove all event listeners
+     */
+    private removeEventListeners;
+    /**
+     * Simple method to refresh positioning when canvas changes
+     */
+    private updatePosition;
+    /**
+     * Update the Fabric object bounds to match current textarea size
+     * This ensures Fabric.js selection controls follow the growing textbox
+     */
+    private updateObjectBounds;
+    /**
+     * Convert Fabric charSpacing (1/1000 em) to CSS letter-spacing (px)
+     */
+    private letterSpacingPx;
+    /**
+     * Detect text direction using first strong directional character
+     */
+    private firstStrongDir;
+    private applyOverlayStyle;
+    /**
+     * Focus the textarea and position cursor at end
+     */
+    private focusTextarea;
+    /**
+     * Refresh overlay positioning and styling
+     */
+    refresh(): void;
+    /**
+     * Destroy the overlay editor
+     */
+    destroy(commit?: boolean): void;
+    private handleInput;
+    private autoResizeTextarea;
+    private handleKeyDown;
+    private handleFocus;
+    private handleBlur;
+    private handleCompositionStart;
+    private handleCompositionEnd;
+    private handleAfterRender;
+    private handleMouseWheel;
+    private handleMouseDown;
+    /**
+     * Setup detection for viewport changes (zoom/pan)
+     */
+    private setupViewportChangeDetection;
+    /**
+     * Restore original viewport methods
+     */
+    private restoreViewportChangeDetection;
+}
+/**
+ * Enter overlay text editing mode for a text object
+ */
+export declare function enterTextOverlayEdit(canvas: Canvas, target: FabricText | IText | Textbox, options?: {
+    onCommit?: (text: string) => void;
+    onCancel?: () => void;
+}): OverlayEditor;
+/**
+ * Check if a text object is currently being edited with overlay editor
+ */
+export declare function isInOverlayEdit(target: FabricText | IText | Textbox): boolean;
+//# sourceMappingURL=overlayEditor.d.ts.map

package/dist-extensions/src/text/overlayEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayEditor.d.ts","sourceRoot":"","sources":["../../../src/text/overlayEditor.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAKjD,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,UAAU,GAAG,KAAK,GAAG,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,QAAQ,CAAsB;IACtC,OAAO,CAAC,OAAO,CAAiB;IAChC,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAC,CAAyB;IAC1C,OAAO,CAAC,QAAQ,CAAC,CAAa;IAG9B,OAAO,CAAC,aAAa,CAUnB;gBAEU,OAAO,EAAE,oBAAoB;IAoBzC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAa1B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAmDxB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAwB5B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAsB5B;;OAEG;IACH,OAAO,CAAC,cAAc;IAItB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAqB1B;;OAEG;IACH,OAAO,CAAC,eAAe;IAIvB;;OAEG;IACH,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,iBAAiB;IAoHzB;;OAEG;IACH,OAAO,CAAC,aAAa;IA0CrB;;OAEG;IACI,OAAO,IAAI,IAAI;IAMtB;;OAEG;IACI,OAAO,CAAC,MAAM,GAAE,OAAc,GAAG,IAAI;IAgD5C,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,kBAAkB;IAsB1B,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,eAAe;IAMvB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IA2BpC;;OAEG;IACH,OAAO,CAAC,8BAA8B;CAavC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,UAAU,GAAG,KAAK,GAAG,OAAO,EACpC,OAAO,CAAC,EAAE;IACR,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,GACA,aAAa,CAsBf;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAE7E"}

package/dist-extensions/src/text/unicode.d.ts

@@ -0,0 +1,106 @@
+/**
+ * Unicode and Internationalization Support
+ *
+ * Enhanced Unicode handling for complex scripts, RTL/LTR text,
+ * and grapheme cluster boundary detection.
+ */
+export interface BiDiRun {
+    text: string;
+    direction: 'ltr' | 'rtl';
+    level: number;
+    start: number;
+    end: number;
+}
+export interface ScriptInfo {
+    script: string;
+    direction: 'ltr' | 'rtl';
+    needsShaping: boolean;
+    complexLayout: boolean;
+}
+/**
+ * Enhanced grapheme segmentation using Intl.Segmenter when available
+ * with fallback to existing graphemeSplit implementation
+ */
+export declare function segmentGraphemes(text: string): string[];
+/**
+ * Analyze text for bidirectional runs using Unicode BiDi algorithm (simplified)
+ */
+export declare function analyzeBiDi(text: string, baseDirection?: 'ltr' | 'rtl'): BiDiRun[];
+/**
+ * Detect the primary script of text for font fallback and shaping
+ */
+export declare function detectScript(text: string): string;
+/**
+ * Get script information for layout decisions
+ */
+export declare function getScriptInfo(script: string): ScriptInfo;
+/**
+ * Break words according to language-specific rules
+ */
+export declare function breakWords(text: string, locale?: string): string[];
+/**
+ * Character classification functions
+ */
+export declare function isWhitespace(grapheme: string): boolean;
+export declare function isLineBreak(grapheme: string): boolean;
+export declare function isWordSeparator(grapheme: string): boolean;
+export declare function isPunctuation(grapheme: string): boolean;
+export declare function isEmoji(grapheme: string): boolean;
+export declare function isRTLCharacter(char: string): boolean;
+/**
+ * Advanced grapheme cluster handling for complex scripts
+ */
+export declare function findGraphemeClusterBoundaries(text: string): number[];
+/**
+ * Check if a position is at a grapheme cluster boundary
+ */
+export declare function isGraphemeClusterBoundary(text: string, position: number): boolean;
+/**
+ * Find the next grapheme cluster boundary from a given position
+ */
+export declare function findNextGraphemeClusterBoundary(text: string, position: number): number;
+/**
+ * Find the previous grapheme cluster boundary from a given position
+ */
+export declare function findPreviousGraphemeClusterBoundary(text: string, position: number): number;
+/**
+ * Normalize text for consistent processing
+ */
+export declare function normalizeText(text: string, form?: 'NFC' | 'NFD' | 'NFKC' | 'NFKD'): string;
+/**
+ * Detect if text contains complex script characters that need special handling
+ */
+export declare function needsComplexLayout(text: string): boolean;
+/**
+ * Get text direction based on content analysis
+ */
+export declare function getTextDirection(text: string, fallback?: 'ltr' | 'rtl'): 'ltr' | 'rtl';
+/**
+ * Split text into lines respecting complex script rules
+ */
+export declare function splitTextLines(text: string): string[];
+/**
+ * Check if combining marks or modifiers should be kept with base character
+ */
+export declare function isCombiningMark(char: string): boolean;
+/**
+ * Advanced word breaking for different scripts
+ */
+export declare function breakWordsAdvanced(text: string): string[];
+/**
+ * Check if text needs right-to-left processing
+ */
+export declare function needsRTLProcessing(text: string): boolean;
+/**
+ * Reverse text for RTL display (simplified - real RTL is more complex)
+ */
+export declare function reverseForRTL(text: string): string;
+/**
+ * Get appropriate line breaking class for character
+ */
+export declare function getLineBreakClass(char: string): string;
+/**
+ * Check if line break is allowed between two characters
+ */
+export declare function isLineBreakAllowed(before: string, after: string): boolean;
+//# sourceMappingURL=unicode.d.ts.map

package/dist-extensions/src/text/unicode.d.ts.map

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

package/dist-extensions/src/typedefs.d.ts

@@ -0,0 +1,99 @@
+import type { Gradient } from './gradient/Gradient';
+import type { Pattern } from './Pattern';
+import type { XY, Point } from './Point';
+import type { FabricObject as BaseFabricObject } from './shapes/Object/Object';
+interface NominalTag<T> {
+    nominalTag?: T;
+}
+type Nominal<Type, Tag> = NominalTag<Tag> & Type;
+type TNonFunctionPropertyNames<T> = {
+    [K in keyof T]: T[K] extends Function ? never : K;
+}[keyof T];
+export type TClassProperties<T> = Pick<T, TNonFunctionPropertyNames<T>>;
+export type Constructor<T = object> = new (...args: any[]) => T;
+declare const enum Degree {
+}
+declare const enum Radian {
+}
+export type TDegree = Nominal<number, Degree>;
+export type TRadian = Nominal<number, Radian>;
+export type TAxis = 'x' | 'y';
+export type TAxisKey<T extends string> = `${T}${Capitalize<TAxis>}`;
+export type TFiller = Gradient<'linear'> | Gradient<'radial'> | Pattern;
+export type TSize = {
+    width: number;
+    height: number;
+};
+export type TBBox = {
+    left: number;
+    top: number;
+} & TSize;
+export type Percent = `${number}%`;
+/**
+ * In order to support webp on node canvas a workaround is needed and is shared here:
+ * https://github.com/Automattic/node-canvas/issues/1258
+ */
+export type ImageFormat = 'jpeg' | 'png' | 'webp';
+export type SVGElementName = 'linearGradient' | 'radialGradient' | 'stop';
+export type SupportedSVGUnit = 'mm' | 'cm' | 'in' | 'pt' | 'pc' | 'em';
+/**
+ * A transform matrix.
+ * Basically a matrix in the form
+ * [ a c e ]
+ * [ b d f ]
+ * [ 0 0 1 ]
+ * For more details, see {@link https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform#matrix}
+ */
+export type TMat2D = [
+    a: number,
+    b: number,
+    c: number,
+    d: number,
+    e: number,
+    f: number
+];
+/**
+ * An invalid keyword and an empty string will be handled as the `anonymous` keyword.
+ * @see https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes
+ */
+export type TCrossOrigin = '' | 'anonymous' | 'use-credentials' | null;
+export type TOriginX = 'center' | 'left' | 'right' | number;
+export type TOriginY = 'center' | 'top' | 'bottom' | number;
+export type TCornerPoint = {
+    tl: Point;
+    tr: Point;
+    bl: Point;
+    br: Point;
+};
+export type TSVGReviver = (markup: string) => string;
+export type TValidToObjectMethod = 'toDatalessObject' | 'toObject';
+export type TCacheCanvasDimensions = TSize & {
+    zoomX: number;
+    zoomY: number;
+    x: number;
+    y: number;
+};
+export type TRectBounds = [min: XY, max: XY];
+export type TToCanvasElementOptions<T extends BaseFabricObject = BaseFabricObject> = {
+    left?: number;
+    top?: number;
+    width?: number;
+    height?: number;
+    filter?: (object: T) => boolean;
+};
+export type TDataUrlOptions<T extends BaseFabricObject = BaseFabricObject> = TToCanvasElementOptions<T> & {
+    multiplier: number;
+    format?: ImageFormat;
+    quality?: number;
+    enableRetinaScaling?: boolean;
+};
+export type Abortable = {
+    /**
+     * handle aborting
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal
+     */
+    signal?: AbortSignal;
+};
+export type TOptions<T> = Partial<T> & Record<string, any>;
+export {};
+//# sourceMappingURL=typedefs.d.ts.map

package/dist-extensions/src/typedefs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typedefs.d.ts","sourceRoot":"","sources":["../../src/typedefs.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/E,UAAU,UAAU,CAAC,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,CAAC;CAChB;AAED,KAAK,OAAO,CAAC,IAAI,EAAE,GAAG,IAAI,UAAU,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;AAEjD,KAAK,yBAAyB,CAAC,CAAC,IAAI;KAEjC,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,QAAQ,GAAG,KAAK,GAAG,CAAC;CAClD,CAAC,MAAM,CAAC,CAAC,CAAC;AACX,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,yBAAyB,CAAC,CAAC,CAAC,CAAC,CAAC;AAGxE,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAEhE,mBAAW,MAAM;CAAG;AACpB,mBAAW,MAAM;CAAG;AAEpB,MAAM,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC9C,MAAM,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE9C,MAAM,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC;AAE9B,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,MAAM,IAAI,GAAG,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;AAEpE,MAAM,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC;AAExE,MAAM,MAAM,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb,GAAG,KAAK,CAAC;AAEV,MAAM,MAAM,OAAO,GAAG,GAAG,MAAM,GAAG,CAAC;AAEnC;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,MAAM,CAAC;AAE1E,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvE;;;;;;;GAOG;AACH,MAAM,MAAM,MAAM,GAAG;IACnB,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;CACV,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,EAAE,GAAG,WAAW,GAAG,iBAAiB,GAAG,IAAI,CAAC;AAEvE,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAC5D,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5D,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,KAAK,CAAC;IACV,EAAE,EAAE,KAAK,CAAC;IACV,EAAE,EAAE,KAAK,CAAC;IACV,EAAE,EAAE,KAAK,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;AAErD,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,GAAG,UAAU,CAAC;AAEnE,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG;IAG3C,KAAK,EAAE,MAAM,CAAC;IAEd,KAAK,EAAE,MAAM,CAAC;IAEd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;AAE7C,MAAM,MAAM,uBAAuB,CACjC,CAAC,SAAS,gBAAgB,GAAG,gBAAgB,IAC3C;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,gBAAgB,GAAG,gBAAgB,IACvE,uBAAuB,CAAC,CAAC,CAAC,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEJ,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC"}

package/dist-extensions/src/util/animation/AnimationBase.d.ts

@@ -0,0 +1,54 @@
+import type { AnimationState, TBaseAnimationOptions, TEasingFunction } from './types';
+export declare abstract class AnimationBase<T extends number | number[] = number | number[]> {
+    readonly startValue: T;
+    readonly endValue: T;
+    readonly duration: number;
+    readonly delay: number;
+    protected readonly byValue: T;
+    protected readonly easing: TEasingFunction<T>;
+    private readonly _onStart;
+    private readonly _onChange;
+    private readonly _onComplete;
+    private readonly _abort;
+    /**
+     * Used to register the animation to a target object
+     * so that it can be cancelled within the object context
+     */
+    readonly target?: unknown;
+    private _state;
+    /**
+     * Time %, or the ratio of `timeElapsed / duration`
+     * @see tick
+     */
+    durationProgress: number;
+    /**
+     * Value %, or the ratio of `(currentValue - startValue) / (endValue - startValue)`
+     */
+    valueProgress: number;
+    /**
+     * Current value
+     */
+    value: T;
+    /**
+     * Animation start time ms
+     */
+    private startTime;
+    constructor({ startValue, byValue, duration, delay, easing, onStart, onChange, onComplete, abort, target, }: TBaseAnimationOptions<T>);
+    get state(): AnimationState;
+    isDone(): boolean;
+    /**
+     * Calculate the current value based on the easing parameters
+     * @param timeElapsed in ms
+     * @protected
+     */
+    protected abstract calculate(timeElapsed: number): {
+        value: T;
+        valueProgress: number;
+    };
+    start(): void;
+    private tick;
+    private register;
+    private unregister;
+    abort(): void;
+}
+//# sourceMappingURL=AnimationBase.d.ts.map

package/dist-extensions/src/util/animation/AnimationBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationBase.d.ts","sourceRoot":"","sources":["../../../../src/util/animation/AnimationBase.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,cAAc,EAEd,qBAAqB,EACrB,eAAe,EAEhB,MAAM,SAAS,CAAC;AAIjB,8BAAsB,aAAa,CACjC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,EAAE;IAE/C,SAAiB,UAAU,EAAE,CAAC,CAAC;IAC/B,SAAiB,QAAQ,EAAE,CAAC,CAAC;IAC7B,SAAiB,QAAQ,EAAE,MAAM,CAAC;IAClC,SAAiB,KAAK,EAAE,MAAM,CAAC;IAE/B,mBAA2B,OAAO,EAAE,CAAC,CAAC;IACtC,mBAA2B,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAEtD,iBAAyB,QAAQ,CAAe;IAChD,iBAAyB,SAAS,CAAgC;IAClE,iBAAyB,WAAW,CAAgC;IACpE,iBAAyB,MAAM,CAAoB;IAEnD;;;OAGG;IACH,SAAiB,MAAM,CAAC,EAAE,OAAO,CAAC;IAElC,OAAO,CAAC,MAAM,CAA6B;IAC3C;;;OAGG;IACH,gBAAgB,SAAK;IACrB;;OAEG;IACH,aAAa,SAAK;IAClB;;OAEG;IACK,KAAK,EAAE,CAAC,CAAC;IACjB;;OAEG;IACH,QAAgB,SAAS,CAAS;gBAEtB,EACV,UAAU,EACV,OAAO,EACP,QAAc,EACd,KAAS,EACT,MAAsB,EACtB,OAAc,EACd,QAAe,EACf,UAAiB,EACjB,KAAoB,EACpB,MAAM,GACP,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAkB3B,IAAI,KAAK,mBAER;IAED,MAAM;IAIN;;;;OAIG;IACH,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,WAAW,EAAE,MAAM,GAAG;QACjD,KAAK,EAAE,CAAC,CAAC;QACT,aAAa,EAAE,MAAM,CAAC;KACvB;IAED,KAAK;IAoBL,OAAO,CAAC,IAAI;IA+BZ,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,UAAU;IAIlB,KAAK;CAIN"}

package/dist-extensions/src/util/animation/AnimationFrameProvider.d.ts

@@ -0,0 +1,3 @@
+export declare function requestAnimFrame(callback: FrameRequestCallback): number;
+export declare function cancelAnimFrame(handle: number): void;
+//# sourceMappingURL=AnimationFrameProvider.d.ts.map

package/dist-extensions/src/util/animation/AnimationFrameProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationFrameProvider.d.ts","sourceRoot":"","sources":["../../../../src/util/animation/AnimationFrameProvider.ts"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,oBAAoB,GAAG,MAAM,CAEvE;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAEpD"}

package/dist-extensions/src/util/animation/AnimationRegistry.d.ts

@@ -0,0 +1,29 @@
+import type { StaticCanvas } from '../../canvas/StaticCanvas';
+import type { AnimationBase } from './AnimationBase';
+/**
+ * Array holding all running animations
+ */
+declare class AnimationRegistry extends Array<AnimationBase> {
+    /**
+     * Remove a single animation using an animation context
+     * @param {AnimationBase} context
+     */
+    remove(context: AnimationBase): void;
+    /**
+     * Cancel all running animations on the next frame
+     */
+    cancelAll(): AnimationBase<number | number[]>[];
+    /**
+     * Cancel all running animations attached to a canvas on the next frame
+     * @param {StaticCanvas} canvas
+     */
+    cancelByCanvas(canvas: StaticCanvas): AnimationBase<number | number[]>[];
+    /**
+     * Cancel all running animations for target on the next frame
+     * @param target
+     */
+    cancelByTarget(target: AnimationBase['target']): AnimationBase<number | number[]>[];
+}
+export declare const runningAnimations: AnimationRegistry;
+export {};
+//# sourceMappingURL=AnimationRegistry.d.ts.map

package/dist-extensions/src/util/animation/AnimationRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationRegistry.d.ts","sourceRoot":"","sources":["../../../../src/util/animation/AnimationRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD;;GAEG;AACH,cAAM,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CAAC;IAClD;;;OAGG;IACH,MAAM,CAAC,OAAO,EAAE,aAAa;IAK7B;;OAEG;IACH,SAAS;IAMT;;;OAGG;IACH,cAAc,CAAC,MAAM,EAAE,YAAY;IAcnC;;;OAGG;IACH,cAAc,CAAC,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC;CAQ/C;AAED,eAAO,MAAM,iBAAiB,mBAA0B,CAAC"}

package/dist-extensions/src/util/animation/ArrayAnimation.d.ts

@@ -0,0 +1,10 @@
+import { AnimationBase } from './AnimationBase';
+import type { ArrayAnimationOptions } from './types';
+export declare class ArrayAnimation extends AnimationBase<number[]> {
+    constructor({ startValue, endValue, ...options }: ArrayAnimationOptions);
+    protected calculate(timeElapsed: number): {
+        value: number[];
+        valueProgress: number;
+    };
+}
+//# sourceMappingURL=ArrayAnimation.d.ts.map

package/dist-extensions/src/util/animation/ArrayAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayAnimation.d.ts","sourceRoot":"","sources":["../../../../src/util/animation/ArrayAnimation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,qBAAa,cAAe,SAAQ,aAAa,CAAC,MAAM,EAAE,CAAC;gBAC7C,EACV,UAAgB,EAChB,QAAgB,EAChB,GAAG,OAAO,EACX,EAAE,qBAAqB;IAOxB,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,MAAM;;;;CAWxC"}

package/dist-extensions/src/util/animation/ColorAnimation.d.ts

@@ -0,0 +1,11 @@
+import type { TRGBAColorSource } from '../../color/typedefs';
+import { AnimationBase } from './AnimationBase';
+import type { ColorAnimationOptions } from './types';
+export declare class ColorAnimation extends AnimationBase<TRGBAColorSource> {
+    constructor({ startValue, endValue, easing, onChange, onComplete, abort, ...options }: ColorAnimationOptions);
+    protected calculate(timeElapsed: number): {
+        value: TRGBAColorSource;
+        valueProgress: number;
+    };
+}
+//# sourceMappingURL=ColorAnimation.d.ts.map

package/dist-extensions/src/util/animation/ColorAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorAnimation.d.ts","sourceRoot":"","sources":["../../../../src/util/animation/ColorAnimation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAG7D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EACV,qBAAqB,EAGtB,MAAM,SAAS,CAAC;AAmBjB,qBAAa,cAAe,SAAQ,aAAa,CAAC,gBAAgB,CAAC;gBACrD,EACV,UAAU,EACV,QAAQ,EACR,MAA2B,EAC3B,QAAQ,EACR,UAAU,EACV,KAAK,EACL,GAAG,OAAO,EACX,EAAE,qBAAqB;IAexB,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,MAAM;;;;CAqBxC"}

package/dist-extensions/src/util/animation/ValueAnimation.d.ts

@@ -0,0 +1,10 @@
+import { AnimationBase } from './AnimationBase';
+import type { ValueAnimationOptions } from './types';
+export declare class ValueAnimation extends AnimationBase<number> {
+    constructor({ startValue, endValue, ...otherOptions }: ValueAnimationOptions);
+    protected calculate(timeElapsed: number): {
+        value: number;
+        valueProgress: number;
+    };
+}
+//# sourceMappingURL=ValueAnimation.d.ts.map

package/dist-extensions/src/util/animation/ValueAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueAnimation.d.ts","sourceRoot":"","sources":["../../../../src/util/animation/ValueAnimation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,qBAAa,cAAe,SAAQ,aAAa,CAAC,MAAM,CAAC;gBAC3C,EACV,UAAc,EACd,QAAc,EACd,GAAG,YAAY,EAChB,EAAE,qBAAqB;IAQxB,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,MAAM;;;;CAYxC"}

package/dist-extensions/src/util/animation/animate.d.ts

@@ -0,0 +1,37 @@
+import { ValueAnimation } from './ValueAnimation';
+import { ArrayAnimation } from './ArrayAnimation';
+import { ColorAnimation } from './ColorAnimation';
+import type { ValueAnimationOptions, ArrayAnimationOptions, ColorAnimationOptions } from './types';
+import type { TColorArg } from '../../color/typedefs';
+export type TAnimation<T extends number | number[] | TColorArg> = T extends TColorArg ? ColorAnimation : T extends number[] ? ArrayAnimation : ValueAnimation;
+/**
+ * Changes value(s) from startValue to endValue within a certain period of time,
+ * invoking callbacks as the value(s) change.
+ *
+ * @example
+ * animate({
+ *   startValue: 1,
+ *   endValue: 0,
+ *   onChange: (v) => {
+ *     obj.set('opacity', v);
+ *     // since we are running in a requested frame we should call `renderAll` and not `requestRenderAll`
+ *     canvas.renderAll();
+ *   }
+ * });
+ *
+ * @example Using lists:
+ * animate({
+ *   startValue: [1, 2, 3],
+ *   endValue: [2, 4, 6],
+ *   onChange: ([x, y, zoom]) => {
+ *     canvas.zoomToPoint(new Point(x, y), zoom);
+ *     canvas.renderAll();
+ *   }
+ * });
+ *
+ */
+export declare function animate(options: ArrayAnimationOptions): ArrayAnimation;
+export declare function animate(options: ValueAnimationOptions): ValueAnimation;
+export declare function animate<T extends ValueAnimationOptions | ArrayAnimationOptions>(options: T): T extends ArrayAnimationOptions ? ArrayAnimation : ValueAnimation;
+export declare function animateColor(options: ColorAnimationOptions): ColorAnimation;
+//# sourceMappingURL=animate.d.ts.map