import { r as registerInstance, h } from './index-0a3acb15.js';

const EclGalleryItem = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.styleClass = '';
    this.theme = 'ec';
    this.imageAlt = undefined;
    this.mediaHref = undefined;
    this.mediaIframeHref = undefined;
    this.mediaSharePath = undefined;
    this.meta = undefined;
    this.type = 'image';
    this.icon = 'video';
  }
  getClass() {
    return [
      `ecl-gallery__item`,
      `sc-ecl-gallery-${this.theme}`,
      this.styleClass
    ].join(' ');
  }
  getLinkAttr() {
    const attrs = {
      'data-ecl-gallery-item': ''
    };
    if (this.mediaSharePath) {
      attrs['data-ecl-gallery-item-share'] = this.mediaSharePath;
    }
    if (this.mediaIframeHref) {
      attrs['data-ecl-gallery-item-embed-src'] = this.mediaIframeHref;
    }
    return attrs;
  }
  render() {
    return (h("li", { class: this.getClass() }, h("a", Object.assign({ href: this.mediaIframeHref ? this.mediaIframeHref : this.mediaHref, class: `ecl-gallery__item-link sc-ecl-gallery-${this.theme}` }, this.getLinkAttr()), h("figure", { class: `ecl-gallery__image-container sc-ecl-gallery-${this.theme}` }, h("slot", { name: "video" }), this.type !== 'html-video' ?
      h("img", { src: this.mediaHref, alt: this.imageAlt, class: `ecl-gallery__image sc-ecl-gallery-${this.theme}` }) : '', this.type !== 'image' ?
      h("ecl-icon", { "style-class": `ecl-gallery__image-icon sc-ecl-gallery-${this.theme}`, icon: this.icon, size: "l" }) : '', h("figcaption", { class: `ecl-gallery__description sc-ecl-gallery-${this.theme}`, "data-ecl-gallery-description": true }, h("slot", null), h("span", { class: `ecl-gallery__meta sc-ecl-gallery-${this.theme}`, "data-ecl-gallery-meta": true }, this.meta))))));
  }
};

export { EclGalleryItem as ecl_gallery_item };

//# sourceMappingURL=ecl-gallery-item.entry.js.map