@visactor/vgrammar-core 0.7.0

package/es/graph/animation/animation/grow-points.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/animation/animation/grow-points.ts"],"names":[],"mappings":"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","file":"grow-points.js","sourcesContent":["import type { IPointLike } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { isValidNumber } from '@visactor/vutils';\nimport type {\n  IElement,\n  IGrowPointsOverallAnimationOptions,\n  IAnimationParameters,\n  IGrowPointsAnimationOptions,\n  TypeAnimation\n} from '../../../types';\n\nconst getCenterPoints = (\n  element: IElement,\n  options: IGrowPointsOverallAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const points: IPointLike[] = element.getGraphicAttribute('points', false);\n  const center: IPointLike = { x: 0, y: 0 };\n  points.forEach(point => {\n    center.x += point.x;\n    center.y += point.y;\n  });\n  center.x /= points.length;\n  center.y /= points.length;\n\n  if (options?.center) {\n    if (isValidNumber(options.center.x)) {\n      center.x = options.center.x;\n    }\n    if (isValidNumber(options.center.y)) {\n      center.y = options.center.y;\n    }\n  }\n\n  return points.map(() => Object.assign(center));\n};\n\nexport const growPointsIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IGrowPointsOverallAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return {\n    from: { points: getCenterPoints(element, options, animationParameters) },\n    to: { points: element.getGraphicAttribute('points', false) }\n  };\n};\n\nexport const growPointsOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IGrowPointsOverallAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return {\n    from: { points: element.getGraphicAttribute('points', true) },\n    to: { points: getCenterPoints(element, options, animationParameters) }\n  };\n};\n\n// grow points x\n\nconst changePointsX = (\n  element: IElement,\n  options: IGrowPointsAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const points = element.getGraphicAttribute('points', false);\n  return points.map((point: IPointLike) => {\n    if (options?.orient === 'negative') {\n      const groupRight = animationParameters.group\n        ? animationParameters.group.getBounds().width()\n        : animationParameters.width;\n      return {\n        x: groupRight,\n        y: point.y,\n        x1: groupRight,\n        y1: point.y1,\n        defined: point.defined !== false\n      } as IPointLike;\n    }\n    return {\n      x: 0,\n      y: point.y,\n      x1: 0,\n      y1: point.y1,\n      defined: point.defined !== false\n    } as IPointLike;\n  });\n};\n\nexport const growPointsXIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IGrowPointsAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return {\n    from: { points: changePointsX(element, options, animationParameters) },\n    to: { points: element.getGraphicAttribute('points', false) }\n  };\n};\n\nexport const growPointsXOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IGrowPointsAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return {\n    from: { points: element.getGraphicAttribute('points', true) },\n    to: { points: changePointsX(element, options, animationParameters) }\n  };\n};\n\n// grow points y\n\nconst changePointsY = (\n  element: IElement,\n  options: IGrowPointsAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const points = element.getGraphicAttribute('points', false);\n  return points.map((point: IPointLike) => {\n    if (options?.orient === 'negative') {\n      const groupBottom = animationParameters.group\n        ? animationParameters.group.getBounds().height()\n        : animationParameters.height;\n      return {\n        x: point.x,\n        y: groupBottom,\n        x1: point.x1,\n        y1: groupBottom,\n        defined: point.defined !== false\n      } as IPointLike;\n    }\n    return {\n      x: point.x,\n      y: 0,\n      x1: point.x1,\n      y1: 0,\n      defined: point.defined !== false\n    } as IPointLike;\n  });\n};\n\nexport const growPointsYIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IGrowPointsAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return {\n    from: { points: changePointsY(element, options, animationParameters) },\n    to: { points: element.getGraphicAttribute('points', false) }\n  };\n};\n\nexport const growPointsYOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IGrowPointsAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return {\n    from: { points: element.getGraphicAttribute('points', true) },\n    to: { points: changePointsY(element, options, animationParameters) }\n  };\n};\n"]}

package/es/graph/animation/animation/grow-polar.d.ts

@@ -0,0 +1,5 @@
+import type { IElement, TypeAnimation } from '../../../types';
+export declare const growAngleIn: TypeAnimation<IElement>;
+export declare const growAngleOut: TypeAnimation<IElement>;
+export declare const growRadiusIn: TypeAnimation<IElement>;
+export declare const growRadiusOut: TypeAnimation<IElement>;

package/es/graph/animation/animation/grow-polar.js

