-
Notifications
You must be signed in to change notification settings - Fork 0
/
component---src-pages-photos-en-tsx-d444ce056e3b7d751e4a.js.map
1 lines (1 loc) · 48.4 KB
/
component---src-pages-photos-en-tsx-d444ce056e3b7d751e4a.js.map
1
{"version":3,"sources":["webpack:///component---src-pages-photos-en-tsx-d444ce056e3b7d751e4a.js","webpack:///./~/gatsby-image/index.js?e5b2*","webpack:///./src/pages/photos.en.tsx","webpack:///./src/pages/photos.module.scss?ab7f"],"names":["webpackJsonp","394","module","exports","__webpack_require__","_interopRequireDefault","obj","__esModule","default","getIO","io","window","IntersectionObserver","entries","forEach","entry","listeners","l","target","isIntersecting","intersectionRatio","unobserve","rootMargin","_classCallCheck2","_classCallCheck3","_possibleConstructorReturn2","_possibleConstructorReturn3","_inherits2","_inherits3","_objectWithoutProperties2","_objectWithoutProperties3","_extends2","_extends3","_react","_react2","_propTypes","_propTypes2","convertProps","props","convertedProps","responsiveResolution","resolutions","responsiveSizes","sizes","imageCache","inImageCache","src","listenToIntersections","el","cb","observe","push","isWebpSupportedCache","isWebpSupported","elem","document","createElement","getContext","toDataURL","indexOf","noscriptImg","srcSet","title","alt","width","height","opacity","transitionDelay","Img","style","onLoad","otherProps","position","top","left","transition","objectFit","objectPosition","propTypes","object","func","Image","_React$Component","this","_this","call","isVisible","imgLoaded","IOSupported","seenBefore","state","handleRef","bind","prototype","ref","_this2","setState","render","_this3","_convertProps","className","outerWrapperClassName","_convertProps$style","undefined","_convertProps$imgStyl","imgStyle","_convertProps$placeho","placeholderStyle","backgroundColor","Tag","bgColor","imagePlaceholderStyle","imageStyle","fadeIn","image","srcWebp","srcSetWebp","overflow","paddingBottom","aspectRatio","base64","tracedSVG","bottom","right","dangerouslySetInnerHTML","__html","_image","divStyle","display","Component","defaultProps","bool","string","oneOfType","512","Object","defineProperty","value","gatsby_image_1","gatsby_link_1","React","Head_1","styles","PhotosEn","_ref","_ref$data","data","allDirectory","allFile","i18nMessages","_ref$i18nMessages","photos","pageNames","photoAlbums","langKey","photoAlbumNames","edges","map","_ref2","slug","node","fields","photoAlbumData","find","photoAlbum","path","slice","photoAlbumsToShow","_ref3","filter","_ref4","relativeDirectory","photoAlbumCoversList","_photoAlbum$0$node","_photoAlbum$0$node$ch","childImageSharp","original","_photoAlbumNames$find","photoAlbumName","_photoAlbumNames$find2","_photoAlbumNames$find3","date","day","month","year","photoAlbumCoverWithTitle","key","to","replace","wrapper","item","length","article","currentLanguage","page","PhotosEnQuery","441"],"mappings":"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","file":"component---src-pages-photos-en-tsx-d444ce056e3b7d751e4a.js","sourcesContent":["webpackJsonp([200417953819687],{\n\n/***/ 394:\n/***/ (function(module, exports, __webpack_require__) {\n\n\t\"use strict\";\n\t\n\texports.__esModule = true;\n\t\n\tvar _classCallCheck2 = __webpack_require__(149);\n\t\n\tvar _classCallCheck3 = _interopRequireDefault(_classCallCheck2);\n\t\n\tvar _possibleConstructorReturn2 = __webpack_require__(153);\n\t\n\tvar _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);\n\t\n\tvar _inherits2 = __webpack_require__(152);\n\t\n\tvar _inherits3 = _interopRequireDefault(_inherits2);\n\t\n\tvar _objectWithoutProperties2 = __webpack_require__(399);\n\t\n\tvar _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);\n\t\n\tvar _extends2 = __webpack_require__(398);\n\t\n\tvar _extends3 = _interopRequireDefault(_extends2);\n\t\n\tvar _react = __webpack_require__(9);\n\t\n\tvar _react2 = _interopRequireDefault(_react);\n\t\n\tvar _propTypes = __webpack_require__(28);\n\t\n\tvar _propTypes2 = _interopRequireDefault(_propTypes);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\t// Handle legacy names for image queries.\n\tvar convertProps = function convertProps(props) {\n\t var convertedProps = (0, _extends3.default)({}, props);\n\t if (convertedProps.responsiveResolution) {\n\t convertedProps.resolutions = convertedProps.responsiveResolution;\n\t delete convertedProps.responsiveResolution;\n\t }\n\t if (convertedProps.responsiveSizes) {\n\t convertedProps.sizes = convertedProps.responsiveSizes;\n\t delete convertedProps.responsiveSizes;\n\t }\n\t\n\t return convertedProps;\n\t};\n\t\n\t// Cache if we've seen an image before so we don't both with\n\t// lazy-loading & fading in on subsequent mounts.\n\tvar imageCache = {};\n\tvar inImageCache = function inImageCache(props) {\n\t var convertedProps = convertProps(props);\n\t // Find src\n\t var src = convertedProps.sizes ? convertedProps.sizes.src : convertedProps.resolutions.src;\n\t\n\t if (imageCache[src]) {\n\t return true;\n\t } else {\n\t imageCache[src] = true;\n\t return false;\n\t }\n\t};\n\t\n\tvar io = void 0;\n\tvar listeners = [];\n\t\n\tfunction getIO() {\n\t if (typeof io === \"undefined\" && typeof window !== \"undefined\" && window.IntersectionObserver) {\n\t io = new window.IntersectionObserver(function (entries) {\n\t entries.forEach(function (entry) {\n\t listeners.forEach(function (l) {\n\t if (l[0] === entry.target) {\n\t // Edge doesn't currently support isIntersecting, so also test for an intersectionRatio > 0\n\t if (entry.isIntersecting || entry.intersectionRatio > 0) {\n\t io.unobserve(l[0]);\n\t l[1]();\n\t }\n\t }\n\t });\n\t });\n\t }, { rootMargin: \"200px\" });\n\t }\n\t\n\t return io;\n\t}\n\t\n\tvar listenToIntersections = function listenToIntersections(el, cb) {\n\t getIO().observe(el);\n\t listeners.push([el, cb]);\n\t};\n\t\n\tvar isWebpSupportedCache = null;\n\tvar isWebpSupported = function isWebpSupported() {\n\t if (isWebpSupportedCache !== null) {\n\t return isWebpSupportedCache;\n\t }\n\t\n\t var elem = typeof window !== \"undefined\" ? window.document.createElement(\"canvas\") : {};\n\t if (elem.getContext && elem.getContext(\"2d\")) {\n\t isWebpSupportedCache = elem.toDataURL(\"image/webp\").indexOf(\"data:image/webp\") === 0;\n\t } else {\n\t isWebpSupportedCache = false;\n\t }\n\t\n\t return isWebpSupportedCache;\n\t};\n\t\n\tvar noscriptImg = function noscriptImg(props) {\n\t // Check if prop exists before adding each attribute to the string output below to prevent\n\t // HTML validation issues caused by empty values like width=\"\" and height=\"\"\n\t var src = props.src ? \"src=\\\"\" + props.src + \"\\\" \" : \"src=\\\"\\\" \"; // required attribute\n\t var srcSet = props.srcSet ? \"srcset=\\\"\" + props.srcSet + \"\\\" \" : \"\";\n\t var sizes = props.sizes ? \"sizes=\\\"\" + props.sizes + \"\\\" \" : \"\";\n\t var title = props.title ? \"title=\\\"\" + props.title + \"\\\" \" : \"\";\n\t var alt = props.alt ? \"alt=\\\"\" + props.alt + \"\\\" \" : \"alt=\\\"\\\" \"; // required attribute\n\t var width = props.width ? \"width=\\\"\" + props.width + \"\\\" \" : \"\";\n\t var height = props.height ? \"height=\\\"\" + props.height + \"\\\" \" : \"\";\n\t var opacity = props.opacity ? props.opacity : \"1\";\n\t var transitionDelay = props.transitionDelay ? props.transitionDelay : \"0.5s\";\n\t\n\t return \"<img \" + width + height + src + srcSet + alt + title + sizes + \"style=\\\"position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:\" + transitionDelay + \";opacity:\" + opacity + \";width:100%;height:100%;object-fit:cover;object-position:center\\\"/>\";\n\t};\n\t\n\tvar Img = function Img(props) {\n\t var style = props.style,\n\t onLoad = props.onLoad,\n\t otherProps = (0, _objectWithoutProperties3.default)(props, [\"style\", \"onLoad\"]);\n\t\n\t return _react2.default.createElement(\"img\", (0, _extends3.default)({}, otherProps, {\n\t onLoad: onLoad,\n\t style: (0, _extends3.default)({\n\t position: \"absolute\",\n\t top: 0,\n\t left: 0,\n\t transition: \"opacity 0.5s\",\n\t width: \"100%\",\n\t height: \"100%\",\n\t objectFit: \"cover\",\n\t objectPosition: \"center\"\n\t }, style)\n\t }));\n\t};\n\t\n\tImg.propTypes = {\n\t style: _propTypes2.default.object,\n\t onLoad: _propTypes2.default.func\n\t};\n\t\n\tvar Image = function (_React$Component) {\n\t (0, _inherits3.default)(Image, _React$Component);\n\t\n\t function Image(props) {\n\t (0, _classCallCheck3.default)(this, Image);\n\t\n\t // If this browser doesn't support the IntersectionObserver API\n\t // we default to start downloading the image right away.\n\t var _this = (0, _possibleConstructorReturn3.default)(this, _React$Component.call(this, props));\n\t\n\t var isVisible = true;\n\t var imgLoaded = true;\n\t var IOSupported = false;\n\t\n\t // If this image has already been loaded before then we can assume it's\n\t // already in the browser cache so it's cheap to just show directly.\n\t var seenBefore = inImageCache(props);\n\t\n\t if (!seenBefore && typeof window !== \"undefined\" && window.IntersectionObserver) {\n\t isVisible = false;\n\t imgLoaded = false;\n\t IOSupported = true;\n\t }\n\t\n\t // Always don't render image while server rendering\n\t if (typeof window === \"undefined\") {\n\t isVisible = false;\n\t imgLoaded = false;\n\t }\n\t\n\t _this.state = {\n\t isVisible: isVisible,\n\t imgLoaded: imgLoaded,\n\t IOSupported: IOSupported\n\t };\n\t\n\t _this.handleRef = _this.handleRef.bind(_this);\n\t return _this;\n\t }\n\t\n\t Image.prototype.handleRef = function handleRef(ref) {\n\t var _this2 = this;\n\t\n\t if (this.state.IOSupported && ref) {\n\t listenToIntersections(ref, function () {\n\t _this2.setState({ isVisible: true, imgLoaded: false });\n\t });\n\t }\n\t };\n\t\n\t Image.prototype.render = function render() {\n\t var _this3 = this;\n\t\n\t var _convertProps = convertProps(this.props),\n\t title = _convertProps.title,\n\t alt = _convertProps.alt,\n\t className = _convertProps.className,\n\t outerWrapperClassName = _convertProps.outerWrapperClassName,\n\t _convertProps$style = _convertProps.style,\n\t style = _convertProps$style === undefined ? {} : _convertProps$style,\n\t _convertProps$imgStyl = _convertProps.imgStyle,\n\t imgStyle = _convertProps$imgStyl === undefined ? {} : _convertProps$imgStyl,\n\t _convertProps$placeho = _convertProps.placeholderStyle,\n\t placeholderStyle = _convertProps$placeho === undefined ? {} : _convertProps$placeho,\n\t sizes = _convertProps.sizes,\n\t resolutions = _convertProps.resolutions,\n\t backgroundColor = _convertProps.backgroundColor,\n\t Tag = _convertProps.Tag;\n\t\n\t var bgColor = void 0;\n\t if (typeof backgroundColor === \"boolean\") {\n\t bgColor = \"lightgray\";\n\t } else {\n\t bgColor = backgroundColor;\n\t }\n\t\n\t var imagePlaceholderStyle = (0, _extends3.default)({\n\t opacity: this.state.imgLoaded ? 0 : 1,\n\t transitionDelay: \"0.25s\"\n\t }, imgStyle, placeholderStyle);\n\t\n\t var imageStyle = (0, _extends3.default)({\n\t opacity: this.state.imgLoaded || this.props.fadeIn === false ? 1 : 0\n\t }, imgStyle);\n\t\n\t if (sizes) {\n\t var image = sizes;\n\t\n\t // Use webp by default if browser supports it\n\t if (image.srcWebp && image.srcSetWebp && isWebpSupported()) {\n\t image.src = image.srcWebp;\n\t image.srcSet = image.srcSetWebp;\n\t }\n\t\n\t // The outer div is necessary to reset the z-index to 0.\n\t return _react2.default.createElement(\n\t Tag,\n\t {\n\t className: (outerWrapperClassName ? outerWrapperClassName : \"\") + \" gatsby-image-outer-wrapper\",\n\t style: {\n\t // Let users set component to be absolutely positioned.\n\t position: style.position === \"absolute\" ? \"initial\" : \"relative\"\n\t }\n\t },\n\t _react2.default.createElement(\n\t Tag,\n\t {\n\t className: (className ? className : \"\") + \" gatsby-image-wrapper\",\n\t style: (0, _extends3.default)({\n\t position: \"relative\",\n\t overflow: \"hidden\"\n\t }, style),\n\t ref: this.handleRef\n\t },\n\t _react2.default.createElement(Tag, {\n\t style: {\n\t width: \"100%\",\n\t paddingBottom: 100 / image.aspectRatio + \"%\"\n\t }\n\t }),\n\t image.base64 && _react2.default.createElement(Img, {\n\t alt: alt,\n\t title: title,\n\t src: image.base64,\n\t style: imagePlaceholderStyle\n\t }),\n\t image.tracedSVG && _react2.default.createElement(Img, {\n\t alt: alt,\n\t title: title,\n\t src: image.tracedSVG,\n\t style: imagePlaceholderStyle\n\t }),\n\t bgColor && _react2.default.createElement(Tag, {\n\t title: title,\n\t style: {\n\t backgroundColor: bgColor,\n\t position: \"absolute\",\n\t top: 0,\n\t bottom: 0,\n\t opacity: !this.state.imgLoaded ? 1 : 0,\n\t transitionDelay: \"0.35s\",\n\t right: 0,\n\t left: 0\n\t }\n\t }),\n\t this.state.isVisible && _react2.default.createElement(Img, {\n\t alt: alt,\n\t title: title,\n\t srcSet: image.srcSet,\n\t src: image.src,\n\t sizes: image.sizes,\n\t style: imageStyle,\n\t onLoad: function onLoad() {\n\t _this3.state.IOSupported && _this3.setState({ imgLoaded: true });\n\t _this3.props.onLoad && _this3.props.onLoad();\n\t }\n\t }),\n\t _react2.default.createElement(\"noscript\", {\n\t dangerouslySetInnerHTML: {\n\t __html: noscriptImg((0, _extends3.default)({ alt: alt, title: title }, image))\n\t }\n\t })\n\t )\n\t );\n\t }\n\t\n\t if (resolutions) {\n\t var _image = resolutions;\n\t var divStyle = (0, _extends3.default)({\n\t position: \"relative\",\n\t overflow: \"hidden\",\n\t display: \"inline-block\",\n\t width: _image.width,\n\t height: _image.height\n\t }, style);\n\t\n\t if (style.display === \"inherit\") {\n\t delete divStyle.display;\n\t }\n\t\n\t // Use webp by default if browser supports it\n\t if (_image.srcWebp && _image.srcSetWebp && isWebpSupported()) {\n\t _image.src = _image.srcWebp;\n\t _image.srcSet = _image.srcSetWebp;\n\t }\n\t\n\t // The outer div is necessary to reset the z-index to 0.\n\t return _react2.default.createElement(\n\t Tag,\n\t {\n\t className: (outerWrapperClassName ? outerWrapperClassName : \"\") + \" gatsby-image-outer-wrapper\",\n\t style: {\n\t // Let users set component to be absolutely positioned.\n\t position: style.position === \"absolute\" ? \"initial\" : \"relative\"\n\t }\n\t },\n\t _react2.default.createElement(\n\t Tag,\n\t {\n\t className: (className ? className : \"\") + \" gatsby-image-wrapper\",\n\t style: divStyle,\n\t ref: this.handleRef\n\t },\n\t _image.base64 && _react2.default.createElement(Img, {\n\t alt: alt,\n\t title: title,\n\t src: _image.base64,\n\t style: imagePlaceholderStyle\n\t }),\n\t _image.tracedSVG && _react2.default.createElement(Img, {\n\t alt: alt,\n\t title: title,\n\t src: _image.tracedSVG,\n\t style: imagePlaceholderStyle\n\t }),\n\t bgColor && _react2.default.createElement(Tag, {\n\t title: title,\n\t style: {\n\t backgroundColor: bgColor,\n\t width: _image.width,\n\t opacity: !this.state.imgLoaded ? 1 : 0,\n\t transitionDelay: \"0.25s\",\n\t height: _image.height\n\t }\n\t }),\n\t this.state.isVisible && _react2.default.createElement(Img, {\n\t alt: alt,\n\t title: title,\n\t width: _image.width,\n\t height: _image.height,\n\t srcSet: _image.srcSet,\n\t src: _image.src,\n\t style: imageStyle,\n\t onLoad: function onLoad() {\n\t _this3.setState({ imgLoaded: true });\n\t _this3.props.onLoad && _this3.props.onLoad();\n\t }\n\t }),\n\t _react2.default.createElement(\"noscript\", {\n\t dangerouslySetInnerHTML: {\n\t __html: noscriptImg((0, _extends3.default)({\n\t alt: alt,\n\t title: title,\n\t width: _image.width,\n\t height: _image.height\n\t }, _image))\n\t }\n\t })\n\t )\n\t );\n\t }\n\t\n\t return null;\n\t };\n\t\n\t return Image;\n\t}(_react2.default.Component);\n\t\n\tImage.defaultProps = {\n\t fadeIn: true,\n\t alt: \"\",\n\t Tag: \"div\"\n\t};\n\t\n\tImage.propTypes = {\n\t responsiveResolution: _propTypes2.default.object,\n\t responsiveSizes: _propTypes2.default.object,\n\t resolutions: _propTypes2.default.object,\n\t sizes: _propTypes2.default.object,\n\t fadeIn: _propTypes2.default.bool,\n\t title: _propTypes2.default.string,\n\t alt: _propTypes2.default.string,\n\t className: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]), // Support Glamor's css prop.\n\t outerWrapperClassName: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]),\n\t style: _propTypes2.default.object,\n\t imgStyle: _propTypes2.default.object,\n\t placeholderStyle: _propTypes2.default.object,\n\t position: _propTypes2.default.string,\n\t backgroundColor: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.bool]),\n\t onLoad: _propTypes2.default.func,\n\t Tag: _propTypes2.default.string\n\t};\n\t\n\texports.default = Image;\n\n/***/ }),\n\n/***/ 512:\n/***/ (function(module, exports, __webpack_require__) {\n\n\t\"use strict\";\n\t\n\tObject.defineProperty(exports, \"__esModule\", { value: true });\n\tvar gatsby_image_1 = __webpack_require__(394);\n\tvar gatsby_link_1 = __webpack_require__(148);\n\tvar React = __webpack_require__(9);\n\tvar Head_1 = __webpack_require__(81);\n\tvar styles = __webpack_require__(441);\n\tvar PhotosEn = function PhotosEn(_ref) {\n\t var _ref$data = _ref.data,\n\t allDirectory = _ref$data.allDirectory,\n\t allFile = _ref$data.allFile,\n\t i18nMessages = _ref.i18nMessages,\n\t _ref$i18nMessages = _ref.i18nMessages,\n\t photos = _ref$i18nMessages.pageNames.photos,\n\t photoAlbums = _ref$i18nMessages.photoAlbums,\n\t langKey = _ref.langKey;\n\t\n\t var photoAlbumNames = allDirectory.edges.map(function (_ref2) {\n\t var slug = _ref2.node.fields.slug;\n\t\n\t var photoAlbumData = photoAlbums.find(function (photoAlbum) {\n\t return photoAlbum.slug === slug;\n\t });\n\t return { photoAlbumData: photoAlbumData, path: \"images/\" + slug.slice(0, -1) };\n\t });\n\t var photoAlbumsToShow = [];\n\t photoAlbumNames.forEach(function (_ref3) {\n\t var path = _ref3.path;\n\t return photoAlbumsToShow.push(allFile.edges.filter(function (_ref4) {\n\t var relativeDirectory = _ref4.node.relativeDirectory;\n\t return relativeDirectory === path;\n\t }));\n\t });\n\t var photoAlbumCoversList = photoAlbumsToShow.map(function (photoAlbum) {\n\t var _photoAlbum$0$node = photoAlbum[0].node,\n\t _photoAlbum$0$node$ch = _photoAlbum$0$node.childImageSharp,\n\t src = _photoAlbum$0$node$ch.original.src,\n\t sizes = _photoAlbum$0$node$ch.sizes,\n\t relativeDirectory = _photoAlbum$0$node.relativeDirectory;\n\t\n\t var _photoAlbumNames$find = photoAlbumNames.find(function (photoAlbumName) {\n\t return photoAlbumName.path === relativeDirectory;\n\t }),\n\t _photoAlbumNames$find2 = _photoAlbumNames$find.photoAlbumData,\n\t _photoAlbumNames$find3 = _photoAlbumNames$find2.date,\n\t day = _photoAlbumNames$find3.day,\n\t month = _photoAlbumNames$find3.month,\n\t year = _photoAlbumNames$find3.year,\n\t title = _photoAlbumNames$find2.title;\n\t\n\t return React.createElement(gatsby_link_1.default, { className: styles.photoAlbumCoverWithTitle, key: src, to: \"photos\" + relativeDirectory.replace(/images/, '') + \"/\" }, React.createElement(gatsby_image_1.default, { alt: relativeDirectory.replace(/images\\//, '') + \" cover\", className: styles.wrapper, fadeIn: true, outerWrapperClassName: styles.item, sizes: sizes, title: relativeDirectory.replace(/images\\//, '') + \" cover\" }), React.createElement(\"div\", { className: styles.title }, React.createElement(\"span\", null, title + \" \" + month + \"/\" + day + \"/\" + year), React.createElement(\"span\", null, photoAlbum.length)));\n\t });\n\t return React.createElement(\"article\", { className: styles.article }, React.createElement(Head_1.default, { currentLanguage: langKey, i18nMessages: i18nMessages, page: photos }), photoAlbumCoversList);\n\t};\n\texports.PhotosEnQuery = \"** extracted graphql fragment **\";\n\texports.default = PhotosEn;\n\n/***/ }),\n\n/***/ 441:\n/***/ (function(module, exports) {\n\n\t// removed by extract-text-webpack-plugin\n\tmodule.exports = {\"article\":\"src-pages----photos-module---article---2OsQO\",\"photoAlbumCoverWithTitle\":\"src-pages----photos-module---photoAlbumCoverWithTitle---1izwr\",\"item\":\"src-pages----photos-module---item---3MOPg\",\"title\":\"src-pages----photos-module---title---3r-dK\",\"wrapper\":\"src-pages----photos-module---wrapper---3horv\"};\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// component---src-pages-photos-en-tsx-d444ce056e3b7d751e4a.js","\"use strict\";\n\nexports.__esModule = true;\n\nvar _classCallCheck2 = require(\"babel-runtime/helpers/classCallCheck\");\n\nvar _classCallCheck3 = _interopRequireDefault(_classCallCheck2);\n\nvar _possibleConstructorReturn2 = require(\"babel-runtime/helpers/possibleConstructorReturn\");\n\nvar _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);\n\nvar _inherits2 = require(\"babel-runtime/helpers/inherits\");\n\nvar _inherits3 = _interopRequireDefault(_inherits2);\n\nvar _objectWithoutProperties2 = require(\"babel-runtime/helpers/objectWithoutProperties\");\n\nvar _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);\n\nvar _extends2 = require(\"babel-runtime/helpers/extends\");\n\nvar _extends3 = _interopRequireDefault(_extends2);\n\nvar _react = require(\"react\");\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require(\"prop-types\");\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n// Handle legacy names for image queries.\nvar convertProps = function convertProps(props) {\n var convertedProps = (0, _extends3.default)({}, props);\n if (convertedProps.responsiveResolution) {\n convertedProps.resolutions = convertedProps.responsiveResolution;\n delete convertedProps.responsiveResolution;\n }\n if (convertedProps.responsiveSizes) {\n convertedProps.sizes = convertedProps.responsiveSizes;\n delete convertedProps.responsiveSizes;\n }\n\n return convertedProps;\n};\n\n// Cache if we've seen an image before so we don't both with\n// lazy-loading & fading in on subsequent mounts.\nvar imageCache = {};\nvar inImageCache = function inImageCache(props) {\n var convertedProps = convertProps(props);\n // Find src\n var src = convertedProps.sizes ? convertedProps.sizes.src : convertedProps.resolutions.src;\n\n if (imageCache[src]) {\n return true;\n } else {\n imageCache[src] = true;\n return false;\n }\n};\n\nvar io = void 0;\nvar listeners = [];\n\nfunction getIO() {\n if (typeof io === \"undefined\" && typeof window !== \"undefined\" && window.IntersectionObserver) {\n io = new window.IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n listeners.forEach(function (l) {\n if (l[0] === entry.target) {\n // Edge doesn't currently support isIntersecting, so also test for an intersectionRatio > 0\n if (entry.isIntersecting || entry.intersectionRatio > 0) {\n io.unobserve(l[0]);\n l[1]();\n }\n }\n });\n });\n }, { rootMargin: \"200px\" });\n }\n\n return io;\n}\n\nvar listenToIntersections = function listenToIntersections(el, cb) {\n getIO().observe(el);\n listeners.push([el, cb]);\n};\n\nvar isWebpSupportedCache = null;\nvar isWebpSupported = function isWebpSupported() {\n if (isWebpSupportedCache !== null) {\n return isWebpSupportedCache;\n }\n\n var elem = typeof window !== \"undefined\" ? window.document.createElement(\"canvas\") : {};\n if (elem.getContext && elem.getContext(\"2d\")) {\n isWebpSupportedCache = elem.toDataURL(\"image/webp\").indexOf(\"data:image/webp\") === 0;\n } else {\n isWebpSupportedCache = false;\n }\n\n return isWebpSupportedCache;\n};\n\nvar noscriptImg = function noscriptImg(props) {\n // Check if prop exists before adding each attribute to the string output below to prevent\n // HTML validation issues caused by empty values like width=\"\" and height=\"\"\n var src = props.src ? \"src=\\\"\" + props.src + \"\\\" \" : \"src=\\\"\\\" \"; // required attribute\n var srcSet = props.srcSet ? \"srcset=\\\"\" + props.srcSet + \"\\\" \" : \"\";\n var sizes = props.sizes ? \"sizes=\\\"\" + props.sizes + \"\\\" \" : \"\";\n var title = props.title ? \"title=\\\"\" + props.title + \"\\\" \" : \"\";\n var alt = props.alt ? \"alt=\\\"\" + props.alt + \"\\\" \" : \"alt=\\\"\\\" \"; // required attribute\n var width = props.width ? \"width=\\\"\" + props.width + \"\\\" \" : \"\";\n var height = props.height ? \"height=\\\"\" + props.height + \"\\\" \" : \"\";\n var opacity = props.opacity ? props.opacity : \"1\";\n var transitionDelay = props.transitionDelay ? props.transitionDelay : \"0.5s\";\n\n return \"<img \" + width + height + src + srcSet + alt + title + sizes + \"style=\\\"position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:\" + transitionDelay + \";opacity:\" + opacity + \";width:100%;height:100%;object-fit:cover;object-position:center\\\"/>\";\n};\n\nvar Img = function Img(props) {\n var style = props.style,\n onLoad = props.onLoad,\n otherProps = (0, _objectWithoutProperties3.default)(props, [\"style\", \"onLoad\"]);\n\n return _react2.default.createElement(\"img\", (0, _extends3.default)({}, otherProps, {\n onLoad: onLoad,\n style: (0, _extends3.default)({\n position: \"absolute\",\n top: 0,\n left: 0,\n transition: \"opacity 0.5s\",\n width: \"100%\",\n height: \"100%\",\n objectFit: \"cover\",\n objectPosition: \"center\"\n }, style)\n }));\n};\n\nImg.propTypes = {\n style: _propTypes2.default.object,\n onLoad: _propTypes2.default.func\n};\n\nvar Image = function (_React$Component) {\n (0, _inherits3.default)(Image, _React$Component);\n\n function Image(props) {\n (0, _classCallCheck3.default)(this, Image);\n\n // If this browser doesn't support the IntersectionObserver API\n // we default to start downloading the image right away.\n var _this = (0, _possibleConstructorReturn3.default)(this, _React$Component.call(this, props));\n\n var isVisible = true;\n var imgLoaded = true;\n var IOSupported = false;\n\n // If this image has already been loaded before then we can assume it's\n // already in the browser cache so it's cheap to just show directly.\n var seenBefore = inImageCache(props);\n\n if (!seenBefore && typeof window !== \"undefined\" && window.IntersectionObserver) {\n isVisible = false;\n imgLoaded = false;\n IOSupported = true;\n }\n\n // Always don't render image while server rendering\n if (typeof window === \"undefined\") {\n isVisible = false;\n imgLoaded = false;\n }\n\n _this.state = {\n isVisible: isVisible,\n imgLoaded: imgLoaded,\n IOSupported: IOSupported\n };\n\n _this.handleRef = _this.handleRef.bind(_this);\n return _this;\n }\n\n Image.prototype.handleRef = function handleRef(ref) {\n var _this2 = this;\n\n if (this.state.IOSupported && ref) {\n listenToIntersections(ref, function () {\n _this2.setState({ isVisible: true, imgLoaded: false });\n });\n }\n };\n\n Image.prototype.render = function render() {\n var _this3 = this;\n\n var _convertProps = convertProps(this.props),\n title = _convertProps.title,\n alt = _convertProps.alt,\n className = _convertProps.className,\n outerWrapperClassName = _convertProps.outerWrapperClassName,\n _convertProps$style = _convertProps.style,\n style = _convertProps$style === undefined ? {} : _convertProps$style,\n _convertProps$imgStyl = _convertProps.imgStyle,\n imgStyle = _convertProps$imgStyl === undefined ? {} : _convertProps$imgStyl,\n _convertProps$placeho = _convertProps.placeholderStyle,\n placeholderStyle = _convertProps$placeho === undefined ? {} : _convertProps$placeho,\n sizes = _convertProps.sizes,\n resolutions = _convertProps.resolutions,\n backgroundColor = _convertProps.backgroundColor,\n Tag = _convertProps.Tag;\n\n var bgColor = void 0;\n if (typeof backgroundColor === \"boolean\") {\n bgColor = \"lightgray\";\n } else {\n bgColor = backgroundColor;\n }\n\n var imagePlaceholderStyle = (0, _extends3.default)({\n opacity: this.state.imgLoaded ? 0 : 1,\n transitionDelay: \"0.25s\"\n }, imgStyle, placeholderStyle);\n\n var imageStyle = (0, _extends3.default)({\n opacity: this.state.imgLoaded || this.props.fadeIn === false ? 1 : 0\n }, imgStyle);\n\n if (sizes) {\n var image = sizes;\n\n // Use webp by default if browser supports it\n if (image.srcWebp && image.srcSetWebp && isWebpSupported()) {\n image.src = image.srcWebp;\n image.srcSet = image.srcSetWebp;\n }\n\n // The outer div is necessary to reset the z-index to 0.\n return _react2.default.createElement(\n Tag,\n {\n className: (outerWrapperClassName ? outerWrapperClassName : \"\") + \" gatsby-image-outer-wrapper\",\n style: {\n // Let users set component to be absolutely positioned.\n position: style.position === \"absolute\" ? \"initial\" : \"relative\"\n }\n },\n _react2.default.createElement(\n Tag,\n {\n className: (className ? className : \"\") + \" gatsby-image-wrapper\",\n style: (0, _extends3.default)({\n position: \"relative\",\n overflow: \"hidden\"\n }, style),\n ref: this.handleRef\n },\n _react2.default.createElement(Tag, {\n style: {\n width: \"100%\",\n paddingBottom: 100 / image.aspectRatio + \"%\"\n }\n }),\n image.base64 && _react2.default.createElement(Img, {\n alt: alt,\n title: title,\n src: image.base64,\n style: imagePlaceholderStyle\n }),\n image.tracedSVG && _react2.default.createElement(Img, {\n alt: alt,\n title: title,\n src: image.tracedSVG,\n style: imagePlaceholderStyle\n }),\n bgColor && _react2.default.createElement(Tag, {\n title: title,\n style: {\n backgroundColor: bgColor,\n position: \"absolute\",\n top: 0,\n bottom: 0,\n opacity: !this.state.imgLoaded ? 1 : 0,\n transitionDelay: \"0.35s\",\n right: 0,\n left: 0\n }\n }),\n this.state.isVisible && _react2.default.createElement(Img, {\n alt: alt,\n title: title,\n srcSet: image.srcSet,\n src: image.src,\n sizes: image.sizes,\n style: imageStyle,\n onLoad: function onLoad() {\n _this3.state.IOSupported && _this3.setState({ imgLoaded: true });\n _this3.props.onLoad && _this3.props.onLoad();\n }\n }),\n _react2.default.createElement(\"noscript\", {\n dangerouslySetInnerHTML: {\n __html: noscriptImg((0, _extends3.default)({ alt: alt, title: title }, image))\n }\n })\n )\n );\n }\n\n if (resolutions) {\n var _image = resolutions;\n var divStyle = (0, _extends3.default)({\n position: \"relative\",\n overflow: \"hidden\",\n display: \"inline-block\",\n width: _image.width,\n height: _image.height\n }, style);\n\n if (style.display === \"inherit\") {\n delete divStyle.display;\n }\n\n // Use webp by default if browser supports it\n if (_image.srcWebp && _image.srcSetWebp && isWebpSupported()) {\n _image.src = _image.srcWebp;\n _image.srcSet = _image.srcSetWebp;\n }\n\n // The outer div is necessary to reset the z-index to 0.\n return _react2.default.createElement(\n Tag,\n {\n className: (outerWrapperClassName ? outerWrapperClassName : \"\") + \" gatsby-image-outer-wrapper\",\n style: {\n // Let users set component to be absolutely positioned.\n position: style.position === \"absolute\" ? \"initial\" : \"relative\"\n }\n },\n _react2.default.createElement(\n Tag,\n {\n className: (className ? className : \"\") + \" gatsby-image-wrapper\",\n style: divStyle,\n ref: this.handleRef\n },\n _image.base64 && _react2.default.createElement(Img, {\n alt: alt,\n title: title,\n src: _image.base64,\n style: imagePlaceholderStyle\n }),\n _image.tracedSVG && _react2.default.createElement(Img, {\n alt: alt,\n title: title,\n src: _image.tracedSVG,\n style: imagePlaceholderStyle\n }),\n bgColor && _react2.default.createElement(Tag, {\n title: title,\n style: {\n backgroundColor: bgColor,\n width: _image.width,\n opacity: !this.state.imgLoaded ? 1 : 0,\n transitionDelay: \"0.25s\",\n height: _image.height\n }\n }),\n this.state.isVisible && _react2.default.createElement(Img, {\n alt: alt,\n title: title,\n width: _image.width,\n height: _image.height,\n srcSet: _image.srcSet,\n src: _image.src,\n style: imageStyle,\n onLoad: function onLoad() {\n _this3.setState({ imgLoaded: true });\n _this3.props.onLoad && _this3.props.onLoad();\n }\n }),\n _react2.default.createElement(\"noscript\", {\n dangerouslySetInnerHTML: {\n __html: noscriptImg((0, _extends3.default)({\n alt: alt,\n title: title,\n width: _image.width,\n height: _image.height\n }, _image))\n }\n })\n )\n );\n }\n\n return null;\n };\n\n return Image;\n}(_react2.default.Component);\n\nImage.defaultProps = {\n fadeIn: true,\n alt: \"\",\n Tag: \"div\"\n};\n\nImage.propTypes = {\n responsiveResolution: _propTypes2.default.object,\n responsiveSizes: _propTypes2.default.object,\n resolutions: _propTypes2.default.object,\n sizes: _propTypes2.default.object,\n fadeIn: _propTypes2.default.bool,\n title: _propTypes2.default.string,\n alt: _propTypes2.default.string,\n className: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]), // Support Glamor's css prop.\n outerWrapperClassName: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]),\n style: _propTypes2.default.object,\n imgStyle: _propTypes2.default.object,\n placeholderStyle: _propTypes2.default.object,\n position: _propTypes2.default.string,\n backgroundColor: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.bool]),\n onLoad: _propTypes2.default.func,\n Tag: _propTypes2.default.string\n};\n\nexports.default = Image;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/gatsby-image/index.js\n// module id = 394\n// module chunks = 11242892255345 40331263891893 200417953819687","import Img from 'gatsby-image';\nimport Link from 'gatsby-link';\nimport * as React from 'react';\n\nimport Head from '../components/Head';\n\nimport * as styles from './photos.module.scss';\n\nimport { IPhotoAlbums, IPhotos } from '../interfaces';\n\nconst PhotosEn: React.SFC<IPhotos> = ({\n data: { allDirectory, allFile },\n i18nMessages,\n i18nMessages: {\n pageNames: { photos },\n photoAlbums,\n },\n langKey,\n}) => {\n const photoAlbumNames: object[] = allDirectory.edges.map(({ node: { fields: { slug } } }) => {\n const photoAlbumData = photoAlbums.find(\n (photoAlbum: IPhotoAlbums) => photoAlbum.slug === slug,\n );\n\n return { photoAlbumData, path: `images/${slug.slice(0, -1)}` };\n });\n const photoAlbumsToShow: Array<[]> = [];\n\n photoAlbumNames.forEach(({ path }) =>\n photoAlbumsToShow.push(\n allFile.edges.filter(({ node: { relativeDirectory } }) => relativeDirectory === path),\n ),\n );\n\n const photoAlbumCoversList = photoAlbumsToShow.map((photoAlbum: object[]) => {\n const {\n node: {\n childImageSharp: {\n original: { src },\n sizes,\n },\n relativeDirectory,\n },\n } = photoAlbum[0];\n const {\n photoAlbumData: {\n date: { day, month, year },\n title,\n },\n } = photoAlbumNames.find((photoAlbumName) => photoAlbumName.path === relativeDirectory);\n\n return (\n <Link\n className={styles.photoAlbumCoverWithTitle}\n key={src}\n to={`photos${relativeDirectory.replace(/images/, '')}/`}\n >\n <Img\n alt={`${relativeDirectory.replace(/images\\//, '')} cover`}\n className={styles.wrapper}\n fadeIn={true}\n outerWrapperClassName={styles.item}\n sizes={sizes}\n title={`${relativeDirectory.replace(/images\\//, '')} cover`}\n />\n <div className={styles.title}>\n <span>{`${title} ${month}/${day}/${year}`}</span>\n <span>{photoAlbum.length}</span>\n </div>\n </Link>\n );\n });\n\n return (\n <article className={styles.article}>\n <Head currentLanguage={langKey} i18nMessages={i18nMessages} page={photos} />\n {photoAlbumCoversList}\n </article>\n );\n};\n\nexport const PhotosEnQuery = graphql`\n query PhotosEnQuery {\n allDirectory(filter: { relativePath: { regex: \"/images//\" } }) {\n edges {\n node {\n fields {\n slug\n }\n }\n }\n }\n allFile(filter: { relativePath: { regex: \"/images/\" } }) {\n edges {\n node {\n childImageSharp {\n original {\n src\n }\n sizes {\n ...GatsbyImageSharpSizes_withWebp\n }\n }\n relativeDirectory\n }\n }\n }\n }\n`;\n\nexport default PhotosEn;\n\n\n\n// WEBPACK FOOTER //\n// ./src/pages/photos.en.tsx","// removed by extract-text-webpack-plugin\nmodule.exports = {\"article\":\"src-pages----photos-module---article---2OsQO\",\"photoAlbumCoverWithTitle\":\"src-pages----photos-module---photoAlbumCoverWithTitle---1izwr\",\"item\":\"src-pages----photos-module---item---3MOPg\",\"title\":\"src-pages----photos-module---title---3r-dK\",\"wrapper\":\"src-pages----photos-module---wrapper---3horv\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/pages/photos.module.scss\n// module id = 441\n// module chunks = 40331263891893 200417953819687"],"sourceRoot":""}