import { h, Host } from "@stencil/core";
export class PdsRow {
    constructor() {
        /**
         * If `true`, the row will have a border.
         */
        this.border = false;
        /**
         * If `true`, the row items will not wrap to the next line if horizontal space is not available.
         */
        this.noWrap = false;
        this.colGapMap = {
            none: '0',
            xxs: '.25rem',
            xs: '.5rem',
            sm: '1rem',
            md: '1.5rem',
            lg: '2.25rem',
            xl: '3rem',
            xxl: '4rem',
            '025': 'var(--pine-dimension-025)',
            '050': 'var(--pine-dimension-050)',
            '100': 'var(--pine-dimension-100)',
            '125': 'var(--pine-dimension-125)',
            '150': 'var(--pine-dimension-150)',
            '200': 'var(--pine-dimension-200)',
            '250': 'var(--pine-dimension-250)',
            '300': 'var(--pine-dimension-300)',
            '350': 'var(--pine-dimension-350)',
            '400': 'var(--pine-dimension-400)',
            '450': 'var(--pine-dimension-450)',
            '500': 'var(--pine-dimension-500)',
            '550': 'var(--pine-dimension-550)',
            '600': 'var(--pine-dimension-600)',
            '650': 'var(--pine-dimension-650)',
            '700': 'var(--pine-dimension-700)',
            '750': 'var(--pine-dimension-750)',
            '800': 'var(--pine-dimension-800)'
        };
    }
    render() {
        const rowClasses = `
    ${this.alignItems !== undefined && this.alignItems.trim() !== '' ? `pds-align-items-${this.alignItems}` : ''}
    ${this.border ? 'pds-row--border' : ''}
    ${this.justifyContent !== undefined && this.justifyContent.trim() !== '' ? `pds-justify-content-${this.justifyContent}` : ''}
    ${this.noWrap ? 'pds-row--no-wrap' : ''}
  `;
        const rowInlineStyles = Object.assign(Object.assign(Object.assign(Object.assign({}, (this.colGap && {
            '--row-gap-x': this.colGap !== undefined && this.colGap.trim() !== '' ? this.colGapMap[this.colGap] : '',
            '--row-gap-y': this.colGap !== undefined && this.colGap.trim() !== '' ? this.colGapMap[this.colGap] : '',
        })), (this.colGapBlock && {
            '--row-gap-y': this.colGapBlock !== undefined && this.colGapBlock.trim() !== '' ? this.colGapMap[this.colGapBlock] : '',
        })), (this.colGapInline && {
            '--row-gap-x': this.colGapInline !== undefined && this.colGapInline.trim() !== '' ? this.colGapMap[this.colGapInline] : '',
        })), (this.minHeight && {
            'min-height': this.minHeight,
        }));
        return h(Host, { key: '7d99184153a86e5d7d2c90fce98e05e9c4a36b81', class: `pds-row ${rowClasses}`, style: rowInlineStyles });
    }
    static get is() { return "pds-row"; }
    static get originalStyleUrls() {
        return {
            "$": ["pds-row.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["pds-row.css"]
        };
    }
    static get properties() {
        return {
            "alignItems": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "`start` | `center` | `end` | `baseline` | `stretch`",
                    "resolved": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [{
                            "name": "defaultValue",
                            "text": "start"
                        }],
                    "text": "Defines the vertical alignment of the row items."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "align-items"
            },
            "border": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "If `true`, the row will have a border."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "border",
                "defaultValue": "false"
            },
            "colGap": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "BoxSpacingType | null",
                    "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
                    "references": {
                        "BoxSpacingType": {
                            "location": "import",
                            "path": "../../utils/types",
                            "id": "src/utils/types.ts::BoxSpacingType"
                        }
                    }
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Defines the spacing between the row items."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "col-gap"
            },
            "colGapBlock": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "BoxSpacingType | null",
                    "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
                    "references": {
                        "BoxSpacingType": {
                            "location": "import",
                            "path": "../../utils/types",
                            "id": "src/utils/types.ts::BoxSpacingType"
                        }
                    }
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Defines the spacing between the row items vertically."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "col-gap-block"
            },
            "colGapInline": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "BoxSpacingType | null",
                    "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
                    "references": {
                        "BoxSpacingType": {
                            "location": "import",
                            "path": "../../utils/types",
                            "id": "src/utils/types.ts::BoxSpacingType"
                        }
                    }
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Defines the spacing between the row items horizontally."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "col-gap-inline"
            },
            "componentId": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "A unique identifier used for the underlying component `id` attribute."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "component-id"
            },
            "justifyContent": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "`start` | `center` | `end` | `space-between` | `space-around`",
                    "resolved": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"start\"",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [{
                            "name": "defaultValue",
                            "text": "start"
                        }],
                    "text": "Defines the horizontal alignment of the row items."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "justify-content"
            },
            "minHeight": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "The minimum height of the row. Used in conjunction with alignment props"
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "min-height"
            },
            "noWrap": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "If `true`, the row items will not wrap to the next line if horizontal space is not available."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "no-wrap",
                "defaultValue": "false"
            }
        };
    }
}
//# sourceMappingURL=pds-row.js.map
