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