@visactor/vrender-animate 0.22.4 → 0.23.0-alpha.2

package/cjs/custom/growAngle.js

@@ -137,4 +137,5 @@ class GrowAngleOut extends GworPointsBase {
     }
 }
 
-exports.GrowAngleOut = GrowAngleOut;
+exports.GrowAngleOut = GrowAngleOut;
+//# sourceMappingURL=growAngle.js.map

package/cjs/custom/growRadius.js

@@ -109,5 +109,4 @@ class GrowRadiusOut extends GworPointsBase {
     }
 }
 
-exports.GrowRadiusOut = GrowRadiusOut;
-//# sourceMappingURL=growRadius.js.map
+exports.GrowRadiusOut = GrowRadiusOut;

package/es/custom/growAngle.js

@@ -129,4 +129,5 @@ export class GrowAngleOut extends GworPointsBase {
         this.props = to, this.propKeys = Object.keys(to).filter((key => null != to[key])), 
         this.animate.reSyncProps(), this.from = fromAttrs, this.to = to, this.target.setAttributes(fromAttrs);
     }
-}
+}
+//# sourceMappingURL=growAngle.js.map

package/es/custom/growRadius.js

@@ -101,5 +101,4 @@ export class GrowRadiusOut extends GworPointsBase {
         this.props = to, this.propKeys = Object.keys(to).filter((key => null != to[key])), 
         this.animate.reSyncProps(), this.from = fromAttrs, this.to = to, this.target.setAttributes(fromAttrs);
     }
-}
-//# sourceMappingURL=growRadius.js.map
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vrender-animate",
-  "version": "0.22.4",
+  "version": "0.23.0-alpha.2",
   "description": "",
   "sideEffects": false,
   "main": "cjs/index.js",
@@ -11,22 +11,11 @@
     "es",
     "dist"
   ],
-  "scripts": {
-    "compile": "tsc --noEmit",
-    "eslint": "eslint --debug --fix src/",
-    "build": "cross-env DEBUG='Bundler*' bundle",
-    "dev": "cross-env DEBUG='Bundler*' bundle --clean -f es -w",
-    "start": "vite ./vite",
-    "test": ""
-  },
   "dependencies": {
     "@visactor/vutils": "~0.19.4",
-    "@visactor/vrender-core": "workspace:0.22.4"
+    "@visactor/vrender-core": "0.23.0-alpha.2"
   },
   "devDependencies": {
-    "@internal/bundler": "workspace:*",
-    "@internal/eslint-config": "workspace:*",
-    "@internal/ts-config": "workspace:*",
     "@rushstack/eslint-patch": "~1.1.4",
     "canvas": "2.11.2",
     "node-fetch": "2.6.6",
@@ -39,7 +28,10 @@
     "eslint": "~8.18.0",
     "vite": "3.2.6",
     "typescript": "4.9.5",
-    "cross-env": "^7.0.3"
+    "cross-env": "^7.0.3",
+    "@internal/bundler": "0.0.1",
+    "@internal/eslint-config": "0.0.1",
+    "@internal/ts-config": "0.0.1"
   },
   "keywords": [
     "VisActor",
@@ -68,5 +60,13 @@
       "import": "./es/index.js",
       "require": "./cjs/index.js"
     }
+  },
+  "scripts": {
+    "compile": "tsc --noEmit",
+    "eslint": "eslint --debug --fix src/",
+    "build": "cross-env DEBUG='Bundler*' bundle",
+    "dev": "cross-env DEBUG='Bundler*' bundle --clean -f es -w",
+    "start": "vite ./vite",
+    "test": ""
   }
-}
+}

package/cjs/custom/scale-in.d.ts

@@ -1,13 +0,0 @@
-import type { IAnimate, IStep } from '../intreface/animate';
-import type { EasingType } from '../intreface/easing';
-import { ACustomAnimate } from './custom-animate';
-export interface IScaleAnimationOptions {
-    direction?: 'x' | 'y' | 'xy';
-}
-export declare class ScaleIn extends ACustomAnimate<Record<string, number>> {
-    valid: boolean;
-    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions);
-    onFirstRun(): void;
-    onEnd(cb?: (animate: IAnimate, step: IStep) => void): void;
-    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
-}

