npm - @wix/motion - Versions diffs - 1.644.0 → 1.646.0 - Mend

@wix/motion 1.644.0 → 1.646.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (204) hide show

package/dist/cjs/playground/animationsMotionScroll.stories.js CHANGED Viewed

@@ -67,7 +67,6 @@ const Scroll = () => {
   }) {
     const animationInstanceParams = [el.id, {
       id: '',
-      type: 'ScrubAnimationOptions',
       easing,
       namedEffect: {
         id: '',
@@ -134,7 +133,7 @@ const Scroll = () => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 202,
+      lineNumber: 201,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("button", {
@@ -143,7 +142,7 @@ const Scroll = () => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 203,
+      lineNumber: 202,
       columnNumber: 7
     }
   }, "Toggle Attachment"), /*#__PURE__*/_react.default.createElement("div", {
@@ -154,7 +153,7 @@ const Scroll = () => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 206,
+      lineNumber: 205,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -168,7 +167,7 @@ const Scroll = () => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 210,
+      lineNumber: 209,
       columnNumber: 9
     }
   }, "Scroll")), /*#__PURE__*/_react.default.createElement("div", {
@@ -176,7 +175,7 @@ const Scroll = () => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 224,
+      lineNumber: 223,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -184,7 +183,7 @@ const Scroll = () => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 225,
+      lineNumber: 224,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_controls.NumberInput, {
@@ -197,7 +196,7 @@ const Scroll = () => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 226,
+      lineNumber: 225,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_controls.SelectInput, {
@@ -213,7 +212,7 @@ const Scroll = () => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 234,
+      lineNumber: 233,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_controls.SelectInput, {
@@ -227,7 +226,7 @@ const Scroll = () => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 245,
+      lineNumber: 244,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_controls.SelectInput, {
@@ -242,7 +241,7 @@ const Scroll = () => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 257,
+      lineNumber: 256,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
@@ -250,7 +249,7 @@ const Scroll = () => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 279,
+      lineNumber: 278,
       columnNumber: 9
     }
   }, Object.entries(schema).filter(([name]) => !['duration', 'delay', 'allowReplay'].includes(name)).map(([name, controlProps], i) => /*#__PURE__*/_react.default.createElement(_controls.Control, (0, _extends2.default)({
@@ -262,7 +261,7 @@ const Scroll = () => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 307,
+      lineNumber: 306,
       columnNumber: 15
     }
   }))))));

package/dist/cjs/playground/animationsMotionScroll.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_fizban","_effectsKit","_controls","_playgroundModule","_playgroundCommon","_motion","_scroll","_jsxFileName","_default","exports","default","title","Scroll","_animations","compRef","React","useRef","stageRef","animationScene","animationGroup","scroll","schemaEditor","setSchemaEditor","useState","selectedRange","setSelectedRange","animations","Object","fromEntries","getPresets","CONFIG","schemaMapper","rangeMapper","map","preset","name","schema","range","implementedAnimations","keys","defs","filter","animationName","animName","setAnimName","rotation","setRotation","attachment","setAttachment","data","setData","mapSchemaToDefaultData","useEffect","_compRef$current","current","getAnimations","forEach","a","cancel","animateText","console","log","toggleAttachment","el","duration","delay","start","end","easing","params","animationInstanceParams","id","type","namedEffect","fill","iterations","startOffset","offset","value","endOffset","trigger","componentId","element","window","ViewTimeline","_animationGroup$curre","getWebAnimation","_scroll$current","getScrubScene","destroy","ScrollLib","root","observeViewportEntry","scenes","handleControlChange","currentData","createElement","className","styles","stage","scrollStage","ref","__self","__source","fileName","lineNumber","columnNumber","attachButton","onClick","components","style","component","background","panels","globalControls","NumberInput","label","min","max","step","onChange","event","target","valueAsNumber","SelectInput","options","mainSelect","enum","includes","controls","entries","controlProps","i","Control","_extends2","key","_e"],"sources":["../../../src/playground/animationsMotionScroll.stories.tsx"],"sourcesContent":["import React from 'react';\nimport { Scroll as ScrollLib } from 'fizban';\n\nimport { getPresets, CONFIG } from '@wix/effects-kit';\n\nimport { Control, NumberInput, SelectInput } from './controls';\nimport styles from './playground.module.scss';\nimport {\n mapSchemaToDefaultData,\n schemaMapper,\n rangeMapper,\n} from './playground-common';\nimport { AnimationGroup, getScrubScene, getWebAnimation } from '../motion';\nimport { scrollAnimations as defs } from '../library/scroll';\n\nimport type { SchemaEditor } from './playground-common';\nimport type { CSSProperties } from 'react';\nimport type { Meta } from '@wix/yoshi-storybook-dependencies';\nimport type {\n EffectConfig,\n ScrollEffectConfig,\n EffectPreset,\n OneOfScrollEffects,\n AllEffectsNames,\n OneOfEffects,\n} from '@wix/effects-kit';\nimport type {\n AnimationOptions,\n EffectScrollRange,\n ScrollAnimation,\n TriggerVariant,\n} from '../types';\n\nexport default {\n title: 'Animation Playground/Scroll',\n} as Meta;\n\nexport const Scroll: React.FC<any> = () => {\n const compRef = React.useRef<HTMLDivElement>(null);\n const stageRef = React.useRef<HTMLDivElement>(null);\n const animationScene = React.useRef<ReturnType<typeof getScrubScene>>();\n const animationGroup = React.useRef<AnimationGroup>();\n const scroll = React.useRef<typeof ScrollLib>();\n\n const [schemaEditor, setSchemaEditor] =\n React.useState<SchemaEditor>('responsive');\n\n const [selectedRange, setSelectedRange] =\n React.useState<EffectScrollRange>('in');\n\n const animations = Object.fromEntries(\n getPresets(\n CONFIG[schemaMapper[schemaEditor]][rangeMapper[selectedRange]],\n ).map((preset: EffectPreset) => [\n preset.name,\n {\n schema: preset.schema,\n range: (preset as ScrollEffectConfig<OneOfScrollEffects>).range,\n },\n ]),\n ) as Record<AllEffectsNames, ScrollEffectConfig<OneOfScrollEffects>>;\n\n const implementedAnimations = Object.keys(defs).filter(\n (animationName) => animations[animationName as AllEffectsNames],\n ) as AllEffectsNames[];\n\n const [animName, setAnimName] = React.useState<AllEffectsNames>(\n implementedAnimations[0],\n );\n\n const [rotation, setRotation] = React.useState<number>(0);\n\n const schema = (animations[animName].schema \|\|\n {}) as EffectConfig<OneOfEffects>['schema'];\n const [attachment, setAttachment] = React.useState<string>('scroll');\n\n const [data, setData] = React.useState<Record<string, any>>(\n mapSchemaToDefaultData(schema),\n );\n\n React.useEffect(() => {\n setData(\n mapSchemaToDefaultData(\n animations[animName as AllEffectsNames]\n .schema as EffectConfig<OneOfEffects>['schema'],\n schemaEditor,\n ),\n );\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [schemaEditor, selectedRange]);\n\n React.useEffect(() => {\n compRef.current?.getAnimations().forEach((a) => {\n a.cancel();\n }); // removing all previously selected animations\n if (compRef.current) {\n animateText(compRef.current, animName, data);\n }\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [data, animName, rotation, animationGroup]);\n\n console.log('animation', animations[animName]);\n console.log('data', data);\n\n function toggleAttachment() {\n // Change value of CSS variable\n attachment === 'fixed' ? setAttachment('scroll') : setAttachment('fixed');\n }\n\n function animateText(\n el: HTMLElement,\n name: string,\n {\n duration = 1000,\n delay = 0,\n start = 0,\n end = 100,\n range = selectedRange,\n easing = '',\n ...params\n }: {\n duration?: number;\n delay?: number;\n start?: number;\n end?: number;\n easing?: string;\n range?: EffectScrollRange;\n },\n ) {\n const animationInstanceParams: [\n string,\n AnimationOptions,\n TriggerVariant & { element?: HTMLElement },\n ] = [\n el.id,\n {\n id: '',\n type: 'ScrubAnimationOptions',\n easing,\n namedEffect: {\n id: '',\n type: name,\n range,\n ...params,\n } as ScrollAnimation,\n fill: 'both',\n iterations: 1,\n startOffset: {\n name: 'cover',\n offset: {\n value: start,\n type: 'percentage',\n },\n },\n endOffset: {\n name: 'cover',\n offset: {\n value: end,\n type: 'percentage',\n },\n },\n },\n { trigger: 'view-progress', componentId: el.id, element: el, id: '' },\n ];\n\n if (window.ViewTimeline) {\n // Clear\n animationGroup.current?.cancel();\n // Animate\n animationGroup.current = getWebAnimation(\n ...animationInstanceParams,\n ) as AnimationGroup;\n } else {\n // Create Scene\n animationScene.current = getScrubScene(...animationInstanceParams);\n\n console.log(start, end, params);\n\n // Clear\n scroll.current?.destroy();\n\n // Animate\n scroll.current = new ScrollLib({\n root: stageRef.current,\n observeViewportEntry: false,\n // observeViewportResize: false,\n scenes: [animationScene.current],\n });\n scroll.current.start();\n }\n }\n\n function handleControlChange(name: string, value: any) {\n setData((currentData) => ({\n ...currentData,\n [name]: value,\n }));\n }\n\n return (\n <div className={`${styles.stage} ${styles.scrollStage}`} ref={stageRef}>\n <button className={`${styles.attachButton}`} onClick={toggleAttachment}>\n Toggle Attachment\n </button>\n <div\n className={styles.components}\n style={{ '--attachment': attachment } as CSSProperties}\n >\n <div\n id=\"comp1\"\n className={styles.component}\n ref={compRef}\n style={\n {\n '--comp-rotate-z': `${rotation}deg`,\n background: 'MediumVioletRed',\n } as CSSProperties\n }\n >\n Scroll\n </div>\n </div>\n <div className={styles.panels}>\n <div className={styles.globalControls}>\n <NumberInput\n label=\"Rotation\"\n value={rotation}\n min={0}\n max={360}\n step={1}\n onChange={(event) => setRotation(event.target.valueAsNumber)}\n />\n <SelectInput\n onChange={(event) => {\n const value: SchemaEditor = event.target.value;\n setSchemaEditor(value);\n // Reset \"power\" when changing editor\n // handleControlChange('power', undefined);\n }}\n value={schemaEditor}\n options={['desktop', 'mobile', 'responsive']}\n className={styles.mainSelect}\n />\n <SelectInput\n onChange={(event) => {\n const value: EffectScrollRange = event.target.value;\n setSelectedRange(value);\n }}\n value={selectedRange}\n options={\n animations[animName as AllEffectsNames]?.range\n ?.enum as EffectScrollRange[]\n }\n className={styles.mainSelect}\n />\n <SelectInput\n onChange={(event) => {\n const value: AllEffectsNames = event.target.value;\n setAnimName(value);\n setData(\n mapSchemaToDefaultData(\n (animations[value].schema \|\|\n {}) as EffectConfig<OneOfEffects>['schema'],\n schemaEditor,\n ),\n );\n }}\n value={animName}\n options={\n Object.keys(animations).map((name) => [\n name,\n implementedAnimations.includes(name as AllEffectsNames),\n ]) as [string, boolean][]\n }\n className={styles.mainSelect}\n />\n </div>\n <div className={styles.controls}>\n {/* <Control\n default=\"in\"\n type=\"string\"\n label=\"type\"\n enum={['in', 'out', 'continuous']}\n value={data.range}\n onChange={(_e, value) =>\n handleControlChange('range', value as EffectRangeAll)\n }\n /> /}\n {/ {data.range !== 'continuous' && (\n <Control\n default={50}\n type=\"number\"\n label={offsetType}\n min={0}\n max={100}\n step={1}\n value={data[offsetType]}\n onChange={(_e, value) => handleControlChange(offsetType, value)}\n />\n )} */}\n {Object.entries(schema)\n .filter(\n ([name]) => !['duration', 'delay', 'allowReplay'].includes(name),\n )\n .map(([name, controlProps], i) => (\n <Control\n key={`key-control-${i}`}\n {...controlProps}\n value={data[name]}\n label={name}\n onChange={(_e, value) => handleControlChange(name, value)}\n />\n ))}\n </div>\n </div>\n </div>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_fizban","_effectsKit","_controls","_playgroundModule","_playgroundCommon","_motion","_scroll","_jsxFileName","_default","exports","default","title","Scroll","_animations","compRef","React","useRef","stageRef","animationScene","animationGroup","scroll","schemaEditor","setSchemaEditor","useState","selectedRange","setSelectedRange","animations","Object","fromEntries","getPresets","CONFIG","schemaMapper","rangeMapper","map","preset","name","schema","range","implementedAnimations","keys","defs","filter","animationName","animName","setAnimName","rotation","setRotation","attachment","setAttachment","data","setData","mapSchemaToDefaultData","useEffect","_compRef$current","current","getAnimations","forEach","a","cancel","animateText","console","log","toggleAttachment","el","duration","delay","start","end","easing","params","animationInstanceParams","id","namedEffect","type","fill","iterations","startOffset","offset","value","endOffset","trigger","componentId","element","window","ViewTimeline","_animationGroup$curre","getWebAnimation","_scroll$current","getScrubScene","destroy","ScrollLib","root","observeViewportEntry","scenes","handleControlChange","currentData","createElement","className","styles","stage","scrollStage","ref","__self","__source","fileName","lineNumber","columnNumber","attachButton","onClick","components","style","component","background","panels","globalControls","NumberInput","label","min","max","step","onChange","event","target","valueAsNumber","SelectInput","options","mainSelect","enum","includes","controls","entries","controlProps","i","Control","_extends2","key","_e"],"sources":["../../../src/playground/animationsMotionScroll.stories.tsx"],"sourcesContent":["import React from 'react';\nimport { Scroll as ScrollLib } from 'fizban';\n\nimport { getPresets, CONFIG } from '@wix/effects-kit';\n\nimport { Control, NumberInput, SelectInput } from './controls';\nimport styles from './playground.module.scss';\nimport {\n mapSchemaToDefaultData,\n schemaMapper,\n rangeMapper,\n} from './playground-common';\nimport { AnimationGroup, getScrubScene, getWebAnimation } from '../motion';\nimport { scrollAnimations as defs } from '../library/scroll';\n\nimport type { SchemaEditor } from './playground-common';\nimport type { CSSProperties } from 'react';\nimport type { Meta } from '@wix/yoshi-storybook-dependencies';\nimport type {\n EffectConfig,\n ScrollEffectConfig,\n EffectPreset,\n OneOfScrollEffects,\n AllEffectsNames,\n OneOfEffects,\n} from '@wix/effects-kit';\nimport type {\n AnimationOptions,\n EffectScrollRange,\n ScrollAnimation,\n TriggerVariant,\n} from '../types';\n\nexport default {\n title: 'Animation Playground/Scroll',\n} as Meta;\n\nexport const Scroll: React.FC<any> = () => {\n const compRef = React.useRef<HTMLDivElement>(null);\n const stageRef = React.useRef<HTMLDivElement>(null);\n const animationScene = React.useRef<ReturnType<typeof getScrubScene>>();\n const animationGroup = React.useRef<AnimationGroup>();\n const scroll = React.useRef<typeof ScrollLib>();\n\n const [schemaEditor, setSchemaEditor] =\n React.useState<SchemaEditor>('responsive');\n\n const [selectedRange, setSelectedRange] =\n React.useState<EffectScrollRange>('in');\n\n const animations = Object.fromEntries(\n getPresets(\n CONFIG[schemaMapper[schemaEditor]][rangeMapper[selectedRange]],\n ).map((preset: EffectPreset) => [\n preset.name,\n {\n schema: preset.schema,\n range: (preset as ScrollEffectConfig<OneOfScrollEffects>).range,\n },\n ]),\n ) as Record<AllEffectsNames, ScrollEffectConfig<OneOfScrollEffects>>;\n\n const implementedAnimations = Object.keys(defs).filter(\n (animationName) => animations[animationName as AllEffectsNames],\n ) as AllEffectsNames[];\n\n const [animName, setAnimName] = React.useState<AllEffectsNames>(\n implementedAnimations[0],\n );\n\n const [rotation, setRotation] = React.useState<number>(0);\n\n const schema = (animations[animName].schema \|\|\n {}) as EffectConfig<OneOfEffects>['schema'];\n const [attachment, setAttachment] = React.useState<string>('scroll');\n\n const [data, setData] = React.useState<Record<string, any>>(\n mapSchemaToDefaultData(schema),\n );\n\n React.useEffect(() => {\n setData(\n mapSchemaToDefaultData(\n animations[animName as AllEffectsNames]\n .schema as EffectConfig<OneOfEffects>['schema'],\n schemaEditor,\n ),\n );\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [schemaEditor, selectedRange]);\n\n React.useEffect(() => {\n compRef.current?.getAnimations().forEach((a) => {\n a.cancel();\n }); // removing all previously selected animations\n if (compRef.current) {\n animateText(compRef.current, animName, data);\n }\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [data, animName, rotation, animationGroup]);\n\n console.log('animation', animations[animName]);\n console.log('data', data);\n\n function toggleAttachment() {\n // Change value of CSS variable\n attachment === 'fixed' ? setAttachment('scroll') : setAttachment('fixed');\n }\n\n function animateText(\n el: HTMLElement,\n name: string,\n {\n duration = 1000,\n delay = 0,\n start = 0,\n end = 100,\n range = selectedRange,\n easing = '',\n ...params\n }: {\n duration?: number;\n delay?: number;\n start?: number;\n end?: number;\n easing?: string;\n range?: EffectScrollRange;\n },\n ) {\n const animationInstanceParams: [\n string,\n AnimationOptions,\n TriggerVariant & { element?: HTMLElement },\n ] = [\n el.id,\n {\n id: '',\n easing,\n namedEffect: {\n id: '',\n type: name,\n range,\n ...params,\n } as ScrollAnimation,\n fill: 'both',\n iterations: 1,\n startOffset: {\n name: 'cover',\n offset: {\n value: start,\n type: 'percentage',\n },\n },\n endOffset: {\n name: 'cover',\n offset: {\n value: end,\n type: 'percentage',\n },\n },\n },\n { trigger: 'view-progress', componentId: el.id, element: el, id: '' },\n ];\n\n if (window.ViewTimeline) {\n // Clear\n animationGroup.current?.cancel();\n // Animate\n animationGroup.current = getWebAnimation(\n ...animationInstanceParams,\n ) as AnimationGroup;\n } else {\n // Create Scene\n animationScene.current = getScrubScene(...animationInstanceParams);\n\n console.log(start, end, params);\n\n // Clear\n scroll.current?.destroy();\n\n // Animate\n scroll.current = new ScrollLib({\n root: stageRef.current,\n observeViewportEntry: false,\n // observeViewportResize: false,\n scenes: [animationScene.current],\n });\n scroll.current.start();\n }\n }\n\n function handleControlChange(name: string, value: any) {\n setData((currentData) => ({\n ...currentData,\n [name]: value,\n }));\n }\n\n return (\n <div className={`${styles.stage} ${styles.scrollStage}`} ref={stageRef}>\n <button className={`${styles.attachButton}`} onClick={toggleAttachment}>\n Toggle Attachment\n </button>\n <div\n className={styles.components}\n style={{ '--attachment': attachment } as CSSProperties}\n >\n <div\n id=\"comp1\"\n className={styles.component}\n ref={compRef}\n style={\n {\n '--comp-rotate-z': `${rotation}deg`,\n background: 'MediumVioletRed',\n } as CSSProperties\n }\n >\n Scroll\n </div>\n </div>\n <div className={styles.panels}>\n <div className={styles.globalControls}>\n <NumberInput\n label=\"Rotation\"\n value={rotation}\n min={0}\n max={360}\n step={1}\n onChange={(event) => setRotation(event.target.valueAsNumber)}\n />\n <SelectInput\n onChange={(event) => {\n const value: SchemaEditor = event.target.value;\n setSchemaEditor(value);\n // Reset \"power\" when changing editor\n // handleControlChange('power', undefined);\n }}\n value={schemaEditor}\n options={['desktop', 'mobile', 'responsive']}\n className={styles.mainSelect}\n />\n <SelectInput\n onChange={(event) => {\n const value: EffectScrollRange = event.target.value;\n setSelectedRange(value);\n }}\n value={selectedRange}\n options={\n animations[animName as AllEffectsNames]?.range\n ?.enum as EffectScrollRange[]\n }\n className={styles.mainSelect}\n />\n <SelectInput\n onChange={(event) => {\n const value: AllEffectsNames = event.target.value;\n setAnimName(value);\n setData(\n mapSchemaToDefaultData(\n (animations[value].schema \|\|\n {}) as EffectConfig<OneOfEffects>['schema'],\n schemaEditor,\n ),\n );\n }}\n value={animName}\n options={\n Object.keys(animations).map((name) => [\n name,\n implementedAnimations.includes(name as AllEffectsNames),\n ]) as [string, boolean][]\n }\n className={styles.mainSelect}\n />\n </div>\n <div className={styles.controls}>\n {/* <Control\n default=\"in\"\n type=\"string\"\n label=\"type\"\n enum={['in', 'out', 'continuous']}\n value={data.range}\n onChange={(_e, value) =>\n handleControlChange('range', value as EffectRangeAll)\n }\n /> /}\n {/ {data.range !== 'continuous' && (\n <Control\n default={50}\n type=\"number\"\n label={offsetType}\n min={0}\n max={100}\n step={1}\n value={data[offsetType]}\n onChange={(_e, value) => handleControlChange(offsetType, value)}\n />\n )} */}\n {Object.entries(schema)\n .filter(\n ([name]) => !['duration', 'delay', 'allowReplay'].includes(name),\n )\n .map(([name, controlProps], i) => (\n <Control\n key={`key-control-${i}`}\n {...controlProps}\n value={data[name]}\n label={name}\n onChange={(_e, value) => handleControlChange(name, value)}\n />\n ))}\n </div>\n </div>\n </div>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["../../src/types.ts"],"sourcesContent":["type LengthUnit = 'px' \| 'em' \| 'rem' \| 'vh' \| 'vw' \| 'vmin' \| 'vmax';\n\nexport declare type Length = {\n value: number;\n type: LengthUnit;\n};\n\nexport declare type Percentage = {\n value: number;\n type: 'percentage';\n};\n\nexport declare type LengthPercentage = Length \| Percentage;\n\nexport declare type UnitLengthPercentage = LengthPercentage;\n\nexport type Point = [number, number];\n\nexport type EffectNineDirections =\n \| 'right'\n \| 'top-right'\n \| 'top'\n \| 'top-left'\n \| 'left'\n \| 'bottom-left'\n \| 'bottom'\n \| 'bottom-right'\n \| 'center';\n\nexport type EffectScaleDirection = 'up' \| 'down';\n\ndeclare class ViewTimeline {\n constructor(options: { subject: HTMLElement });\n}\n\ndeclare global {\n interface Window {\n ViewTimeline: ViewTimeline;\n }\n}\n\nexport type AnimationFillMode = 'none' \| 'backwards' \| 'forwards' \| 'both';\n\nexport type BaseDataItemLike<Type extends string = string> = {\n id?: string;\n type: Type;\n};\n\nexport type EffectTwoSides = 'left' \| 'right';\n\nexport type EffectFourDirections = 'top' \| 'right' \| 'bottom' \| 'left';\nexport type EffectFourCorners =\n \| 'top-right'\n \| 'top-left'\n \| 'bottom-right'\n \| 'bottom-left';\nexport type EffectEightDirections = EffectFourDirections \| EffectFourCorners;\nexport type EffectPower = 'soft' \| 'medium' \| 'hard';\nexport type EffectScrollRange = 'in' \| 'out' \| 'continuous';\n\nexport type FadeIn = BaseDataItemLike<'FadeIn'>;\nexport type ArcIn = BaseDataItemLike<'ArcIn'> & {\n direction: EffectFourDirections;\n power?: EffectPower;\n};\nexport type CurveIn = BaseDataItemLike<'CurveIn'> & {\n direction: EffectTwoSides;\n};\nexport type DropIn = BaseDataItemLike<'DropIn'> & {\n power?: EffectPower;\n initialScale?: number;\n};\nexport type ExpandIn = BaseDataItemLike<'ExpandIn'> & {\n power?: EffectPower;\n direction: EffectEightDirections \| 'center';\n initialScale?: number;\n};\nexport type FlipIn = BaseDataItemLike<'FlipIn'> & {\n power?: EffectPower;\n direction: EffectFourDirections;\n initialRotate?: number;\n};\nexport type FloatIn = BaseDataItemLike<'FloatIn'> & {\n direction: EffectFourDirections;\n};\nexport type FoldIn = BaseDataItemLike<'FoldIn'> & {\n direction: EffectFourDirections;\n power?: EffectPower;\n initialRotate?: number;\n};\nexport type SlideIn = BaseDataItemLike<'SlideIn'> & {\n power?: EffectPower;\n direction: EffectFourDirections;\n initialTranslate?: number;\n};\nexport type SpinIn = BaseDataItemLike<'SpinIn'> & {\n spins: number;\n direction: 'clockwise' \| 'counter-clockwise';\n power?: EffectPower;\n initialScale?: number;\n};\nexport type BounceIn = BaseDataItemLike<'BounceIn'> & {\n direction: EffectFourDirections \| 'center';\n power?: EffectPower;\n distanceFactor?: number;\n};\nexport type PunchIn = BaseDataItemLike<'PunchIn'> & {\n direction: EffectFourCorners \| 'center';\n power?: EffectPower;\n};\nexport type GlideIn = BaseDataItemLike<'GlideIn'> & {\n direction: number;\n distance: UnitLengthPercentage;\n power?: EffectPower;\n startFromOffScreen?: boolean;\n};\nexport type GlitchIn = BaseDataItemLike<'GlitchIn'> & {\n direction: number;\n distance: UnitLengthPercentage;\n power?: EffectPower;\n startFromOffScreen?: boolean;\n};\nexport type TurnIn = BaseDataItemLike<'TurnIn'> & {\n direction: EffectFourCorners;\n power?: EffectPower;\n};\nexport type CircleIn = BaseDataItemLike<'CircleIn'> & {\n direction: EffectTwoSides;\n};\nexport type WinkIn = BaseDataItemLike<'WinkIn'> & {\n direction: 'vertical' \| 'horizontal';\n};\nexport type TiltIn = BaseDataItemLike<'TiltIn'> & {\n direction: EffectTwoSides;\n};\nexport type ShapeIn = BaseDataItemLike<'ShapeIn'> & {\n shape: 'circle' \| 'ellipse' \| 'rectangle' \| 'diamond' \| 'window';\n direction: EffectEightDirections \| 'center';\n};\n\nexport type ShuttersIn = BaseDataItemLike<'ShuttersIn'> & {\n direction: EffectFourDirections;\n shutters: number;\n staggered: boolean;\n power?: EffectPower;\n};\nexport type GrowIn = BaseDataItemLike<'GrowIn'> & {\n direction: number;\n distance: UnitLengthPercentage;\n power?: EffectPower;\n initialScale?: number;\n};\nexport type RevealIn = BaseDataItemLike<'RevealIn'> & {\n direction: EffectFourDirections;\n};\nexport type BlurIn = BaseDataItemLike<'BlurIn'> & {\n blur?: number;\n power?: EffectPower;\n};\n\nexport type AnimationOptionsTypes = {\n time: TimeAnimationOptions & AnimationExtraOptions;\n scrub: ScrubAnimationOptions & AnimationExtraOptions;\n};\n\nexport type AnimationEffectAPI<Enum extends keyof AnimationOptionsTypes> = {\n web: (\n animationOptions: AnimationOptionsTypes[Enum],\n dom?: DomApi,\n options?: Record<string, any>,\n ) => AnimationData[];\n getNames: (animationOptions: AnimationOptionsTypes[Enum]) => string[];\n style?: (options: AnimationOptionsTypes[Enum]) => AnimationData[];\n prepare?: (options: AnimationOptionsTypes[Enum], dom?: DomApi) => void;\n};\n\nexport type WebAnimationEffectFactory<\n Enum extends keyof AnimationOptionsTypes,\n> = (\n animationOptions: AnimationOptionsTypes[Enum],\n dom?: DomApi,\n options?: Record<string, any>,\n) => AnimationData[];\n\nexport type EntranceAnimation =\n \| FadeIn\n \| ArcIn\n \| CurveIn\n \| DropIn\n \| ExpandIn\n \| FlipIn\n \| FloatIn\n \| FoldIn\n \| SlideIn\n \| SpinIn\n \| BounceIn\n \| PunchIn\n \| GlideIn\n \| GlitchIn\n \| TurnIn\n \| CircleIn\n \| WinkIn\n \| TiltIn\n \| ShapeIn\n \| ShuttersIn\n \| GrowIn\n \| RevealIn\n \| BlurIn;\nexport type EntranceAnimations = Record<\n EntranceAnimation['type'],\n AnimationEffectAPI<'time'>\n>;\n\nexport type Breathe = BaseDataItemLike<'Breathe'> & {\n direction: 'vertical' \| 'horizontal' \| 'center';\n distance: UnitLengthPercentage;\n};\nexport type Pulse = BaseDataItemLike<'Pulse'> & {\n power?: EffectPower;\n intensity?: number;\n};\nexport type Spin = BaseDataItemLike<'Spin'> & {\n direction: 'clockwise' \| 'counter-clockwise';\n power?: EffectPower;\n};\nexport type Poke = BaseDataItemLike<'Poke'> & {\n direction: EffectFourDirections;\n power?: EffectPower;\n intensity?: number;\n};\nexport type Flash = BaseDataItemLike<'Flash'>;\nexport type Swing = BaseDataItemLike<'Swing'> & {\n power?: EffectPower;\n swing?: number;\n direction?: EffectFourDirections;\n};\nexport type Flip = BaseDataItemLike<'Flip'> & {\n direction: 'vertical' \| 'horizontal';\n power?: EffectPower;\n};\nexport type Rubber = BaseDataItemLike<'Rubber'> & {\n power?: EffectPower;\n intensity?: number;\n};\nexport type Fold = BaseDataItemLike<'Fold'> & {\n direction: EffectFourDirections;\n power?: EffectPower;\n angle?: number;\n};\nexport type Jello = BaseDataItemLike<'Jello'> & {\n power?: EffectPower;\n intensity?: number;\n};\nexport type Wiggle = BaseDataItemLike<'Wiggle'> & {\n power?: EffectPower;\n intensity?: number;\n};\nexport type Bounce = BaseDataItemLike<'Bounce'> & {\n power?: EffectPower;\n intensity?: number;\n};\nexport type Cross = BaseDataItemLike<'Cross'> & {\n direction: EffectEightDirections;\n};\nexport type DVD = BaseDataItemLike<'DVD'> & {\n power?: EffectPower;\n};\n\nexport type Blink = BaseDataItemLike<'Blink'> & {\n power?: EffectPower;\n scale?: number;\n distance?: UnitLengthPercentage;\n};\n\nexport type OngoingAnimation =\n \| Breathe\n \| Blink\n \| Pulse\n \| Spin\n \| Poke\n \| Flash\n \| Swing\n \| Flip\n \| Rubber\n \| Fold\n \| Jello\n \| Wiggle\n \| Bounce\n \| Cross\n \| DVD;\nexport type OngoingAnimations = Record<\n OngoingAnimation['type'],\n AnimationEffectAPI<'time'>\n>;\n\nexport type ArcScroll = BaseDataItemLike<'ArcScroll'> & {\n direction: 'vertical' \| 'horizontal';\n range?: EffectScrollRange;\n};\nexport type BlurScroll = BaseDataItemLike<'BlurScroll'> & {\n power?: EffectPower;\n range?: EffectScrollRange;\n blur?: number;\n};\nexport type FadeScroll = BaseDataItemLike<'FadeScroll'> & {\n range: EffectScrollRange;\n opacity: number;\n};\nexport type FlipScroll = BaseDataItemLike<'FlipScroll'> & {\n direction: 'vertical' \| 'horizontal';\n power?: EffectPower;\n range?: EffectScrollRange;\n rotate?: number;\n};\nexport type GrowScroll = BaseDataItemLike<'GrowScroll'> & {\n direction: EffectNineDirections;\n power?: EffectPower;\n range?: EffectScrollRange;\n scale?: number;\n speed?: number;\n};\nexport type MoveScroll = BaseDataItemLike<'MoveScroll'> & {\n angle: number;\n power?: EffectPower;\n range?: EffectScrollRange;\n distance?: UnitLengthPercentage;\n};\nexport type PanScroll = BaseDataItemLike<'PanScroll'> & {\n direction: EffectTwoSides;\n distance: UnitLengthPercentage;\n startFromOffScreen: boolean;\n range?: EffectScrollRange;\n};\nexport type ParallaxScroll = BaseDataItemLike<'ParallaxScroll'> & {\n speed: number;\n range?: EffectScrollRange;\n};\nexport type RevealScroll = BaseDataItemLike<'RevealScroll'> & {\n direction: EffectFourDirections;\n range?: EffectScrollRange;\n};\nexport type ShapeScroll = BaseDataItemLike<'ShapeScroll'> & {\n shape: 'circle' \| 'ellipse' \| 'rectangle' \| 'diamond' \| 'window';\n range?: EffectScrollRange;\n power?: EffectPower;\n intensity?: number;\n};\nexport type ShrinkScroll = BaseDataItemLike<'ShrinkScroll'> & {\n direction: EffectNineDirections;\n power?: EffectPower;\n range?: EffectScrollRange;\n scale?: number;\n speed?: number;\n};\nexport type ShuttersScroll = BaseDataItemLike<'ShuttersScroll'> & {\n direction: EffectFourDirections;\n shutters: number;\n staggered: boolean;\n range?: EffectScrollRange;\n};\nexport type SkewPanScroll = BaseDataItemLike<'SkewPanScroll'> & {\n direction: EffectTwoSides;\n range?: EffectScrollRange;\n power?: EffectPower;\n skew?: number;\n};\nexport type SlideScroll = BaseDataItemLike<'SlideScroll'> & {\n direction: EffectFourDirections;\n range?: EffectScrollRange;\n};\nexport type Spin3dScroll = BaseDataItemLike<'Spin3dScroll'> & {\n range?: EffectScrollRange;\n power?: EffectPower;\n rotate?: number;\n speed?: number;\n};\nexport type SpinScroll = BaseDataItemLike<'SpinScroll'> & {\n direction: 'clockwise' \| 'counter-clockwise';\n spins: number;\n range?: EffectScrollRange;\n power?: EffectPower;\n scale?: number;\n};\nexport type StretchScroll = BaseDataItemLike<'StretchScroll'> & {\n power?: EffectPower;\n range?: EffectScrollRange;\n stretch?: number;\n};\nexport type TiltScroll = BaseDataItemLike<'TiltScroll'> & {\n direction: EffectTwoSides;\n range?: EffectScrollRange;\n power?: EffectPower;\n distance?: number;\n};\nexport type TurnScroll = BaseDataItemLike<'TurnScroll'> & {\n direction: EffectTwoSides;\n spin: 'clockwise' \| 'counter-clockwise';\n range?: EffectScrollRange;\n power?: EffectPower;\n scale?: number;\n};\n\nexport type ScrollAnimation =\n \| ArcScroll\n \| BlurScroll\n \| FadeScroll\n \| FlipScroll\n \| GrowScroll\n \| MoveScroll\n \| PanScroll\n \| ParallaxScroll\n \| RevealScroll\n \| ShapeScroll\n \| ShuttersScroll\n \| ShrinkScroll\n \| SkewPanScroll\n \| SlideScroll\n \| Spin3dScroll\n \| SpinScroll\n \| StretchScroll\n \| TiltScroll\n \| TurnScroll;\nexport type ScrollAnimations = Record<\n ScrollAnimation['type'],\n WebAnimationEffectFactory<'scrub'>\n>;\n\nexport type BgCloseUp = BaseDataItemLike<'BgCloseUp'> & {\n scale?: number;\n};\nexport type BgFade = BaseDataItemLike<'BgFade'> & {\n range: 'in' \| 'out';\n};\nexport type BgFadeBack = BaseDataItemLike<'BgFadeBack'> & {\n scale?: number;\n};\nexport type BgFake3D = BaseDataItemLike<'BgFake3D'> & {\n stretch?: number;\n zoom?: number;\n};\nexport type BgPan = BaseDataItemLike<'BgPan'> & {\n direction: 'left' \| 'right';\n speed?: number;\n};\nexport type BgParallax = BaseDataItemLike<'BgParallax'> & {\n speed?: number;\n};\nexport type BgPullBack = BaseDataItemLike<'BgPullBack'> & {\n scale?: number;\n};\nexport type BgReveal = BaseDataItemLike<'BgReveal'>;\nexport type BgRotate = BaseDataItemLike<'BgRotate'> & {\n direction?: 'ccw' \| 'cw';\n angle?: number;\n};\nexport type BgSkew = BaseDataItemLike<'BgSkew'> & {\n direction?: 'ccw' \| 'cw';\n angle?: number;\n};\nexport type BgZoom = BaseDataItemLike<'BgZoom'> & {\n direction: 'in' \| 'out';\n zoom?: number;\n};\nexport type ImageParallax = BaseDataItemLike<'ImageParallax'> & {\n reverse?: boolean;\n speed?: number;\n isPage?: boolean;\n};\n\nexport type BackgroundScrollAnimation =\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\nexport type BackgroundScrollAnimations = Record<\n BackgroundScrollAnimation['type'],\n WebAnimationEffectFactory<'scrub'>\n>;\n\ntype MouseEffectBase = {\n inverted?: boolean;\n};\n\ntype MouseEffectAxis = 'both' \| 'horizontal' \| 'vertical';\n\nexport type MousePivotAxis =\n \| 'top'\n \| 'bottom'\n \| 'right'\n \| 'left'\n \| 'center-horizontal'\n \| 'center-vertical';\n\nexport type AiryMouse = BaseDataItemLike<'AiryMouse'> &\n MouseEffectBase & {\n distance?: UnitLengthPercentage;\n axis?: MouseEffectAxis;\n angle?: number;\n power?: EffectPower;\n };\nexport type BlobMouse = BaseDataItemLike<'BlobMouse'> &\n MouseEffectBase & {\n distance?: UnitLengthPercentage;\n scale?: number;\n power?: EffectPower;\n };\nexport type BlurMouse = BaseDataItemLike<'BlurMouse'> &\n MouseEffectBase & {\n distance?: UnitLengthPercentage;\n angle?: number;\n scale?: number;\n blur?: number;\n perspective?: number;\n power?: EffectPower;\n };\nexport type BounceMouse = BaseDataItemLike<'BounceMouse'> &\n MouseEffectBase & {\n distance?: UnitLengthPercentage;\n axis?: MouseEffectAxis;\n power?: EffectPower;\n };\nexport type ScaleMouse = BaseDataItemLike<'ScaleMouse'> &\n MouseEffectBase & {\n distance?: UnitLengthPercentage;\n axis?: MouseEffectAxis;\n scale?: number;\n power?: EffectPower;\n scaleDirection: EffectScaleDirection;\n };\nexport type SkewMouse = BaseDataItemLike<'SkewMouse'> &\n MouseEffectBase & {\n distance?: UnitLengthPercentage;\n angle?: number;\n axis?: MouseEffectAxis;\n power?: EffectPower;\n };\nexport type SpinMouse = BaseDataItemLike<'SpinMouse'> &\n MouseEffectBase & {\n axis?: MouseEffectAxis;\n power?: EffectPower;\n };\nexport type SwivelMouse = BaseDataItemLike<'SwivelMouse'> &\n MouseEffectBase & {\n angle?: number;\n perspective?: number;\n pivotAxis?: MousePivotAxis;\n power?: EffectPower;\n };\nexport type Tilt3DMouse = BaseDataItemLike<'Tilt3DMouse'> &\n MouseEffectBase & {\n angle?: number;\n perspective?: number;\n power?: EffectPower;\n };\nexport type Track3DMouse = BaseDataItemLike<'Track3DMouse'> &\n MouseEffectBase & {\n distance?: UnitLengthPercentage;\n angle?: number;\n axis?: MouseEffectAxis;\n perspective?: number;\n power?: EffectPower;\n };\nexport type TrackMouse = BaseDataItemLike<'TrackMouse'> &\n MouseEffectBase & {\n distance?: UnitLengthPercentage;\n axis?: MouseEffectAxis;\n power?: EffectPower;\n };\n\nexport type CustomMouse = BaseDataItemLike<'CustomMouse'>;\n\nexport type Progress = {\n x: number;\n y: number;\n v?: { x: number; y: number };\n active?: boolean;\n};\nexport interface MouseAnimationInstance {\n target: HTMLElement;\n play: () => void;\n progress: (progress: Progress) => void;\n cancel: () => void;\n}\n\nexport interface CustomMouseAnimationInstance extends MouseAnimationInstance {\n getProgress: () => Progress;\n}\n\nexport type MouseAnimationFactory = (\n element: HTMLElement,\n) => MouseAnimationInstance;\n\nexport type MouseAnimationFactoryCreate = (\n options: ScrubAnimationOptions,\n dom?: DomApi,\n) => MouseAnimationFactory;\n\nexport type MouseAnimation =\n \| AiryMouse\n \| BlobMouse\n \| BlurMouse\n \| BounceMouse\n \| CustomMouse\n \| ScaleMouse\n \| SkewMouse\n \| SpinMouse\n \| SwivelMouse\n \| Tilt3DMouse\n \| Track3DMouse\n \| TrackMouse;\nexport type MouseAnimations = Record<\n MouseAnimation['type'],\n MouseAnimationFactoryCreate\n>;\n\nexport type NamedEffect =\n \| EntranceAnimation\n \| OngoingAnimation\n \| ScrollAnimation\n \| MouseAnimation\n \| BackgroundScrollAnimation;\n\nexport type CustomEffect =\n \| {\n ranges: { name: string; min: number; max: number; step?: number }[];\n }\n \| ((element: Element \| null, progress: number \| null) => void);\n\nexport type AnimationExtraOptions = {\n effectId?: string;\n effect?: (\n progress: () => number \| { x: number \| undefined; y: number \| undefined },\n ) => void;\n};\n\nexport type AnimationOptions = (TimeAnimationOptions \| ScrubAnimationOptions) &\n AnimationExtraOptions;\n\nexport type MotionAnimationOptions<T extends keyof AnimationOptionsTypes> =\n AnimationOptionsTypes[T];\n\nexport type MeasureCallback = (\n fn: (target: HTMLElement \| null) => void,\n) => void;\nexport type DomApi = { measure: MeasureCallback; mutate: MeasureCallback };\n\nexport type NamedEffectFunction = (\n options: AnimationOptions,\n domApi?: DomApi \| undefined,\n config?: Record<string, any>,\n) => AnimationData[];\n\nexport type ScrubTransitionEasing =\n \| 'linear'\n \| 'hardBackOut'\n \| 'easeOut'\n \| 'elastic'\n \| 'bounce';\n\nexport type RangeOffset = {\n name?:\n \| 'entry'\n \| 'exit'\n \| 'contain'\n \| 'cover'\n \| 'entry-crossing'\n \| 'exit-crossing';\n offset?: LengthPercentage;\n};\n\nexport type MotionKeyframeEffect = BaseDataItemLike<'KeyframeEffect'> & {\n name: string;\n keyframes: Keyframe[];\n};\n\nexport type TimeAnimationOptions = BaseDataItemLike<'TimeAnimationOptions'> & {\n keyframeEffect?: MotionKeyframeEffect;\n namedEffect?: NamedEffect;\n customEffect?: CustomEffect;\n duration?: number;\n delay?: number;\n endDelay?: number;\n easing?: string;\n iterations?: number;\n alternate?: boolean;\n fill?: AnimationFillMode;\n reversed?: boolean;\n};\n\ntype ScrubAnimationDataBase = BaseDataItemLike<'ScrubAnimationOptions'> & {\n keyframeEffect?: MotionKeyframeEffect;\n namedEffect?: NamedEffect;\n customEffect?: CustomEffect;\n startOffset?: RangeOffset;\n endOffset?: RangeOffset;\n playbackRate?: number;\n easing?: string;\n iterations?: number;\n fill?: AnimationFillMode;\n alternate?: boolean;\n reversed?: boolean;\n transitionDuration?: number;\n transitionDelay?: number;\n transitionEasing?: ScrubTransitionEasing;\n centeredToTarget?: boolean;\n};\n\nexport type ScrubAnimationOptions = ScrubAnimationDataBase & {\n duration?: LengthPercentage;\n};\n\ntype AnimationDataExtra = {\n name?: string; // TODO: need to be added to all animations and then be made required\n keyframes: Record<string, string \| number \| undefined>[];\n custom?: Record<string, string \| number \| undefined>;\n composite?: CompositeOperation;\n part?: string;\n timing?: Partial<EffectTiming>;\n};\n\nexport type AnimationDataForScrub = ScrubAnimationDataBase & {\n duration?: LengthPercentage \| number;\n startOffsetAdd?: string;\n endOffsetAdd?: string;\n};\n\nexport type AnimationData = (TimeAnimationOptions \| AnimationDataForScrub) &\n AnimationDataExtra;\n\n// TODO: need it?\nexport type AnimationProperties = {\n groups?: string[];\n schema: { [key: string]: any };\n};\n\nexport type TriggerVariant = {\n id: string;\n trigger: 'view-progress' \| 'pointer-move';\n componentId: string;\n};\n\nexport type AnimationGroupOptions = AnimationOptions & {\n trigger?: Partial<TriggerVariant> \| undefined;\n startOffsetAdd?: string \| undefined;\n endOffsetAdd?: string \| undefined;\n measured?: Promise<void>;\n};\n\nexport type Shape = 'ellipse' \| 'circle' \| 'rectangle' \| 'diamond' \| 'window';\n\nexport interface ScrubScrollScene {\n start: RangeOffset;\n end: RangeOffset;\n viewSource: HTMLElement;\n ready: Promise<void>;\n getProgress(): number;\n effect(__: any, p: number): void;\n disabled: boolean;\n destroy(): void;\n groupId?: string;\n}\n\nexport interface ScrubPointerScene {\n target?: HTMLElement;\n centeredToTarget?: boolean;\n transitionDuration?: number;\n transitionEasing?: ScrubTransitionEasing;\n getProgress(): Progress;\n effect(p: Progress): void;\n disabled: boolean;\n destroy(): void;\n allowActiveEvent?: boolean;\n}\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["../../src/types.ts"],"sourcesContent":["type LengthUnit = 'px' \| 'em' \| 'rem' \| 'vh' \| 'vw' \| 'vmin' \| 'vmax';\n\nexport declare type Length = {\n value: number;\n type: LengthUnit;\n};\n\nexport declare type Percentage = {\n value: number;\n type: 'percentage';\n};\n\nexport declare type LengthPercentage = Length \| Percentage;\n\nexport declare type UnitLengthPercentage = LengthPercentage;\n\nexport type Point = [number, number];\n\nexport type EffectNineDirections =\n \| 'right'\n \| 'top-right'\n \| 'top'\n \| 'top-left'\n \| 'left'\n \| 'bottom-left'\n \| 'bottom'\n \| 'bottom-right'\n \| 'center';\n\nexport type EffectScaleDirection = 'up' \| 'down';\n\ndeclare class ViewTimeline {\n constructor(options: { subject: HTMLElement });\n}\n\ndeclare global {\n interface Window {\n ViewTimeline: ViewTimeline;\n }\n}\n\nexport type AnimationFillMode = 'none' \| 'backwards' \| 'forwards' \| 'both';\n\nexport type BaseDataItemLike<Type extends string = string> = {\n id?: string;\n type: Type;\n};\n\nexport type EffectTwoSides = 'left' \| 'right';\n\nexport type EffectFourDirections = 'top' \| 'right' \| 'bottom' \| 'left';\nexport type EffectFourCorners =\n \| 'top-right'\n \| 'top-left'\n \| 'bottom-right'\n \| 'bottom-left';\nexport type EffectEightDirections = EffectFourDirections \| EffectFourCorners;\nexport type EffectPower = 'soft' \| 'medium' \| 'hard';\nexport type EffectScrollRange = 'in' \| 'out' \| 'continuous';\n\nexport type FadeIn = BaseDataItemLike<'FadeIn'>;\nexport type ArcIn = BaseDataItemLike<'ArcIn'> & {\n direction: EffectFourDirections;\n power?: EffectPower;\n};\nexport type CurveIn = BaseDataItemLike<'CurveIn'> & {\n direction: EffectTwoSides;\n};\nexport type DropIn = BaseDataItemLike<'DropIn'> & {\n power?: EffectPower;\n initialScale?: number;\n};\nexport type ExpandIn = BaseDataItemLike<'ExpandIn'> & {\n power?: EffectPower;\n direction: EffectEightDirections \| 'center';\n initialScale?: number;\n};\nexport type FlipIn = BaseDataItemLike<'FlipIn'> & {\n power?: EffectPower;\n direction: EffectFourDirections;\n initialRotate?: number;\n};\nexport type FloatIn = BaseDataItemLike<'FloatIn'> & {\n direction: EffectFourDirections;\n};\nexport type FoldIn = BaseDataItemLike<'FoldIn'> & {\n direction: EffectFourDirections;\n power?: EffectPower;\n initialRotate?: number;\n};\nexport type SlideIn = BaseDataItemLike<'SlideIn'> & {\n power?: EffectPower;\n direction: EffectFourDirections;\n initialTranslate?: number;\n};\nexport type SpinIn = BaseDataItemLike<'SpinIn'> & {\n spins: number;\n direction: 'clockwise' \| 'counter-clockwise';\n power?: EffectPower;\n initialScale?: number;\n};\nexport type BounceIn = BaseDataItemLike<'BounceIn'> & {\n direction: EffectFourDirections \| 'center';\n power?: EffectPower;\n distanceFactor?: number;\n};\nexport type PunchIn = BaseDataItemLike<'PunchIn'> & {\n direction: EffectFourCorners \| 'center';\n power?: EffectPower;\n};\nexport type GlideIn = BaseDataItemLike<'GlideIn'> & {\n direction: number;\n distance: UnitLengthPercentage;\n power?: EffectPower;\n startFromOffScreen?: boolean;\n};\nexport type GlitchIn = BaseDataItemLike<'GlitchIn'> & {\n direction: number;\n distance: UnitLengthPercentage;\n power?: EffectPower;\n startFromOffScreen?: boolean;\n};\nexport type TurnIn = BaseDataItemLike<'TurnIn'> & {\n direction: EffectFourCorners;\n power?: EffectPower;\n};\nexport type CircleIn = BaseDataItemLike<'CircleIn'> & {\n direction: EffectTwoSides;\n};\nexport type WinkIn = BaseDataItemLike<'WinkIn'> & {\n direction: 'vertical' \| 'horizontal';\n};\nexport type TiltIn = BaseDataItemLike<'TiltIn'> & {\n direction: EffectTwoSides;\n};\nexport type ShapeIn = BaseDataItemLike<'ShapeIn'> & {\n shape: 'circle' \| 'ellipse' \| 'rectangle' \| 'diamond' \| 'window';\n direction: EffectEightDirections \| 'center';\n};\n\nexport type ShuttersIn = BaseDataItemLike<'ShuttersIn'> & {\n direction: EffectFourDirections;\n shutters: number;\n staggered: boolean;\n power?: EffectPower;\n};\nexport type GrowIn = BaseDataItemLike<'GrowIn'> & {\n direction: number;\n distance: UnitLengthPercentage;\n power?: EffectPower;\n initialScale?: number;\n};\nexport type RevealIn = BaseDataItemLike<'RevealIn'> & {\n direction: EffectFourDirections;\n};\nexport type BlurIn = BaseDataItemLike<'BlurIn'> & {\n blur?: number;\n power?: EffectPower;\n};\n\nexport type AnimationOptionsTypes = {\n time: TimeAnimationOptions & AnimationExtraOptions;\n scrub: ScrubAnimationOptions & AnimationExtraOptions;\n};\n\nexport type AnimationEffectAPI<Enum extends keyof AnimationOptionsTypes> = {\n web: (\n animationOptions: AnimationOptionsTypes[Enum],\n dom?: DomApi,\n options?: Record<string, any>,\n ) => AnimationData[];\n getNames: (animationOptions: AnimationOptionsTypes[Enum]) => string[];\n style?: (options: AnimationOptionsTypes[Enum]) => AnimationData[];\n prepare?: (options: AnimationOptionsTypes[Enum], dom?: DomApi) => void;\n};\n\nexport type WebAnimationEffectFactory<\n Enum extends keyof AnimationOptionsTypes,\n> = (\n animationOptions: AnimationOptionsTypes[Enum],\n dom?: DomApi,\n options?: Record<string, any>,\n) => AnimationData[];\n\nexport type EntranceAnimation =\n \| FadeIn\n \| ArcIn\n \| CurveIn\n \| DropIn\n \| ExpandIn\n \| FlipIn\n \| FloatIn\n \| FoldIn\n \| SlideIn\n \| SpinIn\n \| BounceIn\n \| PunchIn\n \| GlideIn\n \| GlitchIn\n \| TurnIn\n \| CircleIn\n \| WinkIn\n \| TiltIn\n \| ShapeIn\n \| ShuttersIn\n \| GrowIn\n \| RevealIn\n \| BlurIn;\nexport type EntranceAnimations = Record<\n EntranceAnimation['type'],\n AnimationEffectAPI<'time'>\n>;\n\nexport type Breathe = BaseDataItemLike<'Breathe'> & {\n direction: 'vertical' \| 'horizontal' \| 'center';\n distance: UnitLengthPercentage;\n};\nexport type Pulse = BaseDataItemLike<'Pulse'> & {\n power?: EffectPower;\n intensity?: number;\n};\nexport type Spin = BaseDataItemLike<'Spin'> & {\n direction: 'clockwise' \| 'counter-clockwise';\n power?: EffectPower;\n};\nexport type Poke = BaseDataItemLike<'Poke'> & {\n direction: EffectFourDirections;\n power?: EffectPower;\n intensity?: number;\n};\nexport type Flash = BaseDataItemLike<'Flash'>;\nexport type Swing = BaseDataItemLike<'Swing'> & {\n power?: EffectPower;\n swing?: number;\n direction?: EffectFourDirections;\n};\nexport type Flip = BaseDataItemLike<'Flip'> & {\n direction: 'vertical' \| 'horizontal';\n power?: EffectPower;\n};\nexport type Rubber = BaseDataItemLike<'Rubber'> & {\n power?: EffectPower;\n intensity?: number;\n};\nexport type Fold = BaseDataItemLike<'Fold'> & {\n direction: EffectFourDirections;\n power?: EffectPower;\n angle?: number;\n};\nexport type Jello = BaseDataItemLike<'Jello'> & {\n power?: EffectPower;\n intensity?: number;\n};\nexport type Wiggle = BaseDataItemLike<'Wiggle'> & {\n power?: EffectPower;\n intensity?: number;\n};\nexport type Bounce = BaseDataItemLike<'Bounce'> & {\n power?: EffectPower;\n intensity?: number;\n};\nexport type Cross = BaseDataItemLike<'Cross'> & {\n direction: EffectEightDirections;\n};\nexport type DVD = BaseDataItemLike<'DVD'> & {\n power?: EffectPower;\n};\n\nexport type Blink = BaseDataItemLike<'Blink'> & {\n power?: EffectPower;\n scale?: number;\n distance?: UnitLengthPercentage;\n};\n\nexport type OngoingAnimation =\n \| Breathe\n \| Blink\n \| Pulse\n \| Spin\n \| Poke\n \| Flash\n \| Swing\n \| Flip\n \| Rubber\n \| Fold\n \| Jello\n \| Wiggle\n \| Bounce\n \| Cross\n \| DVD;\nexport type OngoingAnimations = Record<\n OngoingAnimation['type'],\n AnimationEffectAPI<'time'>\n>;\n\nexport type ArcScroll = BaseDataItemLike<'ArcScroll'> & {\n direction: 'vertical' \| 'horizontal';\n range?: EffectScrollRange;\n};\nexport type BlurScroll = BaseDataItemLike<'BlurScroll'> & {\n power?: EffectPower;\n range?: EffectScrollRange;\n blur?: number;\n};\nexport type FadeScroll = BaseDataItemLike<'FadeScroll'> & {\n range: EffectScrollRange;\n opacity: number;\n};\nexport type FlipScroll = BaseDataItemLike<'FlipScroll'> & {\n direction: 'vertical' \| 'horizontal';\n power?: EffectPower;\n range?: EffectScrollRange;\n rotate?: number;\n};\nexport type GrowScroll = BaseDataItemLike<'GrowScroll'> & {\n direction: EffectNineDirections;\n power?: EffectPower;\n range?: EffectScrollRange;\n scale?: number;\n speed?: number;\n};\nexport type MoveScroll = BaseDataItemLike<'MoveScroll'> & {\n angle: number;\n power?: EffectPower;\n range?: EffectScrollRange;\n distance?: UnitLengthPercentage;\n};\nexport type PanScroll = BaseDataItemLike<'PanScroll'> & {\n direction: EffectTwoSides;\n distance: UnitLengthPercentage;\n startFromOffScreen: boolean;\n range?: EffectScrollRange;\n};\nexport type ParallaxScroll = BaseDataItemLike<'ParallaxScroll'> & {\n speed: number;\n range?: EffectScrollRange;\n};\nexport type RevealScroll = BaseDataItemLike<'RevealScroll'> & {\n direction: EffectFourDirections;\n range?: EffectScrollRange;\n};\nexport type ShapeScroll = BaseDataItemLike<'ShapeScroll'> & {\n shape: 'circle' \| 'ellipse' \| 'rectangle' \| 'diamond' \| 'window';\n range?: EffectScrollRange;\n power?: EffectPower;\n intensity?: number;\n};\nexport type ShrinkScroll = BaseDataItemLike<'ShrinkScroll'> & {\n direction: EffectNineDirections;\n power?: EffectPower;\n range?: EffectScrollRange;\n scale?: number;\n speed?: number;\n};\nexport type ShuttersScroll = BaseDataItemLike<'ShuttersScroll'> & {\n direction: EffectFourDirections;\n shutters: number;\n staggered: boolean;\n range?: EffectScrollRange;\n};\nexport type SkewPanScroll = BaseDataItemLike<'SkewPanScroll'> & {\n direction: EffectTwoSides;\n range?: EffectScrollRange;\n power?: EffectPower;\n skew?: number;\n};\nexport type SlideScroll = BaseDataItemLike<'SlideScroll'> & {\n direction: EffectFourDirections;\n range?: EffectScrollRange;\n};\nexport type Spin3dScroll = BaseDataItemLike<'Spin3dScroll'> & {\n range?: EffectScrollRange;\n power?: EffectPower;\n rotate?: number;\n speed?: number;\n};\nexport type SpinScroll = BaseDataItemLike<'SpinScroll'> & {\n direction: 'clockwise' \| 'counter-clockwise';\n spins: number;\n range?: EffectScrollRange;\n power?: EffectPower;\n scale?: number;\n};\nexport type StretchScroll = BaseDataItemLike<'StretchScroll'> & {\n power?: EffectPower;\n range?: EffectScrollRange;\n stretch?: number;\n};\nexport type TiltScroll = BaseDataItemLike<'TiltScroll'> & {\n direction: EffectTwoSides;\n range?: EffectScrollRange;\n power?: EffectPower;\n distance?: number;\n};\nexport type TurnScroll = BaseDataItemLike<'TurnScroll'> & {\n direction: EffectTwoSides;\n spin: 'clockwise' \| 'counter-clockwise';\n range?: EffectScrollRange;\n power?: EffectPower;\n scale?: number;\n};\n\nexport type ScrollAnimation =\n \| ArcScroll\n \| BlurScroll\n \| FadeScroll\n \| FlipScroll\n \| GrowScroll\n \| MoveScroll\n \| PanScroll\n \| ParallaxScroll\n \| RevealScroll\n \| ShapeScroll\n \| ShuttersScroll\n \| ShrinkScroll\n \| SkewPanScroll\n \| SlideScroll\n \| Spin3dScroll\n \| SpinScroll\n \| StretchScroll\n \| TiltScroll\n \| TurnScroll;\nexport type ScrollAnimations = Record<\n ScrollAnimation['type'],\n WebAnimationEffectFactory<'scrub'>\n>;\n\nexport type BgCloseUp = BaseDataItemLike<'BgCloseUp'> & {\n scale?: number;\n};\nexport type BgFade = BaseDataItemLike<'BgFade'> & {\n range: 'in' \| 'out';\n};\nexport type BgFadeBack = BaseDataItemLike<'BgFadeBack'> & {\n scale?: number;\n};\nexport type BgFake3D = BaseDataItemLike<'BgFake3D'> & {\n stretch?: number;\n zoom?: number;\n};\nexport type BgPan = BaseDataItemLike<'BgPan'> & {\n direction: 'left' \| 'right';\n speed?: number;\n};\nexport type BgParallax = BaseDataItemLike<'BgParallax'> & {\n speed?: number;\n};\nexport type BgPullBack = BaseDataItemLike<'BgPullBack'> & {\n scale?: number;\n};\nexport type BgReveal = BaseDataItemLike<'BgReveal'>;\nexport type BgRotate = BaseDataItemLike<'BgRotate'> & {\n direction?: 'ccw' \| 'cw';\n angle?: number;\n};\nexport type BgSkew = BaseDataItemLike<'BgSkew'> & {\n direction?: 'ccw' \| 'cw';\n angle?: number;\n};\nexport type BgZoom = BaseDataItemLike<'BgZoom'> & {\n direction: 'in' \| 'out';\n zoom?: number;\n};\nexport type ImageParallax = BaseDataItemLike<'ImageParallax'> & {\n reverse?: boolean;\n speed?: number;\n isPage?: boolean;\n};\n\nexport type BackgroundScrollAnimation =\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\nexport type BackgroundScrollAnimations = Record<\n BackgroundScrollAnimation['type'],\n WebAnimationEffectFactory<'scrub'>\n>;\n\ntype MouseEffectBase = {\n inverted?: boolean;\n};\n\ntype MouseEffectAxis = 'both' \| 'horizontal' \| 'vertical';\n\nexport type MousePivotAxis =\n \| 'top'\n \| 'bottom'\n \| 'right'\n \| 'left'\n \| 'center-horizontal'\n \| 'center-vertical';\n\nexport type AiryMouse = BaseDataItemLike<'AiryMouse'> &\n MouseEffectBase & {\n distance?: UnitLengthPercentage;\n axis?: MouseEffectAxis;\n angle?: number;\n power?: EffectPower;\n };\nexport type BlobMouse = BaseDataItemLike<'BlobMouse'> &\n MouseEffectBase & {\n distance?: UnitLengthPercentage;\n scale?: number;\n power?: EffectPower;\n };\nexport type BlurMouse = BaseDataItemLike<'BlurMouse'> &\n MouseEffectBase & {\n distance?: UnitLengthPercentage;\n angle?: number;\n scale?: number;\n blur?: number;\n perspective?: number;\n power?: EffectPower;\n };\nexport type BounceMouse = BaseDataItemLike<'BounceMouse'> &\n MouseEffectBase & {\n distance?: UnitLengthPercentage;\n axis?: MouseEffectAxis;\n power?: EffectPower;\n };\nexport type ScaleMouse = BaseDataItemLike<'ScaleMouse'> &\n MouseEffectBase & {\n distance?: UnitLengthPercentage;\n axis?: MouseEffectAxis;\n scale?: number;\n power?: EffectPower;\n scaleDirection: EffectScaleDirection;\n };\nexport type SkewMouse = BaseDataItemLike<'SkewMouse'> &\n MouseEffectBase & {\n distance?: UnitLengthPercentage;\n angle?: number;\n axis?: MouseEffectAxis;\n power?: EffectPower;\n };\nexport type SpinMouse = BaseDataItemLike<'SpinMouse'> &\n MouseEffectBase & {\n axis?: MouseEffectAxis;\n power?: EffectPower;\n };\nexport type SwivelMouse = BaseDataItemLike<'SwivelMouse'> &\n MouseEffectBase & {\n angle?: number;\n perspective?: number;\n pivotAxis?: MousePivotAxis;\n power?: EffectPower;\n };\nexport type Tilt3DMouse = BaseDataItemLike<'Tilt3DMouse'> &\n MouseEffectBase & {\n angle?: number;\n perspective?: number;\n power?: EffectPower;\n };\nexport type Track3DMouse = BaseDataItemLike<'Track3DMouse'> &\n MouseEffectBase & {\n distance?: UnitLengthPercentage;\n angle?: number;\n axis?: MouseEffectAxis;\n perspective?: number;\n power?: EffectPower;\n };\nexport type TrackMouse = BaseDataItemLike<'TrackMouse'> &\n MouseEffectBase & {\n distance?: UnitLengthPercentage;\n axis?: MouseEffectAxis;\n power?: EffectPower;\n };\n\nexport type CustomMouse = BaseDataItemLike<'CustomMouse'>;\n\nexport type Progress = {\n x: number;\n y: number;\n v?: { x: number; y: number };\n active?: boolean;\n};\nexport interface MouseAnimationInstance {\n target: HTMLElement;\n play: () => void;\n progress: (progress: Progress) => void;\n cancel: () => void;\n}\n\nexport interface CustomMouseAnimationInstance extends MouseAnimationInstance {\n getProgress: () => Progress;\n}\n\nexport type MouseAnimationFactory = (\n element: HTMLElement,\n) => MouseAnimationInstance;\n\nexport type MouseAnimationFactoryCreate = (\n options: ScrubAnimationOptions,\n dom?: DomApi,\n) => MouseAnimationFactory;\n\nexport type MouseAnimation =\n \| AiryMouse\n \| BlobMouse\n \| BlurMouse\n \| BounceMouse\n \| CustomMouse\n \| ScaleMouse\n \| SkewMouse\n \| SpinMouse\n \| SwivelMouse\n \| Tilt3DMouse\n \| Track3DMouse\n \| TrackMouse;\nexport type MouseAnimations = Record<\n MouseAnimation['type'],\n MouseAnimationFactoryCreate\n>;\n\nexport type NamedEffect =\n \| EntranceAnimation\n \| OngoingAnimation\n \| ScrollAnimation\n \| MouseAnimation\n \| BackgroundScrollAnimation;\n\nexport type CustomEffect =\n \| {\n ranges: { name: string; min: number; max: number; step?: number }[];\n }\n \| ((element: Element \| null, progress: number \| null) => void);\n\nexport type AnimationExtraOptions = {\n effectId?: string;\n effect?: (\n progress: () => number \| { x: number \| undefined; y: number \| undefined },\n ) => void;\n};\n\nexport type AnimationOptions = (TimeAnimationOptions \| ScrubAnimationOptions) &\n AnimationExtraOptions;\n\nexport type MotionAnimationOptions<T extends keyof AnimationOptionsTypes> =\n AnimationOptionsTypes[T];\n\nexport type MeasureCallback = (\n fn: (target: HTMLElement \| null) => void,\n) => void;\nexport type DomApi = { measure: MeasureCallback; mutate: MeasureCallback };\n\nexport type NamedEffectFunction = (\n options: AnimationOptions,\n domApi?: DomApi \| undefined,\n config?: Record<string, any>,\n) => AnimationData[];\n\nexport type ScrubTransitionEasing =\n \| 'linear'\n \| 'hardBackOut'\n \| 'easeOut'\n \| 'elastic'\n \| 'bounce';\n\nexport type RangeOffset = {\n name?:\n \| 'entry'\n \| 'exit'\n \| 'contain'\n \| 'cover'\n \| 'entry-crossing'\n \| 'exit-crossing';\n offset?: LengthPercentage;\n};\n\nexport type MotionKeyframeEffect = BaseDataItemLike<'KeyframeEffect'> & {\n name: string;\n keyframes: Keyframe[];\n};\n\nexport type TimeAnimationOptions = {\n id?: string;\n keyframeEffect?: MotionKeyframeEffect;\n namedEffect?: NamedEffect;\n customEffect?: CustomEffect;\n duration?: number;\n delay?: number;\n endDelay?: number;\n easing?: string;\n iterations?: number;\n alternate?: boolean;\n fill?: AnimationFillMode;\n reversed?: boolean;\n};\n\ntype ScrubAnimationDataBase = {\n id?: string;\n keyframeEffect?: MotionKeyframeEffect;\n namedEffect?: NamedEffect;\n customEffect?: CustomEffect;\n startOffset?: RangeOffset;\n endOffset?: RangeOffset;\n playbackRate?: number;\n easing?: string;\n iterations?: number;\n fill?: AnimationFillMode;\n alternate?: boolean;\n reversed?: boolean;\n transitionDuration?: number;\n transitionDelay?: number;\n transitionEasing?: ScrubTransitionEasing;\n centeredToTarget?: boolean;\n};\n\nexport type ScrubAnimationOptions = ScrubAnimationDataBase & {\n duration?: LengthPercentage;\n};\n\ntype AnimationDataExtra = {\n name?: string; // TODO: need to be added to all animations and then be made required\n keyframes: Record<string, string \| number \| undefined>[];\n custom?: Record<string, string \| number \| undefined>;\n composite?: CompositeOperation;\n part?: string;\n timing?: Partial<EffectTiming>;\n};\n\nexport type AnimationDataForScrub = ScrubAnimationDataBase & {\n duration?: LengthPercentage \| number;\n startOffsetAdd?: string;\n endOffsetAdd?: string;\n};\n\nexport type AnimationData = (TimeAnimationOptions \| AnimationDataForScrub) &\n AnimationDataExtra;\n\n// TODO: need it?\nexport type AnimationProperties = {\n groups?: string[];\n schema: { [key: string]: any };\n};\n\nexport type TriggerVariant = {\n id: string;\n trigger: 'view-progress' \| 'pointer-move';\n componentId: string;\n};\n\nexport type AnimationGroupOptions = AnimationOptions & {\n trigger?: Partial<TriggerVariant> \| undefined;\n startOffsetAdd?: string \| undefined;\n endOffsetAdd?: string \| undefined;\n measured?: Promise<void>;\n};\n\nexport type Shape = 'ellipse' \| 'circle' \| 'rectangle' \| 'diamond' \| 'window';\n\nexport interface ScrubScrollScene {\n start: RangeOffset;\n end: RangeOffset;\n viewSource: HTMLElement;\n ready: Promise<void>;\n getProgress(): number;\n effect(__: any, p: number): void;\n disabled: boolean;\n destroy(): void;\n groupId?: string;\n}\n\nexport interface ScrubPointerScene {\n target?: HTMLElement;\n centeredToTarget?: boolean;\n transitionDuration?: number;\n transitionEasing?: ScrubTransitionEasing;\n getProgress(): Progress;\n effect(p: Progress): void;\n disabled: boolean;\n destroy(): void;\n allowActiveEvent?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/esm/api/common.js CHANGED Viewed

@@ -89,7 +89,7 @@ function getNamedEffect(animation) {
   }
   return null;
 }
-function getEffectsData(animations, effectId) {
+function getEffectsData(animations, trigger, effectId) {
   // process each AnimationData object into a KeyframeEffect object
   return animations.map((effect, index) => {
     // prepare the KeyframeEffectOptions object
@@ -101,8 +101,8 @@ function getEffectsData(animations, effectId) {
       direction: getDirection(effect)
     };
-    // if this is a TimeAnimation then set the duration and delay as time values
-    if (effect.type.startsWith('Time')) {
+    // if this is a time-based animation then set the duration and delay as time values
+    if (isNotAScrubTrigger(trigger)) {
       effectOptions.duration = effect.duration;
       effectOptions.delay = effect.delay || 0;
     } else {
@@ -125,5 +125,8 @@ function getEffectsData(animations, effectId) {
     };
   });
 }
-export { getElement, getElementMotionPart, getNamedEffect, getEffectsData, measure, mutate, getDirection, getLength, getRanges };
+function isNotAScrubTrigger(trigger) {
+  return !trigger || trigger.trigger !== 'pointer-move' && trigger.trigger !== 'view-progress';
+}
+export { isNotAScrubTrigger, getElement, getElementMotionPart, getNamedEffect, getEffectsData, measure, mutate, getDirection, getLength, getRanges };
 //# sourceMappingURL=common.js.map

package/dist/esm/api/common.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["scrollAnimations","entranceAnimations","ongoingAnimations","mouseAnimations","backgroundScrollAnimations","getCssUnits","getEasing","fastdom","getElement","id","ownerDocument","document","getElementById","getElementMotionPart","element","part","matches","querySelector","getDirection","effect","alternate","reversed","getLength","length","value","type","getRange","range","add","isEnd","name","offset","getRanges","start","startOffset","startOffsetAdd","end","endOffset","endOffsetAdd","measure","target","fn","mutate","getNamedEffect","animation","namedEffect","keyframeEffect","animation_","keyframes","getNames","effectId","uid","web","style","customEffect","getEffectsData","animations","map","index","effectOptions","fill","easing","iterations","Infinity","composite","direction","startsWith","duration","delay","window","ViewTimeline","options"],"sources":["../../../src/api/common.ts"],"sourcesContent":["import type {\n AnimationData,\n AnimationDataForScrub,\n AnimationOptions,\n BackgroundScrollAnimations,\n EntranceAnimations,\n MeasureCallback,\n MouseAnimations,\n OngoingAnimations,\n RangeOffset,\n ScrollAnimations,\n TimeAnimationOptions,\n UnitLengthPercentage,\n} from '../types';\nimport { scrollAnimations } from '../library/scroll';\nimport { entranceAnimations } from '../library/entrance';\nimport { ongoingAnimations } from '../library/ongoing';\nimport { mouseAnimations } from '../library/mouse';\nimport { backgroundScrollAnimations } from '../library/backgroundScroll';\nimport { getCssUnits, getEasing } from '../utils';\nimport fastdom from 'fastdom';\n\nfunction getElement(\n id: string \| null,\n ownerDocument?: Document,\n): HTMLElement \| null {\n return id ? (ownerDocument \|\| document).getElementById(id) : null;\n}\n\nfunction getElementMotionPart(element: Element \| null, part: string) {\n if (element?.matches(`[data-motion-part~=\"${part}\"]`)) {\n return element;\n }\n return element?.querySelector(`[data-motion-part~=\"${part}\"]`);\n}\n\nfunction getDirection(\n effect: AnimationData,\n): KeyframeEffectOptions['direction'] {\n const alternate = effect.alternate ? 'alternate' : '';\n return effect.reversed\n ? (`${alternate ? `${alternate}-` : ''}reverse` as\n \| 'reverse'\n \| 'alternate-reverse')\n : alternate \|\| 'normal';\n}\n\nfunction getLength(length: UnitLengthPercentage): string {\n return `${length.value}${getCssUnits(length.type)}`;\n}\n\nfunction getRange(\n range: RangeOffset,\n add: string \| undefined,\n isEnd?: boolean,\n) {\n // according to the CSS spec if the end range is a <length> then it is calculated from the start of the named range\n // our model assumes that <length> in end range is calculated from the end of the named range\n return `${range.name \|\| 'cover'} ${\n isEnd && range.offset!.type !== 'percentage'\n ? `calc(100% + ${getLength(range.offset!)}${add ? ` + ${add}` : ''})`\n : add\n ? `calc(${getLength(range.offset!)} + ${add})`\n : getLength(range.offset!)\n }`;\n}\n\nfunction getRanges(effect: AnimationDataForScrub) {\n return {\n start: getRange(effect.startOffset!, effect.startOffsetAdd),\n end: getRange(effect.endOffset!, effect.endOffsetAdd, true),\n };\n}\n\nfunction measure(target: HTMLElement \| null): MeasureCallback {\n return (fn) => fastdom.measure(() => fn(target));\n}\n\nfunction mutate(target: HTMLElement \| null): MeasureCallback {\n return (fn) => fastdom.mutate(() => fn(target));\n}\n\nfunction getNamedEffect(animation: AnimationOptions) {\n if (animation.namedEffect) {\n const name = animation.namedEffect.type;\n\n // check each preset library for the named effect\n if (name in scrollAnimations) {\n return scrollAnimations[name as keyof ScrollAnimations];\n } else if (name in entranceAnimations) {\n return entranceAnimations[name as keyof EntranceAnimations];\n } else if (name in ongoingAnimations) {\n return ongoingAnimations[name as keyof OngoingAnimations];\n } else if (name in mouseAnimations) {\n return mouseAnimations[name as keyof MouseAnimations];\n } else if (name in backgroundScrollAnimations) {\n return backgroundScrollAnimations[\n name as keyof BackgroundScrollAnimations\n ];\n }\n } else if (animation.keyframeEffect) {\n const effect = (animation_: AnimationOptions) => {\n const { name, keyframes } = animation_.keyframeEffect!;\n\n return [{ ...animation_, name, keyframes }];\n };\n const getNames = (animation_: AnimationOptions) => {\n const { effectId } = animation_;\n const { name } = animation_.keyframeEffect!;\n const uid = name \|\| effectId;\n\n return uid ? [uid] : [];\n };\n return { web: effect, style: effect, getNames };\n } else if (animation.customEffect) {\n return (animation_: AnimationOptions) => [{ ...animation_, keyframes: [] }];\n }\n return null;\n}\n\nfunction getEffectsData(animations: AnimationData[], effectId?: string) {\n // process each AnimationData object into a KeyframeEffect object\n return animations.map((effect, index) => {\n // prepare the KeyframeEffectOptions object\n const effectOptions = {\n fill: effect.fill,\n easing: getEasing(effect.easing),\n iterations: effect.iterations === 0 ? Infinity : effect.iterations \|\| 1,\n composite: effect.composite,\n direction: getDirection(effect),\n } as KeyframeEffectOptions & { rangeStart: string; rangeEnd: string };\n\n // if this is a TimeAnimation then set the duration and delay as time values\n if (effect.type.startsWith('Time')) {\n effectOptions.duration = effect.duration as number;\n effectOptions.delay = (effect as TimeAnimationOptions).delay \|\| 0;\n } else {\n // if ViewTimeline is supported\n if (window.ViewTimeline) {\n // set duration to 'auto'\n effectOptions.duration = 'auto';\n } else {\n // if ViewTimeline not supported then put a 100ms value in duration get a progress we can easily relate to\n // we split the duration to 99.99ms and delay of 0.01ms to get the fill-mode effect working\n effectOptions.duration = 99.99;\n effectOptions.delay = 0.01;\n }\n }\n\n return {\n effect,\n options: effectOptions,\n id: effectId && `${effectId}-${index + 1}`,\n part: effect.part,\n };\n });\n}\n\nexport {\n getElement,\n getElementMotionPart,\n getNamedEffect,\n getEffectsData,\n measure,\n mutate,\n getDirection,\n getLength,\n getRanges,\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["scrollAnimations","entranceAnimations","ongoingAnimations","mouseAnimations","backgroundScrollAnimations","getCssUnits","getEasing","fastdom","getElement","id","ownerDocument","document","getElementById","getElementMotionPart","element","part","matches","querySelector","getDirection","effect","alternate","reversed","getLength","length","value","type","getRange","range","add","isEnd","name","offset","getRanges","start","startOffset","startOffsetAdd","end","endOffset","endOffsetAdd","measure","target","fn","mutate","getNamedEffect","animation","namedEffect","keyframeEffect","animation_","keyframes","getNames","effectId","uid","web","style","customEffect","getEffectsData","animations","trigger","map","index","effectOptions","fill","easing","iterations","Infinity","composite","direction","isNotAScrubTrigger","duration","delay","window","ViewTimeline","options"],"sources":["../../../src/api/common.ts"],"sourcesContent":["import type {\n AnimationData,\n AnimationDataForScrub,\n AnimationOptions,\n BackgroundScrollAnimations,\n EntranceAnimations,\n MeasureCallback,\n MouseAnimations,\n OngoingAnimations,\n RangeOffset,\n ScrollAnimations,\n TimeAnimationOptions,\n TriggerVariant,\n UnitLengthPercentage,\n} from '../types';\nimport { scrollAnimations } from '../library/scroll';\nimport { entranceAnimations } from '../library/entrance';\nimport { ongoingAnimations } from '../library/ongoing';\nimport { mouseAnimations } from '../library/mouse';\nimport { backgroundScrollAnimations } from '../library/backgroundScroll';\nimport { getCssUnits, getEasing } from '../utils';\nimport fastdom from 'fastdom';\n\nfunction getElement(\n id: string \| null,\n ownerDocument?: Document,\n): HTMLElement \| null {\n return id ? (ownerDocument \|\| document).getElementById(id) : null;\n}\n\nfunction getElementMotionPart(element: Element \| null, part: string) {\n if (element?.matches(`[data-motion-part~=\"${part}\"]`)) {\n return element;\n }\n return element?.querySelector(`[data-motion-part~=\"${part}\"]`);\n}\n\nfunction getDirection(\n effect: AnimationData,\n): KeyframeEffectOptions['direction'] {\n const alternate = effect.alternate ? 'alternate' : '';\n return effect.reversed\n ? (`${alternate ? `${alternate}-` : ''}reverse` as\n \| 'reverse'\n \| 'alternate-reverse')\n : alternate \|\| 'normal';\n}\n\nfunction getLength(length: UnitLengthPercentage): string {\n return `${length.value}${getCssUnits(length.type)}`;\n}\n\nfunction getRange(\n range: RangeOffset,\n add: string \| undefined,\n isEnd?: boolean,\n) {\n // according to the CSS spec if the end range is a <length> then it is calculated from the start of the named range\n // our model assumes that <length> in end range is calculated from the end of the named range\n return `${range.name \|\| 'cover'} ${\n isEnd && range.offset!.type !== 'percentage'\n ? `calc(100% + ${getLength(range.offset!)}${add ? ` + ${add}` : ''})`\n : add\n ? `calc(${getLength(range.offset!)} + ${add})`\n : getLength(range.offset!)\n }`;\n}\n\nfunction getRanges(effect: AnimationDataForScrub) {\n return {\n start: getRange(effect.startOffset!, effect.startOffsetAdd),\n end: getRange(effect.endOffset!, effect.endOffsetAdd, true),\n };\n}\n\nfunction measure(target: HTMLElement \| null): MeasureCallback {\n return (fn) => fastdom.measure(() => fn(target));\n}\n\nfunction mutate(target: HTMLElement \| null): MeasureCallback {\n return (fn) => fastdom.mutate(() => fn(target));\n}\n\nfunction getNamedEffect(animation: AnimationOptions) {\n if (animation.namedEffect) {\n const name = animation.namedEffect.type;\n\n // check each preset library for the named effect\n if (name in scrollAnimations) {\n return scrollAnimations[name as keyof ScrollAnimations];\n } else if (name in entranceAnimations) {\n return entranceAnimations[name as keyof EntranceAnimations];\n } else if (name in ongoingAnimations) {\n return ongoingAnimations[name as keyof OngoingAnimations];\n } else if (name in mouseAnimations) {\n return mouseAnimations[name as keyof MouseAnimations];\n } else if (name in backgroundScrollAnimations) {\n return backgroundScrollAnimations[\n name as keyof BackgroundScrollAnimations\n ];\n }\n } else if (animation.keyframeEffect) {\n const effect = (animation_: AnimationOptions) => {\n const { name, keyframes } = animation_.keyframeEffect!;\n\n return [{ ...animation_, name, keyframes }];\n };\n const getNames = (animation_: AnimationOptions) => {\n const { effectId } = animation_;\n const { name } = animation_.keyframeEffect!;\n const uid = name \|\| effectId;\n\n return uid ? [uid] : [];\n };\n return { web: effect, style: effect, getNames };\n } else if (animation.customEffect) {\n return (animation_: AnimationOptions) => [{ ...animation_, keyframes: [] }];\n }\n return null;\n}\n\nfunction getEffectsData(\n animations: AnimationData[],\n trigger?: Partial<TriggerVariant>,\n effectId?: string,\n) {\n // process each AnimationData object into a KeyframeEffect object\n return animations.map((effect, index) => {\n // prepare the KeyframeEffectOptions object\n const effectOptions = {\n fill: effect.fill,\n easing: getEasing(effect.easing),\n iterations: effect.iterations === 0 ? Infinity : effect.iterations \|\| 1,\n composite: effect.composite,\n direction: getDirection(effect),\n } as KeyframeEffectOptions & { rangeStart: string; rangeEnd: string };\n\n // if this is a time-based animation then set the duration and delay as time values\n if (isNotAScrubTrigger(trigger)) {\n effectOptions.duration = effect.duration as number;\n effectOptions.delay = (effect as TimeAnimationOptions).delay \|\| 0;\n } else {\n // if ViewTimeline is supported\n if (window.ViewTimeline) {\n // set duration to 'auto'\n effectOptions.duration = 'auto';\n } else {\n // if ViewTimeline not supported then put a 100ms value in duration get a progress we can easily relate to\n // we split the duration to 99.99ms and delay of 0.01ms to get the fill-mode effect working\n effectOptions.duration = 99.99;\n effectOptions.delay = 0.01;\n }\n }\n\n return {\n effect,\n options: effectOptions,\n id: effectId && `${effectId}-${index + 1}`,\n part: effect.part,\n };\n });\n}\n\nfunction isNotAScrubTrigger(trigger?: Partial<TriggerVariant>) {\n return (\n !trigger \|\|\n (trigger.trigger !== 'pointer-move' && trigger.trigger !== 'view-progress')\n );\n}\n\nexport {\n isNotAScrubTrigger,\n getElement,\n getElementMotionPart,\n getNamedEffect,\n getEffectsData,\n measure,\n mutate,\n getDirection,\n getLength,\n getRanges,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/api/cssAnimations.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { getEffectsData, getRanges, getNamedEffect } from './common';
+import { getEffectsData, getRanges, getNamedEffect, isNotAScrubTrigger } from './common';
 function getAnimationTarget(target, part) {
   return target ? `#${target}${part ? `[data-motion-part~="${part}"]` : ''}` : '';
 }
@@ -15,10 +15,10 @@ function getAnimationAsCSS(data, isRunning) {
   const isAutoDuration = duration === 'auto';
   return `${animationName} ${isAutoDuration ? 'auto' : `${duration}ms`}${isAutoDuration ? ' ' : ` ${delay || 1}ms `}${easing}${fill && fill !== 'none' ? ` ${fill}` : ''} ${!iterations || iterations === Infinity ? 'infinite' : iterations}${direction === 'normal' ? '' : ` ${direction}`} ${isRunning ? '' : 'paused'}`;
 }
-function getCSSAnimationEffect(preset, animation) {
+function getCSSAnimationEffect(preset, animation, trigger) {
   if (preset != null && preset.style) {
     // validate duration is a number over 0
-    if (animation.type === 'TimeAnimationOptions') {
+    if (isNotAScrubTrigger(trigger)) {
       animation.duration = animation.duration || 1;
     }
     return preset.style(animation);
@@ -29,7 +29,7 @@ function getCSSAnimation(target, animationOptions, trigger) {
   // get the preset for the given animation options
   const namedEffect = getNamedEffect(animationOptions);
   const animationsData = getCSSAnimationEffect(namedEffect, animationOptions);
-  const data = getEffectsData(animationsData, animationOptions.effectId);
+  const data = getEffectsData(animationsData, trigger, animationOptions.effectId);
   const isViewProgress = (trigger == null ? void 0 : trigger.trigger) === 'view-progress';
   return data.map((item, index) => {
     const {

package/dist/esm/api/cssAnimations.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["getEffectsData","getRanges","getNamedEffect","getAnimationTarget","target","part","getAnimationAsCSS","data","isRunning","duration","delay","iterations","fill","easing","direction","options","animationName","effect","name","isAutoDuration","Infinity","getCSSAnimationEffect","preset","animation","~~style~~","~~type~~","getCSSAnimation","animationOptions","~~trigger","~~namedEffect","animationsData","effectId","isViewProgress","map","item","index","start","end","composition","composite","custom","keyframes","id","animationTimeline","animationRange"],"sources":["../../../src/api/cssAnimations.ts"],"sourcesContent":["import type {\n AnimationData,\n AnimationDataForScrub,\n AnimationEffectAPI,\n AnimationOptions,\n TriggerVariant,\n} from '../types';\nimport { getEffectsData, getRanges, getNamedEffect } from './common';\n\nfunction getAnimationTarget(target: string \| null, part: string \| undefined) {\n return target\n ? `#${target}${part ? `[data-motion-part~=\"${part}\"]` : ''}`\n : '';\n}\n\nfunction getAnimationAsCSS(\n data: {\n effect: AnimationData;\n options: KeyframeEffectOptions;\n id: string \| undefined;\n part: string \| undefined;\n },\n isRunning?: boolean,\n) {\n const {\n duration,\n delay,\n iterations = 1,\n fill,\n easing = 'linear',\n direction,\n } = data.options;\n const animationName = data.effect.name;\n const isAutoDuration = duration === 'auto';\n\n return `${animationName} ${isAutoDuration ? 'auto' : `${duration}ms`}${\n isAutoDuration ? ' ' : ` ${delay \|\| 1}ms `\n }${easing}${fill && fill !== 'none' ? ` ${fill}` : ''} ${\n !iterations \|\| iterations === Infinity ? 'infinite' : iterations\n }${direction === 'normal' ? '' : ` ${direction}`} ${\n isRunning ? '' : 'paused'\n }`;\n}\n\nfunction getCSSAnimationEffect(\n preset: AnimationEffectAPI<any> \| null,\n animation: AnimationOptions,\n): AnimationData[] {\n if (preset?.style) {\n // validate duration is a number over 0\n if (~~animation.type === 'TimeAnimationOptions'~~) {\n animation.duration = animation.duration \|\| 1;\n }\n\n return preset.style(animation);\n }\n\n return [];\n}\n\nfunction getCSSAnimation(\n target: string \| null,\n animationOptions: AnimationOptions,\n trigger?: TriggerVariant,\n) {\n // get the preset for the given animation options\n const namedEffect = getNamedEffect(\n animationOptions,\n ) as AnimationEffectAPI<any> \| null;\n\n const animationsData = getCSSAnimationEffect(namedEffect, animationOptions);\n const data = getEffectsData(animationsData, animationOptions.effectId);\n const isViewProgress = trigger?.trigger === 'view-progress';\n\n return data.map((item, index) => {\n const { start, end }: { start?: string; end?: string } = isViewProgress\n ? getRanges(item.effect as AnimationDataForScrub)\n : {};\n\n return {\n target: getAnimationTarget(target, item.part),\n animation: getAnimationAsCSS(item, isViewProgress),\n composition: item.options.composite,\n custom: item.effect.custom,\n name: item.effect.name,\n keyframes: item.effect.keyframes,\n id: item.id && `${item.id}-${index + 1}`,\n animationTimeline: isViewProgress ? `--${trigger?.id}` : '',\n animationRange: start \|\| end ? `${start} ${end}` : '',\n };\n });\n}\n\nexport { getCSSAnimation, getCSSAnimationEffect, getAnimationAsCSS };\n"],"mappings":"AAOA,~~SAASA~~,cAAc,~~EAAEC~~,SAAS,~~EAAEC~~,cAAc,~~QAAQ~~,UAAU;~~AAEpE~~,SAASC,kBAAkBA,CAACC,MAAqB,EAAEC,IAAwB,EAAE;EAC3E,OAAOD,MAAM,GACT,IAAIA,MAAM,GAAGC,IAAI,GAAG,uBAAuBA,IAAI,IAAI,GAAG,EAAE,EAAE,GAC1D,EAAE;AACR;AAEA,SAASC,iBAAiBA,CACxBC,IAKC,EACDC,SAAmB,EACnB;EACA,MAAM;IACJC,QAAQ;IACRC,KAAK;IACLC,UAAU,GAAG,CAAC;IACdC,IAAI;IACJC,MAAM,GAAG,QAAQ;IACjBC;EACF,CAAC,GAAGP,IAAI,CAACQ,OAAO;EAChB,MAAMC,aAAa,GAAGT,IAAI,CAACU,MAAM,CAACC,IAAI;EACtC,MAAMC,cAAc,GAAGV,QAAQ,KAAK,MAAM;EAE1C,OAAO,GAAGO,aAAa,IAAIG,cAAc,GAAG,MAAM,GAAG,GAAGV,QAAQ,IAAI,GAClEU,cAAc,GAAG,GAAG,GAAG,IAAIT,KAAK,IAAI,CAAC,KAAK,GACzCG,MAAM,GAAGD,IAAI,IAAIA,IAAI,KAAK,MAAM,GAAG,IAAIA,IAAI,EAAE,GAAG,EAAE,IACnD,CAACD,UAAU,IAAIA,UAAU,KAAKS,QAAQ,GAAG,UAAU,GAAGT,UAAU,GAC/DG,SAAS,KAAK,QAAQ,GAAG,EAAE,GAAG,IAAIA,SAAS,EAAE,IAC9CN,SAAS,GAAG,EAAE,GAAG,QAAQ,EACzB;AACJ;AAEA,SAASa,qBAAqBA,CAC5BC,MAAsC,EACtCC,SAA2B,~~EACV~~;EACjB,~~IAAID~~,MAAM,YAANA,MAAM,~~CAAEE~~,KAAK,EAAE;IACjB;IACA,~~IAAID~~,~~SAAS~~,~~CAACE~~,~~IAAI~~,~~KAAK~~,~~sBAAsB,~~EAAE;~~MAC7CF~~,SAAS,CAACd,QAAQ,GAAGc,SAAS,CAACd,QAAQ,IAAI,CAAC;IAC9C;IAEA,OAAOa,MAAM,~~CAACE~~,KAAK,~~CAACD~~,SAAS,CAAC;EAChC;EAEA,OAAO,EAAE;AACX;AAEA,SAASG,eAAeA,CACtBtB,MAAqB,EACrBuB,gBAAkC,~~EAClCC~~,OAAwB,EACxB;EACA;EACA,~~MAAMC~~,WAAW,GAAG3B,cAAc,~~CAChCyB~~,gBACF,CAAmC;EAEnC,~~MAAMG~~,cAAc,~~GAAGT~~,qBAAqB,~~CAACQ~~,WAAW,~~EAAEF~~,gBAAgB,CAAC;EAC3E,MAAMpB,IAAI,~~GAAGP~~,cAAc,~~CAAC8B~~,cAAc,~~EAAEH~~,gBAAgB,~~CAACI~~,~~QAAQ~~,CAAC;~~EACtE~~,MAAMC,cAAc,GAAG,~~CAAAJ~~,OAAO,oBAAPA,OAAO,CAAEA,OAAO,MAAK,eAAe;EAE3D,~~OAAOrB~~,IAAI,~~CAAC0B~~,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IAC/B,MAAM;MAAEC,KAAK;MAAEC;IAAsC,CAAC,GAAGL,cAAc,GACnE/B,SAAS,CAACiC,IAAI,~~CAACjB~~,MAA+B,CAAC,GAC/C,CAAC,CAAC;IAEN,OAAO;MACLb,MAAM,EAAED,kBAAkB,CAACC,MAAM,~~EAAE8B~~,IAAI,~~CAAC7B~~,IAAI,CAAC;MAC7CkB,SAAS,EAAEjB,iBAAiB,~~CAAC4B~~,IAAI,EAAEF,cAAc,CAAC;MAClDM,WAAW,EAAEJ,IAAI,~~CAACnB~~,OAAO,~~CAACwB~~,SAAS;MACnCC,MAAM,EAAEN,IAAI,~~CAACjB~~,MAAM,~~CAACuB~~,MAAM;~~MAC1BtB~~,IAAI,~~EAAEgB~~,IAAI,~~CAACjB~~,MAAM,CAACC,IAAI;~~MACtBuB~~,SAAS,EAAEP,IAAI,~~CAACjB~~,MAAM,~~CAACwB~~,SAAS;MAChCC,EAAE,EAAER,IAAI,CAACQ,EAAE,IAAI,GAAGR,IAAI,CAACQ,EAAE,IAAIP,KAAK,GAAG,CAAC,EAAE;MACxCQ,iBAAiB,EAAEX,cAAc,GAAG,~~KAAKJ~~,OAAO,oBAAPA,OAAO,~~CAAEc~~,EAAE,EAAE,GAAG,EAAE;MAC3DE,cAAc,EAAER,KAAK,IAAIC,GAAG,GAAG,GAAGD,KAAK,IAAIC,GAAG,EAAE,GAAG;IACrD,CAAC;EACH,CAAC,CAAC;AACJ;AAEA,~~SAASX~~,eAAe,EAAEL,qBAAqB,EAAEf,iBAAiB","ignoreList":[]}
1	+ {"version":3,"names":["getEffectsData","getRanges","getNamedEffect","isNotAScrubTrigger","getAnimationTarget","target","part","getAnimationAsCSS","data","isRunning","duration","delay","iterations","fill","easing","direction","options","animationName","effect","name","isAutoDuration","Infinity","getCSSAnimationEffect","preset","animation","trigger","style","getCSSAnimation","animationOptions","namedEffect","animationsData","effectId","isViewProgress","map","item","index","start","end","composition","composite","custom","keyframes","id","animationTimeline","animationRange"],"sources":["../../../src/api/cssAnimations.ts"],"sourcesContent":["import type {\n AnimationData,\n AnimationDataForScrub,\n AnimationEffectAPI,\n AnimationOptions,\n TriggerVariant,\n} from '../types';\nimport {\n getEffectsData,\n getRanges,\n getNamedEffect,\n isNotAScrubTrigger,\n} from './common';\n\nfunction getAnimationTarget(target: string \| null, part: string \| undefined) {\n return target\n ? `#${target}${part ? `[data-motion-part~=\"${part}\"]` : ''}`\n : '';\n}\n\nfunction getAnimationAsCSS(\n data: {\n effect: AnimationData;\n options: KeyframeEffectOptions;\n id: string \| undefined;\n part: string \| undefined;\n },\n isRunning?: boolean,\n) {\n const {\n duration,\n delay,\n iterations = 1,\n fill,\n easing = 'linear',\n direction,\n } = data.options;\n const animationName = data.effect.name;\n const isAutoDuration = duration === 'auto';\n\n return `${animationName} ${isAutoDuration ? 'auto' : `${duration}ms`}${\n isAutoDuration ? ' ' : ` ${delay \|\| 1}ms `\n }${easing}${fill && fill !== 'none' ? ` ${fill}` : ''} ${\n !iterations \|\| iterations === Infinity ? 'infinite' : iterations\n }${direction === 'normal' ? '' : ` ${direction}`} ${\n isRunning ? '' : 'paused'\n }`;\n}\n\nfunction getCSSAnimationEffect(\n preset: AnimationEffectAPI<any> \| null,\n animation: AnimationOptions,\n trigger?: Partial<TriggerVariant>,\n): AnimationData[] {\n if (preset?.style) {\n // validate duration is a number over 0\n if (isNotAScrubTrigger(trigger)) {\n animation.duration = animation.duration \|\| 1;\n }\n\n return preset.style(animation);\n }\n\n return [];\n}\n\nfunction getCSSAnimation(\n target: string \| null,\n animationOptions: AnimationOptions,\n trigger?: TriggerVariant,\n) {\n // get the preset for the given animation options\n const namedEffect = getNamedEffect(\n animationOptions,\n ) as AnimationEffectAPI<any> \| null;\n\n const animationsData = getCSSAnimationEffect(namedEffect, animationOptions);\n const data = getEffectsData(\n animationsData,\n trigger,\n animationOptions.effectId,\n );\n const isViewProgress = trigger?.trigger === 'view-progress';\n\n return data.map((item, index) => {\n const { start, end }: { start?: string; end?: string } = isViewProgress\n ? getRanges(item.effect as AnimationDataForScrub)\n : {};\n\n return {\n target: getAnimationTarget(target, item.part),\n animation: getAnimationAsCSS(item, isViewProgress),\n composition: item.options.composite,\n custom: item.effect.custom,\n name: item.effect.name,\n keyframes: item.effect.keyframes,\n id: item.id && `${item.id}-${index + 1}`,\n animationTimeline: isViewProgress ? `--${trigger?.id}` : '',\n animationRange: start \|\| end ? `${start} ${end}` : '',\n };\n });\n}\n\nexport { getCSSAnimation, getCSSAnimationEffect, getAnimationAsCSS };\n"],"mappings":"AAOA,SACEA,cAAc,EACdC,SAAS,EACTC,cAAc,EACdC,kBAAkB,QACb,UAAU;AAEjB,SAASC,kBAAkBA,CAACC,MAAqB,EAAEC,IAAwB,EAAE;EAC3E,OAAOD,MAAM,GACT,IAAIA,MAAM,GAAGC,IAAI,GAAG,uBAAuBA,IAAI,IAAI,GAAG,EAAE,EAAE,GAC1D,EAAE;AACR;AAEA,SAASC,iBAAiBA,CACxBC,IAKC,EACDC,SAAmB,EACnB;EACA,MAAM;IACJC,QAAQ;IACRC,KAAK;IACLC,UAAU,GAAG,CAAC;IACdC,IAAI;IACJC,MAAM,GAAG,QAAQ;IACjBC;EACF,CAAC,GAAGP,IAAI,CAACQ,OAAO;EAChB,MAAMC,aAAa,GAAGT,IAAI,CAACU,MAAM,CAACC,IAAI;EACtC,MAAMC,cAAc,GAAGV,QAAQ,KAAK,MAAM;EAE1C,OAAO,GAAGO,aAAa,IAAIG,cAAc,GAAG,MAAM,GAAG,GAAGV,QAAQ,IAAI,GAClEU,cAAc,GAAG,GAAG,GAAG,IAAIT,KAAK,IAAI,CAAC,KAAK,GACzCG,MAAM,GAAGD,IAAI,IAAIA,IAAI,KAAK,MAAM,GAAG,IAAIA,IAAI,EAAE,GAAG,EAAE,IACnD,CAACD,UAAU,IAAIA,UAAU,KAAKS,QAAQ,GAAG,UAAU,GAAGT,UAAU,GAC/DG,SAAS,KAAK,QAAQ,GAAG,EAAE,GAAG,IAAIA,SAAS,EAAE,IAC9CN,SAAS,GAAG,EAAE,GAAG,QAAQ,EACzB;AACJ;AAEA,SAASa,qBAAqBA,CAC5BC,MAAsC,EACtCC,SAA2B,EAC3BC,OAAiC,EAChB;EACjB,IAAIF,MAAM,YAANA,MAAM,CAAEG,KAAK,EAAE;IACjB;IACA,IAAIvB,kBAAkB,CAACsB,OAAO,CAAC,EAAE;MAC/BD,SAAS,CAACd,QAAQ,GAAGc,SAAS,CAACd,QAAQ,IAAI,CAAC;IAC9C;IAEA,OAAOa,MAAM,CAACG,KAAK,CAACF,SAAS,CAAC;EAChC;EAEA,OAAO,EAAE;AACX;AAEA,SAASG,eAAeA,CACtBtB,MAAqB,EACrBuB,gBAAkC,EAClCH,OAAwB,EACxB;EACA;EACA,MAAMI,WAAW,GAAG3B,cAAc,CAChC0B,gBACF,CAAmC;EAEnC,MAAME,cAAc,GAAGR,qBAAqB,CAACO,WAAW,EAAED,gBAAgB,CAAC;EAC3E,MAAMpB,IAAI,GAAGR,cAAc,CACzB8B,cAAc,EACdL,OAAO,EACPG,gBAAgB,CAACG,QACnB,CAAC;EACD,MAAMC,cAAc,GAAG,CAAAP,OAAO,oBAAPA,OAAO,CAAEA,OAAO,MAAK,eAAe;EAE3D,OAAOjB,IAAI,CAACyB,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IAC/B,MAAM;MAAEC,KAAK;MAAEC;IAAsC,CAAC,GAAGL,cAAc,GACnE/B,SAAS,CAACiC,IAAI,CAAChB,MAA+B,CAAC,GAC/C,CAAC,CAAC;IAEN,OAAO;MACLb,MAAM,EAAED,kBAAkB,CAACC,MAAM,EAAE6B,IAAI,CAAC5B,IAAI,CAAC;MAC7CkB,SAAS,EAAEjB,iBAAiB,CAAC2B,IAAI,EAAEF,cAAc,CAAC;MAClDM,WAAW,EAAEJ,IAAI,CAAClB,OAAO,CAACuB,SAAS;MACnCC,MAAM,EAAEN,IAAI,CAAChB,MAAM,CAACsB,MAAM;MAC1BrB,IAAI,EAAEe,IAAI,CAAChB,MAAM,CAACC,IAAI;MACtBsB,SAAS,EAAEP,IAAI,CAAChB,MAAM,CAACuB,SAAS;MAChCC,EAAE,EAAER,IAAI,CAACQ,EAAE,IAAI,GAAGR,IAAI,CAACQ,EAAE,IAAIP,KAAK,GAAG,CAAC,EAAE;MACxCQ,iBAAiB,EAAEX,cAAc,GAAG,KAAKP,OAAO,oBAAPA,OAAO,CAAEiB,EAAE,EAAE,GAAG,EAAE;MAC3DE,cAAc,EAAER,KAAK,IAAIC,GAAG,GAAG,GAAGD,KAAK,IAAIC,GAAG,EAAE,GAAG;IACrD,CAAC;EACH,CAAC,CAAC;AACJ;AAEA,SAASV,eAAe,EAAEL,qBAAqB,EAAEf,iBAAiB","ignoreList":[]}

package/dist/esm/api/webAnimations.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { CustomAnimation } from '../CustomAnimation';
 import { AnimationGroup } from '../AnimationGroup';
-import { getElement, getElementMotionPart, measure, mutate, getRanges, getNamedEffect, getEffectsData } from './common';
+import { getElement, getElementMotionPart, measure, mutate, getRanges, getNamedEffect, getEffectsData, isNotAScrubTrigger } from './common';
 import fastdom from 'fastdom';
-function getWebAnimationEffect(preset, animation, target, options) {
+function getWebAnimationEffect(preset, animation, target, trigger, options) {
   if (preset) {
     // validate duration is a number over 0
-    if (animation.type === 'TimeAnimationOptions') {
+    if (isNotAScrubTrigger(trigger)) {
       animation.duration = animation.duration || 1;
       if (options != null && options.reducedMotion) {
         if (animation.iterations === 1 || animation.iterations == undefined) {
@@ -45,14 +45,14 @@ function getWebAnimation(target, animationOptions, trigger, options, ownerDocume
     // TODO: need to fix the type here, currently lying about the returned type to be WebAnimationEffectFactory instead of MouseAnimationFactoryCreate
     const mouseAnimationPreset = getNamedEffect(effectOptions);
-    const mouseAnimationFactory = getWebAnimationEffect(mouseAnimationPreset, animationOptions, element, options);
+    const mouseAnimationFactory = getWebAnimationEffect(mouseAnimationPreset, animationOptions, element, trigger, options);
     return mouseAnimationFactory(element);
   }
   // get the preset for the given animation options
   const namedEffect = getNamedEffect(animationOptions);
-  const animationsData = getWebAnimationEffect(namedEffect, animationOptions, element, options);
-  const data = getEffectsData(animationsData, animationOptions.effectId);
+  const animationsData = getWebAnimationEffect(namedEffect, animationOptions, element, trigger, options);
+  const data = getEffectsData(animationsData, trigger, animationOptions.effectId);
   let timeline;
   const isViewProgress = (trigger == null ? void 0 : trigger.trigger) === 'view-progress';

package/dist/esm/api/webAnimations.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["CustomAnimation","AnimationGroup","getElement","getElementMotionPart","measure","mutate","getRanges","getNamedEffect","getEffectsData","fastdom","getWebAnimationEffect","preset","animation","target","options","type","duration","reducedMotion","iterations","undefined","domApi","HTMLElement","web","getWebAnimation","animationOptions","trigger","ownerDocument","element","effectOptions","customEffect","namedEffect","id","mouseAnimationPreset","mouseAnimationFactory","animationsData","data","effectId","timeline","isViewProgress","window","ViewTimeline","subject","componentId","animations","map","_ref","effect","part","effectTarget","keyframeEffect","KeyframeEffect","updateTiming","timing","setKeyframes","keyframes","timingOptions","Animation","start","end","rangeStart","rangeEnd","play","startOffset","endOffset","_offset","_offset2","startOffsetToWrite","endOffsetToWrite","Object","assign","name","offset","value","add","startOffsetAdd","endOffsetAdd","measured","Promise","resolve"],"sources":["../../../src/api/webAnimations.ts"],"sourcesContent":["import type {\n AnimationData,\n AnimationDataForScrub,\n AnimationEffectAPI,\n AnimationOptions,\n MouseAnimationFactory,\n MouseAnimationInstance,\n ScrubAnimationOptions,\n TriggerVariant,\n WebAnimationEffectFactory,\n} from '../types';\nimport { CustomAnimation } from '../CustomAnimation';\nimport { AnimationGroup } from '../AnimationGroup';\nimport {\n getElement,\n getElementMotionPart,\n measure,\n mutate,\n getRanges,\n getNamedEffect,\n getEffectsData,\n} from './common';\nimport fastdom from 'fastdom';\n\nfunction getWebAnimationEffect(\n preset: AnimationEffectAPI<any> \| WebAnimationEffectFactory<any> \| null,\n animation: AnimationOptions,\n target: HTMLElement \| string \| null,\n options?: Record<string, any>,\n): AnimationData[] \| MouseAnimationFactory {\n if (preset) {\n // validate duration is a number over 0\n if (animation.type === 'TimeAnimationOptions') {\n animation.duration = animation.duration \|\| 1;\n\n if (options?.reducedMotion) {\n if (animation.iterations === 1 \|\| animation.iterations == undefined) {\n animation = { ...animation, duration: 1 };\n } else {\n return [];\n }\n }\n }\n\n let domApi;\n if (target instanceof HTMLElement) {\n domApi = { measure: measure(target), mutate: mutate(target) };\n }\n\n return (preset as AnimationEffectAPI<any>).web\n ? (preset as AnimationEffectAPI<any>).web(animation, domApi, options)\n : (preset as WebAnimationEffectFactory<any>)(animation, domApi, options);\n }\n\n return [];\n}\n\nfunction getWebAnimation(\n target: HTMLElement \| string \| null,\n animationOptions: AnimationOptions,\n trigger?: Partial<TriggerVariant> & { element?: HTMLElement },\n options?: Record<string, any>,\n ownerDocument?: Document,\n): AnimationGroup \| MouseAnimationInstance {\n const element =\n target instanceof HTMLElement ? target : getElement(target, ownerDocument);\n\n if (trigger?.trigger === 'pointer-move') {\n let effectOptions = animationOptions;\n\n if (animationOptions.customEffect) {\n effectOptions = {\n ...animationOptions,\n namedEffect: { id: '', type: 'CustomMouse' },\n };\n }\n\n // TODO: need to fix the type here, currently lying about the returned type to be WebAnimationEffectFactory instead of MouseAnimationFactoryCreate\n const mouseAnimationPreset = getNamedEffect(\n effectOptions,\n ) as WebAnimationEffectFactory<'scrub'>;\n const mouseAnimationFactory = getWebAnimationEffect(\n mouseAnimationPreset,\n animationOptions,\n element,\n options,\n ) as MouseAnimationFactory;\n\n return mouseAnimationFactory(element as HTMLElement);\n }\n\n // get the preset for the given animation options\n const namedEffect = getNamedEffect(\n animationOptions,\n ) as AnimationEffectAPI<any> \| null;\n\n const animationsData = getWebAnimationEffect(\n namedEffect,\n animationOptions,\n element,\n options,\n ) as AnimationData[];\n const data = getEffectsData(animationsData, animationOptions.effectId);\n\n let timeline: typeof window.ViewTimeline \| undefined;\n const isViewProgress = trigger?.trigger === 'view-progress';\n\n // if this is a ScrubAnimation with view-progress trigger and the browser supports the ViewTimeline API\n if (isViewProgress && window.ViewTimeline) {\n // generate the timeline object\n // @ts-expect-error\n timeline = new ViewTimeline({\n subject: trigger.element \|\| getElement(trigger.componentId!),\n });\n }\n\n // generate an Animation object for each data object\n const animations = data.map(\n ({ effect, options: effectOptions, id, part }) => {\n const effectTarget = part ? getElementMotionPart(element, part) : element;\n\n const keyframeEffect = new KeyframeEffect(\n effectTarget \|\| null,\n [],\n effectOptions,\n );\n\n // set the keyframes for the KeyframeEffect after measurements and mutations\n fastdom.mutate(() => {\n if ('timing' in effect) {\n keyframeEffect.updateTiming(effect.timing as OptionalEffectTiming);\n }\n\n keyframeEffect.setKeyframes(effect.keyframes);\n });\n\n const timingOptions =\n isViewProgress && timeline\n ? { timeline: timeline as AnimationTimeline }\n : {};\n const animation =\n typeof effect.customEffect === 'function'\n ? (new CustomAnimation(\n effect.customEffect,\n effectTarget \|\| null,\n effectOptions,\n timingOptions,\n ) as Animation)\n : new Animation(keyframeEffect, timingOptions.timeline);\n\n // if this is a ScrubAnimation with view-progress trigger and the browser supports the ViewTimeline API\n if (isViewProgress) {\n if (timeline) {\n // set the ranges for the animation after measurements and mutations\n fastdom.mutate(() => {\n const { start, end } = getRanges(effect as AnimationDataForScrub);\n // @ts-expect-error\n animation.rangeStart = start;\n // @ts-expect-error\n animation.rangeEnd = end;\n\n animation.play();\n });\n } else {\n const { startOffset, endOffset } =\n animationOptions as ScrubAnimationOptions;\n\n // set the ranges for the animation after measurements and mutations\n fastdom.mutate(() => {\n const startOffsetToWrite =\n (effect as AnimationDataForScrub).startOffset \|\| startOffset;\n const endOffsetToWrite =\n (effect as AnimationDataForScrub).endOffset \|\| endOffset;\n\n Object.assign(animation, {\n start: {\n name: startOffsetToWrite!.name,\n offset: startOffsetToWrite!.offset?.value,\n add: (effect as AnimationDataForScrub)!.startOffsetAdd,\n },\n end: {\n name: endOffsetToWrite!.name,\n offset: endOffsetToWrite!.offset?.value,\n add: (effect as AnimationDataForScrub)!.endOffsetAdd,\n },\n });\n });\n }\n }\n\n if (id) {\n animation.id = id;\n }\n\n return animation;\n },\n );\n\n // create an AnimationGroup with the generate animations\n return new AnimationGroup(animations, {\n ...animationOptions,\n trigger: { ...(trigger \|\| ({} as Partial<TriggerVariant>)) },\n // make sure the group is ready after all animation targets are measured and mutated\n measured: new Promise((resolve) => fastdom.mutate(resolve)),\n });\n}\n\nexport { getWebAnimation };\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["CustomAnimation","AnimationGroup","getElement","getElementMotionPart","measure","mutate","getRanges","getNamedEffect","getEffectsData","isNotAScrubTrigger","fastdom","getWebAnimationEffect","preset","animation","target","trigger","options","duration","reducedMotion","iterations","undefined","domApi","HTMLElement","web","getWebAnimation","animationOptions","ownerDocument","element","effectOptions","customEffect","namedEffect","id","type","mouseAnimationPreset","mouseAnimationFactory","animationsData","data","effectId","timeline","isViewProgress","window","ViewTimeline","subject","componentId","animations","map","_ref","effect","part","effectTarget","keyframeEffect","KeyframeEffect","updateTiming","timing","setKeyframes","keyframes","timingOptions","Animation","start","end","rangeStart","rangeEnd","play","startOffset","endOffset","_offset","_offset2","startOffsetToWrite","endOffsetToWrite","Object","assign","name","offset","value","add","startOffsetAdd","endOffsetAdd","measured","Promise","resolve"],"sources":["../../../src/api/webAnimations.ts"],"sourcesContent":["import type {\n AnimationData,\n AnimationDataForScrub,\n AnimationEffectAPI,\n AnimationOptions,\n MouseAnimationFactory,\n MouseAnimationInstance,\n ScrubAnimationOptions,\n TriggerVariant,\n WebAnimationEffectFactory,\n} from '../types';\nimport { CustomAnimation } from '../CustomAnimation';\nimport { AnimationGroup } from '../AnimationGroup';\nimport {\n getElement,\n getElementMotionPart,\n measure,\n mutate,\n getRanges,\n getNamedEffect,\n getEffectsData,\n isNotAScrubTrigger,\n} from './common';\nimport fastdom from 'fastdom';\n\nfunction getWebAnimationEffect(\n preset: AnimationEffectAPI<any> \| WebAnimationEffectFactory<any> \| null,\n animation: AnimationOptions,\n target: HTMLElement \| string \| null,\n trigger?: Partial<TriggerVariant>,\n options?: Record<string, any>,\n): AnimationData[] \| MouseAnimationFactory {\n if (preset) {\n // validate duration is a number over 0\n if (isNotAScrubTrigger(trigger)) {\n animation.duration = animation.duration \|\| 1;\n\n if (options?.reducedMotion) {\n if (animation.iterations === 1 \|\| animation.iterations == undefined) {\n animation = { ...animation, duration: 1 };\n } else {\n return [];\n }\n }\n }\n\n let domApi;\n if (target instanceof HTMLElement) {\n domApi = { measure: measure(target), mutate: mutate(target) };\n }\n\n return (preset as AnimationEffectAPI<any>).web\n ? (preset as AnimationEffectAPI<any>).web(animation, domApi, options)\n : (preset as WebAnimationEffectFactory<any>)(animation, domApi, options);\n }\n\n return [];\n}\n\nfunction getWebAnimation(\n target: HTMLElement \| string \| null,\n animationOptions: AnimationOptions,\n trigger?: Partial<TriggerVariant> & { element?: HTMLElement },\n options?: Record<string, any>,\n ownerDocument?: Document,\n): AnimationGroup \| MouseAnimationInstance {\n const element =\n target instanceof HTMLElement ? target : getElement(target, ownerDocument);\n\n if (trigger?.trigger === 'pointer-move') {\n let effectOptions = animationOptions;\n\n if (animationOptions.customEffect) {\n effectOptions = {\n ...animationOptions,\n namedEffect: { id: '', type: 'CustomMouse' },\n };\n }\n\n // TODO: need to fix the type here, currently lying about the returned type to be WebAnimationEffectFactory instead of MouseAnimationFactoryCreate\n const mouseAnimationPreset = getNamedEffect(\n effectOptions,\n ) as WebAnimationEffectFactory<'scrub'>;\n const mouseAnimationFactory = getWebAnimationEffect(\n mouseAnimationPreset,\n animationOptions,\n element,\n trigger,\n options,\n ) as MouseAnimationFactory;\n\n return mouseAnimationFactory(element as HTMLElement);\n }\n\n // get the preset for the given animation options\n const namedEffect = getNamedEffect(\n animationOptions,\n ) as AnimationEffectAPI<any> \| null;\n\n const animationsData = getWebAnimationEffect(\n namedEffect,\n animationOptions,\n element,\n trigger,\n options,\n ) as AnimationData[];\n const data = getEffectsData(\n animationsData,\n trigger,\n animationOptions.effectId,\n );\n\n let timeline: typeof window.ViewTimeline \| undefined;\n const isViewProgress = trigger?.trigger === 'view-progress';\n\n // if this is a ScrubAnimation with view-progress trigger and the browser supports the ViewTimeline API\n if (isViewProgress && window.ViewTimeline) {\n // generate the timeline object\n // @ts-expect-error\n timeline = new ViewTimeline({\n subject: trigger.element \|\| getElement(trigger.componentId!),\n });\n }\n\n // generate an Animation object for each data object\n const animations = data.map(\n ({ effect, options: effectOptions, id, part }) => {\n const effectTarget = part ? getElementMotionPart(element, part) : element;\n\n const keyframeEffect = new KeyframeEffect(\n effectTarget \|\| null,\n [],\n effectOptions,\n );\n\n // set the keyframes for the KeyframeEffect after measurements and mutations\n fastdom.mutate(() => {\n if ('timing' in effect) {\n keyframeEffect.updateTiming(effect.timing as OptionalEffectTiming);\n }\n\n keyframeEffect.setKeyframes(effect.keyframes);\n });\n\n const timingOptions =\n isViewProgress && timeline\n ? { timeline: timeline as AnimationTimeline }\n : {};\n const animation: Animation \| CustomAnimation =\n typeof effect.customEffect === 'function'\n ? (new CustomAnimation(\n effect.customEffect,\n effectTarget \|\| null,\n effectOptions,\n timingOptions,\n ) as Animation)\n : new Animation(keyframeEffect, timingOptions.timeline);\n\n // if this is a ScrubAnimation with view-progress trigger and the browser supports the ViewTimeline API\n if (isViewProgress) {\n if (timeline) {\n // set the ranges for the animation after measurements and mutations\n fastdom.mutate(() => {\n const { start, end } = getRanges(effect as AnimationDataForScrub);\n // @ts-expect-error\n animation.rangeStart = start;\n // @ts-expect-error\n animation.rangeEnd = end;\n\n animation.play();\n });\n } else {\n const { startOffset, endOffset } =\n animationOptions as ScrubAnimationOptions;\n\n // set the ranges for the animation after measurements and mutations\n fastdom.mutate(() => {\n const startOffsetToWrite =\n (effect as AnimationDataForScrub).startOffset \|\| startOffset;\n const endOffsetToWrite =\n (effect as AnimationDataForScrub).endOffset \|\| endOffset;\n\n Object.assign(animation, {\n start: {\n name: startOffsetToWrite!.name,\n offset: startOffsetToWrite!.offset?.value,\n add: (effect as AnimationDataForScrub)!.startOffsetAdd,\n },\n end: {\n name: endOffsetToWrite!.name,\n offset: endOffsetToWrite!.offset?.value,\n add: (effect as AnimationDataForScrub)!.endOffsetAdd,\n },\n });\n });\n }\n }\n\n if (id) {\n animation.id = id;\n }\n\n return animation;\n },\n );\n\n // create an AnimationGroup with the generate animations\n return new AnimationGroup(animations, {\n ...animationOptions,\n trigger: { ...(trigger \|\| ({} as Partial<TriggerVariant>)) },\n // make sure the group is ready after all animation targets are measured and mutated\n measured: new Promise((resolve) => fastdom.mutate(resolve)),\n });\n}\n\nexport { getWebAnimation };\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/dist/esm/library/entrance/test/testUtils.js CHANGED Viewed

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

package/dist/esm/library/entrance/test/testUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["baseMockOptions","id"~~,"type"~~],"sources":["../../../../../src/library/entrance/test/testUtils.ts"],"sourcesContent":["import type { TimeAnimationOptions } from '../../../types';\n\nexport const baseMockOptions: TimeAnimationOptions = {\n id: '1',\n ~~type: 'TimeAnimationOptions',\n~~};\n"],"mappings":"AAEA,OAAO,MAAMA,eAAqC,GAAG;EACnDC,EAAE,EAAE~~,GAAG~~;~~EACPC~~,~~IAAI,EAAE;AACR,~~CAAC","ignoreList":[]}
1	+ {"version":3,"names":["baseMockOptions","id"],"sources":["../../../../../src/library/entrance/test/testUtils.ts"],"sourcesContent":["import type { TimeAnimationOptions } from '../../../types';\n\nexport const baseMockOptions: TimeAnimationOptions = {\n id: '1',\n};\n"],"mappings":"AAEA,OAAO,MAAMA,eAAqC,GAAG;EACnDC,EAAE,EAAE;AACN,CAAC","ignoreList":[]}

package/dist/esm/library/ongoing/test/testUtils.js CHANGED Viewed

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