@@ -0,0 +1,160 @@
+import { isNumber } from "@visactor/vutils";
+
+const growAngleInIndividual = (element, options, animationParameters) => "anticlockwise" === (null == options ? void 0 : options.orient) ? {
+    from: {
+        startAngle: element.getGraphicAttribute("endAngle", !1)
+    },
+    to: {
+        startAngle: element.getGraphicAttribute("startAngle", !1)
+    }
+} : {
+    from: {
+        endAngle: element.getGraphicAttribute("startAngle", !1)
+    },
+    to: {
+        endAngle: element.getGraphicAttribute("endAngle", !1)
+    }
+}, growAngleInOverall = (element, options, animationParameters) => {
+    if ("anticlockwise" === (null == options ? void 0 : options.orient)) {
+        const overallValue = isNumber(null == options ? void 0 : options.overall) ? options.overall : 2 * Math.PI;
+        return {
+            from: {
+                startAngle: overallValue,
+                endAngle: overallValue
+            },
+            to: {
+                startAngle: element.getGraphicAttribute("startAngle", !1),
+                endAngle: element.getGraphicAttribute("endAngle", !1)
+            }
+        };
+    }
+    const overallValue = isNumber(null == options ? void 0 : options.overall) ? options.overall : 0;
+    return {
+        from: {
+            startAngle: overallValue,
+            endAngle: overallValue
+        },
+        to: {
+            startAngle: element.getGraphicAttribute("startAngle", !1),
+            endAngle: element.getGraphicAttribute("endAngle", !1)
+        }
+    };
+};
+
+export const growAngleIn = (element, options, animationParameters) => {
+    var _a;
+    return !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growAngleInOverall(element, options) : growAngleInIndividual(element, options);
+};
+
+const growAngleOutIndividual = (element, options, animationParameters) => "anticlockwise" === (null == options ? void 0 : options.orient) ? {
+    from: {
+        startAngle: element.getGraphicAttribute("startAngle", !0)
+    },
+    to: {
+        startAngle: element.getGraphicAttribute("endAngle", !1)
+    }
+} : {
+    from: {
+        endAngle: element.getGraphicAttribute("endAngle", !0)
+    },
+    to: {
+        endAngle: element.getGraphicAttribute("startAngle", !1)
+    }
+}, growAngleOutOverall = (element, options, animationParameters) => {
+    if ("anticlockwise" === (null == options ? void 0 : options.orient)) {
+        const overallValue = isNumber(null == options ? void 0 : options.overall) ? options.overall : 2 * Math.PI;
+        return {
+            from: {
+                startAngle: element.getGraphicAttribute("startAngle", !0),
+                endAngle: element.getGraphicAttribute("endAngle", !0)
+            },
+            to: {
+                startAngle: overallValue,
+                endAngle: overallValue
+            }
+        };
+    }
+    const overallValue = isNumber(null == options ? void 0 : options.overall) ? options.overall : 0;
+    return {
+        from: {
+            startAngle: element.getGraphicAttribute("startAngle", !0),
+            endAngle: element.getGraphicAttribute("endAngle", !0)
+        },
+        to: {
+            startAngle: overallValue,
+            endAngle: overallValue
+        }
+    };
+};
+
+export const growAngleOut = (element, options, animationParameters) => {
+    var _a;
+    return !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growAngleOutOverall(element, options) : growAngleOutIndividual(element, options);
+};
+
+const growRadiusInIndividual = (element, options, animationParameters) => "inside" === (null == options ? void 0 : options.orient) ? {
+    from: {
+        innerRadius: element.getGraphicAttribute("outerRadius", !1)
+    },
+    to: {
+        innerRadius: element.getGraphicAttribute("innerRadius", !1)
+    }
+} : {
+    from: {
+        outerRadius: element.getGraphicAttribute("innerRadius", !1)
+    },
+    to: {
+        outerRadius: element.getGraphicAttribute("outerRadius", !1)
+    }
+}, growRadiusInOverall = (element, options, animationParameters) => {
+    const overallValue = isNumber(null == options ? void 0 : options.overall) ? options.overall : 0;
+    return {
+        from: {
+            innerRadius: overallValue,
+            outerRadius: overallValue
+        },
+        to: {
+            innerRadius: element.getGraphicAttribute("innerRadius", !1),
+            outerRadius: element.getGraphicAttribute("outerRadius", !1)
+        }
+    };
+};
+
+export const growRadiusIn = (element, options, animationParameters) => {
+    var _a;
+    return !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growRadiusInOverall(element, options) : growRadiusInIndividual(element, options);
+};
+
+const growRadiusOutIndividual = (element, options, animationParameters) => "inside" === (null == options ? void 0 : options.orient) ? {
+    from: {
+        innerRadius: element.getGraphicAttribute("innerRadius", !0)
+    },
+    to: {
+        innerRadius: element.getGraphicAttribute("outerRadius", !1)
+    }
+} : {
+    from: {
+        outerRadius: element.getGraphicAttribute("outerRadius", !0)
+    },
+    to: {
+        outerRadius: element.getGraphicAttribute("innerRadius", !1)
+    }
+}, growRadiusOutOverall = (element, options, animationParameters) => {
+    const overallValue = isNumber(null == options ? void 0 : options.overall) ? options.overall : 0;
+    return {
+        from: {
+            innerRadius: element.getGraphicAttribute("innerRadius", !0),
+            outerRadius: element.getGraphicAttribute("outerRadius", !0)
+        },
+        to: {
+            innerRadius: overallValue,
+            outerRadius: overallValue
+        }
+    };
+};
+
+export const growRadiusOut = (element, options, animationParameters) => {
+    var _a;
+    return !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growRadiusOutOverall(element, options) : growRadiusOutIndividual(element, options);
+};
+//# sourceMappingURL=grow-polar.js.map

