@nasser-sw/fabric 7.0.0-beta1

package/dist/src/util/animation/AnimationBase.mjs

@@ -0,0 +1,128 @@
+import { defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { noop } from '../../constants.mjs';
+import { requestAnimFrame } from './AnimationFrameProvider.mjs';
+import { runningAnimations } from './AnimationRegistry.mjs';
+import { defaultEasing } from './easing.mjs';
+
+const defaultAbort = () => false;
+class AnimationBase {
+  /**
+   * Current value
+   */
+
+  /**
+   * Animation start time ms
+   */
+
+  constructor(_ref) {
+    let {
+      startValue,
+      byValue,
+      duration = 500,
+      delay = 0,
+      easing = defaultEasing,
+      onStart = noop,
+      onChange = noop,
+      onComplete = noop,
+      abort = defaultAbort,
+      target
+    } = _ref;
+    /**
+     * Used to register the animation to a target object
+     * so that it can be cancelled within the object context
+     */
+    _defineProperty(this, "_state", 'pending');
+    /**
+     * Time %, or the ratio of `timeElapsed / duration`
+     * @see tick
+     */
+    _defineProperty(this, "durationProgress", 0);
+    /**
+     * Value %, or the ratio of `(currentValue - startValue) / (endValue - startValue)`
+     */
+    _defineProperty(this, "valueProgress", 0);
+    this.tick = this.tick.bind(this);
+    this.duration = duration;
+    this.delay = delay;
+    this.easing = easing;
+    this._onStart = onStart;
+    this._onChange = onChange;
+    this._onComplete = onComplete;
+    this._abort = abort;
+    this.target = target;
+    this.startValue = startValue;
+    this.byValue = byValue;
+    this.value = this.startValue;
+    this.endValue = Object.freeze(this.calculate(this.duration).value);
+  }
+  get state() {
+    return this._state;
+  }
+  isDone() {
+    return this._state === 'aborted' || this._state === 'completed';
+  }
+
+  /**
+   * Calculate the current value based on the easing parameters
+   * @param timeElapsed in ms
+   * @protected
+   */
+
+  start() {
+    const firstTick = timestamp => {
+      if (this._state !== 'pending') return;
+      this.startTime = timestamp || +new Date();
+      this._state = 'running';
+      this._onStart();
+      this.tick(this.startTime);
+    };
+    this.register();
+
+    // setTimeout(cb, 0) will run cb on the next frame, causing a delay
+    // we don't want that
+    if (this.delay > 0) {
+      setTimeout(() => requestAnimFrame(firstTick), this.delay);
+    } else {
+      requestAnimFrame(firstTick);
+    }
+  }
+  tick(t) {
+    const durationMs = (t || +new Date()) - this.startTime;
+    const boundDurationMs = Math.min(durationMs, this.duration);
+    this.durationProgress = boundDurationMs / this.duration;
+    const {
+      value,
+      valueProgress
+    } = this.calculate(boundDurationMs);
+    this.value = Object.freeze(value);
+    this.valueProgress = valueProgress;
+    if (this._state === 'aborted') {
+      return;
+    } else if (this._abort(this.value, this.valueProgress, this.durationProgress)) {
+      this._state = 'aborted';
+      this.unregister();
+    } else if (durationMs >= this.duration) {
+      this.durationProgress = this.valueProgress = 1;
+      this._onChange(this.endValue, this.valueProgress, this.durationProgress);
+      this._state = 'completed';
+      this._onComplete(this.endValue, this.valueProgress, this.durationProgress);
+      this.unregister();
+    } else {
+      this._onChange(this.value, this.valueProgress, this.durationProgress);
+      requestAnimFrame(this.tick);
+    }
+  }
+  register() {
+    runningAnimations.push(this);
+  }
+  unregister() {
+    runningAnimations.remove(this);
+  }
+  abort() {
+    this._state = 'aborted';
+    this.unregister();
+  }
+}
+
+export { AnimationBase };
+//# sourceMappingURL=AnimationBase.mjs.map

package/dist/src/util/animation/AnimationBase.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationBase.mjs","sources":["../../../../src/util/animation/AnimationBase.ts"],"sourcesContent":["import { noop } from '../../constants';\nimport { requestAnimFrame } from './AnimationFrameProvider';\nimport { runningAnimations } from './AnimationRegistry';\nimport { defaultEasing } from './easing';\nimport type {\n  AnimationState,\n  TAbortCallback,\n  TBaseAnimationOptions,\n  TEasingFunction,\n  TOnAnimationChangeCallback,\n} from './types';\n\nconst defaultAbort = () => false;\n\nexport abstract class AnimationBase<\n  T extends number | number[] = number | number[],\n> {\n  declare readonly startValue: T;\n  declare readonly endValue: T;\n  declare readonly duration: number;\n  declare readonly delay: number;\n\n  declare protected readonly byValue: T;\n  declare protected readonly easing: TEasingFunction<T>;\n\n  declare private readonly _onStart: VoidFunction;\n  declare private readonly _onChange: TOnAnimationChangeCallback<T>;\n  declare private readonly _onComplete: TOnAnimationChangeCallback<T>;\n  declare private readonly _abort: TAbortCallback<T>;\n\n  /**\n   * Used to register the animation to a target object\n   * so that it can be cancelled within the object context\n   */\n  declare readonly target?: unknown;\n\n  private _state: AnimationState = 'pending';\n  /**\n   * Time %, or the ratio of `timeElapsed / duration`\n   * @see tick\n   */\n  durationProgress = 0;\n  /**\n   * Value %, or the ratio of `(currentValue - startValue) / (endValue - startValue)`\n   */\n  valueProgress = 0;\n  /**\n   * Current value\n   */\n  declare value: T;\n  /**\n   * Animation start time ms\n   */\n  declare private startTime: number;\n\n  constructor({\n    startValue,\n    byValue,\n    duration = 500,\n    delay = 0,\n    easing = defaultEasing,\n    onStart = noop,\n    onChange = noop,\n    onComplete = noop,\n    abort = defaultAbort,\n    target,\n  }: TBaseAnimationOptions<T>) {\n    this.tick = this.tick.bind(this);\n\n    this.duration = duration;\n    this.delay = delay;\n    this.easing = easing;\n    this._onStart = onStart;\n    this._onChange = onChange;\n    this._onComplete = onComplete;\n    this._abort = abort;\n    this.target = target;\n\n    this.startValue = startValue;\n    this.byValue = byValue;\n    this.value = this.startValue;\n    this.endValue = Object.freeze(this.calculate(this.duration).value);\n  }\n\n  get state() {\n    return this._state;\n  }\n\n  isDone() {\n    return this._state === 'aborted' || this._state === 'completed';\n  }\n\n  /**\n   * Calculate the current value based on the easing parameters\n   * @param timeElapsed in ms\n   * @protected\n   */\n  protected abstract calculate(timeElapsed: number): {\n    value: T;\n    valueProgress: number;\n  };\n\n  start() {\n    const firstTick: FrameRequestCallback = (timestamp) => {\n      if (this._state !== 'pending') return;\n      this.startTime = timestamp || +new Date();\n      this._state = 'running';\n      this._onStart();\n      this.tick(this.startTime);\n    };\n\n    this.register();\n\n    // setTimeout(cb, 0) will run cb on the next frame, causing a delay\n    // we don't want that\n    if (this.delay > 0) {\n      setTimeout(() => requestAnimFrame(firstTick), this.delay);\n    } else {\n      requestAnimFrame(firstTick);\n    }\n  }\n\n  private tick(t: number) {\n    const durationMs = (t || +new Date()) - this.startTime;\n    const boundDurationMs = Math.min(durationMs, this.duration);\n    this.durationProgress = boundDurationMs / this.duration;\n    const { value, valueProgress } = this.calculate(boundDurationMs);\n    this.value = Object.freeze(value);\n    this.valueProgress = valueProgress;\n\n    if (this._state === 'aborted') {\n      return;\n    } else if (\n      this._abort(this.value, this.valueProgress, this.durationProgress)\n    ) {\n      this._state = 'aborted';\n      this.unregister();\n    } else if (durationMs >= this.duration) {\n      this.durationProgress = this.valueProgress = 1;\n      this._onChange(this.endValue, this.valueProgress, this.durationProgress);\n      this._state = 'completed';\n      this._onComplete(\n        this.endValue,\n        this.valueProgress,\n        this.durationProgress,\n      );\n      this.unregister();\n    } else {\n      this._onChange(this.value, this.valueProgress, this.durationProgress);\n      requestAnimFrame(this.tick);\n    }\n  }\n\n  private register() {\n    runningAnimations.push(this as unknown as AnimationBase);\n  }\n\n  private unregister() {\n    runningAnimations.remove(this as unknown as AnimationBase);\n  }\n\n  abort() {\n    this._state = 'aborted';\n    this.unregister();\n  }\n}\n"],"names":["defaultAbort","AnimationBase","constructor","_ref","startValue","byValue","duration","delay","easing","defaultEasing","onStart","noop","onChange","onComplete","abort","target","_defineProperty","tick","bind","_onStart","_onChange","_onComplete","_abort","value","endValue","Object","freeze","calculate","state","_state","isDone","start","firstTick","timestamp","startTime","Date","register","setTimeout","requestAnimFrame","t","durationMs","boundDurationMs","Math","min","durationProgress","valueProgress","unregister","runningAnimations","push","remove"],"mappings":"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"}

package/dist/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/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/src/util/animation/AnimationFrameProvider.min.mjs

@@ -0,0 +1,2 @@
+import{getFabricWindow as n}from"../../env/index.min.mjs";function e(e){return n().requestAnimationFrame(e)}function r(e){return n().cancelAnimationFrame(e)}export{r as cancelAnimFrame,e as requestAnimFrame};
+//# sourceMappingURL=AnimationFrameProvider.min.mjs.map

package/dist/src/util/animation/AnimationFrameProvider.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationFrameProvider.min.mjs","sources":["../../../../src/util/animation/AnimationFrameProvider.ts"],"sourcesContent":["import { getFabricWindow } from '../../env';\n\nexport function requestAnimFrame(callback: FrameRequestCallback): number {\n  return getFabricWindow().requestAnimationFrame(callback);\n}\n\nexport function cancelAnimFrame(handle: number): void {\n  return getFabricWindow().cancelAnimationFrame(handle);\n}\n"],"names":["requestAnimFrame","callback","getFabricWindow","requestAnimationFrame","cancelAnimFrame","handle","cancelAnimationFrame"],"mappings":"0DAEO,SAASA,EAAiBC,GAC/B,OAAOC,IAAkBC,sBAAsBF,EACjD,CAEO,SAASG,EAAgBC,GAC9B,OAAOH,IAAkBI,qBAAqBD,EAChD"}

package/dist/src/util/animation/AnimationFrameProvider.mjs

@@ -0,0 +1,11 @@
+import { getFabricWindow } from '../../env/index.mjs';
+
+function requestAnimFrame(callback) {
+  return getFabricWindow().requestAnimationFrame(callback);
+}
+function cancelAnimFrame(handle) {
+  return getFabricWindow().cancelAnimationFrame(handle);
+}
+
+export { cancelAnimFrame, requestAnimFrame };
+//# sourceMappingURL=AnimationFrameProvider.mjs.map

package/dist/src/util/animation/AnimationFrameProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationFrameProvider.mjs","sources":["../../../../src/util/animation/AnimationFrameProvider.ts"],"sourcesContent":["import { getFabricWindow } from '../../env';\n\nexport function requestAnimFrame(callback: FrameRequestCallback): number {\n  return getFabricWindow().requestAnimationFrame(callback);\n}\n\nexport function cancelAnimFrame(handle: number): void {\n  return getFabricWindow().cancelAnimationFrame(handle);\n}\n"],"names":["requestAnimFrame","callback","getFabricWindow","requestAnimationFrame","cancelAnimFrame","handle","cancelAnimationFrame"],"mappings":";;AAEO,SAASA,gBAAgBA,CAACC,QAA8B,EAAU;AACvE,EAAA,OAAOC,eAAe,EAAE,CAACC,qBAAqB,CAACF,QAAQ,CAAC;AAC1D;AAEO,SAASG,eAAeA,CAACC,MAAc,EAAQ;AACpD,EAAA,OAAOH,eAAe,EAAE,CAACI,oBAAoB,CAACD,MAAM,CAAC;AACvD;;;;"}

package/dist/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/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/src/util/animation/AnimationRegistry.min.mjs

@@ -0,0 +1,2 @@
+const t=new class extends Array{remove(t){const r=this.indexOf(t);r>-1&&this.splice(r,1)}cancelAll(){const t=this.splice(0);return t.forEach(t=>t.abort()),t}cancelByCanvas(t){if(!t)return[];const r=this.filter(r=>{var e;return r.target===t||"object"==typeof r.target&&(null===(e=r.target)||void 0===e?void 0:e.canvas)===t});return r.forEach(t=>t.abort()),r}cancelByTarget(t){if(!t)return[];const r=this.filter(r=>r.target===t);return r.forEach(t=>t.abort()),r}};export{t as runningAnimations};
+//# sourceMappingURL=AnimationRegistry.min.mjs.map

package/dist/src/util/animation/AnimationRegistry.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationRegistry.min.mjs","sources":["../../../../src/util/animation/AnimationRegistry.ts"],"sourcesContent":["import type { StaticCanvas } from '../../canvas/StaticCanvas';\nimport type { FabricObject } from '../../shapes/Object/FabricObject';\nimport type { AnimationBase } from './AnimationBase';\n\n/**\n * Array holding all running animations\n */\nclass AnimationRegistry extends Array<AnimationBase> {\n  /**\n   * Remove a single animation using an animation context\n   * @param {AnimationBase} context\n   */\n  remove(context: AnimationBase) {\n    const index = this.indexOf(context);\n    index > -1 && this.splice(index, 1);\n  }\n\n  /**\n   * Cancel all running animations on the next frame\n   */\n  cancelAll() {\n    const animations = this.splice(0);\n    animations.forEach((animation) => animation.abort());\n    return animations;\n  }\n\n  /**\n   * Cancel all running animations attached to a canvas on the next frame\n   * @param {StaticCanvas} canvas\n   */\n  cancelByCanvas(canvas: StaticCanvas) {\n    if (!canvas) {\n      return [];\n    }\n    const animations = this.filter(\n      (animation) =>\n        animation.target === canvas ||\n        (typeof animation.target === 'object' &&\n          (animation.target as FabricObject)?.canvas === canvas),\n    );\n    animations.forEach((animation) => animation.abort());\n    return animations;\n  }\n\n  /**\n   * Cancel all running animations for target on the next frame\n   * @param target\n   */\n  cancelByTarget(target: AnimationBase['target']) {\n    if (!target) {\n      return [];\n    }\n    const animations = this.filter((animation) => animation.target === target);\n    animations.forEach((animation) => animation.abort());\n    return animations;\n  }\n}\n\nexport const runningAnimations = new AnimationRegistry();\n"],"names":["runningAnimations","Array","remove","context","index","this","indexOf","splice","cancelAll","animations","forEach","animation","abort","cancelByCanvas","canvas","filter","_animation$target","target","cancelByTarget"],"mappings":"MA0DaA,EAAoB,IAnDjC,cAAgCC,MAK9BC,MAAAA,CAAOC,GACL,MAAMC,EAAQC,KAAKC,QAAQH,GAC3BC,GAAQ,GAAMC,KAAKE,OAAOH,EAAO,EACnC,CAKAI,SAAAA,GACE,MAAMC,EAAaJ,KAAKE,OAAO,GAE/B,OADAE,EAAWC,QAASC,GAAcA,EAAUC,SACrCH,CACT,CAMAI,cAAAA,CAAeC,GACb,IAAKA,EACH,MAAO,GAET,MAAML,EAAaJ,KAAKU,OACrBJ,IAAS,IAAAK,EAAA,OACRL,EAAUM,SAAWH,GACQ,iBAArBH,EAAUM,SACC,QAAjBD,EAACL,EAAUM,cAAM,IAAAD,OAAA,EAAjBA,EAAoCF,UAAWA,IAGrD,OADAL,EAAWC,QAASC,GAAcA,EAAUC,SACrCH,CACT,CAMAS,cAAAA,CAAeD,GACb,IAAKA,EACH,MAAO,GAET,MAAMR,EAAaJ,KAAKU,OAAQJ,GAAcA,EAAUM,SAAWA,GAEnE,OADAR,EAAWC,QAASC,GAAcA,EAAUC,SACrCH,CACT"}

package/dist/src/util/animation/AnimationRegistry.mjs

@@ -0,0 +1,55 @@
+/**
+ * Array holding all running animations
+ */
+class AnimationRegistry extends Array {
+  /**
+   * Remove a single animation using an animation context
+   * @param {AnimationBase} context
+   */
+  remove(context) {
+    const index = this.indexOf(context);
+    index > -1 && this.splice(index, 1);
+  }
+
+  /**
+   * Cancel all running animations on the next frame
+   */
+  cancelAll() {
+    const animations = this.splice(0);
+    animations.forEach(animation => animation.abort());
+    return animations;
+  }
+
+  /**
+   * Cancel all running animations attached to a canvas on the next frame
+   * @param {StaticCanvas} canvas
+   */
+  cancelByCanvas(canvas) {
+    if (!canvas) {
+      return [];
+    }
+    const animations = this.filter(animation => {
+      var _animation$target;
+      return animation.target === canvas || typeof animation.target === 'object' && ((_animation$target = animation.target) === null || _animation$target === void 0 ? void 0 : _animation$target.canvas) === canvas;
+    });
+    animations.forEach(animation => animation.abort());
+    return animations;
+  }
+
+  /**
+   * Cancel all running animations for target on the next frame
+   * @param target
+   */
+  cancelByTarget(target) {
+    if (!target) {
+      return [];
+    }
+    const animations = this.filter(animation => animation.target === target);
+    animations.forEach(animation => animation.abort());
+    return animations;
+  }
+}
+const runningAnimations = new AnimationRegistry();
+
+export { runningAnimations };
+//# sourceMappingURL=AnimationRegistry.mjs.map

package/dist/src/util/animation/AnimationRegistry.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationRegistry.mjs","sources":["../../../../src/util/animation/AnimationRegistry.ts"],"sourcesContent":["import type { StaticCanvas } from '../../canvas/StaticCanvas';\nimport type { FabricObject } from '../../shapes/Object/FabricObject';\nimport type { AnimationBase } from './AnimationBase';\n\n/**\n * Array holding all running animations\n */\nclass AnimationRegistry extends Array<AnimationBase> {\n  /**\n   * Remove a single animation using an animation context\n   * @param {AnimationBase} context\n   */\n  remove(context: AnimationBase) {\n    const index = this.indexOf(context);\n    index > -1 && this.splice(index, 1);\n  }\n\n  /**\n   * Cancel all running animations on the next frame\n   */\n  cancelAll() {\n    const animations = this.splice(0);\n    animations.forEach((animation) => animation.abort());\n    return animations;\n  }\n\n  /**\n   * Cancel all running animations attached to a canvas on the next frame\n   * @param {StaticCanvas} canvas\n   */\n  cancelByCanvas(canvas: StaticCanvas) {\n    if (!canvas) {\n      return [];\n    }\n    const animations = this.filter(\n      (animation) =>\n        animation.target === canvas ||\n        (typeof animation.target === 'object' &&\n          (animation.target as FabricObject)?.canvas === canvas),\n    );\n    animations.forEach((animation) => animation.abort());\n    return animations;\n  }\n\n  /**\n   * Cancel all running animations for target on the next frame\n   * @param target\n   */\n  cancelByTarget(target: AnimationBase['target']) {\n    if (!target) {\n      return [];\n    }\n    const animations = this.filter((animation) => animation.target === target);\n    animations.forEach((animation) => animation.abort());\n    return animations;\n  }\n}\n\nexport const runningAnimations = new AnimationRegistry();\n"],"names":["AnimationRegistry","Array","remove","context","index","indexOf","splice","cancelAll","animations","forEach","animation","abort","cancelByCanvas","canvas","filter","_animation$target","target","cancelByTarget","runningAnimations"],"mappings":"AAIA;AACA;AACA;AACA,MAAMA,iBAAiB,SAASC,KAAK,CAAgB;AACnD;AACF;AACA;AACA;EACEC,MAAMA,CAACC,OAAsB,EAAE;AAC7B,IAAA,MAAMC,KAAK,GAAG,IAAI,CAACC,OAAO,CAACF,OAAO,CAAC;IACnCC,KAAK,GAAG,EAAE,IAAI,IAAI,CAACE,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;AACrC,EAAA;;AAEA;AACF;AACA;AACEG,EAAAA,SAASA,GAAG;AACV,IAAA,MAAMC,UAAU,GAAG,IAAI,CAACF,MAAM,CAAC,CAAC,CAAC;IACjCE,UAAU,CAACC,OAAO,CAAEC,SAAS,IAAKA,SAAS,CAACC,KAAK,EAAE,CAAC;AACpD,IAAA,OAAOH,UAAU;AACnB,EAAA;;AAEA;AACF;AACA;AACA;EACEI,cAAcA,CAACC,MAAoB,EAAE;IACnC,IAAI,CAACA,MAAM,EAAE;AACX,MAAA,OAAO,EAAE;AACX,IAAA;AACA,IAAA,MAAML,UAAU,GAAG,IAAI,CAACM,MAAM,CAC3BJ,SAAS,IAAA;AAAA,MAAA,IAAAK,iBAAA;MAAA,OACRL,SAAS,CAACM,MAAM,KAAKH,MAAM,IAC1B,OAAOH,SAAS,CAACM,MAAM,KAAK,QAAQ,IACnC,EAAAD,iBAAA,GAACL,SAAS,CAACM,MAAM,MAAA,IAAA,IAAAD,iBAAA,KAAA,MAAA,GAAA,MAAA,GAAjBA,iBAAA,CAAoCF,MAAM,MAAKA,MAAO;AAAA,IAAA,CAC5D,CAAC;IACDL,UAAU,CAACC,OAAO,CAAEC,SAAS,IAAKA,SAAS,CAACC,KAAK,EAAE,CAAC;AACpD,IAAA,OAAOH,UAAU;AACnB,EAAA;;AAEA;AACF;AACA;AACA;EACES,cAAcA,CAACD,MAA+B,EAAE;IAC9C,IAAI,CAACA,MAAM,EAAE;AACX,MAAA,OAAO,EAAE;AACX,IAAA;AACA,IAAA,MAAMR,UAAU,GAAG,IAAI,CAACM,MAAM,CAAEJ,SAAS,IAAKA,SAAS,CAACM,MAAM,KAAKA,MAAM,CAAC;IAC1ER,UAAU,CAACC,OAAO,CAAEC,SAAS,IAAKA,SAAS,CAACC,KAAK,EAAE,CAAC;AACpD,IAAA,OAAOH,UAAU;AACnB,EAAA;AACF;MAEaU,iBAAiB,GAAG,IAAIlB,iBAAiB;;;;"}

package/dist/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/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/src/util/animation/ArrayAnimation.min.mjs

@@ -0,0 +1,2 @@
+import{AnimationBase as t}from"./AnimationBase.min.mjs";class a extends t{constructor(t){let{startValue:a=[0],endValue:s=[100],...e}=t;super({...e,startValue:a,byValue:s.map((t,s)=>t-a[s])})}calculate(t){const a=this.startValue.map((a,s)=>this.easing(t,a,this.byValue[s],this.duration,s));return{value:a,valueProgress:Math.abs((a[0]-this.startValue[0])/this.byValue[0])}}}export{a as ArrayAnimation};
+//# sourceMappingURL=ArrayAnimation.min.mjs.map

package/dist/src/util/animation/ArrayAnimation.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayAnimation.min.mjs","sources":["../../../../src/util/animation/ArrayAnimation.ts"],"sourcesContent":["import { AnimationBase } from './AnimationBase';\nimport type { ArrayAnimationOptions } from './types';\n\nexport class ArrayAnimation extends AnimationBase<number[]> {\n  constructor({\n    startValue = [0],\n    endValue = [100],\n    ...options\n  }: ArrayAnimationOptions) {\n    super({\n      ...options,\n      startValue,\n      byValue: endValue.map((value, i) => value - startValue[i]),\n    });\n  }\n  protected calculate(timeElapsed: number) {\n    const values = this.startValue.map((value, i) =>\n      this.easing(timeElapsed, value, this.byValue[i], this.duration, i),\n    );\n    return {\n      value: values,\n      valueProgress: Math.abs(\n        (values[0] - this.startValue[0]) / this.byValue[0],\n      ),\n    };\n  }\n}\n"],"names":["ArrayAnimation","AnimationBase","constructor","_ref","startValue","endValue","options","super","byValue","map","value","i","calculate","timeElapsed","values","this","easing","duration","valueProgress","Math","abs"],"mappings":"wDAGO,MAAMA,UAAuBC,EAClCC,WAAAA,CAAWC,GAIe,IAJdC,WACVA,EAAa,CAAC,GAAEC,SAChBA,EAAW,CAAC,QACTC,GACmBH,EACtBI,MAAM,IACDD,EACHF,aACAI,QAASH,EAASI,IAAI,CAACC,EAAOC,IAAMD,EAAQN,EAAWO,KAE3D,CACUC,SAAAA,CAAUC,GAClB,MAAMC,EAASC,KAAKX,WAAWK,IAAI,CAACC,EAAOC,IACzCI,KAAKC,OAAOH,EAAaH,EAAOK,KAAKP,QAAQG,GAAII,KAAKE,SAAUN,IAElE,MAAO,CACLD,MAAOI,EACPI,cAAeC,KAAKC,KACjBN,EAAO,GAAKC,KAAKX,WAAW,IAAMW,KAAKP,QAAQ,IAGtD"}

package/dist/src/util/animation/ArrayAnimation.mjs

@@ -0,0 +1,26 @@
+import { AnimationBase } from './AnimationBase.mjs';
+
+class ArrayAnimation extends AnimationBase {
+  constructor(_ref) {
+    let {
+      startValue = [0],
+      endValue = [100],
+      ...options
+    } = _ref;
+    super({
+      ...options,
+      startValue,
+      byValue: endValue.map((value, i) => value - startValue[i])
+    });
+  }
+  calculate(timeElapsed) {
+    const values = this.startValue.map((value, i) => this.easing(timeElapsed, value, this.byValue[i], this.duration, i));
+    return {
+      value: values,
+      valueProgress: Math.abs((values[0] - this.startValue[0]) / this.byValue[0])
+    };
+  }
+}
+
+export { ArrayAnimation };
+//# sourceMappingURL=ArrayAnimation.mjs.map

package/dist/src/util/animation/ArrayAnimation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayAnimation.mjs","sources":["../../../../src/util/animation/ArrayAnimation.ts"],"sourcesContent":["import { AnimationBase } from './AnimationBase';\nimport type { ArrayAnimationOptions } from './types';\n\nexport class ArrayAnimation extends AnimationBase<number[]> {\n  constructor({\n    startValue = [0],\n    endValue = [100],\n    ...options\n  }: ArrayAnimationOptions) {\n    super({\n      ...options,\n      startValue,\n      byValue: endValue.map((value, i) => value - startValue[i]),\n    });\n  }\n  protected calculate(timeElapsed: number) {\n    const values = this.startValue.map((value, i) =>\n      this.easing(timeElapsed, value, this.byValue[i], this.duration, i),\n    );\n    return {\n      value: values,\n      valueProgress: Math.abs(\n        (values[0] - this.startValue[0]) / this.byValue[0],\n      ),\n    };\n  }\n}\n"],"names":["ArrayAnimation","AnimationBase","constructor","_ref","startValue","endValue","options","byValue","map","value","i","calculate","timeElapsed","values","easing","duration","valueProgress","Math","abs"],"mappings":";;AAGO,MAAMA,cAAc,SAASC,aAAa,CAAW;EAC1DC,WAAWA,CAAAC,IAAA,EAIe;IAAA,IAJd;MACVC,UAAU,GAAG,CAAC,CAAC,CAAC;MAChBC,QAAQ,GAAG,CAAC,GAAG,CAAC;MAChB,GAAGC;AACkB,KAAC,GAAAH,IAAA;AACtB,IAAA,KAAK,CAAC;AACJ,MAAA,GAAGG,OAAO;MACVF,UAAU;AACVG,MAAAA,OAAO,EAAEF,QAAQ,CAACG,GAAG,CAAC,CAACC,KAAK,EAAEC,CAAC,KAAKD,KAAK,GAAGL,UAAU,CAACM,CAAC,CAAC;AAC3D,KAAC,CAAC;AACJ,EAAA;EACUC,SAASA,CAACC,WAAmB,EAAE;AACvC,IAAA,MAAMC,MAAM,GAAG,IAAI,CAACT,UAAU,CAACI,GAAG,CAAC,CAACC,KAAK,EAAEC,CAAC,KAC1C,IAAI,CAACI,MAAM,CAACF,WAAW,EAAEH,KAAK,EAAE,IAAI,CAACF,OAAO,CAACG,CAAC,CAAC,EAAE,IAAI,CAACK,QAAQ,EAAEL,CAAC,CACnE,CAAC;IACD,OAAO;AACLD,MAAAA,KAAK,EAAEI,MAAM;MACbG,aAAa,EAAEC,IAAI,CAACC,GAAG,CACrB,CAACL,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAACT,UAAU,CAAC,CAAC,CAAC,IAAI,IAAI,CAACG,OAAO,CAAC,CAAC,CACnD;KACD;AACH,EAAA;AACF;;;;"}

package/dist/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/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/src/util/animation/ColorAnimation.min.mjs

@@ -0,0 +1,2 @@
+import{Color as t}from"../../color/Color.min.mjs";import{halfPI as a}from"../../constants.min.mjs";import{capValue as e}from"../misc/capValue.min.mjs";import{AnimationBase as o}from"./AnimationBase.min.mjs";const s=(t,e,o,s)=>e+o*(1-Math.cos(t/s*a)),n=a=>a&&((e,o,s)=>a(new t(e).toRgba(),o,s));class r extends o{constructor(a){let{startValue:e,endValue:o,easing:r=s,onChange:m,onComplete:i,abort:l,...u}=a;const c=new t(e).getSource(),p=new t(o).getSource();super({...u,startValue:c,byValue:p.map((t,a)=>t-c[a]),easing:r,onChange:n(m),onComplete:n(i),abort:n(l)})}calculate(t){const[a,o,s,n]=this.startValue.map((a,e)=>this.easing(t,a,this.byValue[e],this.duration,e)),r=[...[a,o,s].map(Math.round),e(0,n,1)];return{value:r,valueProgress:r.map((t,a)=>0!==this.byValue[a]?Math.abs((t-this.startValue[a])/this.byValue[a]):0).find(t=>0!==t)||0}}}export{r as ColorAnimation};
+//# sourceMappingURL=ColorAnimation.min.mjs.map

package/dist/src/util/animation/ColorAnimation.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorAnimation.min.mjs","sources":["../../../../src/util/animation/ColorAnimation.ts"],"sourcesContent":["import { Color } from '../../color/Color';\nimport type { TRGBAColorSource } from '../../color/typedefs';\nimport { halfPI } from '../../constants';\nimport { capValue } from '../misc/capValue';\nimport { AnimationBase } from './AnimationBase';\nimport type {\n  ColorAnimationOptions,\n  TEasingFunction,\n  TOnAnimationChangeCallback,\n} from './types';\n\nconst defaultColorEasing: TEasingFunction = (\n  timeElapsed,\n  startValue,\n  byValue,\n  duration,\n) => {\n  const durationProgress = 1 - Math.cos((timeElapsed / duration) * halfPI);\n  return startValue + byValue * durationProgress;\n};\n\nconst wrapColorCallback = <R>(\n  callback?: TOnAnimationChangeCallback<string, R>,\n) =>\n  callback &&\n  ((rgba: TRGBAColorSource, valueProgress: number, durationProgress: number) =>\n    callback(new Color(rgba).toRgba(), valueProgress, durationProgress));\n\nexport class ColorAnimation extends AnimationBase<TRGBAColorSource> {\n  constructor({\n    startValue,\n    endValue,\n    easing = defaultColorEasing,\n    onChange,\n    onComplete,\n    abort,\n    ...options\n  }: ColorAnimationOptions) {\n    const startColor = new Color(startValue).getSource();\n    const endColor = new Color(endValue).getSource();\n    super({\n      ...options,\n      startValue: startColor,\n      byValue: endColor.map(\n        (value, i) => value - startColor[i],\n      ) as TRGBAColorSource,\n      easing,\n      onChange: wrapColorCallback(onChange),\n      onComplete: wrapColorCallback(onComplete),\n      abort: wrapColorCallback(abort),\n    });\n  }\n  protected calculate(timeElapsed: number) {\n    const [r, g, b, a] = this.startValue.map((value, i) =>\n      this.easing(timeElapsed, value, this.byValue[i], this.duration, i),\n    ) as TRGBAColorSource;\n    const value = [\n      ...[r, g, b].map(Math.round),\n      capValue(0, a, 1),\n    ] as TRGBAColorSource;\n    return {\n      value,\n      valueProgress:\n        // to correctly calculate the change ratio we must find a changed value\n        value\n          .map((p, i) =>\n            this.byValue[i] !== 0\n              ? Math.abs((p - this.startValue[i]) / this.byValue[i])\n              : 0,\n          )\n          .find((p) => p !== 0) || 0,\n    };\n  }\n}\n"],"names":["defaultColorEasing","timeElapsed","startValue","byValue","duration","Math","cos","halfPI","wrapColorCallback","callback","rgba","valueProgress","durationProgress","Color","toRgba","ColorAnimation","AnimationBase","constructor","_ref","endValue","easing","onChange","onComplete","abort","options","startColor","getSource","endColor","super","map","value","i","calculate","r","g","b","a","this","round","capValue","p","abs","find"],"mappings":"+MAWA,MAAMA,EAAsCA,CAC1CC,EACAC,EACAC,EACAC,IAGOF,EAAaC,GADK,EAAIE,KAAKC,IAAKL,EAAcG,EAAYG,IAI7DC,EACJC,GAEAA,GAAQ,EACNC,EAAwBC,EAAuBC,IAC/CH,EAAS,IAAII,EAAMH,GAAMI,SAAUH,EAAeC,IAE/C,MAAMG,UAAuBC,EAClCC,WAAAA,CAAWC,GAQe,IARdhB,WACVA,EAAUiB,SACVA,EAAQC,OACRA,EAASpB,EAAkBqB,SAC3BA,EAAQC,WACRA,EAAUC,MACVA,KACGC,GACmBN,EACtB,MAAMO,EAAa,IAAIZ,EAAMX,GAAYwB,YACnCC,EAAW,IAAId,EAAMM,GAAUO,YACrCE,MAAM,IACDJ,EACHtB,WAAYuB,EACZtB,QAASwB,EAASE,IAChB,CAACC,EAAOC,IAAMD,EAAQL,EAAWM,IAEnCX,SACAC,SAAUb,EAAkBa,GAC5BC,WAAYd,EAAkBc,GAC9BC,MAAOf,EAAkBe,IAE7B,CACUS,SAAAA,CAAU/B,GAClB,MAAOgC,EAAGC,EAAGC,EAAGC,GAAKC,KAAKnC,WAAW2B,IAAI,CAACC,EAAOC,IAC/CM,KAAKjB,OAAOnB,EAAa6B,EAAOO,KAAKlC,QAAQ4B,GAAIM,KAAKjC,SAAU2B,IAE5DD,EAAQ,IACT,CAACG,EAAGC,EAAGC,GAAGN,IAAIxB,KAAKiC,OACtBC,EAAS,EAAGH,EAAG,IAEjB,MAAO,CACLN,QACAnB,cAEEmB,EACGD,IAAI,CAACW,EAAGT,IACa,IAApBM,KAAKlC,QAAQ4B,GACT1B,KAAKoC,KAAKD,EAAIH,KAAKnC,WAAW6B,IAAMM,KAAKlC,QAAQ4B,IACjD,GAELW,KAAMF,GAAY,IAANA,IAAY,EAEjC"}

package/dist/src/util/animation/ColorAnimation.mjs

@@ -0,0 +1,47 @@
+import { Color } from '../../color/Color.mjs';
+import { halfPI } from '../../constants.mjs';
+import { capValue } from '../misc/capValue.mjs';
+import { AnimationBase } from './AnimationBase.mjs';
+
+const defaultColorEasing = (timeElapsed, startValue, byValue, duration) => {
+  const durationProgress = 1 - Math.cos(timeElapsed / duration * halfPI);
+  return startValue + byValue * durationProgress;
+};
+const wrapColorCallback = callback => callback && ((rgba, valueProgress, durationProgress) => callback(new Color(rgba).toRgba(), valueProgress, durationProgress));
+class ColorAnimation extends AnimationBase {
+  constructor(_ref) {
+    let {
+      startValue,
+      endValue,
+      easing = defaultColorEasing,
+      onChange,
+      onComplete,
+      abort,
+      ...options
+    } = _ref;
+    const startColor = new Color(startValue).getSource();
+    const endColor = new Color(endValue).getSource();
+    super({
+      ...options,
+      startValue: startColor,
+      byValue: endColor.map((value, i) => value - startColor[i]),
+      easing,
+      onChange: wrapColorCallback(onChange),
+      onComplete: wrapColorCallback(onComplete),
+      abort: wrapColorCallback(abort)
+    });
+  }
+  calculate(timeElapsed) {
+    const [r, g, b, a] = this.startValue.map((value, i) => this.easing(timeElapsed, value, this.byValue[i], this.duration, i));
+    const value = [...[r, g, b].map(Math.round), capValue(0, a, 1)];
+    return {
+      value,
+      valueProgress:
+      // to correctly calculate the change ratio we must find a changed value
+      value.map((p, i) => this.byValue[i] !== 0 ? Math.abs((p - this.startValue[i]) / this.byValue[i]) : 0).find(p => p !== 0) || 0
+    };
+  }
+}
+
+export { ColorAnimation };
+//# sourceMappingURL=ColorAnimation.mjs.map

package/dist/src/util/animation/ColorAnimation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorAnimation.mjs","sources":["../../../../src/util/animation/ColorAnimation.ts"],"sourcesContent":["import { Color } from '../../color/Color';\nimport type { TRGBAColorSource } from '../../color/typedefs';\nimport { halfPI } from '../../constants';\nimport { capValue } from '../misc/capValue';\nimport { AnimationBase } from './AnimationBase';\nimport type {\n  ColorAnimationOptions,\n  TEasingFunction,\n  TOnAnimationChangeCallback,\n} from './types';\n\nconst defaultColorEasing: TEasingFunction = (\n  timeElapsed,\n  startValue,\n  byValue,\n  duration,\n) => {\n  const durationProgress = 1 - Math.cos((timeElapsed / duration) * halfPI);\n  return startValue + byValue * durationProgress;\n};\n\nconst wrapColorCallback = <R>(\n  callback?: TOnAnimationChangeCallback<string, R>,\n) =>\n  callback &&\n  ((rgba: TRGBAColorSource, valueProgress: number, durationProgress: number) =>\n    callback(new Color(rgba).toRgba(), valueProgress, durationProgress));\n\nexport class ColorAnimation extends AnimationBase<TRGBAColorSource> {\n  constructor({\n    startValue,\n    endValue,\n    easing = defaultColorEasing,\n    onChange,\n    onComplete,\n    abort,\n    ...options\n  }: ColorAnimationOptions) {\n    const startColor = new Color(startValue).getSource();\n    const endColor = new Color(endValue).getSource();\n    super({\n      ...options,\n      startValue: startColor,\n      byValue: endColor.map(\n        (value, i) => value - startColor[i],\n      ) as TRGBAColorSource,\n      easing,\n      onChange: wrapColorCallback(onChange),\n      onComplete: wrapColorCallback(onComplete),\n      abort: wrapColorCallback(abort),\n    });\n  }\n  protected calculate(timeElapsed: number) {\n    const [r, g, b, a] = this.startValue.map((value, i) =>\n      this.easing(timeElapsed, value, this.byValue[i], this.duration, i),\n    ) as TRGBAColorSource;\n    const value = [\n      ...[r, g, b].map(Math.round),\n      capValue(0, a, 1),\n    ] as TRGBAColorSource;\n    return {\n      value,\n      valueProgress:\n        // to correctly calculate the change ratio we must find a changed value\n        value\n          .map((p, i) =>\n            this.byValue[i] !== 0\n              ? Math.abs((p - this.startValue[i]) / this.byValue[i])\n              : 0,\n          )\n          .find((p) => p !== 0) || 0,\n    };\n  }\n}\n"],"names":["defaultColorEasing","timeElapsed","startValue","byValue","duration","durationProgress","Math","cos","halfPI","wrapColorCallback","callback","rgba","valueProgress","Color","toRgba","ColorAnimation","AnimationBase","constructor","_ref","endValue","easing","onChange","onComplete","abort","options","startColor","getSource","endColor","map","value","i","calculate","r","g","b","a","round","capValue","p","abs","find"],"mappings":";;;;;AAWA,MAAMA,kBAAmC,GAAGA,CAC1CC,WAAW,EACXC,UAAU,EACVC,OAAO,EACPC,QAAQ,KACL;AACH,EAAA,MAAMC,gBAAgB,GAAG,CAAC,GAAGC,IAAI,CAACC,GAAG,CAAEN,WAAW,GAAGG,QAAQ,GAAII,MAAM,CAAC;AACxE,EAAA,OAAON,UAAU,GAAGC,OAAO,GAAGE,gBAAgB;AAChD,CAAC;AAED,MAAMI,iBAAiB,GACrBC,QAAgD,IAEhDA,QAAQ,KACP,CAACC,IAAsB,EAAEC,aAAqB,EAAEP,gBAAwB,KACvEK,QAAQ,CAAC,IAAIG,KAAK,CAACF,IAAI,CAAC,CAACG,MAAM,EAAE,EAAEF,aAAa,EAAEP,gBAAgB,CAAC,CAAC;AAEjE,MAAMU,cAAc,SAASC,aAAa,CAAmB;EAClEC,WAAWA,CAAAC,IAAA,EAQe;IAAA,IARd;MACVhB,UAAU;MACViB,QAAQ;AACRC,MAAAA,MAAM,GAAGpB,kBAAkB;MAC3BqB,QAAQ;MACRC,UAAU;MACVC,KAAK;MACL,GAAGC;AACkB,KAAC,GAAAN,IAAA;IACtB,MAAMO,UAAU,GAAG,IAAIZ,KAAK,CAACX,UAAU,CAAC,CAACwB,SAAS,EAAE;IACpD,MAAMC,QAAQ,GAAG,IAAId,KAAK,CAACM,QAAQ,CAAC,CAACO,SAAS,EAAE;AAChD,IAAA,KAAK,CAAC;AACJ,MAAA,GAAGF,OAAO;AACVtB,MAAAA,UAAU,EAAEuB,UAAU;AACtBtB,MAAAA,OAAO,EAAEwB,QAAQ,CAACC,GAAG,CACnB,CAACC,KAAK,EAAEC,CAAC,KAAKD,KAAK,GAAGJ,UAAU,CAACK,CAAC,CACpC,CAAqB;MACrBV,MAAM;AACNC,MAAAA,QAAQ,EAAEZ,iBAAiB,CAACY,QAAQ,CAAC;AACrCC,MAAAA,UAAU,EAAEb,iBAAiB,CAACa,UAAU,CAAC;MACzCC,KAAK,EAAEd,iBAAiB,CAACc,KAAK;AAChC,KAAC,CAAC;AACJ,EAAA;EACUQ,SAASA,CAAC9B,WAAmB,EAAE;AACvC,IAAA,MAAM,CAAC+B,CAAC,EAAEC,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC,GAAG,IAAI,CAACjC,UAAU,CAAC0B,GAAG,CAAC,CAACC,KAAK,EAAEC,CAAC,KAChD,IAAI,CAACV,MAAM,CAACnB,WAAW,EAAE4B,KAAK,EAAE,IAAI,CAAC1B,OAAO,CAAC2B,CAAC,CAAC,EAAE,IAAI,CAAC1B,QAAQ,EAAE0B,CAAC,CACnE,CAAqB;IACrB,MAAMD,KAAK,GAAG,CACZ,GAAG,CAACG,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC,CAACN,GAAG,CAACtB,IAAI,CAAC8B,KAAK,CAAC,EAC5BC,QAAQ,CAAC,CAAC,EAAEF,CAAC,EAAE,CAAC,CAAC,CACE;IACrB,OAAO;MACLN,KAAK;MACLjB,aAAa;AACX;MACAiB,KAAK,CACFD,GAAG,CAAC,CAACU,CAAC,EAAER,CAAC,KACR,IAAI,CAAC3B,OAAO,CAAC2B,CAAC,CAAC,KAAK,CAAC,GACjBxB,IAAI,CAACiC,GAAG,CAAC,CAACD,CAAC,GAAG,IAAI,CAACpC,UAAU,CAAC4B,CAAC,CAAC,IAAI,IAAI,CAAC3B,OAAO,CAAC2B,CAAC,CAAC,CAAC,GACpD,CACN,CAAC,CACAU,IAAI,CAAEF,CAAC,IAAKA,CAAC,KAAK,CAAC,CAAC,IAAI;KAC9B;AACH,EAAA;AACF;;;;"}

package/dist/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/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/src/util/animation/ValueAnimation.min.mjs

@@ -0,0 +1,2 @@
+import{AnimationBase as t}from"./AnimationBase.min.mjs";class a extends t{constructor(t){let{startValue:a=0,endValue:s=100,...e}=t;super({...e,startValue:a,byValue:s-a})}calculate(t){const a=this.easing(t,this.startValue,this.byValue,this.duration);return{value:a,valueProgress:Math.abs((a-this.startValue)/this.byValue)}}}export{a as ValueAnimation};
+//# sourceMappingURL=ValueAnimation.min.mjs.map

package/dist/src/util/animation/ValueAnimation.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueAnimation.min.mjs","sources":["../../../../src/util/animation/ValueAnimation.ts"],"sourcesContent":["import { AnimationBase } from './AnimationBase';\nimport type { ValueAnimationOptions } from './types';\n\nexport class ValueAnimation extends AnimationBase<number> {\n  constructor({\n    startValue = 0,\n    endValue = 100,\n    ...otherOptions\n  }: ValueAnimationOptions) {\n    super({\n      ...otherOptions,\n      startValue,\n      byValue: endValue - startValue,\n    });\n  }\n\n  protected calculate(timeElapsed: number) {\n    const value = this.easing(\n      timeElapsed,\n      this.startValue,\n      this.byValue,\n      this.duration,\n    );\n    return {\n      value,\n      valueProgress: Math.abs((value - this.startValue) / this.byValue),\n    };\n  }\n}\n"],"names":["ValueAnimation","AnimationBase","constructor","_ref","startValue","endValue","otherOptions","super","byValue","calculate","timeElapsed","value","this","easing","duration","valueProgress","Math","abs"],"mappings":"wDAGO,MAAMA,UAAuBC,EAClCC,WAAAA,CAAWC,GAIe,IAJdC,WACVA,EAAa,EAACC,SACdA,EAAW,OACRC,GACmBH,EACtBI,MAAM,IACDD,EACHF,aACAI,QAASH,EAAWD,GAExB,CAEUK,SAAAA,CAAUC,GAClB,MAAMC,EAAQC,KAAKC,OACjBH,EACAE,KAAKR,WACLQ,KAAKJ,QACLI,KAAKE,UAEP,MAAO,CACLH,QACAI,cAAeC,KAAKC,KAAKN,EAAQC,KAAKR,YAAcQ,KAAKJ,SAE7D"}

package/dist/src/util/animation/ValueAnimation.mjs

@@ -0,0 +1,26 @@
+import { AnimationBase } from './AnimationBase.mjs';
+
+class ValueAnimation extends AnimationBase {
+  constructor(_ref) {
+    let {
+      startValue = 0,
+      endValue = 100,
+      ...otherOptions
+    } = _ref;
+    super({
+      ...otherOptions,
+      startValue,
+      byValue: endValue - startValue
+    });
+  }
+  calculate(timeElapsed) {
+    const value = this.easing(timeElapsed, this.startValue, this.byValue, this.duration);
+    return {
+      value,
+      valueProgress: Math.abs((value - this.startValue) / this.byValue)
+    };
+  }
+}
+
+export { ValueAnimation };
+//# sourceMappingURL=ValueAnimation.mjs.map

package/dist/src/util/animation/ValueAnimation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueAnimation.mjs","sources":["../../../../src/util/animation/ValueAnimation.ts"],"sourcesContent":["import { AnimationBase } from './AnimationBase';\nimport type { ValueAnimationOptions } from './types';\n\nexport class ValueAnimation extends AnimationBase<number> {\n  constructor({\n    startValue = 0,\n    endValue = 100,\n    ...otherOptions\n  }: ValueAnimationOptions) {\n    super({\n      ...otherOptions,\n      startValue,\n      byValue: endValue - startValue,\n    });\n  }\n\n  protected calculate(timeElapsed: number) {\n    const value = this.easing(\n      timeElapsed,\n      this.startValue,\n      this.byValue,\n      this.duration,\n    );\n    return {\n      value,\n      valueProgress: Math.abs((value - this.startValue) / this.byValue),\n    };\n  }\n}\n"],"names":["ValueAnimation","AnimationBase","constructor","_ref","startValue","endValue","otherOptions","byValue","calculate","timeElapsed","value","easing","duration","valueProgress","Math","abs"],"mappings":";;AAGO,MAAMA,cAAc,SAASC,aAAa,CAAS;EACxDC,WAAWA,CAAAC,IAAA,EAIe;IAAA,IAJd;AACVC,MAAAA,UAAU,GAAG,CAAC;AACdC,MAAAA,QAAQ,GAAG,GAAG;MACd,GAAGC;AACkB,KAAC,GAAAH,IAAA;AACtB,IAAA,KAAK,CAAC;AACJ,MAAA,GAAGG,YAAY;MACfF,UAAU;MACVG,OAAO,EAAEF,QAAQ,GAAGD;AACtB,KAAC,CAAC;AACJ,EAAA;EAEUI,SAASA,CAACC,WAAmB,EAAE;AACvC,IAAA,MAAMC,KAAK,GAAG,IAAI,CAACC,MAAM,CACvBF,WAAW,EACX,IAAI,CAACL,UAAU,EACf,IAAI,CAACG,OAAO,EACZ,IAAI,CAACK,QACP,CAAC;IACD,OAAO;MACLF,KAAK;AACLG,MAAAA,aAAa,EAAEC,IAAI,CAACC,GAAG,CAAC,CAACL,KAAK,GAAG,IAAI,CAACN,UAAU,IAAI,IAAI,CAACG,OAAO;KACjE;AACH,EAAA;AACF;;;;"}

package/dist/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

package/dist/src/util/animation/animate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animate.d.ts","sourceRoot":"","sources":["../../../../src/util/animation/animate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,IAC5D,CAAC,SAAS,SAAS,GACf,cAAc,GACd,CAAC,SAAS,MAAM,EAAE,GAChB,cAAc,GACd,cAAc,CAAC;AAQvB;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,qBAAqB,GAAG,cAAc,CAAC;AACxE,wBAAgB,OAAO,CAAC,OAAO,EAAE,qBAAqB,GAAG,cAAc,CAAC;AACxE,wBAAgB,OAAO,CACrB,CAAC,SAAS,qBAAqB,GAAG,qBAAqB,EAEvD,OAAO,EAAE,CAAC,GACT,CAAC,SAAS,qBAAqB,GAAG,cAAc,GAAG,cAAc,CAAC;AAcrE,wBAAgB,YAAY,CAAC,OAAO,EAAE,qBAAqB,kBAI1D"}

package/dist/src/util/animation/animate.min.mjs

@@ -0,0 +1,2 @@
+import{ValueAnimation as r}from"./ValueAnimation.min.mjs";import{ArrayAnimation as n}from"./ArrayAnimation.min.mjs";import{ColorAnimation as t}from"./ColorAnimation.min.mjs";function i(t){const i=(r=>Array.isArray(r.startValue)||Array.isArray(r.endValue))(t)?new n(t):new r(t);return i.start(),i}function o(r){const n=new t(r);return n.start(),n}export{i as animate,o as animateColor};
+//# sourceMappingURL=animate.min.mjs.map

package/dist/src/util/animation/animate.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"animate.min.mjs","sources":["../../../../src/util/animation/animate.ts"],"sourcesContent":["import { ValueAnimation } from './ValueAnimation';\nimport { ArrayAnimation } from './ArrayAnimation';\nimport { ColorAnimation } from './ColorAnimation';\nimport type {\n  ValueAnimationOptions,\n  ArrayAnimationOptions,\n  ColorAnimationOptions,\n} from './types';\nimport type { TColorArg } from '../../color/typedefs';\n\nexport type TAnimation<T extends number | number[] | TColorArg> =\n  T extends TColorArg\n    ? ColorAnimation\n    : T extends number[]\n      ? ArrayAnimation\n      : ValueAnimation;\n\nconst isArrayAnimation = (\n  options: ArrayAnimationOptions | ValueAnimationOptions,\n): options is ArrayAnimationOptions => {\n  return Array.isArray(options.startValue) || Array.isArray(options.endValue);\n};\n\n/**\n * Changes value(s) from startValue to endValue within a certain period of time,\n * invoking callbacks as the value(s) change.\n *\n * @example\n * animate({\n *   startValue: 1,\n *   endValue: 0,\n *   onChange: (v) => {\n *     obj.set('opacity', v);\n *     // since we are running in a requested frame we should call `renderAll` and not `requestRenderAll`\n *     canvas.renderAll();\n *   }\n * });\n *\n * @example Using lists:\n * animate({\n *   startValue: [1, 2, 3],\n *   endValue: [2, 4, 6],\n *   onChange: ([x, y, zoom]) => {\n *     canvas.zoomToPoint(new Point(x, y), zoom);\n *     canvas.renderAll();\n *   }\n * });\n *\n */\nexport function animate(options: ArrayAnimationOptions): ArrayAnimation;\nexport function animate(options: ValueAnimationOptions): ValueAnimation;\nexport function animate<\n  T extends ValueAnimationOptions | ArrayAnimationOptions,\n>(\n  options: T,\n): T extends ArrayAnimationOptions ? ArrayAnimation : ValueAnimation;\nexport function animate<\n  T extends ValueAnimationOptions | ArrayAnimationOptions,\n  R extends T extends ArrayAnimationOptions ? ArrayAnimation : ValueAnimation,\n>(options: T): R {\n  const animation = (\n    isArrayAnimation(options)\n      ? new ArrayAnimation(options)\n      : new ValueAnimation(options)\n  ) as R;\n  animation.start();\n  return animation;\n}\n\nexport function animateColor(options: ColorAnimationOptions) {\n  const animation = new ColorAnimation(options);\n  animation.start();\n  return animation;\n}\n"],"names":["animate","options","animation","Array","isArray","startValue","endValue","isArrayAnimation","ArrayAnimation","ValueAnimation","start","animateColor","ColorAnimation"],"mappings":"8KAwDO,SAASA,EAGdC,GACA,MAAMC,EA1CND,IAEOE,MAAMC,QAAQH,EAAQI,aAAeF,MAAMC,QAAQH,EAAQK,UAyChEC,CAAiBN,GACb,IAAIO,EAAeP,GACnB,IAAIQ,EAAeR,GAGzB,OADAC,EAAUQ,QACHR,CACT,CAEO,SAASS,EAAaV,GAC3B,MAAMC,EAAY,IAAIU,EAAeX,GAErC,OADAC,EAAUQ,QACHR,CACT"}

package/dist/src/util/animation/animate.mjs

@@ -0,0 +1,48 @@
+import { ValueAnimation } from './ValueAnimation.mjs';
+import { ArrayAnimation } from './ArrayAnimation.mjs';
+import { ColorAnimation } from './ColorAnimation.mjs';
+
+const isArrayAnimation = options => {
+  return Array.isArray(options.startValue) || Array.isArray(options.endValue);
+};
+
+/**
+ * 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();
+ *   }
+ * });
+ *
+ */
+
+function animate(options) {
+  const animation = isArrayAnimation(options) ? new ArrayAnimation(options) : new ValueAnimation(options);
+  animation.start();
+  return animation;
+}
+function animateColor(options) {
+  const animation = new ColorAnimation(options);
+  animation.start();
+  return animation;
+}
+
+export { animate, animateColor };
+//# sourceMappingURL=animate.mjs.map