"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js");const IconListHoz=e=>{let{builderAttrs:s,style:t,setting:r,children:l,styles:a,advanced:i,builderProps:o}=e,{preload:c}=r||{},{background:m}=a||{},d=system.createAttr({...attrs.getAttr({uid:o?.uid||""})}),n=system.createStyle({...styles.getWrapperStyle(t,m)}),y=system.createClass({...classes.getContainClasses(i?.cssClass)}),g=system.createStyle({...styles.getContainStyle(a)}),p=()=>l;return core.template`
    ${core.RenderIf(!!c,`${core.RenderIf(!!m?.desktop?.image?.src,`<link rel="preload" href="${m?.desktop?.image?.src}" as="image" />`)}
      ${core.RenderIf(!!m?.tablet?.image?.src,`<link rel="preload" href="${m?.tablet?.image?.src}" as="image" />`)}
      ${core.RenderIf(!!m?.mobile?.image?.src,`<link rel="preload" href="${m?.mobile?.image?.src}" as="image" />`)}`)}
    <div ${{...d}} ${{...s}} style="${n}">
      ${system.If(core.isEmptyChildren(l),`<div>${helpers.getStaticLocale("IconListHoz","icons_not_found")}</div>`,core.template`<div class="${y}" style="${g}">
            ${p()}
          </div>`)}
    </div>
  `};exports.default=IconListHoz;
