{"version":3,"sources":["webpack:///./src/Avensia.Common/Features/Shared/Animations/FadeIntoView.tsx"],"names":["__webpack_exports__","Object","_glitz_react__WEBPACK_IMPORTED_MODULE_4__","_a","compose","children","restProps","tslib__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_1___default","a","createElement","react_intersection_observer__WEBPACK_IMPORTED_MODULE_2__","inView","ref","entry","react_motion__WEBPACK_IMPORTED_MODULE_3__","style","translateY","stiffness","damping","opacity","interpolatedStyle","Div","innerRef","css","transform"],"mappings":"6IAeeA,EAAA,EAAAC,OAAAC,EAAA,GAAO,SAACC,GAAE,IAAAC,EAAAD,EAAAC,QAASC,EAAAF,EAAAE,SAAUC,EAAAC,EAAA,EAAAJ,GAAA,uBAC1C,OACEK,EAAAC,EAAAC,cAACC,EAAA,EAAM,KACJ,SAACR,OAAES,EAAAT,EAAAS,OAAQC,EAAAV,EAAAU,IAAKV,EAAAW,MAAY,OAC3BN,EAAAC,EAAAC,cAACK,EAAA,QACCC,OAEIC,WAAYhB,OAAAc,EAAA,OAAAd,CAAOW,EAAS,GAAK,IAAMM,UAAW,GAAIC,QAAS,KAC/DC,QAASnB,OAAAc,EAAA,OAAAd,CAAOW,EAAS,EAAI,GAAKM,UAAW,GAAIC,QAAS,MAI7D,SAACE,GAA0C,OAC1Cb,EAAAC,EAAAC,cAACR,EAAA,EAAOoB,IAAGf,EAAA,KACLD,GACJiB,SAAUV,EACVW,IAAKpB,IACLY,MAAKT,EAAA,KACkC,IAAjCc,EAAkBJ,YAEhBQ,UAAW,cAAcJ,EAAkBJ,WAAU,MACrDG,QAASC,EAAkBD,SAE7B,QAGLf","file":"assets/editorialcontent~marketing~shared~start.chunk.36ac479e41d9cdab6016.js","sourcesContent":["import React from 'react';\r\nimport { InView } from 'react-intersection-observer';\r\nimport { Motion, spring, OpaqueConfig } from 'react-motion';\r\nimport { styled, StyledProps } from '@glitz/react';\r\n\r\ntype PropType = {\r\n  children: React.ReactNode;\r\n};\r\n\r\ntype PlainStyleType<TValue> = {\r\n  translateY: TValue;\r\n  opacity: TValue;\r\n};\r\ntype StylesType<TValue> = PlainStyleType<TValue>;\r\n\r\nexport default styled(({ compose, children, ...restProps }: StyledProps & PropType) => {\r\n  return (\r\n    <InView>\r\n      {({ inView, ref, entry }) => (\r\n        <Motion\r\n          style={\r\n            {\r\n              translateY: spring(inView ? 0 : -40, { stiffness: 80, damping: 16 }),\r\n              opacity: spring(inView ? 1 : 0, { stiffness: 16, damping: 7 }),\r\n            } as StylesType<OpaqueConfig>\r\n          }\r\n        >\r\n          {(interpolatedStyle: StylesType<number>) => (\r\n            <styled.Div\r\n              {...restProps}\r\n              innerRef={ref}\r\n              css={compose()}\r\n              style={{\r\n                ...(interpolatedStyle.translateY !== 0\r\n                  ? {\r\n                      transform: `translateY(${interpolatedStyle.translateY}px)`,\r\n                      opacity: interpolatedStyle.opacity,\r\n                    }\r\n                  : null),\r\n              }}\r\n            >\r\n              {children}\r\n            </styled.Div>\r\n          )}\r\n        </Motion>\r\n      )}\r\n    </InView>\r\n  );\r\n});\r\n"],"sourceRoot":""}