'use strict';

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

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

const cardTextCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{pointer-events:none}.card__text-wrapper{padding-bottom:0px}.card__text-wrapper.hasBtn{padding-bottom:16px}.card-text{line-height:1.5rem;font-size:1rem;font-weight:400;white-space:wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}";

const CardText = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.hasBtn = undefined;
  }
  componentWillLoad() {
    const link = this.el.closest('ifx-card').querySelector('ifx-link');
    const button = this.el.closest('ifx-card').querySelector('ifx-button');
    if (link || button) {
      this.hasBtn = true;
    }
  }
  render() {
    return (index.h("div", { class: `card__text-wrapper ${this.hasBtn ? 'hasBtn' : ""}` }, index.h("div", { class: `card-text` }, index.h("slot", null))));
  }
  get el() { return index.getElement(this); }
};
CardText.style = cardTextCss;

exports.ifx_card_text = CardText;

//# sourceMappingURL=ifx-card-text.cjs.entry.js.map