diff options
author | detlef <ds2@physik.de> | 2021-02-22 11:31:01 +0100 |
---|---|---|
committer | npmbuildbot-nextcloud[bot] <npmbuildbot-nextcloud[bot]@users.noreply.github.com> | 2021-02-24 15:11:19 +0000 |
commit | 3bc174287233074c5e570814df7ad95ed6273fab (patch) | |
tree | 69fbe939704cc371b963ba9672426e7492110812 | |
parent | 138a40f8da51f4bca282c2e0e199343499c4d98c (diff) |
- fix Photos not shown in large browser windows #630
Signed-off-by: detlef <ds2@physik.de>
Signed-off-by: npmbuildbot-nextcloud[bot] <npmbuildbot-nextcloud[bot]@users.noreply.github.com>
-rw-r--r-- | js/photos-0.js | 4 | ||||
-rw-r--r-- | js/photos-0.js.map | 2 | ||||
-rw-r--r-- | js/photos-3.js | 31 | ||||
-rw-r--r-- | js/photos-3.js.map | 1 | ||||
-rw-r--r-- | js/photos-main.js | 4 | ||||
-rw-r--r-- | js/photos-main.js.map | 2 | ||||
-rw-r--r-- | src/services/GridConfig.js | 2 |
7 files changed, 22 insertions, 24 deletions
diff --git a/js/photos-0.js b/js/photos-0.js index 705b182d..8c7c185e 100644 --- a/js/photos-0.js +++ b/js/photos-0.js @@ -1,2 +1,2 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{385:function(n,t,i){"use strict";var e=i(66),a=i.n(e);t.a=function(n){const t=a.a.CancelToken.source();return{request:async function(i,e){return n(i,Object.assign({cancelToken:t.token},e))},cancel:t.cancel}}},429:function(n,t,i){"use strict";var e={name:"EmptyContent",props:{illustrationName:{type:String,default:""}},data:()=>({illustration:""}),computed:{haveIllustration(){return""!==this.illustrationName},isLoaded(){return!this.haveIllustration||""!==this.illustration},isReady(){return!this.haveIllustration||this.haveIllustration&&this.isLoaded}},watch:{illustrationName(){this.getIllustration()}},beforeMount(){this.getIllustration()},methods:{async getIllustration(){if(this.illustration="",""!==this.illustrationName)try{const n=await i(653)("./".concat(this.illustrationName,".svg"));this.illustration=n.default}catch(n){console.error("Could not get the error illustration",n)}}}},a=i(106),o=i.n(a),r=i(654),s={insert:"head",singleton:!1},d=(o()(r.a,s),r.a.locals,i(42)),c=Object(d.a)(e,(function(){var n=this,t=n.$createElement,i=n._self._c||t;return n.isReady?i("div",{staticClass:"emptycontent"},[n.haveIllustration?i("div",{staticClass:"illustration",domProps:{innerHTML:n._s(n.illustration)}}):i("div",{staticClass:"icon-error"}),n._v(" "),i("h2",[n._t("default")],2),n._v(" "),i("p",{directives:[{name:"show",rawName:"v-show",value:n.$slots.desc,expression:"$slots.desc"}]},[n._t("desc")],2)]):n._e()}),[],!1,null,null,null);t.a=c.exports},430:function(n,i,e){"use strict";var a=e(9),o=e(21),r={name:"File",mixins:[e(181).a],inheritAttrs:!1,props:{item:{type:Object,required:!0}},data:()=>({loaded:!1,error:!1}),computed:{davPath(){return Object(a.generateRemoteUrl)("dav/files/".concat(Object(o.getCurrentUser)().uid))+this.item.injected.filename},ariaUuid(){return"image-".concat(this.item.injected.fileid)},ariaLabel(){return t("photos",'Open the full size "{name}" image',{name:this.item.injected.basename})},isImage(){return this.item.injected.mime.startsWith("image")},src(){return Object(a.generateUrl)("/core/preview?fileId=".concat(this.item.injected.fileid,"&x=",256,"&y=",256,"&a=").concat(!this.croppedLayout,"&v=").concat(this.item.injected.etag))}},beforeDestroy(){this.$refs.src=""},methods:{openViewer(){OCA.Viewer.open({path:this.item.injected.filename,list:this.item.injected.list,loadMore:this.item.injected.loadMore?async()=>await this.item.injected.loadMore(!0):()=>[],canLoop:this.item.injected.canLoop})},onLoad(){this.loaded=!0},onError(){this.error=!0}}},s=e(106),d=e.n(s),c=e(656),A={insert:"head",singleton:!1},l=(d()(c.a,A),c.a.locals,e(42)),p=Object(l.a)(r,(function(){var n=this,t=n.$createElement,i=n._self._c||t;return i("a",{staticClass:"file",class:{"file--cropped":n.croppedLayout},attrs:{href:n.davPath,"aria-label":n.ariaLabel},on:{click:function(t){return t.preventDefault(),n.openViewer(t)}}},[n.item.injected.mime.includes("video")&&n.item.injected.hasPreview?i("div",{staticClass:"icon-video-white"}):n._e(),n._v(" "),i("transition-group",{staticClass:"transition-group",attrs:{name:"fade"}},[n.error?n._e():i("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?i("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?i("use",{attrs:{"xlink:href":"#placeholder--img"}}):i("use",{attrs:{"xlink:href":"#placeholder--video"}})]):n._e()]),n._v(" "),i("p",{staticClass:"hidden-visually",attrs:{id:n.ariaUuid}},[n._v(n._s(n.item.injected.basename))]),n._v(" "),i("div",{staticClass:"cover",attrs:{role:"none"}})],1)}),[],!1,null,"6d0d8c3b",null);i.a=p.exports},431:function(n,i,e){"use strict";var a=e(657),o=e.n(a),r=e(658),s={name:"Navigation",components:{ActionButton:e.n(r).a,Actions:o.a},inheritAttrs:!1,props:{basename:{type:String,required:!0},filename:{type:String,required:!0},showActions:{type:Boolean,default:!1},rootTitle:{type:String,default:t("photos","Photos")}},computed:{isRoot(){return"/"===this.filename},name(){return this.isRoot?this.rootTitle:this.basename},parentPath(){const n=this.filename.split("/");n.pop();const t=n.join("/");return this.isRoot||""===t.trim()?"/":n.join("/")},parentName(){return this.parentPath&&this.parentPath.split("/").pop()},backToText(){return"/"===this.parentPath?t("photos","Back to {folder}",{folder:this.rootTitle}):t("photos","Back to {folder}",{folder:this.parentName})},to(){const n=/^\/?(.*)/i.exec(this.parentPath)[1],{name:t,params:i}=Object.assign({},this.$route,{params:{path:n}});return""===n?{name:t}:decodeURIComponent(this.$router.resolve({name:t,params:i}).resolved.path)}},methods:{folderUp(){this.$router.push(this.to)},showSidebar(){OCA.Files.Sidebar.open(this.filename)}}},d=e(106),c=e.n(d),A=e(659),l={insert:"head",singleton:!1},p=(c()(A.a,l),A.a.locals,e(42)),h=Object(p.a)(s,(function(){var n=this,t=n.$createElement,i=n._self._c||t;return i("div",{staticClass:"photos-navigation",class:{"photos-navigation--root":n.isRoot},attrs:{role:"toolbar"}},[n.isRoot?n._e():i("Actions",{staticClass:"photos-navigation__back"},[i("ActionButton",{attrs:{icon:"icon-confirm"},on:{click:n.folderUp}},[n._v("\n\t\t\t"+n._s(n.backToText)+"\n\t\t")])],1),n._v(" "),i("h2",{staticClass:"photos-navigation__title"},[n._v("\n\t\t"+n._s(n.name)+"\n\t")]),n._v(" "),!n.isRoot&&n.showActions?i("Actions",{staticClass:"photos-navigation__share"},[i("ActionButton",{attrs:{icon:"icon-shared"},on:{click:n.showSidebar}},[n._v("\n\t\t\t"+n._s(n.t("photos","Share this folder"))+"\n\t\t")])],1):n._e()],1)}),[],!1,null,"4c3113d6",null);i.a=h.exports},433:function(n,t,i){"use strict";var e=i(0),a=i(434),o=new e.default({data:()=>({gridConfig:a.sizes.max}),watch:{gridConfig(n){this.$emit("changed",n)}},created(){window.addEventListener("resize",this.handleWindowResize),this.handleWindowResize()},beforeDestroy(){window.removeEventListener("resize",this.handleWindowResize)},methods:{handleWindowResize(){const n=Object.keys(a.sizes).find(n=>n>document.documentElement.clientWidth);this.gridConfig=a.sizes[n]}}});t.a={data:()=>({gridConfig:{}}),created(){o.$on("changed",n=>{this.gridConfig=n}),console.debug("[".concat("photos","]"),"Grid config",Object.assign({},o.gridConfig)),this.gridConfig=o.gridConfig},beforeDestroy(){o.$off("changed",this.gridConfig)}}},434:function(n,t){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}}}},653:function(n,t,i){var e={"./empty.svg":[802,8],"./folder.svg":[803,9],"./images.svg":[804,10]};function a(n){if(!i.o(e,n))return Promise.resolve().then((function(){var t=new Error("Cannot find module '"+n+"'");throw t.code="MODULE_NOT_FOUND",t}));var t=e[n],a=t[0];return i.e(t[1]).then((function(){return i(a)}))}a.keys=function(){return Object.keys(e)},a.id=653,n.exports=a},654:function(n,t,i){"use strict";var e=i(107),a=i.n(e)()(!0);a.push([n.i,".emptycontent{grid-column:1/-1;margin-top:20vh}.illustration{min-width:200px;max-width:15%;width:300px;margin:auto;margin-bottom:20px;position:relative}.illustration svg{width:100%;height:100%;max-height:40vh}.illustration [fill*='6c63ff']{fill:var(--color-primary-element)}\n","",{version:3,sources:["webpack://src/components/EmptyContent.vue"],names:[],mappings:"AAkHA,cAEC,gBAAiB,CACjB,eAAgB,CAChB,cAGA,eAAgB,CAChB,aAAc,CACd,WAAY,CACZ,WAAY,CACZ,kBAAmB,CACnB,iBAAkB,CANnB,kBASE,UAAW,CACX,WAAY,CACZ,eAAgB,CAXlB,+BAgBE,iCAAkC",sourcesContent:["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.emptycontent {\n\t// span all the available columns\n\tgrid-column: 1/-1;\n\tmargin-top: 20vh;\n}\n\n.illustration {\n\tmin-width: 200px;\n\tmax-width: 15%;\n\twidth: 300px;\n\tmargin: auto;\n\tmargin-bottom: 20px;\n\tposition: relative;\n\n\tsvg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tmax-height: 40vh;\n\t}\n\n\t// change colour of illustration\n\t[fill*='6c63ff'] {\n\t\tfill: var(--color-primary-element);\n\t}\n}\n"],sourceRoot:""}]),t.a=a},656:function(n,t,i){"use strict";var e=i(107),a=i.n(e)()(!0);a.push([n.i,".file[data-v-6d0d8c3b],.folder[data-v-6d0d8c3b]{position:relative;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:var(--border-radius);overflow:hidden}.file .cover[data-v-6d0d8c3b],.folder .cover[data-v-6d0d8c3b]{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-6d0d8c3b],.file:active .cover[data-v-6d0d8c3b],.file:hover .cover[data-v-6d0d8c3b],.file:focus .cover[data-v-6d0d8c3b],.folder.active .cover[data-v-6d0d8c3b],.folder:active .cover[data-v-6d0d8c3b],.folder:hover .cover[data-v-6d0d8c3b],.folder:focus .cover[data-v-6d0d8c3b]{opacity:.3}.file--clear.active .cover[data-v-6d0d8c3b],.file--clear:active .cover[data-v-6d0d8c3b],.file--clear:hover .cover[data-v-6d0d8c3b],.file--clear:focus .cover[data-v-6d0d8c3b],.folder--clear.active .cover[data-v-6d0d8c3b],.folder--clear:active .cover[data-v-6d0d8c3b],.folder--clear:hover .cover[data-v-6d0d8c3b],.folder--clear:focus .cover[data-v-6d0d8c3b]{opacity:.1}.fade-enter-active[data-v-6d0d8c3b],.fade-leave-active[data-v-6d0d8c3b]{transition:opacity var(--animation-quick) ease-in-out}.fade-enter[data-v-6d0d8c3b],.fade-leave-to[data-v-6d0d8c3b]{opacity:0}.transition-group[data-v-6d0d8c3b]{display:contents}.icon-video-white[data-v-6d0d8c3b]{position:absolute;top:10px;right:10px;z-index:5}img[data-v-6d0d8c3b]{position:absolute;width:100%;height:100%;z-index:10;color:transparent;object-fit:contain}.file--cropped img[data-v-6d0d8c3b]{object-fit:cover}svg[data-v-6d0d8c3b]{position:absolute;width:70%;height:70%}\n","",{version:3,sources:["webpack://src/mixins/FileFolder.scss","webpack://src/components/File.vue"],names:[],mappings:"AAsBA,gDAEC,iBAAkB,CAClB,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,wBAAiB,CAAjB,oBAAiB,CAAjB,gBAAiB,CACjB,kCAAmC,CACnC,eAAgB,CARjB,8DAWE,SAAU,CAMV,UAAW,CACX,mBAAoB,CACpB,qDAAsD,CACtD,SAAU,CACV,uCAAwC,CArB1C,4SA6BG,UAAW,CACX,oWAQA,UAAW,CACX,wEAKF,qDAAsD,CACtD,6DAGA,SAAU,CC8DX,mCACC,gBAAiB,CACjB,mCAGA,iBAAkB,CAClB,QAAS,CACT,UAAW,CACX,SAAU,CACV,qBAGA,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,UAAW,CAEX,iBAAkB,CAElB,kBAAmB,CAEnB,oCACC,gBAAiB,CACjB,qBAID,iBAAkB,CAClB,SAAU,CACV,UAAW",sourcesContent:["/**\n * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @license GNU AGPL version 3 or any later version\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","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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.scss';\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: 5;\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:""}]),t.a=a},659:function(n,t,i){"use strict";var e=i(107),a=i.n(e)()(!0);a.push([n.i,".icon-confirm[data-v-4c3113d6]{transform:rotate(180deg)}.photos-navigation[data-v-4c3113d6]{display:flex;position:block;height:44px;padding:0 40px;align-items:center;max-width:100%}.photos-navigation__title[data-v-4c3113d6]{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photos-navigation__share[data-v-4c3113d6]{margin-left:10px}.photos-navigation__back[data-v-4c3113d6],.photos-navigation__share[data-v-4c3113d6]{flex-grow:0;flex-shrink:0}@media (min-width: 0px) and (max-width: 400px){.photos-navigation[data-v-4c3113d6]{top:14.66667px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:-36px}}@media (min-width: 400px) and (max-width: 700px){.photos-navigation[data-v-4c3113d6]{top:14.66667px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:-36px}}@media (min-width: 700px) and (max-width: 1024px){.photos-navigation[data-v-4c3113d6]{top:14.66667px}.photos-navigation__back[data-v-4c3113d6]{margin:0 0px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:0px}}@media (min-width: 1024px) and (max-width: 1280px){.photos-navigation[data-v-4c3113d6]{top:14.66667px}.photos-navigation__back[data-v-4c3113d6]{margin:0 0px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:0px}}@media (min-width: 1280px) and (max-width: 1440px){.photos-navigation[data-v-4c3113d6]{top:29.33333px}.photos-navigation__back[data-v-4c3113d6]{margin:0 11px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:22px}}@media (min-width: 1440px) and (max-width: 1600px){.photos-navigation[data-v-4c3113d6]{top:29.33333px}.photos-navigation__back[data-v-4c3113d6]{margin:0 11px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:22px}}@media (min-width: 1600px) and (max-width: 2048px){.photos-navigation[data-v-4c3113d6]{top:29.33333px}.photos-navigation__back[data-v-4c3113d6]{margin:0 11px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:22px}}@media (min-width: 2048px) and (max-width: 2560px){.photos-navigation[data-v-4c3113d6]{top:29.33333px}.photos-navigation__back[data-v-4c3113d6]{margin:0 22px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:44px}}@media (min-width: 2560px) and (max-width: 3440px){.photos-navigation[data-v-4c3113d6]{top:29.33333px}.photos-navigation__back[data-v-4c3113d6]{margin:0 22px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:44px}}@media (min-width: 3440px){.photos-navigation[data-v-4c3113d6]{top:29.33333px}.photos-navigation__back[data-v-4c3113d6]{margin:0 22px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:44px}}\n","",{version:3,sources:["webpack://src/components/Navigation.vue"],names:[],mappings:"AAiJA,+BACC,wBAAyB,CACzB,oCAGA,YAAa,CACb,cAAe,CACf,WAAY,CACZ,cAAe,CACf,kBAAmB,CACnB,cAAe,CACf,2CACC,QAAS,CACT,kBAAmB,CACnB,eAAgB,CAChB,sBAAuB,CACvB,2CAEA,gBAAiB,CACjB,qFAGA,WAAY,CACZ,aAAc,CACd,+CAmBA,oCAEC,cAAgC,CAOhC,oEACC,kBAAc,CACd,CAZH,iDACC,oCAEC,cAAgC,CAOhC,oEACC,kBAAc,CACd,CAZH,kDACC,oCAEC,cAAgC,CAG/B,0CACC,YAAiC,CACjC,oEAGD,gBAAc,CACd,CAZH,mDACC,oCAEC,cAAgC,CAG/B,0CACC,YAAiC,CACjC,oEAGD,gBAAc,CACd,CAZH,mDACC,oCAEC,cAAgC,CAG/B,0CACC,aAAiC,CACjC,oEAGD,iBAAc,CACd,CAZH,mDACC,oCAEC,cAAgC,CAG/B,0CACC,aAAiC,CACjC,oEAGD,iBAAc,CACd,CAZH,mDACC,oCAEC,cAAgC,CAG/B,0CACC,aAAiC,CACjC,oEAGD,iBAAc,CACd,CAZH,mDACC,oCAEC,cAAgC,CAG/B,0CACC,aAAiC,CACjC,oEAGD,iBAAc,CACd,CAZH,mDACC,oCAEC,cAAgC,CAG/B,0CACC,aAAiC,CACjC,oEAGD,iBAAc,CACd,CAZH,2BACC,oCAEC,cAAgC,CAG/B,0CACC,aAAiC,CACjC,oEAGD,iBAAc,CACd",sourcesContent:["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.icon-confirm {\n\ttransform: rotate(180deg)\n}\n\n.photos-navigation {\n\tdisplay: flex;\n\tposition: block;\n\theight: 44px;\n\tpadding: 0 40px;\n\talign-items: center;\n\tmax-width: 100%;\n\t&__title {\n\t\tmargin: 0;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\t&__share {\n\t\tmargin-left: 10px;\n\t}\n\t&__back,\n\t&__share {\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t}\n}\n\n// generate variants based on grid sizes\n// TODO: use mixins/GridSizes as soon as node-sass supports it\n// needs node-sass 5.0 (with libsass 3.6)\n// https://github.com/sass/node-sass/pull/2312\n$previous: 0;\n@each $size, $config in get('sizes') {\n\t$marginTop: map-get($config, 'marginTop');\n\t$marginW: map-get($config, 'marginW');\n\n\t// if this is the last entry, only use min-width\n\t$rule: '(min-width: #{$previous}px) and (max-width: #{$size}px)';\n\t@if $size == 'max' {\n\t\t$rule: '(min-width: #{$previous}px)';\n\t}\n\n\t@media #{$rule} {\n\t\t.photos-navigation {\n\t\t\t// we space this with 2/3 margin top, 1/3 margin bottom\n\t\t\ttop: ($marginTop - 44px) * 2 / 3;\n\t\t\t// padding-left: $marginW;\n\t\t\t@if $marginW >= 44px {\n\t\t\t\t&__back {\n\t\t\t\t\tmargin: 0 (($marginW - 44px) / 2);\n\t\t\t\t}\n\t\t\t}\n\t\t\t&--root &__title {\n\t\t\t\tpadding-left: #{$marginW - 44}px;\n\t\t\t}\n\t\t}\n\t}\n\t$previous: $size;\n}\n"],sourceRoot:""}]),t.a=a}}]); -//# sourceMappingURL=photos-0.js.map?v=53d2d37eeee568db78ec
\ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{385:function(n,t,i){"use strict";var e=i(66),a=i.n(e);t.a=function(n){const t=a.a.CancelToken.source();return{request:async function(i,e){return n(i,Object.assign({cancelToken:t.token},e))},cancel:t.cancel}}},429:function(n,t,i){"use strict";var e={name:"EmptyContent",props:{illustrationName:{type:String,default:""}},data:()=>({illustration:""}),computed:{haveIllustration(){return""!==this.illustrationName},isLoaded(){return!this.haveIllustration||""!==this.illustration},isReady(){return!this.haveIllustration||this.haveIllustration&&this.isLoaded}},watch:{illustrationName(){this.getIllustration()}},beforeMount(){this.getIllustration()},methods:{async getIllustration(){if(this.illustration="",""!==this.illustrationName)try{const n=await i(653)("./".concat(this.illustrationName,".svg"));this.illustration=n.default}catch(n){console.error("Could not get the error illustration",n)}}}},a=i(106),o=i.n(a),r=i(654),s={insert:"head",singleton:!1},d=(o()(r.a,s),r.a.locals,i(42)),c=Object(d.a)(e,(function(){var n=this,t=n.$createElement,i=n._self._c||t;return n.isReady?i("div",{staticClass:"emptycontent"},[n.haveIllustration?i("div",{staticClass:"illustration",domProps:{innerHTML:n._s(n.illustration)}}):i("div",{staticClass:"icon-error"}),n._v(" "),i("h2",[n._t("default")],2),n._v(" "),i("p",{directives:[{name:"show",rawName:"v-show",value:n.$slots.desc,expression:"$slots.desc"}]},[n._t("desc")],2)]):n._e()}),[],!1,null,null,null);t.a=c.exports},430:function(n,i,e){"use strict";var a=e(9),o=e(21),r={name:"File",mixins:[e(181).a],inheritAttrs:!1,props:{item:{type:Object,required:!0}},data:()=>({loaded:!1,error:!1}),computed:{davPath(){return Object(a.generateRemoteUrl)("dav/files/".concat(Object(o.getCurrentUser)().uid))+this.item.injected.filename},ariaUuid(){return"image-".concat(this.item.injected.fileid)},ariaLabel(){return t("photos",'Open the full size "{name}" image',{name:this.item.injected.basename})},isImage(){return this.item.injected.mime.startsWith("image")},src(){return Object(a.generateUrl)("/core/preview?fileId=".concat(this.item.injected.fileid,"&x=",256,"&y=",256,"&a=").concat(!this.croppedLayout,"&v=").concat(this.item.injected.etag))}},beforeDestroy(){this.$refs.src=""},methods:{openViewer(){OCA.Viewer.open({path:this.item.injected.filename,list:this.item.injected.list,loadMore:this.item.injected.loadMore?async()=>await this.item.injected.loadMore(!0):()=>[],canLoop:this.item.injected.canLoop})},onLoad(){this.loaded=!0},onError(){this.error=!0}}},s=e(106),d=e.n(s),c=e(656),A={insert:"head",singleton:!1},l=(d()(c.a,A),c.a.locals,e(42)),p=Object(l.a)(r,(function(){var n=this,t=n.$createElement,i=n._self._c||t;return i("a",{staticClass:"file",class:{"file--cropped":n.croppedLayout},attrs:{href:n.davPath,"aria-label":n.ariaLabel},on:{click:function(t){return t.preventDefault(),n.openViewer(t)}}},[n.item.injected.mime.includes("video")&&n.item.injected.hasPreview?i("div",{staticClass:"icon-video-white"}):n._e(),n._v(" "),i("transition-group",{staticClass:"transition-group",attrs:{name:"fade"}},[n.error?n._e():i("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?i("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?i("use",{attrs:{"xlink:href":"#placeholder--img"}}):i("use",{attrs:{"xlink:href":"#placeholder--video"}})]):n._e()]),n._v(" "),i("p",{staticClass:"hidden-visually",attrs:{id:n.ariaUuid}},[n._v(n._s(n.item.injected.basename))]),n._v(" "),i("div",{staticClass:"cover",attrs:{role:"none"}})],1)}),[],!1,null,"6d0d8c3b",null);i.a=p.exports},431:function(n,i,e){"use strict";var a=e(657),o=e.n(a),r=e(658),s={name:"Navigation",components:{ActionButton:e.n(r).a,Actions:o.a},inheritAttrs:!1,props:{basename:{type:String,required:!0},filename:{type:String,required:!0},showActions:{type:Boolean,default:!1},rootTitle:{type:String,default:t("photos","Photos")}},computed:{isRoot(){return"/"===this.filename},name(){return this.isRoot?this.rootTitle:this.basename},parentPath(){const n=this.filename.split("/");n.pop();const t=n.join("/");return this.isRoot||""===t.trim()?"/":n.join("/")},parentName(){return this.parentPath&&this.parentPath.split("/").pop()},backToText(){return"/"===this.parentPath?t("photos","Back to {folder}",{folder:this.rootTitle}):t("photos","Back to {folder}",{folder:this.parentName})},to(){const n=/^\/?(.*)/i.exec(this.parentPath)[1],{name:t,params:i}=Object.assign({},this.$route,{params:{path:n}});return""===n?{name:t}:decodeURIComponent(this.$router.resolve({name:t,params:i}).resolved.path)}},methods:{folderUp(){this.$router.push(this.to)},showSidebar(){OCA.Files.Sidebar.open(this.filename)}}},d=e(106),c=e.n(d),A=e(659),l={insert:"head",singleton:!1},p=(c()(A.a,l),A.a.locals,e(42)),h=Object(p.a)(s,(function(){var n=this,t=n.$createElement,i=n._self._c||t;return i("div",{staticClass:"photos-navigation",class:{"photos-navigation--root":n.isRoot},attrs:{role:"toolbar"}},[n.isRoot?n._e():i("Actions",{staticClass:"photos-navigation__back"},[i("ActionButton",{attrs:{icon:"icon-confirm"},on:{click:n.folderUp}},[n._v("\n\t\t\t"+n._s(n.backToText)+"\n\t\t")])],1),n._v(" "),i("h2",{staticClass:"photos-navigation__title"},[n._v("\n\t\t"+n._s(n.name)+"\n\t")]),n._v(" "),!n.isRoot&&n.showActions?i("Actions",{staticClass:"photos-navigation__share"},[i("ActionButton",{attrs:{icon:"icon-shared"},on:{click:n.showSidebar}},[n._v("\n\t\t\t"+n._s(n.t("photos","Share this folder"))+"\n\t\t")])],1):n._e()],1)}),[],!1,null,"4c3113d6",null);i.a=h.exports},433:function(n,t,i){"use strict";var e=i(0),a=i(434),o=new e.default({data:()=>({gridConfig:a.sizes.max}),watch:{gridConfig(n){this.$emit("changed",n)}},created(){window.addEventListener("resize",this.handleWindowResize),this.handleWindowResize()},beforeDestroy(){window.removeEventListener("resize",this.handleWindowResize)},methods:{handleWindowResize(){const n=Object.keys(a.sizes).find(n=>n>document.documentElement.clientWidth);this.gridConfig=a.sizes[n]||a.sizes.max}}});t.a={data:()=>({gridConfig:{}}),created(){o.$on("changed",n=>{this.gridConfig=n}),console.debug("[".concat("photos","]"),"Grid config",Object.assign({},o.gridConfig)),this.gridConfig=o.gridConfig},beforeDestroy(){o.$off("changed",this.gridConfig)}}},434:function(n,t){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}}}},653:function(n,t,i){var e={"./empty.svg":[802,8],"./folder.svg":[803,9],"./images.svg":[804,10]};function a(n){if(!i.o(e,n))return Promise.resolve().then((function(){var t=new Error("Cannot find module '"+n+"'");throw t.code="MODULE_NOT_FOUND",t}));var t=e[n],a=t[0];return i.e(t[1]).then((function(){return i(a)}))}a.keys=function(){return Object.keys(e)},a.id=653,n.exports=a},654:function(n,t,i){"use strict";var e=i(107),a=i.n(e)()(!0);a.push([n.i,".emptycontent{grid-column:1/-1;margin-top:20vh}.illustration{min-width:200px;max-width:15%;width:300px;margin:auto;margin-bottom:20px;position:relative}.illustration svg{width:100%;height:100%;max-height:40vh}.illustration [fill*='6c63ff']{fill:var(--color-primary-element)}\n","",{version:3,sources:["webpack://src/components/EmptyContent.vue"],names:[],mappings:"AAkHA,cAEC,gBAAiB,CACjB,eAAgB,CAChB,cAGA,eAAgB,CAChB,aAAc,CACd,WAAY,CACZ,WAAY,CACZ,kBAAmB,CACnB,iBAAkB,CANnB,kBASE,UAAW,CACX,WAAY,CACZ,eAAgB,CAXlB,+BAgBE,iCAAkC",sourcesContent:["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.emptycontent {\n\t// span all the available columns\n\tgrid-column: 1/-1;\n\tmargin-top: 20vh;\n}\n\n.illustration {\n\tmin-width: 200px;\n\tmax-width: 15%;\n\twidth: 300px;\n\tmargin: auto;\n\tmargin-bottom: 20px;\n\tposition: relative;\n\n\tsvg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tmax-height: 40vh;\n\t}\n\n\t// change colour of illustration\n\t[fill*='6c63ff'] {\n\t\tfill: var(--color-primary-element);\n\t}\n}\n"],sourceRoot:""}]),t.a=a},656:function(n,t,i){"use strict";var e=i(107),a=i.n(e)()(!0);a.push([n.i,".file[data-v-6d0d8c3b],.folder[data-v-6d0d8c3b]{position:relative;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:var(--border-radius);overflow:hidden}.file .cover[data-v-6d0d8c3b],.folder .cover[data-v-6d0d8c3b]{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-6d0d8c3b],.file:active .cover[data-v-6d0d8c3b],.file:hover .cover[data-v-6d0d8c3b],.file:focus .cover[data-v-6d0d8c3b],.folder.active .cover[data-v-6d0d8c3b],.folder:active .cover[data-v-6d0d8c3b],.folder:hover .cover[data-v-6d0d8c3b],.folder:focus .cover[data-v-6d0d8c3b]{opacity:.3}.file--clear.active .cover[data-v-6d0d8c3b],.file--clear:active .cover[data-v-6d0d8c3b],.file--clear:hover .cover[data-v-6d0d8c3b],.file--clear:focus .cover[data-v-6d0d8c3b],.folder--clear.active .cover[data-v-6d0d8c3b],.folder--clear:active .cover[data-v-6d0d8c3b],.folder--clear:hover .cover[data-v-6d0d8c3b],.folder--clear:focus .cover[data-v-6d0d8c3b]{opacity:.1}.fade-enter-active[data-v-6d0d8c3b],.fade-leave-active[data-v-6d0d8c3b]{transition:opacity var(--animation-quick) ease-in-out}.fade-enter[data-v-6d0d8c3b],.fade-leave-to[data-v-6d0d8c3b]{opacity:0}.transition-group[data-v-6d0d8c3b]{display:contents}.icon-video-white[data-v-6d0d8c3b]{position:absolute;top:10px;right:10px;z-index:5}img[data-v-6d0d8c3b]{position:absolute;width:100%;height:100%;z-index:10;color:transparent;object-fit:contain}.file--cropped img[data-v-6d0d8c3b]{object-fit:cover}svg[data-v-6d0d8c3b]{position:absolute;width:70%;height:70%}\n","",{version:3,sources:["webpack://src/mixins/FileFolder.scss","webpack://src/components/File.vue"],names:[],mappings:"AAsBA,gDAEC,iBAAkB,CAClB,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,wBAAiB,CAAjB,oBAAiB,CAAjB,gBAAiB,CACjB,kCAAmC,CACnC,eAAgB,CARjB,8DAWE,SAAU,CAMV,UAAW,CACX,mBAAoB,CACpB,qDAAsD,CACtD,SAAU,CACV,uCAAwC,CArB1C,4SA6BG,UAAW,CACX,oWAQA,UAAW,CACX,wEAKF,qDAAsD,CACtD,6DAGA,SAAU,CC8DX,mCACC,gBAAiB,CACjB,mCAGA,iBAAkB,CAClB,QAAS,CACT,UAAW,CACX,SAAU,CACV,qBAGA,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,UAAW,CAEX,iBAAkB,CAElB,kBAAmB,CAEnB,oCACC,gBAAiB,CACjB,qBAID,iBAAkB,CAClB,SAAU,CACV,UAAW",sourcesContent:["/**\n * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @license GNU AGPL version 3 or any later version\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","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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.scss';\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: 5;\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:""}]),t.a=a},659:function(n,t,i){"use strict";var e=i(107),a=i.n(e)()(!0);a.push([n.i,".icon-confirm[data-v-4c3113d6]{transform:rotate(180deg)}.photos-navigation[data-v-4c3113d6]{display:flex;position:block;height:44px;padding:0 40px;align-items:center;max-width:100%}.photos-navigation__title[data-v-4c3113d6]{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photos-navigation__share[data-v-4c3113d6]{margin-left:10px}.photos-navigation__back[data-v-4c3113d6],.photos-navigation__share[data-v-4c3113d6]{flex-grow:0;flex-shrink:0}@media (min-width: 0px) and (max-width: 400px){.photos-navigation[data-v-4c3113d6]{top:14.66667px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:-36px}}@media (min-width: 400px) and (max-width: 700px){.photos-navigation[data-v-4c3113d6]{top:14.66667px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:-36px}}@media (min-width: 700px) and (max-width: 1024px){.photos-navigation[data-v-4c3113d6]{top:14.66667px}.photos-navigation__back[data-v-4c3113d6]{margin:0 0px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:0px}}@media (min-width: 1024px) and (max-width: 1280px){.photos-navigation[data-v-4c3113d6]{top:14.66667px}.photos-navigation__back[data-v-4c3113d6]{margin:0 0px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:0px}}@media (min-width: 1280px) and (max-width: 1440px){.photos-navigation[data-v-4c3113d6]{top:29.33333px}.photos-navigation__back[data-v-4c3113d6]{margin:0 11px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:22px}}@media (min-width: 1440px) and (max-width: 1600px){.photos-navigation[data-v-4c3113d6]{top:29.33333px}.photos-navigation__back[data-v-4c3113d6]{margin:0 11px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:22px}}@media (min-width: 1600px) and (max-width: 2048px){.photos-navigation[data-v-4c3113d6]{top:29.33333px}.photos-navigation__back[data-v-4c3113d6]{margin:0 11px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:22px}}@media (min-width: 2048px) and (max-width: 2560px){.photos-navigation[data-v-4c3113d6]{top:29.33333px}.photos-navigation__back[data-v-4c3113d6]{margin:0 22px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:44px}}@media (min-width: 2560px) and (max-width: 3440px){.photos-navigation[data-v-4c3113d6]{top:29.33333px}.photos-navigation__back[data-v-4c3113d6]{margin:0 22px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:44px}}@media (min-width: 3440px){.photos-navigation[data-v-4c3113d6]{top:29.33333px}.photos-navigation__back[data-v-4c3113d6]{margin:0 22px}.photos-navigation--root .photos-navigation__title[data-v-4c3113d6]{padding-left:44px}}\n","",{version:3,sources:["webpack://src/components/Navigation.vue"],names:[],mappings:"AAiJA,+BACC,wBAAyB,CACzB,oCAGA,YAAa,CACb,cAAe,CACf,WAAY,CACZ,cAAe,CACf,kBAAmB,CACnB,cAAe,CACf,2CACC,QAAS,CACT,kBAAmB,CACnB,eAAgB,CAChB,sBAAuB,CACvB,2CAEA,gBAAiB,CACjB,qFAGA,WAAY,CACZ,aAAc,CACd,+CAmBA,oCAEC,cAAgC,CAOhC,oEACC,kBAAc,CACd,CAZH,iDACC,oCAEC,cAAgC,CAOhC,oEACC,kBAAc,CACd,CAZH,kDACC,oCAEC,cAAgC,CAG/B,0CACC,YAAiC,CACjC,oEAGD,gBAAc,CACd,CAZH,mDACC,oCAEC,cAAgC,CAG/B,0CACC,YAAiC,CACjC,oEAGD,gBAAc,CACd,CAZH,mDACC,oCAEC,cAAgC,CAG/B,0CACC,aAAiC,CACjC,oEAGD,iBAAc,CACd,CAZH,mDACC,oCAEC,cAAgC,CAG/B,0CACC,aAAiC,CACjC,oEAGD,iBAAc,CACd,CAZH,mDACC,oCAEC,cAAgC,CAG/B,0CACC,aAAiC,CACjC,oEAGD,iBAAc,CACd,CAZH,mDACC,oCAEC,cAAgC,CAG/B,0CACC,aAAiC,CACjC,oEAGD,iBAAc,CACd,CAZH,mDACC,oCAEC,cAAgC,CAG/B,0CACC,aAAiC,CACjC,oEAGD,iBAAc,CACd,CAZH,2BACC,oCAEC,cAAgC,CAG/B,0CACC,aAAiC,CACjC,oEAGD,iBAAc,CACd",sourcesContent:["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.icon-confirm {\n\ttransform: rotate(180deg)\n}\n\n.photos-navigation {\n\tdisplay: flex;\n\tposition: block;\n\theight: 44px;\n\tpadding: 0 40px;\n\talign-items: center;\n\tmax-width: 100%;\n\t&__title {\n\t\tmargin: 0;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\t&__share {\n\t\tmargin-left: 10px;\n\t}\n\t&__back,\n\t&__share {\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t}\n}\n\n// generate variants based on grid sizes\n// TODO: use mixins/GridSizes as soon as node-sass supports it\n// needs node-sass 5.0 (with libsass 3.6)\n// https://github.com/sass/node-sass/pull/2312\n$previous: 0;\n@each $size, $config in get('sizes') {\n\t$marginTop: map-get($config, 'marginTop');\n\t$marginW: map-get($config, 'marginW');\n\n\t// if this is the last entry, only use min-width\n\t$rule: '(min-width: #{$previous}px) and (max-width: #{$size}px)';\n\t@if $size == 'max' {\n\t\t$rule: '(min-width: #{$previous}px)';\n\t}\n\n\t@media #{$rule} {\n\t\t.photos-navigation {\n\t\t\t// we space this with 2/3 margin top, 1/3 margin bottom\n\t\t\ttop: ($marginTop - 44px) * 2 / 3;\n\t\t\t// padding-left: $marginW;\n\t\t\t@if $marginW >= 44px {\n\t\t\t\t&__back {\n\t\t\t\t\tmargin: 0 (($marginW - 44px) / 2);\n\t\t\t\t}\n\t\t\t}\n\t\t\t&--root &__title {\n\t\t\t\tpadding-left: #{$marginW - 44}px;\n\t\t\t}\n\t\t}\n\t}\n\t$previous: $size;\n}\n"],sourceRoot:""}]),t.a=a}}]); +//# sourceMappingURL=photos-0.js.map?v=2a5d403fb17606580e45
\ No newline at end of file diff --git a/js/photos-0.js.map b/js/photos-0.js.map index 32e522b8..f8835daf 100644 --- a/js/photos-0.js.map +++ b/js/photos-0.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///./src/utils/CancelableRequest.js","webpack:///./src/components/EmptyContent.vue?9bb1","webpack:///./src/components/EmptyContent.vue?78c7","webpack:///src/components/EmptyContent.vue","webpack:///./src/components/EmptyContent.vue?c8bc","webpack:///./src/components/EmptyContent.vue","webpack:///./src/components/File.vue?5497","webpack:///./src/components/File.vue?dce6","webpack:///src/components/File.vue","webpack:///./src/components/File.vue?c7b1","webpack:///./src/components/File.vue","webpack:///./src/components/Navigation.vue?0cf3","webpack:///./src/components/Navigation.vue?b567","webpack:///src/components/Navigation.vue","webpack:///./src/components/Navigation.vue?db22","webpack:///./src/components/Navigation.vue","webpack:///./src/services/GridConfig.js","webpack:///./src/mixins/GridConfig.js","webpack:///./src/assets/grid-sizes.js","webpack:///./src/assets/Illustrations lazy ^\\.\\/.*\\.svg$ namespace object","webpack:///./src/components/EmptyContent.vue?6200","webpack:///./src/components/File.vue?f178","webpack:///./src/components/Navigation.vue?f149"],"names":["CancelableRequest","request","cancelToken","axios","CancelToken","source","async","url","options","Object","assign","token","cancel","locals","component","_vm","this","_h","$createElement","_c","_self","staticClass","domProps","_s","illustration","_v","_t","directives","name","rawName","value","$slots","expression","_e","class","croppedLayout","attrs","davPath","ariaLabel","on","$event","preventDefault","openViewer","item","injected","mime","includes","hasPreview","error","key","ref","src","basename","ariaUuid","onLoad","onError","loaded","isRoot","folderUp","backToText","showActions","showSidebar","t","Vue","data","gridConfig","sizes","max","watch","val","$emit","created","window","addEventListener","handleWindowResize","beforeDestroy","removeEventListener","methods","currentSize","keys","find","size","document","documentElement","clientWidth","getGridConfig","$on","console","debug","appName","$off","module","exports","400","marginTop","marginW","count","gap","700","1024","1280","1440","1600","2048","2560","3440","map","webpackAsyncContext","req","__webpack_require__","o","Promise","resolve","then","e","Error","code","ids","id","___CSS_LOADER_EXPORT___","push","i"],"mappings":"0FAAA,qBA8DeA,IAzBW,SAASC,GAIlC,MAAMC,EAZyBC,IAAMC,YAAYC,SA2BjD,MAAO,CACNJ,QARaK,eAAeC,EAAKC,GACjC,OAAOP,EACNM,EACAE,OAAOC,OAAO,CAAER,YAAaA,EAAYS,OAASH,KAMnDI,OAAQV,EAAYU,U,iCC1DtB,ICA4L,ECmC5L,CACA,oBACA,OACA,kBACA,YACA,aAGA,UACA,CACA,kBAGA,UAMA,mBACA,kCAQA,WACA,8BAGA,wBASA,UACA,qEAOA,OACA,mBACA,yBAGA,cACA,wBAGA,SAIA,wBAEA,GADA,qBACA,2BACA,IACA,gEACA,4BACA,SACA,4D,2BCrGIJ,EAAU,CAEd,OAAiB,OACjB,WAAoB,G,GAEP,IAAI,IAASA,GAIX,IAAQK,O,OCJnBC,EAAY,YACd,GJTW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAW,QAAEI,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAAEN,EAAoB,iBAAEI,EAAG,MAAM,CAACE,YAAY,eAAeC,SAAS,CAAC,UAAYP,EAAIQ,GAAGR,EAAIS,iBAAiBL,EAAG,MAAM,CAACE,YAAY,eAAeN,EAAIU,GAAG,KAAKN,EAAG,KAAK,CAACJ,EAAIW,GAAG,YAAY,GAAGX,EAAIU,GAAG,KAAKN,EAAG,IAAI,CAACQ,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOf,EAAIgB,OAAW,KAAEC,WAAW,iBAAiB,CAACjB, |