@wix/motion 1.659.0 → 2.0.0-rc.2

package/dist/esm/library/backgroundScroll/BgParallax.js

@@ -1,39 +0,0 @@
-import { measureCompHeight } from './utils';
-export default function create(options, dom) {
-  const measures = {
-    compHeight: 0
-  };
-  if (dom) {
-    measureCompHeight(measures, dom, true);
-  }
-  const {
-    speed = 0.2
-  } = options.namedEffect;
-  return [{
-    ...options,
-    part: 'BG_MEDIA',
-    startOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    endOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    get endOffsetAdd() {
-      return `calc(100svh + ${measures.compHeight}px)`;
-    },
-    keyframes: [{
-      transform: `translateY(${100 * speed}svh)`
-    }, {
-      transform: `translateY(calc((100% - 200lvh) * ${-speed}))`
-    }]
-  }];
-}
-//# sourceMappingURL=BgParallax.js.map

package/dist/esm/library/backgroundScroll/BgParallax.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["measureCompHeight","create","options","dom","measures","compHeight","speed","namedEffect","part","startOffset","name","offset","type","value","endOffset","endOffsetAdd","keyframes","transform"],"sources":["../../../../src/library/backgroundScroll/BgParallax.ts"],"sourcesContent":["import type {\n  BgParallax,\n  RangeOffset,\n  ScrubAnimationOptions,\n  DomApi,\n} from '../../types';\nimport { measureCompHeight } from './utils';\n\nexport default function create(options: ScrubAnimationOptions, dom?: DomApi) {\n  const measures = { compHeight: 0 };\n  if (dom) {\n    measureCompHeight(measures, dom, true);\n  }\n\n  const { speed = 0.2 } = options.namedEffect as BgParallax;\n\n  return [\n    {\n      ...options,\n      part: 'BG_MEDIA',\n      startOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      endOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      get endOffsetAdd() {\n        return `calc(100svh + ${measures.compHeight}px)`;\n      },\n      keyframes: [\n        {\n          transform: `translateY(${100 * speed}svh)`,\n        },\n        {\n          transform: `translateY(calc((100% - 200lvh) * ${-speed}))`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"AAMA,SAASA,iBAAiB,QAAQ,SAAS;AAE3C,eAAe,SAASC,MAAMA,CAACC,OAA8B,EAAEC,GAAY,EAAE;EAC3E,MAAMC,QAAQ,GAAG;IAAEC,UAAU,EAAE;EAAE,CAAC;EAClC,IAAIF,GAAG,EAAE;IACPH,iBAAiB,CAACI,QAAQ,EAAED,GAAG,EAAE,IAAI,CAAC;EACxC;EAEA,MAAM;IAAEG,KAAK,GAAG;EAAI,CAAC,GAAGJ,OAAO,CAACK,WAAyB;EAEzD,OAAO,CACL;IACE,GAAGL,OAAO;IACVM,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE;MACXC,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChBC,SAAS,EAAE;MACTJ,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChB,IAAIE,YAAYA,CAAA,EAAG;MACjB,OAAO,iBAAiBX,QAAQ,CAACC,UAAU,KAAK;IAClD,CAAC;IACDW,SAAS,EAAE,CACT;MACEC,SAAS,EAAE,cAAc,GAAG,GAAGX,KAAK;IACtC,CAAC,EACD;MACEW,SAAS,EAAE,qCAAqC,CAACX,KAAK;IACxD,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

package/dist/esm/library/backgroundScroll/BgPullBack.js

@@ -1,41 +0,0 @@
-import { measureCompHeight } from './utils';
-export default function create(options, dom) {
-  const measures = {
-    compHeight: 0
-  };
-  if (dom) {
-    measureCompHeight(measures, dom);
-  }
-  const easing = 'linear';
-  const {
-    scale = 50
-  } = options.namedEffect;
-  return [{
-    ...options,
-    easing,
-    part: 'BG_MEDIA',
-    startOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    endOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    get endOffsetAdd() {
-      return `${measures.compHeight}px`;
-    },
-    keyframes: [{
-      transform: `perspective(100px) translate3d(0px, -${scale / 3 | 0}%, ${scale}px)`
-    }, {
-      transform: 'perspective(100px) translate3d(0px, 0px, 0px)'
-    }]
-  }];
-}
-//# sourceMappingURL=BgPullBack.js.map

package/dist/esm/library/backgroundScroll/BgPullBack.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["measureCompHeight","create","options","dom","measures","compHeight","easing","scale","namedEffect","part","startOffset","name","offset","type","value","endOffset","endOffsetAdd","keyframes","transform"],"sources":["../../../../src/library/backgroundScroll/BgPullBack.ts"],"sourcesContent":["import type {\n  BgPullBack,\n  DomApi,\n  RangeOffset,\n  ScrubAnimationOptions,\n} from '../../types';\nimport { measureCompHeight } from './utils';\n\nexport default function create(options: ScrubAnimationOptions, dom?: DomApi) {\n  const measures = { compHeight: 0 };\n  if (dom) {\n    measureCompHeight(measures, dom);\n  }\n\n  const easing = 'linear';\n  const { scale = 50 } = options.namedEffect as BgPullBack;\n\n  return [\n    {\n      ...options,\n      easing,\n      part: 'BG_MEDIA',\n      startOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      endOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      get endOffsetAdd() {\n        return `${measures.compHeight}px`;\n      },\n      keyframes: [\n        {\n          transform: `perspective(100px) translate3d(0px, -${\n            (scale / 3) | 0\n          }%, ${scale}px)`,\n        },\n        {\n          transform: 'perspective(100px) translate3d(0px, 0px, 0px)',\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"AAMA,SAASA,iBAAiB,QAAQ,SAAS;AAE3C,eAAe,SAASC,MAAMA,CAACC,OAA8B,EAAEC,GAAY,EAAE;EAC3E,MAAMC,QAAQ,GAAG;IAAEC,UAAU,EAAE;EAAE,CAAC;EAClC,IAAIF,GAAG,EAAE;IACPH,iBAAiB,CAACI,QAAQ,EAAED,GAAG,CAAC;EAClC;EAEA,MAAMG,MAAM,GAAG,QAAQ;EACvB,MAAM;IAAEC,KAAK,GAAG;EAAG,CAAC,GAAGL,OAAO,CAACM,WAAyB;EAExD,OAAO,CACL;IACE,GAAGN,OAAO;IACVI,MAAM;IACNG,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE;MACXC,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChBC,SAAS,EAAE;MACTJ,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChB,IAAIE,YAAYA,CAAA,EAAG;MACjB,OAAO,GAAGZ,QAAQ,CAACC,UAAU,IAAI;IACnC,CAAC;IACDY,SAAS,EAAE,CACT;MACEC,SAAS,EAAE,wCACRX,KAAK,GAAG,CAAC,GAAI,CAAC,MACXA,KAAK;IACb,CAAC,EACD;MACEW,SAAS,EAAE;IACb,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

package/dist/esm/library/backgroundScroll/BgReveal.js

@@ -1,10 +0,0 @@
-import { measureCompHeight } from './utils';
-export default function create(_options, dom) {
-  if (dom) {
-    measureCompHeight({
-      compHeight: 0
-    }, dom, true);
-  }
-  return [];
-}
-//# sourceMappingURL=BgReveal.js.map

package/dist/esm/library/backgroundScroll/BgReveal.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["measureCompHeight","create","_options","dom","compHeight"],"sources":["../../../../src/library/backgroundScroll/BgReveal.ts"],"sourcesContent":["import type { ScrubAnimationOptions, DomApi } from '../../types';\nimport { measureCompHeight } from './utils';\n\nexport default function create(_options: ScrubAnimationOptions, dom?: DomApi) {\n  if (dom) {\n    measureCompHeight({ compHeight: 0 }, dom, true);\n  }\n  return [];\n}\n"],"mappings":"AACA,SAASA,iBAAiB,QAAQ,SAAS;AAE3C,eAAe,SAASC,MAAMA,CAACC,QAA+B,EAAEC,GAAY,EAAE;EAC5E,IAAIA,GAAG,EAAE;IACPH,iBAAiB,CAAC;MAAEI,UAAU,EAAE;IAAE,CAAC,EAAED,GAAG,EAAE,IAAI,CAAC;EACjD;EACA,OAAO,EAAE;AACX","ignoreList":[]}

package/dist/esm/library/backgroundScroll/BgRotate.js

@@ -1,33 +0,0 @@
-export default function create(options) {
-  const easing = 'sineOut';
-  const {
-    angle = 22,
-    direction = 'counter-clockwise'
-  } = options.namedEffect;
-  return [{
-    ...options,
-    easing,
-    part: 'BG_MEDIA',
-    startOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    endOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    endOffsetAdd: '100vh',
-    keyframes: [{
-      transform: `rotate(${direction === 'counter-clockwise' ? angle : -angle}deg)`
-    }, {
-      transform: 'rotate(0deg)'
-    }]
-  }];
-}
-//# sourceMappingURL=BgRotate.js.map

package/dist/esm/library/backgroundScroll/BgRotate.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["create","options","easing","angle","direction","namedEffect","part","startOffset","name","offset","type","value","endOffset","endOffsetAdd","keyframes","transform"],"sources":["../../../../src/library/backgroundScroll/BgRotate.ts"],"sourcesContent":["import type { BgRotate, RangeOffset, ScrubAnimationOptions } from '../../types';\n\nexport default function create(options: ScrubAnimationOptions) {\n  const easing = 'sineOut';\n  const { angle = 22, direction = 'counter-clockwise' } =\n    options.namedEffect as BgRotate;\n\n  return [\n    {\n      ...options,\n      easing,\n      part: 'BG_MEDIA',\n      startOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      endOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      endOffsetAdd: '100vh',\n      keyframes: [\n        {\n          transform: `rotate(${\n            direction === 'counter-clockwise' ? angle : -angle\n          }deg)`,\n        },\n        {\n          transform: 'rotate(0deg)',\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"AAEA,eAAe,SAASA,MAAMA,CAACC,OAA8B,EAAE;EAC7D,MAAMC,MAAM,GAAG,SAAS;EACxB,MAAM;IAAEC,KAAK,GAAG,EAAE;IAAEC,SAAS,GAAG;EAAoB,CAAC,GACnDH,OAAO,CAACI,WAAuB;EAEjC,OAAO,CACL;IACE,GAAGJ,OAAO;IACVC,MAAM;IACNI,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE;MACXC,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChBC,SAAS,EAAE;MACTJ,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChBE,YAAY,EAAE,OAAO;IACrBC,SAAS,EAAE,CACT;MACEC,SAAS,EAAE,UACTX,SAAS,KAAK,mBAAmB,GAAGD,KAAK,GAAG,CAACA,KAAK;IAEtD,CAAC,EACD;MACEY,SAAS,EAAE;IACb,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

package/dist/esm/library/backgroundScroll/BgSkew.js

@@ -1,40 +0,0 @@
-import { measureCompHeight } from './utils';
-export default function create(options, dom) {
-  const measures = {
-    compHeight: 0
-  };
-  if (dom) {
-    measureCompHeight(measures, dom);
-  }
-  const {
-    angle = 20,
-    direction = 'counter-clockwise'
-  } = options.namedEffect;
-  return [{
-    ...options,
-    part: 'BG_MEDIA',
-    startOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    endOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    get endOffsetAdd() {
-      return `calc(100vh + ${measures.compHeight}px)`;
-    },
-    keyframes: [{
-      transform: `skewY(${direction === 'counter-clockwise' ? angle : -angle}deg)`
-    }, {
-      transform: `skewY(${direction === 'counter-clockwise' ? -angle : angle}deg)`
-    }]
-  }];
-}
-//# sourceMappingURL=BgSkew.js.map

package/dist/esm/library/backgroundScroll/BgSkew.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["measureCompHeight","create","options","dom","measures","compHeight","angle","direction","namedEffect","part","startOffset","name","offset","type","value","endOffset","endOffsetAdd","keyframes","transform"],"sources":["../../../../src/library/backgroundScroll/BgSkew.ts"],"sourcesContent":["import type {\n  BgSkew,\n  DomApi,\n  RangeOffset,\n  ScrubAnimationOptions,\n} from '../../types';\nimport { measureCompHeight } from './utils';\n\nexport default function create(options: ScrubAnimationOptions, dom?: DomApi) {\n  const measures = { compHeight: 0 };\n  if (dom) {\n    measureCompHeight(measures, dom);\n  }\n\n  const { angle = 20, direction = 'counter-clockwise' } =\n    options.namedEffect as BgSkew;\n\n  return [\n    {\n      ...options,\n      part: 'BG_MEDIA',\n      startOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      endOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      get endOffsetAdd() {\n        return `calc(100vh + ${measures.compHeight}px)`;\n      },\n      keyframes: [\n        {\n          transform: `skewY(${\n            direction === 'counter-clockwise' ? angle : -angle\n          }deg)`,\n        },\n        {\n          transform: `skewY(${\n            direction === 'counter-clockwise' ? -angle : angle\n          }deg)`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"AAMA,SAASA,iBAAiB,QAAQ,SAAS;AAE3C,eAAe,SAASC,MAAMA,CAACC,OAA8B,EAAEC,GAAY,EAAE;EAC3E,MAAMC,QAAQ,GAAG;IAAEC,UAAU,EAAE;EAAE,CAAC;EAClC,IAAIF,GAAG,EAAE;IACPH,iBAAiB,CAACI,QAAQ,EAAED,GAAG,CAAC;EAClC;EAEA,MAAM;IAAEG,KAAK,GAAG,EAAE;IAAEC,SAAS,GAAG;EAAoB,CAAC,GACnDL,OAAO,CAACM,WAAqB;EAE/B,OAAO,CACL;IACE,GAAGN,OAAO;IACVO,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE;MACXC,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChBC,SAAS,EAAE;MACTJ,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChB,IAAIE,YAAYA,CAAA,EAAG;MACjB,OAAO,gBAAgBZ,QAAQ,CAACC,UAAU,KAAK;IACjD,CAAC;IACDY,SAAS,EAAE,CACT;MACEC,SAAS,EAAE,SACTX,SAAS,KAAK,mBAAmB,GAAGD,KAAK,GAAG,CAACA,KAAK;IAEtD,CAAC,EACD;MACEY,SAAS,EAAE,SACTX,SAAS,KAAK,mBAAmB,GAAG,CAACD,KAAK,GAAGA,KAAK;IAEtD,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

package/dist/esm/library/backgroundScroll/BgZoom.js

@@ -1,121 +0,0 @@
-import { roundNumber } from '../../utils';
-import { measureCompHeight, getScaleFromPerspectiveAndZ } from './utils';
-const PERSPECTIVE = 100;
-const DEFAULT_ZOOM = 40;
-const ZOOM_OUT_FACTOR = 0.375; // 15/40 - this for using the same scale of values in the data
-const DIRECTION_TO_PARAMS = {
-  in: {
-    easing: 'sineIn',
-    fromY: '20svh'
-  },
-  out: {
-    easing: 'sineInOut',
-    fromY: '0px'
-  }
-};
-export default function create(options, dom) {
-  const {
-    direction = 'in'
-  } = options.namedEffect;
-  const isIn = direction === 'in';
-  const measures = {
-    compHeight: 0
-  };
-  if (dom) {
-    measureCompHeight(measures, dom, isIn);
-  }
-  const {
-    easing,
-    fromY
-  } = DIRECTION_TO_PARAMS[direction];
-  let {
-    zoom = DEFAULT_ZOOM
-  } = options.namedEffect;
-  if (!isIn) {
-    zoom *= ZOOM_OUT_FACTOR;
-  }
-  const fromZ = roundNumber(isIn ? 0 : zoom / 1.3);
-  const toZ = roundNumber(isIn ? zoom : -zoom);
-  const toScale = roundNumber(getScaleFromPerspectiveAndZ(toZ, PERSPECTIVE));
-  return [{
-    ...options,
-    part: 'BG_MEDIA',
-    easing: 'linear',
-    startOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    endOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    keyframes: [{
-      transform: 'translate3d(0, 0, 0)'
-    }, {
-      transform: 'translate3d(0, 0, 0)'
-    }]
-  }, {
-    ...options,
-    part: 'BG_IMG',
-    easing: 'linear',
-    startOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    endOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    get endOffsetAdd() {
-      return `calc(100svh + ${measures.compHeight}px)`;
-    },
-    get keyframes() {
-      const toY = isIn ? `calc(-0.2 * var(--motion-comp-height, ${measures.compHeight}px) + 0.5 * ${zoom / PERSPECTIVE} * max(0px, 100lvh - var(--motion-comp-height, ${measures.compHeight}px)))` : '0px';
-      return [{
-        transform: `translateY(${fromY})`
-      }, {
-        transform: `translateY(calc(${toY} * ${toScale}))`
-      }];
-    }
-  }, {
-    ...options,
-    easing,
-    part: 'BG_IMG',
-    composite: isIn ? 'add' : 'replace',
-    startOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    endOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    get endOffsetAdd() {
-      return `calc(100svh + ${measures.compHeight}px)`;
-    },
-    keyframes: [{
-      transform: `perspective(${PERSPECTIVE}px) translateZ(${fromZ}px)`
-    }, {
-      transform: `perspective(${PERSPECTIVE}px) translateZ(${toZ}px)`
-    }]
-  }];
-}
-//# sourceMappingURL=BgZoom.js.map

package/dist/esm/library/backgroundScroll/BgZoom.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["roundNumber","measureCompHeight","getScaleFromPerspectiveAndZ","PERSPECTIVE","DEFAULT_ZOOM","ZOOM_OUT_FACTOR","DIRECTION_TO_PARAMS","in","easing","fromY","out","create","options","dom","direction","namedEffect","isIn","measures","compHeight","zoom","fromZ","toZ","toScale","part","startOffset","name","offset","type","value","endOffset","keyframes","transform","endOffsetAdd","toY","composite"],"sources":["../../../../src/library/backgroundScroll/BgZoom.ts"],"sourcesContent":["import type {\n  BgZoom,\n  RangeOffset,\n  ScrubAnimationOptions,\n  DomApi,\n} from '../../types';\nimport { roundNumber } from '../../utils';\nimport { measureCompHeight, getScaleFromPerspectiveAndZ } from './utils';\n\nconst PERSPECTIVE = 100;\nconst DEFAULT_ZOOM = 40;\nconst ZOOM_OUT_FACTOR = 0.375; // 15/40 - this for using the same scale of values in the data\nconst DIRECTION_TO_PARAMS = {\n  in: {\n    easing: 'sineIn',\n    fromY: '20svh',\n  },\n  out: {\n    easing: 'sineInOut',\n    fromY: '0px',\n  },\n};\n\nexport default function create(options: ScrubAnimationOptions, dom?: DomApi) {\n  const { direction = 'in' } = options.namedEffect as BgZoom;\n  const isIn = direction === 'in';\n\n  const measures = { compHeight: 0 };\n  if (dom) {\n    measureCompHeight(measures, dom, isIn);\n  }\n\n  const { easing, fromY } = DIRECTION_TO_PARAMS[direction];\n  let { zoom = DEFAULT_ZOOM } = options.namedEffect as BgZoom;\n  if (!isIn) {\n    zoom *= ZOOM_OUT_FACTOR;\n  }\n  const fromZ = roundNumber(isIn ? 0 : zoom / 1.3);\n  const toZ = roundNumber(isIn ? zoom : -zoom);\n  const toScale = roundNumber(getScaleFromPerspectiveAndZ(toZ, PERSPECTIVE));\n\n  return [\n    {\n      ...options,\n      part: 'BG_MEDIA',\n      easing: 'linear',\n      startOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      endOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      keyframes: [\n        {\n          transform: 'translate3d(0, 0, 0)',\n        },\n        {\n          transform: 'translate3d(0, 0, 0)',\n        },\n      ],\n    },\n    {\n      ...options,\n      part: 'BG_IMG',\n      easing: 'linear',\n      startOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      endOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      get endOffsetAdd() {\n        return `calc(100svh + ${measures.compHeight}px)`;\n      },\n      get keyframes() {\n        const toY = isIn\n          ? `calc(-0.2 * var(--motion-comp-height, ${\n              measures.compHeight\n            }px) + 0.5 * ${\n              zoom / PERSPECTIVE\n            } * max(0px, 100lvh - var(--motion-comp-height, ${\n              measures.compHeight\n            }px)))`\n          : '0px';\n        return [\n          {\n            transform: `translateY(${fromY})`,\n          },\n          {\n            transform: `translateY(calc(${toY} * ${toScale}))`,\n          },\n        ];\n      },\n    },\n    {\n      ...options,\n      easing,\n      part: 'BG_IMG',\n      composite: isIn ? ('add' as const) : ('replace' as const),\n      startOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      endOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      get endOffsetAdd() {\n        return `calc(100svh + ${measures.compHeight}px)`;\n      },\n      keyframes: [\n        {\n          transform: `perspective(${PERSPECTIVE}px) translateZ(${fromZ}px)`,\n        },\n        {\n          transform: `perspective(${PERSPECTIVE}px) translateZ(${toZ}px)`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/library/backgroundScroll/ImageParallax.js

@@ -1,54 +0,0 @@
-import { measureCompHeight, measureSiteHeight } from './utils';
-export default function create(options, dom) {
-  const {
-    speed = 1.5,
-    reverse = false,
-    isPage = false
-  } = options.namedEffect;
-  const measures = {
-    compHeight: 0,
-    siteHeight: 0
-  };
-  if (dom) {
-    if (isPage) {
-      measureSiteHeight(measures, dom);
-    } else {
-      measureCompHeight(measures, dom);
-    }
-  }
-  let start = -100 * (speed - 1);
-  if (!isPage) {
-    start = start / speed;
-  }
-  let end = 0;
-  if (reverse) {
-    [start, end] = [end, start];
-  }
-  return [{
-    ...options,
-    part: 'BG_MEDIA',
-    startOffset: {
-      name: isPage ? 'contain' : 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    endOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    get endOffsetAdd() {
-      return isPage ? `${measures.siteHeight}px` : `calc(100vh + ${measures.compHeight}px)`;
-    },
-    keyframes: [{
-      transform: `translateY(${start | 0}%)`
-    }, {
-      transform: `translateY(${end | 0}%)`
-    }]
-  }];
-}
-//# sourceMappingURL=ImageParallax.js.map

package/dist/esm/library/backgroundScroll/ImageParallax.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["measureCompHeight","measureSiteHeight","create","options","dom","speed","reverse","isPage","namedEffect","measures","compHeight","siteHeight","start","end","part","startOffset","name","offset","type","value","endOffset","endOffsetAdd","keyframes","transform"],"sources":["../../../../src/library/backgroundScroll/ImageParallax.ts"],"sourcesContent":["import type {\n  DomApi,\n  ImageParallax,\n  RangeOffset,\n  ScrubAnimationOptions,\n} from '../../types';\nimport { measureCompHeight, measureSiteHeight } from './utils';\n\nexport default function create(options: ScrubAnimationOptions, dom?: DomApi) {\n  const {\n    speed = 1.5,\n    reverse = false,\n    isPage = false,\n  } = options.namedEffect as ImageParallax;\n\n  const measures = { compHeight: 0, siteHeight: 0 };\n  if (dom) {\n    if (isPage) {\n      measureSiteHeight(measures, dom);\n    } else {\n      measureCompHeight(measures, dom);\n    }\n  }\n\n  let start = -100 * (speed - 1);\n  if (!isPage) {\n    start = start / speed;\n  }\n  let end = 0;\n  if (reverse) {\n    [start, end] = [end, start];\n  }\n\n  return [\n    {\n      ...options,\n      part: 'BG_MEDIA',\n      startOffset: {\n        name: isPage ? 'contain' : 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      endOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      get endOffsetAdd() {\n        return isPage\n          ? `${measures.siteHeight}px`\n          : `calc(100vh + ${measures.compHeight}px)`;\n      },\n      keyframes: [\n        {\n          transform: `translateY(${start | 0}%)`,\n        },\n        {\n          transform: `translateY(${end | 0}%)`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"AAMA,SAASA,iBAAiB,EAAEC,iBAAiB,QAAQ,SAAS;AAE9D,eAAe,SAASC,MAAMA,CAACC,OAA8B,EAAEC,GAAY,EAAE;EAC3E,MAAM;IACJC,KAAK,GAAG,GAAG;IACXC,OAAO,GAAG,KAAK;IACfC,MAAM,GAAG;EACX,CAAC,GAAGJ,OAAO,CAACK,WAA4B;EAExC,MAAMC,QAAQ,GAAG;IAAEC,UAAU,EAAE,CAAC;IAAEC,UAAU,EAAE;EAAE,CAAC;EACjD,IAAIP,GAAG,EAAE;IACP,IAAIG,MAAM,EAAE;MACVN,iBAAiB,CAACQ,QAAQ,EAAEL,GAAG,CAAC;IAClC,CAAC,MAAM;MACLJ,iBAAiB,CAACS,QAAQ,EAAEL,GAAG,CAAC;IAClC;EACF;EAEA,IAAIQ,KAAK,GAAG,CAAC,GAAG,IAAIP,KAAK,GAAG,CAAC,CAAC;EAC9B,IAAI,CAACE,MAAM,EAAE;IACXK,KAAK,GAAGA,KAAK,GAAGP,KAAK;EACvB;EACA,IAAIQ,GAAG,GAAG,CAAC;EACX,IAAIP,OAAO,EAAE;IACX,CAACM,KAAK,EAAEC,GAAG,CAAC,GAAG,CAACA,GAAG,EAAED,KAAK,CAAC;EAC7B;EAEA,OAAO,CACL;IACE,GAAGT,OAAO;IACVW,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE;MACXC,IAAI,EAAET,MAAM,GAAG,SAAS,GAAG,OAAO;MAClCU,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChBC,SAAS,EAAE;MACTJ,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChB,IAAIE,YAAYA,CAAA,EAAG;MACjB,OAAOd,MAAM,GACT,GAAGE,QAAQ,CAACE,UAAU,IAAI,GAC1B,gBAAgBF,QAAQ,CAACC,UAAU,KAAK;IAC9C,CAAC;IACDY,SAAS,EAAE,CACT;MACEC,SAAS,EAAE,cAAcX,KAAK,GAAG,CAAC;IACpC,CAAC,EACD;MACEW,SAAS,EAAE,cAAcV,GAAG,GAAG,CAAC;IAClC,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

package/dist/esm/library/backgroundScroll/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["BgCloseUp","BgFade","BgFadeBack","BgFake3D","BgPan","BgParallax","BgPullBack","BgReveal","BgRotate","BgSkew","BgZoom","ImageParallax","backgroundScrollAnimations"],"sources":["../../../../src/library/backgroundScroll/index.ts"],"sourcesContent":["import type { BackgroundScrollAnimations } from '../../types';\nimport BgCloseUp from './BgCloseUp';\nimport BgFade from './BgFade';\nimport BgFadeBack from './BgFadeBack';\nimport BgFake3D from './BgFake3D';\nimport BgPan from './BgPan';\nimport BgParallax from './BgParallax';\nimport BgPullBack from './BgPullBack';\nimport BgReveal from './BgReveal';\nimport BgRotate from './BgRotate';\nimport BgSkew from './BgSkew';\nimport BgZoom from './BgZoom';\nimport ImageParallax from './ImageParallax';\n\nexport const backgroundScrollAnimations: BackgroundScrollAnimations = {\n  BgCloseUp,\n  BgFade,\n  BgFadeBack,\n  BgFake3D,\n  BgPan,\n  BgParallax,\n  BgPullBack,\n  BgReveal,\n  BgRotate,\n  BgSkew,\n  BgZoom,\n  ImageParallax,\n};\n"],"mappings":"AACA,OAAOA,SAAS,MAAM,aAAa;AACnC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,KAAK,MAAM,SAAS;AAC3B,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,aAAa,MAAM,iBAAiB;AAE3C,OAAO,MAAMC,0BAAsD,GAAG;EACpEZ,SAAS;EACTC,MAAM;EACNC,UAAU;EACVC,QAAQ;EACRC,KAAK;EACLC,UAAU;EACVC,UAAU;EACVC,QAAQ;EACRC,QAAQ;EACRC,MAAM;EACNC,MAAM;EACNC;AACF,CAAC","ignoreList":[]}

package/dist/esm/library/backgroundScroll/test/testUtils.js

@@ -1,4 +0,0 @@
-export const baseMockOptions = {
-  id: '1'
-};
-//# sourceMappingURL=testUtils.js.map

package/dist/esm/library/backgroundScroll/test/testUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["baseMockOptions","id"],"sources":["../../../../../src/library/backgroundScroll/test/testUtils.ts"],"sourcesContent":["import type { ScrubAnimationOptions } from '../../../types';\n\nexport const baseMockOptions: ScrubAnimationOptions = {\n  id: '1',\n};\n"],"mappings":"AAEA,OAAO,MAAMA,eAAsC,GAAG;EACpDC,EAAE,EAAE;AACN,CAAC","ignoreList":[]}

package/dist/esm/library/backgroundScroll/utils.js

@@ -1,31 +0,0 @@
-export function measureCompHeight(measures, dom, assignToCss) {
-  dom.measure(target => {
-    if (!target) {
-      return;
-    }
-    measures.compHeight = target.offsetHeight;
-  });
-  if (assignToCss) {
-    dom.mutate(target => {
-      target == null || target.style.setProperty('--motion-comp-height', `${measures.compHeight}px`);
-    });
-  }
-}
-const getMasterPage = () => window.document.getElementById('masterPage');
-const getWixAdsHeight = () => {
-  const wixAds = window.document.getElementById('WIX_ADS');
-  return wixAds ? wixAds.offsetHeight : 0;
-};
-const getSiteHeight = () => {
-  const masterPage = getMasterPage();
-  return masterPage ? masterPage.offsetHeight + getWixAdsHeight() : 0; // probably tests that don't have masterPage created
-};
-export function measureSiteHeight(measures, dom) {
-  dom.measure(() => {
-    measures.siteHeight = getSiteHeight();
-  });
-}
-export function getScaleFromPerspectiveAndZ(z, perspective) {
-  return z > perspective ? 0 : 1.0 / (1 - z / perspective);
-}
-//# sourceMappingURL=utils.js.map

package/dist/esm/library/backgroundScroll/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["measureCompHeight","measures","dom","assignToCss","measure","target","compHeight","offsetHeight","mutate","style","setProperty","getMasterPage","window","document","getElementById","getWixAdsHeight","wixAds","getSiteHeight","masterPage","measureSiteHeight","siteHeight","getScaleFromPerspectiveAndZ","z","perspective"],"sources":["../../../../src/library/backgroundScroll/utils.ts"],"sourcesContent":["import type { DomApi } from '../../types';\n\nexport function measureCompHeight(\n  measures: { compHeight: number },\n  dom: DomApi,\n  assignToCss?: boolean,\n) {\n  dom.measure((target) => {\n    if (!target) {\n      return;\n    }\n    measures.compHeight = target.offsetHeight;\n  });\n  if (assignToCss) {\n    dom.mutate((target) => {\n      target?.style.setProperty(\n        '--motion-comp-height',\n        `${measures.compHeight}px`,\n      );\n    });\n  }\n}\n\nconst getMasterPage = (): HTMLElement | null =>\n  window!.document.getElementById('masterPage');\n\nconst getWixAdsHeight = () => {\n  const wixAds = window!.document.getElementById('WIX_ADS');\n  return wixAds ? wixAds.offsetHeight : 0;\n};\n\nconst getSiteHeight = (): number => {\n  const masterPage = getMasterPage();\n  return masterPage ? masterPage.offsetHeight + getWixAdsHeight() : 0; // probably tests that don't have masterPage created\n};\n\nexport function measureSiteHeight(\n  measures: { siteHeight: number },\n  dom: DomApi,\n) {\n  dom.measure(() => {\n    measures.siteHeight = getSiteHeight();\n  });\n}\n\nexport function getScaleFromPerspectiveAndZ(z: number, perspective: number) {\n  return z > perspective ? 0 : 1.0 / (1 - z / perspective);\n}\n"],"mappings":"AAEA,OAAO,SAASA,iBAAiBA,CAC/BC,QAAgC,EAChCC,GAAW,EACXC,WAAqB,EACrB;EACAD,GAAG,CAACE,OAAO,CAAEC,MAAM,IAAK;IACtB,IAAI,CAACA,MAAM,EAAE;MACX;IACF;IACAJ,QAAQ,CAACK,UAAU,GAAGD,MAAM,CAACE,YAAY;EAC3C,CAAC,CAAC;EACF,IAAIJ,WAAW,EAAE;IACfD,GAAG,CAACM,MAAM,CAAEH,MAAM,IAAK;MACrBA,MAAM,YAANA,MAAM,CAAEI,KAAK,CAACC,WAAW,CACvB,sBAAsB,EACtB,GAAGT,QAAQ,CAACK,UAAU,IACxB,CAAC;IACH,CAAC,CAAC;EACJ;AACF;AAEA,MAAMK,aAAa,GAAGA,CAAA,KACpBC,MAAM,CAAEC,QAAQ,CAACC,cAAc,CAAC,YAAY,CAAC;AAE/C,MAAMC,eAAe,GAAGA,CAAA,KAAM;EAC5B,MAAMC,MAAM,GAAGJ,MAAM,CAAEC,QAAQ,CAACC,cAAc,CAAC,SAAS,CAAC;EACzD,OAAOE,MAAM,GAAGA,MAAM,CAACT,YAAY,GAAG,CAAC;AACzC,CAAC;AAED,MAAMU,aAAa,GAAGA,CAAA,KAAc;EAClC,MAAMC,UAAU,GAAGP,aAAa,CAAC,CAAC;EAClC,OAAOO,UAAU,GAAGA,UAAU,CAACX,YAAY,GAAGQ,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACvE,CAAC;AAED,OAAO,SAASI,iBAAiBA,CAC/BlB,QAAgC,EAChCC,GAAW,EACX;EACAA,GAAG,CAACE,OAAO,CAAC,MAAM;IAChBH,QAAQ,CAACmB,UAAU,GAAGH,aAAa,CAAC,CAAC;EACvC,CAAC,CAAC;AACJ;AAEA,OAAO,SAASI,2BAA2BA,CAACC,CAAS,EAAEC,WAAmB,EAAE;EAC1E,OAAOD,CAAC,GAAGC,WAAW,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,GAAGD,CAAC,GAAGC,WAAW,CAAC;AAC1D","ignoreList":[]}

package/dist/esm/library/entrance/ArcIn.js

@@ -1,106 +0,0 @@
-import { INITIAL_FRAME_OFFSET, toKeyframeValue } from '../../utils';
-const ROTATION_ANGLE = 80;
-const DIRECTION_MAP = {
-  top: {
-    x: 1,
-    y: 0,
-    sign: 1
-  },
-  right: {
-    x: 0,
-    y: 1,
-    sign: 1
-  },
-  bottom: {
-    x: 1,
-    y: 0,
-    sign: -1
-  },
-  left: {
-    x: 0,
-    y: 1,
-    sign: -1
-  }
-};
-const EASING_MAP = {
-  soft: 'cubicInOut',
-  medium: 'quintInOut',
-  hard: 'backOut'
-};
-export function web(options, dom) {
-  prepare(options, dom);
-  return style(options, true);
-}
-export function getNames(_) {
-  return ['motion-fadeIn', 'motion-arcIn'];
-}
-export function style(options, asWeb) {
-  if (asWeb === void 0) {
-    asWeb = false;
-  }
-  const {
-    power,
-    direction = 'right'
-  } = options.namedEffect;
-  const [fadeIn, arcIn] = getNames(options);
-  const easing = power && EASING_MAP[power] || options.easing || 'quintInOut';
-
-  // we can remove dependency on measurement here if we use a "layout wrapper" as a `container`: https://jsbin.com/mulojuwogi/edit?css,output
-  // we could also consider a fixed value for z, e.g. 300px like in ArcScroll
-  // const { width, height } = element.getBoundingClientRect();
-
-  const {
-    x,
-    y,
-    sign
-  } = DIRECTION_MAP[direction];
-  // const z = rotateX ? height / 2 : width / 2;
-  const z = `(-1 * (var(--motion-height, 100vh) * var(--motion-arc-x, 1) + var(--motion-width, 100vw) * var(--motion-arc-y, 0))) / 2`;
-  const custom = {
-    '--motion-arc-x': `${x}`,
-    '--motion-arc-y': `${y}`,
-    '--motion-arc-sign': `${sign}`
-  };
-  return [{
-    ...options,
-    name: fadeIn,
-    duration: options.duration * 0.7,
-    easing: 'sineIn',
-    custom: {},
-    keyframes: [{
-      offset: 0,
-      opacity: 0
-    }, {
-      opacity: 'var(--comp-opacity, 1)'
-    }]
-  }, {
-    ...options,
-    name: arcIn,
-    easing,
-    custom,
-    keyframes: [{
-      offset: INITIAL_FRAME_OFFSET,
-      transform: `perspective(800px) translateZ(calc(${z})) rotateX(calc(${toKeyframeValue(custom, '--motion-arc-x', asWeb)} * ${toKeyframeValue(custom, '--motion-arc-sign', asWeb)} * ${ROTATION_ANGLE}deg)) rotateY(calc(${toKeyframeValue(custom, '--motion-arc-y', asWeb)} * ${toKeyframeValue(custom, '--motion-arc-sign', asWeb)} * ${ROTATION_ANGLE}deg)) translateZ(calc(-1 * ${z})) rotate(var(--comp-rotate-z, 0deg))`
-    }, {
-      transform: `perspective(800px) translateZ(calc(${z})) rotateX(0deg) rotateY(0deg) translateZ(calc(-1 * ${z})) rotate(var(--comp-rotate-z, 0deg))`
-    }]
-  }];
-}
-export function prepare(_, dom) {
-  if (dom) {
-    let width, height;
-    dom.measure(target => {
-      if (!target) {
-        return;
-      }
-      const rect = target.getBoundingClientRect();
-      width = rect.width;
-      height = rect.height;
-    });
-    dom.mutate(target => {
-      target == null || target.style.setProperty('--motion-height', `${height}px`);
-      target == null || target.style.setProperty('--motion-width', `${width}px`);
-    });
-  }
-}
-//# sourceMappingURL=ArcIn.js.map

package/dist/esm/library/entrance/ArcIn.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["INITIAL_FRAME_OFFSET","toKeyframeValue","ROTATION_ANGLE","DIRECTION_MAP","top","x","y","sign","right","bottom","left","EASING_MAP","soft","medium","hard","web","options","dom","prepare","style","getNames","_","asWeb","power","direction","namedEffect","fadeIn","arcIn","easing","z","custom","name","duration","keyframes","offset","opacity","transform","width","height","measure","target","rect","getBoundingClientRect","mutate","setProperty"],"sources":["../../../../src/library/entrance/ArcIn.ts"],"sourcesContent":["import type {\n  ArcIn,\n  TimeAnimationOptions,\n  EffectFourDirections,\n  DomApi,\n} from '../../types';\nimport { INITIAL_FRAME_OFFSET, toKeyframeValue } from '../../utils';\n\nconst ROTATION_ANGLE = 80;\nconst DIRECTION_MAP: Record<\n  EffectFourDirections,\n  { x: number; y: number; sign: number }\n> = {\n  top: { x: 1, y: 0, sign: 1 },\n  right: { x: 0, y: 1, sign: 1 },\n  bottom: { x: 1, y: 0, sign: -1 },\n  left: { x: 0, y: 1, sign: -1 },\n};\n\nconst EASING_MAP = {\n  soft: 'cubicInOut',\n  medium: 'quintInOut',\n  hard: 'backOut',\n};\n\nexport function web(options: TimeAnimationOptions, dom?: DomApi) {\n  prepare(options, dom);\n\n  return style(options, true);\n}\n\nexport function getNames(_: TimeAnimationOptions) {\n  return ['motion-fadeIn', 'motion-arcIn'];\n}\n\nexport function style(options: TimeAnimationOptions, asWeb = false) {\n  const { power, direction = 'right' } = options.namedEffect as ArcIn;\n  const [fadeIn, arcIn] = getNames(options);\n\n  const easing = (power && EASING_MAP[power]) || options.easing || 'quintInOut';\n\n  // we can remove dependency on measurement here if we use a \"layout wrapper\" as a `container`: https://jsbin.com/mulojuwogi/edit?css,output\n  // we could also consider a fixed value for z, e.g. 300px like in ArcScroll\n  // const { width, height } = element.getBoundingClientRect();\n\n  const { x, y, sign } = DIRECTION_MAP[direction];\n  // const z = rotateX ? height / 2 : width / 2;\n  const z = `(-1 * (var(--motion-height, 100vh) * var(--motion-arc-x, 1) + var(--motion-width, 100vw) * var(--motion-arc-y, 0))) / 2`;\n\n  const custom = {\n    '--motion-arc-x': `${x}`,\n    '--motion-arc-y': `${y}`,\n    '--motion-arc-sign': `${sign}`,\n  };\n\n  return [\n    {\n      ...options,\n      name: fadeIn,\n      duration: options.duration! * 0.7,\n      easing: 'sineIn',\n      custom: {},\n      keyframes: [\n        { offset: 0, opacity: 0 },\n        { opacity: 'var(--comp-opacity, 1)' },\n      ],\n    },\n    {\n      ...options,\n      name: arcIn,\n      easing,\n      custom,\n      keyframes: [\n        {\n          offset: INITIAL_FRAME_OFFSET,\n          transform: `perspective(800px) translateZ(calc(${z})) rotateX(calc(${toKeyframeValue(\n            custom,\n            '--motion-arc-x',\n            asWeb,\n          )} * ${toKeyframeValue(\n            custom,\n            '--motion-arc-sign',\n            asWeb,\n          )} * ${ROTATION_ANGLE}deg)) rotateY(calc(${toKeyframeValue(\n            custom,\n            '--motion-arc-y',\n            asWeb,\n          )} * ${toKeyframeValue(\n            custom,\n            '--motion-arc-sign',\n            asWeb,\n          )} * ${ROTATION_ANGLE}deg)) translateZ(calc(-1 * ${z})) rotate(var(--comp-rotate-z, 0deg))`,\n        },\n        {\n          transform: `perspective(800px) translateZ(calc(${z})) rotateX(0deg) rotateY(0deg) translateZ(calc(-1 * ${z})) rotate(var(--comp-rotate-z, 0deg))`,\n        },\n      ],\n    },\n  ];\n}\n\nexport function prepare(_: TimeAnimationOptions, dom?: DomApi) {\n  if (dom) {\n    let width: number, height: number;\n\n    dom.measure((target) => {\n      if (!target) {\n        return;\n      }\n\n      const rect = target.getBoundingClientRect();\n      width = rect.width;\n      height = rect.height;\n    });\n\n    dom.mutate((target) => {\n      target?.style.setProperty('--motion-height', `${height}px`);\n      target?.style.setProperty('--motion-width', `${width}px`);\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/library/entrance/BlurIn.js

@@ -1,53 +0,0 @@
-import { toKeyframeValue } from '../../utils';
-const BLUR_POWER_MAP = {
-  soft: 6,
-  medium: 25,
-  hard: 50
-};
-export function getNames(_) {
-  return ['motion-fadeIn', 'motion-blurIn'];
-}
-export function web(options) {
-  return style(options, true);
-}
-export function style(options, asWeb) {
-  if (asWeb === void 0) {
-    asWeb = false;
-  }
-  const {
-    blur = 6,
-    power
-  } = options.namedEffect;
-  const [fadeIn, blurIn] = getNames(options);
-  const easing = options.easing || 'linear';
-  const blurFactor = power && BLUR_POWER_MAP[power] ? BLUR_POWER_MAP[power] : blur;
-  const custom = {
-    '--motion-blur': `${blurFactor}px`
-  };
-  return [{
-    ...options,
-    name: fadeIn,
-    duration: options.duration * 0.7,
-    easing: 'sineIn',
-    custom: {},
-    keyframes: [{
-      offset: 0,
-      opacity: 0
-    }, {
-      opacity: 'var(--comp-opacity, 1)'
-    }]
-  }, {
-    ...options,
-    name: blurIn,
-    easing,
-    composite: 'add',
-    // make sure we don't override existing filters on the component
-    custom,
-    keyframes: [{
-      filter: `blur(${toKeyframeValue(custom, '--motion-blur', asWeb)})`
-    }, {
-      filter: 'blur(0px)'
-    }]
-  }];
-}
-//# sourceMappingURL=BlurIn.js.map

package/dist/esm/library/entrance/BlurIn.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["toKeyframeValue","BLUR_POWER_MAP","soft","medium","hard","getNames","_","web","options","style","asWeb","blur","power","namedEffect","fadeIn","blurIn","easing","blurFactor","custom","name","duration","keyframes","offset","opacity","composite","filter"],"sources":["../../../../src/library/entrance/BlurIn.ts"],"sourcesContent":["import type { BlurIn, TimeAnimationOptions } from '../../types';\nimport { toKeyframeValue } from '../../utils';\n\nconst BLUR_POWER_MAP = {\n  soft: 6,\n  medium: 25,\n  hard: 50,\n};\n\nexport function getNames(_: TimeAnimationOptions) {\n  return ['motion-fadeIn', 'motion-blurIn'];\n}\n\nexport function web(options: TimeAnimationOptions) {\n  return style(options, true);\n}\n\nexport function style(options: TimeAnimationOptions, asWeb = false) {\n  const { blur = 6, power } = options.namedEffect as BlurIn;\n  const [fadeIn, blurIn] = getNames(options);\n\n  const easing = options.easing || 'linear';\n  const blurFactor =\n    power && BLUR_POWER_MAP[power] ? BLUR_POWER_MAP[power] : blur;\n\n  const custom = {\n    '--motion-blur': `${blurFactor}px`,\n  };\n\n  return [\n    {\n      ...options,\n      name: fadeIn,\n      duration: options.duration! * 0.7,\n      easing: 'sineIn',\n      custom: {},\n      keyframes: [\n        { offset: 0, opacity: 0 },\n        { opacity: 'var(--comp-opacity, 1)' },\n      ],\n    },\n    {\n      ...options,\n      name: blurIn,\n      easing,\n      composite: 'add' as const, // make sure we don't override existing filters on the component\n      custom,\n      keyframes: [\n        {\n          filter: `blur(${toKeyframeValue(custom, '--motion-blur', asWeb)})`,\n        },\n        {\n          filter: 'blur(0px)',\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"AACA,SAASA,eAAe,QAAQ,aAAa;AAE7C,MAAMC,cAAc,GAAG;EACrBC,IAAI,EAAE,CAAC;EACPC,MAAM,EAAE,EAAE;EACVC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,SAASC,QAAQA,CAACC,CAAuB,EAAE;EAChD,OAAO,CAAC,eAAe,EAAE,eAAe,CAAC;AAC3C;AAEA,OAAO,SAASC,GAAGA,CAACC,OAA6B,EAAE;EACjD,OAAOC,KAAK,CAACD,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEA,OAAO,SAASC,KAAKA,CAACD,OAA6B,EAAEE,KAAK,EAAU;EAAA,IAAfA,KAAK;IAALA,KAAK,GAAG,KAAK;EAAA;EAChE,MAAM;IAAEC,IAAI,GAAG,CAAC;IAAEC;EAAM,CAAC,GAAGJ,OAAO,CAACK,WAAqB;EACzD,MAAM,CAACC,MAAM,EAAEC,MAAM,CAAC,GAAGV,QAAQ,CAACG,OAAO,CAAC;EAE1C,MAAMQ,MAAM,GAAGR,OAAO,CAACQ,MAAM,IAAI,QAAQ;EACzC,MAAMC,UAAU,GACdL,KAAK,IAAIX,cAAc,CAACW,KAAK,CAAC,GAAGX,cAAc,CAACW,KAAK,CAAC,GAAGD,IAAI;EAE/D,MAAMO,MAAM,GAAG;IACb,eAAe,EAAE,GAAGD,UAAU;EAChC,CAAC;EAED,OAAO,CACL;IACE,GAAGT,OAAO;IACVW,IAAI,EAAEL,MAAM;IACZM,QAAQ,EAAEZ,OAAO,CAACY,QAAQ,GAAI,GAAG;IACjCJ,MAAM,EAAE,QAAQ;IAChBE,MAAM,EAAE,CAAC,CAAC;IACVG,SAAS,EAAE,CACT;MAAEC,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAC,EACzB;MAAEA,OAAO,EAAE;IAAyB,CAAC;EAEzC,CAAC,EACD;IACE,GAAGf,OAAO;IACVW,IAAI,EAAEJ,MAAM;IACZC,MAAM;IACNQ,SAAS,EAAE,KAAc;IAAE;IAC3BN,MAAM;IACNG,SAAS,EAAE,CACT;MACEI,MAAM,EAAE,QAAQzB,eAAe,CAACkB,MAAM,EAAE,eAAe,EAAER,KAAK,CAAC;IACjE,CAAC,EACD;MACEe,MAAM,EAAE;IACV,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}