{"version":3,"file":"photos-src_views_Folders_vue.js?v=aeda7c35ce57441973fa","mappings":"iGAYAA,EAAOC,QAAU,CAChBC,MAAO,CACN,IAAK,CACJC,UAAW,GACXC,QAAS,EACTC,MAAO,EACPC,YAAa,GAEd,IAAK,CACJH,UAAW,GACXC,QAAS,EACTC,MAAO,EACPC,YAAa,GAEd,KAAM,CACLH,UAAW,GACXC,QAAS,GACTC,MAAO,EACPC,YAAa,GAEd,KAAM,CACLH,UAAW,GACXC,QAAS,GACTC,MAAO,EACPC,YAAa,GAEd,KAAM,CACLH,UAAW,GACXC,QAAS,GACTC,MAAO,EACPC,YAAa,GAEd,KAAM,CACLH,UAAW,GACXC,QAAS,GACTC,MAAO,EACPC,YAAa,GAEd,KAAM,CACLH,UAAW,GACXC,QAAS,GACTC,MAAO,EACPC,YAAa,GAEd,KAAM,CACLH,UAAW,GACXC,QAAS,GACTC,MAAO,EACPC,YAAa,GAEd,KAAM,CACLH,UAAW,GACXC,QAAS,GACTC,MAAO,EACPC,YAAa,GAEdC,IAAK,CACJJ,UAAW,GACXC,QAAS,GACTC,MAAO,GACPC,YAAa,K,gDCnEhB,SACCE,KAAM,uBAENC,KAAIA,KACI,CACNC,gBAAiB,IAAIC,kBAIvBC,gBACCC,KAAKH,gBAAgBI,OACtB,EAEAC,iBAAiBC,EAAMC,EAAIC,GAC1BL,KAAKH,gBAAgBI,QACrBD,KAAKH,gBAAkB,IAAIC,gBAC3BO,GACD,E,mFCnBGC,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACpB,EAAOqB,GAAI,mvCAAovC,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,yCAAyC,6CAA6C,MAAQ,GAAG,SAAW,gaAAga,eAAiB,CAAC,2qCAA2qC,w/BAAskC,WAAa,MAEplI,S,mFCJIF,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACpB,EAAOqB,GAAI,0wFAA2wF,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,yCAAyC,yCAAyC,MAAQ,GAAG,SAAW,qwBAAqwB,eAAiB,CAAC,2qCAA2qC,8kFAA2pF,WAAa,MAEjiP,S,mFCJIF,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACpB,EAAOqB,GAAI,2vBAA4vB,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,mDAAmD,MAAQ,GAAG,SAAW,wSAAwS,eAAiB,CAAC,g2CAAg7C,WAAa,MAEhoF,S,mFCJIF,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACpB,EAAOqB,GAAI,mnCAAonC,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,mDAAmD,MAAQ,GAAG,SAAW,+XAA+X,eAAiB,CAAC,yxDAAy2D,WAAa,MAExgH,S,mFCJIF,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACpB,EAAOqB,GAAI,qtDAAstD,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,wCAAwC,qCAAqC,MAAQ,GAAG,SAAW,ogBAAogB,eAAiB,CAAC,spBAAspB,k2CAAg7C,WAAa,MAEt+I,S,gDCPA,I,sBC6CA,MC7CgL,ED6ChL,CACAb,KAAA,mBAEAc,WAAA,CACAC,UAAA,IACAC,SAAA,KACAC,cAAAA,EAAAA,IAGAC,cAAA,EAEAC,MAAA,CACAC,QAAA,CACAC,KAAAC,QACAC,SAAA,GAEAC,KAAA,CACAH,KAAAI,OACAF,QAAA,KAEAG,MAAA,CACAL,KAAAI,OACAE,UAAA,GAEAC,UAAA,CACAP,KAAAI,OACAF,QAAAM,EAAA,oBAGAC,OAAA,CACAT,KAAAU,OACAR,QAAA,OAIAS,SAAA,CACAC,SACA,MAAAA,EAAA,WAAAT,KAEA,OADA,KAAAU,wBAAAD,GACAA,CACA,EAEAjC,OACA,YAAAiC,OACA,KAAAL,UAEA,KAAAF,KACA,EAEAS,aACA,MAAAX,EAAA,KAAAA,KAAAY,MAAA,KACAZ,EAAAa,MACA,MAAAC,EAAAd,EAAAe,KAAA,KACA,YAAAN,QAAA,KAAAK,EAAAE,OACA,IACAhB,EAAAe,KAAA,IACA,EAEAE,aACA,YAAAN,YAAA,KAAAA,WAAAC,MAAA,KAAAC,KACA,EAEAK,aACA,iBAAAP,WACAN,EAAA,6BAAAc,OAAA,KAAAf,YAEAC,EAAA,6BAAAc,OAAA,KAAAF,YACA,EAUAhC,KAGA,MACAe,EADA,YACAoB,KAAA,KAAAT,YAAA,IAGA,KAAAnC,EAAA,OAAA8B,GAAAC,OAAAc,OAAA,QAAAC,OAAA,CACAhB,OAAA,KAAAA,QAAA,CAAAN,UAKA,WAAAA,EACA,CAAAxB,QAIA+C,mBAAA,KAAAC,QAAAC,QAAA,CAAAjD,OAAA8B,WAAAoB,SAAA1B,KACA,GAGA2B,QAAA,CACAC,WACA,KAAAJ,QAAApC,KAAA,KAAAH,GACA,EAEA4C,UACA,KAAAC,MAAA,UACA,EAEApB,uBAAAqB,GAEA,MAAAC,EAAAC,SAAAC,cAAA,gCACA,OAAAF,IACAA,EAAAG,MAAAC,QAAAL,EAAA,YAEA,I,qIEpJIM,EAAU,CAAC,EAEfA,EAAQC,kBAAoB,IAC5BD,EAAQE,cAAgB,IAElBF,EAAQG,OAAS,SAAc,KAAM,QAE3CH,EAAQI,OAAS,IACjBJ,EAAQK,mBAAqB,IAEhB,IAAI,IAASL,GAKJ,KAAW,YAAiB,WCPlD,SAXgB,E,SAAA,GACd,GJTW,WAAkB,IAAIM,EAAI9D,KAAK+D,EAAGD,EAAIE,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,oBAAoBC,MAAM,CAAC,0BAA2BJ,EAAIlC,QAAQuC,MAAM,CAAC,KAAO,YAAY,CAAGL,EAAIlC,OAA2RkC,EAAIM,KAAvRL,EAAG,WAAW,CAACE,YAAY,0BAA0BE,MAAM,CAAC,aAAaL,EAAItC,EAAE,SAAU,WAAW,KAAO,YAAY6C,GAAG,CAAC,MAAQP,EAAIf,UAAUuB,YAAYR,EAAIS,GAAG,CAAC,CAACC,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACV,EAAG,YAAY,CAACI,MAAM,CAAC,KAAO,MAAM,EAAEO,OAAM,IAAO,MAAK,EAAM,cAAuBZ,EAAIa,GAAG,KAAKZ,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,KAAK,CAACE,YAAY,iCAAiCI,GAAG,CAAC,MAAQP,EAAId,UAAU,CAACc,EAAIa,GAAG,WAAWb,EAAIc,GAAGd,EAAInE,MAAM,YAAYmE,EAAIa,GAAG,KAAKZ,EAAG,MAAM,CAACE,YAAY,kCAAkCH,EAAIa,GAAG,KAAKb,EAAIe,GAAG,aAAa,GAAGf,EAAIa,GAAG,KAAMb,EAAIgB,OAAO5D,QAAS6C,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACH,EAAIe,GAAG,YAAY,GAAGf,EAAIM,KAAKN,EAAIa,GAAG,KAAKZ,EAAG,gBAAgB,CAACgB,WAAW,CAAC,CAACpF,KAAK,OAAOqF,QAAQ,SAASC,MAAOnB,EAAI/C,QAASmE,WAAW,YAAYjB,YAAY,8BAA8BH,EAAIa,GAAG,KAAKZ,EAAG,MAAM,CAACE,YAAY,oCAAoC,CAACH,EAAIe,GAAG,UAAU,IAAI,EACtnC,GACsB,IIUpB,EACA,KACA,WACA,MAI8B,O,6DCnBhC,I,iEC4CA,MC5C0K,ED4C1K,CACAlF,KAAA,aACAkB,cAAA,EACAC,MAAA,CACAqE,KAAA,CACAnE,KAAAU,OACAJ,UAAA,IAIA1B,KAAAA,KACA,CACAwF,QAAA,EACAC,OAAA,IAIA1D,SAAA,CACA2D,WACA,eAAAC,OAAA,KAAAJ,KAAAK,SAAAC,OACA,EACAC,YACA,OAAAlE,EAAA,8CAAA7B,KAAA,KAAAwF,KAAAK,SAAAG,UACA,EACAC,UACA,YAAAT,KAAAK,SAAAK,KAAAC,WAAA,QACA,EACAC,cACA,YAAAZ,KAAAK,SAAAQ,KAAAC,QAAA,aAAAA,QAAA,YACA,EACAC,MACA,OAAAC,EAAAA,EAAAA,IAAA,wBAAAZ,OAAA,KAAAJ,KAAAK,SAAAC,OAAA,OAAAF,OAAA,KAAAQ,YAAA,uCAAAR,OAAA,KAAAa,cAAA,SACA,EACAA,gBACA,YAAAC,OAAAC,MAAAC,WAAAH,aACA,GAGArG,gBAEA,KAAAyG,MAAAN,IAAA,EACA,EAEApD,QAAA,CACA2D,aACAC,IAAAC,OAAAC,KAAA,CACAC,SAAA,KAAA1B,KAAAK,SACAsB,KAAA,KAAA3B,KAAAK,SAAAsB,KACAC,SAAA,KAAA5B,KAAAK,SAAAuB,SAAA,oBAAA5B,KAAAK,SAAAuB,UAAA,UACAC,QAAA,KAAA7B,KAAAK,SAAAwB,SAEA,EAGAC,SACA,KAAA7B,QAAA,CACA,EAEA8B,UACA,KAAA7B,OAAA,CACA,I,qIE7FI7B,EAAU,CAAC,EAEfA,EAAQC,kBAAoB,IAC5BD,EAAQE,cAAgB,IAElBF,EAAQG,OAAS,SAAc,KAAM,QAE3CH,EAAQI,OAAS,IACjBJ,EAAQK,mBAAqB,IAEhB,IAAI,IAASL,GAKJ,KAAW,YAAiB,W,eCPlD,SAXgB,OACd,GCTW,WAAkB,IAAIM,EAAI9D,KAAK+D,EAAGD,EAAIE,MAAMD,GAAG,OAAOA,EAAG,IAAI,CAACE,YAAY,OAAOC,MAAM,CAClG,gBAAiBJ,EAAIsC,eACpBjC,MAAM,CAAC,KAAOL,EAAIqB,KAAKK,SAAS2B,OAAO,aAAarD,EAAI4B,WAAWrB,GAAG,CAAC,MAAQ,SAAS+C,GAAgC,OAAxBA,EAAOC,iBAAwBvD,EAAI2C,WAAWa,MAAM,KAAMC,UAAU,IAAI,CAAEzD,EAAIqB,KAAKK,SAASK,KAAK2B,SAAS,UAAY1D,EAAIqB,KAAKK,SAASiC,WAAY1D,EAAG,MAAM,CAACE,YAAY,qBAAqBH,EAAIM,KAAKN,EAAIa,GAAG,KAAKZ,EAAG,mBAAmB,CAACE,YAAY,mBAAmBE,MAAM,CAAC,KAAO,SAAS,CAAGL,EAAIuB,MAAuMvB,EAAIM,KAApML,EAAG,MAAM,CAACS,IAAG,GAAAe,OAAIzB,EAAIqB,KAAKK,SAASG,SAAQ,QAAO+B,IAAI,MAAMvD,MAAM,CAAC,IAAML,EAAIoC,IAAI,IAAMpC,EAAIqB,KAAKK,SAASG,SAAS,mBAAmB7B,EAAIwB,UAAUjB,GAAG,CAAC,KAAOP,EAAImD,OAAO,MAAQnD,EAAIoD,WAAoBpD,EAAIa,GAAG,MAAOb,EAAIsB,QAAUtB,EAAIuB,MAAOtB,EAAG,MAAM,CAACS,IAAG,GAAAe,OAAIzB,EAAIqB,KAAKK,SAASG,SAAQ,QAAOxB,MAAM,CAAC,MAAQ,6BAA6B,QAAU,YAAY,KAAO,gCAAgC,CAAEL,EAAI8B,QAAS7B,EAAG,MAAM,CAACI,MAAM,CAAC,KAAO,uBAAuBJ,EAAG,MAAM,CAACI,MAAM,CAAC,KAAO,2BAA2BL,EAAIM,OAAON,EAAIa,GAAG,KAAKZ,EAAG,IAAI,CAACE,YAAY,kBAAkBE,MAAM,CAAC,GAAKL,EAAIwB,WAAW,CAACxB,EAAIa,GAAGb,EAAIc,GAAGd,EAAIqB,KAAKK,SAASG,aAAa7B,EAAIa,GAAG,KAAKZ,EAAG,MAAM,CAACE,YAAY,QAAQE,MAAM,CAAC,KAAO,WAAW,EACvlC,GACsB,IDQpB,EACA,KACA,WACA,MAI8B,QEnBhC,I,WCkCA,MClCgL,EDkChL,CACAxE,KAAA,mBAEAc,WAAA,CACAkH,O,SAAAA,GAGA7G,MAAA,CACA8G,KAAA,CACA5G,KAAAI,OACAF,QAAA,eAEAV,GAAA,CACAQ,KAAA,CAAA6G,OAAAzG,QACAE,UAAA,GAEA3B,KAAA,CACAqB,KAAAI,OACAE,UAAA,GAEAH,KAAA,CACAH,KAAAI,OACAF,QAAA,IAEA4G,SAAA,CACA9G,KAAA+G,MACA7G,QAAAA,IAAA,IAEAd,GAAA,CACAY,KAAAU,OACAR,QAAA,OAIAtB,KAAAA,KACA,CACAoI,OAAA,KAIArG,SAAA,CAEAsG,UACA,gBAAAC,YAAAC,MACA,EAEAzC,YACA,OAAAlE,EAAA,qCAAA7B,KAAA,KAAAA,MACA,EAOAuI,cACA,YAAAJ,SACAM,QAAAC,IAAA,SAAAL,OAAAM,QAAAD,EAAA5C,SACA,EAEA8C,aACA,YAAAL,YAAAC,OACA,YAEA,aAAA1C,EAAA,KAAAO,GAAA,KAAAkC,YAAAM,IAAA,GAEA,OAAArC,EAAAA,EAAAA,IAAA,wBAAAZ,OAAAE,EAAA,OAAAF,OAAAS,EAAA,wCACA,EAWAyC,SAAA,IAAAC,EACA,QAAAtI,GACA,YAAAA,GAIA,MAAAuI,EAAA,UAAApD,OAAA,QAAAmD,GAAAE,EAAAA,EAAAA,aAAA,IAAAF,OAAA,EAAAA,EAAAG,KACA,IAAA1H,EAAA,KAAAA,KAAA8E,QAAA,IAAA6C,OAAA,IAAAvD,OAAAoD,IAAA,IAQA,OAHAxH,EADA,YACAoB,KAAApB,GAAA,GAGAO,OAAAc,OAAA,QAAAC,OAAA,CACAhB,OAAA,CAAAN,KAAAA,EAAAY,MAAA,OAEA,GAGAe,QAAA,CACAiG,cAAAC,GAAA,WAAAvD,GAAAuD,EACA,KAAAhB,OAAAzH,KAAAkF,EACA,I,eE7HI,EAAU,CAAC,EAEf,EAAQhC,kBAAoB,IAC5B,EAAQC,cAAgB,IAElB,EAAQC,OAAS,SAAc,KAAM,QAE3C,EAAQC,OAAS,IACjB,EAAQC,mBAAqB,IAEhB,IAAI,IAAS,GAKJ,KAAW,YAAiB,WCPlD,SAXgB,OACd,GCTW,WAAkB,IAAIC,EAAI9D,KAAK+D,EAAGD,EAAIE,MAAMD,GAAG,OAAOA,EAAG,cAAc,CAACE,YAAY,SAASE,MAAM,CAAC,GAAKL,EAAI2E,OAAO,aAAa3E,EAAI4B,YAAY,CAAE5B,EAAIyE,WAAYxE,EAAG,MAAM,CAACE,YAAY,gBAAgBE,MAAM,CAAC,IAAML,EAAIyE,WAAW,IAAM,IAAIlE,GAAG,CAAC,MAAQ,SAAS+C,GAAQ,OAAOtD,EAAIiF,cAAcjF,EAAIuE,KAAK,KAAKtE,EAAG,OAAO,CAACE,YAAY,4CAA4C,CAACF,EAAG,SAAS,CAACE,YAAY,eAAeE,MAAM,CAAC,KAAO,GAAG,aAAa,mCAAmC,GAAGL,EAAIa,GAAG,KAAKZ,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACF,EAAG,UAAUD,EAAIa,GAAG,KAAKZ,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACH,EAAIa,GAAGb,EAAIc,GAAGd,EAAInE,UAAU,IACroB,GACsB,IDUpB,EACA,KACA,WACA,MAI8B,Q,oCEAjBsJ,eAAA,IAAyC,IAAAP,EAAA,IAA1BvH,EAAIoG,UAAAY,OAAA,QAAAe,IAAA3B,UAAA,GAAAA,UAAA,GAAG,IAAK/D,EAAO+D,UAAAY,OAAA,QAAAe,IAAA3B,UAAA,GAAAA,UAAA,GAAG,CAAC,EACpD,MAAM4B,GAAWhD,EAAAA,EAAAA,IAAY,uBAADZ,OAAwB/B,EAAQ4F,OAAS,SAAW,WAC1ET,EAAS,UAAHpD,OAA6B,QAA7BmD,GAAaE,EAAAA,EAAAA,aAAgB,IAAAF,OAAA,EAAhBA,EAAkBG,KAIrC/B,SADiBuC,EAAAA,EAAAA,IAAUF,GAAWG,EAAAA,EAAAA,IAAenI,GAAOqC,IAC5C5D,KACpB2J,KAAI3J,IAAQ,IAAMA,EAAM4J,SAAU,GAAFjE,OAAKoD,GAAMpD,OAAG3F,EAAK4J,cACnDD,KAAI3J,IAAQ6J,EAAAA,EAAAA,IAAY7J,KAG1B,IAAI0C,EAAS,CAAC,EACd,MAAMoH,EAAU,GACVC,EAAQ,GAEd,IAAK,MAAMC,KAAS9C,EAEf8C,EAAMJ,WAAa,GAALjE,OAAQoD,GAAMpD,OAAGpE,GAClCmB,EAASsH,EACgB,SAAfA,EAAM5I,KAChB0I,EAAQnJ,KAAKqJ,GACHC,EAAAA,GAAAA,QAAqBD,EAAM/D,OAAS,GAC9C8D,EAAMpJ,KAAKqJ,GAKb,MAAO,CAAEtH,SAAQoH,UAASC,QAC3B,C,eC1BA,MCrBsK,EDqBtK,CACAhK,KAAA,SAEAc,WAAA,CACAqJ,iBAAAA,GAGAC,OAAA,CACAC,EAAAA,GAEAnJ,cAAA,EAEAC,MAAA,CACAqE,KAAA,CACAnE,KAAAU,OACAJ,UAAA,IAIA1B,OACA,OACAqK,cAAA,KAAA9E,KAAAK,SAAAC,OAEA,EAEA9D,SAAA,KAEAuI,EAAAA,EAAAA,IAAA,CACA,QACA,YAIAC,gBACA,YAAAT,QAAA,KAAAvE,KAAAK,SAAAC,OACA,EACA2E,eACA,MAAAC,EAAA,KAAAX,QAAA,KAAAO,eAEAG,EAAAC,EACAA,EACAd,KAAA/I,GAAA,KAAAmJ,MAAAnJ,KACA8J,MAAA,KACA,GAIA,OAAAF,EAAAjC,QACA,KAAAwB,MAAA,KAAAM,eAAAP,SACA,KAAAO,gBAAA,KAAA9E,KAAAK,SAAAC,OAAA,CAEA,MAAA8E,EAAA,KAAAZ,MAAA,KAAAM,eAAAP,QAAA,GACA,KAAAc,oBAAAD,GAEA,KAAAb,QAAA,KAAAO,gBACA,KAAAQ,cAAA,KAAAd,MAAA,KAAAM,eAAAT,SAEA,CAEA,OAAAY,CACA,GAGA,gBACA,KAAAD,qBACA,KAAAM,cAAA,KAAAtF,KAAAK,SAAAgE,SAEA,EAEA1G,QAAA,CACA,oBAAA0G,GACA,QAAAd,EAEA,MAAAC,EAAA,UAAApD,OAAA,QAAAmD,GAAAE,EAAAA,EAAAA,aAAA,IAAAF,OAAA,EAAAA,EAAAG,KACA6B,EAAAlB,EAAAvD,QAAA,IAAA6C,OAAA,IAAAvD,OAAAoD,IAAA,KAGA,OAAArG,EAAA,QAAAoH,EAAA,MAAAC,SAAAgB,EAAAD,EAAA,CACAtB,OAAA,KAAAjE,KAAAK,SAAAoF,WACAC,OAAA,KAAAhL,gBAAAgL,SAEA,KAAAxE,OAAAyE,SAAA,iBAAArF,OAAAnD,EAAAmD,OAAAkE,QAAAD,YACA,KAAArD,OAAAyE,SAAA,eAAAxI,SAAAqH,QAAAD,WACA,OAAArE,GACAA,EAAA0F,UAAA1F,EAAA0F,SAAAC,QACAC,QAAA5F,MAAA,+BAAAmE,EAAAnE,EAAA0F,SAEA,CACA,EAEAP,oBAAArJ,GACA,KAAA8I,cAAA9I,CACA,I,eEtGI,EAAU,CAAC,EAEf,EAAQsC,kBAAoB,IAC5B,EAAQC,cAAgB,IAElB,EAAQC,OAAS,SAAc,KAAM,QAE3C,EAAQC,OAAS,IACjB,EAAQC,mBAAqB,IAEhB,IAAI,IAAS,GAKJ,KAAW,YAAiB,WCPlD,SAXgB,OACd,GVTW,WAAkB,IAAIC,EAAI9D,KAAqB,OAAO+D,EAApBD,EAAIE,MAAMD,IAAa,mBAAmB,CAACI,MAAM,CAAC,GAAKL,EAAIqB,KAAKK,SAASC,OAAO,KAAO3B,EAAIqB,KAAKK,SAASG,SAASuF,WAAW,KAAOpH,EAAIqB,KAAKK,SAASgE,SAAS,YAAY1F,EAAIsG,eAC9N,GACsB,IUUpB,EACA,KACA,WACA,MAI8B,Q,gDCXhC,YAAmBe,EAAAA,GAAI,CACtBvL,KAAIA,KACI,CACNwL,WAAY/L,EAAAA,MAAAA,MAGdgM,MAAO,CACND,WAAWE,GACVtL,KAAKiD,MAAM,UAAWqI,EACvB,GAEDC,UACCC,OAAOC,iBAAiB,SAAUzL,KAAK0L,oBACvC1L,KAAK0L,oBACN,EACA3L,gBACCyL,OAAOG,oBAAoB,SAAU3L,KAAK0L,mBAC3C,EACA5I,QAAS,CACR4I,qBAEC,MAAME,EAAclK,OAAOmK,KAAKxM,EAAAA,OAAOyM,MAAKC,GAAQA,EAAO3I,SAAS4I,gBAAgBC,cACpFjM,KAAKoL,WAAa/L,EAAAA,MAAMuM,IAAgBvM,EAAAA,MAAAA,GACzC,KCrBF,GACCO,KAAIA,KACI,CACNwL,WAAY,CAAC,IAIfG,UACCW,EAAAA,IAAkB,WAAWZ,IAC5BtL,KAAKoL,WAAaE,CAAG,IAEtBL,QAAQkB,MAAM,IAAD5G,OAAK6G,SAAO,KAAK,cAAe1K,OAAOc,OAAO,CAAC,EAAG0J,EAAAA,aAC/DlM,KAAKoL,WAAac,EAAAA,UACnB,EAEAnM,gBACCmM,EAAAA,KAAmB,UAAWlM,KAAKoL,WACpC,G,cC2CD,MCtEuK,EDsEvK,CACAzL,KAAA,UACAc,WAAA,CACA4L,YAAA,IACAC,iBAAA,IACAC,eAAA,KACAC,aAAAA,EAAAA,GAEAzC,OAAA,CACAC,EAAAA,EACAyC,GAEA3L,MAAA,CACAS,UAAA,CACAP,KAAAI,OACAE,UAAA,GAEAH,KAAA,CACAH,KAAAI,OACAF,QAAA,KAEA0J,WAAA,CACA5J,KAAAC,QACAC,SAAA,IAIAtB,KAAAA,KACA,CACAyF,MAAA,KACAwE,aAAA,KAEA6C,cAAA,EACA3L,SAAA,EAEA4L,WAAAvJ,SAAAwJ,eAAA,mBAEAC,UAAAC,EAAAA,EAAAA,QAIAnL,SAAA,KAEAuI,EAAAA,EAAAA,IAAA,CACA,QACA,YAIA6C,WACA,YAAA1G,OAAA2G,QAAAD,SAAA,KAAA5L,KACA,EAGAmB,SACA,YAAAqH,MAAA,KAAAoD,SACA,EACAE,iBACA,WAAAC,EAAAA,GAAA,IACA,KAAA5K,OACA6E,OAAAgG,UAAA,KAAA7K,OAAA6E,QACAiG,aAAAC,EAAAA,EAAAA,IAAA,KAAA/K,OAAA8K,cAEA,EACAjD,gBACA,YAAAT,QAAA,KAAAqD,SACA,EACAjF,WAKA,OAJA,KAAAqC,eACA,KAAAA,cACAZ,KAAA/I,GAAA,KAAAmJ,MAAAnJ,KACA4H,QAAAC,KAAAA,GAEA,EAGAiF,aACA,YAAAP,UACA,KAAApD,MAAA,KAAAoD,WACA,KAAApD,MAAA,KAAAoD,UAAArD,OACA,EACA6D,aAKA,OAJA,KAAAD,YACA,KAAAA,WACA/D,KAAA/I,GAAA,KAAAmJ,MAAAnJ,KACA4H,QAAAC,KAAAA,GAEA,EACAmF,cAAA,IAAAC,EAAAC,EA6BA,WA5BA,QAAAD,EAAA,KAAAF,kBAAA,IAAAE,OAAA,EAAAA,EAAAlE,KAAAjH,IACA,CACA9B,GAAA,UAAA+E,OAAAjD,EAAAmD,QACAD,SAAA,IACAlD,EACAsI,WAAA,KAAAA,YAEA+C,MAAA,IACAC,OAAA,IACAC,WAAA,EACAC,gBAAAnG,QAkBA,OAdA,QAAA+F,EAAA,KAAA5F,gBAAA,IAAA4F,OAAA,EAAAA,EAAAnE,KAAAlB,IACA,CACA7H,GAAA,QAAA+E,OAAA8C,EAAA5C,QACAD,SAAA,IACA6C,EACAvB,KAAA,KAAAgB,UAEA6F,MAAA,IACAC,OAAA,IACAC,WAAA,EACAC,gBAAAC,QAIA,GACA,EAGA9F,UACA,YAAA+F,YAAA,KAAAC,WACA,EACAD,YACA,aAAAlG,UAAA,SAAAA,SAAAK,MACA,EACA8F,cACA,aAAAV,YAAA,SAAAA,WAAApF,MACA,GAGAkD,MAAA,CACAlK,OACA,KAAA+M,oBACA,EACAtD,aACA,KAAAsD,oBACA,GAGAC,cACA,KAAAD,oBACA,EAEApL,QAAA,CACAsL,YACA,KAAAF,oBACA,EAEA,+BAAAG,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EACA,KAAAtJ,MAAA,KACA,KAAAtE,SAAA,EAGA,QAAAsN,EAAA3H,WAAA,IAAA2H,GAAA,QAAAC,EAAAD,EAAA1H,cAAA,IAAA2H,GAAA,QAAAC,EAAAD,EAAAM,aAAA,IAAAL,GAAAA,EAAAM,KAAAP,GACA,QAAAE,EAAA9H,WAAA,IAAA8H,GAAA,QAAAC,EAAAD,EAAAM,aAAA,IAAAL,GAAA,QAAAC,EAAAD,EAAAM,eAAA,IAAAL,GAAA,QAAAC,EAAAD,EAAAE,aAAA,IAAAD,GAAAA,EAAAE,KAAAH,GAGA,KAAA/E,MAAA,KAAAoD,WAAA,KAAArD,QAAA,KAAAqD,YACA,KAAAL,cAAA,GAGA,IAEA,aAAApK,EAAA,QAAAoH,EAAA,MAAAC,SAAAgB,EAAA,KAAAxJ,KAAA,CACAiI,OAAA,KAAAwB,WACAC,OAAA,KAAAhL,gBAAAgL,SAEA,KAAAxE,OAAAyE,SAAA,WAAA3J,KAAA,KAAAA,KAAAsE,OAAAnD,EAAAmD,SACA,KAAAY,OAAAyE,SAAA,iBAAArF,OAAAnD,EAAAmD,OAAAkE,QAAAD,YACA,KAAArD,OAAAyE,SAAA,eAAAxI,SAAAqH,QAAAD,WACA,OAAArE,GACAA,EAAA0F,UAAA1F,EAAA0F,SAAAC,SACA,MAAA3F,EAAA0F,SAAAC,QACA,KAAA3F,MAAA,IACA2J,YAAA,KACA,KAAArM,QAAApC,KAAA,CAAAZ,KAAA,KAAA8C,OAAA9C,MAAA,GACA,MAEA,KAAA0F,MAAAA,GAIA4F,QAAA5F,MAAA,4BAAAA,EACA,SAEA,KAAAtE,SAAA,EACA,KAAA2L,cAAA,CACA,CACA,EAOA,eAAAuC,GACA,MAAAC,EAAAD,EAAA9H,OAAApF,MAAAoN,EAAAA,IAAAnN,MACAqG,QE9PeY,eAAe9H,GAE7B,MAAMiO,EAAqB,MAATjO,EAAe,GAAKA,EAGhC4J,QAAiBsE,EAAAA,GAAAA,KAAYF,EAAAA,GAAaC,EAAW,CAC1DxP,KAAM0P,EAAAA,EACNC,SAAS,IAGV,OAAO9F,EAAAA,EAAAA,IAAYsB,EAASnL,KAC7B,CFmPA4P,CAAAN,GACA,KAAA7I,OAAAyE,SAAA,eAAAzC,IACA,KAAAhC,OAAAyE,SAAA,oBAAArF,OAAA,KAAAsH,SAAApD,MAAA,CAAAtB,IACA,I,eGrQI,EAAU,CAAC,EAEf,EAAQ5E,kBAAoB,IAC5B,EAAQC,cAAgB,IAElB,EAAQC,OAAS,SAAc,KAAM,QAE3C,EAAQC,OAAS,IACjB,EAAQC,mBAAqB,IAEhB,IAAI,IAAS,GAKJ,KAAW,YAAiB,WCPlD,SAXgB,OACd,GvBTW,WAAiB,IAAA4L,EAAK3L,EAAI9D,KAAK+D,EAAGD,EAAIE,MAAMD,GAAG,OAAsB,MAAdD,EAAIuB,MAAetB,EAAG,iBAAiB,CAACI,MAAM,CAAC,oBAAoB,WAAW,CAACL,EAAIa,GAAG,OAAOb,EAAIc,GAAGd,EAAItC,EAAE,SAAU,+BAA+B,QAASsC,EAAIuB,MAAOtB,EAAG,iBAAiB,CAACD,EAAIa,GAAG,OAAOb,EAAIc,GAAGd,EAAItC,EAAE,SAAU,sBAAsB,QAASsC,EAAI4I,aAAc3I,EAAG,iBAAiB,CAACI,MAAM,CAAC,KAAO,iBAAiB,CAACL,EAAIa,GAAG,OAAOb,EAAIc,GAAGd,EAAItC,EAAE,SAAU,sBAAsB,QAAUsC,EAAI4I,aAErN5I,EAAIM,KAF+NL,EAAG,MAAM,CAACA,EAAG,mBAAmB,CAACS,IAAI,aAAaN,MAAM,CAAC,gCAAkD,QAAlBuL,EAAA3L,EAAI+I,SAAS6C,aAAK,IAAAD,OAAA,EAAlBA,EAAoBtH,QAAS,GAAGhE,MAAM,CAAC,QAAUL,EAAI/C,QAAQ,KAAO+C,EAAI3C,KAAK,MAAQ2C,EAAIxB,OAAOqD,SAASuF,WAAW,aAAapH,EAAIvC,WAAW8C,GAAG,CAAC,QAAUP,EAAIsK,YAAY,CAACrK,EAAG,eAAe,CAACI,MAAM,CAAC,OAASL,EAAI+F,aAAa,YAAc/F,EAAImJ,eAAe,UAAW,GAAM5I,GAAG,CAAC,SAAWP,EAAI6L,aAAa,GAAG7L,EAAIa,GAAG,KAAMb,EAAImE,QAASlE,EAAG,iBAAiB,CAACS,IAAI,eAAeL,MAAM,CAAC,oBAAoB,UAAU,CAACL,EAAIa,GAAG,SAASb,EAAIc,GAAGd,EAAItC,EAAE,SAAU,sBAAsB,UAAUuC,EAAG,MAAM,CAACE,YAAY,iBAAiBC,MAAM,CAC5kC,0BAA2BJ,EAAImK,cAC7B,CAAClK,EAAG,cAAc,CAAC2D,IAAI,cAAcvD,MAAM,CAAC,MAAQL,EAAI0J,YAAY,iBAAiB1J,EAAI6I,WAAW,mBAAmBiD,IAAM9L,EAAImK,YAAcnK,EAAIsH,WAAW3L,YAAcqE,EAAIsH,WAAW5L,MAAM,eAAeqQ,IAAM/L,EAAImK,YAAc,GAAK,MAAM,IAAI,EAC5P,GACsB,IuBQpB,EACA,KACA,WACA,MAI8B,O","sources":["webpack:///photos/src/assets/grid-sizes.js","webpack:///photos/src/mixins/AbortControllerMixin.js","webpack:///photos/src/components/FileLegacy.vue?vue&type=style&index=0&id=061ecc04&prod&lang=scss&scoped=true","webpack:///photos/src/components/Folder.vue?vue&type=style&index=0&id=1c155c06&prod&lang=scss&scoped=true","webpack:///photos/src/components/FolderTagPreview.vue?vue&type=style&index=0&id=1600f896&prod&lang=scss&scoped=true","webpack:///photos/src/components/HeaderNavigation.vue?vue&type=style&index=0&id=544b8840&prod&lang=scss&scoped=true","webpack:///photos/src/views/Folders.vue?vue&type=style&index=0&id=100c187e&prod&lang=scss&scoped=true","webpack://photos/./src/components/HeaderNavigation.vue?6d2b","webpack:///photos/src/components/HeaderNavigation.vue","webpack:///photos/src/components/HeaderNavigation.vue?vue&type=script&lang=js","webpack://photos/./src/components/HeaderNavigation.vue?257e","webpack://photos/./src/components/HeaderNavigation.vue?6702","webpack://photos/./src/views/Folders.vue?a854","webpack:///photos/src/components/FileLegacy.vue","webpack:///photos/src/components/FileLegacy.vue?vue&type=script&lang=js","webpack://photos/./src/components/FileLegacy.vue?f97d","webpack://photos/./src/components/FileLegacy.vue?a369","webpack://photos/./src/components/FileLegacy.vue?3402","webpack://photos/./src/components/Folder.vue?3d8e","webpack:///photos/src/components/FolderTagPreview.vue","webpack:///photos/src/components/FolderTagPreview.vue?vue&type=script&lang=js","webpack://photos/./src/components/FolderTagPreview.vue?b631","webpack://photos/./src/components/FolderTagPreview.vue?9d8b","webpack://photos/./src/components/FolderTagPreview.vue?6b80","webpack:///photos/src/services/AlbumContent.js","webpack:///photos/src/components/Folder.vue","webpack:///photos/src/components/Folder.vue?vue&type=script&lang=js","webpack://photos/./src/components/Folder.vue?3e92","webpack://photos/./src/components/Folder.vue?c398","webpack:///photos/src/services/GridConfig.js","webpack:///photos/src/mixins/GridConfig.js","webpack:///photos/src/views/Folders.vue","webpack:///photos/src/views/Folders.vue?vue&type=script&lang=js","webpack:///photos/src/services/FileInfo.js","webpack://photos/./src/views/Folders.vue?e6b3","webpack://photos/./src/views/Folders.vue?6715"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2018 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\n/**\n * Define the max width proportions\n * The number (key) indicate the MAX size\n *\n * needs to be compatible with webpack config\n * so no export default {}\n */\nmodule.exports = {\n\tsizes: {\n\t\t400: {\n\t\t\tmarginTop: 66,\n\t\t\tmarginW: 8,\n\t\t\tcount: 3,\n\t\t\tfolderCount: 1,\n\t\t},\n\t\t700: {\n\t\t\tmarginTop: 66,\n\t\t\tmarginW: 8,\n\t\t\tcount: 4,\n\t\t\tfolderCount: 1,\n\t\t},\n\t\t1024: {\n\t\t\tmarginTop: 66,\n\t\t\tmarginW: 44,\n\t\t\tcount: 5,\n\t\t\tfolderCount: 2,\n\t\t},\n\t\t1280: {\n\t\t\tmarginTop: 66,\n\t\t\tmarginW: 44,\n\t\t\tcount: 4,\n\t\t\tfolderCount: 2,\n\t\t},\n\t\t1440: {\n\t\t\tmarginTop: 88,\n\t\t\tmarginW: 66,\n\t\t\tcount: 5,\n\t\t\tfolderCount: 3,\n\t\t},\n\t\t1600: {\n\t\t\tmarginTop: 88,\n\t\t\tmarginW: 66,\n\t\t\tcount: 6,\n\t\t\tfolderCount: 4,\n\t\t},\n\t\t2048: {\n\t\t\tmarginTop: 88,\n\t\t\tmarginW: 66,\n\t\t\tcount: 7,\n\t\t\tfolderCount: 4,\n\t\t},\n\t\t2560: {\n\t\t\tmarginTop: 88,\n\t\t\tmarginW: 88,\n\t\t\tcount: 8,\n\t\t\tfolderCount: 6,\n\t\t},\n\t\t3440: {\n\t\t\tmarginTop: 88,\n\t\t\tmarginW: 88,\n\t\t\tcount: 9,\n\t\t\tfolderCount: 8,\n\t\t},\n\t\tmax: {\n\t\t\tmarginTop: 88,\n\t\t\tmarginW: 88,\n\t\t\tcount: 10,\n\t\t\tfolderCount: 10,\n\t\t},\n\t},\n}\n","/**\n * SPDX-FileCopyrightText: 2022 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nexport default {\n\tname: 'AbortControllerMixin',\n\n\tdata() {\n\t\treturn {\n\t\t\tabortController: new AbortController(),\n\t\t}\n\t},\n\n\tbeforeDestroy() {\n\t\tthis.abortController.abort()\n\t},\n\n\tbeforeRouteLeave(from, to, next) {\n\t\tthis.abortController.abort()\n\t\tthis.abortController = new AbortController()\n\t\tnext()\n\t},\n}\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".file[data-v-061ecc04]{position:relative;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border-radius:var(--border-radius);overflow:hidden}.file .cover[data-v-061ecc04]{z-index:2;width:100%;padding-bottom:100%;transition:opacity var(--animation-quick) ease-in-out;opacity:0;background-color:var(--color-main-text)}.file.active .cover[data-v-061ecc04],.file:active .cover[data-v-061ecc04],.file:hover .cover[data-v-061ecc04],.file:focus .cover[data-v-061ecc04]{opacity:.3}.file--clear.active .cover[data-v-061ecc04],.file--clear:active .cover[data-v-061ecc04],.file--clear:hover .cover[data-v-061ecc04],.file--clear:focus .cover[data-v-061ecc04]{opacity:.1}.fade-enter-active[data-v-061ecc04],.fade-leave-active[data-v-061ecc04]{transition:opacity var(--animation-quick) ease-in-out}.fade-enter[data-v-061ecc04],.fade-leave-to[data-v-061ecc04]{opacity:0}.transition-group[data-v-061ecc04]{display:contents}.icon-video-white[data-v-061ecc04]{position:absolute;top:10px;right:10px;z-index:20}img[data-v-061ecc04]{position:absolute;width:100%;height:100%;z-index:10;color:rgba(0,0,0,0);object-fit:contain}.file--cropped img[data-v-061ecc04]{object-fit:cover}svg[data-v-061ecc04]{position:absolute;width:70%;height:70%}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/mixins/FileFolder.scss\",\"webpack://./src/components/FileLegacy.vue\"],\"names\":[],\"mappings\":\"AAKA,uBACC,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,kCAAA,CACA,eAAA,CAEA,8BACC,SAAA,CAMA,UAAA,CACA,mBAAA,CACA,qDAAA,CACA,SAAA,CACA,uCAAA,CAOA,kJACC,UAAA,CAQD,8KACC,UAAA,CAKH,wEACC,qDAAA,CAGD,6DACC,SAAA,CChDD,mCACC,gBAAA,CAGD,mCACC,iBAAA,CACA,QAAA,CACA,UAAA,CACA,UAAA,CAGD,qBACC,iBAAA,CACA,UAAA,CACA,WAAA,CACA,UAAA,CAEA,mBAAA,CAEA,kBAAA,CAEA,oCACC,gBAAA,CAIF,qBACC,iBAAA,CACA,SAAA,CACA,UAAA\",\"sourcesContent\":[\"/**\\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\\n * SPDX-License-Identifier: AGPL-3.0-or-later\\n */\\n\\n.file {\\n\\tposition: relative;\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tjustify-content: center;\\n\\tuser-select: none;\\n\\tborder-radius: var(--border-radius);\\n\\toverflow: hidden;\\n\\n\\t.cover {\\n\\t\\tz-index: 2;\\n\\t\\t// We want nice squares despite anything that is in it.\\n\\t\\t// The .cover is what makes the exact square size of the grid.\\n\\t\\t// We use padding-bottom because padding with percentage\\n\\t\\t// always refers to the width. And we only want to fit\\n\\t\\t// the css grid's width.\\n\\t\\twidth: 100%;\\n\\t\\tpadding-bottom: 100%;\\n\\t\\ttransition: opacity var(--animation-quick) ease-in-out;\\n\\t\\topacity: 0;\\n\\t\\tbackground-color: var(--color-main-text);\\n\\t}\\n\\n\\t&.active,\\n\\t&:active,\\n\\t&:hover,\\n\\t&:focus {\\n\\t\\t.cover {\\n\\t\\t\\topacity: .3;\\n\\t\\t}\\n\\t}\\n\\n\\t&--clear.active,\\n\\t&--clear:active,\\n\\t&--clear:hover,\\n\\t&--clear:focus {\\n\\t\\t.cover {\\n\\t\\t\\topacity: .1;\\n\\t\\t}\\n\\t}\\n}\\n\\n.fade-enter-active, .fade-leave-active {\\n\\ttransition: opacity var(--animation-quick) ease-in-out;\\n}\\n\\n.fade-enter, .fade-leave-to {\\n\\topacity: 0;\\n}\\n\",\"$sizes: (\\\"400\\\": (\\\"count\\\": 3, \\\"marginTop\\\": 66, \\\"marginW\\\": 8), \\\"700\\\": (\\\"count\\\": 4, \\\"marginTop\\\": 66, \\\"marginW\\\": 8), \\\"1024\\\": (\\\"count\\\": 5, \\\"marginTop\\\": 66, \\\"marginW\\\": 44), \\\"1280\\\": (\\\"count\\\": 4, \\\"marginTop\\\": 66, \\\"marginW\\\": 44), \\\"1440\\\": (\\\"count\\\": 5, \\\"marginTop\\\": 88, \\\"marginW\\\": 66), \\\"1600\\\": (\\\"count\\\": 6, \\\"marginTop\\\": 88, \\\"marginW\\\": 66), \\\"2048\\\": (\\\"count\\\": 7, \\\"marginTop\\\": 88, \\\"marginW\\\": 66), \\\"2560\\\": (\\\"count\\\": 8, \\\"marginTop\\\": 88, \\\"marginW\\\": 88), \\\"3440\\\": (\\\"count\\\": 9, \\\"marginTop\\\": 88, \\\"marginW\\\": 88), \\\"max\\\": (\\\"count\\\": 10, \\\"marginTop\\\": 88, \\\"marginW\\\": 88));\\n\\n@import '../mixins/FileFolder';\\n\\n.transition-group {\\n\\tdisplay: contents;\\n}\\n\\n.icon-video-white {\\n\\tposition: absolute;\\n\\ttop: 10px;\\n\\tright: 10px;\\n\\tz-index: 20;\\n}\\n\\nimg {\\n\\tposition: absolute;\\n\\twidth: 100%;\\n\\theight: 100%;\\n\\tz-index: 10;\\n\\n\\tcolor: transparent; // should be diplayed on error\\n\\n\\tobject-fit: contain;\\n\\n\\t.file--cropped & {\\n\\t\\tobject-fit: cover;\\n\\t}\\n}\\n\\nsvg {\\n\\tposition: absolute;\\n\\twidth: 70%;\\n\\theight: 70%;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".file[data-v-1c155c06]{position:relative;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border-radius:var(--border-radius);overflow:hidden}.file .cover[data-v-1c155c06]{z-index:2;width:100%;padding-bottom:100%;transition:opacity var(--animation-quick) ease-in-out;opacity:0;background-color:var(--color-main-text)}.file.active .cover[data-v-1c155c06],.file:active .cover[data-v-1c155c06],.file:hover .cover[data-v-1c155c06],.file:focus .cover[data-v-1c155c06]{opacity:.3}.file--clear.active .cover[data-v-1c155c06],.file--clear:active .cover[data-v-1c155c06],.file--clear:hover .cover[data-v-1c155c06],.file--clear:focus .cover[data-v-1c155c06]{opacity:.1}.fade-enter-active[data-v-1c155c06],.fade-leave-active[data-v-1c155c06]{transition:opacity var(--animation-quick) ease-in-out}.fade-enter[data-v-1c155c06],.fade-leave-to[data-v-1c155c06]{opacity:0}.folder-content[data-v-1c155c06]{position:absolute;display:grid;width:100%;height:100%}.folder-content--grid-1[data-v-1c155c06]{grid-template-columns:1fr;grid-template-rows:1fr}.folder-content--grid-2[data-v-1c155c06]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.folder-content--grid-3[data-v-1c155c06]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.folder-content--grid-3 img[data-v-1c155c06]:first-child{grid-column:span 2}.folder-content--grid-4[data-v-1c155c06]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.folder-content img[data-v-1c155c06]{width:100%;height:100%;object-fit:cover}.folder-name[data-v-1c155c06]{position:absolute;z-index:3;display:flex;overflow:hidden;flex-direction:column;width:100%;height:100%;transition:opacity var(--animation-quick) ease-in-out;opacity:1}.folder-name__icon[data-v-1c155c06]{height:40%;margin-top:calc(30% - 1rem / 2);background-size:40%}.folder-name__name[data-v-1c155c06]{overflow:hidden;height:1rem;padding:0 10px;text-align:center;white-space:nowrap;text-overflow:ellipsis;color:var(--color-main-background);text-shadow:0 0 8px var(--color-main-text);font-size:1rem;line-height:1rem}.folder--clear .folder-name__icon[data-v-1c155c06]{opacity:.3}.folder--clear .folder-name__name[data-v-1c155c06]{color:var(--color-main-text);text-shadow:0 0 8px var(--color-main-background)}.folder:not(.folder--clear) .cover[data-v-1c155c06]{opacity:.3}.folder:not(.folder--clear).active .folder-name[data-v-1c155c06],.folder:not(.folder--clear).active .cover[data-v-1c155c06],.folder:not(.folder--clear):active .folder-name[data-v-1c155c06],.folder:not(.folder--clear):active .cover[data-v-1c155c06],.folder:not(.folder--clear):hover .folder-name[data-v-1c155c06],.folder:not(.folder--clear):hover .cover[data-v-1c155c06],.folder:not(.folder--clear):focus .folder-name[data-v-1c155c06],.folder:not(.folder--clear):focus .cover[data-v-1c155c06]{opacity:0}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/mixins/FileFolder.scss\",\"webpack://./src/components/Folder.vue\"],\"names\":[],\"mappings\":\"AAKA,uBACC,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,kCAAA,CACA,eAAA,CAEA,8BACC,SAAA,CAMA,UAAA,CACA,mBAAA,CACA,qDAAA,CACA,SAAA,CACA,uCAAA,CAOA,kJACC,UAAA,CAQD,8KACC,UAAA,CAKH,wEACC,qDAAA,CAGD,6DACC,SAAA,CChDD,iCACC,iBAAA,CACA,YAAA,CACA,UAAA,CACA,WAAA,CAEA,yCACC,yBAAA,CACA,sBAAA,CAED,yCACC,yBAAA,CACA,0BAAA,CAED,yCACC,6BAAA,CACA,0BAAA,CACA,yDACC,kBAAA,CAGF,yCACC,6BAAA,CACA,0BAAA,CAED,qCACC,UAAA,CACA,WAAA,CAEA,gBAAA,CAMF,8BACC,iBAAA,CACA,SAAA,CACA,YAAA,CACA,eAAA,CACA,qBAAA,CACA,UAAA,CACA,WAAA,CACA,qDAAA,CACA,SAAA,CACA,oCACC,UAAA,CACA,+BAAA,CACA,mBAAA,CAED,oCACC,eAAA,CACA,WAnBY,CAoBZ,cAAA,CACA,iBAAA,CACA,kBAAA,CACA,sBAAA,CACA,kCAAA,CACA,0CAAA,CACA,cA1BY,CA2BZ,gBA3BY,CAmCZ,mDACC,UAAA,CAED,mDACC,4BAAA,CACA,gDAAA,CAQD,oDACC,UAAA,CASA,4eAEC,SAAA\",\"sourcesContent\":[\"/**\\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\\n * SPDX-License-Identifier: AGPL-3.0-or-later\\n */\\n\\n.file {\\n\\tposition: relative;\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tjustify-content: center;\\n\\tuser-select: none;\\n\\tborder-radius: var(--border-radius);\\n\\toverflow: hidden;\\n\\n\\t.cover {\\n\\t\\tz-index: 2;\\n\\t\\t// We want nice squares despite anything that is in it.\\n\\t\\t// The .cover is what makes the exact square size of the grid.\\n\\t\\t// We use padding-bottom because padding with percentage\\n\\t\\t// always refers to the width. And we only want to fit\\n\\t\\t// the css grid's width.\\n\\t\\twidth: 100%;\\n\\t\\tpadding-bottom: 100%;\\n\\t\\ttransition: opacity var(--animation-quick) ease-in-out;\\n\\t\\topacity: 0;\\n\\t\\tbackground-color: var(--color-main-text);\\n\\t}\\n\\n\\t&.active,\\n\\t&:active,\\n\\t&:hover,\\n\\t&:focus {\\n\\t\\t.cover {\\n\\t\\t\\topacity: .3;\\n\\t\\t}\\n\\t}\\n\\n\\t&--clear.active,\\n\\t&--clear:active,\\n\\t&--clear:hover,\\n\\t&--clear:focus {\\n\\t\\t.cover {\\n\\t\\t\\topacity: .1;\\n\\t\\t}\\n\\t}\\n}\\n\\n.fade-enter-active, .fade-leave-active {\\n\\ttransition: opacity var(--animation-quick) ease-in-out;\\n}\\n\\n.fade-enter, .fade-leave-to {\\n\\topacity: 0;\\n}\\n\",\"$sizes: (\\\"400\\\": (\\\"count\\\": 3, \\\"marginTop\\\": 66, \\\"marginW\\\": 8), \\\"700\\\": (\\\"count\\\": 4, \\\"marginTop\\\": 66, \\\"marginW\\\": 8), \\\"1024\\\": (\\\"count\\\": 5, \\\"marginTop\\\": 66, \\\"marginW\\\": 44), \\\"1280\\\": (\\\"count\\\": 4, \\\"marginTop\\\": 66, \\\"marginW\\\": 44), \\\"1440\\\": (\\\"count\\\": 5, \\\"marginTop\\\": 88, \\\"marginW\\\": 66), \\\"1600\\\": (\\\"count\\\": 6, \\\"marginTop\\\": 88, \\\"marginW\\\": 66), \\\"2048\\\": (\\\"count\\\": 7, \\\"marginTop\\\": 88, \\\"marginW\\\": 66), \\\"2560\\\": (\\\"count\\\": 8, \\\"marginTop\\\": 88, \\\"marginW\\\": 88), \\\"3440\\\": (\\\"count\\\": 9, \\\"marginTop\\\": 88, \\\"marginW\\\": 88), \\\"max\\\": (\\\"count\\\": 10, \\\"marginTop\\\": 88, \\\"marginW\\\": 88));\\n\\n@import '../mixins/FileFolder';\\n\\n.folder-content {\\n\\tposition: absolute;\\n\\tdisplay: grid;\\n\\twidth: 100%;\\n\\theight: 100%;\\n\\t// folder layout if less than 4 pictures\\n\\t&--grid-1 {\\n\\t\\tgrid-template-columns: 1fr;\\n\\t\\tgrid-template-rows: 1fr;\\n\\t}\\n\\t&--grid-2 {\\n\\t\\tgrid-template-columns: 1fr;\\n\\t\\tgrid-template-rows: 1fr 1fr;\\n\\t}\\n\\t&--grid-3 {\\n\\t\\tgrid-template-columns: 1fr 1fr;\\n\\t\\tgrid-template-rows: 1fr 1fr;\\n\\t\\timg:first-child {\\n\\t\\t\\tgrid-column: span 2;\\n\\t\\t}\\n\\t}\\n\\t&--grid-4 {\\n\\t\\tgrid-template-columns: 1fr 1fr;\\n\\t\\tgrid-template-rows: 1fr 1fr;\\n\\t}\\n\\timg {\\n\\t\\twidth: 100%;\\n\\t\\theight: 100%;\\n\\n\\t\\tobject-fit: cover;\\n\\t}\\n}\\n\\n$name-height: 1rem;\\n\\n.folder-name {\\n\\tposition: absolute;\\n\\tz-index: 3;\\n\\tdisplay: flex;\\n\\toverflow: hidden;\\n\\tflex-direction: column;\\n\\twidth: 100%;\\n\\theight: 100%;\\n\\ttransition: opacity var(--animation-quick) ease-in-out;\\n\\topacity: 1;\\n\\t&__icon {\\n\\t\\theight: 40%;\\n\\t\\tmargin-top: calc(30% - #{$name-height} / 2); // center name+icon\\n\\t\\tbackground-size: 40%;\\n\\t}\\n\\t&__name {\\n\\t\\toverflow: hidden;\\n\\t\\theight: $name-height;\\n\\t\\tpadding: 0 10px;\\n\\t\\ttext-align: center;\\n\\t\\twhite-space: nowrap;\\n\\t\\ttext-overflow: ellipsis;\\n\\t\\tcolor: var(--color-main-background);\\n\\t\\ttext-shadow: 0 0 8px var(--color-main-text);\\n\\t\\tfont-size: $name-height;\\n\\t\\tline-height: $name-height;\\n\\t}\\n}\\n\\n// Cover management empty/full\\n.folder {\\n\\t// if no img, let's display the folder icon as default black\\n\\t&--clear {\\n\\t\\t.folder-name__icon {\\n\\t\\t\\topacity: .3;\\n\\t\\t}\\n\\t\\t.folder-name__name {\\n\\t\\t\\tcolor: var(--color-main-text);\\n\\t\\t\\ttext-shadow: 0 0 8px var(--color-main-background);\\n\\t\\t}\\n\\t}\\n\\n\\t// show the cover as background\\n\\t// if  there are pictures in it\\n\\t// so we can sho the folder+name above it\\n\\t&:not(.folder--clear) {\\n\\t\\t.cover {\\n\\t\\t\\topacity: .3;\\n\\t\\t}\\n\\n\\t\\t// hide everything but pictures\\n\\t\\t// on hover/active/focus\\n\\t\\t&.active,\\n\\t\\t&:active,\\n\\t\\t&:hover,\\n\\t\\t&:focus {\\n\\t\\t\\t.folder-name,\\n\\t\\t\\t.cover {\\n\\t\\t\\t\\topacity: 0;\\n\\t\\t\\t}\\n\\t\\t}\\n\\t}\\n}\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".folder[data-v-1600f896]{display:flex;flex-direction:column;padding:16px;border-radius:var(--border-radius-large)}.folder[data-v-1600f896]:hover,.folder[data-v-1600f896]:focus{background-color:var(--color-background-dark)}.folder__image[data-v-1600f896]{width:200px;height:200px;object-fit:cover;border-radius:var(--border-radius-large)}.folder__image--placeholder[data-v-1600f896]{background-color:var(--color-primary-element-light)}.folder__icon[data-v-1600f896]{width:100%;height:100%}.folder__details[data-v-1600f896]{display:flex;align-items:center;gap:12px;margin-top:16px;width:200px}.folder__title[data-v-1600f896]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:20px;margin-bottom:2px;line-height:30px;color:var(--color-main-text)}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/components/FolderTagPreview.vue\"],\"names\":[],\"mappings\":\"AAEA,yBACC,YAAA,CACA,qBAAA,CACA,YAAA,CACA,wCAAA,CAEA,8DAEC,6CAAA,CAGD,gCACC,WAAA,CACA,YAAA,CACA,gBAAA,CACA,wCAAA,CAEA,6CACC,mDAAA,CAIF,+BACC,UAAA,CACA,WAAA,CAGD,kCACC,YAAA,CACA,kBAAA,CACA,QAAA,CACA,eAAA,CACA,WAAA,CAGD,gCACC,eAAA,CACA,kBAAA,CACA,sBAAA,CACA,cAAA,CACA,iBAAA,CACA,gBAAA,CACA,4BAAA\",\"sourcesContent\":[\"$sizes: (\\\"400\\\": (\\\"count\\\": 3, \\\"marginTop\\\": 66, \\\"marginW\\\": 8), \\\"700\\\": (\\\"count\\\": 4, \\\"marginTop\\\": 66, \\\"marginW\\\": 8), \\\"1024\\\": (\\\"count\\\": 5, \\\"marginTop\\\": 66, \\\"marginW\\\": 44), \\\"1280\\\": (\\\"count\\\": 4, \\\"marginTop\\\": 66, \\\"marginW\\\": 44), \\\"1440\\\": (\\\"count\\\": 5, \\\"marginTop\\\": 88, \\\"marginW\\\": 66), \\\"1600\\\": (\\\"count\\\": 6, \\\"marginTop\\\": 88, \\\"marginW\\\": 66), \\\"2048\\\": (\\\"count\\\": 7, \\\"marginTop\\\": 88, \\\"marginW\\\": 66), \\\"2560\\\": (\\\"count\\\": 8, \\\"marginTop\\\": 88, \\\"marginW\\\": 88), \\\"3440\\\": (\\\"count\\\": 9, \\\"marginTop\\\": 88, \\\"marginW\\\": 88), \\\"max\\\": (\\\"count\\\": 10, \\\"marginTop\\\": 88, \\\"marginW\\\": 88));\\n\\n.folder {\\n\\tdisplay: flex;\\n\\tflex-direction: column;\\n\\tpadding: 16px;\\n\\tborder-radius: var(--border-radius-large);\\n\\n\\t&:hover,\\n\\t&:focus {\\n\\t\\tbackground-color: var(--color-background-dark);\\n\\t}\\n\\n\\t&__image {\\n\\t\\twidth: 200px;\\n\\t\\theight: 200px;\\n\\t\\tobject-fit: cover;\\n\\t\\tborder-radius: var(--border-radius-large);\\n\\n\\t\\t&--placeholder {\\n\\t\\t\\tbackground-color: var(--color-primary-element-light);\\n\\t\\t}\\n\\t}\\n\\n\\t&__icon {\\n\\t\\twidth: 100%;\\n\\t\\theight: 100%;\\n\\t}\\n\\n\\t&__details {\\n\\t\\tdisplay: flex;\\n\\t\\talign-items: center;\\n\\t\\tgap: 12px;\\n\\t\\tmargin-top: 16px;\\n\\t\\twidth: 200px;\\n\\t}\\n\\n\\t&__title {\\n\\t\\toverflow: hidden;\\n\\t\\twhite-space: nowrap;\\n\\t\\ttext-overflow: ellipsis;\\n\\t\\tfont-size: 20px;\\n\\t\\tmargin-bottom: 2px;\\n\\t\\tline-height: 30px;\\n\\t\\tcolor: var(--color-main-text);\\n\\t}\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".photos-navigation[data-v-544b8840]{position:-webkit-sticky;position:sticky;z-index:20;top:0;display:flex;flex-wrap:wrap;gap:calc(2*var(--app-navigation-padding));align-items:center;justify-content:flex-start;width:100%;padding-inline:calc(var(--default-clickable-area) + 2*var(--app-navigation-padding)) var(--app-navigation-padding);padding-block:var(--app-navigation-padding);background:var(--color-main-background)}.photos-navigation__back[data-v-544b8840]{position:absolute !important;left:var(--app-navigation-padding)}.photos-navigation__title[data-v-544b8840]{max-width:45%;display:flex;flex-direction:column}.photos-navigation__title__main[data-v-544b8840]{cursor:pointer;font-weight:700;font-size:20px;line-height:44px}.photos-navigation__title__main[data-v-544b8840],.photos-navigation__title__sub[data-v-544b8840]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.photos-navigation__loader[data-v-544b8840]{-webkit-margin-start:32px;margin-inline-start:32px}.photos-navigation__content-right[data-v-544b8840]{display:flex;align-items:center;justify-content:center;-webkit-margin-start:auto;margin-inline-start:auto}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/components/HeaderNavigation.vue\"],\"names\":[],\"mappings\":\"AAEA,oCACC,uBAAA,CAAA,eAAA,CACA,UAAA,CACA,KAAA,CACA,YAAA,CAEA,cAAA,CACA,yCAAA,CACA,kBAAA,CACA,0BAAA,CACA,UAAA,CAEA,kHAAA,CAEA,2CAAA,CACA,uCAAA,CAEA,0CAEC,4BAAA,CACA,kCAAA,CAGD,2CACC,aAAA,CACA,YAAA,CACA,qBAAA,CAEA,iDACC,cAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CAGD,iGACC,eAAA,CACA,kBAAA,CACA,sBAAA,CAIF,4CACC,yBAAA,CAAA,wBAAA,CAGD,mDACC,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,yBAAA,CAAA,wBAAA\",\"sourcesContent\":[\"$sizes: (\\\"400\\\": (\\\"count\\\": 3, \\\"marginTop\\\": 66, \\\"marginW\\\": 8), \\\"700\\\": (\\\"count\\\": 4, \\\"marginTop\\\": 66, \\\"marginW\\\": 8), \\\"1024\\\": (\\\"count\\\": 5, \\\"marginTop\\\": 66, \\\"marginW\\\": 44), \\\"1280\\\": (\\\"count\\\": 4, \\\"marginTop\\\": 66, \\\"marginW\\\": 44), \\\"1440\\\": (\\\"count\\\": 5, \\\"marginTop\\\": 88, \\\"marginW\\\": 66), \\\"1600\\\": (\\\"count\\\": 6, \\\"marginTop\\\": 88, \\\"marginW\\\": 66), \\\"2048\\\": (\\\"count\\\": 7, \\\"marginTop\\\": 88, \\\"marginW\\\": 66), \\\"2560\\\": (\\\"count\\\": 8, \\\"marginTop\\\": 88, \\\"marginW\\\": 88), \\\"3440\\\": (\\\"count\\\": 9, \\\"marginTop\\\": 88, \\\"marginW\\\": 88), \\\"max\\\": (\\\"count\\\": 10, \\\"marginTop\\\": 88, \\\"marginW\\\": 88));\\n\\n.photos-navigation {\\n\\tposition: sticky;\\n\\tz-index: 20;\\n\\ttop: 0;\\n\\tdisplay: flex;\\n\\t// We need to wrap on small devices for accessibility\\n\\tflex-wrap: wrap;\\n\\tgap: calc(2 * var(--app-navigation-padding));\\n\\talign-items: center;\\n\\tjustify-content: flex-start;\\n\\twidth: 100%;\\n\\t// Ensure to not overlap with app navigation toggle\\n\\tpadding-inline: calc(var(--default-clickable-area) + 2 * var(--app-navigation-padding)) var(--app-navigation-padding);\\n\\t// Align with app navigation toggle\\n\\tpadding-block: var(--app-navigation-padding);\\n\\tbackground: var(--color-main-background);\\n\\n\\t&__back {\\n\\t\\t// Replaces the app navigation button\\n\\t\\tposition: absolute !important;\\n\\t\\tleft: var(--app-navigation-padding);\\n\\t}\\n\\n\\t&__title {\\n\\t\\tmax-width: 45%;\\n\\t\\tdisplay: flex;\\n\\t\\tflex-direction: column;\\n\\n\\t\\t&__main {\\n\\t\\t\\tcursor: pointer;\\n\\t\\t\\tfont-weight: 700;\\n\\t\\t\\tfont-size: 20px;\\n\\t\\t\\tline-height: 44px;\\n\\t\\t}\\n\\n\\t\\t&__main, &__sub {\\n\\t\\t\\toverflow: hidden;\\n\\t\\t\\twhite-space: nowrap;\\n\\t\\t\\ttext-overflow: ellipsis;\\n\\t\\t}\\n\\t}\\n\\n\\t&__loader {\\n\\t\\tmargin-inline-start: 32px;\\n\\t}\\n\\n\\t&__content-right {\\n\\t\\tdisplay: flex;\\n\\t\\talign-items: center;\\n\\t\\tjustify-content: center;\\n\\t\\tmargin-inline-start: auto;\\n\\t}\\n}\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"@media(min-width: 0px)and (max-width: 400px){.grid-container[data-v-100c187e]{padding:0px 8px 256px 8px}}@media(min-width: 400px)and (max-width: 700px){.grid-container[data-v-100c187e]{padding:0px 8px 256px 8px}}@media(min-width: 700px)and (max-width: 1024px){.grid-container[data-v-100c187e]{padding:0px 44px 256px 44px}}@media(min-width: 1024px)and (max-width: 1280px){.grid-container[data-v-100c187e]{padding:0px 44px 256px 44px}}@media(min-width: 1280px)and (max-width: 1440px){.grid-container[data-v-100c187e]{padding:0px 66px 256px 66px}}@media(min-width: 1440px)and (max-width: 1600px){.grid-container[data-v-100c187e]{padding:0px 66px 256px 66px}}@media(min-width: 1600px)and (max-width: 2048px){.grid-container[data-v-100c187e]{padding:0px 66px 256px 66px}}@media(min-width: 2048px)and (max-width: 2560px){.grid-container[data-v-100c187e]{padding:0px 88px 256px 88px}}@media(min-width: 2560px)and (max-width: 3440px){.grid-container[data-v-100c187e]{padding:0px 88px 256px 88px}}@media(min-width: 3440px){.grid-container[data-v-100c187e]{padding:0px 88px 256px 88px}}.grid-container--folders[data-v-100c187e]{padding:32px 48px}@media only screen and (max-width: 400px){.grid-container--folders[data-v-100c187e]{display:flex;justify-content:center;width:100%}}@media only screen and (min-width: 400px){.grid-container--folders[data-v-100c187e]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.photos-navigation[data-v-100c187e]{position:relative}.photos-navigation--uploading[data-v-100c187e]{margin-bottom:30px}[data-v-100c187e] .upload-picker .upload-picker__progress{position:absolute;bottom:-30px;left:64px;margin:0}[data-v-100c187e] .upload-picker .upload-picker__cancel{position:absolute;bottom:-24px;right:50px}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/mixins/GridSizes.scss\",\"webpack://./src/views/Folders.vue\"],\"names\":[],\"mappings\":\"AAmBG,6CCfH,iCAEE,yBAAA,CAAA,CDaC,+CCfH,iCAEE,yBAAA,CAAA,CDaC,gDCfH,iCAEE,2BAAA,CAAA,CDaC,iDCfH,iCAEE,2BAAA,CAAA,CDaC,iDCfH,iCAEE,2BAAA,CAAA,CDaC,iDCfH,iCAEE,2BAAA,CAAA,CDaC,iDCfH,iCAEE,2BAAA,CAAA,CDaC,iDCfH,iCAEE,2BAAA,CAAA,CDaC,iDCfH,iCAEE,2BAAA,CAAA,CDSC,0BCXH,iCAEE,2BAAA,CAAA,CAED,0CACC,iBAAA,CACA,0CAFD,0CAGE,YAAA,CACA,sBAAA,CACA,UAAA,CAAA,CAED,0CAPD,0CAQE,yBAAA,CAAA,sBAAA,CAAA,iBAAA,CAAA,CAKH,oCACC,iBAAA,CAGA,+CACC,kBAAA,CAKD,0DACC,iBAAA,CACA,YAAA,CACA,SAAA,CACA,QAAA,CAGD,wDACC,iBAAA,CACA,YAAA,CACA,UAAA\",\"sourcesContent\":[\"/**\\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\\n * SPDX-License-Identifier: AGPL-3.0-or-later\\n */\\n@use 'sass:map';\\n\\n@mixin grid-sizes() {\\n\\t$previous: 0;\\n\\n\\t@each $size, $config in $sizes {\\n\\t\\t$count: map.get($config, 'count');\\n\\t\\t$marginTop: map.get($config, 'marginTop');\\n\\t\\t$marginW: map.get($config, 'marginW');\\n\\n\\t\\t@if $size == 'max' {\\n\\t\\t\\t@media (min-width: #{$previous}px) {\\n\\t\\t\\t\\t@content($marginTop, $marginW);\\n\\t\\t\\t}\\n\\t\\t} @else {\\n\\t\\t\\t@media (min-width: #{$previous}px) and (max-width: #{$size}px) {\\n\\t\\t\\t\\t@content($marginTop, $marginW);\\n\\t\\t\\t}\\n\\t\\t}\\n\\t\\t$previous: $size;\\n\\t}\\n}\\n\",\"$sizes: (\\\"400\\\": (\\\"count\\\": 3, \\\"marginTop\\\": 66, \\\"marginW\\\": 8), \\\"700\\\": (\\\"count\\\": 4, \\\"marginTop\\\": 66, \\\"marginW\\\": 8), \\\"1024\\\": (\\\"count\\\": 5, \\\"marginTop\\\": 66, \\\"marginW\\\": 44), \\\"1280\\\": (\\\"count\\\": 4, \\\"marginTop\\\": 66, \\\"marginW\\\": 44), \\\"1440\\\": (\\\"count\\\": 5, \\\"marginTop\\\": 88, \\\"marginW\\\": 66), \\\"1600\\\": (\\\"count\\\": 6, \\\"marginTop\\\": 88, \\\"marginW\\\": 66), \\\"2048\\\": (\\\"count\\\": 7, \\\"marginTop\\\": 88, \\\"marginW\\\": 66), \\\"2560\\\": (\\\"count\\\": 8, \\\"marginTop\\\": 88, \\\"marginW\\\": 88), \\\"3440\\\": (\\\"count\\\": 9, \\\"marginTop\\\": 88, \\\"marginW\\\": 88), \\\"max\\\": (\\\"count\\\": 10, \\\"marginTop\\\": 88, \\\"marginW\\\": 88));\\n\\n@import '../mixins/GridSizes';\\n\\n.grid-container {\\n\\t@include grid-sizes using ($marginTop, $marginW) {\\n\\t\\tpadding: 0px #{$marginW}px 256px #{$marginW}px;\\n\\t}\\n\\t&--folders {\\n\\t\\tpadding: 32px 48px;\\n\\t\\t@media only screen and (max-width: 400px) {\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tjustify-content: center;\\n\\t\\t\\twidth: 100%;\\n\\t\\t}\\n\\t\\t@media only screen and (min-width: 400px) {\\n\\t\\t\\twidth: fit-content;\\n\\t\\t}\\n\\t}\\n}\\n\\n.photos-navigation {\\n\\tposition: relative;\\n\\n\\t// Add space at the bottom for the progress bar.\\n\\t&--uploading {\\n\\t\\tmargin-bottom: 30px;\\n\\t}\\n}\\n\\n:deep(.upload-picker) {\\n\\t.upload-picker__progress {\\n\\t\\tposition: absolute;\\n\\t\\tbottom: -30px;\\n\\t\\tleft: 64px;\\n\\t\\tmargin: 0;\\n\\t}\\n\\n\\t.upload-picker__cancel {\\n\\t\\tposition: absolute;\\n\\t\\tbottom: -24px;\\n\\t\\tright: 50px;\\n\\t}\\n}\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"photos-navigation\",class:{'photos-navigation--root': _vm.isRoot},attrs:{\"role\":\"toolbar\"}},[(!_vm.isRoot)?_c('NcButton',{staticClass:\"photos-navigation__back\",attrs:{\"aria-label\":_vm.t('photos', 'Go back'),\"type\":\"tertiary\"},on:{\"click\":_vm.folderUp},scopedSlots:_vm._u([{key:\"icon\",fn:function(){return [_c('ArrowLeft',{attrs:{\"size\":20}})]},proxy:true}],null,false,1821202730)}):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"photos-navigation__title\"},[_c('h1',{staticClass:\"photos-navigation__title__main\",on:{\"click\":_vm.refresh}},[_vm._v(\"\\n\\t\\t\\t\"+_vm._s(_vm.name)+\"\\n\\t\\t\")]),_vm._v(\" \"),_c('div',{staticClass:\"photos-navigation__title__sub\"}),_vm._v(\" \"),_vm._t(\"subtitle\")],2),_vm._v(\" \"),(_vm.$slots.default)?_c('div',{staticClass:\"photos-navigation__content\"},[_vm._t(\"default\")],2):_vm._e(),_vm._v(\" \"),_c('NcLoadingIcon',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"photos-navigation__loader\"}),_vm._v(\" \"),_c('div',{staticClass:\"photos-navigation__content-right\"},[_vm._t(\"right\")],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<template>\n\t<div :class=\"{'photos-navigation--root': isRoot}\" class=\"photos-navigation\" role=\"toolbar\">\n\t\t<!-- Back navigation button -->\n\t\t<NcButton v-if=\"!isRoot\"\n\t\t\tclass=\"photos-navigation__back\"\n\t\t\t:aria-label=\"t('photos', 'Go back')\"\n\t\t\ttype=\"tertiary\"\n\t\t\t@click=\"folderUp\">\n\t\t\t<template #icon>\n\t\t\t\t<ArrowLeft :size=\"20\" />\n\t\t\t</template>\n\t\t</NcButton>\n\n\t\t<!-- Main Navigation title -->\n\t\t<div class=\"photos-navigation__title\">\n\t\t\t<h1 class=\"photos-navigation__title__main\" @click=\"refresh\">\n\t\t\t\t{{ name }}\n\t\t\t</h1>\n\t\t\t<div class=\"photos-navigation__title__sub\" />\n\t\t\t<slot name=\"subtitle\" />\n\t\t</div>\n\n\t\t<!-- Main slot -->\n\t\t<div v-if=\"$slots.default\" class=\"photos-navigation__content\">\n\t\t\t<slot />\n\t\t</div>\n\n\t\t<NcLoadingIcon v-show=\"loading\" class=\"photos-navigation__loader\" />\n\n\t\t<div class=\"photos-navigation__content-right\">\n\t\t\t<slot name=\"right\" />\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport ArrowLeft from 'vue-material-design-icons/ArrowLeft.vue'\n\nimport { NcButton, NcLoadingIcon } from '@nextcloud/vue'\n\nexport default {\n\tname: 'HeaderNavigation',\n\n\tcomponents: {\n\t\tArrowLeft,\n\t\tNcButton,\n\t\tNcLoadingIcon,\n\t},\n\n\tinheritAttrs: false,\n\n\tprops: {\n\t\tloading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tpath: {\n\t\t\ttype: String,\n\t\t\tdefault: '/',\n\t\t},\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\trootTitle: {\n\t\t\ttype: String,\n\t\t\tdefault: t('photos', 'Photos'),\n\t\t},\n\t\t// The route params\n\t\tparams: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\tcomputed: {\n\t\tisRoot() {\n\t\t\tconst isRoot = this.path === '/'\n\t\t\tthis.toggleNavigationButton(!isRoot)\n\t\t\treturn isRoot\n\t\t},\n\n\t\tname() {\n\t\t\tif (this.isRoot) {\n\t\t\t\treturn this.rootTitle\n\t\t\t}\n\t\t\treturn this.title\n\t\t},\n\n\t\tparentPath() {\n\t\t\tconst path = this.path.split('/')\n\t\t\tpath.pop()\n\t\t\tconst parent = path.join('/')\n\t\t\treturn this.isRoot || parent.trim() === ''\n\t\t\t\t? '/'\n\t\t\t\t: path.join('/')\n\t\t},\n\n\t\tparentName() {\n\t\t\treturn this.parentPath && this.parentPath.split('/').pop()\n\t\t},\n\n\t\tbackToText() {\n\t\t\tif (this.parentPath === '/') {\n\t\t\t\treturn t('photos', 'Back to {folder}', { folder: this.rootTitle })\n\t\t\t}\n\t\t\treturn t('photos', 'Back to {folder}', { folder: this.parentName })\n\t\t},\n\n\t\t/**\n\t\t * We do not want encoded slashes when browsing by folder\n\t\t * so we generate a new valid route object, get the final url back\n\t\t * decode it and use it as a direct string, which vue-router\n\t\t * does not encode afterwards\n\t\t *\n\t\t * @return {string|object}\n\t\t */\n\t\tto() {\n\t\t\t// always remove first slash, the router\n\t\t\t// manage it automatically\n\t\t\tconst regex = /^\\/?(.*)/i\n\t\t\tconst path = regex.exec(this.parentPath)[1]\n\n\t\t\t// apply to current route\n\t\t\tconst { name, params } = Object.assign({}, this.$route, {\n\t\t\t\tparams: this.params || { path },\n\t\t\t})\n\n\t\t\t// return the full object as we don't care about\n\t\t\t// an empty path if this is route\n\t\t\tif (path === '') {\n\t\t\t\treturn { name }\n\t\t\t}\n\n\t\t\t// returning a string prevent vue-router to encode it again\n\t\t\treturn decodeURIComponent(this.$router.resolve({ name, params }).resolved.path)\n\t\t},\n\t},\n\n\tmethods: {\n\t\tfolderUp() {\n\t\t\tthis.$router.push(this.to)\n\t\t},\n\n\t\trefresh() {\n\t\t\tthis.$emit('refresh')\n\t\t},\n\n\t\ttoggleNavigationButton(hide) {\n\t\t\t// Hide the navigation toggle if the back button is shown\n\t\t\tconst navigationToggle = document.querySelector('button.app-navigation-toggle')\n\t\t\tif (navigationToggle !== null) {\n\t\t\t\tnavigationToggle.style.display = hide ? 'none' : null\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.photos-navigation {\n\tposition: sticky;\n\tz-index: 20;\n\ttop: 0;\n\tdisplay: flex;\n\t// We need to wrap on small devices for accessibility\n\tflex-wrap: wrap;\n\tgap: calc(2 * var(--app-navigation-padding));\n\talign-items: center;\n\tjustify-content: flex-start;\n\twidth: 100%;\n\t// Ensure to not overlap with app navigation toggle\n\tpadding-inline: calc(var(--default-clickable-area) + 2 * var(--app-navigation-padding)) var(--app-navigation-padding);\n\t// Align with app navigation toggle\n\tpadding-block: var(--app-navigation-padding);\n\tbackground: var(--color-main-background);\n\n\t&__back {\n\t\t// Replaces the app navigation button\n\t\tposition: absolute !important;\n\t\tleft: var(--app-navigation-padding);\n\t}\n\n\t&__title {\n\t\tmax-width: 45%;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\t&__main {\n\t\t\tcursor: pointer;\n\t\t\tfont-weight: 700;\n\t\t\tfont-size: 20px;\n\t\t\tline-height: 44px;\n\t\t}\n\n\t\t&__main, &__sub {\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\t}\n\n\t&__loader {\n\t\tmargin-inline-start: 32px;\n\t}\n\n\t&__content-right {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tmargin-inline-start: auto;\n\t}\n}\n\n</style>\n","import mod from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HeaderNavigation.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HeaderNavigation.vue?vue&type=script&lang=js\"","\n      import API from \"!../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HeaderNavigation.vue?vue&type=style&index=0&id=544b8840&prod&lang=scss&scoped=true\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HeaderNavigation.vue?vue&type=style&index=0&id=544b8840&prod&lang=scss&scoped=true\";\n       export default content && content.locals ? content.locals : undefined;\n","import { render, staticRenderFns } from \"./HeaderNavigation.vue?vue&type=template&id=544b8840&scoped=true\"\nimport script from \"./HeaderNavigation.vue?vue&type=script&lang=js\"\nexport * from \"./HeaderNavigation.vue?vue&type=script&lang=js\"\nimport style0 from \"./HeaderNavigation.vue?vue&type=style&index=0&id=544b8840&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"544b8840\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.error === 404)?_c('NcEmptyContent',{attrs:{\"illustration-name\":\"folder\"}},[_vm._v(\"\\n\\t\"+_vm._s(_vm.t('photos', 'This folder does not exist'))+\"\\n\")]):(_vm.error)?_c('NcEmptyContent',[_vm._v(\"\\n\\t\"+_vm._s(_vm.t('photos', 'An error occurred'))+\"\\n\")]):(_vm.initializing)?_c('NcEmptyContent',{attrs:{\"icon\":\"icon-loading\"}},[_vm._v(\"\\n\\t\"+_vm._s(_vm.t('photos', 'Loading folders …'))+\"\\n\")]):(!_vm.initializing)?_c('div',[_c('HeaderNavigation',{key:\"navigation\",class:{'photos-navigation--uploading': _vm.uploader.queue?.length > 0},attrs:{\"loading\":_vm.loading,\"path\":_vm.path,\"title\":_vm.folder.basename.toString(),\"root-title\":_vm.rootTitle},on:{\"refresh\":_vm.onRefresh}},[_c('UploadPicker',{attrs:{\"accept\":_vm.allowedMimes,\"destination\":_vm.folderAsFolder,\"multiple\":true},on:{\"uploaded\":_vm.onUpload}})],1),_vm._v(\" \"),(_vm.isEmpty)?_c('NcEmptyContent',{key:\"emptycontent\",attrs:{\"illustration-name\":\"empty\"}},[_vm._v(\"\\n\\t\\t\"+_vm._s(_vm.t('photos', 'No photos in here'))+\"\\n\\t\")]):_c('div',{staticClass:\"grid-container\",class:{\n\t\t\t'grid-container--folders': _vm.haveFolders,\n\t\t}},[_c('VirtualGrid',{ref:\"virtualgrid\",attrs:{\"items\":_vm.contentList,\"scroll-element\":_vm.appContent,\"get-column-count\":() => _vm.haveFolders ? _vm.gridConfig.folderCount : _vm.gridConfig.count,\"get-grid-gap\":() => _vm.haveFolders ? 16 : 8}})],1)],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n - SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<template>\n\t<a :class=\"{\n\t\t\t'file--cropped': croppedLayout,\n\t\t}\"\n\t\tclass=\"file\"\n\t\t:href=\"item.injected.source\"\n\t\t:aria-label=\"ariaLabel\"\n\t\t@click.prevent=\"openViewer\">\n\t\t<div v-if=\"item.injected.mime.includes('video') && item.injected.hasPreview\" class=\"icon-video-white\" />\n\t\t<!-- image and loading placeholder -->\n\t\t<transition-group name=\"fade\" class=\"transition-group\">\n\t\t\t<img v-if=\"!error\"\n\t\t\t\tref=\"img\"\n\t\t\t\t:key=\"`${item.injected.basename}-img`\"\n\t\t\t\t:src=\"src\"\n\t\t\t\t:alt=\"item.injected.basename\"\n\t\t\t\t:aria-describedby=\"ariaUuid\"\n\t\t\t\t@load=\"onLoad\"\n\t\t\t\t@error=\"onError\">\n\n\t\t\t<svg v-if=\"!loaded || error\"\n\t\t\t\t:key=\"`${item.injected.basename}-svg`\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tviewBox=\"0 0 32 32\"\n\t\t\t\tfill=\"url(#placeholder__gradient)\">\n\t\t\t\t<use v-if=\"isImage\" href=\"#placeholder--img\" />\n\t\t\t\t<use v-else href=\"#placeholder--video\" />\n\t\t\t</svg>\n\t\t</transition-group>\n\n\t\t<!-- image name and cover -->\n\t\t<p :id=\"ariaUuid\" class=\"hidden-visually\">{{ item.injected.basename }}</p>\n\t\t<div class=\"cover\" role=\"none\" />\n\t</a>\n</template>\n\n<script>\nimport { generateUrl } from '@nextcloud/router'\n\nexport default {\n\tname: 'FileLegacy',\n\tinheritAttrs: false,\n\tprops: {\n\t\titem: {\n\t\t\ttype: Object,\n\t\t\trequired: true,\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tloaded: false,\n\t\t\terror: false,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tariaUuid() {\n\t\t\treturn `image-${this.item.injected.fileid}`\n\t\t},\n\t\tariaLabel() {\n\t\t\treturn t('photos', 'Open the full size \"{name}\" image', { name: this.item.injected.basename })\n\t\t},\n\t\tisImage() {\n\t\t\treturn this.item.injected.mime.startsWith('image')\n\t\t},\n\t\tdecodedEtag() {\n\t\t\treturn this.item.injected.etag.replace('&quot;', '').replace('&quot;', '')\n\t\t},\n\t\tsrc() {\n\t\t\treturn generateUrl(`/core/preview?fileId=${this.item.injected.fileid}&c=${this.decodedEtag}&x=${250}&y=${250}&forceIcon=0&a=${this.croppedLayout ? '0' : '1'}`)\n\t\t},\n\t\tcroppedLayout() {\n\t\t\treturn this.$store.state.userConfig.croppedLayout\n\t\t},\n\t},\n\n\tbeforeDestroy() {\n\t\t// cancel any pending load\n\t\tthis.$refs.src = ''\n\t},\n\n\tmethods: {\n\t\topenViewer() {\n\t\t\tOCA.Viewer.open({\n\t\t\t\tfileInfo: this.item.injected,\n\t\t\t\tlist: this.item.injected.list,\n\t\t\t\tloadMore: this.item.injected.loadMore ? async () => await this.item.injected.loadMore(true) : () => [],\n\t\t\t\tcanLoop: this.item.injected.canLoop,\n\t\t\t})\n\t\t},\n\n\t\t/** When the image is fully loaded by browser we remove the placeholder */\n\t\tonLoad() {\n\t\t\tthis.loaded = true\n\t\t},\n\n\t\tonError() {\n\t\t\tthis.error = true\n\t\t},\n\t},\n\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../mixins/FileFolder';\n\n.transition-group {\n\tdisplay: contents;\n}\n\n.icon-video-white {\n\tposition: absolute;\n\ttop: 10px;\n\tright: 10px;\n\tz-index: 20;\n}\n\nimg {\n\tposition: absolute;\n\twidth: 100%;\n\theight: 100%;\n\tz-index: 10;\n\n\tcolor: transparent; // should be diplayed on error\n\n\tobject-fit: contain;\n\n\t.file--cropped & {\n\t\tobject-fit: cover;\n\t}\n}\n\nsvg {\n\tposition: absolute;\n\twidth: 70%;\n\theight: 70%;\n}\n</style>\n","import mod from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileLegacy.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileLegacy.vue?vue&type=script&lang=js\"","\n      import API from \"!../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileLegacy.vue?vue&type=style&index=0&id=061ecc04&prod&lang=scss&scoped=true\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileLegacy.vue?vue&type=style&index=0&id=061ecc04&prod&lang=scss&scoped=true\";\n       export default content && content.locals ? content.locals : undefined;\n","import { render, staticRenderFns } from \"./FileLegacy.vue?vue&type=template&id=061ecc04&scoped=true\"\nimport script from \"./FileLegacy.vue?vue&type=script&lang=js\"\nexport * from \"./FileLegacy.vue?vue&type=script&lang=js\"\nimport style0 from \"./FileLegacy.vue?vue&type=style&index=0&id=061ecc04&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"061ecc04\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"file\",class:{\n\t\t'file--cropped': _vm.croppedLayout,\n\t},attrs:{\"href\":_vm.item.injected.source,\"aria-label\":_vm.ariaLabel},on:{\"click\":function($event){$event.preventDefault();return _vm.openViewer.apply(null, arguments)}}},[(_vm.item.injected.mime.includes('video') && _vm.item.injected.hasPreview)?_c('div',{staticClass:\"icon-video-white\"}):_vm._e(),_vm._v(\" \"),_c('transition-group',{staticClass:\"transition-group\",attrs:{\"name\":\"fade\"}},[(!_vm.error)?_c('img',{key:`${_vm.item.injected.basename}-img`,ref:\"img\",attrs:{\"src\":_vm.src,\"alt\":_vm.item.injected.basename,\"aria-describedby\":_vm.ariaUuid},on:{\"load\":_vm.onLoad,\"error\":_vm.onError}}):_vm._e(),_vm._v(\" \"),(!_vm.loaded || _vm.error)?_c('svg',{key:`${_vm.item.injected.basename}-svg`,attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 32 32\",\"fill\":\"url(#placeholder__gradient)\"}},[(_vm.isImage)?_c('use',{attrs:{\"href\":\"#placeholder--img\"}}):_c('use',{attrs:{\"href\":\"#placeholder--video\"}})]):_vm._e()]),_vm._v(\" \"),_c('p',{staticClass:\"hidden-visually\",attrs:{\"id\":_vm.ariaUuid}},[_vm._v(_vm._s(_vm.item.injected.basename))]),_vm._v(\" \"),_c('div',{staticClass:\"cover\",attrs:{\"role\":\"none\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('FolderTagPreview',{attrs:{\"id\":_vm.item.injected.fileid,\"name\":_vm.item.injected.basename.toString(),\"path\":_vm.item.injected.filename,\"file-list\":_vm.previewFiles}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<template>\n\t<router-link class=\"folder\"\n\t\t:to=\"toLink\"\n\t\t:aria-label=\"ariaLabel\">\n\t\t<img v-if=\"previewUrl\"\n\t\t\tclass=\"folder__image\"\n\t\t\t:src=\"previewUrl\"\n\t\t\talt=\"\"\n\t\t\t@error=\"onPreviewFail(file)\">\n\n\t\t<span v-else class=\"folder__image folder__image--placeholder\">\n\t\t\t<Folder class=\"folder__icon\"\n\t\t\t\t:size=\"96\"\n\t\t\t\tfill-color=\"var(--color-primary-element)\" />\n\t\t</span>\n\n\t\t<span class=\"folder__details\">\n\t\t\t<Folder />\n\t\t\t<span class=\"folder__title\">{{ name }}</span>\n\t\t</span>\n\t</router-link>\n</template>\n\n<script>\nimport { generateUrl } from '@nextcloud/router'\nimport { getCurrentUser } from '@nextcloud/auth'\n\nimport Folder from 'vue-material-design-icons/Folder.vue'\n\nexport default {\n\tname: 'FolderTagPreview',\n\n\tcomponents: {\n\t\tFolder,\n\t},\n\n\tprops: {\n\t\ticon: {\n\t\t\ttype: String,\n\t\t\tdefault: 'icon-folder',\n\t\t},\n\t\tid: {\n\t\t\ttype: [Number, String],\n\t\t\trequired: true,\n\t\t},\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\tpath: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\tfileList: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\t\tto: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tfailed: [],\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t// folder is empty\n\t\tisEmpty() {\n\t\t\treturn this.previewList.length === 0\n\t\t},\n\n\t\tariaLabel() {\n\t\t\treturn t('photos', 'Open the \"{name}\" folder', { name: this.name })\n\t\t},\n\n\t\t/**\n\t\t * Previews list without the failed ones\n\t\t *\n\t\t * @return {object[]} the previews fileinfo\n\t\t */\n\t\tpreviewList() {\n\t\t\treturn this.fileList\n\t\t\t\t.filter(file => this.failed.indexOf(file.fileid) === -1)\n\t\t},\n\n\t\tpreviewUrl() {\n\t\t\tif (this.previewList.length === 0) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst { fileid, etag } = this.previewList.at(-1)\n\t\t\t// use etag to force cache reload if file changed\n\t\t\treturn generateUrl(`/core/preview?fileId=${fileid}&c=${etag}&x=${250}&y=${250}&forceIcon=0&a=0`)\n\t\t},\n\n\t\t/**\n\t\t * We do not want encoded slashes when browsing by folder\n\t\t * so we generate a new valid route object based on the\n\t\t * current named route, get the final url back, decode it\n\t\t * and use it as a direct string.\n\t\t * Which vue-router does not encode afterwards!\n\t\t *\n\t\t * @return {string}\n\t\t */\n\t\ttoLink() {\n\t\t\tif (this.to) {\n\t\t\t\treturn this.to\n\t\t\t}\n\n\t\t\t// Remove leading /file/{userId}\n\t\t\tconst prefix = `/files/${getCurrentUser()?.uid}`\n\t\t\tlet path = this.path.replace(new RegExp(`^${prefix}`), '')\n\n\t\t\t// always remove first slash, the router\n\t\t\t// manage it automatically\n\t\t\tconst regex = /^\\/?(.+)/i\n\t\t\tpath = regex.exec(path)[1]\n\n\t\t\t// apply to current route\n\t\t\treturn Object.assign({}, this.$route, {\n\t\t\t\tparams: { path: path.split('/') },\n\t\t\t})\n\t\t},\n\t},\n\n\tmethods: {\n\t\tonPreviewFail({ fileid }) {\n\t\t\tthis.failed.push(fileid)\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.folder {\n\tdisplay: flex;\n\tflex-direction: column;\n\tpadding: 16px;\n\tborder-radius: var(--border-radius-large);\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: var(--color-background-dark);\n\t}\n\n\t&__image {\n\t\twidth: 200px;\n\t\theight: 200px;\n\t\tobject-fit: cover;\n\t\tborder-radius: var(--border-radius-large);\n\n\t\t&--placeholder {\n\t\t\tbackground-color: var(--color-primary-element-light);\n\t\t}\n\t}\n\n\t&__icon {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t&__details {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 12px;\n\t\tmargin-top: 16px;\n\t\twidth: 200px;\n\t}\n\n\t&__title {\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t\tfont-size: 20px;\n\t\tmargin-bottom: 2px;\n\t\tline-height: 30px;\n\t\tcolor: var(--color-main-text);\n\t}\n}\n</style>\n","import mod from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FolderTagPreview.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FolderTagPreview.vue?vue&type=script&lang=js\"","\n      import API from \"!../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FolderTagPreview.vue?vue&type=style&index=0&id=1600f896&prod&lang=scss&scoped=true\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FolderTagPreview.vue?vue&type=style&index=0&id=1600f896&prod&lang=scss&scoped=true\";\n       export default content && content.locals ? content.locals : undefined;\n","import { render, staticRenderFns } from \"./FolderTagPreview.vue?vue&type=template&id=1600f896&scoped=true\"\nimport script from \"./FolderTagPreview.vue?vue&type=script&lang=js\"\nexport * from \"./FolderTagPreview.vue?vue&type=script&lang=js\"\nimport style0 from \"./FolderTagPreview.vue?vue&type=style&index=0&id=1600f896&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1600f896\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('router-link',{staticClass:\"folder\",attrs:{\"to\":_vm.toLink,\"aria-label\":_vm.ariaLabel}},[(_vm.previewUrl)?_c('img',{staticClass:\"folder__image\",attrs:{\"src\":_vm.previewUrl,\"alt\":\"\"},on:{\"error\":function($event){return _vm.onPreviewFail(_vm.file)}}}):_c('span',{staticClass:\"folder__image folder__image--placeholder\"},[_c('Folder',{staticClass:\"folder__icon\",attrs:{\"size\":96,\"fill-color\":\"var(--color-primary-element)\"}})],1),_vm._v(\" \"),_c('span',{staticClass:\"folder__details\"},[_c('Folder'),_vm._v(\" \"),_c('span',{staticClass:\"folder__title\"},[_vm._v(_vm._s(_vm.name))])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport axios from '@nextcloud/axios'\nimport { generateUrl } from '@nextcloud/router'\nimport { genFileInfo, encodeFilePath } from '../utils/fileUtils.js'\nimport allowedMimes from './AllowedMimes.js'\nimport { getCurrentUser } from '@nextcloud/auth'\n\n/**\n * List files from a folder and filter out unwanted mimes\n *\n * @param {string} path the path relative to the user root\n * @param {object} [options] optional options for axios\n * @param {boolean} [options.shared] fetch shared albums ?\n * @return {Promise<object[]>} the file list\n */\nexport default async function(path = '/', options = {}) {\n\tconst endpoint = generateUrl(`/apps/photos/api/v1/${options.shared ? 'shared' : 'albums'}`)\n\tconst prefix = `/files/${getCurrentUser()?.uid}`\n\n\t// fetch listing\n\tconst response = await axios.get(endpoint + encodeFilePath(path), options)\n\tconst list = response.data\n\t\t.map(data => ({ ...data, filename: `${prefix}${data.filename}` }))\n\t\t.map(data => genFileInfo(data))\n\n\t// filter all the files and folders\n\tlet folder = {}\n\tconst folders = []\n\tconst files = []\n\n\tfor (const entry of list) {\n\t\t// is this the current provided path ?\n\t\tif (entry.filename === `${prefix}${path}`) {\n\t\t\tfolder = entry\n\t\t} else if (entry.type !== 'file') {\n\t\t\tfolders.push(entry)\n\t\t} else if (allowedMimes.indexOf(entry.mime) > -1) {\n\t\t\tfiles.push(entry)\n\t\t}\n\t}\n\n\t// return current folder, subfolders and files\n\treturn { folder, folders, files }\n}\n","<!--\n - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<template>\n\t<FolderTagPreview :id=\"item.injected.fileid\"\n\t\t:name=\"item.injected.basename.toString()\"\n\t\t:path=\"item.injected.filename\"\n\t\t:file-list=\"previewFiles\" />\n</template>\n\n<script>\nimport { mapGetters } from 'vuex'\n\nimport { getCurrentUser } from '@nextcloud/auth'\n\nimport FolderTagPreview from './FolderTagPreview.vue'\nimport getAlbumContent from '../services/AlbumContent.js'\nimport AbortControllerMixin from '../mixins/AbortControllerMixin.js'\n\nexport default {\n\tname: 'Folder',\n\n\tcomponents: {\n\t\tFolderTagPreview,\n\t},\n\n\tmixins: [\n\t\tAbortControllerMixin,\n\t],\n\tinheritAttrs: false,\n\n\tprops: {\n\t\titem: {\n\t\t\ttype: Object,\n\t\t\trequired: true,\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tpreviewFolder: this.item.injected.fileid,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t// global lists\n\t\t...mapGetters([\n\t\t\t'files',\n\t\t\t'folders',\n\t\t]),\n\n\t\t// files list of the current folder\n\t\tfolderContent() {\n\t\t\treturn this.folders[this.item.injected.fileid]\n\t\t},\n\t\tpreviewFiles() {\n\t\t\tconst previewFolderContent = this.folders[this.previewFolder]\n\n\t\t\tconst previewFiles = previewFolderContent\n\t\t\t\t? previewFolderContent\n\t\t\t\t\t.map(id => this.files[id])\n\t\t\t\t\t.slice(0, 4) // only get the 4 first images\n\t\t\t\t: []\n\n\t\t\t// If we didn't found any previews in the folder we try the next subfolder\n\t\t\t// We limit to one subfolder for performance concerns\n\t\t\tif (previewFiles.length === 0\n\t\t\t\t&& this.files[this.previewFolder].folders\n\t\t\t\t&& this.previewFolder === this.item.injected.fileid) {\n\n\t\t\t\tconst firstChildFolder = this.files[this.previewFolder].folders[0]\n\t\t\t\tthis.updatePreviewFolder(firstChildFolder)\n\n\t\t\t\tif (!this.folders[this.previewFolder]) {\n\t\t\t\t\tthis.getFolderData(this.files[this.previewFolder].filename)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn previewFiles\n\t\t},\n\t},\n\n\tasync created() {\n\t\tif (!this.folderContent) {\n\t\t\tawait this.getFolderData(this.item.injected.filename)\n\t\t}\n\t},\n\n\tmethods: {\n\t\tasync getFolderData(filename) {\n\t\t\ttry {\n\t\t\t\t// Remove leading /file/{userId}\n\t\t\t\tconst prefix = `/files/${getCurrentUser()?.uid}`\n\t\t\t\tconst unPrefixedFileName = filename.replace(new RegExp(`^${prefix}`), '')\n\n\t\t\t\t// get data\n\t\t\t\tconst { folder, folders, files } = await getAlbumContent(unPrefixedFileName, {\n\t\t\t\t\tshared: this.item.injected.showShared,\n\t\t\t\t\tsignal: this.abortController.signal,\n\t\t\t\t})\n\t\t\t\tthis.$store.dispatch('updateFolders', { fileid: folder.fileid, files, folders })\n\t\t\t\tthis.$store.dispatch('updateFiles', { folder, files, folders })\n\t\t\t} catch (error) {\n\t\t\t\tif (error.response && error.response.status) {\n\t\t\t\t\tconsole.error('Failed to get folder content', filename, error.response)\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\tupdatePreviewFolder(path) {\n\t\t\tthis.previewFolder = path\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../mixins/FileFolder';\n\n.folder-content {\n\tposition: absolute;\n\tdisplay: grid;\n\twidth: 100%;\n\theight: 100%;\n\t// folder layout if less than 4 pictures\n\t&--grid-1 {\n\t\tgrid-template-columns: 1fr;\n\t\tgrid-template-rows: 1fr;\n\t}\n\t&--grid-2 {\n\t\tgrid-template-columns: 1fr;\n\t\tgrid-template-rows: 1fr 1fr;\n\t}\n\t&--grid-3 {\n\t\tgrid-template-columns: 1fr 1fr;\n\t\tgrid-template-rows: 1fr 1fr;\n\t\timg:first-child {\n\t\t\tgrid-column: span 2;\n\t\t}\n\t}\n\t&--grid-4 {\n\t\tgrid-template-columns: 1fr 1fr;\n\t\tgrid-template-rows: 1fr 1fr;\n\t}\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\tobject-fit: cover;\n\t}\n}\n\n$name-height: 1rem;\n\n.folder-name {\n\tposition: absolute;\n\tz-index: 3;\n\tdisplay: flex;\n\toverflow: hidden;\n\tflex-direction: column;\n\twidth: 100%;\n\theight: 100%;\n\ttransition: opacity var(--animation-quick) ease-in-out;\n\topacity: 1;\n\t&__icon {\n\t\theight: 40%;\n\t\tmargin-top: calc(30% - #{$name-height} / 2); // center name+icon\n\t\tbackground-size: 40%;\n\t}\n\t&__name {\n\t\toverflow: hidden;\n\t\theight: $name-height;\n\t\tpadding: 0 10px;\n\t\ttext-align: center;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t\tcolor: var(--color-main-background);\n\t\ttext-shadow: 0 0 8px var(--color-main-text);\n\t\tfont-size: $name-height;\n\t\tline-height: $name-height;\n\t}\n}\n\n// Cover management empty/full\n.folder {\n\t// if no img, let's display the folder icon as default black\n\t&--clear {\n\t\t.folder-name__icon {\n\t\t\topacity: .3;\n\t\t}\n\t\t.folder-name__name {\n\t\t\tcolor: var(--color-main-text);\n\t\t\ttext-shadow: 0 0 8px var(--color-main-background);\n\t\t}\n\t}\n\n\t// show the cover as background\n\t// if  there are pictures in it\n\t// so we can sho the folder+name above it\n\t&:not(.folder--clear) {\n\t\t.cover {\n\t\t\topacity: .3;\n\t\t}\n\n\t\t// hide everything but pictures\n\t\t// on hover/active/focus\n\t\t&.active,\n\t\t&:active,\n\t\t&:hover,\n\t\t&:focus {\n\t\t\t.folder-name,\n\t\t\t.cover {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\n</style>\n","import mod from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Folder.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Folder.vue?vue&type=script&lang=js\"","\n      import API from \"!../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Folder.vue?vue&type=style&index=0&id=1c155c06&prod&lang=scss&scoped=true\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Folder.vue?vue&type=style&index=0&id=1c155c06&prod&lang=scss&scoped=true\";\n       export default content && content.locals ? content.locals : undefined;\n","import { render, staticRenderFns } from \"./Folder.vue?vue&type=template&id=1c155c06&scoped=true\"\nimport script from \"./Folder.vue?vue&type=script&lang=js\"\nexport * from \"./Folder.vue?vue&type=script&lang=js\"\nimport style0 from \"./Folder.vue?vue&type=style&index=0&id=1c155c06&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1c155c06\",\n  null\n  \n)\n\nexport default component.exports","/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport Vue from 'vue'\nimport { sizes } from '../assets/grid-sizes.js'\n\nexport default new Vue({\n\tdata() {\n\t\treturn {\n\t\t\tgridConfig: sizes.max,\n\t\t}\n\t},\n\twatch: {\n\t\tgridConfig(val) {\n\t\t\tthis.$emit('changed', val)\n\t\t},\n\t},\n\tcreated() {\n\t\twindow.addEventListener('resize', this.handleWindowResize)\n\t\tthis.handleWindowResize()\n\t},\n\tbeforeDestroy() {\n\t\twindow.removeEventListener('resize', this.handleWindowResize)\n\t},\n\tmethods: {\n\t\thandleWindowResize() {\n\t\t\t// find the first grid size that fit the current window width\n\t\t\tconst currentSize = Object.keys(sizes).find(size => size > document.documentElement.clientWidth)\n\t\t\tthis.gridConfig = sizes[currentSize] || sizes.max\n\t\t},\n\t},\n})\n","/**\n * SPDX-FileCopyrightText: 2018 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport getGridConfig from '../services/GridConfig.js'\n\n/**\n * Get the current used grid config\n */\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tgridConfig: {},\n\t\t}\n\t},\n\n\tcreated() {\n\t\tgetGridConfig.$on('changed', val => {\n\t\t\tthis.gridConfig = val\n\t\t})\n\t\tconsole.debug(`[${appName}]`, 'Grid config', Object.assign({}, getGridConfig.gridConfig))\n\t\tthis.gridConfig = getGridConfig.gridConfig\n\t},\n\n\tbeforeDestroy() {\n\t\tgetGridConfig.$off('changed', this.gridConfig)\n\t},\n}\n","<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<template>\n\t<!-- Errors handlers-->\n\t<NcEmptyContent v-if=\"error === 404\" illustration-name=\"folder\">\n\t\t{{ t('photos', 'This folder does not exist') }}\n\t</NcEmptyContent>\n\t<NcEmptyContent v-else-if=\"error\">\n\t\t{{ t('photos', 'An error occurred') }}\n\t</NcEmptyContent>\n\t<NcEmptyContent v-else-if=\"initializing\" icon=\"icon-loading\">\n\t\t{{ t('photos', 'Loading folders …') }}\n\t</NcEmptyContent>\n\n\t<!-- Folder content -->\n\t<div v-else-if=\"!initializing\">\n\t\t<HeaderNavigation key=\"navigation\"\n\t\t\t:class=\"{'photos-navigation--uploading': uploader.queue?.length > 0}\"\n\t\t\t:loading=\"loading\"\n\t\t\t:path=\"path\"\n\t\t\t:title=\"folder.basename.toString()\"\n\t\t\t:root-title=\"rootTitle\"\n\t\t\t@refresh=\"onRefresh\">\n\t\t\t<UploadPicker :accept=\"allowedMimes\"\n\t\t\t\t:destination=\"folderAsFolder\"\n\t\t\t\t:multiple=\"true\"\n\t\t\t\t@uploaded=\"onUpload\" />\n\t\t</HeaderNavigation>\n\n\t\t<!-- Empty folder, should only happen via direct link -->\n\t\t<NcEmptyContent v-if=\"isEmpty\" key=\"emptycontent\" illustration-name=\"empty\">\n\t\t\t{{ t('photos', 'No photos in here') }}\n\t\t</NcEmptyContent>\n\n\t\t<div v-else\n\t\t\tclass=\"grid-container\"\n\t\t\t:class=\"{\n\t\t\t\t'grid-container--folders': haveFolders,\n\t\t\t}\">\n\t\t\t<VirtualGrid ref=\"virtualgrid\"\n\t\t\t\t:items=\"contentList\"\n\t\t\t\t:scroll-element=\"appContent\"\n\t\t\t\t:get-column-count=\"() => haveFolders ? gridConfig.folderCount : gridConfig.count\"\n\t\t\t\t:get-grid-gap=\"() => haveFolders ? 16 : 8\" />\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex'\nimport { Upload, UploadPicker, getUploader } from '@nextcloud/upload'\nimport { Folder as NcFolder, davParsePermissions } from '@nextcloud/files'\nimport { NcEmptyContent } from '@nextcloud/vue'\nimport VirtualGrid from 'vue-virtual-grid'\n\nimport FileLegacy from '../components/FileLegacy.vue'\nimport Folder from '../components/Folder.vue'\nimport HeaderNavigation from '../components/HeaderNavigation.vue'\n\nimport { prefixPath } from '../services/DavClient.js'\nimport allowedMimes from '../services/AllowedMimes.js'\nimport getAlbumContent from '../services/AlbumContent.js'\n\nimport AbortControllerMixin from '../mixins/AbortControllerMixin.js'\nimport GridConfigMixin from '../mixins/GridConfig.js'\nimport getFileInfo from '../services/FileInfo.js'\n\nexport default {\n\tname: 'Folders',\n\tcomponents: {\n\t\tVirtualGrid,\n\t\tHeaderNavigation,\n\t\tNcEmptyContent,\n\t\tUploadPicker,\n\t},\n\tmixins: [\n\t\tAbortControllerMixin,\n\t\tGridConfigMixin,\n\t],\n\tprops: {\n\t\trootTitle: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\tpath: {\n\t\t\ttype: String,\n\t\t\tdefault: '/',\n\t\t},\n\t\tshowShared: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\terror: null,\n\t\t\tallowedMimes,\n\n\t\t\tinitializing: true,\n\t\t\tloading: false,\n\n\t\t\tappContent: document.getElementById('app-content-vue'),\n\n\t\t\tuploader: getUploader(),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t// global lists\n\t\t...mapGetters([\n\t\t\t'files',\n\t\t\t'folders',\n\t\t]),\n\n\t\t// current folder id from current path\n\t\tfolderId() {\n\t\t\treturn this.$store.getters.folderId(this.path)\n\t\t},\n\n\t\t// files list of the current folder\n\t\tfolder() {\n\t\t\treturn this.files[this.folderId]\n\t\t},\n\t\tfolderAsFolder() {\n\t\t\treturn new NcFolder({\n\t\t\t\t...this.folder,\n\t\t\t\tsource: decodeURI(this.folder.source),\n\t\t\t\tpermissions: davParsePermissions(this.folder.permissions),\n\t\t\t})\n\t\t},\n\t\tfolderContent() {\n\t\t\treturn this.folders[this.folderId]\n\t\t},\n\t\tfileList() {\n\t\t\tconst list = this.folderContent\n\t\t\t\t&& this.folderContent\n\t\t\t\t\t.map(id => this.files[id])\n\t\t\t\t\t.filter(file => !!file)\n\t\t\treturn list\n\t\t},\n\n\t\t// subfolders of the current folder\n\t\tsubFolders() {\n\t\t\treturn this.folderId\n\t\t\t\t&& this.files[this.folderId]\n\t\t\t\t&& this.files[this.folderId].folders\n\t\t},\n\t\tfolderList() {\n\t\t\tconst list = this.subFolders\n\t\t\t\t&& this.subFolders\n\t\t\t\t\t.map(id => this.files[id])\n\t\t\t\t\t.filter(file => !!file)\n\t\t\treturn list\n\t\t},\n\t\tcontentList() {\n\t\t\tconst folders = this.folderList?.map((folder) => {\n\t\t\t\treturn {\n\t\t\t\t\tid: `folder-${folder.fileid}`,\n\t\t\t\t\tinjected: {\n\t\t\t\t\t\t...folder,\n\t\t\t\t\t\tshowShared: this.showShared,\n\t\t\t\t\t},\n\t\t\t\t\twidth: 232,\n\t\t\t\t\theight: 280,\n\t\t\t\t\tcolumnSpan: 1,\n\t\t\t\t\trenderComponent: Folder,\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tconst files = this.fileList?.map((file) => {\n\t\t\t\treturn {\n\t\t\t\t\tid: `file-${file.fileid}`,\n\t\t\t\t\tinjected: {\n\t\t\t\t\t\t...file,\n\t\t\t\t\t\tlist: this.fileList,\n\t\t\t\t\t},\n\t\t\t\t\twidth: 256,\n\t\t\t\t\theight: 256,\n\t\t\t\t\tcolumnSpan: 1,\n\t\t\t\t\trenderComponent: FileLegacy,\n\t\t\t\t}\n\t\t\t})\n\n\t\t\treturn [...(folders || []), ...(files || [])]\n\t\t},\n\n\t\t// is current folder empty?\n\t\tisEmpty() {\n\t\t\treturn !this.haveFiles && !this.haveFolders\n\t\t},\n\t\thaveFiles() {\n\t\t\treturn !!this.fileList && this.fileList.length !== 0\n\t\t},\n\t\thaveFolders() {\n\t\t\treturn !!this.folderList && this.folderList.length !== 0\n\t\t},\n\t},\n\n\twatch: {\n\t\tpath() {\n\t\t\tthis.fetchFolderContent()\n\t\t},\n\t\tshowShared() {\n\t\t\tthis.fetchFolderContent()\n\t\t},\n\t},\n\n\tbeforeMount() {\n\t\tthis.fetchFolderContent()\n\t},\n\n\tmethods: {\n\t\tonRefresh() {\n\t\t\tthis.fetchFolderContent()\n\t\t},\n\n\t\tasync fetchFolderContent() {\n\t\t\tthis.error = null\n\t\t\tthis.loading = true\n\n\t\t\t// close any potential opened viewer & sidebar\n\t\t\tOCA?.Viewer?.close?.()\n\t\t\tOCA?.Files?.Sidebar?.close?.()\n\n\t\t\t// if we don't already have some cached data let's show a loader\n\t\t\tif (!this.files[this.folderId] || !this.folders[this.folderId]) {\n\t\t\t\tthis.initializing = true\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\t// get content and current folder info\n\t\t\t\tconst { folder, folders, files } = await getAlbumContent(this.path, {\n\t\t\t\t\tshared: this.showShared,\n\t\t\t\t\tsignal: this.abortController.signal,\n\t\t\t\t})\n\t\t\t\tthis.$store.dispatch('addPath', { path: this.path, fileid: folder.fileid })\n\t\t\t\tthis.$store.dispatch('updateFolders', { fileid: folder.fileid, files, folders })\n\t\t\t\tthis.$store.dispatch('updateFiles', { folder, files, folders })\n\t\t\t} catch (error) {\n\t\t\t\tif (error.response && error.response.status) {\n\t\t\t\t\tif (error.response.status === 404) {\n\t\t\t\t\t\tthis.error = 404\n\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\tthis.$router.push({ name: this.$route.name })\n\t\t\t\t\t\t}, 3000)\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.error = error\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// cancelled request, moving on...\n\t\t\t\tconsole.error('Error fetching album data', error)\n\t\t\t} finally {\n\t\t\t\t// done loading even with errors\n\t\t\t\tthis.loading = false\n\t\t\t\tthis.initializing = false\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Fetch file Info and add them into the store\n\t\t *\n\t\t * @param {Upload} upload the newly uploaded files\n\t\t */\n\t\tasync onUpload(upload) {\n\t\t\tconst relPath = upload.source.split(prefixPath).pop()\n\t\t\tconst file = await getFileInfo(relPath)\n\t\t\tthis.$store.dispatch('appendFiles', [file])\n\t\t\tthis.$store.dispatch('addFilesToFolder', { fileid: this.folderId, files: [file] })\n\t\t},\n\t},\n\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../mixins/GridSizes';\n\n.grid-container {\n\t@include grid-sizes using ($marginTop, $marginW) {\n\t\tpadding: 0px #{$marginW}px 256px #{$marginW}px;\n\t}\n\t&--folders {\n\t\tpadding: 32px 48px;\n\t\t@media only screen and (max-width: 400px) {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\twidth: 100%;\n\t\t}\n\t\t@media only screen and (min-width: 400px) {\n\t\t\twidth: fit-content;\n\t\t}\n\t}\n}\n\n.photos-navigation {\n\tposition: relative;\n\n\t// Add space at the bottom for the progress bar.\n\t&--uploading {\n\t\tmargin-bottom: 30px;\n\t}\n}\n\n:deep(.upload-picker) {\n\t.upload-picker__progress {\n\t\tposition: absolute;\n\t\tbottom: -30px;\n\t\tleft: 64px;\n\t\tmargin: 0;\n\t}\n\n\t.upload-picker__cancel {\n\t\tposition: absolute;\n\t\tbottom: -24px;\n\t\tright: 50px;\n\t}\n}\n\n</style>\n","import mod from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Folders.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Folders.vue?vue&type=script&lang=js\"","/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport client, { prefixPath } from './DavClient.js'\nimport request from './DavRequest.js'\nimport { genFileInfo } from '../utils/fileUtils.js'\n\n/**\n * Get a file info\n *\n * @param {string} path the path relative to the user root\n * @return {FileInfo} the file info\n */\nexport default async function(path) {\n\t// getDirectoryContents doesn't accept / for root\n\tconst fixedPath = path === '/' ? '' : path\n\n\t// fetch listing\n\tconst response = await client.stat(prefixPath + fixedPath, {\n\t\tdata: request,\n\t\tdetails: true,\n\t})\n\n\treturn genFileInfo(response.data)\n}\n","\n      import API from \"!../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Folders.vue?vue&type=style&index=0&id=100c187e&prod&lang=scss&scoped=true\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Folders.vue?vue&type=style&index=0&id=100c187e&prod&lang=scss&scoped=true\";\n       export default content && content.locals ? content.locals : undefined;\n","import { render, staticRenderFns } from \"./Folders.vue?vue&type=template&id=100c187e&scoped=true\"\nimport script from \"./Folders.vue?vue&type=script&lang=js\"\nexport * from \"./Folders.vue?vue&type=script&lang=js\"\nimport style0 from \"./Folders.vue?vue&type=style&index=0&id=100c187e&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"100c187e\",\n  null\n  \n)\n\nexport default component.exports"],"names":["module","exports","sizes","marginTop","marginW","count","folderCount","max","name","data","abortController","AbortController","beforeDestroy","this","abort","beforeRouteLeave","from","to","next","___CSS_LOADER_EXPORT___","push","id","components","ArrowLeft","NcButton","NcLoadingIcon","inheritAttrs","props","loading","type","Boolean","default","path","String","title","required","rootTitle","t","params","Object","computed","isRoot","toggleNavigationButton","parentPath","split","pop","parent","join","trim","parentName","backToText","folder","exec","assign","$route","decodeURIComponent","$router","resolve","resolved","methods","folderUp","refresh","$emit","hide","navigationToggle","document","querySelector","style","display","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","_vm","_c","_self","staticClass","class","attrs","_e","on","scopedSlots","_u","key","fn","proxy","_v","_s","_t","$slots","directives","rawName","value","expression","item","loaded","error","ariaUuid","concat","injected","fileid","ariaLabel","basename","isImage","mime","startsWith","decodedEtag","etag","replace","src","generateUrl","croppedLayout","$store","state","userConfig","$refs","openViewer","OCA","Viewer","open","fileInfo","list","loadMore","canLoop","onLoad","onError","source","$event","preventDefault","apply","arguments","includes","hasPreview","ref","Folder","icon","Number","fileList","Array","failed","isEmpty","previewList","length","filter","file","indexOf","previewUrl","at","toLink","_getCurrentUser","prefix","getCurrentUser","uid","RegExp","onPreviewFail","_ref","async","undefined","endpoint","shared","axios","encodeFilePath","map","filename","genFileInfo","folders","files","entry","allowedMimes","FolderTagPreview","mixins","AbortControllerMixin","previewFolder","mapGetters","folderContent","previewFiles","previewFolderContent","slice","firstChildFolder","updatePreviewFolder","getFolderData","unPrefixedFileName","getAlbumContent","showShared","signal","dispatch","response","status","console","toString","Vue","gridConfig","watch","val","created","window","addEventListener","handleWindowResize","removeEventListener","currentSize","keys","find","size","documentElement","clientWidth","getGridConfig","debug","appName","VirtualGrid","HeaderNavigation","NcEmptyContent","UploadPicker","GridConfigMixin","initializing","appContent","getElementById","uploader","getUploader","folderId","getters","folderAsFolder","NcFolder","decodeURI","permissions","davParsePermissions","subFolders","folderList","contentList","_this$folderList","_this$fileList","width","height","columnSpan","renderComponent","FileLegacy","haveFiles","haveFolders","fetchFolderContent","beforeMount","onRefresh","_OCA","_OCA$Viewer","_OCA$Viewer$close","_OCA2","_OCA2$Files","_OCA2$Files$Sidebar","_OCA2$Files$Sidebar$c","close","call","Files","Sidebar","setTimeout","upload","relPath","prefixPath","fixedPath","client","request","details","getFileInfo","_vm$uploader$queue","queue","onUpload","get-column-count","get-grid-gap"],"sourceRoot":""}