import { h } from "@stencil/core";
import { SxHandler } from "../../utils/sx-handler";
export class DgaQuote {
    constructor() {
        this.size = 'sm';
        this.whiteBackground = false;
        this.showQuoteTitle = true;
        this.quoteTitle = '';
        this.showQuoteDescription = true;
        this.quoteDescription = '';
        this.showAuthorDetails = true;
        this.authorName = '';
        this.authorDescription = '';
        this.showAvatar = false;
    }
    componentWillLoad() {
        this.sxHandler = new SxHandler(this.el, 'dga-slider');
    }
    componentDidLoad() {
        this.sxHandler.processSx(this.sx);
    }
    sxChanged() {
        this.sxHandler.processSx(this.sx);
    }
    disconnectedCallback() {
        this.sxHandler.cleanup();
    }
    render() {
        return (h("div", { key: '6d298040f80d9b3a85c60fd1cfdb39af09e7bb2a', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: '426c29d2980c1216d15d7ee3850577e4b60bf94b', class: "dga-quote__body" }, h("dga-flex", { key: '50955674b71d2be6a8b0d6b65f226827f44de147', spacing: 9 }, h("span", { key: '80349c18221c8eb9a899c5979b3096b0794dcb43', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '2ec58e6133709d118b8817b1d7fc0febc3f11cb1', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: 'b30b4f0cd2d9931f23b7f58cc49309579702beb4', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: 'a8a2ddeacf83ecd4264c6436f1de9371c63daa57', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: 'b19b301d684b0e6386c2d7af2691aadd821fa5b0', class: "dga-quote__auther-details" }, h("dga-flex", { key: '2c3f63e435e77f016988bdab303606f1628ee98c', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: '577ae619d155e08dbf0d673d0a8cd9e18534733f', size: 80, type: "image", border: false }), h("dga-flex", { key: 'e9cb2297279130fc183747fbefc41fec0a1e145c', direction: "column", spacing: 8 }, h("h3", { key: 'a1c33f6ae557de9fe2cd8537194451617539c7e5', class: "auther-title" }, this.authorName), h("p", { key: 'a9fb6b26c1c9ecb981fd5eb4b29f8db08294bf48', class: "auther-desc" }, this.authorDescription))), h("span", { key: '0b422f7d04c98567709d72a69006e8b428c65e4d', class: "quote-icon" }, "\u201C")))));
    }
    static get is() { return "dga-quote"; }
    static get originalStyleUrls() {
        return {
            "$": ["dga-quote.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["dga-quote.css"]
        };
    }
    static get properties() {
        return {
            "size": {
                "type": "string",
                "attribute": "size",
                "mutable": false,
                "complexType": {
                    "original": "'sm' | 'lg'",
                    "resolved": "\"lg\" | \"sm\"",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "'sm'"
            },
            "whiteBackground": {
                "type": "boolean",
                "attribute": "white-background",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "false"
            },
            "showQuoteTitle": {
                "type": "boolean",
                "attribute": "show-quote-title",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "true"
            },
            "quoteTitle": {
                "type": "string",
                "attribute": "quote-title",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "''"
            },
            "showQuoteDescription": {
                "type": "boolean",
                "attribute": "show-quote-description",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "true"
            },
            "quoteDescription": {
                "type": "string",
                "attribute": "quote-description",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "''"
            },
            "showAuthorDetails": {
                "type": "boolean",
                "attribute": "show-author-details",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "true"
            },
            "authorName": {
                "type": "string",
                "attribute": "author-name",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "''"
            },
            "authorDescription": {
                "type": "string",
                "attribute": "author-description",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "''"
            },
            "showAvatar": {
                "type": "boolean",
                "attribute": "show-avatar",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "false"
            },
            "sx": {
                "type": "string",
                "attribute": "sx",
                "mutable": false,
                "complexType": {
                    "original": "SxProps | string",
                    "resolved": "SxProps | string",
                    "references": {
                        "SxProps": {
                            "location": "import",
                            "path": "../../utils/sx-handler",
                            "id": "src/utils/sx-handler.ts::SxProps"
                        }
                    }
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false
            }
        };
    }
    static get elementRef() { return "el"; }
    static get watchers() {
        return [{
                "propName": "sx",
                "methodName": "sxChanged"
            }];
    }
}
