@lucca-front/ng 21.0.0-rc.7 → 21.0.0

package/fesm2022/lucca-front-ng-gauge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-gauge.mjs","sources":["../../../packages/ng/gauge/gauge.component.ts","../../../packages/ng/gauge/gauge.component.html","../../../packages/ng/gauge/lucca-front-ng-gauge.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, input, LOCALE_ID, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { LuClass, Palette } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-gauge',\n\ttemplateUrl: './gauge.component.html',\n\tstyleUrl: './gauge.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tproviders: [LuClass],\n})\nexport class GaugeComponent {\n\t#locale = inject(LOCALE_ID);\n\n\treadonly value = input(0, { transform: numberAttribute });\n\treadonly thin = input(false, { transform: booleanAttribute });\n\treadonly circular = input(false, { transform: booleanAttribute });\n\treadonly animated = input(false, { transform: booleanAttribute });\n\treadonly noAlt = input(false, { transform: booleanAttribute });\n\treadonly palette = input<Palette>('none');\n\treadonly alt = input<string>('');\n\treadonly size = input(40, { transform: numberAttribute });\n\n\treadonly thickness = computed(() => (this.thin() ? 4 : 8));\n\n\treadonly perimeter = computed(() => (2 * Math.PI * (this.size() - this.thickness())) / 2);\n\n\treadonly fullThreshold = computed(() => this.perimeter() - this.thickness());\n\n\treadonly full = computed<boolean>(() => this.fullThreshold() < (this.perimeter() / 100) * this.value());\n\n\treadonly fullThresholdValue = computed(() => Math.floor((this.fullThreshold() / this.perimeter()) * 100));\n\n\treadonly displayValue = computed(() => {\n\t\tif (this.value() >= 100) {\n\t\t\treturn this.value();\n\t\t}\n\t\treturn this.full() ? this.fullThresholdValue() : this.value();\n\t});\n\n\treadonly defaultAlt = computed(() => new Intl.NumberFormat(this.#locale, { style: 'percent' }).format(this.value() / 100));\n\n\treadonly paletteClass = computed(() => {\n\t\treturn {\n\t\t\t[`palette-${this.palette()}`]: !!this.palette(),\n\t\t};\n\t});\n}\n","@if (circular()) {\n\t<svg\n\t\tclass=\"gauge\"\n\t\t[class]=\"paletteClass()\"\n\t\t[class.mod-thin]=\"thin()\"\n\t\t[class.is-animated]=\"animated()\"\n\t\t[class.is-zero]=\"value() === 0\"\n\t\t[attr.width]=\"size()\"\n\t\t[attr.height]=\"size()\"\n\t\t[attr.viewBox]=\"`0 0 ${size()} ${size()}`\"\n\t\t[attr.style]=\"`--components-gauge-value: ${displayValue()}; --components-gauge-circleR: ${(size() - thickness()) / 2}px`\"\n\t>\n\t\t<circle [attr.cx]=\"size() / 2\" [attr.cy]=\"size() / 2\" [attr.r]=\"(size() - thickness()) / 2\" class=\"gauge-circleBackground\" />\n\t\t<circle [attr.cx]=\"size() / 2\" [attr.cy]=\"size() / 2\" [attr.r]=\"(size() - thickness()) / 2\" class=\"gauge-circleBar\" />\n\t</svg>\n} @else {\n\t<div\n\t\tclass=\"gauge\"\n\t\t[attr.style]=\"`--components-gauge-value: ${value()}%`\"\n\t\t[class.mod-thin]=\"thin()\"\n\t\t[class]=\"paletteClass()\"\n\t\t[class.is-animated]=\"animated()\"\n\t></div>\n}\n@if (!noAlt()) {\n\t<span class=\"pr-u-mask\">{{ alt() || defaultAlt() }}</span>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-gauge.mjs","sources":["../../../packages/ng/gauge/gauge.component.ts","../../../packages/ng/gauge/gauge.component.html","../../../packages/ng/gauge/lucca-front-ng-gauge.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, input, LOCALE_ID, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { LuClass, Palette } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-gauge',\n\ttemplateUrl: './gauge.component.html',\n\tstyleUrl: './gauge.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tproviders: [LuClass],\n})\nexport class GaugeComponent {\n\t#locale = inject(LOCALE_ID);\n\n\treadonly value = input(0, { transform: numberAttribute });\n\treadonly thin = input(false, { transform: booleanAttribute });\n\treadonly circular = input(false, { transform: booleanAttribute });\n\treadonly animated = input(false, { transform: booleanAttribute });\n\treadonly noAlt = input(false, { transform: booleanAttribute });\n\treadonly palette = input<Palette>('none');\n\treadonly alt = input<string>('');\n\treadonly size = input(40, { transform: numberAttribute });\n\n\treadonly thickness = computed(() => (this.thin() ? 4 : 8));\n\n\treadonly perimeter = computed(() => (2 * Math.PI * (this.size() - this.thickness())) / 2);\n\n\treadonly fullThreshold = computed(() => this.perimeter() - this.thickness());\n\n\treadonly full = computed<boolean>(() => this.fullThreshold() < (this.perimeter() / 100) * this.value());\n\n\treadonly fullThresholdValue = computed(() => Math.floor((this.fullThreshold() / this.perimeter()) * 100));\n\n\treadonly displayValue = computed(() => {\n\t\tif (this.value() >= 100) {\n\t\t\treturn this.value();\n\t\t}\n\t\treturn this.full() ? this.fullThresholdValue() : this.value();\n\t});\n\n\treadonly defaultAlt = computed(() => new Intl.NumberFormat(this.#locale, { style: 'percent' }).format(this.value() / 100));\n\n\treadonly paletteClass = computed(() => {\n\t\treturn {\n\t\t\t[`palette-${this.palette()}`]: !!this.palette(),\n\t\t};\n\t});\n}\n","@if (circular()) {\n\t<svg\n\t\tclass=\"gauge\"\n\t\t[class]=\"paletteClass()\"\n\t\t[class.mod-thin]=\"thin()\"\n\t\t[class.is-animated]=\"animated()\"\n\t\t[class.is-zero]=\"value() === 0\"\n\t\t[attr.width]=\"size()\"\n\t\t[attr.height]=\"size()\"\n\t\t[attr.viewBox]=\"`0 0 ${size()} ${size()}`\"\n\t\t[attr.style]=\"`--components-gauge-value: ${displayValue()}; --components-gauge-circleR: ${(size() - thickness()) / 2}px`\"\n\t>\n\t\t<circle [attr.cx]=\"size() / 2\" [attr.cy]=\"size() / 2\" [attr.r]=\"(size() - thickness()) / 2\" class=\"gauge-circleBackground\" />\n\t\t<circle [attr.cx]=\"size() / 2\" [attr.cy]=\"size() / 2\" [attr.r]=\"(size() - thickness()) / 2\" class=\"gauge-circleBar\" />\n\t</svg>\n} @else {\n\t<div\n\t\tclass=\"gauge\"\n\t\t[attr.style]=\"`--components-gauge-value: ${value()}%`\"\n\t\t[class.mod-thin]=\"thin()\"\n\t\t[class]=\"paletteClass()\"\n\t\t[class.is-animated]=\"animated()\"\n\t></div>\n}\n@if (!noAlt()) {\n\t<span class=\"pr-u-mask\">{{ alt() || defaultAlt() }}</span>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/lucca-front-ng-grid.mjs

@@ -6,13 +6,13 @@ const LU_GRID_INSTANCE = new InjectionToken('LU_GRID_INSTANCE');
 
 class GridColumnComponent {
     constructor() {
-        this.colspan = input(null, { transform: numberAttribute });
-        this.rowspan = input(null, { transform: numberAttribute });
-        this.column = input(null, { transform: numberAttribute });
-        this.row = input(null, { transform: numberAttribute });
-        this.align = input(null);
-        this.justify = input(null);
-        this.responsive = input({});
+        this.colspan = input(null, { ...(ngDevMode ? { debugName: "colspan" } : {}), transform: numberAttribute });
+        this.rowspan = input(null, { ...(ngDevMode ? { debugName: "rowspan" } : {}), transform: numberAttribute });
+        this.column = input(null, { ...(ngDevMode ? { debugName: "column" } : {}), transform: numberAttribute });
+        this.row = input(null, { ...(ngDevMode ? { debugName: "row" } : {}), transform: numberAttribute });
+        this.align = input(null, ...(ngDevMode ? [{ debugName: "align" }] : []));
+        this.justify = input(null, ...(ngDevMode ? [{ debugName: "justify" }] : []));
+        this.responsive = input({}, ...(ngDevMode ? [{ debugName: "responsive" }] : []));
         this.gridRef = inject(LU_GRID_INSTANCE);
         this.style = computed(() => {
             return {
@@ -29,12 +29,12 @@ class GridColumnComponent {
                     };
                 }, {}),
             };
-        });
+        }, ...(ngDevMode ? [{ debugName: "style" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: GridColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.2", type: GridColumnComponent, isStandalone: true, selector: "lu-grid-column, [lu-grid-column]", inputs: { colspan: { classPropertyName: "colspan", publicName: "colspan", isSignal: true, isRequired: false, transformFunction: null }, rowspan: { classPropertyName: "rowspan", publicName: "rowspan", isSignal: true, isRequired: false, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null }, row: { classPropertyName: "row", publicName: "row", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "style()" }, classAttribute: "grid-column" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GridColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: GridColumnComponent, isStandalone: true, selector: "lu-grid-column, [lu-grid-column]", inputs: { colspan: { classPropertyName: "colspan", publicName: "colspan", isSignal: true, isRequired: false, transformFunction: null }, rowspan: { classPropertyName: "rowspan", publicName: "rowspan", isSignal: true, isRequired: false, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null }, row: { classPropertyName: "row", publicName: "row", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "style()" }, classAttribute: "grid-column" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: GridColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GridColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lu-grid-column, [lu-grid-column]',
@@ -46,15 +46,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
                         '[style]': 'style()',
                     },
                 }]
-        }] });
+        }], propDecorators: { colspan: [{ type: i0.Input, args: [{ isSignal: true, alias: "colspan", required: false }] }], rowspan: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowspan", required: false }] }], column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: false }] }], row: [{ type: i0.Input, args: [{ isSignal: true, alias: "row", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], justify: [{ type: i0.Input, args: [{ isSignal: true, alias: "justify", required: false }] }], responsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsive", required: false }] }] } });
 
 class GridComponent {
     constructor() {
-        this.container = input(false, { transform: booleanAttribute });
-        this.columns = input(null, { transform: numberAttribute });
-        this.colspan = input(null, { transform: numberAttribute });
-        this.rowspan = input(null, { transform: numberAttribute });
-        this.mode = input(null);
+        this.container = input(false, { ...(ngDevMode ? { debugName: "container" } : {}), transform: booleanAttribute });
+        this.columns = input(null, { ...(ngDevMode ? { debugName: "columns" } : {}), transform: numberAttribute });
+        this.colspan = input(null, { ...(ngDevMode ? { debugName: "colspan" } : {}), transform: numberAttribute });
+        this.rowspan = input(null, { ...(ngDevMode ? { debugName: "rowspan" } : {}), transform: numberAttribute });
+        this.mode = input(null, ...(ngDevMode ? [{ debugName: "mode" }] : []));
         this.#gapTransform = (gap) => {
             const spacingRegexp = /.*(\d)$/g;
             if (!gap) {
@@ -65,34 +65,34 @@ class GridComponent {
             }
             return gap;
         };
-        this.gap = input(null);
-        this.columnGap = input(null);
-        this.rowGap = input(null);
+        this.gap = input(null, ...(ngDevMode ? [{ debugName: "gap" }] : []));
+        this.columnGap = input(null, ...(ngDevMode ? [{ debugName: "columnGap" }] : []));
+        this.rowGap = input(null, ...(ngDevMode ? [{ debugName: "rowGap" }] : []));
         this.gridStyle = computed(() => ({
             '--grid-columns': this.mode() === null ? this.columns() : null,
             '--grid-gap': this.#gapTransform(this.gap()),
             '--grid-column-gap': this.#gapTransform(this.columnGap()),
             '--grid-row-gap': this.#gapTransform(this.rowGap()),
-        }));
+        }), ...(ngDevMode ? [{ debugName: "gridStyle" }] : []));
     }
     #gapTransform;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: GridComponent, isStandalone: true, selector: "lu-grid, [lu-grid]", inputs: { container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, colspan: { classPropertyName: "colspan", publicName: "colspan", isSignal: true, isRequired: false, transformFunction: null }, rowspan: { classPropertyName: "rowspan", publicName: "rowspan", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, columnGap: { classPropertyName: "columnGap", publicName: "columnGap", isSignal: true, isRequired: false, transformFunction: null }, rowGap: { classPropertyName: "rowGap", publicName: "rowGap", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: GridComponent, isStandalone: true, selector: "lu-grid, [lu-grid]", inputs: { container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, colspan: { classPropertyName: "colspan", publicName: "colspan", isSignal: true, isRequired: false, transformFunction: null }, rowspan: { classPropertyName: "rowspan", publicName: "rowspan", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, columnGap: { classPropertyName: "columnGap", publicName: "columnGap", isSignal: true, isRequired: false, transformFunction: null }, rowGap: { classPropertyName: "rowGap", publicName: "rowGap", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: LU_GRID_INSTANCE,
                 useExisting: forwardRef(() => GridComponent),
             },
