{"version":3,"sources":["webpack://gatsby-starter-hello-world/./src/newcar/ui/common/img/logo/logo_newcar.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/common/molecule/HeaderMegaMenu.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/common/molecule/HeaderMegaMenu.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/common/organism/Header.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/common/organism/Header.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/top/img/topbanner/lp-bnr.avif"],"names":["menu_item_link","navbar_icon","isOpen","menu_mega_content_items_child","menu_mega_content_link","menu_item_link_hovered","isVisible","navbar_simu_button_pc","megaMenuArray","serviceContent","href","NEWCAR_DEFINE","className","styles","data-gtm","companyContent","target","rel","useState","isActive","stateMegaMenu","setStateMegaMenuOpen","isGroup","stateMegaMenuGroup","setStateMegaMenuGroup","addClassMegaMenu","openState","groupName","removeClassMegaMenu","useEffect","menuItemLink","Array","from","document","querySelectorAll","menuItemLinkNormal","targetMegaMenu","querySelector","targetMegaMenuBackground","forEach","e","addEventListener","clicked","preventDefault","nowHoverGroupName","dataset","group","targetMegaMenuHidden","keyDownArrow","code","touchMegaMenuHidden","window","matchMedia","matches","removeEventListener","id","to","data-group","onClick","role","tabIndex","map","content","index","key","navbar_simu_button_sp","iconText","children","h1Text","isMenuActive","state","setState","isHomePage","useLocation","pathname","aria-label","src","newcarLogo","alt","aria-expanded","data-target","aria-hidden","open","srcSet","bnrLpAvif","type","bnrLp","width","height"],"mappings":"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","file":"dc0f2e33b7d57c9df57e68324c8f8a0a078b82ca-b700ae0f5f48035b6876.js","sourcesContent":["export default __webpack_public_path__ + \"static/logo_newcar-277f1048bf3ebfad0ee31d3aa55899c1.svg\";","// extracted by mini-css-extract-plugin\nexport const navbarLink = \"HeaderMegaMenu-module--navbar-link--2zKNW\";\nexport const container = \"HeaderMegaMenu-module--container--2aSKv\";\nexport const menu_desktop = \"HeaderMegaMenu-module--menu_desktop--3moMn\";\nexport const menu_item_link = \"HeaderMegaMenu-module--menu_item_link--2yR-p\";\nexport const beginnerIcon = \"HeaderMegaMenu-module--beginner-icon--f-k8u\";\nexport const arrow_icon = \"HeaderMegaMenu-module--arrow_icon--3rtDk\";\nexport const nav_border = \"HeaderMegaMenu-module--nav_border--1AS78\";\nexport const navbar_dropdown = \"HeaderMegaMenu-module--navbar_dropdown--3KUjS\";\nexport const navbar_item = \"HeaderMegaMenu-module--navbar_item--2inNX\";\nexport const navbar_icon = \"HeaderMegaMenu-module--navbar_icon--1t5NJ\";\nexport const navbar_item_container = \"HeaderMegaMenu-module--navbar_item_container--3SRIH\";\nexport const navbar_item_inner = \"HeaderMegaMenu-module--navbar_item_inner--gVry8\";\nexport const navbar_item_container_qa = \"HeaderMegaMenu-module--navbar_item_container_qa--1nDeM\";\nexport const accordion_nav = \"HeaderMegaMenu-module--accordion_nav--3kLp7\";\nexport const navbar_button = \"HeaderMegaMenu-module--navbar_button--2wG8X\";\nexport const fadeIn = \"HeaderMegaMenu-module--fadeIn--SCMpQ\";\nexport const campaigns_pr = \"HeaderMegaMenu-module--campaigns_pr--3mgqD\";\nexport const menu_mega_background = \"HeaderMegaMenu-module--menu_mega_background--1u-ik\";\nexport const isOpen = \"HeaderMegaMenu-module--is-open--1rQHD\";\nexport const menu_mega_container = \"HeaderMegaMenu-module--menu_mega_container--3F1UI\";\nexport const menu_mega_content_container = \"HeaderMegaMenu-module--menu_mega_content_container--3v-PD\";\nexport const menu_mega_content_inner = \"HeaderMegaMenu-module--menu_mega_content_inner--1gh4r\";\nexport const menu_mega_content_items = \"HeaderMegaMenu-module--menu_mega_content_items--3Uy6s\";\nexport const menu_mega_content_items_child = \"HeaderMegaMenu-module--menu_mega_content_items_child--218eK\";\nexport const menu_mega_content_link = \"HeaderMegaMenu-module--menu_mega_content_link--2ox_V\";\nexport const menu_mega_content_close = \"HeaderMegaMenu-module--menu_mega_content_close--3rUN9\";\nexport const menu_mega_hover_space = \"HeaderMegaMenu-module--menu_mega_hover_space--3u8ty\";\nexport const menu_item_link_hovered = \"HeaderMegaMenu-module--menu_item_link_hovered--3SdRB\";\nexport const isVisible = \"HeaderMegaMenu-module--is-visible--3NVkN\";\nexport const navbar_simu_button_pc = \"HeaderMegaMenu-module--navbar_simu_button_pc--23fGO\";\nexport const navbar_simu_button_pc_wrapper = \"HeaderMegaMenu-module--navbar_simu_button_pc_wrapper--1mHS7\";\nexport const navbar_icon_outer = \"HeaderMegaMenu-module--navbar_icon_outer--3XdzX\";","import React, {\n FC, useState, useEffect,\n} from 'react';\nimport { Link } from 'gatsby';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\nimport * as styles from '@/newcar/ui/common/molecule/HeaderMegaMenu.module.styl';\n\ninterface MegaMenuContents {\n serviceContent?: JSX.Element;\n companyContent?: JSX.Element;\n}\n\ninterface MegaMenuStateOpen {\n isActive: boolean,\n}\ninterface MegaMenuStateGroup {\n isGroup: '' | 'service' | 'company',\n}\n\n// HeaderMegaMenu_PC版で表示されるヘッダーメガメニュー\nconst HeaderMegaMenu: FC = () => {\n // コンテンツ: ヘッダメニューhover時に対応するグループの要素をメガメニューに入れる\n const megaMenuArray: ReadonlyArray> = [\n {\n serviceContent: (\n <>\n \n もらえるオプション\n \n \n メンテナンスプラン\n \n \n 自動車保険\n \n \n ),\n },\n {\n companyContent: (\n <>\n \n 会社概要\n \n \n スタッフ紹介\n \n \n 社会貢献活動\n \n \n メディア掲載情報\n \n \n ),\n },\n ];\n\n // メガメニューの開閉用\n const [stateMegaMenu, setStateMegaMenuOpen] = useState({\n isActive: false,\n });\n\n // どのメニューがホバーされたか分岐\n const [stateMegaMenuGroup, setStateMegaMenuGroup] = useState({\n isGroup: '',\n });\n\n // メガメニューを開いてグループごとに値を入れる用\n const addClassMegaMenu = (openState:boolean, groupName:MegaMenuStateGroup['isGroup']): void => {\n setStateMegaMenuOpen({\n isActive: openState,\n });\n setStateMegaMenuGroup({\n isGroup: groupName,\n });\n };\n\n // メガメニューを閉じる用\n const removeClassMegaMenu = (): void => {\n setStateMegaMenuOpen({\n isActive: false,\n });\n };\n\n useEffect(() => {\n const menuItemLink = Array.from(document.querySelectorAll('a[data-group]'));\n const menuItemLinkNormal = Array.from(document.querySelectorAll('#navbarItemContainer a:not([data-group])'));\n const targetMegaMenu = document.querySelector('#megaMenuContainer');\n const targetMegaMenuBackground = document.querySelector('#megaMenuBackground');\n\n menuItemLink.forEach((e) => {\n // メガメニューを開く箇所はaタグのリンクをpreventDefaultする\n e.addEventListener('click', (clicked:MouseEvent) => {\n clicked.preventDefault();\n\n // data属性を取得して格納\n const nowHoverGroupName = (e.dataset.group as string);\n\n if (nowHoverGroupName === 'service') {\n // 第一引数:メガメニュー開閉, 第二引数:クリックされたメニュー\n addClassMegaMenu(true, 'service');\n } else if (nowHoverGroupName === 'company') {\n addClassMegaMenu(true, 'company');\n }\n });\n\n e.addEventListener('mouseover', () => {\n // data属性を取得して格納\n const nowHoverGroupName = (e.dataset.group as string);\n\n if (nowHoverGroupName === 'service') {\n // 第一引数:メガメニュー開閉, 第二引数:ホバーされたメニュー\n addClassMegaMenu(true, 'service');\n } else if (nowHoverGroupName === 'company') {\n addClassMegaMenu(true, 'company');\n }\n });\n });\n\n // クリーンアップするためアローではなく命名しておく\n const targetMegaMenuHidden = () => {\n removeClassMegaMenu();\n };\n const keyDownArrow = (e:KeyboardEvent) => {\n if (e.code === 'ArrowDown') {\n removeClassMegaMenu();\n }\n };\n const touchMegaMenuHidden = () => {\n removeClassMegaMenu();\n };\n\n if (stateMegaMenu.isActive === false) {\n // マウスホイールや下矢印キーが押された時にはメガメニューを閉じる\n document.addEventListener('wheel', targetMegaMenuHidden);\n document.addEventListener('keydown', keyDownArrow);\n if (window.matchMedia('(min-width: 1024px)').matches) {\n // iPadでは上記イベントが起きないのでtouchmoveで判定\n if (targetMegaMenuBackground) {\n targetMegaMenuBackground.addEventListener('touchmove', touchMegaMenuHidden);\n }\n // メガメニュー上でもスワイプできるためそれ自体にも設定\n if (targetMegaMenu) {\n targetMegaMenu.addEventListener('touchmove', touchMegaMenuHidden);\n }\n }\n }\n\n // メガメニューを持たないメニュー項目はisActiveステートをfalseにする\n if (menuItemLinkNormal) {\n menuItemLinkNormal.forEach((e) => {\n e.addEventListener('mouseover', targetMegaMenuHidden);\n });\n }\n\n // メガメニュー自体からマウスが離れた際もisActiveステートをfalseにする\n if (targetMegaMenu) {\n targetMegaMenu.addEventListener('mouseleave', targetMegaMenuHidden);\n }\n\n // メガメニュー背景クリックで非表示\n if (targetMegaMenuBackground) {\n targetMegaMenuBackground.addEventListener('click', targetMegaMenuHidden);\n }\n\n return () => {\n // クリーンアップできるイベントはクリーンアップする\n document.removeEventListener('wheel', targetMegaMenuHidden);\n document.removeEventListener('keydown', keyDownArrow);\n document.removeEventListener('touchmove', touchMegaMenuHidden);\n\n if (menuItemLinkNormal) {\n menuItemLinkNormal.forEach((e) => {\n e.removeEventListener('mouseover', targetMegaMenuHidden);\n });\n }\n if (targetMegaMenu) {\n targetMegaMenu.removeEventListener('mouseleave', targetMegaMenuHidden);\n }\n if (targetMegaMenuBackground) {\n targetMegaMenuBackground.removeEventListener('click', targetMegaMenuHidden);\n }\n if (targetMegaMenu) {\n targetMegaMenu.removeEventListener('touchmove', touchMegaMenuHidden);\n }\n };\n }, []);\n\n return (\n
\n \n はじめての方へ\n \n \n 定額カルモくんの特徴\n \n \n 料金について\n \n \n 新車を探す\n \n \n 中古車を探す\n \n \n オプション・保険\n \n \n \n 運営会社\n \n \n \n よくある質問\n \n \n お問合せ\n \n \n 法人・個人事業主\n \n\n {/* メガメニュー本体 */}\n
\n
\n
\n
\n
\n \n 閉じる\n \n {\n // 取得したグループ名に基づくコンテンツが入る\n (() => {\n if (stateMegaMenuGroup.isGroup === 'service') {\n return (\n megaMenuArray.map((content, index) => (\n \n {content.serviceContent}\n
\n ))\n );\n }\n if (stateMegaMenuGroup.isGroup === 'company') {\n return (\n megaMenuArray.map((content, index) => (\n \n {content.companyContent}\n
\n ))\n );\n }\n return false;\n })()\n }\n
\n
\n
\n
\n {/* //_メガメニュー本体 */}\n\n {/* メガメニュー背景 */}\n
\n {/* //_メガメニュー背景 */}\n {/* シミュレーションボタン */}\n
\n
\n \n マイプラン（シミュレーション結果）\n \n
\n \n
\n
\n );\n};\n\nexport default HeaderMegaMenu;\n","// extracted by mini-css-extract-plugin\nexport const header_nav = \"Header-module--header_nav--_se_f\";\nexport const navbarLink = \"Header-module--navbar-link--2v10E\";\nexport const container = \"Header-module--container--3aKh0\";\nexport const menu_desktop = \"Header-module--menu_desktop--YFOFd\";\nexport const menu_item_link = \"Header-module--menu_item_link--2z3LF\";\nexport const beginnerIcon = \"Header-module--beginner-icon--1tpET\";\nexport const arrow_icon = \"Header-module--arrow_icon--KKLko\";\nexport const nav_border = \"Header-module--nav_border--2Mvjk\";\nexport const navbar_dropdown = \"Header-module--navbar_dropdown--1NjBY\";\nexport const navbar_item = \"Header-module--navbar_item--3cC1G\";\nexport const navbar_icon = \"Header-module--navbar_icon--3JzO-\";\nexport const accordion_nav = \"Header-module--accordion_nav--9r187\";\nexport const navbar_item_container = \"Header-module--navbar_item_container--3K-fI\";\nexport const navbar_item_inner = \"Header-module--navbar_item_inner--lbcw6\";\nexport const navbar_icon_outer = \"Header-module--navbar_icon_outer--mivA-\";\nexport const navbar_item_container_qa = \"Header-module--navbar_item_container_qa--2ht3B\";\nexport const navbar_simu_button_sp = \"Header-module--navbar_simu_button_sp--1G5Ol\";\nexport const navbar_simu_button_sp_wrapper = \"Header-module--navbar_simu_button_sp_wrapper--2QC2D\";\nexport const navbar_button = \"Header-module--navbar_button--1a6A_\";\nexport const fadeIn = \"Header-module--fadeIn--tOQvy\";\nexport const campaigns_pr = \"Header-module--campaigns_pr--El2a8\";\nexport const head_h1 = \"Header-module--head_h1--LgZPg\";\nexport const myPlan = \"Header-module--my-plan--3wZvb\";\nexport const myPlanIcon = \"Header-module--my-plan-icon--1Wck7\";\nexport const iconText = \"Header-module--icon-text--3-sEs\";","import newcarLogo from '@/newcar/ui/common/img/logo/logo_newcar.svg';\nimport bnrLp from '@/newcar/ui/top/img/topbanner/lp-bnr.png';\nimport bnrLpAvif from '@/newcar/ui/top/img/topbanner/lp-bnr.avif';\nimport React, { FC, useState } from 'react';\nimport { Link } from 'gatsby';\nimport { useLocation } from '@reach/router'; // useLocation フックをインポート\nimport NEWCAR_DEFINE from '@/newcar/util/define';\n\nimport HeaderMegaMenu from '@/newcar/ui/common/molecule/HeaderMegaMenu';\n\nimport * as styles from './Header.module.styl';\n\ninterface State {\n isMenuActive: boolean;\n}\n\ntype HeaderProps = {\n h1Text?: string;\n};\n\nconst Header: FC = ({ children, h1Text }) => {\n const [state, setState] = useState({\n isMenuActive: false,\n });\n\n const location = useLocation(); // 現在のページのパスを取得\n const isHomePage = location.pathname === '/'; // トップページかどうかを判定\n\n const toggleMenu = (): void => {\n const { isMenuActive } = state;\n setState({\n isMenuActive: !isMenuActive,\n });\n };\n\n return (\n
\n \n
\n
\n \n
\n \n
\n \n
\n \n \n マイプラン\n \n \n \n \n \n メニュー\n
\n \n \n
\n
\n {/* PCメニュー */}\n \n\n {/* SPメニュー */}\n
\n
\n \n はじめての方へ\n \n \n 定額カルモくんの特徴\n \n \n 料金について\n \n \n 新車を探す\n \n \n 中古車を探す\n \n\n {/* サービス内容 */}\n
\n オプション・保険\n
\n \n もらえるオプション\n \n \n メンテナンスプラン\n \n \n 自動車保険\n \n
\n
\n
\n 運営会社・スタッフ\n
\n \n 会社概要\n \n \n スタッフ紹介\n \n \n 社会貢献活動\n \n \n メディア掲載情報\n \n
\n
\n \n よくあるご質問\n \n \n お問合せ\n \n \n 法人・個人事業主のお客様\n \n \n
\n
\n \n シミュレーション結果\n \n
\n \n
\n \n
\n
\n
\n
\n \n {isHomePage &&

新車・中古車カーリース（車のサブスク）なら 定額カルモくん

}\n {children}\n
\n );\n};\n\nexport default Header;\n","export default __webpack_public_path__ + \"static/lp-bnr-75bc024a07b5d52f4bc46b34cf047748.avif\";"],"sourceRoot":""}