"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("./common/helpers.js"),l=require("./common/classes.js"),a=require("@gem-sdk/system");exports.default=({setting:r,builderProps:o,pageContext:i})=>{let{typographyPaginator:c,activeColor:p,align:g,typo:d,normalColor:n}=r??{},S=a.createStyle({...e.composeTypographyStyle(d,c)}),C=a.createStyle({normalColorClass:e.getGlobalColorClass("text",n),activeColorClass:e.getGlobalColorClass("text",p),normalColorStyle:e.getGlobalColorCSSProp(n)??"",activeColorStyle:e.getGlobalColorCSSProp(p)??""}),u=a.createClass({...l.customClass("",void 0,r)}),m={...C,customStyle:S,addedClass:u},y=s.renderPaginatorItem({setting:r,builderProps:o,pageContext:i},"liquid"),v=a.createClass({...l.getPaginatorWrapperClass()}),$=a.createClass({...l.getPaginatorClass()}),f=a.createStyle({...e.makeStyleResponsive("ta",g),...m.customStyle}),P=a.createStateOrContext({setting:r,styleSetting:m,uid:o?.uid});return e.template`
    <gp-collection-paginator gp-data='${JSON.stringify(P).replaceAll("'","&#039;")}' id="${o?.uid}" >
      <div class="${$}" style="${f}">
        <div class="${v}">${y}</div>
      </div>
    </gp-collection-paginator>
    ${e.RenderIf(e.isLocalEnv,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-collection-paginator-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-collection-paginator-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
  `};
