photos/js/photos-src_views_Tags_vue.js

/*! For license information please see photos-src_views_Tags_vue.js.LICENSE.txt */
"use strict";(self.webpackChunkphotos=self.webpackChunkphotos||[]).push([["src_views_Tags_vue"],{69363:(t,a,e)=>{e.d(a,{Z:()=>n});const n={name:"AbortControllerMixin",data:()=>({abortController:new AbortController}),beforeDestroy(){this.abortController.abort()},beforeRouteLeave(t,a,e){this.abortController.abort(),this.abortController=new AbortController,e()}}},68053:(t,a,e)=>{e.d(a,{Z:()=>s});var n=e(87537),i=e.n(n),r=e(23645),o=e.n(r)()(i());o.push([t.id,".tag-cover[data-v-6469a03d]{display:flex;flex-direction:column;padding:16px;border-radius:12px}.tag-cover[data-v-6469a03d]:hover,.tag-cover[data-v-6469a03d]:focus{background:var(--color-background-dark)}.tag-cover__image[data-v-6469a03d]{width:350px;height:350px;object-fit:cover;border-radius:12px}@media only screen and (max-width: 1200px){.tag-cover__image[data-v-6469a03d]{width:250px;height:250px}}.tag-cover__image--placeholder[data-v-6469a03d]{background:var(--color-primary-light)}.tag-cover__image--placeholder[data-v-6469a03d] .material-design-icon{width:100%;height:100%}.tag-cover__image--placeholder[data-v-6469a03d] .material-design-icon .material-design-icon__svg{fill:var(--color-primary)}.tag-cover__details[data-v-6469a03d]{display:flex;flex-direction:column;margin-top:16px;width:350px}@media only screen and (max-width: 1200px){.tag-cover__details[data-v-6469a03d]{width:250px}}.tag-cover__details__first-line[data-v-6469a03d]{display:flex}.tag-cover__details__second-line[data-v-6469a03d]{display:flex;color:var(--color-text-lighter)}.tag-cover__details__name[data-v-6469a03d]{flex-grow:1;margin:0;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}","",{version:3,sources:["webpack://./src/components/TagCover.vue"],names:[],mappings:"AAEA,4BACC,YAAA,CACA,qBAAA,CACA,YAAA,CACA,kBAAA,CAEA,oEACC,uCAAA,CAGD,mCACC,WAAA,CACA,YAAA,CACA,gBAAA,CACA,kBAAA,CAEA,2CAND,mCAOE,WAAA,CACA,YAAA,CAAA,CAGD,gDACC,qCAAA,CAEA,sEACC,UAAA,CACA,WAAA,CAEA,iGACC,yBAAA,CAMJ,qCACC,YAAA,CACA,qBAAA,CACA,eAAA,CACA,WAAA,CAEA,2CAND,qCAOE,WAAA,CAAA,CAGD,iDACC,YAAA,CAGD,kDACC,YAAA,CACA,+BAAA,CAGD,2CACC,WAAA,CACA,QAAA,CACA,kBAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA",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.tag-cover {\n\tdisplay: flex;\n\tflex-direction: column;\n\tpadding: 16px;\n\tborder-radius: 12px;\n\n\t&:hover, &:focus {\n\t\tbackground: var(--color-background-dark);\n\t}\n\n\t&__image {\n\t\twidth: 350px;\n\t\theight: 350px;\n\t\tobject-fit: cover;\n\t\tborder-radius: 12px;\n\n\t\t@media only screen and (max-width: 1200px) {\n\t\t\twidth: 250px;\n\t\t\theight: 250px;\n\t\t}\n\n\t\t&--placeholder {\n\t\t\tbackground: var(--color-primary-light);\n\n\t\t\t:deep(.material-design-icon) {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\n\t\t\t\t.material-design-icon__svg {\n\t\t\t\t\tfill: var(--color-primary);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&__details {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmargin-top: 16px;\n\t\twidth: 350px;\n\n\t\t@media only screen and (max-width: 1200px) {\n\t\t\twidth: 250px;\n\t\t}\n\n\t\t&__first-line {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t&__second-line {\n\t\t\tdisplay: flex;\n\t\t\tcolor: var(--color-text-lighter);\n\t\t}\n\n\t\t&__name {\n\t\t\tflex-grow: 1;\n\t\t\tmargin: 0;\n\t\t\tfont-weight: normal;\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\t\t\ttext-overflow: ellipsis;\n\n\t\t}\n\t}\n\n}\n'],sourceRoot:""}]);const s=o},81520:(t,a,e)=>{e.d(a,{Z:()=>s});var n=e(87537),i=e.n(n),r=e(23645),o=e.n(r)()(i());o.push([t.id,".loader[data-v-a658678c]{margin-top:30vh}.container[data-v-a658678c]{padding-left:44px}.container>h2[data-v-a658678c]{margin-left:14px;margin-top:40px}.popular-tags[data-v-a658678c],.tags[data-v-a658678c]{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}","",{version:3,sources:["webpack://./src/views/Tags.vue"],names:[],mappings:"AAEA,yBACC,eAAA,CAGD,4BACC,iBAAA,CAEA,+BACC,gBAAA,CACA,eAAA,CAIF,sDACC,YAAA,CACA,kBAAA,CACA,OAAA,CACA,cAAA",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.loader {\n\tmargin-top: 30vh;\n}\n\n.container {\n\tpadding-left: 44px;\n\n\t> h2 {\n\t\tmargin-left: 14px;\n\t\tmargin-top: 40px;\n\t}\n}\n\n.popular-tags, .tags {\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 8px;\n\tflex-wrap: wrap;\n}\n'],sourceRoot:""}]);const s=o},44572:(t,a,e)=>{e.d(a,{Z:()=>i});const n={name:"ImageMultipleIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};const i=(0,e(51900).Z)(n,(function(){var t=this,a=t._self._c;return a("span",t._b({staticClass:"material-design-icon image-multiple-icon",attrs:{"aria-hidden":!t.title,"aria-label":t.title,role:"img"},on:{click:function(a){return t.$emit("click",a)}}},"span",t.$attrs,!1),[a("svg",{staticClass:"material-design-icon__svg",attrs:{fill:t.fillColor,width:t.size,height:t.size,viewBox:"0 0 24 24"}},[a("path",{attrs:{d:"M22,16V4A2,2 0 0,0 20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16M11,12L13.03,14.71L16,11L20,16H8M2,6V20A2,2 0 0,0 4,22H18V20H4V6"}},[t.title?a("title",[t._v(t._s(t.title))]):t._e()])])])}),[],!1,null,null,null).exports},63009:(t,a,e)=>{e.r(a),e.d(a,{default:()=>B});var n=e(20629),i=e(15961),r=e(44572),o=e(79753),s=e(69363);const l={name:"TagCover",components:{ImageMultipleIcon:r.Z},mixins:[s.Z],props:{tag:{type:Object,required:!0}},data:()=>({loadCover:!1,observer:null}),computed:{...(0,n.Se)(["files","tags"]),coverUrl(){return this.loadCover?(0,o.generateUrl)("/core/preview?fileId=".concat(this.tag.referenceFileid,"&x=",512,"&y=",512,"&forceIcon=0&a=1")):""},count(){return this.tag.filesAssigned}},watch:{loadCover(){this.tag.filesAssigned||this.$store.dispatch("fetchTagFiles",{id:this.tag.id,signal:this.abortController.signal})}},mounted(){this.observer=new IntersectionObserver((t=>{t[0].isIntersecting&&(this.loadCover=!0,this.observer.disconnect())})),this.observer.observe(this.$el)}};var A=e(93379),c=e.n(A),g=e(7795),d=e.n(g),p=e(90569),C=e.n(p),m=e(3565),h=e.n(m),v=e(19216),u=e.n(v),_=e(44589),f=e.n(_),x=e(68053),w={};w.styleTagTransform=f(),w.setAttributes=h(),w.insert=C().bind(null,"head"),w.domAPI=d(),w.insertStyleElement=u();c()(x.Z,w);x.Z&&x.Z.locals&&x.Z.locals;var b=e(51900);const y=(0,b.Z)(l,(function(){var t=this,a=t._self._c;return a("router-link",{staticClass:"tag-cover",attrs:{to:"/tags/".concat(t.tag.displayName)}},[0!==t.tag.filesAssigned?a("img",{staticClass:"tag-cover__image",attrs:{src:t.coverUrl}}):a("div",{staticClass:"tag-cover__image tag-cover__image--placeholder"},[a("ImageMultipleIcon",{attrs:{size:128}})],1),t._v(" "),a("div",{staticClass:"tag-cover__details"},[a("div",{staticClass:"tag-cover__details__first-line"},[a("h3",{staticClass:"tag-cover__details__name"},[t._v("\n\t\t\t\t"+t._s(t.t("recognize",t.tag.displayName))+"\n\t\t\t")])]),t._v(" "),a("div",{staticClass:"tag-cover__details__second-line"},[t._v("\n\t\t\t"+t._s(t.n("photos","%n photo","%n photos",t.count))+"\n\t\t")])])])}),[],!1,null,"6469a03d",null).exports;var T=e(25108);const k={name:"Tags",components:{TagCover:y,NcLoadingIcon:i.lb,NcEmptyContent:i.SL},mixins:[s.Z],data:()=>({error:null,loading:!1,showTags:!1}),computed:{...(0,n.Se)(["files","tags","tagsNames"]),tagsList(){return Object.keys(this.tagsNames).map((t=>this.tags[this.tagsNames[t]])).filter((t=>t&&t.id))},popularTags(){return Object.keys(this.tagsNames).filter((t=>this.tags[this.tagsNames[t]].filesAssigned>50)).sort(((t,a)=>(this.tags[this.tagsNames[a]].filesAssigned||this.tagCounts[a])-(this.tags[this.tagsNames[t]].filesAssigned||this.tagCounts[t]))).slice(0,9).map((t=>this.tags[this.tagsNames[t]]))}},async beforeMount(){await this.fetchRootContent()},methods:{async fetchRootContent(){OCA.Viewer.close(),this.error=null;try{this.tagsList.length||(this.loading=!0,await this.$store.dispatch("fetchAllTags",{signal:this.abortController.signal}))}catch(t){T.error(t),this.error=!0}finally{this.loading=!1}}}};var W=e(81520),N={};N.styleTagTransform=f(),N.setAttributes=h(),N.insert=C().bind(null,"head"),N.domAPI=d(),N.insertStyleElement=u();c()(W.Z,N);W.Z&&W.Z.locals&&W.Z.locals;const B=(0,b.Z)(k,(function(){var t=this,a=t._self._c;return a("div",[t.error?a("NcEmptyContent",{attrs:{title:t.t("photos","An error occurred")}}):t._e(),t._v(" "),t.loading||0!==t.tagsList.length?t._e():a("NcEmptyContent",{attrs:{title:t.t("photos","No tags yet"),description:t.t("photos","Photos with tags will show up here")}}),t._v(" "),t.loading?a("NcLoadingIcon",{staticClass:"loader"}):a("div",{staticClass:"container"},[t.popularTags.length?a("h2",[t._v("\n\t\t\t"+t._s(t.t("photos","Popular tags"))+"\n\t\t")]):t._e(),t._v(" "),a("div",{staticClass:"popular-tags"},t._l(t.popularTags,(function(t){return a("TagCover",{key:t.id,attrs:{tag:t}})})),1),t._v(" "),t.tagsList.length?a("h2",[t._v("\n\t\t\tAll tags\n\t\t")]):t._e(),t._v(" "),a("div",{staticClass:"tags"},t._l(t.tagsList,(function(t){return a("TagCover",{key:t.id,attrs:{tag:t}})})),1)])],1)}),[],!1,null,"a658678c",null).exports}}]);
//# sourceMappingURL=photos-src_views_Tags_vue.js.map?v=938ff4c8fe367f72d440
	`/! For license information please see photos-src_views_Tags_vue.js.LICENSE.txt /`
	"use strict";(self.webpackChunkphotos=self.webpackChunkphotos\|\|[]).push([["src_views_Tags_vue"],{69363:(t,a,e)=>{e.d(a,{Z:()=>n});const n={name:"AbortControllerMixin",data:()=>({abortController:new AbortController}),beforeDestroy(){this.abortController.abort()},beforeRouteLeave(t,a,e){this.abortController.abort(),this.abortController=new AbortController,e()}}},68053:(t,a,e)=>{e.d(a,{Z:()=>s});var n=e(87537),i=e.n(n),r=e(23645),o=e.n(r)()(i());o.push([t.id,".tag-cover[data-v-6469a03d]{display:flex;flex-direction:column;padding:16px;border-radius:12px}.tag-cover[data-v-6469a03d]:hover,.tag-cover[data-v-6469a03d]:focus{background:var(--color-background-dark)}.tag-cover__image[data-v-6469a03d]{width:350px;height:350px;object-fit:cover;border-radius:12px}@media only screen and (max-width: 1200px){.tag-cover__image[data-v-6469a03d]{width:250px;height:250px}}.tag-cover__image--placeholder[data-v-6469a03d]{background:var(--color-primary-light)}.tag-cover__image--placeholder[data-v-6469a03d] .material-design-icon{width:100%;height:100%}.tag-cover__image--placeholder[data-v-6469a03d] .material-design-icon .material-design-icon__svg{fill:var(--color-primary)}.tag-cover__details[data-v-6469a03d]{display:flex;flex-direction:column;margin-top:16px;width:350px}@media only screen and (max-width: 1200px){.tag-cover__details[data-v-6469a03d]{width:250px}}.tag-cover__details__first-line[data-v-6469a03d]{display:flex}.tag-cover__details__second-line[data-v-6469a03d]{display:flex;color:var(--color-text-lighter)}.tag-cover__details__name[data-v-6469a03d]{flex-grow:1;margin:0;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}","",{version:3,sources:["webpack://./src/components/TagCover.vue"],names:[],mappings:"AAEA,4BACC,YAAA,CACA,qBAAA,CACA,YAAA,CACA,kBAAA,CAEA,oEACC,uCAAA,CAGD,mCACC,WAAA,CACA,YAAA,CACA,gBAAA,CACA,kBAAA,CAEA,2CAND,mCAOE,WAAA,CACA,YAAA,CAAA,CAGD,gDACC,qCAAA,CAEA,sEACC,UAAA,CACA,WAAA,CAEA,iGACC,yBAAA,CAMJ,qCACC,YAAA,CACA,qBAAA,CACA,eAAA,CACA,WAAA,CAEA,2CAND,qCAOE,WAAA,CAAA,CAGD,iDACC,YAAA,CAGD,kDACC,YAAA,CACA,+BAAA,CAGD,2CACC,WAAA,CACA,QAAA,CACA,kBAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA",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.tag-cover {\n\tdisplay: flex;\n\tflex-direction: column;\n\tpadding: 16px;\n\tborder-radius: 12px;\n\n\t&:hover, &:focus {\n\t\tbackground: var(--color-background-dark);\n\t}\n\n\t&__image {\n\t\twidth: 350px;\n\t\theight: 350px;\n\t\tobject-fit: cover;\n\t\tborder-radius: 12px;\n\n\t\t@media only screen and (max-width: 1200px) {\n\t\t\twidth: 250px;\n\t\t\theight: 250px;\n\t\t}\n\n\t\t&--placeholder {\n\t\t\tbackground: var(--color-primary-light);\n\n\t\t\t:deep(.material-design-icon) {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\n\t\t\t\t.material-design-icon__svg {\n\t\t\t\t\tfill: var(--color-primary);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&__details {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmargin-top: 16px;\n\t\twidth: 350px;\n\n\t\t@media only screen and (max-width: 1200px) {\n\t\t\twidth: 250px;\n\t\t}\n\n\t\t&__first-line {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t&__second-line {\n\t\t\tdisplay: flex;\n\t\t\tcolor: var(--color-text-lighter);\n\t\t}\n\n\t\t&__name {\n\t\t\tflex-grow: 1;\n\t\t\tmargin: 0;\n\t\t\tfont-weight: normal;\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\t\t\ttext-overflow: ellipsis;\n\n\t\t}\n\t}\n\n}\n'],sourceRoot:""}]);const s=o},81520:(t,a,e)=>{e.d(a,{Z:()=>s});var n=e(87537),i=e.n(n),r=e(23645),o=e.n(r)()(i());o.push([t.id,".loader[data-v-a658678c]{margin-top:30vh}.container[data-v-a658678c]{padding-left:44px}.container>h2[data-v-a658678c]{margin-left:14px;margin-top:40px}.popular-tags[data-v-a658678c],.tags[data-v-a658678c]{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}","",{version:3,sources:["webpack://./src/views/Tags.vue"],names:[],mappings:"AAEA,yBACC,eAAA,CAGD,4BACC,iBAAA,CAEA,+BACC,gBAAA,CACA,eAAA,CAIF,sDACC,YAAA,CACA,kBAAA,CACA,OAAA,CACA,cAAA",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.loader {\n\tmargin-top: 30vh;\n}\n\n.container {\n\tpadding-left: 44px;\n\n\t> h2 {\n\t\tmargin-left: 14px;\n\t\tmargin-top: 40px;\n\t}\n}\n\n.popular-tags, .tags {\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 8px;\n\tflex-wrap: wrap;\n}\n'],sourceRoot:""}]);const s=o},44572:(t,a,e)=>{e.d(a,{Z:()=>i});const n={name:"ImageMultipleIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};const i=(0,e(51900).Z)(n,(function(){var t=this,a=t._self._c;return a("span",t._b({staticClass:"material-design-icon image-multiple-icon",attrs:{"aria-hidden":!t.title,"aria-label":t.title,role:"img"},on:{click:function(a){return t.$emit("click",a)}}},"span",t.$attrs,!1),[a("svg",{staticClass:"material-design-icon__svg",attrs:{fill:t.fillColor,width:t.size,height:t.size,viewBox:"0 0 24 24"}},[a("path",{attrs:{d:"M22,16V4A2,2 0 0,0 20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16M11,12L13.03,14.71L16,11L20,16H8M2,6V20A2,2 0 0,0 4,22H18V20H4V6"}},[t.title?a("title",[t._v(t._s(t.title))]):t._e()])])])}),[],!1,null,null,null).exports},63009:(t,a,e)=>{e.r(a),e.d(a,{default:()=>B});var n=e(20629),i=e(15961),r=e(44572),o=e(79753),s=e(69363);const l={name:"TagCover",components:{ImageMultipleIcon:r.Z},mixins:[s.Z],props:{tag:{type:Object,required:!0}},data:()=>({loadCover:!1,observer:null}),computed:{...(0,n.Se)(["files","tags"]),coverUrl(){return this.loadCover?(0,o.generateUrl)("/core/preview?fileId=".concat(this.tag.referenceFileid,"&x=",512,"&y=",512,"&forceIcon=0&a=1")):""},count(){return this.tag.filesAssigned}},watch:{loadCover(){this.tag.filesAssigned\|\|this.$store.dispatch("fetchTagFiles",{id:this.tag.id,signal:this.abortController.signal})}},mounted(){this.observer=new IntersectionObserver((t=>{t[0].isIntersecting&&(this.loadCover=!0,this.observer.disconnect())})),this.observer.observe(this.$el)}};var A=e(93379),c=e.n(A),g=e(7795),d=e.n(g),p=e(90569),C=e.n(p),m=e(3565),h=e.n(m),v=e(19216),u=e.n(v),_=e(44589),f=e.n(_),x=e(68053),w={};w.styleTagTransform=f(),w.setAttributes=h(),w.insert=C().bind(null,"head"),w.domAPI=d(),w.insertStyleElement=u();c()(x.Z,w);x.Z&&x.Z.locals&&x.Z.locals;var b=e(51900);const y=(0,b.Z)(l,(function(){var t=this,a=t._self._c;return a("router-link",{staticClass:"tag-cover",attrs:{to:"/tags/".concat(t.tag.displayName)}},[0!==t.tag.filesAssigned?a("img",{staticClass:"tag-cover__image",attrs:{src:t.coverUrl}}):a("div",{staticClass:"tag-cover__image tag-cover__image--placeholder"},[a("ImageMultipleIcon",{attrs:{size:128}})],1),t._v(" "),a("div",{staticClass:"tag-cover__details"},[a("div",{staticClass:"tag-cover__details__first-line"},[a("h3",{staticClass:"tag-cover__details__name"},[t._v("\n\t\t\t\t"+t._s(t.t("recognize",t.tag.displayName))+"\n\t\t\t")])]),t._v(" "),a("div",{staticClass:"tag-cover__details__second-line"},[t._v("\n\t\t\t"+t._s(t.n("photos","%n photo","%n photos",t.count))+"\n\t\t")])])])}),[],!1,null,"6469a03d",null).exports;var T=e(25108);const k={name:"Tags",components:{TagCover:y,NcLoadingIcon:i.lb,NcEmptyContent:i.SL},mixins:[s.Z],data:()=>({error:null,loading:!1,showTags:!1}),computed:{...(0,n.Se)(["files","tags","tagsNames"]),tagsList(){return Object.keys(this.tagsNames).map((t=>this.tags[this.tagsNames[t]])).filter((t=>t&&t.id))},popularTags(){return Object.keys(this.tagsNames).filter((t=>this.tags[this.tagsNames[t]].filesAssigned>50)).sort(((t,a)=>(this.tags[this.tagsNames[a]].filesAssigned\|\|this.tagCounts[a])-(this.tags[this.tagsNames[t]].filesAssigned\|\|this.tagCounts[t]))).slice(0,9).map((t=>this.tags[this.tagsNames[t]]))}},async beforeMount(){await this.fetchRootContent()},methods:{async fetchRootContent(){OCA.Viewer.close(),this.error=null;try{this.tagsList.length\|\|(this.loading=!0,await this.$store.dispatch("fetchAllTags",{signal:this.abortController.signal}))}catch(t){T.error(t),this.error=!0}finally{this.loading=!1}}}};var W=e(81520),N={};N.styleTagTransform=f(),N.setAttributes=h(),N.insert=C().bind(null,"head"),N.domAPI=d(),N.insertStyleElement=u();c()(W.Z,N);W.Z&&W.Z.locals&&W.Z.locals;const B=(0,b.Z)(k,(function(){var t=this,a=t._self._c;return a("div",[t.error?a("NcEmptyContent",{attrs:{title:t.t("photos","An error occurred")}}):t._e(),t._v(" "),t.loading\|\|0!==t.tagsList.length?t._e():a("NcEmptyContent",{attrs:{title:t.t("photos","No tags yet"),description:t.t("photos","Photos with tags will show up here")}}),t._v(" "),t.loading?a("NcLoadingIcon",{staticClass:"loader"}):a("div",{staticClass:"container"},[t.popularTags.length?a("h2",[t._v("\n\t\t\t"+t._s(t.t("photos","Popular tags"))+"\n\t\t")]):t._e(),t._v(" "),a("div",{staticClass:"popular-tags"},t._l(t.popularTags,(function(t){return a("TagCover",{key:t.id,attrs:{tag:t}})})),1),t._v(" "),t.tagsList.length?a("h2",[t._v("\n\t\t\tAll tags\n\t\t")]):t._e(),t._v(" "),a("div",{staticClass:"tags"},t._l(t.tagsList,(function(t){return a("TagCover",{key:t.id,attrs:{tag:t}})})),1)])],1)}),[],!1,null,"a658678c",null).exports}}]);
	`//# sourceMappingURL=photos-src_views_Tags_vue.js.map?v=938ff4c8fe367f72d440`