{"version":3,"sources":["webpack:///./src/js/util/supportsIntersectionObserver.js","webpack:///./src/components/exhibition-masthead/exhibition-masthead.vue","webpack:///src/components/exhibition-masthead/exhibition-masthead.vue","webpack:///./src/components/exhibition-masthead/exhibition-masthead.vue?eb06","webpack:///./src/components/exhibition-masthead/exhibition-masthead.vue?5697"],"names":["supportsIntersectionObserver","window","render","_vm","this","_c","_self","on","$event","type","indexOf","_k","keyCode","key","reset","apply","arguments","_t","drawerOpen","reduceMotion","afterDrawerOpen","beforeDrawerClose","attrs","directives","name","rawName","value","expression","staticClass","staticRenderFns","computed","_objectSpread","mapState","isAdmin","document","body","classList","contains","watch","topAlertActive","_this","$nextTick","adjustNavPosition","methods","$store","commit","alertHeight","querySelector","offsetHeight","adminBarHeight","$el","parentNode","style","top","concat","handleResize","_this2","drawerMenu","exitMenuObserver","IntersectionObserver","entries","observer","forEach","entry","intersectionRatio","unobserve","threshold","observe","mounted","addEventListener","beforeDestroy","removeEventListener","component"],"mappings":"4HAAA,IAAIA,GAA+B,EAE/B,yBAA0BC,SAC5BD,GAA+B,GAGlBA,U,2CCNf,IAAIE,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAIA,EAAOC,KAAKC,QAAQ,QAAQP,EAAIQ,GAAGH,EAAOI,QAAQ,MAAM,GAAGJ,EAAOK,IAAI,CAAC,MAAM,WAAkB,KAAYV,EAAIW,MAAMC,MAAM,KAAMC,cAAc,CAACb,EAAIc,GAAG,UAAU,KAAK,CAAC,WAAad,EAAIe,WAAW,aAAef,EAAIgB,aAAa,gBAAkBhB,EAAIiB,gBAAgB,kBAAoBjB,EAAIkB,oBAAoBhB,EAAG,aAAa,CAACiB,MAAM,CAAC,KAAO,kCAAkC,CAACjB,EAAG,MAAM,CAACkB,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOvB,EAAIe,WAAYS,WAAW,eAAeC,YAAY,+BAA+BrB,GAAG,CAAC,MAAQJ,EAAIW,YAAY,IAE7oBe,EAAkB,G,0DCqBP,GACfL,KAAA,0BACAM,SAAAC,8BAAA,GACAC,eAAA,qDACAC,QAAA,WACA,OAAAC,SAAAC,KAAAC,UAAAC,SAAA,gBAGAC,MAAA,CACAC,eAAA,eAAAC,EAAA,KACA,KAAAC,WAAA,WACAD,EAAAE,yBAIAC,QAAA,CACA7B,MAAA,WACA,KAAA8B,OAAAC,OAAA,qBAEAH,kBAAA,WACA,IAAAI,EAAA,KAAAP,eAAAL,SAAAa,cAAA,eAAAC,aAAA,EACAC,EAAA,KAAAhB,QAAAC,SAAAa,cAAA,eAAAC,aAAA,EAEA,KAAAT,eACA,KAAAW,IAAAC,WAAAC,MAAAC,IAAA,GAAAC,OAAAR,EAAAG,EAAA,MAEA,KAAAC,IAAAC,WAAAC,MAAAC,IAAA,IAGAE,aAAA,WACA,KAAAb,qBAEAtB,gBAAA,eAAAoC,EAAA,KACAC,EAAA,KAAAP,IAAAH,cAAA,gCAEA/C,SACA,KAAA0D,iBAAA,IAAAC,sBAAA,SAAAC,EAAAC,GACAD,EAAAE,SAAA,SAAAC,GACAA,EAAAC,mBAAA,KAAAR,EAAAtC,aACA2C,EAAAI,UAAAR,GACAD,EAAA1C,cAGA,CAAAoD,UAAA,MAEA,KAAAR,iBAAAS,QAAAV,KAGApC,kBAAA,WACA,IAAAoC,EAAA,KAAAP,IAAAH,cAAA,gCAEAU,GAAA,KAAAC,kBACA,KAAAA,iBAAAO,UAAAR,KAIAW,QAAA,WACAnE,OAAAoE,iBAAA,cAAAd,eAEAe,cAAA,WACA,KAAAjD,oBACApB,OAAAsE,oBAAA,cAAAhB,gBCpF2W,I,YCOvWiB,EAAY,eACd,EACAtE,EACA2B,GACA,EACA,KACA,KACA,MAIa,aAAA2C,E","file":"js/exhibition-masthead-lazy.js","sourcesContent":["let supportsIntersectionObserver = false;\n\nif ('IntersectionObserver' in window) {\n  supportsIntersectionObserver = true;\n}\n\nexport default supportsIntersectionObserver;","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;return _vm.reset.apply(null, arguments)}}},[_vm._t(\"default\",null,{\"drawerOpen\":_vm.drawerOpen,\"reduceMotion\":_vm.reduceMotion,\"afterDrawerOpen\":_vm.afterDrawerOpen,\"beforeDrawerClose\":_vm.beforeDrawerClose}),_c('transition',{attrs:{\"name\":\"exhibition-masthead__overlay-\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.drawerOpen),expression:\"drawerOpen\"}],staticClass:\"exhibition-masthead__overlay\",on:{\"click\":_vm.reset}})])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div @keyup.esc=\"reset\">\n    <slot\n      :drawerOpen=\"drawerOpen\"\n      :reduceMotion=\"reduceMotion\"\n      :afterDrawerOpen=\"afterDrawerOpen\"\n      :beforeDrawerClose=\"beforeDrawerClose\"\n    >\n    </slot>\n    <transition name=\"exhibition-masthead__overlay-\">\n      <div\n        class=\"exhibition-masthead__overlay\"\n        v-show=\"drawerOpen\"\n        @click=\"reset\"\n      ></div>\n    </transition>\n  </div>\n</template>\n\n<script lang=\"js\">\nimport { mapState } from 'vuex';\nimport supportsIntersectionObserver from '../../js/util/supportsIntersectionObserver';\n\nexport default {\n  name: 'ahc-exhibition-masthead',\n  computed: {\n    ...mapState(['topAlertActive', 'drawerOpen', 'reduceMotion']),\n    isAdmin() {\n      return (document.body.classList.contains('admin-bar'));\n    }\n  },\n  watch: {\n    topAlertActive() {\n      this.$nextTick(() => {\n        this.adjustNavPosition();\n      });\n    },\n  },\n  methods: {\n    reset() {\n      this.$store.commit('setDrawerOpen', false);\n    },\n    adjustNavPosition() {\n      const alertHeight = this.topAlertActive ? document.querySelector('.alert--top').offsetHeight : 0;\n      const adminBarHeight = this.isAdmin ? document.querySelector('#wpadminbar').offsetHeight : 0;\n\n      if (this.topAlertActive) {\n        this.$el.parentNode.style.top = `${alertHeight + adminBarHeight}px`;\n      } else {\n        this.$el.parentNode.style.top = '';\n      }\n    },\n    handleResize() {\n      this.adjustNavPosition();\n    },\n    afterDrawerOpen() {\n      const drawerMenu = this.$el.querySelector('.exhibition-masthead__drawer');\n\n      if (supportsIntersectionObserver) {\n        this.exitMenuObserver = new IntersectionObserver((entries, observer) => {\n          entries.forEach(entry => {\n            if (entry.intersectionRatio <= 0.25 && this.drawerOpen) {\n              observer.unobserve(drawerMenu);\n              this.reset();\n            }\n          });\n        }, { threshold: 0.25 });\n\n        this.exitMenuObserver.observe(drawerMenu);\n      }\n    },\n    beforeDrawerClose() {\n      const drawerMenu = this.$el.querySelector('.exhibition-masthead__drawer');\n\n      if (drawerMenu && this.exitMenuObserver) {\n        this.exitMenuObserver.unobserve(drawerMenu);\n      }\n    }\n  },\n  mounted() {\n    window.addEventListener('resize', this.handleResize);\n  },\n  beforeDestroy() {\n    this.beforeDrawerClose();\n    window.removeEventListener('resize', this.handleResize);\n  }\n}\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./exhibition-masthead.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./exhibition-masthead.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./exhibition-masthead.vue?vue&type=template&id=016404aa\"\nimport script from \"./exhibition-masthead.vue?vue&type=script&lang=js\"\nexport * from \"./exhibition-masthead.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}