@wix/motion 1.0.73 → 1.571.0

package/dist/cjs/playground/animationsMotionOngoing.stories.js

@@ -0,0 +1,196 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = exports.Ongoing = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _effectsKit = require("@wix/effects-kit");
+var _controls = require("./controls");
+var _playgroundModule = _interopRequireDefault(require("./playground.module.scss"));
+var _playgroundCommon = require("./playground-common");
+var _ongoing = require("../library/ongoing");
+var _motion = require("../motion");
+var _jsxFileName = "/home/builduser/work/4b7de8925f0e24d7/packages/motion/dist/cjs/playground/animationsMotionOngoing.stories.tsx";
+var _default = exports.default = {
+  title: 'Animation Playground/Ongoing'
+};
+const Ongoing = () => {
+  const compRef = _react.default.useRef(null);
+  const animationGroup = _react.default.useRef();
+  const [schemaEditor, setSchemaEditor] = _react.default.useState('responsive');
+  const animations = Object.fromEntries((0, _effectsKit.getPresets)(_effectsKit.CONFIG[_playgroundCommon.schemaMapper[schemaEditor]].ongoing, undefined, true).map(preset => [preset.name, preset.schema]));
+  const implementedAnimations = Object.keys(_ongoing.ongoingAnimations).filter(animationName => animations[animationName]);
+  const [animName, setAnimName] = _react.default.useState(implementedAnimations[0]);
+  const [rotation, setRotation] = _react.default.useState(0);
+  const schema = animations[animName] || {};
+  const [data, setData] = _react.default.useState((0, _playgroundCommon.mapSchemaToDefaultData)(schema, schemaEditor));
+  _react.default.useEffect(() => {
+    setData((0, _playgroundCommon.mapSchemaToDefaultData)(animations[animName], schemaEditor));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [schemaEditor]);
+  function animateText(el, name, {
+    duration = 1000,
+    delay = 0,
+    easing = 'linear',
+    ...params
+  }) {
+    var _animationGroup$curre;
+    // Clear
+    (_animationGroup$curre = animationGroup.current) == null || _animationGroup$curre.cancel();
+
+    // Animate
+    animationGroup.current = (0, _motion.getWebAnimation)(el.id, {
+      id: '',
+      type: 'TimeAnimationOptions',
+      namedEffect: {
+        id: '',
+        type: name,
+        ...params
+      },
+      easing: easing,
+      duration,
+      delay,
+      iterations: 10
+    });
+    animationGroup.current.play();
+  }
+  function handleControlChange(name, value) {
+    setData(currentData => ({
+      ...currentData,
+      [name]: value
+    }));
+  }
+  _react.default.useEffect(() => {
+    document.body.dataset.blockLevelContainer = 'root';
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _playgroundModule.default.stage,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 91,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _playgroundModule.default.components,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 92,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: "comp1",
+    className: _playgroundModule.default.component,
+    ref: compRef,
+    style: {
+      '--comp-rotate-z': `${rotation}deg`,
+      '--rotation': `${rotation}deg`,
+      background: 'forestgreen'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 93,
+      columnNumber: 9
+    }
+  }, "Ongoing")), /*#__PURE__*/_react.default.createElement("div", {
+    className: _playgroundModule.default.globalControls,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 109,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_controls.NumberInput, {
+    label: "Rotation",
+    value: rotation,
+    min: 0,
+    max: 360,
+    step: 1,
+    onChange: event => setRotation(event.target.valueAsNumber),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 110,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement(_controls.SelectInput, {
+    onChange: event => {
+      const value = event.target.value;
+      setSchemaEditor(value);
+    },
+    value: schemaEditor,
+    options: ['desktop', 'mobile', 'responsive'],
+    className: _playgroundModule.default.mainSelect,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 118,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement(_controls.SelectInput, {
+    onChange: event => {
+      const value = event.target.value;
+      setAnimName(value);
+      setData((0, _playgroundCommon.mapSchemaToDefaultData)(animations[value] || {}, schemaEditor));
+    },
+    value: animName,
+    options: Object.keys(animations).map(name => [name, implementedAnimations.includes(name)]),
+    className: _playgroundModule.default.mainSelect,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 127,
+      columnNumber: 9
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _playgroundModule.default.controls,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 148,
+      columnNumber: 7
+    }
+  }, Object.entries(schema).sort(([a], [b]) => {
+    if (a === 'duration' || b !== 'duration' && a === 'delay') {
+      return -1;
+    }
+    if (b === 'allowReplay') {
+      return -1;
+    }
+    return 0;
+  }).map(([name, controlProps], i) => /*#__PURE__*/_react.default.createElement(_controls.Control, (0, _extends2.default)({
+    key: `key-control-${i}`
+  }, controlProps, {
+    value: data[name],
+    label: name,
+    onChange: (_e, value) => handleControlChange(name, value),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 160,
+      columnNumber: 13
+    }
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _playgroundModule.default.buttons,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 168,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    className: _playgroundModule.default.animateButton,
+    onClick: () => animateText(compRef.current, animName, data),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 169,
+      columnNumber: 11
+    }
+  }, "Animate"))));
+};
+exports.Ongoing = Ongoing;
+//# sourceMappingURL=animationsMotionOngoing.stories.js.map

package/dist/cjs/playground/animationsMotionOngoing.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_effectsKit","_controls","_playgroundModule","_playgroundCommon","_ongoing","_motion","_jsxFileName","_default","exports","default","title","Ongoing","compRef","React","useRef","animationGroup","schemaEditor","setSchemaEditor","useState","animations","Object","fromEntries","getPresets","CONFIG","schemaMapper","ongoing","undefined","map","preset","name","schema","implementedAnimations","keys","defs","filter","animationName","animName","setAnimName","rotation","setRotation","data","setData","mapSchemaToDefaultData","useEffect","animateText","el","duration","delay","easing","params","_animationGroup$curre","current","cancel","getWebAnimation","id","type","namedEffect","iterations","play","handleControlChange","value","currentData","document","body","dataset","blockLevelContainer","createElement","className","styles","stage","__self","__source","fileName","lineNumber","columnNumber","components","component","ref","style","background","globalControls","NumberInput","label","min","max","step","onChange","event","target","valueAsNumber","SelectInput","options","mainSelect","includes","controls","entries","sort","a","b","controlProps","i","Control","_extends2","key","_e","buttons","animateButton","onClick"],"sources":["../../../src/playground/animationsMotionOngoing.stories.tsx"],"sourcesContent":["import React from 'react';\nimport { getPresets, CONFIG } from '@wix/effects-kit';\n\nimport { Control, NumberInput, SelectInput } from './controls';\nimport styles from './playground.module.scss';\nimport { mapSchemaToDefaultData, schemaMapper } from './playground-common';\n\nimport type { CSSProperties } from 'react';\nimport type { SchemaEditor } from './playground-common';\nimport type { Meta } from '@wix/yoshi-storybook-dependencies';\nimport type {\n  EffectConfig,\n  OneOfEffects,\n  AllEffectsNames,\n} from '@wix/effects-kit';\nimport { ongoingAnimations as defs } from '../library/ongoing';\nimport { getWebAnimation } from '../motion';\nimport type { AnimationGroup } from '../motion';\nimport { OngoingAnimation } from '../types';\nimport { cssEasings as easings } from '../easings';\n\nexport default {\n  title: 'Animation Playground/Ongoing',\n} as Meta;\n\nexport const Ongoing: React.FC<any> = () => {\n  const compRef = React.useRef<HTMLDivElement>(null);\n  const animationGroup = React.useRef<AnimationGroup>();\n\n  const [schemaEditor, setSchemaEditor] =\n    React.useState<SchemaEditor>('responsive');\n\n  const animations = Object.fromEntries(\n    getPresets(CONFIG[schemaMapper[schemaEditor]].ongoing, undefined, true).map(\n      (preset) => [preset.name, preset.schema],\n    ),\n  ) as Record<AllEffectsNames, EffectConfig<OneOfEffects>['schema']>;\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] || {};\n  const [data, setData] = React.useState<Record<string, any>>(\n    mapSchemaToDefaultData(schema, schemaEditor),\n  );\n\n  React.useEffect(() => {\n    setData(mapSchemaToDefaultData(animations[animName], schemaEditor));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [schemaEditor]);\n\n  function animateText(\n    el: HTMLElement & { _gsap?: any },\n    name: string,\n    { duration = 1000, delay = 0, easing = 'linear', ...params },\n  ) {\n    // Clear\n    animationGroup.current?.cancel();\n\n    // Animate\n    animationGroup.current = getWebAnimation(el.id, {\n      id: '',\n      type: 'TimeAnimationOptions',\n      namedEffect: { id: '', type: name, ...params } as OngoingAnimation,\n      easing: easing as keyof typeof easings,\n      duration,\n      delay,\n      iterations: 10,\n    }) as AnimationGroup;\n    animationGroup.current.play();\n  }\n\n  function handleControlChange(name: string, value: any) {\n    setData((currentData) => ({\n      ...currentData,\n      [name]: value,\n    }));\n  }\n\n  React.useEffect(() => {\n    document.body!.dataset.blockLevelContainer = 'root';\n  }, []);\n\n  return (\n    <div className={styles.stage}>\n      <div className={styles.components}>\n        <div\n          id=\"comp1\"\n          className={styles.component}\n          ref={compRef}\n          style={\n            {\n              '--comp-rotate-z': `${rotation}deg`,\n              '--rotation': `${rotation}deg`,\n              background: 'forestgreen',\n            } as CSSProperties\n          }\n        >\n          Ongoing\n        </div>\n      </div>\n\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          }}\n          value={schemaEditor}\n          options={['desktop', 'mobile', 'responsive']}\n          className={styles.mainSelect}\n        />\n        <SelectInput\n          onChange={(event) => {\n            const value = event.target.value;\n            setAnimName(value);\n            setData(\n              mapSchemaToDefaultData(\n                animations[value as AllEffectsNames] || {},\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        {Object.entries(schema)\n          .sort(([a], [b]) => {\n            if (a === 'duration' || (b !== 'duration' && a === 'delay')) {\n              return -1;\n            }\n            if (b === 'allowReplay') {\n              return -1;\n            }\n            return 0;\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 className={styles.buttons}>\n          <button\n            className={styles.animateButton}\n            onClick={() => animateText(compRef.current!, animName, data)}\n          >\n            Animate\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,271 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = exports.Scroll = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _fizban = require("fizban");
+var _effectsKit = require("@wix/effects-kit");
+var _controls = require("./controls");
+var _playgroundModule = _interopRequireDefault(require("./playground.module.scss"));
+var _playgroundCommon = require("./playground-common");
+var _motion = require("../motion");
+var _scroll = require("../library/scroll");
+var _jsxFileName = "/home/builduser/work/4b7de8925f0e24d7/packages/motion/dist/cjs/playground/animationsMotionScroll.stories.tsx";
+var _default = exports.default = {
+  title: 'Animation Playground/Scroll'
+};
+const Scroll = () => {
+  var _animations;
+  const compRef = _react.default.useRef(null);
+  const stageRef = _react.default.useRef(null);
+  const animationScene = _react.default.useRef();
+  const animationGroup = _react.default.useRef();
+  const scroll = _react.default.useRef();
+  const [schemaEditor, setSchemaEditor] = _react.default.useState('responsive');
+  const [selectedRange, setSelectedRange] = _react.default.useState('in');
+  const animations = Object.fromEntries((0, _effectsKit.getPresets)(_effectsKit.CONFIG[_playgroundCommon.schemaMapper[schemaEditor]][_playgroundCommon.rangeMapper[selectedRange]]).map(preset => [preset.name, {
+    schema: preset.schema,
+    range: preset.range
+  }]));
+  const implementedAnimations = Object.keys(_scroll.scrollAnimations).filter(animationName => animations[animationName]);
+  const [animName, setAnimName] = _react.default.useState(implementedAnimations[0]);
+  const [rotation, setRotation] = _react.default.useState(0);
+  const schema = animations[animName].schema || {};
+  const [attachment, setAttachment] = _react.default.useState('scroll');
+  const [data, setData] = _react.default.useState((0, _playgroundCommon.mapSchemaToDefaultData)(schema));
+  _react.default.useEffect(() => {
+    setData((0, _playgroundCommon.mapSchemaToDefaultData)(animations[animName].schema, schemaEditor));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [schemaEditor, selectedRange]);
+  _react.default.useEffect(() => {
+    var _compRef$current;
+    (_compRef$current = compRef.current) == null || _compRef$current.getAnimations().forEach(a => {
+      a.cancel();
+    }); // removing all previously selected animations
+    if (compRef.current) {
+      animateText(compRef.current, animName, data);
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [data, animName, rotation, animationGroup]);
+  console.log('animation', animations[animName]);
+  console.log('data', data);
+  function toggleAttachment() {
+    // Change value of CSS variable
+    attachment === 'fixed' ? setAttachment('scroll') : setAttachment('fixed');
+  }
+  function animateText(el, name, {
+    duration = 1000,
+    delay = 0,
+    start = 0,
+    end = 100,
+    range = selectedRange,
+    easing = '',
+    ...params
+  }) {
+    const animationInstanceParams = [el.id, {
+      id: '',
+      type: 'ScrubAnimationOptions',
+      easing,
+      namedEffect: {
+        id: '',
+        type: name,
+        range,
+        ...params
+      },
+      fill: 'both',
+      iterations: 1,
+      startOffset: {
+        name: 'cover',
+        offset: {
+          value: start,
+          type: 'percentage'
+        }
+      },
+      endOffset: {
+        name: 'cover',
+        offset: {
+          value: end,
+          type: 'percentage'
+        }
+      }
+    }, {
+      trigger: 'view-progress',
+      componentId: el.id,
+      element: el,
+      id: ''
+    }];
+    if (window.ViewTimeline) {
+      var _animationGroup$curre;
+      // Clear
+      (_animationGroup$curre = animationGroup.current) == null || _animationGroup$curre.cancel();
+      // Animate
+      animationGroup.current = (0, _motion.getWebAnimation)(...animationInstanceParams);
+    } else {
+      var _scroll$current;
+      // Create Scene
+      animationScene.current = (0, _motion.getScrubScene)(...animationInstanceParams);
+      console.log(start, end, params);
+
+      // Clear
+      (_scroll$current = scroll.current) == null || _scroll$current.destroy();
+
+      // Animate
+      scroll.current = new _fizban.Scroll({
+        root: stageRef.current,
+        observeViewportEntry: false,
+        // observeViewportResize: false,
+        scenes: [animationScene.current]
+      });
+      scroll.current.start();
+    }
+  }
+  function handleControlChange(name, value) {
+    setData(currentData => ({
+      ...currentData,
+      [name]: value
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `${_playgroundModule.default.stage} ${_playgroundModule.default.scrollStage}`,
+    ref: stageRef,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 202,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    className: `${_playgroundModule.default.attachButton}`,
+    onClick: toggleAttachment,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 203,
+      columnNumber: 7
+    }
+  }, "Toggle Attachment"), /*#__PURE__*/_react.default.createElement("div", {
+    className: _playgroundModule.default.components,
+    style: {
+      '--attachment': attachment
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 206,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: "comp1",
+    className: _playgroundModule.default.component,
+    ref: compRef,
+    style: {
+      '--comp-rotate-z': `${rotation}deg`,
+      background: 'MediumVioletRed'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 210,
+      columnNumber: 9
+    }
+  }, "Scroll")), /*#__PURE__*/_react.default.createElement("div", {
+    className: _playgroundModule.default.panels,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 224,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _playgroundModule.default.globalControls,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 225,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_controls.NumberInput, {
+    label: "Rotation",
+    value: rotation,
+    min: 0,
+    max: 360,
+    step: 1,
+    onChange: event => setRotation(event.target.valueAsNumber),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 226,
+      columnNumber: 11
+    }
+  }), /*#__PURE__*/_react.default.createElement(_controls.SelectInput, {
+    onChange: event => {
+      const value = event.target.value;
+      setSchemaEditor(value);
+      // Reset "power" when changing editor
+      // handleControlChange('power', undefined);
+    },
+    value: schemaEditor,
+    options: ['desktop', 'mobile', 'responsive'],
+    className: _playgroundModule.default.mainSelect,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 234,
+      columnNumber: 11
+    }
+  }), /*#__PURE__*/_react.default.createElement(_controls.SelectInput, {
+    onChange: event => {
+      const value = event.target.value;
+      setSelectedRange(value);
+    },
+    value: selectedRange,
+    options: (_animations = animations[animName]) == null || (_animations = _animations.range) == null ? void 0 : _animations.enum,
+    className: _playgroundModule.default.mainSelect,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 245,
+      columnNumber: 11
+    }
+  }), /*#__PURE__*/_react.default.createElement(_controls.SelectInput, {
+    onChange: event => {
+      const value = event.target.value;
+      setAnimName(value);
+      setData((0, _playgroundCommon.mapSchemaToDefaultData)(animations[value].schema || {}, schemaEditor));
+    },
+    value: animName,
+    options: Object.keys(animations).map(name => [name, implementedAnimations.includes(name)]),
+    className: _playgroundModule.default.mainSelect,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 257,
+      columnNumber: 11
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _playgroundModule.default.controls,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 279,
+      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)({
+    key: `key-control-${i}`
+  }, controlProps, {
+    value: data[name],
+    label: name,
+    onChange: (_e, value) => handleControlChange(name, value),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 307,
+      columnNumber: 15
+    }
+  }))))));
+};
+exports.Scroll = Scroll;
+//# sourceMappingURL=animationsMotionScroll.stories.js.map

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

@@ -0,0 +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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AAKA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAA6D,IAAAQ,YAAA;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAoB9C;EACbC,KAAK,EAAE;AACT,CAAC;AAEM,MAAMC,MAAqB,GAAGA,CAAA,KAAM;EAAA,IAAAC,WAAA;EACzC,MAAMC,OAAO,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC;EAClD,MAAMC,QAAQ,GAAGF,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC;EACnD,MAAME,cAAc,GAAGH,cAAK,CAACC,MAAM,CAAmC,CAAC;EACvE,MAAMG,cAAc,GAAGJ,cAAK,CAACC,MAAM,CAAiB,CAAC;EACrD,MAAMI,MAAM,GAAGL,cAAK,CAACC,MAAM,CAAmB,CAAC;EAE/C,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GACnCP,cAAK,CAACQ,QAAQ,CAAe,YAAY,CAAC;EAE5C,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GACrCV,cAAK,CAACQ,QAAQ,CAAoB,IAAI,CAAC;EAEzC,MAAMG,UAAU,GAAGC,MAAM,CAACC,WAAW,CACnC,IAAAC,sBAAU,EACRC,kBAAM,CAACC,8BAAY,CAACV,YAAY,CAAC,CAAC,CAACW,6BAAW,CAACR,aAAa,CAAC,CAC/D,CAAC,CAACS,GAAG,CAAEC,MAAoB,IAAK,CAC9BA,MAAM,CAACC,IAAI,EACX;IACEC,MAAM,EAAEF,MAAM,CAACE,MAAM;IACrBC,KAAK,EAAGH,MAAM,CAA4CG;EAC5D,CAAC,CACF,CACH,CAAoE;EAEpE,MAAMC,qBAAqB,GAAGX,MAAM,CAACY,IAAI,CAACC,wBAAI,CAAC,CAACC,MAAM,CACnDC,aAAa,IAAKhB,UAAU,CAACgB,aAAa,CAC7C,CAAsB;EAEtB,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG7B,cAAK,CAACQ,QAAQ,CAC5Ce,qBAAqB,CAAC,CAAC,CACzB,CAAC;EAED,MAAM,CAACO,QAAQ,EAAEC,WAAW,CAAC,GAAG/B,cAAK,CAACQ,QAAQ,CAAS,CAAC,CAAC;EAEzD,MAAMa,MAAM,GAAIV,UAAU,CAACiB,QAAQ,CAAC,CAACP,MAAM,IACzC,CAAC,CAA0C;EAC7C,MAAM,CAACW,UAAU,EAAEC,aAAa,CAAC,GAAGjC,cAAK,CAACQ,QAAQ,CAAS,QAAQ,CAAC;EAEpE,MAAM,CAAC0B,IAAI,EAAEC,OAAO,CAAC,GAAGnC,cAAK,CAACQ,QAAQ,CACpC,IAAA4B,wCAAsB,EAACf,MAAM,CAC/B,CAAC;EAEDrB,cAAK,CAACqC,SAAS,CAAC,MAAM;IACpBF,OAAO,CACL,IAAAC,wCAAsB,EACpBzB,UAAU,CAACiB,QAAQ,CAAoB,CACpCP,MAAM,EACTf,YACF,CACF,CAAC;IACD;EACF,CAAC,EAAE,CAACA,YAAY,EAAEG,aAAa,CAAC,CAAC;EAEjCT,cAAK,CAACqC,SAAS,CAAC,MAAM;IAAA,IAAAC,gBAAA;IACpB,CAAAA,gBAAA,GAAAvC,OAAO,CAACwC,OAAO,aAAfD,gBAAA,CAAiBE,aAAa,CAAC,CAAC,CAACC,OAAO,CAAEC,CAAC,IAAK;MAC9CA,CAAC,CAACC,MAAM,CAAC,CAAC;IACZ,CAAC,CAAC,CAAC,CAAC;IACJ,IAAI5C,OAAO,CAACwC,OAAO,EAAE;MACnBK,WAAW,CAAC7C,OAAO,CAACwC,OAAO,EAAEX,QAAQ,EAAEM,IAAI,CAAC;IAC9C;;IAEA;EACF,CAAC,EAAE,CAACA,IAAI,EAAEN,QAAQ,EAAEE,QAAQ,EAAE1B,cAAc,CAAC,CAAC;EAE9CyC,OAAO,CAACC,GAAG,CAAC,WAAW,EAAEnC,UAAU,CAACiB,QAAQ,CAAC,CAAC;EAC9CiB,OAAO,CAACC,GAAG,CAAC,MAAM,EAAEZ,IAAI,CAAC;EAEzB,SAASa,gBAAgBA,CAAA,EAAG;IAC1B;IACAf,UAAU,KAAK,OAAO,GAAGC,aAAa,CAAC,QAAQ,CAAC,GAAGA,aAAa,CAAC,OAAO,CAAC;EAC3E;EAEA,SAASW,WAAWA,CAClBI,EAAe,EACf5B,IAAY,EACZ;IACE6B,QAAQ,GAAG,IAAI;IACfC,KAAK,GAAG,CAAC;IACTC,KAAK,GAAG,CAAC;IACTC,GAAG,GAAG,GAAG;IACT9B,KAAK,GAAGb,aAAa;IACrB4C,MAAM,GAAG,EAAE;IACX,GAAGC;EAQL,CAAC,EACD;IACA,MAAMC,uBAIL,GAAG,CACFP,EAAE,CAACQ,EAAE,EACL;MACEA,EAAE,EAAE,EAAE;MACNC,IAAI,EAAE,uBAAuB;MAC7BJ,MAAM;MACNK,WAAW,EAAE;QACXF,EAAE,EAAE,EAAE;QACNC,IAAI,EAAErC,IAAI;QACVE,KAAK;QACL,GAAGgC;MACL,CAAoB;MACpBK,IAAI,EAAE,MAAM;MACZC,UAAU,EAAE,CAAC;MACbC,WAAW,EAAE;QACXzC,IAAI,EAAE,OAAO;QACb0C,MAAM,EAAE;UACNC,KAAK,EAAEZ,KAAK;UACZM,IAAI,EAAE;QACR;MACF,CAAC;MACDO,SAAS,EAAE;QACT5C,IAAI,EAAE,OAAO;QACb0C,MAAM,EAAE;UACNC,KAAK,EAAEX,GAAG;UACVK,IAAI,EAAE;QACR;MACF;IACF,CAAC,EACD;MAAEQ,OAAO,EAAE,eAAe;MAAEC,WAAW,EAAElB,EAAE,CAACQ,EAAE;MAAEW,OAAO,EAAEnB,EAAE;MAAEQ,EAAE,EAAE;IAAG,CAAC,CACtE;IAED,IAAIY,MAAM,CAACC,YAAY,EAAE;MAAA,IAAAC,qBAAA;MACvB;MACA,CAAAA,qBAAA,GAAAlE,cAAc,CAACmC,OAAO,aAAtB+B,qBAAA,CAAwB3B,MAAM,CAAC,CAAC;MAChC;MACAvC,cAAc,CAACmC,OAAO,GAAG,IAAAgC,uBAAe,EACtC,GAAGhB,uBACL,CAAmB;IACrB,CAAC,MAAM;MAAA,IAAAiB,eAAA;MACL;MACArE,cAAc,CAACoC,OAAO,GAAG,IAAAkC,qBAAa,EAAC,GAAGlB,uBAAuB,CAAC;MAElEV,OAAO,CAACC,GAAG,CAACK,KAAK,EAAEC,GAAG,EAAEE,MAAM,CAAC;;MAE/B;MACA,CAAAkB,eAAA,GAAAnE,MAAM,CAACkC,OAAO,aAAdiC,eAAA,CAAgBE,OAAO,CAAC,CAAC;;MAEzB;MACArE,MAAM,CAACkC,OAAO,GAAG,IAAIoC,cAAS,CAAC;QAC7BC,IAAI,EAAE1E,QAAQ,CAACqC,OAAO;QACtBsC,oBAAoB,EAAE,KAAK;QAC3B;QACAC,MAAM,EAAE,CAAC3E,cAAc,CAACoC,OAAO;MACjC,CAAC,CAAC;MACFlC,MAAM,CAACkC,OAAO,CAACY,KAAK,CAAC,CAAC;IACxB;EACF;EAEA,SAAS4B,mBAAmBA,CAAC3D,IAAY,EAAE2C,KAAU,EAAE;IACrD5B,OAAO,CAAE6C,WAAW,KAAM;MACxB,GAAGA,WAAW;MACd,CAAC5D,IAAI,GAAG2C;IACV,CAAC,CAAC,CAAC;EACL;EAEA,oBACEjF,MAAA,CAAAa,OAAA,CAAAsF,aAAA;IAAKC,SAAS,EAAE,GAAGC,yBAAM,CAACC,KAAK,IAAID,yBAAM,CAACE,WAAW,EAAG;IAACC,GAAG,EAAEpF,QAAS;IAAAqF,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjG,YAAA;MAAAkG,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrE7G,MAAA,CAAAa,OAAA,CAAAsF,aAAA;IAAQC,SAAS,EAAE,GAAGC,yBAAM,CAACS,YAAY,EAAG;IAACC,OAAO,EAAE9C,gBAAiB;IAAAwC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjG,YAAA;MAAAkG,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,mBAEhE,CAAC,eACT7G,MAAA,CAAAa,OAAA,CAAAsF,aAAA;IACEC,SAAS,EAAEC,yBAAM,CAACW,UAAW;IAC7BC,KAAK,EAAE;MAAE,cAAc,EAAE/D;IAAW,CAAmB;IAAAuD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjG,YAAA;MAAAkG,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEvD7G,MAAA,CAAAa,OAAA,CAAAsF,aAAA;IACEzB,EAAE,EAAC,OAAO;IACV0B,SAAS,EAAEC,yBAAM,CAACa,SAAU;IAC5BV,GAAG,EAAEvF,OAAQ;IACbgG,KAAK,EACH;MACE,iBAAiB,EAAE,GAAGjE,QAAQ,KAAK;MACnCmE,UAAU,EAAE;IACd,CACD;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjG,YAAA;MAAAkG,UAAA;MAAAC,YAAA;IAAA;EAAA,GACF,QAEI,CACF,CAAC,eACN7G,MAAA,CAAAa,OAAA,CAAAsF,aAAA;IAAKC,SAAS,EAAEC,yBAAM,CAACe,MAAO;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjG,YAAA;MAAAkG,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5B7G,MAAA,CAAAa,OAAA,CAAAsF,aAAA;IAAKC,SAAS,EAAEC,yBAAM,CAACgB,cAAe;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjG,YAAA;MAAAkG,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpC7G,MAAA,CAAAa,OAAA,CAAAsF,aAAA,CAAC9F,SAAA,CAAAiH,WAAW;IACVC,KAAK,EAAC,UAAU;IAChBtC,KAAK,EAAEjC,QAAS;IAChBwE,GAAG,EAAE,CAAE;IACPC,GAAG,EAAE,GAAI;IACTC,IAAI,EAAE,CAAE;IACRC,QAAQ,EAAGC,KAAK,IAAK3E,WAAW,CAAC2E,KAAK,CAACC,MAAM,CAACC,aAAa,CAAE;IAAArB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjG,YAAA;MAAAkG,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC9D,CAAC,eACF7G,MAAA,CAAAa,OAAA,CAAAsF,aAAA,CAAC9F,SAAA,CAAA0H,WAAW;IACVJ,QAAQ,EAAGC,KAAK,IAAK;MACnB,MAAM3C,KAAmB,GAAG2C,KAAK,CAACC,MAAM,CAAC5C,KAAK;MAC9CxD,eAAe,CAACwD,KAAK,CAAC;MACtB;MACA;IACF,CAAE;IACFA,KAAK,EAAEzD,YAAa;IACpBwG,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,YAAY,CAAE;IAC7C5B,SAAS,EAAEC,yBAAM,CAAC4B,UAAW;IAAAxB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjG,YAAA;MAAAkG,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC9B,CAAC,eACF7G,MAAA,CAAAa,OAAA,CAAAsF,aAAA,CAAC9F,SAAA,CAAA0H,WAAW;IACVJ,QAAQ,EAAGC,KAAK,IAAK;MACnB,MAAM3C,KAAwB,GAAG2C,KAAK,CAACC,MAAM,CAAC5C,KAAK;MACnDrD,gBAAgB,CAACqD,KAAK,CAAC;IACzB,CAAE;IACFA,KAAK,EAAEtD,aAAc;IACrBqG,OAAO,GAAAhH,WAAA,GACLa,UAAU,CAACiB,QAAQ,CAAoB,cAAA9B,WAAA,GAAvCA,WAAA,CAAyCwB,KAAK,qBAA9CxB,WAAA,CACIkH,IACL;IACD9B,SAAS,EAAEC,yBAAM,CAAC4B,UAAW;IAAAxB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjG,YAAA;MAAAkG,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC9B,CAAC,eACF7G,MAAA,CAAAa,OAAA,CAAAsF,aAAA,CAAC9F,SAAA,CAAA0H,WAAW;IACVJ,QAAQ,EAAGC,KAAK,IAAK;MACnB,MAAM3C,KAAsB,GAAG2C,KAAK,CAACC,MAAM,CAAC5C,KAAK;MACjDlC,WAAW,CAACkC,KAAK,CAAC;MAClB5B,OAAO,CACL,IAAAC,wCAAsB,EACnBzB,UAAU,CAACoD,KAAK,CAAC,CAAC1C,MAAM,IACvB,CAAC,CAAC,EACJf,YACF,CACF,CAAC;IACH,CAAE;IACFyD,KAAK,EAAEnC,QAAS;IAChBkF,OAAO,EACLlG,MAAM,CAACY,IAAI,CAACb,UAAU,CAAC,CAACO,GAAG,CAAEE,IAAI,IAAK,CACpCA,IAAI,EACJG,qBAAqB,CAAC0F,QAAQ,CAAC7F,IAAuB,CAAC,CACxD,CACF;IACD8D,SAAS,EAAEC,yBAAM,CAAC4B,UAAW;IAAAxB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjG,YAAA;MAAAkG,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC9B,CACE,CAAC,eACN7G,MAAA,CAAAa,OAAA,CAAAsF,aAAA;IAAKC,SAAS,EAAEC,yBAAM,CAAC+B,QAAS;IAAA3B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjG,YAAA;MAAAkG,UAAA;MAAAC,YAAA;IAAA;EAAA,GAuB7B/E,MAAM,CAACuG,OAAO,CAAC9F,MAAM,CAAC,CACpBK,MAAM,CACL,CAAC,CAACN,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC6F,QAAQ,CAAC7F,IAAI,CACjE,CAAC,CACAF,GAAG,CAAC,CAAC,CAACE,IAAI,EAAEgG,YAAY,CAAC,EAAEC,CAAC,kBAC3BvI,MAAA,CAAAa,OAAA,CAAAsF,aAAA,CAAC9F,SAAA,CAAAmI,OAAO,MAAAC,SAAA,CAAA5H,OAAA;IACN6H,GAAG,EAAE,eAAeH,CAAC;EAAG,GACpBD,YAAY;IAChBrD,KAAK,EAAE7B,IAAI,CAACd,IAAI,CAAE;IAClBiF,KAAK,EAAEjF,IAAK;IACZqF,QAAQ,EAAEA,CAACgB,EAAE,EAAE1D,KAAK,KAAKgB,mBAAmB,CAAC3D,IAAI,EAAE2C,KAAK,CAAE;IAAAwB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjG,YAAA;MAAAkG,UAAA;MAAAC,YAAA;IAAA;EAAA,EAC3D,CACF,CACA,CACF,CACF,CAAC;AAEV,CAAC;AAACjG,OAAA,CAAAG,MAAA,GAAAA,MAAA","ignoreList":[]}