'use strict';

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

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

const cardHeadlineCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{pointer-events:none}.card__headline-wrapper{padding-bottom:16px}.card__headline-wrapper.withDesc{padding-bottom:8px}.card-headline{margin-top:0;padding-top:0;font-family:var(--ifx-font-family);font-weight:600;font-size:1.5rem;line-height:2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-headline.isHovered{color:#0A8276}.card-headline.horizontal{font-size:1.25rem;line-height:28px}";

const CardHeadline = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.direction = undefined;
    this.hasDesc = undefined;
    this.isHovered = false;
  }
  componentWillLoad() {
    var _a;
    const cardElement = this.el.closest('ifx-card');
    if (cardElement) {
      const cardClass = (_a = cardElement.shadowRoot.querySelector('.card')) === null || _a === void 0 ? void 0 : _a.className;
      if (cardClass && cardClass.includes('horizontal')) {
        this.direction = 'horizontal';
      }
      const desc = cardElement.querySelector('ifx-card-text');
      if (desc) {
        this.hasDesc = true;
      }
    }
  }
  render() {
    return (index.h("div", { class: `card__headline-wrapper ${this.hasDesc ? 'withDesc' : ""}` }, index.h("div", { class: `card-headline ${this.direction} ${this.isHovered ? 'isHovered' : ""}` }, index.h("slot", null))));
  }
  get el() { return index.getElement(this); }
};
CardHeadline.style = cardHeadlineCss;

exports.ifx_card_headline = CardHeadline;

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