/*
 * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
 * This devtool is neither made for production nor for readable output files.
 * It uses "eval()" calls to create a separate source file in the browser devtools.
 * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
 * or disable the default devtool with "devtool: false".
 * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
 */
/******/ (() => { // webpackBootstrap
/******/ 	"use strict";
/******/ 	var __webpack_modules__ = ({

/***/ "./entry.js":
/*!******************!*\
  !*** ./entry.js ***!
  \******************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _src_js_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./src/js/index */ \"./src/js/index.js\");\n/* harmony import */ var _src_scss_index_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./src/scss/index.scss */ \"./src/scss/index.scss\");\n\n\n\n//# sourceURL=webpack://kanko-mie-tabikura/./entry.js?");

/***/ }),

/***/ "./src/js/GlobalFooter.js":
/*!********************************!*\
  !*** ./src/js/GlobalFooter.js ***!
  \********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ GlobalFooter)\n/* harmony export */ });\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar GlobalFooter = /*#__PURE__*/_createClass(function GlobalFooter() {\n  _classCallCheck(this, GlobalFooter);\n\n  // [hard cord]\n  // 状態をデータ管理しない。DOMの状態から適切な挙動を判別\n  this.elm = document.querySelector('[data-role=\"miepref-footer\"]');\n  this.menuOpeners = document.querySelectorAll('[data-role=\"miepref-footer-menu-opener\"]');\n  Array.from(this.menuOpeners).forEach(function (elm) {\n    elm.addEventListener('click', function () {\n      var opener = elm;\n      var content = opener.nextElementSibling;\n      var isSpDesign = getComputedStyle(elm.querySelector('img')).getPropertyValue('display') === 'block';\n\n      if (isSpDesign) {\n        opener.dataset.state === 'active' ? delete opener.dataset.state : opener.dataset.state = 'active';\n        content.dataset.state === 'active' ? delete content.dataset.state : content.dataset.state = 'active';\n      } else {\n        return false;\n      }\n    });\n  });\n});\n\n\n\n//# sourceURL=webpack://kanko-mie-tabikura/./src/js/GlobalFooter.js?");

/***/ }),

/***/ "./src/js/GlobalHeader.js":
/*!********************************!*\
  !*** ./src/js/GlobalHeader.js ***!
  \********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ GlobalHeader)\n/* harmony export */ });\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n\nvar GlobalHeader = /*#__PURE__*/function () {\n  function GlobalHeader() {\n    var _this = this;\n\n    _classCallCheck(this, GlobalHeader);\n\n    this.header = document.querySelector('[data-role=\"miepref-header\"]');\n    this.contents = document.querySelector('[data-role=\"miepref-header-contents\"]');\n    this.opener = document.querySelector('[data-role=\"miepref-header-opener\"]'); // this.langOpener = document.querySelector('[data-role=\"miepref-header-lang-opener\"]');\n    // this.langList = document.querySelector('[data-role=\"miepref-header-lang-list\"]');\n    // this.gSearch = document.querySelector('[data-role=\"miepref-header-g-search\"]');\n\n    this.state = {\n      isSpOpen: false,\n      isLangOpen: false,\n      pageYpos: 0\n    };\n    this.opener.addEventListener(\"click\", function () {\n      if (!_this.state.isSpOpen) _this.state.pageYpos = window.pageYOffset;\n      _this.state.isSpOpen = !_this.state.isSpOpen;\n\n      _this.renderAll();\n\n      return false;\n    }); // this.langOpener.addEventListener('click', () => {\n    //   this.state.isLangOpen = !this.state.isLangOpen;\n    //   this.renderLangOpener();\n    //   return false;\n    // });\n\n    window.addEventListener(this.getResponsiveEventName(), function () {\n      if (_this.state.isSpOpen) {\n        _this.state.isSpOpen = false;\n        _this.state.isLangOpen = false;\n\n        _this.renderAll();\n      }\n    }); // window.addEventListener('load', () => {\n    //   this.init();\n    // });\n  } // init() {\n  //   // Googleカスタム検索のプレースホルダーだけ処理。\n  //   // ただし本パーツはたびくらなどの場合存在しないため制御構文を用いておく\n  //   const inputElm = this.gSearch.querySelector('#gsc-i-id1');\n  //   if (inputElm) {\n  //     inputElm.placeholder = '検索キーワードを入力してください';\n  //   }\n  // }\n\n\n  _createClass(GlobalHeader, [{\n    key: \"getResponsiveEventName\",\n    value: function getResponsiveEventName() {\n      var ua = navigator.userAgent;\n\n      if (ua.indexOf(\"iPhone\") > 0 && ua.indexOf(\"iPad\") === -1 || ua.indexOf(\"iPod\") > 0 || ua.indexOf(\"Android\") > 0) {\n        return \"orientationchange\";\n      }\n\n      return \"resize\";\n    }\n  }, {\n    key: \"fixBody\",\n    value: function fixBody() {\n      var html = document.querySelector(\"html\");\n      var body = document.querySelector(\"body\");\n      html.style.overflow = \"hidden\";\n      body.style.overflow = \"hidden\";\n      html.style.height = \"100%\";\n      body.style.height = \"100%\";\n      html.style.scrollBehavior = \"auto\";\n      body.style.scrollBehavior = \"auto\";\n    }\n  }, {\n    key: \"initialBody\",\n    value: function initialBody() {\n      var html = document.querySelector(\"html\");\n      var body = document.querySelector(\"body\");\n      html.style.overflow = \"visible\";\n      body.style.overflow = \"visible\";\n      html.style.height = \"auto\";\n      body.style.height = \"auto\";\n      window.scrollTo(0, this.state.pageYpos);\n      html.style.scrollBehavior = \"smooth\";\n      body.style.scrollBehavior = \"smooth\";\n    }\n  }, {\n    key: \"renderAll\",\n    value: function renderAll() {\n      if (this.state.isSpOpen) {\n        this.header.dataset.state = \"sp-open\";\n        this.contents.dataset.state = \"active\";\n        this.opener.dataset.state = \"active\";\n        this.fixBody();\n      } else {\n        delete this.header.dataset.state;\n        delete this.contents.dataset.state;\n        delete this.opener.dataset.state;\n        this.initialBody();\n      } // this.renderLangOpener();\n\n    } // renderLangOpener() {\n    //   if (this.state.isLangOpen) {\n    //     this.langList.dataset.state = 'active';\n    //   } else {\n    //     delete this.langList.dataset.state;\n    //   }\n    // }\n\n  }]);\n\n  return GlobalHeader;\n}();\n\n\n\n//# sourceURL=webpack://kanko-mie-tabikura/./src/js/GlobalHeader.js?");

/***/ }),

