import { p as proxyCustomElement, H, h } from './index.js';

const cardOverlineCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}:host{pointer-events:none}.card-overline{font-size:1rem;font-weight:400;color:#575352;padding-bottom:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all}";

const CardOverline = /*@__PURE__*/ proxyCustomElement(class CardOverline extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
    }
    render() {
        return (h("div", { key: '181762fa666e11ebc4d8c11430f878494d6ff378', class: "card-overline" }, h("slot", { key: 'bbbc7a81dca17cef1ea809f9f87e9a010e5f212d' })));
    }
    static get style() { return cardOverlineCss; }
}, [257, "ifx-card-overline"]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["ifx-card-overline"];
    components.forEach(tagName => { switch (tagName) {
        case "ifx-card-overline":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, CardOverline);
            }
            break;
    } });
}

const IfxCardOverline = CardOverline;
const defineCustomElement = defineCustomElement$1;

export { IfxCardOverline, defineCustomElement };
//# sourceMappingURL=ifx-card-overline.js.map

//# sourceMappingURL=ifx-card-overline.js.map