"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../helpers.js"),s=require("../../text/components/Text.liquid.js"),l=require("@gem-sdk/system"),a=require("../common/classes.js"),i=require("../common/styles.js"),r=require("../common/helpers.js");exports.default=c=>{let{builderProps:o,builderAttrs:n,style:d,setting:p,styles:g,pageContext:y}=c,u=o?.builderData?.advanced,$=l.createClass({[o?.uid??""]:!0}),m=l.createClass(a.getClassWraplistIcon()),S=l.createClass(a.getClassColListIcon()),v=l.createClass(a.getClassWrapItemIcon({builderProps:o})),I=l.createClass(a.getClassWrapIcon()),C=l.createClass(a.getClassIcon()),q=l.createClass(a.getClassTextItem({setting:p})),f=l.createStyle(i.getStyleContainerIconlistMain({styles:g,style:d,type:"liquid",advanced:u})),x=l.createStyle(i.getStyleWraplistIcon({styles:g,uid:o?.uid??"",pageContext:y,type:"Liquid"})),j=l.createStyle(i.getStyleColListIcon({styles:g})),T=l.createStyle(i.getStyleWrapIcon({styles:g,setting:p})),W=l.createStyle(i.getStyleWrapItemIcon({styles:g})),h=l.createStyle(i.getStyleIcon({styles:g,setting:p})),k=i.getStyleTypoText({setting:p}),A=l.createAttr({...n}),E=r.getTextIconNotFound("liquid"),L=r.getvalueMap({setting:p});return e.template`
    {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
    <gp-icon-list
      ${{...A}}
      ${{...o}}
      data-id="${o?.uid}"
      style="${f}"
      className="${$}"
      gp-data='${e.dataStringify({position:g?.position,iconWidth:p?.iconWidth}).replaceAll("'","&#039;")}'
    >
      ${l.If(!L||!L.length,e.template`<div>${E}</div>`,e.template`
          <div class="${m}" style="${x}">
            <div class="${S}" style="${j}">
              ${L?.map((t,l)=>{let a=r.getTextIconTranslations({setting:p,builderProps:o,pageContext:y,key:l,type:"liquid"});return e.template`
                    <div
                      key="${l}"
                      data-index="${l}"
                      class="${v}"
                      style="${W}"
                    >
                      <div class="${I}" style="${T}">
                        <span
                          class="${C}"
                          style="${h}"
                        >
                          ${t}
                        </span>
                      </div>
                      ${s.default({setting:{text:a?.toString(),htmlTag:"div",options:{customClass:{wrapper:"gp-w-full"}},isForceValue:!0},styles:k,className:q})}
                    </div>`}).join(" ")}
            </div>
          </div>`)}
    </gp-icon-list>
    ${e.RenderIf(e.isLocalEnv,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-icon-list-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-icon-list-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
  `};
