"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:l,advanced:a})=>{let{preload:i}=t||{},{background:c}=l||{},o=core.composeAdvanceStyle(a),m=system.createStyle(styles.getContainerStyles(s,l,{advancedClasses:o,isLiquid:!0})),d=system.createClass(classes.getUlClasses(a?.cssClass)),y=system.createStyle(styles.getUlStyles(l)),n=system.createStyle(styles.getWrapperStyles(l)),p=system.createClass(classes.getWrapperClasses());return core.template`
    ${system.If(!!i,`${system.If(!!c?.desktop?.image?.src,`<link rel="preload" href="${c?.desktop?.image?.src}" as="image" />`)}
      ${system.If(!!c?.tablet?.image?.src,`<link rel="preload" href="${c?.tablet?.image?.src}" as="image" />`)}
      ${system.If(!!c?.mobile?.image?.src,`<link rel="preload" href="${c?.mobile?.image?.src}" as="image" />`)}`)}
    <div class="${p}" style="${n}">
    <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="${d}"
        style="${y}"
        >
        ${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:l})}))}
      </ul>`)}
  </div>
  </div>
  `};exports.default=IconList;
