diff options
Diffstat (limited to 'js/photos-src_views_Folders_vue.js')
| -rw-r--r-- | js/photos-src_views_Folders_vue.js | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/js/photos-src_views_Folders_vue.js b/js/photos-src_views_Folders_vue.js index 0184d876..74c08654 100644 --- a/js/photos-src_views_Folders_vue.js +++ b/js/photos-src_views_Folders_vue.js @@ -1,3 +1,3 @@ /*! For license information please see photos-src_views_Folders_vue.js.LICENSE.txt */ -(self.webpackChunkphotos=self.webpackChunkphotos||[]).push([["src_views_Folders_vue"],{16897:n=>{n.exports={sizes:{400:{marginTop:66,marginW:8,count:3,gap:8},700:{marginTop:66,marginW:8,count:4,gap:8},1024:{marginTop:66,marginW:44,count:5,gap:8},1280:{marginTop:66,marginW:44,count:4,gap:8},1440:{marginTop:88,marginW:66,count:5,gap:8},1600:{marginTop:88,marginW:66,count:6,gap:8},2048:{marginTop:88,marginW:66,count:7,gap:8},2560:{marginTop:88,marginW:88,count:8,gap:8},3440:{marginTop:88,marginW:88,count:9,gap:8},max:{marginTop:88,marginW:88,count:10,gap:8}}}},69363:(n,t,e)=>{"use strict";e.d(t,{Z:()=>i});const i={name:"AbortControllerMixin",data:function(){return{abortController:new AbortController}},beforeDestroy:function(){this.abortController.abort()},beforeRouteLeave:function(n,t,e){this.abortController.abort(),this.abortController=new AbortController,e()}}},7243:(n,t,e)=>{"use strict";e.d(t,{Z:()=>c});var i=e(87537),a=e.n(i),r=e(23645),o=e.n(r)()(a());o.push([n.id,".file[data-v-ad6a5a50],.folder[data-v-ad6a5a50]{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-ad6a5a50],.folder .cover[data-v-ad6a5a50]{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-ad6a5a50],.file:active .cover[data-v-ad6a5a50],.file:hover .cover[data-v-ad6a5a50],.file:focus .cover[data-v-ad6a5a50],.folder.active .cover[data-v-ad6a5a50],.folder:active .cover[data-v-ad6a5a50],.folder:hover .cover[data-v-ad6a5a50],.folder:focus .cover[data-v-ad6a5a50]{opacity:.3}.file--clear.active .cover[data-v-ad6a5a50],.file--clear:active .cover[data-v-ad6a5a50],.file--clear:hover .cover[data-v-ad6a5a50],.file--clear:focus .cover[data-v-ad6a5a50],.folder--clear.active .cover[data-v-ad6a5a50],.folder--clear:active .cover[data-v-ad6a5a50],.folder--clear:hover .cover[data-v-ad6a5a50],.folder--clear:focus .cover[data-v-ad6a5a50]{opacity:.1}.fade-enter-active[data-v-ad6a5a50],.fade-leave-active[data-v-ad6a5a50]{transition:opacity var(--animation-quick) ease-in-out}.fade-enter[data-v-ad6a5a50],.fade-leave-to[data-v-ad6a5a50]{opacity:0}.transition-group[data-v-ad6a5a50]{display:contents}.icon-video-white[data-v-ad6a5a50]{position:absolute;top:10px;right:10px;z-index:20}img[data-v-ad6a5a50]{position:absolute;width:100%;height:100%;z-index:10;color:rgba(0,0,0,0);object-fit:contain}.file--cropped img[data-v-ad6a5a50]{object-fit:cover}svg[data-v-ad6a5a50]{position:absolute;width:70%;height:70%}","",{version:3,sources:["webpack://./src/mixins/FileFolder.scss","webpack://./src/components/FileLegacy.vue"],names:[],mappings:"AAsBA,gDAEC,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,kCAAA,CACA,eAAA,CAEA,8DACC,SAAA,CAMA,UAAA,CACA,mBAAA,CACA,qDAAA,CACA,SAAA,CACA,uCAAA,CAOA,4SACC,UAAA,CAQD,oWACC,UAAA,CAKH,wEACC,qDAAA,CAGD,6DACC,SAAA,CC6DD,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 * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @license AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n *\n */\n\n.file,\n.folder {\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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:""}]);const c=o},66357:(n,t,e)=>{"use strict";e.d(t,{Z:()=>c});var i=e(87537),a=e.n(i),r=e(23645),o=e.n(r)()(a());o.push([n.id,".file[data-v-7eae8d82],.folder[data-v-7eae8d82]{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-7eae8d82],.folder .cover[data-v-7eae8d82]{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-7eae8d82],.file:active .cover[data-v-7eae8d82],.file:hover .cover[data-v-7eae8d82],.file:focus .cover[data-v-7eae8d82],.folder.active .cover[data-v-7eae8d82],.folder:active .cover[data-v-7eae8d82],.folder:hover .cover[data-v-7eae8d82],.folder:focus .cover[data-v-7eae8d82]{opacity:.3}.file--clear.active .cover[data-v-7eae8d82],.file--clear:active .cover[data-v-7eae8d82],.file--clear:hover .cover[data-v-7eae8d82],.file--clear:focus .cover[data-v-7eae8d82],.folder--clear.active .cover[data-v-7eae8d82],.folder--clear:active .cover[data-v-7eae8d82],.folder--clear:hover .cover[data-v-7eae8d82],.folder--clear:focus .cover[data-v-7eae8d82]{opacity:.1}.fade-enter-active[data-v-7eae8d82],.fade-leave-active[data-v-7eae8d82]{transition:opacity var(--animation-quick) ease-in-out}.fade-enter[data-v-7eae8d82],.fade-leave-to[data-v-7eae8d82]{opacity:0}.folder-content[data-v-7eae8d82]{position:absolute;display:grid;width:100%;height:100%}.folder-content--grid-1[data-v-7eae8d82]{grid-template-columns:1fr;grid-template-rows:1fr}.folder-content--grid-2[data-v-7eae8d82]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.folder-content--grid-3[data-v-7eae8d82]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.folder-content--grid-3 img[data-v-7eae8d82]:first-child{grid-column:span 2}.folder-content--grid-4[data-v-7eae8d82]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.folder-content img[data-v-7eae8d82]{width:100%;height:100%;object-fit:cover}.folder-name[data-v-7eae8d82]{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-7eae8d82]{height:40%;margin-top:calc(30% - 1rem / 2);background-size:40%}.folder-name__name[data-v-7eae8d82]{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-7eae8d82]{opacity:.3}.folder--clear .folder-name__name[data-v-7eae8d82]{color:var(--color-main-text);text-shadow:0 0 8px var(--color-main-background)}.folder:not(.folder--clear) .cover[data-v-7eae8d82]{opacity:.3}.folder:not(.folder--clear).active .folder-name[data-v-7eae8d82],.folder:not(.folder--clear).active .cover[data-v-7eae8d82],.folder:not(.folder--clear):active .folder-name[data-v-7eae8d82],.folder:not(.folder--clear):active .cover[data-v-7eae8d82],.folder:not(.folder--clear):hover .folder-name[data-v-7eae8d82],.folder:not(.folder--clear):hover .cover[data-v-7eae8d82],.folder:not(.folder--clear):focus .folder-name[data-v-7eae8d82],.folder:not(.folder--clear):focus .cover[data-v-7eae8d82]{opacity:0}","",{version:3,sources:["webpack://./src/mixins/FileFolder.scss","webpack://./src/components/Folder.vue"],names:[],mappings:"AAsBA,gDAEC,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,kCAAA,CACA,eAAA,CAEA,8DACC,SAAA,CAMA,UAAA,CACA,mBAAA,CACA,qDAAA,CACA,SAAA,CACA,uCAAA,CAOA,4SACC,UAAA,CAQD,oWACC,UAAA,CAKH,wEACC,qDAAA,CAGD,6DACC,SAAA,CCgED,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 * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @license AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n *\n */\n\n.file,\n.folder {\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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:""}]);const c=o},36263:(n,t,e)=>{"use strict";e.d(t,{Z:()=>c});var i=e(87537),a=e.n(i),r=e(23645),o=e.n(r)()(a());o.push([n.id,".file[data-v-7de21a3c],.folder[data-v-7de21a3c]{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-7de21a3c],.folder .cover[data-v-7de21a3c]{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-7de21a3c],.file:active .cover[data-v-7de21a3c],.file:hover .cover[data-v-7de21a3c],.file:focus .cover[data-v-7de21a3c],.folder.active .cover[data-v-7de21a3c],.folder:active .cover[data-v-7de21a3c],.folder:hover .cover[data-v-7de21a3c],.folder:focus .cover[data-v-7de21a3c]{opacity:.3}.file--clear.active .cover[data-v-7de21a3c],.file--clear:active .cover[data-v-7de21a3c],.file--clear:hover .cover[data-v-7de21a3c],.file--clear:focus .cover[data-v-7de21a3c],.folder--clear.active .cover[data-v-7de21a3c],.folder--clear:active .cover[data-v-7de21a3c],.folder--clear:hover .cover[data-v-7de21a3c],.folder--clear:focus .cover[data-v-7de21a3c]{opacity:.1}.fade-enter-active[data-v-7de21a3c],.fade-leave-active[data-v-7de21a3c]{transition:opacity var(--animation-quick) ease-in-out}.fade-enter[data-v-7de21a3c],.fade-leave-to[data-v-7de21a3c]{opacity:0}.folder-content[data-v-7de21a3c]{position:absolute;display:grid;width:100%;height:100%}.folder-content--grid-1[data-v-7de21a3c]{grid-template-columns:1fr;grid-template-rows:1fr}.folder-content--grid-2[data-v-7de21a3c]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.folder-content--grid-3[data-v-7de21a3c]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.folder-content--grid-3 img[data-v-7de21a3c]:first-child{grid-column:span 2}.folder-content--grid-4[data-v-7de21a3c]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.folder-content img[data-v-7de21a3c]{width:100%;height:100%;object-fit:cover}.folder-name[data-v-7de21a3c]{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-7de21a3c]{height:40%;margin-top:calc(30% - 1rem / 2);background-size:40%}.folder-name__name[data-v-7de21a3c]{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[data-v-7de21a3c]{border-radius:var(--border-radius-large)}.folder--clear .folder-name__icon[data-v-7de21a3c]{opacity:.3}.folder--clear .folder-name__name[data-v-7de21a3c]{color:var(--color-main-text);text-shadow:0 0 8px var(--color-main-background)}.folder:not(.folder--clear) .cover[data-v-7de21a3c]{opacity:.3}.folder:not(.folder--clear):active .folder-name[data-v-7de21a3c],.folder:not(.folder--clear):active .cover[data-v-7de21a3c],.folder:not(.folder--clear):hover .folder-name[data-v-7de21a3c],.folder:not(.folder--clear):hover .cover[data-v-7de21a3c],.folder:not(.folder--clear):focus .folder-name[data-v-7de21a3c],.folder:not(.folder--clear):focus .cover[data-v-7de21a3c]{opacity:0}","",{version:3,sources:["webpack://./src/mixins/FileFolder.scss","webpack://./src/components/FolderTagPreview.vue"],names:[],mappings:"AAsBA,gDAEC,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,kCAAA,CACA,eAAA,CAEA,8DACC,SAAA,CAMA,UAAA,CACA,mBAAA,CACA,qDAAA,CACA,SAAA,CACA,uCAAA,CAOA,4SACC,UAAA,CAQD,oWACC,UAAA,CAKH,wEACC,qDAAA,CAGD,6DACC,SAAA,CCyFD,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,CAgCd,yBACC,wCAAA,CAGC,mDACC,UAAA,CAED,mDACC,4BAAA,CACA,gDAAA,CAQD,oDACC,UAAA,CAQA,gXAEC,SAAA",sourcesContent:["/**\n * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @license AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n *\n */\n\n.file,\n.folder {\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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\tborder-radius: var(--border-radius-large);\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&: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:""}]);const c=o},6179:(n,t,e)=>{"use strict";e.d(t,{Z:()=>c});var i=e(87537),a=e.n(i),r=e(23645),o=e.n(r)()(a());o.push([n.id,":root{--photos-navigation-height: 64px;--photos-navigation-spacing: calc((var(--photos-navigation-height) - 44px) / 2)}button.app-navigation-toggle{top:0 !important;right:calc(var(--photos-navigation-height)*-1) !important;margin:var(--photos-navigation-spacing) !important}","",{version:3,sources:["webpack://./src/components/HeaderNavigation.vue"],names:[],mappings:"AAoLA,MACC,gCAAA,CAEA,+EAAA,CAID,6BAEC,gBAAA,CACA,yDAAA,CACA,kDAAA",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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n:root {\n\t--photos-navigation-height: 64px;\n\t// header height - button size\n\t--photos-navigation-spacing: calc((var(--photos-navigation-height) - 44px) / 2);\n}\n\n// Properly position the navigation toggle button\nbutton.app-navigation-toggle {\n\t// App-navigation have a 4px margin top\n\ttop: 0 !important;\n\tright: calc(var(--photos-navigation-height) * -1) !important;\n\tmargin: var(--photos-navigation-spacing) !important;\n}\n\n'],sourceRoot:""}]);const c=o},55620:(n,t,e)=>{"use strict";e.d(t,{Z:()=>c});var i=e(87537),a=e.n(i),r=e(23645),o=e.n(r)()(a());o.push([n.id,".photos-navigation[data-v-84bb06ac]{position:-webkit-sticky;position:sticky;z-index:20;top:0;display:flex;align-items:center;width:100%;min-height:var(--photos-navigation-height);padding:0 var(--photos-navigation-height);background:var(--color-main-background)}.photos-navigation__back[data-v-84bb06ac]{position:absolute !important;left:0;margin:var(--photos-navigation-spacing) !important}.photos-navigation__title[data-v-84bb06ac]{max-width:50%;margin-right:calc(2*var(--photos-navigation-spacing));display:flex;flex-direction:column}.photos-navigation__title__main[data-v-84bb06ac]{margin:0;cursor:pointer}.photos-navigation__title__main[data-v-84bb06ac],.photos-navigation__title__sub[data-v-84bb06ac]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.photos-navigation__loader[data-v-84bb06ac]{margin-left:32px}.photos-navigation__content-right[data-v-84bb06ac]{display:flex;align-items:center;justify-content:center;margin-left:auto}","",{version:3,sources:["webpack://./src/components/HeaderNavigation.vue"],names:[],mappings:"AAqMA,oCACC,uBAAA,CAAA,eAAA,CACA,UAAA,CACA,KAAA,CACA,YAAA,CACA,kBAAA,CACA,UAAA,CACA,0CAAA,CACA,yCAAA,CACA,uCAAA,CAEA,0CAEC,4BAAA,CACA,MAAA,CACA,kDAAA,CAGD,2CACC,aAAA,CACA,qDAAA,CACA,YAAA,CACA,qBAAA,CAEA,iDACC,QAAA,CACA,cAAA,CAGD,iGACC,eAAA,CACA,kBAAA,CACA,sBAAA,CAIF,4CACC,gBAAA,CAGD,mDACC,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,gBAAA",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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.photos-navigation {\n\tposition: sticky;\n\tz-index: 20;\n\ttop: 0;\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 100%;\n\tmin-height: var(--photos-navigation-height);\n\tpadding: 0 var(--photos-navigation-height);\n\tbackground: var(--color-main-background);\n\n\t&__back {\n\t\t// Above the navigation menu\n\t\tposition: absolute !important;\n\t\tleft: 0;\n\t\tmargin: var(--photos-navigation-spacing) !important;\n\t}\n\n\t&__title {\n\t\tmax-width: 50%;\n\t\tmargin-right: calc(2 * var(--photos-navigation-spacing));\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\t&__main {\n\t\t\tmargin: 0;\n\t\t\tcursor: pointer;\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-left: 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-left: auto;\n\t}\n}\n\n'],sourceRoot:""}]);const c=o},32352:(n,t,e)=>{"use strict";e.d(t,{Z:()=>c});var i=e(87537),a=e.n(i),r=e(23645),o=e.n(r)()(a());o.push([n.id,"@media(min-width: 0px)and (max-width: 400px){.grid-container[data-v-b2edbe92]{padding:0px 8px 256px 8px}}@media(min-width: 400px)and (max-width: 700px){.grid-container[data-v-b2edbe92]{padding:0px 8px 256px 8px}}@media(min-width: 700px)and (max-width: 1024px){.grid-container[data-v-b2edbe92]{padding:0px 44px 256px 44px}}@media(min-width: 1024px)and (max-width: 1280px){.grid-container[data-v-b2edbe92]{padding:0px 44px 256px 44px}}@media(min-width: 1280px)and (max-width: 1440px){.grid-container[data-v-b2edbe92]{padding:0px 66px 256px 66px}}@media(min-width: 1440px)and (max-width: 1600px){.grid-container[data-v-b2edbe92]{padding:0px 66px 256px 66px}}@media(min-width: 1600px)and (max-width: 2048px){.grid-container[data-v-b2edbe92]{padding:0px 66px 256px 66px}}@media(min-width: 2048px)and (max-width: 2560px){.grid-container[data-v-b2edbe92]{padding:0px 88px 256px 88px}}@media(min-width: 2560px)and (max-width: 3440px){.grid-container[data-v-b2edbe92]{padding:0px 88px 256px 88px}}@media(min-width: 3440px){.grid-container[data-v-b2edbe92]{padding:0px 88px 256px 88px}}","",{version:3,sources:["webpack://./src/mixins/GridSizes.scss","webpack://./src/views/Folders.vue"],names:[],mappings:"AAoCG,6CCwPH,iCAEE,yBAAA,CAAA,CD1PC,+CCwPH,iCAEE,yBAAA,CAAA,CD1PC,gDCwPH,iCAEE,2BAAA,CAAA,CD1PC,iDCwPH,iCAEE,2BAAA,CAAA,CD1PC,iDCwPH,iCAEE,2BAAA,CAAA,CD1PC,iDCwPH,iCAEE,2BAAA,CAAA,CD1PC,iDCwPH,iCAEE,2BAAA,CAAA,CD1PC,iDCwPH,iCAEE,2BAAA,CAAA,CD1PC,iDCwPH,iCAEE,2BAAA,CAAA,CD9PC,0BC4PH,iCAEE,2BAAA,CAAA",sourcesContent:["/**\n * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @license AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n *\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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}\n'],sourceRoot:""}]);const c=o},27248:(n,e,i)=>{"use strict";i.d(e,{Z:()=>x});var a=i(76240),r=i(33476);const o={name:"HeaderNavigation",components:{ArrowLeft:a.default,NcButton:r.NcButton,NcLoadingIcon:r.NcLoadingIcon},inheritAttrs:!1,props:{loading:{type:Boolean,default:!1},path:{type:String,default:"/"},title:{type:String,required:!0},rootTitle:{type:String,default:t("photos","Photos")},params:{type:Object,default:null}},computed:{isRoot:function(){var n="/"===this.path;return this.toggleNavigationButton(!n),n},name:function(){return this.isRoot?this.rootTitle:this.title},parentPath:function(){var n=this.path.split("/");n.pop();var t=n.join("/");return this.isRoot||""===t.trim()?"/":n.join("/")},parentName:function(){return this.parentPath&&this.parentPath.split("/").pop()},backToText:function(){return"/"===this.parentPath?t("photos","Back to {folder}",{folder:this.rootTitle}):t("photos","Back to {folder}",{folder:this.parentName})},to:function(){var n=/^\/?(.*)/i.exec(this.parentPath)[1],t=Object.assign({},this.$route,{params:this.params||{path:n}}),e=t.name,i=t.params;return""===n?{name:e}:decodeURIComponent(this.$router.resolve({name:e,params:i}).resolved.path)}},methods:{folderUp:function(){this.$router.push(this.to)},refresh:function(){this.$emit("refresh")},toggleNavigationButton:function(n){document.querySelector("button.app-navigation-toggle").style.display=n?"none":null}}};var c=i(93379),s=i.n(c),d=i(7795),l=i.n(d),A=i(90569),u=i.n(A),p=i(3565),f=i.n(p),m=i(19216),v=i.n(m),h=i(44589),g=i.n(h),C=i(6179),w={};w.styleTagTransform=g(),w.setAttributes=f(),w.insert=u().bind(null,"head"),w.domAPI=l(),w.insertStyleElement=v();s()(C.Z,w);C.Z&&C.Z.locals&&C.Z.locals;var b=i(55620),y={};y.styleTagTransform=g(),y.setAttributes=f(),y.insert=u().bind(null,"head"),y.domAPI=l(),y.insertStyleElement=v();s()(b.Z,y);b.Z&&b.Z.locals&&b.Z.locals;const x=(0,i(51900).Z)(o,(function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"photos-navigation",class:{"photos-navigation--root":n.isRoot},attrs:{role:"toolbar"}},[n.isRoot?n._e():e("NcButton",{staticClass:"photos-navigation__back",attrs:{type:"tertiary"},on:{click:n.folderUp},scopedSlots:n._u([{key:"icon",fn:function(){return[e("ArrowLeft",{attrs:{size:20}})]},proxy:!0}],null,!1,1821202730)}),n._v(" "),e("div",{staticClass:"photos-navigation__title"},[e("h2",{staticClass:"photos-navigation__title__main",on:{click:n.refresh}},[n._v("\n\t\t\t"+n._s(n.name)+"\n\t\t")]),n._v(" "),e("div",{staticClass:"photos-navigation__title__sub"}),n._v(" "),n._t("subtitle")],2),n._v(" "),n.$slots.default?e("div",{staticClass:"photos-navigation__content"},[n._t("default")],2):n._e(),n._v(" "),e("NcLoadingIcon",{directives:[{name:"show",rawName:"v-show",value:n.loading,expression:"loading"}],staticClass:"photos-navigation__loader"}),n._v(" "),e("div",{staticClass:"photos-navigation__content-right"},[n._t("right")],2)],1)}),[],!1,null,"84bb06ac",null).exports},88592:(n,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>Tn});var a=i(20629),r=i(52587),o=i(33476),c=i(29837),s=i(79753);function d(n,t,e,i,a,r,o){try{var c=n[r](o),s=c.value}catch(n){return void e(n)}c.done?t(s):Promise.resolve(s).then(i,a)}function l(n){return function(){var t=this,e=arguments;return new Promise((function(i,a){var r=n.apply(t,e);function o(n){d(r,i,a,o,c,"next",n)}function c(n){d(r,i,a,o,c,"throw",n)}o(void 0)}))}}const A={name:"FileLegacy",mixins:[i(81090).Z],inheritAttrs:!1,props:{item:{type:Object,required:!0}},data:function(){return{loaded:!1,error:!1}},computed:{ariaUuid:function(){return"image-".concat(this.item.injected.fileid)},ariaLabel:function(){return t("photos",'Open the full size "{name}" image',{name:this.item.injected.basename})},isImage:function(){return this.item.injected.mime.startsWith("image")},decodedEtag:function(){return this.item.injected.etag.replace(""","").replace(""","")},src:function(){return(0,s.generateUrl)("/core/preview?fileId=".concat(this.item.injected.fileid,"&c=").concat(this.decodedEtag,"&x=",250,"&y=",250,"&forceIcon=0&a=").concat(this.croppedLayout?"0":"1"))}},beforeDestroy:function(){this.$refs.src=""},methods:{openViewer:function(){var n=this;OCA.Viewer.open({path:this.item.injected.filename,list:this.item.injected.list,loadMore:this.item.injected.loadMore?l(regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,n.item.injected.loadMore(!0);case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}}),t)}))):function(){return[]},canLoop:this.item.injected.canLoop})},onLoad:function(){this.loaded=!0},onError:function(){this.error=!0}}};var u=i(93379),p=i.n(u),f=i(7795),m=i.n(f),v=i(90569),h=i.n(v),g=i(3565),C=i.n(g),w=i(19216),b=i.n(w),y=i(44589),x=i.n(y),T=i(7243),_={};_.styleTagTransform=x(),_.setAttributes=C(),_.insert=h().bind(null,"head"),_.domAPI=m(),_.insertStyleElement=b();p()(T.Z,_);T.Z&&T.Z.locals&&T.Z.locals;var k=i(51900);const B=(0,k.Z)(A,(function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("a",{staticClass:"file",class:{"file--cropped":n.croppedLayout},attrs:{href:n.item.injected.source,"aria-label":n.ariaLabel},on:{click:function(t){return t.preventDefault(),n.openViewer.apply(null,arguments)}}},[n.item.injected.mime.includes("video")&&n.item.injected.hasPreview?e("div",{staticClass:"icon-video-white"}):n._e(),n._v(" "),e("transition-group",{staticClass:"transition-group",attrs:{name:"fade"}},[n.error?n._e():e("img",{key:n.item.injected.basename+"-img",ref:"img",attrs:{src:n.src,alt:n.item.injected.basename,"aria-describedby":n.ariaUuid},on:{load:n.onLoad,error:n.onError}}),n._v(" "),!n.loaded||n.error?e("svg",{key:n.item.injected.basename+"-svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"url(#placeholder__gradient)"}},[n.isImage?e("use",{attrs:{href:"#placeholder--img"}}):e("use",{attrs:{href:"#placeholder--video"}})]):n._e()]),n._v(" "),e("p",{staticClass:"hidden-visually",attrs:{id:n.ariaUuid}},[n._v(n._s(n.item.injected.basename))]),n._v(" "),e("div",{staticClass:"cover",attrs:{role:"none"}})],1)}),[],!1,null,"ad6a5a50",null).exports;const W={name:"FolderTagPreview",props:{icon:{type:String,default:"icon-folder"},id:{type:[Number,String],required:!0},name:{type:String,required:!0},path:{type:String,default:""},fileList:{type:Array,default:function(){return[]}},to:{type:Object,default:null}},data:function(){return{loaded:!1,failed:[]}},computed:{isEmpty:function(){return 0===this.previewList.length},ariaUuid:function(){return"folder-".concat(this.id)},ariaLabel:function(){return t("photos",'Open the "{name}" sub-directory',{name:this.name})},previewList:function(){var n=this;return this.fileList.filter((function(t){return-1===n.failed.indexOf(t.fileid)}))},toLink:function(){if(this.to)return this.to;var n=/^\/?(.+)/i.exec(this.path)[1];return Object.assign({},this.$route,{params:{path:n.split("/")}})}},methods:{generateImgSrc:function(n){var t=n.fileid,e=n.etag;return(0,s.generateUrl)("/core/preview?fileId=".concat(t,"&c=").concat(e,"&x=",250,"&y=",250,"&forceIcon=0&a=0"))},onPreviewFail:function(n){var t=n.fileid;this.failed.push(t)}}},P=W;var E=i(36263),D={};D.styleTagTransform=x(),D.setAttributes=C(),D.insert=h().bind(null,"head"),D.domAPI=m(),D.insertStyleElement=b();p()(E.Z,D);E.Z&&E.Z.locals&&E.Z.locals;const j=(0,k.Z)(P,(function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("router-link",{staticClass:"folder",class:{"folder--clear":n.isEmpty},attrs:{to:n.toLink,"aria-label":n.ariaLabel}},[e("transition",{attrs:{name:"fade"}},[e("div",{directives:[{name:"show",rawName:"v-show",value:n.loaded,expression:"loaded"}],staticClass:"folder-content",class:"folder-content--grid-"+n.previewList.length,attrs:{role:"none"}},n._l(n.previewList,(function(t){return e("img",{key:t.fileid,attrs:{src:n.generateImgSrc(t),alt:""},on:{load:function(t){n.loaded=!0},error:function(e){return n.onPreviewFail(t)}}})})),0)]),n._v(" "),e("div",{staticClass:"folder-name"},[e("span",{staticClass:"folder-name__icon",class:[n.isEmpty?"icon-dark":"icon-white",n.icon],attrs:{role:"img"}}),n._v(" "),e("p",{staticClass:"folder-name__name",attrs:{id:n.ariaUuid}},[n._v("\n\t\t\t"+n._s(n.name)+"\n\t\t")])]),n._v(" "),e("div",{staticClass:"cover",attrs:{role:"none"}})],1)}),[],!1,null,"7de21a3c",null).exports;var S=i(26937),F=i(94236),O=i(3301);function L(n,t){var e="undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(!e){if(Array.isArray(n)||(e=function(n,t){if(!n)return;if("string"==typeof n)return U(n,t);var e=Object.prototype.toString.call(n).slice(8,-1);"Object"===e&&n.constructor&&(e=n.constructor.name);if("Map"===e||"Set"===e)return Array.from(n);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return U(n,t)}(n))||t&&n&&"number"==typeof n.length){e&&(n=e);var i=0,a=function(){};return{s:a,n:function(){return i>=n.length?{done:!0}:{done:!1,value:n[i++]}},e:function(n){throw n},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,c=!1;return{s:function(){e=e.call(n)},n:function(){var n=e.next();return o=n.done,n},e:function(n){c=!0,r=n},f:function(){try{o||null==e.return||e.return()}finally{if(c)throw r}}}}function U(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,i=new Array(t);e<t;e++)i[e]=n[e];return i}function $(n,t,e,i,a,r,o){try{var c=n[r](o),s=c.value}catch(n){return void e(n)}c.done?t(s):Promise.resolve(s).then(i,a)}function z(n){return function(){var t=this,e=arguments;return new Promise((function(i,a){var r=n.apply(t,e);function o(n){$(r,i,a,o,c,"next",n)}function c(n){$(r,i,a,o,c,"throw",n)}o(void 0)}))}}function I(){return R.apply(this,arguments)}function R(){return R=z(regeneratorRuntime.mark((function n(){var t,e,i,a,r,o,c,d,l,A,u,p=arguments;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t=p.length>0&&void 0!==p[0]?p[0]:"/",e=p.length>1&&void 0!==p[1]?p[1]:{},i=(0,s.generateUrl)("/apps/photos/api/v1/".concat(e.shared?"shared":"albums")),n.next=5,S.Z.get(i+(0,F.Px)(t),e);case 5:a=n.sent,r=a.data.map((function(n){return(0,F.AX)(n)})),o={},c=[],d=[],l=L(r);try{for(l.s();!(A=l.n()).done;)(u=A.value).filename===t?o=u:"file"!==u.type?c.push(u):O.ZP.indexOf(u.mime)>-1&&d.push(u)}catch(n){l.e(n)}finally{l.f()}return n.abrupt("return",{folder:o,folders:c,files:d});case 13:case"end":return n.stop()}}),n)}))),R.apply(this,arguments)}var N=i(69363),Z=i(25108);function q(n,t,e,i,a,r,o){try{var c=n[r](o),s=c.value}catch(n){return void e(n)}c.done?t(s):Promise.resolve(s).then(i,a)}function G(n){return function(){var t=this,e=arguments;return new Promise((function(i,a){var r=n.apply(t,e);function o(n){q(r,i,a,o,c,"next",n)}function c(n){q(r,i,a,o,c,"throw",n)}o(void 0)}))}}function Y(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,i)}return e}function M(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(e),!0).forEach((function(t){H(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):Y(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}function H(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}const J={name:"Folder",components:{FolderTagPreview:j},mixins:[N.Z],inheritAttrs:!1,props:{item:{type:Object,required:!0}},data:function(){return{previewFolder:this.item.injected.fileid}},computed:M(M({},(0,a.Se)(["files","folders"])),{},{folderContent:function(){return this.folders[this.item.injected.fileid]},previewFiles:function(){var n=this,t=this.folders[this.previewFolder],e=t?t.map((function(t){return n.files[t]})).slice(0,4):[];if(0===e.length&&this.files[this.previewFolder].folders&&this.previewFolder===this.item.injected.fileid){var i=this.files[this.previewFolder].folders[0];this.updatePreviewFolder(i),this.folders[this.previewFolder]||this.getFolderData(this.files[this.previewFolder].filename)}return e}}),created:function(){var n=this;return G(regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(n.folderContent){t.next=3;break}return t.next=3,n.getFolderData(n.item.injected.filename);case 3:case"end":return t.stop()}}),t)})))()},methods:{getFolderData:function(n){var t=this;return G(regeneratorRuntime.mark((function e(){var i,a,r,o;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,I(n,{shared:t.item.injected.showShared,signal:t.abortController.signal});case 3:i=e.sent,a=i.folder,r=i.folders,o=i.files,t.$store.dispatch("updateFolders",{fileid:a.fileid,files:o,folders:r}),t.$store.dispatch("updateFiles",{folder:a,files:o,folders:r}),e.next=14;break;case 11:e.prev=11,e.t0=e.catch(0),e.t0.response&&e.t0.response.status&&Z.error("Failed to get folder content",n,e.t0.response);case 14:case"end":return e.stop()}}),e,null,[[0,11]])})))()},updatePreviewFolder:function(n){this.previewFolder=n}}};var Q=i(66357),V={};V.styleTagTransform=x(),V.setAttributes=C(),V.insert=h().bind(null,"head"),V.domAPI=m(),V.insertStyleElement=b();p()(Q.Z,V);Q.Z&&Q.Z.locals&&Q.Z.locals;const K=(0,k.Z)(J,(function(){var n=this,t=n.$createElement;return(n._self._c||t)("FolderTagPreview",{attrs:{id:n.item.injected.fileid,name:n.item.injected.basename,path:n.item.injected.filename,"file-list":n.previewFiles}})}),[],!1,null,"7eae8d82",null).exports;var X=i(27248),nn=i(81067),tn=i(20144),en=i(16897);const an=new tn.ZP({data:function(){return{gridConfig:en.sizes.max}},watch:{gridConfig:function(n){this.$emit("changed",n)}},created:function(){window.addEventListener("resize",this.handleWindowResize),this.handleWindowResize()},beforeDestroy:function(){window.removeEventListener("resize",this.handleWindowResize)},methods:{handleWindowResize:function(){var n=Object.keys(en.sizes).find((function(n){return n>document.documentElement.clientWidth}));this.gridConfig=en.sizes[n]||en.sizes.max}}});var rn=i(25108);const on={data:function(){return{gridConfig:{}}},created:function(){var n=this;an.$on("changed",(function(t){n.gridConfig=t})),rn.debug("[".concat("photos","]"),"Grid config",Object.assign({},an.gridConfig)),this.gridConfig=an.gridConfig},beforeDestroy:function(){an.$off("changed",this.gridConfig)}};var cn=i(2161);function sn(n,t,e,i,a,r,o){try{var c=n[r](o),s=c.value}catch(n){return void e(n)}c.done?t(s):Promise.resolve(s).then(i,a)}function dn(n){return function(){var t=this,e=arguments;return new Promise((function(i,a){var r=n.apply(t,e);function o(n){sn(r,i,a,o,c,"next",n)}function c(n){sn(r,i,a,o,c,"throw",n)}o(void 0)}))}}function ln(n){return An.apply(this,arguments)}function An(){return(An=dn(regeneratorRuntime.mark((function n(t){var e,i;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return e="/"===t?"":t,n.next=3,nn.ZP.stat(nn.oO+e,{data:cn.Z,details:!0});case 3:return i=n.sent,n.abrupt("return",(0,F.AX)(i.data));case 5:case"end":return n.stop()}}),n)})))).apply(this,arguments)}var un=i(25108);function pn(n,t,e,i,a,r,o){try{var c=n[r](o),s=c.value}catch(n){return void e(n)}c.done?t(s):Promise.resolve(s).then(i,a)}function fn(n){return function(){var t=this,e=arguments;return new Promise((function(i,a){var r=n.apply(t,e);function o(n){pn(r,i,a,o,c,"next",n)}function c(n){pn(r,i,a,o,c,"throw",n)}o(void 0)}))}}function mn(n){return function(n){if(Array.isArray(n))return vn(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||function(n,t){if(!n)return;if("string"==typeof n)return vn(n,t);var e=Object.prototype.toString.call(n).slice(8,-1);"Object"===e&&n.constructor&&(e=n.constructor.name);if("Map"===e||"Set"===e)return Array.from(n);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return vn(n,t)}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function vn(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,i=new Array(t);e<t;e++)i[e]=n[e];return i}function hn(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,i)}return e}function gn(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?hn(Object(e),!0).forEach((function(t){Cn(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):hn(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}function Cn(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}const wn={name:"Folders",components:{VirtualGrid:c.Z,HeaderNavigation:X.Z,NcEmptyContent:o.NcEmptyContent,UploadPicker:r.e},mixins:[N.Z,on],props:{rootTitle:{type:String,required:!0},path:{type:String,default:"/"},showShared:{type:Boolean,default:!1}},data:function(){return{error:null,allowedMimes:O.ZP,initializing:!0,loading:!1}},computed:gn(gn({},(0,a.Se)(["files","folders"])),{},{folderId:function(){return this.$store.getters.folderId(this.path)},folder:function(){return this.files[this.folderId]},folderContent:function(){return this.folders[this.folderId]},fileList:function(){var n=this;return this.folderContent&&this.folderContent.map((function(t){return n.files[t]})).filter((function(n){return!!n}))},subFolders:function(){return this.folderId&&this.files[this.folderId]&&this.files[this.folderId].folders},folderList:function(){var n=this;return this.subFolders&&this.subFolders.map((function(t){return n.files[t]})).filter((function(n){return!!n}))},contentList:function(){var n,t,e=this,i=null===(n=this.folderList)||void 0===n?void 0:n.map((function(n){return{id:"folder-".concat(n.fileid),injected:gn(gn({},n),{},{showShared:e.showShared}),width:256,height:256,columnSpan:1,renderComponent:K}})),a=null===(t=this.fileList)||void 0===t?void 0:t.map((function(n){return{id:"file-".concat(n.fileid),injected:gn(gn({},n),{},{list:e.fileList}),width:256,height:256,columnSpan:1,renderComponent:B}}));return[].concat(mn(i||[]),mn(a||[]))},isEmpty:function(){return!this.haveFiles&&!this.haveFolders},haveFiles:function(){return!!this.fileList&&0!==this.fileList.length},haveFolders:function(){return!!this.folderList&&0!==this.folderList.length}}),watch:{path:function(){this.fetchFolderContent()},showShared:function(){this.fetchFolderContent()}},beforeMount:function(){this.fetchFolderContent()},methods:{onRefresh:function(){this.fetchFolderContent()},fetchFolderContent:function(){var n=this;return fn(regeneratorRuntime.mark((function t(){var e,i,a,r,o,c,s,d,l,A,u;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n.error=null,n.loading=!0,null===(e=OCA)||void 0===e||null===(i=e.Viewer)||void 0===i||null===(a=i.close)||void 0===a||a.call(i),null===(r=OCA)||void 0===r||null===(o=r.Files)||void 0===o||null===(c=o.Sidebar)||void 0===c||null===(s=c.close)||void 0===s||s.call(c),n.files[n.folderId]&&n.folders[n.folderId]||(n.initializing=!0),t.prev=5,t.next=8,I(n.path,{shared:n.showShared,signal:n.abortController.signal});case 8:d=t.sent,l=d.folder,A=d.folders,u=d.files,n.$store.dispatch("addPath",{path:n.path,fileid:l.fileid}),n.$store.dispatch("updateFolders",{fileid:l.fileid,files:u,folders:A}),n.$store.dispatch("updateFiles",{folder:l,files:u,folders:A}),t.next=21;break;case 17:t.prev=17,t.t0=t.catch(5),t.t0.response&&t.t0.response.status&&(404===t.t0.response.status?(n.error=404,setTimeout((function(){n.$router.push({name:n.$route.name})}),3e3)):n.error=t.t0),un.error("Error fetching album data",t.t0);case 21:return t.prev=21,n.loading=!1,n.initializing=!1,t.finish(21);case 25:case"end":return t.stop()}}),t,null,[[5,17,21,25]])})))()},onUpload:function(n){var t=this;n.forEach(function(){var n=fn(regeneratorRuntime.mark((function n(e){var i,a;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return i=e.path.split(nn.oO).pop(),n.next=3,ln(i);case 3:a=n.sent,t.$store.dispatch("appendFiles",[a]),t.$store.dispatch("addFilesToFolder",{fileid:t.folderId,files:[a]});case 6:case"end":return n.stop()}}),n)})));return function(t){return n.apply(this,arguments)}}())}}},bn=wn;var yn=i(32352),xn={};xn.styleTagTransform=x(),xn.setAttributes=C(),xn.insert=h().bind(null,"head"),xn.domAPI=m(),xn.insertStyleElement=b();p()(yn.Z,xn);yn.Z&&yn.Z.locals&&yn.Z.locals;const Tn=(0,k.Z)(bn,(function(){var n=this,t=n.$createElement,e=n._self._c||t;return 404===n.error?e("NcEmptyContent",{attrs:{"illustration-name":"folder"}},[n._v("\n\t"+n._s(n.t("photos","This folder does not exist"))+"\n")]):n.error?e("NcEmptyContent",[n._v("\n\t"+n._s(n.t("photos","An error occurred"))+"\n")]):n.initializing?e("NcEmptyContent",{attrs:{icon:"icon-loading"}},[n._v("\n\t"+n._s(n.t("photos","Loading folders …"))+"\n")]):n.initializing?n._e():e("div",[e("HeaderNavigation",{key:"navigation",attrs:{loading:n.loading,path:n.folder.filename,title:n.folder.basename,"root-title":n.rootTitle},on:{refresh:n.onRefresh}},[e("UploadPicker",{attrs:{accept:n.allowedMimes,destination:n.folder.filename,multiple:!0},on:{uploaded:n.onUpload}})],1),n._v(" "),n.isEmpty?e("NcEmptyContent",{key:"emptycontent",attrs:{"illustration-name":"empty"}},[n._v("\n\t\t"+n._s(n.t("photos","No photos in here"))+"\n\t")]):e("div",{staticClass:"grid-container"},[e("VirtualGrid",{ref:"virtualgrid",attrs:{items:n.contentList,"get-column-count":function(){return n.gridConfig.count},"get-grid-gap":function(){return n.gridConfig.gap}}})],1)],1)}),[],!1,null,"b2edbe92",null).exports},80950:()=>{},46601:()=>{},89214:()=>{},96419:()=>{},56353:()=>{},8623:()=>{},7748:()=>{},85568:()=>{},69386:()=>{},31616:()=>{},56619:()=>{},77108:()=>{}}]); -//# sourceMappingURL=photos-src_views_Folders_vue.js.map?v=3ed687ce9ae65895b870
\ No newline at end of file +(self.webpackChunkphotos=self.webpackChunkphotos||[]).push([["src_views_Folders_vue"],{16897:n=>{n.exports={sizes:{400:{marginTop:66,marginW:8,count:3,gap:8},700:{marginTop:66,marginW:8,count:4,gap:8},1024:{marginTop:66,marginW:44,count:5,gap:8},1280:{marginTop:66,marginW:44,count:4,gap:8},1440:{marginTop:88,marginW:66,count:5,gap:8},1600:{marginTop:88,marginW:66,count:6,gap:8},2048:{marginTop:88,marginW:66,count:7,gap:8},2560:{marginTop:88,marginW:88,count:8,gap:8},3440:{marginTop:88,marginW:88,count:9,gap:8},max:{marginTop:88,marginW:88,count:10,gap:8}}}},69363:(n,t,e)=>{"use strict";e.d(t,{Z:()=>a});const a={name:"AbortControllerMixin",data:function(){return{abortController:new AbortController}},beforeDestroy:function(){this.abortController.abort()},beforeRouteLeave:function(n,t,e){this.abortController.abort(),this.abortController=new AbortController,e()}}},81090:(n,t,e)=>{"use strict";e.d(t,{Z:()=>c});var a=e(78595),i=e(79753),r=e(79954),o=e(26937),s="photos:user-config-changed";const c={data:function(){var n=localStorage.getItem("photos:croppedLayout");return{croppedLayout:null!==n?"true"===n:"true"===(0,r.j)("photos","croppedLayout","false"),photosLocation:(0,r.j)("photos","photosLocation","")}},created:function(){(0,a.Ld)(s,this.updateLocalSetting)},beforeDestroy:function(){(0,a.r1)(s,this.updateLocalSetting)},methods:{updateLocalSetting:function(n){var t=n.setting,e=n.value;this[t]=e},updateSetting:function(n){var t=this[n];o.Z.put((0,i.generateUrl)("apps/photos/api/v1/config/"+n),{value:t.toString()}),localStorage.setItem("photos:"+n,t),(0,a.j8)(s,{setting:n,value:t})}}}},7243:(n,t,e)=>{"use strict";e.d(t,{Z:()=>s});var a=e(87537),i=e.n(a),r=e(23645),o=e.n(r)()(i());o.push([n.id,".file[data-v-ad6a5a50],.folder[data-v-ad6a5a50]{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-ad6a5a50],.folder .cover[data-v-ad6a5a50]{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-ad6a5a50],.file:active .cover[data-v-ad6a5a50],.file:hover .cover[data-v-ad6a5a50],.file:focus .cover[data-v-ad6a5a50],.folder.active .cover[data-v-ad6a5a50],.folder:active .cover[data-v-ad6a5a50],.folder:hover .cover[data-v-ad6a5a50],.folder:focus .cover[data-v-ad6a5a50]{opacity:.3}.file--clear.active .cover[data-v-ad6a5a50],.file--clear:active .cover[data-v-ad6a5a50],.file--clear:hover .cover[data-v-ad6a5a50],.file--clear:focus .cover[data-v-ad6a5a50],.folder--clear.active .cover[data-v-ad6a5a50],.folder--clear:active .cover[data-v-ad6a5a50],.folder--clear:hover .cover[data-v-ad6a5a50],.folder--clear:focus .cover[data-v-ad6a5a50]{opacity:.1}.fade-enter-active[data-v-ad6a5a50],.fade-leave-active[data-v-ad6a5a50]{transition:opacity var(--animation-quick) ease-in-out}.fade-enter[data-v-ad6a5a50],.fade-leave-to[data-v-ad6a5a50]{opacity:0}.transition-group[data-v-ad6a5a50]{display:contents}.icon-video-white[data-v-ad6a5a50]{position:absolute;top:10px;right:10px;z-index:20}img[data-v-ad6a5a50]{position:absolute;width:100%;height:100%;z-index:10;color:rgba(0,0,0,0);object-fit:contain}.file--cropped img[data-v-ad6a5a50]{object-fit:cover}svg[data-v-ad6a5a50]{position:absolute;width:70%;height:70%}","",{version:3,sources:["webpack://./src/mixins/FileFolder.scss","webpack://./src/components/FileLegacy.vue"],names:[],mappings:"AAsBA,gDAEC,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,kCAAA,CACA,eAAA,CAEA,8DACC,SAAA,CAMA,UAAA,CACA,mBAAA,CACA,qDAAA,CACA,SAAA,CACA,uCAAA,CAOA,4SACC,UAAA,CAQD,oWACC,UAAA,CAKH,wEACC,qDAAA,CAGD,6DACC,SAAA,CC6DD,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 * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @license AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n *\n */\n\n.file,\n.folder {\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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:""}]);const s=o},66357:(n,t,e)=>{"use strict";e.d(t,{Z:()=>s});var a=e(87537),i=e.n(a),r=e(23645),o=e.n(r)()(i());o.push([n.id,".file[data-v-7eae8d82],.folder[data-v-7eae8d82]{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-7eae8d82],.folder .cover[data-v-7eae8d82]{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-7eae8d82],.file:active .cover[data-v-7eae8d82],.file:hover .cover[data-v-7eae8d82],.file:focus .cover[data-v-7eae8d82],.folder.active .cover[data-v-7eae8d82],.folder:active .cover[data-v-7eae8d82],.folder:hover .cover[data-v-7eae8d82],.folder:focus .cover[data-v-7eae8d82]{opacity:.3}.file--clear.active .cover[data-v-7eae8d82],.file--clear:active .cover[data-v-7eae8d82],.file--clear:hover .cover[data-v-7eae8d82],.file--clear:focus .cover[data-v-7eae8d82],.folder--clear.active .cover[data-v-7eae8d82],.folder--clear:active .cover[data-v-7eae8d82],.folder--clear:hover .cover[data-v-7eae8d82],.folder--clear:focus .cover[data-v-7eae8d82]{opacity:.1}.fade-enter-active[data-v-7eae8d82],.fade-leave-active[data-v-7eae8d82]{transition:opacity var(--animation-quick) ease-in-out}.fade-enter[data-v-7eae8d82],.fade-leave-to[data-v-7eae8d82]{opacity:0}.folder-content[data-v-7eae8d82]{position:absolute;display:grid;width:100%;height:100%}.folder-content--grid-1[data-v-7eae8d82]{grid-template-columns:1fr;grid-template-rows:1fr}.folder-content--grid-2[data-v-7eae8d82]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.folder-content--grid-3[data-v-7eae8d82]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.folder-content--grid-3 img[data-v-7eae8d82]:first-child{grid-column:span 2}.folder-content--grid-4[data-v-7eae8d82]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.folder-content img[data-v-7eae8d82]{width:100%;height:100%;object-fit:cover}.folder-name[data-v-7eae8d82]{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-7eae8d82]{height:40%;margin-top:calc(30% - 1rem / 2);background-size:40%}.folder-name__name[data-v-7eae8d82]{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-7eae8d82]{opacity:.3}.folder--clear .folder-name__name[data-v-7eae8d82]{color:var(--color-main-text);text-shadow:0 0 8px var(--color-main-background)}.folder:not(.folder--clear) .cover[data-v-7eae8d82]{opacity:.3}.folder:not(.folder--clear).active .folder-name[data-v-7eae8d82],.folder:not(.folder--clear).active .cover[data-v-7eae8d82],.folder:not(.folder--clear):active .folder-name[data-v-7eae8d82],.folder:not(.folder--clear):active .cover[data-v-7eae8d82],.folder:not(.folder--clear):hover .folder-name[data-v-7eae8d82],.folder:not(.folder--clear):hover .cover[data-v-7eae8d82],.folder:not(.folder--clear):focus .folder-name[data-v-7eae8d82],.folder:not(.folder--clear):focus .cover[data-v-7eae8d82]{opacity:0}","",{version:3,sources:["webpack://./src/mixins/FileFolder.scss","webpack://./src/components/Folder.vue"],names:[],mappings:"AAsBA,gDAEC,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,kCAAA,CACA,eAAA,CAEA,8DACC,SAAA,CAMA,UAAA,CACA,mBAAA,CACA,qDAAA,CACA,SAAA,CACA,uCAAA,CAOA,4SACC,UAAA,CAQD,oWACC,UAAA,CAKH,wEACC,qDAAA,CAGD,6DACC,SAAA,CCgED,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 * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @license AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n *\n */\n\n.file,\n.folder {\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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:""}]);const s=o},36263:(n,t,e)=>{"use strict";e.d(t,{Z:()=>s});var a=e(87537),i=e.n(a),r=e(23645),o=e.n(r)()(i());o.push([n.id,".file[data-v-7de21a3c],.folder[data-v-7de21a3c]{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-7de21a3c],.folder .cover[data-v-7de21a3c]{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-7de21a3c],.file:active .cover[data-v-7de21a3c],.file:hover .cover[data-v-7de21a3c],.file:focus .cover[data-v-7de21a3c],.folder.active .cover[data-v-7de21a3c],.folder:active .cover[data-v-7de21a3c],.folder:hover .cover[data-v-7de21a3c],.folder:focus .cover[data-v-7de21a3c]{opacity:.3}.file--clear.active .cover[data-v-7de21a3c],.file--clear:active .cover[data-v-7de21a3c],.file--clear:hover .cover[data-v-7de21a3c],.file--clear:focus .cover[data-v-7de21a3c],.folder--clear.active .cover[data-v-7de21a3c],.folder--clear:active .cover[data-v-7de21a3c],.folder--clear:hover .cover[data-v-7de21a3c],.folder--clear:focus .cover[data-v-7de21a3c]{opacity:.1}.fade-enter-active[data-v-7de21a3c],.fade-leave-active[data-v-7de21a3c]{transition:opacity var(--animation-quick) ease-in-out}.fade-enter[data-v-7de21a3c],.fade-leave-to[data-v-7de21a3c]{opacity:0}.folder-content[data-v-7de21a3c]{position:absolute;display:grid;width:100%;height:100%}.folder-content--grid-1[data-v-7de21a3c]{grid-template-columns:1fr;grid-template-rows:1fr}.folder-content--grid-2[data-v-7de21a3c]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.folder-content--grid-3[data-v-7de21a3c]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.folder-content--grid-3 img[data-v-7de21a3c]:first-child{grid-column:span 2}.folder-content--grid-4[data-v-7de21a3c]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.folder-content img[data-v-7de21a3c]{width:100%;height:100%;object-fit:cover}.folder-name[data-v-7de21a3c]{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-7de21a3c]{height:40%;margin-top:calc(30% - 1rem / 2);background-size:40%}.folder-name__name[data-v-7de21a3c]{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[data-v-7de21a3c]{border-radius:var(--border-radius-large)}.folder--clear .folder-name__icon[data-v-7de21a3c]{opacity:.3}.folder--clear .folder-name__name[data-v-7de21a3c]{color:var(--color-main-text);text-shadow:0 0 8px var(--color-main-background)}.folder:not(.folder--clear) .cover[data-v-7de21a3c]{opacity:.3}.folder:not(.folder--clear):active .folder-name[data-v-7de21a3c],.folder:not(.folder--clear):active .cover[data-v-7de21a3c],.folder:not(.folder--clear):hover .folder-name[data-v-7de21a3c],.folder:not(.folder--clear):hover .cover[data-v-7de21a3c],.folder:not(.folder--clear):focus .folder-name[data-v-7de21a3c],.folder:not(.folder--clear):focus .cover[data-v-7de21a3c]{opacity:0}","",{version:3,sources:["webpack://./src/mixins/FileFolder.scss","webpack://./src/components/FolderTagPreview.vue"],names:[],mappings:"AAsBA,gDAEC,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,wBAAA,CAAA,gBAAA,CACA,kCAAA,CACA,eAAA,CAEA,8DACC,SAAA,CAMA,UAAA,CACA,mBAAA,CACA,qDAAA,CACA,SAAA,CACA,uCAAA,CAOA,4SACC,UAAA,CAQD,oWACC,UAAA,CAKH,wEACC,qDAAA,CAGD,6DACC,SAAA,CCyFD,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,CAgCd,yBACC,wCAAA,CAGC,mDACC,UAAA,CAED,mDACC,4BAAA,CACA,gDAAA,CAQD,oDACC,UAAA,CAQA,gXAEC,SAAA",sourcesContent:["/**\n * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @license AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n *\n */\n\n.file,\n.folder {\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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\tborder-radius: var(--border-radius-large);\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&: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:""}]);const s=o},6179:(n,t,e)=>{"use strict";e.d(t,{Z:()=>s});var a=e(87537),i=e.n(a),r=e(23645),o=e.n(r)()(i());o.push([n.id,":root{--photos-navigation-height: 64px;--photos-navigation-spacing: calc((var(--photos-navigation-height) - 44px) / 2)}button.app-navigation-toggle{top:0 !important;right:calc(var(--photos-navigation-height)*-1) !important;margin:var(--photos-navigation-spacing) !important}","",{version:3,sources:["webpack://./src/components/HeaderNavigation.vue"],names:[],mappings:"AAsLA,MACC,gCAAA,CAEA,+EAAA,CAID,6BAEC,gBAAA,CACA,yDAAA,CACA,kDAAA",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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n:root {\n\t--photos-navigation-height: 64px;\n\t// header height - button size\n\t--photos-navigation-spacing: calc((var(--photos-navigation-height) - 44px) / 2);\n}\n\n// Properly position the navigation toggle button\nbutton.app-navigation-toggle {\n\t// App-navigation have a 4px margin top\n\ttop: 0 !important;\n\tright: calc(var(--photos-navigation-height) * -1) !important;\n\tmargin: var(--photos-navigation-spacing) !important;\n}\n\n'],sourceRoot:""}]);const s=o},29043:(n,t,e)=>{"use strict";e.d(t,{Z:()=>s});var a=e(87537),i=e.n(a),r=e(23645),o=e.n(r)()(i());o.push([n.id,".photos-navigation[data-v-809e621a]{position:-webkit-sticky;position:sticky;z-index:20;top:0;display:flex;align-items:center;width:100%;min-height:var(--photos-navigation-height);padding:0 var(--photos-navigation-height);background:var(--color-main-background)}.photos-navigation__back[data-v-809e621a]{position:absolute !important;left:0;margin:var(--photos-navigation-spacing) !important}.photos-navigation__title[data-v-809e621a]{max-width:50%;margin-right:calc(2*var(--photos-navigation-spacing));display:flex;flex-direction:column}.photos-navigation__title__main[data-v-809e621a]{margin:0;cursor:pointer}.photos-navigation__title__main[data-v-809e621a],.photos-navigation__title__sub[data-v-809e621a]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.photos-navigation__loader[data-v-809e621a]{margin-left:32px}.photos-navigation__content-right[data-v-809e621a]{display:flex;align-items:center;justify-content:center;margin-left:auto}","",{version:3,sources:["webpack://./src/components/HeaderNavigation.vue"],names:[],mappings:"AAuMA,oCACC,uBAAA,CAAA,eAAA,CACA,UAAA,CACA,KAAA,CACA,YAAA,CACA,kBAAA,CACA,UAAA,CACA,0CAAA,CACA,yCAAA,CACA,uCAAA,CAEA,0CAEC,4BAAA,CACA,MAAA,CACA,kDAAA,CAGD,2CACC,aAAA,CACA,qDAAA,CACA,YAAA,CACA,qBAAA,CAEA,iDACC,QAAA,CACA,cAAA,CAGD,iGACC,eAAA,CACA,kBAAA,CACA,sBAAA,CAIF,4CACC,gBAAA,CAGD,mDACC,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,gBAAA",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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.photos-navigation {\n\tposition: sticky;\n\tz-index: 20;\n\ttop: 0;\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 100%;\n\tmin-height: var(--photos-navigation-height);\n\tpadding: 0 var(--photos-navigation-height);\n\tbackground: var(--color-main-background);\n\n\t&__back {\n\t\t// Above the navigation menu\n\t\tposition: absolute !important;\n\t\tleft: 0;\n\t\tmargin: var(--photos-navigation-spacing) !important;\n\t}\n\n\t&__title {\n\t\tmax-width: 50%;\n\t\tmargin-right: calc(2 * var(--photos-navigation-spacing));\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\t&__main {\n\t\t\tmargin: 0;\n\t\t\tcursor: pointer;\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-left: 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-left: auto;\n\t}\n}\n\n'],sourceRoot:""}]);const s=o},32352:(n,t,e)=>{"use strict";e.d(t,{Z:()=>s});var a=e(87537),i=e.n(a),r=e(23645),o=e.n(r)()(i());o.push([n.id,"@media(min-width: 0px)and (max-width: 400px){.grid-container[data-v-b2edbe92]{padding:0px 8px 256px 8px}}@media(min-width: 400px)and (max-width: 700px){.grid-container[data-v-b2edbe92]{padding:0px 8px 256px 8px}}@media(min-width: 700px)and (max-width: 1024px){.grid-container[data-v-b2edbe92]{padding:0px 44px 256px 44px}}@media(min-width: 1024px)and (max-width: 1280px){.grid-container[data-v-b2edbe92]{padding:0px 44px 256px 44px}}@media(min-width: 1280px)and (max-width: 1440px){.grid-container[data-v-b2edbe92]{padding:0px 66px 256px 66px}}@media(min-width: 1440px)and (max-width: 1600px){.grid-container[data-v-b2edbe92]{padding:0px 66px 256px 66px}}@media(min-width: 1600px)and (max-width: 2048px){.grid-container[data-v-b2edbe92]{padding:0px 66px 256px 66px}}@media(min-width: 2048px)and (max-width: 2560px){.grid-container[data-v-b2edbe92]{padding:0px 88px 256px 88px}}@media(min-width: 2560px)and (max-width: 3440px){.grid-container[data-v-b2edbe92]{padding:0px 88px 256px 88px}}@media(min-width: 3440px){.grid-container[data-v-b2edbe92]{padding:0px 88px 256px 88px}}","",{version:3,sources:["webpack://./src/mixins/GridSizes.scss","webpack://./src/views/Folders.vue"],names:[],mappings:"AAoCG,6CCwPH,iCAEE,yBAAA,CAAA,CD1PC,+CCwPH,iCAEE,yBAAA,CAAA,CD1PC,gDCwPH,iCAEE,2BAAA,CAAA,CD1PC,iDCwPH,iCAEE,2BAAA,CAAA,CD1PC,iDCwPH,iCAEE,2BAAA,CAAA,CD1PC,iDCwPH,iCAEE,2BAAA,CAAA,CD1PC,iDCwPH,iCAEE,2BAAA,CAAA,CD1PC,iDCwPH,iCAEE,2BAAA,CAAA,CD1PC,iDCwPH,iCAEE,2BAAA,CAAA,CD9PC,0BC4PH,iCAEE,2BAAA,CAAA",sourcesContent:["/**\n * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @license AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n *\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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}\n'],sourceRoot:""}]);const s=o},68391:(n,e,a)=>{"use strict";a.d(e,{Z:()=>x});var i=a(76240),r=a(33476);const o={name:"HeaderNavigation",components:{ArrowLeft:i.default,NcButton:r.NcButton,NcLoadingIcon:r.NcLoadingIcon},inheritAttrs:!1,props:{loading:{type:Boolean,default:!1},path:{type:String,default:"/"},title:{type:String,required:!0},rootTitle:{type:String,default:t("photos","Photos")},params:{type:Object,default:null}},computed:{isRoot:function(){var n="/"===this.path;return this.toggleNavigationButton(!n),n},name:function(){return this.isRoot?this.rootTitle:this.title},parentPath:function(){var n=this.path.split("/");n.pop();var t=n.join("/");return this.isRoot||""===t.trim()?"/":n.join("/")},parentName:function(){return this.parentPath&&this.parentPath.split("/").pop()},backToText:function(){return"/"===this.parentPath?t("photos","Back to {folder}",{folder:this.rootTitle}):t("photos","Back to {folder}",{folder:this.parentName})},to:function(){var n=/^\/?(.*)/i.exec(this.parentPath)[1],t=Object.assign({},this.$route,{params:this.params||{path:n}}),e=t.name,a=t.params;return""===n?{name:e}:decodeURIComponent(this.$router.resolve({name:e,params:a}).resolved.path)}},methods:{folderUp:function(){this.$router.push(this.to)},refresh:function(){this.$emit("refresh")},toggleNavigationButton:function(n){var t=document.querySelector("button.app-navigation-toggle");null!==t&&(t.style.display=n?"none":null)}}};var s=a(93379),c=a.n(s),d=a(7795),l=a.n(d),A=a(90569),u=a.n(A),p=a(3565),f=a.n(p),m=a(19216),v=a.n(m),h=a(44589),g=a.n(h),C=a(6179),w={};w.styleTagTransform=g(),w.setAttributes=f(),w.insert=u().bind(null,"head"),w.domAPI=l(),w.insertStyleElement=v();c()(C.Z,w);C.Z&&C.Z.locals&&C.Z.locals;var y=a(29043),b={};b.styleTagTransform=g(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=v();c()(y.Z,b);y.Z&&y.Z.locals&&y.Z.locals;const x=(0,a(51900).Z)(o,(function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"photos-navigation",class:{"photos-navigation--root":n.isRoot},attrs:{role:"toolbar"}},[n.isRoot?n._e():e("NcButton",{staticClass:"photos-navigation__back",attrs:{type:"tertiary"},on:{click:n.folderUp},scopedSlots:n._u([{key:"icon",fn:function(){return[e("ArrowLeft",{attrs:{size:20}})]},proxy:!0}],null,!1,1821202730)}),n._v(" "),e("div",{staticClass:"photos-navigation__title"},[e("h2",{staticClass:"photos-navigation__title__main",on:{click:n.refresh}},[n._v("\n\t\t\t"+n._s(n.name)+"\n\t\t")]),n._v(" "),e("div",{staticClass:"photos-navigation__title__sub"}),n._v(" "),n._t("subtitle")],2),n._v(" "),n.$slots.default?e("div",{staticClass:"photos-navigation__content"},[n._t("default")],2):n._e(),n._v(" "),e("NcLoadingIcon",{directives:[{name:"show",rawName:"v-show",value:n.loading,expression:"loading"}],staticClass:"photos-navigation__loader"}),n._v(" "),e("div",{staticClass:"photos-navigation__content-right"},[n._t("right")],2)],1)}),[],!1,null,"809e621a",null).exports},88592:(n,e,a)=>{"use strict";a.r(e),a.d(e,{default:()=>Tn});var i=a(20629),r=a(52587),o=a(33476),s=a(29837),c=a(79753);function d(n,t,e,a,i,r,o){try{var s=n[r](o),c=s.value}catch(n){return void e(n)}s.done?t(c):Promise.resolve(c).then(a,i)}function l(n){return function(){var t=this,e=arguments;return new Promise((function(a,i){var r=n.apply(t,e);function o(n){d(r,a,i,o,s,"next",n)}function s(n){d(r,a,i,o,s,"throw",n)}o(void 0)}))}}const A={name:"FileLegacy",mixins:[a(81090).Z],inheritAttrs:!1,props:{item:{type:Object,required:!0}},data:function(){return{loaded:!1,error:!1}},computed:{ariaUuid:function(){return"image-".concat(this.item.injected.fileid)},ariaLabel:function(){return t("photos",'Open the full size "{name}" image',{name:this.item.injected.basename})},isImage:function(){return this.item.injected.mime.startsWith("image")},decodedEtag:function(){return this.item.injected.etag.replace(""","").replace(""","")},src:function(){return(0,c.generateUrl)("/core/preview?fileId=".concat(this.item.injected.fileid,"&c=").concat(this.decodedEtag,"&x=",250,"&y=",250,"&forceIcon=0&a=").concat(this.croppedLayout?"0":"1"))}},beforeDestroy:function(){this.$refs.src=""},methods:{openViewer:function(){var n=this;OCA.Viewer.open({path:this.item.injected.filename,list:this.item.injected.list,loadMore:this.item.injected.loadMore?l(regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,n.item.injected.loadMore(!0);case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}}),t)}))):function(){return[]},canLoop:this.item.injected.canLoop})},onLoad:function(){this.loaded=!0},onError:function(){this.error=!0}}};var u=a(93379),p=a.n(u),f=a(7795),m=a.n(f),v=a(90569),h=a.n(v),g=a(3565),C=a.n(g),w=a(19216),y=a.n(w),b=a(44589),x=a.n(b),T=a(7243),_={};_.styleTagTransform=x(),_.setAttributes=C(),_.insert=h().bind(null,"head"),_.domAPI=m(),_.insertStyleElement=y();p()(T.Z,_);T.Z&&T.Z.locals&&T.Z.locals;var k=a(51900);const B=(0,k.Z)(A,(function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("a",{staticClass:"file",class:{"file--cropped":n.croppedLayout},attrs:{href:n.item.injected.source,"aria-label":n.ariaLabel},on:{click:function(t){return t.preventDefault(),n.openViewer.apply(null,arguments)}}},[n.item.injected.mime.includes("video")&&n.item.injected.hasPreview?e("div",{staticClass:"icon-video-white"}):n._e(),n._v(" "),e("transition-group",{staticClass:"transition-group",attrs:{name:"fade"}},[n.error?n._e():e("img",{key:n.item.injected.basename+"-img",ref:"img",attrs:{src:n.src,alt:n.item.injected.basename,"aria-describedby":n.ariaUuid},on:{load:n.onLoad,error:n.onError}}),n._v(" "),!n.loaded||n.error?e("svg",{key:n.item.injected.basename+"-svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"url(#placeholder__gradient)"}},[n.isImage?e("use",{attrs:{href:"#placeholder--img"}}):e("use",{attrs:{href:"#placeholder--video"}})]):n._e()]),n._v(" "),e("p",{staticClass:"hidden-visually",attrs:{id:n.ariaUuid}},[n._v(n._s(n.item.injected.basename))]),n._v(" "),e("div",{staticClass:"cover",attrs:{role:"none"}})],1)}),[],!1,null,"ad6a5a50",null).exports;const W={name:"FolderTagPreview",props:{icon:{type:String,default:"icon-folder"},id:{type:[Number,String],required:!0},name:{type:String,required:!0},path:{type:String,default:""},fileList:{type:Array,default:function(){return[]}},to:{type:Object,default:null}},data:function(){return{loaded:!1,failed:[]}},computed:{isEmpty:function(){return 0===this.previewList.length},ariaUuid:function(){return"folder-".concat(this.id)},ariaLabel:function(){return t("photos",'Open the "{name}" sub-directory',{name:this.name})},previewList:function(){var n=this;return this.fileList.filter((function(t){return-1===n.failed.indexOf(t.fileid)}))},toLink:function(){if(this.to)return this.to;var n=/^\/?(.+)/i.exec(this.path)[1];return Object.assign({},this.$route,{params:{path:n.split("/")}})}},methods:{generateImgSrc:function(n){var t=n.fileid,e=n.etag;return(0,c.generateUrl)("/core/preview?fileId=".concat(t,"&c=").concat(e,"&x=",250,"&y=",250,"&forceIcon=0&a=0"))},onPreviewFail:function(n){var t=n.fileid;this.failed.push(t)}}},P=W;var E=a(36263),j={};j.styleTagTransform=x(),j.setAttributes=C(),j.insert=h().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=y();p()(E.Z,j);E.Z&&E.Z.locals&&E.Z.locals;const D=(0,k.Z)(P,(function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("router-link",{staticClass:"folder",class:{"folder--clear":n.isEmpty},attrs:{to:n.toLink,"aria-label":n.ariaLabel}},[e("transition",{attrs:{name:"fade"}},[e("div",{directives:[{name:"show",rawName:"v-show",value:n.loaded,expression:"loaded"}],staticClass:"folder-content",class:"folder-content--grid-"+n.previewList.length,attrs:{role:"none"}},n._l(n.previewList,(function(t){return e("img",{key:t.fileid,attrs:{src:n.generateImgSrc(t),alt:""},on:{load:function(t){n.loaded=!0},error:function(e){return n.onPreviewFail(t)}}})})),0)]),n._v(" "),e("div",{staticClass:"folder-name"},[e("span",{staticClass:"folder-name__icon",class:[n.isEmpty?"icon-dark":"icon-white",n.icon],attrs:{role:"img"}}),n._v(" "),e("p",{staticClass:"folder-name__name",attrs:{id:n.ariaUuid}},[n._v("\n\t\t\t"+n._s(n.name)+"\n\t\t")])]),n._v(" "),e("div",{staticClass:"cover",attrs:{role:"none"}})],1)}),[],!1,null,"7de21a3c",null).exports;var S=a(26937),F=a(94236),L=a(3301);function O(n,t){var e="undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(!e){if(Array.isArray(n)||(e=function(n,t){if(!n)return;if("string"==typeof n)return U(n,t);var e=Object.prototype.toString.call(n).slice(8,-1);"Object"===e&&n.constructor&&(e=n.constructor.name);if("Map"===e||"Set"===e)return Array.from(n);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return U(n,t)}(n))||t&&n&&"number"==typeof n.length){e&&(n=e);var a=0,i=function(){};return{s:i,n:function(){return a>=n.length?{done:!0}:{done:!1,value:n[a++]}},e:function(n){throw n},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,s=!1;return{s:function(){e=e.call(n)},n:function(){var n=e.next();return o=n.done,n},e:function(n){s=!0,r=n},f:function(){try{o||null==e.return||e.return()}finally{if(s)throw r}}}}function U(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,a=new Array(t);e<t;e++)a[e]=n[e];return a}function $(n,t,e,a,i,r,o){try{var s=n[r](o),c=s.value}catch(n){return void e(n)}s.done?t(c):Promise.resolve(c).then(a,i)}function I(n){return function(){var t=this,e=arguments;return new Promise((function(a,i){var r=n.apply(t,e);function o(n){$(r,a,i,o,s,"next",n)}function s(n){$(r,a,i,o,s,"throw",n)}o(void 0)}))}}function z(){return R.apply(this,arguments)}function R(){return R=I(regeneratorRuntime.mark((function n(){var t,e,a,i,r,o,s,d,l,A,u,p=arguments;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t=p.length>0&&void 0!==p[0]?p[0]:"/",e=p.length>1&&void 0!==p[1]?p[1]:{},a=(0,c.generateUrl)("/apps/photos/api/v1/".concat(e.shared?"shared":"albums")),n.next=5,S.Z.get(a+(0,F.Px)(t),e);case 5:i=n.sent,r=i.data.map((function(n){return(0,F.AX)(n)})),o={},s=[],d=[],l=O(r);try{for(l.s();!(A=l.n()).done;)(u=A.value).filename===t?o=u:"file"!==u.type?s.push(u):L.ZP.indexOf(u.mime)>-1&&d.push(u)}catch(n){l.e(n)}finally{l.f()}return n.abrupt("return",{folder:o,folders:s,files:d});case 13:case"end":return n.stop()}}),n)}))),R.apply(this,arguments)}var Z=a(69363),N=a(25108);function q(n,t,e,a,i,r,o){try{var s=n[r](o),c=s.value}catch(n){return void e(n)}s.done?t(c):Promise.resolve(c).then(a,i)}function G(n){return function(){var t=this,e=arguments;return new Promise((function(a,i){var r=n.apply(t,e);function o(n){q(r,a,i,o,s,"next",n)}function s(n){q(r,a,i,o,s,"throw",n)}o(void 0)}))}}function Y(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,a)}return e}function M(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(e),!0).forEach((function(t){H(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):Y(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}function H(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}const J={name:"Folder",components:{FolderTagPreview:D},mixins:[Z.Z],inheritAttrs:!1,props:{item:{type:Object,required:!0}},data:function(){return{previewFolder:this.item.injected.fileid}},computed:M(M({},(0,i.Se)(["files","folders"])),{},{folderContent:function(){return this.folders[this.item.injected.fileid]},previewFiles:function(){var n=this,t=this.folders[this.previewFolder],e=t?t.map((function(t){return n.files[t]})).slice(0,4):[];if(0===e.length&&this.files[this.previewFolder].folders&&this.previewFolder===this.item.injected.fileid){var a=this.files[this.previewFolder].folders[0];this.updatePreviewFolder(a),this.folders[this.previewFolder]||this.getFolderData(this.files[this.previewFolder].filename)}return e}}),created:function(){var n=this;return G(regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(n.folderContent){t.next=3;break}return t.next=3,n.getFolderData(n.item.injected.filename);case 3:case"end":return t.stop()}}),t)})))()},methods:{getFolderData:function(n){var t=this;return G(regeneratorRuntime.mark((function e(){var a,i,r,o;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,z(n,{shared:t.item.injected.showShared,signal:t.abortController.signal});case 3:a=e.sent,i=a.folder,r=a.folders,o=a.files,t.$store.dispatch("updateFolders",{fileid:i.fileid,files:o,folders:r}),t.$store.dispatch("updateFiles",{folder:i,files:o,folders:r}),e.next=14;break;case 11:e.prev=11,e.t0=e.catch(0),e.t0.response&&e.t0.response.status&&N.error("Failed to get folder content",n,e.t0.response);case 14:case"end":return e.stop()}}),e,null,[[0,11]])})))()},updatePreviewFolder:function(n){this.previewFolder=n}}};var Q=a(66357),V={};V.styleTagTransform=x(),V.setAttributes=C(),V.insert=h().bind(null,"head"),V.domAPI=m(),V.insertStyleElement=y();p()(Q.Z,V);Q.Z&&Q.Z.locals&&Q.Z.locals;const K=(0,k.Z)(J,(function(){var n=this,t=n.$createElement;return(n._self._c||t)("FolderTagPreview",{attrs:{id:n.item.injected.fileid,name:n.item.injected.basename,path:n.item.injected.filename,"file-list":n.previewFiles}})}),[],!1,null,"7eae8d82",null).exports;var X=a(68391),nn=a(81067),tn=a(20144),en=a(16897);const an=new tn.ZP({data:function(){return{gridConfig:en.sizes.max}},watch:{gridConfig:function(n){this.$emit("changed",n)}},created:function(){window.addEventListener("resize",this.handleWindowResize),this.handleWindowResize()},beforeDestroy:function(){window.removeEventListener("resize",this.handleWindowResize)},methods:{handleWindowResize:function(){var n=Object.keys(en.sizes).find((function(n){return n>document.documentElement.clientWidth}));this.gridConfig=en.sizes[n]||en.sizes.max}}});var rn=a(25108);const on={data:function(){return{gridConfig:{}}},created:function(){var n=this;an.$on("changed",(function(t){n.gridConfig=t})),rn.debug("[".concat("photos","]"),"Grid config",Object.assign({},an.gridConfig)),this.gridConfig=an.gridConfig},beforeDestroy:function(){an.$off("changed",this.gridConfig)}};var sn=a(2161);function cn(n,t,e,a,i,r,o){try{var s=n[r](o),c=s.value}catch(n){return void e(n)}s.done?t(c):Promise.resolve(c).then(a,i)}function dn(n){return function(){var t=this,e=arguments;return new Promise((function(a,i){var r=n.apply(t,e);function o(n){cn(r,a,i,o,s,"next",n)}function s(n){cn(r,a,i,o,s,"throw",n)}o(void 0)}))}}function ln(n){return An.apply(this,arguments)}function An(){return(An=dn(regeneratorRuntime.mark((function n(t){var e,a;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return e="/"===t?"":t,n.next=3,nn.ZP.stat(nn.oO+e,{data:sn.Z,details:!0});case 3:return a=n.sent,n.abrupt("return",(0,F.AX)(a.data));case 5:case"end":return n.stop()}}),n)})))).apply(this,arguments)}var un=a(25108);function pn(n,t,e,a,i,r,o){try{var s=n[r](o),c=s.value}catch(n){return void e(n)}s.done?t(c):Promise.resolve(c).then(a,i)}function fn(n){return function(){var t=this,e=arguments;return new Promise((function(a,i){var r=n.apply(t,e);function o(n){pn(r,a,i,o,s,"next",n)}function s(n){pn(r,a,i,o,s,"throw",n)}o(void 0)}))}}function mn(n){return function(n){if(Array.isArray(n))return vn(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||function(n,t){if(!n)return;if("string"==typeof n)return vn(n,t);var e=Object.prototype.toString.call(n).slice(8,-1);"Object"===e&&n.constructor&&(e=n.constructor.name);if("Map"===e||"Set"===e)return Array.from(n);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return vn(n,t)}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function vn(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,a=new Array(t);e<t;e++)a[e]=n[e];return a}function hn(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,a)}return e}function gn(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?hn(Object(e),!0).forEach((function(t){Cn(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):hn(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}function Cn(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}const wn={name:"Folders",components:{VirtualGrid:s.Z,HeaderNavigation:X.Z,NcEmptyContent:o.NcEmptyContent,UploadPicker:r.e},mixins:[Z.Z,on],props:{rootTitle:{type:String,required:!0},path:{type:String,default:"/"},showShared:{type:Boolean,default:!1}},data:function(){return{error:null,allowedMimes:L.ZP,initializing:!0,loading:!1}},computed:gn(gn({},(0,i.Se)(["files","folders"])),{},{folderId:function(){return this.$store.getters.folderId(this.path)},folder:function(){return this.files[this.folderId]},folderContent:function(){return this.folders[this.folderId]},fileList:function(){var n=this;return this.folderContent&&this.folderContent.map((function(t){return n.files[t]})).filter((function(n){return!!n}))},subFolders:function(){return this.folderId&&this.files[this.folderId]&&this.files[this.folderId].folders},folderList:function(){var n=this;return this.subFolders&&this.subFolders.map((function(t){return n.files[t]})).filter((function(n){return!!n}))},contentList:function(){var n,t,e=this,a=null===(n=this.folderList)||void 0===n?void 0:n.map((function(n){return{id:"folder-".concat(n.fileid),injected:gn(gn({},n),{},{showShared:e.showShared}),width:256,height:256,columnSpan:1,renderComponent:K}})),i=null===(t=this.fileList)||void 0===t?void 0:t.map((function(n){return{id:"file-".concat(n.fileid),injected:gn(gn({},n),{},{list:e.fileList}),width:256,height:256,columnSpan:1,renderComponent:B}}));return[].concat(mn(a||[]),mn(i||[]))},isEmpty:function(){return!this.haveFiles&&!this.haveFolders},haveFiles:function(){return!!this.fileList&&0!==this.fileList.length},haveFolders:function(){return!!this.folderList&&0!==this.folderList.length}}),watch:{path:function(){this.fetchFolderContent()},showShared:function(){this.fetchFolderContent()}},beforeMount:function(){this.fetchFolderContent()},methods:{onRefresh:function(){this.fetchFolderContent()},fetchFolderContent:function(){var n=this;return fn(regeneratorRuntime.mark((function t(){var e,a,i,r,o,s,c,d,l,A,u;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n.error=null,n.loading=!0,null===(e=OCA)||void 0===e||null===(a=e.Viewer)||void 0===a||null===(i=a.close)||void 0===i||i.call(a),null===(r=OCA)||void 0===r||null===(o=r.Files)||void 0===o||null===(s=o.Sidebar)||void 0===s||null===(c=s.close)||void 0===c||c.call(s),n.files[n.folderId]&&n.folders[n.folderId]||(n.initializing=!0),t.prev=5,t.next=8,z(n.path,{shared:n.showShared,signal:n.abortController.signal});case 8:d=t.sent,l=d.folder,A=d.folders,u=d.files,n.$store.dispatch("addPath",{path:n.path,fileid:l.fileid}),n.$store.dispatch("updateFolders",{fileid:l.fileid,files:u,folders:A}),n.$store.dispatch("updateFiles",{folder:l,files:u,folders:A}),t.next=21;break;case 17:t.prev=17,t.t0=t.catch(5),t.t0.response&&t.t0.response.status&&(404===t.t0.response.status?(n.error=404,setTimeout((function(){n.$router.push({name:n.$route.name})}),3e3)):n.error=t.t0),un.error("Error fetching album data",t.t0);case 21:return t.prev=21,n.loading=!1,n.initializing=!1,t.finish(21);case 25:case"end":return t.stop()}}),t,null,[[5,17,21,25]])})))()},onUpload:function(n){var t=this;n.forEach(function(){var n=fn(regeneratorRuntime.mark((function n(e){var a,i;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return a=e.path.split(nn.oO).pop(),n.next=3,ln(a);case 3:i=n.sent,t.$store.dispatch("appendFiles",[i]),t.$store.dispatch("addFilesToFolder",{fileid:t.folderId,files:[i]});case 6:case"end":return n.stop()}}),n)})));return function(t){return n.apply(this,arguments)}}())}}},yn=wn;var bn=a(32352),xn={};xn.styleTagTransform=x(),xn.setAttributes=C(),xn.insert=h().bind(null,"head"),xn.domAPI=m(),xn.insertStyleElement=y();p()(bn.Z,xn);bn.Z&&bn.Z.locals&&bn.Z.locals;const Tn=(0,k.Z)(yn,(function(){var n=this,t=n.$createElement,e=n._self._c||t;return 404===n.error?e("NcEmptyContent",{attrs:{"illustration-name":"folder"}},[n._v("\n\t"+n._s(n.t("photos","This folder does not exist"))+"\n")]):n.error?e("NcEmptyContent",[n._v("\n\t"+n._s(n.t("photos","An error occurred"))+"\n")]):n.initializing?e("NcEmptyContent",{attrs:{icon:"icon-loading"}},[n._v("\n\t"+n._s(n.t("photos","Loading folders …"))+"\n")]):n.initializing?n._e():e("div",[e("HeaderNavigation",{key:"navigation",attrs:{loading:n.loading,path:n.folder.filename,title:n.folder.basename,"root-title":n.rootTitle},on:{refresh:n.onRefresh}},[e("UploadPicker",{attrs:{accept:n.allowedMimes,destination:n.folder.filename,multiple:!0},on:{uploaded:n.onUpload}})],1),n._v(" "),n.isEmpty?e("NcEmptyContent",{key:"emptycontent",attrs:{"illustration-name":"empty"}},[n._v("\n\t\t"+n._s(n.t("photos","No photos in here"))+"\n\t")]):e("div",{staticClass:"grid-container"},[e("VirtualGrid",{ref:"virtualgrid",attrs:{items:n.contentList,"get-column-count":function(){return n.gridConfig.count},"get-grid-gap":function(){return n.gridConfig.gap}}})],1)],1)}),[],!1,null,"b2edbe92",null).exports},80950:()=>{},46601:()=>{},89214:()=>{},96419:()=>{},56353:()=>{},8623:()=>{},7748:()=>{},85568:()=>{},69386:()=>{},31616:()=>{},56619:()=>{},77108:()=>{}}]); +//# sourceMappingURL=photos-src_views_Folders_vue.js.map?v=adbcc9d12de5f39d7c85
\ No newline at end of file |