tbg-ecomm-nextjs/.next/cache/next-babel-loader/e606bae49aae21d2bb824bdc7ac7560a.json

{"ast":null,"code":"import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nvar _jsxFileName = \"C:\\\\tbg-ecomm-nextjs\\\\components\\\\Parallax\\\\Parallax.js\";\nvar __jsx = React.createElement;\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport React from \"react\"; // nodejs library that concatenates classes\n\nimport classNames from \"classnames\"; // nodejs library to set properties for components\n\nimport PropTypes from \"prop-types\"; // @material-ui/core components\n\nimport { makeStyles } from \"@material-ui/core/styles\"; // core components\n\nimport styles from \"assets/jss/nextjs-material-kit/components/parallaxStyle.js\";\nvar useStyles = makeStyles(styles);\nexport default function Parallax(props) {\n  var _classNames;\n\n  var windowScrollTop; // if (window.innerWidth >= 768) {\n  //   windowScrollTop = window.pageYOffset / 3;\n  // } else {\n  //   windowScrollTop = 0;\n  // }\n\n  var _React$useState = React.useState(\"translate3d(0,0px,0)\"),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      transform = _React$useState2[0],\n      setTransform = _React$useState2[1];\n\n  React.useEffect(function () {\n    if (window.innerWidth >= 768) {\n      window.addEventListener(\"scroll\", resetTransform);\n    }\n\n    return function cleanup() {\n      if (window.innerWidth >= 768) {\n        window.removeEventListener(\"scroll\", resetTransform);\n      }\n    };\n  });\n\n  var resetTransform = function resetTransform() {\n    var windowScrollTop = window.pageYOffset / 3;\n    setTransform(\"translate3d(0,\" + windowScrollTop + \"px,0)\");\n  };\n\n  var filter = props.filter,\n      className = props.className,\n      children = props.children,\n      style = props.style,\n      image = props.image,\n      small = props.small,\n      responsive = props.responsive;\n  var classes = useStyles();\n  var parallaxClasses = classNames((_classNames = {}, _defineProperty(_classNames, classes.parallax, true), _defineProperty(_classNames, classes.filter, filter), _defineProperty(_classNames, classes.small, small), _defineProperty(_classNames, classes.parallaxResponsive, responsive), _defineProperty(_classNames, className, className !== undefined), _classNames));\n  return __jsx(\"div\", {\n    className: parallaxClasses,\n    style: _objectSpread({}, style, {\n      backgroundImage: \"url(\" + image + \")\",\n      transform: transform\n    }),\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54,\n      columnNumber: 5\n    }\n  }, children);\n}\nParallax.propTypes = {\n  className: PropTypes.string,\n  filter: PropTypes.bool,\n  children: PropTypes.node,\n  style: PropTypes.string,\n  image: PropTypes.string,\n  small: PropTypes.bool,\n  // this will add a min-height of 660px on small screens\n  responsive: PropTypes.bool\n};","map":{"version":3,"sources":["C:/tbg-ecomm-nextjs/components/Parallax/Parallax.js"],"names":["React","classNames","PropTypes","makeStyles","styles","useStyles","Parallax","props","windowScrollTop","useState","transform","setTransform","useEffect","window","innerWidth","addEventListener","resetTransform","cleanup","removeEventListener","pageYOffset","filter","className","children","style","image","small","responsive","classes","parallaxClasses","parallax","parallaxResponsive","undefined","backgroundImage","propTypes","string","bool","node"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB,C,CACA;;AACA,OAAOC,UAAP,MAAuB,YAAvB,C,CACA;;AACA,OAAOC,SAAP,MAAsB,YAAtB,C,CACA;;AACA,SAASC,UAAT,QAA2B,0BAA3B,C,CAEA;;AACA,OAAOC,MAAP,MAAmB,4DAAnB;AAEA,IAAMC,SAAS,GAAGF,UAAU,CAACC,MAAD,CAA5B;AAEA,eAAe,SAASE,QAAT,CAAkBC,KAAlB,EAAyB;AAAA;;AACtC,MAAIC,eAAJ,CADsC,CAEtC;AACA;AACA;AACA;AACA;;AACA,wBAAkCR,KAAK,CAACS,QAAN,CAAe,sBAAf,CAAlC;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,YAAlB;;AACAX,EAAAA,KAAK,CAACY,SAAN,CAAgB,YAAM;AACpB,QAAIC,MAAM,CAACC,UAAP,IAAqB,GAAzB,EAA8B;AAC5BD,MAAAA,MAAM,CAACE,gBAAP,CAAwB,QAAxB,EAAkCC,cAAlC;AACD;;AACD,WAAO,SAASC,OAAT,GAAmB;AACxB,UAAIJ,MAAM,CAACC,UAAP,IAAqB,GAAzB,EAA8B;AAC5BD,QAAAA,MAAM,CAACK,mBAAP,CAA2B,QAA3B,EAAqCF,cAArC;AACD;AACF,KAJD;AAKD,GATD;;AAUA,MAAMA,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAIR,eAAe,GAAGK,MAAM,CAACM,WAAP,GAAqB,CAA3C;AACAR,IAAAA,YAAY,CAAC,mBAAmBH,eAAnB,GAAqC,OAAtC,CAAZ;AACD,GAHD;;AAIA,MACEY,MADF,GAQIb,KARJ,CACEa,MADF;AAAA,MAEEC,SAFF,GAQId,KARJ,CAEEc,SAFF;AAAA,MAGEC,QAHF,GAQIf,KARJ,CAGEe,QAHF;AAAA,MAIEC,KAJF,GAQIhB,KARJ,CAIEgB,KAJF;AAAA,MAKEC,KALF,GAQIjB,KARJ,CAKEiB,KALF;AAAA,MAMEC,KANF,GAQIlB,KARJ,CAMEkB,KANF;AAAA,MAOEC,UAPF,GAQInB,KARJ,CAOEmB,UAPF;AASA,MAAMC,OAAO,GAAGtB,SAAS,EAAzB;AACA,MAAMuB,eAAe,GAAG3B,UAAU,iDAC/B0B,OAAO,CAACE,QADuB,EACZ,IADY,gCAE/BF,OAAO,CAACP,MAFuB,EAEdA,MAFc,gCAG/BO,OAAO,CAACF,KAHuB,EAGfA,KAHe,gCAI/BE,OAAO,CAACG,kBAJuB,EAIFJ,UAJE,gCAK/BL,SAL+B,EAKnBA,SAAS,KAAKU,SALK,gBAAlC;AAOA,SACE;AACE,IAAA,SAAS,EAAEH,eADb;AAEE,IAAA,KAAK,oBACAL,KADA;AAEHS,MAAAA,eAAe,EAAE,SAASR,KAAT,GAAiB,GAF/B;AAGHd,MAAAA,SAAS,EAAEA;AAHR,MAFP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQGY,QARH,CADF;AAYD;AAEDhB,QAAQ,CAAC2B,SAAT,GAAqB;AACnBZ,EAAAA,SAAS,EAAEnB,SAAS,CAACgC,MADF;AAEnBd,EAAAA,MAAM,EAAElB,SAAS,CAACiC,IAFC;AAGnBb,EAAAA,QAAQ,EAAEpB,SAAS,CAACkC,IAHD;AAInBb,EAAAA,KAAK,EAAErB,SAAS,CAACgC,MAJE;AAKnBV,EAAAA,KAAK,EAAEtB,SAAS,CAACgC,MALE;AAMnBT,EAAAA,KAAK,EAAEvB,SAAS,CAACiC,IANE;AAOnB;AACAT,EAAAA,UAAU,EAAExB,SAAS,CAACiC;AARH,CAArB","sourcesContent":["import React from \"react\";\r\n// nodejs library that concatenates classes\r\nimport classNames from \"classnames\";\r\n// nodejs library to set properties for components\r\nimport PropTypes from \"prop-types\";\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\n// core components\r\nimport styles from \"assets/jss/nextjs-material-kit/components/parallaxStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function Parallax(props) {\r\n  let windowScrollTop;\r\n  // if (window.innerWidth >= 768) {\r\n  //   windowScrollTop = window.pageYOffset / 3;\r\n  // } else {\r\n  //   windowScrollTop = 0;\r\n  // }\r\n  const [transform, setTransform] = React.useState(\"translate3d(0,0px,0)\");\r\n  React.useEffect(() => {\r\n    if (window.innerWidth >= 768) {\r\n      window.addEventListener(\"scroll\", resetTransform);\r\n    }\r\n    return function cleanup() {\r\n      if (window.innerWidth >= 768) {\r\n        window.removeEventListener(\"scroll\", resetTransform);\r\n      }\r\n    };\r\n  });\r\n  const resetTransform = () => {\r\n    var windowScrollTop = window.pageYOffset / 3;\r\n    setTransform(\"translate3d(0,\" + windowScrollTop + \"px,0)\");\r\n  };\r\n  const {\r\n    filter,\r\n    className,\r\n    children,\r\n    style,\r\n    image,\r\n    small,\r\n    responsive\r\n  } = props;\r\n  const classes = useStyles();\r\n  const parallaxClasses = classNames({\r\n    [classes.parallax]: true,\r\n    [classes.filter]: filter,\r\n    [classes.small]: small,\r\n    [classes.parallaxResponsive]: responsive,\r\n    [className]: className !== undefined\r\n  });\r\n  return (\r\n    <div\r\n      className={parallaxClasses}\r\n      style={{\r\n        ...style,\r\n        backgroundImage: \"url(\" + image + \")\",\r\n        transform: transform\r\n      }}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n}\r\n\r\nParallax.propTypes = {\r\n  className: PropTypes.string,\r\n  filter: PropTypes.bool,\r\n  children: PropTypes.node,\r\n  style: PropTypes.string,\r\n  image: PropTypes.string,\r\n  small: PropTypes.bool,\r\n  // this will add a min-height of 660px on small screens\r\n  responsive: PropTypes.bool\r\n};\r\n"]},"metadata":{},"sourceType":"module"}