import { h } from "@stencil/core";
export class DgaTag {
    constructor() {
        this.variant = 'success';
        this.size = 'md';
        this.iconOnly = false;
        this.rounded = false;
        this.outlined = false;
    }
    render() {
        if (this.iconOnly)
            return (h("span", { class: `tag tag--${this.variant} ${this.outlined ? `tag--${this.variant}-outlined` : ''} tag--${this.size} ${this.rounded ? 'tag--rounded' : ''}  tag--icon` }, this.leadIcon && h("span", { class: "tag-icon" }, h("dga-icon-v2", Object.assign({}, this.leadIcon))), !this.leadIcon && h("slot", null)));
        return (h("span", { class: `tag tag--${this.variant} ${this.outlined ? `tag--${this.variant}-outlined` : ''} tag--${this.size} ${this.rounded ? 'tag--rounded' : ''}` }, this.leadIcon ? h("span", { class: "tag-icon" }, h("dga-icon-v2", Object.assign({}, this.leadIcon))) : '', this.label, this.trailIcon ? h("span", { class: "tag-icon" }, h("dga-icon-v2", Object.assign({}, this.trailIcon))) : '', h("slot", null)));
    }
    static get is() { return "dga-tag"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["dga-tag.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["dga-tag.css"]
        };
    }
    static get properties() {
        return {
            "label": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "label",
                "reflect": false
            },
            "variant": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "'neutral' | 'success' | 'info' | 'warning' | 'error' | 'on-color'",
                    "resolved": "\"error\" | \"info\" | \"neutral\" | \"on-color\" | \"success\" | \"warning\"",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "variant",
                "reflect": false,
                "defaultValue": "'success'"
            },
            "size": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "'lg' | 'md' | 'sm'",
                    "resolved": "\"lg\" | \"md\" | \"sm\"",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "size",
                "reflect": false,
                "defaultValue": "'md'"
            },
            "iconOnly": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "icon-only",
                "reflect": false,
                "defaultValue": "false"
            },
            "leadIcon": {
                "type": "unknown",
                "mutable": false,
                "complexType": {
                    "original": "Icon",
                    "resolved": "Icon",
                    "references": {
                        "Icon": {
                            "location": "import",
                            "path": "../dga-avatar/dga-avatar",
                            "id": "src/components/dga-avatar/dga-avatar.tsx::Icon"
                        }
                    }
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false
            },
            "trailIcon": {
                "type": "unknown",
                "mutable": false,
                "complexType": {
                    "original": "Icon",
                    "resolved": "Icon",
                    "references": {
                        "Icon": {
                            "location": "import",
                            "path": "../dga-avatar/dga-avatar",
                            "id": "src/components/dga-avatar/dga-avatar.tsx::Icon"
                        }
                    }
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false
            },
            "rounded": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "rounded",
                "reflect": false,
                "defaultValue": "false"
            },
            "outlined": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "attribute": "outlined",
                "reflect": false,
                "defaultValue": "false"
            }
        };
    }
}
//# sourceMappingURL=dga-tag.js.map
