fabric/dist/src/shapes/Object/AnimatableObject.mjs.map

Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.

{"version":3,"file":"AnimatableObject.mjs","sources":["../../../../src/shapes/Object/AnimatableObject.ts"],"sourcesContent":["import type { TColorArg } from '../../color/typedefs';\nimport { FILL, STROKE } from '../../constants';\nimport type { ObjectEvents } from '../../EventTypeDefs';\nimport type { TAnimation } from '../../util/animation/animate';\nimport { animate, animateColor } from '../../util/animation/animate';\nimport type {\n  AnimationOptions,\n  ArrayAnimationOptions,\n  ColorAnimationOptions,\n  ValueAnimationOptions,\n} from '../../util/animation/types';\nimport { StackedObject } from './StackedObject';\n\nexport abstract class AnimatableObject<\n  EventSpec extends ObjectEvents = ObjectEvents\n> extends StackedObject<EventSpec> {\n  /**\n   * List of properties to consider for animating colors.\n   * @type String[]\n   */\n  static colorProperties: string[] = [FILL, STROKE, 'backgroundColor'];\n\n  /**\n   * Animates object's properties\n   * @param {Record<string, number | number[] | TColorArg>} animatable map of keys and end values\n   * @param {Partial<AnimationOptions<T>>} options\n   * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#animation}\n   * @return {Record<string, TAnimation<T>>} map of animation contexts\n   *\n   * As object — multiple properties\n   *\n   * object.animate({ left: ..., top: ... });\n   * object.animate({ left: ..., top: ... }, { duration: ... });\n   */\n  animate<T extends number | number[] | TColorArg>(\n    animatable: Record<string, T>,\n    options?: Partial<AnimationOptions<T>>\n  ): Record<string, TAnimation<T>> {\n    return Object.entries(animatable).reduce((acc, [key, endValue]) => {\n      acc[key] = this._animate(key, endValue, options);\n      return acc;\n    }, {} as Record<string, TAnimation<T>>);\n  }\n\n  /**\n   * @private\n   * @param {String} key Property to animate\n   * @param {String} to Value to animate to\n   * @param {Object} [options] Options object\n   */\n  _animate<T extends number | number[] | TColorArg>(\n    key: string,\n    endValue: T,\n    options: Partial<AnimationOptions<T>> = {}\n  ): TAnimation<T> {\n    const path = key.split('.');\n    const propIsColor = (\n      this.constructor as typeof AnimatableObject\n    ).colorProperties.includes(path[path.length - 1]);\n    const { abort, startValue, onChange, onComplete } = options;\n    const animationOptions = {\n      ...options,\n      target: this,\n      // path.reduce... is the current value in case start value isn't provided\n      startValue:\n        startValue ?? path.reduce((deep: any, key) => deep[key], this),\n      endValue,\n      abort: abort?.bind(this),\n      onChange: (\n        value: number | number[] | string,\n        valueProgress: number,\n        durationProgress: number\n      ) => {\n        path.reduce((deep: Record<string, any>, key, index) => {\n          if (index === path.length - 1) {\n            deep[key] = value;\n          }\n          return deep[key];\n        }, this);\n        onChange &&\n          // @ts-expect-error generic callback arg0 is wrong\n          onChange(value, valueProgress, durationProgress);\n      },\n      onComplete: (\n        value: number | number[] | string,\n        valueProgress: number,\n        durationProgress: number\n      ) => {\n        this.setCoords();\n        onComplete &&\n          // @ts-expect-error generic callback arg0 is wrong\n          onComplete(value, valueProgress, durationProgress);\n      },\n    } as AnimationOptions<T>;\n\n    return (\n      propIsColor\n        ? animateColor(animationOptions as ColorAnimationOptions)\n        : animate(\n            animationOptions as ValueAnimationOptions | ArrayAnimationOptions\n          )\n    ) as TAnimation<T>;\n  }\n}\n"],"names":["AnimatableObject","StackedObject","animate","animatable","options","Object","entries","reduce","acc","_ref","key","endValue","_animate","arguments","length","undefined","path","split","propIsColor","constructor","colorProperties","includes","abort","startValue","onChange","onComplete","animationOptions","_objectSpread","target","deep","bind","value","valueProgress","durationProgress","index","setCoords","animateColor","_defineProperty","FILL","STROKE"],"mappings":"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"}