{"version":3,"sources":["webpack:///./src/components/Lego/TableroHeader.vue?f8a7","webpack:///./src/components/Lego/LegoTooltip.vue","webpack:///./src/components/buttons/TreeDots.vue","webpack:///src/components/buttons/TreeDots.vue","webpack:///./src/components/buttons/TreeDots.vue?0072","webpack:///./src/components/buttons/TreeDots.vue?3337","webpack:///src/components/Lego/LegoTooltip.vue","webpack:///./src/components/Lego/LegoTooltip.vue?7c7a","webpack:///./src/components/Lego/LegoTooltip.vue?702a","webpack:///./src/components/Tooltip2Vue/Tooltip2Vue.vue?78d5","webpack:///./src/components/Lego/InputAutoGrow.vue?a97a","webpack:///./src/components/Lego/LegoTooltip.vue?4537","webpack:///./src/views/Helexium/Lego/LegoViewTablero.vue?3ac9","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/Lego/LegoViewTablero.vue","webpack:///./src/components/Lego/TableroHeader.vue","webpack:///./src/components/Lego/InputAutoGrow.vue","webpack:///src/components/Lego/InputAutoGrow.vue","webpack:///./src/components/Lego/InputAutoGrow.vue?9c5e","webpack:///./src/components/Lego/InputAutoGrow.vue?b7b1","webpack:///src/components/Lego/TableroHeader.vue","webpack:///./src/components/Lego/TableroHeader.vue?98b8","webpack:///./src/components/Lego/TableroHeader.vue?fa1e","webpack:///src/views/Helexium/Lego/LegoViewTablero.vue","webpack:///./src/views/Helexium/Lego/LegoViewTablero.vue?8246","webpack:///./src/views/Helexium/Lego/LegoViewTablero.vue?b8ca","webpack:///./src/components/buttons/TreeDots.vue?6174","webpack:///./src/components/Lego/LegoProgressBar.vue","webpack:///src/components/Lego/LegoProgressBar.vue","webpack:///./src/components/Lego/LegoProgressBar.vue?e57e","webpack:///./src/components/Lego/LegoProgressBar.vue?6c94","webpack:///./src/components/Lego/LegoProgressBar.vue?8162"],"names":["render","_vm","this","_c","_self","attrs","position","scopedSlots","_u","key","fn","staticClass","_t","_v","proxy","staticRenderFns","_g","$listeners","component","props","type","String","default","components","Tooltip2Vue","TreeDots","on","onOver","onOut","onFocus","closeBlur","_m","deleteTooltip","_e","class","show","close","nativeShow","Boolean","dev","hover","data","placement","outShow","computed","mounted","setBasicPosition","methods","handleDocumentBody","ev","$el","contains","target","document","removeEventListener","relatedTarget","addEventListener","setResponsivePosition","tp","querySelector","style","top","bottom","left","transform","right","width","window","innerWidth","rect","getBoundingClientRect","wPop","relativeLeft","wtp","offsetWidth","includes","setOutShow","value","boardId","_l","typesOfBoard","typeOfBoard","$event","selectedType","name","_s","tag","updateTitleBoard","model","title","callback","$$v","expression","roleLevel","focusOnHeaderTitle","isTemplate","preventDefault","cloneBoard","apply","arguments","waiting","clonePlantilla","deleteBoard","porcentajeDelTablero","domProps","updateWidth","blur","$watch","headerInput","parentNode","dataset","$emit","required","LegoTooltip","InputAutoGrow","LegoProgressBar","titleCopy","board","$store","state","lego","columns","Array","isArray","flatMap","column","cards","userLoggedIn","getters","currencyRole","level","parentDataSet","dispatch","$router","push","response","fetchPost","path","id","ok","fetchGet","json","focus","card","TableroHeader","TableroKanban","TableroGantt","beforeDestroy","find","list","length","__default__","color","updateValue","deep","immediate","completed","reduce","acc","item","isDone","result","toFixed"],"mappings":"kHAAA,W,sFCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,cAAc,CAACE,MAAM,CAAC,SAAWJ,EAAIK,UAAUC,YAAYN,EAAIO,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACP,EAAG,MAAM,CAACQ,YAAY,YAAY,CAACV,EAAIW,GAAG,WAAU,WAAW,MAAO,CAACT,EAAG,MAAM,CAACF,EAAIY,GAAG,2BAA0B,KAAKC,OAAM,IAAO,MAAK,IAAO,CAACb,EAAIW,GAAG,UAAS,WAAW,MAAO,CAACT,EAAG,iBAAgB,IAEjXY,EAAkB,G,YCFlBf,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAMF,EAAIe,GAAG,CAACL,YAAY,aAAaV,EAAIgB,YAAY,CAACd,EAAG,MAAM,CAACQ,YAAY,QAAQR,EAAG,MAAM,CAACQ,YAAY,QAAQR,EAAG,MAAM,CAACQ,YAAY,WAE5MI,EAAkB,GCDP,KCDiV,I,wBCQ5VG,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCfA,GACfC,MAAA,CACAb,SAAA,CACAc,KAAAC,OACAC,QAAA,WAGAC,WAAA,CACAC,mBACAC,aCbmW,ICQ/V,G,UAAY,eACd,EACAzB,EACAe,GACA,EACA,KACA,WACA,OAIa,S,6CCnBf,W,oCCAA,W,2DCAA,W,kCCAA,W,oCCAA,IAAIf,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,SAAS,CAACQ,YAAY,SAASN,MAAM,CAAC,SAAW,KAAKqB,GAAG,CAAC,UAAYzB,EAAI0B,OAAO,SAAW1B,EAAI2B,MAAM,MAAQ3B,EAAI4B,QAAQ,KAAO5B,EAAI6B,YAAY,CAAC7B,EAAIW,GAAG,WAAU,WAAW,MAAO,CAACX,EAAI8B,GAAG,OAAQ9B,EAAI+B,cAAyN/B,EAAIgC,KAA9M9B,EAAG,MAAM,CAACQ,YAAY,KAAKuB,MAAM,CAAE,KAAQjC,EAAIkC,OAAQ,CAAClC,EAAIW,GAAG,WAAU,WAAW,MAAO,CAACT,EAAG,MAAM,CAACQ,YAAY,cAAc,CAACV,EAAIY,GAAG,kBAAiB,CAAC,MAAQZ,EAAImC,MAAM,OAASnC,EAAIoC,cAAc,IAAa,IAE9etB,EAAkB,CAAC,WAAY,IAAId,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACQ,YAAY,mBAAmB,CAACV,EAAIY,GAAG,aCAnH,GACfM,MAAA,CAEAb,SAAA,CACAc,KAAAC,OACAC,QAAA,OAEAU,cAAA,CACAZ,KAAAkB,QACAhB,SAAA,GAEAiB,IAAA,CACAnB,KAAAkB,QACAhB,SAAA,GAEAkB,MAAA,CACApB,KAAAkB,QACAhB,SAAA,IAGAmB,OACA,OACAJ,aAAA,KAAAE,IACAG,UAAA,KAAApC,SACAqC,SAAA,IAGAC,SAAA,CACAT,OACA,YAAAE,YAAA,KAAAM,UAGAE,UACA,KAAAC,oBAEAC,QAAA,CACAC,mBAAAC,GAEA,KAAAC,IAAAC,SAAAF,EAAAG,SACA,KAAAhB,SAGAA,QACA,KAAAC,YAAA,EACAgB,SAAAC,oBAAA,aAAAN,qBAEAlB,UAAAmB,GACA,KAAAC,IAAAC,SAAAF,EAAAM,iBACA,KAAAlB,YAAA,EACAgB,SAAAC,oBAAA,aAAAN,sBAGAnB,UACA,KAAAQ,YACAgB,SAAAG,iBAAA,aAAAR,oBAEA,KAAAX,YAAA,EACA,KAAAS,mBACA,KAAAW,yBAEA9B,SACA,KAAAa,QACA,KAAAH,YAAA,EACA,KAAAS,mBACA,KAAAW,0BAGA7B,QACA,KAAAY,QACA,KAAAH,YAAA,IAIAS,mBACA,MAAAY,EAAA,KAAAR,IAAAS,cAAA,OAGA,eAAAjB,WACAgB,EAAAE,MAAAC,IAAA,OACAH,EAAAE,MAAAE,OAAA,OACAJ,EAAAE,MAAAG,KAAA,MACAL,EAAAE,MAAAI,UAAA,sBACA,qBAAAtB,WACAgB,EAAAE,MAAAC,IAAA,OACAH,EAAAE,MAAAE,OAAA,OACAJ,EAAAE,MAAAG,KAAA,OACAL,EAAAE,MAAAK,MAAA,OACAP,EAAAE,MAAAI,UAAA,sBACA,mBAAAtB,WACAgB,EAAAE,MAAAC,IAAA,OACAH,EAAAE,MAAAE,OAAA,OACAJ,EAAAE,MAAAG,KAAA,OACAL,EAAAE,MAAAK,MAAA,OACAP,EAAAE,MAAAI,UAAA,uBAGA,YAAAtB,WACAgB,EAAAE,MAAAC,IAAA,OACAH,EAAAE,MAAAE,OAAA,OACAJ,EAAAE,MAAAG,KAAA,MACAL,EAAAE,MAAAI,UAAA,sBACA,kBAAAtB,WACAgB,EAAAE,MAAAC,IAAA,OACAH,EAAAE,MAAAE,OAAA,OACAJ,EAAAE,MAAAG,KAAA,OACAL,EAAAE,MAAAK,MAAA,OACAP,EAAAE,MAAAI,UAAA,sBACA,gBAAAtB,WACAgB,EAAAE,MAAAC,IAAA,OACAH,EAAAE,MAAAE,OAAA,OACAJ,EAAAE,MAAAG,KAAA,OACAL,EAAAE,MAAAK,MAAA,OACAP,EAAAE,MAAAI,UAAA,uBAGA,aAAAtB,WACAgB,EAAAE,MAAAC,IAAA,MACAH,EAAAE,MAAAE,OAAA,OACAJ,EAAAE,MAAAG,KAAA,OACAL,EAAAE,MAAAK,MAAA,OACAP,EAAAE,MAAAI,UAAA,sBACA,mBAAAtB,WACAgB,EAAAE,MAAAC,IAAA,OACAH,EAAAE,MAAAE,OAAA,OACAJ,EAAAE,MAAAG,KAAA,OACAL,EAAAE,MAAAK,MAAA,OACAP,EAAAE,MAAAI,UAAA,sBACA,uBAAAtB,WACAgB,EAAAE,MAAAC,IAAA,OACAH,EAAAE,MAAAE,OAAA,OACAJ,EAAAE,MAAAG,KAAA,OACAL,EAAAE,MAAAK,MAAA,OACAP,EAAAE,MAAAI,UAAA,mBACA,iBAAAtB,WACAgB,EAAAE,MAAAC,IAAA,OACAH,EAAAE,MAAAE,OAAA,OACAJ,EAAAE,MAAAG,KAAA,OACAL,EAAAE,MAAAK,MAAA,OACAP,EAAAE,MAAAI,UAAA,uBACA,qBAAAtB,WACAgB,EAAAE,MAAAC,IAAA,OACAH,EAAAE,MAAAE,OAAA,OACAJ,EAAAE,MAAAG,KAAA,OACAL,EAAAE,MAAAK,MAAA,OACAP,EAAAE,MAAAI,UAAA,mBAGA,cAAAtB,WACAgB,EAAAE,MAAAC,IAAA,MACAH,EAAAE,MAAAE,OAAA,OACAJ,EAAAE,MAAAG,KAAA,OACAL,EAAAE,MAAAK,MAAA,OACAP,EAAAE,MAAAI,UAAA,sBACA,oBAAAtB,WACAgB,EAAAE,MAAAC,IAAA,OACAH,EAAAE,MAAAE,OAAA,OACAJ,EAAAE,MAAAG,KAAA,OACAL,EAAAE,MAAAK,MAAA,OACAP,EAAAE,MAAAI,UAAA,sBACA,wBAAAtB,WACAgB,EAAAE,MAAAC,IAAA,OACAH,EAAAE,MAAAE,OAAA,OACAJ,EAAAE,MAAAG,KAAA,OACAL,EAAAE,MAAAK,MAAA,OACAP,EAAAE,MAAAI,UAAA,mBACA,kBAAAtB,WACAgB,EAAAE,MAAAC,IAAA,OACAH,EAAAE,MAAAE,OAAA,OACAJ,EAAAE,MAAAG,KAAA,OACAL,EAAAE,MAAAK,MAAA,OACAP,EAAAE,MAAAI,UAAA,uBACA,sBAAAtB,YACAgB,EAAAE,MAAAC,IAAA,OACAH,EAAAE,MAAAE,OAAA,OACAJ,EAAAE,MAAAG,KAAA,OACAL,EAAAE,MAAAK,MAAA,OACAP,EAAAE,MAAAI,UAAA,oBAGAP,wBAEA,MAAAS,EAAAC,OAAAC,WAMAC,EAAA,KAAAnB,IAAAoB,wBACAC,EAAAF,EAAAH,MAEAM,EAAAH,EAAAN,KAQAL,EAAA,KAAAR,IAAAS,cAAA,OACAc,EAAAf,EAAAgB,YAEA,KAAAhC,UAAAiC,SAAA,SACAH,EAAAD,EAAAE,EAAA,IAAAP,IACA,KAAAxB,UAAA,eAKAkC,WAAAC,GACA,KAAAlC,QAAAkC,KCnNmW,I,wBCQ/V3D,EAAY,eACd,EACAlB,EACAe,GACA,EACA,KACA,WACA,MAIa,OAAAG,E,2ECnBf,IAAIlB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACQ,YAAY,WAAW,CAACR,EAAG,eAAeA,EAAG,gBAAgB,CAACQ,YAAY,SAASN,MAAM,CAAC,QAAUJ,EAAI6E,UAAU,CAAC3E,EAAG,MAAM,CAACQ,YAAY,eAAeV,EAAI8E,GAAI9E,EAAI+E,cAAc,SAASC,GAAa,OAAO9E,EAAG,SAAS,CAACM,IAAIwE,EAAYJ,MAAMlE,YAAY,aAAae,GAAG,CAAC,MAAQ,SAASwD,GAAQjF,EAAIkF,aAAeF,EAAYG,QAAQ,CAACnF,EAAIY,GAAG,IAAIZ,EAAIoF,GAAGJ,EAAYG,MAAM,UAAS,KAAKjF,EAAGF,EAAIgF,YAAY,CAACK,IAAI,eAAe,IAElfvE,EAAkB,GCFlBf,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,SAAS,CAACQ,YAAY,UAAU,CAACR,EAAG,MAAM,CAACQ,YAAY,cAAc,CAACR,EAAG,MAAM,CAACQ,YAAY,eAAe,CAACR,EAAG,gBAAgB,CAACuB,GAAG,CAAC,KAAOzB,EAAIsF,kBAAkBC,MAAM,CAACX,MAAO5E,EAAIwF,MAAOC,SAAS,SAAUC,GAAM1F,EAAIwF,MAAME,GAAKC,WAAW,YAAY,GAAGzF,EAAG,MAAM,CAACQ,YAAY,eAAe,CAACV,EAAIW,GAAG,WAAWT,EAAG,cAAc,CAACE,MAAM,CAAC,SAAW,eAAe,CAAEJ,EAAI4F,UAAY,EAAG1F,EAAG,OAAO,CAACuB,GAAG,CAAC,MAAQzB,EAAI6F,qBAAqB,CAAC7F,EAAIY,GAAG,+BAA+BZ,EAAIgC,KAAMhC,EAAI4F,UAAY,EAAG1F,EAAG,aAAa,CAACE,MAAM,CAAC,GAAK,CAAE+E,KAAM,0BAA2B,CAACjF,EAAG,OAAO,CAACF,EAAIY,GAAG,uBAAuBZ,EAAIgC,KAAOhC,EAAI8F,WAAsvB9F,EAAIgC,KAA9uB9B,EAAG,cAAc,CAACQ,YAAY,wBAAwBN,MAAM,CAAC,SAAW,cAAcE,YAAYN,EAAIO,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,WAAW,MAAO,CAACP,EAAG,OAAO,CAACF,EAAIY,GAAG,sBAAsBC,OAAM,IAAO,MAAK,EAAM,aAAa,CAACX,EAAG,OAAO,CAACuB,GAAG,CAAC,OAAS,SAASwD,GAAgC,OAAxBA,EAAOc,iBAAwB/F,EAAIgG,WAAWC,MAAM,KAAMC,cAAc,CAAChG,EAAG,SAAS,CAACQ,YAAY,QAAQ,CAACR,EAAG,IAAI,CAACF,EAAIY,GAAG,sBAAsBV,EAAG,MAAM,CAACQ,YAAY,WAAW,CAACR,EAAG,IAAI,CAACF,EAAIY,GAAG,gCAAiCZ,EAAIoF,GAAMpF,EAAIwF,MAAN,YAAuB,OAAQtF,EAAG,MAAMF,EAAIY,GAAG,8EAA8EV,EAAG,MAAM,CAACQ,YAAY,QAAQ,CAACR,EAAG,YAAY,CAACQ,YAAY,MAAMN,MAAM,CAAC,QAAUJ,EAAImG,UAAU,CAACnG,EAAIY,GAAG,aAAa,SAAmBZ,EAAI8F,WAAY5F,EAAG,cAAc,CAACQ,YAAY,wBAAwBN,MAAM,CAAC,SAAW,cAAcE,YAAYN,EAAIO,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,WAAW,MAAO,CAACP,EAAG,OAAO,CAACF,EAAIY,GAAG,wBAAwBC,OAAM,IAAO,MAAK,EAAM,aAAa,CAACX,EAAG,OAAO,CAACuB,GAAG,CAAC,OAAS,SAASwD,GAAgC,OAAxBA,EAAOc,iBAAwB/F,EAAIoG,eAAeH,MAAM,KAAMC,cAAc,CAAChG,EAAG,SAAS,CAACQ,YAAY,QAAQ,CAACR,EAAG,IAAI,CAACF,EAAIY,GAAG,wBAAwBV,EAAG,MAAM,CAACQ,YAAY,WAAW,CAACR,EAAG,IAAI,CAACF,EAAIY,GAAG,kCAAmCZ,EAAIoF,GAAMpF,EAAIwF,MAAN,gBAA2B,OAAQtF,EAAG,MAAMF,EAAIY,GAAG,8EAA8EV,EAAG,MAAM,CAACQ,YAAY,QAAQ,CAACR,EAAG,YAAY,CAACQ,YAAY,MAAMN,MAAM,CAAC,QAAUJ,EAAImG,UAAU,CAACnG,EAAIY,GAAG,aAAa,SAASZ,EAAIgC,KAAOhC,EAAI8F,WAA00B9F,EAAIgC,KAAl0B9B,EAAG,cAAc,CAACQ,YAAY,wBAAwBN,MAAM,CAAC,SAAW,cAAcE,YAAYN,EAAIO,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,WAAW,MAAO,CAACP,EAAG,OAAO,CAACF,EAAIY,GAAG,uBAAuBC,OAAM,IAAO,MAAK,EAAM,aAAa,CAACX,EAAG,OAAO,CAACuB,GAAG,CAAC,OAAS,SAASwD,GAAgC,OAAxBA,EAAOc,iBAAwB/F,EAAIoG,eAAeH,MAAM,KAAMC,cAAc,CAAChG,EAAG,SAAS,CAACQ,YAAY,QAAQ,CAACR,EAAG,OAAO,CAACF,EAAIY,GAAG,uBAAuBV,EAAG,MAAM,CAACQ,YAAY,WAAW,CAACR,EAAG,IAAI,CAACF,EAAIY,GAAG,uDAAuDV,EAAG,IAAI,CAACF,EAAIY,GAAG,kCAAmCZ,EAAIoF,GAAMpF,EAAIwF,MAAN,gBAA2B,OAAQtF,EAAG,MAAMF,EAAIY,GAAG,8EAA8EV,EAAG,MAAM,CAACQ,YAAY,QAAQ,CAACR,EAAG,YAAY,CAACQ,YAAY,MAAMN,MAAM,CAAC,QAAUJ,EAAImG,UAAU,CAACnG,EAAIY,GAAG,YAAY,SAAoC,GAAjBZ,EAAI4F,UAAgB1F,EAAG,OAAO,CAACQ,YAAY,mBAAmBe,GAAG,CAAC,MAAQzB,EAAIqG,cAAc,CAACrG,EAAIY,GAAG,sBAAsBZ,EAAIgC,MAAM,IAAI,KAAK9B,EAAG,MAAM,CAACQ,YAAY,iBAAiB,CAACR,EAAG,kBAAkB,CAACE,MAAM,CAAC,KAAOJ,EAAIsG,yBAAyB,MAE5wGxF,EAAkB,G,wBCFlBf,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACQ,YAAY,qBAAqB,CAACR,EAAG,QAAQ,CAACQ,YAAY,+BAA+BN,MAAM,CAAC,KAAO,QAAQmG,SAAS,CAAC,MAAQvG,EAAI4E,OAAOnD,GAAG,CAAC,MAAQzB,EAAIwG,YAAY,KAAOxG,EAAIyG,WAE5P3F,EAAkB,GCAP,GACfI,MAAA,CACA0D,MAAA,CACAzD,KAAAC,OACAC,QAAA,KAGAuB,UACA,KAAA8D,OAAA,SAAAlB,MAAA,KACA,MAAAmB,EAAA,KAAA1D,IAAAS,cAAA,SACAiD,EAAA/B,MAAA,KAAAA,MACA,KAAA4B,YAAA,CAAArD,OAAAwD,OAGA7D,QAAA,CACA0D,YAAAxD,GACAA,EAAAG,OAAAyD,WAAAC,QAAAjC,MAAA5B,EAAAG,OAAAyB,MACA,KAAAkC,MAAA,QAAA9D,IAEAyD,KAAAzD,GACA,KAAA8D,MAAA,OAAA9D,MCtBqW,I,wBCQjW/B,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,oBCfA,GACfC,MAAA,CACA2D,QAAA,CACAkC,UAAA,IAGAzF,WAAA,CACA0F,mBACAC,gBACAC,wBAEA1E,OACA,OACA2E,UAAA,GACAhB,SAAA,IAGAxD,SAAA,CACAyE,QACA,YAAAC,OAAAC,MAAAC,KAAAH,OAEAI,UACA,YAAAJ,MAAAI,SAEAlB,uBACA,OAAAmB,MAAAC,QAAA,KAAAF,SACA,KAAAA,QAAAG,QAAAC,KAAAC,OAEA,IAIArC,QACA,YAAA4B,MAAA5B,OAEAsC,eACA,YAAAT,OAAAU,QAAAD,cAEAhC,aACA,YAAAsB,MAAAtB,YAEAF,YACA,YAAAyB,OAAAC,MAAAC,KAAAS,aAAAC,QAGArF,UACA,KAAA8D,OAAA,SAAAlB,MAAA,KACA,MAAAmB,EAAAvD,SAAAM,cAAA,iBACAiD,EAAA/B,MAAA,KAAAY,MACA,KAAA0C,cAAA,CAAA/E,OAAAwD,OAGA7D,QAAA,CACA,0BACA,KAAAuE,OAAAc,SAAA,wBAAAf,OACA,KAAAgB,QAAAC,KAAA,CAAAlD,KAAA,iBAEA,mBACA,KAAAgB,SAAA,EACA,MAAAmC,QAAA,KAAAjB,OAAAU,QAAAQ,UAAA,CAAAC,KAAA,gCAAApB,MAAAqB,MAAA,KAAAX,aAAAW,OAEA,KAAAtC,SAAA,EACAmC,EAAAI,IACA,KAAAN,QAAAC,KAAA,CAAAlD,KAAA,iBAGA,wBACA,KAAAgB,SAAA,EACA,MAAAmC,QAAA,KAAAjB,OAAAU,QAAAQ,UAAA,CACAC,KAAA,qCAAApB,MAAAqB,MAAA,KAAAtB,aAAA,KAAAW,aAAAW,OAEA,KAAAtC,SAAA,EACAmC,EAAAI,IACA,KAAAN,QAAAC,KAAA,CAAAlD,KAAA,iBAGA,oBACA,MAAAmD,QAAA,KAAAjB,OAAAU,QAAAY,SAAA,CAAAH,KAAA,2BAAApB,MAAAqB,WACAH,EAAAM,QAGAV,cAAAlF,GACAA,EAAAG,OAAAyD,WAAAC,QAAAjC,MAAA5B,EAAAG,OAAAyB,OAEAiB,qBACA,MAAAc,EAAAvD,SAAAM,cAAA,iBACAiD,EAAAkC,SAEAvD,iBAAAtC,GACA,MAAA8F,EAAA,CACAtD,MAAAxC,EAAAG,OAAAyB,MACA6D,GAAA,KAAA5D,SAEA,KAAAwC,OAAAc,SAAA,qBAAAW,IAEA,uBACA,KAAA3C,SAAA,EACA,MAAAmC,QAAA,KAAAjB,OAAAU,QAAAQ,UAAA,CACAC,KAAA,uCAAApB,MAAAqB,MAAA,KAAAX,aAAAW,OAEA,KAAAtC,SAAA,EAEAmC,EAAAI,IACA,KAAAN,QAAAC,KAAA,CAAAlD,KAAA,mBC3GqW,ICQjW,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QChBA,GACfjE,MAAA,CACA2D,QAAA,CACAkC,UAAA,IAGAzF,WAAA,CACAyH,gBACAC,kBAAA,qFACAC,iBAAA,sFAGAzG,OACA,OACAuC,aAAA,CACA,CAAAI,KAAA,SAAAP,MAAA,iBACA,CAAAO,KAAA,QAAAP,MAAA,iBAEAM,aAAA,WAGA,sBACA,KAAAmC,OAAAc,SAAA,+BAAAtD,UAEAqE,gBACA,KAAA7B,OAAAc,SAAA,oBAEAxF,SAAA,CACAqC,cACA,YAAAD,aAAAoE,KAAAhI,KAAAgE,MAAA,KAAAD,cAAAN,SChCsX,ICQlX,G,UAAY,eACd,EACA7E,EACAe,GACA,EACA,KACA,WACA,OAIa,e,2CCnBf,W,kCCAA,IAAIf,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAIoJ,KAAKC,OAAQnJ,EAAG,MAAM,CAACQ,YAAY,uBAAuB,CAACR,EAAG,MAAM,CAACQ,YAAY,SAAS,CAACV,EAAIY,GAAG,IAAIZ,EAAIoF,GAAGpF,EAAI4E,OAAO,OAAO5E,EAAI8B,GAAG,KAAK9B,EAAIgC,MAEnNlB,EAAkB,CAAC,WAAY,IAAId,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACQ,YAAY,aAAa,CAACR,EAAG,OAAO,CAACQ,YAAY,YAAYR,EAAG,MAAM,CAACQ,YAAY,4BAA4B,CAACR,EAAG,MAAM,CAACQ,YAAY,wB,wBCAvN,MAAA4I,EAAA,CACApI,MAAA,CACAkI,KAAA,CACAjI,KAAAsG,MACApG,YAAA,IAEAkI,MAAA,CACApI,KAAAC,OACAC,QAAA,YAGAmB,OACA,OACAoC,MAAA,OAGAhC,UACA,KAAA8D,OAAA,YAAA8C,YAAA,CAAAC,MAAA,EAAAC,WAAA,KAEA5G,QAAA,CACA0G,cACA,QAAAJ,KAAAC,OAAA,CACA,MAAAM,EAAA,KAAAP,KAAAQ,OAAA,CAAAC,EAAAC,MAAAC,OAAAF,EAAA,EAAAA,EAAA,GACAG,EAAAL,EAAA,KAAAP,KAAAC,OAAA,IACA,KAAAzE,MAAAoF,EAAAC,QAAA,YAEA,KAAArF,MAAA,Q,oIC5BuW,I,wBCQnW3D,EAAY,eACd,EACAlB,EACAe,GACA,EACA,KACA,WACA,MAIa,OAAAG,E,kECnBf,W","file":"js/chunk-63c0d2b8.8a5c452a.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!./TableroHeader.vue?vue&type=style&index=0&id=3c32b851&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Tooltip2Vue',{attrs:{\"position\":_vm.position},scopedSlots:_vm._u([{key:\"tooltip\",fn:function(){return [_c('div',{staticClass:\"tp-board\"},[_vm._t(\"default\",function(){return [_c('div',[_vm._v(\" Prueba tooltip \")])]})],2)]},proxy:true}],null,true)},[_vm._t(\"button\",function(){return [_c('TreeDots')]})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',_vm._g({staticClass:\"tree-dots\"},_vm.$listeners),[_c('div',{staticClass:\"dot\"}),_c('div',{staticClass:\"dot\"}),_c('div',{staticClass:\"dot\"})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nexport default {\r\n\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div v-on=\"$listeners\" class=\"tree-dots\">\r\n    <div class=\"dot\"></div>\r\n    <div class=\"dot\"></div>\r\n    <div class=\"dot\"></div>\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n.tree-dots {\r\n  width: 1.75rem;\r\n  height: 1.75rem;\r\n  border-radius: 4px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 2px;\r\n  transition: .5s;\r\n  cursor: pointer;\r\n}\r\n\r\n.tree-dots:hover {\r\n  background-color: rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.tree-dots > div {\r\n  width: .25rem;\r\n  height: .25rem;\r\n  background-color: white;\r\n  border-radius: 50%;\r\n  display: inline-block;\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!./TreeDots.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!./TreeDots.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TreeDots.vue?vue&type=template&id=0ce1404e&scoped=true\"\nimport script from \"./TreeDots.vue?vue&type=script&lang=js\"\nexport * from \"./TreeDots.vue?vue&type=script&lang=js\"\nimport style0 from \"./TreeDots.vue?vue&type=style&index=0&id=0ce1404e&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  \"0ce1404e\",\n  null\n  \n)\n\nexport default component.exports","<script>\r\nimport Tooltip2Vue from '@/components/Tooltip2Vue/Tooltip2Vue.vue';\r\nimport TreeDots from '@/components/buttons/TreeDots.vue';\r\n\r\nexport default {\r\n  props: {\r\n    position: {\r\n      type: String,\r\n      default: 'bottom'\r\n    }\r\n  },\r\n  components: {\r\n    Tooltip2Vue,\r\n    TreeDots\r\n  },\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Tooltip2Vue :position=\"position\">\r\n    <slot name=\"button\">\r\n      <TreeDots />\r\n    </slot>\r\n    <template #tooltip>\r\n      <div class=\"tp-board\">\r\n        <slot>\r\n          <div>\r\n            Prueba tooltip\r\n          </div>\r\n        </slot>\r\n      </div>\r\n    </template>\r\n\r\n  </Tooltip2Vue>\r\n</template>\r\n\r\n<style scoped>\r\n.tp-board {\r\n  background-color: var(--lego-bg);\r\n  border-radius: 0.5rem;\r\n  border: solid 1px rgba(255, 255, 255, 0.1);\r\n  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.8);\r\n  font-size: 1rem;\r\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n  text-align: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.tp-board > :deep(*) {\r\n  display: block;\r\n  padding: 0.5rem 1rem;\r\n  cursor: pointer;\r\n  transition: 0.3s;\r\n}\r\n.cancel-default-styles .tp-board > :deep(*) {\r\n  cursor: default;\r\n}\r\n\r\n.tp-board > :deep(*):hover {\r\n  background-color: var(--lego-dark-hover);\r\n}\r\n\r\n\r\n.cancel-default-styles .tp-board > :deep(*):hover {\r\n  background-color: transparent;\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!./LegoTooltip.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!./LegoTooltip.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./LegoTooltip.vue?vue&type=template&id=3d730466&scoped=true\"\nimport script from \"./LegoTooltip.vue?vue&type=script&lang=js\"\nexport * from \"./LegoTooltip.vue?vue&type=script&lang=js\"\nimport style0 from \"./LegoTooltip.vue?vue&type=style&index=0&id=3d730466&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  \"3d730466\",\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!./Tooltip2Vue.vue?vue&type=style&index=0&id=050d54d2&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!./InputAutoGrow.vue?vue&type=style&index=0&id=3174bf20&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!./LegoTooltip.vue?vue&type=style&index=0&id=3d730466&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!./LegoViewTablero.vue?vue&type=style&index=0&id=1d0e138a&prod&scoped=true&lang=css\"","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-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-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=050d54d2&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=050d54d2&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  \"050d54d2\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"wrapper\"},[_c('Router-view'),_c('TableroHeader',{staticClass:\"header\",attrs:{\"boardId\":_vm.boardId}},[_c('div',{staticClass:\"typesBoards\"},_vm._l((_vm.typesOfBoard),function(typeOfBoard){return _c('button',{key:typeOfBoard.value,staticClass:\"btn-shadow\",on:{\"click\":function($event){_vm.selectedType = typeOfBoard.name}}},[_vm._v(\" \"+_vm._s(typeOfBoard.name)+\" \")])}),0)]),_c(_vm.typeOfBoard,{tag:\"component\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('header',{staticClass:\"header\"},[_c('div',{staticClass:\"header-top\"},[_c('div',{staticClass:\"header-item\"},[_c('InputAutoGrow',{on:{\"blur\":_vm.updateTitleBoard},model:{value:(_vm.title),callback:function ($$v) {_vm.title=$$v},expression:\"title\"}})],1),_c('div',{staticClass:\"header-item\"},[_vm._t(\"default\"),_c('LegoTooltip',{attrs:{\"position\":\"bottom-end\"}},[(_vm.roleLevel < 3)?_c('span',{on:{\"click\":_vm.focusOnHeaderTitle}},[_vm._v(\"Editar nombre del tablero\")]):_vm._e(),(_vm.roleLevel < 3)?_c('RouterLink',{attrs:{\"to\":{ name: 'TableroColaboradores' }}},[_c('span',[_vm._v(\" Colaboradores \")])]):_vm._e(),(!_vm.isTemplate)?_c('LegoTooltip',{staticClass:\"cancel-default-styles\",attrs:{\"position\":\"left-start\"},scopedSlots:_vm._u([{key:\"button\",fn:function(){return [_c('span',[_vm._v(\"Copiar tablero\")])]},proxy:true}],null,false,2742233941)},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.cloneBoard.apply(null, arguments)}}},[_c('header',{staticClass:\"mb-2\"},[_c('p',[_vm._v(\"Copiar tablero\")])]),_c('div',{staticClass:\"body-tp\"},[_c('p',[_vm._v(\"El nuevo tablero se llamará \\\"\"+_vm._s(`${_vm.title} (Copia)`)+\"\\\". \"),_c('br'),_vm._v(\" Al copiarlo, perderás los colaboradores y las fechas se restablecerán. \")]),_c('div',{staticClass:\"mt-2\"},[_c('vs-button',{staticClass:\"m-0\",attrs:{\"loading\":_vm.waiting}},[_vm._v(\"Copiar\")])],1)])])]):_vm._e(),(_vm.isTemplate)?_c('LegoTooltip',{staticClass:\"cancel-default-styles\",attrs:{\"position\":\"left-start\"},scopedSlots:_vm._u([{key:\"button\",fn:function(){return [_c('span',[_vm._v(\"Copiar Plantilla\")])]},proxy:true}],null,false,3456835321)},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.clonePlantilla.apply(null, arguments)}}},[_c('header',{staticClass:\"mb-2\"},[_c('p',[_vm._v(\"Copiar Plantilla\")])]),_c('div',{staticClass:\"body-tp\"},[_c('p',[_vm._v(\"La nueva plantilla se llamará \\\"\"+_vm._s(`${_vm.title} (Plantilla)`)+\"\\\". \"),_c('br'),_vm._v(\" Al copiarlo, perderás los colaboradores y las fechas se restablecerán. \")]),_c('div',{staticClass:\"mt-2\"},[_c('vs-button',{staticClass:\"m-0\",attrs:{\"loading\":_vm.waiting}},[_vm._v(\"Copiar\")])],1)])])]):_vm._e(),(!_vm.isTemplate)?_c('LegoTooltip',{staticClass:\"cancel-default-styles\",attrs:{\"position\":\"left-start\"},scopedSlots:_vm._u([{key:\"button\",fn:function(){return [_c('span',[_vm._v(\"Crear plantilla\")])]},proxy:true}],null,false,2672012152)},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.clonePlantilla.apply(null, arguments)}}},[_c('header',{staticClass:\"mb-2\"},[_c('span',[_vm._v(\"Crear plantilla\")])]),_c('div',{staticClass:\"body-tp\"},[_c('p',[_vm._v(\"Se creará una plantilla a partir de este tablero.\")]),_c('p',[_vm._v(\"La nueva plantilla se llamará \\\"\"+_vm._s(`${_vm.title} (Plantilla)`)+\"\\\". \"),_c('br'),_vm._v(\" Al copiarlo, perderás los colaboradores y las fechas se restablecerán. \")]),_c('div',{staticClass:\"mt-2\"},[_c('vs-button',{staticClass:\"m-0\",attrs:{\"loading\":_vm.waiting}},[_vm._v(\"Crear\")])],1)])])]):_vm._e(),(_vm.roleLevel == 1)?_c('span',{staticClass:\"text-lego-danger\",on:{\"click\":_vm.deleteBoard}},[_vm._v(\"Eliminar tablero\")]):_vm._e()],1)],2)]),_c('div',{staticClass:\"header-bottom\"},[_c('LegoProgressBar',{attrs:{\"list\":_vm.porcentajeDelTablero}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"wrapper-auto-grow\"},[_c('input',{staticClass:\"input-auto-grow header-input\",attrs:{\"type\":\"text\"},domProps:{\"value\":_vm.value},on:{\"input\":_vm.updateWidth,\"blur\":_vm.blur}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\n\r\nexport default {\r\n  props: {\r\n    value: {\r\n      type: String,\r\n      default: ''\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$watch( () => this.title, () => {\r\n      const headerInput = this.$el.querySelector('input')\r\n      headerInput.value = this.value\r\n      this.updateWidth({ target: headerInput })\r\n    })\r\n  },\r\n  methods: {\r\n    updateWidth( ev ) {\r\n      ev.target.parentNode.dataset.value = ev.target.value;\r\n      this.$emit('input', ev)\r\n    },\r\n    blur( ev ) {\r\n      this.$emit('blur', ev)\r\n    }\r\n  }\r\n}\r\n\r\n</script>\r\n\r\n\r\n<template>\r\n  <div class=\"wrapper-auto-grow\">\r\n    <input \r\n    type=\"text\"\r\n    class=\"input-auto-grow header-input\" \r\n    :value=\"value\"\r\n    @input=\"updateWidth\"\r\n    @blur=\"blur\" />\r\n  </div>\r\n</template>\r\n\r\n\r\n<style scoped>\r\n.wrapper-auto-grow {\r\n  display: inline-grid;\r\n  width: max-content;\r\n}\r\n\r\n.wrapper-auto-grow::after,\r\n.wrapper-auto-grow .input-auto-grow {\r\n  /* width: auto; */\r\n  /* min-width: 1em; */\r\n  grid-area: 1/2;\r\n  font: inherit;\r\n  padding: 0.5rem ;\r\n}\r\n\r\n.wrapper-auto-grow::after {\r\n  content: attr(data-value) \"\";\r\n  visibility: hidden;\r\n  white-space: pre-wrap;\r\n}\r\n\r\n\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!./InputAutoGrow.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!./InputAutoGrow.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./InputAutoGrow.vue?vue&type=template&id=3174bf20&scoped=true\"\nimport script from \"./InputAutoGrow.vue?vue&type=script&lang=js\"\nexport * from \"./InputAutoGrow.vue?vue&type=script&lang=js\"\nimport style0 from \"./InputAutoGrow.vue?vue&type=style&index=0&id=3174bf20&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  \"3174bf20\",\n  null\n  \n)\n\nexport default component.exports","<script>\r\nimport LegoTooltip from '@/components/Lego/LegoTooltip.vue';\r\nimport InputAutoGrow from '@/components/Lego/InputAutoGrow'\r\nimport LegoProgressBar from '@/components/Lego/LegoProgressBar.vue';\r\nexport default {\r\n  props: {\r\n    boardId: {\r\n      required: true,\r\n    },\r\n  },\r\n  components: {\r\n    LegoTooltip,\r\n    InputAutoGrow,\r\n    LegoProgressBar,\r\n  },\r\n  data() {\r\n    return {\r\n      titleCopy: '',\r\n      waiting: false\r\n    };\r\n  },\r\n  computed: {\r\n    board() {\r\n      return this.$store.state.lego.board\r\n    },\r\n    columns() {\r\n      return this.board.columns\r\n    },\r\n    porcentajeDelTablero() {\r\n      if (Array.isArray(this.columns)) {\r\n        return this.columns.flatMap(column => column.cards)\r\n      } else {\r\n        return []\r\n      }\r\n    },\r\n\r\n    title() {\r\n      return this.board.title\r\n    },\r\n    userLoggedIn() {\r\n      return this.$store.getters.userLoggedIn\r\n    },\r\n    isTemplate() {\r\n      return this.board.isTemplate\r\n    },\r\n    roleLevel() {\r\n      return this.$store.state.lego.currencyRole.level\r\n    },\r\n  },\r\n  mounted() {\r\n    this.$watch(() => this.title, () => {\r\n      const headerInput = document.querySelector('.header-input')\r\n      headerInput.value = this.title\r\n      this.parentDataSet({ target: headerInput })\r\n    })\r\n  },\r\n  methods: {\r\n    async deleteBoard() {\r\n      await this.$store.dispatch('lego/deleteBoard', this.board)\r\n      this.$router.push({ name: 'TusTableros' })\r\n    },\r\n    async cloneBoard() {\r\n      this.waiting = true\r\n      const response = await this.$store.getters.fetchPost({ path: `lego/CloneBoardDeepById/${this.board.id}/${this.userLoggedIn.id}` })\r\n      // const result = await response.json()\r\n      this.waiting = false\r\n      if (response.ok) {\r\n        this.$router.push({ name: 'TusTableros' })\r\n      }\r\n    },\r\n    async createPlantilla() {\r\n      this.waiting = true\r\n      const response = await this.$store.getters.fetchPost({\r\n        path: `lego/CreatePlantillaDeepById/${this.board.id}/${this.titleCopy}/${this.userLoggedIn.id}`\r\n      })\r\n      this.waiting = false\r\n      if (response.ok) {\r\n        this.$router.push({ name: 'TusTableros' })\r\n      }\r\n    },\r\n    async getDeepInfo() {\r\n      const response = await this.$store.getters.fetchGet({ path: `lego/BoardDeepById/${this.board.id}` })\r\n      const result = await response.json()\r\n      console.log(result);\r\n    },\r\n    parentDataSet(ev) {\r\n      ev.target.parentNode.dataset.value = ev.target.value;\r\n    },\r\n    focusOnHeaderTitle() {\r\n      const headerInput = document.querySelector('.header-input')\r\n      headerInput.focus()\r\n    },\r\n    updateTitleBoard(ev) {\r\n      const card = {\r\n        title: ev.target.value,\r\n        id: this.boardId\r\n      }\r\n      this.$store.dispatch('lego/setBoardTitle', card)\r\n    },\r\n    async clonePlantilla() {\r\n      this.waiting = true\r\n      const response = await this.$store.getters.fetchPost({\r\n        path: `lego/CreatePlantillaFromABoard/${this.board.id}/${this.userLoggedIn.id}`\r\n      })\r\n      this.waiting = false\r\n      // try - catch\r\n      if (response.ok) {\r\n        this.$router.push({ name: 'TusTableros' })\r\n      }\r\n\r\n    }\r\n  }\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n  <header class=\"header\">\r\n\r\n    <div class=\"header-top\">\r\n      <div class=\"header-item\">\r\n        <InputAutoGrow v-model=\"title\" @blur=\"updateTitleBoard\" />\r\n      </div>\r\n      <div class=\"header-item\">\r\n        <slot>\r\n        </slot>\r\n        <LegoTooltip position=\"bottom-end\">\r\n          <span @click=\"focusOnHeaderTitle\" v-if=\"roleLevel < 3\">Editar nombre del tablero</span>\r\n          <RouterLink :to=\"{ name: 'TableroColaboradores' }\" v-if=\"roleLevel < 3\">\r\n            <span>\r\n              Colaboradores\r\n            </span>\r\n          </RouterLink>\r\n\r\n          <LegoTooltip position=\"left-start\" class=\"cancel-default-styles\" v-if=\"!isTemplate\">\r\n            <template #button>\r\n              <span>Copiar tablero</span>\r\n            </template>\r\n            <form @submit.prevent=\"cloneBoard\">\r\n              <header class=\"mb-2\">\r\n                <p>Copiar tablero</p>\r\n              </header>\r\n              <div class=\"body-tp\">\r\n                <p>El nuevo tablero se llamará \"{{ `${title} (Copia)` }}\".\r\n                  <br>\r\n                  Al copiarlo, perderás los colaboradores y las fechas se restablecerán.\r\n                </p>\r\n                <div class=\"mt-2 \">\r\n                  <vs-button :loading=\"waiting\" class=\"m-0\"  >Copiar</vs-button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </LegoTooltip>\r\n\r\n          <LegoTooltip position=\"left-start\" class=\"cancel-default-styles\" v-if=\"isTemplate\">\r\n            <template #button>\r\n              <span>Copiar Plantilla</span>\r\n            </template>\r\n            <form @submit.prevent=\"clonePlantilla\">\r\n              <header class=\"mb-2\">\r\n                <p>Copiar Plantilla</p>\r\n              </header>\r\n              <div class=\"body-tp\">\r\n                <p>La nueva plantilla se llamará \"{{ `${title} (Plantilla)` }}\".\r\n                  <br>\r\n                  Al copiarlo, perderás los colaboradores y las fechas se restablecerán.\r\n                </p>\r\n                <div class=\"mt-2 \">\r\n                  <vs-button :loading=\"waiting\" class=\"m-0\"  >Copiar</vs-button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </LegoTooltip>\r\n\r\n          <LegoTooltip position=\"left-start\" class=\"cancel-default-styles\" v-if=\"!isTemplate\">\r\n            <template #button>\r\n              <span>Crear plantilla</span>\r\n            </template>\r\n            <form @submit.prevent=\"clonePlantilla\">\r\n              <header class=\"mb-2\">\r\n                <span>Crear plantilla</span>\r\n              </header>\r\n              <div class=\"body-tp\">\r\n                <p>Se creará una plantilla a partir de este tablero.</p>\r\n                <p>La nueva plantilla se llamará \"{{ `${title} (Plantilla)` }}\".\r\n                  <br>\r\n                  Al copiarlo, perderás los colaboradores y las fechas se restablecerán.\r\n                </p>\r\n                <div class=\"mt-2 \">\r\n                  <vs-button :loading=\"waiting\" class=\"m-0\"  >Crear</vs-button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </LegoTooltip>\r\n\r\n          <span class=\"text-lego-danger\" @click=\"deleteBoard\" v-if=\"roleLevel == 1\">Eliminar tablero</span>\r\n        </LegoTooltip>\r\n      </div>\r\n    </div>\r\n    <div class=\"header-bottom\">\r\n      <LegoProgressBar :list=\"porcentajeDelTablero\" />\r\n    </div>\r\n  </header>\r\n</template>\r\n\r\n<style scoped>\r\n.wrapper-auto-grow {\r\n  display: inline-grid;\r\n  width: max-content;\r\n}\r\n\r\n.wrapper-auto-grow::after,\r\n.wrapper-auto-grow .input-auto-grow {\r\n  /* width: auto; */\r\n  /* min-width: 1em; */\r\n  grid-area: 1/2;\r\n  font: inherit;\r\n  padding: 0.5rem;\r\n}\r\n\r\n.wrapper-auto-grow::after {\r\n  content: attr(data-value) \"\";\r\n  visibility: hidden;\r\n  white-space: pre-wrap;\r\n}\r\n\r\n\r\n\r\n\r\n.header {\r\n  padding: .5rem 0;\r\n}\r\n\r\n.header-top {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 0 .5rem;\r\n  font-size: 1.3rem;\r\n}\r\n\r\n.header-bottom {\r\n  /* background-color: green; */\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 0 1rem;\r\n}\r\n\r\n.body-tp {\r\n  text-align: left;\r\n}\r\n\r\n.header-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1rem;\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!./TableroHeader.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!./TableroHeader.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TableroHeader.vue?vue&type=template&id=3c32b851&scoped=true\"\nimport script from \"./TableroHeader.vue?vue&type=script&lang=js\"\nexport * from \"./TableroHeader.vue?vue&type=script&lang=js\"\nimport style0 from \"./TableroHeader.vue?vue&type=style&index=0&id=3c32b851&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  \"3c32b851\",\n  null\n  \n)\n\nexport default component.exports","<script>\r\nimport TableroHeader from '@/components/Lego/TableroHeader.vue';\r\n\r\nexport default {\r\n  props: {\r\n    boardId: {\r\n      required: true,\r\n    },\r\n  },\r\n  components: {\r\n    TableroHeader,\r\n    TableroKanban: () => import('@/components/Lego/TableroKanban.vue'),\r\n    TableroGantt: () => import('@/components/Lego/TableroGantt.vue'),\r\n  \r\n  },\r\n  data() {\r\n    return {\r\n      typesOfBoard: [\r\n        { name: 'Kanban', value: 'TableroKanban' },\r\n        { name: 'Gantt', value: 'TableroGantt'}\r\n      ],\r\n      selectedType: 'Kanban'\r\n    };\r\n  },\r\n  async mounted() {\r\n    await this.$store.dispatch('lego/getAndSetBoardDeep', this.boardId)\r\n  },\r\n  beforeDestroy() {\r\n    this.$store.dispatch('lego/cleanBoard')\r\n  },\r\n  computed: {\r\n    typeOfBoard() {\r\n      return this.typesOfBoard.find(type => type.name == this.selectedType).value\r\n    }\r\n  }\r\n\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n  <div class=\"wrapper\">\r\n    <Router-view />\r\n    <TableroHeader class=\"header\" :boardId=\"boardId\">\r\n      <div class=\"typesBoards\">\r\n        <button class=\"btn-shadow\" v-for=\"typeOfBoard in typesOfBoard\" :key=\"typeOfBoard.value\" @click=\"selectedType = typeOfBoard.name\">\r\n          {{ typeOfBoard.name }}\r\n        </button>\r\n      </div>\r\n    </TableroHeader>\r\n\r\n    <component :is=\"typeOfBoard\" />\r\n\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n.wrapper {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n}\r\n\r\n.typesBoards {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n}\r\n\r\n.header {\r\n  height: 8%;\r\n  border-bottom: solid 1px rgba(255, 255, 255, .25);\r\n}\r\n\r\n.btn-shadow {\r\n  padding: .5rem;\r\n  border: solid 1px rgba(255, 255, 255, 0.25);\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n  border-radius: 5px;\r\n  font-size: .8rem;\r\n  color: silver;\r\n}\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!./LegoViewTablero.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!./LegoViewTablero.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./LegoViewTablero.vue?vue&type=template&id=1d0e138a&scoped=true\"\nimport script from \"./LegoViewTablero.vue?vue&type=script&lang=js\"\nexport * from \"./LegoViewTablero.vue?vue&type=script&lang=js\"\nimport style0 from \"./LegoViewTablero.vue?vue&type=style&index=0&id=1d0e138a&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  \"1d0e138a\",\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!./TreeDots.vue?vue&type=style&index=0&id=0ce1404e&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.list.length)?_c('div',{staticClass:\"container-component\"},[_c('div',{staticClass:\"value\"},[_vm._v(\" \"+_vm._s(_vm.value)+\" \")]),_vm._m(0)]):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container\"},[_c('span',{staticClass:\"percent\"}),_c('div',{staticClass:\"progress2 progress-moved\"},[_c('div',{staticClass:\"progress-bar2\"})])])\n}]\n\nexport { render, staticRenderFns }","<script>\r\n\r\nexport default {\r\n  props: {\r\n    list: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    color: {\r\n      type: String,\r\n      default: '#ef476f'\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      value: '0%'\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$watch('list', this.updateValue, { deep: true, immediate: true})\r\n  },\r\n  methods: {\r\n    updateValue() {\r\n      if (this.list.length) {\r\n        const completed = this.list.reduce((acc, item) => item.isDone ? acc + 1 : acc, 0)\r\n        const result = (completed / this.list.length) * 100\r\n        this.value = result.toFixed(2) + '%'\r\n      } else {\r\n        this.value = '0%'\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div v-if=\"list.length\" class=\"container-component\">\r\n    <div class=\"value\">\r\n      {{ value }}\r\n    </div>\r\n    <div class=\"container\">\r\n      <span class=\"percent\">\r\n      </span>\r\n      <div class=\"progress2 progress-moved\">\r\n        <div class=\"progress-bar2\">\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n.value {\r\n  font-size: .8rem;\r\n  min-width: 40px;\r\n}\r\n\r\n.container-component {\r\n  display: flex;\r\n  gap: .5rem;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.container {\r\n  width: 100%;\r\n  max-width: 100% !important;\r\n  text-align: center;\r\n  padding: 0;\r\n  margin: 0rem 0;\r\n  position: relative;\r\n}\r\n\r\n.percent {\r\n  position: absolute;\r\n  font-size: 11px;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  color: #fff;\r\n  mix-blend-mode: exclusion;\r\n}\r\n\r\n.progress2 {\r\n  max-width: 100% !important;\r\n  padding: 4px;\r\n  /* border-radius: 30px; */\r\n  background: var(--text-progress);\r\n  /* box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08); */\r\n}\r\n\r\n.progress-bar2 {\r\n  max-width: 100% !important;\r\n  height: 4px;\r\n  /* border-radius: 30px; */\r\n  /* background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); */\r\n  transition: 0.4s linear;\r\n  transition-property: width, background-color;\r\n}\r\n\r\n.progress-moved .progress-bar2 {\r\n  width: v-bind(value);\r\n  background-color: v-bind(color);\r\n  /* animation: progressAnimation 2s; */\r\n}\r\n\r\n@keyframes progressAnimation {\r\n  0% {\r\n    width: 0%;\r\n    background-color: #f9bcca;\r\n  }\r\n\r\n  100% {\r\n    width: v-bind(value);\r\n    background-color: v-bind(color);\r\n  }\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!./LegoProgressBar.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!./LegoProgressBar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./LegoProgressBar.vue?vue&type=template&id=112b3412&scoped=true\"\nimport script from \"./LegoProgressBar.vue?vue&type=script&lang=js\"\nexport * from \"./LegoProgressBar.vue?vue&type=script&lang=js\"\nimport style0 from \"./LegoProgressBar.vue?vue&type=style&index=0&id=112b3412&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  \"112b3412\",\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!./LegoProgressBar.vue?vue&type=style&index=0&id=112b3412&prod&scoped=true&lang=css\""],"sourceRoot":""}