"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../helpers.js"),s=require("@gem-sdk/system"),a=require("../common/styles.js"),r=require("../common/classes.js");exports.default=({children:i,builderAttrs:d,setting:l,style:n,builderProps:o,advanced:c,pageContext:p})=>{let{width:g,position:m,display:u,preloadBgImage:y,background:$,isScrollToTop:k}=l??{},f=c?.d,S=s.createStyle({...e.makeStyleResponsive("w",g),...a.getContainerStyles({position:m,display:u})}),b=s.createStyle(a.getContentStyles({setting:l,style:n,uid:o?.uid,pageContext:p??{},type:"Liquid"})),v=s.createClass(r.getContainerClasses({uid:o?.uid,isScrollToTop:k,cssClass:c?.cssClass,isLiquid:!0})),C=s.createStateOrContext({uid:o?.uid,setting:{display:{desktop:u?.desktop,tablet:u?.tablet??u?.desktop,mobile:u?.mobile??u?.tablet??u?.desktop}},advanced:{d:f}}),R=`.drawer-page-content {
       transform: none !important;
      -webkit-transform: none !important;
  }`;return e.template`
    ${e.RenderIf(!!y,`${e.RenderIf(!!$?.desktop?.image?.src,`<link rel="preload" href="${$?.desktop?.image?.src}" as="image" />`)}${e.RenderIf(!!$?.tablet?.image?.src,`<link rel="preload" href="${$?.tablet?.image?.src}" as="image" />`)}${e.RenderIf(!!$?.mobile?.image?.src,`<link rel="preload" href="${$?.mobile?.image?.src}" as="image" />`)}`)}
    <gp-sticky
    data-id="${o?.uid}"
      gp-data='${JSON.stringify(C)}'
      id="${o?.uid}"
      data-id="${o?.uid}"
      class="${v} ${t.getSettingPreloadData("gps-lazy")}"
      style="${S}"
    >
      <style>${R}</style>
      <div ${{...d}} style="${{...b}}">
        ${i}
      </div>
    </gp-sticky>
    ${e.RenderIf(e.isLocalEnv,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-sticky-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-sticky-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
  `};
