{"version":3,"sources":["webpack:///./src/components/cardTable/CardTable.vue","webpack:///src/components/cardTable/CardTable.vue","webpack:///./src/components/cardTable/CardTable.vue?7201","webpack:///./src/components/cardTable/CardTable.vue?87e8","webpack:///./src/views/Helexium/Market/Market.vue","webpack:///src/views/Helexium/Market/Market.vue","webpack:///./src/views/Helexium/Market/Market.vue?ad8d","webpack:///./src/views/Helexium/Market/Market.vue?6107","webpack:///./src/components/cardTable/CardTable.vue?b3fb","webpack:///./src/views/Helexium/Market/Market.vue?0548"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","_l","data","card","index","key","style","boxShadow","activeCard","color","on","$event","showCursorGlow","hideCursorGlow","event","handleMouseMove","toggleActive","showGlow","left","cursorX","top","cursorY","glowStyle","opacity","_e","class","width","height","backgroundColor","computeBorderRadius","tipo","iconName","computeAnimateIcon","animated","animatedState","shouldAnimateTitle","_v","_s","title","evaluateValue","value","staticRenderFns","props","type","Array","default","onActivate","onDeactivate","animationFrameId","beat","beatFade","bounce","fade","flip","shake","spin","spinReverse","spinPulse","tipoIcon","circle","squared","shield","water","mounted","onResize","window","addEventListener","beforeDestroy","removeEventListener","methods","forEach","_","checkTitleLength","$nextTick","titleElement","$el","querySelectorAll","scrollWidth","clientWidth","$set","rect","currentTarget","getBoundingClientRect","targetX","clientX","targetY","clientY","cancelAnimationFrame","animate","startX","startY","dx","dy","Math","abs","requestAnimationFrame","component","attrs","dataCards","directives","name","rawName","searchBeneficios","expression","domProps","target","composing","model","filterBeneficios","callback","$$v","r","filterShowBeneficios","beneficio","id","scopedSlots","_u","fn","categoria","nombre","visibilidadAreaId","proxy","_beneficio$imagenPrev","imagenPreview","descripcion","coins","stock","canjes","totalCoins","handleModalOpen","closedModalTicket","dataCanje","$moment","tz","Date","format","qrUrl","Swal","require","components","CardTable","persona","filterCategorias","listaItems","categoriaId","createdAt","responsableId","estado","personaUbicacion","area","$isLoading","JSON","parse","localStorage","getItem","getPersonaUbicacion","getData","mapMutations","setTotalCoins","setTotalCanjes","updateTotalCoins","newValue","updateTotalCanjes","item","newCanje","BeneficioId","Beneficio","PersonaId","AreaId","Categoria","Coins","String","Fecha","res","$store","dispatch","path","success","$vs","notification","progress","icon","position","result","indexOf","totalCanjes","error","datos","apiEndpoint","queryParams","encodeURIComponent","fire","text","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","cancelButtonText","then","isConfirmed","generarQR","$bvModal","show","addCanjesLog","hide","showFilterDataCards","list","from","Set","map","filter","slice","toLowerCase","beneficioId","personaId","cargo","computed","mapGetters","getTotalCoins","getTotalCanjes","includes"],"mappings":"oKAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,6BAA6BC,YAAY,CAAC,IAAM,SAASL,EAAIM,GAAIN,EAAIO,MAAM,SAASC,EAAKC,GAAO,OAAOP,EAAG,MAAM,CAACQ,IAAID,EAAML,YAAY,wGAAwGO,MAAO,CACzUC,UACEZ,EAAIa,aAAeJ,EAAS,mBAAkBD,EAAKM,MAAU,QAC9DC,GAAG,CAAC,WAAa,SAASC,GAAQ,OAAOhB,EAAIiB,eAAeR,IAAQ,WAAa,SAASO,GAAQ,OAAOhB,EAAIkB,eAAeT,IAAQ,UAAaU,GAAUnB,EAAIoB,gBAAgBD,EAAOV,GAAO,MAAQ,SAASO,GAAQ,OAAOhB,EAAIqB,aAAaZ,MAAU,CAAET,EAAIsB,SAAUpB,EAAG,MAAM,CAACE,YAAY,cAAcO,MAAO,CAClTY,KAAMvB,EAAIwB,QAAQf,GAAS,KAC3BgB,IAAKzB,EAAI0B,QAAQjB,GAAS,QACvBT,EAAI2B,UAAUnB,EAAKM,OACtBc,QAAS5B,EAAIsB,SAASb,GAAS,IAAM,OAClCT,EAAI6B,KAAK3B,EAAG,MAAM,CAAC4B,MAAO,mDAAkDnB,MAAO,CACtFoB,MAAO,OACPC,OAAQ,OACRC,gBAAiBzB,EAAKM,MACtB,gBAAiBd,EAAIkC,oBAAoB1B,EAAK2B,MAC9C,qBAAuB,sBAAqB3B,EAAKM,MACjD,kBAAoB,sBAAqBN,EAAKM,MAC9C,aAAe,sBAAqBN,EAAKM,QACvC,CAACZ,EAAG,IAAI,CAAC4B,MAAO,UAAStB,EAAK4B,YAAYpC,EAAIqC,mBAC9C7B,EAAK8B,SACL7B,KACEJ,YAAY,CAAC,YAAY,cAAcH,EAAG,MAAM,CAACE,YAAY,wCAAwCC,YAAY,CAAC,YAAY,IAAI,YAAY,sBAAsB,CAACH,EAAG,MAAM,CAAC4B,MAAO,mBAAkB,CAAC5B,EAAG,OAAO,CAACE,YAAY,mBAAmB0B,MAAM,CACzP9B,EAAIsB,SAASb,IACbT,EAAIuC,cAAc9B,IAClBT,EAAIwC,mBAAmB/B,GACnB,gBACA,iBACH,CAACT,EAAIyC,GAAG,IAAIzC,EAAI0C,GAAGlC,EAAKmC,OAAO,SAASzC,EAAG,OAAO,CAACE,YAAY,mBAAmBC,YAAY,CAAC,YAAY,SAAS,CAACL,EAAIyC,GAAGzC,EAAI0C,GAAG1C,EAAI4C,cAAcpC,EAAKqC,kBAAiB,IAEpLC,EAAkB,GC+CP,GAgCfC,MAAA,CAcAxC,KAAA,CACAyC,KAAAC,MACAC,YAAA,CACA,CACAP,MAAA,SACAE,MAAA,EACAT,SAAA,QACAtB,MAAA,uBACAqB,KAAA,SACAG,SAAA,QACAa,WAAA,KACAC,aAAA,SAKA7C,OACA,OACAe,SAAA,GACAE,QAAA,GACAE,QAAA,GACA2B,iBAAA,GACAd,cAAA,GACA1B,WAAA,KACA2B,mBAAA,GACAF,SAAA,CACAgB,KAAA,UACAC,SAAA,eACAC,OAAA,YACAC,KAAA,UACAC,KAAA,UACAC,MAAA,WACAC,KAAA,UACAC,YAAA,0BACAC,UAAA,iBAEAC,SAAA,CACAC,OAAA,MACAC,QAAA,MACAC,OAAA,oCACAC,MAAA,uCASAC,UACA,KAAAC,WACAC,OAAAC,iBAAA,cAAAF,WAEAG,gBACAF,OAAAG,oBAAA,cAAAJ,WAEAK,QAAA,CACAL,WACA,KAAA9D,KAAAoE,QAAA,CAAAC,EAAAnE,KACA,KAAAoE,iBAAApE,MAGAoE,iBAAApE,GACA,KAAAqE,UAAA,KACA,MAAAC,EAAA,KAAAC,IAAAC,iBAAA,yBACAxE,GAEAsE,IAIAA,EAAAG,YAAAH,EAAAI,YACA,KAAAC,KAAA,KAAA5C,mBAAA/B,GAAA,GAEA,KAAA2E,KAAA,KAAA5C,mBAAA/B,GAAA,OAKAY,aAAAZ,GAEA,YAAAI,YAAA,KAAAA,aAAAJ,GACA,yBAAAF,KAAA,KAAAM,YAAAuC,cACA,KAAA7C,KAAA,KAAAM,YAAAuC,eAKA,KAAAvC,WAAA,KAAAA,aAAAJ,EAAA,KAAAA,EAGA,YAAAI,WACA,yBAAAN,KAAA,KAAAM,YAAAsC,YACA,KAAA5C,KAAA,KAAAM,YAAAsC,aAGA,yBAAA5C,KAAAE,GAAA2C,cACA,KAAA7C,KAAAE,GAAA2C,gBAIAlB,oBAAAC,GACA,YAAA4B,SAAA5B,IAAA,mBAEAE,mBAAAF,EAAA1B,GACA,QAAA8B,cAAA9B,GACA,YAAA6B,SAAAH,IAAA,IAGAS,cAAAC,GACA,0BAAAA,EACAA,IAEAA,GAEAlB,UAAAb,GACA,OACAF,UAAA,iBAAAE,IAGAM,gBAAAD,EAAAV,GACA,MAAA4E,EAAAlE,EAAAmE,cAAAC,wBACAC,EAAArE,EAAAsE,QAAAJ,EAAA9D,KACAmE,EAAAvE,EAAAwE,QAAAN,EAAA5D,IAGA,KAAA4B,iBAAA5C,IACAmF,qBAAA,KAAAvC,iBAAA5C,IAIA,MAAAoF,OACA,MAAAC,EAAA,KAAAtE,QAAAf,IAAA,EACAsF,EAAA,KAAArE,QAAAjB,IAAA,EACAuF,EAAA,IAAAR,EAAAM,GACAG,EAAA,IAAAP,EAAAK,GAEA,KAAAX,KAAA,KAAA5D,QAAAf,EAAAqF,EAAAE,GACA,KAAAZ,KAAA,KAAA1D,QAAAjB,EAAAsF,EAAAE,IAEAC,KAAAC,IAAAH,GAAA,IAAAE,KAAAC,IAAAF,GAAA,MAEA,KAAA5C,iBAAA5C,GAAA2F,sBAAAP,KAKA,KAAAxC,iBAAA5C,GAAA2F,sBAAAP,IAEA5E,eAAAR,GACA,KAAA2E,KAAA,KAAA7C,cAAA9B,GAAA,GACA,KAAA2E,KAAA,KAAA9D,SAAAb,GAAA,IAEAS,eAAAT,GACA,KAAA2E,KAAA,KAAA7C,cAAA9B,GAAA,GACA,KAAA2E,KAAA,KAAA9D,SAAAb,GAAA,MCnRiW,I,wBCQ7V4F,EAAY,eACd,EACAtG,EACA+C,GACA,EACA,KACA,WACA,MAIa,OAAAuD,E,kDCnBf,IAAItG,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,SAAS,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,MAAMC,YAAY,CAAC,IAAM,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,YAAY,CAACoG,MAAM,CAAC,KAAOtG,EAAIuG,cAAc,KAAKrG,EAAG,MAAM,CAACE,YAAY,yDAAyD,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,QAAQ,CAACsG,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAU7D,MAAO7C,EAAI2G,iBAAkBC,WAAW,qBAAqBxG,YAAY,eAAekG,MAAM,CAAC,GAAK,cAAc,KAAO,SAAS,YAAc,iCAAiCO,SAAS,CAAC,MAAS7G,EAAI2G,kBAAmB5F,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAO8F,OAAOC,YAAiB/G,EAAI2G,iBAAiB3F,EAAO8F,OAAOjE,WAAU3C,EAAG,YAAY,CAACE,YAAY,mDAAmDkG,MAAM,CAAC,OAAS,GAAG,KAAO,GAAG,GAAK,cAAc,KAAO,WAAW,CAACpG,EAAG,IAAI,CAACE,YAAY,6BAA6B,KAAKF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,2DAA2DC,YAAY,CAAC,IAAM,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,YAAY,CAACoG,MAAM,CAAC,YAAc,WAAWU,MAAM,CAACnE,MAAO7C,EAAIiH,iBAAkBC,SAAS,SAAUC,GAAMnH,EAAIiH,iBAAiBE,GAAKP,WAAW,qBAAqB,CAAC1G,EAAG,YAAY,CAACoG,MAAM,CAAC,MAAQ,QAAQ,MAAQ,UAAU,CAACtG,EAAIyC,GAAG,aAAavC,EAAG,YAAY,CAACoG,MAAM,CAAC,MAAQ,WAAW,MAAQ,YAAY,CAACtG,EAAIyC,GAAG,gBAAgBvC,EAAG,YAAY,CAACoG,MAAM,CAAC,MAAQ,UAAU,MAAQ,SAAS,CAACtG,EAAIyC,GAAG,gBAAgB,IAAI,GAAGvC,EAAG,MAAM,CAACE,YAAY,MAAMC,YAAY,CAAC,IAAM,WAAW,CAACH,EAAG,YAAY,CAACE,YAAY,iBAAiBkG,MAAM,CAAC,KAAO,QAAQ,QAAU,GAAG,SAAW,GAAG,GAAK,yBAAyB,CAACpG,EAAG,IAAI,CAACE,YAAY,gBAAgBJ,EAAIyC,GAAG,8BAA8BzC,EAAIM,GAAI,GAAG,SAAS8G,GAAG,OAAOlH,EAAG,MAAM,CAACQ,IAAI0G,EAAEhH,YAAY,8BAA8B,CAACF,EAAG,YAAY,CAACE,YAAY,cAAckG,MAAM,CAAC,OAAS,GAAG,KAAO,KAAK,CAACpG,EAAG,IAAI,CAACE,YAAY,uBAAuBF,EAAG,KAAK,CAACE,YAAY,+BAA+B,CAACJ,EAAIyC,GAAG,mCAAmCvC,EAAG,QAAQ,CAACE,YAAY,iBAAiB,CAACJ,EAAIyC,GAAG,kIAAkI,OAAM,KAAKvC,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,mEAAmEC,YAAY,CAAC,IAAM,SAASL,EAAIM,GAAIN,EAAIqH,sBAAsB,SAASC,GAAW,OAAOpH,EAAG,UAAU,CAACQ,IAAI4G,EAAUC,GAAGjB,MAAM,CAAC,GAAM,WAAUgB,EAAUC,IAAMC,YAAYxH,EAAIyH,GAAG,CAAC,CAAC/G,IAAI,QAAQgH,GAAG,WAAW,MAAO,CAACxH,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,YAAY,CAACE,YAAY,kBAAkBkG,MAAM,CAAC,KAAO,GAAG,QAAU,GAAG,KAAO,SAAS,CAACtG,EAAIyC,GAAG,IAAIzC,EAAI0C,GAAG4E,EAAUK,UAAUC,QAAQ,OAAO1H,EAAG,YAAY,CAACoG,MAAM,CAAC,KAAO,GAAG,OAAS,GAAG,KAAO,KAAK,OAAyC,OAAhCgB,EAAUO,kBAA2B,QAA0C,OAAhCP,EAAUO,oBAA6B,CAAC3H,EAAG,IAAI,CAAC4B,MAAO,QAC18F,OAAhCwF,EAAUO,kBACN,qBACA,WACHxH,YAAY,CAAC,YAAY,aAAa,GAAGH,EAAG,KAAK,CAACF,EAAIyC,GAAGzC,EAAI0C,GAAG4E,EAAUM,aAAaE,OAAM,GAAM,CAACpH,IAAI,MAAMgH,GAAG,WAAU,IAAAK,EAAC,MAAO,CAAC7H,EAAG,MAAM,CAACG,YAAY,CAAC,aAAa,WAAW,aAAa,YAAYiG,MAAM,CAAC,IAA6B,QAAxByB,EAACT,EAAUU,qBAAa,IAAAD,IAAK,4BAA2B,IAAM,QAAQD,OAAM,GAAM,CAACpH,IAAI,OAAOgH,GAAG,WAAW,MAAO,CAACxH,EAAG,IAAI,CAACE,YAAY,aAAaC,YAAY,CAAC,OAAS,OAAO,aAAa,OAAO,aAAa,OAAO,QAAU,cAAc,qBAAqB,WAAW,SAAW,SAAS,qBAAqB,IAAI,cAAc,QAAQ,CAACL,EAAIyC,GAAG,IAAIzC,EAAI0C,GAAG4E,EAAUW,aAAa,SAASH,OAAM,GAAM,CAACpH,IAAI,eAAegH,GAAG,WAAW,MAAO,CAACxH,EAAG,YAAY,CAACoG,MAAM,CAAC,OAAS,GAAG,SAAW,KAAK,CAACpG,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,QAAQiG,MAAM,CAAC,QAAU,OAAO,IAAM,iBAAiB,IAAM,WAAWpG,EAAG,OAAO,CAACE,YAAY,8BAA8B,CAACJ,EAAIyC,GAAGzC,EAAI0C,GAAG4E,EAAUY,cAAcJ,OAAM,IAAO,MAAK,QAAU,GAAG9H,EAAIM,GAAIN,EAAIqH,sBAAsB,SAASC,GAAW,OAAOpH,EAAG,YAAY,CAACQ,IAAI4G,EAAUC,GAAGjB,MAAM,CAAC,OAAU,WAAUgB,EAAUC,GAAK,SAAW,eAAeC,YAAYxH,EAAIyH,GAAG,CAAC,CAAC/G,IAAI,QAAQgH,GAAG,WAAW,MAAO,CAACxH,EAAG,KAAK,CAACE,YAAY,8CAA8C,CAACJ,EAAIyC,GAAG,IAAIzC,EAAI0C,GAAG4E,EAAUM,QAAQ,SAASE,OAAM,IAAO,MAAK,IAAO,CAAER,EAAUa,QAAUb,EAAUc,OAAQlI,EAAG,KAAK,CAACF,EAAIyC,GAAG,iBAAiBzC,EAAI0C,GAAG4E,EAAUa,MAAQb,EAAUc,QAAQ,OAAOlI,EAAG,KAAK,CAACA,EAAG,UAAU,CAACoG,MAAM,CAAC,QAAU,YAAY,CAACtG,EAAIyC,GAAG,cAAc,GAAGvC,EAAG,IAAI,CAACE,YAAY,uCAAuCC,YAAY,CAAC,YAAY,SAAS,CAACL,EAAIyC,GAAG,IAAIzC,EAAI0C,GAAG4E,EAAUW,aAAa,OAAO/H,EAAG,YAAY,CAACoG,MAAM,CAAC,QAAU,GAAG,SAAWgB,EAAUc,SAAWd,EAAUa,OAC5rDnI,EAAIqI,WAAaf,EAAUY,MAAM,SAAW,GAAG,MAAQ,IAAInH,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIsI,gBAAgBhB,MAAc,CAACpH,EAAG,IAAI,CAACE,YAAY,6BAA6BJ,EAAIyC,GAAG,gBAAgB,OAAM,OAAOvC,EAAG,UAAU,CAACoG,MAAM,CAAC,GAAK,iBAAiB,KAAO,KAAK,cAAc,GAAG,cAAc,GAAG,aAAa,4BAA4B,uBAAuB,KAAK,CAACpG,EAAG,UAAU,CAACE,YAAY,mDAAmD,CAACF,EAAG,YAAY,CAACE,YAAY,oBAAoBC,YAAY,CAAC,IAAM,UAAU,MAAQ,WAAWiG,MAAM,CAAC,OAAS,GAAG,KAAO,GAAG,OAAS,IAAIvF,GAAG,CAAC,MAAQf,EAAIuI,oBAAoB,CAACrI,EAAG,IAAI,CAACE,YAAY,0BAA0BF,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,KAAK,CAACE,YAAY,SAAS,CAACJ,EAAIyC,GAAG,yDAAyDvC,EAAG,MAAM,CAACE,YAAY,cAAcF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACoG,MAAM,CAAC,MAAQ,MAAM,IAAM,uBAAuB,IAAM,gBAAgBpG,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,KAAK,CAACF,EAAIyC,GAAGzC,EAAI0C,GAAG1C,EAAIwI,UAAUZ,aAAa1H,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,OAAO,CAACF,EAAIyC,GAAG,WAAWvC,EAAG,KAAK,CAACF,EAAIyC,GAAG,IAAIzC,EAAI0C,GAAG1C,EAAIwI,UAAUN,OAAO,KAAKhI,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,QAAQiG,MAAM,CAAC,QAAU,OAAO,IAAM,iBAAiB,IAAM,eAAepG,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,OAAO,CAACF,EAAIyC,GAAG,gBAAgBvC,EAAG,KAAK,CAACF,EAAIyC,GAAG,eAAevC,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,OAAO,CAACF,EAAIyC,GAAG,WAAWvC,EAAG,KAAK,CAACF,EAAIyC,GAAG,IAAIzC,EAAI0C,GAAGzC,KAAKwI,QAASC,GAAG,IAAIC,KAAQ,kBAAmBC,OAAO,eAAgB,SAAS1I,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,OAAO,CAACF,EAAIyC,GAAG,UAAUvC,EAAG,KAAK,CAACF,EAAIyC,GAAG,IAAIzC,EAAI0C,GAAGzC,KAAKwI,QAASC,GAAG,IAAIC,KAAQ,kBAAmBC,OAAO,UAAW,aAAa1I,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAAEJ,EAAI6I,MAAO3I,EAAG,MAAM,CAACE,YAAY,KAAKkG,MAAM,CAAC,IAAMtG,EAAI6I,MAAM,IAAM,aAAa7I,EAAI6B,KAAK3B,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,IAAI,CAACF,EAAIyC,GAAG,sDAAsD,MAAM,IAE3jEK,EAAkB,G,wBC0RtB,MAAAgG,EAAAC,EAAA,QACe,OACftC,KAAA,SACAuC,WAAA,CACAC,kBAEA1I,OACA,OACA2I,QAAA,GACAL,MAAA,GACA5B,iBAAA,QACAkC,iBAAA,GACAxC,iBAAA,GACAyC,WAAA,CACA,CACA7B,GAAA,EACAK,OAAA,YACAK,YAAA,WACAoB,YAAA,eACArB,cAAA,KACAE,MAAA,GACAC,MAAA,GACAC,OAAA,KACAP,mBAAA,EACAyB,UAAA,KACAC,cAAA,KACAC,QAAA,EACA7B,UAAA,CACAC,OAAA,MAIAY,UAAA,CACAjB,GAAA,EACAK,OAAA,YACAK,YAAA,WACAoB,YAAA,eACArB,cAAA,KACAE,MAAA,GACAC,MAAA,GACAN,mBAAA,EACAyB,UAAA,KACAC,cAAA,KACAC,QAAA,EACA7B,UAAA,CACAC,OAAA,KAGA6B,iBAAA,CACAC,KAAA,CACAnC,GAAA,OAGAhB,UAAA,CACA,CACA5D,MAAA,uBACAE,aACAT,SAAA,cACAtB,MAAA,mBACAqB,KAAA,SACAG,SAAA,SACAa,gBAEA,KAAAgG,iBAAA,sBAEA/F,kBAEA,KAAA+F,iBAAA,KAGA,CACAxG,MAAA,gCACAE,aACAT,SAAA,UACAtB,MAAA,wBACAqB,KAAA,SACAG,SAAA,SACAa,gBAEA,KAAAgG,iBAAA,+BAEA/F,kBAEA,KAAA+F,iBAAA,KAGA,CACAxG,MAAA,cACAE,aACAT,SAAA,OACAtB,MAAA,oBACAqB,KAAA,SACAG,SAAA,SACAa,gBAEA,KAAAgG,iBAAA,aAEA/F,kBAEA,KAAA+F,iBAAA,KAGA,CACAxG,MAAA,oBACAE,aACAT,SAAA,cACAtB,MAAA,mBACAqB,KAAA,SACAG,SAAA,SACAa,gBAEA,KAAAgG,iBAAA,mBAEA/F,kBAEA,KAAA+F,iBAAA,KAGA,CACAxG,MAAA,kBACAE,aACAT,SAAA,iBACAtB,MAAA,UACAqB,KAAA,SACAG,SAAA,SACAa,gBAEA,KAAAgG,iBAAA,gBAEA/F,kBAEA,KAAA+F,iBAAA,KAGA,CACAxG,MAAA,mBACAE,aACAT,SAAA,eACAtB,MAAA,UACAqB,KAAA,SACAG,SAAA,SACAa,gBAEA,KAAAgG,iBAAA,kBAEA/F,kBAEA,KAAA+F,iBAAA,QAMA,gBACA,KAAAQ,YAAA,GACA,KAAAT,QAAAU,KAAAC,MAAAC,aAAAC,QAAA,kBACA,KAAAX,WAAA,SACA,KAAAY,oBAAA,KAAAd,QAAA3B,UACA,KAAA0C,UAEA,KAAAN,YAAA,IAEAjF,QAAA,IACAwF,eAAA,CACAC,cAAA,gBACAC,eAAA,mBAEAC,iBAAAC,GACA,KAAAH,cAAAG,IAEAC,kBAAAD,GACA,KAAAF,eAAAE,IAEA,mBAAAE,GACA,IACA,IAAAC,EAAA,CACAC,YAAAF,EAAAjD,GACAoD,UAAAH,EAAA5C,OACAgD,UAAA,KAAA1B,QAAA3B,GACAsD,OAAA,KAAApB,iBAAAC,KAAAnC,GACAuD,UAAAN,EAAA7C,UAAAC,OACAmD,MAAAC,OAAAR,EAAAtC,OACA+C,MAAA,KAAAxC,QACAC,GAAA,IAAAC,KAAA,kBACAC,OAAA,wBAIAsC,QAAA,KAAAC,OAAAC,SAAA,WACAC,KAAA,mBACA9K,KAAAkK,IAGA,GAAAS,EAAAI,QAAA,CACA,KAAAC,IAAAC,aAAA,CAEAC,SAAA,OACAC,KAAA,sCACA5K,MAAA,UACA6K,SAAA,YACAhJ,MAAA,wBAGA,IAAAiJ,QAAA,KAAAnB,SAAAD,EAAAjD,IAEA,GAAAqE,EAAAN,QAAA,CACA,IAAA7K,EAAA,KAAA2I,WAAAyC,QAAArB,GACA,YAAApB,WAAA3I,GAAA2H,OACA,KAAAgB,WAAA3I,GAAA2H,OAAA,EAEA,KAAAgB,WAAA3I,GAAA2H,SAGA,KAAAiC,iBAAA,KAAAhC,WAAAmC,EAAAtC,OACA,KAAAqC,kBAAA,KAAAuB,YAAAtB,EAAAtC,SAGA,MAAA6D,GAUA,OATA,KAAAR,IAAAC,aAAA,CAEAC,SAAA,OACAC,KAAA,sCACA5K,MAAA,SACA6K,SAAA,YACAhJ,MAAAoJ,IAGA,OAGA,gBAAAvB,GACA,MAAAwB,EAAA,yBAAAxB,EAAA5C,kBACA4C,EAAAtC,4CACA,KAAAO,QACAC,GAAA,IAAAC,KAAA,kBACAC,OAAA,6BAAAH,QACAC,GAAA,IAAAC,KAAA,kBACAC,OAAA,WAEAqD,EAAA,8CACAC,EAAA,SAAAC,mBAAAH,GACA,KAAAnD,MAAA,GAAAoD,IAAAC,KAEA5D,gBAAAkC,GACA1B,EAAAsD,KAAA,CACAzJ,MAAA,qBACA0J,KAAA,gCACAX,KAAA,UACAY,kBAAA,EACAC,mBAAA,UACAC,kBAAA,mBACAC,kBAAA,eACAC,iBAAA,aACAC,KAAA,UAEAf,EAAAgB,cACA,KAAApE,UAAAgC,EACA,KAAAqC,UAAArC,GACA,KAAAsC,SAAAC,KAAA,kBAEA,KAAAC,aAAAxC,OAIAjC,oBACA,KAAAuE,SAAAG,KAAA,mBAEAC,sBACA,IAAAC,EAAA,KAAA5G,WAAA,GAEA,OAAAtD,MAAAmK,KACA,IAAAC,IAAA,KAAAjE,WAAAkE,IAAAhG,KAAAK,UAAAC,UACA0F,IACA3F,GACAwF,EAAAI,OACA/M,KAAAmC,MAAA6K,MAAA,GAAAC,gBAAA9F,GACA,KAGA,eAAA+F,GACA,IACA,IAAAxC,QAAA,KAAAC,OAAAC,SAAA,UACAC,KAAA,qCAAAqC,IAGA,OAAAxC,EACA,MAAAa,MAIA,gBACA,IACA,IAAAb,QAAA,KAAAC,OAAAC,SAAA,UACAC,KACA,sCAAA5B,iBAAAC,KAAAnC,KAGA2D,EAAAI,UACA,KAAAlC,WAAA8B,EAAA3K,KAAAgN,OACAjG,GAAA,IAAAA,EAAAkC,SAIA,MAAAuC,MAIA,0BAAA4B,GACA,IACA,IAAAzC,QAAA,KAAAC,OAAAC,SAAA,UACAC,KAAA,iCAAAsC,IAGAzC,EAAA0C,QACA,KAAAnE,iBAAAyB,GAEA,MAAAa,OAKA8B,SAAA,IACAC,eAAA,CACAC,cAAA,gBACAC,eAAA,mBAEA3F,aACA,YAAA0F,eAEAjC,cACA,YAAAkC,gBAEA3G,uBACA,IAAA8F,EAAA,KAAA/D,YAAA,GAyBA,MAvBA,eAAAnC,mBACAkG,IAAAI,OAAAjG,GACA,iBAAAL,iBACA,OAAAK,EAAAO,kBACA,OAAAP,EAAAO,oBAIA,UAAAlB,mBACAwG,IAAAI,OAAAjG,GACAA,EAAAM,OACA6F,cACAQ,SAAA,KAAAtH,iBAAA8G,iBAIA,UAAAtE,mBACAgE,IAAAI,OAAAjG,GACAA,EAAAK,UAAAC,OACA6F,cACAQ,SAAA,KAAA9E,iBAAAsE,iBAGAN,KCvoB6W,I,wBCQzW9G,EAAY,eACd,EACAtG,EACA+C,GACA,EACA,KACA,WACA,MAIa,aAAAuD,E,2CCnBf,W,kCCAA","file":"js/chunk-4c3ee4d9.a63c4457.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row justify-content-center\",staticStyle:{\"gap\":\"1rem\"}},_vm._l((_vm.data),function(card,index){return _c('div',{key:index,staticClass:\"col-12 col-sm-5 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\",style:({\n      boxShadow:\n        _vm.activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none',\n    }),on:{\"mouseenter\":function($event){return _vm.showCursorGlow(index)},\"mouseleave\":function($event){return _vm.hideCursorGlow(index)},\"mousemove\":(event) => _vm.handleMouseMove(event, index),\"click\":function($event){return _vm.toggleActive(index)}}},[(_vm.showGlow)?_c('div',{staticClass:\"cursor-glow\",style:({\n        left: _vm.cursorX[index] + 'px',\n        top: _vm.cursorY[index] + 'px',\n        ..._vm.glowStyle(card.color),\n        opacity: _vm.showGlow[index] ? '1' : '0',\n      })}):_vm._e(),_c('div',{class:`d-flex align-items-center justify-content-center`,style:({\n        width: '60px',\n        height: '60px',\n        backgroundColor: card.color,\n        'border-radius': _vm.computeBorderRadius(card.tipo),\n        '-webkit-box-shadow': `0px -1px 33px -8px ${card.color}`,\n        '-moz-box-shadow': `0px -1px 33px -8px ${card.color}`,\n        'box-shadow': `0px -1px 33px -8px ${card.color}`,\n      })},[_c('i',{class:`fas fa-${card.iconName} ${_vm.computeAnimateIcon(\n          card.animated,\n          index\n        )}`,staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column align-items-center\",staticStyle:{\"flex-grow\":\"1\",\"max-width\":\"calc(100% - 60px)\"}},[_c('div',{class:`title-container`},[_c('span',{staticClass:\"font-weight-bold\",class:[\n            _vm.showGlow[index] &&\n            _vm.animatedState[index] &&\n            _vm.shouldAnimateTitle[index]\n              ? 'title-animate'\n              : 'title-static',\n          ]},[_vm._v(\" \"+_vm._s(card.title)+\" \")])]),_c('span',{staticClass:\"font-weight-bold\",staticStyle:{\"font-size\":\"40px\"}},[_vm._v(_vm._s(_vm.evaluateValue(card.value)))])])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- card table info -->\r\n<template>\r\n  <div class=\"row justify-content-center\" style=\"gap: 1rem\">\r\n    <div\r\n      v-for=\"(card, index) in data\"\r\n      :key=\"index\"\r\n      class=\"col-12 col-sm-5 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\"\r\n      :style=\"{\r\n        boxShadow:\r\n          activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none',\r\n      }\"\r\n      @mouseenter=\"showCursorGlow(index)\"\r\n      @mouseleave=\"hideCursorGlow(index)\"\r\n      @mousemove=\"(event) => handleMouseMove(event, index)\"\r\n      @click=\"toggleActive(index)\"\r\n    >\r\n      <!-- linar-style cursor glow -->\r\n      <div\r\n        v-if=\"showGlow\"\r\n        class=\"cursor-glow\"\r\n        :style=\"{\r\n          left: cursorX[index] + 'px',\r\n          top: cursorY[index] + 'px',\r\n          ...glowStyle(card.color),\r\n          opacity: showGlow[index] ? '1' : '0',\r\n        }\"\r\n      ></div>\r\n      <div\r\n        :class=\"`d-flex align-items-center justify-content-center`\"\r\n        :style=\"{\r\n          width: '60px',\r\n          height: '60px',\r\n          backgroundColor: card.color,\r\n          'border-radius': computeBorderRadius(card.tipo),\r\n          '-webkit-box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n          '-moz-box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n          'box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n        }\"\r\n      >\r\n        <i\r\n          :class=\"`fas fa-${card.iconName} ${computeAnimateIcon(\r\n            card.animated,\r\n            index\r\n          )}`\"\r\n          style=\"font-size: 1.5rem\"\r\n        ></i>\r\n      </div>\r\n      <div\r\n        class=\"d-flex flex-column align-items-center\"\r\n        style=\"flex-grow: 1; max-width: calc(100% - 60px)\"\r\n      >\r\n        <div :class=\"`title-container`\">\r\n          <span\r\n            :class=\"[\r\n              showGlow[index] &&\r\n              animatedState[index] &&\r\n              shouldAnimateTitle[index]\r\n                ? 'title-animate'\r\n                : 'title-static',\r\n            ]\"\r\n            class=\"font-weight-bold\"\r\n          >\r\n            {{ card.title }}\r\n          </span>\r\n        </div>\r\n        <span class=\"font-weight-bold\" style=\"font-size: 40px\">{{\r\n          evaluateValue(card.value)\r\n        }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  // Documentación del componente CardTable.js\r\n\r\n  /**\r\n   * Este componente Vue.js se utiliza para renderizar un conjunto de tarjetas de información.\r\n   * Cada tarjeta es interactiva y muestra diferentes tipos de datos y un ícono.\r\n   *\r\n   * Propiedades:\r\n   * - data: Un array de objetos que contiene la información para renderizar cada tarjeta.\r\n   *\r\n   * Estado interno:\r\n   * - showGlow: Un objeto que controla si el efecto de brillo debe mostrarse en cada tarjeta.\r\n   * - cursorX: Un objeto que contiene la coordenada X del cursor para cada tarjeta.\r\n   * - cursorY: Un objeto que contiene la coordenada Y del cursor para cada tarjeta.\r\n   * - animationFrameId: Un objeto que guarda el ID de la solicitud de animación para cada tarjeta.\r\n   * - animatedState: Un objeto que guarda el estado de animación para cada tarjeta.\r\n   * - activeCard: Un número que indica el índice de la tarjeta activa. Null si no hay ninguna tarjeta activa.\r\n   * - shouldAnimateTitle: Un objeto que determina si el título de la tarjeta debe animarse para cada tarjeta.\r\n   *\r\n   * Métodos:\r\n   * - toggleActive: Cambia el estado activo de una tarjeta.\r\n   * - computeBorderRadius: Calcula el radio del borde según el tipo de tarjeta.\r\n   * - computeAnimateIcon: Devuelve la clase de animación apropiada para el ícono.\r\n   * - evaluateValue: Evalúa el valor que debe mostrarse en la tarjeta.\r\n   * - glowStyle: Devuelve el estilo CSS para el efecto de brillo del cursor.\r\n   * - handleMouseMove: Maneja el movimiento del mouse para el efecto de brillo del cursor.\r\n   * - showCursorGlow: Activa el efecto de brillo del cursor.\r\n   * - hideCursorGlow: Desactiva el efecto de brillo del cursor.\r\n   * - onResize: Maneja el evento de cambio de tamaño de la ventana.\r\n   * - checkTitleLength: Verifica la longitud del título para determinar si necesita animación.\r\n   */\r\n\r\n  props: {\r\n    /*\r\n       // Ejemplo de un objeto dentro del array 'data':\r\n          {\r\n          title: \"Finalizadas\",\r\n          value: () => this.listaItems.filter((cap) => cap.estadoCap && cap.disponible).length,\r\n          iconName: \"calendar-check\",\r\n          color: \"rgba(22, 162, 117, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"shake\",\r\n          onActivate: () => { console.log(\"Tarjeta activada\"); },\r\n          onDeactivate: () => { console.log(\"Tarjeta desactivada\"); }\r\n        },\r\n        */\r\n    data: {\r\n      type: Array,\r\n      default: () => [\r\n        {\r\n          title: \"Título\",\r\n          value: 0,\r\n          iconName: \"crown\",\r\n          color: \"rgba(223, 18, 46, 1)\",\r\n          tipo: \"circle\",\r\n          animated: \"shake\",\r\n          onActivate: null,\r\n          onDeactivate: null,\r\n        },\r\n      ],\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      showGlow: {},\r\n      cursorX: {},\r\n      cursorY: {},\r\n      animationFrameId: {},\r\n      animatedState: {},\r\n      activeCard: null,\r\n      shouldAnimateTitle: {},\r\n      animated: {\r\n        beat: \"fa-beat\",\r\n        beatFade: \"fa-beat-fade\",\r\n        bounce: \"fa-bounce\",\r\n        fade: \"fa-fade\",\r\n        flip: \"fa-flip\",\r\n        shake: \"fa-shake\",\r\n        spin: \"fa-spin\",\r\n        spinReverse: \"fa-spin fa-spin-reverse\",\r\n        spinPulse: \"fa-spin-pulse\",\r\n      },\r\n      tipoIcon: {\r\n        circle: \"50%\",\r\n        squared: \"20%\",\r\n        shield: \"49% 51% 48% 52% / 29% 29% 71% 71%\",\r\n        water: \"60% 40% 78% 22% / 73% 66% 34% 27%\",\r\n      },\r\n    };\r\n  },\r\n  /*\r\nEventos de Ciclo de Vida:\r\n- mounted: Se añade un escuchador para el evento de redimensionamiento de la ventana.\r\n- beforeDestroy: Se elimina el escuchador para el evento de redimensionamiento de la ventana.\r\n*/\r\n  mounted() {\r\n    this.onResize();\r\n    window.addEventListener(\"resize\", this.onResize);\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener(\"resize\", this.onResize);\r\n  },\r\n  methods: {\r\n    onResize() {\r\n      this.data.forEach((_, index) => {\r\n        this.checkTitleLength(index);\r\n      });\r\n    },\r\n    checkTitleLength(index) {\r\n      this.$nextTick(() => {\r\n        const titleElement = this.$el.querySelectorAll(\".title-container span\")[\r\n          index\r\n        ];\r\n        if (titleElement) {\r\n          console.log(\"Client Width: \", titleElement.clientWidth);\r\n          console.log(\"Scroll Width: \", titleElement.scrollWidth);\r\n\r\n          if (titleElement.scrollWidth > titleElement.clientWidth) {\r\n            this.$set(this.shouldAnimateTitle, index, true);\r\n          } else {\r\n            this.$set(this.shouldAnimateTitle, index, false);\r\n          }\r\n        }\r\n      });\r\n    },\r\n    toggleActive(index) {\r\n      // Desactivar tarjeta anterior si es diferente de la actual\r\n      if (this.activeCard !== null && this.activeCard !== index) {\r\n        if (typeof this.data[this.activeCard].onDeactivate === \"function\") {\r\n          this.data[this.activeCard].onDeactivate();\r\n        }\r\n      }\r\n\r\n      // Cambiar la tarjeta activa\r\n      this.activeCard = this.activeCard === index ? null : index;\r\n\r\n      // Ejecutar la función de activación o desactivación correspondiente\r\n      if (this.activeCard !== null) {\r\n        if (typeof this.data[this.activeCard].onActivate === \"function\") {\r\n          this.data[this.activeCard].onActivate();\r\n        }\r\n      } else {\r\n        if (typeof this.data[index].onDeactivate === \"function\") {\r\n          this.data[index].onDeactivate();\r\n        }\r\n      }\r\n    },\r\n    computeBorderRadius(tipo) {\r\n      return this.tipoIcon[tipo] || \"20% 40% 20% 40%\";\r\n    },\r\n    computeAnimateIcon(tipo, index) {\r\n      if (this.animatedState[index]) {\r\n        return this.animated[tipo] || \"\";\r\n      }\r\n    },\r\n    evaluateValue(value) {\r\n      if (typeof value === \"function\") {\r\n        return value();\r\n      }\r\n      return value;\r\n    },\r\n    glowStyle(color) {\r\n      return {\r\n        boxShadow: `0 0 40px 20px ${color}`,\r\n      };\r\n    },\r\n    handleMouseMove(event, index) {\r\n      const rect = event.currentTarget.getBoundingClientRect();\r\n      const targetX = event.clientX - rect.left;\r\n      const targetY = event.clientY - rect.top;\r\n\r\n      // Cancelar la animación anterior si está en curso\r\n      if (this.animationFrameId[index]) {\r\n        cancelAnimationFrame(this.animationFrameId[index]);\r\n      }\r\n\r\n      // Iniciar una nueva animación\r\n      const animate = () => {\r\n        const startX = this.cursorX[index] || 0;\r\n        const startY = this.cursorY[index] || 0;\r\n        const dx = (targetX - startX) * 0.1; // Factor de suavizado\r\n        const dy = (targetY - startY) * 0.1; // Factor de suavizado\r\n\r\n        this.$set(this.cursorX, index, startX + dx);\r\n        this.$set(this.cursorY, index, startY + dy);\r\n\r\n        if (Math.abs(dx) > 0.1 || Math.abs(dy) > 0.1) {\r\n          // Continuar la animación\r\n          this.animationFrameId[index] = requestAnimationFrame(animate);\r\n        }\r\n      };\r\n\r\n      // Iniciar la animación\r\n      this.animationFrameId[index] = requestAnimationFrame(animate);\r\n    },\r\n    showCursorGlow(index) {\r\n      this.$set(this.animatedState, index, true);\r\n      this.$set(this.showGlow, index, true);\r\n    },\r\n    hideCursorGlow(index) {\r\n      this.$set(this.animatedState, index, false);\r\n      this.$set(this.showGlow, index, false);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/*\r\nEstilos:\r\n- glow-box: Configuración base para el efecto de resplandor.\r\n- cursor-glow: Estilo para el resplandor del cursor.\r\n- title-container: Contenedor para el título de la tarjeta.\r\n- title-animate: Animación para el título de la tarjeta.\r\n- title-static: Estilo estático para el título de la tarjeta.\r\n*/\r\n\r\n.glow-box {\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: box-shadow 0.3s ease;\r\n  cursor: default;\r\n}\r\n\r\n.cursor-glow {\r\n  position: absolute;\r\n  width: 0;\r\n  height: 0;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  transition: left 0.2s, top 0.2s, opacity 0.5s ease;\r\n}\r\n\r\n.title-container {\r\n  max-width: calc(100% - 20px);\r\n  overflow: hidden;\r\n  height: 20px;\r\n}\r\n\r\n.title-animate {\r\n  display: inline-block;\r\n  white-space: nowrap;\r\n  animation: marquee 5s linear infinite;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.title-static {\r\n  display: inline-block;\r\n  max-width: 100%; /* Se ajusta al tamaño del contenedor */\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n@keyframes marquee {\r\n  from {\r\n    transform: translateX(0%);\r\n  }\r\n  to {\r\n    transform: translateX(-100%);\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!./CardTable.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!./CardTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CardTable.vue?vue&type=template&id=09c1d471&scoped=true\"\nimport script from \"./CardTable.vue?vue&type=script&lang=js\"\nexport * from \"./CardTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./CardTable.vue?vue&type=style&index=0&id=09c1d471&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  \"09c1d471\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-card',{staticClass:\"bg-market py-5\"},[_c('div',{staticClass:\"custom-container\"},[_c('div',{staticClass:\"row\",staticStyle:{\"gap\":\"1rem\"}},[_c('div',{staticClass:\"col-12\"},[_c('CardTable',{attrs:{\"data\":_vm.dataCards}})],1)]),_c('div',{staticClass:\"d-flex justify-content-center align-items-center py-5\"},[_c('div',{staticClass:\"input-container\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchBeneficios),expression:\"searchBeneficios\"}],staticClass:\"form-control\",attrs:{\"id\":\"inputSearch\",\"type\":\"search\",\"placeholder\":\"👋¿Qué quieres canjear hoy?🚀\"},domProps:{\"value\":(_vm.searchBeneficios)},on:{\"input\":function($event){if($event.target.composing)return;_vm.searchBeneficios=$event.target.value}}}),_c('vs-avatar',{staticClass:\"d-flex align-items-center justify-content-center\",attrs:{\"circle\":\"\",\"dark\":\"\",\"id\":\"icon-search\",\"type\":\"submit\"}},[_c('i',{staticClass:\"fas fa-search fa-fade\"})])],1)]),_c('div',{staticClass:\"row mt-5\"},[_c('div',{staticClass:\"col-12 col-md-3 col-lg-2 d-flex flex-column mb-3 mb-lg-0\",staticStyle:{\"gap\":\"1rem\"}},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('vs-select',{attrs:{\"placeholder\":\"Mostrar\"},model:{value:(_vm.filterBeneficios),callback:function ($$v) {_vm.filterBeneficios=$$v},expression:\"filterBeneficios\"}},[_c('vs-option',{attrs:{\"label\":\"Todos\",\"value\":\"todos\"}},[_vm._v(\" Todos \")]),_c('vs-option',{attrs:{\"label\":\"Publicos\",\"value\":\"publico\"}},[_vm._v(\" Públicos \")]),_c('vs-option',{attrs:{\"label\":\"Mi area\",\"value\":\"area\"}},[_vm._v(\" Mí area \")])],1)],1),_c('div',{staticClass:\"row\",staticStyle:{\"gap\":\"0.5rem\"}},[_c('vs-button',{staticClass:\"col-12 p-3 m-0\",attrs:{\"size\":\"large\",\"primary\":\"\",\"gradient\":\"\",\"to\":\"/helex/managerMarket\"}},[_c('i',{staticClass:\"fas fa-gear\"}),_vm._v(\" Administrar beneficios \")]),_vm._l((3),function(r){return _c('div',{key:r,staticClass:\"col-12 p-3 bg-dark rounded\"},[_c('vs-avatar',{staticClass:\"border mb-1\",attrs:{\"circle\":\"\",\"warn\":\"\"}},[_c('i',{staticClass:\"far fa-lightbulb\"})]),_c('h6',{staticClass:\"text-light font-weight-bold\"},[_vm._v(\" Lorem ipsum dolor sit amet. \")]),_c('small',{staticClass:\"text-white-50\"},[_vm._v(\" Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus corrupti omnis quis neque facilis eius veritatis quam \")])],1)})],2)]),_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"d-flex flex-wrap justify-content-center justify-content-lg-start\",staticStyle:{\"gap\":\"1rem\"}},_vm._l((_vm.filterShowBeneficios),function(beneficio){return _c('vs-card',{key:beneficio.id,attrs:{\"id\":`popover-${beneficio.id}`},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('vs-button',{staticClass:\"text-capitalize\",attrs:{\"flat\":\"\",\"success\":\"\",\"size\":\"mini\"}},[_vm._v(\" \"+_vm._s(beneficio.categoria.nombre)+\" \")]),_c('vs-avatar',{attrs:{\"icon\":\"\",\"circle\":\"\",\"size\":\"30\",\"danger\":beneficio.visibilidadAreaId !== null,\"success\":beneficio.visibilidadAreaId === null}},[_c('i',{class:`fas ${\n                      beneficio.visibilidadAreaId === null\n                        ? 'fa-earth-americas '\n                        : 'fa-lock'\n                    }`,staticStyle:{\"font-size\":\"15px\"}})])],1),_c('h3',[_vm._v(_vm._s(beneficio.nombre))])]},proxy:true},{key:\"img\",fn:function(){return [_c('img',{staticStyle:{\"min-height\":\"162.89px\",\"max-height\":\"162.89px\"},attrs:{\"src\":beneficio.imagenPreview ?? `/img/image_cursos_alt.png`,\"alt\":\"\"}})]},proxy:true},{key:\"text\",fn:function(){return [_c('p',{staticClass:\"text-light\",staticStyle:{\"height\":\"50px\",\"min-height\":\"50px\",\"max-height\":\"50px\",\"display\":\"-webkit-box\",\"-webkit-box-orient\":\"vertical\",\"overflow\":\"hidden\",\"-webkit-line-clamp\":\"3\",\"line-height\":\"1.2\"}},[_vm._v(\" \"+_vm._s(beneficio.descripcion)+\" \")])]},proxy:true},{key:\"interactions\",fn:function(){return [_c('vs-button',{attrs:{\"danger\":\"\",\"gradient\":\"\"}},[_c('img',{staticStyle:{\"width\":\"20px\"},attrs:{\"loading\":\"lazy\",\"src\":\"/img/coins.png\",\"alt\":\"coins\"}}),_c('span',{staticClass:\"span ml-2 font-weight-bold\"},[_vm._v(_vm._s(beneficio.coins))])])]},proxy:true}],null,true)})}),1),_vm._l((_vm.filterShowBeneficios),function(beneficio){return _c('b-popover',{key:beneficio.id,attrs:{\"target\":`popover-${beneficio.id}`,\"triggers\":\"hover focus\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('h3',{staticClass:\"custom-text-truncate-title text-capitalize\"},[_vm._v(\" \"+_vm._s(beneficio.nombre)+\" \")])]},proxy:true}],null,true)},[(beneficio.stock !== beneficio.canjes)?_c('h3',[_vm._v(\" Disponibles: \"+_vm._s(beneficio.stock - beneficio.canjes)+\" \")]):_c('h3',[_c('b-badge',{attrs:{\"variant\":\"warning\"}},[_vm._v(\"Agotado\")])],1),_c('p',{staticClass:\"custom-text-truncate-p text-white-50\",staticStyle:{\"font-size\":\"13px\"}},[_vm._v(\" \"+_vm._s(beneficio.descripcion)+\" \")]),_c('vs-button',{attrs:{\"success\":\"\",\"disabled\":beneficio.canjes === beneficio.stock ||\n              _vm.totalCoins < beneficio.coins,\"gradient\":\"\",\"block\":\"\"},on:{\"click\":function($event){return _vm.handleModalOpen(beneficio)}}},[_c('i',{staticClass:\"fas fa-circle-check mr-2\"}),_vm._v(\" Canjear \")])],1)})],2)])]),_c('b-modal',{attrs:{\"id\":\"generateTicket\",\"size\":\"md\",\"hide-footer\":\"\",\"hide-header\":\"\",\"body-class\":\"body-modal-custom bg-dark\",\"no-close-on-backdrop\":\"\"}},[_c('section',{staticClass:\"d-flex justify-content-center position-relative\"},[_c('vs-button',{staticClass:\"position-absolute\",staticStyle:{\"top\":\"-0.5rem\",\"right\":\"-0.5rem\"},attrs:{\"circle\":\"\",\"icon\":\"\",\"danger\":\"\"},on:{\"click\":_vm.closedModalTicket}},[_c('i',{staticClass:\"fas fa-circle-xmark\"})]),_c('main',{staticClass:\"ticket-system\"},[_c('div',{staticClass:\"top\"},[_c('h1',{staticClass:\"title\"},[_vm._v(\" Espera un segundo, tu ticket se está imprimiendo. \")]),_c('div',{staticClass:\"printer\"})]),_c('div',{staticClass:\"receipts-wrapper\"},[_c('div',{staticClass:\"receipts\"},[_c('div',{staticClass:\"receipt\"},[_c('img',{attrs:{\"width\":\"100\",\"src\":\"/img/HXLogoBlack.png\",\"alt\":\"logo_helex\"}}),_c('div',{staticClass:\"beneficio text-uppercase\"},[_c('h2',[_vm._v(_vm._s(_vm.dataCanje.nombre))])]),_c('div',{staticClass:\"details\"},[_c('div',{staticClass:\"item\"},[_c('span',[_vm._v(\"Coins\")]),_c('h3',[_vm._v(\" \"+_vm._s(_vm.dataCanje.coins)+\" \"),_c('img',{staticStyle:{\"width\":\"20px\"},attrs:{\"loading\":\"lazy\",\"src\":\"/img/coins.png\",\"alt\":\"coins\"}})])]),_c('div',{staticClass:\"item\"},[_c('span',[_vm._v(\"Ticket No.\")]),_c('h3',[_vm._v(\"HELEX01\")])]),_c('div',{staticClass:\"item\"},[_c('span',[_vm._v(\"Fecha\")]),_c('h3',[_vm._v(\" \"+_vm._s(this.$moment .tz(new Date(), \"America/Bogota\") .format(\"YYYY-MM-DD\"),)+\" \")])]),_c('div',{staticClass:\"item\"},[_c('span',[_vm._v(\"Hora\")]),_c('h3',[_vm._v(\" \"+_vm._s(this.$moment .tz(new Date(), \"America/Bogota\") .format(\"hh:mm\"),)+\" \")])])])]),_c('div',{staticClass:\"receipt qr-code\"},[(_vm.qrUrl)?_c('img',{staticClass:\"qr\",attrs:{\"src\":_vm.qrUrl,\"alt\":\"QR Code\"}}):_vm._e(),_c('div',{staticClass:\"description\"},[_c('p',[_vm._v(\"Mostrar código QR cuando se solicite.\")])])])])])])],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card class=\"bg-market py-5\">\r\n    <div class=\"custom-container\">\r\n      <div class=\"row\" style=\"gap: 1rem\">\r\n        <div class=\"col-12\">\r\n          <!-- linar-style cursor glow -->\r\n          <CardTable :data=\"dataCards\" />\r\n        </div>\r\n      </div>\r\n      <!-- search -->\r\n      <div class=\"d-flex justify-content-center align-items-center py-5\">\r\n        <div class=\"input-container\">\r\n          <input\r\n            id=\"inputSearch\"\r\n            class=\"form-control\"\r\n            v-model=\"searchBeneficios\"\r\n            type=\"search\"\r\n            placeholder=\"👋¿Qué quieres canjear hoy?🚀\"\r\n          />\r\n          <vs-avatar\r\n            circle\r\n            dark\r\n            id=\"icon-search\"\r\n            class=\"d-flex align-items-center justify-content-center\"\r\n            type=\"submit\"\r\n          >\r\n            <i class=\"fas fa-search fa-fade\"></i>\r\n          </vs-avatar>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row mt-5\">\r\n        <div\r\n          class=\"col-12 col-md-3 col-lg-2 d-flex flex-column mb-3 mb-lg-0\"\r\n          style=\"gap: 1rem\"\r\n        >\r\n          <!-- actions -->\r\n          <div class=\"d-flex align-items-center\">\r\n            <vs-select placeholder=\"Mostrar\" v-model=\"filterBeneficios\">\r\n              <vs-option label=\"Todos\" value=\"todos\"> Todos </vs-option>\r\n              <vs-option label=\"Publicos\" value=\"publico\"> Públicos </vs-option>\r\n              <vs-option label=\"Mi area\" value=\"area\"> Mí area </vs-option>\r\n            </vs-select>\r\n          </div>\r\n          <!-- recomendaciones -->\r\n          <div class=\"row\" style=\"gap: 0.5rem\">\r\n            <vs-button\r\n              size=\"large\"\r\n              primary\r\n              gradient\r\n              class=\"col-12 p-3 m-0\"\r\n              to=\"/helex/managerMarket\"\r\n            >\r\n              <i class=\"fas fa-gear\"></i>\r\n              Administrar beneficios\r\n            </vs-button>\r\n            <div v-for=\"r in 3\" :key=\"r\" class=\"col-12 p-3 bg-dark rounded\">\r\n              <vs-avatar circle warn class=\"border mb-1\">\r\n                <i class=\"far fa-lightbulb\"></i>\r\n              </vs-avatar>\r\n              <h6 class=\"text-light font-weight-bold\">\r\n                Lorem ipsum dolor sit amet.\r\n              </h6>\r\n              <small class=\"text-white-50\">\r\n                Lorem ipsum dolor sit amet consectetur adipisicing elit.\r\n                Temporibus corrupti omnis quis neque facilis eius veritatis quam\r\n              </small>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"col\">\r\n          <!-- list beneficios  -->\r\n          <div\r\n            class=\"d-flex flex-wrap justify-content-center justify-content-lg-start\"\r\n            style=\"gap: 1rem\"\r\n          >\r\n            <vs-card\r\n              :key=\"beneficio.id\"\r\n              v-for=\"beneficio in filterShowBeneficios\"\r\n              :id=\"`popover-${beneficio.id}`\"\r\n            >\r\n              <template #title>\r\n                <div class=\"d-flex justify-content-between\">\r\n                  <vs-button flat success size=\"mini\" class=\"text-capitalize\">\r\n                    {{ beneficio.categoria.nombre }}\r\n                  </vs-button>\r\n\r\n                  <!-- icon visibilidad -->\r\n                  <vs-avatar\r\n                    icon\r\n                    circle\r\n                    size=\"30\"\r\n                    :danger=\"beneficio.visibilidadAreaId !== null\"\r\n                    :success=\"beneficio.visibilidadAreaId === null\"\r\n                  >\r\n                    <i\r\n                      style=\"font-size: 15px\"\r\n                      :class=\"`fas ${\r\n                        beneficio.visibilidadAreaId === null\r\n                          ? 'fa-earth-americas '\r\n                          : 'fa-lock'\r\n                      }`\"\r\n                    ></i>\r\n                  </vs-avatar>\r\n                </div>\r\n                <h3>{{ beneficio.nombre }}</h3>\r\n              </template>\r\n              <template #img>\r\n                <img\r\n                  style=\"min-height: 162.89px; max-height: 162.89px\"\r\n                  :src=\"beneficio.imagenPreview ?? `/img/image_cursos_alt.png`\"\r\n                  alt=\"\"\r\n                />\r\n              </template>\r\n              <template #text>\r\n                <p\r\n                  class=\"text-light\"\r\n                  style=\"\r\n                    height: 50px;\r\n                    min-height: 50px;\r\n                    max-height: 50px;\r\n                    display: -webkit-box;\r\n                    -webkit-box-orient: vertical;\r\n                    overflow: hidden;\r\n                    -webkit-line-clamp: 3;\r\n                    line-height: 1.2;\r\n                  \"\r\n                >\r\n                  {{ beneficio.descripcion }}\r\n                </p>\r\n              </template>\r\n              <template #interactions>\r\n                <vs-button danger gradient>\r\n                  <img\r\n                    style=\"width: 20px\"\r\n                    loading=\"lazy\"\r\n                    src=\"/img/coins.png\"\r\n                    alt=\"coins\"\r\n                  />\r\n                  <span class=\"span ml-2 font-weight-bold\">{{\r\n                    beneficio.coins\r\n                  }}</span>\r\n                </vs-button>\r\n              </template>\r\n            </vs-card>\r\n          </div>\r\n          <!-- popovers -->\r\n          <b-popover\r\n            :key=\"beneficio.id\"\r\n            v-for=\"beneficio in filterShowBeneficios\"\r\n            :target=\"`popover-${beneficio.id}`\"\r\n            triggers=\"hover focus\"\r\n          >\r\n            <template #title>\r\n              <h3 class=\"custom-text-truncate-title text-capitalize\">\r\n                {{ beneficio.nombre }}\r\n              </h3>\r\n            </template>\r\n            <h3 v-if=\"beneficio.stock !== beneficio.canjes\">\r\n              Disponibles: {{ beneficio.stock - beneficio.canjes }}\r\n            </h3>\r\n            <h3 v-else>\r\n              <b-badge variant=\"warning\">Agotado</b-badge>\r\n            </h3>\r\n            <p\r\n              class=\"custom-text-truncate-p text-white-50\"\r\n              style=\"font-size: 13px\"\r\n            >\r\n              {{ beneficio.descripcion }}\r\n            </p>\r\n            <vs-button\r\n              success\r\n              :disabled=\"\r\n                beneficio.canjes === beneficio.stock ||\r\n                totalCoins < beneficio.coins\r\n              \"\r\n              gradient\r\n              block\r\n              @click=\"handleModalOpen(beneficio)\"\r\n            >\r\n              <i class=\"fas fa-circle-check mr-2\"></i>\r\n              Canjear\r\n            </vs-button>\r\n          </b-popover>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- modal generate ticket -->\r\n    <b-modal\r\n      id=\"generateTicket\"\r\n      size=\"md\"\r\n      hide-footer\r\n      hide-header\r\n      body-class=\"body-modal-custom bg-dark\"\r\n      no-close-on-backdrop\r\n    >\r\n      <section class=\"d-flex justify-content-center position-relative\">\r\n        <!-- close modal -->\r\n        <vs-button\r\n          @click=\"closedModalTicket\"\r\n          circle\r\n          icon\r\n          danger\r\n          class=\"position-absolute\"\r\n          style=\"top: -0.5rem; right: -0.5rem\"\r\n        >\r\n          <i class=\"fas fa-circle-xmark\"></i>\r\n        </vs-button>\r\n        <main class=\"ticket-system\">\r\n          <div class=\"top\">\r\n            <h1 class=\"title\">\r\n              Espera un segundo, tu ticket se está imprimiendo.\r\n            </h1>\r\n\r\n            <!-- download -->\r\n            <!-- <vs-button>\r\n              <i class=\"fas fa-download mr-1\"></i> Descargar\r\n            </vs-button> -->\r\n            <div class=\"printer\" />\r\n          </div>\r\n          <div class=\"receipts-wrapper\">\r\n            <div class=\"receipts\">\r\n              <div class=\"receipt\">\r\n                <img width=\"100\" src=\"/img/HXLogoBlack.png\" alt=\"logo_helex\" />\r\n                <div class=\"beneficio text-uppercase\">\r\n                  <h2>{{ dataCanje.nombre }}</h2>\r\n                </div>\r\n                <div class=\"details\">\r\n                  <div class=\"item\">\r\n                    <span>Coins</span>\r\n                    <h3>\r\n                      {{ dataCanje.coins }}\r\n                      <img\r\n                        style=\"width: 20px\"\r\n                        loading=\"lazy\"\r\n                        src=\"/img/coins.png\"\r\n                        alt=\"coins\"\r\n                      />\r\n                    </h3>\r\n                  </div>\r\n                  <div class=\"item\">\r\n                    <span>Ticket No.</span>\r\n                    <h3>HELEX01</h3>\r\n                  </div>\r\n                  <div class=\"item\">\r\n                    <span>Fecha</span>\r\n                    <h3>\r\n                      {{ this.$moment\r\n            .tz(new Date(), \"America/Bogota\")\r\n            .format(\"YYYY-MM-DD\"), }}\r\n                    </h3>\r\n                  </div>\r\n                  <div class=\"item\">\r\n                    <span>Hora</span>\r\n                    <h3>\r\n                      {{ this.$moment\r\n            .tz(new Date(), \"America/Bogota\")\r\n            .format(\"hh:mm\"), }}\r\n                    </h3>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"receipt qr-code\">\r\n                <img class=\"qr\" v-if=\"qrUrl\" :src=\"qrUrl\" alt=\"QR Code\" />\r\n                <!-- <svg\r\n                  class=\"qr\"\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  viewBox=\"0 0 29.938 29.938\"\r\n                >\r\n                  <path\r\n                    d=\"M7.129 15.683h1.427v1.427h1.426v1.426H2.853V17.11h1.426v-2.853h2.853v1.426h-.003zm18.535 12.83h1.424v-1.426h-1.424v1.426zM8.555 15.683h1.426v-1.426H8.555v1.426zm19.957 12.83h1.427v-1.426h-1.427v1.426zm-17.104 1.425h2.85v-1.426h-2.85v1.426zm12.829 0v-1.426H22.81v1.426h1.427zm-5.702 0h1.426v-2.852h-1.426v2.852zM7.129 11.406v1.426h4.277v-1.426H7.129zm-1.424 1.425v-1.426H2.852v2.852h1.426v-1.426h1.427zm4.276-2.852H.002V.001h9.979v9.978zM8.555 1.427H1.426v7.127h7.129V1.427zm-5.703 25.66h4.276V22.81H2.852v4.277zm14.256-1.427v1.427h1.428V25.66h-1.428zM7.129 2.853H2.853v4.275h4.276V2.853zM29.938.001V9.98h-9.979V.001h9.979zm-1.426 1.426h-7.127v7.127h7.127V1.427zM0 19.957h9.98v9.979H0v-9.979zm1.427 8.556h7.129v-7.129H1.427v7.129zm0-17.107H0v7.129h1.427v-7.129zm18.532 7.127v1.424h1.426v-1.424h-1.426zm-4.277 5.703V22.81h-1.425v1.427h-2.85v2.853h2.85v1.426h1.425v-2.853h1.427v-1.426h-1.427v-.001zM11.408 5.704h2.85V4.276h-2.85v1.428zm11.403 11.405h2.854v1.426h1.425v-4.276h-1.425v-2.853h-1.428v4.277h-4.274v1.427h1.426v1.426h1.426V17.11h-.004zm1.426 4.275H22.81v-1.427h-1.426v2.853h-4.276v1.427h2.854v2.853h1.426v1.426h1.426v-2.853h5.701v-1.426h-4.276v-2.853h-.002zm0 0h1.428v-2.851h-1.428v2.851zm-11.405 0v-1.427h1.424v-1.424h1.425v-1.426h1.427v-2.853h4.276v-2.853h-1.426v1.426h-1.426V7.125h-1.426V4.272h1.426V0h-1.426v2.852H15.68V0h-4.276v2.852h1.426V1.426h1.424v2.85h1.426v4.277h1.426v1.426H15.68v2.852h-1.426V9.979H12.83V8.554h-1.426v2.852h1.426v1.426h-1.426v4.278h1.426v-2.853h1.424v2.853H12.83v1.426h-1.426v4.274h2.85v-1.426h-1.422zm15.68 1.426v-1.426h-2.85v1.426h2.85zM27.086 2.853h-4.275v4.275h4.275V2.853zM15.682 21.384h2.854v-1.427h-1.428v-1.424h-1.427v2.851zm2.853-2.851v-1.426h-1.428v1.426h1.428zm8.551-5.702h2.853v-1.426h-2.853v1.426zm1.426 11.405h1.427V22.81h-1.427v1.426zm0-8.553h1.427v-1.426h-1.427v1.426zm-12.83-7.129h-1.425V9.98h1.425V8.554z\"\r\n                  />\r\n                </svg> -->\r\n                <div class=\"description\">\r\n                  <p>Mostrar código QR cuando se solicite.</p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </main>\r\n      </section>\r\n    </b-modal>\r\n  </b-card>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapMutations } from \"vuex\";\r\nimport CardTable from \"../../../components/cardTable/CardTable.vue\";\r\nconst Swal = require(\"sweetalert2\");\r\nexport default {\r\n  name: \"market\",\r\n  components: {\r\n    CardTable,\r\n  },\r\n  data() {\r\n    return {\r\n      persona: {},\r\n      qrUrl: \"\",\r\n      filterBeneficios: \"todos\",\r\n      filterCategorias: \"\",\r\n      searchBeneficios: \"\",\r\n      listaItems: [\r\n        {\r\n          id: 1,\r\n          nombre: \"dia libre\",\r\n          descripcion: \"descanso\",\r\n          categoriaId: \"Tiempo Libre\",\r\n          imagenPreview: null,\r\n          coins: 20,\r\n          stock: 20,\r\n          canjes: null,\r\n          visibilidadAreaId: false,\r\n          createdAt: null,\r\n          responsableId: null,\r\n          estado: true,\r\n          categoria: {\r\n            nombre: \"\",\r\n          },\r\n        },\r\n      ],\r\n      dataCanje: {\r\n        id: 1,\r\n        nombre: \"dia libre\",\r\n        descripcion: \"descanso\",\r\n        categoriaId: \"Tiempo Libre\",\r\n        imagenPreview: null,\r\n        coins: 20,\r\n        stock: 20,\r\n        visibilidadAreaId: false,\r\n        createdAt: null,\r\n        responsableId: null,\r\n        estado: true,\r\n        categoria: {\r\n          nombre: \"\",\r\n        },\r\n      },\r\n      personaUbicacion: {\r\n        area: {\r\n          id: null,\r\n        },\r\n      },\r\n      dataCards: [\r\n        {\r\n          title: \"🍔Snacks y Alimentos\",\r\n          value: () => {},\r\n          iconName: \"pizza-slice\",\r\n          color: \"rgb(255, 130, 0)\",\r\n          tipo: \"circle\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.filterCategorias = \"snacks y alimentos\";\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n            this.filterCategorias = \"\";\r\n          },\r\n        },\r\n        {\r\n          title: \"🎉Diversión y Entretenimiento\",\r\n          value: () => {},\r\n          iconName: \"gamepad\",\r\n          color: \"rgba(71, 136, 255, 1)\",\r\n          tipo: \"circle\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.filterCategorias = \"diversión y entretenimiento\";\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n            this.filterCategorias = \"\";\r\n          },\r\n        },\r\n        {\r\n          title: \"📚Educación\",\r\n          value: () => {},\r\n          iconName: \"book\",\r\n          color: \"rgb(23, 201, 100)\",\r\n          tipo: \"circle\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.filterCategorias = \"educación\";\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n            this.filterCategorias = \"\";\r\n          },\r\n        },\r\n        {\r\n          title: \"🏅Deporte y Salud\",\r\n          value: () => {},\r\n          iconName: \"heart-pulse\",\r\n          color: \"rgb(242, 19, 93)\",\r\n          tipo: \"circle\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.filterCategorias = \"deporte y salud\";\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n            this.filterCategorias = \"\";\r\n          },\r\n        },\r\n        {\r\n          title: \"🏖️Tiempo Libre\",\r\n          value: () => {},\r\n          iconName: \"umbrella-beach\",\r\n          color: \"#8e44ad\",\r\n          tipo: \"circle\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.filterCategorias = \"tiempo libre\";\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n            this.filterCategorias = \"\";\r\n          },\r\n        },\r\n        {\r\n          title: \"👔Ropa y Calzado\",\r\n          value: () => {},\r\n          iconName: \"vest-patches\",\r\n          color: \"#00b894\",\r\n          tipo: \"circle\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.filterCategorias = \"ropa y calzado\";\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n            this.filterCategorias = \"\";\r\n          },\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  async mounted() {\r\n    this.$isLoading(true);\r\n    this.persona = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\r\n    this.listaItems = [];\r\n    await this.getPersonaUbicacion(this.persona.id);\r\n    await this.getData();\r\n    // this.dataCards = this.showFilterDataCards();\r\n    this.$isLoading(false);\r\n  },\r\n  methods: {\r\n    ...mapMutations({\r\n      setTotalCoins: \"setTotalCoins\",\r\n      setTotalCanjes: \"setTotalCanjes\",\r\n    }),\r\n    updateTotalCoins(newValue) {\r\n      this.setTotalCoins(newValue);\r\n    },\r\n    updateTotalCanjes(newValue) {\r\n      this.setTotalCanjes(newValue);\r\n    },\r\n    async addCanjesLog(item) {\r\n      try {\r\n        let newCanje = {\r\n          BeneficioId: item.id,\r\n          Beneficio: item.nombre,\r\n          PersonaId: this.persona.id,\r\n          AreaId: this.personaUbicacion.area.id,\r\n          Categoria: item.categoria.nombre,\r\n          Coins: String(item.coins),\r\n          Fecha: this.$moment\r\n            .tz(new Date(), \"America/Bogota\")\r\n            .format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n        };\r\n\r\n        console.log(newCanje);\r\n        let res = await this.$store.dispatch(\"hl_post\", {\r\n          path: \"CanjesMarketlog/\",\r\n          data: newCanje,\r\n        });\r\n        console.log(\"add log...\", res);\r\n        if (res.success) {\r\n          this.$vs.notification({\r\n            //duration: \"none\",\r\n            progress: \"auto\",\r\n            icon: `<i class='fas fa-circle-check'></i>`,\r\n            color: \"success\",\r\n            position: \"top-right\",\r\n            title: \"Canjeado con exito!\",\r\n          });\r\n\r\n          let result = await this.newCanje(item.id);\r\n\r\n          if (result.success) {\r\n            let index = this.listaItems.indexOf(item);\r\n            if (this.listaItems[index].canjes === null) {\r\n              this.listaItems[index].canjes = 1;\r\n            } else {\r\n              this.listaItems[index].canjes++;\r\n            }\r\n\r\n            this.updateTotalCoins(this.totalCoins - item.coins);\r\n            this.updateTotalCanjes(this.totalCanjes + item.coins);\r\n          }\r\n        }\r\n      } catch (error) {\r\n        this.$vs.notification({\r\n          //duration: \"none\",\r\n          progress: \"auto\",\r\n          icon: `<i class='fas fa-circle-xmark'></i>`,\r\n          color: \"danger\",\r\n          position: \"top-right\",\r\n          title: error,\r\n        });\r\n        console.log(\"err\", error);\r\n        return null;\r\n      }\r\n    },\r\n    async generarQR(item) {\r\n      const datos = `Nombre del Beneficio: ${item.nombre}\\nCoins: ${\r\n        item.coins\r\n      }\\nNúmero de Ticket: HELEX01\\nFecha: ${this.$moment\r\n        .tz(new Date(), \"America/Bogota\")\r\n        .format(\"YYYY-MM-DD\")}\\nHora: ${this.$moment\r\n        .tz(new Date(), \"America/Bogota\")\r\n        .format(\"hh:mm\")}`;\r\n\r\n      const apiEndpoint = \"https://api.qrserver.com/v1/create-qr-code/\";\r\n      const queryParams = `?data=${encodeURIComponent(datos)}`;\r\n      this.qrUrl = `${apiEndpoint}${queryParams}`;\r\n    },\r\n    handleModalOpen(item) {\r\n      Swal.fire({\r\n        title: \"Seguro de canjear?\",\r\n        text: \"Este proceso es irreversible!\",\r\n        icon: \"warning\",\r\n        showCancelButton: true,\r\n        confirmButtonColor: \"#1A5CFF\",\r\n        cancelButtonColor: \"rgb(242, 19, 93)\",\r\n        confirmButtonText: \"Si, canjear!\",\r\n        cancelButtonText: \"Cancelar\",\r\n      }).then(async (result) => {\r\n        // console.log(result);\r\n        if (result.isConfirmed) {\r\n          this.dataCanje = item;\r\n          this.generarQR(item);\r\n          this.$bvModal.show(\"generateTicket\");\r\n\r\n          this.addCanjesLog(item);\r\n        }\r\n      });\r\n    },\r\n    closedModalTicket() {\r\n      this.$bvModal.hide(\"generateTicket\");\r\n    },\r\n    showFilterDataCards() {\r\n      let list = this.dataCards || [];\r\n\r\n      return Array.from(\r\n        new Set(this.listaItems.map((beneficio) => beneficio.categoria.nombre))\r\n      ).map(\r\n        (categoria) =>\r\n          list.filter(\r\n            (card) => card.title.slice(2).toLowerCase() === categoria\r\n          )[0]\r\n      );\r\n    },\r\n    async newCanje(beneficioId) {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"RegistroBeneficiosMarket/NewCanje/\" + beneficioId,\r\n        });\r\n        console.log(\"new canje...\", res);\r\n        return res;\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async getData() {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path:\r\n            \"RegistroBeneficiosMarket/List/\" + this.personaUbicacion.area.id,\r\n        });\r\n        console.log(\"list beneficios...\", res);\r\n        if (res.success) {\r\n          this.listaItems = res.data.filter(\r\n            (beneficio) => beneficio.estado !== 0\r\n          );\r\n          console.log(\"update list\", this.listaItems);\r\n        }\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async getPersonaUbicacion(personaId) {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"PersonaUbicacion/GetByPersona/\" + personaId,\r\n        });\r\n        console.log(\"persona ubicacion...\", res);\r\n        if (res.cargo) {\r\n          this.personaUbicacion = res;\r\n        }\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      getTotalCoins: \"getTotalCoins\",\r\n      getTotalCanjes: \"getTotalCanjes\",\r\n    }),\r\n    totalCoins() {\r\n      return this.getTotalCoins;\r\n    },\r\n    totalCanjes() {\r\n      return this.getTotalCanjes;\r\n    },\r\n    filterShowBeneficios() {\r\n      let list = this.listaItems || [];\r\n\r\n      if (this.filterBeneficios !== \"todos\") {\r\n        list = list.filter((beneficio) =>\r\n          this.filterBeneficios === \"publico\"\r\n            ? beneficio.visibilidadAreaId === null\r\n            : beneficio.visibilidadAreaId !== null\r\n        );\r\n      }\r\n\r\n      if (this.searchBeneficios !== \"\") {\r\n        list = list.filter((beneficio) =>\r\n          beneficio.nombre\r\n            .toLowerCase()\r\n            .includes(this.searchBeneficios.toLowerCase())\r\n        );\r\n      }\r\n\r\n      if (this.filterCategorias !== \"\") {\r\n        list = list.filter((beneficio) =>\r\n          beneficio.categoria.nombre\r\n            .toLowerCase()\r\n            .includes(this.filterCategorias.toLowerCase())\r\n        );\r\n      }\r\n      return list;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.bg-market {\r\n  background-image: url(/img/blob-scene-haikei.svg);\r\n  background-size: cover;\r\n  background-position: top;\r\n}\r\n\r\n.input-container {\r\n  position: relative;\r\n}\r\n\r\n#inputSearch {\r\n  width: 380px;\r\n  max-width: 430px;\r\n  height: 60px;\r\n  border-radius: 30px;\r\n  font-size: 1.2rem;\r\n  font-weight: 700;\r\n  transition: all 0.5s;\r\n  border: none;\r\n}\r\n\r\n#inputSearch:focus {\r\n  width: 430px;\r\n  box-shadow: inset 0 0 0 2px rgb(242, 19, 93);\r\n}\r\n#inputSearch::placeholder {\r\n  font-size: 1.2rem;\r\n  font-weight: 700;\r\n}\r\n\r\n#icon-search {\r\n  position: absolute;\r\n  transition: 0.5s;\r\n  top: 50%;\r\n  transform: translate(0, -50%);\r\n  right: 10px !important;\r\n}\r\n\r\n/* ticket sistem */\r\n.ticket-system {\r\n  max-width: 350px;\r\n  .top {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-direction: column;\r\n    .title {\r\n      font-weight: 400;\r\n      font-size: 1.6em;\r\n      text-align: left;\r\n      margin-left: 20px;\r\n      margin-bottom: 50px;\r\n      color: #fff;\r\n    }\r\n    .printer {\r\n      width: 90%;\r\n      height: 20px;\r\n      border: 5px solid #fff;\r\n      border-radius: 10px;\r\n      box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2);\r\n    }\r\n  }\r\n\r\n  .receipts-wrapper {\r\n    overflow: hidden;\r\n    margin-top: -10px;\r\n    padding-bottom: 10px;\r\n  }\r\n\r\n  .receipts {\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    flex-direction: column;\r\n    transform: translateY(-510px);\r\n\r\n    animation-duration: 2.5s;\r\n    animation-delay: 500ms;\r\n    animation-name: print;\r\n    animation-fill-mode: forwards;\r\n\r\n    .receipt {\r\n      padding: 25px 30px;\r\n      text-align: left;\r\n      min-height: 200px;\r\n      width: 88%;\r\n      background-color: #fff;\r\n      border-radius: 10px 10px 20px 20px;\r\n      box-shadow: 1px 3px 8px 3px rgba(0, 0, 0, 0.2);\r\n\r\n      .beneficio {\r\n        margin: 30px 0;\r\n\r\n        h2 {\r\n          font-weight: 700;\r\n          font-size: 1.5em;\r\n          color: rgba(28, 28, 28, 0.9);\r\n          margin: 0;\r\n        }\r\n      }\r\n\r\n      .details {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        flex-wrap: wrap;\r\n\r\n        .item {\r\n          display: flex;\r\n          flex-direction: column;\r\n          min-width: 70px;\r\n\r\n          span {\r\n            font-size: 0.8em;\r\n            color: rgba(28, 28, 28, 0.7);\r\n            font-weight: 500;\r\n          }\r\n          h3 {\r\n            margin-top: 10px;\r\n            margin-bottom: 25px;\r\n            color: #000;\r\n          }\r\n        }\r\n      }\r\n\r\n      &.qr-code {\r\n        height: 110px;\r\n        min-height: unset;\r\n        position: relative;\r\n        border-radius: 20px 20px 10px 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        &::before {\r\n          content: \"\";\r\n          background: linear-gradient(to right, #fff 50%, #3f32e5 50%);\r\n          background-size: 22px 4px, 100% 4px;\r\n          height: 4px;\r\n          width: 90%;\r\n          display: block;\r\n          left: 0;\r\n          right: 0;\r\n          top: -1px;\r\n          position: absolute;\r\n          margin: auto;\r\n        }\r\n\r\n        .qr {\r\n          width: 70px;\r\n          height: 70px;\r\n        }\r\n\r\n        .description {\r\n          margin-left: 20px;\r\n          p {\r\n            margin: 0;\r\n            font-weight: 400;\r\n            color: rgba(28, 28, 28, 0.7);\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes print {\r\n  0% {\r\n    transform: translateY(-510px);\r\n  }\r\n  35% {\r\n    transform: translateY(-395px);\r\n  }\r\n  70% {\r\n    transform: translateY(-140px);\r\n  }\r\n  100% {\r\n    transform: translateY(0);\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!./Market.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!./Market.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Market.vue?vue&type=template&id=5e747507&scoped=true\"\nimport script from \"./Market.vue?vue&type=script&lang=js\"\nexport * from \"./Market.vue?vue&type=script&lang=js\"\nimport style0 from \"./Market.vue?vue&type=style&index=0&id=5e747507&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  \"5e747507\",\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!./CardTable.vue?vue&type=style&index=0&id=09c1d471&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!./Market.vue?vue&type=style&index=0&id=5e747507&prod&scoped=true&lang=css\""],"sourceRoot":""}