https://www.fuerstenau.de/:res/modules/common/common/media/imageGa…ery--imagegallery.system.js?fp=18e763aacdae

1System.register(["vue","axios","framework-vuejs-multiselect--multiselect","framework-vuejs--spinner","media-imagegallery--imagegallery.css"],function(){"use strict";var e,t,i,s,a,l;return{setters:[function(t){e=t.default},function(e){t=e.default},function(e){i=e.TagFilterBar,s=e.MultiSelect},function(e){a=e.default},function(e){l=e.default}],execute:function(){const r=t.CancelToken;var o={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"c-c-media-image-gallery",attrs:{"data-show-tag-filter-as-listbox":e.showTagfilterAsListbox}},[e._t("default"),e._v(" "),i("div",{staticClass:"c-c-media-image-gallery__inner"},[e.showTagFilterBar?i("tag-filter-bar",{attrs:{tags:e.tags,"aria-controls":"items-"+e.id},model:{value:e.selectedTags,callback:function(t){e.selectedTags=t},expression:"selectedTags"}}):e._e(),e._v(" "),e.showTagFilterSelectBox?i("multi-select",{staticClass:"c-c-media-image-gallery__tag-filter-multiselect",attrs:{searchable:!0,options:e.tags,multiple:!0,toggable:!0,label:"Schlagwort-Filter"},model:{value:e.selectedTags,callback:function(t){e.selectedTags=t},expression:"selectedTags"}}):e._e(),e._v(" "),e.loadedItems<e.totalCount?i("button",{ref:"focusGuard",staticClass:"focus-guard",attrs:{type:"button","aria-controls":"items-"+e.id},on:{click:e.loadMore}},[e.isLoadingItems?e._e():i("span",{attrs:{"aria-label":e.showMoreAriaLabel}},[e._v(e._s(e.showMoreLabel))])]):e._e(),e._v(" "),e.noResults?i("div",{staticClass:"c-c-media-image-gallery__no-results",staticStyle:{"text-align":"center"}},[e._v("\n            Keine Ergebnisse\n        ")]):e._e(),e._v(" "),i("p",{staticClass:"c-c-media-image-gallery__accessible-info visually-hidden",attrs:{id:"image-gallery-"+e.id,"aria-live":"assertive"}},[!e.isLoadingItems&&e.loadedItems>0?i("span",[e.page>1?[e._v(e._s(e.loadedItemsForPage)+" Bilder wurden nachgeladen, ")]:e._e(),e._v("\n                "+e._s(e.loadedItems)+" von "+e._s(e.totalCount)+" Bilder geladen "),e.selectedTags.length>0?[e._v(", "+e._s(e.selectedTags.length)+"Ausgewählte Kategorien: "+e._s(e.tagLabelsBySelectedTags()))]:e._e()],2):e._e(),e._v(" "),e.isLoadingItems?i("span",[e._v("Bilder werden geladen")]):e._e(),e._v(" "),e.noResults?i("span",{staticStyle:{"text-align":"center"}},[e._v("\n                Keine Bilder gefunden\n            ")]):e._e()]),e._v(" "),i("div",{staticClass:"c-c-media-image-gallery__list-wrapper"},[i("div",{ref:"grid",staticClass:"c-c-media-image-gallery__list",style:{marginLeft:.5*-e.gutter+"px",marginRight:.5*-e.gutter+"px"},attrs:{role:"list",id:"items-"+e.id,"aria-label":"Bilder-Galerie","aria-describedby":"image-gallery-"+e.id}}),e._v(" "),i("Spinner",{staticClass:"c-c-media-image-gallery__loader",attrs:{loading:e.isLoadingItems,size:40}})],1)],1),e._v(" "),e.loadedItems<e.totalCount?i("button",{staticClass:"c-c-media-image-gallery__load-more",style:{pointerEvents:e.isLoadingItems?"none":"all"},attrs:{type:"button","aria-controls":"items-"+e.id},on:{click:e.loadMore}},[e.isLoadingItems?e._e():i("span",{attrs:{"aria-label":e.showMoreAriaLabel}},[e._v(e._s(e.showMoreLabel))]),e._v(" "),e.isLoadingItems?i("span",[e._v("Wird geladen")]):e._e()]):e._e()],2)},staticRenderFns:[],data(){return{id:this.shortId(),breakpoints:{},loadedItemsForPage:0,loadedItems:0,store:null,initialWidth:null,grid:null,totalCount:0,selectedTags:[],tags:[],page:1,items:[],noResults:!1,lastRequest:null,currentBreakpoint:null,currentGridSize:0,activeRequests:0}},name:"media-image-gallery-image-gallery",watch:{selectedTags(){this.debouncedRequests(1)}},computed:{showTagFilterSelectBox(){return 0!==this.tags.length&&!this.hideFilter&&("never"!==this.showTagfilterAsListbox&&("always"===this.showTagfilterAsListbox||this.currentGridSize<=this.tagFilterSelectBoxBreakpoint))},showTagFilterBar(){return 0!==this.tags.length&&!this.hideFilter&&("never"===this.showTagfilterAsListbox||"always"!==this.showTagfilterAsListbox&&this.currentGridSize>this.tagFilterSelectBoxBreakpoint)},isLoadingItems(){return this.activeRequests>0}},mounted(){this.store=this.$el.querySelector(".c-c-media-image-gallery__store"),this.updateMuuri(),this.calculateGridValues(),this.debouncedRequests=window.ionas.eventually(e=>{this.loadItems(e)},400,!1),document.addEventListener("visibilitychange",()=>{this.grid&&setTimeout(()=>{this.grid.refreshItems().layout(!0)}

1,1)})},methods:{decodeUnicode:e=>decodeURIComponent(atob(e).split("").map(e=>"%"+("00"+e.charCodeAt(0).toString(16)).slice(-2)).join("")),tagLabelsBySelectedTags(){let e=[];return this.tags.forEach(t=>{let i=t.value,s=t.label;-1!==this.selectedTags.indexOf(i)&&e.push(s)}),e.join(", ")},shortId(){var e=46656*Math.random()|0,t=46656*Math.random()|0;return(e=("000"+e.toString(36)).slice(-3))+(t=("000"+t.toString(36)).slice(-3))},sortedEntries:e=>Object.entries(e).sort((e,t)=>e[1]-t[1]),calculateGridValues(){let e={};if(document.body.matches(".mode-editor"))e.initialWidth=this.$refs.grid.clientWidth,this.store.textContent=JSON.stringify(e),this.initialWidth=e.initialWidth;else{try{e=JSON.parse(this.store.textContent)}catch(e){}e.initialWidth?this.initialWidth=e.initialWidth:this.initialWidth=1192}let t=this.columns>15?15:this.columns,i=this.initialWidth/t,s={};for(let e=this.initialWidth>3e3?this.initialWidth:3e3;e>=260;e--){s["column-"+Math.ceil(e/i)]=e}s[this.sortedEntries(s).map(e=>e[0])[0]]=0,this.breakpoints=s,this.$refs.grid.setAttribute("data-breakpoints",JSON.stringify(this.breakpoints)),window.Pegasus.Common.Common.Framework.ResponsiveComponents.observe(this.$refs.grid),this.$refs.grid.onElementResize=e=>{this.currentGridSize=e.contentRect.width,this.grid.refreshItems().layout(!0)},this.$refs.grid.onElementResizeBreakpointChange=e=>{this.currentBreakpoint=e.breakpointName},this.$nextTick(()=>{this.loadItems(this.page)})},updateMuuri(){this.grid&&this.grid.destroy(),this.grid=new Muuri(this.$refs.grid,{layout:{fillGaps:!1}})},loadItems(e){this.activeRequests++,1===e&&(this.grid.remove(this.grid.getItems(),{removeElements:!0,layout:!0}),this.loadedItems=0,this.totalCount=0),this.lastRequest&&this.lastRequest.cancel("REQUEST_CANCELLED"),this.lastRequestId=this.shortId();let i={page:e,pagedBlockID:this.pagedBlockId,listGeneratorRequestId:this.lastRequestId};return this.selectedTags&&(i.tags=this.selectedTags.join(",")),this.lastRequest=r.source(),new Promise((s,a)=>{t.get(this.pseudofileUrl,{params:i,cancelToken:this.lastRequest.token}).then(t=>{if(t.data.requestId===this.lastRequestId)if(this.lastRequest=null,this.totalCount=t.data.totalCount,this.loadedItemsForPage=t.data.loadedItemsForPage,this.loadedItems+=this.loadedItemsForPage,0===this.tags.length&&t.data&&t.data.tags&&t.data.tags.length>0&&(this.tags=t.data.tags),t.data.totalCount>0){this.page=e;let i=this.decodeUnicode(t.data.itemsBase64),a=$(i);$(this.$refs.grid).append(a);let l=$(this.$refs.grid).find(".i4-img-lightbox");if(l.filter("object").each(function(){!this.hasAttribute("data-src")&&this.hasAttribute("data")&&this.setAttribute("data-src",this.getAttribute("data"))}),window.common_common_lib_lightbox&&l.length>0){const e=window.common_common_lib_lightbox.initLightbox(l);window.common_common_lib_lightbox.initFancybox(e.parent(),this.$props.showCaption)}this.noResults=!1,this.$nextTick(()=>{let e=()=>{if(this.page>1){let e=a[0].querySelector("a");e&&e.focus()}this.grid.off("layoutEnd",e)};this.grid.on("layoutEnd",e),this.grid.add(Array.from(a),{layout:!1}),setTimeout(()=>{this.grid.refreshItems().layout(!0)},1),s(a)})}else this.noResults=!0}).finally(()=>{this.lastRequest=null,this.activeRequests--})})},loadMore(){this.debouncedRequests(this.page+1)}},props:{pseudofileUrl:String,hideFilter:Boolean,pagedBlockId:String,columns:Number,automaticRatio:Boolean,ratio:Number,gutter:Number,showMoreLabel:String,showMoreAriaLabel:String,showTagfilterAsListbox:String,tagFilterSelectBoxBreakpoint:{type:Number,default:460},showCaption:Boolean},components:{TagFilterBar:i,MultiSelect:s,Spinner:a}};document.adoptedStyleSheets=[...document.adoptedStyleSheets,l],e.component("chosen-select",{props:["value"],template:"<select><slot></slot></select>",mounted:function(){var e=this;$(e.$el).val(this.value),$(e.$el).chosen().on("change",function(t){e.$emit("input",$(e.$el).val())})}}),Pegasus.Common.Common.Framework.Vuejs.registerComponent("media-image-gallery-image-gallery",{MediaImageGalleryImageGallery:o})}}});
2//# sourceMappingURL=media-imagegallery--imagegallery.system.js.map