{"version":3,"sources":["webpack:///./src/components/blocks/ArticleMenu.vue?9f1c","webpack:///src/components/blocks/ArticleMenu.vue","webpack:///./src/components/blocks/ArticleMenu.vue?90cb","webpack:///./src/components/blocks/ArticleMenu.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","lang","class","colorMode","articleHeaderActive","active","open","on","$event","stopPropagation","preventDefault","close","attrs","toggle","staticClass","progressStrokeDashoffset","data","articles","domProps","_s","chapter_title","_v","_e","_l","article","index","key","tabindex","staticRenderFns","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,MAAmB,OAAXF,EAAIM,KAAaF,EAAG,MAAM,CAACG,MAAM,CAAC,oBAAqBP,EAAIQ,UAAW,CAAE,eAAgBR,EAAIS,oBAAqBC,OAAQV,EAAIW,OAAQC,GAAG,CAAC,SAAW,SAASC,GAAyD,OAAjDA,EAAOC,kBAAkBD,EAAOE,iBAAwBf,EAAIgB,MAAMH,MAAW,CAACT,EAAG,qBAAqB,CAACa,MAAM,CAAC,OAASjB,EAAIW,KAAK,KAAO,YAAYC,GAAG,CAAC,WAAaZ,EAAIkB,UAAUd,EAAG,MAAM,CAACe,YAAY,mBAAmB,CAACf,EAAG,SAAS,CAACe,YAAY,UAAUF,MAAM,CAAC,GAAK,KAAK,GAAK,KAAK,EAAI,KAAK,mBAAmB,MAAM,oBAAoBjB,EAAIoB,8BAA8BhB,EAAG,aAAa,CAACa,MAAM,CAAC,KAAO,qBAAqB,CAAEjB,EAAIW,MAAQX,EAAIqB,KAAKC,SAAUlB,EAAG,MAAM,CAACe,YAAY,sBAAsB,CAAEnB,EAAIqB,KAAkB,cAAEjB,EAAG,KAAK,CAACmB,SAAS,CAAC,YAAcvB,EAAIwB,GAAGxB,EAAIqB,KAAKI,iBAAiB,CAACzB,EAAI0B,GAAG,eAAe1B,EAAI2B,KAAKvB,EAAG,MAAMJ,EAAI4B,GAAI5B,EAAIqB,KAAa,UAAE,SAASQ,EAAQC,GAAO,OAAO1B,EAAG,YAAY,CAAC2B,IAAI,WAAaD,EAAMb,MAAM,CAAC,MAAQY,EAAQ,MAAQC,EAAM,SAAW9B,EAAIgC,UAAUpB,GAAG,CAAC,aAAeZ,EAAIkB,aAAY,KAAKlB,EAAI2B,QAAQ,GAAG3B,EAAI2B,MACplCM,EAAkB,G,8oBCwBtB,OACA,eACA,KAFA,WAGA,OACA,QACA,uBACA,YACA,6BACA,yBACA,wBACA,wBACA,qBACA,sBAGA,gBACA,gBACA,mCAFA,IAIA,SAJA,WAKA,uBAEA,UAPA,WAQA,6EAGA,SAXA,WAYA,0CAGA,SACA,oBADA,WACA,WACA,yCACA,kCACA,mEACA,iCAEA,uDAGA,OAVA,WAWA,sBAEA,MAbA,WAaA,WACA,uBACA,wEACA,MAGA,MAnBA,WAoBA,2BACA,8BACA,kCACA,cAEA,gBAzBA,WA2BA,0BAEA,IADA,4BACA,uCACA,2EACA,sCAGA,0BAIA,8BAtCA,WAuCA,0BACA,uCAKA,GAHA,iCACA,yBAEA,gCAGA,yCACA,sCACA,CACA,yFACA,0CAKA,aAzDA,WA2DA,uBACA,qCACA,qCACA,iDAGA,kBAjEA,WAkEA,8BACA,oCAEA,kBArEA,WAsEA,kGACA,0GAEA,yBAzEA,WA6EA,IAHA,kDACA,KACA,wBACA,oBACA,sDACA,UACA,qBACA,kCACA,KAGA,yBAEA,uBAvFA,WAwFA,yBACA,kCAGA,OACA,gBAEA,QA7HA,WA8HA,2BACA,8DACA,qDAEA,QAlIA,WAmIA,iEACA,wDAEA,YACA,4EACA,sFCjKoW,I,YCOhWC,EAAY,eACd,EACAnC,EACAkC,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-2d0de00e.388aed0d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.lang!=='en')?_c('div',{class:['side-articles-nav', _vm.colorMode, { 'anchor-side': !_vm.articleHeaderActive, active: _vm.open }],on:{\"focusout\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.close($event)}}},[_c('menu-toggle-button',{attrs:{\"active\":_vm.open,\"type\":\"articles\"},on:{\"toggleMenu\":_vm.toggle}}),_c('svg',{staticClass:\"progress-circle\"},[_c('circle',{staticClass:\"outline\",attrs:{\"cx\":\"20\",\"cy\":\"20\",\"r\":\"19\",\"stroke-dasharray\":\"360\",\"stroke-dashoffset\":_vm.progressStrokeDashoffset}})]),_c('transition',{attrs:{\"name\":\"reveal-from-left\"}},[(_vm.open && _vm.data.articles)?_c('div',{staticClass:\"article-menu-links\"},[(_vm.data.chapter_title)?_c('h4',{domProps:{\"textContent\":_vm._s(_vm.data.chapter_title)}},[_vm._v(\"Menu Name\")]):_vm._e(),_c('nav',_vm._l((_vm.data.articles),function(article,index){return _c('text-link',{key:'article-' + index,attrs:{\"model\":article,\"index\":index,\"tabindex\":_vm.tabindex},on:{\"showArticles\":_vm.toggle}})}),1)]):_vm._e()])],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div v-if=\"lang!=='en'\" v-bind:class=\"['side-articles-nav', colorMode, { 'anchor-side': !articleHeaderActive, active: open }]\" v-on:focusout.stop.prevent=\"close\">\n\t\t<menu-toggle-button :active=\"open\" v-on:toggleMenu=\"toggle\" type=\"articles\"></menu-toggle-button>\n\t\t<svg class=\"progress-circle\">\n\t\t\t<circle class='outline' cx='20' cy='20' r='19' stroke-dasharray='360' \n\t\t\tv-bind:stroke-dashoffset='progressStrokeDashoffset'/>\n\t\t</svg>\n\t\t<transition name=\"reveal-from-left\">\t\n\t\t\t<div v-if=\"open && data.articles\" class=\"article-menu-links\">\n\t\t\t\t<h4 v-if=\"data.chapter_title\" v-text=\"data.chapter_title\">Menu Name</h4>\n\t\t\t\t<nav>\n\t\t\t\t\t<text-link v-for=\"(article, index) in data.articles\" \n\t\t\t\t\t\t:key=\"'article-' + index\" \n\t\t\t\t\t\tv-bind:model=\"article\" \n\t\t\t\t\t\tv-bind:index=\"index\" \n\t\t\t\t\t\tv-bind:tabindex=\"tabindex\" \n\t\t\t\t\t\tv-on:showArticles=\"toggle\"></text-link>\n\t\t\t\t</nav>\n\t\t\t</div>\n\t\t</transition>\n\t</div>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\nexport default {\n\tprops: ['data'],\n\tdata() {\n\t\treturn {\n\t\t\topen: false,\n\t\t\tarticleHeaderActive: true,\n\t\t\tscrollTop: 0,\n\t\t\tprogressStrokeDashoffset: 360,\n\t\t\telementAfterArticle: null,\n\t\t\tdefaultColorMode: 'dark',\n\t\t\tcurrentColorMode: 'dark',\n\t\t\tendOfArticleOffset: 0,\n\t\t\tcolorBreakpoints: false\n\t\t}\n\t},\n\tcomputed: {\n\t\t...mapState({\n\t\t\tlang: state => state.lang\n\t\t}),\n\t\ttabindex() {\n\t\t\treturn (this.open) ? 0 : -1\n\t\t},\n\t\tcolorMode() {\n\t\t\treturn (this.articleHeaderActive) ? this.defaultColorMode : this.currentColorMode\n\t\t\t//return (this.articleHeaderActive) ? this.defaultColorMode : this.$store.state.colorMode\n\t\t},\n\t\tisSticky() {\n\t\t\treturn this.$store.state.stickySideNav\n\t\t}\n\t},\n\tmethods: {\n\t\tsetDefaultColorMode() {\n\t\t\tvar element = document.getElementById('component-1');\n\t\t\tif (typeof element !== 'undefined' && element !== null) {\n\t\t\t\tthis.defaultColorMode = (element.classList.contains('light')) ? 'light' : 'dark';\n\t\t\t\tthis.generateColorBreakpoints();\n\t\t\t} else {\n\t\t\t\tsetTimeout(() => { this.setDefaultColorMode() }, 500)\n\t\t\t}\n\t\t},\n\t\ttoggle() {\n\t\t\tthis.open = !this.open;\n\t\t},\n\t\tclose() {\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.open = (document.querySelectorAll(\".article-menu-links :focus\").length);\n\t\t\t}, 100);\n\t\t\t\n\t\t},\n\t\treset() {\n\t\t\tthis.setDefaultColorMode();\n\t\t\tthis.elementAfterArticle = null;\n\t\t\tthis.progressStrokeDashoffset = 360;\n\t\t\tthis.open = false;\n\t\t},\n\t\tupdateColorMode() {\n\n\t\t\tif (this.colorBreakpoints) {\n\t\t\t\tvar currColor = this.defaultColorMode;\n\t\t\t\tfor (var i=0; i < this.colorBreakpoints.length; i++) {\n\t\t\t\t\tif ((window.pageYOffset + this.$el.offsetTop)>this.colorBreakpoints[i].offsetTop) {\n\t\t\t\t\t\tcurrColor = this.colorBreakpoints[i].colorMode\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tthis.currentColorMode = currColor;\n\t\t\t}\n\n\t\t},\n\t\tupdateScrollProgressIndicator() {\n\t\t\tif (window.pageYOffset < 100) {\n\t\t\t\tthis.progressStrokeDashoffset = 360;\n\t\t\t} else {\n\t\t\t\tif (this.elementAfterArticle===null) {\n\t\t\t\t\tthis.setupEndOfArticle();\n\t\t\t\t}\n\t\t\t\tif (this.elementAfterArticle!==null) {\n\t\t\t\t\t// 360 is empty, 300 is half,  240 is full\n\t\t\t\t\t// 120 is the range between full and empty\n\t\t\t\t\tif (this.scrollY >= this.endOfArticleOffset) {\n\t\t\t\t\t\tthis.progressStrokeDashoffset = 240;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tvar diff = (100 - ((this.endOfArticleOffset - window.pageYOffset)*100)/this.endOfArticleOffset) / 100;\n\t\t\t\t\t\tthis.progressStrokeDashoffset = 360 - (diff*120);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\thandleScroll() {\n\n\t\t\tthis.updateColorMode();\n\t\t\tthis.updateScrollProgressIndicator();\n\t\t\tthis.scrollOffset = window.pageYOffset;\n\t\t\tthis.articleHeaderActive = (window.pageYOffset <= 50);\n\n\t\t},\n\t\tresetEndOfArticle() {\n\t\t\tthis.elementAfterArticle = null;\n\t\t\tthis.endOfArticleOffset = 9999999999;\n\t\t},\n\t\tsetupEndOfArticle() {\n\t\t\tthis.elementAfterArticle = document.querySelector('.download-center-buttons.button-group.expanded')\n\t\t\tthis.endOfArticleOffset = (this.elementAfterArticle) ? this.elementAfterArticle.offsetTop - window.innerHeight : 0\n\t\t},\n\t\tgenerateColorBreakpoints() {\n\t\t\tvar blocks = document.querySelectorAll('.block-wrapper');\n\t\t\tvar breakpoints = [];\n\t\t\tvar lastColorClass = this.defaultColorMode;\n\t\t\tfor (var i=0; i<blocks.length; i++) {\n\t\t\t\tvar colorMode = (blocks[i].classList.contains('light')) ? 'light' : 'dark';\n\t\t\t\tif (lastColorClass!==colorMode) {\n\t\t\t\t\tvar offsetTop = blocks[i].offsetTop;\n\t\t\t\t\tbreakpoints.push({ offsetTop: offsetTop, colorMode: colorMode });\n\t\t\t\t\tlastColorClass = colorMode;\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.colorBreakpoints = breakpoints;\n\t\t},\n\t\tresetScrollBreakpoints() {\n\t\t\tthis.setupEndOfArticle();\n\t\t\tthis.generateColorBreakpoints();\n\t\t}\n\t},\n\twatch: {\n\t\t'$route': 'reset'\n\t},\n\tmounted() {\n\t\tthis.setDefaultColorMode();\n\t\twindow.addEventListener('resize', this.resetScrollBreakpoints);\n\t\twindow.addEventListener('scroll', this.handleScroll);\n\t},\n\tdestroy() {\n\t\twindow.removeEventListener('resize', this.resetScrollBreakpoints);\n\t\twindow.removeEventListener('scroll', this.handleScroll);\n\t},\n\tcomponents: {\n\t\tTextLink: () => import('../../components/global/TextLink'),\n\t\tMenuToggleButton: () => import('../../components/global/MenuToggleButton')\n\t}\n}\n</script>","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!./ArticleMenu.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!./ArticleMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ArticleMenu.vue?vue&type=template&id=29c3dd06&\"\nimport script from \"./ArticleMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./ArticleMenu.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":""}