@wix/motion 1.665.0 → 2.0.0-rc.3

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

@@ -1,127 +0,0 @@
-import { roundNumber, toKeyframeValue } from '../../utils';
-import { measureCompHeight, getScaleFromPerspectiveAndZ } from './utils';
-const PERSPECTIVE = 100;
-export function getNames(_) {
-  return ['motion-bgFake3DParallax', 'motion-bgFake3DStretch', 'motion-bgFake3DZoom'];
-}
-export function prepare(_, dom) {
-  const measures = {
-    '--motion-comp-height': '0px'
-  };
-  if (dom) {
-    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 {
-    stretch = 1.3,
-    zoom = 100 / 6
-  } = options.namedEffect;
-  const scale = getScaleFromPerspectiveAndZ(zoom, PERSPECTIVE);
-  const custom = {
-    '--motion-scale-y': stretch,
-    '--motion-trans-z': `${roundNumber(zoom)}px`,
-    '--motion-trans-y-factor': roundNumber(-0.1 * (2 - scale))
-  };
-  const [bgFake3DParallax, bgFake3DStretch, bgFake3DZoom] = getNames(options);
-  const {
-    measures = {
-      '--motion-comp-height': '0px'
-    }
-  } = options;
-  return [{
-    ...options,
-    name: bgFake3DParallax,
-    part: 'BG_IMG',
-    easing: 'sineOut',
-    startOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    endOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    get endOffsetAdd() {
-      return `calc(100svh + ${toKeyframeValue(measures, '--motion-comp-height', asWeb)})`;
-    },
-    get keyframes() {
-      return [{
-        transform: 'translateY(10svh)'
-      }, {
-        transform: `translateY(calc(${toKeyframeValue(custom, '--motion-trans-y-factor', asWeb)} * ${toKeyframeValue(measures, '--motion-comp-height', false, measures['--motion-comp-height'])}))`
-      }];
-    }
-  }, {
-    ...options,
-    name: bgFake3DStretch,
-    part: 'BG_IMG',
-    easing: 'linear',
-    composite: 'add',
-    startOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    endOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    get endOffsetAdd() {
-      return `calc(100svh + ${toKeyframeValue(measures, '--motion-comp-height', asWeb)})`;
-    },
-    keyframes: [{
-      transform: `scaleY(${toKeyframeValue(custom, '--motion-scale-y', asWeb)})`
-    }, {
-      transform: `scaleY(1)`
-    }]
-  }, {
-    ...options,
-    name: bgFake3DZoom,
-    part: 'BG_IMG',
-    easing: 'sineIn',
-    composite: 'add',
-    startOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    endOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    get endOffsetAdd() {
-      return `calc(100svh + ${toKeyframeValue(measures, '--motion-comp-height', asWeb)})`;
-    },
-    keyframes: [{
-      transform: `perspective(${PERSPECTIVE}px) translateZ(0px)`
-    }, {
-      transform: `perspective(${PERSPECTIVE}px) translateZ(${toKeyframeValue(custom, '--motion-trans-z', asWeb)})`
-    }]
-  }];
-}
-//# sourceMappingURL=BgFake3D.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["roundNumber","toKeyframeValue","measureCompHeight","getScaleFromPerspectiveAndZ","PERSPECTIVE","getNames","_","prepare","dom","measures","web","options","style","asWeb","stretch","zoom","namedEffect","scale","custom","bgFake3DParallax","bgFake3DStretch","bgFake3DZoom","name","part","easing","startOffset","offset","type","value","endOffset","endOffsetAdd","keyframes","transform","composite"],"sources":["../../../../src/library/backgroundScroll/BgFake3D.ts"],"sourcesContent":["import type {\n  BgFake3D,\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;\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return [\n    'motion-bgFake3DParallax',\n    'motion-bgFake3DStretch',\n    'motion-bgFake3DZoom',\n  ];\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  const { stretch = 1.3, zoom = 100 / 6 } = options.namedEffect as BgFake3D;\n  const scale = getScaleFromPerspectiveAndZ(zoom, PERSPECTIVE);\n\n  const custom = {\n    '--motion-scale-y': stretch,\n    '--motion-trans-z': `${roundNumber(zoom)}px`,\n    '--motion-trans-y-factor': roundNumber(-0.1 * (2 - scale)),\n  };\n\n  const [bgFake3DParallax, bgFake3DStretch, bgFake3DZoom] = getNames(options);\n  const { measures = { '--motion-comp-height': '0px' } } = options;\n\n  return [\n    {\n      ...options,\n      name: bgFake3DParallax,\n      part: 'BG_IMG',\n      easing: 'sineOut',\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(10svh)',\n          },\n          {\n            transform: `translateY(calc(${toKeyframeValue(\n              custom,\n              '--motion-trans-y-factor',\n              asWeb,\n            )} * ${toKeyframeValue(\n              measures,\n              '--motion-comp-height',\n              false,\n              measures!['--motion-comp-height'] as string,\n            )}))`,\n          },\n        ];\n      },\n    },\n    {\n      ...options,\n      name: bgFake3DStretch,\n      part: 'BG_IMG',\n      easing: 'linear',\n      composite: 'add' 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: `scaleY(${toKeyframeValue(\n            custom,\n            '--motion-scale-y',\n            asWeb,\n          )})`,\n        },\n        {\n          transform: `scaleY(1)`,\n        },\n      ],\n    },\n    {\n      ...options,\n      name: bgFake3DZoom,\n      part: 'BG_IMG',\n      easing: 'sineIn',\n      composite: 'add' 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(0px)`,\n        },\n        {\n          transform: `perspective(${PERSPECTIVE}px) translateZ(${toKeyframeValue(\n            custom,\n            '--motion-trans-z',\n            asWeb,\n          )})`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,60 +0,0 @@
-import { toKeyframeValue } from '../../utils';
-import { measureCompHeight } from './utils';
-export function getNames(_) {
-  return ['motion-bgPan'];
-}
-export function prepare(_, dom) {
-  const measures = {
-    '--motion-comp-height': '0px'
-  };
-  if (dom) {
-    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 {
-    direction = 'left',
-    speed = 0.2
-  } = options.namedEffect;
-  const offsetPercentage = 50 * speed / (1 + speed) | 0;
-  const custom = {
-    '--motion-trans-x': direction === 'left' ? `${offsetPercentage}%` : `${-offsetPercentage}%`
-  };
-  const [bgPan] = getNames(options);
-  return [{
-    ...options,
-    name: bgPan,
-    part: 'BG_MEDIA',
-    startOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    endOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    get endOffsetAdd() {
-      return `calc(100vh + ${toKeyframeValue(options.measures || {}, '--motion-comp-height', asWeb)})`;
-    },
-    keyframes: [{
-      transform: `translateX(${toKeyframeValue(custom, '--motion-trans-x', asWeb)})`
-    }, {
-      transform: `translateX(calc(-1 * ${toKeyframeValue(custom, '--motion-trans-x', asWeb)}))`
-    }]
-  }];
-}
-//# sourceMappingURL=BgPan.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["toKeyframeValue","measureCompHeight","getNames","_","prepare","dom","measures","web","options","style","asWeb","direction","speed","namedEffect","offsetPercentage","custom","bgPan","name","part","startOffset","offset","type","value","endOffset","endOffsetAdd","keyframes","transform"],"sources":["../../../../src/library/backgroundScroll/BgPan.ts"],"sourcesContent":["import type {\n  BgPan,\n  DomApi,\n  RangeOffset,\n  AnimationExtraOptions,\n  ScrubAnimationOptions,\n} from '../../types';\nimport { toKeyframeValue } from '../../utils';\nimport { measureCompHeight } from './utils';\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-bgPan'];\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  const { direction = 'left', speed = 0.2 } = options.namedEffect as BgPan;\n  const offsetPercentage = ((50 * speed) / (1 + speed)) | 0;\n\n  const custom = {\n    '--motion-trans-x':\n      direction === 'left' ? `${offsetPercentage}%` : `${-offsetPercentage}%`,\n  };\n\n  const [bgPan] = getNames(options);\n\n  return [\n    {\n      ...options,\n      name: bgPan,\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 + ${toKeyframeValue(\n          options.measures || {},\n          '--motion-comp-height',\n          asWeb,\n        )})`;\n      },\n      keyframes: [\n        {\n          transform: `translateX(${toKeyframeValue(\n            custom,\n            '--motion-trans-x',\n            asWeb,\n          )})`,\n        },\n        {\n          transform: `translateX(calc(-1 * ${toKeyframeValue(\n            custom,\n            '--motion-trans-x',\n            asWeb,\n          )}))`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"AAOA,SAASA,eAAe,QAAQ,aAAa;AAC7C,SAASC,iBAAiB,QAAQ,SAAS;AAE3C,OAAO,SAASC,QAAQA,CAACC,CAAwB,EAAE;EACjD,OAAO,CAAC,cAAc,CAAC;AACzB;AAEA,OAAO,SAASC,OAAOA,CAACD,CAAwB,EAAEE,GAAY,EAAE;EAC9D,MAAMC,QAAQ,GAAG;IAAE,sBAAsB,EAAE;EAAM,CAAC;EAClD,IAAID,GAAG,EAAE;IACPJ,iBAAiB,CAACK,QAAQ,EAAED,GAAG,EAAE,IAAI,CAAC;EACxC;EACA,OAAOC,QAAQ;AACjB;AAEA,OAAO,SAASC,GAAGA,CACjBC,OAAsD,EACtDH,GAAY,EACZ;EACAG,OAAO,CAACF,QAAQ,GAAGF,OAAO,CAACI,OAAO,EAAEH,GAAG,CAAC;EAExC,OAAOI,KAAK,CAACD,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEA,OAAO,SAASC,KAAKA,CACnBD,OAAsD,EACtDE,KAAK,EACL;EAAA,IADAA,KAAK;IAALA,KAAK,GAAG,KAAK;EAAA;EAEb,MAAM;IAAEC,SAAS,GAAG,MAAM;IAAEC,KAAK,GAAG;EAAI,CAAC,GAAGJ,OAAO,CAACK,WAAoB;EACxE,MAAMC,gBAAgB,GAAK,EAAE,GAAGF,KAAK,IAAK,CAAC,GAAGA,KAAK,CAAC,GAAI,CAAC;EAEzD,MAAMG,MAAM,GAAG;IACb,kBAAkB,EAChBJ,SAAS,KAAK,MAAM,GAAG,GAAGG,gBAAgB,GAAG,GAAG,GAAG,CAACA,gBAAgB;EACxE,CAAC;EAED,MAAM,CAACE,KAAK,CAAC,GAAGd,QAAQ,CAACM,OAAO,CAAC;EAEjC,OAAO,CACL;IACE,GAAGA,OAAO;IACVS,IAAI,EAAED,KAAK;IACXE,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE;MACXF,IAAI,EAAE,OAAO;MACbG,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChBC,SAAS,EAAE;MACTN,IAAI,EAAE,OAAO;MACbG,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChB,IAAIE,YAAYA,CAAA,EAAG;MACjB,OAAO,gBAAgBxB,eAAe,CACpCQ,OAAO,CAACF,QAAQ,IAAI,CAAC,CAAC,EACtB,sBAAsB,EACtBI,KACF,CAAC,GAAG;IACN,CAAC;IACDe,SAAS,EAAE,CACT;MACEC,SAAS,EAAE,cAAc1B,eAAe,CACtCe,MAAM,EACN,kBAAkB,EAClBL,KACF,CAAC;IACH,CAAC,EACD;MACEgB,SAAS,EAAE,wBAAwB1B,eAAe,CAChDe,MAAM,EACN,kBAAkB,EAClBL,KACF,CAAC;IACH,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

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

@@ -1,58 +0,0 @@
-import { toKeyframeValue } from '../../utils';
-import { measureCompHeight } from './utils';
-export function getNames(_) {
-  return ['motion-bgParallax'];
-}
-export function prepare(_, dom) {
-  const measures = {
-    '--motion-comp-height': '0px'
-  };
-  if (dom) {
-    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 = 0.2
-  } = options.namedEffect;
-  const custom = {
-    '--motion-parallax-speed': speed
-  };
-  const [bgParallax] = getNames(options);
-  return [{
-    ...options,
-    name: bgParallax,
-    part: 'BG_MEDIA',
-    startOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    endOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    get endOffsetAdd() {
-      return `calc(100svh + ${toKeyframeValue(options.measures || {}, '--motion-comp-height', asWeb)})`;
-    },
-    keyframes: [{
-      transform: `translateY(calc(${toKeyframeValue(custom, '--motion-parallax-speed', asWeb)} * 100svh))`
-    }, {
-      transform: `translateY(calc((200lvh - 100%) * ${toKeyframeValue(custom, '--motion-parallax-speed', asWeb)}))`
-    }]
-  }];
-}
-//# sourceMappingURL=BgParallax.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["toKeyframeValue","measureCompHeight","getNames","_","prepare","dom","measures","web","options","style","asWeb","speed","namedEffect","custom","bgParallax","name","part","startOffset","offset","type","value","endOffset","endOffsetAdd","keyframes","transform"],"sources":["../../../../src/library/backgroundScroll/BgParallax.ts"],"sourcesContent":["import type {\n  BgParallax,\n  RangeOffset,\n  AnimationExtraOptions,\n  ScrubAnimationOptions,\n  DomApi,\n} from '../../types';\nimport { toKeyframeValue } from '../../utils';\nimport { measureCompHeight } from './utils';\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-bgParallax'];\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  const { speed = 0.2 } = options.namedEffect as BgParallax;\n  const custom = {\n    '--motion-parallax-speed': speed,\n  };\n\n  const [bgParallax] = getNames(options);\n\n  return [\n    {\n      ...options,\n      name: bgParallax,\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 + ${toKeyframeValue(\n          options.measures || {},\n          '--motion-comp-height',\n          asWeb,\n        )})`;\n      },\n      keyframes: [\n        {\n          transform: `translateY(calc(${toKeyframeValue(\n            custom,\n            '--motion-parallax-speed',\n            asWeb,\n          )} * 100svh))`,\n        },\n        {\n          transform: `translateY(calc((200lvh - 100%) * ${toKeyframeValue(\n            custom,\n            '--motion-parallax-speed',\n            asWeb,\n          )}))`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"AAOA,SAASA,eAAe,QAAQ,aAAa;AAC7C,SAASC,iBAAiB,QAAQ,SAAS;AAE3C,OAAO,SAASC,QAAQA,CAACC,CAAwB,EAAE;EACjD,OAAO,CAAC,mBAAmB,CAAC;AAC9B;AAEA,OAAO,SAASC,OAAOA,CAACD,CAAwB,EAAEE,GAAY,EAAE;EAC9D,MAAMC,QAAQ,GAAG;IAAE,sBAAsB,EAAE;EAAM,CAAC;EAClD,IAAID,GAAG,EAAE;IACPJ,iBAAiB,CAACK,QAAQ,EAAED,GAAG,EAAE,IAAI,CAAC;EACxC;EACA,OAAOC,QAAQ;AACjB;AAEA,OAAO,SAASC,GAAGA,CACjBC,OAAsD,EACtDH,GAAY,EACZ;EACAG,OAAO,CAACF,QAAQ,GAAGF,OAAO,CAACI,OAAO,EAAEH,GAAG,CAAC;EAExC,OAAOI,KAAK,CAACD,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEA,OAAO,SAASC,KAAKA,CACnBD,OAAsD,EACtDE,KAAK,EACL;EAAA,IADAA,KAAK;IAALA,KAAK,GAAG,KAAK;EAAA;EAEb,MAAM;IAAEC,KAAK,GAAG;EAAI,CAAC,GAAGH,OAAO,CAACI,WAAyB;EACzD,MAAMC,MAAM,GAAG;IACb,yBAAyB,EAAEF;EAC7B,CAAC;EAED,MAAM,CAACG,UAAU,CAAC,GAAGZ,QAAQ,CAACM,OAAO,CAAC;EAEtC,OAAO,CACL;IACE,GAAGA,OAAO;IACVO,IAAI,EAAED,UAAU;IAChBE,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE;MACXF,IAAI,EAAE,OAAO;MACbG,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChBC,SAAS,EAAE;MACTN,IAAI,EAAE,OAAO;MACbG,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChB,IAAIE,YAAYA,CAAA,EAAG;MACjB,OAAO,iBAAiBtB,eAAe,CACrCQ,OAAO,CAACF,QAAQ,IAAI,CAAC,CAAC,EACtB,sBAAsB,EACtBI,KACF,CAAC,GAAG;IACN,CAAC;IACDa,SAAS,EAAE,CACT;MACEC,SAAS,EAAE,mBAAmBxB,eAAe,CAC3Ca,MAAM,EACN,yBAAyB,EACzBH,KACF,CAAC;IACH,CAAC,EACD;MACEc,SAAS,EAAE,qCAAqCxB,eAAe,CAC7Da,MAAM,EACN,yBAAyB,EACzBH,KACF,CAAC;IACH,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

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

@@ -1,62 +0,0 @@
-import { toKeyframeValue } from '../../utils';
-import { measureCompHeight } from './utils';
-export function getNames(_) {
-  return ['motion-bgPullBack'];
-}
-export function prepare(_, dom) {
-  const measures = {
-    '--motion-comp-height': '0px'
-  };
-  if (dom) {
-    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 easing = 'linear';
-  const {
-    scale = 50
-  } = options.namedEffect;
-  const custom = {
-    '--motion-trans-z': `${scale}px`,
-    // TODO: (ameerf) - remove and use only scale once CSS round is widely available
-    '--motion-trans-y': `-${scale / 3 | 0}%`
-  };
-  const [bgPullBack] = getNames(options);
-  return [{
-    ...options,
-    name: bgPullBack,
-    easing,
-    part: 'BG_MEDIA',
-    startOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    endOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    get endOffsetAdd() {
-      return `${toKeyframeValue(options.measures || {}, '--motion-comp-height', asWeb)}`;
-    },
-    keyframes: [{
-      transform: `perspective(100px) translate3d(0px, ${toKeyframeValue(custom, '--motion-trans-y', asWeb)}, ${toKeyframeValue(custom, '--motion-trans-z', asWeb)})`
-    }, {
-      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":["toKeyframeValue","measureCompHeight","getNames","_","prepare","dom","measures","web","options","style","asWeb","easing","scale","namedEffect","custom","bgPullBack","name","part","startOffset","offset","type","value","endOffset","endOffsetAdd","keyframes","transform"],"sources":["../../../../src/library/backgroundScroll/BgPullBack.ts"],"sourcesContent":["import type {\n  BgPullBack,\n  DomApi,\n  RangeOffset,\n  AnimationExtraOptions,\n  ScrubAnimationOptions,\n} from '../../types';\nimport { toKeyframeValue } from '../../utils';\nimport { measureCompHeight } from './utils';\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-bgPullBack'];\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  const easing = 'linear';\n  const { scale = 50 } = options.namedEffect as BgPullBack;\n\n  const custom = {\n    '--motion-trans-z': `${scale}px`,\n    // TODO: (ameerf) - remove and use only scale once CSS round is widely available\n    '--motion-trans-y': `-${(scale / 3) | 0}%`,\n  };\n\n  const [bgPullBack] = getNames(options);\n\n  return [\n    {\n      ...options,\n      name: bgPullBack,\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 `${toKeyframeValue(\n          options.measures || {},\n          '--motion-comp-height',\n          asWeb,\n        )}`;\n      },\n      keyframes: [\n        {\n          transform: `perspective(100px) translate3d(0px, ${toKeyframeValue(\n            custom,\n            '--motion-trans-y',\n            asWeb,\n          )}, ${toKeyframeValue(custom, '--motion-trans-z', asWeb)})`,\n        },\n        {\n          transform: 'perspective(100px) translate3d(0px, 0px, 0px)',\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"AAOA,SAASA,eAAe,QAAQ,aAAa;AAC7C,SAASC,iBAAiB,QAAQ,SAAS;AAE3C,OAAO,SAASC,QAAQA,CAACC,CAAwB,EAAE;EACjD,OAAO,CAAC,mBAAmB,CAAC;AAC9B;AAEA,OAAO,SAASC,OAAOA,CAACD,CAAwB,EAAEE,GAAY,EAAE;EAC9D,MAAMC,QAAQ,GAAG;IAAE,sBAAsB,EAAE;EAAM,CAAC;EAClD,IAAID,GAAG,EAAE;IACPJ,iBAAiB,CAACK,QAAQ,EAAED,GAAG,EAAE,IAAI,CAAC;EACxC;EACA,OAAOC,QAAQ;AACjB;AAEA,OAAO,SAASC,GAAGA,CACjBC,OAAsD,EACtDH,GAAY,EACZ;EACAG,OAAO,CAACF,QAAQ,GAAGF,OAAO,CAACI,OAAO,EAAEH,GAAG,CAAC;EAExC,OAAOI,KAAK,CAACD,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEA,OAAO,SAASC,KAAKA,CACnBD,OAAsD,EACtDE,KAAK,EACL;EAAA,IADAA,KAAK;IAALA,KAAK,GAAG,KAAK;EAAA;EAEb,MAAMC,MAAM,GAAG,QAAQ;EACvB,MAAM;IAAEC,KAAK,GAAG;EAAG,CAAC,GAAGJ,OAAO,CAACK,WAAyB;EAExD,MAAMC,MAAM,GAAG;IACb,kBAAkB,EAAE,GAAGF,KAAK,IAAI;IAChC;IACA,kBAAkB,EAAE,IAAKA,KAAK,GAAG,CAAC,GAAI,CAAC;EACzC,CAAC;EAED,MAAM,CAACG,UAAU,CAAC,GAAGb,QAAQ,CAACM,OAAO,CAAC;EAEtC,OAAO,CACL;IACE,GAAGA,OAAO;IACVQ,IAAI,EAAED,UAAU;IAChBJ,MAAM;IACNM,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE;MACXF,IAAI,EAAE,OAAO;MACbG,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChBC,SAAS,EAAE;MACTN,IAAI,EAAE,OAAO;MACbG,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChB,IAAIE,YAAYA,CAAA,EAAG;MACjB,OAAO,GAAGvB,eAAe,CACvBQ,OAAO,CAACF,QAAQ,IAAI,CAAC,CAAC,EACtB,sBAAsB,EACtBI,KACF,CAAC,EAAE;IACL,CAAC;IACDc,SAAS,EAAE,CACT;MACEC,SAAS,EAAE,uCAAuCzB,eAAe,CAC/Dc,MAAM,EACN,kBAAkB,EAClBJ,KACF,CAAC,KAAKV,eAAe,CAACc,MAAM,EAAE,kBAAkB,EAAEJ,KAAK,CAAC;IAC1D,CAAC,EACD;MACEe,SAAS,EAAE;IACb,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

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

@@ -1,21 +0,0 @@
-import { measureCompHeight } from './utils';
-export function getNames(_) {
-  return [];
-}
-export function prepare(_, dom) {
-  const measures = {
-    '--motion-comp-height': '0px'
-  };
-  if (dom) {
-    measureCompHeight(measures, dom, true);
-  }
-  return measures;
-}
-export function web(options, dom) {
-  prepare(options, dom);
-  return style(options);
-}
-export function style(_options) {
-  return [];
-}
-//# sourceMappingURL=BgReveal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["measureCompHeight","getNames","_","prepare","dom","measures","web","options","style","_options"],"sources":["../../../../src/library/backgroundScroll/BgReveal.ts"],"sourcesContent":["import type { ScrubAnimationOptions, DomApi } from '../../types';\nimport { measureCompHeight } from './utils';\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return [];\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(options: ScrubAnimationOptions, dom?: DomApi) {\n  prepare(options, dom);\n\n  return style(options);\n}\n\nexport function style(_options: ScrubAnimationOptions) {\n  return [];\n}\n"],"mappings":"AACA,SAASA,iBAAiB,QAAQ,SAAS;AAE3C,OAAO,SAASC,QAAQA,CAACC,CAAwB,EAAE;EACjD,OAAO,EAAE;AACX;AAEA,OAAO,SAASC,OAAOA,CAACD,CAAwB,EAAEE,GAAY,EAAE;EAC9D,MAAMC,QAAQ,GAAG;IAAE,sBAAsB,EAAE;EAAM,CAAC;EAClD,IAAID,GAAG,EAAE;IACPJ,iBAAiB,CAACK,QAAQ,EAAED,GAAG,EAAE,IAAI,CAAC;EACxC;EACA,OAAOC,QAAQ;AACjB;AAEA,OAAO,SAASC,GAAGA,CAACC,OAA8B,EAAEH,GAAY,EAAE;EAChED,OAAO,CAACI,OAAO,EAAEH,GAAG,CAAC;EAErB,OAAOI,KAAK,CAACD,OAAO,CAAC;AACvB;AAEA,OAAO,SAASC,KAAKA,CAACC,QAA+B,EAAE;EACrD,OAAO,EAAE;AACX","ignoreList":[]}

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

@@ -1,48 +0,0 @@
-import { toKeyframeValue } from '../../utils';
-export function getNames(_) {
-  return ['motion-bgRotate'];
-}
-export function web(options) {
-  return style(options, true);
-}
-export function style(options, asWeb) {
-  if (asWeb === void 0) {
-    asWeb = false;
-  }
-  const easing = 'sineOut';
-  const {
-    angle = 22,
-    direction = 'counter-clockwise'
-  } = options.namedEffect;
-  const custom = {
-    '--motion-rot-from': `${direction === 'counter-clockwise' ? angle : -angle}deg`
-  };
-  const [bgRotate] = getNames(options);
-  return [{
-    ...options,
-    name: bgRotate,
-    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(${toKeyframeValue(custom, '--motion-rot-from', asWeb)})`
-    }, {
-      transform: 'rotate(0deg)'
-    }]
-  }];
-}
-//# sourceMappingURL=BgRotate.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["toKeyframeValue","getNames","_","web","options","style","asWeb","easing","angle","direction","namedEffect","custom","bgRotate","name","part","startOffset","offset","type","value","endOffset","endOffsetAdd","keyframes","transform"],"sources":["../../../../src/library/backgroundScroll/BgRotate.ts"],"sourcesContent":["import type { BgRotate, RangeOffset, ScrubAnimationOptions } from '../../types';\nimport { toKeyframeValue } from '../../utils';\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-bgRotate'];\n}\n\nexport function web(options: ScrubAnimationOptions) {\n  return style(options, true);\n}\n\nexport function style(options: ScrubAnimationOptions, asWeb = false) {\n  const easing = 'sineOut';\n  const { angle = 22, direction = 'counter-clockwise' } =\n    options.namedEffect as BgRotate;\n\n  const custom = {\n    '--motion-rot-from': `${\n      direction === 'counter-clockwise' ? angle : -angle\n    }deg`,\n  };\n\n  const [bgRotate] = getNames(options);\n\n  return [\n    {\n      ...options,\n      name: bgRotate,\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(${toKeyframeValue(\n            custom,\n            '--motion-rot-from',\n            asWeb,\n          )})`,\n        },\n        {\n          transform: 'rotate(0deg)',\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"AACA,SAASA,eAAe,QAAQ,aAAa;AAE7C,OAAO,SAASC,QAAQA,CAACC,CAAwB,EAAE;EACjD,OAAO,CAAC,iBAAiB,CAAC;AAC5B;AAEA,OAAO,SAASC,GAAGA,CAACC,OAA8B,EAAE;EAClD,OAAOC,KAAK,CAACD,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEA,OAAO,SAASC,KAAKA,CAACD,OAA8B,EAAEE,KAAK,EAAU;EAAA,IAAfA,KAAK;IAALA,KAAK,GAAG,KAAK;EAAA;EACjE,MAAMC,MAAM,GAAG,SAAS;EACxB,MAAM;IAAEC,KAAK,GAAG,EAAE;IAAEC,SAAS,GAAG;EAAoB,CAAC,GACnDL,OAAO,CAACM,WAAuB;EAEjC,MAAMC,MAAM,GAAG;IACb,mBAAmB,EAAE,GACnBF,SAAS,KAAK,mBAAmB,GAAGD,KAAK,GAAG,CAACA,KAAK;EAEtD,CAAC;EAED,MAAM,CAACI,QAAQ,CAAC,GAAGX,QAAQ,CAACG,OAAO,CAAC;EAEpC,OAAO,CACL;IACE,GAAGA,OAAO;IACVS,IAAI,EAAED,QAAQ;IACdL,MAAM;IACNO,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE;MACXF,IAAI,EAAE,OAAO;MACbG,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChBC,SAAS,EAAE;MACTN,IAAI,EAAE,OAAO;MACbG,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChBE,YAAY,EAAE,OAAO;IACrBC,SAAS,EAAE,CACT;MACEC,SAAS,EAAE,UAAUtB,eAAe,CAClCW,MAAM,EACN,mBAAmB,EACnBL,KACF,CAAC;IACH,CAAC,EACD;MACEgB,SAAS,EAAE;IACb,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

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

@@ -1,59 +0,0 @@
-import { toKeyframeValue } from '../../utils';
-import { measureCompHeight } from './utils';
-export function getNames(_) {
-  return ['motion-bgSkew'];
-}
-export function prepare(_, dom) {
-  const measures = {
-    '--motion-comp-height': '0px'
-  };
-  if (dom) {
-    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 {
-    angle = 20,
-    direction = 'counter-clockwise'
-  } = options.namedEffect;
-  const custom = {
-    '--motion-skew': `${direction === 'counter-clockwise' ? angle : -angle}deg`
-  };
-  const [bgSkew] = getNames(options);
-  return [{
-    ...options,
-    name: bgSkew,
-    part: 'BG_MEDIA',
-    startOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    endOffset: {
-      name: 'cover',
-      offset: {
-        type: 'percentage',
-        value: 0
-      }
-    },
-    get endOffsetAdd() {
-      return `calc(100vh + ${toKeyframeValue(options.measures || {}, '--motion-comp-height', asWeb)})`;
-    },
-    keyframes: [{
-      transform: `skewY(${toKeyframeValue(custom, '--motion-skew', asWeb)})`
-    }, {
-      transform: `skewY(calc(-1 * ${toKeyframeValue(custom, '--motion-skew', asWeb)}))`
-    }]
-  }];
-}
-//# sourceMappingURL=BgSkew.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["toKeyframeValue","measureCompHeight","getNames","_","prepare","dom","measures","web","options","style","asWeb","angle","direction","namedEffect","custom","bgSkew","name","part","startOffset","offset","type","value","endOffset","endOffsetAdd","keyframes","transform"],"sources":["../../../../src/library/backgroundScroll/BgSkew.ts"],"sourcesContent":["import type {\n  BgSkew,\n  DomApi,\n  RangeOffset,\n  AnimationExtraOptions,\n  ScrubAnimationOptions,\n} from '../../types';\nimport { toKeyframeValue } from '../../utils';\nimport { measureCompHeight } from './utils';\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-bgSkew'];\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  const { angle = 20, direction = 'counter-clockwise' } =\n    options.namedEffect as BgSkew;\n\n  const custom = {\n    '--motion-skew': `${direction === 'counter-clockwise' ? angle : -angle}deg`,\n  };\n\n  const [bgSkew] = getNames(options);\n\n  return [\n    {\n      ...options,\n      name: bgSkew,\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 + ${toKeyframeValue(\n          options.measures || {},\n          '--motion-comp-height',\n          asWeb,\n        )})`;\n      },\n      keyframes: [\n        {\n          transform: `skewY(${toKeyframeValue(\n            custom,\n            '--motion-skew',\n            asWeb,\n          )})`,\n        },\n        {\n          transform: `skewY(calc(-1 * ${toKeyframeValue(\n            custom,\n            '--motion-skew',\n            asWeb,\n          )}))`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"AAOA,SAASA,eAAe,QAAQ,aAAa;AAC7C,SAASC,iBAAiB,QAAQ,SAAS;AAE3C,OAAO,SAASC,QAAQA,CAACC,CAAwB,EAAE;EACjD,OAAO,CAAC,eAAe,CAAC;AAC1B;AAEA,OAAO,SAASC,OAAOA,CAACD,CAAwB,EAAEE,GAAY,EAAE;EAC9D,MAAMC,QAAQ,GAAG;IAAE,sBAAsB,EAAE;EAAM,CAAC;EAClD,IAAID,GAAG,EAAE;IACPJ,iBAAiB,CAACK,QAAQ,EAAED,GAAG,EAAE,IAAI,CAAC;EACxC;EACA,OAAOC,QAAQ;AACjB;AAEA,OAAO,SAASC,GAAGA,CACjBC,OAAsD,EACtDH,GAAY,EACZ;EACAG,OAAO,CAACF,QAAQ,GAAGF,OAAO,CAACI,OAAO,EAAEH,GAAG,CAAC;EAExC,OAAOI,KAAK,CAACD,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEA,OAAO,SAASC,KAAKA,CACnBD,OAAsD,EACtDE,KAAK,EACL;EAAA,IADAA,KAAK;IAALA,KAAK,GAAG,KAAK;EAAA;EAEb,MAAM;IAAEC,KAAK,GAAG,EAAE;IAAEC,SAAS,GAAG;EAAoB,CAAC,GACnDJ,OAAO,CAACK,WAAqB;EAE/B,MAAMC,MAAM,GAAG;IACb,eAAe,EAAE,GAAGF,SAAS,KAAK,mBAAmB,GAAGD,KAAK,GAAG,CAACA,KAAK;EACxE,CAAC;EAED,MAAM,CAACI,MAAM,CAAC,GAAGb,QAAQ,CAACM,OAAO,CAAC;EAElC,OAAO,CACL;IACE,GAAGA,OAAO;IACVQ,IAAI,EAAED,MAAM;IACZE,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE;MACXF,IAAI,EAAE,OAAO;MACbG,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChBC,SAAS,EAAE;MACTN,IAAI,EAAE,OAAO;MACbG,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChB,IAAIE,YAAYA,CAAA,EAAG;MACjB,OAAO,gBAAgBvB,eAAe,CACpCQ,OAAO,CAACF,QAAQ,IAAI,CAAC,CAAC,EACtB,sBAAsB,EACtBI,KACF,CAAC,GAAG;IACN,CAAC;IACDc,SAAS,EAAE,CACT;MACEC,SAAS,EAAE,SAASzB,eAAe,CACjCc,MAAM,EACN,eAAe,EACfJ,KACF,CAAC;IACH,CAAC,EACD;MACEe,SAAS,EAAE,mBAAmBzB,eAAe,CAC3Cc,MAAM,EACN,eAAe,EACfJ,KACF,CAAC;IACH,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

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

@@ -1,159 +0,0 @@
-import { roundNumber, toKeyframeValue } 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 function getNames(options) {
-  const {
-    direction = 'in'
-  } = options.namedEffect;
-  const names = ['motion-bgZoomMedia', 'motion-bgZoomImg'];
-  if (direction === 'in') {
-    names.splice(1, 0, 'motion-bgZoomParallax');
-  }
-  return names;
-}
-export function prepare(_, dom) {
-  const measures = {
-    '--motion-comp-height': '0px'
-  };
-  if (dom) {
-    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;
-  }
-  let {
-    direction = 'in',
-    zoom = DEFAULT_ZOOM
-  } = options.namedEffect;
-  const isIn = direction === 'in';
-  if (!isIn) {
-    direction = 'out';
-    zoom *= ZOOM_OUT_FACTOR;
-  }
-  const {
-    easing,
-    fromY
-  } = DIRECTION_TO_PARAMS[direction];
-  const fromZ = isIn ? 0 : zoom / 1.3;
-  const toZ = isIn ? zoom : -zoom;
-  const toScale = roundNumber(getScaleFromPerspectiveAndZ(toZ, PERSPECTIVE));
-  const custom = {
-    '--motion-zoom-over-pers': 0.5 * zoom / PERSPECTIVE,
-    '--motion-scale-to': toScale,
-    '--motion-trans-y-from': fromY,
-    '--motion-trans-z-from': `${roundNumber(fromZ)}px`,
-    '--motion-trans-z-to': `${roundNumber(toZ)}px`
-  };
-  const {
-    measures = {
-      '--motion-comp-height': '0px'
-    }
-  } = options;
-  const animations = [{
-    ...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,
-    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 + ${toKeyframeValue(measures, '--motion-comp-height', asWeb)})`;
-    },
-    keyframes: [{
-      transform: `perspective(${PERSPECTIVE}px) translateZ(${toKeyframeValue(custom, '--motion-trans-z-from', asWeb)})`
-    }, {
-      transform: `perspective(${PERSPECTIVE}px) translateZ(${toKeyframeValue(custom, '--motion-trans-z-to', asWeb)})`
-    }]
-  }];
-  if (isIn) {
-    animations.splice(1, 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 + ${toKeyframeValue(measures, '--motion-comp-height', asWeb)})`;
-      },
-      get keyframes() {
-        return [{
-          transform: `translateY(${toKeyframeValue(custom, '--motion-trans-y-from', asWeb)})`
-        }, {
-          transform: `translateY(calc(${toKeyframeValue(custom, '--motion-scale-to', asWeb)} * (-0.2 * ${toKeyframeValue(measures, '--motion-comp-height', false, measures['--motion-comp-height'])} + ${toKeyframeValue(custom, '--motion-zoom-over-pers', asWeb)} * max(0px, 100lvh - ${toKeyframeValue(measures, '--motion-comp-height', false, measures['--motion-comp-height'])}))))`
-        }];
-      }
-    });
-  }
-  const names = getNames(options);
-  animations.forEach((animation, index) => {
-    animation.name = names[index];
-  });
-  return animations;
-}
-//# sourceMappingURL=BgZoom.js.map