package/es/graph/animation/animation/grow-polar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/animation/animation/grow-polar.ts"],"names":[],"mappings":"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","file":"grow-polar.js","sourcesContent":["import { isNumber } from '@visactor/vutils';\nimport type {\n  IElement,\n  IGrowAngleAnimationOptions,\n  IAnimationParameters,\n  IGrowRadiusAnimationOptions,\n  TypeAnimation\n} from '../../../types';\n\n// grow angle\n\nconst growAngleInIndividual = (\n  element: IElement,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  if (options?.orient === 'anticlockwise') {\n    return {\n      from: { startAngle: element.getGraphicAttribute('endAngle', false) },\n      to: { startAngle: element.getGraphicAttribute('startAngle', false) }\n    };\n  }\n  return {\n    from: { endAngle: element.getGraphicAttribute('startAngle', false) },\n    to: { endAngle: element.getGraphicAttribute('endAngle', false) }\n  };\n};\n\nconst growAngleInOverall = (\n  element: IElement,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  if (options?.orient === 'anticlockwise') {\n    const overallValue = isNumber(options?.overall) ? options.overall : Math.PI * 2;\n    return {\n      from: {\n        startAngle: overallValue,\n        endAngle: overallValue\n      },\n      to: {\n        startAngle: element.getGraphicAttribute('startAngle', false),\n        endAngle: element.getGraphicAttribute('endAngle', false)\n      }\n    };\n  }\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      startAngle: overallValue,\n      endAngle: overallValue\n    },\n    to: {\n      startAngle: element.getGraphicAttribute('startAngle', false),\n      endAngle: element.getGraphicAttribute('endAngle', false)\n    }\n  };\n};\n\nexport const growAngleIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growAngleInOverall(element, options, animationParameters)\n    : growAngleInIndividual(element, options, animationParameters);\n};\n\nconst growAngleOutIndividual = (\n  element: IElement,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  if (options?.orient === 'anticlockwise') {\n    return {\n      from: { startAngle: element.getGraphicAttribute('startAngle', true) },\n      to: { startAngle: element.getGraphicAttribute('endAngle', false) }\n    };\n  }\n  return {\n    from: { endAngle: element.getGraphicAttribute('endAngle', true) },\n    to: { endAngle: element.getGraphicAttribute('startAngle', false) }\n  };\n};\n\nconst growAngleOutOverall = (\n  element: IElement,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  if (options?.orient === 'anticlockwise') {\n    const overallValue = isNumber(options?.overall) ? options.overall : Math.PI * 2;\n    return {\n      from: {\n        startAngle: element.getGraphicAttribute('startAngle', true),\n        endAngle: element.getGraphicAttribute('endAngle', true)\n      },\n      to: {\n        startAngle: overallValue,\n        endAngle: overallValue\n      }\n    };\n  }\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      startAngle: element.getGraphicAttribute('startAngle', true),\n      endAngle: element.getGraphicAttribute('endAngle', true)\n    },\n    to: {\n      startAngle: overallValue,\n      endAngle: overallValue\n    }\n  };\n};\n\nexport const growAngleOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growAngleOutOverall(element, options, animationParameters)\n    : growAngleOutIndividual(element, options, animationParameters);\n};\n\n// grow radius\n\nconst growRadiusInIndividual = (\n  element: IElement,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  if (options?.orient === 'inside') {\n    return {\n      from: { innerRadius: element.getGraphicAttribute('outerRadius', false) },\n      to: { innerRadius: element.getGraphicAttribute('innerRadius', false) }\n    };\n  }\n  return {\n    from: { outerRadius: element.getGraphicAttribute('innerRadius', false) },\n    to: { outerRadius: element.getGraphicAttribute('outerRadius', false) }\n  };\n};\n\nconst growRadiusInOverall = (\n  element: IElement,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      innerRadius: overallValue,\n      outerRadius: overallValue\n    },\n    to: {\n      innerRadius: element.getGraphicAttribute('innerRadius', false),\n      outerRadius: element.getGraphicAttribute('outerRadius', false)\n    }\n  };\n};\n\nexport const growRadiusIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growRadiusInOverall(element, options, animationParameters)\n    : growRadiusInIndividual(element, options, animationParameters);\n};\n\nconst growRadiusOutIndividual = (\n  element: IElement,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  if (options?.orient === 'inside') {\n    return {\n      from: { innerRadius: element.getGraphicAttribute('innerRadius', true) },\n      to: { innerRadius: element.getGraphicAttribute('outerRadius', false) }\n    };\n  }\n  return {\n    from: { outerRadius: element.getGraphicAttribute('outerRadius', true) },\n    to: { outerRadius: element.getGraphicAttribute('innerRadius', false) }\n  };\n};\n\nconst growRadiusOutOverall = (\n  element: IElement,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      innerRadius: element.getGraphicAttribute('innerRadius', true),\n      outerRadius: element.getGraphicAttribute('outerRadius', true)\n    },\n    to: {\n      innerRadius: overallValue,\n      outerRadius: overallValue\n    }\n  };\n};\n\nexport const growRadiusOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growRadiusOutOverall(element, options, animationParameters)\n    : growRadiusOutIndividual(element, options, animationParameters);\n};\n"]}

package/es/graph/animation/animation/index.d.ts

@@ -0,0 +1,11 @@
+import { clipIn, clipOut } from './clip';
+import { fadeIn, fadeOut } from './fade';
+import { growCenterIn, growCenterOut, growHeightIn, growHeightOut, growWidthIn, growWidthOut } from './grow-cartesian';
+import { growAngleIn, growAngleOut, growRadiusIn, growRadiusOut } from './grow-polar';
+import { growPointsIn, growPointsOut, growPointsXIn, growPointsXOut, growPointsYIn, growPointsYOut } from './grow-points';
+import { growIntervalIn, growIntervalOut } from './grow-interval';
+import { moveIn, moveOut } from './move';
+import { scaleIn, scaleOut } from './scale';
+import { update } from './update';
+import { rotateIn, rotateOut } from './rotate';
+export { clipIn, clipOut, fadeIn, fadeOut, moveIn, moveOut, scaleIn, scaleOut, rotateIn, rotateOut, growCenterIn, growCenterOut, growWidthIn, growWidthOut, growHeightIn, growHeightOut, growAngleIn, growAngleOut, growRadiusIn, growRadiusOut, growPointsIn, growPointsOut, growPointsXIn, growPointsXOut, growPointsYIn, growPointsYOut, growIntervalIn, growIntervalOut, update };

package/es/graph/animation/animation/index.js

