{"version":3,"file":"js/chunk-d6c958f2.02091670.js","sources":["webpack:///./components/Stats.vue?ade2","webpack:///./assets/json/stats.js","webpack:///components/Stats.vue","webpack:///./components/Stats.vue?2f48","webpack:///./components/Stats.vue","webpack:///./components/Stats.vue?0d36"],"sourceRoot":"","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',[_c('b-row',{staticClass:\"a-section-title\"},[_c('b-col',[_c('h2',{staticClass:\"text-center\"},[_c('span',{staticClass:\"w-color-black\"},[_vm._v(_vm._s(_vm.$t(\"Naše\")))]),_c('span',{staticClass:\"w-color-primary z-fancy-underline\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"výsledky\"))),_c('svg-underline-special-icon'),_c('img',{staticClass:\"a-small-logo\",attrs:{\"src\":\"/numbers.png\",\"alt\":\"\"}})],1)])])],1),_c('b-row',{attrs:{\"align-h\":\"center\"}},_vm._l((_vm.stats),function(stat,i){return _c('b-col',{key:i,staticClass:\"card-number-wrapper\",attrs:{\"xl\":\"4\",\"md\":\"6\"}},[_c('div',{class:`card-number z-border-radius-20 w-background-${stat.backgroundColor} card-${i}`},[_c('div',{staticClass:\"z-icon-wrapper -large w-background-white mx-4\"},[_c(stat.icon,{tag:\"component\"})],1),_c('div',[_c('h3',{staticClass:\"statistic__number\"},[_vm._v(_vm._s(_vm.$t(stat.number)))]),_c('p',{staticClass:\"font-weight-bold w-color-blue-dark\"},[_vm._v(\" \"+_vm._s(_vm.$t(stat.text))+\" \")])])]),_c('svg-curved-triangle-icon',{class:`w-color-${stat.color} triangle d-none d-xl-block`}),_c('svg-curved-triangle-border-icon',{class:`w-color-${stat.color} triangle-border d-none d-xl-block`})],1)}),1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default [\n  {\n    icon: () => import(\"/assets/icons/group.svg?inline\"),\n    text: \"sledovateľov online\",\n    color: \"primary\",\n    backgroundColor: \"blue-light\",\n    image: \"/polygon1.png\",\n    apiKey: \"onlineFollowers\",\n  },\n  {\n    icon: () => import(\"/assets/icons/teacher.svg?inline\"),\n    text: \"registrovaných učiteľov\",\n    color: \"orange\",\n    backgroundColor: \"orange-light\",\n    image: \"/polygon2.png\",\n    apiKey: \"registeredUsers\",\n  },\n  {\n    icon: () => import(\"/assets/icons/video.svg?inline\"),\n    text: \"video kurzov\",\n    color: \"secondary\",\n    backgroundColor: \"red-light\",\n    image: \"/polygon3.png\",\n    apiKey: \"videoCourses\",\n  },\n];\n","<template>\n  <b-container>\n    <b-row class=\"a-section-title\">\n      <b-col>\n        <h2 class=\"text-center\">\n          <span class=\"w-color-black\">{{ $t(\"Naše\") }}</span>\n          <span class=\"w-color-primary z-fancy-underline\">\n            {{ $t(\"výsledky\") }}<svg-underline-special-icon />\n            <img src=\"/numbers.png\" class=\"a-small-logo\" alt=\"\" />\n          </span>\n        </h2>\n      </b-col>\n    </b-row>\n    <b-row align-h=\"center\">\n      <b-col\n        v-for=\"(stat, i) in stats\"\n        :key=\"i\"\n        xl=\"4\"\n        md=\"6\"\n        class=\"card-number-wrapper\"\n      >\n        <div\n          :class=\"`card-number z-border-radius-20 w-background-${stat.backgroundColor} card-${i}`\"\n        >\n          <div class=\"z-icon-wrapper -large w-background-white mx-4\">\n            <component :is=\"stat.icon\"></component>\n          </div>\n          <div>\n            <h3 class=\"statistic__number\">{{ $t(stat.number) }}</h3>\n            <p class=\"font-weight-bold w-color-blue-dark\">\n              {{ $t(stat.text) }}\n            </p>\n          </div>\n        </div>\n        <svg-curved-triangle-icon\n          :class=\"`w-color-${stat.color} triangle d-none d-xl-block`\"\n        />\n        <svg-curved-triangle-border-icon\n          :class=\"`w-color-${stat.color} triangle-border d-none d-xl-block`\"\n        />\n      </b-col>\n    </b-row>\n  </b-container>\n</template>\n\n<script>\nimport axios from \"/utils/axios\";\n\nimport stats from \"/assets/json/stats.js\";\n\nconst api = {\n  stats(locale) {\n    return axios.get(\"home-page\", {\n      params: { locale },\n    });\n  },\n};\n\nexport default {\n  components: {\n    \"svg-underline-special-icon\": () =>\n      import(\"/assets/icons/underlineSpecial.svg?inline\"),\n    \"svg-curved-triangle-icon\": () =>\n      import(\"/assets/icons/curvedTriangle.svg?inline\"),\n    \"svg-curved-triangle-border-icon\": () =>\n      import(\"/assets/icons/curvedTriangleBorder.svg?inline\"),\n  },\n\n  created() {\n    api.stats(this.$root.$i18n.locale).then(\n      ({ data }) =>\n        (this.stats = this.stats.map((stat) => ({\n          ...stat,\n          number: data.attributes[stat.apiKey],\n        })))\n    );\n  },\n\n  data() {\n    return {\n      stats,\n    };\n  },\n};\n</script>\n<style lang=\"sass\" scoped>\n.card-number-wrapper\n\tposition: relative\n\n\t.triangle-border\n\t\tposition: absolute\n\t\ttop: 50%\n\t\twidth: 100%\n\n\t.triangle\n\t\tposition: absolute\n\t\ttop: 50%\n\n\t.card-number\n\t\tp\n\t\t\tfont-family: 'Poppins'\n\t\t&::after\n\t\t\tposition: absolute\n\t\t\twidth: 4px\n\t\t\tcontent: ''\n\t\t\theight: 100%\n\t\t\tbackground-color: var(--background-color)\n\t\t\tz-index: 10\n\n\n\t&:nth-child(1)\n\t\t.triangle-border\n\t\t\ttransform: translateY(-52%)\n\t\t\theight: 480px\n\t\t\tright: 60px\n\n\t\t.triangle\n\t\t\ttransform: translateY(220%)\n\t\t\tleft: 125px\n\n\t\t.card-number\n\t\t\t&::after\n\t\t\t\tright: 70px\n\n\t&:nth-child(2)\n\t\t.triangle-border\n\t\t\ttransform: translateY(-46%) rotate(-60deg)\n\t\t\ttransform-origin: center\n\t\t\theight: 490px\n\t\t\tright: 65px\n\n\t\t.triangle\n\t\t\ttransform: translateY(-280%) rotate(60deg)\n\t\t\tright: 100px\n\n\t\t.card-number\n\t\t\t&::after\n\t\t\t\tleft: 26px\n\n\t&:nth-child(3)\n\t\t.triangle-border\n\t\t\ttransform: translateY(-52%)\n\t\t\theight: 480px\n\t\t\tright: 5px\n\n\t\t.triangle\n\t\t\ttransform: translateY(-340%) translateX(-50%)\n\t\t\tleft: 45%\n\n\t\t.card-number\n\t\t\t&::after\n\t\t\t\tright: 15px\n\n.card-number\n\tposition: relative\n\tmax-width: calc(100vw - 2rem)\n\theight: 300px\n\tdisplay: flex\n\talign-items: center\n\toverflow: hidden\n\tmargin-bottom: 1rem\n\n\t@media only screen and (min-width: 1400px)\n\t\tmax-width: 360px\n\n\th3\n\t\tfont-size: 2.4rem\n\n\tp\n\t\tfont-size: 28px\n\n.z-fancy-underline\n\tsvg\n\t\twidth: 110%\n\t\tright: -5%\n\n.card-number\n\theight: 240px\n\th3\n\t\tfont-size: 2.4rem\n\tp\n\t\tfont-size: 1.5rem\n\n.card-number-wrapper\n\t&:nth-child(1)\n\t\t.triangle-border\n\t\t\theight: 390px\n\t\t\tright: 50px\n\n\t\t\t@media only screen and (min-width: 1400px)\n\t\t\t\tright: 80px\n\n\t\t.triangle\n\t\t\ttransform: translateY(160%)\n\t\t\tleft: 110px\n\n\t\t.card-number\n\t\t\t&::after\n\t\t\t\tright: 56px\n\n\t&:nth-child(2)\n\t\t.triangle-border\n\t\t\theight: 408px\n\t\t\tright: 50px\n\n\t\t\t@media only screen and (min-width: 1400px)\n\t\t\t\tright: 80px\n\n\t\t.triangle\n\t\t\ttransform: translateY(-245%) rotate(60deg)\n\t\t\tright: 80px\n\n\t\t.card-number\n\t\t\t&::after\n\t\t\t\tleft: 20px\n\n\t&:nth-child(3)\n\t\t.triangle-border\n\t\t\theight: 380px\n\t\t\tright: 10px\n\n\t\t\t@media only screen and (min-width: 1400px)\n\t\t\t\tright: 40px\n\n\t\t.triangle\n\t\t\ttransform: translateY(-285%) translateX(-50%)\n\t\t\tleft: 50%\n\n\t\t.card-number\n\t\t\t&::after\n\t\t\t\tright: 20px\n\n@media only screen and (min-width: 1200px)\n\t.card-number-wrapper\n\t\tpadding-top: 7rem\n\t\tpadding-bottom: 7rem\n\n@media only screen and (max-width: 1199px)\n\t.card-number-wrapper\n\t\t.card-number\n\t\t\t&::after\n\t\t\t\tdisplay: none\n\n@media only screen and (max-width: 575px)\n\t.card-number\n\t\theight: 180px\n\t\th3\n\t\t\tfont-size: 2.4rem\n\t\tp\n\t\t\tfont-size: 1.25rem\n\n.card-0\n\tpadding-right: 70px\n</style>\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./Stats.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./Stats.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Stats.vue?vue&type=template&id=db87aafe&scoped=true\"\nimport script from \"./Stats.vue?vue&type=script&lang=js\"\nexport * from \"./Stats.vue?vue&type=script&lang=js\"\nimport style0 from \"./Stats.vue?vue&type=style&index=0&id=db87aafe&prod&lang=sass&scoped=true\"\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  \"db87aafe\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../node_modules/css-loader/dist/cjs.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/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./Stats.vue?vue&type=style&index=0&id=db87aafe&prod&lang=sass&scoped=true\""],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","$t","attrs","_l","stat","i","key","class","backgroundColor","icon","tag","number","text","color","staticRenderFns","image","apiKey","api","locale","axios","get","params","components","stats","$root","$i18n","then","data","map","attributes","component"],"mappings":";;uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,cAAc,CAACA,EAAG,QAAQ,CAACE,YAAY,mBAAmB,CAACF,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACE,YAAY,eAAe,CAACF,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACJ,EAAIK,GAAGL,EAAIM,GAAGN,EAAIO,GAAG,YAAYL,EAAG,OAAO,CAACE,YAAY,qCAAqC,CAACJ,EAAIK,GAAG,IAAIL,EAAIM,GAAGN,EAAIO,GAAG,cAAcL,EAAG,8BAA8BA,EAAG,MAAM,CAACE,YAAY,eAAeI,MAAM,CAAC,IAAM,eAAe,IAAM,OAAO,QAAQ,GAAGN,EAAG,QAAQ,CAACM,MAAM,CAAC,UAAU,WAAWR,EAAIS,GAAIT,EAAS,OAAE,SAASU,EAAKC,GAAG,OAAOT,EAAG,QAAQ,CAACU,IAAID,EAAEP,YAAY,sBAAsBI,MAAM,CAAC,GAAK,IAAI,GAAK,MAAM,CAACN,EAAG,MAAM,CAACW,MAAM,+CAA+CH,EAAKI,wBAAwBH,KAAK,CAACT,EAAG,MAAM,CAACE,YAAY,iDAAiD,CAACF,EAAGQ,EAAKK,KAAK,CAACC,IAAI,eAAe,GAAGd,EAAG,MAAM,CAACA,EAAG,KAAK,CAACE,YAAY,qBAAqB,CAACJ,EAAIK,GAAGL,EAAIM,GAAGN,EAAIO,GAAGG,EAAKO,YAAYf,EAAG,IAAI,CAACE,YAAY,sCAAsC,CAACJ,EAAIK,GAAG,IAAIL,EAAIM,GAAGN,EAAIO,GAAGG,EAAKQ,OAAO,WAAWhB,EAAG,2BAA2B,CAACW,MAAM,WAAWH,EAAKS,qCAAqCjB,EAAG,kCAAkC,CAACW,MAAM,WAAWH,EAAKS,6CAA6C,MAAK,IAAI,IAEztCC,EAAkB,G,YCFP,GACb,CACEL,KAAM,IAAM,oDACZG,KAAM,sBACNC,MAAO,UACPL,gBAAiB,aACjBO,MAAO,gBACPC,OAAQ,mBAEV,CACEP,KAAM,IAAM,oDACZG,KAAM,0BACNC,MAAO,SACPL,gBAAiB,eACjBO,MAAO,gBACPC,OAAQ,mBAEV,CACEP,KAAM,IAAM,oDACZG,KAAM,eACNC,MAAO,YACPL,gBAAiB,YACjBO,MAAO,gBACPC,OAAQ,iBC2BZ,MAAMC,EAAM,CACV,MAAMC,GACJ,OAAOC,EAAA,KAAMC,IAAI,YAAa,CAC5BC,OAAQ,CAAEH,cAKD,OACbI,WAAY,CACV,6BAA8B,IAC5B,oDACF,2BAA4B,IAC1B,oDACF,kCAAmC,IACjC,qDAGJ,UACEL,EAAIM,MAAM5B,KAAK6B,MAAMC,MAAMP,QAAQQ,KACjC,EAAGC,UACAhC,KAAK4B,MAAQ5B,KAAK4B,MAAMK,IAAKxB,IAAS,IAClCA,EACHO,OAAQgB,EAAKE,WAAWzB,EAAKY,aAKrC,OACE,MAAO,CACLO,WChFiL,I,wBCQnLO,EAAY,eACd,EACArC,EACAqB,GACA,EACA,KACA,WACA,MAIa,aAAAgB,E,sECnBf","debug_id":"590ad34f-868d-528e-9ff9-bd90a3cf2eab"}