import{j as P,p as I,x as S}from"./chunk-5RBN3MBL.js";import{Ab as x,Ga as y,La as a,Qb as h,Sb as f,Y as c,Za as l,ab as b,bb as r,cb as k,gb as C,ib as u,kb as v,lb as _,mb as M,nb as d,ob as m,pb as p,yb as g,zb as w}from"./chunk-A3TP776U.js";var B=t=>({background:t}),F=t=>({"object-position":t});function T(t,i){if(t&1&&p(0,"source",0),t&2){let o=i.$implicit;r("type",o.type)("srcset",o.srcset),b("media",o.media||null)}}function D(t,i){if(t&1&&(d(0,"picture"),_(1,T,1,3,"source",0,v),p(3,"img",1),m()),t&2){let o=g();a(),M(o.sources),a(2),r("ngClass",f(8,B,o.isBackground===!0))("ngStyle",f(10,F,o.backgroundPosition))("src",o.options.url,y)("title",o.options.title)("alt",o.options.alt)("loading",o.lazy?"lazy":"eager")("width",o.options.width||"auto")("height",o.options.height||"100%")}}var $=(()=>{let i=class i{constructor(){this.backgroundPosition="top left",this.breakpoint=1200,this.imgStyle={},this.sources=[]}ngOnInit(){let n=!1;if(this.optionsMobile?.url?.startsWith("//")){let e=`(max-width: ${this.breakpoint-1}px)`,s=`https:${this.optionsMobile.url}`;n=!0,this.sources=this.sources.concat([{type:"image/avif",srcset:this.formatImage(s,"avif"),media:e},{type:"image/webp",srcset:this.formatImage(s,"webp"),media:e}])}if(this.options.url?.startsWith("//")){let e=n?`(min-width: ${this.breakpoint}px)`:void 0,s=`https:${this.options.url}`;this.sources=this.sources.concat([{type:"image/avif",srcset:this.formatImage(s,"avif"),media:e},{type:"image/webp",srcset:this.formatImage(s,"webp"),media:e}])}}formatImage(n,e){return`${n}?fm=${e}&q=75`}};i.\u0275fac=function(e){return new(e||i)},i.\u0275cmp=c({type:i,selectors:[["at-picture"]],inputs:{options:"options",optionsMobile:"optionsMobile",isBackground:"isBackground",backgroundPosition:"backgroundPosition",breakpoint:"breakpoint",imgStyle:"imgStyle",lazy:"lazy"},standalone:!0,features:[h],decls:1,vars:1,consts:[[3,"type","srcset"],[3,"ngClass","ngStyle","src","title","alt","loading","width","height"]],template:function(e,s){e&1&&l(0,D,4,12,"picture"),e&2&&u(0,s.sources!=null&&s.sources.length?0:-1)},dependencies:[S,P,I],styles:[".background[_ngcontent-%COMP%]{position:absolute;object-fit:cover;inset:0;height:100%;width:100%}"]});let t=i;return t})();var j=["*"];function A(t,i){if(t&1&&p(0,"at-picture",0),t&2){let o,n=g();r("options",n.options.image)("optionsMobile",n.options.imageMobile)("isBackground",!0)("backgroundPosition",n.backgroundPosition)("lazy",(o=n.options.lazy)!==null&&o!==void 0?o:!0)}}var W=(()=>{let i=class i{constructor(){this.extraClass=""}ngOnInit(){switch(this.options.type){case"gradient":{this.extraClass=this.options.typeValue;break}case"image":{let n=this.options.options?.["background-position-x"]??"left",e=this.options.options?.["background-position-y"]??"top";this.backgroundPosition=`${n} ${e}`}}}};i.\u0275fac=function(e){return new(e||i)},i.\u0275cmp=c({type:i,selectors:[["at-background"]],inputs:{options:"options",extraClass:"extraClass"},standalone:!0,features:[h],ngContentSelectors:j,decls:3,vars:6,consts:[[3,"options","optionsMobile","isBackground","backgroundPosition","lazy"]],template:function(e,s){e&1&&(w(),d(0,"div"),l(1,A,1,5,"at-picture",0),x(2),m()),e&2&&(C("at-background ",s.extraClass,""),k("background-color",s.options.type==="color"?s.options.typeValue:null),a(),u(1,s.options.image&&s.options.type==="image"?1:-1))},dependencies:[$],styles:["div.at-background[_ngcontent-%COMP%]{overflow:hidden;position:relative}"]});let t=i;return t})();export{W as a};