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