1(self.webpackChunkhomepageUi=self.webpackChunkhomepageUi||[]).push([[3333],{3333(_,h,m){m.d(h,{f:()=>w});var g=m(177),n=m(7705),o=m(2271),l=m(5802),r=m(1060),t=m(5547);const u=a=>(0,r.iC)(a.src,a.width,a.loaderParams??{}),f=a=>[a];function v(a,c){if(1&a&&t.nrm(0,"img",1),2&a){const e=t.XpG(2);t.Y8G("ngSrc",e.image().reference)("loaderParams",e.loaderParams())("width",e.clsBox().width)("height",e.clsBox().height)("priority",e.priority())("placeholder",e.placeholder())("sizes",e.sizes())("alt",e.effectiveAlt()),t.BMQ("title",e.effectiveTitle())}}function y(a,c){if(1&a&&t.Z7z(0,v,1,9,"img",1,t.fX1),2&a){const e=t.XpG();t.Dyx(t.eq3(0,f,e.optimizedImgKey()))}}function M(a,c){if(1&a&&t.nrm(0,"img",2),2&a){const e=t.XpG(),i=e.rawBox();t.AVh("cms-ui-image__img--vector",e.isVector()),t.Y8G("src",e.image().reference,t.B4B)("alt",e.effectiveAlt()),t.BMQ("decoding",e.priority()?"sync":"async")("loading",e.priority()?"eager":"lazy")("fetchpriority",e.priority()?"high":null)("width",(null==i?null:i.width)??null)("height",(null==i?null:i.height)??null)("title",e.effectiveTitle())}}const z={width:1920,height:1080};let w=(()=>{class a{constructor(){this.image=n.hFB.required(),this.ratio=(0,n.hFB)(""),this.priority=(0,n.hFB)(!1,{transform:n.L39}),this.placeholder=(0,n.hFB)(!1,{transform:n.L39}),this.sizes=(0,n.hFB)(),this.alt=(0,n.hFB)(),this.effectiveAlt=(0,o.EW)(()=>(0,r.$d)(this.alt(),this.image())),this.effectiveTitle=(0,o.EW)(()=>(0,r.Z0)(this.effectiveAlt(),this.image())),this.cropRatio=(0,o.EW)(()=>(0,r.J4)(this.ratio())),this.renderMode=(0,o.EW)(()=>(0,r.eI)(this.image(),this.cropRatio())),this.isVector=(0,o.EW)(()=>(0,r.JZ)(this.image())),this.cssRatio=(0,o.EW)(()=>{const e=this.cropRatio();if(!e)return null;const[i,s]=(0,r.Vg)(e);return`${String(i)} / ${String(s)}`}),this.loaderParams=(0,o.EW)(()=>({ratio:this.cropRatio(),transparent:this.image().transparent,type:this.image().type}),{equal:(e,i)=>e.ratio===i.ratio&&e.transparent===i.transparent&&e.type===i.type}),this.optimizedImgKey=(0,o.EW)(()=>{const{transparent:e,type:i}=this.image(),s=this.clsBox();return[this.cropRatio(),String(this.sizes()),this.priority(),this.placeholder(),`${String(s.width)}x${String(s.height)}`,String(e),String(i)].join("|")}),this.clsBox=(0,o.EW)(()=>{const e=this.cropRatio();if(e)return(0,r.ez)(e);const{width:i,height:s}=this.image();return function b(a,c,e){const i=Math.min(1,e.width/a,e.height/c);return{width:Math.max(1,Math.round(a*i)),height:Math.max(1,Math.round(c*i))}}(i??0,s??0,z)}),this.rawBox=(0,o.EW)(()=>(0,r.$_)(this.image())),(0,l.QZP)(()=>{if(!(0,n.naY)()||"optimized"!==this.renderMode())return;const e=this.sizes();e?this.priority()&&"auto"===e.trim()&&console.warn(`<cms-ui-image>: priority image "${this.image().reference}" has sizes="auto" \u2014 "auto" is lazy-only and an eager image degrades it to 100vw. Pass the concrete painted width.`):console.warn(`<cms-ui-image>: missing "sizes" for "${this.image().reference}". The density-srcset fallback over-fetches small slots and caps a cropped image's delivery at the CLS base (upscale blur in wide slots). Pass the painted width (e.g. sizes="2.5rem" or "100vw").`)})}static{this.\u0275fac=function(i){return new(i||a)}}static{this.\u0275cmp=t.VBU({type:a,selectors:[["cms-ui-image"]],hostVars:13,hostBindings:function(i,s){2&i&&(t.BMQ("data-automation-id","cms-ui-image"),t.xc7("--cms-ui-image-internal-ratio",s.cssRatio()),t.AVh("cms-ui-image--empty","empty"===s.renderMode())("cms-ui-image--optimized","optimized"===s.renderMode())("cms-ui-image--raw","raw"===s.renderMode())("cms-ui-image--vector","empty"!==s.renderMode()&&s.isVector())("cms-ui-image--boxed",null!==s.cssRatio()))},inputs:{image:[1,"image"],ratio:[1,"ratio"],priority:[1,"priority"],placeholder:[1,"placeholder"],sizes:[1,"sizes"],alt:[1,"alt"]},features:[t.Jv_([[{provide:g.WM,useValue:u},{provide:t.VeQ,useValue:{breakpoints:r.zO}}]])],decls:2,vars:1,consts:[[1,"cms-ui-image__img","cms-ui-image__img--raw",3,"cms-ui-image__img--vector","src","alt"],["decoding","async",1,"cms-ui-image__img","cms-ui-image__img--optimized",3,"ngSrc","loaderParams","width","height","priority","placeholder","sizes","alt"],[1,"cms-ui-image__img","cms-ui-image__img--raw",3,"src","alt"]],template:function(i,s){if(1&i&&t.nVh(0,y,2,2)(1,M,1,10,"img",0),2&i){let d;t.vxM("optimized"===(d=s.renderMode())?0:"raw"===d?1:-1)}},dependencies:[g.kt],styles:["[_nghost-%COMP%]{display:block}.cms-ui-image--empty[_nghost-%COMP%]{display:none}img[_ngcontent-%COMP%]{display:block;inline-size:100%;block-size:100%;object-fit:var(--cms-ui-image-fit, cover);object-position:var(--cms-ui-image-object-position, center)}.cms-ui-image--boxed[_nghost-%COMP%] img[_ngcontent-%COMP%]{aspect-ratio:var(--cms-ui-image-internal-ratio)}"],changeDetection:0})}}return a})()}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.