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

const EclPopoverItem = class {
  constructor(hostRef) {
    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 (h("li", { class: this.getClass() }, h("ecl-link", { "style-class": `sc-ecl-popover-${this.theme} ecl-popover__link`, variant: "standalone", path: this.path }, this.icon ?
      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 }) : '', h("slot", null))));
  }
};

export { EclPopoverItem as ecl_popover_item };

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