q2-tecton-elements 1.55.3 → 1.56.0

package/dist/collection/components/q2-grid-area/q2-grid-area.js

@@ -0,0 +1,1109 @@
+import { h, Host } from "@stencil/core";
+export class Q2GridArea {
+    constructor() {
+        this.align = 'auto';
+        this.columnSpan = 1;
+        this.columnStart = 'auto';
+        this.justify = 'auto';
+        this.lgAlign = undefined;
+        this.lgColumnSpan = undefined;
+        this.lgColumnStart = undefined;
+        this.lgJustify = undefined;
+        this.lgRowSpan = undefined;
+        this.lgRowStart = undefined;
+        this.lgZIndex = undefined;
+        this.mdAlign = undefined;
+        this.mdColumnSpan = undefined;
+        this.mdColumnStart = undefined;
+        this.mdJustify = undefined;
+        this.mdRowSpan = undefined;
+        this.mdRowStart = undefined;
+        this.mdZIndex = undefined;
+        this.rowSpan = 1;
+        this.rowStart = 'auto';
+        this.smAlign = undefined;
+        this.smColumnSpan = undefined;
+        this.smColumnStart = undefined;
+        this.smJustify = undefined;
+        this.smRowSpan = undefined;
+        this.smRowStart = undefined;
+        this.smZIndex = undefined;
+        this.xlAlign = undefined;
+        this.xlColumnSpan = undefined;
+        this.xlColumnStart = undefined;
+        this.xlJustify = undefined;
+        this.xlRowSpan = undefined;
+        this.xlRowStart = undefined;
+        this.xlZIndex = undefined;
+        this.xsAlign = undefined;
+        this.xsColumnSpan = undefined;
+        this.xsColumnStart = undefined;
+        this.xsJustify = undefined;
+        this.xsRowSpan = undefined;
+        this.xsRowStart = undefined;
+        this.xsZIndex = undefined;
+        this.zIndex = 0;
+    }
+    // #endregion
+    // #region Local Methods
+    get computedLgZIndex() {
+        return this.lgZIndex || this.lgZIndex === 0 ? this.lgZIndex : this.computedMdZIndex;
+    }
+    get computedMdZIndex() {
+        return this.mdZIndex || this.mdZIndex === 0 ? this.mdZIndex : this.computedSmZIndex;
+    }
+    get computedSmZIndex() {
+        return this.smZIndex || this.smZIndex === 0 ? this.smZIndex : this.computedXsZIndex;
+    }
+    get computedXlZIndex() {
+        return this.xlZIndex || this.xlZIndex === 0 ? this.xlZIndex : this.computedLgZIndex;
+    }
+    get computedXsZIndex() {
+        return this.xsZIndex || this.xsZIndex === 0 ? this.xsZIndex : this.zIndex;
+    }
+    // #endregion
+    // #region Render Methods
+    render() {
+        const q2GridAreaStyles = {
+            // base:
+            '--grid-column-start': `${this.columnStart}`,
+            '--grid-column-end': `span ${this.columnSpan}`,
+            '--grid-row-start': `${this.rowStart}`,
+            '--grid-row-end': `span ${this.rowSpan}`,
+            '--justify-self': this.justify,
+            '--align-self': this.align,
+            '--z-index': `${this.zIndex}`,
+            // xs:
+            '--xs-grid-column-start': `${this.xsColumnStart || this.columnStart}`,
+            '--xs-grid-column-end': `span ${this.xsColumnSpan || this.columnSpan}`,
+            '--xs-grid-row-start': `${this.xsRowStart || this.rowStart}`,
+            '--xs-grid-row-end': `span ${this.xsRowSpan || this.rowSpan}`,
+            '--xs-justify-self': this.xsJustify || this.justify,
+            '--xs-align-self': this.xsAlign || this.align,
+            '--xs-z-index': `${this.computedXsZIndex}`,
+            // sm:
+            '--sm-grid-column-start': `${this.smColumnStart || this.xsColumnStart || this.columnStart}`,
+            '--sm-grid-column-end': `span ${this.smColumnSpan || this.xsColumnSpan || this.columnSpan}`,
+            '--sm-grid-row-start': `${this.smRowStart || this.xsRowStart || this.rowStart}`,
+            '--sm-grid-row-end': `span ${this.smRowSpan || this.xsRowSpan || this.rowSpan}`,
+            '--sm-justify-self': this.smJustify || this.xsJustify || this.justify,
+            '--sm-align-self': this.smAlign || this.xsAlign || this.align,
+            '--sm-z-index': `${this.computedSmZIndex}`,
+            // md:
+            '--md-grid-column-start': `${this.mdColumnStart || this.smColumnStart || this.xsColumnStart || this.columnStart}`,
+            '--md-grid-column-end': `span ${this.mdColumnSpan || this.smColumnSpan || this.xsColumnSpan || this.columnSpan}`,
+            '--md-grid-row-start': `${this.mdRowStart || this.smRowStart || this.xsRowStart || this.rowStart}`,
+            '--md-grid-row-end': `span ${this.mdRowSpan || this.smRowSpan || this.xsRowSpan || this.rowSpan}`,
+            '--md-justify-self': this.mdJustify || this.smJustify || this.xsJustify || this.justify,
+            '--md-align-self': this.mdAlign || this.smAlign || this.xsAlign || this.align,
+            '--md-z-index': `${this.computedMdZIndex}`,
+            // lg:
+            '--lg-grid-column-start': `${this.lgColumnStart || this.mdColumnStart || this.smColumnStart || this.xsColumnStart || this.columnStart}`,
+            '--lg-grid-column-end': `span ${this.lgColumnSpan || this.mdColumnSpan || this.smColumnSpan || this.xsColumnSpan || this.columnSpan}`,
+            '--lg-grid-row-start': `${this.lgRowStart || this.mdRowStart || this.smRowStart || this.xsRowStart || this.rowStart}`,
+            '--lg-grid-row-end': `span ${this.lgRowSpan || this.mdRowSpan || this.smRowSpan || this.xsRowSpan || this.rowSpan}`,
+            '--lg-justify-self': this.lgJustify || this.mdJustify || this.smJustify || this.xsJustify || this.justify,
+            '--lg-align-self': this.lgAlign || this.mdAlign || this.smAlign || this.xsAlign || this.align,
+            '--lg-z-index': `${this.computedLgZIndex}`,
+            // xl:
+            '--xl-grid-column-start': `${this.xlColumnStart || this.lgColumnStart || this.mdColumnStart || this.smColumnStart || this.xsColumnStart || this.columnStart}`,
+            '--xl-grid-column-end': `span ${this.xlColumnSpan || this.lgColumnSpan || this.mdColumnSpan || this.smColumnSpan || this.xsColumnSpan || this.columnSpan}`,
+            '--xl-grid-row-start': `${this.xlRowStart || this.lgRowStart || this.mdRowStart || this.smRowStart || this.xsRowStart || this.rowStart}`,
+            '--xl-grid-row-end': `span ${this.xlRowSpan || this.lgRowSpan || this.mdRowSpan || this.smRowSpan || this.xsRowSpan || this.rowSpan}`,
+            '--xl-justify-self': this.xlJustify || this.lgJustify || this.mdJustify || this.smJustify || this.xsJustify || this.justify,
+            '--xl-align-self': this.xlAlign || this.lgAlign || this.mdAlign || this.smAlign || this.xsAlign || this.align,
+            '--xl-z-index': `${this.computedXlZIndex}`,
+        };
+        return (h(Host, { key: 'f8e261f2b0ef797a8b66f6da08579be08c1c47b0', style: q2GridAreaStyles }, h("slot", { key: '41d23b118b2030a76a31a151cee55e080d2b804e' })));
+    }
+    static get is() { return "q2-grid-area"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["q2-grid-area.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["q2-grid-area.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "align": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaAlignOptions",
+                    "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
+                    "references": {
+                        "TQ2GridAreaAlignOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaAlignOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
+                },
+                "attribute": "align",
+                "reflect": true,
+                "defaultValue": "'auto'"
+            },
+            "columnSpan": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaColumnSpanOptions",
+                    "resolved": "number",
+                    "references": {
+                        "TQ2GridAreaColumnSpanOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnSpanOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the column span amount of the grid area at the baseline viewport size."
+                },
+                "attribute": "column-span",
+                "reflect": true,
+                "defaultValue": "1"
+            },
+            "columnStart": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaColumnStartOptions",
+                    "resolved": "\"auto\" | number",
+                    "references": {
+                        "TQ2GridAreaColumnStartOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnStartOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the starting column of the grid area at the baseline viewport size."
+                },
+                "attribute": "column-start",
+                "reflect": true,
+                "defaultValue": "'auto'"
+            },
+            "justify": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaJustifyOptions",
+                    "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
+                    "references": {
+                        "TQ2GridAreaJustifyOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaJustifyOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
+                },
+                "attribute": "justify",
+                "reflect": true,
+                "defaultValue": "'auto'"
+            },
+            "lgAlign": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaAlignOptions",
+                    "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
+                    "references": {
+                        "TQ2GridAreaAlignOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaAlignOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
+                },
+                "attribute": "lg-align",
+                "reflect": true
+            },
+            "lgColumnSpan": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaColumnSpanOptions",
+                    "resolved": "number",
+                    "references": {
+                        "TQ2GridAreaColumnSpanOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnSpanOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the column span amount of the grid area at the LG viewport size."
+                },
+                "attribute": "lg-column-span",
+                "reflect": true
+            },
+            "lgColumnStart": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaColumnStartOptions",
+                    "resolved": "\"auto\" | number",
+                    "references": {
+                        "TQ2GridAreaColumnStartOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnStartOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the starting column of the grid area at the LG viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available column."
+                },
+                "attribute": "lg-column-start",
+                "reflect": true
+            },
+            "lgJustify": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaJustifyOptions",
+                    "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
+                    "references": {
+                        "TQ2GridAreaJustifyOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaJustifyOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
+                },
+                "attribute": "lg-justify",
+                "reflect": true
+            },
+            "lgRowSpan": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaRowSpanOptions",
+                    "resolved": "number",
+                    "references": {
+                        "TQ2GridAreaRowSpanOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowSpanOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the row span amount of the grid area at the LG viewport size."
+                },
+                "attribute": "lg-row-span",
+                "reflect": true
+            },
+            "lgRowStart": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaRowStartOptions",
+                    "resolved": "\"auto\" | number",
+                    "references": {
+                        "TQ2GridAreaRowStartOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowStartOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the starting row of the grid area at the LG viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available row."
+                },
+                "attribute": "lg-row-start",
+                "reflect": true
+            },
+            "lgZIndex": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaZIndexOptions",
+                    "resolved": "number",
+                    "references": {
+                        "TQ2GridAreaZIndexOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaZIndexOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the z-index of the grid area at the LG viewport size."
+                },
+                "attribute": "lg-z-index",
+                "reflect": true
+            },
+            "mdAlign": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaAlignOptions",
+                    "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
+                    "references": {
+                        "TQ2GridAreaAlignOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaAlignOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
+                },
+                "attribute": "md-align",
+                "reflect": true
+            },
+            "mdColumnSpan": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaColumnSpanOptions",
+                    "resolved": "number",
+                    "references": {
+                        "TQ2GridAreaColumnSpanOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnSpanOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the column span amount of the grid area at the MD viewport size."
+                },
+                "attribute": "md-column-span",
+                "reflect": true
+            },
+            "mdColumnStart": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaColumnStartOptions",
+                    "resolved": "\"auto\" | number",
+                    "references": {
+                        "TQ2GridAreaColumnStartOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnStartOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the starting column of the grid area at the MD viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available column."
+                },
+                "attribute": "md-column-start",
+                "reflect": true
+            },
+            "mdJustify": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaJustifyOptions",
+                    "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
+                    "references": {
+                        "TQ2GridAreaJustifyOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaJustifyOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
+                },
+                "attribute": "md-justify",
+                "reflect": true
+            },
+            "mdRowSpan": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaRowSpanOptions",
+                    "resolved": "number",
+                    "references": {
+                        "TQ2GridAreaRowSpanOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowSpanOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the row span amount of the grid area at the MD viewport size."
+                },
+                "attribute": "md-row-span",
+                "reflect": true
+            },
+            "mdRowStart": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaRowStartOptions",
+                    "resolved": "\"auto\" | number",
+                    "references": {
+                        "TQ2GridAreaRowStartOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowStartOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the starting row of the grid area at the MD viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available row."
+                },
+                "attribute": "md-row-start",
+                "reflect": true
+            },
+            "mdZIndex": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaZIndexOptions",
+                    "resolved": "number",
+                    "references": {
+                        "TQ2GridAreaZIndexOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaZIndexOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the z-index of the grid area at the MD viewport size."
+                },
+                "attribute": "md-z-index",
+                "reflect": true
+            },
+            "rowSpan": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaRowSpanOptions",
+                    "resolved": "number",
+                    "references": {
+                        "TQ2GridAreaRowSpanOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowSpanOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the row span amount of the grid area at the baseline viewport size."
+                },
+                "attribute": "row-span",
+                "reflect": true,
+                "defaultValue": "1"
+            },
+            "rowStart": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaRowStartOptions",
+                    "resolved": "\"auto\" | number",
+                    "references": {
+                        "TQ2GridAreaRowStartOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowStartOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the starting row of the grid area at the baseline viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available row."
+                },
+                "attribute": "row-start",
+                "reflect": true,
+                "defaultValue": "'auto'"
+            },
+            "smAlign": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaAlignOptions",
+                    "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
+                    "references": {
+                        "TQ2GridAreaAlignOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaAlignOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
+                },
+                "attribute": "sm-align",
+                "reflect": true
+            },
+            "smColumnSpan": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaColumnSpanOptions",
+                    "resolved": "number",
+                    "references": {
+                        "TQ2GridAreaColumnSpanOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnSpanOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the column span amount of the grid area at the SM viewport size."
+                },
+                "attribute": "sm-column-span",
+                "reflect": true
+            },
+            "smColumnStart": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaColumnStartOptions",
+                    "resolved": "\"auto\" | number",
+                    "references": {
+                        "TQ2GridAreaColumnStartOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnStartOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the starting column of the grid area at the SM viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available column."
+                },
+                "attribute": "sm-column-start",
+                "reflect": true
+            },
+            "smJustify": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaJustifyOptions",
+                    "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
+                    "references": {
+                        "TQ2GridAreaJustifyOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaJustifyOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
+                },
+                "attribute": "sm-justify",
+                "reflect": true
+            },
+            "smRowSpan": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaRowSpanOptions",
+                    "resolved": "number",
+                    "references": {
+                        "TQ2GridAreaRowSpanOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowSpanOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the row span amount of the grid area at the SM viewport size."
+                },
+                "attribute": "sm-row-span",
+                "reflect": true
+            },
+            "smRowStart": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaRowStartOptions",
+                    "resolved": "\"auto\" | number",
+                    "references": {
+                        "TQ2GridAreaRowStartOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowStartOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the starting row of the grid area at the SM viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available row."
+                },
+                "attribute": "sm-row-start",
+                "reflect": true
+            },
+            "smZIndex": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaZIndexOptions",
+                    "resolved": "number",
+                    "references": {
+                        "TQ2GridAreaZIndexOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaZIndexOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the z-index of the grid area at the SM viewport size."
+                },
+                "attribute": "sm-z-index",
+                "reflect": true
+            },
+            "xlAlign": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaAlignOptions",
+                    "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
+                    "references": {
+                        "TQ2GridAreaAlignOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaAlignOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
+                },
+                "attribute": "xl-align",
+                "reflect": true
+            },
+            "xlColumnSpan": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaColumnSpanOptions",
+                    "resolved": "number",
+                    "references": {
+                        "TQ2GridAreaColumnSpanOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnSpanOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the column span amount of the grid area at the XL viewport size."
+                },
+                "attribute": "xl-column-span",
+                "reflect": true
+            },
+            "xlColumnStart": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaColumnStartOptions",
+                    "resolved": "\"auto\" | number",
+                    "references": {
+                        "TQ2GridAreaColumnStartOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnStartOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the starting column of the grid area at the XL viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available column."
+                },
+                "attribute": "xl-column-start",
+                "reflect": true
+            },
+            "xlJustify": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaJustifyOptions",
+                    "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
+                    "references": {
+                        "TQ2GridAreaJustifyOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaJustifyOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
+                },
+                "attribute": "xl-justify",
+                "reflect": true
+            },
+            "xlRowSpan": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaRowSpanOptions",
+                    "resolved": "number",
+                    "references": {
+                        "TQ2GridAreaRowSpanOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowSpanOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the row span amount of the grid area at the XL viewport size."
+                },
+                "attribute": "xl-row-span",
+                "reflect": true
+            },
+            "xlRowStart": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaRowStartOptions",
+                    "resolved": "\"auto\" | number",
+                    "references": {
+                        "TQ2GridAreaRowStartOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowStartOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the starting row of the grid area at the XL viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available row."
+                },
+                "attribute": "xl-row-start",
+                "reflect": true
+            },
+            "xlZIndex": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaZIndexOptions",
+                    "resolved": "number",
+                    "references": {
+                        "TQ2GridAreaZIndexOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaZIndexOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the z-index of the grid area at the XL viewport size."
+                },
+                "attribute": "xl-z-index",
+                "reflect": true
+            },
+            "xsAlign": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaAlignOptions",
+                    "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
+                    "references": {
+                        "TQ2GridAreaAlignOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaAlignOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
+                },
+                "attribute": "xs-align",
+                "reflect": true
+            },
+            "xsColumnSpan": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaColumnSpanOptions",
+                    "resolved": "number",
+                    "references": {
+                        "TQ2GridAreaColumnSpanOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnSpanOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the column span amount of the grid area at the XS viewport size."
+                },
+                "attribute": "xs-column-span",
+                "reflect": true
+            },
+            "xsColumnStart": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaColumnStartOptions",
+                    "resolved": "\"auto\" | number",
+                    "references": {
+                        "TQ2GridAreaColumnStartOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnStartOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the starting column of the grid area at the XS viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available column."
+                },
+                "attribute": "xs-column-start",
+                "reflect": true
+            },
+            "xsJustify": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaJustifyOptions",
+                    "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
+                    "references": {
+                        "TQ2GridAreaJustifyOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaJustifyOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
+                },
+                "attribute": "xs-justify",
+                "reflect": true
+            },
+            "xsRowSpan": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaRowSpanOptions",
+                    "resolved": "number",
+                    "references": {
+                        "TQ2GridAreaRowSpanOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowSpanOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the row span amount of the grid area at the XS viewport size."
+                },
+                "attribute": "xs-row-span",
+                "reflect": true
+            },
+            "xsRowStart": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaRowStartOptions",
+                    "resolved": "\"auto\" | number",
+                    "references": {
+                        "TQ2GridAreaRowStartOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowStartOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the starting row of the grid area at the XS viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available row."
+                },
+                "attribute": "xs-row-start",
+                "reflect": true
+            },
+            "xsZIndex": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaZIndexOptions",
+                    "resolved": "number",
+                    "references": {
+                        "TQ2GridAreaZIndexOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaZIndexOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the z-index of the grid area at the XS viewport size."
+                },
+                "attribute": "xs-z-index",
+                "reflect": true
+            },
+            "zIndex": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "TQ2GridAreaZIndexOptions",
+                    "resolved": "number",
+                    "references": {
+                        "TQ2GridAreaZIndexOptions": {
+                            "location": "local",
+                            "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
+                            "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaZIndexOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the z-index of the grid area at the baseline viewport size."
+                },
+                "attribute": "z-index",
+                "reflect": true,
+                "defaultValue": "0"
+            }
+        };
+    }
+}
+//# sourceMappingURL=q2-grid-area.js.map