q2-tecton-elements 1.60.2 → 1.61.0

package/dist/cjs/q2-grid-area.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-grid-area.entry.cjs.js","sources":["src/components/q2-grid-area/q2-grid-area.scss?tag=q2-grid-area&encapsulation=shadow","src/components/q2-grid-area/q2-grid-area.tsx"],"sourcesContent":["@import '../../styles/functions.scss';\n@import '../../styles/variables.scss';\n\n:host {\n    // base:\n    --grid-column-start: '';\n    --grid-column-end: '';\n    --grid-row-start: '';\n    --grid-row-end: '';\n    --justify-self: '';\n    --align-self: '';\n    --z-index: '';\n    // xs:\n    --xs-grid-column-start: '';\n    --xs-grid-column-end: '';\n    --xs-grid-row-start: '';\n    --xs-grid-row-end: '';\n    --xs-justify-self: '';\n    --xs-align-self: '';\n    --xs-z-index: '';\n    // sm:\n    --sm-grid-column-start: '';\n    --sm-grid-column-end: '';\n    --sm-grid-row-start: '';\n    --sm-grid-row-end: '';\n    --sm-justify-self: '';\n    --sm-align-self: '';\n    --sm-z-index: '';\n    // md:\n    --md-grid-column-start: '';\n    --md-grid-column-end: '';\n    --md-grid-row-start: '';\n    --md-grid-row-end: '';\n    --md-justify-self: '';\n    --md-align-self: '';\n    --md-z-index: '';\n    // lg:\n    --lg-grid-column-start: '';\n    --lg-grid-column-end: '';\n    --lg-grid-row-start: '';\n    --lg-grid-row-end: '';\n    --lg-justify-self: '';\n    --lg-align-self: '';\n    --lg-z-index: '';\n    // xl:\n    --xl-grid-column-start: '';\n    --xl-grid-column-end: '';\n    --xl-grid-row-start: '';\n    --xl-grid-row-end: '';\n    --xl-justify-self: '';\n    --xl-align-self: '';\n    --xl-z-index: '';\n}\n// base:\n@include generate-q2-grid-area-styles(\n    var(--grid-column-start),\n    var(--grid-column-end),\n    var(--grid-row-start),\n    var(--grid-row-end),\n    var(--justify-self),\n    var(--align-self),\n    var(--z-index)\n);\n// xs, sm, md, lg, xl:\n@each $breakpoint in $breakpoint-list {\n    @include breakpoint($breakpoint) {\n        @include generate-q2-grid-area-styles(\n            var(--#{$breakpoint}-grid-column-start),\n            var(--#{$breakpoint}-grid-column-end),\n            var(--#{$breakpoint}-grid-row-start),\n            var(--#{$breakpoint}-grid-row-end),\n            var(--#{$breakpoint}-justify-self),\n            var(--#{$breakpoint}-align-self),\n            var(--#{$breakpoint}-z-index)\n        );\n    }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\nexport type TQ2GridAreaColumnStartOptions = 'auto' | number;\nexport type TQ2GridAreaColumnSpanOptions = number;\nexport type TQ2GridAreaRowStartOptions = 'auto' | number;\nexport type TQ2GridAreaRowSpanOptions = number;\nexport type TQ2GridAreaJustifyOptions = 'auto' | 'stretch' | 'start' | 'center' | 'end';\nexport type TQ2GridAreaAlignOptions = 'auto' | 'stretch' | 'start' | 'center' | 'end';\nexport type TQ2GridAreaZIndexOptions = number;\n\n@Component({ tag: 'q2-grid-area', shadow: true, styleUrl: 'q2-grid-area.scss' })\nexport class Q2GridArea {\n    // #region Public Property API\n\n    /**\n     * Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    align: TQ2GridAreaAlignOptions = 'auto';\n\n    /** Sets the column span amount of the grid area at the baseline viewport size.*/\n    @Prop({ reflect: true })\n    columnSpan: TQ2GridAreaColumnSpanOptions = 1;\n\n    /** Sets the starting column of the grid area at the baseline viewport size.*/\n    @Prop({ reflect: true })\n    columnStart: TQ2GridAreaColumnStartOptions = 'auto';\n\n    /**\n     * Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    justify: TQ2GridAreaJustifyOptions = 'auto';\n\n    /**\n     * Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    lgAlign: TQ2GridAreaAlignOptions;\n\n    /** Sets the column span amount of the grid area at the LG viewport size.*/\n    @Prop({ reflect: true })\n    lgColumnSpan: TQ2GridAreaColumnSpanOptions;\n\n    /**\n     * Sets the starting column of the grid area at the LG viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available column.\n     */\n    @Prop({ reflect: true })\n    lgColumnStart: TQ2GridAreaColumnStartOptions;\n\n    /**\n     * Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    lgJustify: TQ2GridAreaJustifyOptions;\n\n    /** Sets the row span amount of the grid area at the LG viewport size.*/\n    @Prop({ reflect: true })\n    lgRowSpan: TQ2GridAreaRowSpanOptions;\n\n    /**\n     * Sets the starting row of the grid area at the LG viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available row.\n     */\n    @Prop({ reflect: true })\n    lgRowStart: TQ2GridAreaRowStartOptions;\n\n    /** Sets the z-index of the grid area at the LG viewport size.*/\n    @Prop({ reflect: true })\n    lgZIndex: TQ2GridAreaZIndexOptions;\n\n    /**\n     * Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    mdAlign: TQ2GridAreaAlignOptions;\n\n    /** Sets the column span amount of the grid area at the MD viewport size.*/\n    @Prop({ reflect: true })\n    mdColumnSpan: TQ2GridAreaColumnSpanOptions;\n\n    /**\n     * Sets the starting column of the grid area at the MD viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available column.\n     */\n    @Prop({ reflect: true })\n    mdColumnStart: TQ2GridAreaColumnStartOptions;\n\n    /**\n     * Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    mdJustify: TQ2GridAreaJustifyOptions;\n\n    /** Sets the row span amount of the grid area at the MD viewport size.*/\n    @Prop({ reflect: true })\n    mdRowSpan: TQ2GridAreaRowSpanOptions;\n\n    /**\n     * Sets the starting row of the grid area at the MD viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available row.\n     */\n    @Prop({ reflect: true })\n    mdRowStart: TQ2GridAreaRowStartOptions;\n\n    /** Sets the z-index of the grid area at the MD viewport size.*/\n    @Prop({ reflect: true })\n    mdZIndex: TQ2GridAreaZIndexOptions;\n\n    /** Sets the row span amount of the grid area at the baseline viewport size.*/\n    @Prop({ reflect: true })\n    rowSpan: TQ2GridAreaRowSpanOptions = 1;\n\n    /**\n     * Sets the starting row of the grid area at the baseline viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available row.\n     */\n    @Prop({ reflect: true })\n    rowStart: TQ2GridAreaRowStartOptions = 'auto';\n\n    /**\n     * Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    smAlign: TQ2GridAreaAlignOptions;\n\n    /** Sets the column span amount of the grid area at the SM viewport size.*/\n    @Prop({ reflect: true })\n    smColumnSpan: TQ2GridAreaColumnSpanOptions;\n\n    /**\n     * Sets the starting column of the grid area at the SM viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available column.\n     */\n    @Prop({ reflect: true })\n    smColumnStart: TQ2GridAreaColumnStartOptions;\n\n    /**\n     * Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    smJustify: TQ2GridAreaJustifyOptions;\n\n    /** Sets the row span amount of the grid area at the SM viewport size.*/\n    @Prop({ reflect: true })\n    smRowSpan: TQ2GridAreaRowSpanOptions;\n\n    /**\n     * Sets the starting row of the grid area at the SM viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available row.\n     */\n    @Prop({ reflect: true })\n    smRowStart: TQ2GridAreaRowStartOptions;\n\n    /** Sets the z-index of the grid area at the SM viewport size.*/\n    @Prop({ reflect: true })\n    smZIndex: TQ2GridAreaZIndexOptions;\n\n    /**\n     * Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    xlAlign: TQ2GridAreaAlignOptions;\n\n    /** Sets the column span amount of the grid area at the XL viewport size.*/\n    @Prop({ reflect: true })\n    xlColumnSpan: TQ2GridAreaColumnSpanOptions;\n\n    /**\n     * Sets the starting column of the grid area at the XL viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available column.\n     */\n    @Prop({ reflect: true })\n    xlColumnStart: TQ2GridAreaColumnStartOptions;\n\n    /**\n     * Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    xlJustify: TQ2GridAreaJustifyOptions;\n\n    /** Sets the row span amount of the grid area at the XL viewport size.*/\n    @Prop({ reflect: true })\n    xlRowSpan: TQ2GridAreaRowSpanOptions;\n\n    /**\n     * Sets the starting row of the grid area at the XL viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available row.\n     */\n    @Prop({ reflect: true })\n    xlRowStart: TQ2GridAreaRowStartOptions;\n\n    /** Sets the z-index of the grid area at the XL viewport size.*/\n    @Prop({ reflect: true })\n    xlZIndex: TQ2GridAreaZIndexOptions;\n\n    /**\n     * Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    xsAlign: TQ2GridAreaAlignOptions;\n\n    /** Sets the column span amount of the grid area at the XS viewport size.*/\n    @Prop({ reflect: true })\n    xsColumnSpan: TQ2GridAreaColumnSpanOptions;\n\n    /**\n     * Sets the starting column of the grid area at the XS viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available column.\n     */\n    @Prop({ reflect: true })\n    xsColumnStart: TQ2GridAreaColumnStartOptions;\n\n    /**\n     * Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    xsJustify: TQ2GridAreaJustifyOptions;\n\n    /** Sets the row span amount of the grid area at the XS viewport size.*/\n    @Prop({ reflect: true })\n    xsRowSpan: TQ2GridAreaRowSpanOptions;\n\n    /**\n     * Sets the starting row of the grid area at the XS viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available row.\n     */\n    @Prop({ reflect: true })\n    xsRowStart: TQ2GridAreaRowStartOptions;\n\n    /** Sets the z-index of the grid area at the XS viewport size.*/\n    @Prop({ reflect: true })\n    xsZIndex: TQ2GridAreaZIndexOptions;\n\n    /** Sets the z-index of the grid area at the baseline viewport size.*/\n    @Prop({ reflect: true })\n    zIndex: TQ2GridAreaZIndexOptions = 0;\n\n    // #endregion\n    // #region Local Methods\n\n    get computedLgZIndex() {\n        return this.lgZIndex || this.lgZIndex === 0 ? this.lgZIndex : this.computedMdZIndex;\n    }\n\n    get computedMdZIndex() {\n        return this.mdZIndex || this.mdZIndex === 0 ? this.mdZIndex : this.computedSmZIndex;\n    }\n\n    get computedSmZIndex() {\n        return this.smZIndex || this.smZIndex === 0 ? this.smZIndex : this.computedXsZIndex;\n    }\n\n    get computedXlZIndex() {\n        return this.xlZIndex || this.xlZIndex === 0 ? this.xlZIndex : this.computedLgZIndex;\n    }\n\n    get computedXsZIndex() {\n        return this.xsZIndex || this.xsZIndex === 0 ? this.xsZIndex : this.zIndex;\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const q2GridAreaStyles: { [key: string]: string } = {\n            // base:\n            '--grid-column-start': `${this.columnStart}`,\n            '--grid-column-end': `span ${this.columnSpan}`,\n            '--grid-row-start': `${this.rowStart}`,\n            '--grid-row-end': `span ${this.rowSpan}`,\n            '--justify-self': this.justify,\n            '--align-self': this.align,\n            '--z-index': `${this.zIndex}`,\n            // xs:\n            '--xs-grid-column-start': `${this.xsColumnStart || this.columnStart}`,\n            '--xs-grid-column-end': `span ${this.xsColumnSpan || this.columnSpan}`,\n            '--xs-grid-row-start': `${this.xsRowStart || this.rowStart}`,\n            '--xs-grid-row-end': `span ${this.xsRowSpan || this.rowSpan}`,\n            '--xs-justify-self': this.xsJustify || this.justify,\n            '--xs-align-self': this.xsAlign || this.align,\n            '--xs-z-index': `${this.computedXsZIndex}`,\n            // sm:\n            '--sm-grid-column-start': `${this.smColumnStart || this.xsColumnStart || this.columnStart}`,\n            '--sm-grid-column-end': `span ${this.smColumnSpan || this.xsColumnSpan || this.columnSpan}`,\n            '--sm-grid-row-start': `${this.smRowStart || this.xsRowStart || this.rowStart}`,\n            '--sm-grid-row-end': `span ${this.smRowSpan || this.xsRowSpan || this.rowSpan}`,\n            '--sm-justify-self': this.smJustify || this.xsJustify || this.justify,\n            '--sm-align-self': this.smAlign || this.xsAlign || this.align,\n            '--sm-z-index': `${this.computedSmZIndex}`,\n            // md:\n            '--md-grid-column-start': `${this.mdColumnStart || this.smColumnStart || this.xsColumnStart || this.columnStart}`,\n            '--md-grid-column-end': `span ${this.mdColumnSpan || this.smColumnSpan || this.xsColumnSpan || this.columnSpan}`,\n            '--md-grid-row-start': `${this.mdRowStart || this.smRowStart || this.xsRowStart || this.rowStart}`,\n            '--md-grid-row-end': `span ${this.mdRowSpan || this.smRowSpan || this.xsRowSpan || this.rowSpan}`,\n            '--md-justify-self': this.mdJustify || this.smJustify || this.xsJustify || this.justify,\n            '--md-align-self': this.mdAlign || this.smAlign || this.xsAlign || this.align,\n            '--md-z-index': `${this.computedMdZIndex}`,\n            // lg:\n            '--lg-grid-column-start': `${this.lgColumnStart || this.mdColumnStart || this.smColumnStart || this.xsColumnStart || this.columnStart}`,\n            '--lg-grid-column-end': `span ${this.lgColumnSpan || this.mdColumnSpan || this.smColumnSpan || this.xsColumnSpan || this.columnSpan}`,\n            '--lg-grid-row-start': `${this.lgRowStart || this.mdRowStart || this.smRowStart || this.xsRowStart || this.rowStart}`,\n            '--lg-grid-row-end': `span ${this.lgRowSpan || this.mdRowSpan || this.smRowSpan || this.xsRowSpan || this.rowSpan}`,\n            '--lg-justify-self': this.lgJustify || this.mdJustify || this.smJustify || this.xsJustify || this.justify,\n            '--lg-align-self': this.lgAlign || this.mdAlign || this.smAlign || this.xsAlign || this.align,\n            '--lg-z-index': `${this.computedLgZIndex}`,\n            // xl:\n            '--xl-grid-column-start': `${this.xlColumnStart || this.lgColumnStart || this.mdColumnStart || this.smColumnStart || this.xsColumnStart || this.columnStart}`,\n            '--xl-grid-column-end': `span ${this.xlColumnSpan || this.lgColumnSpan || this.mdColumnSpan || this.smColumnSpan || this.xsColumnSpan || this.columnSpan}`,\n            '--xl-grid-row-start': `${this.xlRowStart || this.lgRowStart || this.mdRowStart || this.smRowStart || this.xsRowStart || this.rowStart}`,\n            '--xl-grid-row-end': `span ${this.xlRowSpan || this.lgRowSpan || this.mdRowSpan || this.smRowSpan || this.xsRowSpan || this.rowSpan}`,\n            '--xl-justify-self':\n                this.xlJustify || this.lgJustify || this.mdJustify || this.smJustify || this.xsJustify || this.justify,\n            '--xl-align-self':\n                this.xlAlign || this.lgAlign || this.mdAlign || this.smAlign || this.xsAlign || this.align,\n            '--xl-z-index': `${this.computedXlZIndex}`,\n        };\n\n        return (\n            <Host style={q2GridAreaStyles}>\n                <slot />\n            </Host>\n        );\n    }\n\n    // #endregion\n}\n"],"names":["h","Host"],"mappings":"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"}
+{"version":3,"file":"q2-grid-area.entry.cjs.js","sources":["src/components/q2-grid-area/q2-grid-area.scss?tag=q2-grid-area&encapsulation=shadow","src/components/q2-grid-area/q2-grid-area.tsx"],"sourcesContent":["@import '../../styles/functions.scss';\n@import '../../styles/variables.scss';\n\n:host {\n    // base:\n    --grid-column-start: '';\n    --grid-column-end: '';\n    --grid-row-start: '';\n    --grid-row-end: '';\n    --justify-self: '';\n    --align-self: '';\n    --z-index: '';\n    // xs:\n    --xs-grid-column-start: '';\n    --xs-grid-column-end: '';\n    --xs-grid-row-start: '';\n    --xs-grid-row-end: '';\n    --xs-justify-self: '';\n    --xs-align-self: '';\n    --xs-z-index: '';\n    // sm:\n    --sm-grid-column-start: '';\n    --sm-grid-column-end: '';\n    --sm-grid-row-start: '';\n    --sm-grid-row-end: '';\n    --sm-justify-self: '';\n    --sm-align-self: '';\n    --sm-z-index: '';\n    // md:\n    --md-grid-column-start: '';\n    --md-grid-column-end: '';\n    --md-grid-row-start: '';\n    --md-grid-row-end: '';\n    --md-justify-self: '';\n    --md-align-self: '';\n    --md-z-index: '';\n    // lg:\n    --lg-grid-column-start: '';\n    --lg-grid-column-end: '';\n    --lg-grid-row-start: '';\n    --lg-grid-row-end: '';\n    --lg-justify-self: '';\n    --lg-align-self: '';\n    --lg-z-index: '';\n    // xl:\n    --xl-grid-column-start: '';\n    --xl-grid-column-end: '';\n    --xl-grid-row-start: '';\n    --xl-grid-row-end: '';\n    --xl-justify-self: '';\n    --xl-align-self: '';\n    --xl-z-index: '';\n}\n// base:\n@include generate-q2-grid-area-styles(\n    var(--grid-column-start),\n    var(--grid-column-end),\n    var(--grid-row-start),\n    var(--grid-row-end),\n    var(--justify-self),\n    var(--align-self),\n    var(--z-index)\n);\n// xs, sm, md, lg, xl:\n@each $breakpoint in $breakpoint-list {\n    @include breakpoint($breakpoint) {\n        @include generate-q2-grid-area-styles(\n            var(--#{$breakpoint}-grid-column-start),\n            var(--#{$breakpoint}-grid-column-end),\n            var(--#{$breakpoint}-grid-row-start),\n            var(--#{$breakpoint}-grid-row-end),\n            var(--#{$breakpoint}-justify-self),\n            var(--#{$breakpoint}-align-self),\n            var(--#{$breakpoint}-z-index)\n        );\n    }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\nexport type TQ2GridAreaColumnStartOptions = 'auto' | number;\nexport type TQ2GridAreaColumnSpanOptions = number;\nexport type TQ2GridAreaRowStartOptions = 'auto' | number;\nexport type TQ2GridAreaRowSpanOptions = number;\nexport type TQ2GridAreaJustifyOptions = 'auto' | 'stretch' | 'start' | 'center' | 'end';\nexport type TQ2GridAreaAlignOptions = 'auto' | 'stretch' | 'start' | 'center' | 'end';\nexport type TQ2GridAreaZIndexOptions = 'auto' | number;\n\n@Component({ tag: 'q2-grid-area', shadow: true, styleUrl: 'q2-grid-area.scss' })\nexport class Q2GridArea {\n    // #region Public Property API\n\n    /**\n     * Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    align: TQ2GridAreaAlignOptions = 'auto';\n\n    /** Sets the column span amount of the grid area at the baseline viewport size.*/\n    @Prop({ reflect: true })\n    columnSpan: TQ2GridAreaColumnSpanOptions = 1;\n\n    /** Sets the starting column of the grid area at the baseline viewport size.*/\n    @Prop({ reflect: true })\n    columnStart: TQ2GridAreaColumnStartOptions = 'auto';\n\n    /**\n     * Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    justify: TQ2GridAreaJustifyOptions = 'auto';\n\n    /**\n     * Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    lgAlign: TQ2GridAreaAlignOptions;\n\n    /** Sets the column span amount of the grid area at the LG viewport size.*/\n    @Prop({ reflect: true })\n    lgColumnSpan: TQ2GridAreaColumnSpanOptions;\n\n    /**\n     * Sets the starting column of the grid area at the LG viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available column.\n     */\n    @Prop({ reflect: true })\n    lgColumnStart: TQ2GridAreaColumnStartOptions;\n\n    /**\n     * Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    lgJustify: TQ2GridAreaJustifyOptions;\n\n    /** Sets the row span amount of the grid area at the LG viewport size.*/\n    @Prop({ reflect: true })\n    lgRowSpan: TQ2GridAreaRowSpanOptions;\n\n    /**\n     * Sets the starting row of the grid area at the LG viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available row.\n     */\n    @Prop({ reflect: true })\n    lgRowStart: TQ2GridAreaRowStartOptions;\n\n    /** Sets the z-index of the grid area at the LG viewport size.*/\n    @Prop({ reflect: true })\n    lgZIndex: TQ2GridAreaZIndexOptions;\n\n    /**\n     * Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    mdAlign: TQ2GridAreaAlignOptions;\n\n    /** Sets the column span amount of the grid area at the MD viewport size.*/\n    @Prop({ reflect: true })\n    mdColumnSpan: TQ2GridAreaColumnSpanOptions;\n\n    /**\n     * Sets the starting column of the grid area at the MD viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available column.\n     */\n    @Prop({ reflect: true })\n    mdColumnStart: TQ2GridAreaColumnStartOptions;\n\n    /**\n     * Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    mdJustify: TQ2GridAreaJustifyOptions;\n\n    /** Sets the row span amount of the grid area at the MD viewport size.*/\n    @Prop({ reflect: true })\n    mdRowSpan: TQ2GridAreaRowSpanOptions;\n\n    /**\n     * Sets the starting row of the grid area at the MD viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available row.\n     */\n    @Prop({ reflect: true })\n    mdRowStart: TQ2GridAreaRowStartOptions;\n\n    /** Sets the z-index of the grid area at the MD viewport size.*/\n    @Prop({ reflect: true })\n    mdZIndex: TQ2GridAreaZIndexOptions;\n\n    /** Sets the row span amount of the grid area at the baseline viewport size.*/\n    @Prop({ reflect: true })\n    rowSpan: TQ2GridAreaRowSpanOptions = 1;\n\n    /**\n     * Sets the starting row of the grid area at the baseline viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available row.\n     */\n    @Prop({ reflect: true })\n    rowStart: TQ2GridAreaRowStartOptions = 'auto';\n\n    /**\n     * Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    smAlign: TQ2GridAreaAlignOptions;\n\n    /** Sets the column span amount of the grid area at the SM viewport size.*/\n    @Prop({ reflect: true })\n    smColumnSpan: TQ2GridAreaColumnSpanOptions;\n\n    /**\n     * Sets the starting column of the grid area at the SM viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available column.\n     */\n    @Prop({ reflect: true })\n    smColumnStart: TQ2GridAreaColumnStartOptions;\n\n    /**\n     * Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    smJustify: TQ2GridAreaJustifyOptions;\n\n    /** Sets the row span amount of the grid area at the SM viewport size.*/\n    @Prop({ reflect: true })\n    smRowSpan: TQ2GridAreaRowSpanOptions;\n\n    /**\n     * Sets the starting row of the grid area at the SM viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available row.\n     */\n    @Prop({ reflect: true })\n    smRowStart: TQ2GridAreaRowStartOptions;\n\n    /** Sets the z-index of the grid area at the SM viewport size.*/\n    @Prop({ reflect: true })\n    smZIndex: TQ2GridAreaZIndexOptions;\n\n    /**\n     * Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    xlAlign: TQ2GridAreaAlignOptions;\n\n    /** Sets the column span amount of the grid area at the XL viewport size.*/\n    @Prop({ reflect: true })\n    xlColumnSpan: TQ2GridAreaColumnSpanOptions;\n\n    /**\n     * Sets the starting column of the grid area at the XL viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available column.\n     */\n    @Prop({ reflect: true })\n    xlColumnStart: TQ2GridAreaColumnStartOptions;\n\n    /**\n     * Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    xlJustify: TQ2GridAreaJustifyOptions;\n\n    /** Sets the row span amount of the grid area at the XL viewport size.*/\n    @Prop({ reflect: true })\n    xlRowSpan: TQ2GridAreaRowSpanOptions;\n\n    /**\n     * Sets the starting row of the grid area at the XL viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available row.\n     */\n    @Prop({ reflect: true })\n    xlRowStart: TQ2GridAreaRowStartOptions;\n\n    /** Sets the z-index of the grid area at the XL viewport size.*/\n    @Prop({ reflect: true })\n    xlZIndex: TQ2GridAreaZIndexOptions;\n\n    /**\n     * Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    xsAlign: TQ2GridAreaAlignOptions;\n\n    /** Sets the column span amount of the grid area at the XS viewport size.*/\n    @Prop({ reflect: true })\n    xsColumnSpan: TQ2GridAreaColumnSpanOptions;\n\n    /**\n     * Sets the starting column of the grid area at the XS viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available column.\n     */\n    @Prop({ reflect: true })\n    xsColumnStart: TQ2GridAreaColumnStartOptions;\n\n    /**\n     * Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\n     * When set to `auto`, the grid area will inherit this property from the parent q2-grid component.\n     */\n    @Prop({ reflect: true })\n    xsJustify: TQ2GridAreaJustifyOptions;\n\n    /** Sets the row span amount of the grid area at the XS viewport size.*/\n    @Prop({ reflect: true })\n    xsRowSpan: TQ2GridAreaRowSpanOptions;\n\n    /**\n     * Sets the starting row of the grid area at the XS viewport size.\n     * When set to `auto`, the grid area will automatically start at the first available row.\n     */\n    @Prop({ reflect: true })\n    xsRowStart: TQ2GridAreaRowStartOptions;\n\n    /** Sets the z-index of the grid area at the XS viewport size.*/\n    @Prop({ reflect: true })\n    xsZIndex: TQ2GridAreaZIndexOptions;\n\n    /** Sets the z-index of the grid area at the baseline viewport size.*/\n    @Prop({ reflect: true })\n    zIndex: TQ2GridAreaZIndexOptions = 'auto';\n\n    // #endregion\n    // #region Local Methods\n\n    get computedLgZIndex() {\n        return this.lgZIndex || this.lgZIndex === 0 ? this.lgZIndex : this.computedMdZIndex;\n    }\n\n    get computedMdZIndex() {\n        return this.mdZIndex || this.mdZIndex === 0 ? this.mdZIndex : this.computedSmZIndex;\n    }\n\n    get computedSmZIndex() {\n        return this.smZIndex || this.smZIndex === 0 ? this.smZIndex : this.computedXsZIndex;\n    }\n\n    get computedXlZIndex() {\n        return this.xlZIndex || this.xlZIndex === 0 ? this.xlZIndex : this.computedLgZIndex;\n    }\n\n    get computedXsZIndex() {\n        return this.xsZIndex || this.xsZIndex === 0 ? this.xsZIndex : this.zIndex;\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const q2GridAreaStyles: { [key: string]: string } = {\n            // base:\n            '--grid-column-start': `${this.columnStart}`,\n            '--grid-column-end': `span ${this.columnSpan}`,\n            '--grid-row-start': `${this.rowStart}`,\n            '--grid-row-end': `span ${this.rowSpan}`,\n            '--justify-self': this.justify,\n            '--align-self': this.align,\n            '--z-index': `${this.zIndex}`,\n            // xs:\n            '--xs-grid-column-start': `${this.xsColumnStart || this.columnStart}`,\n            '--xs-grid-column-end': `span ${this.xsColumnSpan || this.columnSpan}`,\n            '--xs-grid-row-start': `${this.xsRowStart || this.rowStart}`,\n            '--xs-grid-row-end': `span ${this.xsRowSpan || this.rowSpan}`,\n            '--xs-justify-self': this.xsJustify || this.justify,\n            '--xs-align-self': this.xsAlign || this.align,\n            '--xs-z-index': `${this.computedXsZIndex}`,\n            // sm:\n            '--sm-grid-column-start': `${this.smColumnStart || this.xsColumnStart || this.columnStart}`,\n            '--sm-grid-column-end': `span ${this.smColumnSpan || this.xsColumnSpan || this.columnSpan}`,\n            '--sm-grid-row-start': `${this.smRowStart || this.xsRowStart || this.rowStart}`,\n            '--sm-grid-row-end': `span ${this.smRowSpan || this.xsRowSpan || this.rowSpan}`,\n            '--sm-justify-self': this.smJustify || this.xsJustify || this.justify,\n            '--sm-align-self': this.smAlign || this.xsAlign || this.align,\n            '--sm-z-index': `${this.computedSmZIndex}`,\n            // md:\n            '--md-grid-column-start': `${this.mdColumnStart || this.smColumnStart || this.xsColumnStart || this.columnStart}`,\n            '--md-grid-column-end': `span ${this.mdColumnSpan || this.smColumnSpan || this.xsColumnSpan || this.columnSpan}`,\n            '--md-grid-row-start': `${this.mdRowStart || this.smRowStart || this.xsRowStart || this.rowStart}`,\n            '--md-grid-row-end': `span ${this.mdRowSpan || this.smRowSpan || this.xsRowSpan || this.rowSpan}`,\n            '--md-justify-self': this.mdJustify || this.smJustify || this.xsJustify || this.justify,\n            '--md-align-self': this.mdAlign || this.smAlign || this.xsAlign || this.align,\n            '--md-z-index': `${this.computedMdZIndex}`,\n            // lg:\n            '--lg-grid-column-start': `${this.lgColumnStart || this.mdColumnStart || this.smColumnStart || this.xsColumnStart || this.columnStart}`,\n            '--lg-grid-column-end': `span ${this.lgColumnSpan || this.mdColumnSpan || this.smColumnSpan || this.xsColumnSpan || this.columnSpan}`,\n            '--lg-grid-row-start': `${this.lgRowStart || this.mdRowStart || this.smRowStart || this.xsRowStart || this.rowStart}`,\n            '--lg-grid-row-end': `span ${this.lgRowSpan || this.mdRowSpan || this.smRowSpan || this.xsRowSpan || this.rowSpan}`,\n            '--lg-justify-self': this.lgJustify || this.mdJustify || this.smJustify || this.xsJustify || this.justify,\n            '--lg-align-self': this.lgAlign || this.mdAlign || this.smAlign || this.xsAlign || this.align,\n            '--lg-z-index': `${this.computedLgZIndex}`,\n            // xl:\n            '--xl-grid-column-start': `${this.xlColumnStart || this.lgColumnStart || this.mdColumnStart || this.smColumnStart || this.xsColumnStart || this.columnStart}`,\n            '--xl-grid-column-end': `span ${this.xlColumnSpan || this.lgColumnSpan || this.mdColumnSpan || this.smColumnSpan || this.xsColumnSpan || this.columnSpan}`,\n            '--xl-grid-row-start': `${this.xlRowStart || this.lgRowStart || this.mdRowStart || this.smRowStart || this.xsRowStart || this.rowStart}`,\n            '--xl-grid-row-end': `span ${this.xlRowSpan || this.lgRowSpan || this.mdRowSpan || this.smRowSpan || this.xsRowSpan || this.rowSpan}`,\n            '--xl-justify-self':\n                this.xlJustify || this.lgJustify || this.mdJustify || this.smJustify || this.xsJustify || this.justify,\n            '--xl-align-self':\n                this.xlAlign || this.lgAlign || this.mdAlign || this.smAlign || this.xsAlign || this.align,\n            '--xl-z-index': `${this.computedXlZIndex}`,\n        };\n\n        return (\n            <Host style={q2GridAreaStyles}>\n                <slot />\n            </Host>\n        );\n    }\n\n    // #endregion\n}\n"],"names":["h","Host"],"mappings":"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"}