{"version":3,"file":"chunks/ceres-client-840.min.js","mappings":"oKAAA,IAAIA,EAAS,WACX,IACEC,EADQC,KACCC,MAAMF,GACjB,OAAOA,EAAG,KAAM,CAAEG,YAAa,WAAYC,MAAO,CAAE,aAAc,MAAS,CACzEJ,EACE,KACA,CAAEI,MAAO,CAAEC,GAAI,eALTJ,KAK8BI,KACpC,CAACL,EAAG,sBACJ,IAGN,EAEAD,EAAOO,eAAgB,E,2ECbkL,ECczM,CACAC,KAAA,qBACAC,MAAA,CACAC,WAAA,CACAC,KAAAC,QAEAC,YAAA,CACAF,KAAAG,MACAC,QAAAA,IAAA,cAIAC,IAAAA,GAEA,OACAC,qBAAA,KACAX,GAAA,KAEA,EAEAY,OAAAA,GAEA,KAAAZ,GAAA,KAAAa,KAEA,KAAAC,aACA,EAEAC,QACA,CACAD,WAAAA,GAEA,MAAAE,EAAA,IAAAC,EAAAA,EACAC,EAAAF,EAAAG,uBAEAH,EAAAI,YAAA,KAAAC,aAAA,KAAAd,aAEA,KAAAA,YAAAe,SAAAJ,IAEA,KAAAK,WAAA,KAEA,KAAAF,cAAA,GAGA,EAEAA,YAAAA,GAEA,KAAAG,SAAAC,SAAAC,eAAA,oBAAA1B,IAEA,KAAAW,qBAAA,IAAAgB,sBAAA,CAAAC,EAAAjB,KACAiB,EAAAC,SAAAC,IACAA,EAAAC,iBAEA,KAAAC,oBAAAF,EAAAG,QACAtB,EAAAuB,UAAAJ,EAAAG,QACA,GACA,IAGA,KAAAtB,qBAAAwB,QAAAV,SAAAC,eAAA,oBAAA1B,IACA,EAEAgC,mBAAAA,CAAAI,IACAC,EAAAA,EAAAA,KAAA,wBAAAjC,WAAA,IAAAkC,SAAA,OAAAC,QAAA,sCACAC,MAAAC,IAEAL,EAAAM,UAAAD,EACA,IAAAE,IAAA,EACAC,GAAAR,EAAA1B,KAAA,GAAAmC,MAAAC,OAAAC,YACA,GAEA,ICnEA,GAXgB,E,QAAA,GACd,EACArD,EHGoB,IGDpB,EACA,KACA,KACA,MAI8B,O","sources":["webpack://PuresportsTheme/./resources/js/src/app/components/pageDesign/DesktopNavigation.vue","webpack://PuresportsTheme/./resources/js/src/app/components/pageDesign/DesktopNavigation.vue?ff44","webpack://PuresportsTheme/resources/js/src/app/components/pageDesign/DesktopNavigation.vue","webpack://PuresportsTheme/./resources/js/src/app/components/pageDesign/DesktopNavigation.vue?0cdc"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"ul\", { staticClass: \"collapse\", attrs: { \"data-level\": \"1\" } }, [\n    _c(\n      \"li\",\n      { attrs: { id: \"desktop-menu\" + _vm.id } },\n      [_c(\"loading-animation\")],\n      1\n    ),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DesktopNavigation.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DesktopNavigation.vue?vue&type=script&lang=js\"","<template>\n    <ul data-level=\"1\" class=\"collapse\">\n        <li :id=\"'desktop-menu' + id\">\n            <loading-animation></loading-animation>\n        </li>\n    </ul>\n</template>\n\n<script>\n\nimport { MediaQueryHelper } from \"../../helper/MediaQueryHelper\";\nimport {get} from \"../../services/ApiService\";\nimport Vue from \"vue\";\n\nexport default {\n    name: \"desktop-navigation\",\n    props: {\n        categoryId: {\n            type: Number\n        },\n        breakpoints: {\n            type: Array,\n            default: () => [\"lg\", \"xl\"]\n        },\n    },\n\n    data()\n    {\n        return {\n            intersectionObserver: null,\n            id: null\n        }\n    },\n\n    mounted()\n    {\n        this.id = this._uid;\n\n        this.addListener();\n    },\n\n    methods:\n    {\n        addListener()\n        {\n            const QueryHelper = new MediaQueryHelper();\n            const breakpoint = QueryHelper.getCurrentBreakpoint();\n\n            QueryHelper.addFunction(this.initMegaMenu, this.breakpoints);\n\n            if (this.breakpoints.includes(breakpoint))\n            {\n                this.$nextTick(() =>\n                {\n                    this.initMegaMenu();\n                });\n            }\n        },\n\n        initMegaMenu()\n        {\n            this.menuBody = document.getElementById('desktop-menu' + this.id);\n\n            this.intersectionObserver = new IntersectionObserver((entries, intersectionObserver) => {\n                entries.forEach((entry) => {\n                    if(entry.isIntersecting)\n                    {\n                        this.loadMegaMenuContent(entry.target);\n                        intersectionObserver.unobserve(entry.target);\n                    }\n                });\n            });\n\n            this.intersectionObserver.observe(document.getElementById('desktop-menu' + this.id));\n        },\n\n        loadMegaMenuContent(element) {\n            get(\"/nd/categorysbc/\"+this.categoryId, {}, { dataType: \"html\", headers: { \"Accept\": \"text/html; charset=utf-8\" } })\n                .done(response =>\n                {\n                    element.innerHTML = response;\n                    new Vue({\n                        el: element, data: \"\", store: window.ceresStore\n                    });\n                });\n        }\n    }\n}\n</script>\n","import { render, staticRenderFns } from \"./DesktopNavigation.vue?vue&type=template&id=1f2d9154\"\nimport script from \"./DesktopNavigation.vue?vue&type=script&lang=js\"\nexport * from \"./DesktopNavigation.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"],"names":["render","_c","this","_self","staticClass","attrs","id","_withStripped","name","props","categoryId","type","Number","breakpoints","Array","default","data","intersectionObserver","mounted","_uid","addListener","methods","QueryHelper","MediaQueryHelper","breakpoint","getCurrentBreakpoint","addFunction","initMegaMenu","includes","$nextTick","menuBody","document","getElementById","IntersectionObserver","entries","forEach","entry","isIntersecting","loadMegaMenuContent","target","unobserve","observe","element","get","dataType","headers","done","response","innerHTML","Vue","el","store","window","ceresStore"],"sourceRoot":""}