https://www.genobank-unterallgaeu.de/2254.fd6c825945d6eafc.js

1(self.webpackChunkhomepageUi=self.webpackChunkhomepageUi||[]).push([[2254],{2254($,C,c){c.d(C,{openerGeradeSchraegComponentBuilder:()=>H});var d=c(7705),o=c(2271),p=c(5802),O=c(9337),m=c(5246),u=c(8176),P=c(5504),b=c(8133),v=c(3333),e=c(5547);let _=(()=>{class n{constructor(){this._contentService=(0,p.WQX)(m.fH),this._classD=(0,p.WQX)(m.G_,{self:!0}),this.cmsId=this._classD.getRenderProperty("cmsid"),this.layoutClasses=this._classD.getRenderProperty("layoutClasses"),this.containerClasses=(0,o.EW)(()=>this._classD.containerClasses()),this.darstellung=(0,o.EW)(()=>this._classD.getRenderProperty("darstellung")()||"gerade"),this.text=this._contentService.querySelectorInnerHTML("header"),this.claim=this._contentService.querySelectorInnerHTML(".cms-claim"),this.anchorElements=this._contentService.querySelectorAll("a.cms-opener-button"),this.buttons=(0,o.EW)(()=>this.anchorElements().map(t=>this.extractLinkButton(t))),this.imageElement=(0,o.EW)(()=>this._contentService.querySelector(".opener-gerade-schraeg-image")()??void 0),this.logoElement=(0,o.EW)(()=>this._contentService.querySelector(".opener-gerade-schraeg-logo")()),this.picture=this._contentService.querySelector("picture"),this.computedPicture=(0,o.EW)(()=>{const t=this.picture(),i=[];if(!t)return;const r=t.querySelector("img");if(!r||(t.querySelectorAll("source")?.forEach(g=>{i.push({media:g.getAttribute("media"),srcset:g.getAttribute("srcset"),sizes:g.getAttribute("sizes")})}),0===i.length))return;const s={src:r.getAttribute("src"),alt:r.getAttribute("alt"),title:r.getAttribute("title"),ariaHidden:r.getAttribute("ariaHidden")};return{sources:i,fallbackImage:r,attributes:s}})}extractLinkButton(t){const i=t,r=i.querySelector("span.cms-label"),s=i.className.split(" ").find(B=>B.includes("render-type-"))?.split("-").pop()??"primary";return{link:{url:i.href,target:i.target,title:i.title,external:i.rel.includes("external"),rel:i.rel.replace("external","").trim(),tracking:t.dataset.ctaTrackingName??"",mimeType:t.dataset.ctaTrackingMimeType??""},type:u.o.isValidLinkButtonType(s)?s:"primary",label:r?.innerText?.trim()??"",cls:t.className}}static{this.\u0275fac=function(i){return new(i||n)}}static{this.\u0275dir=e.FsC({type:n,features:[e.Jv_([m.fH]),e.nM4([m.G_])]})}}return n})();var l=c(1060);const h=1024,M=l.zO.filter(n=>n>=h),E=l.zO.filter(n=>n<=2048),S=`(min-width: ${String(1492)}px) min(${String(1364)}px, 100vw), 100vw`,N=[{media:`(min-width: ${String(h)}px)`,ratio:"5-2",widths:M}],k=[{media:`(min-width: ${String(h)}px)`,ratio:"2-1",widths:M}],T=["*"],I=(n,a)=>a.label;function G(n,a){if(1&n&&e.nrm(0,"cms-ui-picture",1),2&n){const t=e.XpG();e.Y8G("image",a)("imageMobile",t.imageMobile())("ratio",t.OPENER_GS_DEFAULT_RATIO)("sources",t.sources())("widths",t.GS_MOBILE_WIDTHS)("sizes",t.OPENER_GS_SIZES)("priority",t.effectivePriority())}}function R(n,a){if(1&n&&(e.j41(0,"div",2)(1,"div",12),e.nrm(2,"div",13),e.nI1(3,"safe"),e.k0s()()),2&n){const t=e.XpG();e.R7$(2),e.Y8G("innerHTML",e.i5U(3,1,t.claim(),"Html"),e.npT)}}function W(n,a){1&n&&(e.j41(0,"div",7),e.nrm(1,"cms-ui-image",14),e.k0s()),2&n&&(e.R7$(),e.Y8G("image",a))}function w(n,a){if(1&n&&e.nrm(0,"cms-link-button",15),2&n){const t=a.$implicit;e.Y8G("cls",t.cls)("label",t.label)("link",t.link)("noIcon",!0)("stretched",!1)("type",t.type)}}function A(n,a){if(1&n&&(e.j41(0,"div",10),e.Z7z(1,w,1,6,"cms-link-button",15,I),e.k0s()),2&n){const t=e.XpG();e.R7$(),e.Dyx(t.buttons())}}function z(n,a){1&n&&(e.qex(0),e.SdG(1),e.bVm())}let f=(()=>{class n{constructor(){this.priority=(0,d.hFB)(!0,{transform:d.L39}),this.lcp=(0,d.hFB)(),this.effectivePriority=(0,o.EW)(()=>null!=this.lcp()||this.priority()),this.config=(0,d.hFB)(),this.imageDesktop=(0,o.EW)(()=>(0,l.MR)(this.config()?.image)),this.imageMobile=(0,o.EW)(()=>{const t=this.config()?.hasMobileImage,i=this.config()?.imageMobile;return t?(0,l.MR)(i):void 0}),this.logo=(0,o.EW)(()=>(0,l.MR)(this.config()?.logo)),this.sources=(0,o.EW)(()=>"schraeg"===this.variant()?k:N),this.GS_MOBILE_WIDTHS=E,this.OPENER_GS_SIZES=S,this.OPENER_GS_DEFAULT_RATIO="3-2",this._payloadD=(0,p.WQX)(_,{self:!0}),this.text=(0,o.EW)(()=>this._payloadD.text()),this.anchorElements=(0,o.EW)(()=>this._payloadD.anchorElements()),this.buttons=(0,o.EW)(()=>this._payloadD.buttons()),this.variant=(0,o.EW)(()=>"schraeg"===this._payloadD.darstellung()?"schraeg":"gerade"),this.claim=(0,o.EW)(()=>this._payloadD.claim()),this.classes=(0,o.EW)(()=>`opener-${this.variant()} ${this._payloadD.containerClasses()??""}`.trim()),this.cmsId=(0,o.EW)(()=>this._payloadD.cmsId())}static{this.customElementName="cms-opener-gerade-schraeg"}static{this.\u0275fac=function(i){return new(i||n)}}static{this.\u0275cmp=e.VBU({type:n,selectors:[["cms-opener-gerade-schraeg"]],hostVars:10,hostBindings:function(i,r){2&i&&(e.BMQ("data-automation-id","cms-opener-gerade-schraeg")("id",r.cmsId()),e.HbH(r.classes()),e.AVh("cms-component",!0)("cms-section-container",!0)("stretchable",!0))},inputs:{priority:[1,"priority"],lcp:[1,"lcp"],config:[1,"config"]},features:[e.nM4([_])],ngContentSelectors:T,decls:12,vars:5,consts:[["data-automation-id","ultimate-renderer-opener-gerade-schraeg-image",1,"image-container"],[3,"image","imageMobile","ratio","sources","widths","sizes","priority"],[1,"kf-container","ramp-container"],[1,"kf-container"],[1,"kf-row","kf-justify-content-center"],[1,"kf-col-sm-12","kf-col-lg-10","kf-col-xl-8"],[1,"cms-opener-content","kf-text-center"],["data-automation-id","ultimate-renderer-opener-gerade-schraeg-logo",1,"opener-logo-container"],[1,"opener-text-container"],["data-automation-id","ultimate-renderer-opener-gerade-schraeg-richtext",3,"htmlContent"],[1,"cms-opener-button-container"],[4,"hgContent"],[1,"stoerer-container"],["data-automation-id","ultimate-renderer-opener-gerade-schraeg-claim",1,"stoerer",3,"innerHTML"],["sizes","15rem","placeholder","",3,"image"],["data-automation-id","ultimate-renderer-opener-gerade-schraeg-button",3,"cls","label","link","noIcon","stretched","type"]],template:function(i,r){if(1&i&&(e.NAR(),e.j41(0,"div",0),e.nVh(1,G,1,7,"cms-ui-picture",1),e.nVh(2,R,4,4,"div",2),e.k0s(),e.j41(3,"div",3)(4,"div",4)(5,"div",5)(6,"div",6),e.nVh(7,W,2,1,"div",7),e.j41(8,"div",8),e.nrm(9,"cms-richtext",9),e.k0s(),e.nVh(10,A,3,0,"div",10),e.k0s()()()(),e.DNE(11,z,2,0,"ng-container",11)),2&i){let s,g;e.R7$(),e.vxM((s=r.imageDesktop())?1:-1,s),e.R7$(),e.vxM(r.claim()&&"schraeg"===r.variant()?2:-1),e.R7$(5),e.vxM((g=r.logo())?7:-1,g),e.R7$(2),e.Y8G("htmlContent",r.text()),e.R7$(),e.vxM(r.anchorElements().length>0?10:-1)}},dependencies:[m.$q,u.o,P.HY,b.a,v.f,m.my],styles:['@charset "UTF-8";[_nghost-%COMP%]{display:flex;flex-direction:column;gap:clamp(1rem,.59rem + 2.05dvw,2.5rem)}[_nghost-%COMP%]:focus-visible{outline:none}.cms-opener-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:1.5rem}.cms-opener-button-container[_ngcontent-%COMP%]{display:flex;justify-content:center;gap:1rem}@media(width<=599.98px){.cms-opener-button-container[_ngcontent-%COMP%]{flex-direction:column}}.opener-logo-container[_ngcontent-%COMP%]{display:flex;justify-content:center}.opener-logo-container[_ngcontent-%COMP%]   cms-ui-image[_ngcontent-%COMP%]{--cms-ui-image-fit: contain;inline-size:240px;max-inline-size:100%;block-size:80px}.image-container[_ngcontent-%COMP%]{position:relative;width:100%}@media only screen and (width<=500px){.image-container[_ngcontent-%COMP%]{margin-bottom:8px}}@media only screen and (width<=400px){.image-container[_ngcontent-%COMP%]{margin-bottom:1rem}}.image-container[_ngcontent-%COMP%]   cms-ui-picture[_ngcontent-%COMP%]{--cms-ui-picture-block-size: 100%;aspect-ratio:3/2}@media(width>=1024px){.opener-gerade[_nghost-%COMP%]   .image-container[_ngcontent-%COMP%]   cms-ui-picture[_ngcontent-%COMP%]{--cms-ui-picture-block-size: 100%;aspect-ratio:5/2}.opener-schraeg[_nghost-%COMP%]   .image-container[_ngcontent-%COMP%]   cms-ui-picture[_ngcontent-%COMP%]{--cms-ui-picture-block-size: 100%;aspect-ratio:2/1}}.opener-schraeg[_nghost-%COMP%]   .image-container[_ngcontent-%COMP%]   cms-ui-picture[_ngcontent-%COMP%]{clip-path:polygon(0 100%,100% 76%,

1100% 0,0 0)}@media(width<=599.98px){.opener-schraeg[_nghost-%COMP%]   .image-container[_ngcontent-%COMP%]   cms-ui-picture[_ngcontent-%COMP%]{clip-path:polygon(0 100%,100% 82%,100% 0,0 0)}}.image-container[_ngcontent-%COMP%]   .ramp-container[_ngcontent-%COMP%]{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;justify-content:flex-end;transform:translateY(50%)}.image-container[_ngcontent-%COMP%]   .ramp-container[_ngcontent-%COMP%]   .stoerer-container[_ngcontent-%COMP%]{overflow:hidden;font-size:2.875rem;max-height:118px;max-width:170px;padding-bottom:8px;padding-right:8px;margin-right:-8px}@media(width>=1492px){.image-container[_ngcontent-%COMP%]   .ramp-container[_ngcontent-%COMP%]   .stoerer-container[_ngcontent-%COMP%]{margin-right:0}}.image-container[_ngcontent-%COMP%]   .ramp-container[_ngcontent-%COMP%]   .stoerer-container[_ngcontent-%COMP%]   .stoerer[_ngcontent-%COMP%]{display:inline;background-color:var(--color-background-stage);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:8px;color:var(--color-background-stage-contrast);font-family:var(--typography-title-font-family),serif;font-size:.4em;line-height:1.1em;font-weight:700;word-break:normal;overflow-wrap:anywhere;hyphens:none}@media(width>=600px){.image-container[_ngcontent-%COMP%]   .ramp-container[_ngcontent-%COMP%]   .stoerer-container[_ngcontent-%COMP%]{max-width:235px;max-height:114px}.image-container[_ngcontent-%COMP%]   .ramp-container[_ngcontent-%COMP%]   .stoerer-container[_ngcontent-%COMP%]   .stoerer[_ngcontent-%COMP%]{font-size:.55em;line-height:1.3em}}@media(width>=1200px){.image-container[_ngcontent-%COMP%]   .ramp-container[_ngcontent-%COMP%]   .stoerer-container[_ngcontent-%COMP%]{max-width:385px;max-height:205px}.image-container[_ngcontent-%COMP%]   .ramp-container[_ngcontent-%COMP%]   .stoerer-container[_ngcontent-%COMP%]   .stoerer[_ngcontent-%COMP%]{font-size:1em}}.opener-schraeg[_nghost-%COMP%]   .image-container[_ngcontent-%COMP%]   .ramp-container[_ngcontent-%COMP%]{transform:translateY(50%) rotate(-7deg);bottom:12%}@media(width<=599.98px){.opener-schraeg[_nghost-%COMP%]   .image-container[_ngcontent-%COMP%]   .ramp-container[_ngcontent-%COMP%]{bottom:9%}}[_nghost-%COMP%]     h3{font-size:1.375rem}@media(width>=600px){[_nghost-%COMP%]     h3{font-size:1.75rem}}'],changeDetection:0})}}return n})();const H=n=>{const a=f.customElementName;if(!customElements.get(a)){const t=(0,O.gw)(f,{injector:n});customElements.define(a,t)}}}}]);