{"version":3,"sources":["webpack:///./src/components/ImageBlock/index.tsx"],"names":["_slicedToArray","r","e","Array","isArray","_arrayWithHoles","l","t","Symbol","iterator","n","i","u","a","f","o","call","next","Object","done","push","value","length","return","_iterableToArrayLimit","_arrayLikeToArray","toString","slice","constructor","name","from","test","_unsupportedIterableToArray","TypeError","_nonIterableRest","_ref","title","copy","image","containerElm","_useState2","height","setHeight","autoHieght","copyHeight","current","querySelector","clientHeight","wrapperHeight","window","addEventListener","event","stopPropagation","className","ref","style","marginBottom","concat","effect","url","file","alt","widthSizes","aspectRatio","isLoaded","delay"],"mappings":"mHAAA,+DAASA,EAAeC,EAAGC,GAAK,OAKhC,SAAyBD,GAAK,GAAIE,MAAMC,QAAQH,GAAI,OAAOA,EALpBI,CAAgBJ,IAIvD,SAA+BA,EAAGK,GAAK,IAAIC,EAAI,MAAQN,EAAI,KAAO,oBAAsBO,QAAUP,EAAEO,OAAOC,WAAaR,EAAE,cAAe,GAAI,MAAQM,EAAG,CAAE,IAAIL,EAAGQ,EAAGC,EAAGC,EAAGC,EAAI,GAAIC,GAAI,EAAIC,GAAI,EAAI,IAAM,GAAIJ,GAAKJ,EAAIA,EAAES,KAAKf,IAAIgB,KAAM,IAAMX,EAAG,CAAE,GAAIY,OAAOX,KAAOA,EAAG,OAAQO,GAAI,OAAW,OAASA,GAAKZ,EAAIS,EAAEK,KAAKT,IAAIY,QAAUN,EAAEO,KAAKlB,EAAEmB,OAAQR,EAAES,SAAWhB,GAAIQ,GAAI,IAAO,MAAOb,GAAKc,GAAI,EAAIL,EAAIT,E,QAAe,IAAM,IAAKa,GAAK,MAAQP,EAAEgB,SAAWX,EAAIL,EAAEgB,SAAUL,OAAON,KAAOA,GAAI,O,QAAoB,GAAIG,EAAG,MAAML,GAAO,OAAOG,GAJjdW,CAAsBvB,EAAGC,IAEtF,SAAqCD,EAAGY,GAAK,GAAIZ,EAAG,CAAE,GAAI,iBAAmBA,EAAG,OAAOwB,EAAkBxB,EAAGY,GAAI,IAAIN,EAAI,GAAGmB,SAASV,KAAKf,GAAG0B,MAAM,GAAI,GAAI,MAAO,WAAapB,GAAKN,EAAE2B,cAAgBrB,EAAIN,EAAE2B,YAAYC,MAAO,QAAUtB,GAAK,QAAUA,EAAIJ,MAAM2B,KAAK7B,GAAK,cAAgBM,GAAK,2CAA2CwB,KAAKxB,GAAKkB,EAAkBxB,EAAGY,QAAK,GAFnRmB,CAA4B/B,EAAGC,IAC3H,WAA8B,MAAM,IAAI+B,UAAU,6IAD+EC,GAGjI,SAAST,EAAkBxB,EAAGY,IAAM,MAAQA,GAAKA,EAAIZ,EAAEqB,UAAYT,EAAIZ,EAAEqB,QAAS,IAAK,IAAIpB,EAAI,EAAGQ,EAAIP,MAAMU,GAAIX,EAAIW,EAAGX,IAAKQ,EAAER,GAAKD,EAAEC,GAAI,OAAOQ,EA4DjI,UApDE,SAAoByB,GACnC,IAAIC,EAAQD,EAAKC,MACfC,EAAOF,EAAKE,KACZC,EAAQH,EAAKG,MACXC,EAAe,iBAAO,MAExBC,EAAaxC,EADC,mBAAS,MACgB,GACvCyC,EAASD,EAAW,GACpBE,EAAYF,EAAW,GACrBG,EAAa,WACf,IAAIC,EAAaL,EAAaM,QAAQC,cAAc,sBAAsBC,aACtEC,EAAgBT,EAAaM,QAAQE,aAIvCL,EADEE,EAAaI,EAFJ,IAGDJ,EAAaI,EAHZ,IAKD,OAUd,OAPA,qBAAU,WACRL,IACAM,OAAOC,iBAAiB,UAAU,SAAUC,GAC1CA,EAAMC,kBACNT,SAED,IACiB,gBAAoB,MAAO,CAC7CU,UAAW,cACXC,IAAKf,EACLgB,MAAO,CACLC,aAAcf,EAAS,GAAGgB,OAAOhB,EAAQ,MAAQ,KAErC,gBAAoB,IAAQ,CAC1CiB,OAAQ,kBACM,gBAAoB,MAAO,CACzCL,UAAW,sBACG,gBAAoB,IAAO,CACzCM,IAAKrB,EAAMsB,KAAKD,IAChBE,IAAKvB,EAAMF,MACX0B,WAAY,CAAC,MAAO,MAAO,QAC3BC,YAAa,MACbC,SAAU,WACR,OAAOrB,SAEQ,gBAAoB,IAAQ,CAC7Ce,OAAQ,iBACRO,MAAO,IACO,gBAAoB,MAAO,CACzCZ,UAAW,qBACG,gBAAoB,KAAM,KAAMjB,GAAqB,gBAAoB,IAAK,KAAMC","file":"habitat.63.component.js","sourcesContent":["function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\nimport * as React from 'react';\nimport { useRef, useEffect, useState } from 'react';\nimport Reveal from 'react-reveal/Reveal';\nimport { Image } from '../common';\nimport './styles.scss';\nvar ImageBlock = function ImageBlock(_ref) {\n  var title = _ref.title,\n    copy = _ref.copy,\n    image = _ref.image;\n  var containerElm = useRef(null);\n  var _useState = useState(null),\n    _useState2 = _slicedToArray(_useState, 2),\n    height = _useState2[0],\n    setHeight = _useState2[1];\n  var autoHieght = function autoHieght() {\n    var copyHeight = containerElm.current.querySelector('.image-block__copy').clientHeight;\n    var wrapperHeight = containerElm.current.clientHeight;\n    var offset = 142; // top + margin-bottom prop on copyElm\n\n    if (copyHeight > wrapperHeight - offset) {\n      setHeight(copyHeight - wrapperHeight + offset);\n    } else {\n      setHeight(null);\n    }\n  };\n  useEffect(function () {\n    autoHieght();\n    window.addEventListener('resize', function (event) {\n      event.stopPropagation();\n      autoHieght();\n    });\n  }, []);\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: \"image-block\",\n    ref: containerElm,\n    style: {\n      marginBottom: height ? \"\".concat(height, \"px\") : \"\"\n    }\n  }, /*#__PURE__*/React.createElement(Reveal, {\n    effect: \"suttleFadeInUp\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"image-block__image\"\n  }, /*#__PURE__*/React.createElement(Image, {\n    url: image.file.url,\n    alt: image.title,\n    widthSizes: ['400', '800', '1600'],\n    aspectRatio: \"4x3\",\n    isLoaded: function isLoaded() {\n      return autoHieght();\n    }\n  }))), /*#__PURE__*/React.createElement(Reveal, {\n    effect: \"suttleFadeInUp\",\n    delay: 35\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"image-block__copy\"\n  }, /*#__PURE__*/React.createElement(\"h3\", null, title), /*#__PURE__*/React.createElement(\"p\", null, copy))));\n};\nexport default ImageBlock;"],"sourceRoot":""}