/***/ "./src/js/base.js":
/*!************************!*\
  !*** ./src/js/base.js ***!
  \************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _GlobalHeader__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./GlobalHeader */ \"./src/js/GlobalHeader.js\");\n/* harmony import */ var _GlobalFooter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./GlobalFooter */ \"./src/js/GlobalFooter.js\");\n\n\nwindow.addEventListener(\"load\", function () {\n  if (document.querySelector('[data-role=\"miepref-header\"]')) {\n    new _GlobalHeader__WEBPACK_IMPORTED_MODULE_0__[\"default\"]();\n  }\n\n  if (document.querySelector('[data-role=\"miepref-footer\"]')) {\n    new _GlobalFooter__WEBPACK_IMPORTED_MODULE_1__[\"default\"]();\n  }\n});\n\n//# sourceURL=webpack://kanko-mie-tabikura/./src/js/base.js?");

/***/ }),

/***/ "./src/js/index.js":
/*!*************************!*\
  !*** ./src/js/index.js ***!
  \*************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base */ \"./src/js/base.js\");\n\n\n//# sourceURL=webpack://kanko-mie-tabikura/./src/js/index.js?");

/***/ }),

/***/ "./src/scss/index.scss":
/*!*****************************!*\
  !*** ./src/scss/index.scss ***!
  \*****************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://kanko-mie-tabikura/./src/scss/index.scss?");

/***/ })

/******/ 	});
/************************************************************************/
/******/ 	// The module cache
/******/ 	var __webpack_module_cache__ = {};
/******/ 	
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/ 		// Check if module is in cache
/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
/******/ 		if (cachedModule !== undefined) {
/******/ 			return cachedModule.exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = __webpack_module_cache__[moduleId] = {
/******/ 			// no module.id needed
/******/ 			// no module.loaded needed
/******/ 			exports: {}
/******/ 		};
/******/ 	
/******/ 		// Execute the module function
/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/ 	
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/ 	
/************************************************************************/
/******/ 	/* webpack/runtime/define property getters */
/******/ 	(() => {
/******/ 		// define getter functions for harmony exports
/******/ 		__webpack_require__.d = (exports, definition) => {
/******/ 			for(var key in definition) {
/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 				}
/******/ 			}
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
/******/ 	(() => {
/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/make namespace object */
/******/ 	(() => {
/******/ 		// define __esModule on exports
/******/ 		__webpack_require__.r = (exports) => {
/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ 			}
/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
/******/ 		};
/******/ 	})();
/******/ 	
/************************************************************************/
/******/ 	
/******/ 	// startup
/******/ 	// Load entry module and return exports
/******/ 	// This entry module can't be inlined because the eval devtool is used.
/******/ 	var __webpack_exports__ = __webpack_require__("./entry.js");
/******/ 	
/******/ })()
;