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