{"version":3,"sources":["webpack:///./src/interfaces/datetime-updated/display.vue?d6cc","webpack:///./src/interfaces/datetime-updated/display.vue?3264","webpack:///./src/interfaces/datetime-updated/display.vue?514c","webpack:///./src/interfaces/datetime-updated/display.vue","webpack:///./src/compositions/time-from-now.ts"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","_s","displayValue","staticRenderFns","i18n","props","value","type","String","default","options","Object","required","setup","date","Date","showRelative","d","component","useFormatDistance","interval","autoUpdate","formatOptions","addSuffix","formattedDate","setInterval","clearInterval"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAIQ,kBACxHC,EAAkB,G,0BCQL,EAAQ,QAAjBC,E,EAAAA,KAEO,iBAAgB,CAC9BC,MAAO,CACNC,MAAO,CACNC,KAAMC,OACNC,QAAS,MAEVC,QAAS,CACRH,KAAMI,OACNC,UAAU,IAGZC,MAX8B,SAWxBR,GACL,IAAMH,EAAe,gBAAiB,WACrC,IAAKG,EAAMC,MAAO,MAAO,KAEzB,IAAMQ,EAAO,IAAIC,KAAKV,EAAMC,OAE5B,OAAID,EAAMK,QAAQM,aACV,eAAeF,GAAMR,MAGtBF,EAAKa,EAAEH,EAAM,QAAU,UAG/B,MAAO,CAAEZ,mBCnCyY,I,YCOhZgB,EAAY,eACd,EACAzB,EACAU,GACA,EACA,KACA,KACA,MAIa,aAAAe,E,2CClBf,8DAGc,SAAUC,EAAkBL,GAA+C,IACpFM,EAD0DC,EAA0B,uDAAL,IAG7EC,EAAgB,CACrBC,WAAW,GAGNC,EAAgB,eAAI,eAAeV,EAAM,IAAIC,KAAQO,IAc3D,OAZmB,IAAfD,IACH,gBAAU,WACTD,EAAWK,aAAY,WACtBD,EAAclB,MAAQ,eAAeQ,EAAM,IAAIC,KAAQO,KACrDD,MAGJ,gBAAY,WACXK,cAAcN,OAITI","file":"js/chunk-97331586.6b985f8a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._v(_vm._s(_vm.displayValue))])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\nimport { createComponent, PropType, computed } from '@vue/composition-api';\nimport useTimeFromNow from '@/compositions/time-from-now';\nimport { DateTimeUpdatedOptions } from './types';\n\nconst { i18n } = require('@/lang/');\n\nexport default createComponent({\n\tprops: {\n\t\tvalue: {\n\t\t\ttype: String,\n\t\t\tdefault: null\n\t\t},\n\t\toptions: {\n\t\t\ttype: Object as PropType<DateTimeUpdatedOptions>,\n\t\t\trequired: true\n\t\t}\n\t},\n\tsetup(props) {\n\t\tconst displayValue = computed<string>(() => {\n\t\t\tif (!props.value) return '--';\n\n\t\t\tconst date = new Date(props.value);\n\n\t\t\tif (props.options.showRelative) {\n\t\t\t\treturn useTimeFromNow(date).value;\n\t\t\t}\n\n\t\t\treturn i18n.d(date, 'long') + ' GMT';\n\t\t});\n\n\t\treturn { displayValue };\n\t}\n});\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./display.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./display.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./display.vue?vue&type=template&id=911a0af6&\"\nimport script from \"./display.vue?vue&type=script&lang=ts&\"\nexport * from \"./display.vue?vue&type=script&lang=ts&\"\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 { onMounted, onUnmounted, ref } from '@vue/composition-api';\nimport formatDistance from 'date-fns/formatDistance';\n\nexport default function useFormatDistance(date: Date | number, autoUpdate: number = 60000) {\n\tlet interval: number;\n\n\tconst formatOptions = {\n\t\taddSuffix: true\n\t};\n\n\tconst formattedDate = ref(formatDistance(date, new Date(), formatOptions));\n\n\tif (autoUpdate !== 0) {\n\t\tonMounted(() => {\n\t\t\tinterval = setInterval(() => {\n\t\t\t\tformattedDate.value = formatDistance(date, new Date(), formatOptions);\n\t\t\t}, autoUpdate);\n\t\t});\n\n\t\tonUnmounted(() => {\n\t\t\tclearInterval(interval);\n\t\t});\n\t}\n\n\treturn formattedDate;\n}\n"],"sourceRoot":""}