import { Component, Prop, Host, h } from '@stencil/core';
export class SectionTitle {
    constructor() {
        /**
         * Heading level – always set this to make sure your heading structure is correct
         */
        this.ariaLevel = 2;
        /**
         * Size
         */
        this.size = 'default';
    }
    render() {
        if (!this.headline && !this.superscript) {
            console.warn('You should set either a superscript or a headline for <sr-sectiontitle>!');
        }
        const classes = ['SectionTitle', this.size].filter(c => c !== 'default');
        return (h(Host, { role: "heading" },
            h("div", { class: classes.join(' ') },
                h("div", { class: "SectionTitle--wrapper" },
                    this.superscript && h("span", { class: "SectionTitle--title" },
                        "\u200B\uFEFF ",
                        this.superscript),
                    this.headline && h("span", { class: "SectionTitle--headline" },
                        "\u200B\uFEFF ",
                        this.headline)),
                h("div", { class: "SectionTitle--content" },
                    h("slot", null)))));
    }
    static get is() { return "sr-section-title"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() { return {
        "$": ["_SectionTitle-component.scss"]
    }; }
    static get styleUrls() { return {
        "$": ["_SectionTitle-component.css"]
    }; }
    static get properties() { return {
        "ariaLevel": {
            "type": "number",
            "mutable": false,
            "complexType": {
                "original": "1 | 2 | 3 | 4 | 5",
                "resolved": "1 | 2 | 3 | 4 | 5",
                "references": {}
            },
            "required": false,
            "optional": false,
            "docs": {
                "tags": [],
                "text": "Heading level \u2013 always set this to make sure your heading structure is correct"
            },
            "attribute": "aria-level",
            "reflect": true,
            "defaultValue": "2"
        },
        "superscript": {
            "type": "string",
            "mutable": false,
            "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
            },
            "required": false,
            "optional": true,
            "docs": {
                "tags": [],
                "text": "Superscript Content"
            },
            "attribute": "superscript",
            "reflect": false
        },
        "headline": {
            "type": "string",
            "mutable": false,
            "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
            },
            "required": false,
            "optional": true,
            "docs": {
                "tags": [],
                "text": "Headline Content"
            },
            "attribute": "headline",
            "reflect": false
        },
        "size": {
            "type": "string",
            "mutable": false,
            "complexType": {
                "original": "'default' | 'medium' | 'large'",
                "resolved": "\"default\" | \"large\" | \"medium\"",
                "references": {}
            },
            "required": false,
            "optional": false,
            "docs": {
                "tags": [],
                "text": "Size"
            },
            "attribute": "size",
            "reflect": false,
            "defaultValue": "'default'"
        }
    }; }
}
