{"version":3,"sources":["webpack:///./src/components/atoms/CountDown/index.jsx","webpack:///./src/assets/jss/material-kit-react/views/landingPage.js","webpack:///./src/components/pages/front/Teaser.tsx","webpack:///./node_modules/core-js/modules/es6.string.small.js","webpack:///./src/components/pages/front/Sections/HtmlSection.js","webpack:///./src/assets/jss/material-kit-react/components/parallaxStyle.js","webpack:///./node_modules/@react-hook/resize-observer/dist/module/index.js","webpack:///./node_modules/@react-hook/size/dist/module/index.js","webpack:///./src/components/uikit/Parallax/Parallax.js","webpack:///./src/templates/Teaser.tsx","webpack:///./node_modules/@react-hook/latest/dist/module/index.js","webpack:///./node_modules/@react-hook/passive-layout-effect/dist/module/index.js"],"names":["Countdown","props","state","days","hours","min","sec","componentDidMount","this","interval","setInterval","date","calculateCountdown","setState","stop","componentWillUnmount","endDate","diff","Date","parse","timeLeft","years","Math","floor","clearInterval","addLeadingZeros","value","String","length","render","countDown","className","Component","defaultProps","landingPageStyle","container","zIndex","color","title","display","position","marginTop","minHeight","fontSize","textDecoration","discription","background","paddingLeft","paddingRight","paddingTop","paddingBottom","margin","subtitle","maxWidth","main","mainRaised","borderRadius","boxShadow","useStyles","makeStyles","styles","Teaser","classes","show","React","useState","data","setData","useEffect","a","API","graphql","graphqlOperation","listTeasers","filter","showID","eq","res","items","f","Parallax","image","backgroundImage","url","GridContainer","GridItem","xs","sm","md","renderHTML","startDateTime","classNames","section","createHTML","ProductSection","justify","description","parallaxStyle","parallax","height","maxHeight","overflow","backgroundPosition","backgroundSize","padding","border","alignItems","width","left","top","content","small","_createForOfIteratorHelper","o","allowArrayLike","it","Symbol","iterator","Array","isArray","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","from","test","_unsupportedIterableToArray","i","F","s","done","e","_e","TypeError","err","normalCompletion","didErr","step","next","_e2","arr","len","arr2","_resizeObserver","getResizeObserver","callbacks","Set","observer","entries","_step","_iterator","callback","subscribe","add","unsubscribe","target","resizeObserver","storedCallback","didUnsubscribe","targetEl","current","entry","observe","unobserve","options","_React$useState","_options$initialWidth","_options$initialHeigh","offsetWidth","offsetHeight","initialWidth","initialHeight","_React$useState2","size","setSize","windowScrollTop","useRef","useSize","window","pageYOffset","transform","setTransform","addEventListener","resetTransform","removeEventListener","children","style","parallaxClasses","undefined","ref","App","pageContext","openGraph","slug","site_name","images","ogpImage","alt","storedValue","usePassiveLayoutEffect","document","createElement"],"mappings":"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","file":"component---src-templates-teaser-tsx-65277f7cd0f31e63f439.js","sourcesContent":["import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport \"./index.css\";\n\n/**\n * Note :\n * If you're using react v 15.4 or less\n * You can directly import PropTypes from react instead.\n * Refer to this : https://reactjs.org/warnings/dont-call-proptypes.html\n */\n\nclass Countdown extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      days: 0,\n      hours: 0,\n      min: 0,\n      sec: 0,\n    };\n  }\n\n  componentDidMount() {\n    // update every second\n    this.interval = setInterval(() => {\n      const date = this.calculateCountdown(this.props.date);\n      date ? this.setState(date) : this.stop();\n    }, 1000);\n  }\n\n  componentWillUnmount() {\n    this.stop();\n  }\n\n  calculateCountdown(endDate) {\n    let diff = (Date.parse(new Date(endDate)) - Date.parse(new Date())) / 1000;\n\n    // clear countdown when date is reached\n    if (diff <= 0) return false;\n\n    const timeLeft = {\n      years: 0,\n      days: 0,\n      hours: 0,\n      min: 0,\n      sec: 0,\n    };\n\n    // calculate time difference between now and expected date\n    if (diff >= 365.25 * 86400) {\n      // 365.25 * 24 * 60 * 60\n      timeLeft.years = Math.floor(diff / (365.25 * 86400));\n      diff -= timeLeft.years * 365.25 * 86400;\n    }\n    if (diff >= 86400) {\n      // 24 * 60 * 60\n      timeLeft.days = Math.floor(diff / 86400);\n      diff -= timeLeft.days * 86400;\n    }\n    if (diff >= 3600) {\n      // 60 * 60\n      timeLeft.hours = Math.floor(diff / 3600);\n      diff -= timeLeft.hours * 3600;\n    }\n    if (diff >= 60) {\n      timeLeft.min = Math.floor(diff / 60);\n      diff -= timeLeft.min * 60;\n    }\n    timeLeft.sec = diff;\n\n    return timeLeft;\n  }\n\n  stop() {\n    clearInterval(this.interval);\n  }\n\n  addLeadingZeros(value) {\n    value = String(value);\n    while (value.length < 2) {\n      value = \"0\" + value;\n    }\n    return value;\n  }\n\n  render() {\n    const countDown = this.state;\n\n    return (\n      <div className=\"Countdown\">\n        <span className=\"Countdown-col\">\n          <span className=\"Countdown-col-element\">\n            <strong>{this.addLeadingZeros(countDown.days)}</strong>\n            <span>{countDown.days === 1 ? \"日\" : \"日\"}</span>\n          </span>\n        </span>\n\n        <span className=\"Countdown-col\">\n          <span className=\"Countdown-col-element\">\n            <strong>{this.addLeadingZeros(countDown.hours)}</strong>\n            <span>時間</span>\n          </span>\n        </span>\n\n        <span className=\"Countdown-col\">\n          <span className=\"Countdown-col-element\">\n            <strong>{this.addLeadingZeros(countDown.min)}</strong>\n            <span>分</span>\n          </span>\n        </span>\n\n        <span className=\"Countdown-col\">\n          <span className=\"Countdown-col-element\">\n            <strong>{this.addLeadingZeros(countDown.sec)}</strong>\n            <span>秒</span>\n          </span>\n        </span>\n      </div>\n    );\n  }\n}\n\nCountdown.propTypes = {\n  date: PropTypes.string.isRequired,\n};\n\nCountdown.defaultProps = {\n  date: new Date(),\n};\n\nexport default Countdown;\n","import { container, title } from \"assets/jss/material-kit-react.js\";\n\nconst landingPageStyle = {\n  container: {\n    zIndex: \"12\",\n    color: \"#FFFFFF\",\n    ...container,\n  },\n  title: {\n    ...title,\n    display: \"inline-block\",\n    position: \"relative\",\n    marginTop: \"72px\",\n    minHeight: \"40px\",\n    color: \"#FFFFFF\",\n    fontSize: \"32px\",\n    textDecoration: \"none\",\n  },\n  discription: {\n    fontSize: \"1.2rem\",\n    background: \"rgba(0,0,0,0.4)\",\n    paddingLeft: 10,\n    paddingRight: 10,\n    paddingTop: 5,\n    paddingBottom: 5,\n    margin: \"10px auto 0\",\n  },\n  subtitle: {\n    fontSize: \"1.313rem\",\n    maxWidth: \"500px\",\n    margin: \"10px auto 0\",\n  },\n  main: {\n    background: \"#FFFFFF\",\n    position: \"relative\",\n    zIndex: \"3\",\n  },\n  mainRaised: {\n    margin: \"0px 30px 0px\",\n    borderRadius: \"6px\",\n    boxShadow:\n      \"0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)\",\n  },\n};\n\nexport default landingPageStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport renderHTML from \"react-render-html\";\n// @material-ui/icons\nimport { NoSsr } from \"@material-ui/core\";\n\n// core components\nimport GridContainer from \"components/uikit/Grid/GridContainer.js\";\nimport GridItem from \"components/uikit/Grid/GridItem.js\";\n// import Button from \"components/uikit/CustomButtons/Button.js\";\nimport Parallax from \"components/uikit/Parallax/Parallax.js\";\nimport CountDown from \"components/atoms/CountDown\";\nimport styles from \"assets/jss/material-kit-react/views/landingPage.js\";\n// Sections for this page\nimport ProductSection from \"./Sections/HtmlSection.js\";\nimport { API, graphqlOperation } from \"aws-amplify\";\nimport { listTeasers } from \"graphql/queries\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function Teaser(props) {\n  const classes = useStyles();\n  const { show } = props;\n  const [data, setData] = React.useState();\n\n  React.useEffect(() => {\n    async function f() {\n      const res = await API.graphql(\n        // @ts-ignore\n        graphqlOperation(listTeasers, {\n          filter: {\n            showID: { eq: show.showID },\n          },\n        })\n      );\n      // @ts-ignore\n      setData(res.data.listTeasers.items[0]);\n    }\n    f();\n  }, [show.showID]);\n\n  return (\n    <div>\n      {show && data && (\n        <>\n          <Parallax\n            filter\n            image={data.backgroundImage ? data.backgroundImage.url : null}\n          >\n            <div className={classes.container}>\n              <GridContainer>\n                <GridItem xs={12} sm={12} md={8}>\n                  <h1 className={classes.title}>{renderHTML(data.title)}</h1>\n\n                  {data.countDown && (\n                    <>\n                      <h2>オンライン版ボートショー開催まで</h2>\n\n                      <CountDown date={new Date(show.startDateTime)} />\n                    </>\n                  )}\n\n                  {data.discription && (\n                    <div className={classes.discription}>\n                      {renderHTML(data.discription)}\n                    </div>\n                  )}\n                </GridItem>\n              </GridContainer>\n            </div>\n          </Parallax>\n          <div className={classNames(classes.main, classes.mainRaised)}>\n            <div className={classes.container}>\n              <ProductSection data={data.section} />\n              {/* <TeamSection />\n          <WorkSection /> */}\n            </div>\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n","'use strict';\n// B.2.3.11 String.prototype.small()\nrequire('./_string-html')('small', function (createHTML) {\n  return function small() {\n    return createHTML(this, 'small', '', '');\n  };\n});\n","import React from \"react\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n\n// @material-ui/icons\n// import Chat from \"@material-ui/icons/Chat\";\n// import VerifiedUser from \"@material-ui/icons/VerifiedUser\";\n// import Fingerprint from \"@material-ui/icons/Fingerprint\";\n// core components\nimport GridContainer from \"components/uikit/Grid/GridContainer.js\";\nimport GridItem from \"components/uikit/Grid/GridItem.js\";\n// import InfoArea from \"components/uikit/InfoArea/InfoArea.js\";\nimport renderHTML from \"react-render-html\";\n\nimport styles from \"assets/jss/material-kit-react/views/landingPageSections/productStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function ProductSection(props) {\n  const { data } = props;\n  const classes = useStyles();\n  return (\n    <div className={classes.section}>\n      <GridContainer justify=\"center\">\n        <GridItem xs={12} sm={12} md={8}>\n          <div className={classes.description}>{renderHTML(data)}</div>\n        </GridItem>\n      </GridContainer>\n    </div>\n  );\n}\n","const parallaxStyle = {\n  parallax: {\n    height: \"95vh\",\n    maxHeight: \"1000px\",\n    overflow: \"hidden\",\n    position: \"relative\",\n    backgroundPosition: \"center center\",\n    backgroundSize: \"cover\",\n    margin: \"0\",\n    padding: \"0\",\n    border: \"0\",\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  filter: {\n    \"&:before\": {\n      background: \"rgba(0, 0, 0, 0.4)\",\n    },\n    \"&:after,&:before\": {\n      position: \"absolute\",\n      zIndex: \"1\",\n      width: \"100%\",\n      height: \"100%\",\n      display: \"block\",\n      left: \"0\",\n      top: \"0\",\n      content: \"''\",\n    },\n  },\n  small: {\n    height: \"380px\",\n  },\n};\n\nexport default parallaxStyle;\n","import \"core-js/modules/es6.array.is-array\";\nimport \"core-js/modules/es7.symbol.async-iterator\";\nimport \"core-js/modules/es6.symbol\";\nimport \"core-js/modules/es6.array.from\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.date.to-string\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.array.iterator\";\nimport \"core-js/modules/es6.object.to-string\";\nimport \"core-js/modules/es6.string.iterator\";\nimport \"core-js/modules/es6.set\";\n\nfunction _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === \"undefined\" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it[\"return\"] != null) it[\"return\"](); } finally { if (didErr) throw err; } } }; }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nimport ResizeObserver from 'resize-observer-polyfill';\nimport useLayoutEffect from '@react-hook/passive-layout-effect';\nimport useLatest from '@react-hook/latest';\n/**\n * A React hook that fires a callback whenever ResizeObserver detects a change to its size\n *\n * @param target A React ref created by `useRef()` or an HTML element\n * @param callback Invoked with a single `ResizeObserverEntry` any time\n *   the `target` resizes\n */\n\nvar useResizeObserver = function useResizeObserver(target, callback) {\n  var resizeObserver = getResizeObserver();\n  var storedCallback = useLatest(callback);\n  useLayoutEffect(function () {\n    var didUnsubscribe = false;\n\n    var callback = function callback(entries, observer) {\n      if (didUnsubscribe) return;\n      var targetEl = target && 'current' in target ? target.current : target;\n\n      for (var i = 0; i < entries.length; i++) {\n        var entry = entries[i];\n\n        if (entry.target === targetEl) {\n          storedCallback.current(entry, observer);\n        }\n      }\n    };\n\n    resizeObserver.subscribe(callback);\n    return function () {\n      didUnsubscribe = true;\n      resizeObserver.unsubscribe(callback);\n    };\n  }, [target, resizeObserver, storedCallback]);\n  useLayoutEffect(function () {\n    var targetEl = target && 'current' in target ? target.current : target;\n    if (!targetEl) return;\n    resizeObserver.observer.observe(targetEl);\n    return function () {\n      return resizeObserver.observer.unobserve(targetEl);\n    };\n  }, [target, resizeObserver.observer]);\n  return resizeObserver.observer;\n};\n\nvar createResizeObserver = function createResizeObserver() {\n  var callbacks = new Set();\n  return {\n    observer: new ResizeObserver(function (entries, observer) {\n      var _iterator = _createForOfIteratorHelper(callbacks),\n          _step;\n\n      try {\n        for (_iterator.s(); !(_step = _iterator.n()).done;) {\n          var callback = _step.value;\n          callback(entries, observer);\n        }\n      } catch (err) {\n        _iterator.e(err);\n      } finally {\n        _iterator.f();\n      }\n    }),\n    subscribe: function subscribe(callback) {\n      return callbacks.add(callback);\n    },\n    unsubscribe: function unsubscribe(callback) {\n      return callbacks[\"delete\"](callback);\n    }\n  };\n};\n\nvar _resizeObserver;\n\nvar getResizeObserver = function getResizeObserver() {\n  return !_resizeObserver ? _resizeObserver = createResizeObserver() : _resizeObserver;\n};\n\nexport default useResizeObserver;","import _slicedToArray from \"/codebuild/output/src4115624350/src/onlineboatshow/node_modules/@babel/runtime/helpers/esm/slicedToArray\";\nimport * as React from 'react';\nimport useResizeObserver from '@react-hook/resize-observer';\nimport useLayoutEffect from '@react-hook/passive-layout-effect';\n/**\n * A React hook for measuring the size of HTML elements including when they change\n *\n * @param target A React ref created by `useRef()` or an HTML element\n * @param options Configures the initial width and initial height of the hook's state\n */\n\nvar useSize = function useSize(target, options) {\n  var _React$useState = React.useState(function () {\n    var _options$initialWidth, _options$initialHeigh;\n\n    var targetEl = target && 'current' in target ? target.current : target;\n    return targetEl ? [targetEl.offsetWidth, targetEl.offsetHeight] : [(_options$initialWidth = options === null || options === void 0 ? void 0 : options.initialWidth) !== null && _options$initialWidth !== void 0 ? _options$initialWidth : 0, (_options$initialHeigh = options === null || options === void 0 ? void 0 : options.initialHeight) !== null && _options$initialHeigh !== void 0 ? _options$initialHeigh : 0];\n  }),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      size = _React$useState2[0],\n      setSize = _React$useState2[1];\n\n  useLayoutEffect(function () {\n    var targetEl = target && 'current' in target ? target.current : target;\n    if (!targetEl) return;\n    setSize([targetEl.offsetWidth, targetEl.offsetHeight]);\n  }, [target]); // Where the magic happens\n\n  useResizeObserver(target, function (entry) {\n    var target = entry.target;\n    setSize([target.offsetWidth, target.offsetHeight]);\n  });\n  return size;\n};\n\nexport default useSize;","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { window } from \"ssr-window\";\n// core components\nimport styles from \"assets/jss/material-kit-react/components/parallaxStyle.js\";\nimport useSize from '@react-hook/size';\n\nconst useStyles = makeStyles(styles);\n\nexport default function Parallax(props) {\n  const target = React.useRef(null);\n  const [width, height] = useSize(target);\n  let windowScrollTop;\n  if (width >= 768) {\n    windowScrollTop = window.pageYOffset / 3;\n  } else {\n    windowScrollTop = 0;\n  }\n  const [transform, setTransform] = React.useState(\n    \"translate3d(0,\" + windowScrollTop + \"px,0)\"\n  );\n  React.useEffect(() => {\n    if (width >= 768) {\n      window.addEventListener(\"scroll\", resetTransform);\n    }\n    return function cleanup() {\n      if (width >= 768) {\n        window.removeEventListener(\"scroll\", resetTransform);\n      }\n    };\n  });\n  const resetTransform = () => {\n    var windowScrollTop = window.pageYOffset / 3;\n    setTransform(\"translate3d(0,\" + windowScrollTop + \"px,0)\");\n  };\n  const { filter, className, children, style, image, small } = props;\n  const classes = useStyles();\n  const parallaxClasses = classNames({\n    [classes.parallax]: true,\n    [classes.filter]: filter,\n    [classes.small]: small,\n    [className]: className !== undefined,\n  });\n  return (\n    <div\n      className={parallaxClasses}\n      ref={target}\n      style={{\n        ...style,\n        backgroundImage: \"url(\" + image + \")\",\n        transform: transform,\n      }}\n    >\n      {children}\n    </div>\n  );\n}\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};\n","import * as React from \"react\";\nimport \"@aws-amplify/ui/dist/style.css\";\nimport Teaser from \"components/pages/front/Teaser\";\nimport Layout from \"components/layouts/Common\";\nimport { GatsbySeo } from \"gatsby-plugin-next-seo\";\nimport { Helmet } from \"react-helmet\";\ntype Props = {\n  pageContext: any;\n};\n\nexport default function App(props: Props) {\n  const { pageContext } = props;\n  const { show } = pageContext;\n  return (\n    <div className=\"App\">\n      {show && (\n        <GatsbySeo\n          title={show.title}\n          description={show.description}\n          openGraph={{\n            url: `https://www.onlineboatshow.jp/${show.slug}`,\n            title: show.title,\n            description: show.description,\n            site_name: \"ONLINE BOATSHOW オンラインボートショー\",\n            images: [\n              {\n                url: show.ogpImage ? show.ogpImage.url : \"\",\n                alt: show.title,\n              },\n            ],\n          }}\n        />\n      )}\n      <Helmet>\n        <title>{show && show.title ? show.title : \"ONLINE BOATSHOW\"}</title>\n      </Helmet>\n      <Layout show={show}>\n        <Teaser show={pageContext.show} />\n      </Layout>\n    </div>\n  );\n}\n","import * as React from 'react';\n\nvar useLatest = function useLatest(current) {\n  var storedValue = React.useRef(current);\n  storedValue.current = current;\n  return storedValue;\n};\n\nexport default useLatest;","import * as React from 'react';\nvar usePassiveLayoutEffect = React[typeof document !== 'undefined' && document.createElement !== void 0 ? 'useLayoutEffect' : 'useEffect'];\nexport default usePassiveLayoutEffect;"],"sourceRoot":""}