{"version":3,"sources":["webpack:///src/components/DataTimeLine.vue","webpack:///./src/components/DataTimeLine.vue?9784","webpack:///./src/components/DataTimeLine.vue?8b32","webpack:///../../../src/components/VTimeline/VTimeline.ts","webpack:///../../../src/components/VTimeline/VTimelineItem.ts","webpack:///./src/components/DataTimeLine.vue","webpack:///./src/components/DataTimeLine.vue?ead4"],"names":["name","components","VAddButton","VFormComponent","props","vModel","Array","editableTypes","permanentlyEdited","editTimeout","Number","typeField","String","addButtonSchema","Object","colors","controls","parentModel","data","model","currentUser","newItem","searchText","tKey","saveText","filterItems","currentFilter","addBtnKey","curRec","sorted","dialog","formKey","curModel","readOnly","dialogWidth","mounted","this","$root","user_email","forEach","value","c","type","caption","color","icon","beforeDestroy","methods","resetForm","isNew","Date","d","time_stamp","showRecord","v","updateRecord","company_id","shipment_detail","company","client_id","customer","calltools_contact_id","phone_number","sendSMS","filter","m","_id","action_date_time","description","push","$emit","getDescription","r","fields","properties","keys","k","template","eval","length","getColor","isIcon","addRec","newCrm","user","computed","reverseModel","watch","that","btnTitle","add_btn_title","_vm","_h","$createElement","_c","_self","attrs","on","$event","callback","$$v","expression","staticClass","ref","key","_e","_v","noTabs","hideAllTabFilter","_l","item","style","_s","class","$vuetify","breakpoint","smAndDown","staticStyle","i","domProps","includes","staticRenderFns","mixins","provide","timeline","alignTop","dense","reverse","Boolean","classes","themeClasses","render","h","$slots","baseMixins","inject","default","fillDot","hideDot","iconColor","large","left","right","small","hasIcon","genBody","genIcon","dark","theme","genInnerDot","setBackgroundColor","genDot","genDivider","children","genOpposite","component","VBtn","VCard","VCardActions","VDialog","VForm","VIcon","VRow","VSpacer","VTab","VTabs","VTabsSlider","VTextField","VTimeline","VTimelineItem","VToolbar"],"mappings":"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","file":"js/chunk-4ea1c50a.288276c0.js","sourcesContent":["<template>\n  <div>\n    <v-dialog\n      v-model=\"dialog\"\n      :width=\"dialogWidth\"\n      @save=\"updateRecord(curModel, true)\"\n      :save-text=\"saveText\"\n    >\n      <v-card\n        class=\"time-line-card\"\n        v-if=\"curModel && controls[curModel[typeField]]\"\n      >\n        <v-form ref=\"form\">\n          <v-form-component\n            v-if=\"dialog\"\n            :model=\"curModel\"\n            :vModel=\"curModel\"\n            :schema=\"controls[curModel[typeField]].properties\"\n            :default_value=\"controls[curModel[typeField]].properties\"\n            :parModel=\"parentModel\"\n            :key=\"formKey\"\n          ></v-form-component\n        ></v-form>\n        <v-card-actions>\n          <v-spacer></v-spacer>\n          <v-btn color=\"warning\" variant=\"text\" @click=\"dialog = false\">\n            Cancel\n          </v-btn>\n          <v-btn\n            color=\"success\"\n            v-if=\"!readOnly\"\n            variant=\"text\"\n            @click=\"\n              dialog = false;\n              updateRecord(curModel, true);\n            \"\n          >\n            Submit\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n    <v-tabs\n      v-if=\"filterItems && filterItems.length && !noTabs\"\n      v-model=\"currentFilter\"\n      show-arrows\n      grow\n      small\n      class=\"mb-2\"\n      active-class=\"active-tab\"\n    >\n      <v-tabs-slider color=\"red\"></v-tabs-slider>\n      <v-tab key=\"all_tabs\" v-if=\"!hideAllTabFilter\">\n        All\n      </v-tab>\n      <v-tab\n        v-for=\"item in filterItems\"\n        :style=\"{ color: item.color || 'black' }\"\n        :key=\"item.caption\"\n      >\n        <v-icon class=\"ma-2\"> {{ item.icon }}</v-icon>\n        {{ item.caption }}\n      </v-tab>\n    </v-tabs>\n    <!-- <hr /> -->\n    <div class=\"time-line-card\">\n      <v-timeline\n        v-if=\"model.length\"\n        :class=\"$vuetify.breakpoint.smAndDown ? 'ml-n6' : 'ma-2'\"\n        :key=\"tKey\"\n        dense\n        clipped\n      >\n        <v-timeline-item class=\"ma-0\" color=\"black\" hide-dot>\n          <v-text-field\n            :clearable=\"true\"\n            v-model=\"searchText\"\n            append-icon=\"mdi-magnify\"\n            hide-details\n            style=\"max-width:400px\"\n            class=\"pt-10 mb-6 mr-12\"\n          ></v-text-field>\n        </v-timeline-item>\n        <v-timeline-item\n          v-for=\"(d, i) in reverseModel\"\n          :key=\"i\"\n          class=\"mb-4\"\n          :color=\"getColor(d)\"\n          :icon=\"getColor(d, true)\"\n        >\n          <!-- time diff {{ isNew(d) }} -->\n          <!-- <v-row justify=\"space-between\"> -->\n          <v-row>\n            <div class=\"ml-2\">{{ d.time_stamp }} by {{ d.user }}</div>\n          </v-row>\n          <!-- v-if=\"\n            (typeField && editableTypes.includes(d[typeField]) && isNew(d)) ||\n              permanentlyEdited.includes(d[typeField])\n          \" -->\n          <v-row>\n            <div\n              v-if=\"controls[d[typeField]]\"\n              class=\"underscore\"\n              @click=\"showRecord(d, d[typeField])\"\n              v-html=\"getDescription(d)\"\n            ></div>\n            <div v-html=\"d.description\" v-else>\n              <br />\n            </div>\n            <!-- <v-edit-dialog\n            large\n            ref=\"editDialog\"\n            @save=\"updateRecord(d, true)\"\n            :save-text=\"saveText\"\n          >\n\n\n            <template v-slot:input>\n              <div v-if=\"controls[d[typeField]]\">\n                <v-form-component\n                  :model=\"d\"\n                  :vModel=\"d\"\n                  :schema=\"controls[d[typeField]].properties\"\n                  :default_value=\"controls[d[typeField]].properties\"\n                  :parModel=\"parentModel\"\n                ></v-form-component>\n              </div>\n            </template>\n          </v-edit-dialog> -->\n          </v-row>\n        </v-timeline-item>\n      </v-timeline>\n    </div>\n\n    <v-toolbar flat>\n      <v-spacer />\n      <v-add-button\n        :schema=\"addButtonSchema\"\n        :addRec=\"addRec\"\n        :noCustom=\"true\"\n        :key=\"addBtnKey\"\n        v-if=\"[1, 2, 3].includes(currentFilter)\"\n      ></v-add-button\n    ></v-toolbar>\n  </div>\n</template>\n\n<script>\n/* eslint-disable vue/no-unused-components */\nimport * as fun from \"../plugins/common\";\nimport axios from \"axios\";\nexport default {\n  name: \"DataTimeLine\",\n  components: {\n    VAddButton: () => import(\"../components/AddButton.vue\"),\n    VFormComponent: () => import(\"./FormComponent.vue\"),\n  },\n  props: {\n    vModel: Array,\n    editableTypes: Array,\n    permanentlyEdited: Array,\n    editTimeout: Number,\n    typeField: String,\n    addButtonSchema: Object,\n    colors: Array,\n    controls: Object,\n    parentModel: Object,\n  },\n  data() {\n    return {\n      model: [],\n      currentUser: \"\",\n      newItem: false,\n      searchText: \"\",\n      tKey: 0,\n      saveText: \"Submit\",\n      filterItems: [],\n      currentFilter: \"\",\n      addBtnKey: 0,\n      curRec: null,\n      sorted: false,\n      dialog: false,\n      formKey: 0,\n      curModel: null,\n      readOnly: false,\n      dialogWidth: 500,\n    };\n  },\n  mounted() {\n    // var left = this.$vuetify.breakpoint.smAndDown ? \"10px\" : \"300px\";\n    // document.documentElement.style.setProperty(\n    //   \"--edit-dialog-left\",\n    //   left + \"px\"\n    // );\n    this.currentUser = this.$root.user_email;\n\n    this.model = fun.clone(this.vModel);\n    // fun.sortObjects(this.model, \"time_stamp\", false);\n    // this.sorted = true;\n\n    this.colors.forEach((c) => {\n      this.filterItems.push({\n        name: \"type\",\n        value: c.type,\n        caption: c.type,\n        color: c.color,\n        icon: c.icon,\n      });\n    });\n    // console.log(this.model[0].time_stamp);\n    // document.arrive(\".v-small-dialog__activator\", (a) => {\n    //   if (this.newItem) {\n    //     if (a) {\n    //       a.click();\n    //       this.newItem = false;\n    //     }\n    //   }\n    // });\n  },\n  beforeDestroy() {},\n  methods: {\n    resetForm() {\n      this.curModel = null;\n      // this.formKey = !this.formKey;\n      // if (this.$refs.form) {\n      //   this.$refs.form.reset();\n      // }\n    },\n    isNew(d) {\n      return new Date() - new Date(d.time_stamp) < this.editTimeout;\n      // return fun.dateDifference(new Date(d.time_stamp), new Date(), true);\n    },\n    showRecord(d, typeField) {\n      this.resetForm();\n      this.curModel = d;\n      var v = this.controls[typeField][\"v-bind\"];\n      if (v) {\n        this.dialogWidth = v.dialogWidth;\n        this.readOnly = v.readOnly;\n      }\n\n      this.dialog = true;\n    },\n    updateRecord(d) {\n      if (!d.time_stamp) {\n        d.time_stamp = fun.formatDateTime(new Date());\n      }\n      if (d && d.type == \"sms\") {\n        d.company_id = this.parentModel.shipment_detail.company;\n        d.client_id = this.parentModel.customer.calltools_contact_id;\n        if (d.phone_number) {\n          this.$root.sendSMS(d);\n        }\n      }\n      this.curRec = this.vModel.filter((m) => {\n        return d && m._id == d._id;\n      })[0];\n      if (!this.curRec) {\n        this.vModel.push(d);\n        // fun.sortObjects(this.vModel, \"time_stamp\", false);\n      } else {\n        this.curRec.action_date_time = d.action_date_time;\n        this.curRec.description = d.description;\n      }\n\n      this.$emit(\"input\", this.vModel);\n    },\n    getDescription(r) {\n      var description = [];\n      var type = r[this.typeField];\n      var fields = this.controls[type].properties;\n      Object.keys(fields).forEach((k) => {\n        if (r[k]) {\n          if (fields[k].template) {\n            try {\n              description.push(eval(fields[k].template));\n            } catch (error) {\n              //\n            }\n          } else {\n            description.push(r[k]);\n          }\n        }\n      });\n\n      return description.length\n        ? description.join(\"<br/>\").trim()\n        : \"Enter new \" + type;\n    },\n    getColor(d, isIcon) {\n      var color = \"\";\n      var icon = \"\";\n      if (d && this.colors && this.typeField) {\n        var colors = this.colors.filter((c) => {\n          return c[this.typeField] == d[this.typeField];\n        })[0];\n        if (colors) {\n          color = colors.color;\n          icon = eval(colors.icon);\n        }\n      }\n      if (!isIcon) {\n        return color;\n      } else {\n        return icon;\n      }\n    },\n\n    addRec(k, val, txt) {\n      this.resetForm();\n      var newCrm = {\n        // type: val,\n        user: this.currentUser,\n        // time_stamp: fun.formatDate(new Date(), false, true, true, true),\n        type: this.filterItems[this.currentFilter - 1].value,\n        _id: fun.guid(),\n        // color: color,\n        // icon: icon,\n      };\n      this.curModel = newCrm;\n      this.model.push(newCrm);\n      // this.vModel.push(newCrm);\n      fun.sortObjects(this.model, \"time_stamp\", true);\n      // this.model = fun.clone(this.vModel);\n      this.updateRecord(newCrm);\n      this.newItem = true;\n      this.dialog = true;\n      // this.formKey = !this.formKey;\n      // this.$refs.editDialog[0].isActive = true\n    },\n  },\n  computed: {\n    reverseModel() {\n      return [...this.model].reverse();\n    },\n  },\n  watch: {\n    model() {\n      if (!this.searchText) {\n        //\n      }\n    },\n    currentFilter() {\n      var that = this;\n      this.model = this.vModel;\n      if (this.currentFilter) {\n        this.model = this.model.filter((r) => {\n          return r.type == that.filterItems[that.currentFilter - 1].value;\n        });\n      } else {\n        this.model = this.vModel;\n      }\n      if (that.currentFilter) {\n        var btnTitle = \"\";\n        if (that.currentFilter != 2) {\n          btnTitle =\n            \"add new \" + that.filterItems[that.currentFilter - 1].value;\n        } else {\n          btnTitle =\n            \"send new \" + that.filterItems[that.currentFilter - 1].value;\n        }\n        this.addButtonSchema.add_btn_title = btnTitle;\n        that.addBtnKey = !that.addBtnKey;\n      }\n    },\n    searchText() {\n      if (this.searchText) {\n        this.model = this.model.filter((r) => {\n          return (\n            r.description &&\n            r.description.toLowerCase().includes(this.searchText.toLowerCase())\n          );\n        });\n      } else {\n        this.model = this.vModel;\n      }\n\n      // console.log(this.vModel.length);\n      // this.tKey = !this.tKey;\n    },\n  },\n};\n</script>\n\n<style lang=\"css\">\n.time-line-card {\n  height: 60vh;\n  margin-right: 16px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.underscore {\n  cursor: pointer;\n}\n/* :root {\n  --edit-dialog-left: 300px;\n} */\n/* .v-text-field {\n  max-width: 400px;\n} */\n/* .outstanding-dialog {\n  left: 200px;\n} */\n@media only screen and (max-width: 600px) {\n  .v-small-dialog__menu-content {\n    left: 40px !important;\n  }\n}\n</style>\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-dialog',{attrs:{\"width\":_vm.dialogWidth,\"save-text\":_vm.saveText},on:{\"save\":function($event){return _vm.updateRecord(_vm.curModel, true)}},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[(_vm.curModel && _vm.controls[_vm.curModel[_vm.typeField]])?_c('v-card',{staticClass:\"time-line-card\"},[_c('v-form',{ref:\"form\"},[(_vm.dialog)?_c('v-form-component',{key:_vm.formKey,attrs:{\"model\":_vm.curModel,\"vModel\":_vm.curModel,\"schema\":_vm.controls[_vm.curModel[_vm.typeField]].properties,\"default_value\":_vm.controls[_vm.curModel[_vm.typeField]].properties,\"parModel\":_vm.parentModel}}):_vm._e()],1),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"warning\",\"variant\":\"text\"},on:{\"click\":function($event){_vm.dialog = false}}},[_vm._v(\" Cancel \")]),(!_vm.readOnly)?_c('v-btn',{attrs:{\"color\":\"success\",\"variant\":\"text\"},on:{\"click\":function($event){_vm.dialog = false;\n            _vm.updateRecord(_vm.curModel, true);}}},[_vm._v(\" Submit \")]):_vm._e()],1)],1):_vm._e()],1),(_vm.filterItems && _vm.filterItems.length && !_vm.noTabs)?_c('v-tabs',{staticClass:\"mb-2\",attrs:{\"show-arrows\":\"\",\"grow\":\"\",\"small\":\"\",\"active-class\":\"active-tab\"},model:{value:(_vm.currentFilter),callback:function ($$v) {_vm.currentFilter=$$v},expression:\"currentFilter\"}},[_c('v-tabs-slider',{attrs:{\"color\":\"red\"}}),(!_vm.hideAllTabFilter)?_c('v-tab',{key:\"all_tabs\"},[_vm._v(\" All \")]):_vm._e(),_vm._l((_vm.filterItems),function(item){return _c('v-tab',{key:item.caption,style:({ color: item.color || 'black' })},[_c('v-icon',{staticClass:\"ma-2\"},[_vm._v(\" \"+_vm._s(item.icon))]),_vm._v(\" \"+_vm._s(item.caption)+\" \")],1)})],2):_vm._e(),_c('div',{staticClass:\"time-line-card\"},[(_vm.model.length)?_c('v-timeline',{key:_vm.tKey,class:_vm.$vuetify.breakpoint.smAndDown ? 'ml-n6' : 'ma-2',attrs:{\"dense\":\"\",\"clipped\":\"\"}},[_c('v-timeline-item',{staticClass:\"ma-0\",attrs:{\"color\":\"black\",\"hide-dot\":\"\"}},[_c('v-text-field',{staticClass:\"pt-10 mb-6 mr-12\",staticStyle:{\"max-width\":\"400px\"},attrs:{\"clearable\":true,\"append-icon\":\"mdi-magnify\",\"hide-details\":\"\"},model:{value:(_vm.searchText),callback:function ($$v) {_vm.searchText=$$v},expression:\"searchText\"}})],1),_vm._l((_vm.reverseModel),function(d,i){return _c('v-timeline-item',{key:i,staticClass:\"mb-4\",attrs:{\"color\":_vm.getColor(d),\"icon\":_vm.getColor(d, true)}},[_c('v-row',[_c('div',{staticClass:\"ml-2\"},[_vm._v(_vm._s(d.time_stamp)+\" by \"+_vm._s(d.user))])]),_c('v-row',[(_vm.controls[d[_vm.typeField]])?_c('div',{staticClass:\"underscore\",domProps:{\"innerHTML\":_vm._s(_vm.getDescription(d))},on:{\"click\":function($event){return _vm.showRecord(d, d[_vm.typeField])}}}):_c('div',{domProps:{\"innerHTML\":_vm._s(d.description)}},[_c('br')])])],1)})],2):_vm._e()],1),_c('v-toolbar',{attrs:{\"flat\":\"\"}},[_c('v-spacer'),([1, 2, 3].includes(_vm.currentFilter))?_c('v-add-button',{key:_vm.addBtnKey,attrs:{\"schema\":_vm.addButtonSchema,\"addRec\":_vm.addRec,\"noCustom\":true}}):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./DataTimeLine.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!./DataTimeLine.vue?vue&type=script&lang=js&\"","// Styles\nimport './VTimeline.sass'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\nexport default mixins(\n  Themeable\n/* @vue/component */\n).extend({\n  name: 'v-timeline',\n\n  provide (): object {\n    return { timeline: this }\n  },\n\n  props: {\n    alignTop: Boolean,\n    dense: Boolean,\n    reverse: Boolean,\n  },\n\n  computed: {\n    classes (): {} {\n      return {\n        'v-timeline--align-top': this.alignTop,\n        'v-timeline--dense': this.dense,\n        'v-timeline--reverse': this.reverse,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-timeline',\n      class: this.classes,\n    }, this.$slots.default)\n  },\n})\n","// Types\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { VNode, VNodeData } from 'vue'\n\n// Components\nimport VTimeline from './VTimeline'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\nimport Colorable from '../../mixins/colorable'\n\nconst baseMixins = mixins(\n  Colorable,\n  Themeable\n/* @vue/component */\n)\n\ntype VTimelineInstance = InstanceType<typeof VTimeline>\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  timeline: VTimelineInstance\n}\n\nexport default baseMixins.extend<options>().extend({\n  name: 'v-timeline-item',\n\n  inject: ['timeline'],\n\n  props: {\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    fillDot: Boolean,\n    hideDot: Boolean,\n    icon: String,\n    iconColor: String,\n    large: Boolean,\n    left: Boolean,\n    right: Boolean,\n    small: Boolean,\n  },\n\n  computed: {\n    hasIcon (): boolean {\n      return !!this.icon || !!this.$slots.icon\n    },\n  },\n\n  methods: {\n    genBody () {\n      return this.$createElement('div', {\n        staticClass: 'v-timeline-item__body',\n      }, this.$slots.default)\n    },\n    genIcon (): VNode | VNode[] {\n      if (this.$slots.icon) {\n        return this.$slots.icon\n      }\n\n      return this.$createElement(VIcon, {\n        props: {\n          color: this.iconColor,\n          dark: !this.theme.isDark,\n          small: this.small,\n        },\n      }, this.icon)\n    },\n    genInnerDot () {\n      const data: VNodeData = this.setBackgroundColor(this.color)\n\n      return this.$createElement('div', {\n        staticClass: 'v-timeline-item__inner-dot',\n        ...data,\n      }, [this.hasIcon && this.genIcon()])\n    },\n    genDot () {\n      return this.$createElement('div', {\n        staticClass: 'v-timeline-item__dot',\n        class: {\n          'v-timeline-item__dot--small': this.small,\n          'v-timeline-item__dot--large': this.large,\n        },\n      }, [this.genInnerDot()])\n    },\n    genDivider () {\n      const children = []\n\n      if (!this.hideDot) children.push(this.genDot())\n\n      return this.$createElement('div', {\n        staticClass: 'v-timeline-item__divider',\n      }, children)\n    },\n    genOpposite () {\n      return this.$createElement('div', {\n        staticClass: 'v-timeline-item__opposite',\n      }, this.$slots.opposite)\n    },\n  },\n\n  render (h): VNode {\n    const children = [\n      this.genBody(),\n      this.genDivider(),\n    ]\n\n    if (this.$slots.opposite) children.push(this.genOpposite())\n\n    return h('div', {\n      staticClass: 'v-timeline-item',\n      class: {\n        'v-timeline-item--fill-dot': this.fillDot,\n        'v-timeline-item--before': this.timeline.reverse ? this.right : this.left,\n        'v-timeline-item--after': this.timeline.reverse ? this.left : this.right,\n        ...this.themeClasses,\n      },\n    }, children)\n  },\n})\n","import { render, staticRenderFns } from \"./DataTimeLine.vue?vue&type=template&id=c08a4e02&\"\nimport script from \"./DataTimeLine.vue?vue&type=script&lang=js&\"\nexport * from \"./DataTimeLine.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DataTimeLine.vue?vue&type=style&index=0&lang=css&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTab } from 'vuetify/lib/components/VTabs';\nimport { VTabs } from 'vuetify/lib/components/VTabs';\nimport { VTabsSlider } from 'vuetify/lib/components/VTabs';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VTimeline } from 'vuetify/lib/components/VTimeline';\nimport { VTimelineItem } from 'vuetify/lib/components/VTimeline';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VBtn,VCard,VCardActions,VDialog,VForm,VIcon,VRow,VSpacer,VTab,VTabs,VTabsSlider,VTextField,VTimeline,VTimelineItem,VToolbar})\n","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataTimeLine.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataTimeLine.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}