https://assets.www.handelsblatt.com/frontend/5091.1309546c229ff3e4.js

1"use strict";(self.webpackChunkhbApp=self.webpackChunkhbApp||[]).push([[5091],{63841(w,m,a){a.d(m,{e:()=>u});var r=a(47266),_=a(11973),t=a(35547);let u=(()=>{class p{constructor(){this.toggleExpansion=new r.bkB}get ariaLabel(){return this.isActive?"Zuklappen":"Aufklappen"}static{this.\u0275fac=function(l){return new(l||p)}}static{this.\u0275cmp=t.VBU({type:p,selectors:[["app-expand-toggle"]],hostVars:1,hostBindings:function(l,c){2&l&&t.BMQ("aria-label",c.ariaLabel)},inputs:{isActive:"isActive"},outputs:{toggleExpansion:"toggleExpansion"},decls:1,vars:2,consts:[["size","small","icon","down",3,"click"]],template:function(l,c){1&l&&(t.j41(0,"hmg-ghost-button",0),t.bIt("click",function(){return c.toggleExpansion.emit()}),t.k0s()),2&l&&t.AVh("active",c.isActive)},dependencies:[_.TAk],styles:["[_nghost-%COMP%]{display:inline-block}hmg-ghost-button[_ngcontent-%COMP%]     hmg-icon{transition:transform .25s cubic-bezier(.2,1,.8,1)}hmg-ghost-button.active[_ngcontent-%COMP%]     hmg-icon{transform:rotate(-180deg)}"],changeDetection:1})}}return p})()},35091(w,m,a){a.r(m),a.d(m,{ImageGalleryLightboxComponent:()=>R});var r=a(47266),_=a(49769),t=a(35547),u=a(32271),p=a(63841),M=a(1526),h=a(53085),l=a(21241),c=a(49303),v=a(11973),f=a(21512),O=a(82444),E=a(65157);const x=o=>({"single-image":o}),P=o=>({"caption-collapsed":o}),y=()=>[380,500,700,800,1080,1179,1500,1800,2200,2600,3e3,3600];function S(o,d){if(1&o&&(t.j41(0,"swiper-slide",1)(1,"div",12),t.nrm(2,"app-image",13),t.k0s()()),2&o){const n=d.$implicit,e=t.XpG();t.R7$(),t.HbH(e.imageGalleryImageWrapperCssClass),t.Y8G("ngClass",t.eq3(12,x,e.isSingleImage)),t.R7$(),t.HbH(n.orientation),t.xc7("aspect-ratio",e.aspectRatioClass()),t.Y8G("image",n)("aspectRatio",e.getRatioByOrientation(n.orientation,n.aspectRatios._original.ratio))("widthConfig",t.lJ4(14,y))("fallbackWidth",1500)("fullWidthMobile",!0)}}function I(o,d){if(1&o){const n=t.RV6();t.j41(0,"div",6)(1,"app-expand-toggle",14),t.bIt("toggleExpansion",function(){r.eBV(n);const i=t.XpG();return r.Njj(i.toggleCaptionExpansion())}),t.k0s()()}if(2&o){const n=t.XpG();t.R7$(),t.Y8G("isActive",!n.isCaptionExpanded)}}function T(o,d){1&o&&t.nrm(0,"hmg-ghost-button",8)}function N(o,d){1&o&&t.nrm(0,"hmg-ghost-button",10)}function D(o,d){if(1&o&&(t.j41(0,"div",11),t.EFF(1),t.k0s()),2&o){const n=t.XpG();t.R7$(),t.Lme(" ",n.currentSlide+1," / ",n.images.length," ")}}let R=(()=>{class o{static{this.instanceCounter=0}set context({currentSlide:n,images:e}){this.currentSlide=n,this.images=e,this.config.initialSlide=n,this.output.emit(n)}onSwipeStart(n){n instanceof TouchEvent&&this.closeOnSwipeUpOrDown(n,"start")}onSwipeEnd(n){n instanceof TouchEvent&&this.closeOnSwipeUpOrDown(n,"stop")}constructor(n,e,i,s){this.document=n,this.aspectRatioService=e,this.changeDetectionRef=i,this.ngZone=s,this.instanceId=o.instanceCounter++,this.output=new r.bkB,this.closeView=new r.bkB,this.captionElementInitialHeight=0,this.imageGalleryImageWrapperCssClass="image-wrapper",this.isCaptionExpanded=!1,this.isCaptionActionVisible=!1,this.currentSlide=0,this.images=[],this.config={loop:!0,allowTouchMove:!0,slidesPerView:1,navigation:{nextEl:".button-next",prevEl:".button-prev"},a11y:{prevSlideMessage:"Vorheriges Bild",nextSlideMessage:"N\xe4chstes Bild"},pagination:{el:`app-image-gallery-lightbox .swiper-pagination-${this.instanceId}`},keyboard:{enabled:!0},watchOverflow:!0},this.IconName=f.$MW,this.IconSize=f.lKu,this.aspectRatioClass=(0,u.EW)(()=>this.image.orientation===O.LH0.original?this.image.aspectRatios._original?.ratio:null)}get caption(){return this.image.caption}get isSingleImage(){return 1===this.images.length}get credits(){return this.image.credits??""}setCaptionActionVisibility(){this.ngZone.run(()=>{this.isCaptionActionVisible=this.captionElement?.nativeElement.scrollWidth>this.captionElement?.nativeElement.clientWidth||this.captionElement?.nativeElement.clientHeight>this.captionElementInitialHeight})}getRatioByOrientation(n,e){return this.aspectRatioService.getRatioByOrientation(n,e)}onIndexChange(n){this.currentSlide=n,this.output.emit(n),this.setCaptionActionVisibility()}toggleCaptionExpansion(){this.isCaptionActionVisible&&(this.isCaptionExpanded=!this.isCaptionExpanded)}get image(){return this.images[this.currentSlide]}ngOnInit(){this.config.loop=!this.isSingleImage}ngAfterViewInit(){this.document.defaultView?.setTimeout(()=>{this.captionElementInitialHeight=this.captionElement?.nativeElement.clientHeight,this.setCaptionActionVisibility(),this.changeDetectionRef.detectChanges()})}contentWrapperClick(n){const e=this.expandToggle.nativeElement;n.composedPath().includes(e)||this.toggleCaptionExpansion()}close(){this.closeView.emit()}closeOnSwipeUpOrDown(n,e){const C=[n.changedTouches[0].clientX,n.changedTouches[0].clientY],b=(new Date).getTime();if("start"===e)this.swipeCoordinates=C,this.swipeTime=b;else if("stop"===e){const A=this.swipeCoordinates?[C[0]-this.swipeCoordinates[0],C[1]-this.swipeCoordinates[1]]:[0,0],L=this.swipeTime?b-this.swipeTime:0,[B,z]=A;L<1e3&&Math.abs(B)<100&&Math.abs(z)>100&&this.close()}}static{this.\u0275fac=function(e){return new(e||o)(t.rXU(r.qQL),t.rXU(M.$),t.rXU(E.gRc),t.rXU(r.SKi))}}static{this.\u0275cmp=t.VBU({type:o,selectors:[["app-image-gallery-lightbox"]],viewQuery:function(e,i){if(1&e&&t.GBs(l.s,7,t.aKT)(p.e,5,t.aKT),2&e){let s;t.mGM(s=t.lsd())&&(i.captionElement=s.first),t.mGM(s=t.lsd())&&(i.expandToggle=s.first)}},hostBindings:function(e,i){1&e&&t.bIt("touchstart",function(g){return i.onSwipeStart(g)})("touchend",function(g){return i.onSwipeEnd(g)})},inputs:{context:"context"},outputs:{output:"output",closeView:"closeView"},decls:14,vars:16,consts:[[1,"image-gallery",3,"currentIndexChange","resize","options"],[1,"slide"],["slot","container-start",1,"content"],[1,"image-gallery-content-wrapper",3,"click","ngClass"],[1,"image-gallery-content"],[3,"caption","credits","ngClass"],[1,"caption-action"],[1,"controls"],["icon","left",1,"button-prev"],[1,"button-close",3,"click"],["icon","right",1,"button-next"],[1,"current-slide"],[3,"ngClass"],[3,"image","as

1pectRatio","widthConfig","fallbackWidth","fullWidthMobile"],[3,"toggleExpansion","isActive"]],template:function(e,i){1&e&&(t.j41(0,"app-swiper-wrapper",0),t.bIt("currentIndexChange",function(g){return i.onIndexChange(g)})("resize",function(){return i.setCaptionActionVisibility()}),t.Z7z(1,S,3,15,"swiper-slide",1,t.Vm6),t.j41(3,"div",2)(4,"div",3),t.bIt("click",function(g){return i.contentWrapperClick(g)}),t.j41(5,"div",4),t.nrm(6,"app-media-caption",5),t.nVh(7,I,2,1,"div",6),t.k0s()(),t.j41(8,"div",7),t.nVh(9,T,1,0,"hmg-ghost-button",8),t.j41(10,"button",9),t.bIt("click",function(){return i.close()}),t.k0s(),t.nVh(11,N,1,0,"hmg-ghost-button",10),t.k0s(),t.nVh(12,D,2,2,"div",11),t.nrm(13,"div"),t.k0s()()),2&e&&(t.Y8G("options",i.config),t.R7$(),t.Dyx(i.images),t.R7$(3),t.Y8G("ngClass",t.eq3(12,x,i.isSingleImage)),t.R7$(2),t.Y8G("caption",i.caption)("credits",i.credits)("ngClass",t.eq3(14,P,!i.isCaptionExpanded)),t.R7$(),t.vxM(i.isCaptionActionVisible?7:-1),t.R7$(2),t.vxM(i.isSingleImage?-1:9),t.R7$(2),t.vxM(i.isSingleImage?-1:11),t.R7$(),t.vxM(i.images.length>1?12:-1),t.R7$(),t.HbH(t.VkB("swiper-pagination swiper-pagination-",i.instanceId)))},dependencies:[c.$,_.YU,h.h,l.s,p.e,v.TAk],styles:["[_nghost-%COMP%]{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:center}[_nghost-%COMP%]   .swiper-pagination[_ngcontent-%COMP%]    >.swiper-pagination-bullet{--%NS%swiper-pagination-bullet-size: 6px;--%NS%swiper-pagination-bullet-inactive-color: var(--%NS%hmg-des-components-button-primary-color-fill-disabled);--%NS%swiper-pagination-bullet-inactive-opacity: 1;--%NS%swiper-pagination-bullet-horizontal-gap: 2px}[_nghost-%COMP%]   .swiper-pagination[_ngcontent-%COMP%]    >.swiper-pagination-bullet-active{--%NS%swiper-pagination-color: var(--%NS%hmg-des-components-button-primary-color-fill-default);--%NS%swiper-pagination-bullet-size: 8px}.image-gallery[_ngcontent-%COMP%]{--%NS%image-gutter: 50px;--%NS%background-z-index: 1;--%NS%default-z-index: 2;--%NS%foreground-z-index: 3;--%NS%caption-height: 83px;position:relative;height:100%;width:100%}.slide[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}.image-wrapper[_ngcontent-%COMP%]{position:absolute;left:0;top:0;width:100%;height:calc(100% - var(--%NS%caption-height));z-index:var(--%NS%background-z-index);display:flex;justify-content:center;align-items:center}.image-wrapper[_ngcontent-%COMP%]   app-image[_ngcontent-%COMP%]     picture{height:initial}.image-wrapper.single-image[_ngcontent-%COMP%]{height:calc(100% - 63px)}.content[_ngcontent-%COMP%]{position:absolute;width:100%;height:100%;z-index:var(--%NS%foreground-z-index)}.image-gallery-content-wrapper[_ngcontent-%COMP%]{position:absolute;bottom:var(--%NS%hmg-des-dimensions-gap-m);padding-bottom:var(--%NS%hmg-des-dimensions-padding-m);left:0;width:100%;max-height:calc(100% - 2 * var(--%NS%image-gutter));display:flex;overflow:visible;z-index:var(--%NS%foreground-z-index);cursor:pointer}@media(min-width:1024px){.image-gallery-content-wrapper[_ngcontent-%COMP%]{border-top:none}}.image-gallery-content-wrapper.single-image[_ngcontent-%COMP%]{bottom:0}.image-gallery-content[_ngcontent-%COMP%]{background-color:var(--%NS%hmg-des-color-background-primary);max-width:var(--%NS%page-width);margin-inline:auto}@media(min-width:768px){.image-gallery-content[_ngcontent-%COMP%]{max-width:var(--%NS%page-width-m)}}@media(min-width:1024px){.image-gallery-content[_ngcontent-%COMP%]{max-width:var(--%NS%page-width-l)}}@media(min-width:9999px){.image-gallery-content[_ngcontent-%COMP%]{max-width:var(--%NS%page-width-xl)}}.image-gallery-content[_ngcontent-%COMP%]{padding-inline:var(--%NS%page-padding);position:relative;display:flex;padding-top:var(--%NS%hmg-des-dimensions-padding-m);margin:0 auto;z-index:var(--%NS%foreground-z-index);overflow:visible;border-top:var(--%NS%border-primary);width:100%}@media(min-width:1024px){.image-gallery-content[_ngcontent-%COMP%]{border-top:none;width:var(--%NS%page-width-l)}}@media(min-width:9999px){.image-gallery-content[_ngcontent-%COMP%]{width:var(--%NS%page-width-xl)}}app-media-caption[_ngcontent-%COMP%]{color:#fff;position:relative;padding-right:var(--%NS%hmg-des-dimensions-padding-l);overflow-y:auto;overflow-x:hidden}@media(min-width:1024px){app-media-caption[_ngcontent-%COMP%]{padding:0 var(--%NS%hmg-des-dimensions-padding-l) 0 var(--%NS%hmg-des-dimensions-padding-m)}}app-media-caption.caption-collapsed[_ngcontent-%COMP%]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[_nghost-%COMP%]     app-media-caption.caption-collapsed div, [_nghost-%COMP%]     app-media-caption.caption-collapsed p{display:inline}.caption-action[_ngcontent-%COMP%]{position:absolute;right:var(--%NS%hmg-des-dimensions-gap-m);top:var(--%NS%hmg-des-dimensions-gap-m)}.current-slide[_ngcontent-%COMP%]{position:absolute;bottom:var(--%NS%hmg-des-dimensions-gap-3xl);right:var(--%NS%hmg-des-dimensions-gap-m);margin-right:var(--%NS%hmg-des-dimensions-gap-2xs);z-index:var(--%NS%default-z-index);filter:var(--%NS%drop-shadow-controls)}@media(min-width:1024px){.current-slide[_ngcontent-%COMP%]{bottom:var(--%NS%hmg-des-dimensions-gap-m);z-index:var(--%NS%foreground-z-index)}}.controls[_ngcontent-%COMP%]{display:flex;height:calc(100% - var(--%NS%caption-height))}.button-next[_ngcontent-%COMP%], .button-prev[_ngcontent-%COMP%], .button-close[_ngcontent-%COMP%]{cursor:pointer;padding:0 var(--%NS%hmg-des-dimensions-padding-m);display:none;justify-content:center;align-items:center;z-index:var(--%NS%background-z-index);opacity:0;transition:var(--%NS%transition-opacity);filter:var(--%NS%drop-shadow-controls)}@media(min-width:1024px){.button-next[_ngcontent-%COMP%], .button-prev[_ngcontent-%COMP%], .button-close[_ngcontent-%COMP%]{display:flex}}.button-next[_ngcontent-%COMP%]:hover, .button-prev[_ngcontent-%COMP%]:hover, .button-close[_ngcontent-%COMP%]:hover{opacity:1}.button-close[_ngcontent-%COMP%]{padding:0;cursor:zoom-out;flex-grow:1}.button-close[_ngcontent-%COMP%]:hover{opacity:0}

1app-image[_ngcontent-%COMP%]{height:100%;max-width:100%}[_nghost-%COMP%]   .swiper-pagination[_ngcontent-%COMP%]{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;display:flex;justify-content:center;align-items:center;bottom:var(--%NS%hmg-des-dimensions-gap-m);z-index:var(--%NS%foreground-z-index)}"],changeDetection:1})}}return o})()}}]);