@@ -0,0 +1,22 @@
+import { clipIn, clipOut } from "./clip";
+
+import { fadeIn, fadeOut } from "./fade";
+
+import { growCenterIn, growCenterOut, growHeightIn, growHeightOut, growWidthIn, growWidthOut } from "./grow-cartesian";
+
+import { growAngleIn, growAngleOut, growRadiusIn, growRadiusOut } from "./grow-polar";
+
+import { growPointsIn, growPointsOut, growPointsXIn, growPointsXOut, growPointsYIn, growPointsYOut } from "./grow-points";
+
+import { growIntervalIn, growIntervalOut } from "./grow-interval";
+
+import { moveIn, moveOut } from "./move";
+
+import { scaleIn, scaleOut } from "./scale";
+
+import { update } from "./update";
+
+import { rotateIn, rotateOut } from "./rotate";
+
+export { clipIn, clipOut, fadeIn, fadeOut, moveIn, moveOut, scaleIn, scaleOut, rotateIn, rotateOut, growCenterIn, growCenterOut, growWidthIn, growWidthOut, growHeightIn, growHeightOut, growAngleIn, growAngleOut, growRadiusIn, growRadiusOut, growPointsIn, growPointsOut, growPointsXIn, growPointsXOut, growPointsYIn, growPointsYOut, growIntervalIn, growIntervalOut, update };
+//# sourceMappingURL=index.js.map

package/es/graph/animation/animation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/animation/animation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACvH,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACtF,OAAO,EACL,YAAY,EACZ,aAAa,EACb,aAAa,EACb,cAAc,EACd,aAAa,EACb,cAAc,EACf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE/C,OAAO,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,aAAa,EACb,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,aAAa,EACb,cAAc,EACd,aAAa,EACb,cAAc,EACd,cAAc,EACd,eAAe,EACf,MAAM,EACP,CAAC","file":"index.js","sourcesContent":["import { clipIn, clipOut } from './clip';\nimport { fadeIn, fadeOut } from './fade';\nimport { growCenterIn, growCenterOut, growHeightIn, growHeightOut, growWidthIn, growWidthOut } from './grow-cartesian';\nimport { growAngleIn, growAngleOut, growRadiusIn, growRadiusOut } from './grow-polar';\nimport {\n  growPointsIn,\n  growPointsOut,\n  growPointsXIn,\n  growPointsXOut,\n  growPointsYIn,\n  growPointsYOut\n} from './grow-points';\nimport { growIntervalIn, growIntervalOut } from './grow-interval';\nimport { moveIn, moveOut } from './move';\nimport { scaleIn, scaleOut } from './scale';\nimport { update } from './update';\nimport { rotateIn, rotateOut } from './rotate';\n\nexport {\n  clipIn,\n  clipOut,\n  fadeIn,\n  fadeOut,\n  moveIn,\n  moveOut,\n  scaleIn,\n  scaleOut,\n  rotateIn,\n  rotateOut,\n  growCenterIn,\n  growCenterOut,\n  growWidthIn,\n  growWidthOut,\n  growHeightIn,\n  growHeightOut,\n  growAngleIn,\n  growAngleOut,\n  growRadiusIn,\n  growRadiusOut,\n  growPointsIn,\n  growPointsOut,\n  growPointsXIn,\n  growPointsXOut,\n  growPointsYIn,\n  growPointsYOut,\n  growIntervalIn,\n  growIntervalOut,\n  update\n};\n"]}

package/es/graph/animation/animation/move.d.ts

@@ -0,0 +1,3 @@
+import type { IElement, TypeAnimation } from '../../../types';
+export declare const moveIn: TypeAnimation<IElement>;
+export declare const moveOut: TypeAnimation<IElement>;

package/es/graph/animation/animation/move.js

@@ -0,0 +1,78 @@
+import { isValidNumber } from "@visactor/vutils";
+
+export const moveIn = (element, options, animationParameters) => {
+    var _a, _b, _c, _d, _e;
+    const offset = null !== (_a = null == options ? void 0 : options.offset) && void 0 !== _a ? _a : 0, groupBounds = animationParameters.group ? animationParameters.group.getBounds() : null, groupWidth = null !== (_b = null == groupBounds ? void 0 : groupBounds.width()) && void 0 !== _b ? _b : animationParameters.width, groupHeight = null !== (_c = null == groupBounds ? void 0 : groupBounds.height()) && void 0 !== _c ? _c : animationParameters.height, changedX = ("negative" === (null == options ? void 0 : options.orient) ? groupWidth : 0) + offset, changedY = ("negative" === (null == options ? void 0 : options.orient) ? groupHeight : 0) + offset, fromX = isValidNumber(null === (_d = null == options ? void 0 : options.point) || void 0 === _d ? void 0 : _d.x) ? options.point.x : changedX, fromY = isValidNumber(null === (_e = null == options ? void 0 : options.point) || void 0 === _e ? void 0 : _e.y) ? options.point.y : changedY;
+    switch (null == options ? void 0 : options.direction) {
+      case "x":
+        return {
+            from: {
+                x: fromX
+            },
+            to: {
+                x: element.getGraphicAttribute("x", !1)
+            }
+        };
+
+      case "y":
+        return {
+            from: {
+                y: fromY
+            },
+            to: {
+                y: element.getGraphicAttribute("y", !1)
+            }
+        };
+
+      default:
+        return {
+            from: {
+                x: fromX,
+                y: fromY
+            },
+            to: {
+                x: element.getGraphicAttribute("x", !1),
+                y: element.getGraphicAttribute("y", !1)
+            }
+        };
+    }
+};
+
+export const moveOut = (element, options, animationParameters) => {
+    var _a, _b, _c, _d, _e;
+    const offset = null !== (_a = null == options ? void 0 : options.offset) && void 0 !== _a ? _a : 0, groupBounds = animationParameters.group ? animationParameters.group.getBounds() : null, groupWidth = null !== (_b = null == groupBounds ? void 0 : groupBounds.width()) && void 0 !== _b ? _b : animationParameters.width, groupHeight = null !== (_c = null == groupBounds ? void 0 : groupBounds.height()) && void 0 !== _c ? _c : animationParameters.height, changedX = ("negative" === (null == options ? void 0 : options.orient) ? groupWidth : 0) + offset, changedY = ("negative" === (null == options ? void 0 : options.orient) ? groupHeight : 0) + offset, fromX = isValidNumber(null === (_d = null == options ? void 0 : options.point) || void 0 === _d ? void 0 : _d.x) ? options.point.x : changedX, fromY = isValidNumber(null === (_e = null == options ? void 0 : options.point) || void 0 === _e ? void 0 : _e.y) ? options.point.y : changedY;
+    switch (null == options ? void 0 : options.direction) {
+      case "x":
+        return {
+            from: {
+                x: element.getGraphicAttribute("x", !0)
+            },
+            to: {
+                x: fromX
+            }
+        };
+
+      case "y":
+        return {
+            from: {
+                y: element.getGraphicAttribute("y", !0)
+            },
+            to: {
+                y: fromY
+            }
+        };
+
+      default:
+        return {
+            from: {
+                x: element.getGraphicAttribute("x", !0),
+                y: element.getGraphicAttribute("y", !0)
+            },
+            to: {
+                x: fromX,
+                y: fromY
+            }
+        };
+    }
+};
+//# sourceMappingURL=move.js.map