package/cjs/custom/scale-in.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.ScaleIn = void 0;
-
-const custom_animate_1 = require("./custom-animate");
-
-class ScaleIn extends custom_animate_1.ACustomAnimate {
-    constructor(from, to, duration, easing, params) {
-        super(from, to, duration, easing, params);
-    }
-    onFirstRun() {
-        var _a, _b, _c, _d, _e;
-        let from, to;
-        const attrs = this.target.getAttributes();
-        switch (null === (_a = this.params) || void 0 === _a ? void 0 : _a.direction) {
-          case "x":
-            from = {
-                scaleX: 0
-            }, to = {
-                scaleX: null !== (_b = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _b ? _b : 1
-            };
-            break;
-
-          case "y":
-            from = {
-                scaleY: 0
-            }, to = {
-                scaleY: null !== (_c = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _c ? _c : 1
-            };
-            break;
-
-          default:
-            from = {
-                scaleX: 0,
-                scaleY: 0
-            }, to = {
-                scaleX: null !== (_d = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _d ? _d : 1,
-                scaleY: null !== (_e = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _e ? _e : 1
-            };
-        }
-        this.props = to, this.propKeys = Object.keys(to), this.animate.reSyncProps(), this.from = from, 
-        this.to = to;
-    }
-    onEnd(cb) {
-        super.onEnd(cb);
-    }
-    onUpdate(end, ratio, out) {
-        this.valid && (this.propKeys.forEach((key => {
-            out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-        })), this.target.setAttributes(out));
-    }
-}
-
-exports.ScaleIn = ScaleIn;
-//# sourceMappingURL=scale-in.js.map

package/cjs/custom/scale-in.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/custom/scale-in.ts"],"names":[],"mappings":";;;AAEA,qDAAkD;AAWlD,MAAa,OAAQ,SAAQ,+BAAsC;IAGjE,YAAY,IAAU,EAAE,EAAQ,EAAE,QAAgB,EAAE,MAAkB,EAAE,MAA+B;QACrG,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,CAAC;IAED,UAAU;;QACR,IAAI,IAA4B,CAAC;QACjC,IAAI,EAA0B,CAAC;QAE/B,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;QAC1C,QAAQ,MAAA,IAAI,CAAC,MAAM,0CAAE,SAAS,EAAE;YAC9B,KAAK,GAAG;gBACN,IAAI,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;gBACrB,EAAE,GAAG,EAAE,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,CAAC,EAAE,CAAC;gBACpC,MAAM;YACR,KAAK,GAAG;gBACN,IAAI,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;gBACrB,EAAE,GAAG,EAAE,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,CAAC,EAAE,CAAC;gBACpC,MAAM;YACR,KAAK,IAAI,CAAC;YACV;gBACE,IAAI,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;gBAChC,EAAE,GAAG;oBACH,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,CAAC;oBAC1B,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,CAAC;iBAC3B,CAAC;SACL;QACD,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAChC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QAC3B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACf,CAAC;IAED,KAAK,CAAC,EAA6C;QACjD,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC5D,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC1B,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC;QACtE,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC;CACF;AAlDD,0BAkDC","file":"scale-in.js","sourcesContent":["import type { IAnimate, IStep } from '../intreface/animate';\nimport type { EasingType } from '../intreface/easing';\nimport { ACustomAnimate } from './custom-animate';\n\nexport interface IScaleAnimationOptions {\n  direction?: 'x' | 'y' | 'xy';\n}\n\n/**\n * 文本输入动画，实现类似打字机的字符逐个显示效果\n * 支持通过beforeText和afterText参数添加前缀和后缀\n * 支持通过showCursor参数显示光标，cursorChar自定义光标字符\n */\nexport class ScaleIn extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions) {\n    super(from, to, duration, easing, params);\n  }\n\n  onFirstRun(): void {\n    let from: Record<string, number>;\n    let to: Record<string, number>;\n    // 获取当前的数据\n    const attrs = this.target.getAttributes();\n    switch (this.params?.direction) {\n      case 'x':\n        from = { scaleX: 0 };\n        to = { scaleX: attrs?.scaleX ?? 1 };\n        break;\n      case 'y':\n        from = { scaleY: 0 };\n        to = { scaleY: attrs?.scaleY ?? 1 };\n        break;\n      case 'xy':\n      default:\n        from = { scaleX: 0, scaleY: 0 };\n        to = {\n          scaleX: attrs?.scaleX ?? 1,\n          scaleY: attrs?.scaleY ?? 1\n        };\n    }\n    this.props = to;\n    this.propKeys = Object.keys(to);\n    this.animate.reSyncProps();\n    this.from = from;\n    this.to = to;\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    if (!this.valid) {\n      return;\n    }\n\n    this.propKeys.forEach(key => {\n      out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;\n    });\n    this.target.setAttributes(out);\n  }\n}\n"]}

package/cjs/interpolate/executor.d.ts

@@ -1,66 +0,0 @@
-import type { IGraphic } from '@visactor/vrender-core';
-import type { EasingType } from '../intreface/easing';
-import type { ACustomAnimate } from '../custom/custom-animate';
-export type MarkFunctionCallback<T> = (datum: any, graphic: IGraphic, parameters: any) => T;
-export type MarkFunctionValueType<T> = MarkFunctionCallback<T> | T;
-interface IAnimationParameters {
-    [key: string]: any;
-}
-export type IAnimationChannelFunction = (datum: any, element: IGraphic, parameters: IAnimationParameters) => any;
-export type IAnimationChannelAttrs = Record<string, {
-    from?: any | IAnimationChannelFunction;
-    to?: any | IAnimationChannelFunction;
-}>;
-export type IAnimationChannelAttributes = string[];
-export type IAnimationChannelInterpolator = (ratio: number, from: any, to: any, nextAttributes: any, datum: any, element: IGraphic, parameters: IAnimationParameters) => boolean | void;
-export interface IAnimationCustomConstructor {
-    new (from: any, to: any, duration: number, ease: EasingType, parameters?: any): ACustomAnimate<any>;
-}
-export interface IAnimationEffect {
-    type?: string;
-    channel?: IAnimationChannelAttrs | IAnimationChannelAttributes;
-    custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;
-    customParameters?: MarkFunctionValueType<any>;
-    easing?: EasingType;
-    options?: MarkFunctionValueType<any>;
-}
-export interface IAnimationTimeSlice {
-    effects: IAnimationEffect | IAnimationEffect[];
-    duration?: MarkFunctionValueType<number>;
-    delay?: MarkFunctionValueType<number>;
-    delayAfter?: MarkFunctionValueType<number>;
-}
-export interface IAnimationControlOptions {
-    stopWhenStateChange?: boolean;
-    immediatelyApply?: boolean;
-    ignoreLoopFinalAttributes?: boolean;
-}
-export interface IAnimationTypeConfig {
-    type?: string;
-    channel?: IAnimationChannelAttrs | IAnimationChannelAttributes;
-    custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;
-    customParameters?: MarkFunctionValueType<any>;
-    easing?: EasingType;
-    delay?: MarkFunctionValueType<number>;
-    delayAfter?: MarkFunctionValueType<number>;
-    duration?: MarkFunctionValueType<number>;
-    oneByOne?: MarkFunctionValueType<boolean | number>;
-    startTime?: MarkFunctionValueType<number>;
-    totalTime?: MarkFunctionValueType<number>;
-    loop?: boolean | number;
-    options?: MarkFunctionValueType<any>;
-    controlOptions?: IAnimationControlOptions;
-}
-export interface IAnimationTimeline {
-    id?: string;
-    timeSlices: IAnimationTimeSlice | IAnimationTimeSlice[];
-    startTime?: MarkFunctionValueType<number>;
-    totalTime?: MarkFunctionValueType<number>;
-    oneByOne?: MarkFunctionValueType<number | boolean>;
-    loop?: MarkFunctionValueType<number | boolean>;
-    partitioner?: MarkFunctionCallback<boolean>;
-    sort?: (datumA: any, datumB: any, elementA: IGraphic, elementB: IGraphic, parameters: any) => number;
-    controlOptions?: IAnimationControlOptions;
-}
-export type IAnimationConfig = IAnimationTimeline | IAnimationTypeConfig;
-export {};

package/cjs/interpolate/executor.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-});
-//# sourceMappingURL=executor.js.map

package/cjs/interpolate/executor.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/interpolate/executor.ts"],"names":[],"mappings":"","file":"executor.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { EasingType } from '../intreface/easing';\nimport type { ACustomAnimate } from '../custom/custom-animate';\n\nexport type MarkFunctionCallback<T> = (datum: any, graphic: IGraphic, parameters: any) => T;\nexport type MarkFunctionValueType<T> = MarkFunctionCallback<T> | T;\n\ninterface IAnimationParameters {\n  [key: string]: any;\n}\n\n/**\n * 动画 channel 配置\n */\nexport type IAnimationChannelFunction = (datum: any, element: IGraphic, parameters: IAnimationParameters) => any;\n\n/**\n * 动画 channel 属性配置\n */\nexport type IAnimationChannelAttrs = Record<\n  string,\n  {\n    from?: any | IAnimationChannelFunction;\n    to?: any | IAnimationChannelFunction;\n  }\n>;\nexport type IAnimationChannelAttributes = string[];\n\n/**\n * 动画 channel 插值器\n */\nexport type IAnimationChannelInterpolator = (\n  ratio: number,\n  from: any,\n  to: any,\n  nextAttributes: any,\n  datum: any,\n  element: IGraphic,\n  parameters: IAnimationParameters\n) => boolean | void;\n\n/**\n * 动画 custom 构造器\n */\nexport interface IAnimationCustomConstructor {\n  new (from: any, to: any, duration: number, ease: EasingType, parameters?: any): ACustomAnimate<any>;\n}\n\nexport interface IAnimationEffect {\n  /** 动画类型 */\n  type?: string;\n  /** 动画 channel 配置 */\n  channel?: IAnimationChannelAttrs | IAnimationChannelAttributes;\n  /** 动画 自定义插值 配置 */\n  custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;\n  /** 动画 custom 参数配置 */\n  customParameters?: MarkFunctionValueType<any>;\n  /** 动画 easing 配置 */\n  easing?: EasingType;\n  /** options暂时没有处理 */\n  options?: MarkFunctionValueType<any>;\n}\n\nexport interface IAnimationTimeSlice {\n  /** 动画效果 */\n  effects: IAnimationEffect | IAnimationEffect[];\n  /** 动画时长 */\n  duration?: MarkFunctionValueType<number>;\n  /** 延迟delay后执行动画 */\n  delay?: MarkFunctionValueType<number>;\n  /** effect动画后再延迟delayAfter结束这个周期 */\n  delayAfter?: MarkFunctionValueType<number>;\n}\n\nexport interface IAnimationControlOptions {\n  /** 当动画状态变更时清空动画 */\n  stopWhenStateChange?: boolean;\n  /** 是否立即应用动画初始状态 */\n  immediatelyApply?: boolean;\n  /** encode 计算图元最终状态时是否忽略循环动画 */\n  ignoreLoopFinalAttributes?: boolean;\n}\n\n/**\n * 动画 config 简化配置\n */\nexport interface IAnimationTypeConfig {\n  /** 动画类型 */\n  type?: string;\n  /** 动画 channel 配置 */\n  channel?: IAnimationChannelAttrs | IAnimationChannelAttributes;\n  /** 动画 自定义插值 配置 */\n  custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;\n  /** 动画 custom 参数配置 */\n  customParameters?: MarkFunctionValueType<any>;\n  /** 动画 easing 配置 */\n  easing?: EasingType;\n  /** 动画 delay 配置 */\n  delay?: MarkFunctionValueType<number>;\n  /** 动画 delayAfter 配置 */\n  delayAfter?: MarkFunctionValueType<number>;\n  /** 动画 duration 配置 */\n  duration?: MarkFunctionValueType<number>;\n  /** 动画 oneByOne 配置（是否依次执行） */\n  oneByOne?: MarkFunctionValueType<boolean | number>;\n  /** 动画 startTime 配置 */\n  startTime?: MarkFunctionValueType<number>;\n  /** 动画 totalTime 配置 */\n  totalTime?: MarkFunctionValueType<number>;\n  /** loop: true 无限循环; loop: 正整数，表示循环的次数 */\n  loop?: boolean | number;\n  /** 动画 effect 配置项 */\n  options?: MarkFunctionValueType<any>;\n  /** 动画执行相关控制配置项 */\n  controlOptions?: IAnimationControlOptions;\n}\n\n/**\n * 动画 timeline 完整配置，一条时间线内的动画单元只能串行\n * 多个timeline是可以并行的\n * 考虑到同一图元不能在多个timeline上，所以timeline不应该提供数组配置的能力\n */\nexport interface IAnimationTimeline {\n  /** 为了方便动画编排，用户可以设置 id 用于识别时间线 */\n  id?: string;\n  /** 时间切片 */\n  timeSlices: IAnimationTimeSlice | IAnimationTimeSlice[];\n  /** 动画开始的相对时间，可以为负数 */\n  startTime?: MarkFunctionValueType<number>;\n  /** 动画时长 */\n  totalTime?: MarkFunctionValueType<number>;\n  /** 动画依次执行的延迟 */\n  oneByOne?: MarkFunctionValueType<number | boolean>;\n  /** loop: true 无限循环; loop: 正整数，表示循环的次数 */\n  loop?: MarkFunctionValueType<number | boolean>;\n  /** 对图元元素进行划分，和过滤类似，但是不同时间线不能同时作用在相同的元素上 */\n  partitioner?: MarkFunctionCallback<boolean>;\n  /** 对同一时间线上的元素进行排序 */\n  sort?: (datumA: any, datumB: any, elementA: IGraphic, elementB: IGraphic, parameters: any) => number;\n  /** 动画执行相关控制配置项 */\n  controlOptions?: IAnimationControlOptions;\n}\n\n/**\n * 动画配置\n */\nexport type IAnimationConfig = IAnimationTimeline | IAnimationTypeConfig;\n"]}

package/cjs/intreface/state.d.ts

@@ -1,35 +0,0 @@
-import type { IAnimationTypeConfig } from '../executor/executor';
-import type { IGraphic, IGroup } from '@visactor/vrender-core';
-export interface IAnimationStateConfig {
-    name: string;
-    animation: IAnimationTypeConfig;
-    priority?: number;
-}
-export interface IAnimationStateRule {
-    conflicts?: string[];
-    interruptibleBy?: string[];
-    queueable?: boolean;
-    transitionDelay?: number;
-}
-export interface IAnimationStateMachine {
-    applyState: (state: string | string[]) => void;
-    registerState: (config: IAnimationStateConfig, rule?: IAnimationStateRule) => void;
-    getActiveState: () => string | null;
-    reset: () => void;
-    on: (event: AnimationStateEventType, callback: (state: string, target: IGraphic | IGroup) => void) => void;
-    off: (event: AnimationStateEventType, callback: (state: string, target: IGraphic | IGroup) => void) => void;
-}
-export type AnimationStateEventType = 'stateStart' | 'stateEnd' | 'stateInterrupt' | 'stateReject';
-export interface IAnimationStateRegistry {
-    register: (state: IAnimationStateConfig, rule?: IAnimationStateRule) => void;
-    getState: (name: string) => IAnimationStateConfig | undefined;
-    getRule: (name: string) => IAnimationStateRule | undefined;
-    hasConflict: (stateA: string, stateB: string) => boolean;
-}
-export interface IAnimationStateQueue {
-    enqueue: (states: string | string[]) => void;
-    processNextState: () => void;
-    onAnimationComplete: () => void;
-    cancel: () => void;
-    canApplyState: (state: string) => boolean;
-}

package/cjs/intreface/state.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-});
-//# sourceMappingURL=state.js.map

package/cjs/intreface/state.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/intreface/state.ts"],"names":[],"mappings":"","file":"state.js","sourcesContent":["import type { IAnimationTypeConfig } from '../executor/executor';\nimport type { IAnimate } from './animate';\nimport type { IGraphic, IGroup } from '@visactor/vrender-core';\n\n/**\n * Animation state configuration\n */\nexport interface IAnimationStateConfig {\n  /** State name */\n  name: string;\n  /** Animation configuration for this state */\n  animation: IAnimationTypeConfig;\n  /** Priority of this state (higher overrides lower when there's a conflict) */\n  priority?: number;\n}\n\n/**\n * Rules for animation state behaviors\n */\nexport interface IAnimationStateRule {\n  /** States that cannot run simultaneously with this state */\n  conflicts?: string[];\n  /** States that can interrupt this state */\n  interruptibleBy?: string[];\n  /** Whether this state can be queued */\n  queueable?: boolean;\n  /** Duration to wait before executing next state (if queueable) */\n  transitionDelay?: number;\n}\n\n/**\n * Animation state machine interface\n */\nexport interface IAnimationStateMachine {\n  /** Apply a state or sequence of states */\n  applyState: (state: string | string[]) => void;\n\n  /** Register new state animations and rules */\n  registerState: (config: IAnimationStateConfig, rule?: IAnimationStateRule) => void;\n\n  /** Get current active state */\n  getActiveState: () => string | null;\n\n  /** Cancel all animations and clear queue */\n  reset: () => void;\n\n  /** Add event listener for state events */\n  on: (event: AnimationStateEventType, callback: (state: string, target: IGraphic | IGroup) => void) => void;\n\n  /** Remove event listener */\n  off: (event: AnimationStateEventType, callback: (state: string, target: IGraphic | IGroup) => void) => void;\n}\n\n/**\n * Animation state event types\n */\nexport type AnimationStateEventType = 'stateStart' | 'stateEnd' | 'stateInterrupt' | 'stateReject';\n\n/**\n * Animation state registry interface\n */\nexport interface IAnimationStateRegistry {\n  /** Register a state with its animation config and rules */\n  register: (state: IAnimationStateConfig, rule?: IAnimationStateRule) => void;\n\n  /** Get state configuration by name */\n  getState: (name: string) => IAnimationStateConfig | undefined;\n\n  /** Get state rule by name */\n  getRule: (name: string) => IAnimationStateRule | undefined;\n\n  /** Check if two states conflict with each other */\n  hasConflict: (stateA: string, stateB: string) => boolean;\n}\n\n/**\n * Animation state queue interface\n */\nexport interface IAnimationStateQueue {\n  /** Add state(s) to queue */\n  enqueue: (states: string | string[]) => void;\n\n  /** Process the next state in queue */\n  processNextState: () => void;\n\n  /** Called when current animation completes */\n  onAnimationComplete: () => void;\n\n  /** Cancel current state and clear queue */\n  cancel: () => void;\n\n  /** Check if we can apply a specific state now */\n  canApplyState: (state: string) => boolean;\n}\n"]}

