{"version":3,"sources":["webpack:///./src/components/TemplateStatsCalculator.vue?5c1a","webpack:///./src/components/TemplateStatsCalculator.vue?dd8b","webpack:///src/components/TemplateStatsCalculator.vue","webpack:///./src/components/TemplateStatsCalculator.vue?a2d1","webpack:///./src/components/TemplateStatsCalculator.vue?45e5","webpack:///./src/components/TemplateStatsPopover.vue?84c1","webpack:///./src/components/Infobox.vue?ebab","webpack:///src/components/Infobox.vue","webpack:///./src/components/Infobox.vue?0e52","webpack:///./src/components/Infobox.vue?267c","webpack:///./src/components/AnimateText.vue?43c2","webpack:///src/components/AnimateText.vue","webpack:///./src/components/AnimateText.vue?0f17","webpack:///./src/components/AnimateText.vue","webpack:///./src/components/TemplateStatsPopover.vue?a700","webpack:///src/components/TemplateStatsPopover.vue","webpack:///./src/components/TemplateStatsPopover.vue?74bd","webpack:///./src/components/TemplateStatsPopover.vue?3bcf","webpack:///./src/components/ProgressCircle.vue?56fb","webpack:///src/components/ProgressCircle.vue","webpack:///./src/components/ProgressCircle.vue?0f33","webpack:///./src/components/ProgressCircle.vue?8090","webpack:///./src/assets/js/sentencePreview.js","webpack:///./src/components/ProgressCircle.vue?2e51","webpack:///./src/components/Infobox.vue?f3d1","webpack:///./src/components/UsageCounter.vue?e556","webpack:///src/components/UsageCounter.vue","webpack:///./src/components/UsageCounter.vue?e93e","webpack:///./src/components/UsageCounter.vue?a1fd","webpack:///./src/components/UsageCounter.vue?4ea8"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TemplateStatsCalculator_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TemplateStatsCalculator_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","text-align","_v","_s","$t","attrs","for","directives","name","rawName","value","expression","id","on","input","$event","countTextStats","chosenSection","change","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","selectedSection","multiple","domProps","_l","section","key","sectionId","sectionName","mid","bottom","width","slot","class","applyColor","number","lixNumberFormatted","wordsInText","allChars","animateTime","noSpaceChars","text-transform","top","Math","floor","readTime","m","addZero","d","_e","staticRenderFns","TemplateStatsCalculatorvue_type_script_lang_js_","data","pointsInText","longWordsInText","preview","lixNumber","props","allText","methods","result","s","sectionText","join","mergedSection","countFunction","words","findSpace","w","indexOf","removeSpace","splice","length","pointCount","match","longWords","i","includes","charAt","removeDot","substring","round","split","replace","countReadingTime","readingSpeed","computed","Infinity","_this","find","a","created","components","AnimateText","Infobox","components_TemplateStatsCalculatorvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TemplateStatsPopover_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TemplateStatsPopover_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","mouseover","hoverInfo","mouseleave","_t","left","right","mid-x","midX","no-padding","noPadding","auto-width","autoWidth","hover-info","style","min-width","minWidth","max-width","maxWidth","Infoboxvue_type_script_lang_js_","disabled","type","default","EventBus","text","required","conditionalToggle","tabIndex","isOpen","components_Infoboxvue_type_script_lang_js_","formattedNumber","unit","AnimateTextvue_type_script_lang_js_","interval","displayNumber","animateFunction","setInterval","clearInterval","bind","toLocaleString","watch","components_AnimateTextvue_type_script_lang_js_","backdrop","close","$emit","selectedDataset","referenceName","click","stopPropagation","preventDefault","onClose","maxAmount","variables","activeAmount","usedVars","circleSize","strokeWidth","textSize","usageAmount","dangerZone","totalAmount","TemplateStatsPopovervue_type_script_lang_js_","totalVars","template","loading","sum","forEach","e","CustomPopover","TemplateStatsCalculator","ProgressCircle","UsageCounter","components_TemplateStatsPopovervue_type_script_lang_js_","height","cx","cy","r","radius","stroke-width","noshow","show","cssProps","strokeDashoffset","barFill","percentage","ProgressCirclevue_type_script_lang_js_","showVariableInfo","defualt","--circumference","circumference","--text-size","PI","toFixed","mounted","setTimeout","components_ProgressCirclevue_type_script_lang_js_","linkRegEx","RegExp","SentencePreview","sentence","_home_runner_work_ICRobotics_ICRobotics_Sites_App_robotics_app_node_modules_babel_runtime_corejs2_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_4__","_home_runner_work_ICRobotics_ICRobotics_Sites_App_robotics_app_node_modules_babel_runtime_corejs2_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_6__","_home_runner_work_ICRobotics_ICRobotics_Sites_App_robotics_app_node_modules_babel_runtime_corejs2_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_5__","get","path","isLeaf","undefined","sentences","event","element","posX","clientX","posY","clientY","_this2","el","document","createElement","setAttribute","depth","index","classList","add","addEventListener","onClick","innerHTML","appendChild","getAsHtml","getAsString","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ProgressCircle_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ProgressCircle_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Infobox_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Infobox_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","title","text-danger","danger","UsageCountervue_type_script_lang_js_","handler","console","immediate","components_UsageCountervue_type_script_lang_js_","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UsageCounter_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UsageCounter_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/lazy-view-components-TemplateStatsPopover.f3381e71.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TemplateStatsCalculator.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TemplateStatsCalculator.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"calculator\"},[_c('h3',{staticClass:\"bolder\",staticStyle:{\"text-align\":\"center\"}},[_vm._v(_vm._s(_vm.$t(\"template-stats.title\")))]),_c('label',{attrs:{\"for\":\"section\"}},[_vm._v(_vm._s(_vm.$t(\"template-stats.section-label\")))]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedSection),expression:\"selectedSection\"}],staticClass:\"form-control selector\",attrs:{\"name\":\"section\",\"id\":\"sectionPicker\"},on:{\"input\":function($event){return _vm.countTextStats(_vm.chosenSection)},\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.selectedSection=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},function($event){return _vm.countTextStats(_vm.chosenSection)}]}},[_c('option',{domProps:{\"value\":'all'}},[_vm._v(_vm._s(_vm.$t(\"template-stats.all\")))]),_vm._l((_vm.allText),function(section){return _c('option',{key:section.sectionId,domProps:{\"value\":section.sectionId}},[_vm._v(_vm._s(section.sectionName))])})],2),(_vm.selectedSection)?_c('div',{staticClass:\"stat-vars\"},[_c('p',[_c('span',{staticClass:\"lighter\"},[_vm._v(_vm._s(_vm.$t(\"template-stats.lix\"))+\"          \\n                \"),_c('infobox',{attrs:{\"mid\":\"\",\"bottom\":\"\",\"width\":400}},[_c('span',{staticClass:\"info\",attrs:{\"slot\":\"icon\"},slot:\"icon\"},[_vm._v(\"i\")]),_c('h5',[_vm._v(_vm._s(_vm.$t(\"template-stats.lix-info.title\")))]),_c('ul',[_c('li',[_c('span',{staticClass:\"grade1\"},[_vm._v(\" Under 24 \")]),_vm._v(_vm._s(_vm.$t(\"template-stats.lix-info.grade1\")))]),_c('li',[_c('span',{staticClass:\"grade2\"},[_vm._v(\" 25-34 \")]),_vm._v(\" \"+_vm._s(_vm.$t(\"template-stats.lix-info.grade2\")))]),_c('li',[_c('span',{staticClass:\"grade3\"},[_vm._v(\" 35-44 \")]),_vm._v(\" \"+_vm._s(_vm.$t(\"template-stats.lix-info.grade3\")))]),_c('li',[_c('span',{staticClass:\"grade4\"},[_vm._v(\" 45-54 \")]),_vm._v(\" \"+_vm._s(_vm.$t(\"template-stats.lix-info.grade4\")))]),_c('li',[_c('span',{staticClass:\"grade5\"},[_vm._v(\" Over 55 \")]),_vm._v(_vm._s(_vm.$t(\"template-stats.lix-info.grade5\")))])])])],1),_c('animate-text',{class:_vm.applyColor(),attrs:{\"number\":_vm.lixNumberFormatted}})],1),_c('p',[_c('span',{staticClass:\"lighter\"},[_vm._v(_vm._s(_vm.$t(\"template-stats.words\")))]),_c('animate-text',{attrs:{\"number\":_vm.wordsInText}})],1),_c('p',[_c('span',{staticClass:\"lighter\"},[_vm._v(_vm._s(_vm.$t(\"template-stats.chars-w-space\")))]),_c('animate-text',{attrs:{\"number\":_vm.allChars,\"animateTime\":10}})],1),_c('p',[_c('span',{staticClass:\"lighter\"},[_vm._v(_vm._s(_vm.$t(\"template-stats.chars-no-space\")))]),_c('animate-text',{attrs:{\"number\":_vm.noSpaceChars,\"animateTime\":10}})],1),_c('p',[_c('span',{staticClass:\"lighter\"},[_c('span',{staticStyle:{\"text-transform\":\"uppercase\"}},[_vm._v(_vm._s(_vm.$t(\"template-stats.read-time\"))+\" \")]),_c('infobox',{attrs:{\"mid\":\"\",\"top\":\"\",\"width\":400}},[_c('span',{staticClass:\"info\",attrs:{\"slot\":\"icon\"},slot:\"icon\"},[_vm._v(\"i\")]),_c('h5',[_vm._v(_vm._s(_vm.$t(\"template-stats.time-disclaimer.title\")))]),_c('span',[_vm._v(_vm._s(_vm.$t(\"template-stats.time-disclaimer.desc\")))])])],1),_c('span',{staticClass:\"d-flex\"},[_c('animate-text',{attrs:{\"number\":Math.floor(_vm.readTime.m),\"animateTime\":30}}),_vm._v(\": \"),_c('animate-text',{attrs:{\"addZero\":true,\"number\":_vm.readTime.d,\"animateTime\":30}})],1)])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div class=\"calculator\"> \n    <h3 style=\"text-align:center;\" class=\"bolder\">{{$t(\"template-stats.title\")}}</h3>\n    <label for=\"section\">{{$t(\"template-stats.section-label\")}}</label>\n    <select class=\"form-control selector\" name=\"section\" id=\"sectionPicker\" v-model=\"selectedSection\" @input=\"countTextStats(chosenSection)\" @change=\"countTextStats(chosenSection)\">\n        <option :value=\"'all'\" >{{$t(\"template-stats.all\")}}</option>\n        <option v-for=\"section in allText\" :key=\"section.sectionId\" :value=\"section.sectionId\">{{section.sectionName}}</option>\n    </select>\n    <div class=\"stat-vars\" v-if=\"selectedSection\">\n        <p> \n            <span class=\"lighter\">{{$t(\"template-stats.lix\")}}          \n                <infobox mid bottom :width=\"400\" > \n                    <span slot=\"icon\" class=\"info\">i</span>\n                    <h5>{{$t(\"template-stats.lix-info.title\")}}</h5>\n                    <ul>\n                        <li> <span class=\"grade1\"> Under 24 </span>{{$t(\"template-stats.lix-info.grade1\")}}</li>\n                        <li> <span class=\"grade2\"> 25-34 </span> {{$t(\"template-stats.lix-info.grade2\")}}</li>\n                        <li> <span class=\"grade3\"> 35-44 </span> {{$t(\"template-stats.lix-info.grade3\")}}</li>\n                        <li> <span class=\"grade4\"> 45-54 </span> {{$t(\"template-stats.lix-info.grade4\")}}</li>\n                        <li> <span class=\"grade5\"> Over 55 </span>{{$t(\"template-stats.lix-info.grade5\")}}</li>\n                    </ul>\n                </infobox>\n            </span> \n            <animate-text :class=\"applyColor()\" :number=\"lixNumberFormatted\"/>\n        </p> \n        <p> <span class=\"lighter\">{{$t(\"template-stats.words\")}}</span>  <animate-text :number=\"wordsInText\" /> </p>\n        <p> <span class=\"lighter\">{{$t(\"template-stats.chars-w-space\")}}</span>   <animate-text :number=\"allChars\" :animateTime=\"10\"/> </p> \n        <p> <span class=\"lighter\">{{$t(\"template-stats.chars-no-space\")}}</span>    <animate-text :number=\"noSpaceChars\" :animateTime=\"10\"/></p>\n        <p> \n            <span class=\"lighter\"> <span style=\"text-transform:uppercase;\" >{{$t(\"template-stats.read-time\")}} </span>\n                 <infobox mid top :width=\"400\"> \n                    <span slot=\"icon\" class=\"info\">i</span>\n                    <h5>{{$t(\"template-stats.time-disclaimer.title\")}}</h5>\n                    <span>{{$t(\"template-stats.time-disclaimer.desc\")}}</span>\n                </infobox>\n            </span> \n            \n            <span class=\"d-flex\"> \n                <animate-text :number=\"Math.floor(readTime.m)\" :animateTime=\"30\"/>: <animate-text :addZero=\"true\" :number=\"readTime.d\" :animateTime=\"30\"/> \n            </span>\n        </p>\n    </div> \n</div>\n</template>\n\n<script>\n\timport SentencePreview from '@/assets/js/sentencePreview.js'\n    import EventBus from '@/assets/js/eventBus.js'\n    import AnimateText from '@/components/AnimateText.vue'\n    import Infobox from '@/components/Infobox'\n    export default {\n    name: 'TemplateStatsCalculator',\n        data () {\n                return {\n                    wordsInText: \"\",\n                    pointsInText: 0,\n                    longWordsInText: null,\n                    preview: this.$store.state.sentenceEditorPreview,\n                    selectedSection: 'all',\n                    lixNumber: null,\n                    allChars: null,\n                    noSpaceChars: null,\n                    readTime: {\n                        m: null,\n                        d: null\n                    }\n                }\n            },\n\n            props:{\n                allText: Array\n            },\n\n        methods:{\n            countTextStats(section){\n                if(this.selectedSection === 'all'){\n                   let result = this.allText.map(s => s.sectionText).join('');\n                    // console.log(result)\n                    let mergedSection = {sectionId: \"all\", sectionText : result}\n                    this.countFunction(mergedSection)\n                  }\n                else {\n                    this.countFunction(section)\n                }\n            },\n            countFunction(section){\n                let words;\n                words = section.sectionText.split(' ')\n                findSpace(words)\n                function findSpace(w){\n                    if(w.indexOf(\"\") == -1){\n                        words = w\n                   }\n                   else{\n                    let removeSpace = w.indexOf(\"\")\n                    let remover = w.splice(removeSpace, 1)\n                       findSpace(w)  \n                   }\n                }\n                this.wordsInText = words.length;\n\n\n                let pointCount = (section.sectionText.match(/\\./g) || [] ).length\n                this.pointsInText = pointCount\n                // console.log(pointCount)\n                \n                let longWords = 0;\n                  for(let i = 0; i < words.length; i++){\n                    if(words[i].includes(\".\")){\n                        if(words[i].charAt(words[i].length -1) == \".\"){\n                            let removeDot = words[i].substring(0, words[i].length - 1)\n                            words[i] = removeDot\n                        }\n                    }\n                    if(words[i].length > 6){\n                        longWords++\n                            }\n                        }\n\n                        this.longWordsInText = longWords\n\n                    this.lixNumber = Math.round((this.wordsInText / this.pointsInText ) + ((this.longWordsInText * 100) / this.wordsInText))\n                    this.allChars = section.sectionText.split('').length -1\n                    this.noSpaceChars = section.sectionText.replace(/\\s+/g, '').length\n\n                    this.countReadingTime()\n            },\n\n            applyColor(){\n                if(this.lixNumber < 24) return 'grade1'\n                if(this.lixNumber < 35 && this.lixNumber > 24) return 'grade2'\n                if(this.lixNumber < 45 && this.lixNumber > 34) return 'grade3'\n                if(this.lixNumber < 55 && this.lixNumber > 44) return 'grade4'\n                if(this.lixNumber > 54) return 'grade5'\n            },\n\n            countReadingTime(){\n                \n                let readingSpeed;\n                if(this.lixNumber < 24) readingSpeed = 240\n                if(this.lixNumber < 35 && this.lixNumber > 24) readingSpeed = 220\n                if(this.lixNumber < 45 && this.lixNumber > 34) readingSpeed = 200\n                if(this.lixNumber < 55 && this.lixNumber > 44) readingSpeed = 180\n                if(this.lixNumber > 54) readingSpeed = 160\n\n                this.readTime.m = this.wordsInText / readingSpeed;\n                this.readTime.d = Math.floor(((this.readTime.m - Math.floor(this.readTime.m)) * 0.6) * 100)\n                \n                // if(this.readTime.d < 10){\n                //     let zerofilled = ('0'+ this.readTime.d).slice(-4);\n                //     let numbered = parseFloat(zerofilled, 10)\n                //     console.log(numbered)\n                //     return this.readTime.d = numbered\n                //     }\n            },\n        },\n        computed:{\n            //To avoid infinity bug \n            lixNumberFormatted(){\n                if(this.lixNumber == Infinity){ return 0 }     \n                else return this.lixNumber\n            },\n            chosenSection(){\n                return this.allText.find(a => a.sectionId === this.selectedSection)\n            }\n        },\n        created(){\n            this.countTextStats()\n        },\n        components:{\n            AnimateText,\n            Infobox\n        }\n    }  \n</script>\n\n<style lang=\"less\">\n      .calculator{\n         \n        label{\n            color: var(--charcoal-50);\n            padding: 0.375rem 1.75rem 0.375rem 0.75rem;\n            margin-bottom: 0;\n        }\n        #sectionPicker{\n           text-transform: uppercase;\n           font-size: 14px;\n\n            font-weight: 400;\n            border: none;\n            border-bottom: 1px solid rgba(143, 151, 156, 0.192);\n            border-radius: 0;\n           \n        }\n\n        .stat-vars {\n            display: flex;\n            flex-direction: column;\n            p{\n                padding: 10px 0;\n                padding: 10px 0.75rem;\n                // padding: 0.375rem 1.75rem 0.375rem 0.75rem;\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                border-bottom: 1px solid rgba(143, 151, 156, 0.192);\n\n                span{\n                     cursor: default;\n                }\n            }\n        }\n        .grade1{color: rgb(1, 240, 1);}\n        .grade2{color: var(--green);}\n        .grade3{color:var(--yellow);}\n        .grade4{color: #db4a58;}\n        .grade5{color:var(--red);}\n       \n       .info{\n            color: #7e7e7e;\n            border: 1px solid #7e7e7e;\n            padding:0 6px;\n            border-radius: 50% 50%;\n            margin-left: 4px;\n            text-transform: lowercase;\n        }\n        .red{\n            color: var(--red);\n        }\n        .green{\n            color: var(--green);\n        }\n      }\n</style>","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!./TemplateStatsCalculator.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!./TemplateStatsCalculator.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TemplateStatsCalculator.vue?vue&type=template&id=2d35c18a&\"\nimport script from \"./TemplateStatsCalculator.vue?vue&type=script&lang=js&\"\nexport * from \"./TemplateStatsCalculator.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TemplateStatsCalculator.vue?vue&type=style&index=0&lang=less&\"\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","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TemplateStatsPopover.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TemplateStatsPopover.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"info-hover-box\"},on:{\"mouseover\":function($event){_vm.hoverInfo = true},\"mouseleave\":function($event){_vm.hoverInfo = false}}},[_c('span',{staticClass:\"hover-element\",on:{\"mouseover\":function($event){_vm.hoverInfo = true},\"mouseleave\":function($event){_vm.hoverInfo = false}}},[_vm._t(\"icon\")],2),_c('div',{staticClass:\"hover-content\",class:{'left': _vm.left, 'right': _vm.right, 'top': _vm.top, 'mid' : _vm.mid, 'mid-x' : _vm.midX, 'no-padding': _vm.noPadding, 'auto-width' : _vm.autoWidth, 'hover-info': _vm.hoverInfo },style:({ 'min-width': _vm.minWidth + 'px', 'max-width': _vm.maxWidth + 'px', 'width': _vm.width + 'px'})},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"info-hover-box\" @mouseover=\"hoverInfo = true\" @mouseleave=\"hoverInfo = false\">\n    <span @mouseover=\"hoverInfo = true\" @mouseleave=\"hoverInfo = false\" class=\"hover-element\">\n      <slot name=\"icon\" style=\"position:relative;\"></slot>\n    </span>\n    \n    <div class=\"hover-content\" :class=\"{'left': left, 'right': right, 'top': top, 'mid' : mid, 'mid-x' : midX, 'no-padding': noPadding, 'auto-width' : autoWidth, 'hover-info': hoverInfo }\" :style=\"{ 'min-width': minWidth + 'px', 'max-width': maxWidth + 'px', 'width': width + 'px'}\">\n      <slot></slot>\n    </div> \n\n  </div>\n</template>\n<script>\nexport default {\n    name: 'infobox',\n    props: {\n      disabled: { type: Boolean, default: false },\n      EventBus: { type: Object },\n      text: { type: String, required: false, default: 'Toggle' },\n      minWidth: { type: [Number, String] },\n      maxWidth: { type: [Number, String] },\n      width: { type: [Number, String] },\n      conditionalToggle: { type: Boolean, default: true },\n      left: Boolean,\n      right: Boolean,\n      top: Boolean,\n      mid: Boolean,\n      midX: Boolean,\n      noPadding: Boolean,\n      autoWidth: Boolean,\n      tabIndex: { type: Number, default: 100 },\n      isOpen: { type: Boolean, default: false },\n    },\n  data() {\n    return {\n        hoverInfo: false\n    };\n  }\n}\n</script>\n\n<style lang=\"less\">\n#info-hover-box{\n    display: inline-block;\n    position: relative;\n\n    // .hover-element{\n      \n      // }\n    .hover-content{\n        // display: none;\n        box-shadow: 2px 4px 4px 2px rgba(0, 0, 0, 0.25);\n        background: var(--background-white);\n        position: absolute;\n        pointer-events: none;\n        padding: 12px;\n        z-index: 9999;\n        transition-delay: .2s ;\n        transition: .3s;\n        opacity: 0;\n        border-radius: var(--standard-border-radius);\n\n          &.no-padding{\n            padding:4px 12px;\n          }\n       \n        ul{\n            list-style-type: none;\n            margin: 0;\n            padding-left: 10px;\n            li{\n                margin-bottom: 4px;\n                    font-weight: 400;\n            }\n                span{\n                    font-weight: 600;\n                }\n            a{\n                pointer-events: auto;\n            }\n        }  \n        \n    &.left {\n        right: 100%;\n        left: unset;\n        text-align: left;\n      }\n\n      &.right {\n        left: 100%;\n        // right: 0;\n      }\n      &.mid{     \n        left: 50%;\n        transform: translateX(-50%);\n      }\n      &.mid-x{\n        top: 50%;\n        transform: translateY(-50%);\n      }\n      &.top {\n          bottom: 50%;\n          // top: 0\n      }\n      &.bottom {\n          top: 100%;\n          // bottom: 0\n      }\n      \n      &.auto-width{\n        width: auto;\n      }\n\n    }\n    .hover-info{\n        // display: block;\n        transition-delay: .2s;\n        opacity: 1;\n   \n    }\n\n}\n</style>\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!./Infobox.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!./Infobox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Infobox.vue?vue&type=template&id=6306b6c2&\"\nimport script from \"./Infobox.vue?vue&type=script&lang=js&\"\nexport * from \"./Infobox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Infobox.vue?vue&type=style&index=0&lang=less&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"animated-number\"},[(_vm.formattedNumber < 10 && _vm.addZero)?_c('span',[_vm._v(\"0\")]):_vm._e(),_c('span',[_vm._v(_vm._s(_vm.formattedNumber))]),(_vm.unit)?_c('span',[_vm._v(_vm._s(_vm.unit))]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div class=\"animated-number\">\n    <span v-if=\"formattedNumber < 10 && addZero\">0</span>\n    <span>{{formattedNumber}}</span>\n    <span v-if=\"unit\">{{unit}}</span>\n</div>\n</template>\n\n<script>\n    export default {\n    name: 'AnimateText',\n        data () {\n                return {\n                    interval: false,\n                    displayNumber: 0\n                }\n            },\n            props:{\n                unit: {\n                    type: String,\n                    },\n                number: {\n                    type: Number,\n                    default: 0\n                    },\n                animateTime: {\n                    type: Number,\n                    default: 20\n                    },\n                addZero: Boolean\n            },\n            methods:{\n                animateFunction(){\n                    //  if(this.number == Infinity){console.log(\"Infinitetete\"), this.number = 0 }     \n                this.interval = setInterval(function(){\n                    \n                    if(this.number == this.displayNumber){\n                        clearInterval(this.interval);\n                        return;\n                    }\n                    if(this.displayNumber != this.number){\n                        // console.log(\"countup\")\n                    let change = (this.number - this.displayNumber) / 10;\n                    change = change >= 0 ? Math.ceil(change) : Math.floor(change);\n                    this.displayNumber = this.displayNumber + change;\n                    }\n                }.bind(this), this.animateTime);\n            }\n        },\n\n            computed:{\n                formattedNumber(){return this.displayNumber.toLocaleString().replace(/\\./g, ' ')}\n            },\n            watch:{ number: function(){ this.animateFunction() } },\n            created(){\n                this.animateFunction()\n            }\n     \n    }  \n</script>\n\n<style lang=\"less\">\n\n</style>","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!./AnimateText.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!./AnimateText.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AnimateText.vue?vue&type=template&id=4cdd4a9a&\"\nimport script from \"./AnimateText.vue?vue&type=script&lang=js&\"\nexport * from \"./AnimateText.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('custom-popover',{staticClass:\"template-stats-popover\",attrs:{\"backdrop\":true},on:{\"close\":function($event){return _vm.$emit('close')}}},[_c('div',{staticClass:\"popover-header\"},[_c('div',{staticClass:\"left-side-header\"},[_c('h2',[_vm._v(_vm._s(_vm.$t('stats-popover.title')))]),_c('span',[_vm._v(\"- \"+_vm._s(_vm.selectedDataset? _vm.selectedDataset.referenceName: _vm.$t('variables.example')))])]),_c('div',{staticClass:\"close-popover\",on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onClose()}}},[_c('i',{staticClass:\"fa-light fa-times\"})])]),_c('div',{staticClass:\"stat-wrapper\"},[_c('div',{staticClass:\"var-progress stat\"},[_c('h3',[_vm._v(_vm._s(_vm.$t('progress-bar.title-in-use')))]),_c('progress-circle',{attrs:{\"maxAmount\":_vm.variables.length,\"activeAmount\":_vm.usedVars,\"circleSize\":170,\"strokeWidth\":10,\"textSize\":45}}),_c('usage-counter',{staticClass:\"usage-count\",attrs:{\"usageAmount\":_vm.usedVars,\"maxAmount\":_vm.variables.length,\"dangerZone\":100}}),_c('div',[_c('h3',[_vm._v(\" \"+_vm._s(_vm.$t('progress-bar.title-total')))]),_c('p',[_c('animate-text',{attrs:{\"number\":_vm.totalAmount,\"animateTime\":10}})],1)])],1),_c('TemplateStatsCalculator',{staticClass:\"text-stats stat\",attrs:{\"allText\":_vm.allText}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<custom-popover class=\"template-stats-popover\" :backdrop=\"true\"  @close=\"$emit('close')\">\n        <!-- <img @click.stop.prevent=\"onClose()\" class=\"close-popover\" src=\"@/assets/svg/close.svg\"> -->\n        <div class=\"popover-header\">\n            <div class=\"left-side-header\">\n                <h2>{{$t('stats-popover.title')}}</h2>\n                <span>- {{selectedDataset? selectedDataset.referenceName: $t('variables.example') }}</span>\n            </div>\n            \n            <div class=\"close-popover\" @click.stop.prevent=\"onClose()\">\n                <i class=\"fa-light fa-times\"></i>\n            </div>\n            \n        </div>\n        <div class=\"stat-wrapper\">\n            <div class=\"var-progress stat\">\n                <h3>{{$t('progress-bar.title-in-use')}}</h3>\n                <progress-circle \n                    :maxAmount=\"variables.length\" \n                    :activeAmount=\"usedVars\"\n                    :circleSize=\"170\"\n                    :strokeWidth=\"10\"\n                    :textSize=\"45\"\n                />\n                <usage-counter\n                    class=\"usage-count\"\n                    :usageAmount=\"usedVars\"\n                    :maxAmount=\"variables.length\"\n                    :dangerZone=\"100\" \n                />\n                <div>\n                    <h3> {{$t('progress-bar.title-total')}}</h3>\n                    <p><animate-text :number=\"totalAmount\" :animateTime=\"10\"/></p> \n                </div>\n            </div>\n\n            <TemplateStatsCalculator class=\"text-stats stat\" :allText=\"allText\" />\n        </div>\n\t</custom-popover>\n</template>\n<script>\nimport CustomPopover from '@/components/CustomPopover'\nimport VariableHelpers from '@/assets/js/variableHelpers'\n// import ProgressBar from '@/components/ProgressBar'\nimport ProgressCircle from '@/components/ProgressCircle'\nimport UsageCounter from '@/components/UsageCounter'\nimport TemplateStatsCalculator from '@/components/TemplateStatsCalculator'\nimport AnimateText from '@/components/AnimateText.vue'\nexport default {\n  name: \"templateStatsPopover\",\n  data() {\n    return {\n        totalVars: Object.values(VariableHelpers.countVariablesInTemplate(this.$store.state.template)),\n        usedVars: Object.keys(VariableHelpers.countVariablesInTemplate(this.$store.state.template)).length,\n        variables: this.$store.state.templateVariables,\n        template: this.$store.state.template,\n        loading: false,\n\t\t}\n    },\n    props:{\n        allText: Array,\n        selectedDataset: Object\n    },\n methods:{\n     onClose () {\n\t\tthis.$emit('close')\n    },\n },\ncomputed:{\n     totalAmount: function () {\n        let sum = 0;\n        this.totalVars.forEach(e => {\n            sum += e;\n        });\n        return sum\n    },\n},\n  components:{\n      CustomPopover,\n      TemplateStatsCalculator,\n      ProgressCircle,\n      UsageCounter,\n      AnimateText\n    \n  }\n}\n</script>\n<style lang=\"less\">\n    .template-stats-popover {\n        width: 740px;\n        height: 500px;\n\t\tline-height: 1.5;\n\t\tbackground-color: #fff;\n\t\tposition: absolute;\n        color: #3d464a;\n\t\t&.custom-popover {\n\t\t\tbackground-color: #fff;\n\t\t\tright: calc(50% - (740px / 2));\n\t\t\tleft: unset;\n\t\t\ttop: calc(50% - (500px / 2));\n\t\t\t&::before {\n\t\t\t\t// content: url(*/svg/close.svg);\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.close-button {\n\t\t\t\tdisplay: none;\n            } \n        }\n    img.close-popover{\n\tposition: absolute;\n    top: -9px;\n    right: -8px;\n\tz-index: 101;\n\tcursor: pointer;\n\t\t} \n        .stat-wrapper{  \n            padding: 40px;\n            height: 449px;\n            background-color: #fff;  \n            display: grid;\n            // display: flex;\n            // justify-content: center;\n            grid-gap: 40px;\n            grid-template-columns: repeat(2, 1fr);\n            grid-template-rows: 1fr 1fr;\n            border-radius: 0 0 10px 10px;\n            .stat{\n                border-radius: var(--standard-border-radius);\n                padding: 20px;\n                background-color: #fff;\n                box-shadow: 2px 4px 4px 2px rgba(0, 0, 0, 0.25);\n                grid-row-start: 1;\n                grid-row-end: 3;\n                p{\n                    margin-bottom: 0;\n                    font-size: 14pt;\n                    cursor: default;\n                }\n                h3{\n                    font-size: 16px;\n                    margin-bottom: 0;\n                }\n                .lighter{\n                    font-size: 10pt;\n                }\n\n                .underline{\n                    text-decoration: underline var(--flame);\n                }\n            }   \n        }\n        .var-progress{\n            border-radius: var(--standard-border-radius);\n            display: flex;\n            justify-content: space-between;\n            flex-direction: column;\n            align-items: center;\n            .usage-count{\n                position: absolute;\n                top: 55%;\n                .counter{\n                    font-size: 16px;\n                }\n            }\n            div{\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n            }\n        }\n\n        .popover-header{\n            color: var(--charcoal);\n\n            .left-side-header{\n                display: flex;\n                gap: 8px;\n            }\n        }\n\t}\n\n</style>\n\n\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!./TemplateStatsPopover.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!./TemplateStatsPopover.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TemplateStatsPopover.vue?vue&type=template&id=7883c407&\"\nimport script from \"./TemplateStatsPopover.vue?vue&type=script&lang=js&\"\nexport * from \"./TemplateStatsPopover.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TemplateStatsPopover.vue?vue&type=style&index=0&lang=less&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"progress-circle\"}},[_c('svg',{attrs:{\"height\":_vm.circleSize,\"width\":_vm.circleSize}},[_c('circle',{style:(_vm.cssProps),attrs:{\"cx\":_vm.circleSize / 2,\"cy\":_vm.circleSize / 2,\"r\":_vm.radius,\"stroke-width\":_vm.strokeWidth}}),_c('circle',{class:{ noshow: _vm.show },style:([_vm.cssProps, {strokeDashoffset:_vm.barFill}]),attrs:{\"cx\":_vm.circleSize / 2,\"cy\":_vm.circleSize / 2,\"r\":_vm.radius,\"stroke-width\":_vm.strokeWidth}})]),_c('h3',{staticClass:\"number\",style:(_vm.cssProps)},[_c('animate-text',{attrs:{\"number\":_vm.percentage,\"animateTime\":50}}),_c('span',{staticClass:\"percentage\"},[_vm._v(\"%\")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div id=\"progress-circle\" >  \n        <svg :height=\"circleSize\" :width=\"circleSize\">\n            <!-- <g> -->\n                <circle :cx=\"circleSize / 2\" :cy=\"circleSize / 2\" :r=\"radius\" :stroke-width=\"strokeWidth\" :style=\"cssProps\" > </circle>\n                <circle :cx=\"circleSize / 2\" :cy=\"circleSize / 2\" :r=\"radius\" :stroke-width=\"strokeWidth\" :class=\"{ noshow: show }\" :style=\"[cssProps, {strokeDashoffset:barFill}]\"> </circle>\n            <!-- </g> -->\n        </svg>\n        <h3 class=\"number\" :style=\"cssProps\" >   \n            <animate-text :number=\"percentage\" :animateTime=\"50\"/> \n            <span class=\"percentage\">%</span>\n        </h3>\n\t</div>\n</template>\n<script>\n    import AnimateText from '@/components/AnimateText.vue'\n\texport default {\n        props:{\n            maxAmount: Number,\n            activeAmount: Number,\n            totalAmount: Number,\n            showVariableInfo: Boolean,\n            circleSize: {\n                type: Number,\n                defualt: 120\n            },\n            strokeWidth: {\n                type: Number,\n                default: 6\n            },\n            textSize: {\n                type: Number,\n                default: 28\n            }\n        },  \n\tdata(){\n\t\treturn{\n            percentage: this.activeAmount / this.maxAmount * 100,\n            show: true,\n            // circumference: null\n        }\t\t\n    },\n    computed:{\n        cssProps(){\n          return { '--circumference' : (this.circumference), '--text-size' : this.textSize + \"px\"}\n        },\n        circumference(){\n            return (2 * Math.PI * this.radius).toFixed(0)\n        },\n        radius(){\n            return (this.circleSize / 100) * 45\n        },\n        barFill(){\n            if(this.percentage > 100) return this.circumference - (this.circumference * 100) / 100\n            else return this.circumference - (this.circumference * this.percentage) / 100\n        },\n\n   \n    },\n     mounted(){\n        // this.percentage = Math.round(this.percentage * 10) / 10\n        this.percentage = Math.round(this.percentage)\n        // this.circumference =  (2 * Math.PI * this.radius)\n    },\n\n    created(){\n        setTimeout(() => {\n            this.show = false\n        }, 100);\n    },\n        components:{\n            AnimateText\n        }\n    }\n</script>\n\n<style lang=\"less\">\n#progress-circle{\n    position: relative;\n    display: flex;\n    justify-content: center;\n        svg{\n            circle{\n                fill: none;\n                stroke-dasharray: var(--circumference);\n                stroke-dashoffset: var(--circumference);\n                transform: rotate(-90deg);\n                transform-origin: center;\n\n                &:nth-child(1){\n                    stroke-dashoffset: 0;\n                    stroke: rgba(143, 151, 156, 0.192);\n                }\n                &:nth-child(2){\n                    stroke-dashoffset: calc(var(--circumference) - (var(--circumference) * 0 ) /100);\n                    stroke: var(--orange-web);\n                    stroke-linecap: round;\n                    transition: .5s;\n                }\n            }\n        }\n\n       .number{\n            cursor: default;\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            font-size: var(--text-size);\n            display: flex;\n        }\n    .noshow{   \n        stroke-dashoffset: calc(var(--circumference) - (var(--circumference) * 0) /100) !important;\n    }\n}\n    \n</style>\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!./ProgressCircle.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!./ProgressCircle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProgressCircle.vue?vue&type=template&id=0bcb84de&\"\nimport script from \"./ProgressCircle.vue?vue&type=script&lang=js&\"\nexport * from \"./ProgressCircle.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProgressCircle.vue?vue&type=style&index=0&lang=less&\"\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","import EventBus from '@/assets/js/eventBus.js'\nconst linkRegEx = RegExp(/href=\"<span[^>]*>([^<]*)<\\/span>/g)\n\nclass SentencePreview {\n\telement = null\n\n\tconstructor(sentence, sectionId, variables) {\n\t\tthis.sentence = sentence\n\t\tthis.sectionId = sectionId\n\t\tthis.variables = variables\n\t}\n\n\tget depth() {\n\t\treturn this.sentence.path.length - 1\n\t}\n\n\tget index() {\n\t\treturn this.sentence.path[this.sentence.path.length - 1]\n\t}\n\n\tget text() {\n\t\treturn this.isLeaf ? this.sentence.text.replace(new RegExp('<br/>', 'g'), '\\r\\n') : ''\n\t}\n\n\tget isLeaf() {\n\t\treturn this.sentence.text !== undefined\n\t}\n\n\tget isTable() {\n\t\treturn this.isLeaf ? this.sentence.text.includes(\"<table>\") : false;\n\t}\n\t\n\tget isTableEnd() {\n\t\treturn this.isLeaf ? this.sentence.text.includes(\"</table>\") : false;\n\t}\n\n\tget sentences() {\n\t\treturn this.sentence.sentences ? this.sentence.sentences.map(s => new SentencePreview(s, this.sectionId)) : []\n\t}\n\n\tonClick(event) {\n\t\tevent.stopPropagation()\n\t\tEventBus.$emit(\"closeCta\") // To ensure EditorDemoCTA closes if its open\n\t\tEventBus.$emit('editSentence', {sentence: this.sentence, element: this.element, sectionId: this.sectionId, variables: this.variables})\n\t}\n\n\tonMouseOver(event) {\n\t\tevent.stopPropagation()\n\t\tEventBus.$emit('previewSentence', {\n\t\t\tsentence: this.sentence,\n\t\t\telement: this.element,\n\t\t\tsection: this.sectionId,\n\t\t\tposX: event.clientX,\n\t\t\tposY: event.clientY\n\t\t})\n\t}\n\n\tonMouseOut(event) {\n\t\tevent.stopPropagation()\n\t\tEventBus.$emit('stopPreviewingSentence', {sentence: this.sentence, element: this.element})\n\t}\n\n\t// Not in use anynmore. working method in SentencePreviewHtml.vue\n\tgetAsHtml() {\n\t\t// Works, but contains empty SPANs\n\t\tlet el = this.element = document.createElement('span')\n\t\tel.setAttribute('depth', this.depth)\n\t\tel.setAttribute('index', this.index)\n\t\tel.classList.add('preview-sentence-blot')\n\n\t\t// el.addEventListener('mouseover', event => this.onMouseOver(event))\n\t\t// el.addEventListener('mouseout', event => this.onMouseOut(event))\n\t\t// el.addEventListener('mouseenter', event => this.onMouseOver(event))\n\t\t// el.addEventListener('mouseleave', event => this.onMouseOut(event))\n\t\tel.addEventListener('click', event => this.onClick(event))\n\n\t\tif (this.isLeaf) { \n\t\t\tel.innerHTML = this.text\n\t\t\t.replace(/variable-name/g, 'variable-name tooltip')\n\t\t\t.replace(linkRegEx, \"href=\\\"$1\")\n\t\t\t+ ' '\n\t\t}\n\t\telse this.sentences.forEach(s => el.appendChild(s.getAsHtml()))\n\t\treturn el\n\t}\n\n\tgetAsString() {\n\t\tif (this.isLeaf) return this.text + ' '\n\t\telse return this.sentences.map(s => s.getAsString()).join('')\n\t}\n}\n\nexport default SentencePreview\n","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressCircle.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressCircle.vue?vue&type=style&index=0&lang=less&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Infobox.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Infobox.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"usage-counter\"},[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',[_vm._t(\"icon\"),(!_vm.maxAmount)?_c('span',[_vm._v(_vm._s(_vm.usageAmount))]):_c('span',{staticClass:\"counter\",class:{'text-danger': _vm.danger}},[_vm._v(_vm._s(_vm.usageAmount)+\" / \"+_vm._s(_vm.maxAmount))])],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"usage-counter\">\n        <span class=\"title\">{{title}}</span>\n        <div>\n            <slot name=\"icon\"></slot>\n            <span v-if=\"!maxAmount\">{{usageAmount}}</span>\n            <span v-else :class=\"{'text-danger': danger}\" class=\"counter\">{{usageAmount}} / {{maxAmount}}</span>\n\n            <!-- <div v-else :class=\"{'text-danger': danger}\">\n                <animate-text style=\"margin-right:2px;\" :number=\"usageAmount\" :animateTime=\"20\"/>\n                <span> / {{maxAmount}}</span>\n            </div> -->\n        </div>\n    </div>\n</template>\n\n<script>\nimport AnimateText from '@/components/AnimateText'\nexport default {\nname: 'SubscriptionOverview',\n  data() {\n    return {\n\n    }\n  },\n  props:{\n      title: String,\n      usageAmount: Number,\n      maxAmount: Number,\n      dangerZone:{\n          type: Number,\n          default: 80\n      }\n  },\n  methods:{\n\n  },\n  watch:{\n      usageAmount: {\n          handler: function(){\n              console.log(this.usageAmount)\n              console.log(this.usageAmount / this.maxAmount * 100)\n              // if usageAmount is more than dangerzone of maxamount\n          }\n      }, immediate: true\n  },\n  computed:{\n    danger(){\n        return (this.usageAmount / this.maxAmount * 100) > this.dangerZone\n    }\n  },\n  components: {\n   AnimateText\n  }\n\n};\n</script>\n\n<style lang=\"less\">\n.usage-counter{\n    .title{\n        font-size: 14px;\n        font-weight: bold;\n    }\n    span{\n        font-weight: bold;\n    }\n    div{\n        margin-top: 8px;\n        display: flex;\n        gap: 8px;\n        // justify-content: flex-start;\n        align-items: flex-end;\n    }\n\n}\n</style>\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!./UsageCounter.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!./UsageCounter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UsageCounter.vue?vue&type=template&id=cc408e20&\"\nimport script from \"./UsageCounter.vue?vue&type=script&lang=js&\"\nexport * from \"./UsageCounter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UsageCounter.vue?vue&type=style&index=0&lang=less&\"\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","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsageCounter.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsageCounter.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}