'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-6377956f.js');

const EclPopoverItem = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.theme = 'ec';
    this.styleClass = undefined;
    this.path = undefined;
    this.icon = undefined;
    this.iconSprite = '';
    this.iconSize = 'fluid';
  }
  getClass() {
    const styleClasses = [
      `ecl-popover__item`,
      this.styleClass,
      `sc-ecl-popover-${this.theme}`,
    ];
    return styleClasses.join(' ');
  }
  getLinkClass() {
    const linkClasses = [
      'ecl-popover__link',
      `sc-ecl-popover-${this.theme}`,
    ];
    if (this.icon) {
      linkClasses.push('ecl-link--icon');
    }
    return linkClasses.join(' ');
  }
  render() {
    return (index.h("li", { class: this.getClass() }, index.h("ecl-link", { "style-class": `sc-ecl-popover-${this.theme} ecl-popover__link`, variant: "standalone", path: this.path }, this.icon ?
      index.h("ecl-icon", { "style-class": `sc-ecl-popover-${this.theme} ecl-link__icon`, icon: this.icon, slot: "icon-before", sprite: this.iconSprite || '', size: this.iconSize }) : '', index.h("slot", null))));
  }
};

exports.ecl_popover_item = EclPopoverItem;

//# sourceMappingURL=ecl-popover-item.cjs.entry.js.map