@wix/motion 1.0.73 → 1.572.0

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

@@ -0,0 +1,50 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+var _utils = require("./utils");
+function create(options, dom) {
+  const measures = {
+    compHeight: 0
+  };
+  if (dom) {
+    (0, _utils.measureCompHeight)(measures, dom);
+  }
+  const {
+    direction = 'left',
+    speed = 0.2
+  } = options.namedEffect;
+  const offsetPercentage = 50 * speed / (1 + speed) | 0;
+  let fromValue = `${offsetPercentage}%`;
+  let toValue = `-${offsetPercentage}%`;
+  if (direction === 'right') {
+    [fromValue, toValue] = [toValue, fromValue];
+  }
+  return [{
+    ...options,
+    part: 'BG_MEDIA',
+    startOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    endOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    get endOffsetAdd() {
+      return `calc(100vh + ${measures.compHeight}px)`;
+    },
+    keyframes: [{
+      transform: `translateX(${fromValue})`
+    }, {
+      transform: `translateX(${toValue})`
+    }]
+  }];
+}
+//# sourceMappingURL=BgPan.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","create","options","dom","measures","compHeight","measureCompHeight","direction","speed","namedEffect","offsetPercentage","fromValue","toValue","part","startOffset","name","offset","type","value","endOffset","endOffsetAdd","keyframes","transform"],"sources":["../../../../src/library/backgroundScroll/BgPan.ts"],"sourcesContent":["import type {\n  BgPan,\n  DomApi,\n  RangeOffset,\n  ScrubAnimationOptions,\n} from '../../types';\nimport { measureCompHeight } from './utils';\n\nexport default function create(options: ScrubAnimationOptions, dom?: DomApi) {\n  const measures = { compHeight: 0 };\n  if (dom) {\n    measureCompHeight(measures, dom);\n  }\n\n  const { direction = 'left', speed = 0.2 } = options.namedEffect as BgPan;\n  const offsetPercentage = ((50 * speed) / (1 + speed)) | 0;\n  let fromValue = `${offsetPercentage}%`;\n  let toValue = `-${offsetPercentage}%`;\n  if (direction === 'right') {\n    [fromValue, toValue] = [toValue, fromValue];\n  }\n\n  return [\n    {\n      ...options,\n      part: 'BG_MEDIA',\n      startOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      endOffset: {\n        name: 'cover',\n        offset: { type: 'percentage', value: 0 },\n      } as RangeOffset,\n      get endOffsetAdd() {\n        return `calc(100vh + ${measures.compHeight}px)`;\n      },\n      keyframes: [\n        {\n          transform: `translateX(${fromValue})`,\n        },\n        {\n          transform: `translateX(${toValue})`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":";;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AAEe,SAASC,MAAMA,CAACC,OAA8B,EAAEC,GAAY,EAAE;EAC3E,MAAMC,QAAQ,GAAG;IAAEC,UAAU,EAAE;EAAE,CAAC;EAClC,IAAIF,GAAG,EAAE;IACP,IAAAG,wBAAiB,EAACF,QAAQ,EAAED,GAAG,CAAC;EAClC;EAEA,MAAM;IAAEI,SAAS,GAAG,MAAM;IAAEC,KAAK,GAAG;EAAI,CAAC,GAAGN,OAAO,CAACO,WAAoB;EACxE,MAAMC,gBAAgB,GAAK,EAAE,GAAGF,KAAK,IAAK,CAAC,GAAGA,KAAK,CAAC,GAAI,CAAC;EACzD,IAAIG,SAAS,GAAG,GAAGD,gBAAgB,GAAG;EACtC,IAAIE,OAAO,GAAG,IAAIF,gBAAgB,GAAG;EACrC,IAAIH,SAAS,KAAK,OAAO,EAAE;IACzB,CAACI,SAAS,EAAEC,OAAO,CAAC,GAAG,CAACA,OAAO,EAAED,SAAS,CAAC;EAC7C;EAEA,OAAO,CACL;IACE,GAAGT,OAAO;IACVW,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE;MACXC,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChBC,SAAS,EAAE;MACTJ,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE;QAAEC,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAAE;IACzC,CAAgB;IAChB,IAAIE,YAAYA,CAAA,EAAG;MACjB,OAAO,gBAAgBhB,QAAQ,CAACC,UAAU,KAAK;IACjD,CAAC;IACDgB,SAAS,EAAE,CACT;MACEC,SAAS,EAAE,cAAcX,SAAS;IACpC,CAAC,EACD;MACEW,SAAS,EAAE,cAAcV,OAAO;IAClC,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+var _utils = require("./utils");
+function create(_options, dom) {
+  if (dom) {
+    (0, _utils.measureCompHeight)({
+      compHeight: 0
+    }, dom, true);
+  }
+  return [];
+}
+//# sourceMappingURL=BgReveal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","create","_options","dom","measureCompHeight","compHeight"],"sources":["../../../../src/library/backgroundScroll/BgReveal.ts"],"sourcesContent":["import type { ScrubAnimationOptions, DomApi } from '../../types';\nimport { measureCompHeight } from './utils';\n\nexport default function create(_options: ScrubAnimationOptions, dom?: DomApi) {\n  if (dom) {\n    measureCompHeight({ compHeight: 0 }, dom, true);\n  }\n  return [];\n}\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEe,SAASC,MAAMA,CAACC,QAA+B,EAAEC,GAAY,EAAE;EAC5E,IAAIA,GAAG,EAAE;IACP,IAAAC,wBAAiB,EAAC;MAAEC,UAAU,EAAE;IAAE,CAAC,EAAEF,GAAG,EAAE,IAAI,CAAC;EACjD;EACA,OAAO,EAAE;AACX","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,125 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+var _utils = require("../../utils");
+var _utils2 = require("./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'
+  }
+};
+function create(options, dom) {
+  const {
+    direction = 'in'
+  } = options.namedEffect;
+  const isIn = direction === 'in';
+  const measures = {
+    compHeight: 0
+  };
+  if (dom) {
+    (0, _utils2.measureCompHeight)(measures, dom, isIn);
+  }
+  const {
+    easing,
+    fromY
+  } = DIRECTION_TO_PARAMS[direction];
+  let {
+    zoom = DEFAULT_ZOOM
+  } = options.namedEffect;
+  if (!isIn) {
+    zoom *= ZOOM_OUT_FACTOR;
+  }
+  const fromZ = (0, _utils.roundNumber)(isIn ? 0 : zoom / 1.3);
+  const toZ = (0, _utils.roundNumber)(isIn ? zoom : -zoom);
+  const toScale = (0, _utils.roundNumber)((0, _utils2.getScaleFromPerspectiveAndZ)(toZ, PERSPECTIVE));
+  return [{
+    ...options,
+    part: 'BG_MEDIA',
+    easing: 'linear',
+    startOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    endOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    keyframes: [{
+      transform: 'translate3d(0, 0, 0)'
+    }, {
+      transform: 'translate3d(0, 0, 0)'
+    }]
+  }, {
+    ...options,
+    part: 'BG_IMG',
+    easing: 'linear',
+    startOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    endOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    get endOffsetAdd() {
+      return `calc(100svh + ${measures.compHeight}px)`;
+    },
+    get keyframes() {
+      const toY = isIn ? `calc(-0.2 * var(--motion-comp-height, ${measures.compHeight}px) + 0.5 * ${zoom / PERSPECTIVE} * max(0px, 100lvh - var(--motion-comp-height, ${measures.compHeight}px)))` : '0px';
+      return [{
+        transform: `translateY(${fromY})`
+      }, {
+        transform: `translateY(calc(${toY} * ${toScale}))`
+      }];
+    }
+  }, {
+    ...options,
+    easing,
+    part: 'BG_IMG',
+    composite: isIn ? 'add' : 'replace',
+    startOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    endOffset: {
+      name: 'cover',
+      offset: {
+        type: 'percentage',
+        value: 0
+      }
+    },
+    get endOffsetAdd() {
+      return `calc(100svh + ${measures.compHeight}px)`;
+    },
+    keyframes: [{
+      transform: `perspective(${PERSPECTIVE}px) translateZ(${fromZ}px)`
+    }, {
+      transform: `perspective(${PERSPECTIVE}px) translateZ(${toZ}px)`
+    }]
+  }];
+}
+//# sourceMappingURL=BgZoom.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.backgroundScrollAnimations = void 0;
+var _BgCloseUp = _interopRequireDefault(require("./BgCloseUp"));
+var _BgFade = _interopRequireDefault(require("./BgFade"));
+var _BgFadeBack = _interopRequireDefault(require("./BgFadeBack"));
+var _BgFake3D = _interopRequireDefault(require("./BgFake3D"));
+var _BgPan = _interopRequireDefault(require("./BgPan"));
+var _BgParallax = _interopRequireDefault(require("./BgParallax"));
+var _BgPullBack = _interopRequireDefault(require("./BgPullBack"));
+var _BgReveal = _interopRequireDefault(require("./BgReveal"));
+var _BgRotate = _interopRequireDefault(require("./BgRotate"));
+var _BgSkew = _interopRequireDefault(require("./BgSkew"));
+var _BgZoom = _interopRequireDefault(require("./BgZoom"));
+var _ImageParallax = _interopRequireDefault(require("./ImageParallax"));
+const backgroundScrollAnimations = exports.backgroundScrollAnimations = {
+  BgCloseUp: _BgCloseUp.default,
+  BgFade: _BgFade.default,
+  BgFadeBack: _BgFadeBack.default,
+  BgFake3D: _BgFake3D.default,
+  BgPan: _BgPan.default,
+  BgParallax: _BgParallax.default,
+  BgPullBack: _BgPullBack.default,
+  BgReveal: _BgReveal.default,
+  BgRotate: _BgRotate.default,
+  BgSkew: _BgSkew.default,
+  BgZoom: _BgZoom.default,
+  ImageParallax: _ImageParallax.default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_BgCloseUp","_interopRequireDefault","require","_BgFade","_BgFadeBack","_BgFake3D","_BgPan","_BgParallax","_BgPullBack","_BgReveal","_BgRotate","_BgSkew","_BgZoom","_ImageParallax","backgroundScrollAnimations","exports","BgCloseUp","BgFade","BgFadeBack","BgFake3D","BgPan","BgParallax","BgPullBack","BgReveal","BgRotate","BgSkew","BgZoom","ImageParallax"],"sources":["../../../../src/library/backgroundScroll/index.ts"],"sourcesContent":["import type { BackgroundScrollAnimations } from '../../types';\nimport BgCloseUp from './BgCloseUp';\nimport BgFade from './BgFade';\nimport BgFadeBack from './BgFadeBack';\nimport BgFake3D from './BgFake3D';\nimport BgPan from './BgPan';\nimport BgParallax from './BgParallax';\nimport BgPullBack from './BgPullBack';\nimport BgReveal from './BgReveal';\nimport BgRotate from './BgRotate';\nimport BgSkew from './BgSkew';\nimport BgZoom from './BgZoom';\nimport ImageParallax from './ImageParallax';\n\nexport const backgroundScrollAnimations: BackgroundScrollAnimations = {\n  BgCloseUp,\n  BgFade,\n  BgFadeBack,\n  BgFake3D,\n  BgPan,\n  BgParallax,\n  BgPullBack,\n  BgReveal,\n  BgRotate,\n  BgSkew,\n  BgZoom,\n  ImageParallax,\n};\n"],"mappings":";;;;;AACA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,WAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,SAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,OAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,OAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,cAAA,GAAAZ,sBAAA,CAAAC,OAAA;AAEO,MAAMY,0BAAsD,GAAAC,OAAA,CAAAD,0BAAA,GAAG;EACpEE,SAAS,EAATA,kBAAS;EACTC,MAAM,EAANA,eAAM;EACNC,UAAU,EAAVA,mBAAU;EACVC,QAAQ,EAARA,iBAAQ;EACRC,KAAK,EAALA,cAAK;EACLC,UAAU,EAAVA,mBAAU;EACVC,UAAU,EAAVA,mBAAU;EACVC,QAAQ,EAARA,iBAAQ;EACRC,QAAQ,EAARA,iBAAQ;EACRC,MAAM,EAANA,eAAM;EACNC,MAAM,EAANA,eAAM;EACNC,aAAa,EAAbA;AACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+exports.baseMockOptions = void 0;
+const baseMockOptions = exports.baseMockOptions = {
+  id: '1',
+  type: 'ScrubAnimationOptions'
+};
+//# sourceMappingURL=testUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["baseMockOptions","exports","id","type"],"sources":["../../../../../src/library/backgroundScroll/test/testUtils.ts"],"sourcesContent":["import type { ScrubAnimationOptions } from '../../../types';\n\nexport const baseMockOptions: ScrubAnimationOptions = {\n  id: '1',\n  type: 'ScrubAnimationOptions',\n};\n"],"mappings":";;;;AAEO,MAAMA,eAAsC,GAAAC,OAAA,CAAAD,eAAA,GAAG;EACpDE,EAAE,EAAE,GAAG;EACPC,IAAI,EAAE;AACR,CAAC","ignoreList":[]}

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

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

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

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