{"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?d2da"],"names":["newUsers","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-9db60922.f16e9598.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-blue-500.to-blue-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 Nuevos Usuarios\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 CV's Creados Hoy\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 Clientes Satisfechos\n  .flex.mx-auto.mt-20\n    BaseButton.bg-green-400.inline-block.mx-auto.text-white.font-normal.text-3xl.shadow-brandGreen Crear mi CV\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-blue-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</style>","import { render } from \"./sectionAnalitycs.vue?vue&type=template&id=2586157e&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=2586157e&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-2586157e\"]])\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=2586157e&lang=scss&scoped=true\""],"sourceRoot":""}