{"version":3,"sources":["webpack:///./src/layouts/timeline/Day.vue?e548","webpack:///./src/layouts/timeline/Event.vue?33bc","webpack:///./src/layouts/timeline/layout.vue?cb4b","webpack:///./src/layouts/timeline/layout.vue?04e1","webpack:///./src/layouts/timeline/Day.vue?fe35","webpack:///./src/layouts/timeline/Event.vue?b3db","webpack:///src/layouts/timeline/Event.vue","webpack:///./src/layouts/timeline/Event.vue?56b9","webpack:///./src/layouts/timeline/Event.vue","webpack:///src/layouts/timeline/Day.vue","webpack:///./src/layouts/timeline/Day.vue?fd76","webpack:///./src/layouts/timeline/Day.vue","webpack:///src/layouts/timeline/layout.vue","webpack:///./src/layouts/timeline/layout.vue?1fa5","webpack:///./src/layouts/timeline/layout.vue","webpack:///./node_modules/@directus/extension-toolkit/mixins/layout.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","_l","day","key","id","attrs","date","events","_e","staticRenderFns","_v","_s","$t","$parent","monthNames","getMonth","getDate","getFullYear","event","index","length","class","connect","style","backgroundColor","data","color","on","$event","$router","push","to","title","contentType","name","type","content","interface","options","nativeOn","stopPropagation","time","component","module","exports","props","primaryKeyField","String","required","fields","Object","items","Array","default","viewOptions","viewQuery","loading","Boolean","lazyLoading","selection","link","sortField","collection"],"mappings":"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","file":"js/chunk-b1f7d874.fbf9e571.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!./Day.vue?vue&type=style&index=0&id=9a25d0d8&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!./Day.vue?vue&type=style&index=0&id=9a25d0d8&lang=scss&scoped=true&\"","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!./Event.vue?vue&type=style&index=0&id=5e40f904&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!./Event.vue?vue&type=style&index=0&id=5e40f904&lang=scss&scoped=true&\"","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!./layout.vue?vue&type=style&index=0&id=bb6cd30e&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!./layout.vue?vue&type=style&index=0&id=bb6cd30e&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"timeline\",staticClass:\"timeline\"},[_vm._l((_vm.days),function(day){return _c('Day',{key:day.id,attrs:{\"date\":day.date,\"events\":day.events}})}),(_vm.lazyLoading)?_c('div',{staticClass:\"lazy-loader\"},[_c('v-spinner',{attrs:{\"color\":\"--blue-grey-300\",\"background-color\":\"--blue-grey-200\"}})],1):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"day\"},[_c('div',{staticClass:\"date type-heading-small\"},[_vm._v(\" Activity on \"+_vm._s(_vm.$t('months.' + _vm.$parent.monthNames[_vm.date.getMonth()]))+\" \"+_vm._s(_vm.date.getDate())+\", \"+_vm._s(_vm.date.getFullYear())+\" \")]),_c('div',{staticClass:\"events\"},_vm._l((_vm.events),function(event,index){return _c('Event',{key:index,attrs:{\"data\":event,\"connect\":index < _vm.events.length - 1}})}),1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"event\"},[_c('div',{staticClass:\"line\",class:{ connect: _vm.connect }},[_c('div',{staticClass:\"point\",style:({ backgroundColor: 'var(--' + (_vm.data.color || 'input-border-color') + ')' })})]),_c('div',{staticClass:\"container\",on:{\"click\":function($event){return _vm.$router.push(_vm.data.to)}}},[_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.data.title)+\" \")]),_c('div',{staticClass:\"content\"},[(_vm.data.contentType)?_c('v-ext-display',{staticClass:\"display\",attrs:{\"id\":_vm.data.contentType.name,\"name\":_vm.data.contentType.name,\"type\":_vm.data.contentType.type,\"value\":_vm.data.content,\"interface-type\":_vm.data.contentType.interface,\"options\":_vm.data.contentType.options},nativeOn:{\"click\":function($event){$event.stopPropagation();}}}):_vm._e(),_c('div',{staticClass:\"time\"},[_vm._v(_vm._s(_vm.time))])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"event\">\n\t\t<div class=\"line\" :class=\"{ connect: connect }\">\n\t\t\t<div\n\t\t\t\tclass=\"point\"\n\t\t\t\t:style=\"{ backgroundColor: 'var(--' + (data.color || 'input-border-color') + ')' }\"\n\t\t\t></div>\n\t\t</div>\n\t\t<div class=\"container\" @click=\"$router.push(data.to)\">\n\t\t\t<div class=\"title\">\n\t\t\t\t{{ data.title }}\n\t\t\t</div>\n\t\t\t<div class=\"content\">\n\t\t\t\t<v-ext-display\n\t\t\t\t\tv-if=\"data.contentType\"\n\t\t\t\t\t:id=\"data.contentType.name\"\n\t\t\t\t\tclass=\"display\"\n\t\t\t\t\t:name=\"data.contentType.name\"\n\t\t\t\t\t:type=\"data.contentType.type\"\n\t\t\t\t\t:value=\"data.content\"\n\t\t\t\t\t:interface-type=\"data.contentType.interface\"\n\t\t\t\t\t:options=\"data.contentType.options\"\n\t\t\t\t\t@click.native.stop=\"\"\n\t\t\t\t/>\n\t\t\t\t<div class=\"time\">{{ time }}</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport formatDistance from 'date-fns/formatDistance';\n\nexport default {\n\tcomponents: {},\n\tprops: {\n\t\tdata: {\n\t\t\ttype: Object,\n\t\t\tdefault: null\n\t\t},\n\t\tconnect: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t}\n\t},\n\tcomputed: {\n\t\ttime() {\n\t\t\treturn formatDistance(new Date(), this.data.time);\n\t\t}\n\t}\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.event {\n\tposition: relative;\n\n\t&:first-child {\n\t\t.container {\n\t\t\tborder-top: none;\n\t\t}\n\t\t.line .point {\n\t\t\ttop: 6px;\n\t\t}\n\t}\n\n\t.line {\n\t\tposition: absolute;\n\t\ttop: 17px;\n\t\tleft: 36px;\n\t\theight: 102%;\n\t\twidth: 2px;\n\t\ttransform: translate(-50%, 0);\n\n\t\t&.connect {\n\t\t\tbackground-color: var(--sidebar-background-color);\n\t\t}\n\n\t\t.point {\n\t\t\twidth: 12px;\n\t\t\theight: 12px;\n\t\t\tborder-radius: 50%;\n\t\t\tmargin-left: 50%;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\tborder: var(--page-background-color) solid var(--sidebar-background-color);\n\t\t\tz-index: 10;\n\t\t\ttop: 6px;\n\t\t\tposition: relative;\n\t\t}\n\t}\n\n\t.container {\n\t\tcursor: pointer;\n\t\tmargin: 0 32px 0 52px;\n\t\tpadding: 12px;\n\t\tborder-radius: var(--border-radius);\n\t\tborder-top: 2px solid var(--table-row-border-color);\n\n\t\t&:hover {\n\t\t\tbackground-color: var(--highlight);\n\t\t}\n\n\t\t.title {\n\t\t\tmargin-bottom: 4px;\n\t\t\t&::first-letter {\n\t\t\t\ttext-transform: uppercase;\n\t\t\t}\n\t\t}\n\n\t\t.content {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\n\t\t\t.display {\n\t\t\t\tmargin-right: 4px;\n\t\t\t\tfont-weight: 500;\n\t\t\t\tcolor: var(--note-text-color);\n\t\t\t}\n\n\t\t\t.time {\n\t\t\t\tcolor: var(--note-text-color);\n\t\t\t}\n\t\t}\n\t}\n}\n</style>\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!./Event.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!./Event.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Event.vue?vue&type=template&id=5e40f904&scoped=true&\"\nimport script from \"./Event.vue?vue&type=script&lang=js&\"\nexport * from \"./Event.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Event.vue?vue&type=style&index=0&id=5e40f904&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  \"5e40f904\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div class=\"day\">\n\t\t<div class=\"date type-heading-small\">\n\t\t\tActivity on {{ $t('months.' + $parent.monthNames[date.getMonth()]) }}\n\t\t\t{{ date.getDate() }},\n\t\t\t{{ date.getFullYear() }}\n\t\t</div>\n\t\t<div class=\"events\">\n\t\t\t<Event\n\t\t\t\tv-for=\"(event, index) in events\"\n\t\t\t\t:key=\"index\"\n\t\t\t\t:data=\"event\"\n\t\t\t\t:connect=\"index < events.length - 1\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport Event from './Event.vue';\n\nexport default {\n\tcomponents: {\n\t\tEvent\n\t},\n\tprops: {\n\t\tdate: {\n\t\t\ttype: Date,\n\t\t\tdefault: new Date()\n\t\t},\n\t\tevents: {\n\t\t\ttype: Array,\n\t\t\tdefault: null\n\t\t}\n\t},\n\tdata() {\n\t\treturn {};\n\t},\n\tcomputed: {},\n\tcreated() {},\n\tmounted() {},\n\tdestroyed() {},\n\tmethods: {}\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.day {\n\tmargin-bottom: 10px;\n\n\t.date {\n\t\tpadding: 19px 32px; // 19 visually aligns it with the project switcher\n\t\tborder-bottom: 2px solid var(--table-row-border-color);\n\t\tposition: sticky;\n\t\ttop: var(--header-height);\n\t\tbackground-color: var(--page-background-color);\n\t\tz-index: 2;\n\t}\n\n\t.events {\n\t\tpadding: 15px 0px;\n\t}\n}\n</style>\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!./Day.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!./Day.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Day.vue?vue&type=template&id=9a25d0d8&scoped=true&\"\nimport script from \"./Day.vue?vue&type=script&lang=js&\"\nexport * from \"./Day.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Day.vue?vue&type=style&index=0&id=9a25d0d8&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  \"9a25d0d8\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div ref=\"timeline\" class=\"timeline\">\n\t\t<Day v-for=\"day in days\" :key=\"day.id\" :date=\"day.date\" :events=\"day.events\" />\n\t\t<div v-if=\"lazyLoading\" class=\"lazy-loader\">\n\t\t\t<v-spinner color=\"--blue-grey-300\" background-color=\"--blue-grey-200\" />\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport mixin from '@directus/extension-toolkit/mixins/layout';\nimport Day from './Day.vue';\nimport { find } from 'lodash';\n\nexport default {\n\tcomponents: {\n\t\tDay\n\t},\n\tmixins: [mixin],\n\tdata() {\n\t\treturn {\n\t\t\tactionColor: {\n\t\t\t\tcreate: 'success',\n\t\t\t\tupdate: 'success',\n\t\t\t\tauthenticate: 'blue-grey-600',\n\t\t\t\tdelete: 'warning',\n\t\t\t\tupload: 'accent'\n\t\t\t},\n\t\t\tmonthNames: [\n\t\t\t\t'january',\n\t\t\t\t'february',\n\t\t\t\t'march',\n\t\t\t\t'april',\n\t\t\t\t'may',\n\t\t\t\t'june',\n\t\t\t\t'july',\n\t\t\t\t'august',\n\t\t\t\t'september',\n\t\t\t\t'october',\n\t\t\t\t'november',\n\t\t\t\t'december'\n\t\t\t],\n\t\t\tweekNames: [\n\t\t\t\t'monday',\n\t\t\t\t'tuesday',\n\t\t\t\t'wednesday',\n\t\t\t\t'thursday',\n\t\t\t\t'friday',\n\t\t\t\t'saturday',\n\t\t\t\t'sunday'\n\t\t\t]\n\t\t};\n\t},\n\tcomputed: {\n\t\tdays() {\n\t\t\tvar days = [];\n\n\t\t\tfor (var i = 0; i < this.items.length; i++) {\n\t\t\t\tvar item = this.items[i];\n\n\t\t\t\tif (!this.viewOptions.date) return;\n\n\t\t\t\tvar date = new Date(item[this.viewOptions.date].substr(0, 10) + 'T00:00:00');\n\t\t\t\tvar existingDay = find(days, { date: date });\n\n\t\t\t\tlet color = null;\n\t\t\t\tif (this.viewOptions.color && item[this.viewOptions.color]) {\n\t\t\t\t\tcolor = item[this.viewOptions.color];\n\n\t\t\t\t\tif (\n\t\t\t\t\t\tthis.fields[this.viewOptions.color] &&\n\t\t\t\t\t\tthis.fields[this.viewOptions.color].field == 'action'\n\t\t\t\t\t) {\n\t\t\t\t\t\tcolor = this.actionColor[color];\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst contentType = this.viewOptions.content\n\t\t\t\t\t? this.fields[this.viewOptions.content]\n\t\t\t\t\t: null;\n\n\t\t\t\tconst event = {\n\t\t\t\t\ttime: new Date(item[this.viewOptions.date]),\n\t\t\t\t\ttitle: this.$helpers.micromustache.render(this.viewOptions.title, item),\n\t\t\t\t\tcontent: item[this.viewOptions.content],\n\t\t\t\t\tcontentType: contentType,\n\t\t\t\t\tcolor: color,\n\t\t\t\t\tto: item.__link__\n\t\t\t\t};\n\n\t\t\t\tif (existingDay) {\n\t\t\t\t\texistingDay.events.push(event);\n\t\t\t\t} else {\n\t\t\t\t\tdays.push({\n\t\t\t\t\t\tdate: date,\n\t\t\t\t\t\tevents: [event]\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn days;\n\t\t}\n\t},\n\tcreated() {\n\t\tdocument.addEventListener('scroll', this.scroll);\n\n\t\tthis.$emit('query', {\n\t\t\tsort: '-' + this.viewOptions.date\n\t\t});\n\t},\n\tdestroyed() {\n\t\tdocument.removeEventListener('scroll', this.scroll);\n\t},\n\tmethods: {\n\t\tscroll(event) {\n\t\t\tvar timeline = this.$refs.timeline;\n\t\t\tvar toBottom =\n\t\t\t\ttimeline.offsetTop + timeline.clientHeight - window.innerHeight - event.pageY;\n\n\t\t\tif (toBottom < 100 && !this.lazyLoading) {\n\t\t\t\tthis.$emit('next-page');\n\t\t\t}\n\t\t}\n\t}\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.timeline {\n\tmargin-top: 32px;\n}\n</style>\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!./layout.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!./layout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./layout.vue?vue&type=template&id=bb6cd30e&scoped=true&\"\nimport script from \"./layout.vue?vue&type=script&lang=js&\"\nexport * from \"./layout.vue?vue&type=script&lang=js&\"\nimport style0 from \"./layout.vue?vue&type=style&index=0&id=bb6cd30e&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  \"bb6cd30e\",\n  null\n  \n)\n\nexport default component.exports","module.exports = {\n  props: {\n    primaryKeyField: {\n      type: String,\n      required: true\n    },\n    fields: {\n      type: Object,\n      required: true\n    },\n    items: {\n      type: Array,\n      default: () => ([])\n    },\n    viewOptions: {\n      type: Object,\n      default: () => ({})\n    },\n    viewQuery: {\n      type: Object,\n      default: () => ({})\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    },\n    lazyLoading: {\n      type: Boolean,\n      default: false\n    },\n    selection: {\n      type: Array,\n      default: () => []\n    },\n    link: {\n      type: String,\n      default: null\n    },\n    sortField: {\n      type: String,\n      default: null\n    },\n    collection: {\n      type: String,\n      default: null\n    }\n  }\n};\n"],"sourceRoot":""}