package/cjs/state/animation-state-machine.d.ts

@@ -1,22 +0,0 @@
-import type { IGraphic, IGroup } from '@visactor/vrender-core';
-import type { AnimationStateEventType, IAnimationStateConfig, IAnimationStateRule, IAnimationStateMachine } from '../intreface/state';
-import type { AnimateExecutor } from '../executor/animate-executor';
-type StateEventCallback = (state: string, target: IGraphic | IGroup) => void;
-export declare class AnimationStateMachine implements IAnimationStateMachine {
-    private target;
-    private executor;
-    private registry;
-    private stateQueue;
-    private eventListeners;
-    constructor(target: IGraphic | IGroup, executor: AnimateExecutor);
-    applyState(state: string | string[]): void;
-    registerState(config: IAnimationStateConfig, rule?: IAnimationStateRule): void;
-    getActiveState(): string | null;
-    reset(): void;
-    on(event: AnimationStateEventType, callback: StateEventCallback): void;
-    off(event: AnimationStateEventType, callback: StateEventCallback): void;
-    private handleStateEvent;
-    hasState(state: string): boolean;
-    getRegisteredStates(): string[];
-}
-export {};

package/cjs/state/animation-state-machine.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.AnimationStateMachine = void 0;
-
-const animation_state_registry_1 = require("./animation-state-registry"), animation_state_queue_1 = require("./animation-state-queue");
-
-class AnimationStateMachine {
-    constructor(target, executor) {
-        this.target = target, this.executor = executor, this.eventListeners = new Map, this.registry = new animation_state_registry_1.AnimationStateRegistry, 
-        this.stateQueue = new animation_state_queue_1.AnimationStateQueue(target, this.registry, executor, this.handleStateEvent.bind(this));
-    }
-    applyState(state) {
-        this.stateQueue.enqueue(state);
-    }
-    registerState(config, rule) {
-        this.registry.register(config, rule);
-    }
-    getActiveState() {
-        return this.stateQueue.getActiveState();
-    }
-    reset() {
-        this.stateQueue.cancel();
-    }
-    on(event, callback) {
-        var _a;
-        this.eventListeners.has(event) || this.eventListeners.set(event, new Set), null === (_a = this.eventListeners.get(event)) || void 0 === _a || _a.add(callback);
-    }
-    off(event, callback) {
-        const listeners = this.eventListeners.get(event);
-        listeners && listeners.delete(callback);
-    }
-    handleStateEvent(event, state) {
-        const listeners = this.eventListeners.get(event);
-        listeners && listeners.forEach((callback => {
-            try {
-                callback(state, this.target);
-            } catch (error) {
-                console.error(`Error in animation state event listener for ${event}:`, error);
-            }
-        }));
-    }
-    hasState(state) {
-        return !!this.registry.getState(state);
-    }
-    getRegisteredStates() {
-        return this.registry.getAllStateNames();
-    }
-}
-
-exports.AnimationStateMachine = AnimationStateMachine;
-//# sourceMappingURL=animation-state-machine.js.map

package/cjs/state/animation-state-machine.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/state/animation-state-machine.ts"],"names":[],"mappings":";;;AAOA,yEAAoE;AACpE,mEAA8D;AAQ9D,MAAa,qBAAqB;IAKhC,YAAoB,MAAyB,EAAU,QAAyB;QAA5D,WAAM,GAAN,MAAM,CAAmB;QAAU,aAAQ,GAAR,QAAQ,CAAiB;QAFxE,mBAAc,GAA0D,IAAI,GAAG,EAAE,CAAC;QAGxF,IAAI,CAAC,QAAQ,GAAG,IAAI,iDAAsB,EAAE,CAAC;QAC7C,IAAI,CAAC,UAAU,GAAG,IAAI,2CAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/G,CAAC;IAKD,UAAU,CAAC,KAAwB;QACjC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAKD,aAAa,CAAC,MAA6B,EAAE,IAA0B;QACrE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACvC,CAAC;IAKD,cAAc;QACZ,OAAO,IAAI,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC;IAC1C,CAAC;IAKD,KAAK;QACH,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC;IAKD,EAAE,CAAC,KAA8B,EAAE,QAA4B;;QAC7D,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YACnC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;SAC3C;QACD,MAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,0CAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IAChD,CAAC;IAKD,GAAG,CAAC,KAA8B,EAAE,QAA4B;QAC9D,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACjD,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;SAC5B;IACH,CAAC;IAKO,gBAAgB,CAAC,KAAmE,EAAE,KAAa;QACzG,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACjD,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBAC3B,IAAI;oBACF,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;iBAC9B;gBAAC,OAAO,KAAK,EAAE;oBACd,OAAO,CAAC,KAAK,CAAC,+CAA+C,KAAK,GAAG,EAAE,KAAK,CAAC,CAAC;iBAC/E;YACH,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAKD,QAAQ,CAAC,KAAa;QACpB,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC;IAKD,mBAAmB;QACjB,OAAO,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC;IAC1C,CAAC;CACF;AAvFD,sDAuFC","file":"animation-state-machine.js","sourcesContent":["import type { IGraphic, IGroup } from '@visactor/vrender-core';\nimport type {\n  AnimationStateEventType,\n  IAnimationStateConfig,\n  IAnimationStateRule,\n  IAnimationStateMachine\n} from '../intreface/state';\nimport { AnimationStateRegistry } from './animation-state-registry';\nimport { AnimationStateQueue } from './animation-state-queue';\nimport type { AnimateExecutor } from '../executor/animate-executor';\n\ntype StateEventCallback = (state: string, target: IGraphic | IGroup) => void;\n\n/**\n * State machine for managing animation states and transitions\n */\nexport class AnimationStateMachine implements IAnimationStateMachine {\n  private registry: AnimationStateRegistry;\n  private stateQueue: AnimationStateQueue;\n  private eventListeners: Map<AnimationStateEventType, Set<StateEventCallback>> = new Map();\n\n  constructor(private target: IGraphic | IGroup, private executor: AnimateExecutor) {\n    this.registry = new AnimationStateRegistry();\n    this.stateQueue = new AnimationStateQueue(target, this.registry, executor, this.handleStateEvent.bind(this));\n  }\n\n  /**\n   * Apply a state or sequence of states\n   */\n  applyState(state: string | string[]): void {\n    this.stateQueue.enqueue(state);\n  }\n\n  /**\n   * Register new state animations and rules\n   */\n  registerState(config: IAnimationStateConfig, rule?: IAnimationStateRule): void {\n    this.registry.register(config, rule);\n  }\n\n  /**\n   * Get current active state\n   */\n  getActiveState(): string | null {\n    return this.stateQueue.getActiveState();\n  }\n\n  /**\n   * Cancel all animations and clear queue\n   */\n  reset(): void {\n    this.stateQueue.cancel();\n  }\n\n  /**\n   * Add event listener for state events\n   */\n  on(event: AnimationStateEventType, callback: StateEventCallback): void {\n    if (!this.eventListeners.has(event)) {\n      this.eventListeners.set(event, new Set());\n    }\n    this.eventListeners.get(event)?.add(callback);\n  }\n\n  /**\n   * Remove event listener\n   */\n  off(event: AnimationStateEventType, callback: StateEventCallback): void {\n    const listeners = this.eventListeners.get(event);\n    if (listeners) {\n      listeners.delete(callback);\n    }\n  }\n\n  /**\n   * Handle state change events from the queue\n   */\n  private handleStateEvent(event: 'stateStart' | 'stateEnd' | 'stateInterrupt' | 'stateReject', state: string): void {\n    const listeners = this.eventListeners.get(event);\n    if (listeners) {\n      listeners.forEach(callback => {\n        try {\n          callback(state, this.target);\n        } catch (error) {\n          console.error(`Error in animation state event listener for ${event}:`, error);\n        }\n      });\n    }\n  }\n\n  /**\n   * Check if a specific state is registered\n   */\n  hasState(state: string): boolean {\n    return !!this.registry.getState(state);\n  }\n\n  /**\n   * Get all registered state names\n   */\n  getRegisteredStates(): string[] {\n    return this.registry.getAllStateNames();\n  }\n}\n"]}

package/cjs/state/animation-state-queue.d.ts

@@ -1,24 +0,0 @@
-import type { IGraphic, IGroup } from '@visactor/vrender-core';
-import type { IAnimationStateQueue } from '../intreface/state';
-import type { AnimationStateRegistry } from './animation-state-registry';
-import type { AnimateExecutor } from '../executor/animate-executor';
-export declare class AnimationStateQueue implements IAnimationStateQueue {
-    private target;
-    private registry;
-    private executor;
-    private onStateChange;
-    private queue;
-    private activeState;
-    private activeAnimation;
-    private processingQueue;
-    constructor(target: IGraphic | IGroup, registry: AnimationStateRegistry, executor: AnimateExecutor, onStateChange: (event: 'stateStart' | 'stateEnd' | 'stateInterrupt' | 'stateReject', state: string) => void);
-    enqueue(states: string | string[]): void;
-    processNextState(): void;
-    private applyState;
-    onAnimationComplete(): void;
-    private interruptCurrentState;
-    cancel(): void;
-    canApplyState(state: string): boolean;
-    getActiveState(): string | null;
-    getPendingStates(): string[];
-}

package/cjs/state/animation-state-queue.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.AnimationStateQueue = void 0;
-
-const vutils_1 = require("@visactor/vutils");
-
-class AnimationStateQueue {
-    constructor(target, registry, executor, onStateChange) {
-        this.target = target, this.registry = registry, this.executor = executor, this.onStateChange = onStateChange, 
-        this.queue = [], this.activeState = null, this.activeAnimation = null, this.processingQueue = !1;
-    }
-    enqueue(states) {
-        if ((0, vutils_1.isArray)(states)) for (const state of states) this.queue.push(state); else this.queue.push(states);
-        this.processingQueue || this.processNextState();
-    }
-    processNextState() {
-        if (0 === this.queue.length || this.processingQueue) return;
-        this.processingQueue = !0;
-        const nextState = this.queue[0];
-        this.canApplyState(nextState) ? (this.queue.shift(), this.activeState && this.registry.hasConflict(this.activeState, nextState) ? this.registry.canInterrupt(this.activeState, nextState) ? (this.interruptCurrentState(), 
-        this.applyState(nextState)) : (this.onStateChange("stateReject", nextState), this.processingQueue = !1, 
-        this.processNextState()) : this.applyState(nextState)) : (this.queue.shift(), this.onStateChange("stateReject", nextState), 
-        this.processingQueue = !1, this.processNextState());
-    }
-    applyState(state) {
-        const stateConfig = this.registry.getState(state);
-        if (!stateConfig) return console.warn(`Animation state "${state}" not found`), this.processingQueue = !1, 
-        void this.processNextState();
-        this.activeState = state, this.onStateChange("stateStart", state), this.activeAnimation = this.executor.executeItem(stateConfig.animation, this.target), 
-        this.activeAnimation ? this.activeAnimation.onEnd((() => {
-            this.onAnimationComplete();
-        })) : this.onAnimationComplete();
-    }
-    onAnimationComplete() {
-        if (this.activeState) {
-            const completedState = this.activeState;
-            this.onStateChange("stateEnd", completedState);
-            const transitionDelay = this.registry.getTransitionDelay(completedState);
-            this.activeState = null, this.activeAnimation = null, this.processingQueue = !1, 
-            transitionDelay > 0 ? setTimeout((() => {
-                this.processNextState();
-            }), transitionDelay) : this.processNextState();
-        }
-    }
-    interruptCurrentState() {
-        this.activeState && this.activeAnimation && (this.onStateChange("stateInterrupt", this.activeState), 
-        this.activeAnimation.stop("end"), this.activeAnimation = null, this.activeState = null);
-    }
-    cancel() {
-        this.interruptCurrentState(), this.queue = [], this.processingQueue = !1;
-    }
-    canApplyState(state) {
-        return !!this.registry.getState(state) && (!this.activeState || (!this.registry.hasConflict(this.activeState, state) || this.registry.canInterrupt(this.activeState, state)));
-    }
-    getActiveState() {
-        return this.activeState;
-    }
-    getPendingStates() {
-        return [ ...this.queue ];
-    }
-}
-
-exports.AnimationStateQueue = AnimationStateQueue;
-//# sourceMappingURL=animation-state-queue.js.map