-        ], ngImport: i0, template: "@if (container()) {\n\t<div class=\"grid-containerWrapper\">\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"content\" />\n}\n\n<ng-template #content>\n\t<div class=\"grid\" [class]=\"mode() && `mod-${mode()}`\" [style]=\"gridStyle()\">\n\t\t<ng-content />\n\t</div>\n</ng-template>\n", styles: ["@layer components{.grid{--grid-columns: 12;--grid-gap: var(--pr-t-spacings-150);--grid-column-gap: var(--grid-gap);--grid-row-gap: var(--grid-gap);--grid-maxWidth: none;--grid-column-start: auto;--grid-row-start: auto;--grid-column-end: auto;--grid-row-end: auto;--grid-column-align: auto;--grid-column-justify: auto;--grid-template-columns: repeat(var(--grid-columns), 1fr);display:grid;grid-template-columns:var(--grid-template-columns);gap:var(--grid-row-gap) var(--grid-column-gap);inline-size:var(--grid-max-width, var(--grid-maxWidth));max-inline-size:100%}.grid-containerWrapper{container-type:inline-size;container-name:grid}.grid-column{align-self:var(--grid-align, var(--grid-column-align));justify-self:var(--grid-justify, var(--grid-column-justify));grid-column-start:var(--grid-column, var(--grid-column-start));grid-row-start:var(--grid-row, var(--grid-row-start));grid-column-end:span var(--grid-colspan, var(--grid-column-end));grid-row-end:span var(--grid-rowspan, var(--grid-row-end));min-inline-size:0}@media (min-width: 20em){.grid-column[style*=grid-colspanAtMediaMinXXXS]{grid-column-end:span var(--grid-colspanAtMediaMinXXXS)}.grid-column[style*=grid-rowspanAtMediaMinXXXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXXXS)}.grid-column[style*=grid-columnAtMediaMinXXXS]{grid-column-start:var(--grid-columnAtMediaMinXXXS)}.grid-column[style*=grid-rowAtMediaMinXXXS]{grid-row-start:var(--grid-rowAtMediaMinXXXS)}.grid-column[style*=grid-colspan-at-media-min-xxxs]{grid-column-end:span var(--grid-colspan-at-media-min-xxxs)}.grid-column[style*=grid-rowspan-at-media-min-xxxs]{grid-row-end:span var(--grid-rowspan-at-media-min-xxxs)}.grid-column[style*=grid-column-at-media-min-xxxs]{grid-column-start:var(--grid-column-at-media-min-xxxs)}.grid-column[style*=grid-row-at-media-min-xxxs]{grid-row-start:var(--grid-row-at-media-min-xxxs)}}@container grid (min-width: 20em){.grid-column[style*=grid-colspanAtContainerMinXXXS]{grid-column-end:span var(--grid-colspanAtContainerMinXXXS)}.grid-column[style*=grid-rowspanAtContainerMinXXXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXXXS)}.grid-column[style*=grid-columnAtContainerMinXXXS]{grid-column-start:var(--grid-columnAtContainerMinXXXS)}.grid-column[style*=grid-rowAtContainerMinXXXS]{grid-row-start:var(--grid-rowAtContainerMinXXXS)}.grid-column[style*=grid-colspan-at-container-min-xxxs]{grid-column-end:span var(--grid-colspan-at-container-min-xxxs)}.grid-column[style*=grid-rowspan-at-container-min-xxxs]{grid-row-end:span var(--grid-rowspan-at-container-min-xxxs)}.grid-column[style*=grid-column-at-container-min-xxxs]{grid-column-start:var(--grid-column-at-container-min-xxxs)}.grid-column[style*=grid-row-at-container-min-xxxs]{grid-row-start:var(--grid-row-at-container-min-xxxs)}}@media (min-width: 30em){.grid-column[style*=grid-colspanAtMediaMinXXS]{grid-column-end:span var(--grid-colspanAtMediaMinXXS)}.grid-column[style*=grid-rowspanAtMediaMinXXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXXS)}.grid-column[style*=grid-columnAtMediaMinXXS]{grid-column-start:var(--grid-columnAtMediaMinXXS)}.grid-column[style*=grid-rowAtMediaMinXXS]{grid-row-start:var(--grid-rowAtMediaMinXXS)}.grid-column[style*=grid-colspan-at-media-min-xxs]{grid-column-end:span var(--grid-colspan-at-media-min-xxs)}.grid-column[style*=grid-rowspan-at-media-min-xxs]{grid-row-end:span var(--grid-rowspan-at-media-min-xxs)}.grid-column[style*=grid-column-at-media-min-xxs]{grid-column-start:var(--grid-column-at-media-min-xxs)}.grid-column[style*=grid-row-at-media-min-xxs]{grid-row-start:var(--grid-row-at-media-min-xxs)}}@container grid (min-width: 30em){.grid-column[style*=grid-colspanAtContainerMinXXS]{grid-column-end:span var(--grid-colspanAtContainerMinXXS)}.grid-column[style*=grid-rowspanAtContainerMinXXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXXS)}.grid-column[style*=grid-columnAtContainerMinXXS]{grid-column-start:var(--grid-columnAtContainerMinXXS)}.grid-column[style*=grid-rowAtContainerMinXXS]{grid-row-start:var(--grid-rowAtContainerMinXXS)}.grid-column[style*=grid-colspan-at-container-min-xxs]{grid-column-end:span var(--grid-colspan-at-container-min-xxs)}.grid-column[style*=grid-rowspan-at-container-min-xxs]{grid-row-end:span var(--grid-rowspan-at-container-min-xxs)}.grid-column[style*=grid-column-at-container-min-xxs]{grid-column-start:var(--grid-column-at-container-min-xxs)}.grid-column[style*=grid-row-at-container-min-xxs]{grid-row-start:var(--grid-row-at-container-min-xxs)}}@media (min-width: 40em){.grid-column[style*=grid-colspanAtMediaMinXS]{grid-column-end:span var(--grid-colspanAtMediaMinXS)}.grid-column[style*=grid-rowspanAtMediaMinXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXS)}.grid-column[style*=grid-columnAtMediaMinXS]{grid-column-start:var(--grid-columnAtMediaMinXS)}.grid-column[style*=grid-rowAtMediaMinXS]{grid-row-start:var(--grid-rowAtMediaMinXS)}.grid-column[style*=grid-colspan-at-media-min-xs]{grid-column-end:span var(--grid-colspan-at-media-min-xs)}.grid-column[style*=grid-rowspan-at-media-min-xs]{grid-row-end:span var(--grid-rowspan-at-media-min-xs)}.grid-column[style*=grid-column-at-media-min-xs]{grid-column-start:var(--grid-column-at-media-min-xs)}.grid-column[style*=grid-row-at-media-min-xs]{grid-row-start:var(--grid-row-at-media-min-xs)}}@container grid (min-width: 40em){.grid-column[style*=grid-colspanAtContainerMinXS]{grid-column-end:span var(--grid-colspanAtContainerMinXS)}.grid-column[style*=grid-rowspanAtContainerMinXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXS)}.grid-column[style*=grid-columnAtContainerMinXS]{grid-column-start:var(--grid-columnAtContainerMinXS)}.grid-column[style*=grid-rowAtContainerMinXS]{grid-row-start:var(--grid-rowAtContainerMinXS)}.grid-column[style*=grid-colspan-at-container-min-xs]{grid-column-end:span var(--grid-colspan-at-container-min-xs)}.grid-column[style*=grid-rowspan-at-container-min-xs]{grid-row-end:span var(--grid-rowspan-at-container-min-xs)}.grid-column[style*=grid-column-at-container-min-xs]{grid-column-start:var(--grid-column-at-container-min-xs)}.grid-column[style*=grid-row-at-container-min-xs]{grid-row-start:var(--grid-row-at-container-min-xs)}}@media (min-width: 50em){.grid-column[style*=grid-colspanAtMediaMinS]{grid-column-end:span var(--grid-colspanAtMediaMinS)}.grid-column[style*=grid-rowspanAtMediaMinS]{grid-row-end:span var(--grid-rowspanAtMediaMinS)}.grid-column[style*=grid-columnAtMediaMinS]{grid-column-start:var(--grid-columnAtMediaMinS)}.grid-column[style*=grid-rowAtMediaMinS]{grid-row-start:var(--grid-rowAtMediaMinS)}.grid-column[style*=grid-colspan-at-media-min-s]{grid-column-end:span var(--grid-colspan-at-media-min-s)}.grid-column[style*=grid-rowspan-at-media-min-s]{grid-row-end:span var(--grid-rowspan-at-media-min-s)}.grid-column[style*=grid-column-at-media-min-s]{grid-column-start:var(--grid-column-at-media-min-s)}.grid-column[style*=grid-row-at-media-min-s]{grid-row-start:var(--grid-row-at-media-min-s)}}@container grid (min-width: 50em){.grid-column[style*=grid-colspanAtContainerMinS]{grid-column-end:span var(--grid-colspanAtContainerMinS)}.grid-column[style*=grid-rowspanAtContainerMinS]{grid-row-end:span var(--grid-rowspanAtContainerMinS)}.grid-column[style*=grid-columnAtContainerMinS]{grid-column-start:var(--grid-columnAtContainerMinS)}.grid-column[style*=grid-rowAtContainerMinS]{grid-row-start:var(--grid-rowAtContainerMinS)}.grid-column[style*=grid-colspan-at-container-min-s]{grid-column-end:span var(--grid-colspan-at-container-min-s)}.grid-column[style*=grid-rowspan-at-container-min-s]{grid-row-end:span var(--grid-rowspan-at-container-min-s)}.grid-column[style*=grid-column-at-container-min-s]{grid-column-start:var(--grid-column-at-container-min-s)}.grid-column[style*=grid-row-at-container-min-s]{grid-row-start:var(--grid-row-at-container-min-s)}}@media (min-width: 64em){.grid-column[style*=grid-colspanAtMediaMinM]{grid-column-end:span var(--grid-colspanAtMediaMinM)}.grid-column[style*=grid-rowspanAtMediaMinM]{grid-row-end:span var(--grid-rowspanAtMediaMinM)}.grid-column[style*=grid-columnAtMediaMinM]{grid-column-start:var(--grid-columnAtMediaMinM)}.grid-column[style*=grid-rowAtMediaMinM]{grid-row-start:var(--grid-rowAtMediaMinM)}.grid-column[style*=grid-colspan-at-media-min-m]{grid-column-end:span var(--grid-colspan-at-media-min-m)}.grid-column[style*=grid-rowspan-at-media-min-m]{grid-row-end:span var(--grid-rowspan-at-media-min-m)}.grid-column[style*=grid-column-at-media-min-m]{grid-column-start:var(--grid-column-at-media-min-m)}.grid-column[style*=grid-row-at-media-min-m]{grid-row-start:var(--grid-row-at-media-min-m)}}@container grid (min-width: 64em){.grid-column[style*=grid-colspanAtContainerMinM]{grid-column-end:span var(--grid-colspanAtContainerMinM)}.grid-column[style*=grid-rowspanAtContainerMinM]{grid-row-end:span var(--grid-rowspanAtContainerMinM)}.grid-column[style*=grid-columnAtContainerMinM]{grid-column-start:var(--grid-columnAtContainerMinM)}.grid-column[style*=grid-rowAtContainerMinM]{grid-row-start:var(--grid-rowAtContainerMinM)}.grid-column[style*=grid-colspan-at-container-min-m]{grid-column-end:span var(--grid-colspan-at-container-min-m)}.grid-column[style*=grid-rowspan-at-container-min-m]{grid-row-end:span var(--grid-rowspan-at-container-min-m)}.grid-column[style*=grid-column-at-container-min-m]{grid-column-start:var(--grid-column-at-container-min-m)}.grid-column[style*=grid-row-at-container-min-m]{grid-row-start:var(--grid-row-at-container-min-m)}}@media (min-width: 80em){.grid-column[style*=grid-colspanAtMediaMinL]{grid-column-end:span var(--grid-colspanAtMediaMinL)}.grid-column[style*=grid-rowspanAtMediaMinL]{grid-row-end:span var(--grid-rowspanAtMediaMinL)}.grid-column[style*=grid-columnAtMediaMinL]{grid-column-start:var(--grid-columnAtMediaMinL)}.grid-column[style*=grid-rowAtMediaMinL]{grid-row-start:var(--grid-rowAtMediaMinL)}.grid-column[style*=grid-colspan-at-media-min-l]{grid-column-end:span var(--grid-colspan-at-media-min-l)}.grid-column[style*=grid-rowspan-at-media-min-l]{grid-row-end:span var(--grid-rowspan-at-media-min-l)}.grid-column[style*=grid-column-at-media-min-l]{grid-column-start:var(--grid-column-at-media-min-l)}.grid-column[style*=grid-row-at-media-min-l]{grid-row-start:var(--grid-row-at-media-min-l)}}@container grid (min-width: 80em){.grid-column[style*=grid-colspanAtContainerMinL]{grid-column-end:span var(--grid-colspanAtContainerMinL)}.grid-column[style*=grid-rowspanAtContainerMinL]{grid-row-end:span var(--grid-rowspanAtContainerMinL)}.grid-column[style*=grid-columnAtContainerMinL]{grid-column-start:var(--grid-columnAtContainerMinL)}.grid-column[style*=grid-rowAtContainerMinL]{grid-row-start:var(--grid-rowAtContainerMinL)}.grid-column[style*=grid-colspan-at-container-min-l]{grid-column-end:span var(--grid-colspan-at-container-min-l)}.grid-column[style*=grid-rowspan-at-container-min-l]{grid-row-end:span var(--grid-rowspan-at-container-min-l)}.grid-column[style*=grid-column-at-container-min-l]{grid-column-start:var(--grid-column-at-container-min-l)}.grid-column[style*=grid-row-at-container-min-l]{grid-row-start:var(--grid-row-at-container-min-l)}}@media (min-width: 85.375em){.grid-column[style*=grid-colspanAtMediaMinXL]{grid-column-end:span var(--grid-colspanAtMediaMinXL)}.grid-column[style*=grid-rowspanAtMediaMinXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXL)}.grid-column[style*=grid-columnAtMediaMinXL]{grid-column-start:var(--grid-columnAtMediaMinXL)}.grid-column[style*=grid-rowAtMediaMinXL]{grid-row-start:var(--grid-rowAtMediaMinXL)}.grid-column[style*=grid-colspan-at-media-min-xl]{grid-column-end:span var(--grid-colspan-at-media-min-xl)}.grid-column[style*=grid-rowspan-at-media-min-xl]{grid-row-end:span var(--grid-rowspan-at-media-min-xl)}.grid-column[style*=grid-column-at-media-min-xl]{grid-column-start:var(--grid-column-at-media-min-xl)}.grid-column[style*=grid-row-at-media-min-xl]{grid-row-start:var(--grid-row-at-media-min-xl)}}@container grid (min-width: 85.375em){.grid-column[style*=grid-colspanAtContainerMinXL]{grid-column-end:span var(--grid-colspanAtContainerMinXL)}.grid-column[style*=grid-rowspanAtContainerMinXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXL)}.grid-column[style*=grid-columnAtContainerMinXL]{grid-column-start:var(--grid-columnAtContainerMinXL)}.grid-column[style*=grid-rowAtContainerMinXL]{grid-row-start:var(--grid-rowAtContainerMinXL)}.grid-column[style*=grid-colspan-at-container-min-xl]{grid-column-end:span var(--grid-colspan-at-container-min-xl)}.grid-column[style*=grid-rowspan-at-container-min-xl]{grid-row-end:span var(--grid-rowspan-at-container-min-xl)}.grid-column[style*=grid-column-at-container-min-xl]{grid-column-start:var(--grid-column-at-container-min-xl)}.grid-column[style*=grid-row-at-container-min-xl]{grid-row-start:var(--grid-row-at-container-min-xl)}}@media (min-width: 100em){.grid-column[style*=grid-colspanAtMediaMinXXL]{grid-column-end:span var(--grid-colspanAtMediaMinXXL)}.grid-column[style*=grid-rowspanAtMediaMinXXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXXL)}.grid-column[style*=grid-columnAtMediaMinXXL]{grid-column-start:var(--grid-columnAtMediaMinXXL)}.grid-column[style*=grid-rowAtMediaMinXXL]{grid-row-start:var(--grid-rowAtMediaMinXXL)}.grid-column[style*=grid-colspan-at-media-min-xxl]{grid-column-end:span var(--grid-colspan-at-media-min-xxl)}.grid-column[style*=grid-rowspan-at-media-min-xxl]{grid-row-end:span var(--grid-rowspan-at-media-min-xxl)}.grid-column[style*=grid-column-at-media-min-xxl]{grid-column-start:var(--grid-column-at-media-min-xxl)}.grid-column[style*=grid-row-at-media-min-xxl]{grid-row-start:var(--grid-row-at-media-min-xxl)}}@container grid (min-width: 100em){.grid-column[style*=grid-colspanAtContainerMinXXL]{grid-column-end:span var(--grid-colspanAtContainerMinXXL)}.grid-column[style*=grid-rowspanAtContainerMinXXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXXL)}.grid-column[style*=grid-columnAtContainerMinXXL]{grid-column-start:var(--grid-columnAtContainerMinXXL)}.grid-column[style*=grid-rowAtContainerMinXXL]{grid-row-start:var(--grid-rowAtContainerMinXXL)}.grid-column[style*=grid-colspan-at-container-min-xxl]{grid-column-end:span var(--grid-colspan-at-container-min-xxl)}.grid-column[style*=grid-rowspan-at-container-min-xxl]{grid-row-end:span var(--grid-rowspan-at-container-min-xxl)}.grid-column[style*=grid-column-at-container-min-xxl]{grid-column-start:var(--grid-column-at-container-min-xxl)}.grid-column[style*=grid-row-at-container-min-xxl]{grid-row-start:var(--grid-row-at-container-min-xxl)}}@media (min-width: 120em){.grid-column[style*=grid-colspanAtMediaMinXXXL]{grid-column-end:span var(--grid-colspanAtMediaMinXXXL)}.grid-column[style*=grid-rowspanAtMediaMinXXXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXXXL)}.grid-column[style*=grid-columnAtMediaMinXXXL]{grid-column-start:var(--grid-columnAtMediaMinXXXL)}.grid-column[style*=grid-rowAtMediaMinXXXL]{grid-row-start:var(--grid-rowAtMediaMinXXXL)}.grid-column[style*=grid-colspan-at-media-min-xxxl]{grid-column-end:span var(--grid-colspan-at-media-min-xxxl)}.grid-column[style*=grid-rowspan-at-media-min-xxxl]{grid-row-end:span var(--grid-rowspan-at-media-min-xxxl)}.grid-column[style*=grid-column-at-media-min-xxxl]{grid-column-start:var(--grid-column-at-media-min-xxxl)}.grid-column[style*=grid-row-at-media-min-xxxl]{grid-row-start:var(--grid-row-at-media-min-xxxl)}}@container grid (min-width: 120em){.grid-column[style*=grid-colspanAtContainerMinXXXL]{grid-column-end:span var(--grid-colspanAtContainerMinXXXL)}.grid-column[style*=grid-rowspanAtContainerMinXXXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXXXL)}.grid-column[style*=grid-columnAtContainerMinXXXL]{grid-column-start:var(--grid-columnAtContainerMinXXXL)}.grid-column[style*=grid-rowAtContainerMinXXXL]{grid-row-start:var(--grid-rowAtContainerMinXXXL)}.grid-column[style*=grid-colspan-at-container-min-xxxl]{grid-column-end:span var(--grid-colspan-at-container-min-xxxl)}.grid-column[style*=grid-rowspan-at-container-min-xxxl]{grid-row-end:span var(--grid-rowspan-at-container-min-xxxl)}.grid-column[style*=grid-column-at-container-min-xxxl]{grid-column-start:var(--grid-column-at-container-min-xxxl)}.grid-column[style*=grid-row-at-container-min-xxxl]{grid-row-start:var(--grid-row-at-container-min-xxxl)}}}@layer mods{.grid.mod-auto{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-auto .grid-column{grid-row:1}.grid.mod-autoAtMediaMinXXXS{--grid-columns: 1}@media (min-width: 20em){.grid.mod-autoAtMediaMinXXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXXS{--grid-columns: 1}@container grid (min-width: 20em){.grid.mod-autoAtContainerMinXXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXS{--grid-columns: 1}@media (min-width: 30em){.grid.mod-autoAtMediaMinXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXS{--grid-columns: 1}@container grid (min-width: 30em){.grid.mod-autoAtContainerMinXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXS{--grid-columns: 1}@media (min-width: 40em){.grid.mod-autoAtMediaMinXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXS{--grid-columns: 1}@container grid (min-width: 40em){.grid.mod-autoAtContainerMinXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinS{--grid-columns: 1}@media (min-width: 50em){.grid.mod-autoAtMediaMinS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinS{--grid-columns: 1}@container grid (min-width: 50em){.grid.mod-autoAtContainerMinS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinM{--grid-columns: 1}@media (min-width: 64em){.grid.mod-autoAtMediaMinM{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinM .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinM{--grid-columns: 1}@container grid (min-width: 64em){.grid.mod-autoAtContainerMinM{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinM .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinL{--grid-columns: 1}@media (min-width: 80em){.grid.mod-autoAtMediaMinL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinL{--grid-columns: 1}@container grid (min-width: 80em){.grid.mod-autoAtContainerMinL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXL{--grid-columns: 1}@media (min-width: 85.375em){.grid.mod-autoAtMediaMinXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXL{--grid-columns: 1}@container grid (min-width: 85.375em){.grid.mod-autoAtContainerMinXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXL{--grid-columns: 1}@media (min-width: 100em){.grid.mod-autoAtMediaMinXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXL{--grid-columns: 1}@container grid (min-width: 100em){.grid.mod-autoAtContainerMinXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXXL{--grid-columns: 1}@media (min-width: 120em){.grid.mod-autoAtMediaMinXXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXXL{--grid-columns: 1}@container grid (min-width: 120em){.grid.mod-autoAtContainerMinXXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXXL .grid-column{grid-row:1}}.grid.mod-form{--grid-columns: 4;--grid-maxWidth: 40rem}.grid.mod-dense{grid-auto-flow:dense}}lu-grid{display:contents}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], ngImport: i0, template: "@if (container()) {\n\t<div class=\"grid-containerWrapper\">\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"content\" />\n}\n\n<ng-template #content>\n\t<div class=\"grid\" [class]=\"mode() && `mod-${mode()}`\" [style]=\"gridStyle()\">\n\t\t<ng-content />\n\t</div>\n</ng-template>\n", styles: ["@layer components{.grid{--grid-columns: 12;--grid-gap: var(--pr-t-spacings-150);--grid-column-gap: var(--grid-gap);--grid-row-gap: var(--grid-gap);--grid-maxWidth: none;--grid-column-start: auto;--grid-row-start: auto;--grid-column-end: auto;--grid-row-end: auto;--grid-column-align: auto;--grid-column-justify: auto;--grid-template-columns: repeat(var(--grid-columns), 1fr);display:grid;grid-template-columns:var(--grid-template-columns);gap:var(--grid-row-gap) var(--grid-column-gap);inline-size:var(--grid-max-width, var(--grid-maxWidth));max-inline-size:100%}.grid-containerWrapper{container-type:inline-size;container-name:grid}.grid-column{align-self:var(--grid-align, var(--grid-column-align));justify-self:var(--grid-justify, var(--grid-column-justify));grid-column-start:var(--grid-column, var(--grid-column-start));grid-row-start:var(--grid-row, var(--grid-row-start));grid-column-end:span var(--grid-colspan, var(--grid-column-end));grid-row-end:span var(--grid-rowspan, var(--grid-row-end));min-inline-size:0}@media(min-width:20em){.grid-column[style*=grid-colspanAtMediaMinXXXS]{grid-column-end:span var(--grid-colspanAtMediaMinXXXS)}.grid-column[style*=grid-rowspanAtMediaMinXXXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXXXS)}.grid-column[style*=grid-columnAtMediaMinXXXS]{grid-column-start:var(--grid-columnAtMediaMinXXXS)}.grid-column[style*=grid-rowAtMediaMinXXXS]{grid-row-start:var(--grid-rowAtMediaMinXXXS)}.grid-column[style*=grid-colspan-at-media-min-xxxs]{grid-column-end:span var(--grid-colspan-at-media-min-xxxs)}.grid-column[style*=grid-rowspan-at-media-min-xxxs]{grid-row-end:span var(--grid-rowspan-at-media-min-xxxs)}.grid-column[style*=grid-column-at-media-min-xxxs]{grid-column-start:var(--grid-column-at-media-min-xxxs)}.grid-column[style*=grid-row-at-media-min-xxxs]{grid-row-start:var(--grid-row-at-media-min-xxxs)}}@container grid (min-width: 20em){.grid-column[style*=grid-colspanAtContainerMinXXXS]{grid-column-end:span var(--grid-colspanAtContainerMinXXXS)}.grid-column[style*=grid-rowspanAtContainerMinXXXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXXXS)}.grid-column[style*=grid-columnAtContainerMinXXXS]{grid-column-start:var(--grid-columnAtContainerMinXXXS)}.grid-column[style*=grid-rowAtContainerMinXXXS]{grid-row-start:var(--grid-rowAtContainerMinXXXS)}.grid-column[style*=grid-colspan-at-container-min-xxxs]{grid-column-end:span var(--grid-colspan-at-container-min-xxxs)}.grid-column[style*=grid-rowspan-at-container-min-xxxs]{grid-row-end:span var(--grid-rowspan-at-container-min-xxxs)}.grid-column[style*=grid-column-at-container-min-xxxs]{grid-column-start:var(--grid-column-at-container-min-xxxs)}.grid-column[style*=grid-row-at-container-min-xxxs]{grid-row-start:var(--grid-row-at-container-min-xxxs)}}@media(min-width:30em){.grid-column[style*=grid-colspanAtMediaMinXXS]{grid-column-end:span var(--grid-colspanAtMediaMinXXS)}.grid-column[style*=grid-rowspanAtMediaMinXXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXXS)}.grid-column[style*=grid-columnAtMediaMinXXS]{grid-column-start:var(--grid-columnAtMediaMinXXS)}.grid-column[style*=grid-rowAtMediaMinXXS]{grid-row-start:var(--grid-rowAtMediaMinXXS)}.grid-column[style*=grid-colspan-at-media-min-xxs]{grid-column-end:span var(--grid-colspan-at-media-min-xxs)}.grid-column[style*=grid-rowspan-at-media-min-xxs]{grid-row-end:span var(--grid-rowspan-at-media-min-xxs)}.grid-column[style*=grid-column-at-media-min-xxs]{grid-column-start:var(--grid-column-at-media-min-xxs)}.grid-column[style*=grid-row-at-media-min-xxs]{grid-row-start:var(--grid-row-at-media-min-xxs)}}@container grid (min-width: 30em){.grid-column[style*=grid-colspanAtContainerMinXXS]{grid-column-end:span var(--grid-colspanAtContainerMinXXS)}.grid-column[style*=grid-rowspanAtContainerMinXXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXXS)}.grid-column[style*=grid-columnAtContainerMinXXS]{grid-column-start:var(--grid-columnAtContainerMinXXS)}.grid-column[style*=grid-rowAtContainerMinXXS]{grid-row-start:var(--grid-rowAtContainerMinXXS)}.grid-column[style*=grid-colspan-at-container-min-xxs]{grid-column-end:span var(--grid-colspan-at-container-min-xxs)}.grid-column[style*=grid-rowspan-at-container-min-xxs]{grid-row-end:span var(--grid-rowspan-at-container-min-xxs)}.grid-column[style*=grid-column-at-container-min-xxs]{grid-column-start:var(--grid-column-at-container-min-xxs)}.grid-column[style*=grid-row-at-container-min-xxs]{grid-row-start:var(--grid-row-at-container-min-xxs)}}@media(min-width:40em){.grid-column[style*=grid-colspanAtMediaMinXS]{grid-column-end:span var(--grid-colspanAtMediaMinXS)}.grid-column[style*=grid-rowspanAtMediaMinXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXS)}.grid-column[style*=grid-columnAtMediaMinXS]{grid-column-start:var(--grid-columnAtMediaMinXS)}.grid-column[style*=grid-rowAtMediaMinXS]{grid-row-start:var(--grid-rowAtMediaMinXS)}.grid-column[style*=grid-colspan-at-media-min-xs]{grid-column-end:span var(--grid-colspan-at-media-min-xs)}.grid-column[style*=grid-rowspan-at-media-min-xs]{grid-row-end:span var(--grid-rowspan-at-media-min-xs)}.grid-column[style*=grid-column-at-media-min-xs]{grid-column-start:var(--grid-column-at-media-min-xs)}.grid-column[style*=grid-row-at-media-min-xs]{grid-row-start:var(--grid-row-at-media-min-xs)}}@container grid (min-width: 40em){.grid-column[style*=grid-colspanAtContainerMinXS]{grid-column-end:span var(--grid-colspanAtContainerMinXS)}.grid-column[style*=grid-rowspanAtContainerMinXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXS)}.grid-column[style*=grid-columnAtContainerMinXS]{grid-column-start:var(--grid-columnAtContainerMinXS)}.grid-column[style*=grid-rowAtContainerMinXS]{grid-row-start:var(--grid-rowAtContainerMinXS)}.grid-column[style*=grid-colspan-at-container-min-xs]{grid-column-end:span var(--grid-colspan-at-container-min-xs)}.grid-column[style*=grid-rowspan-at-container-min-xs]{grid-row-end:span var(--grid-rowspan-at-container-min-xs)}.grid-column[style*=grid-column-at-container-min-xs]{grid-column-start:var(--grid-column-at-container-min-xs)}.grid-column[style*=grid-row-at-container-min-xs]{grid-row-start:var(--grid-row-at-container-min-xs)}}@media(min-width:50em){.grid-column[style*=grid-colspanAtMediaMinS]{grid-column-end:span var(--grid-colspanAtMediaMinS)}.grid-column[style*=grid-rowspanAtMediaMinS]{grid-row-end:span var(--grid-rowspanAtMediaMinS)}.grid-column[style*=grid-columnAtMediaMinS]{grid-column-start:var(--grid-columnAtMediaMinS)}.grid-column[style*=grid-rowAtMediaMinS]{grid-row-start:var(--grid-rowAtMediaMinS)}.grid-column[style*=grid-colspan-at-media-min-s]{grid-column-end:span var(--grid-colspan-at-media-min-s)}.grid-column[style*=grid-rowspan-at-media-min-s]{grid-row-end:span var(--grid-rowspan-at-media-min-s)}.grid-column[style*=grid-column-at-media-min-s]{grid-column-start:var(--grid-column-at-media-min-s)}.grid-column[style*=grid-row-at-media-min-s]{grid-row-start:var(--grid-row-at-media-min-s)}}@container grid (min-width: 50em){.grid-column[style*=grid-colspanAtContainerMinS]{grid-column-end:span var(--grid-colspanAtContainerMinS)}.grid-column[style*=grid-rowspanAtContainerMinS]{grid-row-end:span var(--grid-rowspanAtContainerMinS)}.grid-column[style*=grid-columnAtContainerMinS]{grid-column-start:var(--grid-columnAtContainerMinS)}.grid-column[style*=grid-rowAtContainerMinS]{grid-row-start:var(--grid-rowAtContainerMinS)}.grid-column[style*=grid-colspan-at-container-min-s]{grid-column-end:span var(--grid-colspan-at-container-min-s)}.grid-column[style*=grid-rowspan-at-container-min-s]{grid-row-end:span var(--grid-rowspan-at-container-min-s)}.grid-column[style*=grid-column-at-container-min-s]{grid-column-start:var(--grid-column-at-container-min-s)}.grid-column[style*=grid-row-at-container-min-s]{grid-row-start:var(--grid-row-at-container-min-s)}}@media(min-width:64em){.grid-column[style*=grid-colspanAtMediaMinM]{grid-column-end:span var(--grid-colspanAtMediaMinM)}.grid-column[style*=grid-rowspanAtMediaMinM]{grid-row-end:span var(--grid-rowspanAtMediaMinM)}.grid-column[style*=grid-columnAtMediaMinM]{grid-column-start:var(--grid-columnAtMediaMinM)}.grid-column[style*=grid-rowAtMediaMinM]{grid-row-start:var(--grid-rowAtMediaMinM)}.grid-column[style*=grid-colspan-at-media-min-m]{grid-column-end:span var(--grid-colspan-at-media-min-m)}.grid-column[style*=grid-rowspan-at-media-min-m]{grid-row-end:span var(--grid-rowspan-at-media-min-m)}.grid-column[style*=grid-column-at-media-min-m]{grid-column-start:var(--grid-column-at-media-min-m)}.grid-column[style*=grid-row-at-media-min-m]{grid-row-start:var(--grid-row-at-media-min-m)}}@container grid (min-width: 64em){.grid-column[style*=grid-colspanAtContainerMinM]{grid-column-end:span var(--grid-colspanAtContainerMinM)}.grid-column[style*=grid-rowspanAtContainerMinM]{grid-row-end:span var(--grid-rowspanAtContainerMinM)}.grid-column[style*=grid-columnAtContainerMinM]{grid-column-start:var(--grid-columnAtContainerMinM)}.grid-column[style*=grid-rowAtContainerMinM]{grid-row-start:var(--grid-rowAtContainerMinM)}.grid-column[style*=grid-colspan-at-container-min-m]{grid-column-end:span var(--grid-colspan-at-container-min-m)}.grid-column[style*=grid-rowspan-at-container-min-m]{grid-row-end:span var(--grid-rowspan-at-container-min-m)}.grid-column[style*=grid-column-at-container-min-m]{grid-column-start:var(--grid-column-at-container-min-m)}.grid-column[style*=grid-row-at-container-min-m]{grid-row-start:var(--grid-row-at-container-min-m)}}@media(min-width:80em){.grid-column[style*=grid-colspanAtMediaMinL]{grid-column-end:span var(--grid-colspanAtMediaMinL)}.grid-column[style*=grid-rowspanAtMediaMinL]{grid-row-end:span var(--grid-rowspanAtMediaMinL)}.grid-column[style*=grid-columnAtMediaMinL]{grid-column-start:var(--grid-columnAtMediaMinL)}.grid-column[style*=grid-rowAtMediaMinL]{grid-row-start:var(--grid-rowAtMediaMinL)}.grid-column[style*=grid-colspan-at-media-min-l]{grid-column-end:span var(--grid-colspan-at-media-min-l)}.grid-column[style*=grid-rowspan-at-media-min-l]{grid-row-end:span var(--grid-rowspan-at-media-min-l)}.grid-column[style*=grid-column-at-media-min-l]{grid-column-start:var(--grid-column-at-media-min-l)}.grid-column[style*=grid-row-at-media-min-l]{grid-row-start:var(--grid-row-at-media-min-l)}}@container grid (min-width: 80em){.grid-column[style*=grid-colspanAtContainerMinL]{grid-column-end:span var(--grid-colspanAtContainerMinL)}.grid-column[style*=grid-rowspanAtContainerMinL]{grid-row-end:span var(--grid-rowspanAtContainerMinL)}.grid-column[style*=grid-columnAtContainerMinL]{grid-column-start:var(--grid-columnAtContainerMinL)}.grid-column[style*=grid-rowAtContainerMinL]{grid-row-start:var(--grid-rowAtContainerMinL)}.grid-column[style*=grid-colspan-at-container-min-l]{grid-column-end:span var(--grid-colspan-at-container-min-l)}.grid-column[style*=grid-rowspan-at-container-min-l]{grid-row-end:span var(--grid-rowspan-at-container-min-l)}.grid-column[style*=grid-column-at-container-min-l]{grid-column-start:var(--grid-column-at-container-min-l)}.grid-column[style*=grid-row-at-container-min-l]{grid-row-start:var(--grid-row-at-container-min-l)}}@media(min-width:85.375em){.grid-column[style*=grid-colspanAtMediaMinXL]{grid-column-end:span var(--grid-colspanAtMediaMinXL)}.grid-column[style*=grid-rowspanAtMediaMinXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXL)}.grid-column[style*=grid-columnAtMediaMinXL]{grid-column-start:var(--grid-columnAtMediaMinXL)}.grid-column[style*=grid-rowAtMediaMinXL]{grid-row-start:var(--grid-rowAtMediaMinXL)}.grid-column[style*=grid-colspan-at-media-min-xl]{grid-column-end:span var(--grid-colspan-at-media-min-xl)}.grid-column[style*=grid-rowspan-at-media-min-xl]{grid-row-end:span var(--grid-rowspan-at-media-min-xl)}.grid-column[style*=grid-column-at-media-min-xl]{grid-column-start:var(--grid-column-at-media-min-xl)}.grid-column[style*=grid-row-at-media-min-xl]{grid-row-start:var(--grid-row-at-media-min-xl)}}@container grid (min-width: 85.375em){.grid-column[style*=grid-colspanAtContainerMinXL]{grid-column-end:span var(--grid-colspanAtContainerMinXL)}.grid-column[style*=grid-rowspanAtContainerMinXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXL)}.grid-column[style*=grid-columnAtContainerMinXL]{grid-column-start:var(--grid-columnAtContainerMinXL)}.grid-column[style*=grid-rowAtContainerMinXL]{grid-row-start:var(--grid-rowAtContainerMinXL)}.grid-column[style*=grid-colspan-at-container-min-xl]{grid-column-end:span var(--grid-colspan-at-container-min-xl)}.grid-column[style*=grid-rowspan-at-container-min-xl]{grid-row-end:span var(--grid-rowspan-at-container-min-xl)}.grid-column[style*=grid-column-at-container-min-xl]{grid-column-start:var(--grid-column-at-container-min-xl)}.grid-column[style*=grid-row-at-container-min-xl]{grid-row-start:var(--grid-row-at-container-min-xl)}}@media(min-width:100em){.grid-column[style*=grid-colspanAtMediaMinXXL]{grid-column-end:span var(--grid-colspanAtMediaMinXXL)}.grid-column[style*=grid-rowspanAtMediaMinXXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXXL)}.grid-column[style*=grid-columnAtMediaMinXXL]{grid-column-start:var(--grid-columnAtMediaMinXXL)}.grid-column[style*=grid-rowAtMediaMinXXL]{grid-row-start:var(--grid-rowAtMediaMinXXL)}.grid-column[style*=grid-colspan-at-media-min-xxl]{grid-column-end:span var(--grid-colspan-at-media-min-xxl)}.grid-column[style*=grid-rowspan-at-media-min-xxl]{grid-row-end:span var(--grid-rowspan-at-media-min-xxl)}.grid-column[style*=grid-column-at-media-min-xxl]{grid-column-start:var(--grid-column-at-media-min-xxl)}.grid-column[style*=grid-row-at-media-min-xxl]{grid-row-start:var(--grid-row-at-media-min-xxl)}}@container grid (min-width: 100em){.grid-column[style*=grid-colspanAtContainerMinXXL]{grid-column-end:span var(--grid-colspanAtContainerMinXXL)}.grid-column[style*=grid-rowspanAtContainerMinXXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXXL)}.grid-column[style*=grid-columnAtContainerMinXXL]{grid-column-start:var(--grid-columnAtContainerMinXXL)}.grid-column[style*=grid-rowAtContainerMinXXL]{grid-row-start:var(--grid-rowAtContainerMinXXL)}.grid-column[style*=grid-colspan-at-container-min-xxl]{grid-column-end:span var(--grid-colspan-at-container-min-xxl)}.grid-column[style*=grid-rowspan-at-container-min-xxl]{grid-row-end:span var(--grid-rowspan-at-container-min-xxl)}.grid-column[style*=grid-column-at-container-min-xxl]{grid-column-start:var(--grid-column-at-container-min-xxl)}.grid-column[style*=grid-row-at-container-min-xxl]{grid-row-start:var(--grid-row-at-container-min-xxl)}}@media(min-width:120em){.grid-column[style*=grid-colspanAtMediaMinXXXL]{grid-column-end:span var(--grid-colspanAtMediaMinXXXL)}.grid-column[style*=grid-rowspanAtMediaMinXXXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXXXL)}.grid-column[style*=grid-columnAtMediaMinXXXL]{grid-column-start:var(--grid-columnAtMediaMinXXXL)}.grid-column[style*=grid-rowAtMediaMinXXXL]{grid-row-start:var(--grid-rowAtMediaMinXXXL)}.grid-column[style*=grid-colspan-at-media-min-xxxl]{grid-column-end:span var(--grid-colspan-at-media-min-xxxl)}.grid-column[style*=grid-rowspan-at-media-min-xxxl]{grid-row-end:span var(--grid-rowspan-at-media-min-xxxl)}.grid-column[style*=grid-column-at-media-min-xxxl]{grid-column-start:var(--grid-column-at-media-min-xxxl)}.grid-column[style*=grid-row-at-media-min-xxxl]{grid-row-start:var(--grid-row-at-media-min-xxxl)}}@container grid (min-width: 120em){.grid-column[style*=grid-colspanAtContainerMinXXXL]{grid-column-end:span var(--grid-colspanAtContainerMinXXXL)}.grid-column[style*=grid-rowspanAtContainerMinXXXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXXXL)}.grid-column[style*=grid-columnAtContainerMinXXXL]{grid-column-start:var(--grid-columnAtContainerMinXXXL)}.grid-column[style*=grid-rowAtContainerMinXXXL]{grid-row-start:var(--grid-rowAtContainerMinXXXL)}.grid-column[style*=grid-colspan-at-container-min-xxxl]{grid-column-end:span var(--grid-colspan-at-container-min-xxxl)}.grid-column[style*=grid-rowspan-at-container-min-xxxl]{grid-row-end:span var(--grid-rowspan-at-container-min-xxxl)}.grid-column[style*=grid-column-at-container-min-xxxl]{grid-column-start:var(--grid-column-at-container-min-xxxl)}.grid-column[style*=grid-row-at-container-min-xxxl]{grid-row-start:var(--grid-row-at-container-min-xxxl)}}}@layer mods{.grid.mod-auto{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-auto .grid-column{grid-row:1}.grid.mod-autoAtMediaMinXXXS{--grid-columns: 1}@media(min-width:20em){.grid.mod-autoAtMediaMinXXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXXS{--grid-columns: 1}@container grid (min-width: 20em){.grid.mod-autoAtContainerMinXXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXS{--grid-columns: 1}@media(min-width:30em){.grid.mod-autoAtMediaMinXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXS{--grid-columns: 1}@container grid (min-width: 30em){.grid.mod-autoAtContainerMinXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXS{--grid-columns: 1}@media(min-width:40em){.grid.mod-autoAtMediaMinXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXS{--grid-columns: 1}@container grid (min-width: 40em){.grid.mod-autoAtContainerMinXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinS{--grid-columns: 1}@media(min-width:50em){.grid.mod-autoAtMediaMinS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinS{--grid-columns: 1}@container grid (min-width: 50em){.grid.mod-autoAtContainerMinS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinM{--grid-columns: 1}@media(min-width:64em){.grid.mod-autoAtMediaMinM{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinM .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinM{--grid-columns: 1}@container grid (min-width: 64em){.grid.mod-autoAtContainerMinM{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinM .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinL{--grid-columns: 1}@media(min-width:80em){.grid.mod-autoAtMediaMinL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinL{--grid-columns: 1}@container grid (min-width: 80em){.grid.mod-autoAtContainerMinL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXL{--grid-columns: 1}@media(min-width:85.375em){.grid.mod-autoAtMediaMinXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXL{--grid-columns: 1}@container grid (min-width: 85.375em){.grid.mod-autoAtContainerMinXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXL{--grid-columns: 1}@media(min-width:100em){.grid.mod-autoAtMediaMinXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXL{--grid-columns: 1}@container grid (min-width: 100em){.grid.mod-autoAtContainerMinXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXXL{--grid-columns: 1}@media(min-width:120em){.grid.mod-autoAtMediaMinXXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXXL{--grid-columns: 1}@container grid (min-width: 120em){.grid.mod-autoAtContainerMinXXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXXL .grid-column{grid-row:1}}.grid.mod-form{--grid-columns: 4;--grid-maxWidth: 40rem}.grid.mod-dense{grid-auto-flow:dense}}lu-grid{display:contents}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: GridComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GridComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-grid, [lu-grid]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], providers: [
                         {
                             provide: LU_GRID_INSTANCE,
                             useExisting: forwardRef(() => GridComponent),
                         },
-                    ], template: "@if (container()) {\n\t<div class=\"grid-containerWrapper\">\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"content\" />\n}\n\n<ng-template #content>\n\t<div class=\"grid\" [class]=\"mode() && `mod-${mode()}`\" [style]=\"gridStyle()\">\n\t\t<ng-content />\n\t</div>\n</ng-template>\n", styles: ["@layer components{.grid{--grid-columns: 12;--grid-gap: var(--pr-t-spacings-150);--grid-column-gap: var(--grid-gap);--grid-row-gap: var(--grid-gap);--grid-maxWidth: none;--grid-column-start: auto;--grid-row-start: auto;--grid-column-end: auto;--grid-row-end: auto;--grid-column-align: auto;--grid-column-justify: auto;--grid-template-columns: repeat(var(--grid-columns), 1fr);display:grid;grid-template-columns:var(--grid-template-columns);gap:var(--grid-row-gap) var(--grid-column-gap);inline-size:var(--grid-max-width, var(--grid-maxWidth));max-inline-size:100%}.grid-containerWrapper{container-type:inline-size;container-name:grid}.grid-column{align-self:var(--grid-align, var(--grid-column-align));justify-self:var(--grid-justify, var(--grid-column-justify));grid-column-start:var(--grid-column, var(--grid-column-start));grid-row-start:var(--grid-row, var(--grid-row-start));grid-column-end:span var(--grid-colspan, var(--grid-column-end));grid-row-end:span var(--grid-rowspan, var(--grid-row-end));min-inline-size:0}@media (min-width: 20em){.grid-column[style*=grid-colspanAtMediaMinXXXS]{grid-column-end:span var(--grid-colspanAtMediaMinXXXS)}.grid-column[style*=grid-rowspanAtMediaMinXXXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXXXS)}.grid-column[style*=grid-columnAtMediaMinXXXS]{grid-column-start:var(--grid-columnAtMediaMinXXXS)}.grid-column[style*=grid-rowAtMediaMinXXXS]{grid-row-start:var(--grid-rowAtMediaMinXXXS)}.grid-column[style*=grid-colspan-at-media-min-xxxs]{grid-column-end:span var(--grid-colspan-at-media-min-xxxs)}.grid-column[style*=grid-rowspan-at-media-min-xxxs]{grid-row-end:span var(--grid-rowspan-at-media-min-xxxs)}.grid-column[style*=grid-column-at-media-min-xxxs]{grid-column-start:var(--grid-column-at-media-min-xxxs)}.grid-column[style*=grid-row-at-media-min-xxxs]{grid-row-start:var(--grid-row-at-media-min-xxxs)}}@container grid (min-width: 20em){.grid-column[style*=grid-colspanAtContainerMinXXXS]{grid-column-end:span var(--grid-colspanAtContainerMinXXXS)}.grid-column[style*=grid-rowspanAtContainerMinXXXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXXXS)}.grid-column[style*=grid-columnAtContainerMinXXXS]{grid-column-start:var(--grid-columnAtContainerMinXXXS)}.grid-column[style*=grid-rowAtContainerMinXXXS]{grid-row-start:var(--grid-rowAtContainerMinXXXS)}.grid-column[style*=grid-colspan-at-container-min-xxxs]{grid-column-end:span var(--grid-colspan-at-container-min-xxxs)}.grid-column[style*=grid-rowspan-at-container-min-xxxs]{grid-row-end:span var(--grid-rowspan-at-container-min-xxxs)}.grid-column[style*=grid-column-at-container-min-xxxs]{grid-column-start:var(--grid-column-at-container-min-xxxs)}.grid-column[style*=grid-row-at-container-min-xxxs]{grid-row-start:var(--grid-row-at-container-min-xxxs)}}@media (min-width: 30em){.grid-column[style*=grid-colspanAtMediaMinXXS]{grid-column-end:span var(--grid-colspanAtMediaMinXXS)}.grid-column[style*=grid-rowspanAtMediaMinXXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXXS)}.grid-column[style*=grid-columnAtMediaMinXXS]{grid-column-start:var(--grid-columnAtMediaMinXXS)}.grid-column[style*=grid-rowAtMediaMinXXS]{grid-row-start:var(--grid-rowAtMediaMinXXS)}.grid-column[style*=grid-colspan-at-media-min-xxs]{grid-column-end:span var(--grid-colspan-at-media-min-xxs)}.grid-column[style*=grid-rowspan-at-media-min-xxs]{grid-row-end:span var(--grid-rowspan-at-media-min-xxs)}.grid-column[style*=grid-column-at-media-min-xxs]{grid-column-start:var(--grid-column-at-media-min-xxs)}.grid-column[style*=grid-row-at-media-min-xxs]{grid-row-start:var(--grid-row-at-media-min-xxs)}}@container grid (min-width: 30em){.grid-column[style*=grid-colspanAtContainerMinXXS]{grid-column-end:span var(--grid-colspanAtContainerMinXXS)}.grid-column[style*=grid-rowspanAtContainerMinXXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXXS)}.grid-column[style*=grid-columnAtContainerMinXXS]{grid-column-start:var(--grid-columnAtContainerMinXXS)}.grid-column[style*=grid-rowAtContainerMinXXS]{grid-row-start:var(--grid-rowAtContainerMinXXS)}.grid-column[style*=grid-colspan-at-container-min-xxs]{grid-column-end:span var(--grid-colspan-at-container-min-xxs)}.grid-column[style*=grid-rowspan-at-container-min-xxs]{grid-row-end:span var(--grid-rowspan-at-container-min-xxs)}.grid-column[style*=grid-column-at-container-min-xxs]{grid-column-start:var(--grid-column-at-container-min-xxs)}.grid-column[style*=grid-row-at-container-min-xxs]{grid-row-start:var(--grid-row-at-container-min-xxs)}}@media (min-width: 40em){.grid-column[style*=grid-colspanAtMediaMinXS]{grid-column-end:span var(--grid-colspanAtMediaMinXS)}.grid-column[style*=grid-rowspanAtMediaMinXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXS)}.grid-column[style*=grid-columnAtMediaMinXS]{grid-column-start:var(--grid-columnAtMediaMinXS)}.grid-column[style*=grid-rowAtMediaMinXS]{grid-row-start:var(--grid-rowAtMediaMinXS)}.grid-column[style*=grid-colspan-at-media-min-xs]{grid-column-end:span var(--grid-colspan-at-media-min-xs)}.grid-column[style*=grid-rowspan-at-media-min-xs]{grid-row-end:span var(--grid-rowspan-at-media-min-xs)}.grid-column[style*=grid-column-at-media-min-xs]{grid-column-start:var(--grid-column-at-media-min-xs)}.grid-column[style*=grid-row-at-media-min-xs]{grid-row-start:var(--grid-row-at-media-min-xs)}}@container grid (min-width: 40em){.grid-column[style*=grid-colspanAtContainerMinXS]{grid-column-end:span var(--grid-colspanAtContainerMinXS)}.grid-column[style*=grid-rowspanAtContainerMinXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXS)}.grid-column[style*=grid-columnAtContainerMinXS]{grid-column-start:var(--grid-columnAtContainerMinXS)}.grid-column[style*=grid-rowAtContainerMinXS]{grid-row-start:var(--grid-rowAtContainerMinXS)}.grid-column[style*=grid-colspan-at-container-min-xs]{grid-column-end:span var(--grid-colspan-at-container-min-xs)}.grid-column[style*=grid-rowspan-at-container-min-xs]{grid-row-end:span var(--grid-rowspan-at-container-min-xs)}.grid-column[style*=grid-column-at-container-min-xs]{grid-column-start:var(--grid-column-at-container-min-xs)}.grid-column[style*=grid-row-at-container-min-xs]{grid-row-start:var(--grid-row-at-container-min-xs)}}@media (min-width: 50em){.grid-column[style*=grid-colspanAtMediaMinS]{grid-column-end:span var(--grid-colspanAtMediaMinS)}.grid-column[style*=grid-rowspanAtMediaMinS]{grid-row-end:span var(--grid-rowspanAtMediaMinS)}.grid-column[style*=grid-columnAtMediaMinS]{grid-column-start:var(--grid-columnAtMediaMinS)}.grid-column[style*=grid-rowAtMediaMinS]{grid-row-start:var(--grid-rowAtMediaMinS)}.grid-column[style*=grid-colspan-at-media-min-s]{grid-column-end:span var(--grid-colspan-at-media-min-s)}.grid-column[style*=grid-rowspan-at-media-min-s]{grid-row-end:span var(--grid-rowspan-at-media-min-s)}.grid-column[style*=grid-column-at-media-min-s]{grid-column-start:var(--grid-column-at-media-min-s)}.grid-column[style*=grid-row-at-media-min-s]{grid-row-start:var(--grid-row-at-media-min-s)}}@container grid (min-width: 50em){.grid-column[style*=grid-colspanAtContainerMinS]{grid-column-end:span var(--grid-colspanAtContainerMinS)}.grid-column[style*=grid-rowspanAtContainerMinS]{grid-row-end:span var(--grid-rowspanAtContainerMinS)}.grid-column[style*=grid-columnAtContainerMinS]{grid-column-start:var(--grid-columnAtContainerMinS)}.grid-column[style*=grid-rowAtContainerMinS]{grid-row-start:var(--grid-rowAtContainerMinS)}.grid-column[style*=grid-colspan-at-container-min-s]{grid-column-end:span var(--grid-colspan-at-container-min-s)}.grid-column[style*=grid-rowspan-at-container-min-s]{grid-row-end:span var(--grid-rowspan-at-container-min-s)}.grid-column[style*=grid-column-at-container-min-s]{grid-column-start:var(--grid-column-at-container-min-s)}.grid-column[style*=grid-row-at-container-min-s]{grid-row-start:var(--grid-row-at-container-min-s)}}@media (min-width: 64em){.grid-column[style*=grid-colspanAtMediaMinM]{grid-column-end:span var(--grid-colspanAtMediaMinM)}.grid-column[style*=grid-rowspanAtMediaMinM]{grid-row-end:span var(--grid-rowspanAtMediaMinM)}.grid-column[style*=grid-columnAtMediaMinM]{grid-column-start:var(--grid-columnAtMediaMinM)}.grid-column[style*=grid-rowAtMediaMinM]{grid-row-start:var(--grid-rowAtMediaMinM)}.grid-column[style*=grid-colspan-at-media-min-m]{grid-column-end:span var(--grid-colspan-at-media-min-m)}.grid-column[style*=grid-rowspan-at-media-min-m]{grid-row-end:span var(--grid-rowspan-at-media-min-m)}.grid-column[style*=grid-column-at-media-min-m]{grid-column-start:var(--grid-column-at-media-min-m)}.grid-column[style*=grid-row-at-media-min-m]{grid-row-start:var(--grid-row-at-media-min-m)}}@container grid (min-width: 64em){.grid-column[style*=grid-colspanAtContainerMinM]{grid-column-end:span var(--grid-colspanAtContainerMinM)}.grid-column[style*=grid-rowspanAtContainerMinM]{grid-row-end:span var(--grid-rowspanAtContainerMinM)}.grid-column[style*=grid-columnAtContainerMinM]{grid-column-start:var(--grid-columnAtContainerMinM)}.grid-column[style*=grid-rowAtContainerMinM]{grid-row-start:var(--grid-rowAtContainerMinM)}.grid-column[style*=grid-colspan-at-container-min-m]{grid-column-end:span var(--grid-colspan-at-container-min-m)}.grid-column[style*=grid-rowspan-at-container-min-m]{grid-row-end:span var(--grid-rowspan-at-container-min-m)}.grid-column[style*=grid-column-at-container-min-m]{grid-column-start:var(--grid-column-at-container-min-m)}.grid-column[style*=grid-row-at-container-min-m]{grid-row-start:var(--grid-row-at-container-min-m)}}@media (min-width: 80em){.grid-column[style*=grid-colspanAtMediaMinL]{grid-column-end:span var(--grid-colspanAtMediaMinL)}.grid-column[style*=grid-rowspanAtMediaMinL]{grid-row-end:span var(--grid-rowspanAtMediaMinL)}.grid-column[style*=grid-columnAtMediaMinL]{grid-column-start:var(--grid-columnAtMediaMinL)}.grid-column[style*=grid-rowAtMediaMinL]{grid-row-start:var(--grid-rowAtMediaMinL)}.grid-column[style*=grid-colspan-at-media-min-l]{grid-column-end:span var(--grid-colspan-at-media-min-l)}.grid-column[style*=grid-rowspan-at-media-min-l]{grid-row-end:span var(--grid-rowspan-at-media-min-l)}.grid-column[style*=grid-column-at-media-min-l]{grid-column-start:var(--grid-column-at-media-min-l)}.grid-column[style*=grid-row-at-media-min-l]{grid-row-start:var(--grid-row-at-media-min-l)}}@container grid (min-width: 80em){.grid-column[style*=grid-colspanAtContainerMinL]{grid-column-end:span var(--grid-colspanAtContainerMinL)}.grid-column[style*=grid-rowspanAtContainerMinL]{grid-row-end:span var(--grid-rowspanAtContainerMinL)}.grid-column[style*=grid-columnAtContainerMinL]{grid-column-start:var(--grid-columnAtContainerMinL)}.grid-column[style*=grid-rowAtContainerMinL]{grid-row-start:var(--grid-rowAtContainerMinL)}.grid-column[style*=grid-colspan-at-container-min-l]{grid-column-end:span var(--grid-colspan-at-container-min-l)}.grid-column[style*=grid-rowspan-at-container-min-l]{grid-row-end:span var(--grid-rowspan-at-container-min-l)}.grid-column[style*=grid-column-at-container-min-l]{grid-column-start:var(--grid-column-at-container-min-l)}.grid-column[style*=grid-row-at-container-min-l]{grid-row-start:var(--grid-row-at-container-min-l)}}@media (min-width: 85.375em){.grid-column[style*=grid-colspanAtMediaMinXL]{grid-column-end:span var(--grid-colspanAtMediaMinXL)}.grid-column[style*=grid-rowspanAtMediaMinXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXL)}.grid-column[style*=grid-columnAtMediaMinXL]{grid-column-start:var(--grid-columnAtMediaMinXL)}.grid-column[style*=grid-rowAtMediaMinXL]{grid-row-start:var(--grid-rowAtMediaMinXL)}.grid-column[style*=grid-colspan-at-media-min-xl]{grid-column-end:span var(--grid-colspan-at-media-min-xl)}.grid-column[style*=grid-rowspan-at-media-min-xl]{grid-row-end:span var(--grid-rowspan-at-media-min-xl)}.grid-column[style*=grid-column-at-media-min-xl]{grid-column-start:var(--grid-column-at-media-min-xl)}.grid-column[style*=grid-row-at-media-min-xl]{grid-row-start:var(--grid-row-at-media-min-xl)}}@container grid (min-width: 85.375em){.grid-column[style*=grid-colspanAtContainerMinXL]{grid-column-end:span var(--grid-colspanAtContainerMinXL)}.grid-column[style*=grid-rowspanAtContainerMinXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXL)}.grid-column[style*=grid-columnAtContainerMinXL]{grid-column-start:var(--grid-columnAtContainerMinXL)}.grid-column[style*=grid-rowAtContainerMinXL]{grid-row-start:var(--grid-rowAtContainerMinXL)}.grid-column[style*=grid-colspan-at-container-min-xl]{grid-column-end:span var(--grid-colspan-at-container-min-xl)}.grid-column[style*=grid-rowspan-at-container-min-xl]{grid-row-end:span var(--grid-rowspan-at-container-min-xl)}.grid-column[style*=grid-column-at-container-min-xl]{grid-column-start:var(--grid-column-at-container-min-xl)}.grid-column[style*=grid-row-at-container-min-xl]{grid-row-start:var(--grid-row-at-container-min-xl)}}@media (min-width: 100em){.grid-column[style*=grid-colspanAtMediaMinXXL]{grid-column-end:span var(--grid-colspanAtMediaMinXXL)}.grid-column[style*=grid-rowspanAtMediaMinXXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXXL)}.grid-column[style*=grid-columnAtMediaMinXXL]{grid-column-start:var(--grid-columnAtMediaMinXXL)}.grid-column[style*=grid-rowAtMediaMinXXL]{grid-row-start:var(--grid-rowAtMediaMinXXL)}.grid-column[style*=grid-colspan-at-media-min-xxl]{grid-column-end:span var(--grid-colspan-at-media-min-xxl)}.grid-column[style*=grid-rowspan-at-media-min-xxl]{grid-row-end:span var(--grid-rowspan-at-media-min-xxl)}.grid-column[style*=grid-column-at-media-min-xxl]{grid-column-start:var(--grid-column-at-media-min-xxl)}.grid-column[style*=grid-row-at-media-min-xxl]{grid-row-start:var(--grid-row-at-media-min-xxl)}}@container grid (min-width: 100em){.grid-column[style*=grid-colspanAtContainerMinXXL]{grid-column-end:span var(--grid-colspanAtContainerMinXXL)}.grid-column[style*=grid-rowspanAtContainerMinXXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXXL)}.grid-column[style*=grid-columnAtContainerMinXXL]{grid-column-start:var(--grid-columnAtContainerMinXXL)}.grid-column[style*=grid-rowAtContainerMinXXL]{grid-row-start:var(--grid-rowAtContainerMinXXL)}.grid-column[style*=grid-colspan-at-container-min-xxl]{grid-column-end:span var(--grid-colspan-at-container-min-xxl)}.grid-column[style*=grid-rowspan-at-container-min-xxl]{grid-row-end:span var(--grid-rowspan-at-container-min-xxl)}.grid-column[style*=grid-column-at-container-min-xxl]{grid-column-start:var(--grid-column-at-container-min-xxl)}.grid-column[style*=grid-row-at-container-min-xxl]{grid-row-start:var(--grid-row-at-container-min-xxl)}}@media (min-width: 120em){.grid-column[style*=grid-colspanAtMediaMinXXXL]{grid-column-end:span var(--grid-colspanAtMediaMinXXXL)}.grid-column[style*=grid-rowspanAtMediaMinXXXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXXXL)}.grid-column[style*=grid-columnAtMediaMinXXXL]{grid-column-start:var(--grid-columnAtMediaMinXXXL)}.grid-column[style*=grid-rowAtMediaMinXXXL]{grid-row-start:var(--grid-rowAtMediaMinXXXL)}.grid-column[style*=grid-colspan-at-media-min-xxxl]{grid-column-end:span var(--grid-colspan-at-media-min-xxxl)}.grid-column[style*=grid-rowspan-at-media-min-xxxl]{grid-row-end:span var(--grid-rowspan-at-media-min-xxxl)}.grid-column[style*=grid-column-at-media-min-xxxl]{grid-column-start:var(--grid-column-at-media-min-xxxl)}.grid-column[style*=grid-row-at-media-min-xxxl]{grid-row-start:var(--grid-row-at-media-min-xxxl)}}@container grid (min-width: 120em){.grid-column[style*=grid-colspanAtContainerMinXXXL]{grid-column-end:span var(--grid-colspanAtContainerMinXXXL)}.grid-column[style*=grid-rowspanAtContainerMinXXXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXXXL)}.grid-column[style*=grid-columnAtContainerMinXXXL]{grid-column-start:var(--grid-columnAtContainerMinXXXL)}.grid-column[style*=grid-rowAtContainerMinXXXL]{grid-row-start:var(--grid-rowAtContainerMinXXXL)}.grid-column[style*=grid-colspan-at-container-min-xxxl]{grid-column-end:span var(--grid-colspan-at-container-min-xxxl)}.grid-column[style*=grid-rowspan-at-container-min-xxxl]{grid-row-end:span var(--grid-rowspan-at-container-min-xxxl)}.grid-column[style*=grid-column-at-container-min-xxxl]{grid-column-start:var(--grid-column-at-container-min-xxxl)}.grid-column[style*=grid-row-at-container-min-xxxl]{grid-row-start:var(--grid-row-at-container-min-xxxl)}}}@layer mods{.grid.mod-auto{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-auto .grid-column{grid-row:1}.grid.mod-autoAtMediaMinXXXS{--grid-columns: 1}@media (min-width: 20em){.grid.mod-autoAtMediaMinXXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXXS{--grid-columns: 1}@container grid (min-width: 20em){.grid.mod-autoAtContainerMinXXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXS{--grid-columns: 1}@media (min-width: 30em){.grid.mod-autoAtMediaMinXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXS{--grid-columns: 1}@container grid (min-width: 30em){.grid.mod-autoAtContainerMinXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXS{--grid-columns: 1}@media (min-width: 40em){.grid.mod-autoAtMediaMinXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXS{--grid-columns: 1}@container grid (min-width: 40em){.grid.mod-autoAtContainerMinXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinS{--grid-columns: 1}@media (min-width: 50em){.grid.mod-autoAtMediaMinS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinS{--grid-columns: 1}@container grid (min-width: 50em){.grid.mod-autoAtContainerMinS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinM{--grid-columns: 1}@media (min-width: 64em){.grid.mod-autoAtMediaMinM{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinM .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinM{--grid-columns: 1}@container grid (min-width: 64em){.grid.mod-autoAtContainerMinM{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinM .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinL{--grid-columns: 1}@media (min-width: 80em){.grid.mod-autoAtMediaMinL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinL{--grid-columns: 1}@container grid (min-width: 80em){.grid.mod-autoAtContainerMinL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXL{--grid-columns: 1}@media (min-width: 85.375em){.grid.mod-autoAtMediaMinXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXL{--grid-columns: 1}@container grid (min-width: 85.375em){.grid.mod-autoAtContainerMinXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXL{--grid-columns: 1}@media (min-width: 100em){.grid.mod-autoAtMediaMinXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXL{--grid-columns: 1}@container grid (min-width: 100em){.grid.mod-autoAtContainerMinXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXXL{--grid-columns: 1}@media (min-width: 120em){.grid.mod-autoAtMediaMinXXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXXL{--grid-columns: 1}@container grid (min-width: 120em){.grid.mod-autoAtContainerMinXXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXXL .grid-column{grid-row:1}}.grid.mod-form{--grid-columns: 4;--grid-maxWidth: 40rem}.grid.mod-dense{grid-auto-flow:dense}}lu-grid{display:contents}\n"] }]
-        }] });
+                    ], template: "@if (container()) {\n\t<div class=\"grid-containerWrapper\">\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"content\" />\n}\n\n<ng-template #content>\n\t<div class=\"grid\" [class]=\"mode() && `mod-${mode()}`\" [style]=\"gridStyle()\">\n\t\t<ng-content />\n\t</div>\n</ng-template>\n", styles: ["@layer components{.grid{--grid-columns: 12;--grid-gap: var(--pr-t-spacings-150);--grid-column-gap: var(--grid-gap);--grid-row-gap: var(--grid-gap);--grid-maxWidth: none;--grid-column-start: auto;--grid-row-start: auto;--grid-column-end: auto;--grid-row-end: auto;--grid-column-align: auto;--grid-column-justify: auto;--grid-template-columns: repeat(var(--grid-columns), 1fr);display:grid;grid-template-columns:var(--grid-template-columns);gap:var(--grid-row-gap) var(--grid-column-gap);inline-size:var(--grid-max-width, var(--grid-maxWidth));max-inline-size:100%}.grid-containerWrapper{container-type:inline-size;container-name:grid}.grid-column{align-self:var(--grid-align, var(--grid-column-align));justify-self:var(--grid-justify, var(--grid-column-justify));grid-column-start:var(--grid-column, var(--grid-column-start));grid-row-start:var(--grid-row, var(--grid-row-start));grid-column-end:span var(--grid-colspan, var(--grid-column-end));grid-row-end:span var(--grid-rowspan, var(--grid-row-end));min-inline-size:0}@media(min-width:20em){.grid-column[style*=grid-colspanAtMediaMinXXXS]{grid-column-end:span var(--grid-colspanAtMediaMinXXXS)}.grid-column[style*=grid-rowspanAtMediaMinXXXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXXXS)}.grid-column[style*=grid-columnAtMediaMinXXXS]{grid-column-start:var(--grid-columnAtMediaMinXXXS)}.grid-column[style*=grid-rowAtMediaMinXXXS]{grid-row-start:var(--grid-rowAtMediaMinXXXS)}.grid-column[style*=grid-colspan-at-media-min-xxxs]{grid-column-end:span var(--grid-colspan-at-media-min-xxxs)}.grid-column[style*=grid-rowspan-at-media-min-xxxs]{grid-row-end:span var(--grid-rowspan-at-media-min-xxxs)}.grid-column[style*=grid-column-at-media-min-xxxs]{grid-column-start:var(--grid-column-at-media-min-xxxs)}.grid-column[style*=grid-row-at-media-min-xxxs]{grid-row-start:var(--grid-row-at-media-min-xxxs)}}@container grid (min-width: 20em){.grid-column[style*=grid-colspanAtContainerMinXXXS]{grid-column-end:span var(--grid-colspanAtContainerMinXXXS)}.grid-column[style*=grid-rowspanAtContainerMinXXXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXXXS)}.grid-column[style*=grid-columnAtContainerMinXXXS]{grid-column-start:var(--grid-columnAtContainerMinXXXS)}.grid-column[style*=grid-rowAtContainerMinXXXS]{grid-row-start:var(--grid-rowAtContainerMinXXXS)}.grid-column[style*=grid-colspan-at-container-min-xxxs]{grid-column-end:span var(--grid-colspan-at-container-min-xxxs)}.grid-column[style*=grid-rowspan-at-container-min-xxxs]{grid-row-end:span var(--grid-rowspan-at-container-min-xxxs)}.grid-column[style*=grid-column-at-container-min-xxxs]{grid-column-start:var(--grid-column-at-container-min-xxxs)}.grid-column[style*=grid-row-at-container-min-xxxs]{grid-row-start:var(--grid-row-at-container-min-xxxs)}}@media(min-width:30em){.grid-column[style*=grid-colspanAtMediaMinXXS]{grid-column-end:span var(--grid-colspanAtMediaMinXXS)}.grid-column[style*=grid-rowspanAtMediaMinXXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXXS)}.grid-column[style*=grid-columnAtMediaMinXXS]{grid-column-start:var(--grid-columnAtMediaMinXXS)}.grid-column[style*=grid-rowAtMediaMinXXS]{grid-row-start:var(--grid-rowAtMediaMinXXS)}.grid-column[style*=grid-colspan-at-media-min-xxs]{grid-column-end:span var(--grid-colspan-at-media-min-xxs)}.grid-column[style*=grid-rowspan-at-media-min-xxs]{grid-row-end:span var(--grid-rowspan-at-media-min-xxs)}.grid-column[style*=grid-column-at-media-min-xxs]{grid-column-start:var(--grid-column-at-media-min-xxs)}.grid-column[style*=grid-row-at-media-min-xxs]{grid-row-start:var(--grid-row-at-media-min-xxs)}}@container grid (min-width: 30em){.grid-column[style*=grid-colspanAtContainerMinXXS]{grid-column-end:span var(--grid-colspanAtContainerMinXXS)}.grid-column[style*=grid-rowspanAtContainerMinXXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXXS)}.grid-column[style*=grid-columnAtContainerMinXXS]{grid-column-start:var(--grid-columnAtContainerMinXXS)}.grid-column[style*=grid-rowAtContainerMinXXS]{grid-row-start:var(--grid-rowAtContainerMinXXS)}.grid-column[style*=grid-colspan-at-container-min-xxs]{grid-column-end:span var(--grid-colspan-at-container-min-xxs)}.grid-column[style*=grid-rowspan-at-container-min-xxs]{grid-row-end:span var(--grid-rowspan-at-container-min-xxs)}.grid-column[style*=grid-column-at-container-min-xxs]{grid-column-start:var(--grid-column-at-container-min-xxs)}.grid-column[style*=grid-row-at-container-min-xxs]{grid-row-start:var(--grid-row-at-container-min-xxs)}}@media(min-width:40em){.grid-column[style*=grid-colspanAtMediaMinXS]{grid-column-end:span var(--grid-colspanAtMediaMinXS)}.grid-column[style*=grid-rowspanAtMediaMinXS]{grid-row-end:span var(--grid-rowspanAtMediaMinXS)}.grid-column[style*=grid-columnAtMediaMinXS]{grid-column-start:var(--grid-columnAtMediaMinXS)}.grid-column[style*=grid-rowAtMediaMinXS]{grid-row-start:var(--grid-rowAtMediaMinXS)}.grid-column[style*=grid-colspan-at-media-min-xs]{grid-column-end:span var(--grid-colspan-at-media-min-xs)}.grid-column[style*=grid-rowspan-at-media-min-xs]{grid-row-end:span var(--grid-rowspan-at-media-min-xs)}.grid-column[style*=grid-column-at-media-min-xs]{grid-column-start:var(--grid-column-at-media-min-xs)}.grid-column[style*=grid-row-at-media-min-xs]{grid-row-start:var(--grid-row-at-media-min-xs)}}@container grid (min-width: 40em){.grid-column[style*=grid-colspanAtContainerMinXS]{grid-column-end:span var(--grid-colspanAtContainerMinXS)}.grid-column[style*=grid-rowspanAtContainerMinXS]{grid-row-end:span var(--grid-rowspanAtContainerMinXS)}.grid-column[style*=grid-columnAtContainerMinXS]{grid-column-start:var(--grid-columnAtContainerMinXS)}.grid-column[style*=grid-rowAtContainerMinXS]{grid-row-start:var(--grid-rowAtContainerMinXS)}.grid-column[style*=grid-colspan-at-container-min-xs]{grid-column-end:span var(--grid-colspan-at-container-min-xs)}.grid-column[style*=grid-rowspan-at-container-min-xs]{grid-row-end:span var(--grid-rowspan-at-container-min-xs)}.grid-column[style*=grid-column-at-container-min-xs]{grid-column-start:var(--grid-column-at-container-min-xs)}.grid-column[style*=grid-row-at-container-min-xs]{grid-row-start:var(--grid-row-at-container-min-xs)}}@media(min-width:50em){.grid-column[style*=grid-colspanAtMediaMinS]{grid-column-end:span var(--grid-colspanAtMediaMinS)}.grid-column[style*=grid-rowspanAtMediaMinS]{grid-row-end:span var(--grid-rowspanAtMediaMinS)}.grid-column[style*=grid-columnAtMediaMinS]{grid-column-start:var(--grid-columnAtMediaMinS)}.grid-column[style*=grid-rowAtMediaMinS]{grid-row-start:var(--grid-rowAtMediaMinS)}.grid-column[style*=grid-colspan-at-media-min-s]{grid-column-end:span var(--grid-colspan-at-media-min-s)}.grid-column[style*=grid-rowspan-at-media-min-s]{grid-row-end:span var(--grid-rowspan-at-media-min-s)}.grid-column[style*=grid-column-at-media-min-s]{grid-column-start:var(--grid-column-at-media-min-s)}.grid-column[style*=grid-row-at-media-min-s]{grid-row-start:var(--grid-row-at-media-min-s)}}@container grid (min-width: 50em){.grid-column[style*=grid-colspanAtContainerMinS]{grid-column-end:span var(--grid-colspanAtContainerMinS)}.grid-column[style*=grid-rowspanAtContainerMinS]{grid-row-end:span var(--grid-rowspanAtContainerMinS)}.grid-column[style*=grid-columnAtContainerMinS]{grid-column-start:var(--grid-columnAtContainerMinS)}.grid-column[style*=grid-rowAtContainerMinS]{grid-row-start:var(--grid-rowAtContainerMinS)}.grid-column[style*=grid-colspan-at-container-min-s]{grid-column-end:span var(--grid-colspan-at-container-min-s)}.grid-column[style*=grid-rowspan-at-container-min-s]{grid-row-end:span var(--grid-rowspan-at-container-min-s)}.grid-column[style*=grid-column-at-container-min-s]{grid-column-start:var(--grid-column-at-container-min-s)}.grid-column[style*=grid-row-at-container-min-s]{grid-row-start:var(--grid-row-at-container-min-s)}}@media(min-width:64em){.grid-column[style*=grid-colspanAtMediaMinM]{grid-column-end:span var(--grid-colspanAtMediaMinM)}.grid-column[style*=grid-rowspanAtMediaMinM]{grid-row-end:span var(--grid-rowspanAtMediaMinM)}.grid-column[style*=grid-columnAtMediaMinM]{grid-column-start:var(--grid-columnAtMediaMinM)}.grid-column[style*=grid-rowAtMediaMinM]{grid-row-start:var(--grid-rowAtMediaMinM)}.grid-column[style*=grid-colspan-at-media-min-m]{grid-column-end:span var(--grid-colspan-at-media-min-m)}.grid-column[style*=grid-rowspan-at-media-min-m]{grid-row-end:span var(--grid-rowspan-at-media-min-m)}.grid-column[style*=grid-column-at-media-min-m]{grid-column-start:var(--grid-column-at-media-min-m)}.grid-column[style*=grid-row-at-media-min-m]{grid-row-start:var(--grid-row-at-media-min-m)}}@container grid (min-width: 64em){.grid-column[style*=grid-colspanAtContainerMinM]{grid-column-end:span var(--grid-colspanAtContainerMinM)}.grid-column[style*=grid-rowspanAtContainerMinM]{grid-row-end:span var(--grid-rowspanAtContainerMinM)}.grid-column[style*=grid-columnAtContainerMinM]{grid-column-start:var(--grid-columnAtContainerMinM)}.grid-column[style*=grid-rowAtContainerMinM]{grid-row-start:var(--grid-rowAtContainerMinM)}.grid-column[style*=grid-colspan-at-container-min-m]{grid-column-end:span var(--grid-colspan-at-container-min-m)}.grid-column[style*=grid-rowspan-at-container-min-m]{grid-row-end:span var(--grid-rowspan-at-container-min-m)}.grid-column[style*=grid-column-at-container-min-m]{grid-column-start:var(--grid-column-at-container-min-m)}.grid-column[style*=grid-row-at-container-min-m]{grid-row-start:var(--grid-row-at-container-min-m)}}@media(min-width:80em){.grid-column[style*=grid-colspanAtMediaMinL]{grid-column-end:span var(--grid-colspanAtMediaMinL)}.grid-column[style*=grid-rowspanAtMediaMinL]{grid-row-end:span var(--grid-rowspanAtMediaMinL)}.grid-column[style*=grid-columnAtMediaMinL]{grid-column-start:var(--grid-columnAtMediaMinL)}.grid-column[style*=grid-rowAtMediaMinL]{grid-row-start:var(--grid-rowAtMediaMinL)}.grid-column[style*=grid-colspan-at-media-min-l]{grid-column-end:span var(--grid-colspan-at-media-min-l)}.grid-column[style*=grid-rowspan-at-media-min-l]{grid-row-end:span var(--grid-rowspan-at-media-min-l)}.grid-column[style*=grid-column-at-media-min-l]{grid-column-start:var(--grid-column-at-media-min-l)}.grid-column[style*=grid-row-at-media-min-l]{grid-row-start:var(--grid-row-at-media-min-l)}}@container grid (min-width: 80em){.grid-column[style*=grid-colspanAtContainerMinL]{grid-column-end:span var(--grid-colspanAtContainerMinL)}.grid-column[style*=grid-rowspanAtContainerMinL]{grid-row-end:span var(--grid-rowspanAtContainerMinL)}.grid-column[style*=grid-columnAtContainerMinL]{grid-column-start:var(--grid-columnAtContainerMinL)}.grid-column[style*=grid-rowAtContainerMinL]{grid-row-start:var(--grid-rowAtContainerMinL)}.grid-column[style*=grid-colspan-at-container-min-l]{grid-column-end:span var(--grid-colspan-at-container-min-l)}.grid-column[style*=grid-rowspan-at-container-min-l]{grid-row-end:span var(--grid-rowspan-at-container-min-l)}.grid-column[style*=grid-column-at-container-min-l]{grid-column-start:var(--grid-column-at-container-min-l)}.grid-column[style*=grid-row-at-container-min-l]{grid-row-start:var(--grid-row-at-container-min-l)}}@media(min-width:85.375em){.grid-column[style*=grid-colspanAtMediaMinXL]{grid-column-end:span var(--grid-colspanAtMediaMinXL)}.grid-column[style*=grid-rowspanAtMediaMinXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXL)}.grid-column[style*=grid-columnAtMediaMinXL]{grid-column-start:var(--grid-columnAtMediaMinXL)}.grid-column[style*=grid-rowAtMediaMinXL]{grid-row-start:var(--grid-rowAtMediaMinXL)}.grid-column[style*=grid-colspan-at-media-min-xl]{grid-column-end:span var(--grid-colspan-at-media-min-xl)}.grid-column[style*=grid-rowspan-at-media-min-xl]{grid-row-end:span var(--grid-rowspan-at-media-min-xl)}.grid-column[style*=grid-column-at-media-min-xl]{grid-column-start:var(--grid-column-at-media-min-xl)}.grid-column[style*=grid-row-at-media-min-xl]{grid-row-start:var(--grid-row-at-media-min-xl)}}@container grid (min-width: 85.375em){.grid-column[style*=grid-colspanAtContainerMinXL]{grid-column-end:span var(--grid-colspanAtContainerMinXL)}.grid-column[style*=grid-rowspanAtContainerMinXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXL)}.grid-column[style*=grid-columnAtContainerMinXL]{grid-column-start:var(--grid-columnAtContainerMinXL)}.grid-column[style*=grid-rowAtContainerMinXL]{grid-row-start:var(--grid-rowAtContainerMinXL)}.grid-column[style*=grid-colspan-at-container-min-xl]{grid-column-end:span var(--grid-colspan-at-container-min-xl)}.grid-column[style*=grid-rowspan-at-container-min-xl]{grid-row-end:span var(--grid-rowspan-at-container-min-xl)}.grid-column[style*=grid-column-at-container-min-xl]{grid-column-start:var(--grid-column-at-container-min-xl)}.grid-column[style*=grid-row-at-container-min-xl]{grid-row-start:var(--grid-row-at-container-min-xl)}}@media(min-width:100em){.grid-column[style*=grid-colspanAtMediaMinXXL]{grid-column-end:span var(--grid-colspanAtMediaMinXXL)}.grid-column[style*=grid-rowspanAtMediaMinXXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXXL)}.grid-column[style*=grid-columnAtMediaMinXXL]{grid-column-start:var(--grid-columnAtMediaMinXXL)}.grid-column[style*=grid-rowAtMediaMinXXL]{grid-row-start:var(--grid-rowAtMediaMinXXL)}.grid-column[style*=grid-colspan-at-media-min-xxl]{grid-column-end:span var(--grid-colspan-at-media-min-xxl)}.grid-column[style*=grid-rowspan-at-media-min-xxl]{grid-row-end:span var(--grid-rowspan-at-media-min-xxl)}.grid-column[style*=grid-column-at-media-min-xxl]{grid-column-start:var(--grid-column-at-media-min-xxl)}.grid-column[style*=grid-row-at-media-min-xxl]{grid-row-start:var(--grid-row-at-media-min-xxl)}}@container grid (min-width: 100em){.grid-column[style*=grid-colspanAtContainerMinXXL]{grid-column-end:span var(--grid-colspanAtContainerMinXXL)}.grid-column[style*=grid-rowspanAtContainerMinXXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXXL)}.grid-column[style*=grid-columnAtContainerMinXXL]{grid-column-start:var(--grid-columnAtContainerMinXXL)}.grid-column[style*=grid-rowAtContainerMinXXL]{grid-row-start:var(--grid-rowAtContainerMinXXL)}.grid-column[style*=grid-colspan-at-container-min-xxl]{grid-column-end:span var(--grid-colspan-at-container-min-xxl)}.grid-column[style*=grid-rowspan-at-container-min-xxl]{grid-row-end:span var(--grid-rowspan-at-container-min-xxl)}.grid-column[style*=grid-column-at-container-min-xxl]{grid-column-start:var(--grid-column-at-container-min-xxl)}.grid-column[style*=grid-row-at-container-min-xxl]{grid-row-start:var(--grid-row-at-container-min-xxl)}}@media(min-width:120em){.grid-column[style*=grid-colspanAtMediaMinXXXL]{grid-column-end:span var(--grid-colspanAtMediaMinXXXL)}.grid-column[style*=grid-rowspanAtMediaMinXXXL]{grid-row-end:span var(--grid-rowspanAtMediaMinXXXL)}.grid-column[style*=grid-columnAtMediaMinXXXL]{grid-column-start:var(--grid-columnAtMediaMinXXXL)}.grid-column[style*=grid-rowAtMediaMinXXXL]{grid-row-start:var(--grid-rowAtMediaMinXXXL)}.grid-column[style*=grid-colspan-at-media-min-xxxl]{grid-column-end:span var(--grid-colspan-at-media-min-xxxl)}.grid-column[style*=grid-rowspan-at-media-min-xxxl]{grid-row-end:span var(--grid-rowspan-at-media-min-xxxl)}.grid-column[style*=grid-column-at-media-min-xxxl]{grid-column-start:var(--grid-column-at-media-min-xxxl)}.grid-column[style*=grid-row-at-media-min-xxxl]{grid-row-start:var(--grid-row-at-media-min-xxxl)}}@container grid (min-width: 120em){.grid-column[style*=grid-colspanAtContainerMinXXXL]{grid-column-end:span var(--grid-colspanAtContainerMinXXXL)}.grid-column[style*=grid-rowspanAtContainerMinXXXL]{grid-row-end:span var(--grid-rowspanAtContainerMinXXXL)}.grid-column[style*=grid-columnAtContainerMinXXXL]{grid-column-start:var(--grid-columnAtContainerMinXXXL)}.grid-column[style*=grid-rowAtContainerMinXXXL]{grid-row-start:var(--grid-rowAtContainerMinXXXL)}.grid-column[style*=grid-colspan-at-container-min-xxxl]{grid-column-end:span var(--grid-colspan-at-container-min-xxxl)}.grid-column[style*=grid-rowspan-at-container-min-xxxl]{grid-row-end:span var(--grid-rowspan-at-container-min-xxxl)}.grid-column[style*=grid-column-at-container-min-xxxl]{grid-column-start:var(--grid-column-at-container-min-xxxl)}.grid-column[style*=grid-row-at-container-min-xxxl]{grid-row-start:var(--grid-row-at-container-min-xxxl)}}}@layer mods{.grid.mod-auto{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-auto .grid-column{grid-row:1}.grid.mod-autoAtMediaMinXXXS{--grid-columns: 1}@media(min-width:20em){.grid.mod-autoAtMediaMinXXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXXS{--grid-columns: 1}@container grid (min-width: 20em){.grid.mod-autoAtContainerMinXXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXS{--grid-columns: 1}@media(min-width:30em){.grid.mod-autoAtMediaMinXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXS{--grid-columns: 1}@container grid (min-width: 30em){.grid.mod-autoAtContainerMinXXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXS{--grid-columns: 1}@media(min-width:40em){.grid.mod-autoAtMediaMinXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXS{--grid-columns: 1}@container grid (min-width: 40em){.grid.mod-autoAtContainerMinXS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinS{--grid-columns: 1}@media(min-width:50em){.grid.mod-autoAtMediaMinS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinS .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinS{--grid-columns: 1}@container grid (min-width: 50em){.grid.mod-autoAtContainerMinS{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinS .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinM{--grid-columns: 1}@media(min-width:64em){.grid.mod-autoAtMediaMinM{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinM .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinM{--grid-columns: 1}@container grid (min-width: 64em){.grid.mod-autoAtContainerMinM{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinM .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinL{--grid-columns: 1}@media(min-width:80em){.grid.mod-autoAtMediaMinL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinL{--grid-columns: 1}@container grid (min-width: 80em){.grid.mod-autoAtContainerMinL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXL{--grid-columns: 1}@media(min-width:85.375em){.grid.mod-autoAtMediaMinXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXL{--grid-columns: 1}@container grid (min-width: 85.375em){.grid.mod-autoAtContainerMinXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXL{--grid-columns: 1}@media(min-width:100em){.grid.mod-autoAtMediaMinXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXL{--grid-columns: 1}@container grid (min-width: 100em){.grid.mod-autoAtContainerMinXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXL .grid-column{grid-row:1}}.grid.mod-autoAtMediaMinXXXL{--grid-columns: 1}@media(min-width:120em){.grid.mod-autoAtMediaMinXXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtMediaMinXXXL .grid-column{grid-row:1}}.grid.mod-autoAtContainerMinXXXL{--grid-columns: 1}@container grid (min-width: 120em){.grid.mod-autoAtContainerMinXXXL{--grid-template-columns: none;grid-auto-columns:1fr}.grid.mod-autoAtContainerMinXXXL .grid-column{grid-row:1}}.grid.mod-form{--grid-columns: 4;--grid-maxWidth: 40rem}.grid.mod-dense{grid-auto-flow:dense}}lu-grid{display:contents}\n"] }]
+        }], propDecorators: { container: [{ type: i0.Input, args: [{ isSignal: true, alias: "container", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], colspan: [{ type: i0.Input, args: [{ isSignal: true, alias: "colspan", required: false }] }], rowspan: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowspan", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], columnGap: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnGap", required: false }] }], rowGap: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowGap", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/lucca-front-ng-grid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-grid.mjs","sources":["../../../packages/ng/grid/grid.token.ts","../../../packages/ng/grid/grid-column/grid-column.component.ts","../../../packages/ng/grid/grid.component.ts","../../../packages/ng/grid/grid.component.html","../../../packages/ng/grid/lucca-front-ng-grid.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { GridComponent } from './grid.component';\n\nexport const LU_GRID_INSTANCE = new InjectionToken<GridComponent>('LU_GRID_INSTANCE');\n","import { ChangeDetectionStrategy, Component, computed, inject, input, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { ResponsiveConfig } from '@lucca-front/ng/core';\nimport { LU_GRID_INSTANCE } from '../grid.token';\n\n@Component({\n\tselector: 'lu-grid-column, [lu-grid-column]',\n\ttemplate: '<ng-content />',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'grid-column',\n\t\t'[style]': 'style()',\n\t},\n})\nexport class GridColumnComponent {\n\treadonly colspan = input(null, { transform: numberAttribute });\n\treadonly rowspan = input(null, { transform: numberAttribute });\n\treadonly column = input(null, { transform: numberAttribute });\n\treadonly row = input(null, { transform: numberAttribute });\n\treadonly align = input<'start' | 'center' | 'end' | 'auto' | null>(null);\n\treadonly justify = input<'start' | 'center' | 'end' | 'auto' | null>(null);\n\n\treadonly responsive = input<ResponsiveConfig<'row' | 'column' | 'rowspan' | 'colspan', number>>({});\n\n\tprotected gridRef = inject(LU_GRID_INSTANCE);\n\n\treadonly style = computed(() => {\n\t\treturn {\n\t\t\t'--grid-colspan': this.colspan() || this.gridRef.colspan(),\n\t\t\t'--grid-rowspan': this.rowspan() || this.gridRef.rowspan(),\n\t\t\t'--grid-column': this.column(),\n\t\t\t'--grid-row': this.row(),\n\t\t\t'--grid-align': this.align(),\n\t\t\t'--grid-justify': this.justify(),\n\t\t\t...Object.entries(this.responsive()).reduce((acc, [key, value]) => {\n\t\t\t\treturn {\n\t\t\t\t\t...acc,\n\t\t\t\t\t[`--grid-${key}`]: value,\n\t\t\t\t};\n\t\t\t}, {}),\n\t\t};\n\t});\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, forwardRef, input, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { ResponsiveProperty } from '@lucca-front/ng/core';\nimport { LU_GRID_INSTANCE } from './grid.token';\n\n@Component({\n\tselector: 'lu-grid, [lu-grid]',\n\ttemplateUrl: './grid.component.html',\n\tstyleUrls: ['./grid.component.scss'],\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [NgTemplateOutlet],\n\tproviders: [\n\t\t{\n\t\t\tprovide: LU_GRID_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => GridComponent),\n\t\t},\n\t],\n})\nexport class GridComponent {\n\treadonly container = input(false, { transform: booleanAttribute });\n\treadonly columns = input(null, { transform: numberAttribute });\n\treadonly colspan = input(null, { transform: numberAttribute });\n\treadonly rowspan = input(null, { transform: numberAttribute });\n\n\treadonly mode = input<'form' | 'auto' | ResponsiveProperty<'auto'> | null>(null);\n\n\t#gapTransform = (gap: Gap | null): string | null => {\n\t\tconst spacingRegexp = /.*(\\d)$/g;\n\n\t\tif (!gap) {\n\t\t\treturn null;\n\t\t}\n\t\tif (spacingRegexp.test(gap)) {\n\t\t\treturn `var(--pr-t-spacings-${gap})`;\n\t\t}\n\t\treturn gap;\n\t};\n\n\treadonly gap = input<Gap | null>(null);\n\treadonly columnGap = input<Gap | null>(null);\n\treadonly rowGap = input<Gap | null>(null);\n\n\tprotected gridStyle = computed(() => ({\n\t\t'--grid-columns': this.mode() === null ? this.columns() : null,\n\t\t'--grid-gap': this.#gapTransform(this.gap()),\n\t\t'--grid-column-gap': this.#gapTransform(this.columnGap()),\n\t\t'--grid-row-gap': this.#gapTransform(this.rowGap()),\n\t}));\n}\n\nexport type Gap = '0' | '25' | '50' | '75' | '100' | '150' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | `${number}${string}`;\n","@if (container()) {\n\t<div class=\"grid-containerWrapper\">\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"content\" />\n}\n\n<ng-template #content>\n\t<div class=\"grid\" [class]=\"mode() && `mod-${mode()}`\" [style]=\"gridStyle()\">\n\t\t<ng-content />\n\t</div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-grid.mjs","sources":["../../../packages/ng/grid/grid.token.ts","../../../packages/ng/grid/grid-column/grid-column.component.ts","../../../packages/ng/grid/grid.component.ts","../../../packages/ng/grid/grid.component.html","../../../packages/ng/grid/lucca-front-ng-grid.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { GridComponent } from './grid.component';\n\nexport const LU_GRID_INSTANCE = new InjectionToken<GridComponent>('LU_GRID_INSTANCE');\n","import { ChangeDetectionStrategy, Component, computed, inject, input, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { ResponsiveConfig } from '@lucca-front/ng/core';\nimport { LU_GRID_INSTANCE } from '../grid.token';\n\n@Component({\n\tselector: 'lu-grid-column, [lu-grid-column]',\n\ttemplate: '<ng-content />',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'grid-column',\n\t\t'[style]': 'style()',\n\t},\n})\nexport class GridColumnComponent {\n\treadonly colspan = input(null, { transform: numberAttribute });\n\treadonly rowspan = input(null, { transform: numberAttribute });\n\treadonly column = input(null, { transform: numberAttribute });\n\treadonly row = input(null, { transform: numberAttribute });\n\treadonly align = input<'start' | 'center' | 'end' | 'auto' | null>(null);\n\treadonly justify = input<'start' | 'center' | 'end' | 'auto' | null>(null);\n\n\treadonly responsive = input<ResponsiveConfig<'row' | 'column' | 'rowspan' | 'colspan', number>>({});\n\n\tprotected gridRef = inject(LU_GRID_INSTANCE);\n\n\treadonly style = computed(() => {\n\t\treturn {\n\t\t\t'--grid-colspan': this.colspan() || this.gridRef.colspan(),\n\t\t\t'--grid-rowspan': this.rowspan() || this.gridRef.rowspan(),\n\t\t\t'--grid-column': this.column(),\n\t\t\t'--grid-row': this.row(),\n\t\t\t'--grid-align': this.align(),\n\t\t\t'--grid-justify': this.justify(),\n\t\t\t...Object.entries(this.responsive()).reduce((acc, [key, value]) => {\n\t\t\t\treturn {\n\t\t\t\t\t...acc,\n\t\t\t\t\t[`--grid-${key}`]: value,\n\t\t\t\t};\n\t\t\t}, {}),\n\t\t};\n\t});\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, forwardRef, input, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { ResponsiveProperty } from '@lucca-front/ng/core';\nimport { LU_GRID_INSTANCE } from './grid.token';\n\n@Component({\n\tselector: 'lu-grid, [lu-grid]',\n\ttemplateUrl: './grid.component.html',\n\tstyleUrls: ['./grid.component.scss'],\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [NgTemplateOutlet],\n\tproviders: [\n\t\t{\n\t\t\tprovide: LU_GRID_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => GridComponent),\n\t\t},\n\t],\n})\nexport class GridComponent {\n\treadonly container = input(false, { transform: booleanAttribute });\n\treadonly columns = input(null, { transform: numberAttribute });\n\treadonly colspan = input(null, { transform: numberAttribute });\n\treadonly rowspan = input(null, { transform: numberAttribute });\n\n\treadonly mode = input<'form' | 'auto' | ResponsiveProperty<'auto'> | null>(null);\n\n\t#gapTransform = (gap: Gap | null): string | null => {\n\t\tconst spacingRegexp = /.*(\\d)$/g;\n\n\t\tif (!gap) {\n\t\t\treturn null;\n\t\t}\n\t\tif (spacingRegexp.test(gap)) {\n\t\t\treturn `var(--pr-t-spacings-${gap})`;\n\t\t}\n\t\treturn gap;\n\t};\n\n\treadonly gap = input<Gap | null>(null);\n\treadonly columnGap = input<Gap | null>(null);\n\treadonly rowGap = input<Gap | null>(null);\n\n\tprotected gridStyle = computed(() => ({\n\t\t'--grid-columns': this.mode() === null ? this.columns() : null,\n\t\t'--grid-gap': this.#gapTransform(this.gap()),\n\t\t'--grid-column-gap': this.#gapTransform(this.columnGap()),\n\t\t'--grid-row-gap': this.#gapTransform(this.rowGap()),\n\t}));\n}\n\nexport type Gap = '0' | '25' | '50' | '75' | '100' | '150' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | `${number}${string}`;\n","@if (container()) {\n\t<div class=\"grid-containerWrapper\">\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</div>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"content\" />\n}\n\n<ng-template #content>\n\t<div class=\"grid\" [class]=\"mode() && `mod-${mode()}`\" [style]=\"gridStyle()\">\n\t\t<ng-content />\n\t</div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAGO,MAAM,gBAAgB,GAAG,IAAI,cAAc,CAAgB,kBAAkB,CAAC;;MCWxE,mBAAmB,CAAA;AAVhC,IAAA,WAAA,GAAA;QAWU,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,IAAI,oDAAI,SAAS,EAAE,eAAe,EAAA,CAAG;QACrD,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,IAAI,oDAAI,SAAS,EAAE,eAAe,EAAA,CAAG;QACrD,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,IAAI,mDAAI,SAAS,EAAE,eAAe,EAAA,CAAG;QACpD,IAAA,CAAA,GAAG,GAAG,KAAK,CAAC,IAAI,gDAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AACjD,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAA6C,IAAI,iDAAC;AAC/D,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAA6C,IAAI,mDAAC;AAEjE,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAqE,EAAE,sDAAC;AAEzF,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAEnC,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;YAC9B,OAAO;gBACN,gBAAgB,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;gBAC1D,gBAAgB,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;AAC1D,gBAAA,eAAe,EAAE,IAAI,CAAC,MAAM,EAAE;AAC9B,gBAAA,YAAY,EAAE,IAAI,CAAC,GAAG,EAAE;AACxB,gBAAA,cAAc,EAAE,IAAI,CAAC,KAAK,EAAE;AAC5B,gBAAA,gBAAgB,EAAE,IAAI,CAAC,OAAO,EAAE;gBAChC,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;oBACjE,OAAO;AACN,wBAAA,GAAG,GAAG;AACN,wBAAA,CAAC,CAAA,OAAA,EAAU,GAAG,CAAA,CAAE,GAAG,KAAK;qBACxB;gBACF,CAAC,EAAE,EAAE,CAAC;aACN;AACF,QAAA,CAAC,iDAAC;AACF,IAAA;8GA5BY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,2hCARrB,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAQd,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAV/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,kCAAkC;AAC5C,oBAAA,QAAQ,EAAE,gBAAgB;oBAC1B,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACL,wBAAA,KAAK,EAAE,aAAa;AACpB,wBAAA,SAAS,EAAE,SAAS;AACpB,qBAAA;AACD,iBAAA;;;MCMY,aAAa,CAAA;AAd1B,IAAA,WAAA,GAAA;QAeU,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,sDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QACzD,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,IAAI,oDAAI,SAAS,EAAE,eAAe,EAAA,CAAG;QACrD,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,IAAI,oDAAI,SAAS,EAAE,eAAe,EAAA,CAAG;QACrD,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,IAAI,oDAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AAErD,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAsD,IAAI,gDAAC;AAEhF,QAAA,IAAA,CAAA,aAAa,GAAG,CAAC,GAAe,KAAmB;YAClD,MAAM,aAAa,GAAG,UAAU;YAEhC,IAAI,CAAC,GAAG,EAAE;AACT,gBAAA,OAAO,IAAI;YACZ;AACA,YAAA,IAAI,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;gBAC5B,OAAO,CAAA,oBAAA,EAAuB,GAAG,CAAA,CAAA,CAAG;YACrC;AACA,YAAA,OAAO,GAAG;AACX,QAAA,CAAC;AAEQ,QAAA,IAAA,CAAA,GAAG,GAAG,KAAK,CAAa,IAAI,+CAAC;AAC7B,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAa,IAAI,qDAAC;AACnC,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAa,IAAI,kDAAC;AAE/B,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,OAAO;AACrC,YAAA,gBAAgB,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI;YAC9D,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;YAC5C,mBAAmB,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACzD,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;AACnD,SAAA,CAAC,qDAAC;AACH,IAAA;AAtBA,IAAA,aAAa;8GARD,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAPd;AACV,YAAA;AACC,gBAAA,OAAO,EAAE,gBAAgB;AACzB,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,aAAa,CAAC;AAC5C,aAAA;SACD,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjBF,4VAaA,y6nBDFW,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAQd,aAAa,EAAA,UAAA,EAAA,CAAA;kBAdzB,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAAA,aAAA,EAGf,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,gBAAgB,CAAC,EAAA,SAAA,EAChB;AACV,wBAAA;AACC,4BAAA,OAAO,EAAE,gBAAgB;AACzB,4BAAA,WAAW,EAAE,UAAU,CAAC,mBAAmB,CAAC;AAC5C,yBAAA;AACD,qBAAA,EAAA,QAAA,EAAA,4VAAA,EAAA,MAAA,EAAA,CAAA,i3nBAAA,CAAA,EAAA;;;AEjBF;;AAEG;;;;"}

package/fesm2022/lucca-front-ng-highlight-data.mjs

@@ -12,42 +12,42 @@ class HighlightDataComponent {
     }
     constructor() {
         this.#luClass = inject(LuClass);
-        this.heading = input.required();
-        this.value = input.required();
-        this.subText = input();
-        this.bubble = input();
+        this.heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : []));
+        this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+        this.subText = input(...(ngDevMode ? [undefined, { debugName: "subText" }] : []));
+        this.bubble = input(...(ngDevMode ? [undefined, { debugName: "bubble" }] : []));
         this.bubbleSrc = computed(() => {
             return `https://cdn.lucca.fr/transverse/prisme/visuals/highlight-data/${this.palette()}/bubbles-${this.bubbleTheme()}-${this.bubble()}.svg`;
-        });
-        this.theme = input('white');
+        }, ...(ngDevMode ? [{ debugName: "bubbleSrc" }] : []));
+        this.theme = input('white', ...(ngDevMode ? [{ debugName: "theme" }] : []));
         /**
          * Apply product name to illustration URL and CSS component palette
          * This specific palette must be set up on config.scss
          */
