"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const IconList=({builderProps:e,style:s,setting:t,rawChildren:r,styles:a,advanced:l,pageContext:i})=>{let{preload:c}=t||{},{background:o}=a||{},d=core.composeAdvanceStyle(l),m=system.createStyle(styles.getContainerStyles({style:s,styles:a,type:"Liquid",uid:e?.uid??"",pageContext:i,extraData:{advancedClasses:d,isLiquid:!0}})),y=system.createClass(classes.getUlClasses(l?.cssClass)),n=system.createStyle(styles.getUlStyles(a)),p=system.createStyle(styles.getWrapperStyles(a)),u=system.createClass(classes.getWrapperClasses());return core.template`
    ${system.If(!!c,`${system.If(!!o?.desktop?.image?.src,`<link rel="preload" href="${o?.desktop?.image?.src}" as="image" />`)}
      ${system.If(!!o?.tablet?.image?.src,`<link rel="preload" href="${o?.tablet?.image?.src}" as="image" />`)}
      ${system.If(!!o?.mobile?.image?.src,`<link rel="preload" href="${o?.mobile?.image?.src}" as="image" />`)}`)}
    <div class="${u}" style="${p}">
    <div
      data-id="${e?.uid}"
       style="${m}">
     ${system.If(!r,core.template`<div>${helpers.getStaticLocale("IconList","icons_not_found")}</div>`)}
     ${system.If(!!r,core.template`<ul
        class="${y}"
        style="${n}"
        >
        ${core.WrapRenderChildren({uid:e?.uid??"",customProps:r?.[0].customProps},r?.map((s,t)=>{if(s)return core.RenderChildren({...s,dataIndex:t,parentUid:e?.uid,parentStyles:a})}))}
      </ul>`)}
  </div>
  </div>
  `};exports.default=IconList;
