consts.ts

  1. import { IObject } from "@daybrush/utils";
  2. import { RoleObject, OptionType, EventType, EasingFunction } from "./types";
  3. import { EASE, EASE_IN, EASE_IN_OUT, LINEAR, EASE_OUT, STEP_START, STEP_END } from "./easing";
  5. export const PREFIX = "__SCENEJS_";
  6. export const DATA_SCENE_ID = "data-scene-id";
  7. export const TIMING_FUNCTION = "animation-timing-function";
  8. export const ROLES: RoleObject = { transform: {}, filter: {}, attribute: {}, html: true };
  9. export const ALIAS: IObject<string[]> = { easing: [TIMING_FUNCTION] };
  10. export const FIXED = { [TIMING_FUNCTION]: true, contents: true, html: true };
  11. export const MAXIMUM = 1000000;
  12. export const THRESHOLD = 0.000001;
  14. export const DURATION = "duration";
  15. export const FILL_MODE = "fillMode";
  16. export const DIRECTION = "direction";
  17. export const ITERATION_COUNT = "iterationCount";
  18. export const DELAY = "delay";
  19. export const EASING = "easing";
  20. export const PLAY_SPEED = "playSpeed";
  21. export const EASING_NAME = "easingName";
  22. export const ITERATION_TIME = "iterationTime";
  23. export const PAUSED = "paused";
  24. export const ENDED = "ended";
  25. export const TIMEUPDATE = "timeupdate";
  26. export const ANIMATE = "animate";
  27. export const PLAY = "play";
  28. export const RUNNING = "running";
  29. export const ITERATION = "iteration";
  30. export const START_ANIMATION = "startAnimation";
  31. export const PAUSE_ANIMATION = "pauseAnimation";
  32. export const ALTERNATE = "alternate";
  33. export const REVERSE = "reverse";
  34. export const ALTERNATE_REVERSE = "alternate-reverse";
  35. export const NORMAL = "normal";
  36. export const INFINITE = "infinite";
  37. export const PLAY_STATE = "playState";
  38. export const PLAY_CSS = "playCSS";
  39. export const PREV_TIME = "prevTime";
  40. export const TICK_TIME = "tickTime";
  41. export const CURRENT_TIME = "currentTime";
  42. export const SELECTOR = "selector";
  43. export const TRANSFORM_NAME = "transform";
  44. export const EASINGS = {
  45.     "linear": LINEAR,
  46.     "ease": EASE,
  47.     "ease-in": EASE_IN,
  48.     "ease-out": EASE_OUT,
  49.     "ease-in-out": EASE_IN_OUT,
  50.     "step-start": STEP_START,
  51.     "step-end": STEP_END,
  52. };
  54. /**
  55. * option name list
  56. * @name Scene.OPTIONS
  57. * @memberof Scene
  58. * @static
  59. * @type {$ts:OptionType}
  60. * @example
  61. * Scene.OPTIONS // ["duration", "fillMode", "direction", "iterationCount", "delay", "easing", "playSpeed"]
  62. */
  63. export const OPTIONS: OptionType = [DURATION, FILL_MODE, DIRECTION, ITERATION_COUNT, DELAY, EASING, PLAY_SPEED];
  65. /**
  66. * Event name list
  67. * @name Scene.EVENTS
  68. * @memberof Scene
  69. * @static
  70. * @type {$ts:EventType}
  71. * @example
  72. * Scene.EVENTS // ["paused", "ended", "timeupdate", "animate", "play", "iteration"];
  73. */
  74. export const EVENTS: EventType = [PAUSED, ENDED, TIMEUPDATE, ANIMATE, PLAY, ITERATION];