@wix/motion 1.659.0 → 2.0.0-rc.2

package/dist/esm/library/scroll/ShapeScroll.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getEasing","SHAPES","diamond","start","soft","medium","hard","end","window","rectangle","circle","ellipse","RESPONSIVE_SHAPES_MAP","clipFactor","clip","clipNeg","easing","KEYFRAMES_RANGE_MAP","in","clipPath","out","continuous","create","options","shape","power","intensity","range","namedEffect","fill","keyframes"],"sources":["../../../../src/library/scroll/ShapeScroll.ts"],"sourcesContent":["import {\n  EffectPower,\n  AnimationData,\n  EffectScrollRange,\n  ScrubAnimationOptions,\n  ShapeScroll,\n  AnimationFillMode,\n} from '../../types';\nimport { getEasing } from '../../utils';\n\nconst SHAPES: Record<\n  ShapeScroll['shape'],\n  { start: Record<EffectPower, string>; end: string }\n> = {\n  diamond: {\n    start: {\n      soft: 'polygon(50% 20%, 80% 50%, 50% 80%, 20% 50%)',\n      medium: 'polygon(50% 40%, 60% 50%, 50% 60%, 40% 50%)',\n      hard: 'polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)',\n    },\n    end: 'polygon(50% -50%, 150% 50%, 50% 150%, -50% 50%)',\n  },\n  window: {\n    start: {\n      soft: 'inset(20% round 50% 50% 0% 0%)',\n      medium: 'inset(35% round 50% 50% 0% 0%)',\n      hard: 'inset(50% round 50% 50% 0% 0%)',\n    },\n    end: 'inset(-20% round 50% 50% 0% 0%)',\n  },\n  rectangle: {\n    start: {\n      soft: 'inset(20%)',\n      medium: 'inset(50%)',\n      hard: 'inset(80%)',\n    },\n    end: 'inset(0%)',\n  },\n  circle: {\n    start: {\n      soft: 'circle(40%)',\n      medium: 'circle(25%)',\n      hard: 'circle(0%)',\n    },\n    end: 'circle(75%)',\n  },\n  ellipse: {\n    start: {\n      soft: 'ellipse(50% 50%)',\n      medium: 'ellipse(30% 30%)',\n      hard: 'ellipse(0% 0%)',\n    },\n    end: 'ellipse(75% 75%)',\n  },\n};\n\nconst RESPONSIVE_SHAPES_MAP = {\n  diamond: (clipFactor: number) => {\n    const clip = clipFactor / 2;\n    const clipNeg = 100 - clip;\n    return [\n      `polygon(50% ${clip}%, ${clipNeg}% 50%, 50% ${clipNeg}%, ${clip}% 50%)`,\n      'polygon(50% -50%, 150% 50%, 50% 150%, -50% 50%)',\n    ];\n  },\n  window: (clipFactor: number) => [\n    `inset(${clipFactor / 2}% round 50% 50% 0% 0%)`,\n    'inset(-20% round 50% 50% 0% 0%)',\n  ],\n  rectangle: (clipFactor: number) => [`inset(${clipFactor}%)`, `inset(0%)`],\n  circle: (clipFactor: number) => [\n    `circle(${100 - clipFactor}%)`,\n    `circle(75%)`,\n  ],\n  ellipse: (clipFactor: number) => {\n    const clip = 50 - clipFactor / 2;\n    return [`ellipse(${clip}% ${clip}%)`, `ellipse(75% 75%)`];\n  },\n};\n\nconst easing = getEasing('circInOut');\n\nconst KEYFRAMES_RANGE_MAP: Record<\n  EffectScrollRange,\n  (start: string, end: string) => AnimationData['keyframes']\n> = {\n  in: (start: string, end: string) => [\n    {\n      clipPath: start,\n      easing,\n    },\n    {\n      clipPath: end,\n    },\n  ],\n  out: (start: string, end: string) => [\n    {\n      clipPath: end,\n      easing,\n    },\n    {\n      clipPath: start,\n    },\n  ],\n  continuous: (start: string, end: string) => [\n    {\n      clipPath: start,\n      easing,\n    },\n    {\n      clipPath: end,\n      easing,\n    },\n    {\n      clipPath: start,\n    },\n  ],\n};\n\nexport default function create(options: ScrubAnimationOptions) {\n  const {\n    shape = 'circle',\n    power,\n    intensity = 0.5,\n    range = 'in',\n  } = options.namedEffect as ShapeScroll;\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const [start, end] =\n    power && SHAPES[shape].start[power]\n      ? [SHAPES[shape].start[power], SHAPES[shape].end]\n      : RESPONSIVE_SHAPES_MAP[shape](intensity * 100);\n\n  const keyframes = KEYFRAMES_RANGE_MAP[range](start, end);\n\n  return [\n    {\n      ...options,\n      fill,\n      easing: 'linear',\n      keyframes,\n    },\n  ];\n  /*\n   * @keyframes <name> {\n   *   from {\n   *     clip-path: <fromValue>;\n   *     easing: <easing>;\n   *   }\n   *   to {\n   *     clip-path: <toValue>;\n   *   }\n   * }\n   */\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/library/scroll/ShrinkScroll.js

@@ -1,154 +0,0 @@
-const MAX_Y_TRAVEL = 40;
-const POWER_MAP = {
-  soft: {
-    scaleFrom: 1.2,
-    scaleTo: 0.8,
-    travelY: 0
-  },
-  medium: {
-    scaleFrom: 1.7,
-    scaleTo: 0.3,
-    travelY: 0.5
-  },
-  hard: {
-    scaleFrom: 3.5,
-    scaleTo: 0,
-    travelY: 1
-  }
-};
-const directionMap = {
-  top: [0, -50],
-  'top-right': [50, -50],
-  right: [50, 0],
-  'bottom-right': [50, 50],
-  bottom: [0, 50],
-  'bottom-left': [-50, 50],
-  left: [-50, 0],
-  'top-left': [-50, -50],
-  center: [0, 0]
-};
-const RANGES_MAP = {
-  in: (scaleFrom, _scaleTo, travelY) => ({
-    fromValues: {
-      scale: scaleFrom,
-      travel: travelY
-    },
-    toValues: {
-      scale: 1,
-      travel: 0
-    }
-  }),
-  out: (_scaleFrom, scaleTo, travelY) => ({
-    fromValues: {
-      scale: 1,
-      travel: 0
-    },
-    toValues: {
-      scale: scaleTo,
-      travel: -travelY
-    }
-  }),
-  continuous: (scaleFrom, scaleTo, travelY) => ({
-    fromValues: {
-      scale: scaleFrom,
-      travel: travelY
-    },
-    toValues: {
-      scale: scaleTo,
-      travel: -travelY
-    }
-  })
-};
-function getScrubOffsets(_ref) {
-  let {
-    power,
-    range = 'in',
-    speed = 0
-  } = _ref;
-  const offset = power && POWER_MAP[power] ? POWER_MAP[power].travelY : Math.abs(speed) * MAX_Y_TRAVEL;
-  return {
-    start: range === 'out' ? '0px' : `${-offset}vh`,
-    end: range === 'in' ? '0px' : `${offset}vh`
-  };
-}
-export default function create(options) {
-  const {
-    power,
-    range = 'in',
-    scale = range === 'in' ? 1.2 : 0.8,
-    direction = 'center',
-    speed = 0
-  } = options.namedEffect;
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const {
-    scaleFrom,
-    scaleTo,
-    travelY
-  } = power && POWER_MAP[power] ? POWER_MAP[power] : {
-    scaleFrom: scale,
-    scaleTo: scale,
-    travelY: speed
-  };
-  const {
-    fromValues,
-    toValues
-  } = RANGES_MAP[range](scaleFrom, scaleTo, travelY * -MAX_Y_TRAVEL);
-  const easing = 'linear';
-  const {
-    start: startOffsetAdd,
-    end: endOffsetAdd
-  } = getScrubOffsets(options.namedEffect);
-  const [trnsX, trnsY] = directionMap[direction];
-  return [{
-    ...options,
-    fill,
-    easing,
-    startOffsetAdd,
-    endOffsetAdd,
-    keyframes: [{
-      transform: `translateY(${fromValues.travel}vh) translate(${trnsX}%, ${trnsY}%) scale(${fromValues.scale}) translate(${-trnsX}%, ${-trnsY}%) rotate(var(--comp-rotate-z, 0))`
-    }, {
-      transform: `translateY(${toValues.travel}vh) translate(${trnsX}%, ${trnsY}%) scale(${toValues.scale}) translate(${-trnsX}%, ${-trnsY}%) rotate(var(--comp-rotate-z, 0))`
-    }]
-  }];
-  /* // we may want to squash both animations into a single one and simply generate dynamically all the necessary keyframes to reach same result
-   * @keyframes <name> {
-   *   from {
-   *     translate: 0 <fromValues.travel>;
-   *   }
-   *   to {
-   *     translate: 0 <toValues.travel>;
-   *   }
-   * }
-   *
-   * @keyframes <name>-scale {
-   *   from {
-   *     scale: <fromValues.scale>;
-   *     animation-timing-function: <scaleEase>;
-   *   }
-   *   <scaleDuration>% {
-   *     scale: <toValues.scale>;
-   *   }
-   *   to {
-   *     scale: <toValues.scale>;
-   *   }
-   * }
-   *
-   * @supports (animation-timeline: view()) {
-   *   #target {
-   *     animation: <name> auto <easing> both,
-   *                <name>-scale auto linear both;
-   *     animation-range: cover <start> cover <end>,
-   *                      cover <start> cover <end>;
-   *     animation-timeline: view(), view();
-   *   }
-   * }
-   * @supports not (animation-timeline: view()) {
-   *   #target {
-   *     animation: <name> 100ms linear <fill> paused,
-   *                <name>-scale 100ms linear <fill> paused;
-   *   }
-   * }
-   */
-}
-//# sourceMappingURL=ShrinkScroll.js.map

package/dist/esm/library/scroll/ShrinkScroll.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["MAX_Y_TRAVEL","POWER_MAP","soft","scaleFrom","scaleTo","travelY","medium","hard","directionMap","top","right","bottom","left","center","RANGES_MAP","in","_scaleTo","fromValues","scale","travel","toValues","out","_scaleFrom","continuous","getScrubOffsets","_ref","power","range","speed","offset","Math","abs","start","end","create","options","direction","namedEffect","fill","easing","startOffsetAdd","endOffsetAdd","trnsX","trnsY","keyframes","transform"],"sources":["../../../../src/library/scroll/ShrinkScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  ScrubAnimationOptions,\n  ShrinkScroll,\n} from '../../types';\n\nconst MAX_Y_TRAVEL = 40;\nconst POWER_MAP = {\n  soft: { scaleFrom: 1.2, scaleTo: 0.8, travelY: 0 },\n  medium: { scaleFrom: 1.7, scaleTo: 0.3, travelY: 0.5 },\n  hard: { scaleFrom: 3.5, scaleTo: 0, travelY: 1 },\n};\n\nconst directionMap = {\n  top: [0, -50],\n  'top-right': [50, -50],\n  right: [50, 0],\n  'bottom-right': [50, 50],\n  bottom: [0, 50],\n  'bottom-left': [-50, 50],\n  left: [-50, 0],\n  'top-left': [-50, -50],\n  center: [0, 0],\n};\n\nconst RANGES_MAP = {\n  in: (scaleFrom: number, _scaleTo: number, travelY: number) => ({\n    fromValues: { scale: scaleFrom, travel: travelY },\n    toValues: { scale: 1, travel: 0 },\n  }),\n  out: (_scaleFrom: number, scaleTo: number, travelY: number) => ({\n    fromValues: { scale: 1, travel: 0 },\n    toValues: { scale: scaleTo, travel: -travelY },\n  }),\n  continuous: (scaleFrom: number, scaleTo: number, travelY: number) => ({\n    fromValues: { scale: scaleFrom, travel: travelY },\n    toValues: { scale: scaleTo, travel: -travelY },\n  }),\n};\n\nfunction getScrubOffsets({ power, range = 'in', speed = 0 }: ShrinkScroll) {\n  const offset =\n    power && POWER_MAP[power]\n      ? POWER_MAP[power].travelY\n      : Math.abs(speed) * MAX_Y_TRAVEL;\n\n  return {\n    start: range === 'out' ? '0px' : `${-offset}vh`,\n    end: range === 'in' ? '0px' : `${offset}vh`,\n  };\n}\n\nexport default function create(options: ScrubAnimationOptions) {\n  const {\n    power,\n    range = 'in',\n    scale = range === 'in' ? 1.2 : 0.8,\n    direction = 'center',\n    speed = 0,\n  } = options.namedEffect as ShrinkScroll;\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const { scaleFrom, scaleTo, travelY } =\n    power && POWER_MAP[power]\n      ? POWER_MAP[power]\n      : {\n          scaleFrom: scale,\n          scaleTo: scale,\n          travelY: speed,\n        };\n\n  const { fromValues, toValues } = RANGES_MAP[range](\n    scaleFrom,\n    scaleTo,\n    travelY * -MAX_Y_TRAVEL,\n  );\n\n  const easing = 'linear';\n\n  const { start: startOffsetAdd, end: endOffsetAdd } = getScrubOffsets(\n    options.namedEffect as ShrinkScroll,\n  );\n\n  const [trnsX, trnsY] = directionMap[direction];\n\n  return [\n    {\n      ...options,\n      fill,\n      easing,\n      startOffsetAdd,\n      endOffsetAdd,\n      keyframes: [\n        {\n          transform: `translateY(${\n            fromValues.travel\n          }vh) translate(${trnsX}%, ${trnsY}%) scale(${\n            fromValues.scale\n          }) translate(${-trnsX}%, ${-trnsY}%) rotate(var(--comp-rotate-z, 0))`,\n        },\n        {\n          transform: `translateY(${\n            toValues.travel\n          }vh) translate(${trnsX}%, ${trnsY}%) scale(${\n            toValues.scale\n          }) translate(${-trnsX}%, ${-trnsY}%) rotate(var(--comp-rotate-z, 0))`,\n        },\n      ],\n    },\n  ];\n  /* // we may want to squash both animations into a single one and simply generate dynamically all the necessary keyframes to reach same result\n   * @keyframes <name> {\n   *   from {\n   *     translate: 0 <fromValues.travel>;\n   *   }\n   *   to {\n   *     translate: 0 <toValues.travel>;\n   *   }\n   * }\n   *\n   * @keyframes <name>-scale {\n   *   from {\n   *     scale: <fromValues.scale>;\n   *     animation-timing-function: <scaleEase>;\n   *   }\n   *   <scaleDuration>% {\n   *     scale: <toValues.scale>;\n   *   }\n   *   to {\n   *     scale: <toValues.scale>;\n   *   }\n   * }\n   *\n   * @supports (animation-timeline: view()) {\n   *   #target {\n   *     animation: <name> auto <easing> both,\n   *                <name>-scale auto linear both;\n   *     animation-range: cover <start> cover <end>,\n   *                      cover <start> cover <end>;\n   *     animation-timeline: view(), view();\n   *   }\n   * }\n   * @supports not (animation-timeline: view()) {\n   *   #target {\n   *     animation: <name> 100ms linear <fill> paused,\n   *                <name>-scale 100ms linear <fill> paused;\n   *   }\n   * }\n   */\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/library/scroll/ShuttersScroll.js

@@ -1,63 +0,0 @@
-import { getShuttersClipPaths, getEasing } from '../../utils';
-const OPPOSITE_DIRECTION_MAP = {
-  top: 'bottom',
-  right: 'left',
-  bottom: 'top',
-  left: 'right'
-};
-export default function create(options) {
-  const {
-    direction = 'right',
-    shutters = 12,
-    staggered = true,
-    range = 'in'
-  } = options.namedEffect;
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const easing = range === 'in' ? getEasing('sineIn') : getEasing('sineOut');
-  const directionOpp = OPPOSITE_DIRECTION_MAP[direction];
-  const {
-    clipStart,
-    clipEnd
-  } = getShuttersClipPaths(range === 'out' ? directionOpp : direction, shutters, staggered);
-  const start = range !== 'out' ? clipStart : clipEnd;
-  const end = range !== 'out' ? clipEnd : clipStart;
-  let keyframes;
-  if (range === 'continuous') {
-    const {
-      clipStart: oppClipStart,
-      clipEnd: oppClipEnd
-    } = getShuttersClipPaths(directionOpp, shutters, staggered, true);
-    keyframes = [{
-      clipPath: start,
-      easing
-    }, {
-      clipPath: end,
-      offset: staggered ? 0.45 : 0.4,
-      easing
-    }, {
-      clipPath: end,
-      offset: staggered ? 0.55 : 0.6,
-      easing
-    }, {
-      clipPath: oppClipEnd,
-      offset: staggered ? 0.55 : 0.6,
-      easing
-    }, {
-      clipPath: oppClipStart
-    }];
-  } else {
-    keyframes = [{
-      clipPath: start,
-      easing
-    }, {
-      clipPath: end
-    }];
-  }
-  return [{
-    ...options,
-    fill,
-    easing: 'linear',
-    keyframes
-  }];
-}
-//# sourceMappingURL=ShuttersScroll.js.map

package/dist/esm/library/scroll/ShuttersScroll.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getShuttersClipPaths","getEasing","OPPOSITE_DIRECTION_MAP","top","right","bottom","left","create","options","direction","shutters","staggered","range","namedEffect","fill","easing","directionOpp","clipStart","clipEnd","start","end","keyframes","oppClipStart","oppClipEnd","clipPath","offset"],"sources":["../../../../src/library/scroll/ShuttersScroll.ts"],"sourcesContent":["import {\n  EffectFourDirections,\n  ShuttersScroll,\n  ScrubAnimationOptions,\n  AnimationFillMode,\n} from '../../types';\nimport { getShuttersClipPaths, getEasing } from '../../utils';\n\nconst OPPOSITE_DIRECTION_MAP: Record<\n  EffectFourDirections,\n  EffectFourDirections\n> = {\n  top: 'bottom',\n  right: 'left',\n  bottom: 'top',\n  left: 'right',\n};\n\nexport default function create(options: ScrubAnimationOptions) {\n  const {\n    direction = 'right',\n    shutters = 12,\n    staggered = true,\n    range = 'in',\n  } = options.namedEffect as ShuttersScroll;\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const easing = range === 'in' ? getEasing('sineIn') : getEasing('sineOut');\n  const directionOpp = OPPOSITE_DIRECTION_MAP[direction];\n  const { clipStart, clipEnd } = getShuttersClipPaths(\n    range === 'out' ? directionOpp : direction,\n    shutters,\n    staggered,\n  );\n  const start = range !== 'out' ? clipStart : clipEnd;\n  const end = range !== 'out' ? clipEnd : clipStart;\n  let keyframes;\n\n  if (range === 'continuous') {\n    const { clipStart: oppClipStart, clipEnd: oppClipEnd } =\n      getShuttersClipPaths(directionOpp, shutters, staggered, true);\n\n    keyframes = [\n      {\n        clipPath: start,\n        easing,\n      },\n      {\n        clipPath: end,\n        offset: staggered ? 0.45 : 0.4,\n        easing,\n      },\n      {\n        clipPath: end,\n        offset: staggered ? 0.55 : 0.6,\n        easing,\n      },\n      {\n        clipPath: oppClipEnd,\n        offset: staggered ? 0.55 : 0.6,\n        easing,\n      },\n      {\n        clipPath: oppClipStart,\n      },\n    ];\n  } else {\n    keyframes = [\n      {\n        clipPath: start,\n        easing,\n      },\n      {\n        clipPath: end,\n      },\n    ];\n  }\n\n  return [\n    {\n      ...options,\n      fill,\n      easing: 'linear',\n      keyframes,\n    },\n  ];\n}\n"],"mappings":"AAMA,SAASA,oBAAoB,EAAEC,SAAS,QAAQ,aAAa;AAE7D,MAAMC,sBAGL,GAAG;EACFC,GAAG,EAAE,QAAQ;EACbC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE;AACR,CAAC;AAED,eAAe,SAASC,MAAMA,CAACC,OAA8B,EAAE;EAC7D,MAAM;IACJC,SAAS,GAAG,OAAO;IACnBC,QAAQ,GAAG,EAAE;IACbC,SAAS,GAAG,IAAI;IAChBC,KAAK,GAAG;EACV,CAAC,GAAGJ,OAAO,CAACK,WAA6B;EACzC,MAAMC,IAAI,GACRF,KAAK,KAAK,KAAK,GAAG,UAAU,GAAGA,KAAK,KAAK,IAAI,GAAG,WAAW,GAAGJ,OAAO,CAACM,IAClD;EAEtB,MAAMC,MAAM,GAAGH,KAAK,KAAK,IAAI,GAAGX,SAAS,CAAC,QAAQ,CAAC,GAAGA,SAAS,CAAC,SAAS,CAAC;EAC1E,MAAMe,YAAY,GAAGd,sBAAsB,CAACO,SAAS,CAAC;EACtD,MAAM;IAAEQ,SAAS;IAAEC;EAAQ,CAAC,GAAGlB,oBAAoB,CACjDY,KAAK,KAAK,KAAK,GAAGI,YAAY,GAAGP,SAAS,EAC1CC,QAAQ,EACRC,SACF,CAAC;EACD,MAAMQ,KAAK,GAAGP,KAAK,KAAK,KAAK,GAAGK,SAAS,GAAGC,OAAO;EACnD,MAAME,GAAG,GAAGR,KAAK,KAAK,KAAK,GAAGM,OAAO,GAAGD,SAAS;EACjD,IAAII,SAAS;EAEb,IAAIT,KAAK,KAAK,YAAY,EAAE;IAC1B,MAAM;MAAEK,SAAS,EAAEK,YAAY;MAAEJ,OAAO,EAAEK;IAAW,CAAC,GACpDvB,oBAAoB,CAACgB,YAAY,EAAEN,QAAQ,EAAEC,SAAS,EAAE,IAAI,CAAC;IAE/DU,SAAS,GAAG,CACV;MACEG,QAAQ,EAAEL,KAAK;MACfJ;IACF,CAAC,EACD;MACES,QAAQ,EAAEJ,GAAG;MACbK,MAAM,EAAEd,SAAS,GAAG,IAAI,GAAG,GAAG;MAC9BI;IACF,CAAC,EACD;MACES,QAAQ,EAAEJ,GAAG;MACbK,MAAM,EAAEd,SAAS,GAAG,IAAI,GAAG,GAAG;MAC9BI;IACF,CAAC,EACD;MACES,QAAQ,EAAED,UAAU;MACpBE,MAAM,EAAEd,SAAS,GAAG,IAAI,GAAG,GAAG;MAC9BI;IACF,CAAC,EACD;MACES,QAAQ,EAAEF;IACZ,CAAC,CACF;EACH,CAAC,MAAM;IACLD,SAAS,GAAG,CACV;MACEG,QAAQ,EAAEL,KAAK;MACfJ;IACF,CAAC,EACD;MACES,QAAQ,EAAEJ;IACZ,CAAC,CACF;EACH;EAEA,OAAO,CACL;IACE,GAAGZ,OAAO;IACVM,IAAI;IACJC,MAAM,EAAE,QAAQ;IAChBM;EACF,CAAC,CACF;AACH","ignoreList":[]}

package/dist/esm/library/scroll/SkewPanScroll.js

@@ -1,109 +0,0 @@
-const POWER_MAP = {
-  soft: {
-    skewX: 10
-  },
-  medium: {
-    skewX: 17
-  },
-  hard: {
-    skewX: 24
-  }
-};
-const DIRECTION_MAP = {
-  right: -1,
-  left: 1
-};
-const RANGES_MAP = {
-  in: (skewX, startX, _endX) => ({
-    fromValues: {
-      skewX,
-      startX
-    },
-    toValues: {
-      skewX: 0,
-      endX: 0
-    }
-  }),
-  out: (skewX, startX, _endX) => ({
-    fromValues: {
-      skewX: 0,
-      startX: 0
-    },
-    toValues: {
-      skewX: -skewX,
-      endX: startX
-    }
-  }),
-  continuous: (skewX, startX, endX) => ({
-    fromValues: {
-      skewX,
-      startX
-    },
-    toValues: {
-      skewX: -skewX,
-      endX
-    }
-  })
-};
-const POSITIONS = {
-  left: {
-    startX: `calc(var(--motion-left, calc(100vw - 100%)) * -1 - 100%)`,
-    endX: `calc(100vw - var(--motion-left, 0px))`
-  },
-  right: {
-    startX: `calc(100vw - var(--motion-left, 0px))`,
-    endX: `calc(var(--motion-left, calc(100vw - 100%)) * -1 - 100%)`
-  }
-};
-export default function create(options, dom) {
-  const {
-    skew = 10,
-    direction = 'right',
-    power,
-    range = 'in'
-  } = options.namedEffect;
-  const easing = 'linear';
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const skewX = (power && POWER_MAP[power] ? POWER_MAP[power].skewX : skew) * DIRECTION_MAP[direction];
-  const {
-    startX,
-    endX
-  } = POSITIONS[direction];
-  const {
-    fromValues,
-    toValues
-  } = RANGES_MAP[range](skewX, startX, endX);
-  let left = 0;
-  if (dom) {
-    dom.measure(target => {
-      if (!target) {
-        return;
-      }
-      left = target.getBoundingClientRect().left;
-    });
-    dom.mutate(target => {
-      target == null || target.style.setProperty('--motion-left', `${left}px`);
-    });
-  }
-  return [{
-    ...options,
-    fill,
-    easing,
-    keyframes: [{
-      transform: `translateX(${fromValues.startX}) skewX(${fromValues.skewX}deg) rotate(var(--comp-rotate-z, 0))`
-    }, {
-      transform: `translateX(${toValues.endX}) skewX(${toValues.skewX}deg) rotate(var(--comp-rotate-z, 0))`
-    }]
-  }];
-  /*
-   * @keyframes <name> {
-   *   from {
-   *     transform: translateX(<fromValue.startX>) skewX(<fromValue.skew>) rotate(<rotation>);
-   *   }
-   *   to {
-   *     transform: translateX(<toValue.endX>) skewX(<toValue.skew>) rotate(<rotation>);
-   *   }
-   * }
-   */
-}
-//# sourceMappingURL=SkewPanScroll.js.map

package/dist/esm/library/scroll/SkewPanScroll.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["POWER_MAP","soft","skewX","medium","hard","DIRECTION_MAP","right","left","RANGES_MAP","in","startX","_endX","fromValues","toValues","endX","out","continuous","POSITIONS","create","options","dom","skew","direction","power","range","namedEffect","easing","fill","measure","target","getBoundingClientRect","mutate","style","setProperty","keyframes","transform"],"sources":["../../../../src/library/scroll/SkewPanScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  DomApi,\n  ScrubAnimationOptions,\n  SkewPanScroll,\n} from '../../types';\n\nconst POWER_MAP = {\n  soft: { skewX: 10 },\n  medium: { skewX: 17 },\n  hard: { skewX: 24 },\n};\n\nconst DIRECTION_MAP = {\n  right: -1,\n  left: 1,\n};\n\nconst RANGES_MAP = {\n  in: (skewX: number, startX: string, _endX: string) => ({\n    fromValues: { skewX, startX },\n    toValues: { skewX: 0, endX: 0 },\n  }),\n  out: (skewX: number, startX: string, _endX: string) => ({\n    fromValues: { skewX: 0, startX: 0 },\n    toValues: { skewX: -skewX, endX: startX },\n  }),\n  continuous: (skewX: number, startX: string, endX: string) => ({\n    fromValues: { skewX, startX },\n    toValues: { skewX: -skewX, endX },\n  }),\n};\n\nconst POSITIONS = {\n  left: {\n    startX: `calc(var(--motion-left, calc(100vw - 100%)) * -1 - 100%)`,\n    endX: `calc(100vw - var(--motion-left, 0px))`,\n  },\n  right: {\n    startX: `calc(100vw - var(--motion-left, 0px))`,\n    endX: `calc(var(--motion-left, calc(100vw - 100%)) * -1 - 100%)`,\n  },\n};\n\nexport default function create(options: ScrubAnimationOptions, dom?: DomApi) {\n  const {\n    skew = 10,\n    direction = 'right',\n    power,\n    range = 'in',\n  } = options.namedEffect as SkewPanScroll;\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const skewX =\n    (power && POWER_MAP[power] ? POWER_MAP[power!].skewX : skew) *\n    DIRECTION_MAP[direction];\n  const { startX, endX } = POSITIONS[direction];\n  const { fromValues, toValues } = RANGES_MAP[range](skewX, startX, endX);\n\n  let left = 0;\n  if (dom) {\n    dom.measure((target) => {\n      if (!target) {\n        return;\n      }\n      left = target.getBoundingClientRect().left;\n    });\n    dom.mutate((target) => {\n      target?.style.setProperty('--motion-left', `${left}px`);\n    });\n  }\n\n  return [\n    {\n      ...options,\n      fill,\n      easing,\n      keyframes: [\n        {\n          transform: `translateX(${fromValues.startX}) skewX(${fromValues.skewX}deg) rotate(var(--comp-rotate-z, 0))`,\n        },\n        {\n          transform: `translateX(${toValues.endX}) skewX(${toValues.skewX}deg) rotate(var(--comp-rotate-z, 0))`,\n        },\n      ],\n    },\n  ];\n  /*\n   * @keyframes <name> {\n   *   from {\n   *     transform: translateX(<fromValue.startX>) skewX(<fromValue.skew>) rotate(<rotation>);\n   *   }\n   *   to {\n   *     transform: translateX(<toValue.endX>) skewX(<toValue.skew>) rotate(<rotation>);\n   *   }\n   * }\n   */\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/library/scroll/SlideScroll.js

@@ -1,111 +0,0 @@
-import { getAdjustedDirection, getClipPolygonParams } from '../../utils';
-const DIRECTIONS = ['bottom', 'left', 'top', 'right'];
-const OPPOSITE_DIRECTION_MAP = {
-  top: 'bottom',
-  bottom: 'top',
-  left: 'right',
-  right: 'left'
-};
-const DIRECTION_TRANSLATION_MAP = {
-  top: {
-    x: '0',
-    y: '-100%'
-  },
-  right: {
-    x: '100%',
-    y: '0'
-  },
-  bottom: {
-    x: '0',
-    y: '100%'
-  },
-  left: {
-    x: '-100%',
-    y: '0'
-  }
-};
-const initialClip = getClipPolygonParams({
-  direction: 'initial'
-});
-const KEYFRAMES_RANGE_MAP = {
-  in: (clip, translate) => [{
-    clipPath: `var(--motion-clip-from, ${clip.from})`,
-    transform: `rotate(var(--comp-rotate-z, 0)) translate(${translate.from.x}, ${translate.from.y})`
-  }, {
-    clipPath: initialClip,
-    transform: `rotate(var(--comp-rotate-z, 0)) translate(0, 0)`
-  }],
-  out: (clip, translate) => [{
-    clipPath: initialClip,
-    transform: `rotate(var(--comp-rotate-z, 0)) translate(0, 0)`
-  }, {
-    clipPath: `var(--motion-clip-from, ${clip.from})`,
-    transform: `rotate(var(--comp-rotate-z, 0)) translate(${translate.from.x}, ${translate.from.y})`
-  }],
-  continuous: (clip, translate) => [{
-    clipPath: `var(--motion-clip-from, ${clip.from})`,
-    transform: `rotate(var(--comp-rotate-z, 0)) translate(${translate.from.x}, ${translate.from.y})`
-  }, {
-    clipPath: initialClip,
-    transform: `rotate(var(--comp-rotate-z, 0)) translate(0, 0)`
-  }, {
-    clipPath: `var(--motion-clip-to, ${clip.to})`,
-    transform: `rotate(var(--comp-rotate-z, 0)) translate(${translate.to.x}, ${translate.to.y})`
-  }]
-};
-export default function create(options, dom) {
-  const {
-    direction = 'bottom',
-    range = 'in'
-  } = options.namedEffect;
-  const easing = 'linear';
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const oppositeDirection = OPPOSITE_DIRECTION_MAP[direction];
-  const keyframes = KEYFRAMES_RANGE_MAP[range]({
-    from: getClipPolygonParams({
-      direction: oppositeDirection
-    }),
-    to: getClipPolygonParams({
-      direction
-    })
-  }, {
-    from: DIRECTION_TRANSLATION_MAP[direction],
-    to: DIRECTION_TRANSLATION_MAP[oppositeDirection]
-  });
-  if (dom) {
-    dom.measure(target => {
-      if (!target) {
-        return;
-      }
-      const rotation = parseInt(getComputedStyle(target).getPropertyValue('--comp-rotate-z') || '0', 10);
-      dom.mutate(() => {
-        const adjDirection = getAdjustedDirection(DIRECTIONS, direction, rotation);
-        target.style.setProperty('--motion-clip-from', getClipPolygonParams({
-          direction: OPPOSITE_DIRECTION_MAP[adjDirection]
-        }));
-        target.style.setProperty('--motion-clip-to', getClipPolygonParams({
-          direction: adjDirection
-        }));
-      });
-    });
-  }
-  return [{
-    ...options,
-    fill,
-    easing,
-    keyframes
-  }];
-  /*
-   * @keyframes <name> {
-   *   from {
-   *     clip-path: <clip.from>;
-   *     translate: <translate.from.x> <translate.from.y>;
-   *   }
-   *   to {
-   *     clip-path: none;
-   *     translate: 0 0;
-   *   }
-   * }
-   */
-}
-//# sourceMappingURL=SlideScroll.js.map

package/dist/esm/library/scroll/SlideScroll.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getAdjustedDirection","getClipPolygonParams","DIRECTIONS","OPPOSITE_DIRECTION_MAP","top","bottom","left","right","DIRECTION_TRANSLATION_MAP","x","y","initialClip","direction","KEYFRAMES_RANGE_MAP","in","clip","translate","clipPath","from","transform","out","continuous","to","create","options","dom","range","namedEffect","easing","fill","oppositeDirection","keyframes","measure","target","rotation","parseInt","getComputedStyle","getPropertyValue","mutate","adjDirection","style","setProperty"],"sources":["../../../../src/library/scroll/SlideScroll.ts"],"sourcesContent":["import type {\n  ScrubAnimationOptions,\n  SlideScroll,\n  EffectFourDirections,\n  EffectScrollRange,\n  DomApi,\n  AnimationFillMode,\n} from '../../types';\nimport { getAdjustedDirection, getClipPolygonParams } from '../../utils';\n\ntype Translate = { x: string; y: string };\n\nconst DIRECTIONS: EffectFourDirections[] = ['bottom', 'left', 'top', 'right'];\n\ntype Direction = (typeof DIRECTIONS)[number];\n\nconst OPPOSITE_DIRECTION_MAP: Record<Direction, Direction> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n};\n\nconst DIRECTION_TRANSLATION_MAP: Record<Direction, Translate> = {\n  top: { x: '0', y: '-100%' },\n  right: { x: '100%', y: '0' },\n  bottom: { x: '0', y: '100%' },\n  left: { x: '-100%', y: '0' },\n};\n\nconst initialClip = getClipPolygonParams({ direction: 'initial' });\n\nconst KEYFRAMES_RANGE_MAP: Record<\n  EffectScrollRange,\n  (\n    clip: { from: string; to: string },\n    translate: { from: Translate; to: Translate },\n  ) => { clipPath: string; transform: string }[]\n> = {\n  in: (clip, translate) => [\n    {\n      clipPath: `var(--motion-clip-from, ${clip.from})`,\n      transform: `rotate(var(--comp-rotate-z, 0)) translate(${translate.from.x}, ${translate.from.y})`,\n    },\n    {\n      clipPath: initialClip,\n      transform: `rotate(var(--comp-rotate-z, 0)) translate(0, 0)`,\n    },\n  ],\n  out: (clip, translate) => [\n    {\n      clipPath: initialClip,\n      transform: `rotate(var(--comp-rotate-z, 0)) translate(0, 0)`,\n    },\n    {\n      clipPath: `var(--motion-clip-from, ${clip.from})`,\n      transform: `rotate(var(--comp-rotate-z, 0)) translate(${translate.from.x}, ${translate.from.y})`,\n    },\n  ],\n  continuous: (clip, translate) => [\n    {\n      clipPath: `var(--motion-clip-from, ${clip.from})`,\n      transform: `rotate(var(--comp-rotate-z, 0)) translate(${translate.from.x}, ${translate.from.y})`,\n    },\n    {\n      clipPath: initialClip,\n      transform: `rotate(var(--comp-rotate-z, 0)) translate(0, 0)`,\n    },\n    {\n      clipPath: `var(--motion-clip-to, ${clip.to})`,\n      transform: `rotate(var(--comp-rotate-z, 0)) translate(${translate.to.x}, ${translate.to.y})`,\n    },\n  ],\n};\n\nexport default function create(options: ScrubAnimationOptions, dom?: DomApi) {\n  const { direction = 'bottom', range = 'in' } =\n    options.namedEffect as SlideScroll;\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n  const oppositeDirection = OPPOSITE_DIRECTION_MAP[direction];\n\n  const keyframes = KEYFRAMES_RANGE_MAP[range](\n    {\n      from: getClipPolygonParams({\n        direction: oppositeDirection,\n      }),\n      to: getClipPolygonParams({\n        direction,\n      }),\n    },\n    {\n      from: DIRECTION_TRANSLATION_MAP[direction],\n      to: DIRECTION_TRANSLATION_MAP[oppositeDirection],\n    },\n  );\n\n  if (dom) {\n    dom.measure((target) => {\n      if (!target) {\n        return;\n      }\n\n      const rotation = parseInt(\n        getComputedStyle(target).getPropertyValue('--comp-rotate-z') || '0',\n        10,\n      );\n\n      dom.mutate(() => {\n        const adjDirection = getAdjustedDirection(\n          DIRECTIONS,\n          direction,\n          rotation,\n        ) as Direction;\n        target.style.setProperty(\n          '--motion-clip-from',\n          getClipPolygonParams({\n            direction: OPPOSITE_DIRECTION_MAP[adjDirection],\n          }),\n        );\n        target.style.setProperty(\n          '--motion-clip-to',\n          getClipPolygonParams({\n            direction: adjDirection,\n          }),\n        );\n      });\n    });\n  }\n\n  return [\n    {\n      ...options,\n      fill,\n      easing,\n      keyframes,\n    },\n  ];\n  /*\n   * @keyframes <name> {\n   *   from {\n   *     clip-path: <clip.from>;\n   *     translate: <translate.from.x> <translate.from.y>;\n   *   }\n   *   to {\n   *     clip-path: none;\n   *     translate: 0 0;\n   *   }\n   * }\n   */\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/library/scroll/Spin3dScroll.js

@@ -1,116 +0,0 @@
-const MAX_Y_TRAVEL = 40;
-const POWER_MAP = {
-  soft: {
-    rotationZ: 45,
-    travelY: 0
-  },
-  medium: {
-    rotationZ: 100,
-    travelY: 0.5
-  },
-  hard: {
-    rotationZ: 200,
-    travelY: 1
-  }
-};
-const RANGES_MAP = {
-  in: (rotation, travelY) => ({
-    fromValues: {
-      rotationX: -2 * rotation,
-      rotationY: -rotation,
-      rotationZ: -rotation,
-      travel: travelY
-    },
-    toValues: {
-      rotationX: 0,
-      rotationY: 0,
-      rotationZ: 0,
-      travel: 0
-    }
-  }),
-  out: (rotation, travelY) => ({
-    fromValues: {
-      rotationX: 0,
-      rotationY: 0,
-      rotationZ: 0,
-      travel: 0
-    },
-    toValues: {
-      rotationX: rotation * 3,
-      rotationY: rotation * 2,
-      rotationZ: rotation,
-      travel: -travelY
-    }
-  }),
-  continuous: (rotation, travelY) => ({
-    fromValues: {
-      rotationX: -2 * rotation,
-      rotationY: -rotation,
-      rotationZ: -rotation,
-      travel: travelY
-    },
-    toValues: {
-      rotationX: rotation * 1.8,
-      rotationY: rotation,
-      rotationZ: 2 * rotation,
-      travel: -travelY
-    }
-  })
-};
-function getScrubOffsets(_ref) {
-  let {
-    power,
-    range = 'in',
-    speed = 0
-  } = _ref;
-  const offset = (power && POWER_MAP[power] ? POWER_MAP[power].travelY : Math.abs(speed)) * MAX_Y_TRAVEL;
-  return {
-    start: range === 'out' ? '0px' : `${-offset}vh`,
-    end: range === 'in' ? '0px' : `${offset}vh`
-  };
-}
-export default function create(options) {
-  const {
-    rotate = -100,
-    power,
-    range = 'in',
-    speed = 0
-  } = options.namedEffect;
-  const easing = 'linear';
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const initialParams = power && POWER_MAP[power] ? POWER_MAP[power] : {
-    rotationZ: rotate,
-    travelY: speed
-  };
-  const {
-    fromValues,
-    toValues
-  } = RANGES_MAP[range](initialParams.rotationZ, initialParams.travelY * -MAX_Y_TRAVEL);
-  const {
-    start: startOffsetAdd,
-    end: endOffsetAdd
-  } = getScrubOffsets(options.namedEffect);
-  return [{
-    ...options,
-    fill,
-    easing,
-    startOffsetAdd,
-    endOffsetAdd,
-    keyframes: [{
-      transform: `perspective(1000px) translateY(${fromValues.travel}vh) rotateZ(calc(var(--comp-rotate-z, 0deg) + ${fromValues.rotationZ}deg)) rotateY(${fromValues.rotationY}deg) rotateX(${fromValues.rotationX}deg)`
-    }, {
-      transform: `perspective(1000px) translateY(${toValues.travel}vh) rotateZ(calc(var(--comp-rotate-z, 0deg) + ${toValues.rotationZ}deg)) rotateY(${toValues.rotationY}deg) rotateX(${toValues.rotationX}deg)`
-    }]
-  }];
-  /*
-   * @keyframes <name> {
-   *   from {
-   *     transform: perspective(1000px) translateY(<fromValue.travel>vh) rotateZ(<fromValue.rotateZ> + <rotation>) rotateY(<fromValue.rotateY>deg) rotateX(<fromValue.rotateX>deg);
-   *   }
-   *   to {
-   *     transform: perspective(1000px) translateY(<toValue.travel>vh) rotateZ(<fromValue.rotateZ> + <rotation>) rotateY(<toValue.rotateY>deg) rotateX(<toValue.rotateX>deg);
-   *   }
-   * }
-   */
-}
-//# sourceMappingURL=Spin3dScroll.js.map

package/dist/esm/library/scroll/Spin3dScroll.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["MAX_Y_TRAVEL","POWER_MAP","soft","rotationZ","travelY","medium","hard","RANGES_MAP","in","rotation","fromValues","rotationX","rotationY","travel","toValues","out","continuous","getScrubOffsets","_ref","power","range","speed","offset","Math","abs","start","end","create","options","rotate","namedEffect","easing","fill","initialParams","startOffsetAdd","endOffsetAdd","keyframes","transform"],"sources":["../../../../src/library/scroll/Spin3dScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  ScrubAnimationOptions,\n  Spin3dScroll,\n} from '../../types';\n\nconst MAX_Y_TRAVEL = 40;\n\nconst POWER_MAP = {\n  soft: { rotationZ: 45, travelY: 0 },\n  medium: { rotationZ: 100, travelY: 0.5 },\n  hard: { rotationZ: 200, travelY: 1 },\n};\n\nconst RANGES_MAP = {\n  in: (rotation: number, travelY: number) => ({\n    fromValues: {\n      rotationX: -2 * rotation,\n      rotationY: -rotation,\n      rotationZ: -rotation,\n      travel: travelY,\n    },\n    toValues: {\n      rotationX: 0,\n      rotationY: 0,\n      rotationZ: 0,\n      travel: 0,\n    },\n  }),\n  out: (rotation: number, travelY: number) => ({\n    fromValues: {\n      rotationX: 0,\n      rotationY: 0,\n      rotationZ: 0,\n      travel: 0,\n    },\n    toValues: {\n      rotationX: rotation * 3,\n      rotationY: rotation * 2,\n      rotationZ: rotation,\n      travel: -travelY,\n    },\n  }),\n  continuous: (rotation: number, travelY: number) => ({\n    fromValues: {\n      rotationX: -2 * rotation,\n      rotationY: -rotation,\n      rotationZ: -rotation,\n      travel: travelY,\n    },\n    toValues: {\n      rotationX: rotation * 1.8,\n      rotationY: rotation,\n      rotationZ: 2 * rotation,\n      travel: -travelY,\n    },\n  }),\n};\n\nfunction getScrubOffsets({ power, range = 'in', speed = 0 }: Spin3dScroll) {\n  const offset =\n    (power && POWER_MAP[power] ? POWER_MAP[power].travelY : Math.abs(speed)) *\n    MAX_Y_TRAVEL;\n\n  return {\n    start: range === 'out' ? '0px' : `${-offset}vh`,\n    end: range === 'in' ? '0px' : `${offset}vh`,\n  };\n}\n\nexport default function create(options: ScrubAnimationOptions) {\n  const {\n    rotate = -100,\n    power,\n    range = 'in',\n    speed = 0,\n  } = options.namedEffect as Spin3dScroll;\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const initialParams =\n    power && POWER_MAP[power]\n      ? POWER_MAP[power]\n      : { rotationZ: rotate, travelY: speed };\n\n  const { fromValues, toValues } = RANGES_MAP[range](\n    initialParams.rotationZ,\n    initialParams.travelY * -MAX_Y_TRAVEL,\n  );\n\n  const { start: startOffsetAdd, end: endOffsetAdd } = getScrubOffsets(\n    options.namedEffect as Spin3dScroll,\n  );\n\n  return [\n    {\n      ...options,\n      fill,\n      easing,\n      startOffsetAdd,\n      endOffsetAdd,\n      keyframes: [\n        {\n          transform: `perspective(1000px) translateY(${fromValues.travel}vh) rotateZ(calc(var(--comp-rotate-z, 0deg) + ${fromValues.rotationZ}deg)) rotateY(${fromValues.rotationY}deg) rotateX(${fromValues.rotationX}deg)`,\n        },\n        {\n          transform: `perspective(1000px) translateY(${toValues.travel}vh) rotateZ(calc(var(--comp-rotate-z, 0deg) + ${toValues.rotationZ}deg)) rotateY(${toValues.rotationY}deg) rotateX(${toValues.rotationX}deg)`,\n        },\n      ],\n    },\n  ];\n  /*\n   * @keyframes <name> {\n   *   from {\n   *     transform: perspective(1000px) translateY(<fromValue.travel>vh) rotateZ(<fromValue.rotateZ> + <rotation>) rotateY(<fromValue.rotateY>deg) rotateX(<fromValue.rotateX>deg);\n   *   }\n   *   to {\n   *     transform: perspective(1000px) translateY(<toValue.travel>vh) rotateZ(<fromValue.rotateZ> + <rotation>) rotateY(<toValue.rotateY>deg) rotateX(<toValue.rotateX>deg);\n   *   }\n   * }\n   */\n}\n"],"mappings":"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","ignoreList":[]}