package/es/graph/animation/animation/move.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/animation/animation/move.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMjD,MAAM,CAAC,MAAM,MAAM,GAA4B,CAC7C,OAAiB,EACjB,OAA8B,EAC9B,mBAAyC,EACzC,EAAE;;IACF,MAAM,MAAM,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,mCAAI,CAAC,CAAC;IAEpC,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7F,MAAM,UAAU,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,EAAE,mCAAI,mBAAmB,CAAC,KAAK,CAAC;IACrE,MAAM,WAAW,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,EAAE,mCAAI,mBAAmB,CAAC,MAAM,CAAC;IACxE,MAAM,QAAQ,GAAG,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;IAC5E,MAAM,QAAQ,GAAG,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;IAC7E,MAAM,KAAK,GAAG,aAAa,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC5E,MAAM,KAAK,GAAG,aAAa,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE5E,QAAQ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAE;QAC1B,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE;gBAClB,EAAE,EAAE,EAAE,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE;aACnD,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE;gBAClB,EAAE,EAAE,EAAE,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE;aACnD,CAAC;QACJ,KAAK,IAAI,CAAC;QACV;YACE,OAAO;gBACL,IAAI,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE;gBAC5B,EAAE,EAAE;oBACF,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC;oBAC1C,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC;iBAC3C;aACF,CAAC;KACL;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAA4B,CAC9C,OAAiB,EACjB,OAA8B,EAC9B,mBAAyC,EACzC,EAAE;;IACF,MAAM,MAAM,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,mCAAI,CAAC,CAAC;IAEpC,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7F,MAAM,UAAU,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,EAAE,mCAAI,mBAAmB,CAAC,KAAK,CAAC;IACrE,MAAM,WAAW,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,EAAE,mCAAI,mBAAmB,CAAC,MAAM,CAAC;IACxE,MAAM,QAAQ,GAAG,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;IAC5E,MAAM,QAAQ,GAAG,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;IAC7E,MAAM,KAAK,GAAG,aAAa,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC5E,MAAM,KAAK,GAAG,aAAa,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE5E,QAAQ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAE;QAC1B,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE;gBACnD,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE;aACjB,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE;gBACnD,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE;aACjB,CAAC;QACJ,KAAK,IAAI,CAAC;QACV;YACE,OAAO;gBACL,IAAI,EAAE;oBACJ,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,EAAE,IAAI,CAAC;oBACzC,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,EAAE,IAAI,CAAC;iBAC1C;gBACD,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE;aAC3B,CAAC;KACL;AACH,CAAC,CAAC","file":"move.js","sourcesContent":["import { isValidNumber } from '@visactor/vutils';\nimport type { IElement, IMoveAnimationOptions, IAnimationParameters, TypeAnimation } from '../../../types';\n\n// When user did not provide proper x/y value, move animation will never work properly,\n//  due to that, default x/y value won't be set.\n\nexport const moveIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IMoveAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const offset = options?.offset ?? 0;\n  // consider the offset of group\n  const groupBounds = animationParameters.group ? animationParameters.group.getBounds() : null;\n  const groupWidth = groupBounds?.width() ?? animationParameters.width;\n  const groupHeight = groupBounds?.height() ?? animationParameters.height;\n  const changedX = (options?.orient === 'negative' ? groupWidth : 0) + offset;\n  const changedY = (options?.orient === 'negative' ? groupHeight : 0) + offset;\n  const fromX = isValidNumber(options?.point?.x) ? options.point.x : changedX;\n  const fromY = isValidNumber(options?.point?.y) ? options.point.y : changedY;\n\n  switch (options?.direction) {\n    case 'x':\n      return {\n        from: { x: fromX },\n        to: { x: element.getGraphicAttribute('x', false) }\n      };\n    case 'y':\n      return {\n        from: { y: fromY },\n        to: { y: element.getGraphicAttribute('y', false) }\n      };\n    case 'xy':\n    default:\n      return {\n        from: { x: fromX, y: fromY },\n        to: {\n          x: element.getGraphicAttribute('x', false),\n          y: element.getGraphicAttribute('y', false)\n        }\n      };\n  }\n};\n\nexport const moveOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IMoveAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const offset = options?.offset ?? 0;\n  // consider the offset of group\n  const groupBounds = animationParameters.group ? animationParameters.group.getBounds() : null;\n  const groupWidth = groupBounds?.width() ?? animationParameters.width;\n  const groupHeight = groupBounds?.height() ?? animationParameters.height;\n  const changedX = (options?.orient === 'negative' ? groupWidth : 0) + offset;\n  const changedY = (options?.orient === 'negative' ? groupHeight : 0) + offset;\n  const fromX = isValidNumber(options?.point?.x) ? options.point.x : changedX;\n  const fromY = isValidNumber(options?.point?.y) ? options.point.y : changedY;\n\n  switch (options?.direction) {\n    case 'x':\n      return {\n        from: { x: element.getGraphicAttribute('x', true) },\n        to: { x: fromX }\n      };\n    case 'y':\n      return {\n        from: { y: element.getGraphicAttribute('y', true) },\n        to: { y: fromY }\n      };\n    case 'xy':\n    default:\n      return {\n        from: {\n          x: element.getGraphicAttribute('x', true),\n          y: element.getGraphicAttribute('y', true)\n        },\n        to: { x: fromX, y: fromY }\n      };\n  }\n};\n"]}

