{"version":3,"sources":["webpack:///./src/components/MenuContent.vue?4494","webpack:///src/components/MenuContent.vue","webpack:///./src/components/MenuContent.vue?a832","webpack:///./src/components/MenuContent.vue","webpack:///./src/components/MenuContent.vue?e4f8"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","scrollWrapper","overflowing","directives","name","rawName","value","expression","on","click","scrollLeft","_e","ref","_l","item","$event","scrollTo","menuText","replace","attrs","width","height","src","menuIcon","_v","_s","scrollRight","staticRenderFns","MenuContentvue_type_script_lang_js_","data","showLeftScroll","showRightScroll","props","methods","toggleHide","$emit","deleteSection","pod","sections","splice","index","id","jquery_default","next","show","animate","scrollTop","offset","top","leftPos","$refs","scrollMenuElement","mounted","self","scrollWidth","clientWidth","closeToLeft","innerWith","inner","components_MenuContentvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MenuContent_vue_vue_type_style_index_0_id_0868b3c4_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MenuContent_vue_vue_type_style_index_0_id_0868b3c4_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"kJAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,OAAAC,MAAA,CAA0BC,cAAAR,EAAAS,cAAgC,CAAAT,EAAA,YAAAI,EAAA,KAA4BM,WAAA,EAAaC,KAAA,OAAAC,QAAA,SAAAC,MAAAb,EAAA,eAAAc,WAAA,mBAAoFR,YAAA,qCAAAS,GAAA,CAAuDC,MAAAhB,EAAAiB,cAAwBjB,EAAAkB,KAAAd,EAAA,OAAqBe,IAAA,oBAAAb,YAAA,yBAA4D,CAAAF,EAAA,OAAYe,IAAA,QAAAb,YAAA,SAAgCN,EAAAoB,GAAApB,EAAA,mBAAAqB,GAAuC,OAAAjB,EAAA,KAAeE,YAAA,MAAAS,GAAA,CAAsBC,MAAA,SAAAM,GAAyBtB,EAAAuB,SAAA,QAAAF,EAAAG,SAAAC,QAAA,kBAA8D,CAAAJ,EAAA,SAAAjB,EAAA,OAA4BsB,MAAA,CAAOC,MAAA,KAAAC,OAAA,KAAAC,IAAAR,EAAAS,YAAgD9B,EAAAkB,KAAAd,EAAA,MAAAJ,EAAA+B,GAAA,aAAA/B,EAAAgC,GAAAX,EAAAG,UAAA,gBAA4E,KAAAxB,EAAA,YAAAI,EAAA,KAAiCM,WAAA,EAAaC,KAAA,OAAAC,QAAA,SAAAC,MAAAb,EAAA,gBAAAc,WAAA,oBAAsFR,YAAA,sCAAAS,GAAA,CAAwDC,MAAAhB,EAAAiC,eAAyBjC,EAAAkB,QACpgCgB,EAAA,wBCiBAC,EAAA,CACAC,KADA,WAEA,OACA3B,aAAA,EACA4B,gBAAA,EACAC,iBAAA,IAGA3B,KAAA,wBACA4B,MAAA,sEACAC,QAAA,CACAC,WADA,WAEAxC,KAAAyC,MAAA,gBAEAC,cAJA,WAKA1C,KAAAyC,MAAA,UACAzC,KAAA2C,IAAAC,SAAAC,OAAAC,MAAA,IAEAxB,SARA,SAQAyB,GACAC,IAAA,IAAAD,GAAAE,OAAAC,OACAF,IAAA,cAAAG,QAAA,CACAC,UAAAJ,IAAA,IAAAD,GAAAM,SAAAC,IAAA,IACA,MAEAtC,WAdA,WAeA,IAAAuC,EAAAP,IAAAhD,KAAAwD,MAAAC,mBAAAzC,aACAgC,IAAAhD,KAAAwD,MAAAC,mBAAAN,QAAA,CAAAnC,WAAAuC,EAAA,WAEAvB,YAlBA,WAmBA,IAAAuB,EAAAP,IAAAhD,KAAAwD,MAAAC,mBAAAzC,aACAgC,IAAAhD,KAAAwD,MAAAC,mBAAAN,QAAA,CAAAnC,WAAAuC,EAAA,YAGAG,QAjCA,WAkCA,IAAAC,EAAA3D,KACAA,KAAAQ,YAAAR,KAAAwD,MAAAC,kBAAAG,YAAA5D,KAAAwD,MAAAC,kBAAAI,YACAb,IAAAhD,KAAAwD,MAAAC,mBAAA3C,GAAA,oBACA,IAAAgD,EAAAd,IAAAhD,MAAAgB,aACA2C,EAAAvB,eAAA0B,GAAA,GACA,IAAApC,EAAAsB,IAAAhD,MAAA0B,QACAqC,EAAAf,IAAAW,EAAAH,MAAAQ,OAAAtC,QACAiC,EAAAtB,gBAAA0B,EAAAD,EAAApC,EAAA,OC3DqVuC,EAAA,0BCQrVC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAnE,EACAmC,GACF,EACA,KACA,WACA,MAIeoC,EAAA,WAAAH,6CCnBf,IAAAI,EAAAC,EAAA,QAAAC,EAAAD,EAAAE,EAAAH,GAAueE,EAAG","file":"js/chunk-48bff58a.ba74acc3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mt-3\",class:{scrollWrapper: _vm.overflowing}},[(_vm.overflowing)?_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showLeftScroll),expression:\"showLeftScroll\"}],staticClass:\"fa fa-chevron-left fa-2x clickable\",on:{\"click\":_vm.scrollLeft}}):_vm._e(),_c('div',{ref:\"scrollMenuElement\",staticClass:\"text-white scrollmenu\"},[_c('div',{ref:\"inner\",staticClass:\"inner\"},_vm._l((_vm.menuItems),function(item){return _c('a',{staticClass:\"m-3\",on:{\"click\":function($event){_vm.scrollTo('item_' + item.menuText.replace(/[\\W_]+/g,''))}}},[(item.menuIcon)?_c('img',{attrs:{\"width\":\"30\",\"height\":\"30\",\"src\":item.menuIcon}}):_vm._e(),_c('br'),_vm._v(\"\\n\\t\\t\\t\\t\"+_vm._s(item.menuText)+\"\\n\\t\\t\\t\")])}),0)]),(_vm.overflowing)?_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showRightScroll),expression:\"showRightScroll\"}],staticClass:\"fa fa-chevron-right fa-2x clickable\",on:{\"click\":_vm.scrollRight}}):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"mt-3\" :class=\"{scrollWrapper: overflowing}\">\r\n\t\t<i v-if=\"overflowing\" v-show=\"showLeftScroll\" @click=\"scrollLeft\" class=\"fa fa-chevron-left fa-2x clickable\"></i>\r\n\t\t<div ref=\"scrollMenuElement\" class=\"text-white scrollmenu\">\r\n\t\t\t<div class=\"inner\" ref=\"inner\">\r\n\t\t\t\t<a class=\"m-3\" v-for=\"item in menuItems\" v-on:click=\"scrollTo('item_' + item.menuText.replace(/[\\W_]+/g,''))\">\r\n\t\t\t\t\t<img v-if=\"item.menuIcon\" width=\"30\" height=\"30\" :src=\"item.menuIcon\" />\r\n\t\t\t\t\t<br />\r\n\t\t\t\t\t{{item.menuText}}\r\n\t\t\t\t</a>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<i v-if=\"overflowing\" v-show=\"showRightScroll\" @click=\"scrollRight\" class=\"fa fa-chevron-right fa-2x clickable\"></i>\r\n\t</div>\r\n</template>\r\n\r\n<script>import $ from 'jquery';\r\n\r\n    export default {\r\n        data() {\r\n            return {\r\n                overflowing: false,\r\n                showLeftScroll: false,\r\n                showRightScroll: true\r\n            }\r\n        },\r\n        name: 'menucontent-component',\r\n        props: ['contentData', 'index', 'hide', 'dragging', 'authenticated', 'menuItems'],\r\n        methods: {\r\n            toggleHide() {\r\n                this.$emit('toggle-hide');\r\n            },\r\n            deleteSection() {\r\n                this.$emit('delete')\r\n                this.pod.sections.splice(index, 1);\r\n            },\r\n            scrollTo(id) {\r\n                $(\"#\" + id).next().show();\r\n                $('html, body').animate({\r\n                    scrollTop: $(\"#\" + id).offset().top - 50\r\n                }, 1000);\r\n            },\r\n            scrollLeft() {\r\n                var leftPos = $(this.$refs.scrollMenuElement).scrollLeft();\r\n                $(this.$refs.scrollMenuElement).animate({ scrollLeft: leftPos - 200 }, 800);\r\n            },\r\n            scrollRight() {\r\n                var leftPos = $(this.$refs.scrollMenuElement).scrollLeft();\r\n                $(this.$refs.scrollMenuElement).animate({ scrollLeft: leftPos + 200 }, 800);\r\n            }\r\n        },\r\n        mounted() {\r\n            var self = this;\r\n            this.overflowing = this.$refs.scrollMenuElement.scrollWidth > this.$refs.scrollMenuElement.clientWidth;\r\n            $(this.$refs.scrollMenuElement).on('scroll', function () {\r\n                var closeToLeft = $(this).scrollLeft()\r\n                self.showLeftScroll = closeToLeft >= 10;\r\n                var width = $(this).width();\r\n                var innerWith = $(self.$refs.inner).width();\r\n                self.showRightScroll = innerWith - closeToLeft - width > 10;\r\n            })\r\n        }\r\n    };</script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n<style scoped>\r\n\t.inner {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t}\r\n\r\n\t.scrollmenu {\r\n\t\toverflow: auto;\r\n\t\twhite-space: nowrap;\r\n\t}\r\n\r\n\t\t.scrollmenu a {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tcolor: white;\r\n\t\t\ttext-align: center;\r\n\t\t\tpadding: 14px;\r\n\t\t\ttext-decoration: none;\r\n\t\t\tbackground-color: #343a40;\r\n\t\t\tcursor: pointer;\r\n\t\t\tborder-radius: 5px;\r\n\t\t}\r\n\r\n\t\t\t.scrollmenu a:hover {\r\n\t\t\t\tbackground-color: #2c3238\r\n\t\t\t}\r\n\r\n\t.scrollWrapper {\r\n\t\tposition: relative;\r\n\t\tpadding-left: 40px;\r\n\t\tpadding-right: 40px;\r\n\t}\r\n\r\n\t\t.scrollWrapper .fa-chevron-left {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 35px;\r\n\t\t\tleft: 5px;\r\n\t\t}\r\n\r\n\t\t.scrollWrapper .fa-chevron-right {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 35px;\r\n\t\t\tright: 5px;\r\n\t\t}\r\n\r\n\t.clickable {\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\t\t.clickable div:active {\r\n\t\t\topacity: 0.75;\r\n\t\t}\r\n</style>\r\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!./MenuContent.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!./MenuContent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MenuContent.vue?vue&type=template&id=0868b3c4&scoped=true&\"\nimport script from \"./MenuContent.vue?vue&type=script&lang=js&\"\nexport * from \"./MenuContent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MenuContent.vue?vue&type=style&index=0&id=0868b3c4&scoped=true&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  \"0868b3c4\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MenuContent.vue?vue&type=style&index=0&id=0868b3c4&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MenuContent.vue?vue&type=style&index=0&id=0868b3c4&scoped=true&lang=css&\""],"sourceRoot":""}