"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),r=require("./common/styles.js"),i=require("./common/classes.js");exports.default=s=>{let{builderAttrs:d,index:t,children:a,id:l}=s,{carouselItemStyle:m,carouselItemInnerStyle:o}=r.getStyle(s),{carouselItemClass:u,carouselItemInnerClass:c}=i.getClass(s);return e.template`
    <div
      ${{...d}}
      id="${l}"
      class="${u}"
      style="${m}"
      data-index="${t}"
      grid-index="{{forloop.index}}"
      external-id="{{media.external_id}}"
      media-type="{{media.media_type}}"
      media-poster="{{media.preview_image.src}}"
      media-source-url="{{media.sources.first.url}}"
      media-last-source-url="{{mediaSourceUrl}}"
    >
      <div
        class="${c}"
        style="${o}"
      >
      ${a}
      </div>
    </div>
  `};