package/es/graph/animation/animation/rotate.d.ts

@@ -0,0 +1,3 @@
+import type { TypeAnimation, IElement } from '../../../types';
+export declare const rotateIn: TypeAnimation<IElement>;
+export declare const rotateOut: TypeAnimation<IElement>;

package/es/graph/animation/animation/rotate.js

@@ -0,0 +1,32 @@
+import { isNumberClose, isValidNumber } from "@visactor/vutils";
+
+export const rotateIn = (element, options, animationParameters) => {
+    var _a;
+    const finalAngle = null !== (_a = element.getGraphicAttribute("angle", !1)) && void 0 !== _a ? _a : 0;
+    let angle = 0;
+    return angle = isNumberClose(finalAngle / (2 * Math.PI), 0) ? Math.round(finalAngle / (2 * Math.PI)) * Math.PI * 2 : isValidNumber(null == options ? void 0 : options.angle) ? options.angle : "anticlockwise" === (null == options ? void 0 : options.orient) ? Math.ceil(finalAngle / (2 * Math.PI)) * Math.PI * 2 : Math.floor(finalAngle / (2 * Math.PI)) * Math.PI * 2, 
+    {
+        from: {
+            angle: angle
+        },
+        to: {
+            angle: finalAngle
+        }
+    };
+};
+
+export const rotateOut = (element, options, animationParameters) => {
+    var _a;
+    const finalAngle = null !== (_a = element.getGraphicAttribute("angle", !0)) && void 0 !== _a ? _a : 0;
+    let angle = 0;
+    return angle = isNumberClose(finalAngle / (2 * Math.PI), 0) ? Math.round(finalAngle / (2 * Math.PI)) * Math.PI * 2 : isValidNumber(null == options ? void 0 : options.angle) ? options.angle : "anticlockwise" === (null == options ? void 0 : options.orient) ? Math.ceil(finalAngle / (2 * Math.PI)) * Math.PI * 2 : Math.floor(finalAngle / (2 * Math.PI)) * Math.PI * 2, 
+    {
+        from: {
+            angle: finalAngle
+        },
+        to: {
+            angle: angle
+        }
+    };
+};
+//# sourceMappingURL=rotate.js.map

