{"version":3,"sources":["webpack:///../../../src/components/VAlert/VAlert.ts","webpack:///../../../src/components/VGrid/VFlex.ts","webpack:///./src/assets/image/service/telepon_2.png","webpack:///./src/assets/image/empty.png","webpack:///../../../src/components/VItemGroup/VItemGroup.ts","webpack:///./src/assets/image/send_chat_1.png","webpack:///../../../src/components/VAvatar/VAvatar.ts","webpack:///../../../src/mixins/comparable/index.ts","webpack:///./src/assets/image/block_chat.png","webpack:///./src/views/private/consultant/index.vue","webpack:///src/views/private/consultant/index.vue","webpack:///./src/views/private/consultant/index.vue?58b4","webpack:///./src/views/private/consultant/index.vue?fd07","webpack:///../../../src/components/VCard/index.ts","webpack:///../../../src/components/VIcon/index.ts","webpack:///./src/views/private/consultant/index.vue?99b2","webpack:///../../../src/components/VGrid/VLayout.ts","webpack:///../../../src/components/VBtn/index.ts","webpack:///../../../src/components/VDivider/VDivider.ts","webpack:///../../../src/directives/resize/index.ts","webpack:///../../../src/components/VGrid/grid.ts","webpack:///../../../src/mixins/transitionable/index.ts"],"names":["mixins","VSheet","Toggleable","Transitionable","extend","name","props","border","type","String","validator","val","includes","closeLabel","default","coloredBorder","Boolean","dense","dismissible","closeIcon","icon","outlined","prominent","text","value","computed","__cachedBorder","this","data","staticClass","class","setBackgroundColor","computedColor","$createElement","__cachedDismissible","color","iconColor","VBtn","small","attrs","$vuetify","lang","t","on","click","isActive","VIcon","__cachedIcon","computedIcon","classes","options","call","hasColoredIcon","hasText","undefined","isDark","Themeable","created","$attrs","hasOwnProperty","breaking","methods","genWrapper","children","$slots","prepend","genContent","append","$scopedSlots","close","toggle","genAlert","role","listeners$","style","styles","directives","setColor","setTextColor","render","h","transition","origin","mode","Grid","module","exports","BaseItemGroup","Comparable","Proxyable","activeClass","mandatory","max","Number","multiple","tag","internalLazyValue","items","themeClasses","selectedIndex","selectedItem","indexOf","selectedItems","filter","item","index","toggleMethod","getValue","selectedValues","internalValue","Array","isArray","v","valueComparator","some","intern","watch","consoleWarn","genData","i","onClick","updateInternalValue","register","push","$on","length","updateMandatory","updateItem","unregister","_isDestroyed","splice","valueIndex","updateItemsState","$nextTick","forEach","updateMultiple","updateSingle","last","slice","reverse","find","disabled","defaultValue","findIndex","isSame","provide","itemGroup","Colorable","Measurable","Roundable","left","right","size","roundedClasses","height","convertToUnit","minWidth","width","measurableStyles","$listeners","Vue","Function","deepEqual","scopedSlots","key","proxy","_vm","$event","search","fetch","model","callback","expression","_c","process","staticStyle","fn","to_unread","_v","Object","require","detail","chats","message_content","ref","image","upload","addChat","_u","staticRenderFns","folder","id","user_client","operator_client","message_local","message","form","message_id","message_client","message_input_datetime","list","limit","pagination","lastIndex","load","info","success","error","components","Empty","uploadfolder","user","handler","deep","mounted","scrollToEnd","content","row","page","user_type","params","then","toDetail","initial_code","console","snapshot","fullname","is_online","is_typing","beforeI","beforeT","lastIC","chates","catch","isTyping","db","reset","fb_id","to","component","VCardActions","createSimpleFunctional","VCardSubtitle","VCardText","VCardTitle","VCard","inset","vertical","orientation","inserted","el","binding","vnode","passive","window","addEventListener","_onResize","context","_uid","modifiers","quiet","unbind","_a","removeEventListener","Resize","VGrid","functional","trim","keys","startsWith","join","domProps"],"mappings":"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uBACA,+BACA,QACAC,6BAGA,eAAAC,OAAAC,SACA,qCAEA,iBAEA,OACAjB,YACAiB,YACAlD,mBACAmD,4BAGA,oCAAAC,WACAC,SACA,aAEA,qBAEA,qBAEA,eACA,sBACA,kCAEA,gCACA,sBAIAC,YACA,cAEA,sBAEA,mBAEA,uBACA,qBAEA,OACAC,mCAGA,mCAAAH,WACAC,SACA,aAEA,cACA,gBAIA,mBACA,8EACA,iBACA,wBACAG,0BAGAA,mBACA,qBAIA,mBA2BA,kBACA,8EACA,iBACAC,eACA,mBAEA,iBACA,qBACA,yBAIA,kBACA,mFACA,iBACA,0BACA,2BAGA,sBAAAlC,WAAA,eAEA,mCACAA,MACAmC,wBACAzC,SACA0C,aACAC,cACA,KAGA,sBACA,uFACA,iBACA,0BACA,+BAGA,sBAAArC,WAAA,eAEA,uCACAA,MACAmC,wBACAzC,SACA0C,aACAC,cACA,KAGA,qBACA,uHACA,iBACA,0BACA,uBAGA,qBACA,CACArC,QACAM,+BACAC,uCACAf,yCACAgB,0DAIA,qBAEA,yBACA8B,IACAC,KACAC,aAEAC,yBACAA,YAEA,oBACAA,YAEAA,YAGA,OACA,iBACAA,aAMAH,IACAC,sBAGA,aAEA,0CAGA,gBACA,kFAEA,MACA,gCAEA,0BAEA,qEAEA,uBAEA,kFACAT,SACA,gBAEA,0BAEAY,UACAT,iDAIAU,WACA,yCACA,uCACA,wCAEA,sBAGA,wBAEA,uCACA,wCAEA,uBAIA,qBACA,uFACA,iBAEA,oBACA,MAGAC,6FACA5C,iCACAmC,6CACAzC,uCACA0C,+CACAC,oDAIAQ,QACA,wBAEA,WACAvC,cACAC,0BACAf,iBACA/K,YACAgB,UAEA+K,6DAGA,wBACA,gCACA3K,MACAiN,wBACAC,uBACAnB,qBACAnN,oCACA2L,2CAGA0B,SACAG,oBCr5B6W,I,wBCQzWe,EAAY,eACd,EACA,EACAlD,GACA,EACA,KACA,WACA,MAIa,aAAAkD,E,6CCnBf,oKAGA,MAAMC,EAAeC,eAAuB,mBACtCC,EAAgBD,eAAuB,oBACvCE,EAAYF,eAAuB,gBACnCG,EAAaH,eAAuB,iBAYtCI,Q,oCClBJ,gBAGevM,e,kCCHf,W,kCCAA,0BAIesC,sBAAK,W,kCCJpB,gBAGe/C,e,kCCHf,0BASemB,cAAUpD,OAAO,CAC9BC,KAAM,YAENC,MAAO,CACLgP,MAAOtO,QACPuO,SAAUvO,SAGZ+D,OAAQC,GAEN,IAAIwK,EAIJ,OAHK7N,KAAK+B,OAAOc,MAA6B,cAArB7C,KAAK+B,OAAOc,OACnCgL,EAAc7N,KAAK4N,SAAW,WAAa,cAEtCvK,EAAE,KAAM,CACblD,MAAO,CACL,aAAa,EACb,mBAAoBH,KAAK2N,MACzB,sBAAuB3N,KAAK4N,YACzB5N,KAAKuE,cAEV3D,MAAO,CACLiC,KAAM,YACN,mBAAoBgL,KACjB7N,KAAK+B,QAEVf,GAAIhB,KAAKoI,iB,kCC3Bf,SAAS0F,EAAUC,EAAiBC,EAA+BC,GACjE,MAAMjF,EAAWgF,EAAQnO,MACnB0B,EAAUyM,EAAQzM,SAAW,CAAE2M,SAAS,GAE9CC,OAAOC,iBAAiB,SAAUpF,EAAUzH,GAE5CwM,EAAGM,UAAY7E,OAAOuE,EAAGM,WACzBN,EAAGM,UAAWJ,EAAMK,QAASC,MAAQ,CACnCvF,WACAzH,WAGGyM,EAAQQ,WAAcR,EAAQQ,UAAUC,OAC3CzF,IAIJ,SAAS0F,EAAQX,EAAiBC,EAA+BC,G,MAC/D,KAAiB,QAAZ,EAAAF,EAAGM,iBAASM,WAAA,EAAAA,EAAGV,EAAMK,QAASC,OAAO,OAE1C,MAAM,SAAEvF,EAAF,QAAYzH,GAAYwM,EAAGM,UAAUJ,EAAMK,QAASC,MAE1DJ,OAAOS,oBAAoB,SAAU5F,EAAUzH,UAExCwM,EAAGM,UAAUJ,EAAMK,QAASC,MAG9B,MAAMM,EAAS,CACpBf,WACAY,UAGaG,U,kCCxCf,kDAGc,SAAUC,EAAOpQ,GAE7B,OAAO2J,aAAI5J,OAAO,CAChBC,KAAM,KAAKA,EAEXqQ,YAAY,EAEZpQ,MAAO,CACLyL,GAAItL,OACJsF,IAAK,CACHvF,KAAMC,OACNK,QAAS,QAIbiE,OAAQC,GAAG,MAAE1E,EAAF,KAASsB,EAAT,SAAemC,IACxBnC,EAAKC,YAAe,GAAGxB,KAAQuB,EAAKC,aAAe,KAAM8O,OAEzD,MAAM,MAAEpO,GAAUX,EAClB,GAAIW,EAAO,CAETX,EAAKW,MAAQ,GACb,MAAMU,EAAUkI,OAAOyF,KAAKrO,GAAOgE,OAAO6D,IAGxC,GAAY,SAARA,EAAgB,OAAO,EAE3B,MAAM5I,EAAQe,EAAM6H,GAIpB,OAAIA,EAAIyG,WAAW,UACjBjP,EAAKW,MAAO6H,GAAO5I,GACZ,GAGFA,GAA0B,kBAAVA,IAGrByB,EAAQ4E,SAAQjG,EAAKC,aAAe,IAAIoB,EAAQ6N,KAAK,MAQ3D,OALIxQ,EAAMyL,KACRnK,EAAKmP,SAAWnP,EAAKmP,UAAY,GACjCnP,EAAKmP,SAAShF,GAAKzL,EAAMyL,IAGpB/G,EAAE1E,EAAMyF,IAAKnE,EAAMmC,Q,kCClDhC,gBAEeiG,oBAAI5J,OAAO,CACxBC,KAAM,iBAENC,MAAO,CACL6E,KAAM1E,OACNyE,OAAQzE,OACRwE,WAAYxE,Y","file":"js/chunk-094cadc3.c95bfbf4.js","sourcesContent":["// Styles\nimport './VAlert.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Toggleable from '../../mixins/toggleable'\nimport Themeable from '../../mixins/themeable'\nimport Transitionable from '../../mixins/transitionable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNodeData } from 'vue'\nimport { VNode } from 'vue/types'\n\n/* @vue/component */\nexport default mixins(\n  VSheet,\n  Toggleable,\n  Transitionable\n).extend({\n  name: 'v-alert',\n\n  props: {\n    border: {\n      type: String,\n      validator (val: string) {\n        return [\n          'top',\n          'right',\n          'bottom',\n          'left',\n        ].includes(val)\n      },\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    coloredBorder: Boolean,\n    dense: Boolean,\n    dismissible: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$cancel',\n    },\n    icon: {\n      default: '',\n      type: [Boolean, String],\n      validator (val: boolean | string) {\n        return typeof val === 'string' || val === false\n      },\n    },\n    outlined: Boolean,\n    prominent: Boolean,\n    text: Boolean,\n    type: {\n      type: String,\n      validator (val: string) {\n        return [\n          'info',\n          'error',\n          'success',\n          'warning',\n        ].includes(val)\n      },\n    },\n    value: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    __cachedBorder (): VNode | null {\n      if (!this.border) return null\n\n      let data: VNodeData = {\n        staticClass: 'v-alert__border',\n        class: {\n          [`v-alert__border--${this.border}`]: true,\n        },\n      }\n\n      if (this.coloredBorder) {\n        data = this.setBackgroundColor(this.computedColor, data)\n        data.class['v-alert__border--has-color'] = true\n      }\n\n      return this.$createElement('div', data)\n    },\n    __cachedDismissible (): VNode | null {\n      if (!this.dismissible) return null\n\n      const color = this.iconColor\n\n      return this.$createElement(VBtn, {\n        staticClass: 'v-alert__dismissible',\n        props: {\n          color,\n          icon: true,\n          small: true,\n        },\n        attrs: {\n          'aria-label': this.$vuetify.lang.t(this.closeLabel),\n        },\n        on: {\n          click: () => (this.isActive = false),\n        },\n      }, [\n        this.$createElement(VIcon, {\n          props: { color },\n        }, this.closeIcon),\n      ])\n    },\n    __cachedIcon (): VNode | null {\n      if (!this.computedIcon) return null\n\n      return this.$createElement(VIcon, {\n        staticClass: 'v-alert__icon',\n        props: { color: this.iconColor },\n      }, this.computedIcon)\n    },\n    classes (): object {\n      const classes: Record<string, boolean> = {\n        ...VSheet.options.computed.classes.call(this),\n        'v-alert--border': Boolean(this.border),\n        'v-alert--dense': this.dense,\n        'v-alert--outlined': this.outlined,\n        'v-alert--prominent': this.prominent,\n        'v-alert--text': this.text,\n      }\n\n      if (this.border) {\n        classes[`v-alert--border-${this.border}`] = true\n      }\n\n      return classes\n    },\n    computedColor (): string {\n      return this.color || this.type\n    },\n    computedIcon (): string | boolean {\n      if (this.icon === false) return false\n      if (typeof this.icon === 'string' && this.icon) return this.icon\n      if (!['error', 'info', 'success', 'warning'].includes(this.type)) return false\n\n      return `$${this.type}`\n    },\n    hasColoredIcon (): boolean {\n      return (\n        this.hasText ||\n        (Boolean(this.border) && this.coloredBorder)\n      )\n    },\n    hasText (): boolean {\n      return this.text || this.outlined\n    },\n    iconColor (): string | undefined {\n      return this.hasColoredIcon ? this.computedColor : undefined\n    },\n    isDark (): boolean {\n      if (\n        this.type &&\n        !this.coloredBorder &&\n        !this.outlined\n      ) return true\n\n      return Themeable.options.computed.isDark.call(this)\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('outline')) {\n      breaking('outline', 'outlined', this)\n    }\n  },\n\n  methods: {\n    genWrapper (): VNode {\n      const children = [\n        this.$slots.prepend || this.__cachedIcon,\n        this.genContent(),\n        this.__cachedBorder,\n        this.$slots.append,\n        this.$scopedSlots.close\n          ? this.$scopedSlots.close({ toggle: this.toggle })\n          : this.__cachedDismissible,\n      ]\n\n      const data: VNodeData = {\n        staticClass: 'v-alert__wrapper',\n      }\n\n      return this.$createElement('div', data, children)\n    },\n    genContent (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-alert__content',\n      }, this.$slots.default)\n    },\n    genAlert (): VNode {\n      let data: VNodeData = {\n        staticClass: 'v-alert',\n        attrs: {\n          role: 'alert',\n        },\n        on: this.listeners$,\n        class: this.classes,\n        style: this.styles,\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n      }\n\n      if (!this.coloredBorder) {\n        const setColor = this.hasText ? this.setTextColor : this.setBackgroundColor\n        data = setColor(this.computedColor, data)\n      }\n\n      return this.$createElement('div', data, [this.genWrapper()])\n    },\n    /** @public */\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (h): VNode {\n    const render = this.genAlert()\n\n    if (!this.transition) return render\n\n    return h('transition', {\n      props: {\n        name: this.transition,\n        origin: this.origin,\n        mode: this.mode,\n      },\n    }, [render])\n  },\n})\n","import './_grid.sass'\n\nimport Grid from './grid'\n\nexport default Grid('flex')\n","module.exports = __webpack_public_path__ + \"img/telepon_2.51f366ee.png\";","module.exports = __webpack_public_path__ + \"img/empty.14cc1461.png\";","// Styles\nimport './VItemGroup.sass'\n\n// Mixins\nimport Comparable from '../../mixins/comparable'\nimport Groupable from '../../mixins/groupable'\nimport Proxyable from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue/types'\n\nexport type GroupableInstance = InstanceType<typeof Groupable> & {\n  id?: string\n  to?: any\n  value?: any\n }\n\nexport const BaseItemGroup = mixins(\n  Comparable,\n  Proxyable,\n  Themeable\n).extend({\n  name: 'base-item-group',\n\n  props: {\n    activeClass: {\n      type: String,\n      default: 'v-item--active',\n    },\n    mandatory: Boolean,\n    max: {\n      type: [Number, String],\n      default: null,\n    },\n    multiple: Boolean,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  data () {\n    return {\n      // As long as a value is defined, show it\n      // Otherwise, check if multiple\n      // to determine which default to provide\n      internalLazyValue: this.value !== undefined\n        ? this.value\n        : this.multiple ? [] : undefined,\n      items: [] as GroupableInstance[],\n    }\n  },\n\n  computed: {\n    classes (): Record<string, boolean> {\n      return {\n        'v-item-group': true,\n        ...this.themeClasses,\n      }\n    },\n    selectedIndex (): number {\n      return (this.selectedItem && this.items.indexOf(this.selectedItem)) || -1\n    },\n    selectedItem (): GroupableInstance | undefined {\n      if (this.multiple) return undefined\n\n      return this.selectedItems[0]\n    },\n    selectedItems (): GroupableInstance[] {\n      return this.items.filter((item, index) => {\n        return this.toggleMethod(this.getValue(item, index))\n      })\n    },\n    selectedValues (): any[] {\n      if (this.internalValue == null) return []\n\n      return Array.isArray(this.internalValue)\n        ? this.internalValue\n        : [this.internalValue]\n    },\n    toggleMethod (): (v: any) => boolean {\n      if (!this.multiple) {\n        return (v: any) => this.valueComparator(this.internalValue, v)\n      }\n\n      const internalValue = this.internalValue\n      if (Array.isArray(internalValue)) {\n        return (v: any) => internalValue.some(intern => this.valueComparator(intern, v))\n      }\n\n      return () => false\n    },\n  },\n\n  watch: {\n    internalValue: 'updateItemsState',\n    items: 'updateItemsState',\n  },\n\n  created () {\n    if (this.multiple && !Array.isArray(this.internalValue)) {\n      consoleWarn('Model must be bound to an array if the multiple property is true.', this)\n    }\n  },\n\n  methods: {\n\n    genData (): object {\n      return {\n        class: this.classes,\n      }\n    },\n    getValue (item: GroupableInstance, i: number): unknown {\n      return item.value === undefined\n        ? i\n        : item.value\n    },\n    onClick (item: GroupableInstance) {\n      this.updateInternalValue(\n        this.getValue(item, this.items.indexOf(item))\n      )\n    },\n    register (item: GroupableInstance) {\n      const index = this.items.push(item) - 1\n\n      item.$on('change', () => this.onClick(item))\n\n      // If no value provided and mandatory,\n      // assign first registered item\n      if (this.mandatory && !this.selectedValues.length) {\n        this.updateMandatory()\n      }\n\n      this.updateItem(item, index)\n    },\n    unregister (item: GroupableInstance) {\n      if (this._isDestroyed) return\n\n      const index = this.items.indexOf(item)\n      const value = this.getValue(item, index)\n\n      this.items.splice(index, 1)\n\n      const valueIndex = this.selectedValues.indexOf(value)\n\n      // Items is not selected, do nothing\n      if (valueIndex < 0) return\n\n      // If not mandatory, use regular update process\n      if (!this.mandatory) {\n        return this.updateInternalValue(value)\n      }\n\n      // Remove the value\n      if (this.multiple && Array.isArray(this.internalValue)) {\n        this.internalValue = this.internalValue.filter(v => v !== value)\n      } else {\n        this.internalValue = undefined\n      }\n\n      // If mandatory and we have no selection\n      // add the last item as value\n      /* istanbul ignore else */\n      if (!this.selectedItems.length) {\n        this.updateMandatory(true)\n      }\n    },\n    updateItem (item: GroupableInstance, index: number) {\n      const value = this.getValue(item, index)\n\n      item.isActive = this.toggleMethod(value)\n    },\n    // https://github.com/vuetifyjs/vuetify/issues/5352\n    updateItemsState () {\n      this.$nextTick(() => {\n        if (this.mandatory &&\n          !this.selectedItems.length\n        ) {\n          return this.updateMandatory()\n        }\n\n        // TODO: Make this smarter so it\n        // doesn't have to iterate every\n        // child in an update\n        this.items.forEach(this.updateItem)\n      })\n    },\n    updateInternalValue (value: any) {\n      this.multiple\n        ? this.updateMultiple(value)\n        : this.updateSingle(value)\n    },\n    updateMandatory (last?: boolean) {\n      if (!this.items.length) return\n\n      const items = this.items.slice()\n\n      if (last) items.reverse()\n\n      const item = items.find(item => !item.disabled)\n\n      // If no tabs are available\n      // aborts mandatory value\n      if (!item) return\n\n      const index = this.items.indexOf(item)\n\n      this.updateInternalValue(\n        this.getValue(item, index)\n      )\n    },\n    updateMultiple (value: any) {\n      const defaultValue = Array.isArray(this.internalValue)\n        ? this.internalValue\n        : []\n      const internalValue = defaultValue.slice()\n      const index = internalValue.findIndex(val => this.valueComparator(val, value))\n\n      if (\n        this.mandatory &&\n        // Item already exists\n        index > -1 &&\n        // value would be reduced below min\n        internalValue.length - 1 < 1\n      ) return\n\n      if (\n        // Max is set\n        this.max != null &&\n        // Item doesn't exist\n        index < 0 &&\n        // value would be increased above max\n        internalValue.length + 1 > this.max\n      ) return\n\n      index > -1\n        ? internalValue.splice(index, 1)\n        : internalValue.push(value)\n\n      this.internalValue = internalValue\n    },\n    updateSingle (value: any) {\n      const isSame = this.valueComparator(this.internalValue, value)\n\n      if (this.mandatory && isSame) return\n\n      this.internalValue = isSame ? undefined : value\n    },\n  },\n\n  render (h): VNode {\n    return h(this.tag, this.genData(), this.$slots.default)\n  },\n})\n\nexport default BaseItemGroup.extend({\n  name: 'v-item-group',\n\n  provide (): object {\n    return {\n      itemGroup: this,\n    }\n  },\n})\n","module.exports = __webpack_public_path__ + \"img/send_chat_1.d428bba5.png\";","import './VAvatar.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Measurable from '../../mixins/measurable'\nimport Roundable from '../../mixins/roundable'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\nexport default mixins(\n  Colorable,\n  Measurable,\n  Roundable,\n  /* @vue/component */\n).extend({\n  name: 'v-avatar',\n\n  props: {\n    left: Boolean,\n    right: Boolean,\n    size: {\n      type: [Number, String],\n      default: 48,\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-avatar--left': this.left,\n        'v-avatar--right': this.right,\n        ...this.roundedClasses,\n      }\n    },\n    styles (): object {\n      return {\n        height: convertToUnit(this.size),\n        minWidth: convertToUnit(this.size),\n        width: convertToUnit(this.size),\n        ...this.measurableStyles,\n      }\n    },\n  },\n\n  render (h): VNode {\n    const data = {\n      staticClass: 'v-avatar',\n      class: this.classes,\n      style: this.styles,\n      on: this.$listeners,\n    }\n\n    return h('div', this.setBackgroundColor(this.color, data), this.$slots.default)\n  },\n})\n","import Vue from 'vue'\nimport { PropValidator } from 'vue/types/options'\nimport { deepEqual } from '../../util/helpers'\n\nexport default Vue.extend({\n  name: 'comparable',\n  props: {\n    valueComparator: {\n      type: Function,\n      default: deepEqual,\n    } as PropValidator<typeof deepEqual>,\n  },\n})\n","module.exports = __webpack_public_path__ + \"img/block_chat.55446cdd.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-layout',{attrs:{\"wrap\":\"\"}},[_c('v-flex',[_c('section',[_c('v-row',{class:_vm.user.level !== 'operator' ? 'screen_disabled' : ''},[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"3\"}},[_c('v-card',{staticStyle:{\"border-radius\":\"10px\"},attrs:{\"flat\":\"\",\"outlined\":\"\"}},[_c('v-card-text',[_c('div',{staticClass:\"body-1 font-weight-bold black--text d-flex align-center mb-4 mx-1\"},[_c('v-avatar',{attrs:{\"size\":\"20\"}},[_c('v-img',{attrs:{\"alt\":\"vuetify\",\"src\":require('@/assets/image/service/telepon_2.png')},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                    Konsultasi Informasi Kesehatan\\n                  \")])],1),_c('v-text-field',{attrs:{\"vvvv-uppercase\":\"\",\"filled\":\"\",\"rounded\":\"\",\"dense\":\"\",\"single-line\":\"\",\"hide-details\":\"\",\"color\":\"#B71C1C\",\"prepend-inner-icon\":\"mdi-magnify\",\"placeholder\":\"Cari data yang Anda butuhkan ?\",\"clearable\":\"\"},on:{\"click:clear\":function($event){_vm.search = ''; _vm.fetch();},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.fetch()}},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_c('v-list',{staticClass:\"pt-0\",attrs:{\"flat\":\"\",\"color\":\"transparent\"}},[_c('v-list-item-group',_vm._l((_vm.process.load ? 5 : _vm.list.data),function(item,index){return _c('v-skeleton-loader',{key:index,attrs:{\"loading\":_vm.process.load,\"type\":\"list-item-avatar-three-line\"}},[[_c('div',[(!_vm.process.load && _vm.list.data.length > 0)?_c('v-list-item',{staticStyle:{\"border-radius\":\"0px\"},on:{\"click\":function($event){return _vm.toDetail(item)}}},[_c('v-list-item-avatar',{attrs:{\"size\":\"50\",\"tile\":\"\"}},[_c('v-img',{staticClass:\"ma-auto\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"alt\":\"kominfo\",\"src\":item.user_image},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}],null,true)})],1),_c('v-list-item-content',[_c('v-list-item-title',{staticClass:\"font-weight-bold mb-2\"},[_vm._v(\"\\n                              \"+_vm._s(item.user_fullname)+\"\\n                            \")]),_c('v-list-item-subtitle',{staticStyle:{\"opacity\":\"60%\"}},[_vm._v(\"\\n                              \"+_vm._s(item.last_message)+\"\\n                            \")])],1),_c('v-list-item-action',[_c('v-list-item-action-text',{class:item.to_unread > 0 ? 'mb-1' : 'mb-5',staticStyle:{\"font-size\":\"10px\",\"opacity\":\"40%\"}},[_vm._v(\"\\n                              \"+_vm._s(_vm._f(\"ago\")(item.last_update))+\"\\n                            \")]),(item.to_unread > 0)?_c('v-avatar',{attrs:{\"size\":\"20\",\"color\":\"green\"}},[_c('span',{staticClass:\"white--text font-weight-bold\",staticStyle:{\"font-size\":\"10px\"}},[_vm._v(\"\\n                                \"+_vm._s(item.to_unread)+\"\\n                              \")])]):_vm._e()],1)],1):_vm._e(),(!_vm.process.load && _vm.list.data.length > 0 && index < _vm.list.data.length - 1)?_c('v-divider',{key:index,staticClass:\"my-2\",staticStyle:{\"margin-left\":\"80px\",\"margin-right\":\"16px\"}}):_vm._e()],1)]],2)}),1)],1),(!_vm.process.load && _vm.pagination.data.total_page < 1)?_c('Empty',{attrs:{\"margin\":\"mt-10 mb-12\",\"padding\":\"pa-8\",\"font\":\"body-2\",\"size\":100,\"message\":\"Konsulatasi\"}}):_vm._e()],1)],1),_c('v-col',{staticClass:\"d-flex justify-center\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[(Object.keys(_vm.detail).length < 1)?_c('v-card',{staticStyle:{\"border\":\"5px solid #e0e0e0\",\"border-radius\":\"30px\"},attrs:{\"flat\":\"\",\"width\":\"350\",\"height\":\"75vh\"}},[_c('v-card',{staticStyle:{\"border-radius\":\"25px 25px 0px 0px\"},attrs:{\"flat\":\"\",\"color\":\"#B71C1C\",\"min-height\":\"76\"}},[_c('v-list',{staticClass:\"py-0\",staticStyle:{\"border-radius\":\"25px 25px 0px 0px\"},attrs:{\"flat\":\"\",\"color\":\"#B71C1C\"}},[_c('v-list-item',{staticStyle:{\"border-radius\":\"0px\",\"height\":\"56px\"}},[_c('v-list-item-action',{staticClass:\"mr-2\"},[_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"color\":\"#FFF\"},on:{\"click\":function($event){_vm.detail = {}}}},[_vm._v(\"\\n                        mdi-arrow-left-thick\\n                      \")])],1),_c('v-list-item-content',{staticClass:\"py-2\"},[_c('v-list-item-title',{staticClass:\"bod-1 font-weight-bold white--text mb-0\"},[_vm._v(\"\\n                        Tidak Ditemukan\\n                      \")]),_c('v-list-item-subtitle',{staticClass:\"d-flex align-center white--text\"},[_c('v-avatar',{staticStyle:{\"border\":\"2px solid #FFF\"},attrs:{\"size\":\"13\"}},[_c('v-icon',{attrs:{\"color\":\"grey\",\"size\":\"13\"}},[_vm._v(\"\\n                            mdi-circle\\n                          \")])],1),_c('span',{staticClass:\"caption ml-1\",staticStyle:{\"opacity\":\"70%\"}},[_vm._v(\"\\n                          Offline\\n                        \")])],1)],1),_c('v-list-item-action',[_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"color\":\"#FFF\"}},[_vm._v(\"\\n                        mdi-dots-vertical\\n                      \")])],1)],1)],1),_c('div',{staticStyle:{\"height\":\"20px\",\"background\":\"#FFF\",\"border-radius\":\"25px 25px 0 0\"}})],1),_c('v-card',{staticClass:\"py-16\",attrs:{\"flat\":\"\"}},[_c('v-card-text',{staticClass:\"text-center my-16 py-16\"},[_c('div',[_c('v-img',{staticClass:\"mx-auto\",attrs:{\"contain\":\"\",\"alt\":\"vuetify\",\"width\":\"100\",\"height\":\"100\",\"src\":require('@/assets/image/empty.png')},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}],null,false,2714157888)})],1),_c('div',{staticClass:\"body-2 font-weight-light line-text-second mt-6\",staticStyle:{\"opacity\":\"70%\"}},[_vm._v(\"\\n                    Silahkan pilih \"),_c('b',[_vm._v(\"Pengguna\")]),_vm._v(\" untuk melihat chat Konsultasi yang ditanyakan.\\n                  \")])])],1)],1):_vm._e(),(Object.keys(_vm.detail).length > 0)?_c('v-card',{staticStyle:{\"border\":\"5px solid #e0e0e0\",\"border-radius\":\"30px\"},attrs:{\"flat\":\"\",\"width\":\"350\",\"height\":\"75vh\"}},[_c('v-card',{staticStyle:{\"border-radius\":\"25px 25px 0px 0px\"},attrs:{\"flat\":\"\",\"color\":\"#B71C1C\",\"min-height\":\"76\"}},[_c('v-list',{staticClass:\"py-0\",staticStyle:{\"border-radius\":\"25px 25px 0px 0px\"},attrs:{\"flat\":\"\",\"color\":\"#B71C1C\"}},[_c('v-list-item',{staticStyle:{\"border-radius\":\"0px\",\"height\":\"56px\"}},[_c('v-list-item-action',{staticClass:\"mr-2\"},[_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"color\":\"#FFF\"},on:{\"click\":function($event){_vm.detail = {}}}},[_vm._v(\"\\n                        mdi-arrow-left-thick\\n                      \")])],1),_c('v-list-item-avatar',{staticClass:\"my-1 mr-2\",attrs:{\"size\":\"40\",\"tile\":\"\"}},[_c('v-img',{staticClass:\"ma-auto\",staticStyle:{\"border\":\"2px solid #FFFFFF40\",\"border-radius\":\"10px !important\"},attrs:{\"alt\":\"kominfo\",\"src\":_vm.detail.user_image},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}],null,false,2714157888)})],1),_c('v-list-item-content',{staticClass:\"py-2\"},[_c('v-list-item-title',{staticClass:\"bod-1 font-weight-bold white--text mb-0\"},[_vm._v(\"\\n                        \"+_vm._s(_vm.detail.user_fullname)+\"\\n                      \")]),_c('v-list-item-subtitle',{staticClass:\"d-flex align-center white--text\"},[_c('v-avatar',{staticStyle:{\"border\":\"2px solid #FFF\"},attrs:{\"size\":\"13\"}},[_c('v-icon',{attrs:{\"color\":\"green\",\"size\":\"13\"}},[_vm._v(\"\\n                            mdi-circle\\n                          \")])],1),(_vm.chats.user_client.is_typing)?_c('span',{staticClass:\"caption ml-1\",staticStyle:{\"opacity\":\"70%\"}},[_vm._v(\"\\n                          Sedang menulis pesan . . .\\n                        \")]):_vm._e(),(!_vm.chats.user_client.is_typing)?_c('span',{staticClass:\"caption ml-1\",staticStyle:{\"opacity\":\"70%\"}},[_vm._v(\"\\n                          Online\\n                        \")]):_vm._e()],1)],1),_c('v-list-item-action',[_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"color\":\"#FFF\"}},[_vm._v(\"\\n                        mdi-dots-vertical\\n                      \")])],1)],1)],1),_c('div',{staticStyle:{\"height\":\"20px\",\"background\":\"#FFF\",\"border-radius\":\"25px 25px 0 0\"}})],1),_c('div',{staticStyle:{\"height\":\"calc(100vh - 405px)\",\"overflow\":\"auto\",\"background\":\"#FFF\",\"border-radius\":\"25px\"}},[_c('div',{ref:\"messages\",staticClass:\"body-2 imessage pa-4 py-0\"},_vm._l((_vm.chats.message),function(item,index){return _c('div',{key:index,class:{\n                      'from-me': item.message_client === 'operator',\n                      'from-them': item.message_client === 'user',\n                      'no-tail margin-b_none': !item.f,\n                      'margin-b_one': item.f\n                    }},[(item.message_content.type === 'text')?_c('span',{staticClass:\"pb-4\"},[_vm._v(\"\\n                      \"+_vm._s(item.message_content.value)+\"\\n                    \")]):_vm._e(),(item.message_content.type === 'image')?_c('v-img',{staticClass:\"ma-auto my-1\",attrs:{\"width\":\"50%\",\"alt\":\"kominfo\",\"src\":item.message_content.value},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}],null,true)}):_vm._e(),_c('p',{staticClass:\"font-italic mb-0 text-right\",class:item.message_content.type === 'text' ? 'mt-1' : 'mt-2',staticStyle:{\"font-size\":\"10px\",\"opacity\":\"60%\"}},[_vm._v(\"\\n                      \"+_vm._s(_vm._f(\"ago\")(item.message_input_datetime))+\"\\n                    \")])],1)}),0)]),_c('v-card',{staticStyle:{\"border-radius\":\"15px 15px 25px 25px\",\"z-index\":\"1\"},attrs:{\"flat\":\"\",\"color\":\"#FFF\",\"min-height\":\"75\"}},[_c('v-card-text',[_c('v-alert',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.message.error.length > 0),expression:\"message.error.length > 0\"}],attrs:{\"type\":\"error\",\"text\":\"\",\"dense\":\"\",\"prominent\":\"\"},domProps:{\"innerHTML\":_vm._s(_vm.message.error)}}),_c('div',[_c('ValidationObserver',{ref:\"form\"},[_c('v-row',[_c('v-col',{staticClass:\"py-0 pr-0\",attrs:{\"cols\":\"10\"}},[_c('ValidationProvider',{attrs:{\"name\":\"message_content\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors }){return [_c('v-text-field',{attrs:{\"rounded\":\"\",\"color\":\"#B71C1C\",\"single-line\":\"\",\"hide-details\":\"\",\"filled\":\"\",\"dense\":\"\",\"placeholder\":_vm.process.image ? 'Sedang mengupload file . . .' : 'Tuliskan pesan anda disini.',\"error-messages\":_vm.process.image ? '' : errors,\"required\":\"\"},on:{\"keypress\":_vm.isTyping,\"keyup\":[_vm.isTyping,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.addChat.apply(null, arguments)}],\"keydown\":_vm.isTyping},scopedSlots:_vm._u([{key:\"append\",fn:function(){return [_c('uploadfolder',{model:{value:(_vm.upload.folder),callback:function ($$v) {_vm.$set(_vm.upload, \"folder\", $$v)},expression:\"upload.folder\"}},[_c('div',{staticClass:\"cursor-pointer\",attrs:{\"slot\":\"activator\"},slot:\"activator\"},[_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"color\":\"grey\"}},[_vm._v(\"\\n                                        mdi-image-plus\\n                                      \")])],1)])]},proxy:true}],null,true),model:{value:(_vm.form.message_content.value),callback:function ($$v) {_vm.$set(_vm.form.message_content, \"value\", $$v)},expression:\"form.message_content.value\"}})]}}],null,false,1885745320)})],1),_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"2\"}},[_c('v-btn',{attrs:{\"fab\":\"\",\"color\":\"#f0f0f0\",\"width\":\"40\",\"height\":\"40\",\"elevation\":\"0\"},on:{\"click\":_vm.addChat}},[_c('v-img',{attrs:{\"width\":\"25\",\"height\":\"25\",\"contain\":\"\",\"alt\":\"kominfo\",\"src\":require('@/assets/image/send_chat_1.png')},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"size\":\"25\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}],null,false,620837076)})],1)],1)],1)],1)],1)],1)],1)],1):_vm._e()],1)],1),(_vm.user.level !== 'operator')?_c('v-row',{staticStyle:{\"position\":\"absolute\",\"top\":\"0\",\"right\":\"0\",\"left\":\"0\",\"padding-top\":\"220px\"},attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-col',[_c('v-card',{attrs:{\"flat\":\"\",\"color\":\"transparent\"}},[_c('v-card-text',{staticClass:\"text-center\"},[_c('v-img',{staticClass:\"ma-auto\",attrs:{\"width\":\"250\",\"height\":\"250\",\"alt\":\"vuetify\",\"src\":require('@/assets/image/block_chat.png')},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}],null,false,2714157888)}),_c('div',{staticClass:\"text-h4 font-weight-bold red--text mt-6 mb-1\"},[_vm._v(\"\\n                  AKSES DITOLAK !!!\\n                \")]),_c('div',{staticClass:\"body-1 font-weight-light\"},[_vm._v(\"\\n                  Silahkan buka konsultasi dengan akun \"),_c('b',[_vm._v(\"Operator\")]),_vm._v(\".\\n                \")])],1)],1)],1)],1):_vm._e()],1)])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-layout wrap>\n      <v-flex>\n        <section>\n          <v-row\n            :class=\"user.level !== 'operator' ? 'screen_disabled' : ''\">\n            <v-col\n              cols=\"12\"\n              md=\"3\">\n              <v-card\n                flat\n                outlined\n                style=\"border-radius: 10px;\">\n                <v-card-text>\n                  <div\n                    class=\"body-1 font-weight-bold black--text d-flex align-center mb-4 mx-1\">\n                    <v-avatar\n                      size=\"20\">\n                      <v-img\n                        alt=\"vuetify\"\n                        :src=\"require('@/assets/image/service/telepon_2.png')\">\n                        <template v-slot:placeholder>\n                          <v-row\n                            class=\"fill-height\"\n                            align=\"center\"\n                            justify=\"center\">\n                            <v-progress-circular \n                              indeterminate \n                              color=\"#B71C1C\">\n                            </v-progress-circular>\n                          </v-row>\n                        </template>\n                      </v-img>\n                    </v-avatar>\n                    \n                    <span\n                      class=\"ml-1\">\n                      Konsultasi Informasi Kesehatan\n                    </span>\n                  </div>\n\n                  <v-text-field\n                    v-model=\"search\"\n                    vvvv-uppercase\n                    @click:clear=\"search = ''; fetch();\"\n                    v-on:keyup.enter=\"fetch()\"\n                    filled\n                    rounded\n                    dense \n                    single-line\n                    hide-details\n                    color=\"#B71C1C\"\n                    prepend-inner-icon=\"mdi-magnify\"\n                    placeholder=\"Cari data yang Anda butuhkan ?\"\n                    clearable>\n                  </v-text-field>\n                </v-card-text>\n\n                <v-list \n                  flat \n                  color=\"transparent\"\n                  class=\"pt-0\">\n                  <v-list-item-group>\n                    <v-skeleton-loader\n                      v-for=\"(item, index) in process.load ? 5 : list.data\"\n                      :key=\"index\"\n                      :loading=\"process.load\"\n                      type=\"list-item-avatar-three-line\">\n                      <template>\n                        <div>\n                          <v-list-item v-if=\"!process.load && list.data.length > 0\"\n                            @click=\"toDetail(item)\"\n                            style=\"border-radius: 0px;\">\n                            <v-list-item-avatar \n                              size=\"50\"\n                              tile>\n                              <v-img \n                                alt=\"kominfo\" \n                                :src=\"item.user_image\"\n                                class=\"ma-auto\"\n                                style=\"border-radius: 10px;\">\n                                <template v-slot:placeholder>\n                                  <v-row\n                                    class=\"fill-height\"\n                                    align=\"center\"\n                                    justify=\"center\">\n                                    <v-progress-circular \n                                      indeterminate \n                                      color=\"#B71C1C\">\n                                    </v-progress-circular>\n                                  </v-row>\n                                </template>\n                              </v-img>\n                            </v-list-item-avatar>\n\n                            <v-list-item-content>\n                              <v-list-item-title \n                                class=\"font-weight-bold mb-2\">\n                                {{ item.user_fullname }}\n                              </v-list-item-title>\n\n                              <v-list-item-subtitle \n                                style=\"opacity: 60%;\">\n                                {{ item.last_message }}\n                              </v-list-item-subtitle>\n                            </v-list-item-content>\n\n                            <v-list-item-action>\n                              <v-list-item-action-text\n                                :class=\"item.to_unread > 0 ? 'mb-1' : 'mb-5'\"\n                                style=\"font-size: 10px; opacity: 40%;\">\n                                {{ item.last_update | ago }}\n                              </v-list-item-action-text>\n\n                              <v-avatar v-if=\"item.to_unread > 0\"\n                                size=\"20\"\n                                color=\"green\">\n                                <span \n                                  class=\"white--text font-weight-bold\"\n                                  style=\"font-size: 10px;\">\n                                  {{ item.to_unread }}\n                                </span>\n                              </v-avatar>\n                            </v-list-item-action>\n                          </v-list-item>\n\n                          <v-divider \n                            v-if=\"!process.load && list.data.length > 0 && index < list.data.length - 1\" \n                            :key=\"index\"\n                            class=\"my-2\" \n                            style=\"margin-left: 80px; margin-right: 16px;\" />\n                        </div>\n                      </template>\n                    </v-skeleton-loader>\n                  </v-list-item-group>\n                </v-list>\n\n                <Empty v-if=\"!process.load && pagination.data.total_page < 1\"\n                  margin=\"mt-10 mb-12\"\n                  padding=\"pa-8\"\n                  font=\"body-2\"\n                  :size=\"100\"\n                  message=\"Konsulatasi\" />\n              </v-card>\n            </v-col>\n\n            <v-col\n              cols=\"12\"\n              md=\"4\"\n              class=\"d-flex justify-center\">\n              <v-card v-if=\"Object.keys(detail).length < 1\"\n                flat\n                width=\"350\"\n                height=\"75vh\"\n                style=\"border: 5px solid #e0e0e0; border-radius: 30px;\">\n                <v-card \n                  flat \n                  color=\"#B71C1C\"\n                  min-height=\"76\"\n                  style=\"border-radius: 25px 25px 0px 0px;\">\n                  <v-list \n                    flat \n                    class=\"py-0\"\n                    color=\"#B71C1C\"\n                    style=\"border-radius: 25px 25px 0px 0px;\">\n                    <v-list-item \n                      style=\"border-radius: 0px; height: 56px;\">\n                      <v-list-item-action\n                        class=\"mr-2\">\n                        <v-icon \n                          class=\"cursor-pointer\" \n                          color=\"#FFF\"\n                          @click=\"detail = {}\">\n                          mdi-arrow-left-thick\n                        </v-icon>\n                      </v-list-item-action>\n                      \n                      <v-list-item-content\n                        class=\"py-2\">\n                        <v-list-item-title \n                          class=\"bod-1 font-weight-bold white--text mb-0\">\n                          Tidak Ditemukan\n                        </v-list-item-title>\n\n                        <v-list-item-subtitle \n                          class=\"d-flex align-center white--text\">\n                          <v-avatar\n                            size=\"13\"\n                            style=\"border: 2px solid #FFF;\">\n                            <v-icon\n                              color=\"grey\" \n                              size=\"13\">\n                              mdi-circle\n                            </v-icon>\n                          </v-avatar>\n\n                          <span \n                            class=\"caption ml-1\"\n                            style=\"opacity: 70%;\">\n                            Offline\n                          </span>\n                        </v-list-item-subtitle>\n                      </v-list-item-content>\n\n                      <v-list-item-action>\n                        <v-icon \n                          class=\"cursor-pointer\" \n                          color=\"#FFF\">\n                          mdi-dots-vertical\n                        </v-icon>\n                      </v-list-item-action>\n                    </v-list-item>\n                  </v-list>\n\n                  <div\n                    style=\"height: 20px;\n                          background: #FFF;\n                          border-radius: 25px 25px 0 0;\">\n                  </div>\n                </v-card>\n\n                <v-card\n                  flat\n                  class=\"py-16\">\n                  <v-card-text\n                    class=\"text-center my-16 py-16\">\n                    <div>\n                      <v-img \n                        class=\"mx-auto\"\n                        contain\n                        alt=\"vuetify\"\n                        width=\"100\"\n                        height=\"100\"\n                        :src=\"require('@/assets/image/empty.png')\">\n                        <template v-slot:placeholder>\n                          <v-row\n                            class=\"fill-height\"\n                            align=\"center\"\n                            justify=\"center\">\n                            <v-progress-circular \n                              indeterminate \n                              color=\"#B71C1C\">\n                            </v-progress-circular>\n                          </v-row>\n                        </template>\n                      </v-img>\n                    </div>\n\n                    <div\n                      class=\"body-2 font-weight-light line-text-second mt-6\"\n                      style=\"opacity: 70%;\">\n                      Silahkan pilih <b>Pengguna</b> untuk melihat chat Konsultasi yang ditanyakan.\n                    </div>\n                  </v-card-text>\n                </v-card>\n              </v-card>\n\n              <v-card v-if=\"Object.keys(detail).length > 0\"\n                flat\n                width=\"350\"\n                height=\"75vh\"\n                style=\"border: 5px solid #e0e0e0; border-radius: 30px;\">\n                <v-card \n                  flat \n                  color=\"#B71C1C\"\n                  min-height=\"76\"\n                  style=\"border-radius: 25px 25px 0px 0px;\">\n                  <v-list \n                    flat \n                    class=\"py-0\"\n                    color=\"#B71C1C\"\n                    style=\"border-radius: 25px 25px 0px 0px;\">\n                    <v-list-item \n                      style=\"border-radius: 0px; height: 56px;\">\n                      <v-list-item-action\n                        class=\"mr-2\">\n                        <v-icon \n                          class=\"cursor-pointer\" \n                          color=\"#FFF\"\n                          @click=\"detail = {}\">\n                          mdi-arrow-left-thick\n                        </v-icon>\n                      </v-list-item-action>\n\n                      <v-list-item-avatar \n                        size=\"40\"\n                        tile\n                        class=\"my-1 mr-2\">\n                        <v-img \n                          style=\"border: 2px solid #FFFFFF40; border-radius: 10px !important;\"\n                          alt=\"kominfo\" \n                          :src=\"detail.user_image\"\n                          class=\"ma-auto\">\n                          <template v-slot:placeholder>\n                            <v-row\n                              class=\"fill-height\"\n                              align=\"center\"\n                              justify=\"center\">\n                              <v-progress-circular \n                                indeterminate \n                                color=\"#B71C1C\">\n                              </v-progress-circular>\n                            </v-row>\n                          </template>\n                        </v-img>\n                      </v-list-item-avatar>\n                      \n                      <v-list-item-content\n                        class=\"py-2\">\n                        <v-list-item-title \n                          class=\"bod-1 font-weight-bold white--text mb-0\">\n                          {{ detail.user_fullname}}\n                        </v-list-item-title>\n\n                        <v-list-item-subtitle \n                          class=\"d-flex align-center white--text\">\n                          <v-avatar\n                            size=\"13\"\n                            style=\"border: 2px solid #FFF;\">\n                            <v-icon\n                              color=\"green\" \n                              size=\"13\">\n                              mdi-circle\n                            </v-icon>\n                          </v-avatar>\n\n                          <span v-if=\"chats.user_client.is_typing\"\n                            class=\"caption ml-1\"\n                            style=\"opacity: 70%;\">\n                            Sedang menulis pesan . . .\n                          </span>\n\n                          <span v-if=\"!chats.user_client.is_typing\"\n                            class=\"caption ml-1\"\n                            style=\"opacity: 70%;\">\n                            Online\n                          </span>\n                        </v-list-item-subtitle>\n                      </v-list-item-content>\n\n                      <v-list-item-action>\n                        <v-icon \n                          class=\"cursor-pointer\" \n                          color=\"#FFF\">\n                          mdi-dots-vertical\n                        </v-icon>\n                      </v-list-item-action>\n                    </v-list-item>\n                  </v-list>\n\n                  <div\n                    style=\"height: 20px;\n                          background: #FFF;\n                          border-radius: 25px 25px 0 0;\">\n                  </div>\n                </v-card>\n\n                <div\n                  style=\"height: calc(100vh - 405px); \n                        overflow: auto;\n                        background: #FFF;\n                        border-radius: 25px;\">\n                  <div \n                    ref=\"messages\"\n                    class=\"body-2 imessage pa-4 py-0\">\n                    <div\n                      v-for=\"(item, index) in chats.message\"\n                      :key=\"index\"\n                      :class=\"{\n                        'from-me': item.message_client === 'operator',\n                        'from-them': item.message_client === 'user',\n                        'no-tail margin-b_none': !item.f,\n                        'margin-b_one': item.f\n                      }\">\n                      <span v-if=\"item.message_content.type === 'text'\"\n                        class=\"pb-4\">\n                        {{ item.message_content.value }}\n                      </span>\n\n                      <v-img v-if=\"item.message_content.type === 'image'\"\n                        width=\"50%\"\n                        alt=\"kominfo\" \n                        :src=\"item.message_content.value\"\n                        class=\"ma-auto my-1\">\n                        <template v-slot:placeholder>\n                          <v-row\n                            class=\"fill-height\"\n                            align=\"center\"\n                            justify=\"center\">\n                            <v-progress-circular \n                              indeterminate \n                              color=\"#B71C1C\">\n                            </v-progress-circular>\n                          </v-row>\n                        </template>\n                      </v-img>\n\n                      <p\n                        :class=\"item.message_content.type === 'text' ? 'mt-1' : 'mt-2'\"\n                        class=\"font-italic mb-0 text-right\"\n                        style=\"font-size: 10px; opacity: 60%;\">\n                        {{ item.message_input_datetime | ago }}\n                      </p>\n                    </div>\n                  </div>\n                </div>\n\n                <v-card\n                  flat\n                  color=\"#FFF\"\n                  min-height=\"75\"\n                  style=\"border-radius: 15px 15px 25px 25px;\n                        z-index: 1;\">\n                  <v-card-text>\n                    <v-alert\n                      type=\"error\" \n                      text\n                      dense\n                      prominent\n                      v-show=\"message.error.length > 0\"\n                      v-html=\"message.error\">\n                    </v-alert>\n\n                    <div>\n                      <ValidationObserver \n                        ref=\"form\">\n                        <v-row>\n                          <v-col\n                            cols=\"10\"\n                            class=\"py-0 pr-0\">\n                            <ValidationProvider \n                              name=\"message_content\" \n                              rules=\"required\" \n                              v-slot=\"{ errors }\">\n                              <v-text-field\n                                rounded\n                                color=\"#B71C1C\"\n                                single-line \n                                hide-details\n                                filled\n                                dense\n                                :placeholder=\"process.image ? 'Sedang mengupload file . . .' : 'Tuliskan pesan anda disini.'\"\n\n                                @keypress=\"isTyping\"\n                                @keyup=\"isTyping\"\n                                @keydown=\"isTyping\"\n                                v-on:keyup.enter=\"addChat\"\n                                \n                                v-model=\"form.message_content.value\"\n                                :error-messages=\"process.image ? '' : errors\"\n                                required>\n                                <template v-slot:append>\n                                  <uploadfolder v-model=\"upload.folder\">\n                                      <div \n                                        slot=\"activator\" \n                                        class=\"cursor-pointer\">\n                                        <v-icon \n                                          color=\"grey\" \n                                          class=\"cursor-pointer\">\n                                          mdi-image-plus\n                                        </v-icon>\n                                      </div>\n                                    </uploadfolder>\n                                </template>\n                              </v-text-field>\n                            </ValidationProvider>\n                          </v-col>\n\n                          <v-col\n                            cols=\"2\"\n                            class=\"py-0\">\n                            <v-btn\n                              @click=\"addChat\"\n                              fab\n                              color=\"#f0f0f0\"\n                              width=\"40\"\n                              height=\"40\"\n                              elevation=\"0\">\n                              <v-img\n                                width=\"25\"\n                                height=\"25\"\n                                contain\n                                alt=\"kominfo\"\n                                :src=\"require('@/assets/image/send_chat_1.png')\">\n                                <template v-slot:placeholder>\n                                  <v-row\n                                    class=\"fill-height\"\n                                    align=\"center\"\n                                    justify=\"center\">\n                                    <v-progress-circular \n                                      indeterminate \n                                      size=\"25\"\n                                      color=\"#B71C1C\">\n                                    </v-progress-circular>\n                                  </v-row>\n                                </template>\n                              </v-img>\n                            </v-btn>\n                          </v-col>\n                        </v-row>\n                      </ValidationObserver>\n                    </div>\n                  </v-card-text>\n                </v-card>\n              </v-card>\n            </v-col>\n          </v-row>\n\n          <v-row v-if=\"user.level !== 'operator'\"\n            align=\"center\"\n            justify=\"center\"\n            style=\"position: absolute;\n                  top: 0; right: 0; left: 0;\n                  padding-top: 220px;\">\n            <v-col>\n              <v-card\n                flat\n                color=\"transparent\">\n                <v-card-text\n                  class=\"text-center\">\n                  <v-img\n                    width=\"250\"\n                    height=\"250\"\n                    alt=\"vuetify\"\n                    class=\"ma-auto\"\n                    :src=\"require('@/assets/image/block_chat.png')\">\n                    <template v-slot:placeholder>\n                      <v-row\n                        class=\"fill-height\"\n                        align=\"center\"\n                        justify=\"center\">\n                        <v-progress-circular \n                          indeterminate \n                          color=\"#B71C1C\">\n                        </v-progress-circular>\n                      </v-row>\n                    </template>\n                  </v-img>\n\n                  <div\n                    class=\"text-h4 font-weight-bold red--text mt-6 mb-1\">\n                    AKSES DITOLAK !!!\n                  </div>\n\n                  <div\n                    class=\"body-1 font-weight-light\">\n                    Silahkan buka konsultasi dengan akun <b>Operator</b>.\n                  </div>\n                </v-card-text>\n              </v-card>\n            </v-col>\n          </v-row>\n        </section>\n      </v-flex>\n    </v-layout>\n  </div>\n</template>\n\n<script>\n  import { get, post, put, destroy } from \"@/service/Axios\";\n  import { db } from '@/plugins/Firebase'\n  import moment from 'moment'\n  export default {\n    data () {\n      return {\n        search: '',\n        detail: {},\n        upload: {\n          folder: null\n        },\n        chats: {\n          id: '',\n          user_client: {},\n          operator_client: {},\n          message_local: [],\n          message: []\n        },\n        form: {\n          message_id: '',\n          message_client: 'operator',\n          message_content: {\n            type: 'text',\n            value: ''\n          },\n          message_input_datetime: moment().format('YYYY-MM-DD HH:mm:ss')\n        },\n        list: {\n          data: []\n        },\n        limit: 20,\n        pagination: {\n          data: {}\n        },\n        lastIndex: 0,\n        process: {\n          load: false,\n          form: false,\n          image: false,\n          info: false\n        },\n        message: {\n          success: '',\n          error: ''\n        }\n      }\n    },\n    components: {\n      Empty: () => import(/* webpackPrefetch: true */ '@/components/empty'),\n      uploadfolder: () => import(/* webpackPrefetch: true */ '@/components/upload/folder.vue')\n    },\n    computed: {\n      user () {\n        return this.$store.state.user\n      }\n    },\n    watch: {\n      'upload.folder': {\n        handler: function () {\n          if (this.upload.folder) {\n            this.process.image = this.upload.folder.process\n\n            this.form.message_content.type = 'image'\n\n            if (!this.process.image) {\n              // CALLBACK FROM UPLOAD IMAGE\n\n              this.form.message_content.value = this.upload.folder.data.full.file_url\n\n              this.isTyping()\n              this.addChat()\n            }\n          }\n        },\n        deep: true\n      }\n    },\n    mounted () {\n      this.fetch()\n    },\n    methods: {\n      scrollToEnd: function () {\n        let content = this.$refs.messages\n        if (content !== undefined) {\n          content.scrollTop = content.scrollHeight\n        }\n      },\n      async fetch (pagination = { row: 20, page: 1 }) {\n        this.process.load = !this.process.info ? true : false\n\n        this.limit = pagination.row\n\n        let params = {\n          limit: pagination.row,\n          page: pagination.page,\n          search: this.search,\n          user_type: 'operator'\n        }\n\n        await get('chatfb/my_history', { params })\n        .then(response => {\n          let res = response.data\n\n          this.process.load = false\n\n          this.process.info = false\n            \n          if (res.code === 200) {\n            this.list.data = res.data\n            this.pagination.data = res.pagination\n\n            this.lastIndex = (pagination.page - 1) * pagination.row \n            this.lastIndex += 1\n          }\n        })\n      },\n      toDetail (item) {\n        this.detail = item\n\n        this.fetchChatInfo(item)\n\n        this.fetchCheck()\n      },\n      async fetchChatInfo (item) {\n        this.process.info = true\n\n        let params = {\n          initial_code: item.initial_code\n        }\n\n        await get('chatfb/chat_info', { params })\n        .then(response => {\n          let res = response.data\n\n          if (res.code === 200) {\n            this.fetch()\n          }\n        })\n      },\n      async fetchCheck () {\n        let ref = db.collection('chat').where('chat_id', '==', this.detail.fb_id)\n        await ref.onSnapshot(snapshot => {\n          if (snapshot.docChanges().length < 1) {\n            console.log('tidak ada')\n            // this.addFirst()\n          } else {\n            console.log('ada')\n            this.fetchChat()\n          }\n        })\n      },\n      async addFirst() {\n        // let user_client = {\n        //   id: this.user.id,\n        //   fullname: this.user.fullname,\n        //   image: this.user.image,\n        //   is_online: true,\n        //   is_typing: false\n        // }\n\n        // let operator_client = {\n        //   id: this.detail.id,\n        //   fullname: this.detail.fullname,\n        //   image: this.detail.image,\n        //   is_online: true,\n        //   is_typing: false\n        // }\n        \n        // await db.collection('chat').add({\n        //   chat_id: `chat-konsultasi-medis-${this.user.id}-${this.detail.id}`\n        // })\n        // .then(response => {\n        //   db.collection('chat').doc(response.id).collection('user_client').add(user_client)\n        //   db.collection('chat').doc(response.id).collection('operator_client').add(operator_client)\n\n        //   this.fetchChat()\n        // })\n      },\n      async fetchChat() {\n        let ref = db.collection('chat').where('chat_id', '==', this.detail.fb_id)\n        await ref.onSnapshot(snapshot => {\n          snapshot.docs.map((doc) => {\n            this.chats.id = doc.id\n            \n            this.fetchUser()\n            this.fetchOperator()\n            this.fetchMessage()\n          })\n        })\n      },\n      async fetchUser() {\n        let ref = db.collection('chat').doc(this.chats.id).collection('user_client')\n        await ref.onSnapshot(snapshot => {\n          if (snapshot.docChanges().length < 1) {\n            this.chats.user_client = {}\n          }\n\n          let user_snap = snapshot.docs.map((doc) => { return { id: doc.id, ...doc.data() }})[0]\n\n          this.chats.user_client = user_snap === undefined ? {\n            id: '',\n            fullname: 'Matur Dokter',\n            image: '',\n            is_online: false,\n            is_typing: false\n          } : user_snap\n        })\n      },\n      async fetchOperator() {\n        let ref = db.collection('chat').doc(this.chats.id).collection('operator_client')\n        await ref.onSnapshot(snapshot => {\n          if (snapshot.docChanges().length < 1) {\n            this.chats.operator_client = {}\n          }\n\n          let operator_snap = snapshot.docs.map((doc) => { return { id: doc.id, ...doc.data() }})[0]\n\n          this.chats.operator_client = operator_snap === undefined ? {\n            id: '',\n            fullname: 'Matur Dokter',\n            image: '',\n            is_online: false,\n            is_typing: false\n          } : operator_snap\n        })\n      },\n      async fetchMessage() {\n        let ref = db.collection('chat').doc(this.chats.id).collection('message').orderBy('message_input_datetime', 'asc')\n        await ref.onSnapshot(snapshot => {\n          if (snapshot.docChanges().length < 1) {\n            this.chats.message = []\n          }\n\n          let data = snapshot.docs.map((doc) => {\n            return {\n              id: doc.id,\n              message_id: doc.data().message_id,\n              message_client: doc.data().message_client,\n              message_content: doc.data().message_content,\n              message_input_datetime: doc.data().message_input_datetime\n            }\n          })\n\n          this.chats.message = data\n\n          let chates = this.chats.message,\n              beforeI = 0,\n              beforeT = '',\n              lastIC = chates.length - 1\n\n          chates.forEach(function(v,i){\n            chates[i]['f'] = 0;\n\n            if (v.message_client != beforeT) {\n              chates[beforeI]['f'] = 1\n            } else {\n              chates[beforeI]['f'] = 0\n            }\n\n            if (i == lastIC){\n              if (v.message_client != beforeT) {\n                chates[i]['f'] = 1\n              } else {\n                chates[i]['f'] = 1\n              }\n            }\n\n            beforeI = i\n            beforeT = v.message_client\n          })\n\n          this.reset()\n\n          this.$nextTick(() => this.scrollToEnd())\n        })\n      },\n      async addChat() {\n        const isValid = this.form.message_content.type === 'text' ? await this.$refs.form.validate() : true\n\n        if (isValid) {\n          let count = this.chats.message.length\n\n          this.form.message_id = count += 1\n\n          this.form.message_input_datetime = moment().format('YYYY-MM-DD HH:mm:ss')\n\n          this.addChatDB()\n\n          await db.collection('chat').doc(this.chats.id).collection('message').add(this.form)\n          .then(response => {\n            this.isTyping()\n\n            this.$refs.form.reset()\n          })\n          .catch(error => {\n            console.error('Komentar tidak terkirim: ', error)\n          })\n        }\n      },\n      isTyping() {\n        if (this.form.message_content.value.length > 1) {\n          if (!this.chats.operator_client.is_typing) {\n            this.chats.operator_client.is_typing = true\n\n            this.saveIsTyping()\n          }\n        } else {\n          this.$refs.form.reset()\n          \n          if (this.chats.operator_client.is_typing) {\n            this.chats.operator_client.is_typing = false\n\n            this.saveIsTyping()\n          }\n        }\n      },\n      async saveIsTyping() {\n        let ref = db.collection('chat').doc(this.chats.id).collection('operator_client')\n        await ref.onSnapshot(snapshot => {\n\n          let operator_client_doc_id = snapshot.docs.map((doc) => {\n            return doc.id\n          })\n\n          db.collection('chat').doc(this.chats.id).collection('operator_client').doc(operator_client_doc_id[0]).update({\n            id: this.chats.operator_client.id,\n            fullname: this.chats.operator_client.fullname,\n            image: this.chats.operator_client.image,\n            is_online: this.chats.operator_client.is_online,\n            is_typing: this.chats.operator_client.is_typing\n          })\n        })\n      },\n      reset () {\n        this.$refs.form.reset()\n\n        this.form = {\n          message_id: '',\n          message_client: 'operator',\n          message_content: {\n            type: 'text',\n            value: ''\n          },\n          message_input_datetime: moment().format('YYYY-MM-DD HH:mm:ss')\n        }\n      },\n      async addChatDB () {\n        await post('chatfb/create', { \n          data: {\n            fb_id: this.detail.fb_id,\n            to: this.detail.user_id,\n            user_type: 'operator',\n            type: this.form.message_content.type,\n            message: this.form.message_content.value\n          }\n         })\n        .then(response => {\n          console.log(response)\n        })\n      }\n    }\n  }\n</script>\n\n<style scoped>\n  .imessage {\n    background-color: #fff;\n    display: flex;\n    flex-direction: column;\n    max-width: 600px;\n    height: calc(100vh - 405px);\n    overflow-y: scroll;\n    border-radius: 25px;\n  }\n\n  .imessage div {\n    border-radius: 1.15rem;\n    line-height: 1.25;\n    max-width: 95%;\n    padding: 0.5rem .875rem;\n    position: relative;\n    word-wrap: break-word;\n  }\n\n  .imessage div::before,\n  .imessage div::after {\n    bottom: -0.1rem;\n    content: \"\";\n    height: 1rem;\n    position: absolute;\n  }\n\n  div.from-me {\n    align-self: flex-end;\n    background-color: #B71C1C;\n    color: #fff; \n  }\n\n  div.from-me::before {\n    border-bottom-left-radius: 0.8rem 0.7rem;\n    border-right: 1rem solid #B71C1C;\n    right: -0.35rem;\n    transform: translate(0, -0.1rem);\n  }\n\n  div.from-me::after {\n    background-color: #fff;\n    border-bottom-left-radius: 0.5rem;\n    right: -40px;\n    transform:translate(-30px, -2px);\n    width: 10px;\n  }\n\n  div[class^=\"from-\"] {\n    margin: 0.25rem 0;\n    width: fit-content;\n  }\n\n  div.from-me ~ div.from-me {\n    margin: 0.25rem 0 0;\n  }\n\n  div.from-me ~ div.from-me:not(:last-child) {\n    margin: 0.25rem 0 0;\n  }\n\n  div.from-me ~ div.from-me:last-child {\n    margin-bottom: 0.5rem;\n  }\n\n  div.from-them {\n    align-items: flex-start;\n    background-color: #e5e5ea;\n    color: #000;\n  }\n\n  div.from-them:before {\n    border-bottom-right-radius: 0.8rem 0.7rem;\n    border-left: 1rem solid #e5e5ea;\n    left: -0.35rem;\n    transform: translate(0, -0.1rem);\n  }\n\n  div.from-them::after {\n    background-color: #fff;\n    border-bottom-right-radius: 0.5rem;\n    left: 20px;\n    transform: translate(-30px, -2px);\n    width: 10px;\n  }\n\n  div.from-them ~ div.from-them {\n    margin: 0.25rem 0 0;\n  }\n\n  div.from-them ~ div.from-them:not(:last-child) {\n    margin: 0.25rem 0 0;\n  }\n\n  div.from-them ~ div.from-them:last-child {\n    margin-bottom: 0.5rem;\n  }\n\n  .no-tail::before {\n    display: none;\n  }\n\n  div[class^=\"from-\"].emoji {\n    background: none;\n    font-size: 2.5rem;\n  }\n\n  div[class^=\"from-\"].emoji::before {\n    content: none;\n  }\n\n  .margin-b_none {\n    margin-bottom: 0 !important;\n  }\n\n  .margin-b_one {\n    margin-bottom: 0.5rem !important;\n  }\n\n  .margin-t_none {\n    margin-top: 0 !important;\n  }\n\n  .margin-t_one {\n    margin-top: 0.5rem !important;\n  }\n\n  .imessage::-webkit-scrollbar {\n    width: 0px;\n    height: 0px;\n    background-color: #F5F5F5;\n  }\n  .imessage::-webkit-scrollbar-track{\n    background-color: #F5F5F5;\n    border-radius: 0px;\n  }\n  .imessage::-webkit-scrollbar-thumb{\n    border-radius: 0px;\n    background-color: #B71C1C;\n  }\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=8e85c21c&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=8e85c21c&prod&scoped=true&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  \"8e85c21c\",\n  null\n  \n)\n\nexport default component.exports","import VCard from './VCard'\nimport { createSimpleFunctional } from '../../util/helpers'\n\nconst VCardActions = createSimpleFunctional('v-card__actions')\nconst VCardSubtitle = createSimpleFunctional('v-card__subtitle')\nconst VCardText = createSimpleFunctional('v-card__text')\nconst VCardTitle = createSimpleFunctional('v-card__title')\n\nexport {\n  VCard,\n  VCardActions,\n  VCardSubtitle,\n  VCardText,\n  VCardTitle,\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VCard,\n    VCardActions,\n    VCardSubtitle,\n    VCardText,\n    VCardTitle,\n  },\n}\n","import VIcon from './VIcon'\n\nexport { VIcon }\nexport default VIcon\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=8e85c21c&prod&scoped=true&lang=css&\"","import './_grid.sass'\n\nimport Grid from './grid'\n\nexport default Grid('layout')\n","import VBtn from './VBtn'\n\nexport { VBtn }\nexport default VBtn\n","// Styles\nimport './VDivider.sass'\n\n// Types\nimport { VNode } from 'vue'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\nexport default Themeable.extend({\n  name: 'v-divider',\n\n  props: {\n    inset: Boolean,\n    vertical: Boolean,\n  },\n\n  render (h): VNode {\n    // WAI-ARIA attributes\n    let orientation\n    if (!this.$attrs.role || this.$attrs.role === 'separator') {\n      orientation = this.vertical ? 'vertical' : 'horizontal'\n    }\n    return h('hr', {\n      class: {\n        'v-divider': true,\n        'v-divider--inset': this.inset,\n        'v-divider--vertical': this.vertical,\n        ...this.themeClasses,\n      },\n      attrs: {\n        role: 'separator',\n        'aria-orientation': orientation,\n        ...this.$attrs,\n      },\n      on: this.$listeners,\n    })\n  },\n})\n","import { VNodeDirective } from 'vue/types/vnode'\nimport { VNode } from 'vue'\n\ninterface ResizeVNodeDirective extends VNodeDirective {\n  value?: () => void\n  options?: boolean | AddEventListenerOptions\n}\n\nfunction inserted (el: HTMLElement, binding: ResizeVNodeDirective, vnode: VNode) {\n  const callback = binding.value!\n  const options = binding.options || { passive: true }\n\n  window.addEventListener('resize', callback, options)\n\n  el._onResize = Object(el._onResize)\n  el._onResize![vnode.context!._uid] = {\n    callback,\n    options,\n  }\n\n  if (!binding.modifiers || !binding.modifiers.quiet) {\n    callback()\n  }\n}\n\nfunction unbind (el: HTMLElement, binding: ResizeVNodeDirective, vnode: VNode) {\n  if (!el._onResize?.[vnode.context!._uid]) return\n\n  const { callback, options } = el._onResize[vnode.context!._uid]!\n\n  window.removeEventListener('resize', callback, options)\n\n  delete el._onResize[vnode.context!._uid]\n}\n\nexport const Resize = {\n  inserted,\n  unbind,\n}\n\nexport default Resize\n","// Types\nimport Vue, { VNode } from 'vue'\n\nexport default function VGrid (name: string) {\n  /* @vue/component */\n  return Vue.extend({\n    name: `v-${name}`,\n\n    functional: true,\n\n    props: {\n      id: String,\n      tag: {\n        type: String,\n        default: 'div',\n      },\n    },\n\n    render (h, { props, data, children }): VNode {\n      data.staticClass = (`${name} ${data.staticClass || ''}`).trim()\n\n      const { attrs } = data\n      if (attrs) {\n        // reset attrs to extract utility clases like pa-3\n        data.attrs = {}\n        const classes = Object.keys(attrs).filter(key => {\n          // TODO: Remove once resolved\n          // https://github.com/vuejs/vue/issues/7841\n          if (key === 'slot') return false\n\n          const value = attrs[key]\n\n          // add back data attributes like data-test=\"foo\" but do not\n          // add them as classes\n          if (key.startsWith('data-')) {\n            data.attrs![key] = value\n            return false\n          }\n\n          return value || typeof value === 'string'\n        })\n\n        if (classes.length) data.staticClass += ` ${classes.join(' ')}`\n      }\n\n      if (props.id) {\n        data.domProps = data.domProps || {}\n        data.domProps.id = props.id\n      }\n\n      return h(props.tag, data, children)\n    },\n  })\n}\n","import Vue from 'vue'\n\nexport default Vue.extend({\n  name: 'transitionable',\n\n  props: {\n    mode: String,\n    origin: String,\n    transition: String,\n  },\n})\n"],"sourceRoot":""}