@wix/motion 1.665.0 → 2.0.0-rc.3

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

@@ -1,92 +0,0 @@
-import { getCssUnits, transformPolarToXY, toKeyframeValue } from '../../utils';
-const POWER_MAP = {
-  soft: {
-    value: 150,
-    type: 'px'
-  },
-  medium: {
-    value: 400,
-    type: 'px'
-  },
-  hard: {
-    value: 800,
-    type: 'px'
-  }
-};
-export function getNames(_) {
-  return ['motion-moveScroll'];
-}
-export function web(options, _, config) {
-  return style(options, config, true);
-}
-export function style(options, config, asWeb) {
-  if (asWeb === void 0) {
-    asWeb = false;
-  }
-  const {
-    power,
-    angle = 210,
-    range = 'in'
-  } = options.namedEffect;
-  const easing = 'linear';
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const {
-    distance: inputDistance = {
-      value: 400,
-      type: 'px'
-    }
-  } = options.namedEffect;
-  const distance = {
-    value: inputDistance.value || 0,
-    type: inputDistance.type || 'px'
-  };
-  const travel = power && POWER_MAP[power] ? POWER_MAP[power] : distance;
-  let [travelX, travelY] = transformPolarToXY(angle - 90, travel.value);
-  const unit = getCssUnits(travel.type);
-  let startOffsetAdd = '',
-    endOffsetAdd = '';
-  if (!(config != null && config.ignoreScrollMoveOffsets)) {
-    if (travelY < 0 && range !== 'out') {
-      startOffsetAdd = `${travelY}${unit}`;
-      if (range !== 'in') {
-        endOffsetAdd = `${Math.abs(travelY)}${unit}`;
-      }
-    }
-    if (travelY > 0 && range === 'out') {
-      endOffsetAdd = `${Math.abs(travelY)}${unit}`;
-    }
-  }
-  [travelX, travelY] = [travelX, travelY].map(Math.round);
-  const fromValue = {
-    x: range === 'out' ? 0 : travelX,
-    y: range === 'out' ? 0 : travelY
-  };
-  const toValue = {
-    x: range === 'in' ? 0 : range === 'out' ? travelX : -travelX,
-    y: range === 'in' ? 0 : range === 'out' ? travelY : -travelY
-  };
-  const [moveScroll] = getNames(options);
-  const custom = {
-    '--motion-move-from-x': `${fromValue.x}${unit}`,
-    '--motion-move-from-y': `${fromValue.y}${unit}`,
-    '--motion-move-to-x': `${toValue.x}${unit}`,
-    '--motion-move-to-y': `${toValue.y}${unit}`
-  };
-
-  // use transform: translate(<value>) and not translate: <value> because of WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=276281
-  return [{
-    ...options,
-    name: moveScroll,
-    fill,
-    easing,
-    startOffsetAdd,
-    endOffsetAdd,
-    custom,
-    keyframes: [{
-      transform: `translate(${toKeyframeValue(custom, '--motion-move-from-x', asWeb)}, ${toKeyframeValue(custom, '--motion-move-from-y', asWeb)}) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`
-    }, {
-      transform: `translate(${toKeyframeValue(custom, '--motion-move-to-x', asWeb)}, ${toKeyframeValue(custom, '--motion-move-to-y', asWeb)}) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`
-    }]
-  }];
-}
-//# sourceMappingURL=MoveScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["getCssUnits","transformPolarToXY","toKeyframeValue","POWER_MAP","soft","value","type","medium","hard","getNames","_","web","options","config","style","asWeb","power","angle","range","namedEffect","easing","fill","distance","inputDistance","travel","travelX","travelY","unit","startOffsetAdd","endOffsetAdd","ignoreScrollMoveOffsets","Math","abs","map","round","fromValue","x","y","toValue","moveScroll","custom","name","keyframes","transform"],"sources":["../../../../src/library/scroll/MoveScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  DomApi,\n  MoveScroll,\n  ScrubAnimationOptions,\n} from '../../types';\nimport { getCssUnits, transformPolarToXY, toKeyframeValue } from '../../utils';\n\nconst POWER_MAP = {\n  soft: { value: 150, type: 'px' },\n  medium: { value: 400, type: 'px' },\n  hard: { value: 800, type: 'px' },\n};\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-moveScroll'];\n}\n\nexport function web(\n  options: ScrubAnimationOptions,\n  _?: DomApi,\n  config?: Record<string, any>,\n) {\n  return style(options, config, true);\n}\n\nexport function style(\n  options: ScrubAnimationOptions,\n  config?: Record<string, any>,\n  asWeb = false,\n) {\n  const {\n    power,\n    angle = 210,\n    range = 'in',\n  } = options.namedEffect as MoveScroll;\n\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const { distance: inputDistance = { value: 400, type: 'px' } } =\n    options.namedEffect as MoveScroll;\n  const distance = {\n    value: inputDistance.value || 0,\n    type: inputDistance.type || 'px',\n  };\n\n  const travel = power && POWER_MAP[power] ? POWER_MAP[power] : distance;\n  let [travelX, travelY] = transformPolarToXY(angle - 90, travel.value);\n  const unit = getCssUnits(travel.type);\n\n  let startOffsetAdd = '',\n    endOffsetAdd = '';\n  if (!config?.ignoreScrollMoveOffsets) {\n    if (travelY < 0 && range !== 'out') {\n      startOffsetAdd = `${travelY}${unit}`;\n      if (range !== 'in') {\n        endOffsetAdd = `${Math.abs(travelY)}${unit}`;\n      }\n    }\n    if (travelY > 0 && range === 'out') {\n      endOffsetAdd = `${Math.abs(travelY)}${unit}`;\n    }\n  }\n\n  [travelX, travelY] = [travelX, travelY].map(Math.round);\n  const fromValue = {\n    x: range === 'out' ? 0 : travelX,\n    y: range === 'out' ? 0 : travelY,\n  };\n  const toValue = {\n    x: range === 'in' ? 0 : range === 'out' ? travelX : -travelX,\n    y: range === 'in' ? 0 : range === 'out' ? travelY : -travelY,\n  };\n\n  const [moveScroll] = getNames(options);\n\n  const custom = {\n    '--motion-move-from-x': `${fromValue.x}${unit}`,\n    '--motion-move-from-y': `${fromValue.y}${unit}`,\n    '--motion-move-to-x': `${toValue.x}${unit}`,\n    '--motion-move-to-y': `${toValue.y}${unit}`,\n  };\n\n  // use transform: translate(<value>) and not translate: <value> because of WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=276281\n  return [\n    {\n      ...options,\n      name: moveScroll,\n      fill,\n      easing,\n      startOffsetAdd,\n      endOffsetAdd,\n      custom,\n      keyframes: [\n        {\n          transform: `translate(${toKeyframeValue(\n            custom,\n            '--motion-move-from-x',\n            asWeb,\n          )}, ${toKeyframeValue(\n            custom,\n            '--motion-move-from-y',\n            asWeb,\n          )}) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`,\n        },\n        {\n          transform: `translate(${toKeyframeValue(\n            custom,\n            '--motion-move-to-x',\n            asWeb,\n          )}, ${toKeyframeValue(\n            custom,\n            '--motion-move-to-y',\n            asWeb,\n          )}) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,73 +0,0 @@
-import { getCssUnits, toKeyframeValue } from '../../utils';
-export function getNames(_) {
-  return ['motion-panScroll'];
-}
-export function prepare(options, dom) {
-  if (options.namedEffect && options.namedEffect.startFromOffScreen && 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`);
-    });
-  }
-}
-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 = 'left',
-    startFromOffScreen = true,
-    range = 'in'
-  } = options.namedEffect;
-  let {
-    distance
-  } = options.namedEffect;
-  if (!distance || !distance.value || !distance.type) {
-    distance = {
-      value: 400,
-      type: 'px'
-    };
-  }
-  const travel = distance.value * (direction === 'left' ? 1 : -1);
-  let startX = `${-travel}${getCssUnits(distance.type)}`;
-  let endX = `${travel}${getCssUnits(distance.type)}`;
-  if (startFromOffScreen) {
-    const startXLeft = `calc(${toKeyframeValue({}, '--motion-left', false, 'calc(100vw - 100%)')} * -1 - 100%)`;
-    const endXLeft = `calc(100vw - ${toKeyframeValue({}, '--motion-left', false, '0px')})`;
-    [startX, endX] = direction === 'left' ? [startXLeft, endXLeft] : [endXLeft, startXLeft];
-  }
-  const fromValue = range === 'out' ? 0 : startX;
-  const toValue = range === 'in' ? 0 : range === 'out' ? startX : endX;
-  const easing = 'linear';
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const [panScroll] = getNames(options);
-  const custom = {
-    '--motion-pan-from': fromValue,
-    '--motion-pan-to': toValue
-  };
-
-  // use transform: translateX(<value>) and not translate: <value> because of WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=276281
-  return [{
-    ...options,
-    name: panScroll,
-    fill,
-    easing,
-    custom,
-    keyframes: [{
-      transform: `translateX(${toKeyframeValue(custom, '--motion-pan-from', asWeb)}) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`
-    }, {
-      transform: `translateX(${toKeyframeValue(custom, '--motion-pan-to', asWeb)}) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`
-    }]
-  }];
-}
-//# sourceMappingURL=PanScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["getCssUnits","toKeyframeValue","getNames","_","prepare","options","dom","namedEffect","startFromOffScreen","left","measure","target","getBoundingClientRect","mutate","style","setProperty","web","asWeb","direction","range","distance","value","type","travel","startX","endX","startXLeft","endXLeft","fromValue","toValue","easing","fill","panScroll","custom","name","keyframes","transform"],"sources":["../../../../src/library/scroll/PanScroll.ts"],"sourcesContent":["import {\n  PanScroll,\n  ScrubAnimationOptions,\n  DomApi,\n  AnimationFillMode,\n} from '../../types';\nimport { getCssUnits, toKeyframeValue } from '../../utils';\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-panScroll'];\n}\n\nexport function prepare(options: ScrubAnimationOptions, dom?: DomApi) {\n  if (\n    options.namedEffect &&\n    (options.namedEffect as PanScroll).startFromOffScreen &&\n    dom\n  ) {\n    let left = 0;\n    dom.measure((target) => {\n      if (!target) {\n        return;\n      }\n      left = target.getBoundingClientRect().left;\n    });\n    dom.mutate((target) => {\n      target?.style.setProperty('--motion-left', `${left}px`);\n    });\n  }\n}\n\nexport function web(options: ScrubAnimationOptions, dom?: DomApi) {\n  prepare(options, dom);\n\n  return style(options, true);\n}\n\nexport function style(options: ScrubAnimationOptions, asWeb = false) {\n  const {\n    direction = 'left',\n    startFromOffScreen = true,\n    range = 'in',\n  } = options.namedEffect as PanScroll;\n  let { distance } = options.namedEffect as PanScroll;\n  if (!distance || !distance.value || !distance.type) {\n    distance = { value: 400, type: 'px' };\n  }\n  const travel = distance.value * (direction === 'left' ? 1 : -1);\n  let startX = `${-travel}${getCssUnits(distance.type)}`;\n  let endX = `${travel}${getCssUnits(distance.type)}`;\n  if (startFromOffScreen) {\n    const startXLeft = `calc(${toKeyframeValue(\n      {},\n      '--motion-left',\n      false,\n      'calc(100vw - 100%)',\n    )} * -1 - 100%)`;\n    const endXLeft = `calc(100vw - ${toKeyframeValue(\n      {},\n      '--motion-left',\n      false,\n      '0px',\n    )})`;\n    [startX, endX] =\n      direction === 'left' ? [startXLeft, endXLeft] : [endXLeft, startXLeft];\n  }\n\n  const fromValue = range === 'out' ? 0 : startX;\n  const toValue = range === 'in' ? 0 : range === 'out' ? startX : endX;\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const [panScroll] = getNames(options);\n\n  const custom = {\n    '--motion-pan-from': fromValue,\n    '--motion-pan-to': toValue,\n  };\n\n  // use transform: translateX(<value>) and not translate: <value> because of WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=276281\n  return [\n    {\n      ...options,\n      name: panScroll,\n      fill,\n      easing,\n      custom,\n      keyframes: [\n        {\n          transform: `translateX(${toKeyframeValue(\n            custom,\n            '--motion-pan-from',\n            asWeb,\n          )}) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`,\n        },\n        {\n          transform: `translateX(${toKeyframeValue(\n            custom,\n            '--motion-pan-to',\n            asWeb,\n          )}) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,40 +0,0 @@
-import { toKeyframeValue } from '../../utils';
-const DEFAULT_SPEED = 0.5;
-export function getNames(_) {
-  return ['motion-parallaxScroll'];
-}
-export function web(options, _dom) {
-  return style(options, true);
-}
-export function style(options, asWeb) {
-  if (asWeb === void 0) {
-    asWeb = false;
-  }
-  const {
-    speed = DEFAULT_SPEED
-  } = options.namedEffect;
-  const easing = 'linear';
-  const start = `${-50 * speed}vh`;
-  const end = `${50 * speed}vh`;
-  const [parallaxScroll] = getNames(options);
-  const custom = {
-    '--motion-parallax-to': end
-  };
-
-  // use transform: translateY(<value>) and not translate: 0 <value> because of WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=276281
-  return [{
-    ...options,
-    name: parallaxScroll,
-    fill: 'both',
-    easing,
-    startOffsetAdd: start,
-    endOffsetAdd: end,
-    custom,
-    keyframes: [{
-      transform: `translateY(calc(-1 * ${toKeyframeValue(custom, '--motion-parallax-to', asWeb)})) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`
-    }, {
-      transform: `translateY(${toKeyframeValue(custom, '--motion-parallax-to', asWeb)}) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`
-    }]
-  }];
-}
-//# sourceMappingURL=ParallaxScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["toKeyframeValue","DEFAULT_SPEED","getNames","_","web","options","_dom","style","asWeb","speed","namedEffect","easing","start","end","parallaxScroll","custom","name","fill","startOffsetAdd","endOffsetAdd","keyframes","transform"],"sources":["../../../../src/library/scroll/ParallaxScroll.ts"],"sourcesContent":["import type {\n  ScrubAnimationOptions,\n  ParallaxScroll,\n  AnimationFillMode,\n  DomApi,\n} from '../../types';\nimport { toKeyframeValue } from '../../utils';\n\nconst DEFAULT_SPEED = 0.5;\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-parallaxScroll'];\n}\n\nexport function web(options: ScrubAnimationOptions, _dom?: DomApi) {\n  return style(options, true);\n}\n\nexport function style(options: ScrubAnimationOptions, asWeb = false) {\n  const { speed = DEFAULT_SPEED } = options.namedEffect as ParallaxScroll;\n  const easing = 'linear';\n\n  const start = `${-50 * speed}vh`;\n  const end = `${50 * speed}vh`;\n\n  const [parallaxScroll] = getNames(options);\n\n  const custom = {\n    '--motion-parallax-to': end,\n  };\n\n  // use transform: translateY(<value>) and not translate: 0 <value> because of WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=276281\n  return [\n    {\n      ...options,\n      name: parallaxScroll,\n      fill: 'both' as AnimationFillMode,\n      easing,\n      startOffsetAdd: start,\n      endOffsetAdd: end,\n      custom,\n      keyframes: [\n        {\n          transform: `translateY(calc(-1 * ${toKeyframeValue(\n            custom,\n            '--motion-parallax-to',\n            asWeb,\n          )})) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`,\n        },\n        {\n          transform: `translateY(${toKeyframeValue(\n            custom,\n            '--motion-parallax-to',\n            asWeb,\n          )}) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"AAMA,SAASA,eAAe,QAAQ,aAAa;AAE7C,MAAMC,aAAa,GAAG,GAAG;AAEzB,OAAO,SAASC,QAAQA,CAACC,CAAwB,EAAE;EACjD,OAAO,CAAC,uBAAuB,CAAC;AAClC;AAEA,OAAO,SAASC,GAAGA,CAACC,OAA8B,EAAEC,IAAa,EAAE;EACjE,OAAOC,KAAK,CAACF,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEA,OAAO,SAASE,KAAKA,CAACF,OAA8B,EAAEG,KAAK,EAAU;EAAA,IAAfA,KAAK;IAALA,KAAK,GAAG,KAAK;EAAA;EACjE,MAAM;IAAEC,KAAK,GAAGR;EAAc,CAAC,GAAGI,OAAO,CAACK,WAA6B;EACvE,MAAMC,MAAM,GAAG,QAAQ;EAEvB,MAAMC,KAAK,GAAG,GAAG,CAAC,EAAE,GAAGH,KAAK,IAAI;EAChC,MAAMI,GAAG,GAAG,GAAG,EAAE,GAAGJ,KAAK,IAAI;EAE7B,MAAM,CAACK,cAAc,CAAC,GAAGZ,QAAQ,CAACG,OAAO,CAAC;EAE1C,MAAMU,MAAM,GAAG;IACb,sBAAsB,EAAEF;EAC1B,CAAC;;EAED;EACA,OAAO,CACL;IACE,GAAGR,OAAO;IACVW,IAAI,EAAEF,cAAc;IACpBG,IAAI,EAAE,MAA2B;IACjCN,MAAM;IACNO,cAAc,EAAEN,KAAK;IACrBO,YAAY,EAAEN,GAAG;IACjBE,MAAM;IACNK,SAAS,EAAE,CACT;MACEC,SAAS,EAAE,wBAAwBrB,eAAe,CAChDe,MAAM,EACN,sBAAsB,EACtBP,KACF,CAAC,aAAaR,eAAe,CAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,CAAC;IAClE,CAAC,EACD;MACEqB,SAAS,EAAE,cAAcrB,eAAe,CACtCe,MAAM,EACN,sBAAsB,EACtBP,KACF,CAAC,YAAYR,eAAe,CAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,CAAC;IACjE,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

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

@@ -1,52 +0,0 @@
-import { applyRotationAdjustedClip, getRevealClipFrom, getRevealClipTo, toKeyframeValue, INITIAL_CLIP } from '../../utils';
-export function getNames(options) {
-  const {
-    range = 'in'
-  } = options.namedEffect;
-  return [`motion-revealScroll${range === 'continuous' ? '-continuous' : ''}`];
-}
-export function prepare(options, dom) {
-  if (dom) {
-    const {
-      direction = 'bottom',
-      range = 'in'
-    } = options.namedEffect;
-    applyRotationAdjustedClip(dom, direction, range);
-  }
-}
-export function web(options, dom) {
-  prepare(options, dom);
-  return style(options);
-}
-export function style(options) {
-  const {
-    direction = 'bottom',
-    range = 'in'
-  } = options.namedEffect;
-  const easing = 'linear';
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const [revealScroll] = getNames(options);
-  const custom = {
-    '--motion-clip-from': getRevealClipFrom(direction, range),
-    '--motion-clip-to': getRevealClipTo(direction, range)
-  };
-  const keyframes = [{
-    clipPath: toKeyframeValue({}, '--motion-clip-from', false, custom['--motion-clip-from'])
-  }, {
-    clipPath: toKeyframeValue({}, '--motion-clip-to', false, custom['--motion-clip-to'])
-  }];
-  if (range === 'continuous') {
-    keyframes.splice(1, 0, {
-      clipPath: INITIAL_CLIP
-    });
-  }
-  return [{
-    ...options,
-    name: revealScroll,
-    fill,
-    easing,
-    custom,
-    keyframes
-  }];
-}
-//# sourceMappingURL=RevealScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["applyRotationAdjustedClip","getRevealClipFrom","getRevealClipTo","toKeyframeValue","INITIAL_CLIP","getNames","options","range","namedEffect","prepare","dom","direction","web","style","easing","fill","revealScroll","custom","keyframes","clipPath","splice","name"],"sources":["../../../../src/library/scroll/RevealScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  ScrubAnimationOptions,\n  RevealScroll,\n  DomApi,\n} from '../../types';\nimport {\n  applyRotationAdjustedClip,\n  getRevealClipFrom,\n  getRevealClipTo,\n  toKeyframeValue,\n  INITIAL_CLIP,\n} from '../../utils';\n\nexport function getNames(options: ScrubAnimationOptions) {\n  const { range = 'in' } = options.namedEffect as RevealScroll;\n  return [`motion-revealScroll${range === 'continuous' ? '-continuous' : ''}`];\n}\n\nexport function prepare(options: ScrubAnimationOptions, dom?: DomApi) {\n  if (dom) {\n    const { direction = 'bottom', range = 'in' } =\n      options.namedEffect as RevealScroll;\n    applyRotationAdjustedClip(dom, direction, range);\n  }\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  const { direction = 'bottom', range = 'in' } =\n    options.namedEffect as RevealScroll;\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const [revealScroll] = getNames(options);\n\n  const custom = {\n    '--motion-clip-from': getRevealClipFrom(direction, range),\n    '--motion-clip-to': getRevealClipTo(direction, range),\n  };\n\n  const keyframes = [\n    {\n      clipPath: toKeyframeValue(\n        {},\n        '--motion-clip-from',\n        false,\n        custom['--motion-clip-from'],\n      ),\n    },\n    {\n      clipPath: toKeyframeValue(\n        {},\n        '--motion-clip-to',\n        false,\n        custom['--motion-clip-to'],\n      ),\n    },\n  ];\n\n  if (range === 'continuous') {\n    keyframes.splice(1, 0, { clipPath: INITIAL_CLIP });\n  }\n\n  return [\n    {\n      ...options,\n      name: revealScroll,\n      fill,\n      easing,\n      custom,\n      keyframes,\n    },\n  ];\n}\n"],"mappings":"AAMA,SACEA,yBAAyB,EACzBC,iBAAiB,EACjBC,eAAe,EACfC,eAAe,EACfC,YAAY,QACP,aAAa;AAEpB,OAAO,SAASC,QAAQA,CAACC,OAA8B,EAAE;EACvD,MAAM;IAAEC,KAAK,GAAG;EAAK,CAAC,GAAGD,OAAO,CAACE,WAA2B;EAC5D,OAAO,CAAC,sBAAsBD,KAAK,KAAK,YAAY,GAAG,aAAa,GAAG,EAAE,EAAE,CAAC;AAC9E;AAEA,OAAO,SAASE,OAAOA,CAACH,OAA8B,EAAEI,GAAY,EAAE;EACpE,IAAIA,GAAG,EAAE;IACP,MAAM;MAAEC,SAAS,GAAG,QAAQ;MAAEJ,KAAK,GAAG;IAAK,CAAC,GAC1CD,OAAO,CAACE,WAA2B;IACrCR,yBAAyB,CAACU,GAAG,EAAEC,SAAS,EAAEJ,KAAK,CAAC;EAClD;AACF;AAEA,OAAO,SAASK,GAAGA,CAACN,OAA8B,EAAEI,GAAY,EAAE;EAChED,OAAO,CAACH,OAAO,EAAEI,GAAG,CAAC;EAErB,OAAOG,KAAK,CAACP,OAAO,CAAC;AACvB;AAEA,OAAO,SAASO,KAAKA,CAACP,OAA8B,EAAE;EACpD,MAAM;IAAEK,SAAS,GAAG,QAAQ;IAAEJ,KAAK,GAAG;EAAK,CAAC,GAC1CD,OAAO,CAACE,WAA2B;EACrC,MAAMM,MAAM,GAAG,QAAQ;EACvB,MAAMC,IAAI,GACRR,KAAK,KAAK,KAAK,GAAG,UAAU,GAAGA,KAAK,KAAK,IAAI,GAAG,WAAW,GAAGD,OAAO,CAACS,IAClD;EAEtB,MAAM,CAACC,YAAY,CAAC,GAAGX,QAAQ,CAACC,OAAO,CAAC;EAExC,MAAMW,MAAM,GAAG;IACb,oBAAoB,EAAEhB,iBAAiB,CAACU,SAAS,EAAEJ,KAAK,CAAC;IACzD,kBAAkB,EAAEL,eAAe,CAACS,SAAS,EAAEJ,KAAK;EACtD,CAAC;EAED,MAAMW,SAAS,GAAG,CAChB;IACEC,QAAQ,EAAEhB,eAAe,CACvB,CAAC,CAAC,EACF,oBAAoB,EACpB,KAAK,EACLc,MAAM,CAAC,oBAAoB,CAC7B;EACF,CAAC,EACD;IACEE,QAAQ,EAAEhB,eAAe,CACvB,CAAC,CAAC,EACF,kBAAkB,EAClB,KAAK,EACLc,MAAM,CAAC,kBAAkB,CAC3B;EACF,CAAC,CACF;EAED,IAAIV,KAAK,KAAK,YAAY,EAAE;IAC1BW,SAAS,CAACE,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE;MAAED,QAAQ,EAAEf;IAAa,CAAC,CAAC;EACpD;EAEA,OAAO,CACL;IACE,GAAGE,OAAO;IACVe,IAAI,EAAEL,YAAY;IAClBD,IAAI;IACJD,MAAM;IACNG,MAAM;IACNC;EACF,CAAC,CACF;AACH","ignoreList":[]}

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

@@ -1,111 +0,0 @@
-import { toKeyframeValue, getEasing } from '../../utils';
-const SHAPES = {
-  diamond: {
-    start: {
-      soft: 'polygon(50% 20%, 80% 50%, 50% 80%, 20% 50%)',
-      medium: 'polygon(50% 40%, 60% 50%, 50% 60%, 40% 50%)',
-      hard: 'polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)'
-    },
-    end: 'polygon(50% -50%, 150% 50%, 50% 150%, -50% 50%)'
-  },
-  window: {
-    start: {
-      soft: 'inset(20% round 50% 50% 0% 0%)',
-      medium: 'inset(35% round 50% 50% 0% 0%)',
-      hard: 'inset(50% round 50% 50% 0% 0%)'
-    },
-    end: 'inset(-20% round 50% 50% 0% 0%)'
-  },
-  rectangle: {
-    start: {
-      soft: 'inset(20%)',
-      medium: 'inset(50%)',
-      hard: 'inset(80%)'
-    },
-    end: 'inset(0%)'
-  },
-  circle: {
-    start: {
-      soft: 'circle(40%)',
-      medium: 'circle(25%)',
-      hard: 'circle(0%)'
-    },
-    end: 'circle(75%)'
-  },
-  ellipse: {
-    start: {
-      soft: 'ellipse(50% 50%)',
-      medium: 'ellipse(30% 30%)',
-      hard: 'ellipse(0% 0%)'
-    },
-    end: 'ellipse(75% 75%)'
-  }
-};
-const RESPONSIVE_SHAPES_MAP = {
-  diamond: clipFactor => {
-    const clip = clipFactor / 2;
-    const clipNeg = 100 - clip;
-    return [`polygon(50% ${clip}%, ${clipNeg}% 50%, 50% ${clipNeg}%, ${clip}% 50%)`, 'polygon(50% -50%, 150% 50%, 50% 150%, -50% 50%)'];
-  },
-  window: clipFactor => [`inset(${clipFactor / 2}% round 50% 50% 0% 0%)`, 'inset(-20% round 50% 50% 0% 0%)'],
-  rectangle: clipFactor => [`inset(${clipFactor}%)`, `inset(0%)`],
-  circle: clipFactor => [`circle(${100 - clipFactor}%)`, `circle(75%)`],
-  ellipse: clipFactor => {
-    const clip = 50 - clipFactor / 2;
-    return [`ellipse(${clip}% ${clip}%)`, `ellipse(75% 75%)`];
-  }
-};
-export function getNames(options) {
-  const {
-    range = 'in'
-  } = options.namedEffect;
-  return [`motion-shapeScroll${range === 'continuous' ? '-continuous' : ''}`];
-}
-export function web(options, _dom) {
-  return style(options, true);
-}
-export function style(options, asWeb) {
-  if (asWeb === void 0) {
-    asWeb = false;
-  }
-  const {
-    power,
-    intensity = 0.5,
-    range = 'in'
-  } = options.namedEffect;
-  let {
-    shape = 'circle'
-  } = options.namedEffect;
-  if (!(shape in SHAPES)) {
-    shape = 'circle';
-  }
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const [start, end] = power && SHAPES[shape].start[power] ? [SHAPES[shape].start[power], SHAPES[shape].end] : RESPONSIVE_SHAPES_MAP[shape](intensity * 100);
-  const [shapeScroll] = getNames(options);
-  const custom = {
-    '--motion-clip-from': range === 'out' ? end : start,
-    '--motion-clip-to': range === 'out' ? start : end
-  };
-  const easing = getEasing('circInOut');
-  const keyframes = [{
-    clipPath: toKeyframeValue(custom, `--motion-clip-from`, asWeb),
-    easing
-  }, {
-    clipPath: toKeyframeValue(custom, `--motion-clip-to`, asWeb)
-  }];
-  if (range === 'continuous') {
-    keyframes[1].easing = easing;
-    keyframes.push({
-      clipPath: toKeyframeValue(custom, `--motion-clip-from`, asWeb)
-    });
-  }
-  return [{
-    ...options,
-    name: shapeScroll,
-    fill,
-    easing: 'linear',
-    custom,
-    keyframes
-  }];
-}
-//# sourceMappingURL=ShapeScroll.js.map

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

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

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

@@ -1,96 +0,0 @@
-import { toKeyframeValue } from '../../utils';
-const MAX_Y_TRAVEL = 40;
-const POWER_MAP = {
-  soft: {
-    scaleFrom: 1.2,
-    scaleTo: 0.8,
-    travelY: 0
-  },
-  medium: {
-    scaleFrom: 1.7,
-    scaleTo: 0.3,
-    travelY: 0.5
-  },
-  hard: {
-    scaleFrom: 3.5,
-    scaleTo: 0,
-    travelY: 1
-  }
-};
-const directionMap = {
-  top: [0, -50],
-  'top-right': [50, -50],
-  right: [50, 0],
-  'bottom-right': [50, 50],
-  bottom: [0, 50],
-  'bottom-left': [-50, 50],
-  left: [-50, 0],
-  'top-left': [-50, -50],
-  center: [0, 0]
-};
-export function getNames(_) {
-  return ['motion-shrinkScroll'];
-}
-export function web(options, _dom) {
-  return style(options, true);
-}
-export function style(options, asWeb) {
-  if (asWeb === void 0) {
-    asWeb = false;
-  }
-  const {
-    power,
-    range = 'in',
-    scale = range === 'in' ? 1.2 : 0.8,
-    direction = 'center',
-    speed = 0
-  } = options.namedEffect;
-  const easing = 'linear';
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const {
-    scaleFrom,
-    scaleTo,
-    travelY
-  } = power && POWER_MAP[power] ? POWER_MAP[power] : {
-    scaleFrom: scale,
-    scaleTo: scale,
-    travelY: speed
-  };
-  const travel = travelY * MAX_Y_TRAVEL;
-  const fromValues = {
-    scale: range === 'out' ? 1 : scaleFrom,
-    travel: range === 'out' ? 0 : -travel
-  };
-  const toValues = {
-    scale: range === 'in' ? 1 : scaleTo,
-    travel: range === 'in' ? 0 : travel
-  };
-  const offset = Math.abs(power && POWER_MAP[power] ? POWER_MAP[power].travelY : travel);
-  const startOffsetAdd = range === 'out' ? '0px' : `${-offset}vh`;
-  const endOffsetAdd = range === 'in' ? '0px' : `${offset}vh`;
-  const [trnsX, trnsY] = directionMap[direction] || [0, 0];
-  const [shrinkScroll] = getNames(options);
-  const custom = {
-    '--motion-travel-from': `${fromValues.travel}vh`,
-    '--motion-travel-to': `${toValues.travel}vh`,
-    '--motion-shrink-from': fromValues.scale,
-    '--motion-shrink-to': toValues.scale,
-    '--motion-trans-x': `${trnsX}%`,
-    '--motion-trans-y': `${trnsY}%`
-  };
-  return [{
-    ...options,
-    name: shrinkScroll,
-    fill,
-    easing,
-    custom,
-    startOffsetAdd,
-    endOffsetAdd,
-    keyframes: [{
-      transform: `translateY(${toKeyframeValue(custom, '--motion-travel-from', asWeb)}) translate(${toKeyframeValue(custom, '--motion-trans-x', asWeb)}, ${toKeyframeValue(custom, '--motion-trans-y', asWeb)}) scale(${toKeyframeValue(custom, '--motion-shrink-from', asWeb)}) translate(calc(-1 * ${toKeyframeValue(custom, '--motion-trans-x', asWeb)}), calc(-1 * ${toKeyframeValue(custom, '--motion-trans-y', asWeb)})) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`
-    }, {
-      transform: `translateY(${toKeyframeValue(custom, '--motion-travel-to', asWeb)}) translate(${toKeyframeValue(custom, '--motion-trans-x', asWeb)}, ${toKeyframeValue(custom, '--motion-trans-y', asWeb)}) scale(${toKeyframeValue(custom, '--motion-shrink-to', asWeb)}) translate(calc(-1 * ${toKeyframeValue(custom, '--motion-trans-x', asWeb)}), calc(-1 * ${toKeyframeValue(custom, '--motion-trans-y', asWeb)})) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`
-    }]
-  }];
-}
-//# sourceMappingURL=ShrinkScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["toKeyframeValue","MAX_Y_TRAVEL","POWER_MAP","soft","scaleFrom","scaleTo","travelY","medium","hard","directionMap","top","right","bottom","left","center","getNames","_","web","options","_dom","style","asWeb","power","range","scale","direction","speed","namedEffect","easing","fill","travel","fromValues","toValues","offset","Math","abs","startOffsetAdd","endOffsetAdd","trnsX","trnsY","shrinkScroll","custom","name","keyframes","transform"],"sources":["../../../../src/library/scroll/ShrinkScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  ScrubAnimationOptions,\n  ShrinkScroll,\n  DomApi,\n} from '../../types';\nimport { toKeyframeValue } from '../../utils';\n\nconst MAX_Y_TRAVEL = 40;\nconst POWER_MAP = {\n  soft: { scaleFrom: 1.2, scaleTo: 0.8, travelY: 0 },\n  medium: { scaleFrom: 1.7, scaleTo: 0.3, travelY: 0.5 },\n  hard: { scaleFrom: 3.5, scaleTo: 0, travelY: 1 },\n};\n\nconst directionMap = {\n  top: [0, -50],\n  'top-right': [50, -50],\n  right: [50, 0],\n  'bottom-right': [50, 50],\n  bottom: [0, 50],\n  'bottom-left': [-50, 50],\n  left: [-50, 0],\n  'top-left': [-50, -50],\n  center: [0, 0],\n};\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-shrinkScroll'];\n}\n\nexport function web(options: ScrubAnimationOptions, _dom?: DomApi) {\n  return style(options, true);\n}\n\nexport function style(options: ScrubAnimationOptions, asWeb = false) {\n  const {\n    power,\n    range = 'in',\n    scale = range === 'in' ? 1.2 : 0.8,\n    direction = 'center',\n    speed = 0,\n  } = options.namedEffect as ShrinkScroll;\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const { scaleFrom, scaleTo, travelY } =\n    power && POWER_MAP[power]\n      ? POWER_MAP[power]\n      : {\n          scaleFrom: scale,\n          scaleTo: scale,\n          travelY: speed,\n        };\n  const travel = travelY * MAX_Y_TRAVEL;\n\n  const fromValues = {\n    scale: range === 'out' ? 1 : scaleFrom,\n    travel: range === 'out' ? 0 : -travel,\n  };\n  const toValues = {\n    scale: range === 'in' ? 1 : scaleTo,\n    travel: range === 'in' ? 0 : travel,\n  };\n\n  const offset = Math.abs(\n    power && POWER_MAP[power] ? POWER_MAP[power].travelY : travel,\n  );\n  const startOffsetAdd = range === 'out' ? '0px' : `${-offset}vh`;\n  const endOffsetAdd = range === 'in' ? '0px' : `${offset}vh`;\n\n  const [trnsX, trnsY] = directionMap[direction] || [0, 0];\n\n  const [shrinkScroll] = getNames(options);\n\n  const custom = {\n    '--motion-travel-from': `${fromValues.travel}vh`,\n    '--motion-travel-to': `${toValues.travel}vh`,\n    '--motion-shrink-from': fromValues.scale,\n    '--motion-shrink-to': toValues.scale,\n    '--motion-trans-x': `${trnsX}%`,\n    '--motion-trans-y': `${trnsY}%`,\n  };\n\n  return [\n    {\n      ...options,\n      name: shrinkScroll,\n      fill,\n      easing,\n      custom,\n      startOffsetAdd,\n      endOffsetAdd,\n      keyframes: [\n        {\n          transform: `translateY(${toKeyframeValue(\n            custom,\n            '--motion-travel-from',\n            asWeb,\n          )}) translate(${toKeyframeValue(\n            custom,\n            '--motion-trans-x',\n            asWeb,\n          )}, ${toKeyframeValue(\n            custom,\n            '--motion-trans-y',\n            asWeb,\n          )}) scale(${toKeyframeValue(\n            custom,\n            '--motion-shrink-from',\n            asWeb,\n          )}) translate(calc(-1 * ${toKeyframeValue(\n            custom,\n            '--motion-trans-x',\n            asWeb,\n          )}), calc(-1 * ${toKeyframeValue(\n            custom,\n            '--motion-trans-y',\n            asWeb,\n          )})) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`,\n        },\n        {\n          transform: `translateY(${toKeyframeValue(\n            custom,\n            '--motion-travel-to',\n            asWeb,\n          )}) translate(${toKeyframeValue(\n            custom,\n            '--motion-trans-x',\n            asWeb,\n          )}, ${toKeyframeValue(\n            custom,\n            '--motion-trans-y',\n            asWeb,\n          )}) scale(${toKeyframeValue(\n            custom,\n            '--motion-shrink-to',\n            asWeb,\n          )}) translate(calc(-1 * ${toKeyframeValue(\n            custom,\n            '--motion-trans-x',\n            asWeb,\n          )}), calc(-1 * ${toKeyframeValue(\n            custom,\n            '--motion-trans-y',\n            asWeb,\n          )})) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,72 +0,0 @@
-import { getOppositeDirection, getShuttersClipPaths, getEasing, toKeyframeValue, FOUR_DIRECTIONS } from '../../utils';
-export function getNames(options) {
-  const {
-    range = 'in'
-  } = options.namedEffect;
-  return [`motion-shuttersScroll-${range === 'continuous' ? '-continuous' : ''}`];
-}
-export function web(options, _dom) {
-  return style(options, true);
-}
-export function style(options, asWeb) {
-  if (asWeb === void 0) {
-    asWeb = false;
-  }
-  const {
-    direction = 'right',
-    shutters = 12,
-    staggered = true,
-    range = 'in'
-  } = options.namedEffect;
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const easing = range === 'in' ? getEasing('sineIn') : getEasing('sineOut');
-  const directionOpp = getOppositeDirection(FOUR_DIRECTIONS, direction);
-  const {
-    clipStart,
-    clipEnd
-  } = getShuttersClipPaths(range === 'out' ? directionOpp : direction, shutters, staggered);
-  const custom = {
-    '--motion-shutters-clip-start': range === 'out' ? clipEnd : clipStart,
-    '--motion-shutters-clip-end': range === 'out' ? clipStart : clipEnd
-  };
-  const [shuttersScroll] = getNames(options);
-  const keyframes = [{
-    clipPath: toKeyframeValue(custom, '--motion-shutters-clip-start', asWeb),
-    easing
-  }, {
-    clipPath: toKeyframeValue(custom, '--motion-shutters-clip-end', asWeb)
-  }];
-  if (range === 'continuous') {
-    keyframes[1].easing = easing;
-    keyframes[1].offset = staggered ? 0.45 : 0.4;
-    const {
-      clipStart: oppClipStart,
-      clipEnd: oppClipEnd
-    } = getShuttersClipPaths(directionOpp, shutters, staggered, true);
-    Object.assign(custom, {
-      '--motion-shutters-clip-opp-end': oppClipEnd,
-      '--motion-shutters-clip-opp-start': oppClipStart
-    });
-    const secondOffset = staggered ? 0.55 : 0.6;
-    keyframes.push({
-      clipPath: toKeyframeValue(custom, '--motion-shutters-clip-end', asWeb),
-      offset: secondOffset,
-      easing
-    }, {
-      clipPath: toKeyframeValue(custom, '--motion-shutters-clip-opp-end', asWeb),
-      offset: secondOffset,
-      easing
-    }, {
-      clipPath: toKeyframeValue(custom, '--motion-shutters-clip-opp-start', asWeb)
-    });
-  }
-  return [{
-    ...options,
-    name: shuttersScroll,
-    fill,
-    easing: 'linear',
-    custom,
-    keyframes
-  }];
-}
-//# sourceMappingURL=ShuttersScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["getOppositeDirection","getShuttersClipPaths","getEasing","toKeyframeValue","FOUR_DIRECTIONS","getNames","options","range","namedEffect","web","_dom","style","asWeb","direction","shutters","staggered","fill","easing","directionOpp","clipStart","clipEnd","custom","shuttersScroll","keyframes","clipPath","offset","oppClipStart","oppClipEnd","Object","assign","secondOffset","push","name"],"sources":["../../../../src/library/scroll/ShuttersScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  ScrubAnimationOptions,\n  ShuttersScroll,\n  DomApi,\n} from '../../types';\nimport {\n  getOppositeDirection,\n  getShuttersClipPaths,\n  getEasing,\n  toKeyframeValue,\n  FOUR_DIRECTIONS,\n} from '../../utils';\n\nexport function getNames(options: ScrubAnimationOptions) {\n  const { range = 'in' } = options.namedEffect as ShuttersScroll;\n  return [\n    `motion-shuttersScroll-${range === 'continuous' ? '-continuous' : ''}`,\n  ];\n}\n\nexport function web(options: ScrubAnimationOptions, _dom?: DomApi) {\n  return style(options, true);\n}\n\nexport function style(options: ScrubAnimationOptions, asWeb = false) {\n  const {\n    direction = 'right',\n    shutters = 12,\n    staggered = true,\n    range = 'in',\n  } = options.namedEffect as ShuttersScroll;\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const easing = range === 'in' ? getEasing('sineIn') : getEasing('sineOut');\n\n  const directionOpp = getOppositeDirection(FOUR_DIRECTIONS, direction);\n\n  const { clipStart, clipEnd } = getShuttersClipPaths(\n    range === 'out' ? directionOpp : direction,\n    shutters,\n    staggered,\n  );\n\n  const custom = {\n    '--motion-shutters-clip-start': range === 'out' ? clipEnd : clipStart,\n    '--motion-shutters-clip-end': range === 'out' ? clipStart : clipEnd,\n  };\n\n  const [shuttersScroll] = getNames(options);\n\n  const keyframes: {\n    clipPath: string | number;\n    easing?: string;\n    offset?: number;\n  }[] = [\n    {\n      clipPath: toKeyframeValue(custom, '--motion-shutters-clip-start', asWeb),\n      easing,\n    },\n    {\n      clipPath: toKeyframeValue(custom, '--motion-shutters-clip-end', asWeb),\n    },\n  ];\n\n  if (range === 'continuous') {\n    keyframes[1].easing = easing;\n    keyframes[1].offset = staggered ? 0.45 : 0.4;\n\n    const { clipStart: oppClipStart, clipEnd: oppClipEnd } =\n      getShuttersClipPaths(directionOpp, shutters, staggered, true);\n    Object.assign(custom, {\n      '--motion-shutters-clip-opp-end': oppClipEnd,\n      '--motion-shutters-clip-opp-start': oppClipStart,\n    });\n\n    const secondOffset = staggered ? 0.55 : 0.6;\n    keyframes.push(\n      {\n        clipPath: toKeyframeValue(custom, '--motion-shutters-clip-end', asWeb),\n        offset: secondOffset,\n        easing,\n      },\n      {\n        clipPath: toKeyframeValue(\n          custom,\n          '--motion-shutters-clip-opp-end',\n          asWeb,\n        ),\n        offset: secondOffset,\n        easing,\n      },\n      {\n        clipPath: toKeyframeValue(\n          custom,\n          '--motion-shutters-clip-opp-start',\n          asWeb,\n        ),\n      },\n    );\n  }\n\n  return [\n    {\n      ...options,\n      name: shuttersScroll,\n      fill,\n      easing: 'linear',\n      custom,\n      keyframes,\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}