{"version":3,"sources":["webpack:///./src/views/dashboard/DashboardPage.vue?602c","webpack:///src/views/dashboard/DashboardPage.vue","webpack:///./src/views/dashboard/DashboardPage.vue?9155","webpack:///./src/views/dashboard/DashboardPage.vue","webpack:///../../../src/components/VCard/VCard.ts","webpack:///../../../src/components/VChip/VChip.ts","webpack:///./src/views/dashboard/DashboardPage.vue?1123"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","handleRouter","_v","_s","notificationCount","_e","_l","item","index","key","route","class","currentItem","icon","name","quoteCount","appointments","length","appointment","viewPest","id","onlyMonth","start_date","onlyDay","onlyWeekDay","appointment_no","payments","formatTimeOnly","start_time","end_time","staticRenderFns","component","VCard","VChip","VCol","VContainer","VIcon","VRow","props","flat","hover","img","link","loaderHeight","type","Number","default","raised","Boolean","computed","classes","styles","style","methods","genProgress","data","h","tag","setBackgroundColor","$slots","active","activeClass","chipGroup","close","closeIcon","closeLabel","disabled","draggable","filter","filterIcon","label","outlined","pill","textColor","value","proxyClass","groupClasses","hasClose","isClickable","created","breakingProps","original","replacement","click","genFilter","children","left","genClose","right","size","$vuetify","lang","t","e","genContent","tabindex","color","setTextColor"],"mappings":"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","file":"js/DashboardPage.ae959815.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"bg-bug h-100\",attrs:{\"fluid\":true}},[_c('v-container',[_c('div',{staticClass:\"pb-14\"},[(_vm.notificationCount)?_c('div',{staticClass:\"custom-bs pa-3 mb-4 border-radius-4\",on:{\"click\":function($event){return _vm.handleRouter('notifications')}}},[_c('v-chip',{staticClass:\"mr-2\",attrs:{\"color\":\"error\"}},[_vm._v(_vm._s(_vm.notificationCount))]),_c('span',{staticClass:\"f9\"},[_vm._v(\"Notifications\")])],1):_vm._e(),_c('div',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"10\",\"offset-md\":\"1\",\"lg\":\"8\",\"offset-lg\":\"2\",\"xl\":\"6\",\"offset-xl\":\"3\"}},[_c('v-row',_vm._l((_vm.dashboardItems),function(item,index){return _c('v-col',{key:index,attrs:{\"cols\":\"12\",\"xs\":\"6\",\"sm\":\"4\",\"md\":\"3\"},on:{\"click\":function($event){return _vm.handleRouter(item.route)}}},[_c('v-card',{staticClass:\"dashboard-items\",class:[index == _vm.currentItem ? 'active-item':'']},[_c('div',{staticClass:\"icon-wrapper\"},[_c('v-icon',{attrs:{\"color\":\"secondary\"}},[_vm._v(_vm._s(item.icon))])],1),(item.route =='quotes')?_c('div',[_c('p',{staticClass:\"text-item\"},[_vm._v(_vm._s(item.name)+\" - \"+_vm._s(_vm.quoteCount))])]):_c('div',[_c('p',{staticClass:\"text-item text-capitalize\"},[_vm._v(_vm._s(item.name))])])])],1)}),1),(_vm.appointments && _vm.appointments.length)?_c('v-row',{staticClass:\"mb-4\"},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('h3',[_vm._v(\"Your upcoming appointment\")])]),_vm._l((_vm.appointments),function(appointment,index){return _c('v-col',{key:index,attrs:{\"cols\":\"12\"}},[_c('v-card',{staticClass:\"no-border-radius custom-bs border-radius\",on:{\"click\":function($event){return _vm.viewPest(appointment.id)}}},[_c('div',{staticClass:\"d-flex align-center justify-space-between\"},[_c('div',{staticClass:\"d-flex align-center\"},[_c('div',{staticClass:\"appointment-date\"},[_c('p',{staticClass:\"f8 ma-0\"},[_vm._v(_vm._s(_vm.onlyMonth(appointment.start_date)))]),_c('p',{staticClass:\"f9-bold day-style\"},[_vm._v(_vm._s(_vm.onlyDay(appointment.start_date)))]),_c('p',{staticClass:\"f8 ma-0\"},[_vm._v(_vm._s(_vm.onlyWeekDay(appointment.start_date)))])]),_c('div',{staticClass:\"pa-3 d-flex align-cneter\"},[_c('div',[_c('div',{staticClass:\"d-flex align-center justify-space-between\"},[_c('h5',{staticClass:\"text-uppercase\"},[_vm._v(_vm._s(appointment.appointment_no))]),(!(appointment.payments && appointment.payments.length))?_c('div',{staticClass:\"ml-6\"},[_c('span',{staticClass:\"cred f8\"},[_vm._v(\"Payment Due\")])]):_vm._e()]),_c('div',{staticClass:\"f8\"},[_c('v-icon',{staticClass:\"f1\",attrs:{\"color\":\"secondary\"}},[_vm._v(\"mdi-clock\")]),_vm._v(\" \"+_vm._s(_vm.formatTimeOnly(appointment.start_time))+\" - \"+_vm._s(_vm.formatTimeOnly(appointment.end_time))+\" \")],1)])])]),_c('div',{staticClass:\"pr-2 d-flex align-center justify-space-between\"},[_c('div',{staticClass:\"ml-6\"}),_c('div',[_c('v-icon',[_vm._v(\"mdi-chevron-right\")])],1)])])])],1)})],2):_c('v-row',[_c('v-col',{attrs:{\"col\":\"12\"}},[_c('h3',[_vm._v(\"No upcoming appointment\")])])],1)],1)],1)],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container :fluid=\"true\" class=\"bg-bug h-100\">\r\n        <v-container>\r\n            <div class=\"pb-14\" >\r\n                <div v-if=\"notificationCount\" class=\"custom-bs pa-3 mb-4 border-radius-4\" @click=\"handleRouter('notifications')\">\r\n                    <v-chip color=\"error\" class=\"mr-2\">{{notificationCount}}</v-chip><span class=\"f9\">Notifications</span>\r\n                </div>\r\n                <div>  \r\n                    <v-row>\r\n                        <v-col cols=\"12\" md=\"10\" offset-md=\"1\" lg=\"8\" offset-lg=\"2\" xl=\"6\" offset-xl=\"3\">         \r\n                            <v-row>\r\n                                <v-col cols=\"12\" xs=\"6\" sm=\"4\" md=\"3\"  v-for=\"(item,index) in dashboardItems\" :key=\"index\" \r\n                                    @click=\"handleRouter(item.route)\">\r\n                                    <v-card class=\"dashboard-items\" :class=\"[index == currentItem ? 'active-item':'']\">\r\n                                        <div class=\"icon-wrapper\">\r\n                                            <v-icon color=\"secondary\">{{ item.icon }}</v-icon>\r\n                                        </div>\r\n                                        <div v-if=\"item.route =='quotes'\">\r\n                                        <p class=\"text-item\">{{ item.name }} - {{quoteCount}}</p>\r\n                                        </div>\r\n                                        <div v-else>\r\n                                        <p class=\"text-item text-capitalize\">{{ item.name }}</p>\r\n                                        </div>\r\n                                    </v-card>\r\n                                </v-col>\r\n                            </v-row>\r\n                            <v-row class=\"mb-4\" v-if=\"appointments && appointments.length\">\r\n                                <v-col cols=\"12\">\r\n                                <h3>Your upcoming appointment</h3> \r\n                                </v-col>\r\n                                <v-col cols=\"12\" v-for=\"(appointment, index) in appointments\" :key=\"index\">\r\n                                    <v-card class=\"no-border-radius custom-bs border-radius\" @click=\"viewPest(appointment.id)\">\r\n                                        <div class=\"d-flex align-center justify-space-between\">\r\n                                            <div class=\"d-flex align-center\">\r\n                                                <div class=\"appointment-date\">\r\n                                                    <p class=\"f8 ma-0\">{{onlyMonth(appointment.start_date)}}</p>\r\n                                                    <p class=\"f9-bold day-style\">{{onlyDay(appointment.start_date)}}</p>\r\n                                                    <p class=\"f8 ma-0\">{{onlyWeekDay(appointment.start_date)}}</p>\r\n                                                </div>\r\n                                                <div class=\"pa-3 d-flex align-cneter\">\r\n                                                    <div>\r\n                                                        <div class=\"d-flex align-center justify-space-between\">\r\n                                                            <h5 class=\"text-uppercase\">{{appointment.appointment_no}}</h5>\r\n                                                            <div class=\"ml-6\" v-if=\"!(appointment.payments && appointment.payments.length)\">\r\n                                                                <span class=\"cred f8\">Payment Due</span>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div class=\"f8\">\r\n                                                            <v-icon color=\"secondary\" class=\"f1\">mdi-clock</v-icon> {{formatTimeOnly(appointment.start_time)}} - {{formatTimeOnly(appointment.end_time)}}\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                            <div class=\"pr-2 d-flex align-center justify-space-between\">\r\n                                                <div class=\"ml-6\">\r\n                                                    <!-- <v-icon class=\"mg-auto\" color=\"secondary\">mdi-chat</v-icon> -->\r\n                                                    <!-- <span>11</span> -->\r\n                                                </div>\r\n                                                <div>\r\n                                                    <v-icon>mdi-chevron-right</v-icon>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </v-card>\r\n                                </v-col>\r\n                            </v-row>\r\n                            <v-row v-else>\r\n                                <v-col col=\"12\">\r\n                                    <h3>No upcoming appointment</h3> \r\n                                </v-col>\r\n                            </v-row>\r\n                        </v-col>\r\n                    </v-row>    \r\n                </div>\r\n            </div>\r\n        </v-container>\r\n    </v-container>\r\n</template>\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\n// import Topnavbar from '@/components/layout/Topnavbar'\r\n// import Bottomnavbar from '@/components/layout/Bottomnavbar'\r\nimport { ApiService } from '@/core/services/api.service'\r\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            currentItem:0,\r\n            notificationCount:0,\r\n            isTechnical:true,\r\n            indexValue:0,\r\n            dashboardItems : [\r\n                {id:1,name:'Pest Control',icon:'mdi-clipboard-text-multiple',route:'pest-control'},\r\n                {id:2,name:'Inspection',icon:'mdi-spider',route:'inspection'},\r\n                {id:3,name:'Appointments',icon:'mdi-headphones',route:'appointments'},\r\n                {id:4,name:'Quotes',icon:'mdi-clipboard-text-multiple',route:'quotes'},\r\n                // {id:5, name:'Home',route:'',icon:'mdi-home'},\r\n                // {id:6, name:'Calendar',route:'pest-schedule-service', icon:'mdi-calendar'},\r\n                {id:7, name:'chat',route:\"chat-group/1\", icon:'mdi-chat'},\r\n                {id:8, name:'Profile',route:'profile', icon:'mdi-account'},\r\n            ],\r\n            items: [\r\n                {id:2, name:'Dashboard',route:'dashboard',icon:'mdi-view-dashboard'},\r\n                {id:5, name:'chat',route:'chat-list', icon:'mdi-chat'},\r\n                {id:6, name:'Profile',route:'profile', icon:'mdi-account'},\r\n            ],\r\n            bottomItems:[\r\n                {id:1, name:'Home',route:'',icon:'mdi-home'},\r\n                {id:2, name:'Calendar',route:'pest-schedule-service', icon:'mdi-calendar'},\r\n                {id:3, name:'chat',route:'chat-list', icon:'mdi-chat'},\r\n                {id:4, name:'Profile',route:'profile', icon:'mdi-account'},\r\n            ],\r\n            sliders: [\r\n                {\r\n                    src: 'https://cdn.vuetifyjs.com/images/carousel/squirrel.jpg',\r\n                    route:'pest-identify'\r\n                },\r\n                {\r\n                    src: 'https://cdn.vuetifyjs.com/images/carousel/sky.jpg',\r\n                    route:'pest-home-remedy'\r\n                },\r\n                {\r\n                    src: 'https://cdn.vuetifyjs.com/images/carousel/bird.jpg',\r\n                    route:'pest-schedule-service'\r\n                }\r\n            ],\r\n            dashboardAdministrative: [\r\n                // {name:\"Profile\",icon:'mdi-account',component:'profile-technician',route:'admin-profile'},\r\n                {name:'Calendar',icon:'mdi-calendar-clock',route:'admin-calendar'},\r\n                {name:'Services',icon:'mdi-meteor',route:'admin-service'},\r\n                {name:'Templates',icon:'mdi-file-document-multiple',route:'admin-template'},\r\n                {name:'Search Engine Articles',icon:'mdi-folder-search-outline',route:'admin-article'},\r\n                // {name:'Customer Profiles',icon:'mdi-calendar-clock',route:'admin-customer-profile'},\r\n                {name:'Technician Profiles',icon:'mdi-account',route:'admin-technician-profile'},\r\n                {name:'Record Payments',icon:'mdi-credit-card',route:'admin-payment-record'},\r\n                {name:'Requests',icon:'mdi-hand-pointing-right',route:'admin-request'},\r\n                {name:'Completed Scheduling',icon:'mdi-check-underline',route:'admin-completed-scheduling'}\r\n            ],\r\n            dashboardTechnical: [\r\n                {name:\"Assigned Services\",icon:'mdi-water-check',component:'home-remedy',route:'technical-assigned-service'},\r\n                {name:'Calendar',icon:'mdi-calendar-clock',component:'schedule-service',route:'technical-calendar'},\r\n            ],\r\n            appointments:[],\r\n            quoteCount:0,\r\n        }\r\n    },\r\n    components: {\r\n        // Topnavbar,\r\n        // Bottomnavbar\r\n    },\r\n    mounted() {\r\n        this.fetchAppointments();\r\n    },\r\n    methods: {\r\n        viewPest(id) {\r\n            this.$router.push(\"/appointment/\"+id);\r\n        },\r\n        async fetchAppointments(){\r\n            await ApiService.post('/appointments-upcoming')\r\n            .then((resp) => {\r\n                this.appointments = resp.data;\r\n                this.notificationCount = resp.notifications;\r\n                this.quoteCount = resp.quoteCount;\r\n            })\r\n            .catch((error) => {\r\n                console.log(error);\r\n            });\r\n        },\r\n       \r\n        handleRouter(route){\r\n           \r\n            this.$router.push(\"/\"+route);\r\n        },\r\n        handleRoute(route){\r\n            this.$router.push(\"/technical-service/\"+route);\r\n       \r\n        },\r\n        messageCount() {\r\n            this.$bus.$emit('SHOW_PAGE_LOADER');\r\n            ApiService.get('/messages/count/'+this.currentUser.vendor.id)\r\n            .then((response) => {\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                this.countMessages = response.total;\r\n            })\r\n            .catch(() => {\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n            });\r\n        }\r\n    },\r\n    computed: {\r\n        ...mapGetters(['currentUser'])\r\n    }\r\n\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n    $color-primary: #01a6bc;\r\n    $color-secondary: #01a6bc;\r\n     .appointment-date{\r\n        background: #99cc00;\r\n        width: 60px;\r\n        color: #fff;\r\n        text-align: center;\r\n        padding: 0 10px;\r\n        // border-bottom-left-radius:4px;\r\n        // border-top-left-radius:4px;\r\n    }\r\n    .card-custom{\r\n        border-bottom: 1px solid #dadada;\r\n    }\r\n    .day-style {\r\n        font-size: 1.2rem;\r\n        font-weight: 500;\r\n        margin:0;\r\n    }\r\n    .date-wrapper{\r\n        display:flex; \r\n        align-items: center;\r\n        color:#99cc00 !important;\r\n        margin-bottom: 10px;\r\n        i{\r\n            font-size:1.2rem;\r\n        }\r\n    }\r\n\r\n    .text{\r\n        margin-bottom: 0;\r\n    }\r\n    .f1{\r\n        font-size:1rem;\r\n    }\r\n    .no-data {\r\n        height: calc(100vh - 300px);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-around;\r\n        h3,p{\r\n          color:#dadada;\r\n          text-align: center;\r\n          text-transform: uppercase;\r\n        }\r\n    }\r\n    .date-time{\r\n        margin-bottom: 0;\r\n        font-weight: 500;\r\n        color: #75ab26;\r\n        font-size:0.9rem;\r\n    }\r\n    .active-item{\r\n            // background:#cce3ff !important;\r\n    }\r\n    // .custom-bs{\r\n    //     -webkit-box-shadow: 0px 0px 34px 1px rgba(222,222,222,1) !important;\r\n    //     -moz-box-shadow: 0px 0px 34px 1px rgba(222,222,222,1) !important;\r\n    //     box-shadow: 0px 0px 34px 1px rgba(222,222,222,1) !important;\r\n    // }\r\n    .fs20{\r\n        font-size: 20px;\r\n        color:#75ab26;\r\n    }\r\n   \r\n</style>","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!./DashboardPage.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!./DashboardPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DashboardPage.vue?vue&type=template&id=00d80acd&scoped=true&\"\nimport script from \"./DashboardPage.vue?vue&type=script&lang=js&\"\nexport * from \"./DashboardPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DashboardPage.vue?vue&type=style&index=0&id=00d80acd&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  \"00d80acd\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VChip,VCol,VContainer,VIcon,VRow})\n","// Styles\nimport './VCard.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Mixins\nimport Loadable from '../../mixins/loadable'\nimport Routable from '../../mixins/routable'\n\n// Helpers\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  Loadable,\n  Routable,\n  VSheet\n).extend({\n  name: 'v-card',\n\n  props: {\n    flat: Boolean,\n    hover: Boolean,\n    img: String,\n    link: Boolean,\n    loaderHeight: {\n      type: [Number, String],\n      default: 4,\n    },\n    raised: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-card': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-card--flat': this.flat,\n        'v-card--hover': this.hover,\n        'v-card--link': this.isClickable,\n        'v-card--loading': this.loading,\n        'v-card--disabled': this.disabled,\n        'v-card--raised': this.raised,\n        ...VSheet.options.computed.classes.call(this),\n      }\n    },\n    styles (): object {\n      const style: Dictionary<string> = {\n        ...VSheet.options.computed.styles.call(this),\n      }\n\n      if (this.img) {\n        style.background = `url(\"${this.img}\") center center / cover no-repeat`\n      }\n\n      return style\n    },\n  },\n\n  methods: {\n    genProgress () {\n      const render = Loadable.options.methods.genProgress.call(this)\n\n      if (!render) return null\n\n      return this.$createElement('div', {\n        staticClass: 'v-card__progress',\n        key: 'progress',\n      }, [render])\n    },\n  },\n\n  render (h): VNode {\n    const { tag, data } = this.generateRouteLink()\n\n    data.style = this.styles\n\n    if (this.isClickable) {\n      data.attrs = data.attrs || {}\n      data.attrs.tabindex = 0\n    }\n\n    return h(tag, this.setBackgroundColor(this.color, data), [\n      this.genProgress(),\n      this.$slots.default,\n    ])\n  },\n})\n","// Styles\nimport './VChip.sass'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Components\nimport { VExpandXTransition } from '../transitions'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Routable from '../../mixins/routable'\nimport Sizeable from '../../mixins/sizeable'\n\n// Utilities\nimport { breaking } from '../../util/console'\n\n// Types\nimport { PropValidator, PropType } from 'vue/types/options'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Sizeable,\n  Routable,\n  Themeable,\n  GroupableFactory('chipGroup'),\n  ToggleableFactory('inputValue')\n).extend({\n  name: 'v-chip',\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    activeClass: {\n      type: String,\n      default (): string | undefined {\n        if (!this.chipGroup) return ''\n\n        return this.chipGroup.activeClass\n      },\n    } as any as PropValidator<string>,\n    close: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$delete',\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    disabled: Boolean,\n    draggable: Boolean,\n    filter: Boolean,\n    filterIcon: {\n      type: String,\n      default: '$complete',\n    },\n    label: Boolean,\n    link: Boolean,\n    outlined: Boolean,\n    pill: Boolean,\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    textColor: String,\n    value: null as any as PropType<any>,\n  },\n\n  data: () => ({\n    proxyClass: 'v-chip--active',\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-chip': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-chip--clickable': this.isClickable,\n        'v-chip--disabled': this.disabled,\n        'v-chip--draggable': this.draggable,\n        'v-chip--label': this.label,\n        'v-chip--link': this.isLink,\n        'v-chip--no-color': !this.color,\n        'v-chip--outlined': this.outlined,\n        'v-chip--pill': this.pill,\n        'v-chip--removable': this.hasClose,\n        ...this.themeClasses,\n        ...this.sizeableClasses,\n        ...this.groupClasses,\n      }\n    },\n    hasClose (): boolean {\n      return Boolean(this.close)\n    },\n    isClickable (): boolean {\n      return Boolean(\n        Routable.options.computed.isClickable.call(this) ||\n        this.chipGroup\n      )\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['outline', 'outlined'],\n      ['selected', 'input-value'],\n      ['value', 'active'],\n      ['@input', '@active.sync'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    click (e: MouseEvent): void {\n      this.$emit('click', e)\n\n      this.chipGroup && this.toggle()\n    },\n    genFilter (): VNode {\n      const children = []\n\n      if (this.isActive) {\n        children.push(\n          this.$createElement(VIcon, {\n            staticClass: 'v-chip__filter',\n            props: { left: true },\n          }, this.filterIcon)\n        )\n      }\n\n      return this.$createElement(VExpandXTransition, children)\n    },\n    genClose (): VNode {\n      return this.$createElement(VIcon, {\n        staticClass: 'v-chip__close',\n        props: {\n          right: true,\n          size: 18,\n        },\n        attrs: {\n          'aria-label': this.$vuetify.lang.t(this.closeLabel),\n        },\n        on: {\n          click: (e: Event) => {\n            e.stopPropagation()\n            e.preventDefault()\n\n            this.$emit('click:close')\n            this.$emit('update:active', false)\n          },\n        },\n      }, this.closeIcon)\n    },\n    genContent (): VNode {\n      return this.$createElement('span', {\n        staticClass: 'v-chip__content',\n      }, [\n        this.filter && this.genFilter(),\n        this.$slots.default,\n        this.hasClose && this.genClose(),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    const children = [this.genContent()]\n    let { tag, data } = this.generateRouteLink()\n\n    data.attrs = {\n      ...data.attrs,\n      draggable: this.draggable ? 'true' : undefined,\n      tabindex: this.chipGroup && !this.disabled ? 0 : data.attrs!.tabindex,\n    }\n    data.directives!.push({\n      name: 'show',\n      value: this.active,\n    })\n    data = this.setBackgroundColor(this.color, data)\n\n    const color = this.textColor || (this.outlined && this.color)\n\n    return h(tag, this.setTextColor(color, data), children)\n  },\n})\n","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!./DashboardPage.vue?vue&type=style&index=0&id=00d80acd&lang=scss&scoped=true&\""],"sourceRoot":""}