{"version":3,"sources":["webpack:///src/components/DataTimeLine.vue","webpack:///./src/components/DataTimeLine.vue?0f9f","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","defaultType","String","editableTypes","permanentlyEdited","editTimeout","Number","typeField","addButtonSchema","Object","colors","controls","parentModel","formModel","parentObject","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","addressed_to","map","completed","push","$emit","shipment","submit","getDescription","r","fields","properties","keys","k","template","eval","length","getColor","isIcon","addRec","newCrm","user","filterValue","computed","reverseModel","computedFilterItems","items","i","hideAllTabFilter","watch","that","btnTitle","add_btn_title","_vm","_h","$createElement","_c","_self","staticStyle","attrs","on","$event","callback","$$v","expression","staticClass","ref","key","_e","_v","_l","$vuetify","breakpoint","lgAndUp","_s","domProps","item","mdAndDown","includes","staticRenderFns","mixins","provide","timeline","alignTop","dense","reverse","Boolean","classes","themeClasses","render","h","class","$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","VCol","VDialog","VForm","VIcon","VRow","VSpacer","VTab","VTabs","VTextField","VTimeline","VTimelineItem","VToolbar"],"mappings":"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","file":"js/chunk-4ea1c50a.69678ae0.js","sourcesContent":["<template>\n  <div style=\"background-color:transparent; \">\n    <v-dialog\n      v-model=\"dialog\"\n      :width=\"dialogWidth\"\n      @save=\"updateRecord(curModel, true)\"\n      :save-text=\"saveText\"\n    >\n      <v-card class=\" pa-2\" v-if=\"curModel && controls[curModel[typeField]]\">\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 class=\"ma-2\">\n          <v-spacer></v-spacer>\n          <v-btn text color=\"warning\" variant=\"text\" @click=\"dialog = false\">\n            Cancel\n          </v-btn>\n          <v-btn\n            color=\"success\"\n            v-if=\"!readOnly\"\n            text\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-toolbar flat>\n      <v-text-field\n        :clearable=\"true\"\n        v-model=\"searchText\"\n        append-icon=\"mdi-magnify\"\n        hide-details\n        class=\"ma-2\"\n      ></v-text-field\n    ></v-toolbar>\n\n    <!-- <hr /> -->\n    <v-row class=\"time-line-row\">\n      <v-col lg=\"8\" sm=\"9\">\n        <div class=\"time-line-card\">\n          <v-timeline v-if=\"model.length\" :key=\"tKey\" dense clipped>\n            <v-timeline-item\n              :small=\"!$vuetify.breakpoint.lgAndUp\"\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\" style=\"font-size:small\">\n                  <v-icon small>mdi-clock</v-icon> {{ d.time_stamp }}\n                  <br v-if=\"d.user\" />\n                  <v-icon v-if=\"d.user\" small>mdi-account</v-icon>\n                  {{ d.user ? d.user : \"\" }}\n                </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-edit\"\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 v-else>no {{ filterValue }} found</div>\n        </div></v-col\n      >\n      <v-col lg=\"4\" cols=\"3\">\n        <v-tabs\n          v-model=\"currentFilter\"\n          vertical\n          show-arrows\n          dense\n          class=\"grey lighten-5\"\n        >\n          <v-tab\n            v-for=\"item in computedFilterItems\"\n            :key=\"item.type\"\n            :value=\"item.type\"\n            class=\"justify-start\"\n          >\n            <v-icon :color=\"item.color\" small class=\"mr-2\">{{\n              item.icon\n            }}</v-icon>\n            <span v-if=\"!$vuetify.breakpoint.mdAndDown\"> {{ item.type }}</span>\n          </v-tab>\n        </v-tabs>\n      </v-col>\n    </v-row>\n\n    <v-toolbar\n      dense\n      style=\"position: absolute; bottom: 0; left: 0; right: 0; z-index: 1;\"\n    >\n      <v-spacer />\n      <v-add-button\n        :schema=\"addButtonSchema\"\n        :addRec=\"addRec\"\n        :noCustom=\"true\"\n        :key=\"addBtnKey\"\n        v-if=\"['reminder', 'sms', 'note'].includes(filterValue)\"\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    defaultType: String,\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    formModel: Object,\n    parentObject: 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: 0,\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    // this.currentFilter = this.computedFilterItems.indexOf(\n    //   this.computedFilterItems.find(t => {\n    //     return t.type == this.defaultType;\n    //   })\n    // );\n    this.currentFilter = 0;\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        this.curRec.addressed_to = d.addressed_to.map(\n          ({ _id, full_name, email }) => ({ _id, full_name, email })\n        );\n        this.curRec.completed = d.completed;\n      }\n\n      this.$emit(\"input\", this.vModel);\n      const shipment = fun.getParentByProperty(this, \"shipment\");\n      if (shipment) {\n        shipment.submit();\n      }\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.filterValue,\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    computedFilterItems() {\n      var items = fun.clone(this.colors) || [];\n      items.forEach(i => {\n        i.icon = eval(i.icon);\n      });\n      if (!this.hideAllTabFilter) {\n        return [\n          { type: \"All\", icon: \"mdi-view-list\", color: \"black\" },\n          ...items\n        ];\n      }\n      return items;\n    },\n    filterValue() {\n      if (this.currentFilter) {\n        return this.computedFilterItems[this.currentFilter].type;\n      } else {\n        return \"CRM Actions\";\n      }\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.filterValue;\n        });\n      } else {\n        this.model = this.vModel;\n      }\n      if (that.currentFilter) {\n        var btnTitle = \"\";\n        if (that.currentFilter != 2) {\n          btnTitle = \"add new \" + that.filterValue;\n        } else {\n          btnTitle = \"send new \" + that.filterValue;\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  max-height: 50vh;\n\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.underscore-edit {\n  cursor: pointer;\n  padding: 16px;\n  margin: 6px;\n}\n.time-line-row {\n  width: 40vw;\n}\n@media only screen and (max-width: 600px) {\n  .v-small-dialog__menu-content {\n    left: 40px !important;\n  }\n  .time-line-row {\n    width: initial;\n  }\n  .underscore-edit {\n    width: 22vh;\n  }\n}\n</style>\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"background-color\":\"transparent\"}},[_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:\" pa-2\"},[_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',{staticClass:\"ma-2\"},[_c('v-spacer'),_c('v-btn',{attrs:{\"text\":\"\",\"color\":\"warning\",\"variant\":\"text\"},on:{\"click\":function($event){_vm.dialog = false}}},[_vm._v(\" Cancel \")]),(!_vm.readOnly)?_c('v-btn',{attrs:{\"color\":\"success\",\"text\":\"\",\"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),_c('v-toolbar',{attrs:{\"flat\":\"\"}},[_c('v-text-field',{staticClass:\"ma-2\",attrs:{\"clearable\":true,\"append-icon\":\"mdi-magnify\",\"hide-details\":\"\"},model:{value:(_vm.searchText),callback:function ($$v) {_vm.searchText=$$v},expression:\"searchText\"}})],1),_c('v-row',{staticClass:\"time-line-row\"},[_c('v-col',{attrs:{\"lg\":\"8\",\"sm\":\"9\"}},[_c('div',{staticClass:\"time-line-card\"},[(_vm.model.length)?_c('v-timeline',{key:_vm.tKey,attrs:{\"dense\":\"\",\"clipped\":\"\"}},_vm._l((_vm.reverseModel),function(d,i){return _c('v-timeline-item',{key:i,staticClass:\"mb-4\",attrs:{\"small\":!_vm.$vuetify.breakpoint.lgAndUp,\"color\":_vm.getColor(d),\"icon\":_vm.getColor(d, true)}},[_c('v-row',[_c('div',{staticClass:\"ml-2\",staticStyle:{\"font-size\":\"small\"}},[_c('v-icon',{attrs:{\"small\":\"\"}},[_vm._v(\"mdi-clock\")]),_vm._v(\" \"+_vm._s(d.time_stamp)+\" \"),(d.user)?_c('br'):_vm._e(),(d.user)?_c('v-icon',{attrs:{\"small\":\"\"}},[_vm._v(\"mdi-account\")]):_vm._e(),_vm._v(\" \"+_vm._s(d.user ? d.user : \"\")+\" \")],1)]),_c('v-row',[(_vm.controls[d[_vm.typeField]])?_c('div',{staticClass:\"underscore-edit\",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)}),1):_c('div',[_vm._v(\"no \"+_vm._s(_vm.filterValue)+\" found\")])],1)]),_c('v-col',{attrs:{\"lg\":\"4\",\"cols\":\"3\"}},[_c('v-tabs',{staticClass:\"grey lighten-5\",attrs:{\"vertical\":\"\",\"show-arrows\":\"\",\"dense\":\"\"},model:{value:(_vm.currentFilter),callback:function ($$v) {_vm.currentFilter=$$v},expression:\"currentFilter\"}},_vm._l((_vm.computedFilterItems),function(item){return _c('v-tab',{key:item.type,staticClass:\"justify-start\",attrs:{\"value\":item.type}},[_c('v-icon',{staticClass:\"mr-2\",attrs:{\"color\":item.color,\"small\":\"\"}},[_vm._v(_vm._s(item.icon))]),(!_vm.$vuetify.breakpoint.mdAndDown)?_c('span',[_vm._v(\" \"+_vm._s(item.type))]):_vm._e()],1)}),1)],1)],1),_c('v-toolbar',{staticStyle:{\"position\":\"absolute\",\"bottom\":\"0\",\"left\":\"0\",\"right\":\"0\",\"z-index\":\"1\"},attrs:{\"dense\":\"\"}},[_c('v-spacer'),(['reminder', 'sms', 'note'].includes(_vm.filterValue))?_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=8b42e58c&\"\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 { VCol } from 'vuetify/lib/components/VGrid';\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 { 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,VCol,VDialog,VForm,VIcon,VRow,VSpacer,VTab,VTabs,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":""}