{"version":3,"sources":["webpack:///./src/components/InlineGallery/InlineGalleryItem.tsx","webpack:///./src/components/InlineGallery/index.tsx"],"names":["_ref","_ref$image","image","title","credit","description","url","file","isFullScreen","toggleFullScreen","children","className","concat","onClick","alt","widthSizes","aspectRatio","_typeof","o","Symbol","iterator","constructor","prototype","_defineProperties","e","r","t","length","enumerable","configurable","writable","Object","defineProperty","_toPropertyKey","key","_callSuper","_getPrototypeOf","TypeError","ReferenceError","_assertThisInitialized","_possibleConstructorReturn","Boolean","valueOf","call","Reflect","construct","_isNativeReflectConstruct","apply","setPrototypeOf","getPrototypeOf","bind","__proto__","_setPrototypeOf","i","toPrimitive","String","Number","_toPrimitive","_React$Component","InlineGallery","props","_this","a","n","_classCallCheck","this","value","state","currentImageIndex","imageCount","componentInFocus","showPrevious","showNext","create","_inherits","_this2","images","gallery","setState","document","addEventListener","event","currentKey","keyCode","_this2$state","updateImage","index","isInFocus","_this3","_this$props$gallery","subTitle","_this$state","countDisplay","imageCountDisplay","onFocus","setFocus","onBlur","onSwipeLeft","onSwipeRight","count","onNextPage","onPreviousPage"],"mappings":"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","file":"habitat.64.component.js","sourcesContent":["import * as React from 'react';\nimport { Image } from '../common/';\nvar InlineGalleryItem = function InlineGalleryItem(_ref) {\n  var _ref$image = _ref.image,\n    title = _ref$image.title,\n    credit = _ref$image.credit,\n    description = _ref$image.description,\n    url = _ref$image.file.url,\n    isFullScreen = _ref.isFullScreen,\n    toggleFullScreen = _ref.toggleFullScreen,\n    children = _ref.children;\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: \"inline-gallery__item \".concat(isFullScreen ? \"inline-gallery__item--fullscreen\" : null)\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"inline-gallery__item-image\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"inline-gallery__item-fullscreen-link\",\n    onClick: function onClick() {\n      return toggleFullScreen();\n    }\n  }, /*#__PURE__*/React.createElement(Image, {\n    url: url,\n    alt: title,\n    widthSizes: ['400', '800', '1600'],\n    aspectRatio: \"4x3\"\n  })), children), title && /*#__PURE__*/React.createElement(\"div\", {\n    className: \"inline-gallery__item-description\"\n  }, description), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"inline-gallery__item-credit\"\n  }, \"\\xA9 \", credit));\n};\nexport default InlineGalleryItem;","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError(\"Cannot call a class as a function\"); }\nfunction _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, \"value\" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }\nfunction _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, \"prototype\", { writable: !1 }), e; }\nfunction _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }\nfunction _possibleConstructorReturn(t, e) { if (e && (\"object\" == _typeof(e) || \"function\" == typeof e)) return e; if (void 0 !== e) throw new TypeError(\"Derived constructors may only return object or undefined\"); return _assertThisInitialized(t); }\nfunction _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); return e; }\nfunction _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }\nfunction _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }\nfunction _inherits(t, e) { if (\"function\" != typeof e && null !== e) throw new TypeError(\"Super expression must either be null or a function\"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, \"prototype\", { writable: !1 }), e && _setPrototypeOf(t, e); }\nfunction _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nimport * as React from 'react';\nimport Swipe from 'react-easy-swipe';\nimport InlineGalleryItem from './InlineGalleryItem';\nimport './styles.scss';\nimport { BasicPager } from '../common';\nvar KEY_RIGHT = 39;\nvar KEY_LEFT = 37;\nvar KEY_ESCAPE = 27;\nvar KEY_ENTER = 13;\nvar InlineGallery = /*#__PURE__*/function (_React$Component) {\n  function InlineGallery(props) {\n    var _this;\n    _classCallCheck(this, InlineGallery);\n    _this = _callSuper(this, InlineGallery, [props]);\n    _defineProperty(_this, \"galleryContainer\", null);\n    _this.state = {\n      currentImageIndex: 0,\n      imageCount: null,\n      isFullScreen: false,\n      componentInFocus: false,\n      showPrevious: false,\n      showNext: false\n    };\n    return _this;\n  }\n  _inherits(InlineGallery, _React$Component);\n  return _createClass(InlineGallery, [{\n    key: \"componentDidMount\",\n    value: function componentDidMount() {\n      var _this2 = this;\n      var images = this.props.gallery.images;\n      if (images.length) {\n        this.setState({\n          currentImageIndex: 0,\n          imageCount: images.length,\n          showPrevious: false,\n          showNext: images.length > 1\n        });\n      }\n      /* \r\n       * This event listener is let on the document rather \r\n       * then the react comonent for the purpose of accessability\r\n       */\n      document.addEventListener('keydown', function (event) {\n        var currentKey = event.keyCode;\n        var _this2$state = _this2.state,\n          componentInFocus = _this2$state.componentInFocus,\n          isFullScreen = _this2$state.isFullScreen,\n          showNext = _this2$state.showNext,\n          showPrevious = _this2$state.showPrevious;\n        if (currentKey === KEY_ENTER && componentInFocus) {\n          _this2.toggleFullScreen();\n        }\n        if (currentKey === KEY_ESCAPE) {\n          _this2.setState({\n            isFullScreen: false\n          });\n        }\n        if (componentInFocus || isFullScreen) {\n          if (currentKey === KEY_RIGHT && showNext) {\n            _this2.updateImage(_this2.state.currentImageIndex + 1);\n          } else if (currentKey === KEY_LEFT && showPrevious) {\n            _this2.updateImage(_this2.state.currentImageIndex - 1);\n          }\n        }\n      });\n    }\n  }, {\n    key: \"updateImage\",\n    value: function updateImage(index) {\n      this.setState({\n        currentImageIndex: index,\n        showPrevious: index > 0,\n        showNext: index < this.state.imageCount - 1\n      });\n    }\n  }, {\n    key: \"toggleFullScreen\",\n    value: function toggleFullScreen() {\n      this.setState({\n        isFullScreen: !this.state.isFullScreen\n      });\n    }\n  }, {\n    key: \"setFocus\",\n    value: function setFocus(isInFocus) {\n      this.setState({\n        componentInFocus: isInFocus\n      });\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _this3 = this;\n      var _this$props$gallery = this.props.gallery,\n        title = _this$props$gallery.title,\n        subTitle = _this$props$gallery.subTitle,\n        images = _this$props$gallery.images;\n      var _this$state = this.state,\n        currentImageIndex = _this$state.currentImageIndex,\n        imageCount = _this$state.imageCount,\n        isFullScreen = _this$state.isFullScreen,\n        showPrevious = _this$state.showPrevious,\n        showNext = _this$state.showNext;\n      var countDisplay = currentImageIndex < 9 ? \"0\".concat(currentImageIndex + 1) : currentImageIndex + 1;\n      var imageCountDisplay = imageCount < 9 ? \"0\".concat(imageCount) : imageCount;\n      return /*#__PURE__*/React.createElement(\"div\", {\n        className: \"inline-gallery  \".concat(isFullScreen && 'inline-gallery--fullscreen'),\n        onFocus: function onFocus() {\n          return _this3.setFocus(true);\n        },\n        onBlur: function onBlur() {\n          return _this3.setFocus(false);\n        }\n      }, title && /*#__PURE__*/React.createElement(\"div\", {\n        className: \"inline-gallery__title\"\n      }, /*#__PURE__*/React.createElement(\"h3\", null, title, \" \", /*#__PURE__*/React.createElement(\"span\", null, subTitle))), /*#__PURE__*/React.createElement(Swipe, {\n        onSwipeLeft: function onSwipeLeft() {\n          return showNext ? _this3.updateImage(currentImageIndex + 1) : null;\n        },\n        onSwipeRight: function onSwipeRight() {\n          return showPrevious ? _this3.updateImage(currentImageIndex - 1) : null;\n        }\n      }, /*#__PURE__*/React.createElement(\"div\", {\n        className: \"inline-gallery__placeholder\"\n      }, /*#__PURE__*/React.createElement(InlineGalleryItem, {\n        image: images[currentImageIndex],\n        isFullScreen: isFullScreen,\n        toggleFullScreen: function toggleFullScreen() {\n          return _this3.toggleFullScreen();\n        }\n      }, imageCount > 1 && /*#__PURE__*/React.createElement(\"div\", {\n        className: \"inline-gallery__mobile-count\"\n      }, countDisplay, /*#__PURE__*/React.createElement(\"span\", null, \"/\"), imageCountDisplay), imageCount > 1 && /*#__PURE__*/React.createElement(\"div\", {\n        className: \"inline-gallery__pager\"\n      }, /*#__PURE__*/React.createElement(BasicPager, {\n        showPrevious: showPrevious,\n        showNext: showNext,\n        count: currentImageIndex,\n        index: currentImageIndex,\n        onNextPage: function onNextPage() {\n          return _this3.updateImage(currentImageIndex + 1);\n        },\n        onPreviousPage: function onPreviousPage() {\n          return _this3.updateImage(currentImageIndex - 1);\n        }\n      }))))));\n    }\n  }]);\n}(React.Component);\nexport default InlineGallery;"],"sourceRoot":""}