@wix/motion 1.665.0 → 2.0.0-rc.3

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

@@ -1 +0,0 @@
-{"version":3,"names":["roundNumber","toKeyframeValue","measureCompHeight","getScaleFromPerspectiveAndZ","PERSPECTIVE","DEFAULT_ZOOM","ZOOM_OUT_FACTOR","DIRECTION_TO_PARAMS","in","easing","fromY","out","getNames","options","direction","namedEffect","names","splice","prepare","_","dom","measures","web","style","asWeb","zoom","isIn","fromZ","toZ","toScale","custom","animations","part","startOffset","name","offset","type","value","endOffset","keyframes","transform","composite","endOffsetAdd","forEach","animation","index"],"sources":["../../../../src/library/backgroundScroll/BgZoom.ts"],"sourcesContent":["import type {\n  AnimationData,\n  BgZoom,\n  RangeOffset,\n  AnimationExtraOptions,\n  ScrubAnimationOptions,\n  DomApi,\n} from '../../types';\nimport { roundNumber, toKeyframeValue } 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 function getNames(options: ScrubAnimationOptions) {\n  const { direction = 'in' } = options.namedEffect as BgZoom;\n  const names = ['motion-bgZoomMedia', 'motion-bgZoomImg'];\n\n  if (direction === 'in') {\n    names.splice(1, 0, 'motion-bgZoomParallax');\n  }\n\n  return names;\n}\n\nexport function prepare(_: ScrubAnimationOptions, dom?: DomApi) {\n  const measures = { '--motion-comp-height': '0px' };\n  if (dom) {\n    measureCompHeight(measures, dom, true);\n  }\n  return measures;\n}\n\nexport function web(\n  options: ScrubAnimationOptions & AnimationExtraOptions,\n  dom?: DomApi,\n) {\n  options.measures = prepare(options, dom);\n\n  return style(options, true);\n}\n\nexport function style(\n  options: ScrubAnimationOptions & AnimationExtraOptions,\n  asWeb = false,\n) {\n  let { direction = 'in', zoom = DEFAULT_ZOOM } = options.namedEffect as BgZoom;\n  const isIn = direction === 'in';\n  if (!isIn) {\n    direction = 'out';\n    zoom *= ZOOM_OUT_FACTOR;\n  }\n\n  const { easing, fromY } = DIRECTION_TO_PARAMS[direction];\n  const fromZ = isIn ? 0 : zoom / 1.3;\n  const toZ = isIn ? zoom : -zoom;\n  const toScale = roundNumber(getScaleFromPerspectiveAndZ(toZ, PERSPECTIVE));\n\n  const custom = {\n    '--motion-zoom-over-pers': (0.5 * zoom) / PERSPECTIVE,\n    '--motion-scale-to': toScale,\n    '--motion-trans-y-from': fromY,\n    '--motion-trans-z-from': `${roundNumber(fromZ)}px`,\n    '--motion-trans-z-to': `${roundNumber(toZ)}px`,\n  };\n\n  const { measures = { '--motion-comp-height': '0px' } } = options;\n\n  const animations: AnimationData[] = [\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      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 + ${toKeyframeValue(\n          measures,\n          '--motion-comp-height',\n          asWeb,\n        )})`;\n      },\n      keyframes: [\n        {\n          transform: `perspective(${PERSPECTIVE}px) translateZ(${toKeyframeValue(\n            custom,\n            '--motion-trans-z-from',\n            asWeb,\n          )})`,\n        },\n        {\n          transform: `perspective(${PERSPECTIVE}px) translateZ(${toKeyframeValue(\n            custom,\n            '--motion-trans-z-to',\n            asWeb,\n          )})`,\n        },\n      ],\n    },\n  ];\n\n  if (isIn) {\n    animations.splice(1, 0, {\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 + ${toKeyframeValue(\n          measures,\n          '--motion-comp-height',\n          asWeb,\n        )})`;\n      },\n      get keyframes() {\n        return [\n          {\n            transform: `translateY(${toKeyframeValue(\n              custom,\n              '--motion-trans-y-from',\n              asWeb,\n            )})`,\n          },\n          {\n            transform: `translateY(calc(${toKeyframeValue(\n              custom,\n              '--motion-scale-to',\n              asWeb,\n            )} * (-0.2 * ${toKeyframeValue(\n              measures,\n              '--motion-comp-height',\n              false,\n              measures['--motion-comp-height'] as string,\n            )} + ${toKeyframeValue(\n              custom,\n              '--motion-zoom-over-pers',\n              asWeb,\n            )} * max(0px, 100lvh - ${toKeyframeValue(\n              measures,\n              '--motion-comp-height',\n              false,\n              measures['--motion-comp-height'] as string,\n            )}))))`,\n          },\n        ];\n      },\n    });\n  }\n\n  const names = getNames(options);\n  animations.forEach((animation, index) => {\n    animation.name = names[index];\n  });\n\n  return animations;\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,77 +0,0 @@
-import { toKeyframeValue } from '../../utils';
-import { measureCompHeight, measureSiteHeight } from './utils';
-export function getNames(_) {
-  return ['motion-imageParallax'];
-}
-export function prepare(options, dom) {
-  const measures = {
-    '--motion-comp-height': '0px',
-    '--motion-site-height': '0'
-  };
-  const {
-    isPage = false
-  } = options.namedEffect;
-  if (dom) {
-    if (isPage) {
-      measureSiteHeight(measures, dom, true);
-    } else {
-      measureCompHeight(measures, dom, true);
-    }
-  }
-  return measures;
-}
-export function web(options, dom) {
-  options.measures = prepare(options, dom);
-  return style(options, true);
-}
-export function style(options, asWeb) {
-  if (asWeb === void 0) {
-    asWeb = false;
-  }
-  const {
-    speed = 1.5,
-    reverse = false,
-    isPage = false
-  } = options.namedEffect;
-  let start = -100 * (speed - 1);
-  if (!isPage) {
-    start = start / speed;
-  }
-  let end = 0;
-  if (reverse) {
-    [start, end] = [end, start];
-  }
-  const custom = {
-    '--motion-trans-y-from': `${start | 0}%`,
-    '--motion-trans-y-to': `${end | 0}%`
-  };
-  const [imageParallax] = getNames(options);
-  return [{
-    ...options,
-    name: imageParallax,
-    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 ? `${toKeyframeValue(options.measures || {}, '--motion-site-height', asWeb)}` : `calc(100vh + ${toKeyframeValue(options.measures || {}, '--motion-comp-height', asWeb)})`;
-    },
-    keyframes: [{
-      transform: `translateY(${toKeyframeValue(custom, '--motion-trans-y-from', asWeb)})`
-    }, {
-      transform: `translateY(${toKeyframeValue(custom, '--motion-trans-y-to', asWeb)})`
-    }]
-  }];
-}
-//# sourceMappingURL=ImageParallax.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["toKeyframeValue","measureCompHeight","measureSiteHeight","getNames","_","prepare","options","dom","measures","isPage","namedEffect","web","style","asWeb","speed","reverse","start","end","custom","imageParallax","name","part","startOffset","offset","type","value","endOffset","endOffsetAdd","keyframes","transform"],"sources":["../../../../src/library/backgroundScroll/ImageParallax.ts"],"sourcesContent":["import type {\n  DomApi,\n  ImageParallax,\n  RangeOffset,\n  AnimationExtraOptions,\n  ScrubAnimationOptions,\n} from '../../types';\nimport { toKeyframeValue } from '../../utils';\nimport { measureCompHeight, measureSiteHeight } from './utils';\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-imageParallax'];\n}\n\nexport function prepare(options: ScrubAnimationOptions, dom?: DomApi) {\n  const measures = {\n    '--motion-comp-height': '0px',\n    '--motion-site-height': '0',\n  };\n  const { isPage = false } = options.namedEffect as ImageParallax;\n  if (dom) {\n    if (isPage) {\n      measureSiteHeight(measures, dom, true);\n    } else {\n      measureCompHeight(measures, dom, true);\n    }\n  }\n  return measures;\n}\n\nexport function web(\n  options: ScrubAnimationOptions & AnimationExtraOptions,\n  dom?: DomApi,\n) {\n  options.measures = prepare(options, dom);\n\n  return style(options, true);\n}\n\nexport function style(\n  options: ScrubAnimationOptions & AnimationExtraOptions,\n  asWeb = false,\n) {\n  const {\n    speed = 1.5,\n    reverse = false,\n    isPage = false,\n  } = options.namedEffect as ImageParallax;\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  const custom = {\n    '--motion-trans-y-from': `${start | 0}%`,\n    '--motion-trans-y-to': `${end | 0}%`,\n  };\n\n  const [imageParallax] = getNames(options);\n\n  return [\n    {\n      ...options,\n      name: imageParallax,\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          ? `${toKeyframeValue(\n              options.measures || {},\n              '--motion-site-height',\n              asWeb,\n            )}`\n          : `calc(100vh + ${toKeyframeValue(\n              options.measures || {},\n              '--motion-comp-height',\n              asWeb,\n            )})`;\n      },\n      keyframes: [\n        {\n          transform: `translateY(${toKeyframeValue(\n            custom,\n            '--motion-trans-y-from',\n            asWeb,\n          )})`,\n        },\n        {\n          transform: `translateY(${toKeyframeValue(\n            custom,\n            '--motion-trans-y-to',\n            asWeb,\n          )})`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,27 +0,0 @@
-import * as BgCloseUp from './BgCloseUp';
-import * as BgFade from './BgFade';
-import * as BgFadeBack from './BgFadeBack';
-import * as BgFake3D from './BgFake3D';
-import * as BgPan from './BgPan';
-import * as BgParallax from './BgParallax';
-import * as BgPullBack from './BgPullBack';
-import * as BgReveal from './BgReveal';
-import * as BgRotate from './BgRotate';
-import * as BgSkew from './BgSkew';
-import * as BgZoom from './BgZoom';
-import * as ImageParallax from './ImageParallax';
-export const backgroundScrollAnimations = {
-  BgCloseUp,
-  BgFade,
-  BgFadeBack,
-  BgFake3D,
-  BgPan,
-  BgParallax,
-  BgPullBack,
-  BgReveal,
-  BgRotate,
-  BgSkew,
-  BgZoom,
-  ImageParallax
-};
-//# sourceMappingURL=index.js.map

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 * as BgCloseUp from './BgCloseUp';\nimport * as BgFade from './BgFade';\nimport * as BgFadeBack from './BgFadeBack';\nimport * as BgFake3D from './BgFake3D';\nimport * as BgPan from './BgPan';\nimport * as BgParallax from './BgParallax';\nimport * as BgPullBack from './BgPullBack';\nimport * as BgReveal from './BgReveal';\nimport * as BgRotate from './BgRotate';\nimport * as BgSkew from './BgSkew';\nimport * as BgZoom from './BgZoom';\nimport * as ImageParallax from './ImageParallax';\nimport type { BackgroundScrollAnimations } from '../../types';\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":"AAAA,OAAO,KAAKA,SAAS,MAAM,aAAa;AACxC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,UAAU,MAAM,cAAc;AAC1C,OAAO,KAAKC,QAAQ,MAAM,YAAY;AACtC,OAAO,KAAKC,KAAK,MAAM,SAAS;AAChC,OAAO,KAAKC,UAAU,MAAM,cAAc;AAC1C,OAAO,KAAKC,UAAU,MAAM,cAAc;AAC1C,OAAO,KAAKC,QAAQ,MAAM,YAAY;AACtC,OAAO,KAAKC,QAAQ,MAAM,YAAY;AACtC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,aAAa,MAAM,iBAAiB;AAGhD,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,42 +0,0 @@
-export function measureCompHeight(measures, dom, assignToCss) {
-  dom.measure(target => {
-    if (!target) {
-      return;
-    }
-    measures['--motion-comp-height'] = `${target.offsetHeight}px`;
-    if (measures['--motion-comp-half-height']) {
-      measures['--motion-comp-half-height'] = `${Math.round(0.5 * target.offsetHeight)}px`;
-    }
-  });
-  if (assignToCss) {
-    dom.mutate(target => {
-      target == null || target.style.setProperty('--motion-comp-height', measures['--motion-comp-height']);
-      if (measures['--motion-comp-half-height']) {
-        target == null || target.style.setProperty('--motion-comp-half-height', measures['--motion-comp-half-height']);
-      }
-    });
-  }
-}
-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, assignToCss) {
-  dom.measure(() => {
-    measures['--motion-site-height'] = `${getSiteHeight()}px`;
-  });
-  if (assignToCss) {
-    dom.mutate(target => {
-      target == null || target.style.setProperty('--motion-site-height', measures['--motion-site-height']);
-    });
-  }
-}
-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","offsetHeight","Math","round","mutate","style","setProperty","getMasterPage","window","document","getElementById","getWixAdsHeight","wixAds","getSiteHeight","masterPage","measureSiteHeight","getScaleFromPerspectiveAndZ","z","perspective"],"sources":["../../../../src/library/backgroundScroll/utils.ts"],"sourcesContent":["import type { DomApi } from '../../types';\n\nexport function measureCompHeight(\n  measures: {\n    '--motion-comp-height': string;\n    // TODO: (ameerf) - remove this once we support scalar multiplication in values passed to fizban or once SDA is widely available\n    '--motion-comp-half-height'?: string;\n  },\n  dom: DomApi,\n  assignToCss?: boolean,\n) {\n  dom.measure((target) => {\n    if (!target) {\n      return;\n    }\n    measures['--motion-comp-height'] = `${target.offsetHeight}px`;\n    if (measures['--motion-comp-half-height']) {\n      measures['--motion-comp-half-height'] = `${Math.round(\n        0.5 * target.offsetHeight,\n      )}px`;\n    }\n  });\n  if (assignToCss) {\n    dom.mutate((target) => {\n      target?.style.setProperty(\n        '--motion-comp-height',\n        measures['--motion-comp-height'],\n      );\n      if (measures['--motion-comp-half-height']) {\n        target?.style.setProperty(\n          '--motion-comp-half-height',\n          measures['--motion-comp-half-height'],\n        );\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: { '--motion-site-height': string },\n  dom: DomApi,\n  assignToCss?: boolean,\n) {\n  dom.measure(() => {\n    measures['--motion-site-height'] = `${getSiteHeight()}px`;\n  });\n  if (assignToCss) {\n    dom.mutate((target) => {\n      target?.style.setProperty(\n        '--motion-site-height',\n        measures['--motion-site-height'],\n      );\n    });\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,QAIC,EACDC,GAAW,EACXC,WAAqB,EACrB;EACAD,GAAG,CAACE,OAAO,CAAEC,MAAM,IAAK;IACtB,IAAI,CAACA,MAAM,EAAE;MACX;IACF;IACAJ,QAAQ,CAAC,sBAAsB,CAAC,GAAG,GAAGI,MAAM,CAACC,YAAY,IAAI;IAC7D,IAAIL,QAAQ,CAAC,2BAA2B,CAAC,EAAE;MACzCA,QAAQ,CAAC,2BAA2B,CAAC,GAAG,GAAGM,IAAI,CAACC,KAAK,CACnD,GAAG,GAAGH,MAAM,CAACC,YACf,CAAC,IAAI;IACP;EACF,CAAC,CAAC;EACF,IAAIH,WAAW,EAAE;IACfD,GAAG,CAACO,MAAM,CAAEJ,MAAM,IAAK;MACrBA,MAAM,YAANA,MAAM,CAAEK,KAAK,CAACC,WAAW,CACvB,sBAAsB,EACtBV,QAAQ,CAAC,sBAAsB,CACjC,CAAC;MACD,IAAIA,QAAQ,CAAC,2BAA2B,CAAC,EAAE;QACzCI,MAAM,YAANA,MAAM,CAAEK,KAAK,CAACC,WAAW,CACvB,2BAA2B,EAC3BV,QAAQ,CAAC,2BAA2B,CACtC,CAAC;MACH;IACF,CAAC,CAAC;EACJ;AACF;AAEA,MAAMW,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,CAACX,YAAY,GAAG,CAAC;AACzC,CAAC;AAED,MAAMY,aAAa,GAAGA,CAAA,KAAc;EAClC,MAAMC,UAAU,GAAGP,aAAa,CAAC,CAAC;EAClC,OAAOO,UAAU,GAAGA,UAAU,CAACb,YAAY,GAAGU,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACvE,CAAC;AAED,OAAO,SAASI,iBAAiBA,CAC/BnB,QAA4C,EAC5CC,GAAW,EACXC,WAAqB,EACrB;EACAD,GAAG,CAACE,OAAO,CAAC,MAAM;IAChBH,QAAQ,CAAC,sBAAsB,CAAC,GAAG,GAAGiB,aAAa,CAAC,CAAC,IAAI;EAC3D,CAAC,CAAC;EACF,IAAIf,WAAW,EAAE;IACfD,GAAG,CAACO,MAAM,CAAEJ,MAAM,IAAK;MACrBA,MAAM,YAANA,MAAM,CAAEK,KAAK,CAACC,WAAW,CACvB,sBAAsB,EACtBV,QAAQ,CAAC,sBAAsB,CACjC,CAAC;IACH,CAAC,CAAC;EACJ;AACF;AAEA,OAAO,SAASoB,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":[]}

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

@@ -1,143 +0,0 @@
-import { getEasingFamily, getEasing, toKeyframeValue, INITIAL_FRAME_OFFSET } from '../../utils';
-export function getNames(_) {
-  return ['motion-fadeIn', 'motion-bounceIn'];
-}
-const {
-  in: easeIn,
-  out: easeOut
-} = getEasingFamily('sineIn');
-const BOUNCE_KEYFRAMES = [{
-  offset: INITIAL_FRAME_OFFSET * 100,
-  translate: 100
-}, {
-  offset: 30,
-  translate: 0
-}, {
-  offset: 42,
-  translate: 35
-}, {
-  offset: 54,
-  translate: 0
-}, {
-  offset: 62,
-  translate: 21
-}, {
-  offset: 74,
-  translate: 0
-}, {
-  offset: 82,
-  translate: 9
-}, {
-  offset: 90,
-  translate: 0
-}, {
-  offset: 95,
-  translate: 2
-}, {
-  offset: 100,
-  translate: 0,
-  isIn: true
-}];
-const POWER_MAP = {
-  soft: 1,
-  medium: 2,
-  hard: 3
-};
-const TRANSLATE_DIRECTION_MAP = {
-  top: {
-    y: -1,
-    x: 0,
-    z: 0
-  },
-  right: {
-    y: 0,
-    x: 1,
-    z: 0
-  },
-  bottom: {
-    y: 1,
-    x: 0,
-    z: 0
-  },
-  left: {
-    y: 0,
-    x: -1,
-    z: 0
-  },
-  center: {
-    x: 0,
-    y: 0,
-    z: -1
-  }
-};
-export function web(options) {
-  return style(options, true);
-}
-export function style(options, asWeb) {
-  if (asWeb === void 0) {
-    asWeb = false;
-  }
-  const {
-    power,
-    distanceFactor: distance = 1,
-    direction = 'bottom'
-  } = options.namedEffect;
-  const [fadeIn, bounceIn] = getNames(options);
-  const distanceFactor = power && POWER_MAP[power] || distance;
-  const perspective = direction === 'center' ? 'perspective(800px)' : ' ';
-  const {
-    x,
-    y,
-    z
-  } = TRANSLATE_DIRECTION_MAP[direction];
-  const custom = {
-    '--motion-direction-x': x,
-    '--motion-direction-y': y,
-    '--motion-direction-z': z,
-    '--motion-distance-factor': distanceFactor,
-    '--motion-perspective': perspective,
-    '--motion-ease-in': getEasing(easeOut),
-    '--motion-ease-out': getEasing(easeIn)
-  };
-  const easeIn_ = toKeyframeValue(custom, '--motion-ease-in', asWeb);
-  const easeOut_ = toKeyframeValue(custom, '--motion-ease-out', asWeb);
-  const distanceFactor_ = toKeyframeValue(custom, '--motion-distance-factor', asWeb);
-  const perspective_ = toKeyframeValue(custom, '--motion-perspective', asWeb, '');
-  const directionX = toKeyframeValue(custom, '--motion-direction-x', asWeb);
-  const directionY = toKeyframeValue(custom, '--motion-direction-y', asWeb);
-  const directionZ = toKeyframeValue(custom, '--motion-direction-z', asWeb);
-  const keyframes = BOUNCE_KEYFRAMES.map((_ref, index) => {
-    let {
-      offset,
-      translate
-    } = _ref;
-    return {
-      offset: offset / 100,
-      animationTimingFunction: index % 2 ? easeIn_ : easeOut_,
-      transform: `${perspective_.trim()} translate3d(calc(${directionX} * ${distanceFactor_} * ${translate / 2}px), calc(${directionY} * ${distanceFactor_} * ${translate / 2}px), calc(${directionZ} * ${distanceFactor_} * ${translate / 2}px)) rotateZ(var(--comp-rotate-z, 0deg))`
-    };
-  });
-  return [{
-    ...options,
-    name: fadeIn,
-    easing: 'quadOut',
-    duration: options.duration * BOUNCE_KEYFRAMES[3].offset / 100,
-    custom: {},
-    keyframes: [{
-      offset: 0,
-      opacity: 0
-    }, {
-      opacity: 'var(--comp-opacity, 1)'
-    }]
-  }, {
-    ...options,
-    name: bounceIn,
-    easing: 'linear',
-    custom,
-    keyframes: [{
-      offset: 0,
-      transform: `perspective(800px) translate3d(0, 0, 0) rotateZ(var(--comp-rotate-z, 0deg))`
-    }, ...keyframes]
-  }];
-}
-//# sourceMappingURL=BounceIn.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["getEasingFamily","getEasing","toKeyframeValue","INITIAL_FRAME_OFFSET","getNames","_","in","easeIn","out","easeOut","BOUNCE_KEYFRAMES","offset","translate","isIn","POWER_MAP","soft","medium","hard","TRANSLATE_DIRECTION_MAP","top","y","x","z","right","bottom","left","center","web","options","style","asWeb","power","distanceFactor","distance","direction","namedEffect","fadeIn","bounceIn","perspective","custom","easeIn_","easeOut_","distanceFactor_","perspective_","directionX","directionY","directionZ","keyframes","map","_ref","index","animationTimingFunction","transform","trim","name","easing","duration","opacity"],"sources":["../../../../src/library/entrance/BounceIn.ts"],"sourcesContent":["import {\n  getEasingFamily,\n  getEasing,\n  toKeyframeValue,\n  INITIAL_FRAME_OFFSET,\n} from '../../utils';\nimport type { BounceIn, TimeAnimationOptions } from '../../types';\n\nexport function getNames(_: TimeAnimationOptions) {\n  return ['motion-fadeIn', 'motion-bounceIn'];\n}\n\nconst { in: easeIn, out: easeOut } = getEasingFamily('sineIn');\nconst BOUNCE_KEYFRAMES = [\n  { offset: INITIAL_FRAME_OFFSET * 100, translate: 100 },\n  { offset: 30, translate: 0 },\n  { offset: 42, translate: 35 },\n  { offset: 54, translate: 0 },\n  { offset: 62, translate: 21 },\n  { offset: 74, translate: 0 },\n  { offset: 82, translate: 9 },\n  { offset: 90, translate: 0 },\n  { offset: 95, translate: 2 },\n  { offset: 100, translate: 0, isIn: true },\n];\n\nconst POWER_MAP = {\n  soft: 1,\n  medium: 2,\n  hard: 3,\n};\n\nconst TRANSLATE_DIRECTION_MAP = {\n  top: { y: -1, x: 0, z: 0 },\n  right: { y: 0, x: 1, z: 0 },\n  bottom: { y: 1, x: 0, z: 0 },\n  left: { y: 0, x: -1, z: 0 },\n  center: { x: 0, y: 0, z: -1 },\n};\n\nexport function web(options: TimeAnimationOptions) {\n  return style(options, true);\n}\n\nexport function style(options: TimeAnimationOptions, asWeb = false) {\n  const {\n    power,\n    distanceFactor: distance = 1,\n    direction = 'bottom',\n  } = options.namedEffect as BounceIn;\n  const [fadeIn, bounceIn] = getNames(options);\n  const distanceFactor = (power && POWER_MAP[power]) || distance;\n  const perspective = direction === 'center' ? 'perspective(800px)' : ' ';\n  const { x, y, z } = TRANSLATE_DIRECTION_MAP[direction];\n\n  const custom = {\n    '--motion-direction-x': x,\n    '--motion-direction-y': y,\n    '--motion-direction-z': z,\n    '--motion-distance-factor': distanceFactor,\n    '--motion-perspective': perspective,\n    '--motion-ease-in': getEasing(easeOut),\n    '--motion-ease-out': getEasing(easeIn),\n  };\n\n  const easeIn_ = toKeyframeValue(custom, '--motion-ease-in', asWeb);\n  const easeOut_ = toKeyframeValue(custom, '--motion-ease-out', asWeb);\n  const distanceFactor_ = toKeyframeValue(\n    custom,\n    '--motion-distance-factor',\n    asWeb,\n  );\n  const perspective_ = toKeyframeValue(\n    custom,\n    '--motion-perspective',\n    asWeb,\n    '',\n  );\n  const directionX = toKeyframeValue(custom, '--motion-direction-x', asWeb);\n  const directionY = toKeyframeValue(custom, '--motion-direction-y', asWeb);\n  const directionZ = toKeyframeValue(custom, '--motion-direction-z', asWeb);\n\n  const keyframes = BOUNCE_KEYFRAMES.map(({ offset, translate }, index) => ({\n    offset: offset / 100,\n    animationTimingFunction: index % 2 ? easeIn_ : easeOut_,\n    transform: `${(\n      perspective_ as string\n    ).trim()} translate3d(calc(${directionX} * ${distanceFactor_} * ${\n      translate / 2\n    }px), calc(${directionY} * ${distanceFactor_} * ${\n      translate / 2\n    }px), calc(${directionZ} * ${distanceFactor_} * ${\n      translate / 2\n    }px)) rotateZ(var(--comp-rotate-z, 0deg))`,\n  }));\n\n  return [\n    {\n      ...options,\n      name: fadeIn,\n      easing: 'quadOut',\n      duration: (options.duration! * BOUNCE_KEYFRAMES[3].offset) / 100,\n      custom: {},\n      keyframes: [\n        { offset: 0, opacity: 0 },\n        { opacity: 'var(--comp-opacity, 1)' },\n      ],\n    },\n    {\n      ...options,\n      name: bounceIn,\n      easing: 'linear',\n      custom,\n      keyframes: [\n        {\n          offset: 0,\n          transform: `perspective(800px) translate3d(0, 0, 0) rotateZ(var(--comp-rotate-z, 0deg))`,\n        },\n        ...keyframes,\n      ],\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,71 +0,0 @@
-import { INITIAL_FRAME_OFFSET, toKeyframeValue } from '../../utils';
-export function getNames(_) {
-  return ['motion-circleXIn', 'motion-circleYIn'];
-}
-const ROTATION = 45;
-export function web(options, dom) {
-  prepare(options, dom);
-  return style(options, true);
-}
-export function style(options, asWeb) {
-  if (asWeb === void 0) {
-    asWeb = false;
-  }
-  const {
-    direction = 'right'
-  } = options.namedEffect;
-  const [circleXIn, circleYIn] = getNames(options);
-  const x = direction === 'right' ? 'calc(100vw - var(--motion-left, 0px))' : 'calc(var(--motion-left, 0px) * -1 - 100%)';
-  const y = 'min(calc(100% * -1.5), max(-300px, calc(100% * -5.5)))';
-  const customX = {
-    '--motion-translate-x': x
-  };
-  const customY = {
-    '--motion-translate-y': y,
-    '--motion-rotate-z': `${(direction === 'right' ? 1 : -1) * ROTATION}deg`
-  };
-  return [{
-    ...options,
-    name: circleXIn,
-    easing: 'circOut',
-    custom: customX,
-    keyframes: [{
-      offset: INITIAL_FRAME_OFFSET,
-      translate: toKeyframeValue(customX, '--motion-translate-x', asWeb)
-    }, {
-      translate: '0'
-    }]
-  }, {
-    ...options,
-    name: circleYIn,
-    easing: 'linear',
-    custom: customY,
-    keyframes: [{
-      offset: 0,
-      opacity: 0,
-      easing: 'step-end'
-    }, {
-      offset: INITIAL_FRAME_OFFSET,
-      opacity: 0,
-      transform: `translateY(${toKeyframeValue(customY, '--motion-translate-y', asWeb)}) rotate(calc(var(--comp-rotate-z, 0deg) + ${toKeyframeValue(customY, '--motion-rotate-z', asWeb)}))`
-    }, {
-      opacity: 'var(--comp-opacity, 1)',
-      transform: `translateY(0) rotate(var(--comp-rotate-z, 0deg))`
-    }]
-  }];
-}
-export function prepare(_, dom) {
-  if (dom) {
-    let left = 0;
-    dom.measure(target => {
-      if (!target) {
-        return;
-      }
-      left = target.getBoundingClientRect().left;
-    });
-    dom.mutate(target => {
-      target == null || target.style.setProperty('--motion-left', `${left}px`);
-    });
-  }
-}
-//# sourceMappingURL=CircleIn.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["INITIAL_FRAME_OFFSET","toKeyframeValue","getNames","_","ROTATION","web","options","dom","prepare","style","asWeb","direction","namedEffect","circleXIn","circleYIn","x","y","customX","customY","name","easing","custom","keyframes","offset","translate","opacity","transform","left","measure","target","getBoundingClientRect","mutate","setProperty"],"sources":["../../../../src/library/entrance/CircleIn.ts"],"sourcesContent":["import type { TimeAnimationOptions, CircleIn, DomApi } from '../../types';\nimport { INITIAL_FRAME_OFFSET, toKeyframeValue } from '../../utils';\n\nexport function getNames(_: TimeAnimationOptions) {\n  return ['motion-circleXIn', 'motion-circleYIn'];\n}\n\nconst ROTATION = 45;\n\nexport function web(options: TimeAnimationOptions, dom?: DomApi) {\n  prepare(options, dom);\n\n  return style(options, true);\n}\n\nexport function style(options: TimeAnimationOptions, asWeb = false) {\n  const { direction = 'right' } = options.namedEffect as CircleIn;\n  const [circleXIn, circleYIn] = getNames(options);\n\n  const x =\n    direction === 'right'\n      ? 'calc(100vw - var(--motion-left, 0px))'\n      : 'calc(var(--motion-left, 0px) * -1 - 100%)';\n  const y = 'min(calc(100% * -1.5), max(-300px, calc(100% * -5.5)))';\n\n  const customX = {\n    '--motion-translate-x': x,\n  };\n  const customY = {\n    '--motion-translate-y': y,\n    '--motion-rotate-z': `${(direction === 'right' ? 1 : -1) * ROTATION}deg`,\n  };\n\n  return [\n    {\n      ...options,\n      name: circleXIn,\n      easing: 'circOut',\n      custom: customX,\n      keyframes: [\n        {\n          offset: INITIAL_FRAME_OFFSET,\n          translate: toKeyframeValue(customX, '--motion-translate-x', asWeb),\n        },\n        {\n          translate: '0',\n        },\n      ],\n    },\n    {\n      ...options,\n      name: circleYIn,\n      easing: 'linear',\n      custom: customY,\n      keyframes: [\n        {\n          offset: 0,\n          opacity: 0,\n          easing: 'step-end',\n        },\n        {\n          offset: INITIAL_FRAME_OFFSET,\n          opacity: 0,\n          transform: `translateY(${toKeyframeValue(\n            customY,\n            '--motion-translate-y',\n            asWeb,\n          )}) rotate(calc(var(--comp-rotate-z, 0deg) + ${toKeyframeValue(\n            customY,\n            '--motion-rotate-z',\n            asWeb,\n          )}))`,\n        },\n        {\n          opacity: 'var(--comp-opacity, 1)',\n          transform: `translateY(0) rotate(var(--comp-rotate-z, 0deg))`,\n        },\n      ],\n    },\n  ];\n}\n\nexport function prepare(_: TimeAnimationOptions, dom?: DomApi) {\n  if (dom) {\n    let left = 0;\n\n    dom.measure((target) => {\n      if (!target) {\n        return;\n      }\n\n      left = target.getBoundingClientRect().left;\n    });\n\n    dom.mutate((target) => {\n      target?.style.setProperty('--motion-left', `${left}px`);\n    });\n  }\n}\n"],"mappings":"AACA,SAASA,oBAAoB,EAAEC,eAAe,QAAQ,aAAa;AAEnE,OAAO,SAASC,QAAQA,CAACC,CAAuB,EAAE;EAChD,OAAO,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;AACjD;AAEA,MAAMC,QAAQ,GAAG,EAAE;AAEnB,OAAO,SAASC,GAAGA,CAACC,OAA6B,EAAEC,GAAY,EAAE;EAC/DC,OAAO,CAACF,OAAO,EAAEC,GAAG,CAAC;EAErB,OAAOE,KAAK,CAACH,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEA,OAAO,SAASG,KAAKA,CAACH,OAA6B,EAAEI,KAAK,EAAU;EAAA,IAAfA,KAAK;IAALA,KAAK,GAAG,KAAK;EAAA;EAChE,MAAM;IAAEC,SAAS,GAAG;EAAQ,CAAC,GAAGL,OAAO,CAACM,WAAuB;EAC/D,MAAM,CAACC,SAAS,EAAEC,SAAS,CAAC,GAAGZ,QAAQ,CAACI,OAAO,CAAC;EAEhD,MAAMS,CAAC,GACLJ,SAAS,KAAK,OAAO,GACjB,uCAAuC,GACvC,2CAA2C;EACjD,MAAMK,CAAC,GAAG,wDAAwD;EAElE,MAAMC,OAAO,GAAG;IACd,sBAAsB,EAAEF;EAC1B,CAAC;EACD,MAAMG,OAAO,GAAG;IACd,sBAAsB,EAAEF,CAAC;IACzB,mBAAmB,EAAE,GAAG,CAACL,SAAS,KAAK,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,IAAIP,QAAQ;EACrE,CAAC;EAED,OAAO,CACL;IACE,GAAGE,OAAO;IACVa,IAAI,EAAEN,SAAS;IACfO,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAEJ,OAAO;IACfK,SAAS,EAAE,CACT;MACEC,MAAM,EAAEvB,oBAAoB;MAC5BwB,SAAS,EAAEvB,eAAe,CAACgB,OAAO,EAAE,sBAAsB,EAAEP,KAAK;IACnE,CAAC,EACD;MACEc,SAAS,EAAE;IACb,CAAC;EAEL,CAAC,EACD;IACE,GAAGlB,OAAO;IACVa,IAAI,EAAEL,SAAS;IACfM,MAAM,EAAE,QAAQ;IAChBC,MAAM,EAAEH,OAAO;IACfI,SAAS,EAAE,CACT;MACEC,MAAM,EAAE,CAAC;MACTE,OAAO,EAAE,CAAC;MACVL,MAAM,EAAE;IACV,CAAC,EACD;MACEG,MAAM,EAAEvB,oBAAoB;MAC5ByB,OAAO,EAAE,CAAC;MACVC,SAAS,EAAE,cAAczB,eAAe,CACtCiB,OAAO,EACP,sBAAsB,EACtBR,KACF,CAAC,8CAA8CT,eAAe,CAC5DiB,OAAO,EACP,mBAAmB,EACnBR,KACF,CAAC;IACH,CAAC,EACD;MACEe,OAAO,EAAE,wBAAwB;MACjCC,SAAS,EAAE;IACb,CAAC;EAEL,CAAC,CACF;AACH;AAEA,OAAO,SAASlB,OAAOA,CAACL,CAAuB,EAAEI,GAAY,EAAE;EAC7D,IAAIA,GAAG,EAAE;IACP,IAAIoB,IAAI,GAAG,CAAC;IAEZpB,GAAG,CAACqB,OAAO,CAAEC,MAAM,IAAK;MACtB,IAAI,CAACA,MAAM,EAAE;QACX;MACF;MAEAF,IAAI,GAAGE,MAAM,CAACC,qBAAqB,CAAC,CAAC,CAACH,IAAI;IAC5C,CAAC,CAAC;IAEFpB,GAAG,CAACwB,MAAM,CAAEF,MAAM,IAAK;MACrBA,MAAM,YAANA,MAAM,CAAEpB,KAAK,CAACuB,WAAW,CAAC,eAAe,EAAE,GAAGL,IAAI,IAAI,CAAC;IACzD,CAAC,CAAC;EACJ;AACF","ignoreList":[]}