{"version":3,"sources":["webpack:///./src/components/countdown/i4pro-countdown.vue?9cf7","webpack:///./node_modules/core-js/modules/es.math.trunc.js","webpack:///./src/components/countdown/i4pro-countdown.vue?2b03","webpack:///src/components/countdown/i4pro-countdown.vue","webpack:///./src/components/countdown/i4pro-countdown.vue?123a","webpack:///./src/components/countdown/i4pro-countdown.vue?3bde"],"names":["$","ceil","Math","floor","target","stat","trunc","it","render","_vm","this","_h","$createElement","_c","_self","class","expireding","days","staticClass","_v","_s","_f","_e","hours","minutes","seconds","staticRenderFns","data","props","deadline","type","Date","required","end","String","stop","Boolean","created","date","parse","endTime","interval","setInterval","computed","diff","methods","changeColor","watch","now","clearInterval","filters","twoDigits","value","toString","length","destroyed","component"],"mappings":"kHAAA,yBAAyiB,EAAG,G,4CCA5iB,IAAIA,EAAI,EAAQ,QAEZC,EAAOC,KAAKD,KACZE,EAAQD,KAAKC,MAIjBH,EAAE,CAAEI,OAAQ,OAAQC,MAAM,GAAQ,CAChCC,MAAO,SAAeC,GACpB,OAAQA,EAAK,EAAIJ,EAAQF,GAAMM,O,yCCTnC,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,YAAaN,EAAIO,WAAa,YAAc,gBAAgB,CAAEP,EAAIQ,KAAO,EAAGJ,EAAG,OAAO,CAACK,YAAY,QAAQ,CAACT,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,GAAG,YAAPZ,CAAoBA,EAAIQ,UAAUR,EAAIa,KAAKT,EAAG,OAAO,CAACK,YAAY,SAAS,CAACT,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,GAAG,YAAPZ,CAAoBA,EAAIc,QAAQ,IAAId,EAAIW,GAAGX,EAAIY,GAAG,YAAPZ,CAAoBA,EAAIe,UAAU,IAAIf,EAAIW,GAAGX,EAAIY,GAAG,YAAPZ,CAAoBA,EAAIgB,aAAaZ,EAAG,MAAM,CAACK,YAAY,UAAU,CAAET,EAAIQ,KAAO,EAAGJ,EAAG,OAAO,CAACJ,EAAIU,GAAG,QAAQV,EAAIa,KAAKT,EAAG,OAAO,CAACJ,EAAIU,GAAG,QAAQN,EAAG,OAAO,CAACJ,EAAIU,GAAG,QAAQN,EAAG,OAAO,CAACJ,EAAIU,GAAG,aACvlBO,EAAkB,GCctB,G,8BAAA,CACEC,KAAM,WAAR,OACA,cACA,yCACA,UACA,OACA,gBAGEC,MAAO,CACLC,SAAU,CACRC,KAAMC,KACNC,UAAU,GAEZC,IAAK,CACHH,KAAMI,QAERC,KAAM,CACJL,KAAMM,UAIVC,QAtBF,WAsBA,WACA,uCACI3B,KAAK4B,KAAOpC,KAAKI,MAAMyB,KAAKQ,MAAMC,GAAW,KAE7C9B,KAAK+B,SAAWC,aAAY,WAC1B,EAAN,2CACA,MAGEC,SAAU,CACRlB,QADJ,WAEM,OAAOvB,KAAKI,MAAMI,KAAKkC,MAAQ,IAGjCpB,QALJ,WAMM,OAAOtB,KAAKI,MAAMI,KAAKkC,KAAO,IAAM,IAGtCrB,MATJ,WAUM,OAAOrB,KAAKI,MAAMI,KAAKkC,KAAO,GAAK,IAAM,IAG3C3B,KAbJ,WAcM,OAAOf,KAAKI,MAAMI,KAAKkC,KAAO,GAAK,GAAK,MAI5CC,QAAS,CACPC,YADJ,WAEM,IAAN,iCACA,iCACA,8BACA,2BAGQpC,KAAKM,WADK,GAARC,GAAsB,GAATM,GAAcC,GAAW,IAEhD,yBAQEuB,MAAO,CACLC,IADJ,SACA,GACMtC,KAAKkC,KAAOlC,KAAK4B,KAAO5B,KAAKsC,IAE7BtC,KAAKoC,eAEDpC,KAAKkC,MAAQ,GAAKlC,KAAKyB,QACzBzB,KAAKkC,KAAO,EACZK,cAAcvC,KAAK+B,aAKzBS,QAAS,CACPC,UADJ,SACA,GACM,OAAIC,EAAMC,WAAWC,QAAU,EACtB,IAAMF,EAAMC,WAEdD,EAAMC,aAIjBE,UAxFF,WAyFIN,cAAcvC,KAAK+B,aCxGiV,I,wBCQpWe,EAAY,eACd,EACAhD,EACAkB,GACA,EACA,KACA,KACA,MAIa,aAAA8B,E","file":"js/chunk-070b01ab.59bb5ee6.js","sourcesContent":["import mod 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/lib/loaders/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--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./i4pro-countdown.vue?vue&type=style&index=0&lang=scss&\"; export default mod; 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/lib/loaders/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--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./i4pro-countdown.vue?vue&type=style&index=0&lang=scss&\"","var $ = require('../internals/export');\n\nvar ceil = Math.ceil;\nvar floor = Math.floor;\n\n// `Math.trunc` method\n// https://tc39.github.io/ecma262/#sec-math.trunc\n$({ target: 'Math', stat: true }, {\n  trunc: function trunc(it) {\n    return (it > 0 ? floor : ceil)(it);\n  }\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['countdown', _vm.expireding ? 'red--text' : 'green--text']},[(_vm.days > 0)?_c('span',{staticClass:\"days\"},[_vm._v(_vm._s(_vm._f(\"twoDigits\")(_vm.days)))]):_vm._e(),_c('span',{staticClass:\"hours\"},[_vm._v(_vm._s(_vm._f(\"twoDigits\")(_vm.hours))+\":\"+_vm._s(_vm._f(\"twoDigits\")(_vm.minutes))+\":\"+_vm._s(_vm._f(\"twoDigits\")(_vm.seconds)))]),_c('div',{staticClass:\"legend\"},[(_vm.days > 0)?_c('span',[_vm._v(\"dd\")]):_vm._e(),_c('span',[_vm._v(\"hh\")]),_c('span',[_vm._v(\"mm\")]),_c('span',[_vm._v(\"ss\")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :class=\"['countdown', expireding ? 'red--text' : 'green--text']\">\r\n    <span class=\"days\" v-if=\"days > 0\">{{ days | twoDigits }}</span>\r\n    <span class=\"hours\">{{ hours | twoDigits }}:{{ minutes | twoDigits }}:{{ seconds | twoDigits }}</span>\r\n\r\n    <div class=\"legend\">\r\n      <span v-if=\"days > 0\">dd</span>\r\n      <span>hh</span>\r\n      <span>mm</span>\r\n      <span>ss</span>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data: () => ({\r\n    interval: null,\r\n    now: Math.trunc(new Date().getTime() / 1000),\r\n    date: null,\r\n    diff: 0,\r\n    expireding: false\r\n  }),\r\n\r\n  props: {\r\n    deadline: {\r\n      type: Date,\r\n      required: true\r\n    },\r\n    end: {\r\n      type: String\r\n    },\r\n    stop: {\r\n      type: Boolean\r\n    }\r\n  },\r\n\r\n  created() {\r\n    let endTime = this.deadline ? this.deadline : this.end;\r\n    this.date = Math.trunc(Date.parse(endTime) / 1000);\r\n\r\n    this.interval = setInterval(() => {\r\n      this.now = Math.trunc(new Date().getTime() / 1000);\r\n    }, 1000);\r\n  },\r\n\r\n  computed: {\r\n    seconds() {\r\n      return Math.trunc(this.diff) % 60;\r\n    },\r\n\r\n    minutes() {\r\n      return Math.trunc(this.diff / 60) % 60;\r\n    },\r\n\r\n    hours() {\r\n      return Math.trunc(this.diff / 60 / 60) % 24;\r\n    },\r\n\r\n    days() {\r\n      return Math.trunc(this.diff / 60 / 60 / 24);\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    changeColor() {\r\n      let days = Math.trunc(this.diff / 60 / 60 / 24);\r\n      let hours = Math.trunc(this.diff / 60 / 60) % 24;\r\n      let minutes = Math.trunc(this.diff / 60) % 60;\r\n      let seconds = Math.trunc(this.diff) % 60;\r\n\r\n      if (days == 0 && hours == 0 && minutes <= 10) {\r\n        this.expireding = true;\r\n      } else if (days == 0 && hours == 0 && minutes == 0 && seconds == 0) {\r\n        this.expireding = true;\r\n      } else {\r\n        this.expireding = false;\r\n      }\r\n    }\r\n  },\r\n\r\n  watch: {\r\n    now(value) {\r\n      this.diff = this.date - this.now;\r\n\r\n      this.changeColor();\r\n\r\n      if (this.diff <= 0 || this.stop) {\r\n        this.diff = 0;\r\n        clearInterval(this.interval);\r\n      }\r\n    }\r\n  },\r\n\r\n  filters: {\r\n    twoDigits(value) {\r\n      if (value.toString().length <= 1) {\r\n        return '0' + value.toString();\r\n      }\r\n      return value.toString();\r\n    }\r\n  },\r\n\r\n  destroyed() {\r\n    clearInterval(this.interval);\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.countdown {\r\n  font-size: 0.9rem;\r\n\r\n  span {\r\n    &.days,\r\n    &.hours {\r\n      font-size: 16px;\r\n      letter-spacing: 4px;\r\n      font-weight: bold;\r\n    }\r\n\r\n    &.days {\r\n      padding-right: 5px;\r\n    }\r\n  }\r\n\r\n  .legend {\r\n    font-size: 12px;\r\n    margin-top: 8px;\r\n\r\n    span {\r\n      margin-left: 10px;\r\n      padding: 3px 5px 3px 4px;\r\n    }\r\n  }\r\n}\r\n\r\n.theme--light {\r\n  .legend {\r\n    span {\r\n      color: rgba(0, 0, 0, 0.54);\r\n    }\r\n  }\r\n}\r\n\r\n.theme--dark {\r\n  .legend {\r\n    span {\r\n      color: hsla(0, 0%, 100%, 0.7);\r\n    }\r\n  }\r\n}\r\n</style>\r\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!./i4pro-countdown.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!./i4pro-countdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./i4pro-countdown.vue?vue&type=template&id=48d33dcb&\"\nimport script from \"./i4pro-countdown.vue?vue&type=script&lang=js&\"\nexport * from \"./i4pro-countdown.vue?vue&type=script&lang=js&\"\nimport style0 from \"./i4pro-countdown.vue?vue&type=style&index=0&lang=scss&\"\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":""}