import{getResponsiveValueByScreen as o,template as m}from"@gem-sdk/core";import{getDotClass as s}from"./common/classes.js";import{getDotStyle as e}from"./common/styles.js";import{If as r}from"@gem-sdk/system";import{getData as t}from"./common/helpers.js";let l=l=>{let p=o(l.loop,"desktop",!1),{checkHidden:i,getDotItems:d}=t(l),c=d(p),{dotClass:f}=s(l),{dotStyle:n}=e(l);return m`
    ${r(!i(c),m`
        <div class="${f}" style="${n}">
          <!-- item render by js -->
        </div>
      `)}
  `};export{l as default};