-        this.palette = input('lucca');
+        this.palette = input('lucca', ...(ngDevMode ? [{ debugName: "palette" }] : []));
         this.bubbleTheme = computed(() => {
             if (this.theme() === 'dark') {
                 return 'dark';
             }
             return 'light';
-        });
+        }, ...(ngDevMode ? [{ debugName: "bubbleTheme" }] : []));
         /**
          * Main illustration
          * An URL can be apply for custom images
          */
-        this.illustration = input();
+        this.illustration = input(...(ngDevMode ? [undefined, { debugName: "illustration" }] : []));
         this.illustrationSrc = computed(() => {
             if (this.illustration().includes('/')) {
                 return this.illustration();
             }
             return `https://cdn.lucca.fr/transverse/prisme/visuals/highlight-data/generic/${this.illustration()}.svg`;
-        });
-        this.size = input(null);
+        }, ...(ngDevMode ? [{ debugName: "illustrationSrc" }] : []));
+        this.size = input(null, ...(ngDevMode ? [{ debugName: "size" }] : []));
         /**
          * Adjust layout to text value
          */
-        this.valueFirst = input(false, { transform: booleanAttribute });
-        this.nested = input(false, { transform: booleanAttribute });
+        this.valueFirst = input(false, { ...(ngDevMode ? { debugName: "valueFirst" } : {}), transform: booleanAttribute });
+        this.nested = input(false, { ...(ngDevMode ? { debugName: "nested" } : {}), transform: booleanAttribute });
         effect(() => {
             this.#luClass.setState({
                 [`mod-${this.size()}`]: !!this.size(),
@@ -57,21 +57,21 @@ class HighlightDataComponent {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: HighlightDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: HighlightDataComponent, isStandalone: true, selector: "lu-highlight-data", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, subText: { classPropertyName: "subText", publicName: "subText", isSignal: true, isRequired: false, transformFunction: null }, bubble: { classPropertyName: "bubble", publicName: "bubble", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, illustration: { classPropertyName: "illustration", publicName: "illustration", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, valueFirst: { classPropertyName: "valueFirst", publicName: "valueFirst", isSignal: true, isRequired: false, transformFunction: null }, nested: { classPropertyName: "nested", publicName: "nested", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-light": "this.lightClass", "class.mod-dark": "this.darkClass" }, classAttribute: "highlightData" }, providers: [LuClass], ngImport: i0, template: "<dl class=\"highlightData-content\">\n\t<dt class=\"highlightData-content-title\"><ng-container *luPortal=\"heading()\" /></dt>\n\t<dd class=\"highlightData-content-value\"><ng-container *luPortal=\"value()\" /></dd>\n\t@if (subText()) {\n\t\t<dd class=\"highlightData-content-subText\"><ng-container *luPortal=\"subText()\" /></dd>\n\t}\n\t<dd class=\"highlightData-content-action\"><ng-content /></dd>\n</dl>\n\n@if (bubble() || illustration()) {\n\t<div class=\"highlightData-illustrations\">\n\t\t@if (bubble()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-back\" [attr.src]=\"bubbleSrc()\" />\n\t\t}\n\t\t@if (illustration()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-front\" [attr.src]=\"illustrationSrc()\" />\n\t\t}\n\t</div>\n}\n", styles: ["@layer components{.highlightData{--components-highlightData-display: grid;--components-highlightData-grid: \"title action\" \"value action\";--components-highlightData-alignItem: center;--components-highlightData-background: var(--pr-t-elevation-surface-raised);--components-highlightData-padding-inline: var(--pr-t-spacings-200);--components-highlightData-padding-block: var(--pr-t-spacings-150);--components-highlightData-padding: var(--components-highlightData-padding-block) var(--components-highlightData-padding-inline);--components-highlightData-gap: var(--components-highlightData-padding-inline);--components-highlightData-borderRadius: var(--pr-t-border-radius-structure);--components-highlightData-title-color: var(--palettes-neutral-200);--components-highlightData-value-font: var(--pr-t-font-highlight-XXL);--components-highlightData-value-order: 0;--components-highlightData-action-padding: 0;--components-highlightData-illustrations-width: 86px;--components-highlightData-illustrations-height: 72px;--components-highlightData-illustrations-display: grid;display:block;background-color:var(--components-highlightData-background);border-radius:var(--components-highlightData-borderRadius);overflow:hidden;padding:var(--components-highlightData-padding);position:relative}.highlightData-content{margin:0;display:var(--components-highlightData-display);grid-template-columns:1fr auto;grid-template-areas:var(--components-highlightData-grid);align-items:var(--components-highlightData-alignItem);flex-direction:column;column-gap:var(--components-highlightData-gap)}.highlightData-content>dd,.highlightData-content>div>dd{margin:0}.highlightData-content-title{grid-area:title;font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle)}.highlightData-content-value{grid-area:value;font:var(--components-highlightData-value-font);order:var(--components-highlightData-value-order)}.highlightData-content-subText{font:var(--pr-t-font-body-XS);color:var(--pr-t-color-text-subtle);margin-block-start:var(--pr-t-spacings-100)!important}.highlightData-content-action{grid-area:action;padding-block-start:var(--components-highlightData-action-padding)}.highlightData-content-action:empty{display:none}.highlightData-content-action .link{--commons-text-link-color: var(--palettes-700, var(--palettes-product-700));--commons-text-link-hover: var(--palettes-800, var(--palettes-product-800))}.highlightData-content-action .button{--palettes-text: var(--palettes-neutral-text);--palettes-0: var(--palettes-neutral-0);--palettes-25: var(--palettes-neutral-25);--palettes-50: var(--palettes-neutral-50);--palettes-100: var(--palettes-neutral-100);--palettes-200: var(--palettes-neutral-200);--palettes-300: var(--palettes-neutral-300);--palettes-400: var(--palettes-neutral-400);--palettes-500: var(--palettes-neutral-500);--palettes-600: var(--palettes-neutral-600);--palettes-700: var(--palettes-neutral-700);--palettes-800: var(--palettes-neutral-800);--palettes-900: var(--palettes-neutral-900)}.highlightData-illustrations{display:var(--components-highlightData-illustrations-display);place-content:center;position:absolute;inset-block-end:0;inset-inline-end:0}.highlightData-illustrations-back,.highlightData-illustrations-front{grid-area:1/1;block-size:var(--components-highlightData-illustrations-height);inline-size:var(--components-highlightData-illustrations-width)}}@layer mods{.highlightData.mod-light{--components-highlightData-background: var(--palettes-50, var(--palettes-product-50))}.highlightData.mod-dark{--components-highlightData-background: var(--palettes-100, var(--palettes-product-100))}.highlightData.mod-valueFirst{--components-highlightData-grid: \"value action\" \"title action\"}.highlightData.mod-S{--components-highlightData-value-font: var(--pr-t-font-highlight-XL);--components-highlightData-illustrations-width: 82px;--components-highlightData-illustrations-height: 68px}.highlightData.mod-XS{--components-highlightData-value-font: var(--pr-t-font-highlight-L);--components-highlightData-illustrations-width: 77px;--components-highlightData-illustrations-height: 64px}.highlightData.mod-nested{--components-highlightData-borderRadius: var(--pr-t-border-radius-default)}.highlightData:has(.highlightData-illustrations){--components-highlightData-display: flex;--components-highlightData-alignItem: start;--components-highlightData-action-padding: var(--pr-t-spacings-100);padding-inline-end:calc(var(--components-highlightData-illustrations-width) + var(--components-highlightData-padding-inline))}.highlightData:has(.highlightData-illustrations).mod-valueFirst{--components-highlightData-value-order: -1}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: HighlightDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: HighlightDataComponent, isStandalone: true, selector: "lu-highlight-data", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, subText: { classPropertyName: "subText", publicName: "subText", isSignal: true, isRequired: false, transformFunction: null }, bubble: { classPropertyName: "bubble", publicName: "bubble", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, illustration: { classPropertyName: "illustration", publicName: "illustration", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, valueFirst: { classPropertyName: "valueFirst", publicName: "valueFirst", isSignal: true, isRequired: false, transformFunction: null }, nested: { classPropertyName: "nested", publicName: "nested", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-light": "this.lightClass", "class.mod-dark": "this.darkClass" }, classAttribute: "highlightData" }, providers: [LuClass], ngImport: i0, template: "<dl class=\"highlightData-content\">\n\t<dt class=\"highlightData-content-title\"><ng-container *luPortal=\"heading()\" /></dt>\n\t<dd class=\"highlightData-content-value\"><ng-container *luPortal=\"value()\" /></dd>\n\t@if (subText()) {\n\t\t<dd class=\"highlightData-content-subText\"><ng-container *luPortal=\"subText()\" /></dd>\n\t}\n\t<dd class=\"highlightData-content-action\"><ng-content /></dd>\n</dl>\n\n@if (bubble() || illustration()) {\n\t<div class=\"highlightData-illustrations\">\n\t\t@if (bubble()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-back\" [attr.src]=\"bubbleSrc()\" />\n\t\t}\n\t\t@if (illustration()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-front\" [attr.src]=\"illustrationSrc()\" />\n\t\t}\n\t</div>\n}\n", styles: ["@layer components{.highlightData{--components-highlightData-display: grid;--components-highlightData-grid: \"title action\" \"value action\";--components-highlightData-alignItem: center;--components-highlightData-background: var(--pr-t-elevation-surface-raised);--components-highlightData-padding-inline: var(--pr-t-spacings-200);--components-highlightData-padding-block: var(--pr-t-spacings-150);--components-highlightData-padding: var(--components-highlightData-padding-block) var(--components-highlightData-padding-inline);--components-highlightData-gap: var(--components-highlightData-padding-inline);--components-highlightData-borderRadius: var(--pr-t-border-radius-structure);--components-highlightData-title-color: var(--palettes-neutral-200);--components-highlightData-value-font: var(--pr-t-font-highlight-XXL);--components-highlightData-value-order: 0;--components-highlightData-action-padding: 0;--components-highlightData-illustrations-width: 86px;--components-highlightData-illustrations-height: 72px;--components-highlightData-illustrations-display: grid;display:block;background-color:var(--components-highlightData-background);border-radius:var(--components-highlightData-borderRadius);overflow:hidden;padding:var(--components-highlightData-padding);position:relative}.highlightData-content{margin:0}.highlightData-content>dd,.highlightData-content>div>dd{margin:0}.highlightData-content{display:var(--components-highlightData-display);grid-template-columns:1fr auto;grid-template-areas:var(--components-highlightData-grid);align-items:var(--components-highlightData-alignItem);flex-direction:column;column-gap:var(--components-highlightData-gap)}.highlightData-content-title{grid-area:title;font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle)}.highlightData-content-value{grid-area:value;font:var(--components-highlightData-value-font);order:var(--components-highlightData-value-order)}.highlightData-content-subText{font:var(--pr-t-font-body-XS);color:var(--pr-t-color-text-subtle);margin-block-start:var(--pr-t-spacings-100)!important}.highlightData-content-action{grid-area:action;padding-block-start:var(--components-highlightData-action-padding)}.highlightData-content-action:empty{display:none}.highlightData-content-action .link{--commons-text-link-color: var(--palettes-700, var(--palettes-product-700));--commons-text-link-hover: var(--palettes-800, var(--palettes-product-800))}.highlightData-content-action .button{--palettes-text: var(--palettes-neutral-text);--palettes-0: var(--palettes-neutral-0);--palettes-25: var(--palettes-neutral-25);--palettes-50: var(--palettes-neutral-50);--palettes-100: var(--palettes-neutral-100);--palettes-200: var(--palettes-neutral-200);--palettes-300: var(--palettes-neutral-300);--palettes-400: var(--palettes-neutral-400);--palettes-500: var(--palettes-neutral-500);--palettes-600: var(--palettes-neutral-600);--palettes-700: var(--palettes-neutral-700);--palettes-800: var(--palettes-neutral-800);--palettes-900: var(--palettes-neutral-900)}.highlightData-illustrations{display:var(--components-highlightData-illustrations-display);place-content:center;position:absolute;inset-block-end:0;inset-inline-end:0}.highlightData-illustrations-back,.highlightData-illustrations-front{grid-area:1/1;block-size:var(--components-highlightData-illustrations-height);inline-size:var(--components-highlightData-illustrations-width)}}@layer mods{.highlightData.mod-light{--components-highlightData-background: var(--palettes-50, var(--palettes-product-50))}.highlightData.mod-dark{--components-highlightData-background: var(--palettes-100, var(--palettes-product-100))}.highlightData.mod-valueFirst{--components-highlightData-grid: \"value action\" \"title action\"}.highlightData.mod-S{--components-highlightData-value-font: var(--pr-t-font-highlight-XL);--components-highlightData-illustrations-width: 82px;--components-highlightData-illustrations-height: 68px}.highlightData.mod-XS{--components-highlightData-value-font: var(--pr-t-font-highlight-L);--components-highlightData-illustrations-width: 77px;--components-highlightData-illustrations-height: 64px}.highlightData.mod-nested{--components-highlightData-borderRadius: var(--pr-t-border-radius-default)}.highlightData:has(.highlightData-illustrations){--components-highlightData-display: flex;--components-highlightData-alignItem: start;--components-highlightData-action-padding: var(--pr-t-spacings-100);padding-inline-end:calc(var(--components-highlightData-illustrations-width) + var(--components-highlightData-padding-inline))}.highlightData:has(.highlightData-illustrations).mod-valueFirst{--components-highlightData-value-order: -1}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: HighlightDataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: HighlightDataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-highlight-data', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [LuClass], host: {
                         class: 'highlightData',
-                    }, imports: [PortalDirective], template: "<dl class=\"highlightData-content\">\n\t<dt class=\"highlightData-content-title\"><ng-container *luPortal=\"heading()\" /></dt>\n\t<dd class=\"highlightData-content-value\"><ng-container *luPortal=\"value()\" /></dd>\n\t@if (subText()) {\n\t\t<dd class=\"highlightData-content-subText\"><ng-container *luPortal=\"subText()\" /></dd>\n\t}\n\t<dd class=\"highlightData-content-action\"><ng-content /></dd>\n</dl>\n\n@if (bubble() || illustration()) {\n\t<div class=\"highlightData-illustrations\">\n\t\t@if (bubble()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-back\" [attr.src]=\"bubbleSrc()\" />\n\t\t}\n\t\t@if (illustration()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-front\" [attr.src]=\"illustrationSrc()\" />\n\t\t}\n\t</div>\n}\n", styles: ["@layer components{.highlightData{--components-highlightData-display: grid;--components-highlightData-grid: \"title action\" \"value action\";--components-highlightData-alignItem: center;--components-highlightData-background: var(--pr-t-elevation-surface-raised);--components-highlightData-padding-inline: var(--pr-t-spacings-200);--components-highlightData-padding-block: var(--pr-t-spacings-150);--components-highlightData-padding: var(--components-highlightData-padding-block) var(--components-highlightData-padding-inline);--components-highlightData-gap: var(--components-highlightData-padding-inline);--components-highlightData-borderRadius: var(--pr-t-border-radius-structure);--components-highlightData-title-color: var(--palettes-neutral-200);--components-highlightData-value-font: var(--pr-t-font-highlight-XXL);--components-highlightData-value-order: 0;--components-highlightData-action-padding: 0;--components-highlightData-illustrations-width: 86px;--components-highlightData-illustrations-height: 72px;--components-highlightData-illustrations-display: grid;display:block;background-color:var(--components-highlightData-background);border-radius:var(--components-highlightData-borderRadius);overflow:hidden;padding:var(--components-highlightData-padding);position:relative}.highlightData-content{margin:0;display:var(--components-highlightData-display);grid-template-columns:1fr auto;grid-template-areas:var(--components-highlightData-grid);align-items:var(--components-highlightData-alignItem);flex-direction:column;column-gap:var(--components-highlightData-gap)}.highlightData-content>dd,.highlightData-content>div>dd{margin:0}.highlightData-content-title{grid-area:title;font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle)}.highlightData-content-value{grid-area:value;font:var(--components-highlightData-value-font);order:var(--components-highlightData-value-order)}.highlightData-content-subText{font:var(--pr-t-font-body-XS);color:var(--pr-t-color-text-subtle);margin-block-start:var(--pr-t-spacings-100)!important}.highlightData-content-action{grid-area:action;padding-block-start:var(--components-highlightData-action-padding)}.highlightData-content-action:empty{display:none}.highlightData-content-action .link{--commons-text-link-color: var(--palettes-700, var(--palettes-product-700));--commons-text-link-hover: var(--palettes-800, var(--palettes-product-800))}.highlightData-content-action .button{--palettes-text: var(--palettes-neutral-text);--palettes-0: var(--palettes-neutral-0);--palettes-25: var(--palettes-neutral-25);--palettes-50: var(--palettes-neutral-50);--palettes-100: var(--palettes-neutral-100);--palettes-200: var(--palettes-neutral-200);--palettes-300: var(--palettes-neutral-300);--palettes-400: var(--palettes-neutral-400);--palettes-500: var(--palettes-neutral-500);--palettes-600: var(--palettes-neutral-600);--palettes-700: var(--palettes-neutral-700);--palettes-800: var(--palettes-neutral-800);--palettes-900: var(--palettes-neutral-900)}.highlightData-illustrations{display:var(--components-highlightData-illustrations-display);place-content:center;position:absolute;inset-block-end:0;inset-inline-end:0}.highlightData-illustrations-back,.highlightData-illustrations-front{grid-area:1/1;block-size:var(--components-highlightData-illustrations-height);inline-size:var(--components-highlightData-illustrations-width)}}@layer mods{.highlightData.mod-light{--components-highlightData-background: var(--palettes-50, var(--palettes-product-50))}.highlightData.mod-dark{--components-highlightData-background: var(--palettes-100, var(--palettes-product-100))}.highlightData.mod-valueFirst{--components-highlightData-grid: \"value action\" \"title action\"}.highlightData.mod-S{--components-highlightData-value-font: var(--pr-t-font-highlight-XL);--components-highlightData-illustrations-width: 82px;--components-highlightData-illustrations-height: 68px}.highlightData.mod-XS{--components-highlightData-value-font: var(--pr-t-font-highlight-L);--components-highlightData-illustrations-width: 77px;--components-highlightData-illustrations-height: 64px}.highlightData.mod-nested{--components-highlightData-borderRadius: var(--pr-t-border-radius-default)}.highlightData:has(.highlightData-illustrations){--components-highlightData-display: flex;--components-highlightData-alignItem: start;--components-highlightData-action-padding: var(--pr-t-spacings-100);padding-inline-end:calc(var(--components-highlightData-illustrations-width) + var(--components-highlightData-padding-inline))}.highlightData:has(.highlightData-illustrations).mod-valueFirst{--components-highlightData-value-order: -1}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { lightClass: [{
+                    }, imports: [PortalDirective], template: "<dl class=\"highlightData-content\">\n\t<dt class=\"highlightData-content-title\"><ng-container *luPortal=\"heading()\" /></dt>\n\t<dd class=\"highlightData-content-value\"><ng-container *luPortal=\"value()\" /></dd>\n\t@if (subText()) {\n\t\t<dd class=\"highlightData-content-subText\"><ng-container *luPortal=\"subText()\" /></dd>\n\t}\n\t<dd class=\"highlightData-content-action\"><ng-content /></dd>\n</dl>\n\n@if (bubble() || illustration()) {\n\t<div class=\"highlightData-illustrations\">\n\t\t@if (bubble()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-back\" [attr.src]=\"bubbleSrc()\" />\n\t\t}\n\t\t@if (illustration()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-front\" [attr.src]=\"illustrationSrc()\" />\n\t\t}\n\t</div>\n}\n", styles: ["@layer components{.highlightData{--components-highlightData-display: grid;--components-highlightData-grid: \"title action\" \"value action\";--components-highlightData-alignItem: center;--components-highlightData-background: var(--pr-t-elevation-surface-raised);--components-highlightData-padding-inline: var(--pr-t-spacings-200);--components-highlightData-padding-block: var(--pr-t-spacings-150);--components-highlightData-padding: var(--components-highlightData-padding-block) var(--components-highlightData-padding-inline);--components-highlightData-gap: var(--components-highlightData-padding-inline);--components-highlightData-borderRadius: var(--pr-t-border-radius-structure);--components-highlightData-title-color: var(--palettes-neutral-200);--components-highlightData-value-font: var(--pr-t-font-highlight-XXL);--components-highlightData-value-order: 0;--components-highlightData-action-padding: 0;--components-highlightData-illustrations-width: 86px;--components-highlightData-illustrations-height: 72px;--components-highlightData-illustrations-display: grid;display:block;background-color:var(--components-highlightData-background);border-radius:var(--components-highlightData-borderRadius);overflow:hidden;padding:var(--components-highlightData-padding);position:relative}.highlightData-content{margin:0}.highlightData-content>dd,.highlightData-content>div>dd{margin:0}.highlightData-content{display:var(--components-highlightData-display);grid-template-columns:1fr auto;grid-template-areas:var(--components-highlightData-grid);align-items:var(--components-highlightData-alignItem);flex-direction:column;column-gap:var(--components-highlightData-gap)}.highlightData-content-title{grid-area:title;font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle)}.highlightData-content-value{grid-area:value;font:var(--components-highlightData-value-font);order:var(--components-highlightData-value-order)}.highlightData-content-subText{font:var(--pr-t-font-body-XS);color:var(--pr-t-color-text-subtle);margin-block-start:var(--pr-t-spacings-100)!important}.highlightData-content-action{grid-area:action;padding-block-start:var(--components-highlightData-action-padding)}.highlightData-content-action:empty{display:none}.highlightData-content-action .link{--commons-text-link-color: var(--palettes-700, var(--palettes-product-700));--commons-text-link-hover: var(--palettes-800, var(--palettes-product-800))}.highlightData-content-action .button{--palettes-text: var(--palettes-neutral-text);--palettes-0: var(--palettes-neutral-0);--palettes-25: var(--palettes-neutral-25);--palettes-50: var(--palettes-neutral-50);--palettes-100: var(--palettes-neutral-100);--palettes-200: var(--palettes-neutral-200);--palettes-300: var(--palettes-neutral-300);--palettes-400: var(--palettes-neutral-400);--palettes-500: var(--palettes-neutral-500);--palettes-600: var(--palettes-neutral-600);--palettes-700: var(--palettes-neutral-700);--palettes-800: var(--palettes-neutral-800);--palettes-900: var(--palettes-neutral-900)}.highlightData-illustrations{display:var(--components-highlightData-illustrations-display);place-content:center;position:absolute;inset-block-end:0;inset-inline-end:0}.highlightData-illustrations-back,.highlightData-illustrations-front{grid-area:1/1;block-size:var(--components-highlightData-illustrations-height);inline-size:var(--components-highlightData-illustrations-width)}}@layer mods{.highlightData.mod-light{--components-highlightData-background: var(--palettes-50, var(--palettes-product-50))}.highlightData.mod-dark{--components-highlightData-background: var(--palettes-100, var(--palettes-product-100))}.highlightData.mod-valueFirst{--components-highlightData-grid: \"value action\" \"title action\"}.highlightData.mod-S{--components-highlightData-value-font: var(--pr-t-font-highlight-XL);--components-highlightData-illustrations-width: 82px;--components-highlightData-illustrations-height: 68px}.highlightData.mod-XS{--components-highlightData-value-font: var(--pr-t-font-highlight-L);--components-highlightData-illustrations-width: 77px;--components-highlightData-illustrations-height: 64px}.highlightData.mod-nested{--components-highlightData-borderRadius: var(--pr-t-border-radius-default)}.highlightData:has(.highlightData-illustrations){--components-highlightData-display: flex;--components-highlightData-alignItem: start;--components-highlightData-action-padding: var(--pr-t-spacings-100);padding-inline-end:calc(var(--components-highlightData-illustrations-width) + var(--components-highlightData-padding-inline))}.highlightData:has(.highlightData-illustrations).mod-valueFirst{--components-highlightData-value-order: -1}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], subText: [{ type: i0.Input, args: [{ isSignal: true, alias: "subText", required: false }] }], bubble: [{ type: i0.Input, args: [{ isSignal: true, alias: "bubble", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], lightClass: [{
                 type: HostBinding,
                 args: ['class.mod-light']
             }], darkClass: [{
                 type: HostBinding,
                 args: ['class.mod-dark']
-            }] } });
+            }], illustration: [{ type: i0.Input, args: [{ isSignal: true, alias: "illustration", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], valueFirst: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueFirst", required: false }] }], nested: [{ type: i0.Input, args: [{ isSignal: true, alias: "nested", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/lucca-front-ng-highlight-data.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-highlight-data.mjs","sources":["../../../packages/ng/highlight-data/highlight-data.component.ts","../../../packages/ng/highlight-data/highlight-data.component.html","../../../packages/ng/highlight-data/lucca-front-ng-highlight-data.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, computed, effect, HostBinding, inject, input, ViewEncapsulation } from '@angular/core';\nimport { LuClass, PortalContent, PortalDirective } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-highlight-data',\n\ttemplateUrl: './highlight-data.component.html',\n\tstyleUrl: './highlight-data.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\tproviders: [LuClass],\n\thost: {\n\t\tclass: 'highlightData',\n\t},\n\timports: [PortalDirective],\n})\nexport class HighlightDataComponent {\n\t#luClass = inject(LuClass);\n\theading = input.required<PortalContent>();\n\tvalue = input.required<PortalContent>();\n\tsubText = input<PortalContent>();\n\tbubble = input<1 | 2 | 3 | 4 | number>();\n\tbubbleSrc = computed(() => {\n\t\treturn `https://cdn.lucca.fr/transverse/prisme/visuals/highlight-data/${this.palette()}/bubbles-${this.bubbleTheme()}-${this.bubble()}.svg`;\n\t});\n\ttheme = input<'white' | 'light' | 'dark'>('white');\n\t/**\n\t * Apply product name to illustration URL and CSS component palette\n\t * This specific palette must be set up on config.scss\n\t */\n\tpalette = input<'lucca' | 'cleemy' | 'timmi' | 'poplee' | 'coreHR' | 'pagga' | 'cc' | 'success' | 'warning' | 'critical' | string>('lucca');\n\n\tbubbleTheme = computed(() => {\n\t\tif (this.theme() === 'dark') {\n\t\t\treturn 'dark';\n\t\t}\n\t\treturn 'light';\n\t});\n\n\t@HostBinding('class.mod-light')\n\tget lightClass() {\n\t\treturn this.theme() === 'light';\n\t}\n\n\t@HostBinding('class.mod-dark')\n\tget darkClass() {\n\t\treturn this.theme() === 'dark';\n\t}\n\n\t/**\n\t * Main illustration\n\t * An URL can be apply for custom images\n\t */\n\tillustration = input<\n\t\t'calculator' | 'calendar' | 'cleemy-card' | 'coffee' | 'headphone' | 'mail' | 'manifying-glass' | 'medallon' | 'piggy-bank' | 'polaroid-female' | 'polaroid-male' | 'polaroids' | string\n\t>();\n\tillustrationSrc = computed(() => {\n\t\tif (this.illustration().includes('/')) {\n\t\t\treturn this.illustration();\n\t\t}\n\t\treturn `https://cdn.lucca.fr/transverse/prisme/visuals/highlight-data/generic/${this.illustration()}.svg`;\n\t});\n\tsize = input<'XS' | 'S' | 'M' | null>(null);\n\t/**\n\t * Adjust layout to text value\n\t */\n\tvalueFirst = input(false, { transform: booleanAttribute });\n\n\tnested = input(false, { transform: booleanAttribute });\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tthis.#luClass.setState({\n\t\t\t\t[`mod-${this.size()}`]: !!this.size(),\n\t\t\t\t'mod-valueFirst': this.valueFirst(),\n\t\t\t\t'mod-nested': this.nested(),\n\t\t\t\t[`palette-${this.palette()}`]: !!this.palette(),\n\t\t\t});\n\t\t});\n\t}\n}\n","<dl class=\"highlightData-content\">\n\t<dt class=\"highlightData-content-title\"><ng-container *luPortal=\"heading()\" /></dt>\n\t<dd class=\"highlightData-content-value\"><ng-container *luPortal=\"value()\" /></dd>\n\t@if (subText()) {\n\t\t<dd class=\"highlightData-content-subText\"><ng-container *luPortal=\"subText()\" /></dd>\n\t}\n\t<dd class=\"highlightData-content-action\"><ng-content /></dd>\n</dl>\n\n@if (bubble() || illustration()) {\n\t<div class=\"highlightData-illustrations\">\n\t\t@if (bubble()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-back\" [attr.src]=\"bubbleSrc()\" />\n\t\t}\n\t\t@if (illustration()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-front\" [attr.src]=\"illustrationSrc()\" />\n\t\t}\n\t</div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-highlight-data.mjs","sources":["../../../packages/ng/highlight-data/highlight-data.component.ts","../../../packages/ng/highlight-data/highlight-data.component.html","../../../packages/ng/highlight-data/lucca-front-ng-highlight-data.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, computed, effect, HostBinding, inject, input, ViewEncapsulation } from '@angular/core';\nimport { LuClass, PortalContent, PortalDirective } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-highlight-data',\n\ttemplateUrl: './highlight-data.component.html',\n\tstyleUrl: './highlight-data.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\tproviders: [LuClass],\n\thost: {\n\t\tclass: 'highlightData',\n\t},\n\timports: [PortalDirective],\n})\nexport class HighlightDataComponent {\n\t#luClass = inject(LuClass);\n\theading = input.required<PortalContent>();\n\tvalue = input.required<PortalContent>();\n\tsubText = input<PortalContent>();\n\tbubble = input<1 | 2 | 3 | 4 | number>();\n\tbubbleSrc = computed(() => {\n\t\treturn `https://cdn.lucca.fr/transverse/prisme/visuals/highlight-data/${this.palette()}/bubbles-${this.bubbleTheme()}-${this.bubble()}.svg`;\n\t});\n\ttheme = input<'white' | 'light' | 'dark'>('white');\n\t/**\n\t * Apply product name to illustration URL and CSS component palette\n\t * This specific palette must be set up on config.scss\n\t */\n\tpalette = input<'lucca' | 'cleemy' | 'timmi' | 'poplee' | 'coreHR' | 'pagga' | 'cc' | 'success' | 'warning' | 'critical' | string>('lucca');\n\n\tbubbleTheme = computed(() => {\n\t\tif (this.theme() === 'dark') {\n\t\t\treturn 'dark';\n\t\t}\n\t\treturn 'light';\n\t});\n\n\t@HostBinding('class.mod-light')\n\tget lightClass() {\n\t\treturn this.theme() === 'light';\n\t}\n\n\t@HostBinding('class.mod-dark')\n\tget darkClass() {\n\t\treturn this.theme() === 'dark';\n\t}\n\n\t/**\n\t * Main illustration\n\t * An URL can be apply for custom images\n\t */\n\tillustration = input<\n\t\t'calculator' | 'calendar' | 'cleemy-card' | 'coffee' | 'headphone' | 'mail' | 'manifying-glass' | 'medallon' | 'piggy-bank' | 'polaroid-female' | 'polaroid-male' | 'polaroids' | string\n\t>();\n\tillustrationSrc = computed(() => {\n\t\tif (this.illustration().includes('/')) {\n\t\t\treturn this.illustration();\n\t\t}\n\t\treturn `https://cdn.lucca.fr/transverse/prisme/visuals/highlight-data/generic/${this.illustration()}.svg`;\n\t});\n\tsize = input<'XS' | 'S' | 'M' | null>(null);\n\t/**\n\t * Adjust layout to text value\n\t */\n\tvalueFirst = input(false, { transform: booleanAttribute });\n\n\tnested = input(false, { transform: booleanAttribute });\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tthis.#luClass.setState({\n\t\t\t\t[`mod-${this.size()}`]: !!this.size(),\n\t\t\t\t'mod-valueFirst': this.valueFirst(),\n\t\t\t\t'mod-nested': this.nested(),\n\t\t\t\t[`palette-${this.palette()}`]: !!this.palette(),\n\t\t\t});\n\t\t});\n\t}\n}\n","<dl class=\"highlightData-content\">\n\t<dt class=\"highlightData-content-title\"><ng-container *luPortal=\"heading()\" /></dt>\n\t<dd class=\"highlightData-content-value\"><ng-container *luPortal=\"value()\" /></dd>\n\t@if (subText()) {\n\t\t<dd class=\"highlightData-content-subText\"><ng-container *luPortal=\"subText()\" /></dd>\n\t}\n\t<dd class=\"highlightData-content-action\"><ng-content /></dd>\n</dl>\n\n@if (bubble() || illustration()) {\n\t<div class=\"highlightData-illustrations\">\n\t\t@if (bubble()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-back\" [attr.src]=\"bubbleSrc()\" />\n\t\t}\n\t\t@if (illustration()) {\n\t\t\t<img alt=\"\" class=\"highlightData-illustrations-front\" [attr.src]=\"illustrationSrc()\" />\n\t\t}\n\t</div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}