"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("@gem-sdk/system"),s=require("../../helpers.js"),r=require("./AdaptiveImage.liquid.js"),a=require("./NextImage.liquid.js"),i=require("../common/styles.js"),l=require("../common/classes.js"),g=require("../common/attrs.js"),u=require("../common/helpers.js");exports.default=({style:d,styles:m,setting:n,advanced:c,className:o,pageContext:p,builderAttrs:y,builderProps:q})=>{let C=u.getSettingTranslatedImageAndSeo({setting:n,uid:q?.uid,pageContext:p}),{imageLink:A,isAdaptive:I,enableImageLink:$}=C??{},{enableLazyLoadImage:j}=p??{},{Wrapper:S,urlData:v}=s.getLinkData({defaultWrap:"div",setting:A,enableImageLink:$,isLiquid:!0}),f=t.createStyle(i.getWrapperStyles(m)),L=t.createStyle(i.getImageStyles(m,q)),W=t.createStyle(i.getContainerStyles(d,m)),k=t.createClass(l.getWrapperClasses()),x=t.createClass(l.getImageClasses(o,m)),N=t.createClass(l.getContainerClasses(q?.uid,c?.cssClass,m?.shape)),h=t.createAttr(g.getContainerAttrs(y,q?.uid)),_=g.getLinkWrapperAttrs({urlData:v,imageLink:A,title:C?.title,isLiquid:!0}),b=g.getAdaptiveImageAttrs({styles:m,setting:C,isLiquid:!0}),D=g.getNextImageAttrs({styles:m,setting:C}),M=g.getImageLiquidAttrs({pageContext:p,enableLazyLoadImage:j});return e.template`
    <div
      role="presentation"
      ${{...h}}
      style="${W}"
      class="${N}"
    >
      <${S}
        ${_}
        style="${f}"
        class="${k}"
      >
        ${t.If(I,r.default({...M,...b,style:L,className:x}),a.default({...M,...D,style:L,className:x}))}
      </${S}>
    </div>
  `};
