@lucca-front/ng 21.3.0 → 21.3.1-rc.1

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

@@ -1,10 +1,47 @@
 import * as i0 from '@angular/core';
-import { input, booleanAttribute, output, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { InjectionToken, input, booleanAttribute, output, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
 import { ButtonComponent } from '@lucca-front/ng/button';
+import { intlInputOptions } from '@lucca-front/ng/core';
 import { IconComponent } from '@lucca-front/ng/icon';
 
+const Translations = {
+    pl: {
+        close: 'Close',
+    },
+    'nl-BE': {
+        close: 'Sluiten',
+    },
+    fr: {
+        close: 'Fermer',
+    },
+    de: {
+        close: 'Schließen',
+    },
+    en: {
+        close: 'Close',
+    },
+    es: {
+        close: 'Cerrar',
+    },
+    it: {
+        close: 'Chiudere',
+    },
+    nl: {
+        close: 'Sluiten',
+    },
+    pt: {
+        close: 'Fechar',
+    },
+};
+
+const LU_BOX_TRANSLATIONS = new InjectionToken('LuBoxTranslations', {
+    factory: () => luBoxTranslations,
+});
+const luBoxTranslations = Translations;
+
 class BoxComponent {
     constructor() {
+        this.intl = input(...intlInputOptions(LU_BOX_TRANSLATIONS), ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
         this.toggle = input(false, { ...(ngDevMode ? { debugName: "toggle" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.neutral = input(false, { ...(ngDevMode ? { debugName: "neutral" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.killable = input(false, { ...(ngDevMode ? { debugName: "killable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
@@ -12,7 +49,7 @@ class BoxComponent {
         this.killed = output();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: BoxComponent, isStandalone: true, selector: "lu-box", inputs: { toggle: { classPropertyName: "toggle", publicName: "toggle", isSignal: true, isRequired: false, transformFunction: null }, neutral: { classPropertyName: "neutral", publicName: "neutral", isSignal: true, isRequired: false, transformFunction: null }, killable: { classPropertyName: "killable", publicName: "killable", isSignal: true, isRequired: false, transformFunction: null }, withArrow: { classPropertyName: "withArrow", publicName: "withArrow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { killed: "killed" }, host: { properties: { "class.mod-toggle": "toggle()", "class.mod-neutral": "neutral()", "class.mod-withArrow": "withArrow()" }, classAttribute: "box" }, ngImport: i0, template: "@if (killable()) {\n\t<div class=\"box-close\">\n\t\t<button luButton=\"ghost\" type=\"button\" (click)=\"killed.emit()\">\n\t\t\t<lu-icon icon=\"signClose\" alt=\"Close\" />\n\t\t</button>\n\t</div>\n}\n<ng-content />\n", styles: ["@layer components{.box{--components-box-background: var(--pr-t-elevation-surface-raised);--components-box-margin: 0 0 var(--pr-t-spacings-200);--components-box-padding: var(--pr-t-spacings-300);--components-box-borderRadius: var(--pr-t-border-radius-structure);--components-box-toggle-arrow-size: .8rem;--components-box-toggle-arrow-left: 2.5rem;border-radius:var(--components-box-borderRadius);padding:var(--components-box-padding);background-color:var(--components-box-background, var(--pr-t-elevation-surface-raised));display:block;position:relative}.box-close{position:absolute;font-size:var(--pr-t-font-body-M-fontSize);inset-inline-end:var(--pr-t-spacings-50);inset-block-start:var(--pr-t-spacings-50);z-index:1}}@layer mods{.box.mod-neutral,.box.mod-grey{--components-box-background: var(--palettes-neutral-25)}.box.mod-withArrow{--components-box-padding: var(--pr-t-spacings-200);--components-box-borderRadius: var(--pr-t-border-radius-small) var(--pr-t-border-radius-structure) var(--pr-t-border-radius-structure)}.box.mod-withArrow .box-arrow{--components-box-arrow-bottom: 100%;--components-box-arrow-left: var(--pr-t-spacings-75)}.box.mod-toggle{margin-block-start:var(--components-box-toggle-arrow-size)}.box.mod-toggle:before{inset-inline-start:var(--components-box-toggle-arrow-left);border-color:transparent;border-style:solid;border-width:var(--components-box-toggle-arrow-size);border-block-end-color:var(--components-box-background, var(--pr-t-elevation-surface-raised));border-block-start:0;block-size:0;inset-block-end:100%;inline-size:0;position:absolute;content:\"\"}}@layer components{.box-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin-block:0;margin-inline:var(--pr-t-spacings-50);inline-size:12px;block-size:8px;clip-path:path(\"M4.66415 0.494638C5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464L12 8H0L4.66415 0.494638Z\");position:absolute;inset-block-end:var(--components-box-arrow-bottom);inset-inline-start:var(--components-box-arrow-left)}.box-arrow.mod-neutral,.box-arrow.mod-grey{--components-box-arrow-background: var(--palettes-neutral-25)}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: BoxComponent, isStandalone: true, selector: "lu-box", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, toggle: { classPropertyName: "toggle", publicName: "toggle", isSignal: true, isRequired: false, transformFunction: null }, neutral: { classPropertyName: "neutral", publicName: "neutral", isSignal: true, isRequired: false, transformFunction: null }, killable: { classPropertyName: "killable", publicName: "killable", isSignal: true, isRequired: false, transformFunction: null }, withArrow: { classPropertyName: "withArrow", publicName: "withArrow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { killed: "killed" }, host: { properties: { "class.mod-toggle": "toggle()", "class.mod-neutral": "neutral()", "class.mod-withArrow": "withArrow()" }, classAttribute: "box" }, ngImport: i0, template: "@if (killable()) {\n\t<div class=\"box-close\">\n\t\t<button luButton=\"ghost\" type=\"button\" (click)=\"killed.emit()\">\n\t\t\t<lu-icon icon=\"signClose\" [alt]=\"intl().close\" />\n\t\t</button>\n\t</div>\n}\n<ng-content />\n", styles: ["@layer components{.box{--components-box-background: var(--pr-t-elevation-surface-raised);--components-box-margin: 0 0 var(--pr-t-spacings-200);--components-box-padding: var(--pr-t-spacings-300);--components-box-borderRadius: var(--pr-t-border-radius-structure);--components-box-toggle-arrow-size: .8rem;--components-box-toggle-arrow-left: 2.5rem;border-radius:var(--components-box-borderRadius);padding:var(--components-box-padding);background-color:var(--components-box-background, var(--pr-t-elevation-surface-raised));display:block;position:relative}.box-close{position:absolute;font-size:var(--pr-t-font-body-M-fontSize);inset-inline-end:var(--pr-t-spacings-50);inset-block-start:var(--pr-t-spacings-50);z-index:1}}@layer mods{.box.mod-neutral,.box.mod-grey{--components-box-background: var(--palettes-neutral-25)}.box.mod-withArrow{--components-box-padding: var(--pr-t-spacings-200);--components-box-borderRadius: var(--pr-t-border-radius-small) var(--pr-t-border-radius-structure) var(--pr-t-border-radius-structure)}.box.mod-withArrow .box-arrow{--components-box-arrow-bottom: 100%;--components-box-arrow-left: var(--pr-t-spacings-75)}.box.mod-toggle{margin-block-start:var(--components-box-toggle-arrow-size)}.box.mod-toggle:before{inset-inline-start:var(--components-box-toggle-arrow-left);border-color:transparent;border-style:solid;border-width:var(--components-box-toggle-arrow-size);border-block-end-color:var(--components-box-background, var(--pr-t-elevation-surface-raised));border-block-start:0;block-size:0;inset-block-end:100%;inline-size:0;position:absolute;content:\"\"}}@layer components{.box-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin-block:0;margin-inline:var(--pr-t-spacings-50);inline-size:12px;block-size:8px;clip-path:path(\"M4.66415 0.494638C5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464L12 8H0L4.66415 0.494638Z\");position:absolute;inset-block-end:var(--components-box-arrow-bottom);inset-inline-start:var(--components-box-arrow-left)}.box-arrow.mod-neutral,.box-arrow.mod-grey{--components-box-arrow-background: var(--palettes-neutral-25)}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BoxComponent, decorators: [{
             type: Component,
@@ -21,8 +58,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         '[class.mod-toggle]': 'toggle()',
                         '[class.mod-neutral]': 'neutral()',
                         '[class.mod-withArrow]': 'withArrow()',
-                    }, template: "@if (killable()) {\n\t<div class=\"box-close\">\n\t\t<button luButton=\"ghost\" type=\"button\" (click)=\"killed.emit()\">\n\t\t\t<lu-icon icon=\"signClose\" alt=\"Close\" />\n\t\t</button>\n\t</div>\n}\n<ng-content />\n", styles: ["@layer components{.box{--components-box-background: var(--pr-t-elevation-surface-raised);--components-box-margin: 0 0 var(--pr-t-spacings-200);--components-box-padding: var(--pr-t-spacings-300);--components-box-borderRadius: var(--pr-t-border-radius-structure);--components-box-toggle-arrow-size: .8rem;--components-box-toggle-arrow-left: 2.5rem;border-radius:var(--components-box-borderRadius);padding:var(--components-box-padding);background-color:var(--components-box-background, var(--pr-t-elevation-surface-raised));display:block;position:relative}.box-close{position:absolute;font-size:var(--pr-t-font-body-M-fontSize);inset-inline-end:var(--pr-t-spacings-50);inset-block-start:var(--pr-t-spacings-50);z-index:1}}@layer mods{.box.mod-neutral,.box.mod-grey{--components-box-background: var(--palettes-neutral-25)}.box.mod-withArrow{--components-box-padding: var(--pr-t-spacings-200);--components-box-borderRadius: var(--pr-t-border-radius-small) var(--pr-t-border-radius-structure) var(--pr-t-border-radius-structure)}.box.mod-withArrow .box-arrow{--components-box-arrow-bottom: 100%;--components-box-arrow-left: var(--pr-t-spacings-75)}.box.mod-toggle{margin-block-start:var(--components-box-toggle-arrow-size)}.box.mod-toggle:before{inset-inline-start:var(--components-box-toggle-arrow-left);border-color:transparent;border-style:solid;border-width:var(--components-box-toggle-arrow-size);border-block-end-color:var(--components-box-background, var(--pr-t-elevation-surface-raised));border-block-start:0;block-size:0;inset-block-end:100%;inline-size:0;position:absolute;content:\"\"}}@layer components{.box-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin-block:0;margin-inline:var(--pr-t-spacings-50);inline-size:12px;block-size:8px;clip-path:path(\"M4.66415 0.494638C5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464L12 8H0L4.66415 0.494638Z\");position:absolute;inset-block-end:var(--components-box-arrow-bottom);inset-inline-start:var(--components-box-arrow-left)}.box-arrow.mod-neutral,.box-arrow.mod-grey{--components-box-arrow-background: var(--palettes-neutral-25)}}\n"] }]
-        }], propDecorators: { toggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggle", required: false }] }], neutral: [{ type: i0.Input, args: [{ isSignal: true, alias: "neutral", required: false }] }], killable: [{ type: i0.Input, args: [{ isSignal: true, alias: "killable", required: false }] }], withArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "withArrow", required: false }] }], killed: [{ type: i0.Output, args: ["killed"] }] } });
+                    }, template: "@if (killable()) {\n\t<div class=\"box-close\">\n\t\t<button luButton=\"ghost\" type=\"button\" (click)=\"killed.emit()\">\n\t\t\t<lu-icon icon=\"signClose\" [alt]=\"intl().close\" />\n\t\t</button>\n\t</div>\n}\n<ng-content />\n", styles: ["@layer components{.box{--components-box-background: var(--pr-t-elevation-surface-raised);--components-box-margin: 0 0 var(--pr-t-spacings-200);--components-box-padding: var(--pr-t-spacings-300);--components-box-borderRadius: var(--pr-t-border-radius-structure);--components-box-toggle-arrow-size: .8rem;--components-box-toggle-arrow-left: 2.5rem;border-radius:var(--components-box-borderRadius);padding:var(--components-box-padding);background-color:var(--components-box-background, var(--pr-t-elevation-surface-raised));display:block;position:relative}.box-close{position:absolute;font-size:var(--pr-t-font-body-M-fontSize);inset-inline-end:var(--pr-t-spacings-50);inset-block-start:var(--pr-t-spacings-50);z-index:1}}@layer mods{.box.mod-neutral,.box.mod-grey{--components-box-background: var(--palettes-neutral-25)}.box.mod-withArrow{--components-box-padding: var(--pr-t-spacings-200);--components-box-borderRadius: var(--pr-t-border-radius-small) var(--pr-t-border-radius-structure) var(--pr-t-border-radius-structure)}.box.mod-withArrow .box-arrow{--components-box-arrow-bottom: 100%;--components-box-arrow-left: var(--pr-t-spacings-75)}.box.mod-toggle{margin-block-start:var(--components-box-toggle-arrow-size)}.box.mod-toggle:before{inset-inline-start:var(--components-box-toggle-arrow-left);border-color:transparent;border-style:solid;border-width:var(--components-box-toggle-arrow-size);border-block-end-color:var(--components-box-background, var(--pr-t-elevation-surface-raised));border-block-start:0;block-size:0;inset-block-end:100%;inline-size:0;position:absolute;content:\"\"}}@layer components{.box-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin-block:0;margin-inline:var(--pr-t-spacings-50);inline-size:12px;block-size:8px;clip-path:path(\"M4.66415 0.494638C5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464L12 8H0L4.66415 0.494638Z\");position:absolute;inset-block-end:var(--components-box-arrow-bottom);inset-inline-start:var(--components-box-arrow-left)}.box-arrow.mod-neutral,.box-arrow.mod-grey{--components-box-arrow-background: var(--palettes-neutral-25)}}\n"] }]
+        }], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], toggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggle", required: false }] }], neutral: [{ type: i0.Input, args: [{ isSignal: true, alias: "neutral", required: false }] }], killable: [{ type: i0.Input, args: [{ isSignal: true, alias: "killable", required: false }] }], withArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "withArrow", required: false }] }], killed: [{ type: i0.Output, args: ["killed"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-box.mjs","sources":["../../../packages/ng/box/box.component.ts","../../../packages/ng/box/box.component.html","../../../packages/ng/box/lucca-front-ng-box.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, output, ViewEncapsulation } from '@angular/core';\nimport { ButtonComponent } from '@lucca-front/ng/button';\nimport { IconComponent } from '@lucca-front/ng/icon';\n\n@Component({\n\tselector: 'lu-box',\n\ttemplateUrl: './box.component.html',\n\tstyleUrl: './box.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [IconComponent, ButtonComponent],\n\thost: {\n\t\tclass: 'box',\n\t\t'[class.mod-toggle]': 'toggle()',\n\t\t'[class.mod-neutral]': 'neutral()',\n\t\t'[class.mod-withArrow]': 'withArrow()',\n\t},\n})\nexport class BoxComponent {\n\treadonly toggle = input(false, { transform: booleanAttribute });\n\n\treadonly neutral = input(false, { transform: booleanAttribute });\n\n\treadonly killable = input(false, { transform: booleanAttribute });\n\n\treadonly withArrow = input(false, { transform: booleanAttribute });\n\n\treadonly killed = output();\n}\n","@if (killable()) {\n\t<div class=\"box-close\">\n\t\t<button luButton=\"ghost\" type=\"button\" (click)=\"killed.emit()\">\n\t\t\t<lu-icon icon=\"signClose\" alt=\"Close\" />\n\t\t</button>\n\t</div>\n}\n<ng-content />\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAkBa,YAAY,CAAA;AAdzB,IAAA,WAAA,GAAA;QAeU,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,KAAK,8EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAEtD,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,KAAK,+EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAEvD,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAExD,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,iFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAEzD,IAAA,CAAA,MAAM,GAAG,MAAM,EAAE;AAC1B,IAAA;+GAVY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,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,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,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,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,EAAA,cAAA,EAAA,KAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBzB,8NAQA,EAAA,MAAA,EAAA,CAAA,msEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEW,aAAa,6GAAE,eAAe,EAAA,QAAA,EAAA,8FAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAQ5B,YAAY,EAAA,UAAA,EAAA,CAAA;kBAdxB,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,QAAQ,EAAA,eAAA,EAGD,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,aAAa,EAAE,eAAe,CAAC,EAAA,IAAA,EACnC;AACL,wBAAA,KAAK,EAAE,KAAK;AACZ,wBAAA,oBAAoB,EAAE,UAAU;AAChC,wBAAA,qBAAqB,EAAE,WAAW;AAClC,wBAAA,uBAAuB,EAAE,aAAa;AACtC,qBAAA,EAAA,QAAA,EAAA,8NAAA,EAAA,MAAA,EAAA,CAAA,msEAAA,CAAA,EAAA;;;AEhBF;;AAEG;;;;"}
+{"version":3,"file":"lucca-front-ng-box.mjs","sources":["../../../packages/ng/box/translations.ts","../../../packages/ng/box/box.translate.ts","../../../packages/ng/box/box.component.ts","../../../packages/ng/box/box.component.html","../../../packages/ng/box/lucca-front-ng-box.ts"],"sourcesContent":["export const Translations = {\n\tpl: {\n\t\tclose: 'Close',\n\t},\n\t'nl-BE': {\n\t\tclose: 'Sluiten',\n\t},\n\tfr: {\n\t\tclose: 'Fermer',\n\t},\n\tde: {\n\t\tclose: 'Schließen',\n\t},\n\ten: {\n\t\tclose: 'Close',\n\t},\n\tes: {\n\t\tclose: 'Cerrar',\n\t},\n\tit: {\n\t\tclose: 'Chiudere',\n\t},\n\tnl: {\n\t\tclose: 'Sluiten',\n\t},\n\tpt: {\n\t\tclose: 'Fechar',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_BOX_TRANSLATIONS = new InjectionToken('LuBoxTranslations', {\n\tfactory: () => luBoxTranslations,\n});\n\nexport interface LuBoxLabel {\n\tclose: string;\n}\n\nexport const luBoxTranslations: LuTranslation<LuBoxLabel> = Translations;\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, output, ViewEncapsulation } from '@angular/core';\nimport { ButtonComponent } from '@lucca-front/ng/button';\nimport { intlInputOptions } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LU_BOX_TRANSLATIONS } from './box.translate';\n\n@Component({\n\tselector: 'lu-box',\n\ttemplateUrl: './box.component.html',\n\tstyleUrl: './box.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [IconComponent, ButtonComponent],\n\thost: {\n\t\tclass: 'box',\n\t\t'[class.mod-toggle]': 'toggle()',\n\t\t'[class.mod-neutral]': 'neutral()',\n\t\t'[class.mod-withArrow]': 'withArrow()',\n\t},\n})\nexport class BoxComponent {\n\treadonly intl = input(...intlInputOptions(LU_BOX_TRANSLATIONS));\n\n\treadonly toggle = input(false, { transform: booleanAttribute });\n\n\treadonly neutral = input(false, { transform: booleanAttribute });\n\n\treadonly killable = input(false, { transform: booleanAttribute });\n\n\treadonly withArrow = input(false, { transform: booleanAttribute });\n\n\treadonly killed = output();\n}\n","@if (killable()) {\n\t<div class=\"box-close\">\n\t\t<button luButton=\"ghost\" type=\"button\" (click)=\"killed.emit()\">\n\t\t\t<lu-icon icon=\"signClose\" [alt]=\"intl().close\" />\n\t\t</button>\n\t</div>\n}\n<ng-content />\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAAO,MAAM,YAAY,GAAG;AAC3B,IAAA,EAAE,EAAE;AACH,QAAA,KAAK,EAAE,OAAO;AACd,KAAA;AACD,IAAA,OAAO,EAAE;AACR,QAAA,KAAK,EAAE,SAAS;AAChB,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,KAAK,EAAE,QAAQ;AACf,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,KAAK,EAAE,WAAW;AAClB,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,KAAK,EAAE,OAAO;AACd,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,KAAK,EAAE,QAAQ;AACf,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,KAAK,EAAE,UAAU;AACjB,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,KAAK,EAAE,SAAS;AAChB,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,KAAK,EAAE,QAAQ;AACf,KAAA;CACD;;ACxBM,MAAM,mBAAmB,GAAG,IAAI,cAAc,CAAC,mBAAmB,EAAE;AAC1E,IAAA,OAAO,EAAE,MAAM,iBAAiB;AAChC,CAAA,CAAC;AAMK,MAAM,iBAAiB,GAA8B,YAAY;;MCQ3D,YAAY,CAAA;AAdzB,IAAA,WAAA,GAAA;QAeU,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;QAEtD,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,KAAK,8EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAEtD,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,KAAK,+EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAEvD,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAExD,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,iFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAEzD,IAAA,CAAA,MAAM,GAAG,MAAM,EAAE;AAC1B,IAAA;+GAZY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,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,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,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,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,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,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,EAAA,cAAA,EAAA,KAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBzB,uOAQA,EAAA,MAAA,EAAA,CAAA,msEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDIW,aAAa,6GAAE,eAAe,EAAA,QAAA,EAAA,8FAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAQ5B,YAAY,EAAA,UAAA,EAAA,CAAA;kBAdxB,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,QAAQ,EAAA,eAAA,EAGD,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,aAAa,EAAE,eAAe,CAAC,EAAA,IAAA,EACnC;AACL,wBAAA,KAAK,EAAE,KAAK;AACZ,wBAAA,oBAAoB,EAAE,UAAU;AAChC,wBAAA,qBAAqB,EAAE,WAAW;AAClC,wBAAA,uBAAuB,EAAE,aAAa;AACtC,qBAAA,EAAA,QAAA,EAAA,uOAAA,EAAA,MAAA,EAAA,CAAA,msEAAA,CAAA,EAAA;;;AElBF;;AAEG;;;;"}

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

@@ -14,7 +14,7 @@ class ColorComponent {
         this.hiddenName = input(false, { ...(ngDevMode ? { debugName: "hiddenName" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: ColorComponent, isStandalone: true, selector: "lu-color", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, borderColor: { classPropertyName: "borderColor", publicName: "borderColor", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, hiddenName: { classPropertyName: "hiddenName", publicName: "hiddenName", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-L": "size() === \"L\"", "class.mod-XL": "size() === \"XL\"" }, classAttribute: "color" }, ngImport: i0, template: "<span\n\tclass=\"color-value\"\n\t[style.--components-color-value-backgroundColor]=\"value()\"\n\t[style.--components-color-value-boxShadowColor]=\"borderColor()\"\n></span>\n<span class=\"color-name\" [class.pr-u-mask]=\"hiddenName()\"><ng-content /></span>\n", styles: ["@charset \"UTF-8\";@layer components{.color{--components-color-value-before-display: none;--components-color-value-scale: 1;--components-color-value-inlineSize: var(--pr-t-spacings-250);--components-color-value-boxShadowColor: transparent;--components-color-value-backgroundColor: transparent;--components-color-value-channel: clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255);display:flex;align-items:center;gap:var(--pr-t-spacings-100)}.color .color-value{inline-size:var(--components-color-value-inlineSize);aspect-ratio:1;background:var(--components-color-value-backgroundColor);color:rgb(from var(--components-color-value-backgroundColor) var(--components-color-value-channel) var(--components-color-value-channel) var(--components-color-value-channel));border-radius:var(--pr-t-border-radius-small);box-shadow:inset 0 0 0 1px var(--components-color-value-boxShadowColor);scale:var(--components-color-value-scale);transition-property:scale;transition-duration:var(--commons-animations-durations-fast);flex-shrink:0}.color .color-value:before{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;display:var(--components-color-value-before-display);position:absolute;inset:0;place-items:center;font-size:1.5rem}.color-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@layer mods{.color.mod-M{--components-color-value-inlineSize: var(--pr-t-spacings-250)}.color.mod-L{--components-color-value-inlineSize: var(--pr-t-spacings-300)}.color.mod-XL{--components-color-value-inlineSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}[aria-selected=true] .color{--components-color-value-before-display: grid}.lu-picker-panel .optionItem.is-highlighted .color{--components-color-value-scale: calc(7 / 6)}}@layer components{.colorPicker{--components-colorPicker-input-paddingInlineStart: 0;--components-colorPicker-inlineSize: auto;inline-size:var(--components-colorPicker-inlineSize)}.colorPicker .simpleSelect-field-value{padding:1px;margin:-1px;min-inline-size:0}.colorPicker .simpleSelect-field-input{padding-inline-start:var(--components-colorPicker-input-paddingInlineStart);color:transparent}}@layer mods{.colorPicker.mod-compact{--components-colorPicker-inlineSize: 4.625rem}.colorPicker.mod-compact .color-name{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.form-field.mod-S .colorPicker.mod-compact{--components-colorPicker-inlineSize: 3.75rem}.colorPicker.mod-compact.is-clearable{--components-colorPicker-inlineSize: 6.125rem}.form-field.mod-S .colorPicker.mod-compact.is-clearable{--components-colorPicker-inlineSize: 4.875rem}.colorPicker.is-selected:not(.is-searchFilled){--components-colorPicker-input-paddingInlineStart: var(--pr-t-spacings-400)}.form-field.mod-S .colorPicker.is-selected:not(.is-searchFilled){--components-colorPicker-input-paddingInlineStart: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50))}}@layer components{.cdk-overlay-pane:has(.colorPanel .lu-picker-content){min-inline-size:0!important;inline-size:17rem}.colorPanel [role=listbox]{display:flex;flex-wrap:wrap;padding:var(--pr-t-spacings-100)}.colorPanel .color{padding:var(--pr-t-spacings-50)}.colorPanel-highlighted{display:flex;padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);margin:0 var(--pr-t-spacings-100) var(--pr-t-spacings-100);gap:var(--pr-t-spacings-50)}}@layer mods{.colorPanel .lu-picker-content{padding:0}.colorPanel .optionItem-value{padding:0;background-color:transparent!important}.colorPanel .optionItem-value:before{display:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: ColorComponent, isStandalone: true, selector: "lu-color", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, borderColor: { classPropertyName: "borderColor", publicName: "borderColor", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, hiddenName: { classPropertyName: "hiddenName", publicName: "hiddenName", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-L": "size() === \"L\"", "class.mod-XL": "size() === \"XL\"" }, classAttribute: "color" }, ngImport: i0, template: "<span\n\tclass=\"color-value\"\n\t[style.--components-color-value-backgroundColor]=\"value()\"\n\t[style.--components-color-value-boxShadowColor]=\"borderColor()\"\n></span>\n<span class=\"color-name\" [class.pr-u-mask]=\"hiddenName()\"><ng-content /></span>\n", styles: ["@charset \"UTF-8\";@layer components{.color{--components-color-value-before-display: none;--components-color-value-scale: 1;--components-color-value-inlineSize: var(--pr-t-spacings-250);--components-color-value-boxShadowColor: transparent;--components-color-value-backgroundColor: transparent;--components-color-value-channel: clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255);display:flex;align-items:center;gap:var(--pr-t-spacings-100)}.color .color-value{inline-size:var(--components-color-value-inlineSize);aspect-ratio:1;background:var(--components-color-value-backgroundColor);color:rgb(from var(--components-color-value-backgroundColor) var(--components-color-value-channel) var(--components-color-value-channel) var(--components-color-value-channel));border-radius:var(--pr-t-border-radius-small);box-shadow:inset 0 0 0 1px var(--components-color-value-boxShadowColor);scale:var(--components-color-value-scale);transition-property:scale;transition-duration:var(--commons-animations-durations-fast);flex-shrink:0}.color .color-value:before{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;display:var(--components-color-value-before-display);position:absolute;inset:0;place-items:center;font-size:1.5rem}.color-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@layer mods{.color.mod-M{--components-color-value-inlineSize: var(--pr-t-spacings-250)}.color.mod-L{--components-color-value-inlineSize: var(--pr-t-spacings-300)}.color.mod-XL{--components-color-value-inlineSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}[aria-selected=true] .color{--components-color-value-before-display: grid}.lu-picker-panel .optionItem.is-highlighted .color{--components-color-value-scale: calc(7 / 6)}}@layer components{.colorPicker{--components-colorPicker-input-paddingInlineStart: 0;--components-colorPicker-inlineSize: auto;inline-size:var(--components-colorPicker-inlineSize)}.colorPicker .simpleSelect-field-value{padding:1px;margin:-1px;min-inline-size:0}.colorPicker .simpleSelect-field-input{padding-inline-start:var(--components-colorPicker-input-paddingInlineStart);color:transparent}}@layer mods{.colorPicker.mod-compact{--components-colorPicker-inlineSize: 4.625rem}.colorPicker.mod-compact .color-name{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.form-field.mod-S .colorPicker.mod-compact{--components-colorPicker-inlineSize: 3.75rem}.colorPicker.mod-compact.is-clearable{--components-colorPicker-inlineSize: 6.125rem}.form-field.mod-S .colorPicker.mod-compact.is-clearable{--components-colorPicker-inlineSize: 4.875rem}.colorPicker.is-selected:not(.is-searchFilled){--components-colorPicker-input-paddingInlineStart: var(--pr-t-spacings-400)}.form-field.mod-S .colorPicker.is-selected:not(.is-searchFilled){--components-colorPicker-input-paddingInlineStart: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50))}}@layer components{.cdk-overlay-pane:has(.colorPanel .lu-picker-content){min-inline-size:0!important;inline-size:17rem}.colorPanel .lu-picker-content-option{flex-direction:row;display:flex;flex-wrap:wrap;padding:var(--pr-t-spacings-100);gap:0}.colorPanel .color{padding:var(--pr-t-spacings-50)}.colorPanel-highlighted{display:flex;padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);margin:0 var(--pr-t-spacings-100) var(--pr-t-spacings-100);gap:var(--pr-t-spacings-50)}}@layer mods{.colorPanel .lu-picker-content{padding:0}.colorPanel .optionItem-value{padding:0;background-color:transparent!important}.colorPanel .optionItem-value:before{display:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ColorComponent, decorators: [{
             type: Component,
@@ -22,7 +22,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         class: 'color',
                         '[class.mod-L]': 'size() === "L"',
                         '[class.mod-XL]': 'size() === "XL"',
-                    }, template: "<span\n\tclass=\"color-value\"\n\t[style.--components-color-value-backgroundColor]=\"value()\"\n\t[style.--components-color-value-boxShadowColor]=\"borderColor()\"\n></span>\n<span class=\"color-name\" [class.pr-u-mask]=\"hiddenName()\"><ng-content /></span>\n", styles: ["@charset \"UTF-8\";@layer components{.color{--components-color-value-before-display: none;--components-color-value-scale: 1;--components-color-value-inlineSize: var(--pr-t-spacings-250);--components-color-value-boxShadowColor: transparent;--components-color-value-backgroundColor: transparent;--components-color-value-channel: clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255);display:flex;align-items:center;gap:var(--pr-t-spacings-100)}.color .color-value{inline-size:var(--components-color-value-inlineSize);aspect-ratio:1;background:var(--components-color-value-backgroundColor);color:rgb(from var(--components-color-value-backgroundColor) var(--components-color-value-channel) var(--components-color-value-channel) var(--components-color-value-channel));border-radius:var(--pr-t-border-radius-small);box-shadow:inset 0 0 0 1px var(--components-color-value-boxShadowColor);scale:var(--components-color-value-scale);transition-property:scale;transition-duration:var(--commons-animations-durations-fast);flex-shrink:0}.color .color-value:before{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;display:var(--components-color-value-before-display);position:absolute;inset:0;place-items:center;font-size:1.5rem}.color-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@layer mods{.color.mod-M{--components-color-value-inlineSize: var(--pr-t-spacings-250)}.color.mod-L{--components-color-value-inlineSize: var(--pr-t-spacings-300)}.color.mod-XL{--components-color-value-inlineSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}[aria-selected=true] .color{--components-color-value-before-display: grid}.lu-picker-panel .optionItem.is-highlighted .color{--components-color-value-scale: calc(7 / 6)}}@layer components{.colorPicker{--components-colorPicker-input-paddingInlineStart: 0;--components-colorPicker-inlineSize: auto;inline-size:var(--components-colorPicker-inlineSize)}.colorPicker .simpleSelect-field-value{padding:1px;margin:-1px;min-inline-size:0}.colorPicker .simpleSelect-field-input{padding-inline-start:var(--components-colorPicker-input-paddingInlineStart);color:transparent}}@layer mods{.colorPicker.mod-compact{--components-colorPicker-inlineSize: 4.625rem}.colorPicker.mod-compact .color-name{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.form-field.mod-S .colorPicker.mod-compact{--components-colorPicker-inlineSize: 3.75rem}.colorPicker.mod-compact.is-clearable{--components-colorPicker-inlineSize: 6.125rem}.form-field.mod-S .colorPicker.mod-compact.is-clearable{--components-colorPicker-inlineSize: 4.875rem}.colorPicker.is-selected:not(.is-searchFilled){--components-colorPicker-input-paddingInlineStart: var(--pr-t-spacings-400)}.form-field.mod-S .colorPicker.is-selected:not(.is-searchFilled){--components-colorPicker-input-paddingInlineStart: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50))}}@layer components{.cdk-overlay-pane:has(.colorPanel .lu-picker-content){min-inline-size:0!important;inline-size:17rem}.colorPanel [role=listbox]{display:flex;flex-wrap:wrap;padding:var(--pr-t-spacings-100)}.colorPanel .color{padding:var(--pr-t-spacings-50)}.colorPanel-highlighted{display:flex;padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);margin:0 var(--pr-t-spacings-100) var(--pr-t-spacings-100);gap:var(--pr-t-spacings-50)}}@layer mods{.colorPanel .lu-picker-content{padding:0}.colorPanel .optionItem-value{padding:0;background-color:transparent!important}.colorPanel .optionItem-value:before{display:none}}\n"] }]
+                    }, template: "<span\n\tclass=\"color-value\"\n\t[style.--components-color-value-backgroundColor]=\"value()\"\n\t[style.--components-color-value-boxShadowColor]=\"borderColor()\"\n></span>\n<span class=\"color-name\" [class.pr-u-mask]=\"hiddenName()\"><ng-content /></span>\n", styles: ["@charset \"UTF-8\";@layer components{.color{--components-color-value-before-display: none;--components-color-value-scale: 1;--components-color-value-inlineSize: var(--pr-t-spacings-250);--components-color-value-boxShadowColor: transparent;--components-color-value-backgroundColor: transparent;--components-color-value-channel: clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255);display:flex;align-items:center;gap:var(--pr-t-spacings-100)}.color .color-value{inline-size:var(--components-color-value-inlineSize);aspect-ratio:1;background:var(--components-color-value-backgroundColor);color:rgb(from var(--components-color-value-backgroundColor) var(--components-color-value-channel) var(--components-color-value-channel) var(--components-color-value-channel));border-radius:var(--pr-t-border-radius-small);box-shadow:inset 0 0 0 1px var(--components-color-value-boxShadowColor);scale:var(--components-color-value-scale);transition-property:scale;transition-duration:var(--commons-animations-durations-fast);flex-shrink:0}.color .color-value:before{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;display:var(--components-color-value-before-display);position:absolute;inset:0;place-items:center;font-size:1.5rem}.color-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@layer mods{.color.mod-M{--components-color-value-inlineSize: var(--pr-t-spacings-250)}.color.mod-L{--components-color-value-inlineSize: var(--pr-t-spacings-300)}.color.mod-XL{--components-color-value-inlineSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}[aria-selected=true] .color{--components-color-value-before-display: grid}.lu-picker-panel .optionItem.is-highlighted .color{--components-color-value-scale: calc(7 / 6)}}@layer components{.colorPicker{--components-colorPicker-input-paddingInlineStart: 0;--components-colorPicker-inlineSize: auto;inline-size:var(--components-colorPicker-inlineSize)}.colorPicker .simpleSelect-field-value{padding:1px;margin:-1px;min-inline-size:0}.colorPicker .simpleSelect-field-input{padding-inline-start:var(--components-colorPicker-input-paddingInlineStart);color:transparent}}@layer mods{.colorPicker.mod-compact{--components-colorPicker-inlineSize: 4.625rem}.colorPicker.mod-compact .color-name{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.form-field.mod-S .colorPicker.mod-compact{--components-colorPicker-inlineSize: 3.75rem}.colorPicker.mod-compact.is-clearable{--components-colorPicker-inlineSize: 6.125rem}.form-field.mod-S .colorPicker.mod-compact.is-clearable{--components-colorPicker-inlineSize: 4.875rem}.colorPicker.is-selected:not(.is-searchFilled){--components-colorPicker-input-paddingInlineStart: var(--pr-t-spacings-400)}.form-field.mod-S .colorPicker.is-selected:not(.is-searchFilled){--components-colorPicker-input-paddingInlineStart: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50))}}@layer components{.cdk-overlay-pane:has(.colorPanel .lu-picker-content){min-inline-size:0!important;inline-size:17rem}.colorPanel .lu-picker-content-option{flex-direction:row;display:flex;flex-wrap:wrap;padding:var(--pr-t-spacings-100);gap:0}.colorPanel .color{padding:var(--pr-t-spacings-50)}.colorPanel-highlighted{display:flex;padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);margin:0 var(--pr-t-spacings-100) var(--pr-t-spacings-100);gap:var(--pr-t-spacings-50)}}@layer mods{.colorPanel .lu-picker-content{padding:0}.colorPanel .optionItem-value{padding:0;background-color:transparent!important}.colorPanel .optionItem-value:before{display:none}}\n"] }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], borderColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderColor", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], hiddenName: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenName", required: false }] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-color.mjs","sources":["../../../packages/ng/color/color.type.ts","../../../packages/ng/color/color.component.ts","../../../packages/ng/color/color.component.html","../../../packages/ng/color/lucca-front-ng-color.ts"],"sourcesContent":["/**\n * Available ColorComponent Types\n */\n\nexport const COLOR_SIZE = ['L', 'XL'] as const;\nexport type ColorSize = (typeof COLOR_SIZE)[number];\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\nimport { ColorSize } from './color.type';\n\n@Component({\n\tselector: 'lu-color',\n\ttemplateUrl: './color.component.html',\n\tstyleUrl: './color.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'color',\n\t\t'[class.mod-L]': 'size() === \"L\"',\n\t\t'[class.mod-XL]': 'size() === \"XL\"',\n\t},\n})\nexport class ColorComponent {\n\treadonly value = input<string | null>(null);\n\treadonly borderColor = input<string | null>(null);\n\treadonly size = input<ColorSize | null>(null);\n\treadonly hiddenName = input(false, { transform: booleanAttribute });\n}\n","<span\n\tclass=\"color-value\"\n\t[style.--components-color-value-backgroundColor]=\"value()\"\n\t[style.--components-color-value-boxShadowColor]=\"borderColor()\"\n></span>\n<span class=\"color-name\" [class.pr-u-mask]=\"hiddenName()\"><ng-content /></span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAAA;;AAEG;MAEU,UAAU,GAAG,CAAC,GAAG,EAAE,IAAI;;MCWvB,cAAc,CAAA;AAZ3B,IAAA,WAAA,GAAA;AAaU,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAgB,IAAI,4EAAC;AAClC,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAgB,IAAI,kFAAC;AACxC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAmB,IAAI,2EAAC;QACpC,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,KAAK,kFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACnE,IAAA;+GALY,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,ysBCf3B,sQAMA,EAAA,MAAA,EAAA,CAAA,qvHAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FDSa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAZ1B,SAAS;+BACC,UAAU,EAAA,aAAA,EAGL,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,KAAK,EAAE,OAAO;AACd,wBAAA,eAAe,EAAE,gBAAgB;AACjC,wBAAA,gBAAgB,EAAE,iBAAiB;AACnC,qBAAA,EAAA,QAAA,EAAA,sQAAA,EAAA,MAAA,EAAA,CAAA,qvHAAA,CAAA,EAAA;;;AEbF;;AAEG;;;;"}
+{"version":3,"file":"lucca-front-ng-color.mjs","sources":["../../../packages/ng/color/color.type.ts","../../../packages/ng/color/color.component.ts","../../../packages/ng/color/color.component.html","../../../packages/ng/color/lucca-front-ng-color.ts"],"sourcesContent":["/**\n * Available ColorComponent Types\n */\n\nexport const COLOR_SIZE = ['L', 'XL'] as const;\nexport type ColorSize = (typeof COLOR_SIZE)[number];\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\nimport { ColorSize } from './color.type';\n\n@Component({\n\tselector: 'lu-color',\n\ttemplateUrl: './color.component.html',\n\tstyleUrl: './color.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'color',\n\t\t'[class.mod-L]': 'size() === \"L\"',\n\t\t'[class.mod-XL]': 'size() === \"XL\"',\n\t},\n})\nexport class ColorComponent {\n\treadonly value = input<string | null>(null);\n\treadonly borderColor = input<string | null>(null);\n\treadonly size = input<ColorSize | null>(null);\n\treadonly hiddenName = input(false, { transform: booleanAttribute });\n}\n","<span\n\tclass=\"color-value\"\n\t[style.--components-color-value-backgroundColor]=\"value()\"\n\t[style.--components-color-value-boxShadowColor]=\"borderColor()\"\n></span>\n<span class=\"color-name\" [class.pr-u-mask]=\"hiddenName()\"><ng-content /></span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAAA;;AAEG;MAEU,UAAU,GAAG,CAAC,GAAG,EAAE,IAAI;;MCWvB,cAAc,CAAA;AAZ3B,IAAA,WAAA,GAAA;AAaU,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAgB,IAAI,4EAAC;AAClC,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAgB,IAAI,kFAAC;AACxC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAmB,IAAI,2EAAC;QACpC,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,KAAK,kFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACnE,IAAA;+GALY,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,ysBCf3B,sQAMA,EAAA,MAAA,EAAA,CAAA,yxHAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FDSa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAZ1B,SAAS;+BACC,UAAU,EAAA,aAAA,EAGL,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,KAAK,EAAE,OAAO;AACd,wBAAA,eAAe,EAAE,gBAAgB;AACjC,wBAAA,gBAAgB,EAAE,iBAAiB;AACnC,qBAAA,EAAA,QAAA,EAAA,sQAAA,EAAA,MAAA,EAAA,CAAA,yxHAAA,CAAA,EAAA;;;AEbF;;AAEG;;;;"}

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

@@ -427,7 +427,7 @@ class DataTableComponent {
                 provide: LU_DATA_TABLE_INSTANCE,
                 useExisting: forwardRef(() => DataTableComponent),
             },
-        ], queries: [{ propertyName: "rows", predicate: DataTableRowComponent, descendants: true, isSignal: true }, { propertyName: "header", first: true, predicate: DataTableHeadComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "tableRef", first: true, predicate: ["tableRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"dataTableShadows\">\n\t<table [class]=\"classMods()\" #tableRef>\n\t\t<ng-content />\n\t</table>\n\t<div class=\"dataTableWrapper-pagination\">\n\t\t<ng-content select=\"[dataTablePagination]\" />\n\t</div>\n</div>\n", styles: ["@layer components{.dataTableWrapper{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-expand-rotation: 180deg;--components-dataTable-borderRadius: var(--pr-t-border-radius-structure);--components-dataTable-minInlineSize: none}}@layer mods{.dataTableWrapper.mod-nested{--components-dataTable-borderRadius: var(--pr-t-border-radius-default)}.dataTableWrapper.mod-noOverflow{--components-dataTable-minInlineSize: fit-content}}@layer components{.dataTable{display:table;text-align:start;inline-size:calc(100% + 1px);block-size:calc(100% + 1px);border-spacing:0;margin-inline-start:-1px;margin-block-start:-1px;table-layout:var(--components-dataTable-tableLayout)}.dataTableWrapper{border-radius:var(--components-dataTable-borderRadius);border:1px solid var(--commons-border-200);overflow:auto;contain:paint;background-color:var(--components-dataTable-cell-background);display:block;min-inline-size:var(--components-dataTable-minInlineSize)}.dataTableWrapper:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.dataTableWrapper-pagination{border-block-start:1px solid var(--commons-border-200);background-color:var(--components-dataTable-cell-background);display:flex;justify-content:flex-end;position:sticky;inset-block-end:0;z-index:4}.dataTableWrapper-pagination>*{position:sticky;inset-inline-end:0}.dataTableWrapper-pagination:empty{display:none}.dataTable-head-row-cell{color:var(--pr-t-color-text-subtle);padding:var(--components-dataTable-cell-padding);display:table-cell;font-weight:var(--pr-t-font-fontWeight-regular)}.dataTable-head-row-cell .checkboxField{margin-block-end:.125rem}.dataTable-head{display:table-header-group;vertical-align:bottom}.dataTable-body{display:table-row-group}.dataTable-foot{display:table-footer-group}.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row{display:var(--components-dataTable-row-display)}.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell{display:table-cell;box-shadow:var(--components-dataTable-cell-shadow);background-color:var(--components-dataTable-cell-background);text-align:var(--components-dataTable-cell-textAlign);transition-property:background-color;transition-duration:var(--commons-animations-durations-fast);font-weight:var(--pr-t-font-fontWeight-regular)}.dataTable-head-row-cell:first-child,.dataTable-body-row-cell:first-child,.dataTable-foot-row-cell:first-child{inline-size:var(--components-dataTable-cellFirst-width);inset-inline-start:0}.dataTable-head-row-cell:first-child .checkboxField,.dataTable-body-row-cell:first-child .checkboxField,.dataTable-foot-row-cell:first-child .checkboxField{--component-checkboxField-top: 0}.dataTable-head-row-cell:last-child,.dataTable-body-row-cell:last-child,.dataTable-foot-row-cell:last-child{inset-inline-end:0}.dataTable-body-row-cell,.dataTable-foot-row-cell{padding:var(--components-dataTable-cell-padding);padding-inline-start:var(--components-dataTable-cell-paddingInlineStart);vertical-align:middle}.dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: none}.dataTable-body-row-cell{vertical-align:var(--components-dataTable-cell-verticalAlign)}.dataTable-foot-row-cell{font-weight:var(--pr-t-font-fontWeight-semibold)}.dataTable-body-row-cell-expand{display:flex;gap:var(--pr-t-spacings-100);align-items:flex-start;font-weight:var(--pr-t-font-fontWeight-semibold)}.dataTable-body-row-cell-expand-button.button{vertical-align:top;margin-inline-start:calc(var(--pr-t-spacings-25) * -1)}.dataTable-body-row-cell-expand-button.button .lucca-icon{transform:rotate(var(--components-dataTable-expand-rotation));transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}.dataTable-body-row-cell-drag.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.dataTable-body-row-cell-drag.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.dataTable-body-row-cell-drag.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.dataTable-body-row-cell-drag.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.dataTable-body-row-cell-drag.button{--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dataTable-body-row-cell-drag.button:hover,.dataTable-body-row-cell-drag.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dataTable-body-row-cell-drag.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dataTable-body-row-cell-drag.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dataTable-body-row-cell-drag.button{--components-button-padding: var(--pr-t-spacings-50);--components-button-color: var(--palettes-neutral-700);cursor:move;vertical-align:top}.dataTable .statusBadge,.dataTable .tag,.dataTable .avatar{vertical-align:top}.dataTable .statusBadge,.dataTable .tag{margin-block-start:var(--pr-t-spacings-25)}.dataTable .avatarWrapper{display:inline-flex}}@layer mods{.dataTable.mod-cellBorder{--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200), 1px 0 inset var(--commons-border-200)}.dataTable.mod-cellBorder .dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: 1px 0 inset var(--commons-border-200)}.dataTable.mod-alignTop,.dataTable.mod-verticalAlignTop{--components-dataTable-cell-verticalAlign: top}.dataTable.mod-verticalAlignBottom{--components-dataTable-cell-verticalAlign: bottom}.dataTable.mod-verticalAlignMiddle{--components-dataTable-cell-verticalAlign: middle}.dataTable.mod-layoutFixed{--components-dataTable-tableLayout: fixed}@media(min-width:20em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXS{--components-dataTable-tableLayout: fixed}}@media(min-width:30em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXS{--components-dataTable-tableLayout: fixed}}@media(min-width:40em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXS{--components-dataTable-tableLayout: fixed}}@media(min-width:50em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinS{--components-dataTable-tableLayout: fixed}}@media(min-width:64em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinM{--components-dataTable-tableLayout: fixed}}@media(min-width:80em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinL{--components-dataTable-tableLayout: fixed}}@media(min-width:85.375em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXL{--components-dataTable-tableLayout: fixed}}@media(min-width:100em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXL{--components-dataTable-tableLayout: fixed}}@media(min-width:120em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXL{--components-dataTable-tableLayout: fixed}}.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}@media(min-width:20em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:30em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:40em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:50em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:64em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:80em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:85.375em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:100em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:120em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}.dataTable.mod-hover :is(.mod-selectable,.dataTable-body-row:not(.mod-group)):hover{--components-dataTable-cell-background: var(--palettes-neutral-25)}.dataTable.mod-hover :is(.mod-selectable,.dataTable-body-row:not(.mod-group)).mod-selectable:has(input:checked):hover{--components-dataTable-cell-background: var(--palettes-product-100)}}@layer mods{:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-25);--components-button-color: var(--palettes-neutral-800)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group{font:var(--pr-t-font-heading-4)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:hover{--components-dataTable-cell-background: var(--palettes-neutral-50)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable{--components-dataTable-cellFirst-width: 2.625rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-foot-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-foot-row-cell:first-child{inline-size:var(--components-dataTable-cellFirst-width);max-inline-size:var(--components-dataTable-cellFirst-width)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-foot-row-cell:first-child{--components-dataTable-cellFirst-width: 2.5rem;padding-inline:var(--pr-t-spacings-75)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-head-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-body-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-foot-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-head-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-body-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-foot-row-cell:nth-child(2){--components-dataTable-cellFirst-width: 2.625rem;inline-size:var(--components-dataTable-cellFirst-width);max-inline-size:var(--components-dataTable-cellFirst-width)}:is(.dataTable-body-row,.dataTable-foot-row):has([selectable]):has(input:checked),:is(.dataTable-body-row,.dataTable-foot-row).mod-selectable:has(input:checked){--components-dataTable-cell-background: var(--palettes-product-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions{padding-block:0;padding-inline:var(--pr-t-spacings-50);text-align:end;white-space:nowrap}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--components-button-padding: var(--pr-t-spacings-100);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-critical:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-critical:active,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{transition-property:box-shadow,color}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions:is(.dataTable-head-row-cell) .button{position:relative;inset-block-end:var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignCenter{--components-dataTable-cell-textAlign: center}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignRight,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignEnd{--components-dataTable-cell-textAlign: end}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignStart{--components-dataTable-cell-textAlign: start}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-editable{--components-dataTable-cell-padding: var(--pr-t-spacings-100);--components-dataTable-cell-paddingInlineStart: var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-25);--components-button-color: var(--palettes-neutral-800)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree{--components-dataTable-cell-paddingInlineStart: calc( var(--components-dataTable-cell-padding-inline) + var(--pr-t-spacings-300) * calc(var(--components-dataTable-treeLevel) - 1) + var(--components-dataTable-tree-extraPadding) )}.dataTable-body-row.is-collapsed{--components-dataTable-row-display: none}.dataTable-body-row:first-child:has(.dataTable-body-row-cell-expand-button.button[aria-expanded=false])~.dataTable-body-row{--components-dataTable-row-display: none}.dataTable-body-row-cell-expand-button[aria-expanded=true]{--components-dataTable-expand-rotation: 0deg}}@layer components{:not(.dataTable-body)>.dataTable-body-row{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-expand-rotation: 180deg;--components-dataTable-borderRadius: var(--pr-t-border-radius-structure);--components-dataTable-minInlineSize: none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "rows", predicate: DataTableRowComponent, descendants: true, isSignal: true }, { propertyName: "header", first: true, predicate: DataTableHeadComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "tableRef", first: true, predicate: ["tableRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"dataTableShadows\">\n\t<table [class]=\"classMods()\" #tableRef>\n\t\t<ng-content />\n\t</table>\n\t<div class=\"dataTableWrapper-pagination\">\n\t\t<ng-content select=\"[dataTablePagination]\" />\n\t</div>\n</div>\n", styles: ["@layer components{.dataTableWrapper{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-expand-rotation: 180deg;--components-dataTable-borderRadius: var(--pr-t-border-radius-structure);--components-dataTable-minInlineSize: none}}@layer mods{.dataTableWrapper.mod-nested{--components-dataTable-borderRadius: var(--pr-t-border-radius-default)}.dataTableWrapper.mod-noOverflow{--components-dataTable-minInlineSize: fit-content}}@layer components{.dataTable{display:table;text-align:start;inline-size:calc(100% + 1px);block-size:calc(100% + 1px);border-spacing:0;margin-inline-start:-1px;margin-block-start:-1px;table-layout:var(--components-dataTable-tableLayout)}.dataTableWrapper{border-radius:var(--components-dataTable-borderRadius);border:1px solid var(--commons-border-200);overflow:auto;contain:paint;background-color:var(--components-dataTable-cell-background);display:block;min-inline-size:var(--components-dataTable-minInlineSize)}.dataTableWrapper:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.dataTableWrapper-pagination{border-block-start:1px solid var(--commons-border-200);background-color:var(--components-dataTable-cell-background);display:flex;justify-content:flex-end;position:sticky;inset-block-end:0;z-index:4}.dataTableWrapper-pagination>*{position:sticky;inset-inline-end:0}.dataTableWrapper-pagination:empty{display:none}.dataTable-head-row-cell{color:var(--pr-t-color-text-subtle);padding:var(--components-dataTable-cell-padding);display:table-cell;font-weight:var(--pr-t-font-fontWeight-regular)}.dataTable-head-row-cell .checkboxField{margin-block-end:.125rem}.dataTable-head{display:table-header-group;vertical-align:bottom}.dataTable-body{display:table-row-group}.dataTable-foot{display:table-footer-group}.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row{display:var(--components-dataTable-row-display)}.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell{display:table-cell;box-shadow:var(--components-dataTable-cell-shadow);background-color:var(--components-dataTable-cell-background);text-align:var(--components-dataTable-cell-textAlign);transition-property:background-color;transition-duration:var(--commons-animations-durations-fast);font-weight:var(--pr-t-font-fontWeight-regular)}.dataTable-head-row-cell:first-child,.dataTable-body-row-cell:first-child,.dataTable-foot-row-cell:first-child{inline-size:var(--components-dataTable-cellFirst-width);inset-inline-start:0}.dataTable-head-row-cell:first-child .checkboxField,.dataTable-body-row-cell:first-child .checkboxField,.dataTable-foot-row-cell:first-child .checkboxField{--component-checkboxField-top: 0}.dataTable-head-row-cell:last-child,.dataTable-body-row-cell:last-child,.dataTable-foot-row-cell:last-child{inset-inline-end:0}.dataTable-body-row-cell,.dataTable-foot-row-cell{padding:var(--components-dataTable-cell-padding);padding-inline-start:var(--components-dataTable-cell-paddingInlineStart);vertical-align:middle}.dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: none}.dataTable-body-row-cell{vertical-align:var(--components-dataTable-cell-verticalAlign)}.dataTable-foot-row-cell{font-weight:var(--pr-t-font-fontWeight-semibold)}.dataTable-body-row-cell-expand{display:flex;gap:var(--pr-t-spacings-100);align-items:flex-start;font-weight:var(--pr-t-font-fontWeight-semibold)}.dataTable-body-row-cell-expand-button.button{vertical-align:top;margin-inline-start:calc(var(--pr-t-spacings-25) * -1)}.dataTable-body-row-cell-expand-button.button .lucca-icon{transform:rotate(var(--components-dataTable-expand-rotation));transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}.dataTable-body-row-cell-drag.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.dataTable-body-row-cell-drag.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.dataTable-body-row-cell-drag.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.dataTable-body-row-cell-drag.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.dataTable-body-row-cell-drag.button{--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dataTable-body-row-cell-drag.button:hover,.dataTable-body-row-cell-drag.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dataTable-body-row-cell-drag.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dataTable-body-row-cell-drag.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dataTable-body-row-cell-drag.button{--components-button-padding: var(--pr-t-spacings-50);--components-button-color: var(--palettes-neutral-700);cursor:move;vertical-align:top}.dataTable .statusBadge,.dataTable .tag,.dataTable .avatar{vertical-align:top}.dataTable .statusBadge,.dataTable .tag{margin-block-start:var(--pr-t-spacings-25)}.dataTable .avatarWrapper{display:inline-flex}}@layer mods{.dataTable.mod-cellBorder{--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200), 1px 0 inset var(--commons-border-200)}.dataTable.mod-cellBorder .dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: 1px 0 inset var(--commons-border-200)}.dataTable.mod-cellBorder :is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-editable{--components-dataTable-cell-paddingInlineStart: var(--pr-t-spacings-100)}.dataTable.mod-alignTop,.dataTable.mod-verticalAlignTop{--components-dataTable-cell-verticalAlign: top}.dataTable.mod-verticalAlignBottom{--components-dataTable-cell-verticalAlign: bottom}.dataTable.mod-verticalAlignMiddle{--components-dataTable-cell-verticalAlign: middle}.dataTable.mod-layoutFixed{--components-dataTable-tableLayout: fixed}@media(min-width:20em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXS{--components-dataTable-tableLayout: fixed}}@media(min-width:30em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXS{--components-dataTable-tableLayout: fixed}}@media(min-width:40em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXS{--components-dataTable-tableLayout: fixed}}@media(min-width:50em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinS{--components-dataTable-tableLayout: fixed}}@media(min-width:64em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinM{--components-dataTable-tableLayout: fixed}}@media(min-width:80em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinL{--components-dataTable-tableLayout: fixed}}@media(min-width:85.375em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXL{--components-dataTable-tableLayout: fixed}}@media(min-width:100em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXL{--components-dataTable-tableLayout: fixed}}@media(min-width:120em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXL{--components-dataTable-tableLayout: fixed}}.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}@media(min-width:20em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:30em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:40em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:50em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:64em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:80em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:85.375em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:100em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:120em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}.dataTable.mod-hover :is(.mod-selectable,.dataTable-body-row:not(.mod-group)):hover{--components-dataTable-cell-background: var(--palettes-neutral-25)}.dataTable.mod-hover :is(.mod-selectable,.dataTable-body-row:not(.mod-group)).mod-selectable:has(input:checked):hover{--components-dataTable-cell-background: var(--palettes-product-100)}}@layer mods{:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-25);--components-button-color: var(--palettes-neutral-800)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group{font:var(--pr-t-font-heading-4)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:hover{--components-dataTable-cell-background: var(--palettes-neutral-50)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable{--components-dataTable-cellFirst-width: 2.625rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-foot-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-foot-row-cell:first-child{inline-size:var(--components-dataTable-cellFirst-width);max-inline-size:var(--components-dataTable-cellFirst-width)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-foot-row-cell:first-child{--components-dataTable-cellFirst-width: 2.5rem;padding-inline:var(--pr-t-spacings-75)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-head-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-body-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-foot-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-head-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-body-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-foot-row-cell:nth-child(2){--components-dataTable-cellFirst-width: 2.625rem;inline-size:var(--components-dataTable-cellFirst-width);max-inline-size:var(--components-dataTable-cellFirst-width)}:is(.dataTable-body-row,.dataTable-foot-row):has([selectable]):has(input:checked),:is(.dataTable-body-row,.dataTable-foot-row).mod-selectable:has(input:checked){--components-dataTable-cell-background: var(--palettes-product-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions{padding-block:0;padding-inline:var(--pr-t-spacings-50);text-align:end;white-space:nowrap}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--components-button-padding: var(--pr-t-spacings-100);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-critical:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-critical:active,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{transition-property:box-shadow,color}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions:is(.dataTable-head-row-cell) .button{position:relative;inset-block-end:var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignCenter{--components-dataTable-cell-textAlign: center}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignRight,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignEnd{--components-dataTable-cell-textAlign: end}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignStart{--components-dataTable-cell-textAlign: start}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-editable{--components-dataTable-cell-padding: var(--pr-t-spacings-100);--components-dataTable-cell-paddingInlineStart: var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-25);--components-button-color: var(--palettes-neutral-800)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree{--components-dataTable-cell-paddingInlineStart: calc( var(--components-dataTable-cell-padding-inline) + var(--pr-t-spacings-300) * calc(var(--components-dataTable-treeLevel) - 1) + var(--components-dataTable-tree-extraPadding) )}.dataTable-body-row.is-collapsed{--components-dataTable-row-display: none}.dataTable-body-row:first-child:has(.dataTable-body-row-cell-expand-button.button[aria-expanded=false])~.dataTable-body-row{--components-dataTable-row-display: none}.dataTable-body-row-cell-expand-button[aria-expanded=true]{--components-dataTable-expand-rotation: 0deg}}@layer components{:not(.dataTable-body)>.dataTable-body-row{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-expand-rotation: 180deg;--components-dataTable-borderRadius: var(--pr-t-border-radius-structure);--components-dataTable-minInlineSize: none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DataTableComponent, decorators: [{
             type: Component,
@@ -441,7 +441,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                             provide: LU_DATA_TABLE_INSTANCE,
                             useExisting: forwardRef(() => DataTableComponent),
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dataTableShadows\">\n\t<table [class]=\"classMods()\" #tableRef>\n\t\t<ng-content />\n\t</table>\n\t<div class=\"dataTableWrapper-pagination\">\n\t\t<ng-content select=\"[dataTablePagination]\" />\n\t</div>\n</div>\n", styles: ["@layer components{.dataTableWrapper{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-expand-rotation: 180deg;--components-dataTable-borderRadius: var(--pr-t-border-radius-structure);--components-dataTable-minInlineSize: none}}@layer mods{.dataTableWrapper.mod-nested{--components-dataTable-borderRadius: var(--pr-t-border-radius-default)}.dataTableWrapper.mod-noOverflow{--components-dataTable-minInlineSize: fit-content}}@layer components{.dataTable{display:table;text-align:start;inline-size:calc(100% + 1px);block-size:calc(100% + 1px);border-spacing:0;margin-inline-start:-1px;margin-block-start:-1px;table-layout:var(--components-dataTable-tableLayout)}.dataTableWrapper{border-radius:var(--components-dataTable-borderRadius);border:1px solid var(--commons-border-200);overflow:auto;contain:paint;background-color:var(--components-dataTable-cell-background);display:block;min-inline-size:var(--components-dataTable-minInlineSize)}.dataTableWrapper:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.dataTableWrapper-pagination{border-block-start:1px solid var(--commons-border-200);background-color:var(--components-dataTable-cell-background);display:flex;justify-content:flex-end;position:sticky;inset-block-end:0;z-index:4}.dataTableWrapper-pagination>*{position:sticky;inset-inline-end:0}.dataTableWrapper-pagination:empty{display:none}.dataTable-head-row-cell{color:var(--pr-t-color-text-subtle);padding:var(--components-dataTable-cell-padding);display:table-cell;font-weight:var(--pr-t-font-fontWeight-regular)}.dataTable-head-row-cell .checkboxField{margin-block-end:.125rem}.dataTable-head{display:table-header-group;vertical-align:bottom}.dataTable-body{display:table-row-group}.dataTable-foot{display:table-footer-group}.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row{display:var(--components-dataTable-row-display)}.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell{display:table-cell;box-shadow:var(--components-dataTable-cell-shadow);background-color:var(--components-dataTable-cell-background);text-align:var(--components-dataTable-cell-textAlign);transition-property:background-color;transition-duration:var(--commons-animations-durations-fast);font-weight:var(--pr-t-font-fontWeight-regular)}.dataTable-head-row-cell:first-child,.dataTable-body-row-cell:first-child,.dataTable-foot-row-cell:first-child{inline-size:var(--components-dataTable-cellFirst-width);inset-inline-start:0}.dataTable-head-row-cell:first-child .checkboxField,.dataTable-body-row-cell:first-child .checkboxField,.dataTable-foot-row-cell:first-child .checkboxField{--component-checkboxField-top: 0}.dataTable-head-row-cell:last-child,.dataTable-body-row-cell:last-child,.dataTable-foot-row-cell:last-child{inset-inline-end:0}.dataTable-body-row-cell,.dataTable-foot-row-cell{padding:var(--components-dataTable-cell-padding);padding-inline-start:var(--components-dataTable-cell-paddingInlineStart);vertical-align:middle}.dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: none}.dataTable-body-row-cell{vertical-align:var(--components-dataTable-cell-verticalAlign)}.dataTable-foot-row-cell{font-weight:var(--pr-t-font-fontWeight-semibold)}.dataTable-body-row-cell-expand{display:flex;gap:var(--pr-t-spacings-100);align-items:flex-start;font-weight:var(--pr-t-font-fontWeight-semibold)}.dataTable-body-row-cell-expand-button.button{vertical-align:top;margin-inline-start:calc(var(--pr-t-spacings-25) * -1)}.dataTable-body-row-cell-expand-button.button .lucca-icon{transform:rotate(var(--components-dataTable-expand-rotation));transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}.dataTable-body-row-cell-drag.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.dataTable-body-row-cell-drag.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.dataTable-body-row-cell-drag.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.dataTable-body-row-cell-drag.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.dataTable-body-row-cell-drag.button{--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dataTable-body-row-cell-drag.button:hover,.dataTable-body-row-cell-drag.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dataTable-body-row-cell-drag.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dataTable-body-row-cell-drag.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dataTable-body-row-cell-drag.button{--components-button-padding: var(--pr-t-spacings-50);--components-button-color: var(--palettes-neutral-700);cursor:move;vertical-align:top}.dataTable .statusBadge,.dataTable .tag,.dataTable .avatar{vertical-align:top}.dataTable .statusBadge,.dataTable .tag{margin-block-start:var(--pr-t-spacings-25)}.dataTable .avatarWrapper{display:inline-flex}}@layer mods{.dataTable.mod-cellBorder{--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200), 1px 0 inset var(--commons-border-200)}.dataTable.mod-cellBorder .dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: 1px 0 inset var(--commons-border-200)}.dataTable.mod-alignTop,.dataTable.mod-verticalAlignTop{--components-dataTable-cell-verticalAlign: top}.dataTable.mod-verticalAlignBottom{--components-dataTable-cell-verticalAlign: bottom}.dataTable.mod-verticalAlignMiddle{--components-dataTable-cell-verticalAlign: middle}.dataTable.mod-layoutFixed{--components-dataTable-tableLayout: fixed}@media(min-width:20em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXS{--components-dataTable-tableLayout: fixed}}@media(min-width:30em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXS{--components-dataTable-tableLayout: fixed}}@media(min-width:40em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXS{--components-dataTable-tableLayout: fixed}}@media(min-width:50em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinS{--components-dataTable-tableLayout: fixed}}@media(min-width:64em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinM{--components-dataTable-tableLayout: fixed}}@media(min-width:80em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinL{--components-dataTable-tableLayout: fixed}}@media(min-width:85.375em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXL{--components-dataTable-tableLayout: fixed}}@media(min-width:100em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXL{--components-dataTable-tableLayout: fixed}}@media(min-width:120em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXL{--components-dataTable-tableLayout: fixed}}.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}@media(min-width:20em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:30em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:40em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:50em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:64em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:80em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:85.375em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:100em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:120em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}.dataTable.mod-hover :is(.mod-selectable,.dataTable-body-row:not(.mod-group)):hover{--components-dataTable-cell-background: var(--palettes-neutral-25)}.dataTable.mod-hover :is(.mod-selectable,.dataTable-body-row:not(.mod-group)).mod-selectable:has(input:checked):hover{--components-dataTable-cell-background: var(--palettes-product-100)}}@layer mods{:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-25);--components-button-color: var(--palettes-neutral-800)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group{font:var(--pr-t-font-heading-4)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:hover{--components-dataTable-cell-background: var(--palettes-neutral-50)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable{--components-dataTable-cellFirst-width: 2.625rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-foot-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-foot-row-cell:first-child{inline-size:var(--components-dataTable-cellFirst-width);max-inline-size:var(--components-dataTable-cellFirst-width)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-foot-row-cell:first-child{--components-dataTable-cellFirst-width: 2.5rem;padding-inline:var(--pr-t-spacings-75)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-head-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-body-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-foot-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-head-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-body-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-foot-row-cell:nth-child(2){--components-dataTable-cellFirst-width: 2.625rem;inline-size:var(--components-dataTable-cellFirst-width);max-inline-size:var(--components-dataTable-cellFirst-width)}:is(.dataTable-body-row,.dataTable-foot-row):has([selectable]):has(input:checked),:is(.dataTable-body-row,.dataTable-foot-row).mod-selectable:has(input:checked){--components-dataTable-cell-background: var(--palettes-product-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions{padding-block:0;padding-inline:var(--pr-t-spacings-50);text-align:end;white-space:nowrap}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--components-button-padding: var(--pr-t-spacings-100);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-critical:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-critical:active,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{transition-property:box-shadow,color}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions:is(.dataTable-head-row-cell) .button{position:relative;inset-block-end:var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignCenter{--components-dataTable-cell-textAlign: center}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignRight,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignEnd{--components-dataTable-cell-textAlign: end}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignStart{--components-dataTable-cell-textAlign: start}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-editable{--components-dataTable-cell-padding: var(--pr-t-spacings-100);--components-dataTable-cell-paddingInlineStart: var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-25);--components-button-color: var(--palettes-neutral-800)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree{--components-dataTable-cell-paddingInlineStart: calc( var(--components-dataTable-cell-padding-inline) + var(--pr-t-spacings-300) * calc(var(--components-dataTable-treeLevel) - 1) + var(--components-dataTable-tree-extraPadding) )}.dataTable-body-row.is-collapsed{--components-dataTable-row-display: none}.dataTable-body-row:first-child:has(.dataTable-body-row-cell-expand-button.button[aria-expanded=false])~.dataTable-body-row{--components-dataTable-row-display: none}.dataTable-body-row-cell-expand-button[aria-expanded=true]{--components-dataTable-expand-rotation: 0deg}}@layer components{:not(.dataTable-body)>.dataTable-body-row{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-expand-rotation: 180deg;--components-dataTable-borderRadius: var(--pr-t-border-radius-structure);--components-dataTable-minInlineSize: none}}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dataTableShadows\">\n\t<table [class]=\"classMods()\" #tableRef>\n\t\t<ng-content />\n\t</table>\n\t<div class=\"dataTableWrapper-pagination\">\n\t\t<ng-content select=\"[dataTablePagination]\" />\n\t</div>\n</div>\n", styles: ["@layer components{.dataTableWrapper{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-expand-rotation: 180deg;--components-dataTable-borderRadius: var(--pr-t-border-radius-structure);--components-dataTable-minInlineSize: none}}@layer mods{.dataTableWrapper.mod-nested{--components-dataTable-borderRadius: var(--pr-t-border-radius-default)}.dataTableWrapper.mod-noOverflow{--components-dataTable-minInlineSize: fit-content}}@layer components{.dataTable{display:table;text-align:start;inline-size:calc(100% + 1px);block-size:calc(100% + 1px);border-spacing:0;margin-inline-start:-1px;margin-block-start:-1px;table-layout:var(--components-dataTable-tableLayout)}.dataTableWrapper{border-radius:var(--components-dataTable-borderRadius);border:1px solid var(--commons-border-200);overflow:auto;contain:paint;background-color:var(--components-dataTable-cell-background);display:block;min-inline-size:var(--components-dataTable-minInlineSize)}.dataTableWrapper:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.dataTableWrapper-pagination{border-block-start:1px solid var(--commons-border-200);background-color:var(--components-dataTable-cell-background);display:flex;justify-content:flex-end;position:sticky;inset-block-end:0;z-index:4}.dataTableWrapper-pagination>*{position:sticky;inset-inline-end:0}.dataTableWrapper-pagination:empty{display:none}.dataTable-head-row-cell{color:var(--pr-t-color-text-subtle);padding:var(--components-dataTable-cell-padding);display:table-cell;font-weight:var(--pr-t-font-fontWeight-regular)}.dataTable-head-row-cell .checkboxField{margin-block-end:.125rem}.dataTable-head{display:table-header-group;vertical-align:bottom}.dataTable-body{display:table-row-group}.dataTable-foot{display:table-footer-group}.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row{display:var(--components-dataTable-row-display)}.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell{display:table-cell;box-shadow:var(--components-dataTable-cell-shadow);background-color:var(--components-dataTable-cell-background);text-align:var(--components-dataTable-cell-textAlign);transition-property:background-color;transition-duration:var(--commons-animations-durations-fast);font-weight:var(--pr-t-font-fontWeight-regular)}.dataTable-head-row-cell:first-child,.dataTable-body-row-cell:first-child,.dataTable-foot-row-cell:first-child{inline-size:var(--components-dataTable-cellFirst-width);inset-inline-start:0}.dataTable-head-row-cell:first-child .checkboxField,.dataTable-body-row-cell:first-child .checkboxField,.dataTable-foot-row-cell:first-child .checkboxField{--component-checkboxField-top: 0}.dataTable-head-row-cell:last-child,.dataTable-body-row-cell:last-child,.dataTable-foot-row-cell:last-child{inset-inline-end:0}.dataTable-body-row-cell,.dataTable-foot-row-cell{padding:var(--components-dataTable-cell-padding);padding-inline-start:var(--components-dataTable-cell-paddingInlineStart);vertical-align:middle}.dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: none}.dataTable-body-row-cell{vertical-align:var(--components-dataTable-cell-verticalAlign)}.dataTable-foot-row-cell{font-weight:var(--pr-t-font-fontWeight-semibold)}.dataTable-body-row-cell-expand{display:flex;gap:var(--pr-t-spacings-100);align-items:flex-start;font-weight:var(--pr-t-font-fontWeight-semibold)}.dataTable-body-row-cell-expand-button.button{vertical-align:top;margin-inline-start:calc(var(--pr-t-spacings-25) * -1)}.dataTable-body-row-cell-expand-button.button .lucca-icon{transform:rotate(var(--components-dataTable-expand-rotation));transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}.dataTable-body-row-cell-drag.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.dataTable-body-row-cell-drag.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.dataTable-body-row-cell-drag.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.dataTable-body-row-cell-drag.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.dataTable-body-row-cell-drag.button{--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dataTable-body-row-cell-drag.button:hover,.dataTable-body-row-cell-drag.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dataTable-body-row-cell-drag.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dataTable-body-row-cell-drag.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dataTable-body-row-cell-drag.button{--components-button-padding: var(--pr-t-spacings-50);--components-button-color: var(--palettes-neutral-700);cursor:move;vertical-align:top}.dataTable .statusBadge,.dataTable .tag,.dataTable .avatar{vertical-align:top}.dataTable .statusBadge,.dataTable .tag{margin-block-start:var(--pr-t-spacings-25)}.dataTable .avatarWrapper{display:inline-flex}}@layer mods{.dataTable.mod-cellBorder{--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200), 1px 0 inset var(--commons-border-200)}.dataTable.mod-cellBorder .dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: 1px 0 inset var(--commons-border-200)}.dataTable.mod-cellBorder :is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-editable{--components-dataTable-cell-paddingInlineStart: var(--pr-t-spacings-100)}.dataTable.mod-alignTop,.dataTable.mod-verticalAlignTop{--components-dataTable-cell-verticalAlign: top}.dataTable.mod-verticalAlignBottom{--components-dataTable-cell-verticalAlign: bottom}.dataTable.mod-verticalAlignMiddle{--components-dataTable-cell-verticalAlign: middle}.dataTable.mod-layoutFixed{--components-dataTable-tableLayout: fixed}@media(min-width:20em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXS{--components-dataTable-tableLayout: fixed}}@media(min-width:30em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXS{--components-dataTable-tableLayout: fixed}}@media(min-width:40em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXS{--components-dataTable-tableLayout: fixed}}@media(min-width:50em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinS{--components-dataTable-tableLayout: fixed}}@media(min-width:64em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinM{--components-dataTable-tableLayout: fixed}}@media(min-width:80em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinL{--components-dataTable-tableLayout: fixed}}@media(min-width:85.375em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXL{--components-dataTable-tableLayout: fixed}}@media(min-width:100em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXL{--components-dataTable-tableLayout: fixed}}@media(min-width:120em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXL{--components-dataTable-tableLayout: fixed}}.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}@media(min-width:20em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:30em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:40em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:50em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:64em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:80em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:85.375em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:100em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:120em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}.dataTable.mod-hover :is(.mod-selectable,.dataTable-body-row:not(.mod-group)):hover{--components-dataTable-cell-background: var(--palettes-neutral-25)}.dataTable.mod-hover :is(.mod-selectable,.dataTable-body-row:not(.mod-group)).mod-selectable:has(input:checked):hover{--components-dataTable-cell-background: var(--palettes-product-100)}}@layer mods{:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-25);--components-button-color: var(--palettes-neutral-800)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group{font:var(--pr-t-font-heading-4)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:hover{--components-dataTable-cell-background: var(--palettes-neutral-50)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable{--components-dataTable-cellFirst-width: 2.625rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-foot-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-foot-row-cell:first-child{inline-size:var(--components-dataTable-cellFirst-width);max-inline-size:var(--components-dataTable-cellFirst-width)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-foot-row-cell:first-child{--components-dataTable-cellFirst-width: 2.5rem;padding-inline:var(--pr-t-spacings-75)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-head-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-body-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-foot-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-head-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-body-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-foot-row-cell:nth-child(2){--components-dataTable-cellFirst-width: 2.625rem;inline-size:var(--components-dataTable-cellFirst-width);max-inline-size:var(--components-dataTable-cellFirst-width)}:is(.dataTable-body-row,.dataTable-foot-row):has([selectable]):has(input:checked),:is(.dataTable-body-row,.dataTable-foot-row).mod-selectable:has(input:checked){--components-dataTable-cell-background: var(--palettes-product-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions{padding-block:0;padding-inline:var(--pr-t-spacings-50);text-align:end;white-space:nowrap}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--components-button-padding: var(--pr-t-spacings-100);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-critical:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-critical:active,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{transition-property:box-shadow,color}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions:is(.dataTable-head-row-cell) .button{position:relative;inset-block-end:var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignCenter{--components-dataTable-cell-textAlign: center}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignRight,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignEnd{--components-dataTable-cell-textAlign: end}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignStart{--components-dataTable-cell-textAlign: start}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-editable{--components-dataTable-cell-padding: var(--pr-t-spacings-100);--components-dataTable-cell-paddingInlineStart: var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-25);--components-button-color: var(--palettes-neutral-800)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree{--components-dataTable-cell-paddingInlineStart: calc( var(--components-dataTable-cell-padding-inline) + var(--pr-t-spacings-300) * calc(var(--components-dataTable-treeLevel) - 1) + var(--components-dataTable-tree-extraPadding) )}.dataTable-body-row.is-collapsed{--components-dataTable-row-display: none}.dataTable-body-row:first-child:has(.dataTable-body-row-cell-expand-button.button[aria-expanded=false])~.dataTable-body-row{--components-dataTable-row-display: none}.dataTable-body-row-cell-expand-button[aria-expanded=true]{--components-dataTable-expand-rotation: 0deg}}@layer components{:not(.dataTable-body)>.dataTable-body-row{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-expand-rotation: 180deg;--components-dataTable-borderRadius: var(--pr-t-border-radius-structure);--components-dataTable-minInlineSize: none}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { tableRef: [{ type: i0.ViewChild, args: ['tableRef', { isSignal: true }] }], hover: [{ type: i0.Input, args: [{ isSignal: true, alias: "hover", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], layoutFixed: [{ type: i0.Input, args: [{ isSignal: true, alias: "layoutFixed", required: false }] }], cellBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellBorder", required: false }] }], nested: [{ type: i0.Input, args: [{ isSignal: true, alias: "nested", required: false }] }], drag: [{ type: i0.Input, args: [{ isSignal: true, alias: "drag", required: false }] }], noOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "noOverflow", required: false }] }], responsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsive", required: false }] }], verticalAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "verticalAlign", required: false }] }], rows: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => DataTableRowComponent), { ...{ descendants: true }, isSignal: true }] }], header: [{ type: i0.ContentChild, args: [i0.forwardRef(() => DataTableHeadComponent), { ...{ descendants: true }, isSignal: true }] }], stickyColsStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyColsStart", required: false }] }], stickyColsEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyColsEnd", required: false }] }] } });
 
 /**