package/cjs/state/animation-state-queue.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/state/animation-state-queue.ts"],"names":[],"mappings":"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","file":"animation-state-queue.js","sourcesContent":["import type { IGraphic, IGroup } from '@visactor/vrender-core';\nimport type { IAnimate } from '../intreface/animate';\nimport type { IAnimationStateQueue } from '../intreface/state';\nimport type { AnimationStateRegistry } from './animation-state-registry';\nimport type { AnimateExecutor } from '../executor/animate-executor';\nimport { isArray } from '@visactor/vutils';\n\n/**\n * Queue for managing sequential animation states\n */\nexport class AnimationStateQueue implements IAnimationStateQueue {\n  private queue: string[] = [];\n  private activeState: string | null = null;\n  private activeAnimation: IAnimate | null = null;\n  private processingQueue: boolean = false;\n\n  constructor(\n    private target: IGraphic | IGroup,\n    private registry: AnimationStateRegistry,\n    private executor: AnimateExecutor,\n    private onStateChange: (event: 'stateStart' | 'stateEnd' | 'stateInterrupt' | 'stateReject', state: string) => void\n  ) {}\n\n  /**\n   * Add state(s) to queue\n   */\n  enqueue(states: string | string[]): void {\n    if (isArray(states)) {\n      // For array of states, add them to the queue in sequence\n      for (const state of states) {\n        this.queue.push(state);\n      }\n    } else {\n      this.queue.push(states);\n    }\n\n    // If not already processing, start processing the queue\n    if (!this.processingQueue) {\n      this.processNextState();\n    }\n  }\n\n  /**\n   * Process the next state in queue\n   */\n  processNextState(): void {\n    if (this.queue.length === 0 || this.processingQueue) {\n      return;\n    }\n\n    this.processingQueue = true;\n    const nextState = this.queue[0];\n\n    // Check if we can apply this state now\n    if (this.canApplyState(nextState)) {\n      // Remove the state from the queue\n      this.queue.shift();\n\n      // If there's an active state that conflicts, we need to handle it\n      if (this.activeState && this.registry.hasConflict(this.activeState, nextState)) {\n        // Check if new state can interrupt current state\n        if (this.registry.canInterrupt(this.activeState, nextState)) {\n          // Interrupt current animation\n          this.interruptCurrentState();\n          this.applyState(nextState);\n        } else {\n          // Cannot interrupt, reject the state\n          this.onStateChange('stateReject', nextState);\n          this.processingQueue = false;\n          this.processNextState(); // Continue with the next state\n        }\n      } else {\n        // No conflict, apply the state\n        this.applyState(nextState);\n      }\n    } else {\n      // Cannot apply this state right now, reject it\n      this.queue.shift();\n      this.onStateChange('stateReject', nextState);\n      this.processingQueue = false;\n      this.processNextState(); // Continue with the next state\n    }\n  }\n\n  /**\n   * Apply a state animation\n   */\n  private applyState(state: string): void {\n    const stateConfig = this.registry.getState(state);\n    if (!stateConfig) {\n      console.warn(`Animation state \"${state}\" not found`);\n      this.processingQueue = false;\n      this.processNextState();\n      return;\n    }\n\n    this.activeState = state;\n    this.onStateChange('stateStart', state);\n\n    // Create and execute the animation\n    this.activeAnimation = this.executor.executeItem(stateConfig.animation, this.target);\n\n    // Register completion callback\n    if (this.activeAnimation) {\n      this.activeAnimation.onEnd(() => {\n        this.onAnimationComplete();\n      });\n    } else {\n      // If no animation was created, consider it completed immediately\n      this.onAnimationComplete();\n    }\n  }\n\n  /**\n   * Called when current animation completes\n   */\n  onAnimationComplete(): void {\n    if (this.activeState) {\n      const completedState = this.activeState;\n      this.onStateChange('stateEnd', completedState);\n\n      // Apply transition delay if configured\n      const transitionDelay = this.registry.getTransitionDelay(completedState);\n\n      this.activeState = null;\n      this.activeAnimation = null;\n      this.processingQueue = false;\n\n      if (transitionDelay > 0) {\n        // Wait before processing next state\n        setTimeout(() => {\n          this.processNextState();\n        }, transitionDelay);\n      } else {\n        // Process next state immediately\n        this.processNextState();\n      }\n    }\n  }\n\n  /**\n   * Interrupt the current state animation\n   */\n  private interruptCurrentState(): void {\n    if (this.activeState && this.activeAnimation) {\n      this.onStateChange('stateInterrupt', this.activeState);\n      this.activeAnimation.stop('end'); // Stop at end state to avoid visual jumps\n      this.activeAnimation = null;\n      this.activeState = null;\n    }\n  }\n\n  /**\n   * Cancel current state and clear queue\n   */\n  cancel(): void {\n    // Interrupt current animation if any\n    this.interruptCurrentState();\n\n    // Clear the queue\n    this.queue = [];\n    this.processingQueue = false;\n  }\n\n  /**\n   * Check if we can apply a specific state now\n   */\n  canApplyState(state: string): boolean {\n    // Check if the state is registered\n    const stateConfig = this.registry.getState(state);\n    if (!stateConfig) {\n      return false;\n    }\n\n    // If there's no active state, we can apply\n    if (!this.activeState) {\n      return true;\n    }\n\n    // Check if there's a conflict and if we can resolve it\n    if (this.registry.hasConflict(this.activeState, state)) {\n      return this.registry.canInterrupt(this.activeState, state);\n    }\n\n    // No conflict, we can apply\n    return true;\n  }\n\n  /**\n   * Get the currently active state\n   */\n  getActiveState(): string | null {\n    return this.activeState;\n  }\n\n  /**\n   * Get the pending states in the queue\n   */\n  getPendingStates(): string[] {\n    return [...this.queue];\n  }\n}\n"]}

package/cjs/state/animation-state-registry.d.ts

@@ -1,14 +0,0 @@
-import type { IAnimationStateConfig, IAnimationStateRegistry, IAnimationStateRule } from '../intreface/state';
-export declare class AnimationStateRegistry implements IAnimationStateRegistry {
-    private states;
-    private rules;
-    register(state: IAnimationStateConfig, rule?: IAnimationStateRule): void;
-    getState(name: string): IAnimationStateConfig | undefined;
-    getRule(name: string): IAnimationStateRule | undefined;
-    hasConflict(stateA: string, stateB: string): boolean;
-    canInterrupt(stateA: string, stateB: string): boolean;
-    isQueueable(state: string): boolean;
-    getTransitionDelay(state: string): number;
-    getAllStateNames(): string[];
-    clear(): void;
-}

package/cjs/state/animation-state-registry.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.AnimationStateRegistry = void 0;
-
-class AnimationStateRegistry {
-    constructor() {
-        this.states = new Map, this.rules = new Map;
-    }
-    register(state, rule) {
-        var _a;
-        const {name: name} = state;
-        name ? (this.states.set(name, Object.assign(Object.assign({}, state), {
-            priority: null !== (_a = state.priority) && void 0 !== _a ? _a : 0
-        })), rule && this.rules.set(name, rule)) : console.warn("Animation state must have a name");
-    }
-    getState(name) {
-        return this.states.get(name);
-    }
-    getRule(name) {
-        return this.rules.get(name);
-    }
-    hasConflict(stateA, stateB) {
-        var _a, _b;
-        if (stateA === stateB) return !1;
-        const ruleA = this.getRule(stateA), ruleB = this.getRule(stateB);
-        return !!(null === (_a = null == ruleA ? void 0 : ruleA.conflicts) || void 0 === _a ? void 0 : _a.includes(stateB)) || !!(null === (_b = null == ruleB ? void 0 : ruleB.conflicts) || void 0 === _b ? void 0 : _b.includes(stateA));
-    }
-    canInterrupt(stateA, stateB) {
-        var _a, _b, _c;
-        const ruleA = this.getRule(stateA), stateAConfig = this.getState(stateA), stateBConfig = this.getState(stateB);
-        return !!(stateAConfig && stateBConfig && (null !== (_a = stateBConfig.priority) && void 0 !== _a ? _a : 0) > (null !== (_b = stateAConfig.priority) && void 0 !== _b ? _b : 0)) || !!(null === (_c = null == ruleA ? void 0 : ruleA.interruptibleBy) || void 0 === _c ? void 0 : _c.includes(stateB));
-    }
-    isQueueable(state) {
-        const rule = this.getRule(state);
-        return !!(null == rule ? void 0 : rule.queueable);
-    }
-    getTransitionDelay(state) {
-        var _a;
-        const rule = this.getRule(state);
-        return null !== (_a = null == rule ? void 0 : rule.transitionDelay) && void 0 !== _a ? _a : 0;
-    }
-    getAllStateNames() {
-        return Array.from(this.states.keys());
-    }
-    clear() {
-        this.states.clear(), this.rules.clear();
-    }
-}
-
-exports.AnimationStateRegistry = AnimationStateRegistry;
-//# sourceMappingURL=animation-state-registry.js.map

package/cjs/state/animation-state-registry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/state/animation-state-registry.ts"],"names":[],"mappings":"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","file":"animation-state-registry.js","sourcesContent":["import type { IAnimationStateConfig, IAnimationStateRegistry, IAnimationStateRule } from '../intreface/state';\n\n/**\n * Registry for animation states and their rules\n */\nexport class AnimationStateRegistry implements IAnimationStateRegistry {\n  private states: Map<string, IAnimationStateConfig> = new Map();\n  private rules: Map<string, IAnimationStateRule> = new Map();\n\n  /**\n   * Register a state with its animation config and rules\n   */\n  register(state: IAnimationStateConfig, rule?: IAnimationStateRule): void {\n    const { name } = state;\n\n    if (!name) {\n      console.warn('Animation state must have a name');\n      return;\n    }\n\n    this.states.set(name, {\n      ...state,\n      priority: state.priority ?? 0\n    });\n\n    if (rule) {\n      this.rules.set(name, rule);\n    }\n  }\n\n  /**\n   * Get state configuration by name\n   */\n  getState(name: string): IAnimationStateConfig | undefined {\n    return this.states.get(name);\n  }\n\n  /**\n   * Get state rule by name\n   */\n  getRule(name: string): IAnimationStateRule | undefined {\n    return this.rules.get(name);\n  }\n\n  /**\n   * Check if two states conflict with each other\n   */\n  hasConflict(stateA: string, stateB: string): boolean {\n    if (stateA === stateB) {\n      return false; // Same state doesn't conflict with itself\n    }\n\n    const ruleA = this.getRule(stateA);\n    const ruleB = this.getRule(stateB);\n\n    if (ruleA?.conflicts?.includes(stateB)) {\n      return true;\n    }\n\n    if (ruleB?.conflicts?.includes(stateA)) {\n      return true;\n    }\n\n    return false;\n  }\n\n  /**\n   * Check if stateB can interrupt stateA\n   */\n  canInterrupt(stateA: string, stateB: string): boolean {\n    const ruleA = this.getRule(stateA);\n    const stateAConfig = this.getState(stateA);\n    const stateBConfig = this.getState(stateB);\n\n    // Higher priority can always interrupt\n    if (stateAConfig && stateBConfig && (stateBConfig.priority ?? 0) > (stateAConfig.priority ?? 0)) {\n      return true;\n    }\n\n    // Check if explicitly interruptible\n    return !!ruleA?.interruptibleBy?.includes(stateB);\n  }\n\n  /**\n   * Check if a state is queueable\n   */\n  isQueueable(state: string): boolean {\n    const rule = this.getRule(state);\n    return !!rule?.queueable;\n  }\n\n  /**\n   * Get transition delay for a state\n   */\n  getTransitionDelay(state: string): number {\n    const rule = this.getRule(state);\n    return rule?.transitionDelay ?? 0;\n  }\n\n  /**\n   * Get all registered state names\n   */\n  getAllStateNames(): string[] {\n    return Array.from(this.states.keys());\n  }\n\n  /**\n   * Clear all registered states and rules\n   */\n  clear(): void {\n    this.states.clear();\n    this.rules.clear();\n  }\n}\n"]}

package/es/custom/scale-in.d.ts

@@ -1,13 +0,0 @@
-import type { IAnimate, IStep } from '../intreface/animate';
-import type { EasingType } from '../intreface/easing';
-import { ACustomAnimate } from './custom-animate';
-export interface IScaleAnimationOptions {
-    direction?: 'x' | 'y' | 'xy';
-}
-export declare class ScaleIn extends ACustomAnimate<Record<string, number>> {
-    valid: boolean;
-    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions);
-    onFirstRun(): void;
-    onEnd(cb?: (animate: IAnimate, step: IStep) => void): void;
-    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
-}

package/es/custom/scale-in.js

@@ -1,49 +0,0 @@
-import { ACustomAnimate } from "./custom-animate";
-
-export class ScaleIn extends ACustomAnimate {
-    constructor(from, to, duration, easing, params) {
-        super(from, to, duration, easing, params);
-    }
-    onFirstRun() {
-        var _a, _b, _c, _d, _e;
-        let from, to;
-        const attrs = this.target.getAttributes();
-        switch (null === (_a = this.params) || void 0 === _a ? void 0 : _a.direction) {
-          case "x":
-            from = {
-                scaleX: 0
-            }, to = {
-                scaleX: null !== (_b = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _b ? _b : 1
-            };
-            break;
-
-          case "y":
-            from = {
-                scaleY: 0
-            }, to = {
-                scaleY: null !== (_c = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _c ? _c : 1
-            };
-            break;
-
-          default:
-            from = {
-                scaleX: 0,
-                scaleY: 0
-            }, to = {
-                scaleX: null !== (_d = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _d ? _d : 1,
-                scaleY: null !== (_e = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _e ? _e : 1
-            };
-        }
-        this.props = to, this.propKeys = Object.keys(to), this.animate.reSyncProps(), this.from = from, 
-        this.to = to;
-    }
-    onEnd(cb) {
-        super.onEnd(cb);
-    }
-    onUpdate(end, ratio, out) {
-        this.valid && (this.propKeys.forEach((key => {
-            out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-        })), this.target.setAttributes(out));
-    }
-}
-//# sourceMappingURL=scale-in.js.map

package/es/custom/scale-in.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/custom/scale-in.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAWlD,MAAM,OAAO,OAAQ,SAAQ,cAAsC;IAGjE,YAAY,IAAU,EAAE,EAAQ,EAAE,QAAgB,EAAE,MAAkB,EAAE,MAA+B;QACrG,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,CAAC;IAED,UAAU;;QACR,IAAI,IAA4B,CAAC;QACjC,IAAI,EAA0B,CAAC;QAE/B,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;QAC1C,QAAQ,MAAA,IAAI,CAAC,MAAM,0CAAE,SAAS,EAAE;YAC9B,KAAK,GAAG;gBACN,IAAI,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;gBACrB,EAAE,GAAG,EAAE,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,CAAC,EAAE,CAAC;gBACpC,MAAM;YACR,KAAK,GAAG;gBACN,IAAI,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;gBACrB,EAAE,GAAG,EAAE,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,CAAC,EAAE,CAAC;gBACpC,MAAM;YACR,KAAK,IAAI,CAAC;YACV;gBACE,IAAI,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;gBAChC,EAAE,GAAG;oBACH,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,CAAC;oBAC1B,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,CAAC;iBAC3B,CAAC;SACL;QACD,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAChC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QAC3B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACf,CAAC;IAED,KAAK,CAAC,EAA6C;QACjD,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC5D,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC1B,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC;QACtE,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC;CACF","file":"scale-in.js","sourcesContent":["import type { IAnimate, IStep } from '../intreface/animate';\nimport type { EasingType } from '../intreface/easing';\nimport { ACustomAnimate } from './custom-animate';\n\nexport interface IScaleAnimationOptions {\n  direction?: 'x' | 'y' | 'xy';\n}\n\n/**\n * 文本输入动画，实现类似打字机的字符逐个显示效果\n * 支持通过beforeText和afterText参数添加前缀和后缀\n * 支持通过showCursor参数显示光标，cursorChar自定义光标字符\n */\nexport class ScaleIn extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions) {\n    super(from, to, duration, easing, params);\n  }\n\n  onFirstRun(): void {\n    let from: Record<string, number>;\n    let to: Record<string, number>;\n    // 获取当前的数据\n    const attrs = this.target.getAttributes();\n    switch (this.params?.direction) {\n      case 'x':\n        from = { scaleX: 0 };\n        to = { scaleX: attrs?.scaleX ?? 1 };\n        break;\n      case 'y':\n        from = { scaleY: 0 };\n        to = { scaleY: attrs?.scaleY ?? 1 };\n        break;\n      case 'xy':\n      default:\n        from = { scaleX: 0, scaleY: 0 };\n        to = {\n          scaleX: attrs?.scaleX ?? 1,\n          scaleY: attrs?.scaleY ?? 1\n        };\n    }\n    this.props = to;\n    this.propKeys = Object.keys(to);\n    this.animate.reSyncProps();\n    this.from = from;\n    this.to = to;\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    if (!this.valid) {\n      return;\n    }\n\n    this.propKeys.forEach(key => {\n      out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;\n    });\n    this.target.setAttributes(out);\n  }\n}\n"]}

package/es/interpolate/executor.d.ts

@@ -1,66 +0,0 @@
-import type { IGraphic } from '@visactor/vrender-core';
-import type { EasingType } from '../intreface/easing';
-import type { ACustomAnimate } from '../custom/custom-animate';
-export type MarkFunctionCallback<T> = (datum: any, graphic: IGraphic, parameters: any) => T;
-export type MarkFunctionValueType<T> = MarkFunctionCallback<T> | T;
-interface IAnimationParameters {
-    [key: string]: any;
-}
-export type IAnimationChannelFunction = (datum: any, element: IGraphic, parameters: IAnimationParameters) => any;
-export type IAnimationChannelAttrs = Record<string, {
-    from?: any | IAnimationChannelFunction;
-    to?: any | IAnimationChannelFunction;
-}>;
-export type IAnimationChannelAttributes = string[];
-export type IAnimationChannelInterpolator = (ratio: number, from: any, to: any, nextAttributes: any, datum: any, element: IGraphic, parameters: IAnimationParameters) => boolean | void;
-export interface IAnimationCustomConstructor {
-    new (from: any, to: any, duration: number, ease: EasingType, parameters?: any): ACustomAnimate<any>;
-}
-export interface IAnimationEffect {
-    type?: string;
-    channel?: IAnimationChannelAttrs | IAnimationChannelAttributes;
-    custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;
-    customParameters?: MarkFunctionValueType<any>;
-    easing?: EasingType;
-    options?: MarkFunctionValueType<any>;
-}
-export interface IAnimationTimeSlice {
-    effects: IAnimationEffect | IAnimationEffect[];
-    duration?: MarkFunctionValueType<number>;
-    delay?: MarkFunctionValueType<number>;
-    delayAfter?: MarkFunctionValueType<number>;
-}
-export interface IAnimationControlOptions {
-    stopWhenStateChange?: boolean;
-    immediatelyApply?: boolean;
-    ignoreLoopFinalAttributes?: boolean;
-}
-export interface IAnimationTypeConfig {
-    type?: string;
-    channel?: IAnimationChannelAttrs | IAnimationChannelAttributes;
-    custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;
-    customParameters?: MarkFunctionValueType<any>;
-    easing?: EasingType;
-    delay?: MarkFunctionValueType<number>;
-    delayAfter?: MarkFunctionValueType<number>;
-    duration?: MarkFunctionValueType<number>;
-    oneByOne?: MarkFunctionValueType<boolean | number>;
-    startTime?: MarkFunctionValueType<number>;
-    totalTime?: MarkFunctionValueType<number>;
-    loop?: boolean | number;
-    options?: MarkFunctionValueType<any>;
-    controlOptions?: IAnimationControlOptions;
-}
-export interface IAnimationTimeline {
-    id?: string;
-    timeSlices: IAnimationTimeSlice | IAnimationTimeSlice[];
-    startTime?: MarkFunctionValueType<number>;
-    totalTime?: MarkFunctionValueType<number>;
-    oneByOne?: MarkFunctionValueType<number | boolean>;
-    loop?: MarkFunctionValueType<number | boolean>;
-    partitioner?: MarkFunctionCallback<boolean>;
-    sort?: (datumA: any, datumB: any, elementA: IGraphic, elementB: IGraphic, parameters: any) => number;
-    controlOptions?: IAnimationControlOptions;
-}
-export type IAnimationConfig = IAnimationTimeline | IAnimationTypeConfig;
-export {};

package/es/interpolate/executor.js

@@ -1,2 +0,0 @@
-export { };
-//# sourceMappingURL=executor.js.map

package/es/interpolate/executor.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/interpolate/executor.ts"],"names":[],"mappings":"","file":"executor.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { EasingType } from '../intreface/easing';\nimport type { ACustomAnimate } from '../custom/custom-animate';\n\nexport type MarkFunctionCallback<T> = (datum: any, graphic: IGraphic, parameters: any) => T;\nexport type MarkFunctionValueType<T> = MarkFunctionCallback<T> | T;\n\ninterface IAnimationParameters {\n  [key: string]: any;\n}\n\n/**\n * 动画 channel 配置\n */\nexport type IAnimationChannelFunction = (datum: any, element: IGraphic, parameters: IAnimationParameters) => any;\n\n/**\n * 动画 channel 属性配置\n */\nexport type IAnimationChannelAttrs = Record<\n  string,\n  {\n    from?: any | IAnimationChannelFunction;\n    to?: any | IAnimationChannelFunction;\n  }\n>;\nexport type IAnimationChannelAttributes = string[];\n\n/**\n * 动画 channel 插值器\n */\nexport type IAnimationChannelInterpolator = (\n  ratio: number,\n  from: any,\n  to: any,\n  nextAttributes: any,\n  datum: any,\n  element: IGraphic,\n  parameters: IAnimationParameters\n) => boolean | void;\n\n/**\n * 动画 custom 构造器\n */\nexport interface IAnimationCustomConstructor {\n  new (from: any, to: any, duration: number, ease: EasingType, parameters?: any): ACustomAnimate<any>;\n}\n\nexport interface IAnimationEffect {\n  /** 动画类型 */\n  type?: string;\n  /** 动画 channel 配置 */\n  channel?: IAnimationChannelAttrs | IAnimationChannelAttributes;\n  /** 动画 自定义插值 配置 */\n  custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;\n  /** 动画 custom 参数配置 */\n  customParameters?: MarkFunctionValueType<any>;\n  /** 动画 easing 配置 */\n  easing?: EasingType;\n  /** options暂时没有处理 */\n  options?: MarkFunctionValueType<any>;\n}\n\nexport interface IAnimationTimeSlice {\n  /** 动画效果 */\n  effects: IAnimationEffect | IAnimationEffect[];\n  /** 动画时长 */\n  duration?: MarkFunctionValueType<number>;\n  /** 延迟delay后执行动画 */\n  delay?: MarkFunctionValueType<number>;\n  /** effect动画后再延迟delayAfter结束这个周期 */\n  delayAfter?: MarkFunctionValueType<number>;\n}\n\nexport interface IAnimationControlOptions {\n  /** 当动画状态变更时清空动画 */\n  stopWhenStateChange?: boolean;\n  /** 是否立即应用动画初始状态 */\n  immediatelyApply?: boolean;\n  /** encode 计算图元最终状态时是否忽略循环动画 */\n  ignoreLoopFinalAttributes?: boolean;\n}\n\n/**\n * 动画 config 简化配置\n */\nexport interface IAnimationTypeConfig {\n  /** 动画类型 */\n  type?: string;\n  /** 动画 channel 配置 */\n  channel?: IAnimationChannelAttrs | IAnimationChannelAttributes;\n  /** 动画 自定义插值 配置 */\n  custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;\n  /** 动画 custom 参数配置 */\n  customParameters?: MarkFunctionValueType<any>;\n  /** 动画 easing 配置 */\n  easing?: EasingType;\n  /** 动画 delay 配置 */\n  delay?: MarkFunctionValueType<number>;\n  /** 动画 delayAfter 配置 */\n  delayAfter?: MarkFunctionValueType<number>;\n  /** 动画 duration 配置 */\n  duration?: MarkFunctionValueType<number>;\n  /** 动画 oneByOne 配置（是否依次执行） */\n  oneByOne?: MarkFunctionValueType<boolean | number>;\n  /** 动画 startTime 配置 */\n  startTime?: MarkFunctionValueType<number>;\n  /** 动画 totalTime 配置 */\n  totalTime?: MarkFunctionValueType<number>;\n  /** loop: true 无限循环; loop: 正整数，表示循环的次数 */\n  loop?: boolean | number;\n  /** 动画 effect 配置项 */\n  options?: MarkFunctionValueType<any>;\n  /** 动画执行相关控制配置项 */\n  controlOptions?: IAnimationControlOptions;\n}\n\n/**\n * 动画 timeline 完整配置，一条时间线内的动画单元只能串行\n * 多个timeline是可以并行的\n * 考虑到同一图元不能在多个timeline上，所以timeline不应该提供数组配置的能力\n */\nexport interface IAnimationTimeline {\n  /** 为了方便动画编排，用户可以设置 id 用于识别时间线 */\n  id?: string;\n  /** 时间切片 */\n  timeSlices: IAnimationTimeSlice | IAnimationTimeSlice[];\n  /** 动画开始的相对时间，可以为负数 */\n  startTime?: MarkFunctionValueType<number>;\n  /** 动画时长 */\n  totalTime?: MarkFunctionValueType<number>;\n  /** 动画依次执行的延迟 */\n  oneByOne?: MarkFunctionValueType<number | boolean>;\n  /** loop: true 无限循环; loop: 正整数，表示循环的次数 */\n  loop?: MarkFunctionValueType<number | boolean>;\n  /** 对图元元素进行划分，和过滤类似，但是不同时间线不能同时作用在相同的元素上 */\n  partitioner?: MarkFunctionCallback<boolean>;\n  /** 对同一时间线上的元素进行排序 */\n  sort?: (datumA: any, datumB: any, elementA: IGraphic, elementB: IGraphic, parameters: any) => number;\n  /** 动画执行相关控制配置项 */\n  controlOptions?: IAnimationControlOptions;\n}\n\n/**\n * 动画配置\n */\nexport type IAnimationConfig = IAnimationTimeline | IAnimationTypeConfig;\n"]}

package/es/intreface/state.d.ts

@@ -1,35 +0,0 @@
-import type { IAnimationTypeConfig } from '../executor/executor';
-import type { IGraphic, IGroup } from '@visactor/vrender-core';
-export interface IAnimationStateConfig {
-    name: string;
-    animation: IAnimationTypeConfig;
-    priority?: number;
-}
-export interface IAnimationStateRule {
-    conflicts?: string[];
-    interruptibleBy?: string[];
-    queueable?: boolean;
-    transitionDelay?: number;
-}
-export interface IAnimationStateMachine {
-    applyState: (state: string | string[]) => void;
-    registerState: (config: IAnimationStateConfig, rule?: IAnimationStateRule) => void;
-    getActiveState: () => string | null;
-    reset: () => void;
-    on: (event: AnimationStateEventType, callback: (state: string, target: IGraphic | IGroup) => void) => void;
-    off: (event: AnimationStateEventType, callback: (state: string, target: IGraphic | IGroup) => void) => void;
-}
-export type AnimationStateEventType = 'stateStart' | 'stateEnd' | 'stateInterrupt' | 'stateReject';
-export interface IAnimationStateRegistry {
-    register: (state: IAnimationStateConfig, rule?: IAnimationStateRule) => void;
-    getState: (name: string) => IAnimationStateConfig | undefined;
-    getRule: (name: string) => IAnimationStateRule | undefined;
-    hasConflict: (stateA: string, stateB: string) => boolean;
-}
-export interface IAnimationStateQueue {
-    enqueue: (states: string | string[]) => void;
-    processNextState: () => void;
-    onAnimationComplete: () => void;
-    cancel: () => void;
-    canApplyState: (state: string) => boolean;
-}

package/es/intreface/state.js

@@ -1,2 +0,0 @@
-export { };
-//# sourceMappingURL=state.js.map

package/es/intreface/state.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/intreface/state.ts"],"names":[],"mappings":"","file":"state.js","sourcesContent":["import type { IAnimationTypeConfig } from '../executor/executor';\nimport type { IAnimate } from './animate';\nimport type { IGraphic, IGroup } from '@visactor/vrender-core';\n\n/**\n * Animation state configuration\n */\nexport interface IAnimationStateConfig {\n  /** State name */\n  name: string;\n  /** Animation configuration for this state */\n  animation: IAnimationTypeConfig;\n  /** Priority of this state (higher overrides lower when there's a conflict) */\n  priority?: number;\n}\n\n/**\n * Rules for animation state behaviors\n */\nexport interface IAnimationStateRule {\n  /** States that cannot run simultaneously with this state */\n  conflicts?: string[];\n  /** States that can interrupt this state */\n  interruptibleBy?: string[];\n  /** Whether this state can be queued */\n  queueable?: boolean;\n  /** Duration to wait before executing next state (if queueable) */\n  transitionDelay?: number;\n}\n\n/**\n * Animation state machine interface\n */\nexport interface IAnimationStateMachine {\n  /** Apply a state or sequence of states */\n  applyState: (state: string | string[]) => void;\n\n  /** Register new state animations and rules */\n  registerState: (config: IAnimationStateConfig, rule?: IAnimationStateRule) => void;\n\n  /** Get current active state */\n  getActiveState: () => string | null;\n\n  /** Cancel all animations and clear queue */\n  reset: () => void;\n\n  /** Add event listener for state events */\n  on: (event: AnimationStateEventType, callback: (state: string, target: IGraphic | IGroup) => void) => void;\n\n  /** Remove event listener */\n  off: (event: AnimationStateEventType, callback: (state: string, target: IGraphic | IGroup) => void) => void;\n}\n\n/**\n * Animation state event types\n */\nexport type AnimationStateEventType = 'stateStart' | 'stateEnd' | 'stateInterrupt' | 'stateReject';\n\n/**\n * Animation state registry interface\n */\nexport interface IAnimationStateRegistry {\n  /** Register a state with its animation config and rules */\n  register: (state: IAnimationStateConfig, rule?: IAnimationStateRule) => void;\n\n  /** Get state configuration by name */\n  getState: (name: string) => IAnimationStateConfig | undefined;\n\n  /** Get state rule by name */\n  getRule: (name: string) => IAnimationStateRule | undefined;\n\n  /** Check if two states conflict with each other */\n  hasConflict: (stateA: string, stateB: string) => boolean;\n}\n\n/**\n * Animation state queue interface\n */\nexport interface IAnimationStateQueue {\n  /** Add state(s) to queue */\n  enqueue: (states: string | string[]) => void;\n\n  /** Process the next state in queue */\n  processNextState: () => void;\n\n  /** Called when current animation completes */\n  onAnimationComplete: () => void;\n\n  /** Cancel current state and clear queue */\n  cancel: () => void;\n\n  /** Check if we can apply a specific state now */\n  canApplyState: (state: string) => boolean;\n}\n"]}

package/es/state/animation-state-machine.d.ts

@@ -1,22 +0,0 @@
-import type { IGraphic, IGroup } from '@visactor/vrender-core';
-import type { AnimationStateEventType, IAnimationStateConfig, IAnimationStateRule, IAnimationStateMachine } from '../intreface/state';
-import type { AnimateExecutor } from '../executor/animate-executor';
-type StateEventCallback = (state: string, target: IGraphic | IGroup) => void;
-export declare class AnimationStateMachine implements IAnimationStateMachine {
-    private target;
-    private executor;
-    private registry;
-    private stateQueue;
-    private eventListeners;
-    constructor(target: IGraphic | IGroup, executor: AnimateExecutor);
-    applyState(state: string | string[]): void;
-    registerState(config: IAnimationStateConfig, rule?: IAnimationStateRule): void;
-    getActiveState(): string | null;
-    reset(): void;
-    on(event: AnimationStateEventType, callback: StateEventCallback): void;
-    off(event: AnimationStateEventType, callback: StateEventCallback): void;
-    private handleStateEvent;
-    hasState(state: string): boolean;
-    getRegisteredStates(): string[];
-}
-export {};

package/es/state/animation-state-machine.js

@@ -1,47 +0,0 @@
-import { AnimationStateRegistry } from "./animation-state-registry";
-
-import { AnimationStateQueue } from "./animation-state-queue";
-
-export class AnimationStateMachine {
-    constructor(target, executor) {
-        this.target = target, this.executor = executor, this.eventListeners = new Map, this.registry = new AnimationStateRegistry, 
-        this.stateQueue = new AnimationStateQueue(target, this.registry, executor, this.handleStateEvent.bind(this));
-    }
-    applyState(state) {
-        this.stateQueue.enqueue(state);
-    }
-    registerState(config, rule) {
-        this.registry.register(config, rule);
-    }
-    getActiveState() {
-        return this.stateQueue.getActiveState();
-    }
-    reset() {
-        this.stateQueue.cancel();
-    }
-    on(event, callback) {
-        var _a;
-        this.eventListeners.has(event) || this.eventListeners.set(event, new Set), null === (_a = this.eventListeners.get(event)) || void 0 === _a || _a.add(callback);
-    }
-    off(event, callback) {
-        const listeners = this.eventListeners.get(event);
-        listeners && listeners.delete(callback);
-    }
-    handleStateEvent(event, state) {
-        const listeners = this.eventListeners.get(event);
-        listeners && listeners.forEach((callback => {
-            try {
-                callback(state, this.target);
-            } catch (error) {
-                console.error(`Error in animation state event listener for ${event}:`, error);
-            }
-        }));
-    }
-    hasState(state) {
-        return !!this.registry.getState(state);
-    }
-    getRegisteredStates() {
-        return this.registry.getAllStateNames();
-    }
-}
-//# sourceMappingURL=animation-state-machine.js.map

package/es/state/animation-state-machine.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/state/animation-state-machine.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAQ9D,MAAM,OAAO,qBAAqB;IAKhC,YAAoB,MAAyB,EAAU,QAAyB;QAA5D,WAAM,GAAN,MAAM,CAAmB;QAAU,aAAQ,GAAR,QAAQ,CAAiB;QAFxE,mBAAc,GAA0D,IAAI,GAAG,EAAE,CAAC;QAGxF,IAAI,CAAC,QAAQ,GAAG,IAAI,sBAAsB,EAAE,CAAC;QAC7C,IAAI,CAAC,UAAU,GAAG,IAAI,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/G,CAAC;IAKD,UAAU,CAAC,KAAwB;QACjC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAKD,aAAa,CAAC,MAA6B,EAAE,IAA0B;QACrE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACvC,CAAC;IAKD,cAAc;QACZ,OAAO,IAAI,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC;IAC1C,CAAC;IAKD,KAAK;QACH,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC;IAKD,EAAE,CAAC,KAA8B,EAAE,QAA4B;;QAC7D,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YACnC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;SAC3C;QACD,MAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,0CAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IAChD,CAAC;IAKD,GAAG,CAAC,KAA8B,EAAE,QAA4B;QAC9D,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACjD,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;SAC5B;IACH,CAAC;IAKO,gBAAgB,CAAC,KAAmE,EAAE,KAAa;QACzG,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACjD,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBAC3B,IAAI;oBACF,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;iBAC9B;gBAAC,OAAO,KAAK,EAAE;oBACd,OAAO,CAAC,KAAK,CAAC,+CAA+C,KAAK,GAAG,EAAE,KAAK,CAAC,CAAC;iBAC/E;YACH,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAKD,QAAQ,CAAC,KAAa;QACpB,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC;IAKD,mBAAmB;QACjB,OAAO,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC;IAC1C,CAAC;CACF","file":"animation-state-machine.js","sourcesContent":["import type { IGraphic, IGroup } from '@visactor/vrender-core';\nimport type {\n  AnimationStateEventType,\n  IAnimationStateConfig,\n  IAnimationStateRule,\n  IAnimationStateMachine\n} from '../intreface/state';\nimport { AnimationStateRegistry } from './animation-state-registry';\nimport { AnimationStateQueue } from './animation-state-queue';\nimport type { AnimateExecutor } from '../executor/animate-executor';\n\ntype StateEventCallback = (state: string, target: IGraphic | IGroup) => void;\n\n/**\n * State machine for managing animation states and transitions\n */\nexport class AnimationStateMachine implements IAnimationStateMachine {\n  private registry: AnimationStateRegistry;\n  private stateQueue: AnimationStateQueue;\n  private eventListeners: Map<AnimationStateEventType, Set<StateEventCallback>> = new Map();\n\n  constructor(private target: IGraphic | IGroup, private executor: AnimateExecutor) {\n    this.registry = new AnimationStateRegistry();\n    this.stateQueue = new AnimationStateQueue(target, this.registry, executor, this.handleStateEvent.bind(this));\n  }\n\n  /**\n   * Apply a state or sequence of states\n   */\n  applyState(state: string | string[]): void {\n    this.stateQueue.enqueue(state);\n  }\n\n  /**\n   * Register new state animations and rules\n   */\n  registerState(config: IAnimationStateConfig, rule?: IAnimationStateRule): void {\n    this.registry.register(config, rule);\n  }\n\n  /**\n   * Get current active state\n   */\n  getActiveState(): string | null {\n    return this.stateQueue.getActiveState();\n  }\n\n  /**\n   * Cancel all animations and clear queue\n   */\n  reset(): void {\n    this.stateQueue.cancel();\n  }\n\n  /**\n   * Add event listener for state events\n   */\n  on(event: AnimationStateEventType, callback: StateEventCallback): void {\n    if (!this.eventListeners.has(event)) {\n      this.eventListeners.set(event, new Set());\n    }\n    this.eventListeners.get(event)?.add(callback);\n  }\n\n  /**\n   * Remove event listener\n   */\n  off(event: AnimationStateEventType, callback: StateEventCallback): void {\n    const listeners = this.eventListeners.get(event);\n    if (listeners) {\n      listeners.delete(callback);\n    }\n  }\n\n  /**\n   * Handle state change events from the queue\n   */\n  private handleStateEvent(event: 'stateStart' | 'stateEnd' | 'stateInterrupt' | 'stateReject', state: string): void {\n    const listeners = this.eventListeners.get(event);\n    if (listeners) {\n      listeners.forEach(callback => {\n        try {\n          callback(state, this.target);\n        } catch (error) {\n          console.error(`Error in animation state event listener for ${event}:`, error);\n        }\n      });\n    }\n  }\n\n  /**\n   * Check if a specific state is registered\n   */\n  hasState(state: string): boolean {\n    return !!this.registry.getState(state);\n  }\n\n  /**\n   * Get all registered state names\n   */\n  getRegisteredStates(): string[] {\n    return this.registry.getAllStateNames();\n  }\n}\n"]}

package/es/state/animation-state-queue.d.ts

@@ -1,24 +0,0 @@
-import type { IGraphic, IGroup } from '@visactor/vrender-core';
-import type { IAnimationStateQueue } from '../intreface/state';
-import type { AnimationStateRegistry } from './animation-state-registry';
-import type { AnimateExecutor } from '../executor/animate-executor';
-export declare class AnimationStateQueue implements IAnimationStateQueue {
-    private target;
-    private registry;
-    private executor;
-    private onStateChange;
-    private queue;
-    private activeState;
-    private activeAnimation;
-    private processingQueue;
-    constructor(target: IGraphic | IGroup, registry: AnimationStateRegistry, executor: AnimateExecutor, onStateChange: (event: 'stateStart' | 'stateEnd' | 'stateInterrupt' | 'stateReject', state: string) => void);
-    enqueue(states: string | string[]): void;
-    processNextState(): void;
-    private applyState;
-    onAnimationComplete(): void;
-    private interruptCurrentState;
-    cancel(): void;
-    canApplyState(state: string): boolean;
-    getActiveState(): string | null;
-    getPendingStates(): string[];
-}

package/es/state/animation-state-queue.js

@@ -1,58 +0,0 @@
-import { isArray } from "@visactor/vutils";
-
-export class AnimationStateQueue {
-    constructor(target, registry, executor, onStateChange) {
-        this.target = target, this.registry = registry, this.executor = executor, this.onStateChange = onStateChange, 
-        this.queue = [], this.activeState = null, this.activeAnimation = null, this.processingQueue = !1;
-    }
-    enqueue(states) {
-        if (isArray(states)) for (const state of states) this.queue.push(state); else this.queue.push(states);
-        this.processingQueue || this.processNextState();
-    }
-    processNextState() {
-        if (0 === this.queue.length || this.processingQueue) return;
-        this.processingQueue = !0;
-        const nextState = this.queue[0];
-        this.canApplyState(nextState) ? (this.queue.shift(), this.activeState && this.registry.hasConflict(this.activeState, nextState) ? this.registry.canInterrupt(this.activeState, nextState) ? (this.interruptCurrentState(), 
-        this.applyState(nextState)) : (this.onStateChange("stateReject", nextState), this.processingQueue = !1, 
-        this.processNextState()) : this.applyState(nextState)) : (this.queue.shift(), this.onStateChange("stateReject", nextState), 
-        this.processingQueue = !1, this.processNextState());
-    }
-    applyState(state) {
-        const stateConfig = this.registry.getState(state);
-        if (!stateConfig) return console.warn(`Animation state "${state}" not found`), this.processingQueue = !1, 
-        void this.processNextState();
-        this.activeState = state, this.onStateChange("stateStart", state), this.activeAnimation = this.executor.executeItem(stateConfig.animation, this.target), 
-        this.activeAnimation ? this.activeAnimation.onEnd((() => {
-            this.onAnimationComplete();
-        })) : this.onAnimationComplete();
-    }
-    onAnimationComplete() {
-        if (this.activeState) {
-            const completedState = this.activeState;
-            this.onStateChange("stateEnd", completedState);
-            const transitionDelay = this.registry.getTransitionDelay(completedState);
-            this.activeState = null, this.activeAnimation = null, this.processingQueue = !1, 
-            transitionDelay > 0 ? setTimeout((() => {
-                this.processNextState();
-            }), transitionDelay) : this.processNextState();
-        }
-    }
-    interruptCurrentState() {
-        this.activeState && this.activeAnimation && (this.onStateChange("stateInterrupt", this.activeState), 
-        this.activeAnimation.stop("end"), this.activeAnimation = null, this.activeState = null);
-    }
-    cancel() {
-        this.interruptCurrentState(), this.queue = [], this.processingQueue = !1;
-    }
-    canApplyState(state) {
-        return !!this.registry.getState(state) && (!this.activeState || (!this.registry.hasConflict(this.activeState, state) || this.registry.canInterrupt(this.activeState, state)));
-    }
-    getActiveState() {
-        return this.activeState;
-    }
-    getPendingStates() {
-        return [ ...this.queue ];
-    }
-}
-//# sourceMappingURL=animation-state-queue.js.map

package/es/state/animation-state-queue.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/state/animation-state-queue.ts"],"names":[],"mappings":"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","file":"animation-state-queue.js","sourcesContent":["import type { IGraphic, IGroup } from '@visactor/vrender-core';\nimport type { IAnimate } from '../intreface/animate';\nimport type { IAnimationStateQueue } from '../intreface/state';\nimport type { AnimationStateRegistry } from './animation-state-registry';\nimport type { AnimateExecutor } from '../executor/animate-executor';\nimport { isArray } from '@visactor/vutils';\n\n/**\n * Queue for managing sequential animation states\n */\nexport class AnimationStateQueue implements IAnimationStateQueue {\n  private queue: string[] = [];\n  private activeState: string | null = null;\n  private activeAnimation: IAnimate | null = null;\n  private processingQueue: boolean = false;\n\n  constructor(\n    private target: IGraphic | IGroup,\n    private registry: AnimationStateRegistry,\n    private executor: AnimateExecutor,\n    private onStateChange: (event: 'stateStart' | 'stateEnd' | 'stateInterrupt' | 'stateReject', state: string) => void\n  ) {}\n\n  /**\n   * Add state(s) to queue\n   */\n  enqueue(states: string | string[]): void {\n    if (isArray(states)) {\n      // For array of states, add them to the queue in sequence\n      for (const state of states) {\n        this.queue.push(state);\n      }\n    } else {\n      this.queue.push(states);\n    }\n\n    // If not already processing, start processing the queue\n    if (!this.processingQueue) {\n      this.processNextState();\n    }\n  }\n\n  /**\n   * Process the next state in queue\n   */\n  processNextState(): void {\n    if (this.queue.length === 0 || this.processingQueue) {\n      return;\n    }\n\n    this.processingQueue = true;\n    const nextState = this.queue[0];\n\n    // Check if we can apply this state now\n    if (this.canApplyState(nextState)) {\n      // Remove the state from the queue\n      this.queue.shift();\n\n      // If there's an active state that conflicts, we need to handle it\n      if (this.activeState && this.registry.hasConflict(this.activeState, nextState)) {\n        // Check if new state can interrupt current state\n        if (this.registry.canInterrupt(this.activeState, nextState)) {\n          // Interrupt current animation\n          this.interruptCurrentState();\n          this.applyState(nextState);\n        } else {\n          // Cannot interrupt, reject the state\n          this.onStateChange('stateReject', nextState);\n          this.processingQueue = false;\n          this.processNextState(); // Continue with the next state\n        }\n      } else {\n        // No conflict, apply the state\n        this.applyState(nextState);\n      }\n    } else {\n      // Cannot apply this state right now, reject it\n      this.queue.shift();\n      this.onStateChange('stateReject', nextState);\n      this.processingQueue = false;\n      this.processNextState(); // Continue with the next state\n    }\n  }\n\n  /**\n   * Apply a state animation\n   */\n  private applyState(state: string): void {\n    const stateConfig = this.registry.getState(state);\n    if (!stateConfig) {\n      console.warn(`Animation state \"${state}\" not found`);\n      this.processingQueue = false;\n      this.processNextState();\n      return;\n    }\n\n    this.activeState = state;\n    this.onStateChange('stateStart', state);\n\n    // Create and execute the animation\n    this.activeAnimation = this.executor.executeItem(stateConfig.animation, this.target);\n\n    // Register completion callback\n    if (this.activeAnimation) {\n      this.activeAnimation.onEnd(() => {\n        this.onAnimationComplete();\n      });\n    } else {\n      // If no animation was created, consider it completed immediately\n      this.onAnimationComplete();\n    }\n  }\n\n  /**\n   * Called when current animation completes\n   */\n  onAnimationComplete(): void {\n    if (this.activeState) {\n      const completedState = this.activeState;\n      this.onStateChange('stateEnd', completedState);\n\n      // Apply transition delay if configured\n      const transitionDelay = this.registry.getTransitionDelay(completedState);\n\n      this.activeState = null;\n      this.activeAnimation = null;\n      this.processingQueue = false;\n\n      if (transitionDelay > 0) {\n        // Wait before processing next state\n        setTimeout(() => {\n          this.processNextState();\n        }, transitionDelay);\n      } else {\n        // Process next state immediately\n        this.processNextState();\n      }\n    }\n  }\n\n  /**\n   * Interrupt the current state animation\n   */\n  private interruptCurrentState(): void {\n    if (this.activeState && this.activeAnimation) {\n      this.onStateChange('stateInterrupt', this.activeState);\n      this.activeAnimation.stop('end'); // Stop at end state to avoid visual jumps\n      this.activeAnimation = null;\n      this.activeState = null;\n    }\n  }\n\n  /**\n   * Cancel current state and clear queue\n   */\n  cancel(): void {\n    // Interrupt current animation if any\n    this.interruptCurrentState();\n\n    // Clear the queue\n    this.queue = [];\n    this.processingQueue = false;\n  }\n\n  /**\n   * Check if we can apply a specific state now\n   */\n  canApplyState(state: string): boolean {\n    // Check if the state is registered\n    const stateConfig = this.registry.getState(state);\n    if (!stateConfig) {\n      return false;\n    }\n\n    // If there's no active state, we can apply\n    if (!this.activeState) {\n      return true;\n    }\n\n    // Check if there's a conflict and if we can resolve it\n    if (this.registry.hasConflict(this.activeState, state)) {\n      return this.registry.canInterrupt(this.activeState, state);\n    }\n\n    // No conflict, we can apply\n    return true;\n  }\n\n  /**\n   * Get the currently active state\n   */\n  getActiveState(): string | null {\n    return this.activeState;\n  }\n\n  /**\n   * Get the pending states in the queue\n   */\n  getPendingStates(): string[] {\n    return [...this.queue];\n  }\n}\n"]}

package/es/state/animation-state-registry.d.ts

@@ -1,14 +0,0 @@
-import type { IAnimationStateConfig, IAnimationStateRegistry, IAnimationStateRule } from '../intreface/state';
-export declare class AnimationStateRegistry implements IAnimationStateRegistry {
-    private states;
-    private rules;
-    register(state: IAnimationStateConfig, rule?: IAnimationStateRule): void;
-    getState(name: string): IAnimationStateConfig | undefined;
-    getRule(name: string): IAnimationStateRule | undefined;
-    hasConflict(stateA: string, stateB: string): boolean;
-    canInterrupt(stateA: string, stateB: string): boolean;
-    isQueueable(state: string): boolean;
-    getTransitionDelay(state: string): number;
-    getAllStateNames(): string[];
-    clear(): void;
-}

package/es/state/animation-state-registry.js

@@ -1,45 +0,0 @@
-export class AnimationStateRegistry {
-    constructor() {
-        this.states = new Map, this.rules = new Map;
-    }
-    register(state, rule) {
-        var _a;
-        const {name: name} = state;
-        name ? (this.states.set(name, Object.assign(Object.assign({}, state), {
-            priority: null !== (_a = state.priority) && void 0 !== _a ? _a : 0
-        })), rule && this.rules.set(name, rule)) : console.warn("Animation state must have a name");
-    }
-    getState(name) {
-        return this.states.get(name);
-    }
-    getRule(name) {
-        return this.rules.get(name);
-    }
-    hasConflict(stateA, stateB) {
-        var _a, _b;
-        if (stateA === stateB) return !1;
-        const ruleA = this.getRule(stateA), ruleB = this.getRule(stateB);
-        return !!(null === (_a = null == ruleA ? void 0 : ruleA.conflicts) || void 0 === _a ? void 0 : _a.includes(stateB)) || !!(null === (_b = null == ruleB ? void 0 : ruleB.conflicts) || void 0 === _b ? void 0 : _b.includes(stateA));
-    }
-    canInterrupt(stateA, stateB) {
-        var _a, _b, _c;
-        const ruleA = this.getRule(stateA), stateAConfig = this.getState(stateA), stateBConfig = this.getState(stateB);
-        return !!(stateAConfig && stateBConfig && (null !== (_a = stateBConfig.priority) && void 0 !== _a ? _a : 0) > (null !== (_b = stateAConfig.priority) && void 0 !== _b ? _b : 0)) || !!(null === (_c = null == ruleA ? void 0 : ruleA.interruptibleBy) || void 0 === _c ? void 0 : _c.includes(stateB));
-    }
-    isQueueable(state) {
-        const rule = this.getRule(state);
-        return !!(null == rule ? void 0 : rule.queueable);
-    }
-    getTransitionDelay(state) {
-        var _a;
-        const rule = this.getRule(state);
-        return null !== (_a = null == rule ? void 0 : rule.transitionDelay) && void 0 !== _a ? _a : 0;
-    }
-    getAllStateNames() {
-        return Array.from(this.states.keys());
-    }
-    clear() {
-        this.states.clear(), this.rules.clear();
-    }
-}
-//# sourceMappingURL=animation-state-registry.js.map

package/es/state/animation-state-registry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/state/animation-state-registry.ts"],"names":[],"mappings":"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","file":"animation-state-registry.js","sourcesContent":["import type { IAnimationStateConfig, IAnimationStateRegistry, IAnimationStateRule } from '../intreface/state';\n\n/**\n * Registry for animation states and their rules\n */\nexport class AnimationStateRegistry implements IAnimationStateRegistry {\n  private states: Map<string, IAnimationStateConfig> = new Map();\n  private rules: Map<string, IAnimationStateRule> = new Map();\n\n  /**\n   * Register a state with its animation config and rules\n   */\n  register(state: IAnimationStateConfig, rule?: IAnimationStateRule): void {\n    const { name } = state;\n\n    if (!name) {\n      console.warn('Animation state must have a name');\n      return;\n    }\n\n    this.states.set(name, {\n      ...state,\n      priority: state.priority ?? 0\n    });\n\n    if (rule) {\n      this.rules.set(name, rule);\n    }\n  }\n\n  /**\n   * Get state configuration by name\n   */\n  getState(name: string): IAnimationStateConfig | undefined {\n    return this.states.get(name);\n  }\n\n  /**\n   * Get state rule by name\n   */\n  getRule(name: string): IAnimationStateRule | undefined {\n    return this.rules.get(name);\n  }\n\n  /**\n   * Check if two states conflict with each other\n   */\n  hasConflict(stateA: string, stateB: string): boolean {\n    if (stateA === stateB) {\n      return false; // Same state doesn't conflict with itself\n    }\n\n    const ruleA = this.getRule(stateA);\n    const ruleB = this.getRule(stateB);\n\n    if (ruleA?.conflicts?.includes(stateB)) {\n      return true;\n    }\n\n    if (ruleB?.conflicts?.includes(stateA)) {\n      return true;\n    }\n\n    return false;\n  }\n\n  /**\n   * Check if stateB can interrupt stateA\n   */\n  canInterrupt(stateA: string, stateB: string): boolean {\n    const ruleA = this.getRule(stateA);\n    const stateAConfig = this.getState(stateA);\n    const stateBConfig = this.getState(stateB);\n\n    // Higher priority can always interrupt\n    if (stateAConfig && stateBConfig && (stateBConfig.priority ?? 0) > (stateAConfig.priority ?? 0)) {\n      return true;\n    }\n\n    // Check if explicitly interruptible\n    return !!ruleA?.interruptibleBy?.includes(stateB);\n  }\n\n  /**\n   * Check if a state is queueable\n   */\n  isQueueable(state: string): boolean {\n    const rule = this.getRule(state);\n    return !!rule?.queueable;\n  }\n\n  /**\n   * Get transition delay for a state\n   */\n  getTransitionDelay(state: string): number {\n    const rule = this.getRule(state);\n    return rule?.transitionDelay ?? 0;\n  }\n\n  /**\n   * Get all registered state names\n   */\n  getAllStateNames(): string[] {\n    return Array.from(this.states.keys());\n  }\n\n  /**\n   * Clear all registered states and rules\n   */\n  clear(): void {\n    this.states.clear();\n    this.rules.clear();\n  }\n}\n"]}