{"version":3,"sources":["webpack:///./src/components/Tooltip2Vue/Tooltip2Vue.vue?ac8b","webpack:///./src/components/assistant/TooltipExclamation.vue?842d","webpack:///./src/views/Helexium/Assistant/ChatAssistant.vue","webpack:///./src/views/Helexium/Assistant/useAssistantAI.js","webpack:///src/views/Helexium/Assistant/ChatAssistant.vue","webpack:///./src/views/Helexium/Assistant/ChatAssistant.vue?7143","webpack:///./src/views/Helexium/Assistant/ChatAssistant.vue?34da","webpack:///./src/views/Helexium/Assistant/ChatLayout.vue","webpack:///./src/components/assistant/TooltipExclamation.vue","webpack:///src/components/assistant/TooltipExclamation.vue","webpack:///./src/components/assistant/TooltipExclamation.vue?7785","webpack:///./src/components/assistant/TooltipExclamation.vue?0a71","webpack:///src/views/Helexium/Assistant/ChatLayout.vue","webpack:///./src/views/Helexium/Assistant/ChatLayout.vue?9a4f","webpack:///./src/views/Helexium/Assistant/ChatLayout.vue?1a2b","webpack:///./src/components/Tooltip2Vue/Tooltip2Vue.vue","webpack:///src/components/Tooltip2Vue/Tooltip2Vue.vue","webpack:///./src/components/Tooltip2Vue/Tooltip2Vue.vue?63c0","webpack:///./src/components/Tooltip2Vue/Tooltip2Vue.vue?4b07","webpack:///./src/views/Helexium/Assistant/ChatLayout.vue?fb77"],"names":["render","_vm","this","_c","_self","attrs","title","waitingMessage","historyMessages","on","$event","type","indexOf","_k","keyCode","key","sendMessage","apply","arguments","model","value","userMessage","callback","$$v","expression","staticRenderFns","newThread","async","response","fetch","method","headers","openIAKey","body","JSON","stringify","json","id","uploadMessage","threadId","assistant_id","message","role","content","creationResponse","getMessage","runId","waiting","statusResponse","statusData","includes","status","Promise","resolve","setTimeout","data","text","components","ChatLayout","props","String","default","assistantId","required","savedThreadId","localStorage","getItem","setItem","methods","userMessageObj","push","resultId","systemMessageObj","component","staticClass","_v","_s","_t","_l","showMessage","class","domProps","_m","_e","handleKeyup","$emit","target","scopedSlots","_u","fn","proxy","Tooltip2Vue","TooltipExclamation","Array","Boolean","indexHistoryTool","userMessageBackup","computed","filter","userMessages","empresaId","$store","getters","userLoggedIn","empresa","ev","scrollSmoothHistory","chat","$el","querySelector","$nextTick","scrollTo","top","scrollHeight","behavior","onOver","onOut","onFocus","closeBlur","deleteTooltip","show","close","nativeShow","position","dev","hover","placement","outShow","mounted","setBasicPosition","handleDocumentBody","contains","document","removeEventListener","relatedTarget","addEventListener","setResponsivePosition","tp","style","bottom","left","transform","right","width","window","innerWidth","rect","getBoundingClientRect","wPop","relativeLeft","wtp","offsetWidth","setOutShow"],"mappings":"2IAAA,W,oCCAA,W,oECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,aAAa,CAACE,MAAM,CAAC,MAAQJ,EAAIK,MAAM,eAAiBL,EAAIM,eAAe,gBAAkBN,EAAIO,iBAAiBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAIA,EAAOC,KAAKC,QAAQ,QAAQX,EAAIY,GAAGH,EAAOI,QAAQ,QAAQ,GAAGJ,EAAOK,IAAI,SAAgB,KAAYd,EAAIe,YAAYC,MAAM,KAAMC,aAAaC,MAAM,CAACC,MAAOnB,EAAIoB,YAAaC,SAAS,SAAUC,GAAMtB,EAAIoB,YAAYE,GAAKC,WAAW,kBAE1bC,EAAkB,G,oCCAf,MAAMC,EAAYC,UACvB,MAAMC,QAAiBC,MAAM,oCAAqC,CAChEC,OAAQ,OACRC,QAAS,CACP,cAAe,gBACf,cAAkB,UAASC,OAC3B,eAAgB,oBAElBC,KAAMC,KAAKC,UAAU,MAGvB,aAAcP,EAASQ,QAAQC,IAIpBC,EAAgBX,MAAOY,EAAUC,EAAcC,WAEpDZ,MAAO,qCAAoCU,aAAqB,CACpET,OAAQ,OACRC,QAAS,CACP,cAAe,gBACf,cAAkB,UAASC,OAC3B,eAAgB,oBAElBC,KAAMC,KAAKC,UAAU,CACnBO,KAAM,OACNC,QAASF,MAIb,MAAMG,QAAyBf,MAAO,qCAAoCU,SAAiB,CACzFT,OAAQ,OACRC,QAAS,CACP,cAAe,gBACf,cAAkB,UAASC,OAC3B,eAAgB,oBAElBC,KAAMC,KAAKC,UAAU,CAAEK,mBAMzB,OAAOI,GAGIC,EAAalB,MAAOY,EAAUO,KACzCnB,eAAeoB,IACb,MAAMC,QAAuBnB,MAAO,qCAAoCU,UAAiBO,IAAS,CAChGhB,OAAQ,MACRC,QAAS,CACP,cAAe,gBACf,cAAkB,UAASC,OAC3B,eAAgB,sBAGdiB,QAAmBD,EAAeZ,OAEnC,CAAC,SAAU,eAAec,SAASD,EAAWE,gBAK7C,IAAIC,QAAQC,GAAWC,WAAWD,EAAS,YAC3CN,WAEFA,IAEN,MAAMnB,QAAiBC,MAAO,qCAAoCU,aAAqB,CACrFT,OAAQ,MACRC,QAAS,CACP,cAAe,gBACf,cAAkB,UAASC,OAC3B,eAAgB,sBAIduB,QAAa3B,EAASQ,OAG5B,OAAOmB,EAAKA,KAAK,GAAGZ,QAAQ,GAAGa,KAAKpC,OC9EvB,OACfqC,WAAA,CACAC,mBAEAC,MAAA,CACArD,MAAA,CACAK,KAAAiD,OACAC,QAAA,aAEAC,YAAA,CACAnD,KAAAiD,OACAG,UAAA,IAGAR,OACA,OACAlC,YAAA,GACAb,gBAAA,GACA+B,SAAA,GACAhC,gBAAA,IAGA,gBACA,MAAAyD,EAAAC,aAAAC,QAAA,gBACAF,EAIA,KAAAzB,SAAAyB,GAHA,KAAAzB,eAAAb,IACAuC,aAAAE,QAAA,oBAAA5B,YAKA6B,QAAA,CACA,oBACA,MAAAC,EAAA,CAAA3B,KAAA,OAAAC,QAAA,KAAAtB,aACA,KAAAb,gBAAA8D,KAAAD,GACA,KAAAhD,YAAA,GACA,KAAAd,gBAAA,EACA,MAAAqB,QAAAU,EAAA,KAAAC,SAAA,KAAAuB,YAAAO,EAAA1B,UACAN,GAAAkC,SAAA3C,EAAAQ,OACAO,QAAAE,EAAA,KAAAN,SAAAgC,GACAC,EAAA,CAAA9B,KAAA,YAAAC,WACA,KAAAnC,gBAAA8D,KAAAE,GACA,KAAAjE,gBAAA,KC9CoX,I,YCOhXkE,EAAY,eACd,EACAzE,EACAyB,GACA,EACA,KACA,KACA,MAIa,aAAAgD,E,sEClBf,IAAIzE,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACuE,YAAY,WAAW,CAACvE,EAAG,MAAM,CAACuE,YAAY,kBAAkB,CAACvE,EAAG,QAAQ,CAACuE,YAAY,QAAQrE,MAAM,CAAC,IAAM,gBAAgB,CAACJ,EAAI0E,GAAG1E,EAAI2E,GAAG3E,EAAIK,UAAUH,EAAG,qBAAqB,CAACF,EAAI4E,GAAG,WAAU,WAAW,MAAO,CAAC1E,EAAG,IAAI,CAACF,EAAI0E,GAAG,8FAA8FxE,EAAG,IAAI,CAACF,EAAI0E,GAAG,mFAAkF,IAAI,GAAGxE,EAAG,KAAK,CAACuE,YAAY,mBAAmBrE,MAAM,CAAC,GAAK,YAAY,CAACJ,EAAI6E,GAAI7E,EAAI8E,aAAa,UAAS,KAAErC,EAAI,QAAEC,IAAW,OAAOxC,EAAG,KAAK,CAACY,IAAI4B,EAAQ+B,YAAY,UAAUM,MAAc,QAARtC,EAAiB,SAAW,eAAe,CAAEC,EAAQO,SAAS,aAAc/C,EAAG,UAAU,CAACuE,YAAY,eAAeO,SAAS,CAAC,UAAYhF,EAAI2E,GAAGjC,MAAYxC,EAAG,IAAI,CAACuE,YAAY,gBAAgB,CAACzE,EAAI0E,GAAG,IAAI1E,EAAI2E,GAAGjC,GAAS,YAAY1C,EAAIM,eAAgBJ,EAAG,KAAK,CAACuE,YAAY,uBAAuB,CAACzE,EAAIiF,GAAG,KAAKjF,EAAIkF,MAAM,GAAGhF,EAAG,QAAQ,CAACuE,YAAY,QAAQrE,MAAM,CAAC,YAAc,wBAAwB,KAAO,OAAO,GAAK,eAAe4E,SAAS,CAAC,MAAQhF,EAAImB,OAAOX,GAAG,CAAC,MAAQR,EAAImF,YAAY,MAAQ,SAAS1E,GAAQ,OAAOT,EAAIoF,MAAM,QAAS3E,EAAO4E,OAAOlE,cAErtCK,EAAkB,CAAC,WAAY,IAAIxB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,IAAI,CAACuE,YAAY,gBAAgB,CAACvE,EAAG,IAAI,CAACuE,YAAY,+BCF5H1E,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQ,GAAG,SAAW,cAAckF,YAAYtF,EAAIuF,GAAG,CAAC,CAACzE,IAAI,UAAU0E,GAAG,WAAW,MAAO,CAACtF,EAAG,MAAM,CAACuE,YAAY,mBAAmB,CAACzE,EAAI4E,GAAG,WAAU,WAAW,MAAO,CAAC5E,EAAI0E,GAAG,4CAA2C,KAAKe,OAAM,IAAO,MAAK,IAAO,CAACvF,EAAG,MAAM,CAACuE,YAAY,oBAAoB,CAACvE,EAAG,IAAI,CAACuE,YAAY,4BAEnZjD,EAAkB,G,YCCP,GACfgC,WAAA,CACAkC,qBCL0W,I,wBCQtWlB,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QChBA,GACfhB,WAAA,CACAmC,sBAEAjC,MAAA,CACAnD,gBAAA,CACAG,KAAAkF,MACAhC,YAAA,IAEAzC,MAAA,CAEAT,KAAAiD,OACAC,QAAA,IAEAvD,MAAA,CACAK,KAAAiD,OACAC,QAAA,WAEAtD,eAAA,CACAI,KAAAmF,QACAjC,SAAA,IAGAN,OACA,OACAlC,YAAA,GACA0E,iBAAA,EACAC,kBAAA,KAGAC,SAAA,CACAlB,cACA,YAAAvE,gBAAA0F,OAAAzD,GAAA,WAAAA,EAAAC,OAEAyD,eACA,YAAA3F,gBAAA0F,OAAAzD,GAAA,SAAAA,EAAAC,OAEA0D,YACA,YAAAC,OAAAC,QAAAC,aAAAC,QAAAnE,KAGA+B,QAAA,CACAgB,YAAAqB,GACA,KAAApB,MAAA,QAAAoB,GAEA,UAAAA,EAAA1F,KACA,KAAA2F,uBA6BAA,sBACA,MAAAC,EAAA,KAAAC,IAAAC,cAAA,YACA,KAAAC,UAAA,KACAH,EAAAI,SAAA,CACAC,IAAAL,EAAAM,aACAC,SAAA,gBCnFiX,ICQ7W,G,UAAY,eACd,EACAlH,EACAyB,GACA,EACA,KACA,WACA,OAIa,S,6CCnBf,IAAIzB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,SAAS,CAACuE,YAAY,SAASrE,MAAM,CAAC,SAAW,KAAKI,GAAG,CAAC,UAAYR,EAAIkH,OAAO,SAAWlH,EAAImH,MAAM,MAAQnH,EAAIoH,QAAQ,KAAOpH,EAAIqH,YAAY,CAACrH,EAAI4E,GAAG,WAAU,WAAW,MAAO,CAAC5E,EAAIiF,GAAG,OAAQjF,EAAIsH,cAAyNtH,EAAIkF,KAA9MhF,EAAG,MAAM,CAACuE,YAAY,KAAKM,MAAM,CAAE,KAAQ/E,EAAIuH,OAAQ,CAACvH,EAAI4E,GAAG,WAAU,WAAW,MAAO,CAAC1E,EAAG,MAAM,CAACuE,YAAY,cAAc,CAACzE,EAAI0E,GAAG,kBAAiB,CAAC,MAAQ1E,EAAIwH,MAAM,OAASxH,EAAIyH,cAAc,IAAa,IAE9ejG,EAAkB,CAAC,WAAY,IAAIxB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACuE,YAAY,2BAA2B,CAACzE,EAAI0E,GAAG,aCA3H,GACfhB,MAAA,CAEAgE,SAAA,CACAhH,KAAAiD,OACAC,QAAA,OAEA0D,cAAA,CACA5G,KAAAmF,QACAjC,SAAA,GAEA+D,IAAA,CACAjH,KAAAmF,QACAjC,SAAA,GAEAgE,MAAA,CACAlH,KAAAmF,QACAjC,SAAA,IAGAN,OACA,OACAmE,aAAA,KAAAE,IACAE,UAAA,KAAAH,SACAI,SAAA,IAGA9B,SAAA,CACAuB,OACA,YAAAE,YAAA,KAAAK,UAGAC,UACA,KAAAC,oBAEA7D,QAAA,CACA8D,mBAAAzB,GAEA,KAAAG,IAAAuB,SAAA1B,EAAAnB,SACA,KAAAmC,SAGAA,QACA,KAAAC,YAAA,EACAU,SAAAC,oBAAA,aAAAH,qBAEAZ,UAAAb,GACA,KAAAG,IAAAuB,SAAA1B,EAAA6B,iBACA,KAAAZ,YAAA,EACAU,SAAAC,oBAAA,aAAAH,sBAGAb,UACA,KAAAK,YACAU,SAAAG,iBAAA,aAAAL,oBAEA,KAAAR,YAAA,EACA,KAAAO,mBACA,KAAAO,yBAEArB,SACA,KAAAU,QACA,KAAAH,YAAA,EACA,KAAAO,mBACA,KAAAO,0BAGApB,QACA,KAAAS,QACA,KAAAH,YAAA,IAIAO,mBACA,MAAAQ,EAAA,KAAA7B,IAAAC,cAAA,OAGA,eAAAiB,WACAW,EAAAC,MAAA1B,IAAA,OACAyB,EAAAC,MAAAC,OAAA,OACAF,EAAAC,MAAAE,KAAA,MACAH,EAAAC,MAAAG,UAAA,sBACA,qBAAAf,WACAW,EAAAC,MAAA1B,IAAA,OACAyB,EAAAC,MAAAC,OAAA,OACAF,EAAAC,MAAAE,KAAA,OACAH,EAAAC,MAAAI,MAAA,OACAL,EAAAC,MAAAG,UAAA,sBACA,mBAAAf,WACAW,EAAAC,MAAA1B,IAAA,OACAyB,EAAAC,MAAAC,OAAA,OACAF,EAAAC,MAAAE,KAAA,OACAH,EAAAC,MAAAI,MAAA,OACAL,EAAAC,MAAAG,UAAA,uBAGA,YAAAf,WACAW,EAAAC,MAAA1B,IAAA,OACAyB,EAAAC,MAAAC,OAAA,OACAF,EAAAC,MAAAE,KAAA,MACAH,EAAAC,MAAAG,UAAA,sBACA,kBAAAf,WACAW,EAAAC,MAAA1B,IAAA,OACAyB,EAAAC,MAAAC,OAAA,OACAF,EAAAC,MAAAE,KAAA,OACAH,EAAAC,MAAAI,MAAA,OACAL,EAAAC,MAAAG,UAAA,sBACA,gBAAAf,WACAW,EAAAC,MAAA1B,IAAA,OACAyB,EAAAC,MAAAC,OAAA,OACAF,EAAAC,MAAAE,KAAA,OACAH,EAAAC,MAAAI,MAAA,OACAL,EAAAC,MAAAG,UAAA,uBAGA,aAAAf,WACAW,EAAAC,MAAA1B,IAAA,MACAyB,EAAAC,MAAAC,OAAA,OACAF,EAAAC,MAAAE,KAAA,OACAH,EAAAC,MAAAI,MAAA,OACAL,EAAAC,MAAAG,UAAA,sBACA,mBAAAf,WACAW,EAAAC,MAAA1B,IAAA,OACAyB,EAAAC,MAAAC,OAAA,OACAF,EAAAC,MAAAE,KAAA,OACAH,EAAAC,MAAAI,MAAA,OACAL,EAAAC,MAAAG,UAAA,sBACA,uBAAAf,WACAW,EAAAC,MAAA1B,IAAA,OACAyB,EAAAC,MAAAC,OAAA,OACAF,EAAAC,MAAAE,KAAA,OACAH,EAAAC,MAAAI,MAAA,OACAL,EAAAC,MAAAG,UAAA,mBACA,iBAAAf,WACAW,EAAAC,MAAA1B,IAAA,OACAyB,EAAAC,MAAAC,OAAA,OACAF,EAAAC,MAAAE,KAAA,OACAH,EAAAC,MAAAI,MAAA,OACAL,EAAAC,MAAAG,UAAA,uBACA,qBAAAf,WACAW,EAAAC,MAAA1B,IAAA,OACAyB,EAAAC,MAAAC,OAAA,OACAF,EAAAC,MAAAE,KAAA,OACAH,EAAAC,MAAAI,MAAA,OACAL,EAAAC,MAAAG,UAAA,mBAGA,cAAAf,WACAW,EAAAC,MAAA1B,IAAA,MACAyB,EAAAC,MAAAC,OAAA,OACAF,EAAAC,MAAAE,KAAA,OACAH,EAAAC,MAAAI,MAAA,OACAL,EAAAC,MAAAG,UAAA,sBACA,oBAAAf,WACAW,EAAAC,MAAA1B,IAAA,OACAyB,EAAAC,MAAAC,OAAA,OACAF,EAAAC,MAAAE,KAAA,OACAH,EAAAC,MAAAI,MAAA,OACAL,EAAAC,MAAAG,UAAA,sBACA,wBAAAf,WACAW,EAAAC,MAAA1B,IAAA,OACAyB,EAAAC,MAAAC,OAAA,OACAF,EAAAC,MAAAE,KAAA,OACAH,EAAAC,MAAAI,MAAA,OACAL,EAAAC,MAAAG,UAAA,mBACA,kBAAAf,WACAW,EAAAC,MAAA1B,IAAA,OACAyB,EAAAC,MAAAC,OAAA,OACAF,EAAAC,MAAAE,KAAA,OACAH,EAAAC,MAAAI,MAAA,OACAL,EAAAC,MAAAG,UAAA,uBACA,sBAAAf,YACAW,EAAAC,MAAA1B,IAAA,OACAyB,EAAAC,MAAAC,OAAA,OACAF,EAAAC,MAAAE,KAAA,OACAH,EAAAC,MAAAI,MAAA,OACAL,EAAAC,MAAAG,UAAA,oBAGAL,wBAEA,MAAAO,EAAAC,OAAAC,WAMAC,EAAA,KAAAtC,IAAAuC,wBACAC,EAAAF,EAAAH,MAEAM,EAAAH,EAAAN,KAQAH,EAAA,KAAA7B,IAAAC,cAAA,OACAyC,EAAAb,EAAAc,YAEA,KAAAzB,UAAA5E,SAAA,SACAmG,EAAAD,EAAAE,EAAA,IAAAP,IACA,KAAAjB,UAAA,eAKA0B,WAAApI,GACA,KAAA2G,QAAA3G,KCnNmW,I,wBCQ/VqD,EAAY,eACd,EACAzE,EACAyB,GACA,EACA,KACA,WACA,MAIa,OAAAgD,E,2CCnBf","file":"js/chunk-033348c2.2ec49878.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tooltip2Vue.vue?vue&type=style&index=0&id=11a3bd82&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TooltipExclamation.vue?vue&type=style&index=0&id=be3f056e&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('ChatLayout',{attrs:{\"title\":_vm.title,\"waitingMessage\":_vm.waitingMessage,\"historyMessages\":_vm.historyMessages},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.sendMessage.apply(null, arguments)}},model:{value:(_vm.userMessage),callback:function ($$v) {_vm.userMessage=$$v},expression:\"userMessage\"}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import {openIAKey} from './constKeys'\r\n\r\nexport const newThread = async () => {\r\n  const response = await fetch('https://api.openai.com/v1/threads', {\r\n    method: 'POST',\r\n    headers: {\r\n      'OpenAI-Beta': 'assistants=v1',\r\n      'Authorization': `Bearer ${openIAKey}`,\r\n      'Content-Type': 'application/json'\r\n    },\r\n    body: JSON.stringify({})\r\n  });\r\n\r\n  return (await response.json()).id;\r\n}\r\n\r\n\r\nexport const uploadMessage = async (threadId, assistant_id, message) => {\r\n  // return undefined\r\n  await fetch(`https://api.openai.com/v1/threads/${threadId}/messages`, {\r\n    method: 'POST',\r\n    headers: {\r\n      'OpenAI-Beta': 'assistants=v1',\r\n      'Authorization': `Bearer ${openIAKey}`,\r\n      'Content-Type': 'application/json'\r\n    },\r\n    body: JSON.stringify({\r\n      role: 'user',\r\n      content: message\r\n    })\r\n  });\r\n\r\n  const creationResponse = await fetch(`https://api.openai.com/v1/threads/${threadId}/runs`, {\r\n    method: 'POST',\r\n    headers: {\r\n      'OpenAI-Beta': 'assistants=v1',\r\n      'Authorization': `Bearer ${openIAKey}`,\r\n      'Content-Type': 'application/json'\r\n    },\r\n    body: JSON.stringify({ assistant_id })\r\n  });\r\n\r\n  // getThe response of assistant\r\n  // const creationData = await creationResponse.json();\r\n  // const runId = creationData.id;\r\n  return creationResponse\r\n}\r\n\r\nexport const getMessage = async (threadId, runId) => {\r\n  async function waiting() {\r\n    const statusResponse = await fetch(`https://api.openai.com/v1/threads/${threadId}/runs/${runId}`, {\r\n      method: 'GET',\r\n      headers: {\r\n        'OpenAI-Beta': 'assistants=v1',\r\n        'Authorization': `Bearer ${openIAKey}`,\r\n        'Content-Type': 'application/json'\r\n      }\r\n    });\r\n    const statusData = await statusResponse.json();\r\n\r\n    if (!['queued', 'in_progress'].includes(statusData.status)) {\r\n      // console.log('the status is:', statusData.status);\r\n      return;\r\n    }\r\n\r\n    await new Promise(resolve => setTimeout(resolve, 1000));\r\n    await waiting();\r\n  }\r\n  await waiting();\r\n\r\n  const response = await fetch(`https://api.openai.com/v1/threads/${threadId}/messages`, {\r\n    method: 'GET',\r\n    headers: {\r\n      'OpenAI-Beta': 'assistants=v1',\r\n      'Authorization': `Bearer ${openIAKey}`,\r\n      'Content-Type': 'application/json'\r\n    }\r\n  });\r\n  // console.log('response', response);\r\n  const data = await response.json();\r\n\r\n  // console.log(\"Data final: \", data);\r\n  return data.data[0].content[0].text.value;\r\n}\r\n","<script>\r\nimport ChatLayout from './ChatLayout.vue';\r\nimport { newThread, uploadMessage, getMessage } from './useAssistantAI'\r\n\r\nexport default {\r\n  components: {\r\n    ChatLayout\r\n  },\r\n  props: {\r\n    title: {\r\n      type: String,\r\n      default: 'Asistente'\r\n    },\r\n    assistantId: {\r\n      type: String,\r\n      required: true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      userMessage: '',\r\n      historyMessages: [],\r\n      threadId: '',\r\n      waitingMessage: false\r\n    }\r\n  },\r\n  async mounted() {\r\n    const savedThreadId = localStorage.getItem('threadIdPESV')\r\n    if (!savedThreadId) {\r\n      this.threadId = await newThread()\r\n      localStorage.setItem('threadIdPESV', this.threadId)\r\n    } else {\r\n      this.threadId = savedThreadId\r\n    }\r\n  },\r\n  methods: {\r\n    async sendMessage() {\r\n      const userMessageObj = { role: 'user', content: this.userMessage }\r\n      this.historyMessages.push(userMessageObj)\r\n      this.userMessage = ''\r\n      this.waitingMessage = true\r\n      const response = await uploadMessage(this.threadId, this.assistantId, userMessageObj.content)\r\n      const { id : resultId } = await response.json()\r\n      const content = await getMessage(this.threadId, resultId)\r\n      const systemMessageObj = { role: 'assistant', content }\r\n      this.historyMessages.push(systemMessageObj)\r\n      this.waitingMessage = false\r\n    }\r\n  }\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n  <ChatLayout \r\n    v-model=\"userMessage\"\r\n    :title=\"title\"\r\n    :waitingMessage=\"waitingMessage\"\r\n    :historyMessages=\"historyMessages\" \r\n    @keyup.enter=\"sendMessage\" />\r\n</template>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatAssistant.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatAssistant.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ChatAssistant.vue?vue&type=template&id=583d043a\"\nimport script from \"./ChatAssistant.vue?vue&type=script&lang=js\"\nexport * from \"./ChatAssistant.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"chatbot\"},[_c('div',{staticClass:\"header-chatbot\"},[_c('label',{staticClass:\"title\",attrs:{\"for\":\"userMessage\"}},[_vm._v(_vm._s(_vm.title))]),_c('TooltipExclamation',[_vm._t(\"default\",function(){return [_c('p',[_vm._v(\"Estoy preparado para responder preguntas específicas sobre los resultados de evaluación.\")]),_c('p',[_vm._v(\"Para un mejor rendimiento, te sugiero acotar la pregunta a una cantidad.\")])]})],2)],1),_c('ul',{staticClass:\"messages history\",attrs:{\"id\":\"history\"}},[_vm._l((_vm.showMessage),function({ role, content }){return _c('li',{key:content,staticClass:\"message\",class:role == 'user' ? 'm-user' : 'm-assistant'},[(content.includes('<article>'))?_c('article',{staticClass:\"message-text\",domProps:{\"innerHTML\":_vm._s(content)}}):_c('p',{staticClass:\"message-text\"},[_vm._v(\" \"+_vm._s(content)+\" \")])])}),(_vm.waitingMessage)?_c('li',{staticClass:\"message m-assistant\"},[_vm._m(0)]):_vm._e()],2),_c('input',{staticClass:\"input\",attrs:{\"placeholder\":\"Ingresa tu mensaje...\",\"type\":\"text\",\"id\":\"userMessage\"},domProps:{\"value\":_vm.value},on:{\"keyup\":_vm.handleKeyup,\"input\":function($event){return _vm.$emit('input', $event.target.value)}}})])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"message-text\"},[_c('i',{staticClass:\"fas fa-spinner fa-spin\"})])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Tooltip2Vue',{attrs:{\"hover\":\"\",\"position\":\"bottom-end\"},scopedSlots:_vm._u([{key:\"tooltip\",fn:function(){return [_c('div',{staticClass:\"wrapper-tooltip\"},[_vm._t(\"default\",function(){return [_vm._v(\" Este es un mensaje de advertencia \")]})],2)]},proxy:true}],null,true)},[_c('div',{staticClass:\"icon-exclamation\"},[_c('i',{staticClass:\"fas fa-exclamation\"})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport Tooltip2Vue from '@/components/Tooltip2Vue/Tooltip2Vue.vue'\r\n\r\nexport default {\r\n  components: {\r\n    Tooltip2Vue\r\n  }\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n  <Tooltip2Vue hover position=\"bottom-end\">\r\n    <div class=\"icon-exclamation\">\r\n      <i class=\"fas fa-exclamation\"></i>\r\n    </div>\r\n    <template v-slot:tooltip>\r\n      <div class=\"wrapper-tooltip\">\r\n        <slot>\r\n          Este es un mensaje de advertencia\r\n        </slot>\r\n      </div>\r\n    </template>\r\n  </Tooltip2Vue>\r\n</template>\r\n\r\n<style scoped>\r\n.icon-exclamation {\r\n  border-radius: 50%;\r\n  border: solid 1px rgb(129, 129, 129);\r\n  text-align: center;\r\n  height: 20px;\r\n  width: 20px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  font-weight: 900;\r\n  color: silver;\r\n}\r\n\r\n.wrapper-tooltip {\r\n  background-color: #141414;\r\n  box-shadow: 0 0.5rem 5rem 2rem rgba(0, 0, 0, 1);\r\n  padding: .5rem;\r\n  text-align: start;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TooltipExclamation.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TooltipExclamation.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TooltipExclamation.vue?vue&type=template&id=be3f056e&scoped=true\"\nimport script from \"./TooltipExclamation.vue?vue&type=script&lang=js\"\nexport * from \"./TooltipExclamation.vue?vue&type=script&lang=js\"\nimport style0 from \"./TooltipExclamation.vue?vue&type=style&index=0&id=be3f056e&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  \"be3f056e\",\n  null\n  \n)\n\nexport default component.exports","<script>\r\nimport TooltipExclamation from '@/components/assistant/TooltipExclamation.vue'\r\n\r\nexport default {\r\n  components: {\r\n    TooltipExclamation\r\n  },\r\n  props: {\r\n    historyMessages: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    value: {\r\n      // userMessage\r\n      type: String,\r\n      default: ''\r\n    },\r\n    title: {\r\n      type: String,\r\n      default: 'Chatbot'\r\n    },\r\n    waitingMessage: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      userMessage: '',\r\n      indexHistoryTool: 0,\r\n      userMessageBackup: ''\r\n    }\r\n  },\r\n  computed: {\r\n    showMessage() {\r\n      return this.historyMessages.filter(message => message.role !== 'system')\r\n    },\r\n    userMessages() {\r\n      return this.historyMessages.filter(message => message.role === 'user')\r\n    },\r\n    empresaId() {\r\n      return this.$store.getters.userLoggedIn.empresa.id\r\n    }\r\n  },\r\n  methods: {\r\n    handleKeyup(ev) {\r\n      this.$emit('keyup', ev )\r\n\r\n      if( ev.key === 'Enter' ) {\r\n        this.scrollSmoothHistory()\r\n      }\r\n\r\n      \r\n      // const auxIndex = this.indexHistoryTool\r\n\r\n      // if (ev.key === 'Enter') {\r\n      //   this.sendMessage()\r\n      // } else if (ev.key === 'ArrowUp') {\r\n      //   this.indexHistoryTool += this.indexHistoryTool < this.userMessages.length ? 1 : 0\r\n      //   // guarda el mensaje actual en un backup. si cambia de 0\r\n\r\n\r\n      // } else if (ev.key === 'ArrowDown') {\r\n      //   this.indexHistoryTool += this.indexHistoryTool > 0 ? -1 : 0\r\n\r\n      // } else if (ev.key === 'Escape') {\r\n      //   this.indexHistoryTool = 0\r\n      // }\r\n\r\n      // if (auxIndex === 0 && this.indexHistoryTool > 0) {\r\n      //   this.userMessageBackup = this.userMessage\r\n      // } else if (this.indexHistoryTool === 0 && auxIndex > 0) {\r\n      //   this.userMessage = this.userMessageBackup\r\n      // } else {\r\n      //   this.userMessage = this.userMessages[this.userMessages.length - this.indexHistoryTool].content\r\n      // }\r\n\r\n    },\r\n    scrollSmoothHistory() {\r\n      const chat = this.$el.querySelector('#history')\r\n      this.$nextTick(() => {\r\n        chat.scrollTo({\r\n          top: chat.scrollHeight,\r\n          behavior: 'smooth'\r\n        });\r\n      })\r\n    }\r\n  }\r\n}\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n  <section class=\"chatbot\">\r\n    <div class=\"header-chatbot\">\r\n      <label for=\"userMessage\" class=\"title\">{{ title }}</label>\r\n      <TooltipExclamation>\r\n        <slot>\r\n          <p>Estoy preparado para responder preguntas específicas sobre los resultados de evaluación.</p>\r\n          <p>Para un mejor rendimiento, te sugiero acotar la pregunta a una cantidad.</p>\r\n        </slot>\r\n      </TooltipExclamation>\r\n    </div>\r\n    <ul class=\"messages history\" id=\"history\">\r\n      <li v-for=\"{ role, content } in showMessage\" :key=\"content\" class=\"message\"\r\n        :class=\"role == 'user' ? 'm-user' : 'm-assistant'\">\r\n        <article v-if=\"content.includes('<article>')\" v-html=\"content\" class=\"message-text\"></article>\r\n        <p v-else class=\"message-text\">\r\n          {{ content }}\r\n        </p>\r\n      </li>\r\n      <li v-if=\"waitingMessage\" class=\"message m-assistant\">\r\n        <p class=\"message-text\">\r\n          <i class=\"fas fa-spinner fa-spin\"></i>\r\n        </p>\r\n      </li>\r\n    </ul>\r\n    <input \r\n    placeholder=\"Ingresa tu mensaje...\" \r\n    class=\"input\"\r\n    @keyup=\"handleKeyup\" \r\n    type=\"text\" id=\"userMessage\"\r\n    :value=\"value\"\r\n    @input=\"$emit('input', $event.target.value)\">\r\n  </section>\r\n</template>\r\n\r\n<style scoped>\r\n.chatbot {\r\n  background-color: #050505;\r\n  overflow-y: auto;\r\n  padding: 1rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n}\r\n\r\n.header-chatbot {\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.chatbot .title {\r\n  font-size: 1rem;\r\n  text-transform: uppercase;\r\n  text-align: center;\r\n  margin: 0;\r\n}\r\n\r\n.messages {\r\n  flex: 1;\r\n  overflow: auto;\r\n  padding: 0;\r\n}\r\n\r\n.message {\r\n  list-style: none;\r\n  margin: .25rem 0;\r\n  padding: .5rem .25rem;\r\n\r\n}\r\n\r\n\r\n.m-user {\r\n  display: flex;\r\n  flex-direction: row-reverse;\r\n\r\n}\r\n\r\n.m-assistant {\r\n  display: flex;\r\n  flex-direction: row;\r\n}\r\n\r\n.message-text {\r\n  padding: .25rem 1rem;\r\n  border-radius: 0.5rem;\r\n}\r\n\r\n.m-user .message-text {\r\n  border: solid 1px rgb(129, 129, 129);\r\n  max-width: 95%;\r\n}\r\n\r\n.m-assistant .message-text {\r\n  background-color: #1c1c1c;\r\n  border: solid 1px #050505;\r\n  max-width: 95%;\r\n}\r\n\r\n.input {\r\n  border: solid 1px #050505;\r\n  padding: .5rem;\r\n  margin-top: 1rem;\r\n  border-radius: .5rem;\r\n  font-size: 1rem;\r\n  background-color: #1c1c1c;\r\n  color: #fff;\r\n  margin-bottom: .5rem;\r\n}\r\n\r\n.header-chatbot {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatLayout.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatLayout.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ChatLayout.vue?vue&type=template&id=6d56cc3b&scoped=true\"\nimport script from \"./ChatLayout.vue?vue&type=script&lang=js\"\nexport * from \"./ChatLayout.vue?vue&type=script&lang=js\"\nimport style0 from \"./ChatLayout.vue?vue&type=style&index=0&id=6d56cc3b&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  \"6d56cc3b\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('button',{staticClass:\"popper\",attrs:{\"tabindex\":\"0\"},on:{\"mouseover\":_vm.onOver,\"mouseout\":_vm.onOut,\"focus\":_vm.onFocus,\"blur\":_vm.closeBlur}},[_vm._t(\"default\",function(){return [_vm._m(0)]}),(!_vm.deleteTooltip)?_c('div',{staticClass:\"tp\",class:{ 'show': _vm.show }},[_vm._t(\"tooltip\",function(){return [_c('div',{staticClass:\"tp-default\"},[_vm._v(\" tooltip \")])]},{\"close\":_vm.close,\"isShow\":_vm.nativeShow})],2):_vm._e()],2)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"btn btn-outline-primary\"},[_vm._v(\"div\")])])\n}]\n\nexport { render, staticRenderFns }","<script>\r\n\r\nexport default {\r\n  props: {\r\n    // array\r\n    position: {\r\n      type: String,\r\n      default: 'top'\r\n    },\r\n    deleteTooltip: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    dev: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    hover: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      nativeShow: this.dev ? true : false,\r\n      placement: this.position,\r\n      outShow: false\r\n    };\r\n  },\r\n  computed: {\r\n    show() {\r\n      return this.nativeShow || this.outShow\r\n    }\r\n  },\r\n  mounted() {\r\n    this.setBasicPosition()\r\n  },\r\n  methods: {\r\n    handleDocumentBody( ev ) {\r\n      // console.log(ev);\r\n      if( !this.$el.contains(ev.target)) {\r\n        this.close()\r\n      }\r\n    },\r\n    close() {\r\n      this.nativeShow = false\r\n      document.removeEventListener('click', this.handleDocumentBody)\r\n    },\r\n    closeBlur(ev) {\r\n      if( this.$el.contains(ev.relatedTarget) ) return      \r\n      this.nativeShow = false\r\n      document.removeEventListener('click', this.handleDocumentBody)\r\n    },\r\n\r\n    onFocus() {\r\n      if( !this.nativeShow ) {\r\n        document.addEventListener('click', this.handleDocumentBody)\r\n      }\r\n      this.nativeShow = true\r\n      this.setBasicPosition()\r\n      this.setResponsivePosition()\r\n    },\r\n    onOver() {\r\n      if( this.hover ) {\r\n        this.nativeShow = true\r\n        this.setBasicPosition()\r\n        this.setResponsivePosition()\r\n      }\r\n    },\r\n    onOut() {\r\n      if( this.hover ) {\r\n        this.nativeShow = false\r\n      }\r\n    },\r\n\r\n    setBasicPosition() {\r\n      const tp = this.$el.querySelector('.tp')\r\n\r\n      // default\r\n      if( this.placement == 'bottom' ) {\r\n        tp.style.top = '105%'\r\n        tp.style.bottom = 'auto'\r\n        tp.style.left = '50%'\r\n        tp.style.transform = 'translate(-50%, 0)'\r\n      } else if( this.placement == 'bottom-start') {\r\n        tp.style.top = '105%'\r\n        tp.style.bottom = 'auto'\r\n        tp.style.left = 'auto'\r\n        tp.style.right = '100%'\r\n        tp.style.transform = 'translate(100%, 0)'\r\n      } else if( this.placement == 'bottom-end') {\r\n        tp.style.top = '105%'\r\n        tp.style.bottom = 'auto'\r\n        tp.style.left = '100%'\r\n        tp.style.right = 'auto'\r\n        tp.style.transform = 'translate(-100%, 0)'\r\n      } \r\n      \r\n      else if( this.placement == 'top' ) {\r\n        tp.style.top = 'auto'\r\n        tp.style.bottom = '105%'\r\n        tp.style.left = '50%'\r\n        tp.style.transform = 'translate(-50%, 0)'\r\n      } else if( this.placement == 'top-start') {\r\n        tp.style.top = 'auto'\r\n        tp.style.bottom = '105%'\r\n        tp.style.left = 'auto'\r\n        tp.style.right = '100%'\r\n        tp.style.transform = 'translate(100%, 0)'\r\n      } else if( this.placement == 'top-end') {\r\n        tp.style.top = 'auto'\r\n        tp.style.bottom = '105%'\r\n        tp.style.left = '100%'\r\n        tp.style.right = 'auto'\r\n        tp.style.transform = 'translate(-100%, 0)'\r\n      } \r\n      \r\n      else if( this.placement == 'left' ) {\r\n        tp.style.top = '50%'\r\n        tp.style.bottom = 'auto'\r\n        tp.style.left = 'auto'\r\n        tp.style.right = '105%'\r\n        tp.style.transform = 'translate(0, -50%)'\r\n      } else if( this.placement == 'left-start') {\r\n        tp.style.top = 'auto'\r\n        tp.style.bottom = '100%'\r\n        tp.style.left = 'auto'\r\n        tp.style.right = '105%'\r\n        tp.style.transform = 'translate(0, 100%)'\r\n      } else if( this.placement == 'left-start-out') {\r\n        tp.style.top = 'auto'\r\n        tp.style.bottom = '100%'\r\n        tp.style.left = 'auto'\r\n        tp.style.right = '105%'\r\n        tp.style.transform = 'translate(0, 0)'\r\n      } else if( this.placement == 'left-end') {\r\n        tp.style.top = '100%'\r\n        tp.style.bottom = 'auto'\r\n        tp.style.left = 'auto'\r\n        tp.style.right = '105%'\r\n        tp.style.transform = 'translate(0, -100%)'\r\n      } else if( this.placement == 'left-end-out') {\r\n        tp.style.top = '100%'\r\n        tp.style.bottom = 'auto'\r\n        tp.style.left = 'auto'\r\n        tp.style.right = '105%'\r\n        tp.style.transform = 'translate(0, 0)'\r\n      } \r\n      \r\n      else if( this.placement == 'right' ) {\r\n        tp.style.top = '50%'\r\n        tp.style.bottom = 'auto'\r\n        tp.style.left = '105%'\r\n        tp.style.right = 'auto'\r\n        tp.style.transform = 'translate(0, -50%)'\r\n      } else if( this.placement == 'right-start') {\r\n        tp.style.top = 'auto'\r\n        tp.style.bottom = '100%'\r\n        tp.style.left = '105%'\r\n        tp.style.right = 'auto'\r\n        tp.style.transform = 'translate(0, 100%)'\r\n      } else if( this.placement == 'right-start-out') {\r\n        tp.style.top = 'auto'\r\n        tp.style.bottom = '100%'\r\n        tp.style.left = '105%'\r\n        tp.style.right = 'auto'\r\n        tp.style.transform = 'translate(0, 0)'\r\n      } else if( this.placement == 'right-end') {\r\n        tp.style.top = '100%'\r\n        tp.style.bottom = 'auto'\r\n        tp.style.left = '105%'\r\n        tp.style.right = 'auto'\r\n        tp.style.transform = 'translate(0, -100%)'\r\n      } else if( this.placement == 'right-end-out') {\r\n        tp.style.top = '100%'\r\n        tp.style.bottom = 'auto'\r\n        tp.style.left = '105%'\r\n        tp.style.right = 'auto'\r\n        tp.style.transform = 'translate(0, 0)'\r\n      }\r\n    },\r\n    setResponsivePosition() {\r\n      // salvamos el ancho de la pantalla \r\n      const width = window.innerWidth\r\n      // const height = window.innerHeight\r\n      // console.log('width', width, 'height', height);\r\n\r\n      // salvamos la posicion del componente y su tamaño\r\n\r\n      const rect = this.$el.getBoundingClientRect()\r\n      const wPop = rect.width\r\n      // const top = rect.top\r\n      const relativeLeft = rect.left\r\n      // const top = rect.top + window.scrollY\r\n      // const left = rect.left + window.scrollX\r\n      // console.log('top', top, 'left', relativeLeft);\r\n      // console.log('rect', rect);\r\n\r\n      // salvamos el tamaño del tooltip que tiene la clase tp\r\n\r\n      const tp = this.$el.querySelector('.tp')\r\n      const wtp = tp.offsetWidth\r\n\r\n      if( !this.placement.includes('left') ) {\r\n        if (relativeLeft + wPop + wtp / 2 + 5 > width) {\r\n          this.placement = 'bottom-end'\r\n        }\r\n      }\r\n\r\n    },\r\n    setOutShow( value ) {\r\n      this.outShow = value\r\n    },\r\n  }\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n  <button @mouseover=\"onOver\" @mouseout=\"onOut\" @focus=\"onFocus\" @blur=\"closeBlur\" tabindex=\"0\" class=\"popper\" >\r\n    <slot>\r\n      <div>\r\n        <div class=\"btn btn-outline-primary \">div</div>\r\n      </div>\r\n    </slot>\r\n    <div :class=\"{ 'show': show }\" class=\"tp\" v-if=\"!deleteTooltip\">\r\n      <slot name=\"tooltip\" :close=\"close\" :isShow=\"nativeShow\">\r\n        <div class=\"tp-default\">\r\n          tooltip\r\n        </div>\r\n      </slot>\r\n    </div>\r\n  </button>\r\n</template>\r\n\r\n<style scoped>\r\n.popper {\r\n  position: relative;\r\n  border: none;\r\n  padding: 0;\r\n  background: transparent;\r\n}\r\n\r\n.tp {\r\n  visibility: hidden;\r\n  position: absolute;\r\n  width: max-content;\r\n  max-width: 320px;\r\n  opacity: 0;\r\n  border-radius: 0.25rem;\r\n  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);\r\n  z-index: 100000;\r\n  transition: .3s ease-in-out;\r\n  cursor: auto;\r\n}\r\n\r\n.tp.show {\r\n  visibility: visible;\r\n  opacity: 1;\r\n  background-color: var(--lego-bg);\r\n  color: silver;\r\n}\r\n\r\n.tp-default {\r\n  padding: 0.5rem;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tooltip2Vue.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tooltip2Vue.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Tooltip2Vue.vue?vue&type=template&id=11a3bd82&scoped=true\"\nimport script from \"./Tooltip2Vue.vue?vue&type=script&lang=js\"\nexport * from \"./Tooltip2Vue.vue?vue&type=script&lang=js\"\nimport style0 from \"./Tooltip2Vue.vue?vue&type=style&index=0&id=11a3bd82&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  \"11a3bd82\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatLayout.vue?vue&type=style&index=0&id=6d56cc3b&prod&scoped=true&lang=css\""],"sourceRoot":""}