import{RenderIf as e,template as i}from"@gem-sdk/core";import{createStyle as s,createClass as a,createAttr as r}from"@gem-sdk/system";import{getCodeStyle as m}from"../common/styles.js";import{getCodeClasses as t}from"../common/classes.js";let d=({setting:d,style:l,advanced:o,builderAttrs:c,builderProps:p,pageContext:g})=>{let{background:$,preloadBgImage:u}=d??{},f=o?.editorData,k=f?.html?.trim(),n=s(m({setting:d,style:l,isLiquid:!0,uid:p?.uid,pageContext:g??{},type:"Liquid"})),h=a(t(p?.uid,!f?.html&&!$,o?.cssClass)),b=r({...p?.uid&&{"data-id":p?.uid},...c});return i`
  ${e(!!u,`${e(!!$?.desktop?.image?.src,`<link rel="preload" href="${$?.desktop?.image?.src}" as="image" />`)}${e(!!$?.tablet?.image?.src,`<link rel="preload" href="${$?.tablet?.image?.src}" as="image" />`)}${e(!!$?.mobile?.image?.src,`<link rel="preload" href="${$?.mobile?.image?.src}" as="image" />`)}`)}
    <div
      ${{...b}}
      style="${n}"
      data-keep-class="true"
      class="${h}">
      <div>
    ${k}
    </div>
    </div>
  `};export{d as default};
