{"version":3,"sources":["webpack:///./src/interfaces/datetime-updated/input.vue?815d","webpack:///./src/interfaces/datetime-updated/input.vue?afd1","webpack:///./src/interfaces/datetime-updated/input.vue?bd81","webpack:///./src/interfaces/datetime-updated/input.vue?fb2f","webpack:///./src/interfaces/datetime-updated/input.vue","webpack:///./src/compositions/time-from-now.ts"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","displayValue","$t","newItem","staticRenderFns","i18n","props","value","type","String","default","Boolean","required","options","Object","setup","date","Date","showRelative","d","component","useFormatDistance","interval","autoUpdate","formatOptions","addSuffix","formattedDate","setInterval","clearInterval"],"mappings":"2IAAA,yBAAujB,EAAG,G,yCCA1jB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAS,MAAEI,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,QAAQ,MAAQ,wBAAwBP,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIU,cAAc,MAAM,GAAGN,EAAG,UAAU,CAACG,MAAM,CAAC,YAAcP,EAAIW,GAAGX,EAAIY,QAAU,kCAAoC,uCAAuC,aAAa,QAAQ,SAAW,OACtaC,EAAkB,G,0BCmBL,EAAQ,QAAjBC,E,EAAAA,KAEO,iBAAgB,CAC9BC,MAAO,CACNC,MAAO,CACNC,KAAMC,OACNC,QAAS,MAEVP,QAAS,CACRK,KAAMG,QACNC,UAAU,GAEXC,QAAS,CACRL,KAAMM,OACNF,UAAU,IAGZG,MAf8B,SAexBT,GACL,IAAML,EAAe,gBAAwB,WAC5C,IAAKK,EAAMC,MAAO,OAAO,KAEzB,IAAMS,EAAO,IAAIC,KAAKX,EAAMC,OAE5B,OAAID,EAAMO,QAAQK,aACV,eAAeF,GAAMT,MAGtBF,EAAKc,EAAEH,EAAM,QAAU,UAG/B,MAAO,CAAEf,mBClDuY,I,wBCQ9YmB,EAAY,eACd,EACA9B,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAgB,E,2CCnBf,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,EAAcnB,MAAQ,eAAeS,EAAM,IAAIC,KAAQO,KACrDD,MAGJ,gBAAY,WACXK,cAAcN,OAITI","file":"js/chunk-77c5cde0.e1c4e912.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!./input.vue?vue&type=style&index=0&id=2b9eda81&lang=scss&scoped=true&\"; 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!./input.vue?vue&type=style&index=0&id=2b9eda81&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.value)?_c('div',{staticClass:\"datetime-updated\"},[_c('v-icon',{attrs:{\"name\":\"today\",\"color\":\"--input-icon-color\"}}),_vm._v(\" \"+_vm._s(_vm.displayValue)+\" \")],1):_c('v-input',{attrs:{\"placeholder\":_vm.$t(_vm.newItem ? 'interfaces.datetime-updated.now' : 'interfaces.datetime-updated.unknown'),\"icon-right\":\"today\",\"readonly\":\"\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { createComponent, computed, PropType } from '@vue/composition-api';\nimport { DateTimeUpdatedOptions } from './types';\nimport useTimeFromNow from '@/compositions/time-from-now';\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\tnewItem: {\n\t\t\ttype: Boolean,\n\t\t\trequired: true\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 | null>(() => {\n\t\t\tif (!props.value) return null;\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!./input.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!./input.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./input.vue?vue&type=template&id=2b9eda81&scoped=true&\"\nimport script from \"./input.vue?vue&type=script&lang=ts&\"\nexport * from \"./input.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./input.vue?vue&type=style&index=0&id=2b9eda81&lang=scss&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  \"2b9eda81\",\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":""}