{"version":3,"file":"js/resources_src_js_share_components__header_js-_1db91.min.js","mappings":";;;;;;;;;;;;;AAAuB;AACK;AAC5B;AACA,6CAAC;AACD;AACA;AACA,iBAAiB,6CAAC;AAClB,mBAAmB,6CAAC;AACpB,qBAAqB,6CAAC;AACtB,sBAAsB,6CAAC;AACvB;AACA;AACA;AACA;AACA,IAAI,sCAAI,iBAAiB,6BAA6B;AACtD;AACA;AACA,gBAAgB,6CAAC;AACjB;AACA;AACA;AACA,YAAY,sCAAI,gBAAgB,2CAA2C;AAC3E;AACA,UAAU;AACV;AACA;AACA,YAAY,sCAAI,gBAAgB,wDAAwD;AACxF;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB,sCAAI,gBAAgB,2CAA2C;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,6CAAC;AACtB,uBAAuB,6CAAC;AACxB;AACA;AACA;AACA;AACA;AACA,iBAAiB,6CAAC;AAClB;AACA,YAAY,6CAAC;AACb,YAAY,6CAAC;AACb,UAAU;AACV,YAAY,6CAAC;AACb,YAAY,6CAAC;AACb;AACA,KAAK;AACL,CAAC","sources":["webpack://laravel/./resources/src/js/share/components/_header.js"],"sourcesContent":["import $ from \"jquery\";\r\nimport { gsap } from \"gsap\";\r\n\r\n$(function() {\r\n\r\n    //hamburger-------------------------------\r\n    const winW = $(window).width();\r\n    const header = $('.header');\r\n    const nav_main = $('.nav_main');\r\n    const hamburger = $('.hamburger');\r\n    let _this;\r\n    let _active = false;\r\n    let _display = winW > 768 ? 'flex' : 'block';\r\n\r\n    gsap.set(nav_main, { opacity: 0, display: 'none' });\r\n\r\n    hamburger.click(function() {\r\n        _this = $(this);\r\n        if (_active) {\r\n            _this.removeClass('active');\r\n            header.removeClass('active');\r\n            gsap.to(nav_main, { duration: .3, opacity: 0, display: 'none' });\r\n            _active = false;\r\n        } else {\r\n            _this.addClass('active');\r\n            header.addClass('active');\r\n            gsap.to(nav_main, { duration: .4, delay: .2, opacity: 1, display: _display });\r\n            _active = true;\r\n            nav_acc();\r\n        }\r\n    });\r\n\r\n    function nav_acc() {\r\n\r\n        var ori_el = document.activeElement;\r\n\r\n        var modal = document.querySelector('.nav');\r\n        modal.addEventListener('keydown', trapTabKey);\r\n\r\n        var str = 'a[href],input:not([disabled], [type=hidden]),button:not([disabled])';\r\n        var focusable_el = modal.querySelectorAll(str);\r\n\r\n        focusable_el = Array.prototype.slice.call(focusable_el);\r\n\r\n        var first_el = focusable_el[0];\r\n        var last_el = focusable_el[focusable_el.length - 1];\r\n        first_el.focus();\r\n\r\n        function trapTabKey(e) {\r\n\r\n            if (e.keyCode === 9) {\r\n\r\n                // SHIFT + TAB\r\n                if (e.shiftKey) {\r\n                    if (document.activeElement === first_el) {\r\n                        e.preventDefault();\r\n                        last_el.focus();\r\n                    }\r\n\r\n                    // TAB\r\n                } else {\r\n                    if (document.activeElement === last_el) {\r\n                        e.preventDefault();\r\n                        first_el.focus();\r\n                    }\r\n                }\r\n            }\r\n\r\n            // ESCAPE\r\n            if (e.keyCode === 27) {\r\n                hamburger.removeClass('active');\r\n                header.removeClass('active');\r\n                gsap.to(nav_main, { duration: .3, opacity: 0, display: 'none' });\r\n                _active = false;\r\n                ori_el.focus();\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    //monu 開闔-------------------------------\r\n    if (winW > 768) return;\r\n\r\n    const nav_link = $('.nav_link');\r\n    const subnav_box = $('.subnav_box');\r\n\r\n    nav_link.attr('o', 1);\r\n    subnav_box.slideUp(0);\r\n\r\n    nav_link.click(function() {\r\n        var _o = $(this).attr('o');\r\n        if (_o == 1) {\r\n            $(this).siblings(subnav_box).slideDown();\r\n            $(this).attr('o', 0);\r\n        } else {\r\n            $(this).siblings(subnav_box).slideUp();\r\n            $(this).attr('o', 1);\r\n        }\r\n    });\r\n});"],"names":[],"sourceRoot":""}