{"version":3,"sources":["webpack:///./src/components/core/navbars/FrontendNavBlurred.vue?968e","webpack:///./src/assets/images/cross-icon.svg","webpack:///./src/assets/images/hamburger.svg","webpack:///./src/components/core/navbars/FrontendNavBlurred.vue","webpack:///src/components/core/navbars/FrontendNavBlurred.vue","webpack:///./src/components/core/navbars/FrontendNavBlurred.vue?5d7d","webpack:///./src/components/core/navbars/FrontendNavBlurred.vue?7ed3"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","logo","on","$event","collapsed","_l","leftItems","item","index","key","navigateToPage","link","_v","_s","title","rightItems","concat","staticRenderFns","name","props","items","type","Array","default","homeURL","Object","String","Function","required","data","hamburgerIcon","require","crossIcon","computed","slice","length","methods","toggleCollapsed","isCollapsed","onResize","window","innerWidth","onOpenMenuItem","isMenuOpened","mounted","addEventListener","beforeDestroy","removeEventListener","component"],"mappings":"yIAAA,W,uBCAAA,EAAOC,QAAU,IAA0B,+B,qBCA3CD,EAAOC,QAAU,IAA0B,8B,yCCA3C,IAAIC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,WAAW,CAACE,YAAY,2BAA2BC,MAAM,CAAC,WAAa,KAAK,KAAO,UAAU,CAACH,EAAG,cAAc,CAACA,EAAG,iBAAiB,CAACE,YAAY,qBAAqB,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,GAAK,MAAM,CAACH,EAAG,MAAM,CAACE,YAAY,iBAAiBC,MAAM,CAAC,IAAML,EAAIM,KAAK,IAAM,aAAa,GAAGJ,EAAG,aAAa,CAACG,MAAM,CAAC,GAAK,eAAe,SAAS,IAAIE,GAAG,CAAC,KAAO,SAASC,GAAQR,EAAIS,WAAY,GAAM,OAAS,SAASD,GAAQR,EAAIS,WAAY,KAAS,CAACP,EAAG,eAAe,CAACE,YAAY,qEAAqE,CAACF,EAAG,MAAM,CAACE,YAAY,UAAUJ,EAAIU,GAAIV,EAAIW,WAAW,SAASC,EAAKC,GAAO,OAAOX,EAAG,aAAa,CAACY,IAAID,EAAMN,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIe,eAAeH,EAAKI,SAAS,CAAChB,EAAIiB,GAAG,IAAIjB,EAAIkB,GAAGN,EAAKO,OAAO,UAAS,GAAGjB,EAAG,KAAK,CAACE,YAAY,6BAA6B,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,GAAK,MAAM,CAACH,EAAG,MAAM,CAACE,YAAY,iBAAiBC,MAAM,CAAC,IAAML,EAAIM,KAAK,IAAM,aAAa,KAAKJ,EAAG,MAAM,CAACE,YAAY,UAAUJ,EAAIU,GAAIV,EAAIoB,YAAY,SAASR,EAAKC,GAAO,OAAOX,EAAG,aAAa,CAACY,IAAID,EAAMN,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIe,eAAeH,EAAKI,SAAS,CAAChB,EAAIiB,GAAG,IAAIjB,EAAIkB,GAAGN,EAAKO,OAAO,UAAS,KAAKjB,EAAG,eAAe,CAACE,YAAY,gCAAgCJ,EAAIU,GAAIV,EAAIW,UAAUU,OAAOrB,EAAIoB,aAAa,SAASR,EAAKC,GAAO,OAAOX,EAAG,aAAa,CAACY,IAAID,EAAMN,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIe,eAAeH,EAAKI,SAAS,CAAChB,EAAIiB,GAAG,IAAIjB,EAAIkB,GAAGN,EAAKO,OAAO,UAAS,IAAI,IAAI,IAAI,IAEvhDG,EAAkB,GCsGP,GACfC,KAAA,YACAC,MAAA,CACAC,MAAA,CACAC,KAAAC,MACAC,YAAA,IAEAC,QAAA,CACAH,KAAAI,OACAF,aAAA,KAEAtB,KAAA,CACAoB,KAAAK,OACAH,QAAA,IAEAb,eAAA,CACAW,KAAAM,SACAC,UAAA,IAGAC,OACA,OAEAC,cAAAC,EAAA,QACAC,UAAAD,EAAA,UAGAE,SAAA,CACA3B,YACA,YAAAc,MAAAc,MAAA,OAAAd,MAAAe,OAAA,IAEApB,aACA,YAAAK,MAAAc,MAAA,KAAAd,MAAAe,OAAA,KAGAC,QAAA,CACAC,kBACA,KAAAC,aAAA,KAAAA,aAEAC,WACAC,OAAAC,YAAA,MACA,KAAAH,aAAA,IAGAI,iBACA,KAAAC,cAAA,KAAAA,eAGAC,UACAJ,OAAAK,iBAAA,cAAAN,WAEAO,gBACAN,OAAAO,oBAAA,cAAAR,YC5J0X,I,wBCQtXS,EAAY,eACd,EACAtD,EACAuB,GACA,EACA,KACA,KACA,MAIa,aAAA+B,E","file":"js/chunk-b239c728.0b371cf1.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FrontendNavBlurred.vue?vue&type=style&index=0&id=05941a2d&prod&lang=css&\"","module.exports = __webpack_public_path__ + \"img/cross-icon.52fe60e2.svg\";","module.exports = __webpack_public_path__ + \"img/hamburger.33100da8.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-navbar',{staticClass:\"sticky-top navbar-custom\",attrs:{\"toggleable\":\"lg\",\"type\":\"light\"}},[_c('b-container',[_c('b-navbar-brand',{staticClass:\"mx-auto d-lg-none\"},[_c('router-link',{attrs:{\"to\":\"/\"}},[_c('img',{staticClass:\"img-fluid logo\",attrs:{\"src\":_vm.logo,\"alt\":\"Logo\"}})])],1),_c('b-collapse',{attrs:{\"id\":\"nav-collapse\",\"is-nav\":\"\"},on:{\"show\":function($event){_vm.collapsed = true},\"hidden\":function($event){_vm.collapsed = false}}},[_c('b-navbar-nav',{staticClass:\"d-none d-lg-flex w-100 justify-content-between align-items-center\"},[_c('div',{staticClass:\"d-flex\"},_vm._l((_vm.leftItems),function(item,index){return _c('b-nav-item',{key:index,on:{\"click\":function($event){return _vm.navigateToPage(item.link)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),1),_c('li',{staticClass:\"d-none d-lg-block mx-auto\"},[_c('div',{staticClass:\"logo-container\"},[_c('router-link',{attrs:{\"to\":\"/\"}},[_c('img',{staticClass:\"img-fluid logo\",attrs:{\"src\":_vm.logo,\"alt\":\"Logo\"}})])],1)]),_c('div',{staticClass:\"d-flex\"},_vm._l((_vm.rightItems),function(item,index){return _c('b-nav-item',{key:index,on:{\"click\":function($event){return _vm.navigateToPage(item.link)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),1)]),_c('b-navbar-nav',{staticClass:\"d-flex d-lg-none flex-column\"},_vm._l((_vm.leftItems.concat(_vm.rightItems)),function(item,index){return _c('b-nav-item',{key:index,on:{\"click\":function($event){return _vm.navigateToPage(item.link)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<!-- two separate <b-navbar-nav> elements with different classes for desktop and mobile view. One will be hidden on desktop screens and visible on mobile, and the other will be hidden on mobile screens and visible on desktop.\n -->\n\t<b-navbar toggleable=\"lg\" type=\"light\" class=\"sticky-top navbar-custom\">\n\t\t<b-container>\n\t\t\t<!-- Nabvar Toggle -->\n\n\t\t\t<!-- <b-navbar-toggle target=\"nav-collapse\">\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"navbar-toggler\"\n\t\t\t\t\t@click=\"toggleCollapsed\"\n\t\t\t\t\t:aria-expanded=\"!isCollapsed\"\n\t\t\t\t\taria-controls=\"nav-collapse\"\n\t\t\t\t\tstyle=\"position: relative\"\n\t\t\t\t>\n\t\t\t\t\t<transition name=\"icon-fade\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tv-if=\"!isCollapsed\"\n\t\t\t\t\t\t\t:key=\"'hamburger'\"\n\t\t\t\t\t\t\t:src=\"hamburgerIcon\"\n\t\t\t\t\t\t\talt=\"Menu\"\n\t\t\t\t\t\t\tstyle=\"position: absolute\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tv-if=\"isCollapsed\"\n\t\t\t\t\t\t\t:key=\"'cross'\"\n\t\t\t\t\t\t\t:src=\"crossIcon\"\n\t\t\t\t\t\t\talt=\"Close\"\n\t\t\t\t\t\t\tstyle=\"position: absolute\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</transition>\n\t\t\t\t</button>\n\t\t\t</b-navbar-toggle> -->\n\n\t\t\t<!-- Logo on large screens -->\n\t\t\t<!-- <b-navbar-brand class=\"mx-auto logo-lg d-none d-lg-block\">\n  <router-link :to=\"{ name: 'Landing Page' }\">\n    <img :src=\"logo\" alt=\"Logo\" class=\"img-fluid logo\" />\n  </router-link>\t\t\t</b-navbar-brand> -->\n\n\t\t\t<!-- Logo on small screens -->\n\t\t\t<b-navbar-brand class=\"mx-auto d-lg-none\">\n\t\t\t\t<router-link to=\"/\">\n\t\t\t\t\t<img :src=\"logo\" alt=\"Logo\" class=\"img-fluid logo\" />\n\t\t\t\t</router-link>\n\t\t\t</b-navbar-brand>\n\n\t\t\t<b-collapse\n\t\t\t\tid=\"nav-collapse\"\n\t\t\t\tis-nav\n\t\t\t\t@show=\"collapsed = true\"\n\t\t\t\t@hidden=\"collapsed = false\"\n\t\t\t>\n\t\t\t\t<!-- Nav items for desktop -->\n\t\t\t\t<b-navbar-nav\n\t\t\t\t\tclass=\"d-none d-lg-flex w-100 justify-content-between align-items-center\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"d-flex\">\n\t\t\t\t\t\t<b-nav-item\n\t\t\t\t\t\t\tv-for=\"(item, index) in leftItems\"\n\t\t\t\t\t\t\t:key=\"index\"\n\t\t\t\t\t\t\t@click=\"navigateToPage(item.link)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ item.title }}\n\t\t\t\t\t\t</b-nav-item>\n\t\t\t\t\t</div>\n\t\t\t\t\t<li class=\"d-none d-lg-block mx-auto\">\n\t\t\t\t\t\t<!-- <img class=\"navbar-logo\" :src=\"logo\" alt=\"Logo\" /> -->\n\n\t\t\t\t\t\t<div class=\"logo-container\">\n\t\t\t\t\t\t\t<router-link to=\"/\">\n\t\t\t\t\t\t\t\t<img :src=\"logo\" alt=\"Logo\" class=\"img-fluid logo\" />\n\t\t\t\t\t\t\t</router-link>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</li>\n\n\t\t\t\t\t<div class=\"d-flex\">\n\t\t\t\t\t\t<b-nav-item\n\t\t\t\t\t\t\tv-for=\"(item, index) in rightItems\"\n\t\t\t\t\t\t\t:key=\"index\"\n\t\t\t\t\t\t\t@click=\"navigateToPage(item.link)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ item.title }}\n\t\t\t\t\t\t</b-nav-item>\n\t\t\t\t\t</div>\n\t\t\t\t</b-navbar-nav>\n\n\t\t\t\t<!-- Nav items for mobile -->\n\t\t\t\t<b-navbar-nav class=\"d-flex d-lg-none flex-column\">\n\t\t\t\t\t<b-nav-item\n\t\t\t\t\t\tv-for=\"(item, index) in leftItems.concat(rightItems)\"\n\t\t\t\t\t\t:key=\"index\"\n\t\t\t\t\t\t@click=\"navigateToPage(item.link)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ item.title }}\n\t\t\t\t\t</b-nav-item>\n\t\t\t\t</b-navbar-nav>\n\t\t\t</b-collapse>\n\t\t</b-container>\n\t</b-navbar>\n</template>\n\n<script>\nexport default {\n\tname: \"NavHeader\",\n\tprops: {\n\t\titems: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\t\thomeURL: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\t\tlogo: {\n\t\t\ttype: String,\n\t\t\tdefault: \"\",\n\t\t},\n\t\tnavigateToPage: {\n\t\t\ttype: Function,\n\t\t\trequired: true,\n\t\t},\n\t},\n\tdata() {\n\t\treturn {\n\t\t\t// isCollapsed: false,\n\t\t\thamburgerIcon: require(\"../../../assets/images/hamburger.svg\"),\n\t\t\tcrossIcon: require(\"../../../assets/images/cross-icon.svg\"),\n\t\t};\n\t},\n\tcomputed: {\n\t\tleftItems() {\n\t\t\treturn this.items.slice(0, this.items.length / 2);\n\t\t},\n\t\trightItems() {\n\t\t\treturn this.items.slice(this.items.length / 2);\n\t\t},\n\t},\n\tmethods: {\n\t\ttoggleCollapsed() {\n\t\t\tthis.isCollapsed = !this.isCollapsed;\n\t\t},\n\t\tonResize() {\n\t\t\tif (window.innerWidth >= 992) {\n\t\t\t\tthis.isCollapsed = false;\n\t\t\t}\n\t\t},\n\t\tonOpenMenuItem() {\n\t\t\tthis.isMenuOpened = !this.isMenuOpened;\n\t\t},\n\t},\n\tmounted() {\n\t\twindow.addEventListener(\"resize\", this.onResize);\n\t},\n\tbeforeDestroy() {\n\t\twindow.removeEventListener(\"resize\", this.onResize);\n\t},\n};\n</script>\n<style>\n/* Navbar Custom Styling */\n.navbar-custom {\n\tbackground-image: linear-gradient(\n\t\tto bottom,\n\t\trgba(0, 0, 0, 1) 40%,\n\t\trgba(0, 0, 0, 0) 100%\n\t);\n\tfont-family: \"Kanit\", sans-serif;\n\tcolor: #fff !important;\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tz-index: 20;\n}\n\n/* Navbar Collapse Margin Adjustment */\n.navbar-collapse {\n\tmargin-top: -20px;\n}\n\n/* Navbar Items Height and Alignment */\n.navbar-custom .navbar-nav {\n\talign-items: stretch;\n\theight: 100%;\n}\n\n/* Navbar Container Height */\n.navbar-custom .container {\n\theight: 100%;\n}\n\n/* Navbar Item Display and Alignment */\n.navbar-custom .navbar-nav .nav-item {\n\tdisplay: flex;\n\talign-items: center;\n\theight: 100%;\n\tfont-size: 20px;\n\tfont-family: 'Segoe UI Variable Display', sans-serif;\n\tfont-weight: 600;\n}\n\n/* Navbar Link Styling and Alignment */\n.navbar-custom .navbar-nav .nav-item .nav-link {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 1.5rem 3px;\n\theight: 100%;\n\twidth: 129px;\n\tposition: relative; /* Required for :before to work */\n\tjustify-content: center;\n\ttext-align: left;\n\ttext-wrap: nowrap;\n}\n\n.navbar-custom .navbar-nav .nav-item .nav-link:before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tbackground: linear-gradient(180deg, #808080 0%, rgba(0, 0, 0, 0) 100%);\n\n\tz-index: -1;\n\ttransition: opacity 0.2s ease-in-out;\n\topacity: 0;\n}\n\n/* Navbar Item Hover Effect */\n.navbar-custom .navbar-nav .nav-item:hover .nav-link:before {\n\topacity: 1;\n}\n\n.navbar-custom .navbar-nav .nav-item:hover .nav-link {\n\tfont-weight: bold;\n}\n\n/* Media Query for Devices with Max Width 1204px */\n@media (max-width: 991px) {\n\t/* Navbar Nav Flex Start */\n\t.navbar-custom .navbar-nav {\n\t\tjustify-content: flex-start;\n\t\tpadding-left: 1em;\n\t}\n\n\t/* Navbar Brand Image Display None */\n\t.navbar-custom .navbar-brand img {\n\t\tdisplay: none;\n\t}\n\n\t/* Navbar Collapse Margin Top */\n\t.navbar-collapse {\n\t\tmargin-top: 25px !important;\n\t}\n\n\t/* Navbar Custom Styling for Smaller Screens */\n\t.navbar-custom .navbar-toggler-icon,\n\t.navbar-custom .navbar-collapse {\n\t\tbackground-color: transparent !important;\n\t\tbox-shadow: none !important;\n\t\tbackdrop-filter: blur(10px);\n\t}\n\n\t/* Navbar Custom Styling for Navbar Brand and Image */\n\t.navbar-custom .navbar-brand img {\n\t\tdisplay: block;\n\t}\n\t.navbar ul {\n\t\twidth: 300px !important;\n\t\toverflow-y: hidden !important;\n\t}\n\t.navbar ul li {\n\t\tmargin-right: 0px !important;\n\t}\n\n\t.navbar-brand {\n\t\twidth: 160px !important;\n\t}\n}\n\n/* Navbar Link Styling */\n.navbar a {\n\tcolor: #fff !important;\n\ttext-decoration: none;\n\ttransition: color 2s ease-in-out;\n}\n\n/* Navbar Logo Header Hover */\n.navbar .logo-header:hover {\n\tborder: none;\n}\n\n/* Image Fluid Styling */\n.img-fluid {\n\twidth: 100%;\n\theight: auto;\n}\n\n/* Navbar Brand Width */\n.navbar-brand {\n\twidth: 210px;\n}\n\n.navbar-toggler-icon {\n\tbackground-image: none !important;\n}\n\n/* animation */\n\n.navbar-toggler {\n\tposition: relative;\n\tborder: none;\n\tpadding: 0;\n\tcursor: pointer;\n\tbackground: transparent;\n\twidth: 30px;\n\theight: 24px;\n\ttop: -10px;\n}\n\n.icon-bar {\n\twidth: 30px;\n\theight: 3px;\n\tbackground-color: var(--iq-primary);\n\n\tposition: absolute;\n\ttransition: all 0.3s ease-in-out;\n}\n\n.top-bar {\n\ttransform-origin: top left;\n}\n\n.middle-bar {\n\topacity: 1;\n}\n\n.bottom-bar {\n\ttransform-origin: bottom left;\n}\n\n.navbar-toggler.collapsed .top-bar {\n\ttransform: translateY(8px) rotate(45deg);\n}\n\n.navbar-toggler.collapsed .middle-bar {\n\topacity: 0;\n}\n\n.navbar-toggler.collapsed .bottom-bar {\n\ttransform: translateY(-9px) rotate(-45deg);\n}\n\n.navbar-toggler {\n\tposition: relative;\n\tborder: none;\n\tpadding: 0;\n\tcursor: pointer;\n\tbackground: transparent;\n\twidth: 30px;\n\theight: 24px;\n\toutline: none;\n}\n\n.navbar-toggler img {\n\twidth: 100%;\n\theight: auto;\n}\n\n.icon-fade-enter-active,\n.icon-fade-leave-active {\n\ttransition: opacity 0.3s;\n}\n\n.icon-fade-enter,\n.icon-fade-leave-to {\n\topacity: 0;\n}\n\n.logo-lg {\n\t/* position: absolute; */\n\tleft: 50%;\n\ttransform: translateX(-50%);\n}\n.logo-container {\n\twidth: 196px;\n\theight: auto;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FrontendNavBlurred.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FrontendNavBlurred.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FrontendNavBlurred.vue?vue&type=template&id=05941a2d&\"\nimport script from \"./FrontendNavBlurred.vue?vue&type=script&lang=js&\"\nexport * from \"./FrontendNavBlurred.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FrontendNavBlurred.vue?vue&type=style&index=0&id=05941a2d&prod&lang=css&\"\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":""}