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