{"version":3,"sources":["webpack:///./src/components/www/home/sectionAnalitycs.vue","webpack:///./src/components/www/home/sectionAnalitycs.vue?e778","webpack:///./src/components/www/home/sectionAnalitycs.vue?c62e"],"names":["newUsers","$t","newCVs","clients","name","data","observer","mounted","callback","entries","isIntersecting","this","IntersectionObserver","root","rootMargin","threshold","observerHtmlElement","document","getElementById","observe","methods","disconnect","initIntervalCV","initIntervalUsers","initIntervalClients","intervalTime","cuantityToSum","interval","setInterval","clearInterval","computed","totalUsers","toLocaleString","replace","totalCvs","__exports__","render"],"mappings":"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","file":"js/chunk-74a1544a.36b154cc.js","sourcesContent":["import { ref, computed } from 'vue';\n<template lang=\"pug\">\n.container.mb-32\n  .w-full.rounded-3xl.bg-gradient-to-b.from-indigo-500.to-indigo-600#observableContainer\n    .wrapper-analitycs\n      XyzTransition(xyz=\"fade delay-1\")\n        .item(v-if=\"newUsers > 0\")\n          .font-normal.text-7xl.tracking-tighter {{ totalUsers }}\n          .font-normal.text-lg {{ $t('homePage.analitycs_users') }}\n      XyzTransition(xyz=\"fade delay-1\")\n        .item(v-if=\"newCVs > 0\")\n          .font-normal.text-7xl.tracking-tighter {{ totalCvs }}\n          .font-normal.text-lg {{ $t('homePage.analitycs_cvs') }}\n      XyzTransition(xyz=\"fade delay-1\")\n        .item(v-if=\"clients > 0\")\n          .font-normal.text-7xl.tracking-tighter +{{ clients }}k\n          .font-normal.text-lg {{ $t('homePage.analitycs_clients') }}\n  .flex.mx-auto.mt-20\n    BaseButton.action-button {{ $t('create_my_cv_button') }}\n</template>\n<script>\nexport default {\n  name: \"sectionAnalitycs\",\n  data: () => ({\n    observer: null,\n    newUsers: 0,\n    newCVs: 0,\n    clients: 0\n\n  }),\n  mounted() {\n    const callback = (entries) => this.isIntersecting(entries[0].isIntersecting);\n    this.observer = new IntersectionObserver(callback, {\n      root: null,\n      rootMargin: \"0px\",\n      threshold: .1\n    })\n    const observerHtmlElement = document.getElementById('observableContainer');\n    this.observer.observe(observerHtmlElement)\n  },\n  methods: {\n    isIntersecting(isIntersecting) {\n      if (isIntersecting) {\n        this.observer.disconnect();\n        this.initIntervalCV();\n        this.initIntervalUsers();\n        this.initIntervalClients();\n      }\n    },\n    initIntervalCV() {\n      let intervalTime = 15;\n      let cuantityToSum = 50\n      const interval = setInterval(() => {\n        this.newCVs += cuantityToSum;\n        if (this.newCVs > 2500) cuantityToSum = 20;\n        if (this.newCVs > 3000) cuantityToSum = 10;\n        if (this.newCVs > 3100) cuantityToSum = 1;\n        if (this.newCVs > 3196) clearInterval(interval)\n      }, intervalTime)\n    },\n    initIntervalUsers() {\n      let intervalTime = 15;\n      let cuantityToSum = 50\n      const interval = setInterval(() => {\n        this.newUsers += cuantityToSum;\n        if (this.newUsers > 1500) cuantityToSum = 20;\n        if (this.newUsers > 2000) cuantityToSum = 10;\n        if (this.newUsers > 2100) cuantityToSum = 1;\n        if (this.newUsers > 2225) clearInterval(interval)\n      }, intervalTime)\n    },\n    initIntervalClients() {\n      let intervalTime = 60;\n      let cuantityToSum = 10;\n      const interval = setInterval(() => {\n        this.clients += cuantityToSum;\n        if (this.clients > 499) clearInterval(interval)\n      }, intervalTime)\n    }\n  },\n  computed: {\n    totalUsers() {\n      return this.newUsers.toLocaleString('es-MX').replace(',', '.')\n    },\n    totalCvs() {\n      return this.newCVs.toLocaleString('es-MX').replace(',', '.')\n    }\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n.wrapper-analitycs {\n  @apply grid grid-cols-1 divide-y divide-indigo-500 p-5 text-white sm:grid-cols-3 sm:divide-x sm:divide-y-0;\n\n  .item {\n    @apply flex items-center justify-center text-center flex-col py-4;\n  }\n}\n\n.action-button {\n  @apply bg-indigo-400 inline-block mx-auto text-white font-normal text-3xl shadow-brand;\n}\n</style>","import { render } from \"./sectionAnalitycs.vue?vue&type=template&id=525d4d69&scoped=true&lang=pug\"\nimport script from \"./sectionAnalitycs.vue?vue&type=script&lang=js\"\nexport * from \"./sectionAnalitycs.vue?vue&type=script&lang=js\"\n\nimport \"./sectionAnalitycs.vue?vue&type=style&index=0&id=525d4d69&lang=scss&scoped=true\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-525d4d69\"]])\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./sectionAnalitycs.vue?vue&type=style&index=0&id=525d4d69&lang=scss&scoped=true\""],"sourceRoot":""}