"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const CarouselItem=e=>{let{builderAttrs:s,index:r,children:t,id:i}=e,{carouselItemStyle:a,carouselItemInnerStyle:l}=styles.getStyle(e),{carouselItemClass:d,carouselItemInnerClass:o}=classes.getClass(e);return core.template`
    <div
      ${{...s}}
      id="${i}"
      class="${d}"
      style="${a}"
      data-index="${r}"
      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}}"
      dir="ltr"
    >
      <div
        class="${o}"
        style="${l}"
      >
      ${t}
      </div>
    </div>
  `};exports.default=CarouselItem;
