/**
 * Cards are used to display content in a compact and organized way.
 *
 * @status new
 * @version 8.0.0
 * @type CSS Only
 *
 * @slot img - The image of the card. Appears first.
 * @slot category - The category tag on a card. Appears on the bottom right corner of a card image.
 * @slot title - The title of the card. Appears second.
 * @slot content - The main content of the card. Appears third.
 * @slot footer - The footer of the card. Appears last.
 */
export class NanoCard {
    /** The layout of the card. `landscape` only applies when the card is large enough. Defaults to portrait. */
    layout;
    /** The variant of card. Changes the styling of the card and of nested elements */
    variant;
    /** Size of card's heading. Defaults to `large`. Has no baring on `variant="promo"` cards */
    size;
    /** If true, disables the whole-card click effect. */
    disableCardClick;
    static get is() { return "nano-card"; }
    static get originalStyleUrls() {
        return {
            "$": ["card.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["card.css"]
        };
    }
    static get properties() {
        return {
            "layout": {
                "type": "string",
                "attribute": "layout",
                "mutable": false,
                "complexType": {
                    "original": "'portrait' | 'landscape'",
                    "resolved": "\"landscape\" | \"portrait\"",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "The layout of the card. `landscape` only applies when the card is large enough. Defaults to portrait."
                },
                "getter": false,
                "setter": false,
                "reflect": true
            },
            "variant": {
                "type": "string",
                "attribute": "variant",
                "mutable": false,
                "complexType": {
                    "original": "| 'promo'\n    | 'promo-aero'\n    | 'promo-plain'\n    | 'promo-grey'\n    | 'product'",
                    "resolved": "\"product\" | \"promo\" | \"promo-aero\" | \"promo-grey\" | \"promo-plain\"",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "The variant of card. Changes the styling of the card and of nested elements"
                },
                "getter": false,
                "setter": false,
                "reflect": true
            },
            "size": {
                "type": "string",
                "attribute": "size",
                "mutable": false,
                "complexType": {
                    "original": "'small' | 'large'",
                    "resolved": "\"large\" | \"small\"",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Size of card's heading. Defaults to `large`. Has no baring on `variant=\"promo\"` cards"
                },
                "getter": false,
                "setter": false,
                "reflect": true
            },
            "disableCardClick": {
                "type": "boolean",
                "attribute": "disable-card-click",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "If true, disables the whole-card click effect."
                },
                "getter": false,
                "setter": false,
                "reflect": true
            }
        };
    }
}
