var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
        r = Reflect.decorate(decorators, target, key, desc);
    else
        for (var i = decorators.length - 1; i >= 0; i--)
            if (d = decorators[i])
                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
import { Host, h } from "@stencil/core";
import { sanitizeVegaComponent } from "../../utils/component";
import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from "../../../../../vega-slimmer/vega-slimmer-core";
import { VegaSectionTitleRenderer } from "./slimmers/renderers/vega-section-title-renderer";
import { VegaComponentUsageRuntimeMetricsSlimmer } from "../../helpers/slimmers/component-usage-runtime-metrics";
/**
 * @vegaVersion 2.1.0
 */
export class VegaSectionTitle {
    constructor() {
        this.globalSlimmers = {};
        this.renderer = new VegaSectionTitleRenderer();
        this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
        /**
         * Specifies the text content of the title displayed
         *    within the section title.
         *
         * @vegaVersion 2.1.0
         */
        this.titleText = '';
        /**
         * Specifies the alignment of the icon relative to
         *    the title within the section title.
         *
         * @vegaVersion 2.1.0
         */
        this.iconAlign = 'left';
        /**
         * Specifies the color of the icon displayed
         *    within the section title.
         * @vegaVersion 2.81.0
         */
        this.iconColor = 'text-primary';
        /**
         * Specifies the size of the section title.
         *
         * @vegaVersion 2.81.0
         */
        this.size = 'default';
    }
    render() {
        return sanitizeVegaComponent(h(Host, null, this.renderer.render()), this.host);
    }
    static get is() { return "vega-section-title"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["vega-section-title.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["vega-section-title.css"]
        };
    }
    static get properties() {
        return {
            "titleText": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [{
                            "name": "vegaVersion",
                            "text": "2.1.0"
                        }],
                    "text": "Specifies the text content of the title displayed\n   within the section title."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "title",
                "defaultValue": "''"
            },
            "description": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [{
                            "name": "vegaVersion",
                            "text": "2.1.0"
                        }],
                    "text": "Specifies the text content of the description displayed\n   within the section title."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "description"
            },
            "icon": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [{
                            "name": "vegaVersion",
                            "text": "2.1.0"
                        }],
                    "text": "Specifies the icon displayed within the section title."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "icon"
            },
            "iconAlign": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "IconAlignType",
                    "resolved": "\"left\" | \"right\"",
                    "references": {
                        "IconAlignType": {
                            "location": "import",
                            "path": "../../types/ui.type",
                            "id": "src/types/ui.type.ts::IconAlignType",
                            "referenceLocation": "IconAlignType"
                        }
                    }
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [{
                            "name": "vegaVersion",
                            "text": "2.1.0"
                        }],
                    "text": "Specifies the alignment of the icon relative to\n   the title within the section title."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "icon-align",
                "defaultValue": "'left'"
            },
            "iconColor": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "TextColorsTokenType",
                    "resolved": "\"text-accent1-primary\" | \"text-accent10-primary\" | \"text-accent2-primary\" | \"text-accent3-primary\" | \"text-accent4-primary\" | \"text-accent5-primary\" | \"text-accent6-primary\" | \"text-accent7-primary\" | \"text-accent8-primary\" | \"text-accent9-primary\" | \"text-black\" | \"text-brand\" | \"text-danger-link\" | \"text-danger-link-active\" | \"text-danger-link-focus\" | \"text-danger-link-hover\" | \"text-danger-link-visited\" | \"text-disabled\" | \"text-error\" | \"text-input-disabled\" | \"text-input-placeholder\" | \"text-inverted-primary\" | \"text-inverted-secondary\" | \"text-inverted-success\" | \"text-link\" | \"text-link-active\" | \"text-link-focus\" | \"text-link-hover\" | \"text-link-visited\" | \"text-on-action\" | \"text-on-danger\" | \"text-on-disabled\" | \"text-primary\" | \"text-secondary\" | \"text-sidebar-link\" | \"text-sidebar-link-hover\" | \"text-sidebar-link-selected\" | \"text-site-footer-link\" | \"text-site-footer-link-active\" | \"text-site-footer-link-hover\" | \"text-success\" | \"text-white\"",
                    "references": {
                        "TextColorsTokenType": {
                            "location": "import",
                            "path": "../../types/design-token.type",
                            "id": "src/types/design-token.type.ts::TextColorsTokenType",
                            "referenceLocation": "TextColorsTokenType"
                        }
                    }
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [{
                            "name": "vegaVersion",
                            "text": "2.81.0"
                        }],
                    "text": "Specifies the color of the icon displayed\n   within the section title."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "icon-color",
                "defaultValue": "'text-primary'"
            },
            "size": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "VegaSectionTitleSizeType",
                    "resolved": "\"default\" | \"small\"",
                    "references": {
                        "VegaSectionTitleSizeType": {
                            "location": "import",
                            "path": "./types",
                            "id": "src/components/vega-section-title/types.d.ts::VegaSectionTitleSizeType",
                            "referenceLocation": "VegaSectionTitleSizeType"
                        }
                    }
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [{
                            "name": "vegaVersion",
                            "text": "2.81.0"
                        }],
                    "text": "Specifies the size of the section title."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "size",
                "defaultValue": "'default'"
            }
        };
    }
    static get elementRef() { return "host"; }
}
__decorate([
    InjectVegaGlobalSlimmer()
], VegaSectionTitle.prototype, "globalSlimmers", void 0);
__decorate([
    InjectVegaSlimmer()
], VegaSectionTitle.prototype, "renderer", void 0);
__decorate([
    InjectVegaSlimmer()
], VegaSectionTitle.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
