{"version":3,"sources":["webpack:///./src/assets/icons/delete.svg","webpack:///./src/components/admin/InvoiceList.vue","webpack:///src/components/admin/InvoiceList.vue","webpack:///./src/components/admin/InvoiceList.vue?5aaa","webpack:///./src/components/admin/InvoiceList.vue?5311","webpack:///./src/components/common/LoadingIcon.vue?1dcc","webpack:///./src/components/common/options/RoadtripQuarterDropdown.vue","webpack:///src/components/common/options/RoadtripQuarterDropdown.vue","webpack:///./src/components/common/options/RoadtripQuarterDropdown.vue?1c57","webpack:///./src/components/common/options/RoadtripQuarterDropdown.vue?b116","webpack:///./src/components/admin/InvoiceList.vue?6667","webpack:///./src/components/admin/StatisticInfoCards.vue","webpack:///src/components/admin/StatisticInfoCards.vue","webpack:///./src/components/admin/StatisticInfoCards.vue?8910","webpack:///./src/components/admin/StatisticInfoCards.vue?a2ca","webpack:///./src/components/common/options/RoadtripYearDropdown.vue","webpack:///src/components/common/options/RoadtripYearDropdown.vue","webpack:///./src/components/common/options/RoadtripYearDropdown.vue?c377","webpack:///./src/components/common/options/RoadtripYearDropdown.vue?06af","webpack:///./src/views/admin/Financiën.vue","webpack:///src/views/admin/Financiën.vue","webpack:///./src/views/admin/Financiën.vue?ceab","webpack:///./src/views/admin/Financiën.vue?8d1a","webpack:///./src/components/common/LoadingIcon.vue","webpack:///src/components/common/LoadingIcon.vue","webpack:///./src/components/common/LoadingIcon.vue?1924","webpack:///./src/components/common/LoadingIcon.vue?584b","webpack:///../../../src/components/VAutocomplete/VAutocomplete.ts","webpack:///./src/views/admin/Financiën.vue?1483","webpack:///../../../src/components/VItemGroup/VItem.ts","webpack:///./src/components/common/options/RoadtripYearDropdown.vue?9d4d","webpack:///./src/assets/icons/download.svg"],"names":["module","exports","_c","staticClass","attrs","currentSort","_v","$event","_vm","key","index","class","staticRenderFns","name","components","mixins","data","downloadIcon","deleteIcon","invoices","number","roadtripName","type","amountPaid","isCompanyExpense","expenseType","receiveOn","participant","props","computed","sortedArray","sortedInvoices","text2","text1","methods","getCardText","getCardSubText","component","_self","quarters","callback","txt_quarter","expression","quarter","beforeMount","item1","item2","watch","deep","handler","onValueChanged","value1class","_s","value1","value2class","value2","value3class","value3","title1","title2","title3","years","txt_year","year","on","LoadingIcon","InvoiceList","StatisticInfoCards","RoadtripYearDropdown","RoadtripQuarterDropdown","orderCount","revenue","costs","selectedYear","selectedQuarter","isLoading","description","mounted","onYearChanged","onQuarterChanged","getFinancialStatisticsByTimeFrame","then","catch","imgClass","defaultMenuProps","VSelectMenuProps","offsetY","offsetOverflow","transition","VSelect","extend","autoSelectFirst","Boolean","default","filter","Function","item","queryText","itemText","toLocaleLowerCase","indexOf","hideNoData","menuProps","options","noFilter","searchInput","String","lazySearch","this","classes","call","selectedIndex","computedItems","filteredItems","selectedValues","selectedItems","map","getValue","hasDisplayedItems","hideSelected","some","hasItem","length","currentRange","selectedItem","getText","isSearching","internalSearch","allItems","value","getPropertyFromItem","text","get","set","val","$emit","isAnyValueAllowed","isDirty","searchIsDirty","multiple","menuCanShow","isFocused","$_menuProps","contentClass","trim","find","i","valueComparator","internalValue","listData","items","virtualizedItems","document","addEventListener","onCopy","$refs","input","select","removeEventListener","blur","updateSelf","isMenuActive","hasSlot","oldVal","activateMenu","created","setSearch","destroyed","onFilteredItemsChanged","preSelectedItem","menu","listIndex","setMenuIndex","findIndex","$nextTick","getTiles","onInternalSearchChanged","updateMenuDimensions","updateDimensions","changeSelectedIndex","keyCode","keyCodes","left","right","backspace","delete","deleteCurrentItem","curIndex","curItem","isInteractive","getDisabled","lastIndex","nextIndex","nextItem","selectItem","setValue","clearableCallback","genInput","VTextField","mergeData","getObjectValueByPath","autocomplete","domProps","genInputSlot","slot","role","genSelections","onClick","e","onFocus","isAppendInner","target","onInput","badInput","validity","onKeyDown","ctrlKey","home","end","includes","onSpaceDown","onTabDown","onUpDown","preventDefault","setSelectedItems","event","currentItem","currentItemText","clipboardData","_a","setData","_b","BaseItem","Vue","activeClass","required","isActive","toggle","render","$scopedSlots","consoleWarn","element","active","Array","isArray","tag","GroupableFactory"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,2B,4NCAsM,aAAC,IAAGC,EAAG,KAAQC,UAAY,GAAc,OAAM,EAAG,MAAC,CAA4BA,YAAY,QAAgCC,GAAK,OAAC,C,YAAQ,QAAI,WAAE,YAAY,aAAED,UAAW,CAA0DC,YAAM,wB,MAAC,CAAW,Y,CAAK,SAAQ,C,YAAqBC,gB,CAAwB,+BAAC,4CAAE,MAAMC,CAA8BH,Y,CAA0B,SAAQ,C,YAAa,yD,MAAC,CAAS,UAAsGA,IAAqEC,MAAM,YAAC,cAAQ,c,CAAQ,KAAO,cAAUG,EAAM,OAAC,C,YAAKF,O,MAAoB,CAAC,SAAIG,MAAO,GAAuBL,U,CAA0B,KAAO,EAAG,6E,YAAW,yD,MAAC,CAAS,UAAkGA,IAAqEC,MAAM,YAAC,cAAQ,U,CAAQ,KAAO,UAAC,EAASG,OAAO,C,YAAKF,O,MAAsB,CAAC,SAAIG,MAAO,GAAyBL,U,CAA0B,KAAO,EAAG,yE,YAAW,yD,MAAC,CAAS,UAAoGA,IAAgEC,MAAM,YAAC,cAAQ,Y,CAAQ,KAAO,YAAUG,SAAO,C,YAAKF,O,MAAqB,CAAC,SAAIG,MAAO,GAAwBL,U,CAA0B,KAAO,EAAG,2E,YAAW,oD,MAAC,CAAS,UAA4I,IAAmBM,MAAIC,SAAK,GAACP,cAAY,W,CAAmC,0BAAC,YAAM,O,MAAUA,CAA2BQ,MAAM,G,MAAE,GAAoC,U,CAAuBR,OAAW,GAAC,mGAA8B,OAAM,EAAG,OAAI,CAAsDA,MAAmB,YAAK,iBAAgKA,OAA0BC,KAAM,O,CAAwB,SAAM,CAAU,2BAAG,MAAM,CAAmB,SAAQ,EAAC,mBAE5zEQ,UAAkB,CAEtB,YAAiBA,gC,kSCyDF,GACfC,mBACAC,WACA,GAEAC,gBACAC,OACA,OACAC,uBACAC,qBACAb,uBACAc,UACA,CACAC,cACAC,6BACAC,aACAC,eACAC,oBACAC,6BACAC,wBAEA,CACAN,cACAC,0BACAC,eACAK,+BACAH,oBACAD,eACAG,wBAEA,CACAN,cACAC,6BACAC,aACAK,kCACAH,oBACAD,eACAG,wBAGA,CACAN,cACAC,6BACAC,eACAK,iCACAH,oBACAD,eACAG,2BAMAE,MACA,GAEAC,SACA,CACAC,cAEA,oBAkCA,OAhCAC,iBACA,SACAC,KAEA,yBAEA,eACAC,yBACAD,yBACA,MACA,WACAC,yBACAD,yBACA,MACA,aACAC,6BACAD,6BACA,MACA,YACAC,4BACAD,4BACA,MAGA,YACA,EAEA,IACA,EAEA,IAEA,IAGAE,SACAC,eAEA,qDACA,gDAEAC,kBAEA,iDACA,6FCvKoW,I,wBCQhWC,EAAY,eACd,EACA,EACAzB,GACA,EACA,KACA,KACA,MAIa,OAAAyB,E,oECnBf,W,oDCA4CnC,EAAOoC,WAAS,MAAU,KAAsBlC,EAAK,EAAC,S,OAAC,QAAYmC,UAAQ,C,MAAC,CAAc,QAAY,SAAQ,WAAY,GAAS,YAAY,QAAiB,aAAa,QAAC,MAAQ,mBAAG,YAAG,MAAC,I,GAA2B,CAA2B,mBAAE,4B,MAAgCC,C,MAA6BC,cAAe,SAAC,YAACC,cAAW,GAAiB,WAAG,kBAE1Y9B,I,6BCgBW,GACfC,+BACAe,MACA,CACAe,gBAEA5B,uBACA6B,cAEA,eAEA,gCAGA5B,OACA,OACAyB,eACAF,SACA,CACA,CACAM,QACAC,YAEA,CACAD,QACAC,YAEA,CACAD,QACAC,YAEA,CACAD,QACAC,eAKAjB,YAEAkB,OACAJ,SACAK,QACAC,UACA,iCAIAf,QACA,CACAgB,iBAEA,0CCtE+X,I,YCO3Xb,EAAY,eACd,EACA,EACAzB,GACA,EACA,KACA,KACA,MAIa,OAAAyB,E,6CClBf,W,oGCAyIjC,EAAM,W,IAAC,EAAM,KAAI,aAAC,OAAM,SAAQ,CAAED,YAAY,cAAsCC,GAAK,OAAC,C,YAAU,OAAK,OAAIF,KAAG,MAA0E,CAACM,EAAG,OAAO,CAAgDL,YAAY,sCAAiB,MAAK,CAAOA,OAAW,QAAmCA,UAAY,CAAoBQ,YAAUwC,+CAAa,CAAC3C,EAAIF,GAAG,IAAIE,EAAI4C,GAAG5C,EAAI6C,QAAQ,OAAQ,EAAG,OAAW,CAASlD,YAAY,kBAAOC,GAAK,MAAC,C,YAAQ,sBAAG,WAAE,YAAa,oBAAED,QAAW,aAAuCC,GAAK,GAAC,gD,YAAU,OAAK,OAAIF,KAAG,MAA0E,CAACM,EAAG,OAAO,CAAgDL,YAAY,sCAAiB,MAAK,CAAOA,OAAW,QAAmCA,UAAY,CAAoBQ,YAAU2C,+CAAa,CAAC9C,EAAIF,GAAG,IAAIE,EAAI4C,GAAG5C,EAAI+C,QAAQ,OAAQ,EAAG,OAAW,CAASpD,YAAY,kBAAOC,GAAK,MAAC,C,YAAQ,sBAAG,WAAE,YAAa,oBAAeD,QAAW,aAAuCC,GAAK,GAAC,gD,YAAU,OAAK,OAAIF,KAAG,MAA0E,CAACM,EAAG,OAAO,GAACA,OAAOA,CAAwCL,YAAY,sCAAiB,MAAK,CAAOA,OAAW,QAAmCA,UAAY,CAAoBQ,YAAU6C,+CAAa,CAAChD,EAAIF,GAAG,IAAIE,EAAI4C,GAAG5C,EAAIiD,QAAQ,OAAQ,EAAG,OAAW,CACr/C,8BACG7C,UAEJ,YAAiBA,sB,0HCqDF,GACfC,0BACAC,WACA,GAEAE,OACA,UAGAY,MACA,CACA8B,cACAL,cACAF,mBACAQ,cACAJ,cACAD,mBACAM,cACAH,cACAD,oBAEAtB,YC9E2W,I,YCOvWG,EAAY,eACd,EACA,EACAzB,GACA,EACA,KACA,KACA,MAIa,OAAAyB,E,2DClB6BnC,EAAOoC,WAAS,MAAU,KAA4BlC,EAAK,EAAC,S,OAAC,QAAYyD,UAAK,C,MAAC,CAA6B,QAAW,MAAG,MAAQ,mBAAG,YAAG,MAAC,I,GAA2B,CAA2B,mBAAE,4B,MAA6BrB,C,MAA6BsB,WAAY,SAAC,YAACpB,WAAW,GAAc,WAAG,eAE7U9B,I,iBCYW,GACfC,4BACAe,MACA,CACAmC,aAEAhD,gBACA6B,cAEA,YAEA,0BAGA5B,OACA,OACA8C,YACAD,OACA,OACA,OACA,OACA,UAIAhC,YAEAkB,OACAgB,MACAf,QACAC,UACA,2BAIAf,QACA,CACAgB,iBAEA,uCCrD4X,I,wBCQxXb,EAAY,eACd,EACA,EACAzB,GACA,EACA,KACA,KACA,MAIa,OAAAyB,E,kHCnBgH,aAAC,IAAGnC,EAAG,KAAOC,UAAY,GAAM,OAAM,WAAa,cAAa,CAACC,MAAM,CAAC,UAAY,EAAC,aAAMF,EAAG,MAAO,CAAEE,YAAM,Q,CAAC,SAAO,WAAG,OAAIF,aAAO,KAAgD,CAACM,EAAG,OAAI,CAA4CL,OAAkCC,KAAM,MAAW,QAAE,YAAK,mCAAwBA,GAAK,GAAC,qC,YAAW,sBAAa,MAAC,CAAG,KAAC,M,GAA4B,uBAAyBG,C,MAAO,CAAC,qBAAoBJ,IAAqCC,QAAM,YAAC,OAAO,wBAAqCA,GAAM,U,YAAWI,yBAAmB,MAAC,CAAG,KAAC,M,GAA4B,0BAA4BD,C,MAAO,CAAC,2BAAqCH,IAAO,QAAU,SAAQ,GAAC,OAAQ,EAAI,iBAAW,QAAwC,SAAa,qBAAQ,C,MAAC,CAAmB,OAASI,UAAU,SAAa,WAAQ,gBAAIN,OAAU,EAAEA,QAAsBC,YAAY,QAASK,OAAU,UAAoCJ,OAAM,QAAC,YAAQ,WAAqB,6BAAC4D,YAAG,Q,CAAC,KAAO,EAAC,qBAAgB,U,MAAC,CAA2B,gBAAC,UACloC,IACGpD,eAAoB,GAExB,OAAe,EAAEA,oB,8JC8CF,GACfC,iBACAC,WACA,CACAmD,mBACAC,mBACAC,0BACAC,4BACAC,gCAEAtD,uBACAC,WACAsD,cACAC,WACAC,SACAC,gBACAC,kBACAC,aACAC,kPAEAC,UACA,2CACA,8CACA,mBAEA3C,QACA,CACA4C,iBAEA,oBACA,0CAEAC,oBAEA,uBACA,0CAEAC,oCAEA,oDAEA,kBACA,OACAjB,uBACApB,8BAGA,0EACAsC,SACA,gCACA,4CACA,wCACA,oBAEAC,WACA,mBACA,gBACA,cACA,qGACA,uBC7GkW,I,wBCQ9V7C,EAAY,eACd,EACA,EACAzB,GACA,EACA,KACA,WACA,MAIa,aAAAyB,E,0GCnB4GjC,EAAM,W,IAAC,O,EAAc,EAAO,MAAC,G,OAAS,gCAAE,MAAK,CAAuBA,SAAM,GAAC,kBAA2C,WAAG,MAAI,CACvP,iBACGQ,2B,oBCWW,GACfC,mBACAe,OACA+C,kBACAQ,kBCjBoW,I,wBCQhW9C,EAAY,eACd,EACA,EACAzB,GACA,EACA,KACA,KACA,MAIa,OAAAyB,E,2CCnBf,8DAmBA,MAAM+C,EAAmB,IACpBC,OACHC,SAAS,EACTC,gBAAgB,EAChBC,YAAY,GAICC,cAAQC,OAAO,CAC5B7E,KAAM,iBAENe,MAAO,CACL+D,gBAAiB,CACfrE,KAAMsE,QACNC,SAAS,GAEXC,OAAQ,CACNxE,KAAMyE,SACNF,QAAS,CAACG,EAAWC,EAAmBC,IAC/BA,EAASC,oBAAoBC,QAAQH,EAAUE,sBAAwB,GAGlFE,WAAYT,QACZU,UAAW,CACThF,KAAMmE,OAAQc,QAAQ3E,MAAM0E,UAAUhF,KACtCuE,QAAS,IAAMT,GAEjBoB,SAAUZ,QACVa,YAAa,CACXnF,KAAMoF,SAIV1F,OACE,MAAO,CACL2F,WAAYC,KAAKH,cAIrB5E,SAAU,CACRgF,UACE,MAAO,IACFpB,OAAQc,QAAQ1E,SAASgF,QAAQC,KAAKF,MACzC,kBAAkB,EAClB,qCAAsCA,KAAKG,eAAiB,IAGhEC,gBACE,OAAOJ,KAAKK,eAEdC,iBACE,OAAON,KAAKO,cAAcC,IAAIpB,GAAQY,KAAKS,SAASrB,KAEtDsB,oBACE,OAAOV,KAAKW,aACRX,KAAKK,cAAcO,KAAKxB,IAASY,KAAKa,QAAQzB,IAC9CY,KAAKK,cAAcS,OAAS,GAElCC,eACE,OAAyB,MAArBf,KAAKgB,aAA6B,EAE/BlB,OAAOE,KAAKiB,QAAQjB,KAAKgB,eAAeF,QAEjDT,gBACE,OAAKL,KAAKkB,aAAelB,KAAKJ,UAAmC,MAAvBI,KAAKmB,eAA+BnB,KAAKoB,SAE5EpB,KAAKoB,SAASlC,OAAOE,IAC1B,MAAMiC,EAAQC,eAAoBlC,EAAMY,KAAKV,UACvCiC,EAAgB,MAATF,EAAgBvB,OAAOuB,GAAS,GAE7C,OAAOrB,KAAKd,OAAOE,EAAMU,OAAOE,KAAKmB,gBAAiBI,MAG1DJ,eAAgB,CACdK,MACE,OAAOxB,KAAKD,YAEd0B,IAAKC,GAGC1B,KAAKD,aAAe2B,IACtB1B,KAAKD,WAAa2B,EAClB1B,KAAK2B,MAAM,sBAAuBD,MAIxCE,oBACE,OAAO,GAETC,UACE,OAAO7B,KAAK8B,eAAiB9B,KAAKO,cAAcO,OAAS,GAE3DI,cACE,OACElB,KAAK+B,UACL/B,KAAK8B,eAEL9B,KAAK8B,eACL9B,KAAKmB,iBAAmBnB,KAAKiB,QAAQjB,KAAKgB,eAG9CgB,cACE,QAAKhC,KAAKiC,YAEHjC,KAAKU,oBAAsBV,KAAKP,aAEzCyC,cACE,MAAMlH,EAAQ6D,OAAQc,QAAQ1E,SAASiH,YAAYhC,KAAKF,MAExD,OADChF,EAAcmH,cAAe,4BAA4BnH,EAAcmH,cAAgB,KAAKC,OACtF,IACF5D,KACAxD,IAGP8G,gBACE,OAA8B,MAAvB9B,KAAKmB,gBACc,KAAxBnB,KAAKmB,gBAETH,eACE,OAAIhB,KAAK+B,SAAiB,KAEnB/B,KAAKO,cAAc8B,KAAKC,GACtBtC,KAAKuC,gBAAgBvC,KAAKS,SAAS6B,GAAItC,KAAKS,SAAST,KAAKwC,kBAGrEC,WACE,MAAMrI,EAAOyE,OAAQc,QAAQ1E,SAASwH,SAASvC,KAAKF,MAapD,OAXA5F,EAAKY,MAAQ,IACRZ,EAAKY,MACR0H,MAAO1C,KAAK2C,iBACZ/C,SACEI,KAAKJ,WACJI,KAAKkB,cACLlB,KAAKK,cAAcS,OAEtBjB,YAAaG,KAAKmB,gBAGb/G,IAIX+B,MAAO,CACLkE,cAAe,yBACfmC,cAAe,YACfP,UAAWP,GACLA,GACFkB,SAASC,iBAAiB,OAAQ7C,KAAK8C,QACvC9C,KAAK+C,MAAMC,OAAShD,KAAK+C,MAAMC,MAAMC,WAErCL,SAASM,oBAAoB,OAAQlD,KAAK8C,QAC1C9C,KAAKmD,OACLnD,KAAKoD,eAGTC,aAAc3B,IACRA,GAAQ1B,KAAKsD,UAEjBtD,KAAKD,WAAa,OAEpB2C,MAAOhB,EAAK6B,GAONA,GAAUA,EAAOzC,SACnBd,KAAKP,aACLO,KAAKiC,WACJjC,KAAKqD,eACN3B,EAAIZ,QACJd,KAAKwD,gBAET3D,YAAa6B,GACX1B,KAAKD,WAAa2B,GAEpBP,eAAgB,0BAChB7B,SAAU,cAGZmE,UACEzD,KAAK0D,aAGPC,YACEf,SAASM,oBAAoB,OAAQlD,KAAK8C,SAG5CxH,QAAS,CACPsI,uBAAwBlC,EAAc6B,GAGpC,GAAI7B,IAAQ6B,EAAZ,CAEA,IAAKvD,KAAKjB,gBAAiB,CACzB,MAAM8E,EAAkBN,EAAOvD,KAAK+C,MAAMe,KAAKC,WAE3CF,EACF7D,KAAKgE,aAAatC,EAAIuC,UAAU3B,GAAKA,IAAMuB,IAE3C7D,KAAKgE,cAAc,GAErBhE,KAAK2B,MAAM,oBAAqB3B,KAAK+C,MAAMe,KAAKC,WAGlD/D,KAAKkE,UAAU,KAEVlE,KAAKmB,iBACU,IAAfO,EAAIZ,QACFd,KAAKjB,mBAGViB,KAAK+C,MAAMe,KAAKK,WAEZnE,KAAKjB,iBAAmB2C,EAAIZ,SAC9Bd,KAAKgE,aAAa,GAClBhE,KAAK2B,MAAM,oBAAqB3B,KAAK+C,MAAMe,KAAKC,iBAItDK,0BACEpE,KAAKqE,wBAEPA,uBAEErE,KAAKqD,cAAgBrD,KAAK+C,MAAMe,MAAQ9D,KAAK+C,MAAMe,KAAKQ,oBAE1DC,oBAAqBC,GAGfxE,KAAK8B,gBAEL9B,KAAK+B,UAAYyC,IAAYC,OAASC,MACZ,IAAxB1E,KAAKG,cACPH,KAAKG,cAAgBH,KAAKO,cAAcO,OAAS,EAEjDd,KAAKG,gBAEEH,KAAK+B,UAAYyC,IAAYC,OAASE,MAC3C3E,KAAKG,eAAiBH,KAAKO,cAAcO,OAAS,EACpDd,KAAKG,eAAiB,EAEtBH,KAAKG,gBAEEqE,IAAYC,OAASG,WAAaJ,IAAYC,OAASI,QAChE7E,KAAK8E,sBAGTA,oBACE,MAAMC,EAAW/E,KAAKG,cAChB6E,EAAUhF,KAAKO,cAAcwE,GAGnC,IACG/E,KAAKiF,eACNjF,KAAKkF,YAAYF,GACjB,OAEF,MAAMG,EAAYnF,KAAKO,cAAcO,OAAS,EAI9C,IAC0B,IAAxBd,KAAKG,eACS,IAAdgF,EAIA,YAFAnF,KAAKG,cAAgBgF,GAKvB,MAAMrE,EAASd,KAAKO,cAAcO,OAC5BsE,EAAYL,IAAajE,EAAS,EACpCiE,EACAA,EAAW,EACTM,EAAWrF,KAAKO,cAAc6E,GAE/BC,EAGHrF,KAAKsF,WAAWN,GAFhBhF,KAAKuF,SAASvF,KAAK+B,SAAW,GAAK,MAKrC/B,KAAKG,cAAgBiF,GAEvBI,oBACExF,KAAKmB,eAAiB,KAEtBtC,OAAQc,QAAQrE,QAAQkK,kBAAkBtF,KAAKF,OAEjDyF,WACE,MAAMzC,EAAQ0C,OAAW/F,QAAQrE,QAAQmK,SAASvF,KAAKF,MAUvD,OARAgD,EAAM5I,KAAOuL,eAAU3C,EAAM5I,KAAO,CAClCZ,MAAO,CACL,wBAAyBoM,eAAqB5F,KAAK+C,MAAMe,KAAM,iBAC/D+B,aAAcD,eAAqB5C,EAAM5I,KAAO,qBAAsB,QAExE0L,SAAU,CAAEzE,MAAOrB,KAAKmB,kBAGnB6B,GAET+C,eACE,MAAMC,EAAOnH,OAAQc,QAAQrE,QAAQyK,aAAa7F,KAAKF,MAIvD,OAFAgG,EAAK5L,KAAMZ,MAAOyM,KAAO,WAElBD,GAETE,gBACE,OAAOlG,KAAKsD,SAAWtD,KAAK+B,SACxBlD,OAAQc,QAAQrE,QAAQ4K,cAAchG,KAAKF,MAC3C,IAENmG,QAASC,GACFpG,KAAKiF,gBAEVjF,KAAKG,eAAiB,EACjBH,KAAKG,eAAiB,EACvBH,KAAKqG,UAEJrG,KAAKsG,cAAcF,EAAEG,SAASvG,KAAKwD,iBAE1CgD,QAASJ,GACP,GACEpG,KAAKG,eAAiB,IACrBiG,EAAEG,OACH,OAEF,MAAMA,EAASH,EAAEG,OACXlF,EAAQkF,EAAOlF,MAGjBkF,EAAOlF,OAAOrB,KAAKwD,eAElBxD,KAAK+B,UAAsB,KAAVV,GAAcrB,KAAK8E,oBAEzC9E,KAAKmB,eAAiBE,EACtBrB,KAAKyG,SAAWF,EAAOG,UAAYH,EAAOG,SAASD,UAErDE,UAAWP,GACT,MAAM5B,EAAU4B,EAAE5B,SAGhB4B,EAAEQ,SACD,CAACnC,OAASoC,KAAMpC,OAASqC,KAAKC,SAASvC,IAExC3F,OAAQc,QAAQrE,QAAQqL,UAAUzG,KAAKF,KAAMoG,GAO/CpG,KAAKuE,oBAAoBC,IAE3BwC,YAAaZ,KACba,UAAWb,GACTvH,OAAQc,QAAQrE,QAAQ2L,UAAU/G,KAAKF,KAAMoG,GAC7CpG,KAAKoD,cAEP8D,SAAUd,GAERA,EAAEe,iBAKFnH,KAAKwD,gBAEP8B,WAAYlG,GACVP,OAAQc,QAAQrE,QAAQgK,WAAWpF,KAAKF,KAAMZ,GAC9CY,KAAK0D,aAEP0D,mBACEvI,OAAQc,QAAQrE,QAAQ8L,iBAAiBlH,KAAKF,MAIzCA,KAAKiC,WAAWjC,KAAK0D,aAE5BA,YAGE1D,KAAKkE,UAAU,KAEVlE,KAAK+B,UACL/B,KAAKmB,gBACLnB,KAAKqD,eAENrD,KAAKmB,gBACFnB,KAAKO,cAAcO,QACpBd,KAAK+B,UACL/B,KAAKsD,QAEH,KACAtD,KAAKiB,QAAQjB,KAAKgB,kBAI5BoC,cAEKpD,KAAK8B,eACL9B,KAAKwC,iBAILxC,KAAK+B,UACL/B,KAAKuC,gBACJvC,KAAKmB,eACLnB,KAAKS,SAAST,KAAKwC,iBAGrBxC,KAAK0D,cAGT7C,QAASzB,GACP,OAAOY,KAAKM,eAAed,QAAQQ,KAAKS,SAASrB,KAAU,GAE7D0D,OAAQuE,G,QACN,IAA4B,IAAxBrH,KAAKG,cAAsB,OAE/B,MAAMmH,EAActH,KAAKO,cAAcP,KAAKG,eACtCoH,EAAkBvH,KAAKiB,QAAQqG,GAClB,QAAnB,EAAAD,EAAMG,qBAAaC,SAAEC,QAAQ,aAAcH,GACxB,QAAnB,EAAAF,EAAMG,qBAAaG,SAAED,QAAQ,2CAA4CH,GACzEF,EAAMF,sB,kCChcZ,Y,kCCAA,oDAYO,MAAMS,EAAWC,aAAI/I,OAAO,CACjC9D,MAAO,CACL8M,YAAahI,OACbuB,MAAO,CACL0G,UAAU,IAId3N,KAAM,KAAM,CACV4N,UAAU,IAGZ1M,QAAS,CACP2M,SACEjI,KAAKgI,UAAYhI,KAAKgI,WAI1BE,SACE,IAAKlI,KAAKmI,aAAalJ,QAGrB,OAFAmJ,eAAY,yCAA0CpI,MAE/C,KAGT,IAAIqI,EAcJ,OAXIrI,KAAKmI,aAAalJ,UACpBoJ,EAAUrI,KAAKmI,aAAalJ,QAAQ,CAClCqJ,OAAQtI,KAAKgI,SACbC,OAAQjI,KAAKiI,UAIbM,MAAMC,QAAQH,IAA+B,IAAnBA,EAAQvH,SACpCuH,EAAUA,EAAQ,IAGfA,IAAWE,MAAMC,QAAQH,IAAaA,EAAQI,KAMnDJ,EAAQjO,KAAO4F,KAAK2H,GAAGU,EAAQjO,MAAQ,GAAIiO,EAAQI,IAAM,CACvD1O,MAAO,CAAE,CAACiG,KAAK8H,aAAc9H,KAAKgI,YAG7BK,IATLD,eAAY,8CAA+CpI,MAEpDqI,MAWElO,sBACbyN,EACAc,eAAiB,YAAa,SAAU,iBACxC5J,OAAO,CACP7E,KAAM,Y,kCCrER,W,6CCAAb,EAAOC,QAAU,IAA0B","file":"js/chunk-48526304.b4dc4f5e.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/delete.2f9571b0.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"px-2\"},[_c('v-container',{staticClass:\"py-0\"},[_c('v-row',{staticClass:\"mb-0 px-4\"},[_c('v-col',{staticClass:\"header px-0 pb-0 pt-3\",attrs:{\"cols\":\"12\"}},[_c('span',{staticClass:\"header-title\"},[_vm._v(\"Facturen\")])]),_c('v-col',{staticClass:\"ma-0 pt-3 px-0 sort-container\",attrs:{\"cols\":\"12\"}},[_c('v-btn',{staticClass:\"mr-4 pa-0 black white--text text-capitalize text-start\",attrs:{\"plain\":\"\"},on:{\"click\":function($event){_vm.currentSort = 'roadtrip'}}},[_vm._v(\" Roadtrip \"),_c('v-icon',{staticClass:\"pr-2\",attrs:{\"large\":\"\",\"right\":\"\",\"dark\":\"\"}},[_vm._v(_vm._s(_vm.currentSort == 'roadtrip' ? 'mdi-menu-up' : 'mdi-menu-down'))])],1),_c('v-btn',{staticClass:\"mr-4 pa-0 black white--text text-capitalize text-start\",attrs:{\"plain\":\"\"},on:{\"click\":function($event){_vm.currentSort = 'type'}}},[_vm._v(\" Type \"),_c('v-icon',{staticClass:\"pr-2\",attrs:{\"large\":\"\",\"right\":\"\",\"dark\":\"\"}},[_vm._v(_vm._s(_vm.currentSort == 'type' ? 'mdi-menu-up' : 'mdi-menu-down'))])],1),_c('v-btn',{staticClass:\"mr-4 pa-0 black white--text text-capitalize text-start\",attrs:{\"plain\":\"\"},on:{\"click\":function($event){_vm.currentSort = 'bedrag'}}},[_vm._v(\" Bedrag \"),_c('v-icon',{staticClass:\"pr-2\",attrs:{\"large\":\"\",\"right\":\"\",\"dark\":\"\"}},[_vm._v(_vm._s(_vm.currentSort == 'bedrag' ? 'mdi-menu-up' : 'mdi-menu-down'))])],1),_c('v-btn',{staticClass:\"pa-0 black white--text text-capitalize text-start\",attrs:{\"plain\":\"\"},on:{\"click\":function($event){_vm.currentSort = 'datum'}}},[_vm._v(\" Datum \"),_c('v-icon',{staticClass:\"pr-2\",attrs:{\"large\":\"\",\"right\":\"\",\"dark\":\"\"}},[_vm._v(_vm._s(_vm.currentSort == 'datum' ? 'mdi-menu-up' : 'mdi-menu-down'))])],1)],1),_vm._l((_vm.sortedArray),function(invoice,index){return _c('v-col',{key:index,staticClass:\"pt-3 pb-1 px-0\",attrs:{\"cols\":\"12\"}},[_c('v-card',{staticClass:\"invoice-card\",class:{ 'rp-red' : invoice.isCompanyExpense }},[_c('v-card-title',{staticClass:\"subtitle-1 cols-12 pt-2 pb-0\"},[_vm._v(\" \"+_vm._s(_vm.getCardText(invoice))+\" \")]),_c('v-list',{staticClass:\"pa-0\"},[_c('v-list-item',[_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(_vm._s(_vm.getCardSubText(invoice)))])],1),_c('v-list-item-action',[_c('div',[_c('img',{staticClass:\"delete-icon\",attrs:{\"src\":_vm.downloadIcon,\"alt\":\"Download\"}})])])],1)],1)],1)],1)})],2)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n     <div class=\"px-2\">\r\n        <v-container class=\"py-0\">\r\n            <v-row class=\"mb-0 px-4\">\r\n                <v-col cols=\"12\" class=\"header px-0 pb-0 pt-3\">\r\n                    <span class=\"header-title\">Facturen</span>\r\n                </v-col>\r\n                <v-col cols=\"12\" class=\"ma-0 pt-3 px-0 sort-container\">\r\n                    <v-btn plain\r\n                        class=\"mr-4 pa-0 black white--text text-capitalize text-start\"\r\n                        @click=\"currentSort = 'roadtrip'\">\r\n                        Roadtrip\r\n                        <v-icon large right dark class=\"pr-2\">{{currentSort == 'roadtrip' ? 'mdi-menu-up' : 'mdi-menu-down'}}</v-icon>\r\n                    </v-btn>\r\n                    <v-btn plain\r\n                        class=\"mr-4 pa-0 black white--text text-capitalize text-start\"\r\n                        @click=\"currentSort = 'type'\">\r\n                        Type\r\n                        <v-icon large right dark class=\"pr-2\">{{currentSort == 'type' ? 'mdi-menu-up' : 'mdi-menu-down'}}</v-icon>\r\n                    </v-btn>\r\n                    <v-btn plain\r\n                        class=\"mr-4 pa-0 black white--text text-capitalize text-start\"\r\n                        @click=\"currentSort = 'bedrag'\">\r\n                        Bedrag\r\n                        <v-icon large right dark class=\"pr-2\">{{currentSort == 'bedrag' ? 'mdi-menu-up' : 'mdi-menu-down'}}</v-icon>\r\n                    </v-btn>\r\n                     <v-btn plain\r\n                        class=\"pa-0 black white--text text-capitalize text-start\"\r\n                        @click=\"currentSort = 'datum'\">\r\n                        Datum\r\n                        <v-icon large right dark class=\"pr-2\">{{currentSort == 'datum' ? 'mdi-menu-up' : 'mdi-menu-down'}}</v-icon>\r\n                    </v-btn>\r\n                </v-col>\r\n                <v-col cols=\"12\" class=\"pt-3 pb-1 px-0\" v-for=\"(invoice, index) in sortedArray\" :key=\"index\">\r\n                     <v-card class=\"invoice-card\" :class=\"{ 'rp-red' : invoice.isCompanyExpense }\">\r\n                        <v-card-title\r\n                        class=\"subtitle-1 cols-12 pt-2 pb-0\">\r\n                            {{ getCardText(invoice) }}\r\n                        </v-card-title>\r\n                        <v-list class=\"pa-0\">\r\n                            <v-list-item>\r\n                                <v-list-item-content>\r\n                                    <v-list-item-title>{{ getCardSubText(invoice) }}</v-list-item-title>\r\n                                </v-list-item-content>\r\n                               \r\n                                <v-list-item-action>\r\n                                    <div>\r\n                                        <img class=\"delete-icon\" :src=\"downloadIcon\" alt=\"Download\" />\r\n                                    </div>\r\n                                </v-list-item-action>\r\n                            </v-list-item>\r\n                        </v-list>\r\n                    </v-card>\r\n                </v-col>\r\n            </v-row>\r\n        </v-container>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport FormatMixin from \"@/mixins/format.mixin\";\r\nexport default {\r\n    name: 'InvoiceList',\r\n    components: \r\n    {\r\n    },\r\n    mixins: [FormatMixin],\r\n    data () {\r\n        return {\r\n            downloadIcon: require('@/assets/icons/download.svg'),\r\n            deleteIcon: require('@/assets/icons/delete.svg'),\r\n            currentSort: 'roadtrip',\r\n            invoices: [\r\n                {\r\n                    number: \"0070\",\r\n                    roadtripName: \"Ardennen Tour\",\r\n                    type: \"Volvo\",\r\n                    amountPaid: 980.00,\r\n                    isCompanyExpense: true,\r\n                    expenseType: \"Lunchpakketten\",\r\n                    receiveOn: \"2018-09-28\",\r\n                },\r\n                {\r\n                    number: \"0069\",\r\n                    roadtripName: \"Eifel Tour\",\r\n                    type: \"Porsche\",\r\n                    participant: \"Jedalisa Sevilla\",\r\n                    isCompanyExpense: false,\r\n                    amountPaid: 120.00,\r\n                    receiveOn: \"2018-08-25\",\r\n                },\r\n                {\r\n                    number: \"0070\",\r\n                    roadtripName: \"Ardennen Tour\",\r\n                    type: \"Volvo\",\r\n                    participant: \"Marijn van der Leer\",\r\n                    isCompanyExpense: false,\r\n                    amountPaid: 950.00,\r\n                    receiveOn: \"2018-09-28\",\r\n\r\n                },\r\n                {\r\n                    number: \"0072\",\r\n                    roadtripName: \"Deventer Tour\",\r\n                    type: \"Ferrari\",\r\n                    participant: \"Ronald van Hameren\",\r\n                    isCompanyExpense: false,\r\n                    amountPaid: 360.00,\r\n                    receiveOn: \"2019-01-05\",\r\n                }\r\n            ]\r\n        }\r\n        \r\n    },\r\n    props: \r\n    {\r\n    },\r\n    computed: \r\n    {\r\n        sortedArray() \r\n        {\r\n            let sortedInvoices = this.invoices;\r\n\t\t\r\n            sortedInvoices = sortedInvoices.sort((a,b) => {\r\n                let text1 = \"\",\r\n                    text2 = \"\";\r\n\r\n                switch(this.currentSort)\r\n                {\r\n                    case \"roadtrip\":\r\n                        text1 = a.number.toLowerCase();\r\n                        text2 = b.number.toLowerCase();\r\n                        break;\r\n                    case \"type\":\r\n                        text1 = a.isCompanyExpense ? 0: 1;\r\n                        text2 = b.isCompanyExpense ? 0: 1;\r\n                        break;\r\n                    case \"bedrag\":\r\n                        text1 = a.amountPaid.toLowerCase();\r\n                        text2 = b.amountPaid.toLowerCase();\r\n                        break;\r\n                    case \"datum\":\r\n                        text1 = a.receiveOn.toLowerCase();\r\n                        text2 = b.receiveOn.toLowerCase();\r\n                        break;\r\n                }\r\n\r\n                if (text1 < text2) {\r\n                    return -1\r\n                }\r\n                if (text1 > text2) {\r\n                    return 1\r\n                }\r\n                return 0\r\n            })\r\n            return sortedInvoices;\r\n        }\r\n    },\r\n    methods: {\r\n        getCardText(item)\r\n        {\r\n            let label = item.isCompanyExpense ? item.expenseType : item.participant;\r\n            return `${item.number} | ${item.roadtripName} | ${label}`;\r\n        },\r\n        getCardSubText(item)\r\n        {\r\n            let label = item.isCompanyExpense ? `Betaald:` : `Ontvangen:`;\r\n            return `Bedrag: ${this.getCurrency(item.amountPaid)} | ${label}: ${this.formatDate(item.receiveOn)}`;\r\n        }\r\n\r\n    },\r\n}\r\n</script>\r\n<style>\r\n.theme--dark.v-card.invoice-card,\r\n.invoice-card .theme--dark.v-list\r\n{\r\n    background-color: #005E39;\r\n}\r\n\r\n.theme--dark.v-card.invoice-card.rp-red,\r\n.invoice-card.rp-red .theme--dark.v-list\r\n{\r\n    background-color: #6B0017;\r\n}\r\n\r\n.invoice-card .v-card__title\r\n{\r\n    margin-bottom: -10px;\r\n}\r\n\r\n.v-sheet.v-card.invoice-card \r\n{\r\n    border-radius: 10px;\r\n}\r\n\r\n.sort-container button.v-btn:not(.v-btn--round).v-size--default\r\n{\r\n    border-bottom: 1px solid #858282 !important;\r\n    border-radius: 0px;\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!./InvoiceList.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!./InvoiceList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InvoiceList.vue?vue&type=template&id=299f5178&\"\nimport script from \"./InvoiceList.vue?vue&type=script&lang=js&\"\nexport * from \"./InvoiceList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InvoiceList.vue?vue&type=style&index=0&id=299f5178&prod&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  null,\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/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!./LoadingIcon.vue?vue&type=style&index=0&id=4cf14fb6&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-select',{attrs:{\"items\":_vm.quarters,\"offset-y\":\"\",\"item-text\":\"item2\",\"item-value\":\"item1\",\"rules\":[_vm.rules.required],\"required\":\"\",\"dense\":\"\"},on:{\"change\":function($event){return _vm.onValueChanged()}},model:{value:(_vm.txt_quarter),callback:function ($$v) {_vm.txt_quarter=$$v},expression:\"txt_quarter\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <v-select \r\n            v-model=\"txt_quarter\"\r\n            :items=\"quarters\"\r\n            offset-y\r\n            item-text=\"item2\"\r\n            item-value=\"item1\"\r\n            :rules=\"[rules.required]\"\r\n            required\r\n            @change=\"onValueChanged()\"\r\n            dense></v-select>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport DataMixin from \"@/mixins/data.mixin\";\r\nimport MenuHelperMixin from \"@/mixins/menu-helper.mixin\";\r\nexport default {\r\n    name: 'RoadtripQuarterDropdown',\r\n    props: \r\n    {\r\n        quarter: Number\r\n    },\r\n    mixins: [DataMixin, MenuHelperMixin],\r\n    beforeMount()\r\n    {\r\n        if (this.quarter)\r\n        {\r\n            this.txt_quarter = this.quarter;\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            txt_quarter: {},\r\n            quarters: \r\n            [\r\n                {\r\n                    item1: 1,\r\n                    item2: \"Q1\"\r\n                },\r\n                {\r\n                    item1: 2,\r\n                    item2: \"Q2\"\r\n                },\r\n                {\r\n                    item1: 3,\r\n                    item2: \"Q3\"\r\n                },\r\n                {\r\n                    item1: 4,\r\n                    item2: \"Q4\"\r\n                },\r\n            ]\r\n        }\r\n    },\r\n    computed: {\r\n    },\r\n    watch: {\r\n        quarter: {\r\n            deep: true,\r\n            handler() {\r\n                this.txt_quarter = this.quarter;\r\n            }\r\n        },\r\n    },\r\n    methods:\r\n    {\r\n        onValueChanged()\r\n        {\r\n            this.$emit('changed', this.txt_quarter);\r\n        }\r\n    }\r\n}\r\n</script>","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!./RoadtripQuarterDropdown.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!./RoadtripQuarterDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RoadtripQuarterDropdown.vue?vue&type=template&id=056c60f0&\"\nimport script from \"./RoadtripQuarterDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./RoadtripQuarterDropdown.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../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!./InvoiceList.vue?vue&type=style&index=0&id=299f5178&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-row',{staticClass:\"info-cards\"},[_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"4\"}},[_c('v-card',{staticClass:\"mx-auto primary rounded-lg darken-2\",attrs:{\"height\":\"100\"}},[_c('v-card-text',{staticClass:\"pb-0 pt-2 px-2 subtitle-1 font-weight-light\"},[_vm._v(\" \"+_vm._s(_vm.title1)+\" \")]),_c('v-card-actions',{staticClass:\"justify-center\"},[_c('div',{staticClass:\"text-h4 pb-2 mt-n1\"},[_c('span',{staticClass:\"font-weight-light\",class:_vm.value1class},[_vm._v(\" \"+_vm._s(_vm.value1)+\" \")])])])],1)],1),_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"4\"}},[_c('v-card',{staticClass:\"mx-auto primary rounded-lg darken-2\",attrs:{\"height\":\"100\"}},[_c('v-card-text',{staticClass:\"pb-0 pt-2 px-2 subtitle-1 font-weight-light\"},[_vm._v(\" \"+_vm._s(_vm.title2)+\" \")]),_c('v-card-actions',{staticClass:\"justify-center\"},[_c('div',{staticClass:\"text-h4 pb-2 mt-n1\"},[_c('span',{staticClass:\"font-weight-light\",class:_vm.value2class},[_vm._v(\" \"+_vm._s(_vm.value2)+\" \")])])])],1)],1),_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"4\"}},[_c('v-item',[_c('v-card',{staticClass:\"mx-auto primary rounded-lg darken-2\",attrs:{\"height\":\"100\"}},[_c('v-card-text',{staticClass:\"pb-0 pt-2 px-2 subtitle-1 font-weight-light\"},[_vm._v(\" \"+_vm._s(_vm.title3)+\" \")]),_c('v-card-actions',{staticClass:\"justify-center\"},[_c('div',{staticClass:\"text-h4 pb-2 mt-n1\"},[_c('span',{staticClass:\"font-weight-light\",class:_vm.value3class},[_vm._v(\" \"+_vm._s(_vm.value3)+\" \")])])])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-row class=\"info-cards\">\r\n            <v-col cols=\"4\" class=\"py-0\">\r\n               <v-card\r\n                    class=\"mx-auto primary rounded-lg darken-2\"\r\n                    height=\"100\">\r\n                    <v-card-text class=\"pb-0 pt-2 px-2 subtitle-1 font-weight-light\">\r\n                        {{title1}}\r\n                    </v-card-text>\r\n                    <v-card-actions class=\"justify-center\">\r\n                        <div class=\"text-h4 pb-2 mt-n1\">\r\n                            <span class=\"font-weight-light\" :class=\"value1class\">\r\n                                {{value1}}\r\n                            </span>\r\n                        </div>\r\n                    </v-card-actions>\r\n                </v-card>\r\n            </v-col>\r\n            <v-col cols=\"4\" class=\"py-0\">\r\n                <v-card\r\n                    class=\"mx-auto primary rounded-lg darken-2\"\r\n                    height=\"100\">\r\n                    <v-card-text class=\"pb-0 pt-2 px-2 subtitle-1 font-weight-light\">\r\n                        {{title2}}\r\n                    </v-card-text>\r\n                    <v-card-actions class=\"justify-center\">\r\n                        <div class=\"text-h4 pb-2 mt-n1\">\r\n                            <span class=\"font-weight-light\" :class=\"value2class\">\r\n                                {{value2}}\r\n                            </span>\r\n                        </div>\r\n                    </v-card-actions>\r\n                </v-card>\r\n            </v-col>\r\n            <v-col cols=\"4\" class=\"py-0\">\r\n                <v-item>\r\n                    <v-card\r\n                        class=\"mx-auto primary rounded-lg darken-2\"\r\n                        height=\"100\">\r\n                        <v-card-text class=\"pb-0 pt-2 px-2 subtitle-1 font-weight-light\">\r\n                            {{title3}}\r\n                        </v-card-text>\r\n                        <v-card-actions class=\"justify-center\">\r\n                            <div class=\"text-h4 pb-2 mt-n1\">\r\n                                <span class=\"font-weight-light\" :class=\"value3class\">\r\n                                    {{value3}}\r\n                                </span>\r\n                            </div>\r\n                        </v-card-actions>\r\n                    </v-card>\r\n                </v-item>\r\n            </v-col>\r\n        </v-row>\r\n</template>\r\n\r\n\r\n<script>\r\nexport default {\r\n    name: 'StatisticInfoCards',\r\n    components: \r\n    {\r\n    },\r\n    data () {\r\n        return {\r\n        }\r\n    },\r\n    props: \r\n    {\r\n        title1: String,\r\n        value1: String,\r\n        value1class: String,\r\n        title2: String,\r\n        value2: String,\r\n        value2class: String,\r\n        title3: String,\r\n        value3: String,\r\n        value3class: String,\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n</script>\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!./StatisticInfoCards.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!./StatisticInfoCards.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StatisticInfoCards.vue?vue&type=template&id=330668aa&\"\nimport script from \"./StatisticInfoCards.vue?vue&type=script&lang=js&\"\nexport * from \"./StatisticInfoCards.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-autocomplete',{attrs:{\"items\":_vm.years,\"rules\":[_vm.rules.required],\"required\":\"\",\"dense\":\"\"},on:{\"change\":function($event){return _vm.onValueChanged()}},model:{value:(_vm.txt_year),callback:function ($$v) {_vm.txt_year=$$v},expression:\"txt_year\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <v-autocomplete\r\n            v-model=\"txt_year\"\r\n            :items=\"years\"\r\n            :rules=\"[rules.required]\"\r\n            required\r\n            @change=\"onValueChanged()\"\r\n            dense></v-autocomplete>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport DataMixin from \"@/mixins/data.mixin\";\r\nexport default {\r\n    name: 'RoadtripYearDropdown',\r\n    props: \r\n    {\r\n        year: String\r\n    },\r\n    mixins: [DataMixin],\r\n    beforeMount()\r\n    {\r\n        if (this.year)\r\n        {\r\n            this.txt_year = this.year;\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            txt_year: \"\",\r\n            years: [\r\n            \"2023\",\r\n            \"2022\",\r\n            \"2021\",\r\n            \"2020\",\r\n        ],\r\n        }\r\n    },\r\n    computed: {\r\n    },\r\n    watch: {\r\n        year: {\r\n            deep: true,\r\n            handler() {\r\n                this.txt_year = this.year;\r\n            }\r\n        },\r\n    },\r\n    methods:\r\n    {\r\n        onValueChanged()\r\n        {\r\n            this.$emit('changed', this.txt_year);\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style>\r\n.v-autocomplete.v-select.v-input--is-focused input {\r\n    min-width: 40px !important;\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!./RoadtripYearDropdown.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!./RoadtripYearDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RoadtripYearDropdown.vue?vue&type=template&id=7e7c8a52&\"\nimport script from \"./RoadtripYearDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./RoadtripYearDropdown.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RoadtripYearDropdown.vue?vue&type=style&index=0&id=7e7c8a52&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('LoadingIcon',{attrs:{\"isLoading\":_vm.isLoading}}),_c('div',{staticClass:\"px-2\"},[_c('v-container',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"7\"}},[_c('p',{staticClass:\"display-1 font-weight-thin mb-2\"},[_vm._v(\"Financiën\")])]),_c('v-spacer'),_c('v-col',{staticClass:\"pl-2 year-container\",attrs:{\"cols\":\"2\"}},[_c('RoadtripYearDropdown',{attrs:{\"year\":_vm.selectedYear},on:{\"changed\":function($event){return _vm.onYearChanged($event)}}})],1),_c('v-col',{staticClass:\"pl-2 quarter-container\",attrs:{\"cols\":\"2\"}},[_c('RoadtripQuarterDropdown',{attrs:{\"quarter\":_vm.selectedQuarter},on:{\"changed\":function($event){return _vm.onQuarterChanged($event)}}})],1)],1),_c('StatisticInfoCards',{attrs:{\"title1\":`Orders:`,\"value1\":_vm.orderCount,\"title2\":`Omzet:`,\"value2\":_vm.revenue,\"value2class\":`title`,\"title3\":`Kosten:`,\"value3\":_vm.costs,\"value3class\":`title`}}),_c('v-row',[_c('v-col',[_c('div',{staticClass:\"pb-3\"},[_vm._v(_vm._s(_vm.description))]),_c('v-btn',{attrs:{\"color\":\"primary\",\"block\":\"\"},on:{\"click\":function($event){return _vm.goToNewInvoice()}}},[_vm._v(\" Factuur toevoegen \")])],1)],1)],1)],1),_c('InvoiceList')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <LoadingIcon :isLoading=\"isLoading\" />\r\n        <div class=\"px-2\">\r\n            <v-container>\r\n                <v-row no-gutters>\r\n                    <v-col cols=\"7\">\r\n                        <p class=\"display-1 font-weight-thin mb-2\">Financiën</p>\r\n                    </v-col>\r\n                    <v-spacer></v-spacer>\r\n                    <v-col cols=\"2\" class=\"pl-2 year-container\">\r\n                        <RoadtripYearDropdown :year=\"selectedYear\" @changed=\"onYearChanged($event)\" />\r\n                    </v-col>\r\n                    <v-col cols=\"2\" class=\"pl-2 quarter-container\">\r\n                        <RoadtripQuarterDropdown :quarter=\"selectedQuarter\" @changed=\"onQuarterChanged($event)\" />\r\n                    </v-col>\r\n                </v-row> \r\n                <StatisticInfoCards \r\n                    :title1=\"`Orders:`\"\r\n                    :value1=\"orderCount\"\r\n                    :title2=\"`Omzet:`\"\r\n                    :value2=\"revenue\"\r\n                    :value2class=\"`title`\"\r\n                    :title3=\"`Kosten:`\"\r\n                    :value3=\"costs\"\r\n                    :value3class=\"`title`\"\r\n                    />\r\n                <v-row>\r\n                    <v-col>\r\n                        <div class=\"pb-3\">{{description}}</div>\r\n                        <v-btn color=\"primary\" block @click=\"goToNewInvoice()\">\r\n                            Factuur toevoegen\r\n                        </v-btn>\r\n                    </v-col>\r\n                </v-row>\r\n            </v-container>\r\n        </div>\r\n        <InvoiceList />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport LoadingIcon from '@/components/common/LoadingIcon';\r\nimport RouteMixin from \"@/mixins/route.mixin\";\r\nimport FormatMixin from \"@/mixins/format.mixin\";\r\nimport StatisticInfoCards from \"@/components/admin/StatisticInfoCards\";\r\nimport InvoiceList from \"@/components/admin/InvoiceList\";\r\nimport RoadtripYearDropdown from '@/components/common/options/RoadtripYearDropdown';\r\nimport RoadtripQuarterDropdown from '@/components/common/options/RoadtripQuarterDropdown';\r\n\r\nexport default {\r\n    name: 'Financiën',\r\n    components: \r\n    {\r\n        LoadingIcon,\r\n        InvoiceList,\r\n        StatisticInfoCards,\r\n        RoadtripYearDropdown,\r\n        RoadtripQuarterDropdown\r\n    },\r\n    mixins: [RouteMixin, FormatMixin],\r\n    data: () => ({\r\n        orderCount: '',\r\n        revenue: '',\r\n        costs: '',\r\n        selectedYear: \"\",\r\n        selectedQuarter: 1,\r\n        isLoading: false,\r\n        description: \"Hierboven zijn de belangrijkste statistieken van de huidige periode weergegeven. Daarnaast zijn alle betreffende facturen hieronder te zien Het is mogelijk om alle gegevens op deze pagina per kwartaal en per jaar te sorteren.\",\r\n    }),\r\n    mounted(){\r\n        this.selectedYear = `${this.getCurrentYear()}`;\r\n        this.selectedQuarter = this.getCurrentQuarter();\r\n        this.isMounted = true;\r\n    },\r\n    methods: \r\n    {\r\n        onYearChanged(year)\r\n        {\r\n            this.selectedYear = year;\r\n            this.getFinancialStatisticsByTimeFrame();\r\n        },\r\n        onQuarterChanged(quarter)\r\n        {\r\n            this.selectedQuarter = quarter;\r\n            this.getFinancialStatisticsByTimeFrame();\r\n        },\r\n        getFinancialStatisticsByTimeFrame()\r\n        {  \r\n            if(this.isMounted == false || this.isMounted == undefined) return;\r\n\r\n            this.isLoading = true;\r\n            let request = {\r\n                year: this.selectedYear,\r\n                quarter: this.selectedQuarter\r\n            }\r\n\r\n            this.$store.dispatch('expenseModule/getFinancialStatisticsByTimeFrame', request)\r\n            .then(data => {\r\n                this.orderCount = `${data.orderCount}`;\r\n                this.revenue = `${this.getCurrency(data.revenue)}`;\r\n                this.costs = `${this.getCurrency(data.costs)}`;\r\n                this.isLoading = false;\r\n            })\r\n            .catch(() => {\r\n                this.orderCount = ``;\r\n                this.revenue = ``;\r\n                this.costs = ``;\r\n                this.$store.commit('dialog/showDialog', 'Something went wrong with retrieving financial statistics.');\r\n                this.isLoading = false;\r\n            })\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.header\r\n{\r\n    display: inline-flex;\r\n}\r\n\r\n.edit-icon\r\n{\r\n    width: 15px;\r\n    height: 15px;\r\n    cursor: pointer;\r\n}\r\n\r\n.v-input\r\n{\r\n    height: 25px;\r\n}\r\n\r\n.sort-container button.v-btn:not(.v-btn--round).v-size--default\r\n{\r\n    border-bottom: 1px solid #858282 !important;\r\n    border-radius: 0px;\r\n}\r\n\r\n.theme--dark.v-card.participant-card,\r\n.participant-card .theme--dark.v-list\r\n{\r\n    background-color: #005E39;\r\n}\r\n\r\n.participant-card .v-card__title\r\n{\r\n    margin-bottom: -10px;\r\n}\r\n\r\n.v-sheet.v-card.participant-card \r\n{\r\n    border-radius: 10px;\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!./Financiën.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!./Financiën.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Financiën.vue?vue&type=template&id=5c960d1d&scoped=true&\"\nimport script from \"./Financiën.vue?vue&type=script&lang=js&\"\nexport * from \"./Financiën.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Financiën.vue?vue&type=style&index=0&id=5c960d1d&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  \"5c960d1d\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-fade-transition',[(_vm.isLoading)?_c('v-overlay',{attrs:{\"absolute\":\"\",\"color\":\"#181717\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"grey lighten-5\"}})],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n     <v-fade-transition>\r\n        <v-overlay\r\n            absolute\r\n            color=\"#181717\" v-if=\"isLoading\">\r\n            <v-progress-circular\r\n                indeterminate\r\n                color=\"grey lighten-5\"\r\n            ></v-progress-circular>\r\n        </v-overlay>\r\n    </v-fade-transition>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'LoadingIcon',\r\n    props: {\r\n        isLoading: Boolean,\r\n        imgClass: String\r\n    },\r\n}\r\n</script>\r\n<style>\r\n.hoverable-img \r\n{\r\n    border-radius: 0px !important;\r\n    cursor: pointer;\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!./LoadingIcon.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!./LoadingIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LoadingIcon.vue?vue&type=template&id=4cf14fb6&\"\nimport script from \"./LoadingIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./LoadingIcon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LoadingIcon.vue?vue&type=style&index=0&id=4cf14fb6&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","// Styles\nimport './VAutocomplete.sass'\n\n// Extensions\nimport VSelect, { defaultMenuProps as VSelectMenuProps } from '../VSelect/VSelect'\nimport VTextField from '../VTextField/VTextField'\n\n// Utilities\nimport mergeData from '../../util/mergeData'\nimport {\n  getObjectValueByPath,\n  getPropertyFromItem,\n  keyCodes,\n} from '../../util/helpers'\n\n// Types\nimport { PropType, VNode } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\nconst defaultMenuProps = {\n  ...VSelectMenuProps,\n  offsetY: true,\n  offsetOverflow: true,\n  transition: false,\n}\n\n/* @vue/component */\nexport default VSelect.extend({\n  name: 'v-autocomplete',\n\n  props: {\n    autoSelectFirst: {\n      type: Boolean,\n      default: false,\n    },\n    filter: {\n      type: Function,\n      default: (item: any, queryText: string, itemText: string) => {\n        return itemText.toLocaleLowerCase().indexOf(queryText.toLocaleLowerCase()) > -1\n      },\n    } as PropValidator<(item: any, queryText: string, itemText: string) => boolean>,\n    hideNoData: Boolean,\n    menuProps: {\n      type: VSelect.options.props.menuProps.type,\n      default: () => defaultMenuProps,\n    },\n    noFilter: Boolean,\n    searchInput: {\n      type: String as PropType<string | null>,\n    },\n  },\n\n  data () {\n    return {\n      lazySearch: this.searchInput,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VSelect.options.computed.classes.call(this),\n        'v-autocomplete': true,\n        'v-autocomplete--is-selecting-index': this.selectedIndex > -1,\n      }\n    },\n    computedItems (): object[] {\n      return this.filteredItems\n    },\n    selectedValues (): object[] {\n      return this.selectedItems.map(item => this.getValue(item))\n    },\n    hasDisplayedItems (): boolean {\n      return this.hideSelected\n        ? this.filteredItems.some(item => !this.hasItem(item))\n        : this.filteredItems.length > 0\n    },\n    currentRange (): number {\n      if (this.selectedItem == null) return 0\n\n      return String(this.getText(this.selectedItem)).length\n    },\n    filteredItems (): object[] {\n      if (!this.isSearching || this.noFilter || this.internalSearch == null) return this.allItems\n\n      return this.allItems.filter(item => {\n        const value = getPropertyFromItem(item, this.itemText)\n        const text = value != null ? String(value) : ''\n\n        return this.filter(item, String(this.internalSearch), text)\n      })\n    },\n    internalSearch: {\n      get (): string | null {\n        return this.lazySearch\n      },\n      set (val: any) { // TODO: this should be `string | null` but it breaks lots of other types\n        // emit update event only when the new\n        // search value is different from previous\n        if (this.lazySearch !== val) {\n          this.lazySearch = val\n          this.$emit('update:search-input', val)\n        }\n      },\n    },\n    isAnyValueAllowed (): boolean {\n      return false\n    },\n    isDirty (): boolean {\n      return this.searchIsDirty || this.selectedItems.length > 0\n    },\n    isSearching (): boolean {\n      return (\n        this.multiple &&\n        this.searchIsDirty\n      ) || (\n        this.searchIsDirty &&\n        this.internalSearch !== this.getText(this.selectedItem)\n      )\n    },\n    menuCanShow (): boolean {\n      if (!this.isFocused) return false\n\n      return this.hasDisplayedItems || !this.hideNoData\n    },\n    $_menuProps (): object {\n      const props = VSelect.options.computed.$_menuProps.call(this);\n      (props as any).contentClass = `v-autocomplete__content ${(props as any).contentClass || ''}`.trim()\n      return {\n        ...defaultMenuProps,\n        ...props,\n      }\n    },\n    searchIsDirty (): boolean {\n      return this.internalSearch != null &&\n        this.internalSearch !== ''\n    },\n    selectedItem (): any {\n      if (this.multiple) return null\n\n      return this.selectedItems.find(i => {\n        return this.valueComparator(this.getValue(i), this.getValue(this.internalValue))\n      })\n    },\n    listData () {\n      const data = VSelect.options.computed.listData.call(this) as any\n\n      data.props = {\n        ...data.props,\n        items: this.virtualizedItems,\n        noFilter: (\n          this.noFilter ||\n          !this.isSearching ||\n          !this.filteredItems.length\n        ),\n        searchInput: this.internalSearch,\n      }\n\n      return data\n    },\n  },\n\n  watch: {\n    filteredItems: 'onFilteredItemsChanged',\n    internalValue: 'setSearch',\n    isFocused (val) {\n      if (val) {\n        document.addEventListener('copy', this.onCopy)\n        this.$refs.input && this.$refs.input.select()\n      } else {\n        document.removeEventListener('copy', this.onCopy)\n        this.blur()\n        this.updateSelf()\n      }\n    },\n    isMenuActive (val) {\n      if (val || !this.hasSlot) return\n\n      this.lazySearch = null\n    },\n    items (val, oldVal) {\n      // If we are focused, the menu\n      // is not active, hide no data is enabled,\n      // and items change\n      // User is probably async loading\n      // items, try to activate the menu\n      if (\n        !(oldVal && oldVal.length) &&\n        this.hideNoData &&\n        this.isFocused &&\n        !this.isMenuActive &&\n        val.length\n      ) this.activateMenu()\n    },\n    searchInput (val: string) {\n      this.lazySearch = val\n    },\n    internalSearch: 'onInternalSearchChanged',\n    itemText: 'updateSelf',\n  },\n\n  created () {\n    this.setSearch()\n  },\n\n  destroyed () {\n    document.removeEventListener('copy', this.onCopy)\n  },\n\n  methods: {\n    onFilteredItemsChanged (val: never[], oldVal: never[]) {\n      // TODO: How is the watcher triggered\n      // for duplicate items? no idea\n      if (val === oldVal) return\n\n      if (!this.autoSelectFirst) {\n        const preSelectedItem = oldVal[this.$refs.menu.listIndex]\n\n        if (preSelectedItem) {\n          this.setMenuIndex(val.findIndex(i => i === preSelectedItem))\n        } else {\n          this.setMenuIndex(-1)\n        }\n        this.$emit('update:list-index', this.$refs.menu.listIndex)\n      }\n\n      this.$nextTick(() => {\n        if (\n          !this.internalSearch ||\n          (val.length !== 1 &&\n            !this.autoSelectFirst)\n        ) return\n\n        this.$refs.menu.getTiles()\n\n        if (this.autoSelectFirst && val.length) {\n          this.setMenuIndex(0)\n          this.$emit('update:list-index', this.$refs.menu.listIndex)\n        }\n      })\n    },\n    onInternalSearchChanged () {\n      this.updateMenuDimensions()\n    },\n    updateMenuDimensions () {\n      // Type from menuable is not making it through\n      this.isMenuActive && this.$refs.menu && this.$refs.menu.updateDimensions()\n    },\n    changeSelectedIndex (keyCode: number) {\n      // Do not allow changing of selectedIndex\n      // when search is dirty\n      if (this.searchIsDirty) return\n\n      if (this.multiple && keyCode === keyCodes.left) {\n        if (this.selectedIndex === -1) {\n          this.selectedIndex = this.selectedItems.length - 1\n        } else {\n          this.selectedIndex--\n        }\n      } else if (this.multiple && keyCode === keyCodes.right) {\n        if (this.selectedIndex >= this.selectedItems.length - 1) {\n          this.selectedIndex = -1\n        } else {\n          this.selectedIndex++\n        }\n      } else if (keyCode === keyCodes.backspace || keyCode === keyCodes.delete) {\n        this.deleteCurrentItem()\n      }\n    },\n    deleteCurrentItem () {\n      const curIndex = this.selectedIndex\n      const curItem = this.selectedItems[curIndex]\n\n      // Do nothing if input or item is disabled\n      if (\n        !this.isInteractive ||\n        this.getDisabled(curItem)\n      ) return\n\n      const lastIndex = this.selectedItems.length - 1\n\n      // Select the last item if\n      // there is no selection\n      if (\n        this.selectedIndex === -1 &&\n        lastIndex !== 0\n      ) {\n        this.selectedIndex = lastIndex\n\n        return\n      }\n\n      const length = this.selectedItems.length\n      const nextIndex = curIndex !== length - 1\n        ? curIndex\n        : curIndex - 1\n      const nextItem = this.selectedItems[nextIndex]\n\n      if (!nextItem) {\n        this.setValue(this.multiple ? [] : null)\n      } else {\n        this.selectItem(curItem)\n      }\n\n      this.selectedIndex = nextIndex\n    },\n    clearableCallback () {\n      this.internalSearch = null\n\n      VSelect.options.methods.clearableCallback.call(this)\n    },\n    genInput () {\n      const input = VTextField.options.methods.genInput.call(this)\n\n      input.data = mergeData(input.data!, {\n        attrs: {\n          'aria-activedescendant': getObjectValueByPath(this.$refs.menu, 'activeTile.id'),\n          autocomplete: getObjectValueByPath(input.data!, 'attrs.autocomplete', 'off'),\n        },\n        domProps: { value: this.internalSearch },\n      })\n\n      return input\n    },\n    genInputSlot () {\n      const slot = VSelect.options.methods.genInputSlot.call(this)\n\n      slot.data!.attrs!.role = 'combobox'\n\n      return slot\n    },\n    genSelections (): VNode | never[] {\n      return this.hasSlot || this.multiple\n        ? VSelect.options.methods.genSelections.call(this)\n        : []\n    },\n    onClick (e: MouseEvent) {\n      if (!this.isInteractive) return\n\n      this.selectedIndex > -1\n        ? (this.selectedIndex = -1)\n        : this.onFocus()\n\n      if (!this.isAppendInner(e.target)) this.activateMenu()\n    },\n    onInput (e: Event) {\n      if (\n        this.selectedIndex > -1 ||\n        !e.target\n      ) return\n\n      const target = e.target as HTMLInputElement\n      const value = target.value\n\n      // If typing and menu is not currently active\n      if (target.value) this.activateMenu()\n\n      if (!this.multiple && value === '') this.deleteCurrentItem()\n\n      this.internalSearch = value\n      this.badInput = target.validity && target.validity.badInput\n    },\n    onKeyDown (e: KeyboardEvent) {\n      const keyCode = e.keyCode\n\n      if (\n        e.ctrlKey ||\n        ![keyCodes.home, keyCodes.end].includes(keyCode)\n      ) {\n        VSelect.options.methods.onKeyDown.call(this, e)\n      }\n\n      // The ordering is important here\n      // allows new value to be updated\n      // and then moves the index to the\n      // proper location\n      this.changeSelectedIndex(keyCode)\n    },\n    onSpaceDown (e: KeyboardEvent) { /* noop */ },\n    onTabDown (e: KeyboardEvent) {\n      VSelect.options.methods.onTabDown.call(this, e)\n      this.updateSelf()\n    },\n    onUpDown (e: Event) {\n      // Prevent screen from scrolling\n      e.preventDefault()\n\n      // For autocomplete / combobox, cycling\n      // interfers with native up/down behavior\n      // instead activate the menu\n      this.activateMenu()\n    },\n    selectItem (item: object) {\n      VSelect.options.methods.selectItem.call(this, item)\n      this.setSearch()\n    },\n    setSelectedItems () {\n      VSelect.options.methods.setSelectedItems.call(this)\n\n      // #4273 Don't replace if searching\n      // #4403 Don't replace if focused\n      if (!this.isFocused) this.setSearch()\n    },\n    setSearch () {\n      // Wait for nextTick so selectedItem\n      // has had time to update\n      this.$nextTick(() => {\n        if (\n          !this.multiple ||\n          !this.internalSearch ||\n          !this.isMenuActive\n        ) {\n          this.internalSearch = (\n            !this.selectedItems.length ||\n            this.multiple ||\n            this.hasSlot\n          )\n            ? null\n            : this.getText(this.selectedItem)\n        }\n      })\n    },\n    updateSelf () {\n      if (\n        !this.searchIsDirty &&\n        !this.internalValue\n      ) return\n\n      if (\n        !this.multiple &&\n        !this.valueComparator(\n          this.internalSearch,\n          this.getValue(this.internalValue)\n        )\n      ) {\n        this.setSearch()\n      }\n    },\n    hasItem (item: any): boolean {\n      return this.selectedValues.indexOf(this.getValue(item)) > -1\n    },\n    onCopy (event: ClipboardEvent) {\n      if (this.selectedIndex === -1) return\n\n      const currentItem = this.selectedItems[this.selectedIndex]\n      const currentItemText = this.getText(currentItem)\n      event.clipboardData?.setData('text/plain', currentItemText)\n      event.clipboardData?.setData('text/vnd.vuetify.autocomplete.item+plain', currentItemText)\n      event.preventDefault()\n    },\n  },\n})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../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!./Financiën.vue?vue&type=style&index=0&id=5c960d1d&prod&scoped=true&lang=css&\"","// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport Vue from 'vue'\nimport { VNode, ScopedSlotChildren } from 'vue/types/vnode'\n\n/* @vue/component */\nexport const BaseItem = Vue.extend({\n  props: {\n    activeClass: String,\n    value: {\n      required: false,\n    },\n  },\n\n  data: () => ({\n    isActive: false,\n  }),\n\n  methods: {\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (): VNode {\n    if (!this.$scopedSlots.default) {\n      consoleWarn('v-item is missing a default scopedSlot', this)\n\n      return null as any\n    }\n\n    let element: VNode | ScopedSlotChildren\n\n    /* istanbul ignore else */\n    if (this.$scopedSlots.default) {\n      element = this.$scopedSlots.default({\n        active: this.isActive,\n        toggle: this.toggle,\n      })\n    }\n\n    if (Array.isArray(element) && element.length === 1) {\n      element = element[0]\n    }\n\n    if (!element || Array.isArray(element) || !element.tag) {\n      consoleWarn('v-item should only contain a single element', this)\n\n      return element as any\n    }\n\n    element.data = this._b(element.data || {}, element.tag!, {\n      class: { [this.activeClass]: this.isActive },\n    })\n\n    return element\n  },\n})\n\nexport default mixins(\n  BaseItem,\n  GroupableFactory('itemGroup', 'v-item', 'v-item-group')\n).extend({\n  name: 'v-item',\n})\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../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!./RoadtripYearDropdown.vue?vue&type=style&index=0&id=7e7c8a52&prod&lang=css&\"","module.exports = __webpack_public_path__ + \"img/download.50cc38ca.svg\";"],"sourceRoot":""}