package/es/graph/animation/animation/rotate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/animation/animation/rotate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGhE,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAC/C,OAAiB,EACjB,OAAgC,EAChC,mBAAyC,EACzC,EAAE;;IACF,MAAM,UAAU,GAAG,MAAA,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,mCAAI,CAAC,CAAC;IACpE,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,aAAa,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;QAChD,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC9D;SAAM,IAAI,aAAa,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,EAAE;QACxC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;KACvB;SAAM,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,eAAe,EAAE;QAC9C,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC7D;SAAM;QACL,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC9D;IACD,OAAO;QACL,IAAI,EAAE,EAAE,KAAK,EAAE;QACf,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;KAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA4B,CAChD,OAAiB,EACjB,OAAgC,EAChC,mBAAyC,EACzC,EAAE;;IACF,MAAM,UAAU,GAAG,MAAA,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,mCAAI,CAAC,CAAC;IACnE,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,aAAa,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;QAChD,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC9D;SAAM,IAAI,aAAa,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,EAAE;QACxC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;KACvB;SAAM,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,eAAe,EAAE;QAC9C,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC7D;SAAM;QACL,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC9D;IACD,OAAO;QACL,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;QAC3B,EAAE,EAAE,EAAE,KAAK,EAAE;KACd,CAAC;AACJ,CAAC,CAAC","file":"rotate.js","sourcesContent":["import { isNumberClose, isValidNumber } from '@visactor/vutils';\nimport type { IAnimationParameters, IRotateAnimationOptions, TypeAnimation, IElement } from '../../../types';\n\nexport const rotateIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IRotateAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const finalAngle = element.getGraphicAttribute('angle', false) ?? 0;\n  let angle = 0;\n  if (isNumberClose(finalAngle / (Math.PI * 2), 0)) {\n    angle = Math.round(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else if (isValidNumber(options?.angle)) {\n    angle = options.angle;\n  } else if (options?.orient === 'anticlockwise') {\n    angle = Math.ceil(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else {\n    angle = Math.floor(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  }\n  return {\n    from: { angle },\n    to: { angle: finalAngle }\n  };\n};\n\nexport const rotateOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IRotateAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const finalAngle = element.getGraphicAttribute('angle', true) ?? 0;\n  let angle = 0;\n  if (isNumberClose(finalAngle / (Math.PI * 2), 0)) {\n    angle = Math.round(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else if (isValidNumber(options?.angle)) {\n    angle = options.angle;\n  } else if (options?.orient === 'anticlockwise') {\n    angle = Math.ceil(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else {\n    angle = Math.floor(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  }\n  return {\n    from: { angle: finalAngle },\n    to: { angle }\n  };\n};\n"]}

package/es/graph/animation/animation/scale.d.ts

@@ -0,0 +1,3 @@
+import type { IElement, TypeAnimation } from '../../../types';
+export declare const scaleIn: TypeAnimation<IElement>;
+export declare const scaleOut: TypeAnimation<IElement>;

package/es/graph/animation/animation/scale.js

@@ -0,0 +1,74 @@
+export const scaleIn = (element, options, animationParameters) => {
+    var _a, _b, _c, _d;
+    switch (null == options ? void 0 : options.direction) {
+      case "x":
+        return {
+            from: {
+                scaleX: 0
+            },
+            to: {
+                scaleX: null !== (_a = element.getGraphicAttribute("scaleX", !1)) && void 0 !== _a ? _a : 1
+            }
+        };
+
+      case "y":
+        return {
+            from: {
+                scaleY: 0
+            },
+            to: {
+                scaleY: null !== (_b = element.getGraphicAttribute("scaleY", !1)) && void 0 !== _b ? _b : 1
+            }
+        };
+
+      default:
+        return {
+            from: {
+                scaleX: 0,
+                scaleY: 0
+            },
+            to: {
+                scaleX: null !== (_c = element.getGraphicAttribute("scaleX", !1)) && void 0 !== _c ? _c : 1,
+                scaleY: null !== (_d = element.getGraphicAttribute("scaleY", !1)) && void 0 !== _d ? _d : 1
+            }
+        };
+    }
+};
+
+export const scaleOut = (element, options, animationParameters) => {
+    var _a, _b, _c, _d;
+    switch (null == options ? void 0 : options.direction) {
+      case "x":
+        return {
+            from: {
+                scaleX: null !== (_a = element.getGraphicAttribute("scaleX", !0)) && void 0 !== _a ? _a : 1
+            },
+            to: {
+                scaleX: 0
+            }
+        };
+
+      case "y":
+        return {
+            from: {
+                scaleY: null !== (_b = element.getGraphicAttribute("scaleY", !0)) && void 0 !== _b ? _b : 1
+            },
+            to: {
+                scaleY: 0
+            }
+        };
+
+      default:
+        return {
+            from: {
+                scaleX: null !== (_c = element.getGraphicAttribute("scaleX", !0)) && void 0 !== _c ? _c : 1,
+                scaleY: null !== (_d = element.getGraphicAttribute("scaleY", !0)) && void 0 !== _d ? _d : 1
+            },
+            to: {
+                scaleX: 0,
+                scaleY: 0
+            }
+        };
+    }
+};
+//# sourceMappingURL=scale.js.map

package/es/graph/animation/animation/scale.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/animation/animation/scale.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,OAAO,GAA4B,CAC9C,OAAiB,EACjB,OAA+B,EAC/B,mBAAyC,EACzC,EAAE;;IACF,QAAQ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAE;QAC1B,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;gBACnB,EAAE,EAAE,EAAE,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,mCAAI,CAAC,EAAE;aAClE,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;gBACnB,EAAE,EAAE,EAAE,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,mCAAI,CAAC,EAAE;aAClE,CAAC;QACJ,KAAK,IAAI,CAAC;QACV;YACE,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;gBAC9B,EAAE,EAAE;oBACF,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,mCAAI,CAAC;oBACzD,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,mCAAI,CAAC;iBAC1D;aACF,CAAC;KACL;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAC/C,OAAiB,EACjB,OAA+B,EAC/B,mBAAyC,EACzC,EAAE;;IACF,QAAQ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAE;QAC1B,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mCAAI,CAAC,EAAE;gBAClE,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;aAClB,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mCAAI,CAAC,EAAE;gBAClE,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;aAClB,CAAC;QACJ,KAAK,IAAI,CAAC;QACV;YACE,OAAO;gBACL,IAAI,EAAE;oBACJ,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mCAAI,CAAC;oBACxD,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mCAAI,CAAC;iBACzD;gBACD,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;aAC7B,CAAC;KACL;AACH,CAAC,CAAC","file":"scale.js","sourcesContent":["import type { IElement, IScaleAnimationOptions, IAnimationParameters, TypeAnimation } from '../../../types';\n\n// TODO: negative direction, need support from VRender\n\nexport const scaleIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IScaleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  switch (options?.direction) {\n    case 'x':\n      return {\n        from: { scaleX: 0 },\n        to: { scaleX: element.getGraphicAttribute('scaleX', false) ?? 1 }\n      };\n    case 'y':\n      return {\n        from: { scaleY: 0 },\n        to: { scaleY: element.getGraphicAttribute('scaleY', false) ?? 1 }\n      };\n    case 'xy':\n    default:\n      return {\n        from: { scaleX: 0, scaleY: 0 },\n        to: {\n          scaleX: element.getGraphicAttribute('scaleX', false) ?? 1,\n          scaleY: element.getGraphicAttribute('scaleY', false) ?? 1\n        }\n      };\n  }\n};\n\nexport const scaleOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IScaleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  switch (options?.direction) {\n    case 'x':\n      return {\n        from: { scaleX: element.getGraphicAttribute('scaleX', true) ?? 1 },\n        to: { scaleX: 0 }\n      };\n    case 'y':\n      return {\n        from: { scaleY: element.getGraphicAttribute('scaleY', true) ?? 1 },\n        to: { scaleY: 0 }\n      };\n    case 'xy':\n    default:\n      return {\n        from: {\n          scaleX: element.getGraphicAttribute('scaleX', true) ?? 1,\n          scaleY: element.getGraphicAttribute('scaleY', true) ?? 1\n        },\n        to: { scaleX: 0, scaleY: 0 }\n      };\n  }\n};\n"]}

package/es/graph/animation/animation/update.d.ts

@@ -0,0 +1,6 @@
+import type { IElement } from '../../../types';
+import type { TypeAnimation } from '../../../types/animate';
+export interface IUpdateAnimationOptions {
+    excludeChannels: string[];
+}
+export declare const update: TypeAnimation<IElement>;

package/es/graph/animation/animation/update.js

@@ -0,0 +1,20 @@
+import { array } from "@visactor/vutils";
+
+import { isEqual } from "@visactor/vgrammar-util";
+
+const defaultExcludedChannels = [ "visible", "path", "text", "lineWidth", "textBaseline", "textAlign" ];
+
+export const update = (element, options, animationParameters) => {
+    const from = Object.assign({}, element.getPrevGraphicAttributes()), to = Object.assign({}, element.getNextGraphicAttributes());
+    return defaultExcludedChannels.forEach((key => {
+        delete from[key], delete to[key];
+    })), array(null == options ? void 0 : options.excludeChannels).forEach((key => {
+        delete from[key], delete to[key];
+    })), Object.keys(to).forEach((key => {
+        isEqual(key, from, to) && (delete from[key], delete to[key]);
+    })), {
+        from: from,
+        to: to
+    };
+};
+//# sourceMappingURL=update.js.map

package/es/graph/animation/animation/update.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/animation/animation/update.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAKlD,MAAM,uBAAuB,GAAG;IAC9B,SAAS;IAGT,MAAM;IAGN,MAAM;IACN,WAAW;IACX,cAAc;IACd,WAAW;CACZ,CAAC;AAMF,MAAM,CAAC,MAAM,MAAM,GAA4B,CAC7C,OAAiB,EACjB,OAAgC,EAChC,mBAAyC,EACzC,EAAE;IACF,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,CAAC,wBAAwB,EAAE,CAAC,CAAC;IACnE,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,CAAC,wBAAwB,EAAE,CAAC,CAAC;IACjE,uBAAuB,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACpC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC;QACjB,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC;IACjB,CAAC,CAAC,CAAC;IACH,KAAK,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QAC5C,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC;QACjB,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC;IACjB,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QAC5B,IAAI,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE;YAC1B,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC;YACjB,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC;SAChB;IACH,CAAC,CAAC,CAAC;IACH,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AACtB,CAAC,CAAC","file":"update.js","sourcesContent":["import { array } from '@visactor/vutils';\nimport { isEqual } from '@visactor/vgrammar-util';\nimport type { IElement } from '../../../types';\nimport type { IAnimationParameters, TypeAnimation } from '../../../types/animate';\n\n// FIXME: channels which do not animate should be handled by VRender\nconst defaultExcludedChannels = [\n  'visible',\n\n  // path channel\n  'path',\n\n  // text channels\n  'text',\n  'lineWidth',\n  'textBaseline',\n  'textAlign'\n];\n\nexport interface IUpdateAnimationOptions {\n  excludeChannels: string[];\n}\n\nexport const update: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IUpdateAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const from = Object.assign({}, element.getPrevGraphicAttributes());\n  const to = Object.assign({}, element.getNextGraphicAttributes());\n  defaultExcludedChannels.forEach(key => {\n    delete from[key];\n    delete to[key];\n  });\n  array(options?.excludeChannels).forEach(key => {\n    delete from[key];\n    delete to[key];\n  });\n  Object.keys(to).forEach(key => {\n    if (isEqual(key, from, to)) {\n      delete from[key];\n      delete to[key];\n    }\n  });\n  return { from, to };\n};\n"]}

package/es/graph/animation/animator.d.ts

@@ -0,0 +1,26 @@
+import type { IAnimationTimeline, IAnimator, IAnimatorOptions, IAnimationUnit, IAnimationParameters, IElement } from '../../types';
+export declare class Animator implements IAnimator {
+    id: number;
+    element: IElement;
+    animationOptions: IAnimatorOptions;
+    isAnimating: boolean;
+    private unit;
+    private runnings;
+    private callbackFunction;
+    constructor(element: IElement, unit: IAnimationUnit, animationOptions: {
+        state: string;
+        timeline: IAnimationTimeline;
+        id: string;
+    });
+    callback(callbackFunction: (...args: any[]) => void): this;
+    animate(animationParameters: IAnimationParameters, parameters: any): this;
+    stop(stopState?: 'start' | 'end', invokeCallback?: boolean): this;
+    pause(): this;
+    resume(): this;
+    startAt(startTime: number): this;
+    getTotalAnimationTime(): number;
+    getEndAttributes(): Record<string, any>;
+    private animationEnd;
+    private animateElement;
+    private animateTimeSlice;
+}