{"version":3,"sources":["webpack:///./src/views/Support/Support.vue?967b","webpack:///src/views/Support/Support.vue","webpack:///./src/views/Support/Support.vue?fd7d","webpack:///./src/views/Support/Support.vue?57e7","webpack:///./node_modules/resize-detector/esm/index.js","webpack:///./node_modules/vue-clamp/dist/vue-clamp.esm.js","webpack:///./src/views/Support/Support.vue?07c8"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","suppressScrollX","staticClass","_v","on","$event","openTawkTo","padding","conversationItemSelected","backToConversationList","_e","toggleFilterByDate","_s","_f","createdAt","refreshConversation","model","value","callback","$$v","dateFilterVal","expression","refreshChatHistory","messageItems","length","scrollToEnd","directives","name","rawName","style","conversationItems","_l","conversationItem","key","id","changeConversation","lastMessage","messageItem","class","isContactMsg","content","staticRenderFns","component","raf","requestAnimationFrame","window","webkitRequestAnimationFrame","mozRequestAnimationFrame","setTimeout","bind","caf","cancelAnimationFrame","webkitCancelAnimationFrame","mozCancelAnimationFrame","clearTimeout","createStyles","styleText","document","createElement","styleSheet","cssText","appendChild","createTextNode","querySelector","body","tagName","props","elem","Object","keys","forEach","getComputedStyle","prop","pseudo","computedStyle","display","getRenderInfo","documentElement","contains","detached","rendered","current","parentNode","css_248z","total","addListener","__resize_mutation_handler__","handleMutation","listeners","__resize_listeners__","ResizeObserver","offsetWidth","offsetHeight","ro","__resize_observer_triggered__","runCallbacks","ref","__resize_observer__","observe","attachEvent","addEventListener","__resize_legacy_resize_handler__","initTriggers","__resize_rendered__","MutationObserver","mo","attributes","childList","characterData","subtree","__resize_mutation_observer__","push","removeListener","splice","indexOf","detachEvent","removeEventListener","unobserve","disconnect","handleScroll","removeChild","__resize_triggers__","triggers","getUpdatedSize","__resize_last__","width","height","resetTriggers","this$1","__resize_raf__","updated","call","position","__resize_old_position__","className","expand","expandChild","contract","csw","scrollWidth","csh","scrollHeight","eow","eoh","esw","esh","scrollLeft","scrollTop","tag","type","String","default","autoresize","Boolean","maxLines","Number","maxHeight","ellipsis","location","validator","t","expanded","data","offset","text","getText","localExpanded","computed","clampedText","slice","trim","Math","floor","isClamped","realText","realMaxHeight","watch","clampAt","update","$emit","handler","e","$nextTick","immediate","mounted","init","$watch","join","applyChange","beforeDestroy","cleanUp","methods","i","$slots","$el","unregisterResizeCallback","isOverflow","search","collapse","toggle","getLines","Array","prototype","$refs","getClientRects","reduce","top","bottom","filter","isComment","moveEdge","textContent","stepToFit","fill","clamp","arguments","s","n","$isServer","clamped","$scopedSlots","before","unshift","apply","isArray","after","a","boxShadow","overflow"],"mappings":"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","file":"js/chunk-025aa350.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('VuePerfectScrollbar',{staticStyle:{\"height\":\"calc(100dvh - 4rem)\",\"background-color\":\"#f5f5f5\"},attrs:{\"settings\":{ suppressScrollX: true }}},[_c('div',[_c('div',{staticClass:\"d-flex flex-column align-items-center\",staticStyle:{\"margin-top\":\"2.6rem\"}},[_c('img',{staticStyle:{\"height\":\"2rem\"},attrs:{\"src\":\"/logo/iRender-fulltext.svg\",\"alt\":\"\"}}),_c('div',{staticStyle:{\"color\":\"#1967d2\",\"font-size\":\"1.5rem\",\"margin-top\":\"0.5rem\",\"text-shadow\":\"2px 2px #ffffff\"}},[_vm._v(\"\\n                iRender Support Center\\n            \")])]),_c('div',{},[_c('div',{staticClass:\"d-flex flex-column flex-lg-row m-auto justify-content-center\"},[_c('div',{staticClass:\"d-flex flex-column align-items-center justify-content-center mt-5 mb-5\"},[_c('div',[_c('el-card',{staticClass:\"box-card mb-5\",staticStyle:{\"max-width\":\"95vw\"}},[_c('div',{staticClass:\"d-flex flex-column flex-md-row justify-content-center align-items-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('img',{staticStyle:{\"height\":\"17.5rem\"},attrs:{\"src\":\"/background/support/support-background-1.svg\",\"alt\":\"\"}})]),_c('div',{staticClass:\"d-flex flex-column flex-fill align-items-center\",staticStyle:{\"margin-left\":\"1rem\"}},[_c('div',{staticClass:\"d-flex justify-content-center\",staticStyle:{\"font-size\":\"1.2rem\",\"color\":\"#42a5f5\"}},[_vm._v(\"\\n                                        Live support 24/7\\n                                    \")]),_c('div',{staticClass:\" d-flex flex-row justify-content-center align-items-center flex-fill mt-5 \"},[_c('div',{staticClass:\" d-flex flex-column justify-content-center align-items-end mr-2 \",staticStyle:{\"color\":\"#9e9e9e\",\"font-size\":\"0.85rem\"}},[_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"height\":\"1.75rem\"}},[_vm._v(\"\\n                                                Skype support\\n                                            \")]),_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"height\":\"1.75rem\"}},[_vm._v(\"\\n                                                Quick chat\\n                                            \")])]),_c('div',{staticClass:\"d-flex flex-column justify-content-center ml-2\",staticStyle:{\"font-size\":\"0.85rem\"}},[_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"height\":\"1.75rem\"}},[_c('el-link',{attrs:{\"href\":\"https://join.skype.com/invite/qo5nEkWfKgyF\",\"target\":\"_blank\",\"underline\":false}},[_vm._v(\"iRender Support\")])],1),_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"height\":\"1.75rem\"}},[_c('el-button',{attrs:{\"type\":\"text\"},on:{\"click\":function($event){return _vm.openTawkTo()}}},[_vm._v(\"Chat now\")])],1)])])])])]),_c('el-card',{staticClass:\"box-card\",staticStyle:{\"max-width\":\"95vw\"}},[_c('div',{staticClass:\"d-flex flex-column flex-md-row justify-content-center align-items-center\"},[_c('div',{staticClass:\"d-flex flex-column flex-fill align-items-center\",staticStyle:{\"margin-left\":\"1rem\"}},[_c('div',{staticClass:\"d-flex justify-content-center\",staticStyle:{\"font-size\":\"1.2rem\",\"color\":\"#42a5f5\"}},[_vm._v(\"\\n                                        Receive complaints and questions\\n                                    \")]),_c('div',{staticClass:\" d-flex flex-row justify-content-center align-items-center flex-fill mt-5 \"},[_c('div',{staticClass:\" d-flex flex-column justify-content-center align-items-end mr-2 \",staticStyle:{\"color\":\"#9e9e9e\",\"font-size\":\"0.85rem\"}},[_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"height\":\"1.75rem\"}},[_vm._v(\"\\n                                                Email\\n                                            \")]),_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"height\":\"1.75rem\"}},[_vm._v(\"\\n                                                Whatsapp\\n                                            \")]),_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"height\":\"1.75rem\"}},[_vm._v(\"\\n                                                Skype\\n                                            \")]),_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"height\":\"1.75rem\"}},[_vm._v(\"\\n                                                Zalo\\n                                            \")])]),_c('div',{staticClass:\"d-flex flex-column justify-content-center ml-2\",staticStyle:{\"font-size\":\"0.85rem\"}},[_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"height\":\"1.75rem\"}},[_c('el-link',{attrs:{\"href\":\"mailto:support@irender.net\",\"target\":\"_blank\",\"underline\":false}},[_vm._v(\"support@irender.net\")])],1),_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"height\":\"1.75rem\"}},[_c('el-link',{attrs:{\"href\":\"whatsapp://send?phone=+84912785500&text=Hello%2C%20World!\",\"target\":\"_blank\",\"underline\":false}},[_vm._v(\"+(84) 912-785-500\")])],1),_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"height\":\"1.75rem\"}},[_c('el-link',{attrs:{\"href\":\"https://join.skype.com/invite/qo5nEkWfKgyF\",\"target\":\"_blank\",\"underline\":false}},[_vm._v(\"iRender Support\")])],1),_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"height\":\"1.75rem\"}},[_c('el-link',{attrs:{\"href\":\"http://zalo.me/+84962868890\",\"target\":\"_blank\",\"underline\":false}},[_vm._v(\"+(84)\\n                                                    962-868-890\")])],1)])])]),_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('img',{staticStyle:{\"height\":\"17.5rem\"},attrs:{\"src\":\"/background/support/support-background-2.svg\",\"alt\":\"\"}})])])])],1)]),_c('div',{staticClass:\"ml-0 ml-lg-4 mt-0 mt-lg-5 d-flex flex-row flex-lg-column justify-content-center align-items-center mb-5 chat-history-block\"},[_c('el-card',{staticClass:\"box-card m-auto d-block d-lg-flex flex-column chat-history-box flex-fill w-100 mb-5 mb-md-0\",staticStyle:{\"max-width\":\"95vw !important\"},attrs:{\"body-style\":{ padding: '0.5rem 0' }}},[_c('div',{staticClass:\"d-flex align-items-center w-100\"},[_c('div',{staticClass:\"flex-fill d-flex align-items-center pl-2\",staticStyle:{\"font-size\":\"1.2rem\",\"color\":\"#42a5f5\"}},[(_vm.conversationItemSelected !== null)?_c('div',[_c('el-tooltip',{attrs:{\"content\":\"Go back list conversations\",\"placement\":\"top\"}},[_c('el-button',{staticClass:\"mr-1 p-0 m-0\",attrs:{\"type\":\"text\"},on:{\"click\":_vm.backToConversationList}},[_c('i',{staticClass:\"el-icon-arrow-left\",staticStyle:{\"font-size\":\"1.5rem\"}})])],1)],1):_vm._e(),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.conversationItemSelected === null && !_vm.toggleFilterByDate)?_c('div',{staticClass:\"text-nowrap\"},[_c('i',{staticClass:\"el-icon-chat-line-round\"}),_vm._v(\" Conversations\\n                                    \")]):_vm._e()]),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.conversationItemSelected !== null)?_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"font-size\":\"0.9rem\"}},[_c('i',{staticClass:\"el-icon-chat-line-round mr-1\"}),_c('v-clamp',{attrs:{\"autoresize\":\"\",\"max-lines\":1}},[_vm._v(\" Conversation\\n                                            \"+_vm._s(_vm._f(\"pretyDateUtcToLocal\")(_vm.conversationItemSelected.createdAt)))])],1):_vm._e()])],1),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('transition',{attrs:{\"name\":\"slide\"}},[(_vm.conversationItemSelected === null && _vm.toggleFilterByDate)?_c('div',{staticClass:\"mr-2\"},[_c('el-date-picker',{attrs:{\"range-separator\":\"To\",\"size\":\"mini\",\"type\":\"date\",\"format\":\"yyyy-MM-dd\",\"value-format\":\"yyyy-MM-dd\",\"placeholder\":\"Pick a date\"},on:{\"change\":_vm.refreshConversation},model:{value:(_vm.dateFilterVal),callback:function ($$v) {_vm.dateFilterVal=$$v},expression:\"dateFilterVal\"}})],1):_vm._e()]),_c('div',{staticClass:\"pr-1 d-flex align-items-center\",staticStyle:{\"background-color\":\"#fff\"}},[(_vm.conversationItemSelected === null && !_vm.toggleFilterByDate)?_c('el-tooltip',{attrs:{\"content\":\"Filter by date\",\"placement\":\"top\"}},[_c('el-button',{staticClass:\"mr-2 p-0 m-0\",attrs:{\"type\":\"text\"},on:{\"click\":function($event){_vm.toggleFilterByDate = true}}},[_c('i',{staticClass:\"el-icon-date\",staticStyle:{\"font-size\":\"1.5rem\"}})])],1):_vm._e(),(_vm.conversationItemSelected === null && _vm.toggleFilterByDate)?_c('el-tooltip',{attrs:{\"content\":\"Close filter\",\"placement\":\"top\"}},[_c('el-button',{staticClass:\"mr-2 p-0 m-0\",attrs:{\"type\":\"text\"},on:{\"click\":function($event){_vm.dateFilterVal = null; _vm.toggleFilterByDate = false; _vm.refreshConversation();}}},[_c('i',{staticClass:\"el-icon-close text-danger\",staticStyle:{\"font-size\":\"1.5rem\"}})])],1):_vm._e(),(_vm.conversationItemSelected === null)?_c('el-tooltip',{attrs:{\"content\":\"Refresh\",\"placement\":\"top\"}},[_c('el-button',{staticClass:\"mr-2 p-0 m-0\",attrs:{\"type\":\"text\"},on:{\"click\":_vm.refreshConversation}},[_c('i',{staticClass:\"el-icon-refresh\",staticStyle:{\"font-size\":\"1.5rem\"}})])],1):_vm._e(),(_vm.conversationItemSelected !== null)?_c('el-tooltip',{attrs:{\"content\":\"Refresh\",\"placement\":\"top\"}},[_c('el-button',{staticClass:\"mr-2 p-0 m-0\",attrs:{\"type\":\"text\"},on:{\"click\":_vm.refreshChatHistory}},[_c('i',{staticClass:\"el-icon-refresh\",staticStyle:{\"font-size\":\"1.5rem\"}})])],1):_vm._e(),(_vm.conversationItemSelected !== null && _vm.messageItems.length > 0)?_c('el-tooltip',{staticClass:\"ml-2\",attrs:{\"content\":\"Go to last message\",\"placement\":\"top\"}},[_c('el-button',{staticClass:\"mr-2 p-0 m-0\",attrs:{\"type\":\"text\"},on:{\"click\":_vm.scrollToEnd}},[_c('i',{staticClass:\"el-icon-bottom\",staticStyle:{\"font-size\":\"1.5rem\"}})])],1):_vm._e()],1)],1)]),_c('div',{staticClass:\"chat-box-content flex-fill position-relative ml-2 mr-2\"},[_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.isLoadingConversation),expression:\"isLoadingConversation\"}],staticClass:\"position-absolute d-flex flex-column w-100 h-100 animatied-left-position\",style:((\"left: \" + (_vm.conversationItemSelected === null ? 0 : -100) + \"%; z-index: \" + (_vm.conversationItemSelected === null ? 'auto' : -1) + \";\"))},[_c('VuePerfectScrollbar',{staticClass:\"flex-fill w-100 pr-3 mt-2 pr-2 list-group-wrapper\",staticStyle:{\"height\":\"100px\"},attrs:{\"id\":\"chatScrollerConversation\",\"settings\":{ suppressScrollX: true }}},[(_vm.conversationItems.length > 0)?_c('div',{staticClass:\"mt-2 ml-2 w-100\"},[_c('ul',{staticClass:\"list-group\"},_vm._l((_vm.conversationItems),function(conversationItem){return _c('li',{key:conversationItem.id,staticClass:\"list-group-item pl-2 w-100 \",attrs:{\"id\":(\"conversationItemId_\" + (conversationItem.id))}},[_c('a',{staticClass:\"d-block\",attrs:{\"href\":\"javascript:void();\"},on:{\"click\":function($event){return _vm.changeConversation(conversationItem)}}},[_c('div',{staticClass:\"w-100 d-flex align-items-center\"},[_c('div',{staticClass:\"mr-1\",staticStyle:{\"color\":\"rgb(66, 165, 245)\"}},[_c('i',{staticClass:\"el-icon-chat-dot-square fa-3x\"})]),_c('div',{},[_c('div',[_c('strong',{staticClass:\"text-nowrap\",staticStyle:{\"color\":\"rgb(66, 165, 245)\"}},[_vm._v(\"\\n                                                                    Conversation \"+_vm._s(_vm._f(\"pretyDateUtcToLocal\")(conversationItem.createdAt))+\"\\n                                                                \")])]),_c('div',{staticClass:\"text-muted\",staticStyle:{\"font-size\":\"85%\"}},[_c('v-clamp',{attrs:{\"autoresize\":\"\",\"max-lines\":1}},[_vm._v(_vm._s(conversationItem.lastMessage))])],1)])])])])}),0)]):_c('div',{staticClass:\"d-flex align-items-center justify-content-center flex-fill w-100 mt-5\",staticStyle:{\"position\":\"absolute\",\"top\":\"0\",\"left\":\"0\",\"height\":\"calc(100% - 10rem)\",\"width\":\"100%\"}},[_c('div',{staticClass:\"d-block text-center\"},[_c('svg',{staticStyle:{\"width\":\"40%\"},attrs:{\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M22 10V13C22 17 20 19 16 19H15.5C15.19 19 14.89 19.15 14.7 19.4L13.2 21.4C12.54 22.28 11.46 22.28 10.8 21.4L9.3 19.4C9.14 19.18 8.77 19 8.5 19H8C4 19 2 18 2 13V8C2 4 4 2 8 2H14\",\"stroke\":\"#777\",\"stroke-width\":\"1.5\",\"stroke-miterlimit\":\"10\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"opacity\":\"0.4\",\"d\":\"M19.5 7C20.8807 7 22 5.88071 22 4.5C22 3.11929 20.8807 2 19.5 2C18.1193 2 17 3.11929 17 4.5C17 5.88071 18.1193 7 19.5 7Z\",\"stroke\":\"#292D32\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"opacity\":\"0.4\",\"d\":\"M15.9965 11H16.0054\",\"stroke\":\"#292D32\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"opacity\":\"0.4\",\"d\":\"M11.9945 11H12.0035\",\"stroke\":\"#292D32\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"opacity\":\"0.4\",\"d\":\"M7.99451 11H8.00349\",\"stroke\":\"#292D32\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})]),_c('div',{staticClass:\"text-center text-muted\"},[_c('div',[_c('strong',[_vm._v(\"There is no conversation\")])]),_c('p',{staticClass:\"text-muted\"},[_vm._v(\"Conversation will show when you make\\n                                                    conversation\\n                                                    !\")])])])])])],1),_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.isLoading),expression:\"isLoading\"}],staticClass:\"position-absolute d-flex flex-column w-100 h-100 animatied-left-position\",style:((\"left: \" + (_vm.conversationItemSelected !== null ? 0 : 100) + \"%;\"))},[_c('VuePerfectScrollbar',{staticClass:\"flex-fill w-100 pr-3 mt-2\",staticStyle:{\"height\":\"100px\"},attrs:{\"id\":\"chatScroller\",\"settings\":{ suppressScrollX: true }}},[(_vm.messageItems.length > 0)?_c('div',{staticClass:\"mt-2 ml-2 d-flex flex-column w-100\"},_vm._l((_vm.messageItems),function(messageItem){return _c('div',{key:messageItem.id,staticClass:\"d-flex\",class:{ 'justify-content-end': _vm.isContactMsg(messageItem), 'justify-content-start': !_vm.isContactMsg(messageItem) },attrs:{\"id\":(\"messageItemId_\" + (messageItem.id))}},[_c('div',{staticClass:\"bubble\",class:{ 'bubble-right': _vm.isContactMsg(messageItem), 'bubble-left': !_vm.isContactMsg(messageItem) }},[(messageItem.content)?_c('div',[_vm._v(_vm._s(messageItem.content))]):_c('div',[_c('div',{staticClass:\"text-left\"},[_c('i',{staticClass:\"el-icon-paperclip\"}),_c('i',[_vm._v(\"Sent\\n                                                            an\\n                                                            attachment\")])])]),_c('div',{staticClass:\"mt-1\",staticStyle:{\"font-size\":\"80%\",\"opacity\":\"0.6\",\"font-style\":\"italic\"}},[_c('i',{staticClass:\"el-icon-time\"}),_vm._v(\" \"+_vm._s(_vm._f(\"pretyDateUtcToLocal\")(messageItem.createdAt))+\"\\n                                                \")])])])}),0):_c('div',{staticClass:\"d-flex align-items-center justify-content-center flex-fill w-100 mt-5\",staticStyle:{\"position\":\"absolute\",\"top\":\"0\",\"left\":\"0\",\"height\":\"calc(100% - 10rem)\",\"width\":\"100%\"}},[_c('div',{staticClass:\"d-block text-center\"},[_c('svg',{staticStyle:{\"width\":\"40%\"},attrs:{\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M22 10V13C22 17 20 19 16 19H15.5C15.19 19 14.89 19.15 14.7 19.4L13.2 21.4C12.54 22.28 11.46 22.28 10.8 21.4L9.3 19.4C9.14 19.18 8.77 19 8.5 19H8C4 19 2 18 2 13V8C2 4 4 2 8 2H14\",\"stroke\":\"#777\",\"stroke-width\":\"1.5\",\"stroke-miterlimit\":\"10\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"opacity\":\"0.4\",\"d\":\"M19.5 7C20.8807 7 22 5.88071 22 4.5C22 3.11929 20.8807 2 19.5 2C18.1193 2 17 3.11929 17 4.5C17 5.88071 18.1193 7 19.5 7Z\",\"stroke\":\"#292D32\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"opacity\":\"0.4\",\"d\":\"M15.9965 11H16.0054\",\"stroke\":\"#292D32\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"opacity\":\"0.4\",\"d\":\"M11.9945 11H12.0035\",\"stroke\":\"#292D32\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"opacity\":\"0.4\",\"d\":\"M7.99451 11H8.00349\",\"stroke\":\"#292D32\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})]),_c('div',{staticClass:\"text-center text-muted\"},[_c('div',[_c('strong',[_vm._v(\"There is no message\")])]),_c('p',{staticClass:\"text-muted\"},[_vm._v(\"It seems that the you has never chat with via\\n                                                    us !\\n                                                \")])])])])])],1)])])],1)])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <VuePerfectScrollbar style=\"height: calc(100dvh - 4rem); background-color: #f5f5f5\" :settings=\"{ suppressScrollX: true }\">\r\n        <div>\r\n            <div class=\"d-flex flex-column align-items-center\" style=\"margin-top: 2.6rem\">\r\n                <img src=\"/logo/iRender-fulltext.svg\" style=\"height: 2rem\" alt=\"\" />\r\n                <div style=\" color: #1967d2; font-size: 1.5rem; margin-top: 0.5rem; text-shadow: 2px 2px #ffffff; \">\r\n                    iRender Support Center\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"\">\r\n                <div class=\"d-flex flex-column flex-lg-row m-auto justify-content-center\">\r\n                    <div class=\"d-flex flex-column align-items-center justify-content-center mt-5 mb-5\">\r\n                        <div>\r\n                            <el-card class=\"box-card mb-5\" style=\"max-width: 95vw;\">\r\n                                <div class=\"d-flex flex-column flex-md-row justify-content-center align-items-center\">\r\n                                    <div class=\"d-flex justify-content-center align-items-center\">\r\n                                        <img src=\"/background/support/support-background-1.svg\" style=\"height: 17.5rem\"\r\n                                            alt=\"\" />\r\n                                    </div>\r\n                                    <div class=\"d-flex flex-column flex-fill align-items-center\"\r\n                                        style=\"margin-left: 1rem\">\r\n                                        <div class=\"d-flex justify-content-center\"\r\n                                            style=\"font-size: 1.2rem; color: #42a5f5\">\r\n                                            Live support 24/7\r\n                                        </div>\r\n                                        <div\r\n                                            class=\" d-flex flex-row justify-content-center align-items-center flex-fill mt-5 \">\r\n                                            <div class=\" d-flex flex-column justify-content-center align-items-end mr-2 \"\r\n                                                style=\"color: #9e9e9e; font-size: 0.85rem\">\r\n                                                <div class=\"d-flex align-items-center\" style=\"height: 1.75rem\">\r\n                                                    Skype support\r\n                                                </div>\r\n                                                <div class=\"d-flex align-items-center\" style=\"height: 1.75rem\">\r\n                                                    Quick chat\r\n                                                </div>\r\n                                            </div>\r\n                                            <div class=\"d-flex flex-column justify-content-center ml-2\"\r\n                                                style=\"font-size: 0.85rem\">\r\n                                                <div class=\"d-flex align-items-center\" style=\"height: 1.75rem\">\r\n                                                    <el-link href=\"https://join.skype.com/invite/qo5nEkWfKgyF\"\r\n                                                        target=\"_blank\" :underline=\"false\">iRender Support</el-link>\r\n                                                </div>\r\n                                                <div class=\"d-flex align-items-center\" style=\"height: 1.75rem\">\r\n                                                    <el-button @click=\"openTawkTo()\" type=\"text\">Chat now</el-button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </el-card>\r\n                            <el-card class=\"box-card\" style=\"max-width: 95vw;\">\r\n                                <div class=\"d-flex flex-column flex-md-row justify-content-center align-items-center\">\r\n                                    <div class=\"d-flex flex-column flex-fill align-items-center\"\r\n                                        style=\"margin-left: 1rem\">\r\n                                        <div class=\"d-flex justify-content-center\"\r\n                                            style=\"font-size: 1.2rem; color: #42a5f5\">\r\n                                            Receive complaints and questions\r\n                                        </div>\r\n                                        <div\r\n                                            class=\" d-flex flex-row justify-content-center align-items-center flex-fill mt-5 \">\r\n                                            <div class=\" d-flex flex-column justify-content-center align-items-end mr-2 \"\r\n                                                style=\"color: #9e9e9e; font-size: 0.85rem\">\r\n                                                <div class=\"d-flex align-items-center\" style=\"height: 1.75rem\">\r\n                                                    Email\r\n                                                </div>\r\n                                                <div class=\"d-flex align-items-center\" style=\"height: 1.75rem\">\r\n                                                    Whatsapp\r\n                                                </div>\r\n                                                <div class=\"d-flex align-items-center\" style=\"height: 1.75rem\">\r\n                                                    Skype\r\n                                                </div>\r\n                                                <div class=\"d-flex align-items-center\" style=\"height: 1.75rem\">\r\n                                                    Zalo\r\n                                                </div>\r\n                                            </div>\r\n                                            <div class=\"d-flex flex-column justify-content-center ml-2\"\r\n                                                style=\"font-size: 0.85rem\">\r\n                                                <div class=\"d-flex align-items-center\" style=\"height: 1.75rem\">\r\n                                                    <el-link href=\"mailto:support@irender.net\" target=\"_blank\"\r\n                                                        :underline=\"false\">support@irender.net</el-link>\r\n                                                </div>\r\n                                                <div class=\"d-flex align-items-center\" style=\"height: 1.75rem\">\r\n                                                    <el-link\r\n                                                        :href=\"`whatsapp://send?phone=+84912785500&text=Hello%2C%20World!`\"\r\n                                                        target=\"_blank\" :underline=\"false\">+(84) 912-785-500</el-link>\r\n                                                </div>\r\n                                                <div class=\"d-flex align-items-center\" style=\"height: 1.75rem\">\r\n                                                    <el-link href=\"https://join.skype.com/invite/qo5nEkWfKgyF\"\r\n                                                        target=\"_blank\" :underline=\"false\">iRender Support</el-link>\r\n                                                </div>\r\n                                                <div class=\"d-flex align-items-center\" style=\"height: 1.75rem\">\r\n                                                    <el-link href=\"http://zalo.me/+84962868890\" target=\"_blank\"\r\n                                                        :underline=\"false\">+(84)\r\n                                                        962-868-890</el-link>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"d-flex justify-content-center align-items-center\">\r\n                                        <img src=\"/background/support/support-background-2.svg\" style=\"height: 17.5rem\"\r\n                                            alt=\"\" />\r\n                                    </div>\r\n                                </div>\r\n                            </el-card>\r\n                        </div>\r\n                    </div>\r\n                    <div\r\n                        class=\"ml-0 ml-lg-4 mt-0 mt-lg-5 d-flex flex-row flex-lg-column justify-content-center align-items-center mb-5 chat-history-block\">\r\n                        <el-card class=\"box-card m-auto d-block d-lg-flex flex-column chat-history-box flex-fill w-100 mb-5 mb-md-0\"\r\n                            :body-style=\"{ padding: '0.5rem 0' }\" style=\"max-width: 95vw !important;\">\r\n                            <div class=\"d-flex align-items-center w-100\">\r\n                                <div class=\"flex-fill d-flex align-items-center pl-2\"\r\n                                    style=\"font-size: 1.2rem; color: #42a5f5\">\r\n                                    <div v-if=\"conversationItemSelected !== null\">\r\n                                        <el-tooltip content=\"Go back list conversations\" placement=\"top\">\r\n                                            <el-button type=\"text\" class=\"mr-1 p-0 m-0\" @click=\"backToConversationList\">\r\n                                                <i class=\"el-icon-arrow-left\" style=\"font-size: 1.5rem;\"></i>\r\n                                            </el-button>\r\n                                        </el-tooltip>\r\n                                    </div>\r\n                                    <transition name=\"fade\">\r\n                                        <div v-if=\"conversationItemSelected === null && !toggleFilterByDate\"\r\n                                            class=\"text-nowrap\">\r\n                                            <i class=\"el-icon-chat-line-round\"></i> Conversations\r\n                                        </div>\r\n                                    </transition>\r\n                                    <transition name=\"fade\">\r\n                                        <div class=\"d-flex align-items-center\" style=\"font-size: 0.9rem;\" v-if=\"conversationItemSelected !== null\">\r\n                                            <i class=\"el-icon-chat-line-round mr-1\"></i><v-clamp autoresize :max-lines=\"1\"> Conversation\r\n                                                {{ conversationItemSelected.createdAt | pretyDateUtcToLocal }}</v-clamp>\r\n                                        </div>\r\n                                    </transition>\r\n                                </div>\r\n                                <div class=\"d-flex align-items-center\">\r\n                                    <transition name=\"slide\">\r\n                                        <div class=\"mr-2\"\r\n                                            v-if=\"conversationItemSelected === null && toggleFilterByDate\">\r\n                                            <el-date-picker v-model=\"dateFilterVal\" range-separator=\"To\" size=\"mini\"\r\n                                                type=\"date\" format=\"yyyy-MM-dd\" value-format=\"yyyy-MM-dd\"\r\n                                                placeholder=\"Pick a date\" @change=\"refreshConversation\">\r\n                                            </el-date-picker>\r\n                                        </div>\r\n                                    </transition>\r\n\r\n                                    <div class=\"pr-1 d-flex align-items-center\" style=\"background-color: #fff;\">\r\n                                        <el-tooltip content=\"Filter by date\" placement=\"top\"\r\n                                            v-if=\"conversationItemSelected === null && !toggleFilterByDate\">\r\n                                            <el-button type=\"text\" class=\"mr-2 p-0 m-0\"\r\n                                                @click=\"toggleFilterByDate = true\">\r\n                                                <i class=\"el-icon-date\" style=\"font-size: 1.5rem;\"></i>\r\n                                            </el-button>\r\n                                        </el-tooltip>\r\n\r\n                                        <el-tooltip content=\"Close filter\" placement=\"top\"\r\n                                            v-if=\"conversationItemSelected === null && toggleFilterByDate\">\r\n                                            <el-button type=\"text\" class=\"mr-2 p-0 m-0\"\r\n                                                @click=\"dateFilterVal = null; toggleFilterByDate = false; refreshConversation();\">\r\n                                                <i class=\"el-icon-close text-danger\" style=\"font-size: 1.5rem;\"></i>\r\n                                            </el-button>\r\n                                        </el-tooltip>\r\n\r\n                                        <el-tooltip content=\"Refresh\" placement=\"top\"\r\n                                            v-if=\"conversationItemSelected === null\">\r\n                                            <el-button type=\"text\" class=\"mr-2 p-0 m-0\" @click=\"refreshConversation\">\r\n                                                <i class=\"el-icon-refresh\" style=\"font-size: 1.5rem;\"></i>\r\n                                            </el-button>\r\n                                        </el-tooltip>\r\n\r\n                                        <el-tooltip content=\"Refresh\" placement=\"top\"\r\n                                            v-if=\"conversationItemSelected !== null\">\r\n                                            <el-button type=\"text\" class=\"mr-2 p-0 m-0\" @click=\"refreshChatHistory\">\r\n                                                <i class=\"el-icon-refresh\" style=\"font-size: 1.5rem;\"></i>\r\n                                            </el-button>\r\n                                        </el-tooltip>\r\n\r\n\r\n                                        <el-tooltip content=\"Go to last message\" placement=\"top\" class=\"ml-2\"\r\n                                            v-if=\"conversationItemSelected !== null && messageItems.length > 0\">\r\n                                            <el-button type=\"text\" class=\"mr-2 p-0 m-0\" @click=\"scrollToEnd\">\r\n                                                <i class=\"el-icon-bottom\" style=\"font-size: 1.5rem;\"></i>\r\n                                            </el-button>\r\n                                        </el-tooltip>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"chat-box-content flex-fill position-relative ml-2 mr-2\">\r\n                                <div class=\"position-absolute d-flex flex-column w-100 h-100 animatied-left-position\"\r\n                                    :style=\"`left: ${conversationItemSelected === null ? 0 : -100}%; z-index: ${conversationItemSelected === null ? 'auto' : -1};`\"\r\n                                    v-loading=\"isLoadingConversation\">\r\n                                    <VuePerfectScrollbar class=\"flex-fill w-100 pr-3 mt-2 pr-2 list-group-wrapper\"\r\n                                        id=\"chatScrollerConversation\" :settings=\"{ suppressScrollX: true }\"\r\n                                        style=\"height: 100px;\">\r\n                                        <div class=\"mt-2 ml-2 w-100\" v-if=\"conversationItems.length > 0\">\r\n                                            <ul class=\"list-group\">\r\n                                                <li class=\"list-group-item pl-2 w-100 \"\r\n                                                    v-for=\"conversationItem in conversationItems\"\r\n                                                    :key=\"conversationItem.id\"\r\n                                                    :id=\"`conversationItemId_${conversationItem.id}`\">\r\n                                                    <a href=\"javascript:void();\" class=\"d-block\"\r\n                                                        @click=\"changeConversation(conversationItem)\">\r\n                                                        <div class=\"w-100 d-flex align-items-center\">\r\n                                                            <div class=\"mr-1\" style=\"color: rgb(66, 165, 245);\">\r\n                                                                <i class=\"el-icon-chat-dot-square fa-3x\"></i>\r\n                                                            </div>\r\n                                                            <div class=\"\">\r\n                                                                <div>\r\n                                                                    <strong class=\"text-nowrap\"\r\n                                                                        style=\"color: rgb(66, 165, 245);\">\r\n                                                                        Conversation {{ conversationItem.createdAt |\r\n                                                                            pretyDateUtcToLocal }}\r\n                                                                    </strong>\r\n                                                                </div>\r\n                                                                <div style=\"font-size: 85%;\" class=\"text-muted\">\r\n                                                                    <v-clamp autoresize :max-lines=\"1\">{{\r\n                                                                        conversationItem.lastMessage }}</v-clamp>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </a>\r\n                                                </li>\r\n                                            </ul>\r\n                                        </div>\r\n                                        <div v-else\r\n                                            class=\"d-flex align-items-center justify-content-center flex-fill w-100 mt-5\"\r\n                                            style=\"position: absolute; top: 0; left: 0; height: calc(100% - 10rem); width: 100%;\">\r\n                                            <div class=\"d-block text-center\">\r\n                                                <svg style=\"width: 40%\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                    xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                    <path\r\n                                                        d=\"M22 10V13C22 17 20 19 16 19H15.5C15.19 19 14.89 19.15 14.7 19.4L13.2 21.4C12.54 22.28 11.46 22.28 10.8 21.4L9.3 19.4C9.14 19.18 8.77 19 8.5 19H8C4 19 2 18 2 13V8C2 4 4 2 8 2H14\"\r\n                                                        stroke=\"#777\" stroke-width=\"1.5\" stroke-miterlimit=\"10\"\r\n                                                        stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                                                    <path opacity=\"0.4\"\r\n                                                        d=\"M19.5 7C20.8807 7 22 5.88071 22 4.5C22 3.11929 20.8807 2 19.5 2C18.1193 2 17 3.11929 17 4.5C17 5.88071 18.1193 7 19.5 7Z\"\r\n                                                        stroke=\"#292D32\" stroke-width=\"1.5\" stroke-linecap=\"round\"\r\n                                                        stroke-linejoin=\"round\" />\r\n                                                    <path opacity=\"0.4\" d=\"M15.9965 11H16.0054\" stroke=\"#292D32\"\r\n                                                        stroke-width=\"2\" stroke-linecap=\"round\"\r\n                                                        stroke-linejoin=\"round\" />\r\n                                                    <path opacity=\"0.4\" d=\"M11.9945 11H12.0035\" stroke=\"#292D32\"\r\n                                                        stroke-width=\"2\" stroke-linecap=\"round\"\r\n                                                        stroke-linejoin=\"round\" />\r\n                                                    <path opacity=\"0.4\" d=\"M7.99451 11H8.00349\" stroke=\"#292D32\"\r\n                                                        stroke-width=\"2\" stroke-linecap=\"round\"\r\n                                                        stroke-linejoin=\"round\" />\r\n                                                </svg>\r\n                                                <div class=\"text-center text-muted\">\r\n                                                    <div>\r\n                                                        <strong>There is no conversation</strong>\r\n                                                    </div>\r\n                                                    <p class=\"text-muted\">Conversation will show when you make\r\n                                                        conversation\r\n                                                        !</p>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </VuePerfectScrollbar>\r\n                                </div>\r\n                                <div class=\"position-absolute d-flex flex-column w-100 h-100 animatied-left-position\"\r\n                                    :style=\"`left: ${conversationItemSelected !== null ? 0 : 100}%;`\"\r\n                                    v-loading=\"isLoading\">\r\n                                    <VuePerfectScrollbar class=\"flex-fill w-100 pr-3 mt-2\" id=\"chatScroller\"\r\n                                        :settings=\"{ suppressScrollX: true }\" style=\"height: 100px;\">\r\n                                        <!-- .filter(xItem => xItem.content && xItem.content !== null && xItem.content !== '') -->\r\n                                        <div class=\"mt-2 ml-2 d-flex flex-column w-100\" v-if=\"messageItems.length > 0\">\r\n                                            <div class=\"d-flex\"\r\n                                                v-bind:class=\"{ 'justify-content-end': isContactMsg(messageItem), 'justify-content-start': !isContactMsg(messageItem) }\"\r\n                                                v-for=\"messageItem in messageItems\" :key=\"messageItem.id\"\r\n                                                :id=\"`messageItemId_${messageItem.id}`\">\r\n                                                <div class=\"bubble\"\r\n                                                    v-bind:class=\"{ 'bubble-right': isContactMsg(messageItem), 'bubble-left': !isContactMsg(messageItem) }\">\r\n                                                    <div v-if=\"messageItem.content\">{{ messageItem.content }}</div>\r\n                                                    <div v-else>\r\n                                                        <div class=\"text-left\"><i class=\"el-icon-paperclip\"></i> <i>Sent\r\n                                                                an\r\n                                                                attachment</i></div>\r\n                                                    </div>\r\n                                                    <div class=\"mt-1\"\r\n                                                        style=\"font-size: 80%; opacity: 0.6; font-style:italic;\">\r\n                                                        <i class=\"el-icon-time\"></i> {{ messageItem.createdAt |\r\n                                                            pretyDateUtcToLocal }}\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div v-else\r\n                                            class=\"d-flex align-items-center justify-content-center flex-fill w-100 mt-5\"\r\n                                            style=\"position: absolute; top: 0; left: 0; height: calc(100% - 10rem); width: 100%;\">\r\n                                            <div class=\"d-block text-center\">\r\n                                                <svg style=\"width: 40%\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                                    xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                    <path\r\n                                                        d=\"M22 10V13C22 17 20 19 16 19H15.5C15.19 19 14.89 19.15 14.7 19.4L13.2 21.4C12.54 22.28 11.46 22.28 10.8 21.4L9.3 19.4C9.14 19.18 8.77 19 8.5 19H8C4 19 2 18 2 13V8C2 4 4 2 8 2H14\"\r\n                                                        stroke=\"#777\" stroke-width=\"1.5\" stroke-miterlimit=\"10\"\r\n                                                        stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                                                    <path opacity=\"0.4\"\r\n                                                        d=\"M19.5 7C20.8807 7 22 5.88071 22 4.5C22 3.11929 20.8807 2 19.5 2C18.1193 2 17 3.11929 17 4.5C17 5.88071 18.1193 7 19.5 7Z\"\r\n                                                        stroke=\"#292D32\" stroke-width=\"1.5\" stroke-linecap=\"round\"\r\n                                                        stroke-linejoin=\"round\" />\r\n                                                    <path opacity=\"0.4\" d=\"M15.9965 11H16.0054\" stroke=\"#292D32\"\r\n                                                        stroke-width=\"2\" stroke-linecap=\"round\"\r\n                                                        stroke-linejoin=\"round\" />\r\n                                                    <path opacity=\"0.4\" d=\"M11.9945 11H12.0035\" stroke=\"#292D32\"\r\n                                                        stroke-width=\"2\" stroke-linecap=\"round\"\r\n                                                        stroke-linejoin=\"round\" />\r\n                                                    <path opacity=\"0.4\" d=\"M7.99451 11H8.00349\" stroke=\"#292D32\"\r\n                                                        stroke-width=\"2\" stroke-linecap=\"round\"\r\n                                                        stroke-linejoin=\"round\" />\r\n                                                </svg>\r\n                                                <div class=\"text-center text-muted\">\r\n                                                    <div>\r\n                                                        <strong>There is no message</strong>\r\n                                                    </div>\r\n                                                    <p class=\"text-muted\">It seems that the you has never chat with via\r\n                                                        us !\r\n                                                    </p>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </VuePerfectScrollbar>\r\n                                </div>\r\n                            </div>\r\n                        </el-card>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </VuePerfectScrollbar>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from \"vuex\";\r\nimport VClamp from 'vue-clamp';\r\nimport api from '@/api/baseApi';\r\nimport { SETTINGS_CHAT_HISTORY_API } from \"@/constant/apiSettings\";\r\nconst queryString = require('query-string');\r\nexport default {\r\n    components: {\r\n        VClamp\r\n    },\r\n    data() {\r\n        return {\r\n            quality: 1,\r\n\r\n            toggleFilterByDate: false,\r\n            isLoadingConversation: true,\r\n            isInitedConversation: false,\r\n            currentPageConversation: 1,\r\n            dateFilterVal: null,\r\n            conversationItems: [],\r\n            conversationItemSelected: null,\r\n\r\n            isLoading: true,\r\n            isInited: false,\r\n            currentPage: 1,\r\n            messageItems: [],\r\n        };\r\n    },\r\n\r\n    computed: {\r\n        ...mapState({\r\n            user: (state) => state.auth.user,\r\n        }),\r\n    },\r\n    mounted() {\r\n        this.getChatConversation(\"LOAD_MORE\");\r\n        //this.getChatHistory(\"REFRESH\");\r\n    },\r\n    beforeDestroy() {\r\n        $(\"#chatScroller\").off(\"scroll\");\r\n        $(\"#chatScrollerConversation\").off(\"scroll\");\r\n    },\r\n    methods: {\r\n        openTawkTo() {\r\n            if (window.chatTool === \"tawk.to\") window.Tawk_API.maximize();\r\n            if (window.chatTool === \"chatwood\") window.$chatwoot.toggle(\"open\");\r\n        },\r\n        isContactMsg(messageItem) {\r\n            return messageItem.senderType !== null && messageItem.senderType === 'Contact';\r\n        },\r\n        refreshChatHistory() {\r\n            this.currentPage = 1;\r\n            this.getChatHistory(\"REFRESH\")\r\n        },\r\n        getChatHistory(targetAction = \"LOAD_MORE\") {\r\n            this.isLoading = true;\r\n            const requestSettings = SETTINGS_CHAT_HISTORY_API.GET_CHAT_HISTORY_BY_CONVERSATION;\r\n            const conversationId = this.conversationItemSelected.id;\r\n            let requestParams = {\r\n                conversationId: conversationId,\r\n                page: this.currentPage,\r\n                pageSize: 50\r\n            };\r\n            api.baseRequest(requestSettings, null, `?${queryString.stringify(requestParams)}`)\r\n                .then((res) => {\r\n                    if (res.data) {\r\n                        if (res.data.length > 0) {\r\n                            let firstId = null;\r\n                            if (this.messageItems.length > 0) firstId = this.messageItems[0].id;\r\n                            switch (targetAction) {\r\n                                case \"LOAD_MORE\":\r\n                                    this.$set(this, \"messageItems\", (res.data.reverse()).concat(this.messageItems));\r\n                                    if (firstId !== null) {\r\n                                        this.$nextTick(() => {\r\n                                            $(\"#chatScroller\").scrollTop($(`#messageItemId_${firstId}`).offset().top);\r\n                                        });\r\n                                    }\r\n                                    break;\r\n                                case \"REFRESH\":\r\n                                    this.$set(this, \"messageItems\", (res.data.reverse()));\r\n                                    this.$nextTick(() => {\r\n                                        $(\"#chatScroller\").animate({\r\n                                            scrollTop: $(\"#chatScroller\").prop(\"scrollHeight\")\r\n                                        }, 100);\r\n                                        if (!this.isInited) {\r\n                                            this.isInited = true;\r\n                                            $(\"#chatScroller\").on(\"scroll\", () => {\r\n                                                if ($(\"#chatScroller\").scrollTop() === 0) {\r\n                                                    this.loadOlder();\r\n                                                }\r\n                                            });\r\n                                        }\r\n                                    });\r\n                                    break;\r\n                            }\r\n                        }\r\n                        else {\r\n                            if (this.currentPage > 1) this.currentPage = this.currentPage - 1;\r\n                        }\r\n                        this.isLoading = false;\r\n                    }\r\n                    this.isLoading = false;\r\n                })\r\n                .catch(error => {\r\n                    console.error(error);\r\n                    this.isLoading = false;\r\n                });\r\n        },\r\n        loadOlder() {\r\n            this.currentPage = this.currentPage + 1;\r\n            this.getChatHistory(\"LOAD_MORE\");\r\n        },\r\n        scrollToEnd() {\r\n            const chatScroller = $(\"#chatScroller\");\r\n            chatScroller.animate({\r\n                scrollTop: chatScroller.prop(\"scrollHeight\")\r\n            }, 100);\r\n        },\r\n        scrollReachStart(evt) {\r\n            // if (!this.isInited) return;\r\n            // console.log(evt);\r\n            // this.loadOlder();\r\n        },\r\n        refreshConversation() {\r\n            this.$set(this, 'conversationItems', []);\r\n            this.$set(this, 'messageItems', []);\r\n            this.currentPageConversation = 1;\r\n            this.getChatConversation(\"REFRESH\")\r\n        },\r\n        getChatConversation(targetAction = \"LOAD_MORE\") {\r\n            this.isLoadingConversation = true;\r\n            const requestSettings = SETTINGS_CHAT_HISTORY_API.GET_CHAT_CONVERSATION;\r\n            let requestParams = { page: this.currentPageConversation, pageSize: 50 };\r\n            if (this.dateFilterVal && this.dateFilterVal !== '') {\r\n                requestParams.filterDate = this.dateFilterVal;\r\n            }\r\n            api.baseRequest(requestSettings, null, `?${queryString.stringify(requestParams)}`)\r\n                .then((res) => {\r\n                    if (res.data) {\r\n                        if (res.data.length > 0) {\r\n                            switch (targetAction) {\r\n                                case \"LOAD_MORE\":\r\n                                    this.$set(this, 'conversationItems', (res.data).concat(this.conversationItems).map(xItem => {\r\n                                        return {\r\n                                            ...xItem,\r\n                                            additionalAttributesData: xItem.additionalAttributes ? JSON.parse(xItem.additionalAttributes) : {}\r\n                                        }\r\n                                    }));\r\n                                    break;\r\n                                case \"REFRESH\":\r\n                                    this.$set(this, 'conversationItems', (res.data.map(xItem => {\r\n                                        return {\r\n                                            ...xItem,\r\n                                            additionalAttributesData: xItem.additionalAttributes ? JSON.parse(xItem.additionalAttributes) : {}\r\n                                        }\r\n                                    })));\r\n                                    this.$nextTick(() => {\r\n                                        if (!this.isInitedConversation) {\r\n                                            this.isInitedConversation = true;\r\n                                            $(\"#chatScrollerConversation\").on(\"scroll\", () => {\r\n                                                let scrollHeight = $(\"#chatScrollerConversation\").prop(\"scrollHeight\");\r\n                                                if ($(\"#chatScrollerConversation\").scrollTop() === scrollHeight) {\r\n                                                    this.loadOlderConversation();\r\n                                                }\r\n                                            });\r\n                                        }\r\n                                    });\r\n                                    break;\r\n                            }\r\n                        }\r\n                        else {\r\n                            if (this.currentPageConversation > 1) this.currentPageConversation = this.currentPageConversation - 1;\r\n                            this.isLoading = false;\r\n                        }\r\n                        this.isLoadingConversation = false;\r\n                    }\r\n                    this.isLoadingConversation = false;\r\n                })\r\n                .catch(error => {\r\n                    console.error(error);\r\n                    this.isLoadingConversation = false;\r\n                });\r\n        },\r\n        loadOlderConversation() {\r\n            this.currentPageConversation = this.currentPageConversation + 1;\r\n            this.getChatConversation(\"LOAD_MORE\");\r\n        },\r\n        backToConversationList() {\r\n            this.$set(this, 'messageItems', []);\r\n            this.conversationItemSelected = null;\r\n            this.currentPage = 1;\r\n            this.refreshConversation();\r\n        },\r\n        changeConversation(conversationItem) {\r\n            $(\"#chatScroller\").off(\"scroll\");\r\n            this.isInited = false;\r\n            this.$set(this, 'messageItems', []);\r\n            this.conversationItemSelected = conversationItem;\r\n            this.currentPage = 1;\r\n            this.getChatHistory(\"REFRESH\");\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"css\" scoped>\r\n.chat-history-box::v-deep>.el-card__body {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    flex: 1 1 auto !important;\r\n}\r\n\r\n.slide-leave-active,\r\n.slide-enter-active {\r\n    transition: 0.3s;\r\n}\r\n\r\n.slide-enter {\r\n    transform: translate(100%, 0);\r\n    opacity: 1;\r\n}\r\n\r\n.slide-leave-to {\r\n    transform: translate(100%, 0);\r\n    opacity: 0;\r\n    width: 0;\r\n}\r\n\r\n.fade-enter-active,\r\n.fade-leave-active {\r\n    transition: opacity .1s;\r\n}\r\n\r\n.fade-enter,\r\n.fade-leave-to\r\n\r\n/* .fade-leave-active below version 2.1.8 */\r\n    {\r\n    opacity: 0;\r\n    width: 0;\r\n    z-index: -1;\r\n}\r\n\r\n.chat-history-box::v-deep .bubble {\r\n    --r: 20px;\r\n    /* the radius */\r\n    --t: 20px;\r\n    /* the size of the tail */\r\n    margin-bottom: 0.8rem;\r\n    max-width: 80%;\r\n    padding: calc(2*var(--r)/3);\r\n    -webkit-mask:\r\n        radial-gradient(var(--t) at var(--_d) 0, #0000 98%, #000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,\r\n        conic-gradient(at var(--r) var(--r), #000 75%, #0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,\r\n        radial-gradient(closest-side at 50% 50%, #000 98%, #0000 101%) 0 0/var(--r) var(--r) space padding-box;\r\n}\r\n\r\n.chat-history-box::v-deep .bubble-left {\r\n    --_d: 0%;\r\n    border-left: var(--t) solid #0000;\r\n    margin-right: var(--t);\r\n    place-self: start;\r\n    color: #fff;\r\n    background: linear-gradient(135deg, #42a5f5, #1384C5) border-box;\r\n}\r\n\r\n.chat-history-box::v-deep .bubble-right {\r\n    --_d: 100%;\r\n    border-right: var(--t) solid #0000;\r\n    margin-left: var(--t);\r\n    place-self: end;\r\n    color: #000;\r\n    background: linear-gradient(135deg, #bbbbbb, #cecece) border-box;\r\n}\r\n\r\n.list-group-wrapper {\r\n    border: 1px solid rgba(0, 0, 0, 0.125);\r\n}\r\n\r\n.list-group-wrapper .list-group-item {\r\n    border-left: none;\r\n    border-right: none;\r\n}\r\n\r\n.list-group-wrapper .list-group-item:first-child {\r\n    border-top: none;\r\n}\r\n\r\n.list-group-wrapper .list-group-item:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.list-group-wrapper .list-group-item:hover {\r\n    background-color: #e5f0ff;\r\n}\r\n\r\n.list-group-wrapper .list-group-item a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n}\r\n\r\n.animatied-left-position {\r\n    transition: left 0.3s;\r\n    -webkit-transition: left 0.3s;\r\n    -moz-transition: left 0.3s;\r\n}\r\n\r\n.chat-history-block {\r\n    width: 100%;\r\n    max-width: 100%;\r\n}\r\n\r\n\r\n.chat-history-block .el-card {\r\n    max-width: 50rem !important;\r\n}\r\n\r\n.chat-history-block .chat-box-content {\r\n    height: 30rem !important;\r\n}\r\n\r\n@media screen and (min-width: 1264px) {\r\n    .chat-history-block {\r\n        width: 30rem;\r\n    }\r\n\r\n    .chat-history-block .chat-box-content {\r\n        height: auto !important;\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!./Support.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!./Support.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Support.vue?vue&type=template&id=cf1cf0ca&scoped=true&\"\nimport script from \"./Support.vue?vue&type=script&lang=js&\"\nexport * from \"./Support.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Support.vue?vue&type=style&index=0&id=cf1cf0ca&lang=css&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  \"cf1cf0ca\",\n  null\n  \n)\n\nexport default component.exports","var raf = null;\nfunction requestAnimationFrame (callback) {\n  if (!raf) {\n    raf = (\n      window.requestAnimationFrame ||\n      window.webkitRequestAnimationFrame ||\n      window.mozRequestAnimationFrame ||\n      function (callback) {\n        return setTimeout(callback, 16)\n      }\n    ).bind(window);\n  }\n  return raf(callback)\n}\n\nvar caf = null;\nfunction cancelAnimationFrame (id) {\n  if (!caf) {\n    caf = (\n      window.cancelAnimationFrame ||\n      window.webkitCancelAnimationFrame ||\n      window.mozCancelAnimationFrame ||\n      function (id) {\n        clearTimeout(id);\n      }\n    ).bind(window);\n  }\n\n  caf(id);\n}\n\nfunction createStyles (styleText) {\n  var style = document.createElement('style');\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = styleText;\n  } else {\n    style.appendChild(document.createTextNode(styleText));\n  }\n  (document.querySelector('head') || document.body).appendChild(style);\n  return style\n}\n\nfunction createElement (tagName, props) {\n  if ( props === void 0 ) props = {};\n\n  var elem = document.createElement(tagName);\n  Object.keys(props).forEach(function (key) {\n    elem[key] = props[key];\n  });\n  return elem\n}\n\nfunction getComputedStyle (elem, prop, pseudo) {\n  // for older versions of Firefox, `getComputedStyle` required\n  // the second argument and may return `null` for some elements\n  // when `display: none`\n  var computedStyle = window.getComputedStyle(elem, pseudo || null) || {\n    display: 'none'\n  };\n\n  return computedStyle[prop]\n}\n\nfunction getRenderInfo (elem) {\n  if (!document.documentElement.contains(elem)) {\n    return {\n      detached: true,\n      rendered: false\n    }\n  }\n\n  var current = elem;\n  while (current !== document) {\n    if (getComputedStyle(current, 'display') === 'none') {\n      return {\n        detached: false,\n        rendered: false\n      }\n    }\n    current = current.parentNode;\n  }\n\n  return {\n    detached: false,\n    rendered: true\n  }\n}\n\nvar css_248z = \".resize-triggers{visibility:hidden;opacity:0;pointer-events:none}.resize-contract-trigger,.resize-contract-trigger:before,.resize-expand-trigger,.resize-triggers{content:\\\"\\\";position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.resize-contract-trigger,.resize-expand-trigger{background:#eee;overflow:auto}.resize-contract-trigger:before{width:200%;height:200%}\";\n\nvar total = 0;\nvar style = null;\n\nfunction addListener (elem, callback) {\n  if (!elem.__resize_mutation_handler__) {\n    elem.__resize_mutation_handler__ = handleMutation.bind(elem);\n  }\n\n  var listeners = elem.__resize_listeners__;\n\n  if (!listeners) {\n    elem.__resize_listeners__ = [];\n    if (window.ResizeObserver) {\n      var offsetWidth = elem.offsetWidth;\n      var offsetHeight = elem.offsetHeight;\n      var ro = new ResizeObserver(function () {\n        if (!elem.__resize_observer_triggered__) {\n          elem.__resize_observer_triggered__ = true;\n          if (elem.offsetWidth === offsetWidth && elem.offsetHeight === offsetHeight) {\n            return\n          }\n        }\n        runCallbacks(elem);\n      });\n\n      // initially display none won't trigger ResizeObserver callback\n      var ref = getRenderInfo(elem);\n      var detached = ref.detached;\n      var rendered = ref.rendered;\n      elem.__resize_observer_triggered__ = detached === false && rendered === false;\n      elem.__resize_observer__ = ro;\n      ro.observe(elem);\n    } else if (elem.attachEvent && elem.addEventListener) {\n      // targeting IE9/10\n      elem.__resize_legacy_resize_handler__ = function handleLegacyResize () {\n        runCallbacks(elem);\n      };\n      elem.attachEvent('onresize', elem.__resize_legacy_resize_handler__);\n      document.addEventListener('DOMSubtreeModified', elem.__resize_mutation_handler__);\n    } else {\n      if (!total) {\n        style = createStyles(css_248z);\n      }\n      initTriggers(elem);\n\n      elem.__resize_rendered__ = getRenderInfo(elem).rendered;\n      if (window.MutationObserver) {\n        var mo = new MutationObserver(elem.__resize_mutation_handler__);\n        mo.observe(document, {\n          attributes: true,\n          childList: true,\n          characterData: true,\n          subtree: true\n        });\n        elem.__resize_mutation_observer__ = mo;\n      }\n    }\n  }\n\n  elem.__resize_listeners__.push(callback);\n  total++;\n}\n\nfunction removeListener (elem, callback) {\n  var listeners = elem.__resize_listeners__;\n  if (!listeners) {\n    return\n  }\n\n  if (callback) {\n    listeners.splice(listeners.indexOf(callback), 1);\n  }\n\n  // no listeners exist, or removing all listeners\n  if (!listeners.length || !callback) {\n    // targeting IE9/10\n    if (elem.detachEvent && elem.removeEventListener) {\n      elem.detachEvent('onresize', elem.__resize_legacy_resize_handler__);\n      document.removeEventListener('DOMSubtreeModified', elem.__resize_mutation_handler__);\n      return\n    }\n\n    if (elem.__resize_observer__) {\n      elem.__resize_observer__.unobserve(elem);\n      elem.__resize_observer__.disconnect();\n      elem.__resize_observer__ = null;\n    } else {\n      if (elem.__resize_mutation_observer__) {\n        elem.__resize_mutation_observer__.disconnect();\n        elem.__resize_mutation_observer__ = null;\n      }\n      elem.removeEventListener('scroll', handleScroll);\n      elem.removeChild(elem.__resize_triggers__.triggers);\n      elem.__resize_triggers__ = null;\n    }\n    elem.__resize_listeners__ = null;\n  }\n\n  if (!--total && style) {\n    style.parentNode.removeChild(style);\n  }\n}\n\nfunction getUpdatedSize (elem) {\n  var ref = elem.__resize_last__;\n  var width = ref.width;\n  var height = ref.height;\n  var offsetWidth = elem.offsetWidth;\n  var offsetHeight = elem.offsetHeight;\n  if (offsetWidth !== width || offsetHeight !== height) {\n    return {\n      width: offsetWidth,\n      height: offsetHeight\n    }\n  }\n  return null\n}\n\nfunction handleMutation () {\n  // `this` denotes the scrolling element\n  var ref = getRenderInfo(this);\n  var rendered = ref.rendered;\n  var detached = ref.detached;\n  if (rendered !== this.__resize_rendered__) {\n    if (!detached && this.__resize_triggers__) {\n      resetTriggers(this);\n      this.addEventListener('scroll', handleScroll, true);\n    }\n    this.__resize_rendered__ = rendered;\n    runCallbacks(this);\n  }\n}\n\nfunction handleScroll () {\n  var this$1 = this;\n\n  // `this` denotes the scrolling element\n  resetTriggers(this);\n  if (this.__resize_raf__) {\n    cancelAnimationFrame(this.__resize_raf__);\n  }\n  this.__resize_raf__ = requestAnimationFrame(function () {\n    var updated = getUpdatedSize(this$1);\n    if (updated) {\n      this$1.__resize_last__ = updated;\n      runCallbacks(this$1);\n    }\n  });\n}\n\nfunction runCallbacks (elem) {\n  if (!elem || !elem.__resize_listeners__) {\n    return\n  }\n  elem.__resize_listeners__.forEach(function (callback) {\n    callback.call(elem, elem);\n  });\n}\n\nfunction initTriggers (elem) {\n  var position = getComputedStyle(elem, 'position');\n  if (!position || position === 'static') {\n    elem.style.position = 'relative';\n  }\n\n  elem.__resize_old_position__ = position;\n  elem.__resize_last__ = {};\n\n  var triggers = createElement('div', {\n    className: 'resize-triggers'\n  });\n  var expand = createElement('div', {\n    className: 'resize-expand-trigger'\n  });\n  var expandChild = createElement('div');\n  var contract = createElement('div', {\n    className: 'resize-contract-trigger'\n  });\n  expand.appendChild(expandChild);\n  triggers.appendChild(expand);\n  triggers.appendChild(contract);\n  elem.appendChild(triggers);\n\n  elem.__resize_triggers__ = {\n    triggers: triggers,\n    expand: expand,\n    expandChild: expandChild,\n    contract: contract\n  };\n\n  resetTriggers(elem);\n  elem.addEventListener('scroll', handleScroll, true);\n\n  elem.__resize_last__ = {\n    width: elem.offsetWidth,\n    height: elem.offsetHeight\n  };\n}\n\nfunction resetTriggers (elem) {\n  var ref = elem.__resize_triggers__;\n  var expand = ref.expand;\n  var expandChild = ref.expandChild;\n  var contract = ref.contract;\n\n  // batch read\n  var csw = contract.scrollWidth;\n  var csh = contract.scrollHeight;\n  var eow = expand.offsetWidth;\n  var eoh = expand.offsetHeight;\n  var esw = expand.scrollWidth;\n  var esh = expand.scrollHeight;\n\n  // batch write\n  contract.scrollLeft = csw;\n  contract.scrollTop = csh;\n  expandChild.style.width = eow + 1 + 'px';\n  expandChild.style.height = eoh + 1 + 'px';\n  expand.scrollLeft = esw;\n  expand.scrollTop = esh;\n}\n\nexport { addListener, removeListener };\n","import{addListener as t,removeListener as e}from\"resize-detector\";var i={name:\"vue-clamp\",props:{tag:{type:String,default:\"div\"},autoresize:{type:Boolean,default:!1},maxLines:Number,maxHeight:[String,Number],ellipsis:{type:String,default:\"…\"},location:{type:String,default:\"end\",validator:function(t){return-1!==[\"start\",\"middle\",\"end\"].indexOf(t)}},expanded:Boolean},data:function(){return{offset:null,text:this.getText(),localExpanded:!!this.expanded}},computed:{clampedText:function(){if(\"start\"===this.location)return this.ellipsis+(this.text.slice(-this.offset)||\"\").trim();if(\"middle\"===this.location){var t=Math.floor(this.offset/2);return(this.text.slice(0,t)||\"\").trim()+this.ellipsis+(this.text.slice(-t)||\"\").trim()}return(this.text.slice(0,this.offset)||\"\").trim()+this.ellipsis},isClamped:function(){return!!this.text&&this.offset!==this.text.length},realText:function(){return this.isClamped?this.clampedText:this.text},realMaxHeight:function(){if(this.localExpanded)return null;var t=this.maxHeight;return t?\"number\"==typeof t?t+\"px\":t:null}},watch:{expanded:function(t){this.localExpanded=t},localExpanded:function(t){t?this.clampAt(this.text.length):this.update(),this.expanded!==t&&this.$emit(\"update:expanded\",t)},isClamped:{handler:function(t){var e=this;this.$nextTick((function(){return e.$emit(\"clampchange\",t)}))},immediate:!0}},mounted:function(){this.init(),this.$watch((function(t){return[t.maxLines,t.maxHeight,t.ellipsis,t.isClamped,t.location].join()}),this.update),this.$watch((function(t){return[t.tag,t.text,t.autoresize].join()}),this.init)},updated:function(){this.text=this.getText(),this.applyChange()},beforeDestroy:function(){this.cleanUp()},methods:{init:function(){var i=this;this.$slots.default&&(this.offset=this.text.length,this.cleanUp(),this.autoresize&&(t(this.$el,this.update),this.unregisterResizeCallback=function(){e(i.$el,i.update)}),this.update())},update:function(){this.localExpanded||(this.applyChange(),(this.isOverflow()||this.isClamped)&&this.search())},expand:function(){this.localExpanded=!0},collapse:function(){this.localExpanded=!1},toggle:function(){this.localExpanded=!this.localExpanded},getLines:function(){return Object.keys(Array.prototype.slice.call(this.$refs.content.getClientRects()).reduce((function(t,e){var i=e.top+\"/\"+e.bottom;return t[i]||(t[i]=!0),t}),{})).length},isOverflow:function(){return!(!this.maxLines&&!this.maxHeight)&&(!!(this.maxLines&&this.getLines()>this.maxLines)||!!(this.maxHeight&&this.$el.scrollHeight>this.$el.offsetHeight))},getText:function(){var t=(this.$slots.default||[]).filter((function(t){return!t.tag&&!t.isComment}))[0];return t?t.text.trim():\"\"},moveEdge:function(t){this.clampAt(this.offset+t)},clampAt:function(t){this.offset=t,this.applyChange()},applyChange:function(){this.$refs.text.textContent=this.realText},stepToFit:function(){this.fill(),this.clamp()},fill:function(){for(;(!this.isOverflow()||this.getLines()<2)&&this.offset<this.text.length;)this.moveEdge(1)},clamp:function(){for(;this.isOverflow()&&this.getLines()>1&&this.offset>0;)this.moveEdge(-1)},search:function(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];var i=t[0];void 0===i&&(i=0);var s=t[1];if(void 0===s&&(s=this.offset),s-i<=3)this.stepToFit();else{var n=Math.floor((s+i)/2);this.clampAt(n),this.isOverflow()?this.search(i,n):this.search(n,s)}},cleanUp:function(){this.unregisterResizeCallback&&this.unregisterResizeCallback()}},render:function(t){var e=[t(\"span\",this.$isServer?{}:{ref:\"text\",attrs:{\"aria-label\":this.text.trim()}},this.$isServer?this.text:this.realText)],i={expand:this.expand,collapse:this.collapse,toggle:this.toggle,clamped:this.isClamped,expanded:this.localExpanded},s=this.$scopedSlots.before?this.$scopedSlots.before(i):this.$slots.before;s&&e.unshift.apply(e,Array.isArray(s)?s:[s]);var n=this.$scopedSlots.after?this.$scopedSlots.after(i):this.$slots.after;n&&e.push.apply(e,Array.isArray(n)?n:[n]);var a=[t(\"span\",{style:{boxShadow:\"transparent 0 0\"},ref:\"content\"},e)];return t(this.tag,{style:{maxHeight:this.realMaxHeight,overflow:\"hidden\"}},a)}};export default i;\n","import mod 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/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Support.vue?vue&type=style&index=0&id=cf1cf0ca&lang=css&scoped=true&\"; export default mod; 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/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Support.vue?vue&type=style&index=0&id=cf1cf0ca&lang=css&scoped=true&\""],"sourceRoot":""}