@lucca-front/ng 21.1.0-rc.1 → 21.1.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/lucca-front-ng-api.mjs +45 -13
- package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-app-layout.mjs +2 -2
- package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-box.mjs +1 -1
- package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-breadcrumbs.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-bubble-icon.mjs +1 -1
- package/fesm2022/lucca-front-ng-bubble-icon.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-button.mjs +1 -119
- package/fesm2022/lucca-front-ng-button.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-callout.mjs +13 -39
- package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-chip.mjs +3 -33
- package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-clear.mjs +2 -17
- package/fesm2022/lucca-front-ng-clear.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-comment.mjs +18 -20
- package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-container.mjs +7 -5
- package/fesm2022/lucca-front-ng-container.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +2 -0
- package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-user.mjs +2 -2
- package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select.mjs +6 -6
- package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core.mjs +3 -75
- package/fesm2022/lucca-front-ng-core.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-data-table.mjs +3 -3
- package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-date.mjs +37 -5
- package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-date2.mjs +20 -32
- package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-department.mjs +18 -2
- package/fesm2022/lucca-front-ng-department.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-dialog.mjs +3 -3
- package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-divider.mjs +1 -10
- package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-empty-state.mjs +1 -17
- package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-establishment.mjs +66 -2
- package/fesm2022/lucca-front-ng-establishment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-fancy-box.mjs +0 -12
- package/fesm2022/lucca-front-ng-fancy-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-file-upload.mjs +1 -1
- package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-filter-pills.mjs +3 -3
- package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-footer.mjs +0 -3
- package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form-field.mjs +7 -76
- package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form-header.mjs +0 -3
- package/fesm2022/lucca-front-ng-form-header.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form.mjs +5 -19
- package/fesm2022/lucca-front-ng-form.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +8 -9
- package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +34 -51
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms.mjs +40 -88
- package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-gauge.mjs +5 -28
- package/fesm2022/lucca-front-ng-gauge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-grid.mjs +3 -3
- package/fesm2022/lucca-front-ng-grid.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-highlight-data.mjs +26 -31
- package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +0 -3
- package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-icon.mjs +1 -42
- package/fesm2022/lucca-front-ng-icon.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-index-table.mjs +3 -3
- package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-inline-message.mjs +0 -12
- package/fesm2022/lucca-front-ng-inline-message.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-link.mjs +0 -15
- package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-listbox.mjs +6 -18
- package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-listing.mjs +8 -37
- package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-main-layout.mjs +2 -8
- package/fesm2022/lucca-front-ng-main-layout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-mobile-push.mjs +10 -18
- package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-modal.mjs +1 -1
- package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-multi-select.mjs +9 -12
- package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-new-badge.mjs +0 -3
- package/fesm2022/lucca-front-ng-new-badge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-numeric-badge.mjs +1 -10
- package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-option.mjs +315 -203
- package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-page-header.mjs +0 -9
- package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-pagination.mjs +1 -25
- package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-plg-push.mjs +1 -7
- package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-popover.mjs +33 -1
- package/fesm2022/lucca-front-ng-popover.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-popover2.mjs +9 -19
- package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-progress-bar.mjs +5 -12
- package/fesm2022/lucca-front-ng-progress-bar.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-read-more.mjs +1 -16
- package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-resource-card.mjs +7 -7
- package/fesm2022/lucca-front-ng-resource-card.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-scroll-box.mjs +2 -5
- package/fesm2022/lucca-front-ng-scroll-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +3 -9
- package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-segmented-control.mjs +1 -16
- package/fesm2022/lucca-front-ng-segmented-control.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-simple-select.mjs +6 -21
- package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-skeleton.mjs +12 -63
- package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-sortable-list.mjs +1 -25
- package/fesm2022/lucca-front-ng-sortable-list.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-status-badge.mjs +0 -12
- package/fesm2022/lucca-front-ng-status-badge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tag.mjs +1 -7
- package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-time.mjs +16 -55
- package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tooltip.mjs +22 -6
- package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-user-popover.mjs +1 -1
- package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-user.mjs +25 -9
- package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-vertical-navigation.mjs +2 -32
- package/fesm2022/lucca-front-ng-vertical-navigation.mjs.map +1 -1
- package/package.json +5 -7
- package/schematics/action-icon/index.js +5 -4
- package/schematics/action-icon/migration.js +4 -3
- package/schematics/action-icon/migration.spec.js +8 -8
- package/schematics/alignment-utilities/index.js +4 -3
- package/schematics/alignment-utilities/migration.spec.js +8 -8
- package/schematics/cdn-urls/index.js +4 -3
- package/schematics/cdn-urls/migration.js +9 -7
- package/schematics/cdn-urls/migration.spec.js +8 -8
- package/schematics/class-prefix/index.js +4 -3
- package/schematics/class-prefix/migration.spec.js +8 -8
- package/schematics/collection.json +0 -10
- package/schematics/color-text/index.js +4 -3
- package/schematics/color-text/migration.spec.js +8 -8
- package/schematics/component-path/index.js +4 -3
- package/schematics/component-path/migration.spec.js +8 -8
- package/schematics/empty-state-title/index.js +7 -5
- package/schematics/empty-state-title/migration.spec.js +5 -5
- package/schematics/lib/schematic.utils.js +0 -5
- package/schematics/lu-button/index.js +4 -3
- package/schematics/lu-button/migration.js +11 -5
- package/schematics/lu-button/migration.spec.js +5 -5
- package/schematics/lu-icon/index.js +4 -3
- package/schematics/lu-icon/migration.js +14 -8
- package/schematics/lu-icon/migration.spec.js +5 -5
- package/schematics/lu-select/index.js +4 -3
- package/schematics/lu-select/migration.js +21 -18
- package/schematics/lu-select/migration.spec.js +5 -5
- package/schematics/lu-select/util.js +19 -17
- package/schematics/lu-text-input/index.js +4 -3
- package/schematics/lu-text-input/migration.js +28 -22
- package/schematics/lu-text-input/migration.spec.js +5 -5
- package/schematics/new-icons/index.js +6 -5
- package/schematics/new-icons/migration.js +16 -11
- package/schematics/new-icons/migration.spec.js +8 -8
- package/schematics/palettes/index.js +4 -3
- package/schematics/palettes/migration.spec.js +8 -8
- package/schematics/tokens-radius/index.js +4 -3
- package/schematics/tokens-radius/migration.spec.js +8 -8
- package/schematics/tokens-spacing/index.js +4 -3
- package/schematics/tokens-spacing/migration.spec.js +8 -8
- package/schematics/tokens-typo/index.js +4 -3
- package/schematics/tokens-typo/migration.spec.js +8 -8
- package/src/components/cdk/_overlay.scss +0 -5
- package/src/definitions/option/_option-item.scss +0 -1
- package/types/lucca-front-ng-api.d.ts +19 -1
- package/types/lucca-front-ng-breadcrumbs.d.ts +1 -1
- package/types/lucca-front-ng-button.d.ts +1 -61
- package/types/lucca-front-ng-callout.d.ts +2 -32
- package/types/lucca-front-ng-chip.d.ts +2 -32
- package/types/lucca-front-ng-clear.d.ts +5 -20
- package/types/lucca-front-ng-comment.d.ts +11 -19
- package/types/lucca-front-ng-container.d.ts +4 -4
- package/types/lucca-front-ng-core-select.d.ts +1 -2
- package/types/lucca-front-ng-core.d.ts +3 -18
- package/types/lucca-front-ng-date.d.ts +19 -1
- package/types/lucca-front-ng-date2.d.ts +1 -2
- package/types/lucca-front-ng-department.d.ts +10 -1
- package/types/lucca-front-ng-divider.d.ts +0 -10
- package/types/lucca-front-ng-empty-state.d.ts +0 -16
- package/types/lucca-front-ng-establishment.d.ts +37 -1
- package/types/lucca-front-ng-fancy-box.d.ts +0 -12
- package/types/lucca-front-ng-footer.d.ts +0 -3
- package/types/lucca-front-ng-form-field.d.ts +4 -34
- package/types/lucca-front-ng-form-header.d.ts +0 -3
- package/types/lucca-front-ng-form.d.ts +5 -9
- package/types/lucca-front-ng-forms-phone-number-input.d.ts +0 -1
- package/types/lucca-front-ng-forms-rich-text-input.d.ts +0 -2
- package/types/lucca-front-ng-forms.d.ts +4 -16
- package/types/lucca-front-ng-gauge.d.ts +0 -25
- package/types/lucca-front-ng-grid.d.ts +1 -1
- package/types/lucca-front-ng-highlight-data.d.ts +15 -36
- package/types/lucca-front-ng-horizontal-navigation.d.ts +0 -3
- package/types/lucca-front-ng-icon.d.ts +1 -32
- package/types/lucca-front-ng-inline-message.d.ts +0 -12
- package/types/lucca-front-ng-link.d.ts +0 -15
- package/types/lucca-front-ng-listbox.d.ts +4 -16
- package/types/lucca-front-ng-listing.d.ts +2 -33
- package/types/lucca-front-ng-main-layout.d.ts +0 -6
- package/types/lucca-front-ng-mobile-push.d.ts +0 -7
- package/types/lucca-front-ng-new-badge.d.ts +0 -3
- package/types/lucca-front-ng-numeric-badge.d.ts +0 -9
- package/types/lucca-front-ng-option.d.ts +141 -78
- package/types/lucca-front-ng-page-header.d.ts +0 -9
- package/types/lucca-front-ng-pagination.d.ts +0 -24
- package/types/lucca-front-ng-plg-push.d.ts +0 -6
- package/types/lucca-front-ng-popover.d.ts +20 -1
- package/types/lucca-front-ng-popover2.d.ts +3 -5
- package/types/lucca-front-ng-progress-bar.d.ts +0 -9
- package/types/lucca-front-ng-read-more.d.ts +1 -16
- package/types/lucca-front-ng-resource-card.d.ts +0 -6
- package/types/lucca-front-ng-scroll-box.d.ts +1 -4
- package/types/lucca-front-ng-segmented-control-tabs.d.ts +1 -7
- package/types/lucca-front-ng-segmented-control.d.ts +1 -16
- package/types/lucca-front-ng-skeleton.d.ts +6 -61
- package/types/lucca-front-ng-sortable-list.d.ts +0 -24
- package/types/lucca-front-ng-status-badge.d.ts +0 -12
- package/types/lucca-front-ng-tag.d.ts +0 -6
- package/types/lucca-front-ng-time.d.ts +10 -16
- package/types/lucca-front-ng-tooltip.d.ts +11 -2
- package/types/lucca-front-ng-user.d.ts +11 -2
- package/types/lucca-front-ng-vertical-navigation.d.ts +0 -30
- package/fesm2022/lucca-front-ng-text-flow.mjs +0 -20
- package/fesm2022/lucca-front-ng-text-flow.mjs.map +0 -1
- package/schematics/lib/index.js +0 -29
- package/schematics/lu-container/index.js +0 -23
- package/schematics/lu-container/migration.js +0 -116
- package/schematics/lu-container/migration.spec.js +0 -23
- package/schematics/lu-container/schema.json +0 -23
- package/schematics/lu-loading/index.js +0 -23
- package/schematics/lu-loading/migration.js +0 -136
- package/schematics/lu-loading/migration.spec.js +0 -23
- package/schematics/lu-loading/schema.json +0 -28
- package/types/lucca-front-ng-text-flow.d.ts +0 -8
|
@@ -4,13 +4,7 @@ import { NgTemplateOutlet } from '@angular/common';
|
|
|
4
4
|
|
|
5
5
|
class SkeletonButtonComponent {
|
|
6
6
|
constructor() {
|
|
7
|
-
/**
|
|
8
|
-
* Applies dark color for skeleton
|
|
9
|
-
*/
|
|
10
7
|
this.dark = input(false, { ...(ngDevMode ? { debugName: "dark" } : {}), transform: booleanAttribute });
|
|
11
|
-
/**
|
|
12
|
-
* Changes the size of the skeleton button
|
|
13
|
-
*/
|
|
14
8
|
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
|
|
15
9
|
}
|
|
16
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkeletonButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -23,44 +17,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
23
17
|
|
|
24
18
|
class SkeletonDataTableComponent {
|
|
25
19
|
constructor() {
|
|
26
|
-
/**
|
|
27
|
-
* Skeleton only show in data table body
|
|
28
|
-
*/
|
|
29
20
|
this.dataTableBodyOnly = input(false, { ...(ngDevMode ? { debugName: "dataTableBodyOnly" } : {}), transform: booleanAttribute });
|
|
30
|
-
/**
|
|
31
|
-
* Defines the number of cols (5 by default)
|
|
32
|
-
*/
|
|
33
21
|
this.cols = input(5, ...(ngDevMode ? [{ debugName: "cols" }] : []));
|
|
34
|
-
this.colsAlign = input({}, ...(ngDevMode ? [{ debugName: "colsAlign" }] : []));
|
|
35
|
-
/**
|
|
36
|
-
* Defines the number of row (8 by default)
|
|
37
|
-
*/
|
|
38
|
-
this.rows = input(8, ...(ngDevMode ? [{ debugName: "rows" }] : []));
|
|
39
22
|
this.colsNumber = computed(() => new Array(this.cols()), ...(ngDevMode ? [{ debugName: "colsNumber" }] : []));
|
|
23
|
+
this.rows = input(8, ...(ngDevMode ? [{ debugName: "rows" }] : []));
|
|
40
24
|
this.rowsNumber = computed(() => new Array(this.rows()), ...(ngDevMode ? [{ debugName: "rowsNumber" }] : []));
|
|
41
25
|
this.getRandomPercent = (min = 33, max = 66) => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;
|
|
42
26
|
}
|
|
43
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkeletonDataTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SkeletonDataTableComponent, isStandalone: true, selector: "lu-skeleton-data-table", inputs: { dataTableBodyOnly: { classPropertyName: "dataTableBodyOnly", publicName: "dataTableBodyOnly", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, colsAlign: { classPropertyName: "colsAlign", publicName: "colsAlign", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (dataTableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<div class=\"dataTableWrapper\">\n\t\t<table class=\"dataTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t\t<thead class=\"dataTable-head\">\n\t\t\t\t<tr class=\"dataTable-head-row\">\n\t\t\t\t\t@for (col of colsNumber(); track col; let i = $index) {\n\t\t\t\t\t\t<th class=\"dataTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclass=\"skeleton-item\"\n\t\t\t\t\t\t\t\t[class.mod-alignRight]=\"colsAlign()[i] === 'end'\"\n\t\t\t\t\t\t\t\t[class.mod-alignCenter]=\"colsAlign()[i] === 'center'\"\n\t\t\t\t\t\t\t\t[style.--components-skeleton-text-width]=\"getRandomPercent()\"\n\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t\t</table>\n\t</div>\n}\n<ng-template #tbody>\n\t<tbody class=\"dataTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"dataTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col; let i = $index) {\n\t\t\t\t\t<td class=\"dataTable-body-row-cell\">\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"skeleton-item\"\n\t\t\t\t\t\t\t[class.mod-alignRight]=\"colsAlign()[i] === 'end'\"\n\t\t\t\t\t\t\t[class.mod-alignCenter]=\"colsAlign()[i] === 'center'\"\n\t\t\t\t\t\t\t[style.--components-skeleton-text-width]=\"getRandomPercent()\"\n\t\t\t\t\t\t></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\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-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)}.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-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-left: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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.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);--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{@includeverticalAlignMiddle;}.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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}: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);--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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}: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);--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{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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-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-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--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}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SkeletonDataTableComponent, isStandalone: true, selector: "lu-skeleton-data-table", inputs: { dataTableBodyOnly: { classPropertyName: "dataTableBodyOnly", publicName: "dataTableBodyOnly", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (dataTableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<div class=\"dataTableWrapper\">\n\t\t<table class=\"dataTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t\t<thead class=\"dataTable-head\">\n\t\t\t\t<tr class=\"dataTable-head-row\">\n\t\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t\t<th class=\"dataTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t\t</table>\n\t</div>\n}\n<ng-template #tbody>\n\t<tbody class=\"dataTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"dataTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"dataTable-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\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-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)}.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-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-left: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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.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);--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{@includeverticalAlignMiddle;}.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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}: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);--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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}: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);--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{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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-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-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--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}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
45
29
|
}
|
|
46
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkeletonDataTableComponent, decorators: [{
|
|
47
31
|
type: Component,
|
|
48
|
-
args: [{ selector: 'lu-skeleton-data-table', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "@if (dataTableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<div class=\"dataTableWrapper\">\n\t\t<table class=\"dataTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t\t<thead class=\"dataTable-head\">\n\t\t\t\t<tr class=\"dataTable-head-row\">\n\t\t\t\t\t@for (col of colsNumber(); track col; let i = $index) {\n\t\t\t\t\t\t<th class=\"dataTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclass=\"skeleton-item\"\n\t\t\t\t\t\t\t\t[class.mod-alignRight]=\"colsAlign()[i] === 'end'\"\n\t\t\t\t\t\t\t\t[class.mod-alignCenter]=\"colsAlign()[i] === 'center'\"\n\t\t\t\t\t\t\t\t[style.--components-skeleton-text-width]=\"getRandomPercent()\"\n\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t\t</table>\n\t</div>\n}\n<ng-template #tbody>\n\t<tbody class=\"dataTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"dataTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col; let i = $index) {\n\t\t\t\t\t<td class=\"dataTable-body-row-cell\">\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"skeleton-item\"\n\t\t\t\t\t\t\t[class.mod-alignRight]=\"colsAlign()[i] === 'end'\"\n\t\t\t\t\t\t\t[class.mod-alignCenter]=\"colsAlign()[i] === 'center'\"\n\t\t\t\t\t\t\t[style.--components-skeleton-text-width]=\"getRandomPercent()\"\n\t\t\t\t\t\t></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\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-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)}.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-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-left: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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.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);--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{@includeverticalAlignMiddle;}.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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}: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);--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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}: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);--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{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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-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-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--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}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"] }]
|
|
49
|
-
}], propDecorators: { dataTableBodyOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataTableBodyOnly", required: false }] }], cols: [{ type: i0.Input, args: [{ isSignal: true, alias: "cols", required: false }] }],
|
|
32
|
+
args: [{ selector: 'lu-skeleton-data-table', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "@if (dataTableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<div class=\"dataTableWrapper\">\n\t\t<table class=\"dataTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t\t<thead class=\"dataTable-head\">\n\t\t\t\t<tr class=\"dataTable-head-row\">\n\t\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t\t<th class=\"dataTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t\t</table>\n\t</div>\n}\n<ng-template #tbody>\n\t<tbody class=\"dataTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"dataTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"dataTable-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\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-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)}.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-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-left: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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.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);--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{@includeverticalAlignMiddle;}.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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}: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);--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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}: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);--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{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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-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-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--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}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"] }]
|
|
33
|
+
}], propDecorators: { dataTableBodyOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataTableBodyOnly", required: false }] }], cols: [{ type: i0.Input, args: [{ isSignal: true, alias: "cols", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }] } });
|
|
50
34
|
|
|
51
35
|
class SkeletonFieldComponent {
|
|
52
36
|
constructor() {
|
|
53
|
-
/**
|
|
54
|
-
* Applies dark color for skeleton
|
|
55
|
-
*/
|
|
56
37
|
this.dark = input(false, { ...(ngDevMode ? { debugName: "dark" } : {}), transform: booleanAttribute });
|
|
57
|
-
/**
|
|
58
|
-
* Hide the field label skeleton
|
|
59
|
-
*/
|
|
60
38
|
this.hiddenLabel = input(false, { ...(ngDevMode ? { debugName: "hiddenLabel" } : {}), transform: booleanAttribute });
|
|
61
|
-
/**
|
|
62
|
-
* Defines the number of row
|
|
63
|
-
*/
|
|
64
39
|
this.rows = input(1, { ...(ngDevMode ? { debugName: "rows" } : {}), transform: numberAttribute });
|
|
65
40
|
this.lines = computed(() => Array.from({ length: this.rows() }), ...(ngDevMode ? [{ debugName: "lines" }] : []));
|
|
66
41
|
this.getRandomPercent = (min = 33, max = 66) => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;
|
|
@@ -75,9 +50,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
75
50
|
|
|
76
51
|
class SkeletonHeaderComponent {
|
|
77
52
|
constructor() {
|
|
78
|
-
/**
|
|
79
|
-
* Applies dark color for skeleton
|
|
80
|
-
*/
|
|
81
53
|
this.dark = input(false, { ...(ngDevMode ? { debugName: "dark" } : {}), transform: booleanAttribute });
|
|
82
54
|
}
|
|
83
55
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkeletonHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -90,36 +62,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
90
62
|
|
|
91
63
|
class SkeletonIndexTableComponent {
|
|
92
64
|
constructor() {
|
|
93
|
-
/**
|
|
94
|
-
* Skeleton only show in index table body
|
|
95
|
-
*/
|
|
96
65
|
this.tableBodyOnly = input(false, { ...(ngDevMode ? { debugName: "tableBodyOnly" } : {}), transform: booleanAttribute });
|
|
97
|
-
/**
|
|
98
|
-
* Defines the number of cols (5 by default)
|
|
99
|
-
*/
|
|
100
66
|
this.cols = input(5, ...(ngDevMode ? [{ debugName: "cols" }] : []));
|
|
101
|
-
this.
|
|
102
|
-
/**
|
|
103
|
-
* Defines the number of row (8 by default)
|
|
104
|
-
*/
|
|
67
|
+
this.colsNumber = computed(() => new Array(this.cols()), ...(ngDevMode ? [{ debugName: "colsNumber" }] : []));
|
|
105
68
|
this.rows = input(8, ...(ngDevMode ? [{ debugName: "rows" }] : []));
|
|
106
69
|
this.rowsNumber = computed(() => new Array(this.rows()), ...(ngDevMode ? [{ debugName: "rowsNumber" }] : []));
|
|
107
|
-
this.colsNumber = computed(() => new Array(this.cols()), ...(ngDevMode ? [{ debugName: "colsNumber" }] : []));
|
|
108
70
|
this.getRandomPercent = (min = 33, max = 66) => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;
|
|
109
71
|
}
|
|
110
72
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkeletonIndexTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
111
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SkeletonIndexTableComponent, isStandalone: true, selector: "lu-skeleton-index-table", inputs: { tableBodyOnly: { classPropertyName: "tableBodyOnly", publicName: "tableBodyOnly", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, colsAlign: { classPropertyName: "colsAlign", publicName: "colsAlign", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (tableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"indexTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"indexTable-head\">\n\t\t\t<tr class=\"indexTable-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col; let i = $index) {\n\t\t\t\t\t<th class=\"indexTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"skeleton-item mod-dark\"\n\t\t\t\t\t\t\t[class.mod-alignRight]=\"colsAlign()[i] === 'end'\"\n\t\t\t\t\t\t\t[class.mod-alignCenter]=\"colsAlign()[i] === 'center'\"\n\t\t\t\t\t\t\t[style.--components-skeleton-text-width]=\"getRandomPercent()\"\n\t\t\t\t\t\t></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"indexTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"indexTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col; let i = $index) {\n\t\t\t\t\t<td class=\"indexTable-body-row-cell\">\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"skeleton-item\"\n\t\t\t\t\t\t\t[class.mod-alignRight]=\"colsAlign()[i] === 'end'\"\n\t\t\t\t\t\t\t[class.mod-alignCenter]=\"colsAlign()[i] === 'center'\"\n\t\t\t\t\t\t\t[style.--components-skeleton-text-width]=\"getRandomPercent()\"\n\t\t\t\t\t\t></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@layer components{.indexTable{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: var(--pr-t-border-radius-structure);--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--components-indexTable-row-display: table-row;--components-indexTable-row-spacing-responsive: 8px;--components-indexTable-cell-paddingInline: var(--pr-t-spacings-150);--components-indexTable-cell-paddingBlock: var(--pr-t-spacings-100);--components-indexTable-cell-border-radius: var(--pr-t-border-radius-default);--components-indexTable-cell-background-color-default: var(--palettes-neutral-0);--components-indexTable-cell-shadow-default: var(--pr-t-elevation-shadow-raised);--components-indexTable-cell-background-color-selected: var(--palettes-product-50);--components-indexTable-cell-shadow-selected: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-indexTable-cell-shadow-hover: var(--pr-t-elevation-shadow-overlay);--components-indexTable-row-cell-transparent-width: 2.25rem;--components-indexTable-stack2-row-spacing: 5px;--components-indexTable-stack3-row-spacing: 9px;--components-indexTable-stack-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='2008' height='48' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.2 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.4 0'/%3E%3CfeBlend in2='effect1_dropShadow_1214_48875' mode='multiply' result='effect2_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='effect3_dropShadow_1214_48875'/%3E%3CfeOffset/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.08 0'/%3E%3CfeBlend in2='effect2_dropShadow_1214_48875' result='effect3_dropShadow_1214_48875'/%3E%3CfeBlend in='SourceGraphic' in2='effect3_dropShadow_1214_48875' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none' viewBox='0 0 2008 48'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23FFF1EB' stroke='%23FF9361' rx='8'/%3E%3C/svg%3E%0A\");--components-indexTable-hover-offset-x: -4px;--components-indexTable-hover-offset-y: -1px;--components-indexTable-outline-offset: 4px;--components-indexTable-outline-border-width: 2px;--components-indexTable-outline-border-radius: calc( var(--components-indexTable-cell-border-radius) + var(--components-indexTable-outline-offset) );--components-indexTable-outline-color: var(--palettes-product-700);position:relative;display:table;inline-size:100%;padding-block:0 calc(var(--components-indexTable-padding) - var(--components-indexTable-row-spacing));padding-inline:var(--components-indexTable-padding);border-collapse:separate;border-spacing:0 var(--components-indexTable-row-spacing);border-radius:var(--components-indexTable-border-radius);background-color:var(--components-indexTable-background-color);color:var(--pr-t-color-text);contain:paint}.indexTable-head{display:table-header-group;vertical-align:bottom}.indexTable-body,.indexTable-foot{display:table-row-group}.indexTable-foot:is(tfoot){display:table-footer-group}.indexTable-head-row,.indexTable-body-row,.indexTable-foot-row{display:var(--components-indexTable-row-display)}.indexTable-head-row-transparentCell,.indexTable-body-row-transparentCell,.indexTable-head-row-cell,.indexTable-body-row-cell,.indexTable-foot-row-cell{display:table-cell;text-align:start;font-weight:var(--pr-t-font-fontWeight-regular)}.indexTable-head-row-transparentCell,.indexTable-body-row-transparentCell{vertical-align:middle;padding-block:var(--pr-t-spacings-50);padding-inline:0;position:relative;z-index:3}.indexTable-head-row-transparentCell:not(:first-child),.indexTable-body-row-transparentCell:not(:first-child){padding-inline-end:var(--components-indexTable-cell-paddingInline)}.indexTable-head-row-cell,.indexTable-body-row-cell,.indexTable-foot-row-cell{vertical-align:top;padding-block:var(--components-indexTable-cell-paddingBlock);padding-inline:var(--components-indexTable-cell-paddingInline)}.indexTable-body-row{border-radius:var(--pr-t-border-radius-default)}.indexTable-body-row:has(.indexTable-body-row-cell-link) .indexTable-body-row-cell:not(:has(button,a,input,textarea,select,details,[tabindex=\"0\"]),.mod-allowTextSelection){pointer-events:none}.indexTable-body-row:not(:has(.indexTable-body-row-cell-link)):has(.indexTable-body-row-cell-action){cursor:pointer}.indexTable-head-row-cell{color:var(--pr-t-color-text-subtle)}.indexTable-foot-row-cell{text-align:end;padding-block:var(--pr-t-spacings-50)}.indexTable-body-row-cell{position:relative;z-index:var(--components-indexTable-cell-z-index, 1);border:var(--commons-divider-width) 0 solid transparent;--components-indexTable-cell-inset-x-left: var(--components-indexTable-cell-inset-x);--components-indexTable-cell-border-radius-left: var(--components-indexTable-cell-border-radius);--components-indexTable-cell-border-radius-right: 0;--components-indexTable-outline-border-radius-left: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-radius-right: 0;--components-indexTable-outline-border-width-left: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-width-right: 0}.indexTable-body-row-cell~.indexTable-body-row-cell{--components-indexTable-cell-inset-x-left: 0px;--components-indexTable-shadow-mask: calc(var(--pr-t-spacings-100) * -1) 0px 0px 0px var(--components-indexTable-cell-background-color, var(--components-indexTable-cell-background-color-default));--components-indexTable-cell-border-radius-left: 0;--components-indexTable-outline-border-radius-left: 0;--components-indexTable-outline-border-width-left: 0}.indexTable-body-row-cell:last-child{--components-indexTable-cell-inset-x-right: var(--components-indexTable-cell-inset-x);--components-indexTable-cell-border-radius-right: var(--components-indexTable-cell-border-radius);--components-indexTable-outline-border-radius-right: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-width-right: var(--components-indexTable-outline-border-width)}.indexTable-body-row-cell:before,.indexTable-body-row-cell:after{content:\"\";position:absolute;z-index:-1;transition-duration:var(--commons-animations-durations-fast)}.indexTable-body-row-cell:before{inset:var(--components-indexTable-cell-inset-y, 0) var(--components-indexTable-cell-inset-x-right, 0) var(--components-indexTable-cell-inset-y, 0) var(--components-indexTable-cell-inset-x-left, 0);border-radius:var(--components-indexTable-cell-border-radius-left) var(--components-indexTable-cell-border-radius-right) var(--components-indexTable-cell-border-radius-right) var(--components-indexTable-cell-border-radius-left);background-color:var(--components-indexTable-cell-background-color, var(--components-indexTable-cell-background-color-default));box-shadow:var(--components-indexTable-shadow-mask, 0 0 0 0),var(--components-indexTable-cell-shadow, var(--components-indexTable-cell-shadow-default));transition-property:inset,box-shadow,background-color}.indexTable-body-row-cell:after{inset:calc(var(--components-indexTable-cell-inset-y, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-x-right, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-y, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-x-left, 0px) - var(--components-indexTable-outline-offset));border-radius:var(--components-indexTable-outline-border-radius-left) var(--components-indexTable-outline-border-radius-right) var(--components-indexTable-outline-border-radius-right) var(--components-indexTable-outline-border-radius-left);border-block-width:var(--components-indexTable-outline-border-width);border-inline-width:var(--components-indexTable-outline-border-width-left) var(--components-indexTable-outline-border-width-right);border-style:solid;border-color:var(--components-indexTable-outline-color);opacity:var(--components-indexTable-outline-opacity, 0);transition-property:inset}.indexTable-body-row-cell:has(.emptyState){--components-indexTable-cell-shadow: none}.indexTable-body-row-cell-checkbox,.indexTable-head-row-cell-checkbox{margin:var(--pr-t-spacings-50)}.indexTable-body-row-cell-action{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.indexTable-body-row-cell-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;text-decoration:none}.indexTable-body-row-cell-link:after{content:\"\";position:absolute;inset:0 -9999px;z-index:-1}.indexTable-body-row-cell-link,.indexTable-body-row-cell-link:hover{color:currentColor}.indexTable-body-row-cell-link:focus-visible{outline:none}.indexTable-body-row-cellTitle{position:relative;display:flex;align-items:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-25);font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTable-body-row-cellTitle-title{font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTableWrapper{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: var(--pr-t-border-radius-structure);--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--components-indexTable-row-display: table-row;--components-indexTable-row-spacing-responsive: 8px;--components-indexTable-cell-paddingInline: var(--pr-t-spacings-150);--components-indexTable-cell-paddingBlock: var(--pr-t-spacings-100);--components-indexTable-cell-border-radius: var(--pr-t-border-radius-default);--components-indexTable-cell-background-color-default: var(--palettes-neutral-0);--components-indexTable-cell-shadow-default: var(--pr-t-elevation-shadow-raised);--components-indexTable-cell-background-color-selected: var(--palettes-product-50);--components-indexTable-cell-shadow-selected: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-indexTable-cell-shadow-hover: var(--pr-t-elevation-shadow-overlay);--components-indexTable-row-cell-transparent-width: 2.25rem;--components-indexTable-stack2-row-spacing: 5px;--components-indexTable-stack3-row-spacing: 9px;--components-indexTable-stack-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='2008' height='48' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.2 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.4 0'/%3E%3CfeBlend in2='effect1_dropShadow_1214_48875' mode='multiply' result='effect2_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='effect3_dropShadow_1214_48875'/%3E%3CfeOffset/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.08 0'/%3E%3CfeBlend in2='effect2_dropShadow_1214_48875' result='effect3_dropShadow_1214_48875'/%3E%3CfeBlend in='SourceGraphic' in2='effect3_dropShadow_1214_48875' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none' viewBox='0 0 2008 48'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23FFF1EB' stroke='%23FF9361' rx='8'/%3E%3C/svg%3E%0A\");--components-indexTable-hover-offset-x: -4px;--components-indexTable-hover-offset-y: -1px;--components-indexTable-outline-offset: 4px;--components-indexTable-outline-border-width: 2px;--components-indexTable-outline-border-radius: calc( var(--components-indexTable-cell-border-radius) + var(--components-indexTable-outline-offset) );--components-indexTable-outline-color: var(--palettes-product-700);display:flex;flex-direction:column;padding-block-end:var(--pr-t-spacings-100);border-radius:var(--components-indexTable-border-radius);background-color:var(--components-indexTable-background-color)}.indexTableWrapper .indexTable{flex-grow:1;padding-block-end:0}.indexTableWrapper .pagination{align-self:flex-end;padding-block:var(--pr-t-spacings-50) 0;padding-inline:0;margin-inline-end:var(--pr-t-spacings-100)}.indexTableWrapper .pagination-scrolling .button:hover{--components-button-backgroundColor: var(--palettes-neutral-100);--components-button-color: var(--palettes-neutral-700)}.indexTable .indexTableWrapper-pagination:empty{display:none}.indexTable .statusBadge,.indexTable .tag,.indexTable .avatar{vertical-align:top}.indexTable .statusBadge,.indexTable .tag{margin-block-start:var(--pr-t-spacings-25)}.indexTable .avatarWrapper{display:inline-flex}.indexTable .tableSortable.button:hover{--components-button-backgroundColor: var(--palettes-neutral-100);color:var(--palettes-neutral-700)}}@layer mods{.indexTable.mod-selectable .indexTable-body-row:is(:focus-within,:hover){outline:none}.indexTable.mod-selectable .indexTable-head-row-transparentCell,.indexTable.mod-selectable .indexTable-body-row-transparentCell{inline-size:var(--components-indexTable-row-cell-transparent-width)}.indexTable.mod-selectable .indexTable-head-row-transparentCell:first-child,.indexTable.mod-selectable .indexTable-body-row-transparentCell:first-child{padding-inline-start:0}.indexTable.mod-selectable .indexTable-body-row:has(.checkbox-input:checked,.checkboxField-input:checked){--components-indexTable-cell-background-color: var(--components-indexTable-cell-background-color-selected) !important;--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-selected) !important;--components-indexTable-stack-svg: var(--components-indexTable-stack-svg-selected)}.indexTable.mod-selectable .indexTable-body-row:hover:has(.indexTable-body-row-transparentCell:hover){--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-default);--components-indexTable-cell-inset-x: 0px;--components-indexTable-cell-inset-y: 0px;--components-indexTable-cell-subAction-opacity: 0}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack2,.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack3,.indexTable.mod-stackable .indexTable-body-row.mod-stack2,.indexTable.mod-stackable .indexTable-body-row.mod-stack3{--components-indexTable-row-stack-border-bottom: var(--components-indexTable-stack2-row-spacing);--components-indexTable-row-stack2-background-image: var(--components-indexTable-stack-svg)}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack3,.indexTable.mod-stackable .indexTable-body-row.mod-stack3{--components-indexTable-row-stack-border-bottom: var(--components-indexTable-stack3-row-spacing);--components-indexTable-row-stack3-background-image: var(--components-indexTable-stack-svg)}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell,.indexTable.mod-stackable .indexTable-body-row-cell{border-block-end:var(--components-indexTable-row-stack-border-bottom) solid transparent;background-image:var(--components-indexTable-row-stack2-background-image, none),var(--components-indexTable-row-stack3-background-image, none);background-position:var(--components-indexTable-row-stack2-background-position, 0 0),var(--components-indexTable-row-stack3-background-position, 0 0);background-repeat:no-repeat,no-repeat;transition-property:background-image,background-position;transition-duration:var(--commons-animations-durations-fast);--components-indexTable-row-stack2-background-position: left calc(-2px + var(--components-indexTable-cell-inset-x-left, 0px)) bottom -10px;--components-indexTable-row-stack3-background-position: left calc(1px + var(--components-indexTable-cell-inset-x-left, 0px)) bottom -14px}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell~.indexTable-body-row-cell,.indexTable.mod-stackable .indexTable-body-row-cell~.indexTable-body-row-cell{--components-indexTable-row-stack2-background-position: left -20px bottom -10px;--components-indexTable-row-stack3-background-position: left -20px bottom -14px}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell:last-child,.indexTable.mod-stackable .indexTable-body-row-cell:last-child{--components-indexTable-row-stack2-background-position: right calc(-2px + var(--components-indexTable-cell-inset-x-right, 0px)) bottom -10px;--components-indexTable-row-stack3-background-position: right calc(1px + var(--components-indexTable-cell-inset-x-right, 0px)) bottom -14px}.indexTable.mod-stickyHeader .indexTable-head{position:sticky;inset-block-start:var(--components-indexTable-row-spacing);z-index:3}.indexTable.mod-stickyHeader .indexTable-head-row-cell{position:relative}.indexTable.mod-stickyHeader .indexTable-head-row-cell:before,.indexTable.mod-stickyHeader .indexTable-head-row-cell:after{content:\"\";position:absolute;inset:calc(var(--components-indexTable-row-spacing) * -1) calc(var(--components-indexTable-padding) * -1) 0;z-index:-1}.indexTable.mod-stickyHeader .indexTable-head-row-cell:before{background-color:var(--commons-background-base)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:after{background-color:var(--components-indexTable-background-color)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:first-child:after{border-start-start-radius:var(--components-indexTable-border-radius)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:last-child:after{border-start-end-radius:var(--components-indexTable-border-radius)}.indexTable[class*=mod-layoutFixed] .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed] .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed] .indexTable-foot-row-cell{--cell-width: calc(var(--components-indexTable-cell-fixed-width, var(--components-index-table-cell-fixed-width)) * 1rem)}.indexTable[class*=mod-layoutFixed].mod-layoutFixed{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}@media(min-width:20em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:30em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:40em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:50em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:64em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:80em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:85.375em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:100em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:120em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell{padding:0}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection{display:flex;align-items:center;justify-content:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-50);border-radius:var(--pr-t-border-radius-default);font:var(--pr-t-font-body-S);color:var(--pr-t-color-text);background-color:var(--pr-t-elevation-surface-default)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:hover,.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .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))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .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)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.indexTable .indexTable-head-row-cell.mod-actions,.indexTable .indexTable-body-row-cell.mod-actions{inline-size:1%;padding:var(--pr-t-spacings-50);white-space:nowrap}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-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)}.indexTable .indexTable-head-row-cell.mod-actions .button .numericBadge,.indexTable .indexTable-body-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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-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);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.indexTable .indexTable-head-row-cell.mod-actions .button:hover,.indexTable .indexTable-head-row-cell.mod-actions .button:focus-visible,.indexTable .indexTable-body-row-cell.mod-actions .button:hover,.indexTable .indexTable-body-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))}.indexTable .indexTable-head-row-cell.mod-actions .button:active,.indexTable .indexTable-body-row-cell.mod-actions .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-head-row-cell.mod-actions .button:disabled,.indexTable .indexTable-body-row-cell.mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-row-cell.mod-actions .button{--components-button-padding: var(--pr-t-spacings-75)}.indexTable .indexTable-head-row-cell.mod-actions .button.mod-critical:hover,.indexTable .indexTable-head-row-cell.mod-actions .button.mod-delete:hover,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-critical:hover,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.indexTable .indexTable-head-row-cell.mod-actions .button.mod-critical:active,.indexTable .indexTable-head-row-cell.mod-actions .button.mod-delete:active,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-critical:active,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.indexTable .indexTable-body-row-cell.mod-tfoot,.indexTable .indexTable-foot-row-cell.mod-tfoot{padding-block:var(--pr-t-spacings-50)}.indexTable .indexTable-body-row-cell.mod-tfoot:before,.indexTable .indexTable-body-row-cell.mod-tfoot:after,.indexTable .indexTable-foot-row-cell.mod-tfoot:before,.indexTable .indexTable-foot-row-cell.mod-tfoot:after{content:none}.indexTable .indexTable-head-row-cell.mod-alignEnd,.indexTable .indexTable-head-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-head-row-cell.mod-alignRight,.indexTable .indexTable-head-row-cell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignEnd,.indexTable .indexTable-body-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignRight,.indexTable .indexTable-body-row-cell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignEnd,.indexTable .indexTable-body-row-transparentCell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignRight,.indexTable .indexTable-body-row-transparentCell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignEnd,.indexTable .indexTable-foot-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignRight,.indexTable .indexTable-foot-row-cell.mod-alignRight .indexTable-body-row-cell-link{text-align:end}.indexTable .indexTable-head-row-cell.mod-alignCenter,.indexTable .indexTable-head-row-cell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignCenter,.indexTable .indexTable-body-row-cell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignCenter,.indexTable .indexTable-body-row-transparentCell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignCenter,.indexTable .indexTable-foot-row-cell.mod-alignCenter .indexTable-body-row-cell-link{text-align:center}.indexTable .indexTable-head-row-cell.mod-alignStart,.indexTable .indexTable-head-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-head-row-cell.mod-alignLeft,.indexTable .indexTable-head-row-cell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignStart,.indexTable .indexTable-body-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignLeft,.indexTable .indexTable-body-row-cell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignStart,.indexTable .indexTable-body-row-transparentCell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignLeft,.indexTable .indexTable-body-row-transparentCell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignStart,.indexTable .indexTable-foot-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignLeft,.indexTable .indexTable-foot-row-cell.mod-alignLeft .indexTable-body-row-cell-link{text-align:start}@media not all and (min-width:50em){.indexTable.mod-responsiveCardList{display:flex;flex-direction:column;gap:var(--components-indexTable-row-spacing);padding:var(--components-indexTable-padding)}.indexTable.mod-responsiveCardList .indexTable-head{display:none}.indexTable.mod-responsiveCardList .indexTable-body{display:flex;flex-direction:column}.indexTable.mod-responsiveCardList .indexTable-body-row,.indexTable.mod-responsiveCardList .indexTable-foot-row{position:relative;display:grid;grid-template-columns:var(--components-indexTable-row-responsive-grid-template-columns, 1fr);grid-template-rows:var(--components-indexTable-row-responsive-grid-template-rows, none);grid-auto-rows:auto;grid-template-areas:var(--components-indexTable-row-responsive-grid-template-areas, none);align-items:center;padding-block:var(--components-indexTable-row-spacing-responsive);padding-inline:0;margin-block-end:var(--components-indexTable-row-spacing-responsive)}.indexTable.mod-responsiveCardList .indexTable-body-row:not(:has(.indexTable-body-row-cell)),.indexTable.mod-responsiveCardList .indexTable-foot-row:not(:has(.indexTable-body-row-cell)){padding:0;margin-block-end:0}.indexTable.mod-responsiveCardList .indexTable-body-row:last-child,.indexTable.mod-responsiveCardList .indexTable-foot-row:last-child{margin-block-end:0}.indexTable.mod-responsiveCardList .indexTable-body-row-transparentCell{grid-row:1}.indexTable.mod-responsiveCardList .indexTable-body-row-cell{--components-indexTable-cell-paddingBlock: 0;position:static;grid-column-start:1}.indexTable.mod-responsiveCardList .indexTable-body-row-cell:before{--components-indexTable-cell-border-radius-left: var(--components-indexTable-cell-border-radius);--components-indexTable-cell-border-radius-right: var(--components-indexTable-cell-border-radius)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell:after{--components-indexTable-outline-border-width-left: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-width-right: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-radius-left: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-radius-right: var(--components-indexTable-outline-border-radius)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell~.indexTable-body-row-cell:before,.indexTable.mod-responsiveCardList .indexTable-body-row-cell~.indexTable-body-row-cell:after{display:none}.indexTable.mod-responsiveCardList .indexTable-body-row-cell-content[data-label]{display:flex;flex-direction:column;margin-block-start:var(--pr-t-spacings-50)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell-content[data-label]:before{content:attr(data-label);font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTable.mod-responsiveCardList .indexTable-head-row-cell-checkbox,.indexTable.mod-responsiveCardList .indexTable-body-row-cell-checkbox{margin-block:0}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row{grid-template-columns:var(--components-indexTable-row-cell-transparent-width) var(--components-indexTable-row-responsive-grid-template-columns, 1fr)}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-transparentCell{inline-size:auto}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-transparentCell:first-child[colspan=\"2\"]+.indexTable-body-row-transparentCell{padding-inline-start:calc(var(--components-indexTable-row-cell-transparent-width) * .75)}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-cell{--components-indexTable-cell-inset-x-left: var(--components-indexTable-row-cell-transparent-width);grid-column-start:2}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]{border:0;border-block-end-width:var(--components-indexTable-row-stack-border-bottom);border-style:solid;border-color:transparent}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:before,.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:after{content:\"\";position:absolute;inset-block-start:0;inset-block-end:calc((var(--components-indexTable-row-spacing-responsive) + var(--components-indexTable-stack3-row-spacing)) * -1);background-image:var(--components-indexTable-row-stack2-background-image, none),var(--components-indexTable-row-stack3-background-image, none);background-position:var(--components-indexTable-row-stack2-background-position, 0 0),var(--components-indexTable-row-stack3-background-position, 0 0);background-repeat:no-repeat,no-repeat;transition-property:background-image,background-position;transition-duration:var(--commons-animations-durations-fast)}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:before{inset-inline-start:var(--components-indexTable-cell-inset-x-left, 0);inset-inline-end:50%;--components-indexTable-row-stack2-background-position: left -2px bottom 6px;--components-indexTable-row-stack3-background-position: left 1px bottom 2px}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:after{inset-inline-start:50%;inset-inline-end:0;--components-indexTable-row-stack2-background-position: right -2px bottom 6px;--components-indexTable-row-stack3-background-position: right 1px bottom 2px}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row-cell{border-block-end:0;background-image:none}.indexTable.mod-selectable.mod-stackable.mod-responsiveCardList .indexTable-body-row{--components-indexTable-cell-inset-x-left: var(--components-indexTable-row-cell-transparent-width)}}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:has(.indexTable-body-row-cell-link:focus-visible,.indexTable-body-row-cell.mod-actions:focus-within){--components-indexTable-cell-subAction-opacity: 1}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:has(.indexTable-body-row-cell-link:focus-visible){--components-indexTable-outline-opacity: 1}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:hover{--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-hover);--components-indexTable-cell-inset-x: var(--components-indexTable-hover-offset-x);--components-indexTable-cell-inset-y: var(--components-indexTable-hover-offset-y);--components-indexTable-cell-z-index: 2;--components-indexTable-cell-subAction-opacity: 1}.indexTable .indexTable-body-row.is-closed,.indexTable .indexTable-foot-row.is-closed{display:none}.indexTable .indexTable-body-row-cellTitle-button[aria-expanded=false] .icon-arrowChevronTop{transform:rotate(180deg)}.indexTable .indexTable-body-row:has(.indexTable-body-row-cellTitle-button[aria-expanded=true]) .indexTable-body-row-subTotal{display:none}.indexTable .indexTable-body-row:first-child:has(.indexTable-body-row-cellTitle-button.button[aria-expanded=false])~.indexTable-body-row{--components-indexTable-row-display: none}.indexTable .indexTable-body-row-cellTitle-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.indexTable .indexTable-body-row-cellTitle-button.button:hover,.indexTable .indexTable-body-row-cellTitle-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))}.indexTable .indexTable-body-row-cellTitle-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-body-row-cellTitle-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-body-row-cellTitle-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)}.indexTable .indexTable-body-row-cellTitle-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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-body-row-cellTitle-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-25);position:static}.indexTable .indexTable-body-row-cellTitle-button.button:before{content:\"\";position:absolute;inset:0}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
73
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SkeletonIndexTableComponent, isStandalone: true, selector: "lu-skeleton-index-table", inputs: { tableBodyOnly: { classPropertyName: "tableBodyOnly", publicName: "tableBodyOnly", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (tableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"indexTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"indexTable-head\">\n\t\t\t<tr class=\"indexTable-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<th class=\"indexTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t<span class=\"skeleton-item mod-dark\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"indexTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"indexTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"indexTable-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@layer components{.indexTable{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: var(--pr-t-border-radius-structure);--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--components-indexTable-row-display: table-row;--components-indexTable-row-spacing-responsive: 8px;--components-indexTable-cell-paddingInline: var(--pr-t-spacings-150);--components-indexTable-cell-paddingBlock: var(--pr-t-spacings-100);--components-indexTable-cell-border-radius: var(--pr-t-border-radius-default);--components-indexTable-cell-background-color-default: var(--palettes-neutral-0);--components-indexTable-cell-shadow-default: var(--pr-t-elevation-shadow-raised);--components-indexTable-cell-background-color-selected: var(--palettes-product-50);--components-indexTable-cell-shadow-selected: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-indexTable-cell-shadow-hover: var(--pr-t-elevation-shadow-overlay);--components-indexTable-row-cell-transparent-width: 2.25rem;--components-indexTable-stack2-row-spacing: 5px;--components-indexTable-stack3-row-spacing: 9px;--components-indexTable-stack-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='2008' height='48' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.2 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.4 0'/%3E%3CfeBlend in2='effect1_dropShadow_1214_48875' mode='multiply' result='effect2_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='effect3_dropShadow_1214_48875'/%3E%3CfeOffset/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.08 0'/%3E%3CfeBlend in2='effect2_dropShadow_1214_48875' result='effect3_dropShadow_1214_48875'/%3E%3CfeBlend in='SourceGraphic' in2='effect3_dropShadow_1214_48875' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none' viewBox='0 0 2008 48'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23FFF1EB' stroke='%23FF9361' rx='8'/%3E%3C/svg%3E%0A\");--components-indexTable-hover-offset-x: -4px;--components-indexTable-hover-offset-y: -1px;--components-indexTable-outline-offset: 4px;--components-indexTable-outline-border-width: 2px;--components-indexTable-outline-border-radius: calc( var(--components-indexTable-cell-border-radius) + var(--components-indexTable-outline-offset) );--components-indexTable-outline-color: var(--palettes-product-700);position:relative;display:table;inline-size:100%;padding-block:0 calc(var(--components-indexTable-padding) - var(--components-indexTable-row-spacing));padding-inline:var(--components-indexTable-padding);border-collapse:separate;border-spacing:0 var(--components-indexTable-row-spacing);border-radius:var(--components-indexTable-border-radius);background-color:var(--components-indexTable-background-color);color:var(--pr-t-color-text);contain:paint}.indexTable-head{display:table-header-group;vertical-align:bottom}.indexTable-body,.indexTable-foot{display:table-row-group}.indexTable-foot:is(tfoot){display:table-footer-group}.indexTable-head-row,.indexTable-body-row,.indexTable-foot-row{display:var(--components-indexTable-row-display)}.indexTable-head-row-transparentCell,.indexTable-body-row-transparentCell,.indexTable-head-row-cell,.indexTable-body-row-cell,.indexTable-foot-row-cell{display:table-cell;text-align:start;font-weight:var(--pr-t-font-fontWeight-regular)}.indexTable-head-row-transparentCell,.indexTable-body-row-transparentCell{vertical-align:middle;padding-block:var(--pr-t-spacings-50);padding-inline:0;position:relative;z-index:3}.indexTable-head-row-transparentCell:not(:first-child),.indexTable-body-row-transparentCell:not(:first-child){padding-inline-end:var(--components-indexTable-cell-paddingInline)}.indexTable-head-row-cell,.indexTable-body-row-cell,.indexTable-foot-row-cell{vertical-align:top;padding-block:var(--components-indexTable-cell-paddingBlock);padding-inline:var(--components-indexTable-cell-paddingInline)}.indexTable-body-row{border-radius:var(--pr-t-border-radius-default)}.indexTable-body-row:has(.indexTable-body-row-cell-link) .indexTable-body-row-cell:not(:has(button,a,input,textarea,select,details,[tabindex=\"0\"]),.mod-allowTextSelection){pointer-events:none}.indexTable-body-row:not(:has(.indexTable-body-row-cell-link)):has(.indexTable-body-row-cell-action){cursor:pointer}.indexTable-head-row-cell{color:var(--pr-t-color-text-subtle)}.indexTable-foot-row-cell{text-align:end;padding-block:var(--pr-t-spacings-50)}.indexTable-body-row-cell{position:relative;z-index:var(--components-indexTable-cell-z-index, 1);border:var(--commons-divider-width) 0 solid transparent;--components-indexTable-cell-inset-x-left: var(--components-indexTable-cell-inset-x);--components-indexTable-cell-border-radius-left: var(--components-indexTable-cell-border-radius);--components-indexTable-cell-border-radius-right: 0;--components-indexTable-outline-border-radius-left: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-radius-right: 0;--components-indexTable-outline-border-width-left: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-width-right: 0}.indexTable-body-row-cell~.indexTable-body-row-cell{--components-indexTable-cell-inset-x-left: 0px;--components-indexTable-shadow-mask: calc(var(--pr-t-spacings-100) * -1) 0px 0px 0px var(--components-indexTable-cell-background-color, var(--components-indexTable-cell-background-color-default));--components-indexTable-cell-border-radius-left: 0;--components-indexTable-outline-border-radius-left: 0;--components-indexTable-outline-border-width-left: 0}.indexTable-body-row-cell:last-child{--components-indexTable-cell-inset-x-right: var(--components-indexTable-cell-inset-x);--components-indexTable-cell-border-radius-right: var(--components-indexTable-cell-border-radius);--components-indexTable-outline-border-radius-right: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-width-right: var(--components-indexTable-outline-border-width)}.indexTable-body-row-cell:before,.indexTable-body-row-cell:after{content:\"\";position:absolute;z-index:-1;transition-duration:var(--commons-animations-durations-fast)}.indexTable-body-row-cell:before{inset:var(--components-indexTable-cell-inset-y, 0) var(--components-indexTable-cell-inset-x-right, 0) var(--components-indexTable-cell-inset-y, 0) var(--components-indexTable-cell-inset-x-left, 0);border-radius:var(--components-indexTable-cell-border-radius-left) var(--components-indexTable-cell-border-radius-right) var(--components-indexTable-cell-border-radius-right) var(--components-indexTable-cell-border-radius-left);background-color:var(--components-indexTable-cell-background-color, var(--components-indexTable-cell-background-color-default));box-shadow:var(--components-indexTable-shadow-mask, 0 0 0 0),var(--components-indexTable-cell-shadow, var(--components-indexTable-cell-shadow-default));transition-property:inset,box-shadow,background-color}.indexTable-body-row-cell:after{inset:calc(var(--components-indexTable-cell-inset-y, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-x-right, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-y, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-x-left, 0px) - var(--components-indexTable-outline-offset));border-radius:var(--components-indexTable-outline-border-radius-left) var(--components-indexTable-outline-border-radius-right) var(--components-indexTable-outline-border-radius-right) var(--components-indexTable-outline-border-radius-left);border-block-width:var(--components-indexTable-outline-border-width);border-inline-width:var(--components-indexTable-outline-border-width-left) var(--components-indexTable-outline-border-width-right);border-style:solid;border-color:var(--components-indexTable-outline-color);opacity:var(--components-indexTable-outline-opacity, 0);transition-property:inset}.indexTable-body-row-cell:has(.emptyState){--components-indexTable-cell-shadow: none}.indexTable-body-row-cell-checkbox,.indexTable-head-row-cell-checkbox{margin:var(--pr-t-spacings-50)}.indexTable-body-row-cell-action{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.indexTable-body-row-cell-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;text-decoration:none}.indexTable-body-row-cell-link:after{content:\"\";position:absolute;inset:0 -9999px;z-index:-1}.indexTable-body-row-cell-link,.indexTable-body-row-cell-link:hover{color:currentColor}.indexTable-body-row-cell-link:focus-visible{outline:none}.indexTable-body-row-cellTitle{position:relative;display:flex;align-items:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-25);font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTable-body-row-cellTitle-title{font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTableWrapper{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: var(--pr-t-border-radius-structure);--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--components-indexTable-row-display: table-row;--components-indexTable-row-spacing-responsive: 8px;--components-indexTable-cell-paddingInline: var(--pr-t-spacings-150);--components-indexTable-cell-paddingBlock: var(--pr-t-spacings-100);--components-indexTable-cell-border-radius: var(--pr-t-border-radius-default);--components-indexTable-cell-background-color-default: var(--palettes-neutral-0);--components-indexTable-cell-shadow-default: var(--pr-t-elevation-shadow-raised);--components-indexTable-cell-background-color-selected: var(--palettes-product-50);--components-indexTable-cell-shadow-selected: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-indexTable-cell-shadow-hover: var(--pr-t-elevation-shadow-overlay);--components-indexTable-row-cell-transparent-width: 2.25rem;--components-indexTable-stack2-row-spacing: 5px;--components-indexTable-stack3-row-spacing: 9px;--components-indexTable-stack-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='2008' height='48' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.2 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.4 0'/%3E%3CfeBlend in2='effect1_dropShadow_1214_48875' mode='multiply' result='effect2_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='effect3_dropShadow_1214_48875'/%3E%3CfeOffset/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.08 0'/%3E%3CfeBlend in2='effect2_dropShadow_1214_48875' result='effect3_dropShadow_1214_48875'/%3E%3CfeBlend in='SourceGraphic' in2='effect3_dropShadow_1214_48875' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none' viewBox='0 0 2008 48'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23FFF1EB' stroke='%23FF9361' rx='8'/%3E%3C/svg%3E%0A\");--components-indexTable-hover-offset-x: -4px;--components-indexTable-hover-offset-y: -1px;--components-indexTable-outline-offset: 4px;--components-indexTable-outline-border-width: 2px;--components-indexTable-outline-border-radius: calc( var(--components-indexTable-cell-border-radius) + var(--components-indexTable-outline-offset) );--components-indexTable-outline-color: var(--palettes-product-700);display:flex;flex-direction:column;padding-block-end:var(--pr-t-spacings-100);border-radius:var(--components-indexTable-border-radius);background-color:var(--components-indexTable-background-color)}.indexTableWrapper .indexTable{flex-grow:1;padding-block-end:0}.indexTableWrapper .pagination{align-self:flex-end;padding-block:var(--pr-t-spacings-50) 0;padding-inline:0;margin-inline-end:var(--pr-t-spacings-100)}.indexTableWrapper .pagination-scrolling .button:hover{--components-button-backgroundColor: var(--palettes-neutral-100);--components-button-color: var(--palettes-neutral-700)}.indexTable .indexTableWrapper-pagination:empty{display:none}.indexTable .statusBadge,.indexTable .tag,.indexTable .avatar{vertical-align:top}.indexTable .statusBadge,.indexTable .tag{margin-block-start:var(--pr-t-spacings-25)}.indexTable .avatarWrapper{display:inline-flex}.indexTable .tableSortable.button:hover{--components-button-backgroundColor: var(--palettes-neutral-100);color:var(--palettes-neutral-700)}}@layer mods{.indexTable.mod-selectable .indexTable-body-row:is(:focus-within,:hover){outline:none}.indexTable.mod-selectable .indexTable-head-row-transparentCell,.indexTable.mod-selectable .indexTable-body-row-transparentCell{inline-size:var(--components-indexTable-row-cell-transparent-width)}.indexTable.mod-selectable .indexTable-head-row-transparentCell:first-child,.indexTable.mod-selectable .indexTable-body-row-transparentCell:first-child{padding-inline-start:0}.indexTable.mod-selectable .indexTable-body-row:has(.checkbox-input:checked,.checkboxField-input:checked){--components-indexTable-cell-background-color: var(--components-indexTable-cell-background-color-selected) !important;--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-selected) !important;--components-indexTable-stack-svg: var(--components-indexTable-stack-svg-selected)}.indexTable.mod-selectable .indexTable-body-row:hover:has(.indexTable-body-row-transparentCell:hover){--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-default);--components-indexTable-cell-inset-x: 0px;--components-indexTable-cell-inset-y: 0px;--components-indexTable-cell-subAction-opacity: 0}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack2,.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack3,.indexTable.mod-stackable .indexTable-body-row.mod-stack2,.indexTable.mod-stackable .indexTable-body-row.mod-stack3{--components-indexTable-row-stack-border-bottom: var(--components-indexTable-stack2-row-spacing);--components-indexTable-row-stack2-background-image: var(--components-indexTable-stack-svg)}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack3,.indexTable.mod-stackable .indexTable-body-row.mod-stack3{--components-indexTable-row-stack-border-bottom: var(--components-indexTable-stack3-row-spacing);--components-indexTable-row-stack3-background-image: var(--components-indexTable-stack-svg)}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell,.indexTable.mod-stackable .indexTable-body-row-cell{border-block-end:var(--components-indexTable-row-stack-border-bottom) solid transparent;background-image:var(--components-indexTable-row-stack2-background-image, none),var(--components-indexTable-row-stack3-background-image, none);background-position:var(--components-indexTable-row-stack2-background-position, 0 0),var(--components-indexTable-row-stack3-background-position, 0 0);background-repeat:no-repeat,no-repeat;transition-property:background-image,background-position;transition-duration:var(--commons-animations-durations-fast);--components-indexTable-row-stack2-background-position: left calc(-2px + var(--components-indexTable-cell-inset-x-left, 0px)) bottom -10px;--components-indexTable-row-stack3-background-position: left calc(1px + var(--components-indexTable-cell-inset-x-left, 0px)) bottom -14px}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell~.indexTable-body-row-cell,.indexTable.mod-stackable .indexTable-body-row-cell~.indexTable-body-row-cell{--components-indexTable-row-stack2-background-position: left -20px bottom -10px;--components-indexTable-row-stack3-background-position: left -20px bottom -14px}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell:last-child,.indexTable.mod-stackable .indexTable-body-row-cell:last-child{--components-indexTable-row-stack2-background-position: right calc(-2px + var(--components-indexTable-cell-inset-x-right, 0px)) bottom -10px;--components-indexTable-row-stack3-background-position: right calc(1px + var(--components-indexTable-cell-inset-x-right, 0px)) bottom -14px}.indexTable.mod-stickyHeader .indexTable-head{position:sticky;inset-block-start:var(--components-indexTable-row-spacing);z-index:3}.indexTable.mod-stickyHeader .indexTable-head-row-cell{position:relative}.indexTable.mod-stickyHeader .indexTable-head-row-cell:before,.indexTable.mod-stickyHeader .indexTable-head-row-cell:after{content:\"\";position:absolute;inset:calc(var(--components-indexTable-row-spacing) * -1) calc(var(--components-indexTable-padding) * -1) 0;z-index:-1}.indexTable.mod-stickyHeader .indexTable-head-row-cell:before{background-color:var(--commons-background-base)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:after{background-color:var(--components-indexTable-background-color)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:first-child:after{border-start-start-radius:var(--components-indexTable-border-radius)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:last-child:after{border-start-end-radius:var(--components-indexTable-border-radius)}.indexTable[class*=mod-layoutFixed] .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed] .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed] .indexTable-foot-row-cell{--cell-width: calc(var(--components-indexTable-cell-fixed-width, var(--components-index-table-cell-fixed-width)) * 1rem)}.indexTable[class*=mod-layoutFixed].mod-layoutFixed{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}@media(min-width:20em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:30em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:40em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:50em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:64em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:80em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:85.375em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:100em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:120em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell{padding:0}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection{display:flex;align-items:center;justify-content:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-50);border-radius:var(--pr-t-border-radius-default);font:var(--pr-t-font-body-S);color:var(--pr-t-color-text);background-color:var(--pr-t-elevation-surface-default)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:hover,.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .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))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .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)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.indexTable .indexTable-head-row-cell.mod-actions,.indexTable .indexTable-body-row-cell.mod-actions{inline-size:1%;padding:var(--pr-t-spacings-50);white-space:nowrap}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-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)}.indexTable .indexTable-head-row-cell.mod-actions .button .numericBadge,.indexTable .indexTable-body-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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-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);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.indexTable .indexTable-head-row-cell.mod-actions .button:hover,.indexTable .indexTable-head-row-cell.mod-actions .button:focus-visible,.indexTable .indexTable-body-row-cell.mod-actions .button:hover,.indexTable .indexTable-body-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))}.indexTable .indexTable-head-row-cell.mod-actions .button:active,.indexTable .indexTable-body-row-cell.mod-actions .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-head-row-cell.mod-actions .button:disabled,.indexTable .indexTable-body-row-cell.mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-row-cell.mod-actions .button{--components-button-padding: var(--pr-t-spacings-75)}.indexTable .indexTable-head-row-cell.mod-actions .button.mod-critical:hover,.indexTable .indexTable-head-row-cell.mod-actions .button.mod-delete:hover,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-critical:hover,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.indexTable .indexTable-head-row-cell.mod-actions .button.mod-critical:active,.indexTable .indexTable-head-row-cell.mod-actions .button.mod-delete:active,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-critical:active,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.indexTable .indexTable-body-row-cell.mod-tfoot,.indexTable .indexTable-foot-row-cell.mod-tfoot{padding-block:var(--pr-t-spacings-50)}.indexTable .indexTable-body-row-cell.mod-tfoot:before,.indexTable .indexTable-body-row-cell.mod-tfoot:after,.indexTable .indexTable-foot-row-cell.mod-tfoot:before,.indexTable .indexTable-foot-row-cell.mod-tfoot:after{content:none}.indexTable .indexTable-head-row-cell.mod-alignEnd,.indexTable .indexTable-head-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-head-row-cell.mod-alignRight,.indexTable .indexTable-head-row-cell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignEnd,.indexTable .indexTable-body-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignRight,.indexTable .indexTable-body-row-cell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignEnd,.indexTable .indexTable-body-row-transparentCell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignRight,.indexTable .indexTable-body-row-transparentCell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignEnd,.indexTable .indexTable-foot-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignRight,.indexTable .indexTable-foot-row-cell.mod-alignRight .indexTable-body-row-cell-link{text-align:end}.indexTable .indexTable-head-row-cell.mod-alignCenter,.indexTable .indexTable-head-row-cell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignCenter,.indexTable .indexTable-body-row-cell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignCenter,.indexTable .indexTable-body-row-transparentCell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignCenter,.indexTable .indexTable-foot-row-cell.mod-alignCenter .indexTable-body-row-cell-link{text-align:center}.indexTable .indexTable-head-row-cell.mod-alignStart,.indexTable .indexTable-head-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-head-row-cell.mod-alignLeft,.indexTable .indexTable-head-row-cell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignStart,.indexTable .indexTable-body-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignLeft,.indexTable .indexTable-body-row-cell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignStart,.indexTable .indexTable-body-row-transparentCell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignLeft,.indexTable .indexTable-body-row-transparentCell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignStart,.indexTable .indexTable-foot-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignLeft,.indexTable .indexTable-foot-row-cell.mod-alignLeft .indexTable-body-row-cell-link{text-align:start}@media not all and (min-width:50em){.indexTable.mod-responsiveCardList{display:flex;flex-direction:column;gap:var(--components-indexTable-row-spacing);padding:var(--components-indexTable-padding)}.indexTable.mod-responsiveCardList .indexTable-head{display:none}.indexTable.mod-responsiveCardList .indexTable-body{display:flex;flex-direction:column}.indexTable.mod-responsiveCardList .indexTable-body-row,.indexTable.mod-responsiveCardList .indexTable-foot-row{position:relative;display:grid;grid-template-columns:var(--components-indexTable-row-responsive-grid-template-columns, 1fr);grid-template-rows:var(--components-indexTable-row-responsive-grid-template-rows, none);grid-auto-rows:auto;grid-template-areas:var(--components-indexTable-row-responsive-grid-template-areas, none);align-items:center;padding-block:var(--components-indexTable-row-spacing-responsive);padding-inline:0;margin-block-end:var(--components-indexTable-row-spacing-responsive)}.indexTable.mod-responsiveCardList .indexTable-body-row:not(:has(.indexTable-body-row-cell)),.indexTable.mod-responsiveCardList .indexTable-foot-row:not(:has(.indexTable-body-row-cell)){padding:0;margin-block-end:0}.indexTable.mod-responsiveCardList .indexTable-body-row:last-child,.indexTable.mod-responsiveCardList .indexTable-foot-row:last-child{margin-block-end:0}.indexTable.mod-responsiveCardList .indexTable-body-row-transparentCell{grid-row:1}.indexTable.mod-responsiveCardList .indexTable-body-row-cell{--components-indexTable-cell-paddingBlock: 0;position:static;grid-column-start:1}.indexTable.mod-responsiveCardList .indexTable-body-row-cell:before{--components-indexTable-cell-border-radius-left: var(--components-indexTable-cell-border-radius);--components-indexTable-cell-border-radius-right: var(--components-indexTable-cell-border-radius)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell:after{--components-indexTable-outline-border-width-left: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-width-right: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-radius-left: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-radius-right: var(--components-indexTable-outline-border-radius)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell~.indexTable-body-row-cell:before,.indexTable.mod-responsiveCardList .indexTable-body-row-cell~.indexTable-body-row-cell:after{display:none}.indexTable.mod-responsiveCardList .indexTable-body-row-cell-content[data-label]{display:flex;flex-direction:column;margin-block-start:var(--pr-t-spacings-50)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell-content[data-label]:before{content:attr(data-label);font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTable.mod-responsiveCardList .indexTable-head-row-cell-checkbox,.indexTable.mod-responsiveCardList .indexTable-body-row-cell-checkbox{margin-block:0}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row{grid-template-columns:var(--components-indexTable-row-cell-transparent-width) var(--components-indexTable-row-responsive-grid-template-columns, 1fr)}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-transparentCell{inline-size:auto}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-transparentCell:first-child[colspan=\"2\"]+.indexTable-body-row-transparentCell{padding-inline-start:calc(var(--components-indexTable-row-cell-transparent-width) * .75)}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-cell{--components-indexTable-cell-inset-x-left: var(--components-indexTable-row-cell-transparent-width);grid-column-start:2}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]{border:0;border-block-end-width:var(--components-indexTable-row-stack-border-bottom);border-style:solid;border-color:transparent}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:before,.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:after{content:\"\";position:absolute;inset-block-start:0;inset-block-end:calc((var(--components-indexTable-row-spacing-responsive) + var(--components-indexTable-stack3-row-spacing)) * -1);background-image:var(--components-indexTable-row-stack2-background-image, none),var(--components-indexTable-row-stack3-background-image, none);background-position:var(--components-indexTable-row-stack2-background-position, 0 0),var(--components-indexTable-row-stack3-background-position, 0 0);background-repeat:no-repeat,no-repeat;transition-property:background-image,background-position;transition-duration:var(--commons-animations-durations-fast)}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:before{inset-inline-start:var(--components-indexTable-cell-inset-x-left, 0);inset-inline-end:50%;--components-indexTable-row-stack2-background-position: left -2px bottom 6px;--components-indexTable-row-stack3-background-position: left 1px bottom 2px}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:after{inset-inline-start:50%;inset-inline-end:0;--components-indexTable-row-stack2-background-position: right -2px bottom 6px;--components-indexTable-row-stack3-background-position: right 1px bottom 2px}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row-cell{border-block-end:0;background-image:none}.indexTable.mod-selectable.mod-stackable.mod-responsiveCardList .indexTable-body-row{--components-indexTable-cell-inset-x-left: var(--components-indexTable-row-cell-transparent-width)}}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:has(.indexTable-body-row-cell-link:focus-visible,.indexTable-body-row-cell.mod-actions:focus-within){--components-indexTable-cell-subAction-opacity: 1}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:has(.indexTable-body-row-cell-link:focus-visible){--components-indexTable-outline-opacity: 1}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:hover{--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-hover);--components-indexTable-cell-inset-x: var(--components-indexTable-hover-offset-x);--components-indexTable-cell-inset-y: var(--components-indexTable-hover-offset-y);--components-indexTable-cell-z-index: 2;--components-indexTable-cell-subAction-opacity: 1}.indexTable .indexTable-body-row.is-closed,.indexTable .indexTable-foot-row.is-closed{display:none}.indexTable .indexTable-body-row-cellTitle-button[aria-expanded=false] .icon-arrowChevronTop{transform:rotate(180deg)}.indexTable .indexTable-body-row:has(.indexTable-body-row-cellTitle-button[aria-expanded=true]) .indexTable-body-row-subTotal{display:none}.indexTable .indexTable-body-row:first-child:has(.indexTable-body-row-cellTitle-button.button[aria-expanded=false])~.indexTable-body-row{--components-indexTable-row-display: none}.indexTable .indexTable-body-row-cellTitle-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.indexTable .indexTable-body-row-cellTitle-button.button:hover,.indexTable .indexTable-body-row-cellTitle-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))}.indexTable .indexTable-body-row-cellTitle-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-body-row-cellTitle-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-body-row-cellTitle-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)}.indexTable .indexTable-body-row-cellTitle-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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-body-row-cellTitle-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-25);position:static}.indexTable .indexTable-body-row-cellTitle-button.button:before{content:\"\";position:absolute;inset:0}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
112
74
|
}
|
|
113
75
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkeletonIndexTableComponent, decorators: [{
|
|
114
76
|
type: Component,
|
|
115
|
-
args: [{ selector: 'lu-skeleton-index-table', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "@if (tableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"indexTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"indexTable-head\">\n\t\t\t<tr class=\"indexTable-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col; let i = $index) {\n\t\t\t\t\t<th class=\"indexTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"skeleton-item mod-dark\"\n\t\t\t\t\t\t\t[class.mod-alignRight]=\"colsAlign()[i] === 'end'\"\n\t\t\t\t\t\t\t[class.mod-alignCenter]=\"colsAlign()[i] === 'center'\"\n\t\t\t\t\t\t\t[style.--components-skeleton-text-width]=\"getRandomPercent()\"\n\t\t\t\t\t\t></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"indexTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"indexTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col; let i = $index) {\n\t\t\t\t\t<td class=\"indexTable-body-row-cell\">\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"skeleton-item\"\n\t\t\t\t\t\t\t[class.mod-alignRight]=\"colsAlign()[i] === 'end'\"\n\t\t\t\t\t\t\t[class.mod-alignCenter]=\"colsAlign()[i] === 'center'\"\n\t\t\t\t\t\t\t[style.--components-skeleton-text-width]=\"getRandomPercent()\"\n\t\t\t\t\t\t></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@layer components{.indexTable{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: var(--pr-t-border-radius-structure);--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--components-indexTable-row-display: table-row;--components-indexTable-row-spacing-responsive: 8px;--components-indexTable-cell-paddingInline: var(--pr-t-spacings-150);--components-indexTable-cell-paddingBlock: var(--pr-t-spacings-100);--components-indexTable-cell-border-radius: var(--pr-t-border-radius-default);--components-indexTable-cell-background-color-default: var(--palettes-neutral-0);--components-indexTable-cell-shadow-default: var(--pr-t-elevation-shadow-raised);--components-indexTable-cell-background-color-selected: var(--palettes-product-50);--components-indexTable-cell-shadow-selected: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-indexTable-cell-shadow-hover: var(--pr-t-elevation-shadow-overlay);--components-indexTable-row-cell-transparent-width: 2.25rem;--components-indexTable-stack2-row-spacing: 5px;--components-indexTable-stack3-row-spacing: 9px;--components-indexTable-stack-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='2008' height='48' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.2 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.4 0'/%3E%3CfeBlend in2='effect1_dropShadow_1214_48875' mode='multiply' result='effect2_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='effect3_dropShadow_1214_48875'/%3E%3CfeOffset/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.08 0'/%3E%3CfeBlend in2='effect2_dropShadow_1214_48875' result='effect3_dropShadow_1214_48875'/%3E%3CfeBlend in='SourceGraphic' in2='effect3_dropShadow_1214_48875' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none' viewBox='0 0 2008 48'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23FFF1EB' stroke='%23FF9361' rx='8'/%3E%3C/svg%3E%0A\");--components-indexTable-hover-offset-x: -4px;--components-indexTable-hover-offset-y: -1px;--components-indexTable-outline-offset: 4px;--components-indexTable-outline-border-width: 2px;--components-indexTable-outline-border-radius: calc( var(--components-indexTable-cell-border-radius) + var(--components-indexTable-outline-offset) );--components-indexTable-outline-color: var(--palettes-product-700);position:relative;display:table;inline-size:100%;padding-block:0 calc(var(--components-indexTable-padding) - var(--components-indexTable-row-spacing));padding-inline:var(--components-indexTable-padding);border-collapse:separate;border-spacing:0 var(--components-indexTable-row-spacing);border-radius:var(--components-indexTable-border-radius);background-color:var(--components-indexTable-background-color);color:var(--pr-t-color-text);contain:paint}.indexTable-head{display:table-header-group;vertical-align:bottom}.indexTable-body,.indexTable-foot{display:table-row-group}.indexTable-foot:is(tfoot){display:table-footer-group}.indexTable-head-row,.indexTable-body-row,.indexTable-foot-row{display:var(--components-indexTable-row-display)}.indexTable-head-row-transparentCell,.indexTable-body-row-transparentCell,.indexTable-head-row-cell,.indexTable-body-row-cell,.indexTable-foot-row-cell{display:table-cell;text-align:start;font-weight:var(--pr-t-font-fontWeight-regular)}.indexTable-head-row-transparentCell,.indexTable-body-row-transparentCell{vertical-align:middle;padding-block:var(--pr-t-spacings-50);padding-inline:0;position:relative;z-index:3}.indexTable-head-row-transparentCell:not(:first-child),.indexTable-body-row-transparentCell:not(:first-child){padding-inline-end:var(--components-indexTable-cell-paddingInline)}.indexTable-head-row-cell,.indexTable-body-row-cell,.indexTable-foot-row-cell{vertical-align:top;padding-block:var(--components-indexTable-cell-paddingBlock);padding-inline:var(--components-indexTable-cell-paddingInline)}.indexTable-body-row{border-radius:var(--pr-t-border-radius-default)}.indexTable-body-row:has(.indexTable-body-row-cell-link) .indexTable-body-row-cell:not(:has(button,a,input,textarea,select,details,[tabindex=\"0\"]),.mod-allowTextSelection){pointer-events:none}.indexTable-body-row:not(:has(.indexTable-body-row-cell-link)):has(.indexTable-body-row-cell-action){cursor:pointer}.indexTable-head-row-cell{color:var(--pr-t-color-text-subtle)}.indexTable-foot-row-cell{text-align:end;padding-block:var(--pr-t-spacings-50)}.indexTable-body-row-cell{position:relative;z-index:var(--components-indexTable-cell-z-index, 1);border:var(--commons-divider-width) 0 solid transparent;--components-indexTable-cell-inset-x-left: var(--components-indexTable-cell-inset-x);--components-indexTable-cell-border-radius-left: var(--components-indexTable-cell-border-radius);--components-indexTable-cell-border-radius-right: 0;--components-indexTable-outline-border-radius-left: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-radius-right: 0;--components-indexTable-outline-border-width-left: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-width-right: 0}.indexTable-body-row-cell~.indexTable-body-row-cell{--components-indexTable-cell-inset-x-left: 0px;--components-indexTable-shadow-mask: calc(var(--pr-t-spacings-100) * -1) 0px 0px 0px var(--components-indexTable-cell-background-color, var(--components-indexTable-cell-background-color-default));--components-indexTable-cell-border-radius-left: 0;--components-indexTable-outline-border-radius-left: 0;--components-indexTable-outline-border-width-left: 0}.indexTable-body-row-cell:last-child{--components-indexTable-cell-inset-x-right: var(--components-indexTable-cell-inset-x);--components-indexTable-cell-border-radius-right: var(--components-indexTable-cell-border-radius);--components-indexTable-outline-border-radius-right: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-width-right: var(--components-indexTable-outline-border-width)}.indexTable-body-row-cell:before,.indexTable-body-row-cell:after{content:\"\";position:absolute;z-index:-1;transition-duration:var(--commons-animations-durations-fast)}.indexTable-body-row-cell:before{inset:var(--components-indexTable-cell-inset-y, 0) var(--components-indexTable-cell-inset-x-right, 0) var(--components-indexTable-cell-inset-y, 0) var(--components-indexTable-cell-inset-x-left, 0);border-radius:var(--components-indexTable-cell-border-radius-left) var(--components-indexTable-cell-border-radius-right) var(--components-indexTable-cell-border-radius-right) var(--components-indexTable-cell-border-radius-left);background-color:var(--components-indexTable-cell-background-color, var(--components-indexTable-cell-background-color-default));box-shadow:var(--components-indexTable-shadow-mask, 0 0 0 0),var(--components-indexTable-cell-shadow, var(--components-indexTable-cell-shadow-default));transition-property:inset,box-shadow,background-color}.indexTable-body-row-cell:after{inset:calc(var(--components-indexTable-cell-inset-y, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-x-right, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-y, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-x-left, 0px) - var(--components-indexTable-outline-offset));border-radius:var(--components-indexTable-outline-border-radius-left) var(--components-indexTable-outline-border-radius-right) var(--components-indexTable-outline-border-radius-right) var(--components-indexTable-outline-border-radius-left);border-block-width:var(--components-indexTable-outline-border-width);border-inline-width:var(--components-indexTable-outline-border-width-left) var(--components-indexTable-outline-border-width-right);border-style:solid;border-color:var(--components-indexTable-outline-color);opacity:var(--components-indexTable-outline-opacity, 0);transition-property:inset}.indexTable-body-row-cell:has(.emptyState){--components-indexTable-cell-shadow: none}.indexTable-body-row-cell-checkbox,.indexTable-head-row-cell-checkbox{margin:var(--pr-t-spacings-50)}.indexTable-body-row-cell-action{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.indexTable-body-row-cell-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;text-decoration:none}.indexTable-body-row-cell-link:after{content:\"\";position:absolute;inset:0 -9999px;z-index:-1}.indexTable-body-row-cell-link,.indexTable-body-row-cell-link:hover{color:currentColor}.indexTable-body-row-cell-link:focus-visible{outline:none}.indexTable-body-row-cellTitle{position:relative;display:flex;align-items:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-25);font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTable-body-row-cellTitle-title{font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTableWrapper{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: var(--pr-t-border-radius-structure);--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--components-indexTable-row-display: table-row;--components-indexTable-row-spacing-responsive: 8px;--components-indexTable-cell-paddingInline: var(--pr-t-spacings-150);--components-indexTable-cell-paddingBlock: var(--pr-t-spacings-100);--components-indexTable-cell-border-radius: var(--pr-t-border-radius-default);--components-indexTable-cell-background-color-default: var(--palettes-neutral-0);--components-indexTable-cell-shadow-default: var(--pr-t-elevation-shadow-raised);--components-indexTable-cell-background-color-selected: var(--palettes-product-50);--components-indexTable-cell-shadow-selected: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-indexTable-cell-shadow-hover: var(--pr-t-elevation-shadow-overlay);--components-indexTable-row-cell-transparent-width: 2.25rem;--components-indexTable-stack2-row-spacing: 5px;--components-indexTable-stack3-row-spacing: 9px;--components-indexTable-stack-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='2008' height='48' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.2 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.4 0'/%3E%3CfeBlend in2='effect1_dropShadow_1214_48875' mode='multiply' result='effect2_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='effect3_dropShadow_1214_48875'/%3E%3CfeOffset/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.08 0'/%3E%3CfeBlend in2='effect2_dropShadow_1214_48875' result='effect3_dropShadow_1214_48875'/%3E%3CfeBlend in='SourceGraphic' in2='effect3_dropShadow_1214_48875' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none' viewBox='0 0 2008 48'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23FFF1EB' stroke='%23FF9361' rx='8'/%3E%3C/svg%3E%0A\");--components-indexTable-hover-offset-x: -4px;--components-indexTable-hover-offset-y: -1px;--components-indexTable-outline-offset: 4px;--components-indexTable-outline-border-width: 2px;--components-indexTable-outline-border-radius: calc( var(--components-indexTable-cell-border-radius) + var(--components-indexTable-outline-offset) );--components-indexTable-outline-color: var(--palettes-product-700);display:flex;flex-direction:column;padding-block-end:var(--pr-t-spacings-100);border-radius:var(--components-indexTable-border-radius);background-color:var(--components-indexTable-background-color)}.indexTableWrapper .indexTable{flex-grow:1;padding-block-end:0}.indexTableWrapper .pagination{align-self:flex-end;padding-block:var(--pr-t-spacings-50) 0;padding-inline:0;margin-inline-end:var(--pr-t-spacings-100)}.indexTableWrapper .pagination-scrolling .button:hover{--components-button-backgroundColor: var(--palettes-neutral-100);--components-button-color: var(--palettes-neutral-700)}.indexTable .indexTableWrapper-pagination:empty{display:none}.indexTable .statusBadge,.indexTable .tag,.indexTable .avatar{vertical-align:top}.indexTable .statusBadge,.indexTable .tag{margin-block-start:var(--pr-t-spacings-25)}.indexTable .avatarWrapper{display:inline-flex}.indexTable .tableSortable.button:hover{--components-button-backgroundColor: var(--palettes-neutral-100);color:var(--palettes-neutral-700)}}@layer mods{.indexTable.mod-selectable .indexTable-body-row:is(:focus-within,:hover){outline:none}.indexTable.mod-selectable .indexTable-head-row-transparentCell,.indexTable.mod-selectable .indexTable-body-row-transparentCell{inline-size:var(--components-indexTable-row-cell-transparent-width)}.indexTable.mod-selectable .indexTable-head-row-transparentCell:first-child,.indexTable.mod-selectable .indexTable-body-row-transparentCell:first-child{padding-inline-start:0}.indexTable.mod-selectable .indexTable-body-row:has(.checkbox-input:checked,.checkboxField-input:checked){--components-indexTable-cell-background-color: var(--components-indexTable-cell-background-color-selected) !important;--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-selected) !important;--components-indexTable-stack-svg: var(--components-indexTable-stack-svg-selected)}.indexTable.mod-selectable .indexTable-body-row:hover:has(.indexTable-body-row-transparentCell:hover){--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-default);--components-indexTable-cell-inset-x: 0px;--components-indexTable-cell-inset-y: 0px;--components-indexTable-cell-subAction-opacity: 0}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack2,.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack3,.indexTable.mod-stackable .indexTable-body-row.mod-stack2,.indexTable.mod-stackable .indexTable-body-row.mod-stack3{--components-indexTable-row-stack-border-bottom: var(--components-indexTable-stack2-row-spacing);--components-indexTable-row-stack2-background-image: var(--components-indexTable-stack-svg)}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack3,.indexTable.mod-stackable .indexTable-body-row.mod-stack3{--components-indexTable-row-stack-border-bottom: var(--components-indexTable-stack3-row-spacing);--components-indexTable-row-stack3-background-image: var(--components-indexTable-stack-svg)}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell,.indexTable.mod-stackable .indexTable-body-row-cell{border-block-end:var(--components-indexTable-row-stack-border-bottom) solid transparent;background-image:var(--components-indexTable-row-stack2-background-image, none),var(--components-indexTable-row-stack3-background-image, none);background-position:var(--components-indexTable-row-stack2-background-position, 0 0),var(--components-indexTable-row-stack3-background-position, 0 0);background-repeat:no-repeat,no-repeat;transition-property:background-image,background-position;transition-duration:var(--commons-animations-durations-fast);--components-indexTable-row-stack2-background-position: left calc(-2px + var(--components-indexTable-cell-inset-x-left, 0px)) bottom -10px;--components-indexTable-row-stack3-background-position: left calc(1px + var(--components-indexTable-cell-inset-x-left, 0px)) bottom -14px}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell~.indexTable-body-row-cell,.indexTable.mod-stackable .indexTable-body-row-cell~.indexTable-body-row-cell{--components-indexTable-row-stack2-background-position: left -20px bottom -10px;--components-indexTable-row-stack3-background-position: left -20px bottom -14px}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell:last-child,.indexTable.mod-stackable .indexTable-body-row-cell:last-child{--components-indexTable-row-stack2-background-position: right calc(-2px + var(--components-indexTable-cell-inset-x-right, 0px)) bottom -10px;--components-indexTable-row-stack3-background-position: right calc(1px + var(--components-indexTable-cell-inset-x-right, 0px)) bottom -14px}.indexTable.mod-stickyHeader .indexTable-head{position:sticky;inset-block-start:var(--components-indexTable-row-spacing);z-index:3}.indexTable.mod-stickyHeader .indexTable-head-row-cell{position:relative}.indexTable.mod-stickyHeader .indexTable-head-row-cell:before,.indexTable.mod-stickyHeader .indexTable-head-row-cell:after{content:\"\";position:absolute;inset:calc(var(--components-indexTable-row-spacing) * -1) calc(var(--components-indexTable-padding) * -1) 0;z-index:-1}.indexTable.mod-stickyHeader .indexTable-head-row-cell:before{background-color:var(--commons-background-base)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:after{background-color:var(--components-indexTable-background-color)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:first-child:after{border-start-start-radius:var(--components-indexTable-border-radius)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:last-child:after{border-start-end-radius:var(--components-indexTable-border-radius)}.indexTable[class*=mod-layoutFixed] .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed] .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed] .indexTable-foot-row-cell{--cell-width: calc(var(--components-indexTable-cell-fixed-width, var(--components-index-table-cell-fixed-width)) * 1rem)}.indexTable[class*=mod-layoutFixed].mod-layoutFixed{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}@media(min-width:20em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:30em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:40em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:50em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:64em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:80em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:85.375em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:100em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:120em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell{padding:0}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection{display:flex;align-items:center;justify-content:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-50);border-radius:var(--pr-t-border-radius-default);font:var(--pr-t-font-body-S);color:var(--pr-t-color-text);background-color:var(--pr-t-elevation-surface-default)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:hover,.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .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))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .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)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.indexTable .indexTable-head-row-cell.mod-actions,.indexTable .indexTable-body-row-cell.mod-actions{inline-size:1%;padding:var(--pr-t-spacings-50);white-space:nowrap}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-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)}.indexTable .indexTable-head-row-cell.mod-actions .button .numericBadge,.indexTable .indexTable-body-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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-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);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.indexTable .indexTable-head-row-cell.mod-actions .button:hover,.indexTable .indexTable-head-row-cell.mod-actions .button:focus-visible,.indexTable .indexTable-body-row-cell.mod-actions .button:hover,.indexTable .indexTable-body-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))}.indexTable .indexTable-head-row-cell.mod-actions .button:active,.indexTable .indexTable-body-row-cell.mod-actions .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-head-row-cell.mod-actions .button:disabled,.indexTable .indexTable-body-row-cell.mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-row-cell.mod-actions .button{--components-button-padding: var(--pr-t-spacings-75)}.indexTable .indexTable-head-row-cell.mod-actions .button.mod-critical:hover,.indexTable .indexTable-head-row-cell.mod-actions .button.mod-delete:hover,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-critical:hover,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.indexTable .indexTable-head-row-cell.mod-actions .button.mod-critical:active,.indexTable .indexTable-head-row-cell.mod-actions .button.mod-delete:active,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-critical:active,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.indexTable .indexTable-body-row-cell.mod-tfoot,.indexTable .indexTable-foot-row-cell.mod-tfoot{padding-block:var(--pr-t-spacings-50)}.indexTable .indexTable-body-row-cell.mod-tfoot:before,.indexTable .indexTable-body-row-cell.mod-tfoot:after,.indexTable .indexTable-foot-row-cell.mod-tfoot:before,.indexTable .indexTable-foot-row-cell.mod-tfoot:after{content:none}.indexTable .indexTable-head-row-cell.mod-alignEnd,.indexTable .indexTable-head-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-head-row-cell.mod-alignRight,.indexTable .indexTable-head-row-cell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignEnd,.indexTable .indexTable-body-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignRight,.indexTable .indexTable-body-row-cell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignEnd,.indexTable .indexTable-body-row-transparentCell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignRight,.indexTable .indexTable-body-row-transparentCell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignEnd,.indexTable .indexTable-foot-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignRight,.indexTable .indexTable-foot-row-cell.mod-alignRight .indexTable-body-row-cell-link{text-align:end}.indexTable .indexTable-head-row-cell.mod-alignCenter,.indexTable .indexTable-head-row-cell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignCenter,.indexTable .indexTable-body-row-cell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignCenter,.indexTable .indexTable-body-row-transparentCell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignCenter,.indexTable .indexTable-foot-row-cell.mod-alignCenter .indexTable-body-row-cell-link{text-align:center}.indexTable .indexTable-head-row-cell.mod-alignStart,.indexTable .indexTable-head-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-head-row-cell.mod-alignLeft,.indexTable .indexTable-head-row-cell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignStart,.indexTable .indexTable-body-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignLeft,.indexTable .indexTable-body-row-cell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignStart,.indexTable .indexTable-body-row-transparentCell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignLeft,.indexTable .indexTable-body-row-transparentCell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignStart,.indexTable .indexTable-foot-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignLeft,.indexTable .indexTable-foot-row-cell.mod-alignLeft .indexTable-body-row-cell-link{text-align:start}@media not all and (min-width:50em){.indexTable.mod-responsiveCardList{display:flex;flex-direction:column;gap:var(--components-indexTable-row-spacing);padding:var(--components-indexTable-padding)}.indexTable.mod-responsiveCardList .indexTable-head{display:none}.indexTable.mod-responsiveCardList .indexTable-body{display:flex;flex-direction:column}.indexTable.mod-responsiveCardList .indexTable-body-row,.indexTable.mod-responsiveCardList .indexTable-foot-row{position:relative;display:grid;grid-template-columns:var(--components-indexTable-row-responsive-grid-template-columns, 1fr);grid-template-rows:var(--components-indexTable-row-responsive-grid-template-rows, none);grid-auto-rows:auto;grid-template-areas:var(--components-indexTable-row-responsive-grid-template-areas, none);align-items:center;padding-block:var(--components-indexTable-row-spacing-responsive);padding-inline:0;margin-block-end:var(--components-indexTable-row-spacing-responsive)}.indexTable.mod-responsiveCardList .indexTable-body-row:not(:has(.indexTable-body-row-cell)),.indexTable.mod-responsiveCardList .indexTable-foot-row:not(:has(.indexTable-body-row-cell)){padding:0;margin-block-end:0}.indexTable.mod-responsiveCardList .indexTable-body-row:last-child,.indexTable.mod-responsiveCardList .indexTable-foot-row:last-child{margin-block-end:0}.indexTable.mod-responsiveCardList .indexTable-body-row-transparentCell{grid-row:1}.indexTable.mod-responsiveCardList .indexTable-body-row-cell{--components-indexTable-cell-paddingBlock: 0;position:static;grid-column-start:1}.indexTable.mod-responsiveCardList .indexTable-body-row-cell:before{--components-indexTable-cell-border-radius-left: var(--components-indexTable-cell-border-radius);--components-indexTable-cell-border-radius-right: var(--components-indexTable-cell-border-radius)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell:after{--components-indexTable-outline-border-width-left: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-width-right: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-radius-left: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-radius-right: var(--components-indexTable-outline-border-radius)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell~.indexTable-body-row-cell:before,.indexTable.mod-responsiveCardList .indexTable-body-row-cell~.indexTable-body-row-cell:after{display:none}.indexTable.mod-responsiveCardList .indexTable-body-row-cell-content[data-label]{display:flex;flex-direction:column;margin-block-start:var(--pr-t-spacings-50)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell-content[data-label]:before{content:attr(data-label);font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTable.mod-responsiveCardList .indexTable-head-row-cell-checkbox,.indexTable.mod-responsiveCardList .indexTable-body-row-cell-checkbox{margin-block:0}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row{grid-template-columns:var(--components-indexTable-row-cell-transparent-width) var(--components-indexTable-row-responsive-grid-template-columns, 1fr)}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-transparentCell{inline-size:auto}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-transparentCell:first-child[colspan=\"2\"]+.indexTable-body-row-transparentCell{padding-inline-start:calc(var(--components-indexTable-row-cell-transparent-width) * .75)}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-cell{--components-indexTable-cell-inset-x-left: var(--components-indexTable-row-cell-transparent-width);grid-column-start:2}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]{border:0;border-block-end-width:var(--components-indexTable-row-stack-border-bottom);border-style:solid;border-color:transparent}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:before,.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:after{content:\"\";position:absolute;inset-block-start:0;inset-block-end:calc((var(--components-indexTable-row-spacing-responsive) + var(--components-indexTable-stack3-row-spacing)) * -1);background-image:var(--components-indexTable-row-stack2-background-image, none),var(--components-indexTable-row-stack3-background-image, none);background-position:var(--components-indexTable-row-stack2-background-position, 0 0),var(--components-indexTable-row-stack3-background-position, 0 0);background-repeat:no-repeat,no-repeat;transition-property:background-image,background-position;transition-duration:var(--commons-animations-durations-fast)}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:before{inset-inline-start:var(--components-indexTable-cell-inset-x-left, 0);inset-inline-end:50%;--components-indexTable-row-stack2-background-position: left -2px bottom 6px;--components-indexTable-row-stack3-background-position: left 1px bottom 2px}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:after{inset-inline-start:50%;inset-inline-end:0;--components-indexTable-row-stack2-background-position: right -2px bottom 6px;--components-indexTable-row-stack3-background-position: right 1px bottom 2px}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row-cell{border-block-end:0;background-image:none}.indexTable.mod-selectable.mod-stackable.mod-responsiveCardList .indexTable-body-row{--components-indexTable-cell-inset-x-left: var(--components-indexTable-row-cell-transparent-width)}}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:has(.indexTable-body-row-cell-link:focus-visible,.indexTable-body-row-cell.mod-actions:focus-within){--components-indexTable-cell-subAction-opacity: 1}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:has(.indexTable-body-row-cell-link:focus-visible){--components-indexTable-outline-opacity: 1}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:hover{--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-hover);--components-indexTable-cell-inset-x: var(--components-indexTable-hover-offset-x);--components-indexTable-cell-inset-y: var(--components-indexTable-hover-offset-y);--components-indexTable-cell-z-index: 2;--components-indexTable-cell-subAction-opacity: 1}.indexTable .indexTable-body-row.is-closed,.indexTable .indexTable-foot-row.is-closed{display:none}.indexTable .indexTable-body-row-cellTitle-button[aria-expanded=false] .icon-arrowChevronTop{transform:rotate(180deg)}.indexTable .indexTable-body-row:has(.indexTable-body-row-cellTitle-button[aria-expanded=true]) .indexTable-body-row-subTotal{display:none}.indexTable .indexTable-body-row:first-child:has(.indexTable-body-row-cellTitle-button.button[aria-expanded=false])~.indexTable-body-row{--components-indexTable-row-display: none}.indexTable .indexTable-body-row-cellTitle-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.indexTable .indexTable-body-row-cellTitle-button.button:hover,.indexTable .indexTable-body-row-cellTitle-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))}.indexTable .indexTable-body-row-cellTitle-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-body-row-cellTitle-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-body-row-cellTitle-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)}.indexTable .indexTable-body-row-cellTitle-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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-body-row-cellTitle-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-25);position:static}.indexTable .indexTable-body-row-cellTitle-button.button:before{content:\"\";position:absolute;inset:0}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"] }]
|
|
116
|
-
}], propDecorators: { tableBodyOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableBodyOnly", required: false }] }], cols: [{ type: i0.Input, args: [{ isSignal: true, alias: "cols", required: false }] }],
|
|
77
|
+
args: [{ selector: 'lu-skeleton-index-table', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "@if (tableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"indexTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"indexTable-head\">\n\t\t\t<tr class=\"indexTable-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<th class=\"indexTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t<span class=\"skeleton-item mod-dark\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"indexTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"indexTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"indexTable-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@layer components{.indexTable{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: var(--pr-t-border-radius-structure);--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--components-indexTable-row-display: table-row;--components-indexTable-row-spacing-responsive: 8px;--components-indexTable-cell-paddingInline: var(--pr-t-spacings-150);--components-indexTable-cell-paddingBlock: var(--pr-t-spacings-100);--components-indexTable-cell-border-radius: var(--pr-t-border-radius-default);--components-indexTable-cell-background-color-default: var(--palettes-neutral-0);--components-indexTable-cell-shadow-default: var(--pr-t-elevation-shadow-raised);--components-indexTable-cell-background-color-selected: var(--palettes-product-50);--components-indexTable-cell-shadow-selected: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-indexTable-cell-shadow-hover: var(--pr-t-elevation-shadow-overlay);--components-indexTable-row-cell-transparent-width: 2.25rem;--components-indexTable-stack2-row-spacing: 5px;--components-indexTable-stack3-row-spacing: 9px;--components-indexTable-stack-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='2008' height='48' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.2 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.4 0'/%3E%3CfeBlend in2='effect1_dropShadow_1214_48875' mode='multiply' result='effect2_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='effect3_dropShadow_1214_48875'/%3E%3CfeOffset/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.08 0'/%3E%3CfeBlend in2='effect2_dropShadow_1214_48875' result='effect3_dropShadow_1214_48875'/%3E%3CfeBlend in='SourceGraphic' in2='effect3_dropShadow_1214_48875' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none' viewBox='0 0 2008 48'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23FFF1EB' stroke='%23FF9361' rx='8'/%3E%3C/svg%3E%0A\");--components-indexTable-hover-offset-x: -4px;--components-indexTable-hover-offset-y: -1px;--components-indexTable-outline-offset: 4px;--components-indexTable-outline-border-width: 2px;--components-indexTable-outline-border-radius: calc( var(--components-indexTable-cell-border-radius) + var(--components-indexTable-outline-offset) );--components-indexTable-outline-color: var(--palettes-product-700);position:relative;display:table;inline-size:100%;padding-block:0 calc(var(--components-indexTable-padding) - var(--components-indexTable-row-spacing));padding-inline:var(--components-indexTable-padding);border-collapse:separate;border-spacing:0 var(--components-indexTable-row-spacing);border-radius:var(--components-indexTable-border-radius);background-color:var(--components-indexTable-background-color);color:var(--pr-t-color-text);contain:paint}.indexTable-head{display:table-header-group;vertical-align:bottom}.indexTable-body,.indexTable-foot{display:table-row-group}.indexTable-foot:is(tfoot){display:table-footer-group}.indexTable-head-row,.indexTable-body-row,.indexTable-foot-row{display:var(--components-indexTable-row-display)}.indexTable-head-row-transparentCell,.indexTable-body-row-transparentCell,.indexTable-head-row-cell,.indexTable-body-row-cell,.indexTable-foot-row-cell{display:table-cell;text-align:start;font-weight:var(--pr-t-font-fontWeight-regular)}.indexTable-head-row-transparentCell,.indexTable-body-row-transparentCell{vertical-align:middle;padding-block:var(--pr-t-spacings-50);padding-inline:0;position:relative;z-index:3}.indexTable-head-row-transparentCell:not(:first-child),.indexTable-body-row-transparentCell:not(:first-child){padding-inline-end:var(--components-indexTable-cell-paddingInline)}.indexTable-head-row-cell,.indexTable-body-row-cell,.indexTable-foot-row-cell{vertical-align:top;padding-block:var(--components-indexTable-cell-paddingBlock);padding-inline:var(--components-indexTable-cell-paddingInline)}.indexTable-body-row{border-radius:var(--pr-t-border-radius-default)}.indexTable-body-row:has(.indexTable-body-row-cell-link) .indexTable-body-row-cell:not(:has(button,a,input,textarea,select,details,[tabindex=\"0\"]),.mod-allowTextSelection){pointer-events:none}.indexTable-body-row:not(:has(.indexTable-body-row-cell-link)):has(.indexTable-body-row-cell-action){cursor:pointer}.indexTable-head-row-cell{color:var(--pr-t-color-text-subtle)}.indexTable-foot-row-cell{text-align:end;padding-block:var(--pr-t-spacings-50)}.indexTable-body-row-cell{position:relative;z-index:var(--components-indexTable-cell-z-index, 1);border:var(--commons-divider-width) 0 solid transparent;--components-indexTable-cell-inset-x-left: var(--components-indexTable-cell-inset-x);--components-indexTable-cell-border-radius-left: var(--components-indexTable-cell-border-radius);--components-indexTable-cell-border-radius-right: 0;--components-indexTable-outline-border-radius-left: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-radius-right: 0;--components-indexTable-outline-border-width-left: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-width-right: 0}.indexTable-body-row-cell~.indexTable-body-row-cell{--components-indexTable-cell-inset-x-left: 0px;--components-indexTable-shadow-mask: calc(var(--pr-t-spacings-100) * -1) 0px 0px 0px var(--components-indexTable-cell-background-color, var(--components-indexTable-cell-background-color-default));--components-indexTable-cell-border-radius-left: 0;--components-indexTable-outline-border-radius-left: 0;--components-indexTable-outline-border-width-left: 0}.indexTable-body-row-cell:last-child{--components-indexTable-cell-inset-x-right: var(--components-indexTable-cell-inset-x);--components-indexTable-cell-border-radius-right: var(--components-indexTable-cell-border-radius);--components-indexTable-outline-border-radius-right: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-width-right: var(--components-indexTable-outline-border-width)}.indexTable-body-row-cell:before,.indexTable-body-row-cell:after{content:\"\";position:absolute;z-index:-1;transition-duration:var(--commons-animations-durations-fast)}.indexTable-body-row-cell:before{inset:var(--components-indexTable-cell-inset-y, 0) var(--components-indexTable-cell-inset-x-right, 0) var(--components-indexTable-cell-inset-y, 0) var(--components-indexTable-cell-inset-x-left, 0);border-radius:var(--components-indexTable-cell-border-radius-left) var(--components-indexTable-cell-border-radius-right) var(--components-indexTable-cell-border-radius-right) var(--components-indexTable-cell-border-radius-left);background-color:var(--components-indexTable-cell-background-color, var(--components-indexTable-cell-background-color-default));box-shadow:var(--components-indexTable-shadow-mask, 0 0 0 0),var(--components-indexTable-cell-shadow, var(--components-indexTable-cell-shadow-default));transition-property:inset,box-shadow,background-color}.indexTable-body-row-cell:after{inset:calc(var(--components-indexTable-cell-inset-y, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-x-right, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-y, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-x-left, 0px) - var(--components-indexTable-outline-offset));border-radius:var(--components-indexTable-outline-border-radius-left) var(--components-indexTable-outline-border-radius-right) var(--components-indexTable-outline-border-radius-right) var(--components-indexTable-outline-border-radius-left);border-block-width:var(--components-indexTable-outline-border-width);border-inline-width:var(--components-indexTable-outline-border-width-left) var(--components-indexTable-outline-border-width-right);border-style:solid;border-color:var(--components-indexTable-outline-color);opacity:var(--components-indexTable-outline-opacity, 0);transition-property:inset}.indexTable-body-row-cell:has(.emptyState){--components-indexTable-cell-shadow: none}.indexTable-body-row-cell-checkbox,.indexTable-head-row-cell-checkbox{margin:var(--pr-t-spacings-50)}.indexTable-body-row-cell-action{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.indexTable-body-row-cell-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;text-decoration:none}.indexTable-body-row-cell-link:after{content:\"\";position:absolute;inset:0 -9999px;z-index:-1}.indexTable-body-row-cell-link,.indexTable-body-row-cell-link:hover{color:currentColor}.indexTable-body-row-cell-link:focus-visible{outline:none}.indexTable-body-row-cellTitle{position:relative;display:flex;align-items:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-25);font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTable-body-row-cellTitle-title{font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTableWrapper{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: var(--pr-t-border-radius-structure);--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--components-indexTable-row-display: table-row;--components-indexTable-row-spacing-responsive: 8px;--components-indexTable-cell-paddingInline: var(--pr-t-spacings-150);--components-indexTable-cell-paddingBlock: var(--pr-t-spacings-100);--components-indexTable-cell-border-radius: var(--pr-t-border-radius-default);--components-indexTable-cell-background-color-default: var(--palettes-neutral-0);--components-indexTable-cell-shadow-default: var(--pr-t-elevation-shadow-raised);--components-indexTable-cell-background-color-selected: var(--palettes-product-50);--components-indexTable-cell-shadow-selected: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-indexTable-cell-shadow-hover: var(--pr-t-elevation-shadow-overlay);--components-indexTable-row-cell-transparent-width: 2.25rem;--components-indexTable-stack2-row-spacing: 5px;--components-indexTable-stack3-row-spacing: 9px;--components-indexTable-stack-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='2008' height='48' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.2 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.4 0'/%3E%3CfeBlend in2='effect1_dropShadow_1214_48875' mode='multiply' result='effect2_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='effect3_dropShadow_1214_48875'/%3E%3CfeOffset/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.08 0'/%3E%3CfeBlend in2='effect2_dropShadow_1214_48875' result='effect3_dropShadow_1214_48875'/%3E%3CfeBlend in='SourceGraphic' in2='effect3_dropShadow_1214_48875' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none' viewBox='0 0 2008 48'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23FFF1EB' stroke='%23FF9361' rx='8'/%3E%3C/svg%3E%0A\");--components-indexTable-hover-offset-x: -4px;--components-indexTable-hover-offset-y: -1px;--components-indexTable-outline-offset: 4px;--components-indexTable-outline-border-width: 2px;--components-indexTable-outline-border-radius: calc( var(--components-indexTable-cell-border-radius) + var(--components-indexTable-outline-offset) );--components-indexTable-outline-color: var(--palettes-product-700);display:flex;flex-direction:column;padding-block-end:var(--pr-t-spacings-100);border-radius:var(--components-indexTable-border-radius);background-color:var(--components-indexTable-background-color)}.indexTableWrapper .indexTable{flex-grow:1;padding-block-end:0}.indexTableWrapper .pagination{align-self:flex-end;padding-block:var(--pr-t-spacings-50) 0;padding-inline:0;margin-inline-end:var(--pr-t-spacings-100)}.indexTableWrapper .pagination-scrolling .button:hover{--components-button-backgroundColor: var(--palettes-neutral-100);--components-button-color: var(--palettes-neutral-700)}.indexTable .indexTableWrapper-pagination:empty{display:none}.indexTable .statusBadge,.indexTable .tag,.indexTable .avatar{vertical-align:top}.indexTable .statusBadge,.indexTable .tag{margin-block-start:var(--pr-t-spacings-25)}.indexTable .avatarWrapper{display:inline-flex}.indexTable .tableSortable.button:hover{--components-button-backgroundColor: var(--palettes-neutral-100);color:var(--palettes-neutral-700)}}@layer mods{.indexTable.mod-selectable .indexTable-body-row:is(:focus-within,:hover){outline:none}.indexTable.mod-selectable .indexTable-head-row-transparentCell,.indexTable.mod-selectable .indexTable-body-row-transparentCell{inline-size:var(--components-indexTable-row-cell-transparent-width)}.indexTable.mod-selectable .indexTable-head-row-transparentCell:first-child,.indexTable.mod-selectable .indexTable-body-row-transparentCell:first-child{padding-inline-start:0}.indexTable.mod-selectable .indexTable-body-row:has(.checkbox-input:checked,.checkboxField-input:checked){--components-indexTable-cell-background-color: var(--components-indexTable-cell-background-color-selected) !important;--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-selected) !important;--components-indexTable-stack-svg: var(--components-indexTable-stack-svg-selected)}.indexTable.mod-selectable .indexTable-body-row:hover:has(.indexTable-body-row-transparentCell:hover){--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-default);--components-indexTable-cell-inset-x: 0px;--components-indexTable-cell-inset-y: 0px;--components-indexTable-cell-subAction-opacity: 0}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack2,.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack3,.indexTable.mod-stackable .indexTable-body-row.mod-stack2,.indexTable.mod-stackable .indexTable-body-row.mod-stack3{--components-indexTable-row-stack-border-bottom: var(--components-indexTable-stack2-row-spacing);--components-indexTable-row-stack2-background-image: var(--components-indexTable-stack-svg)}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack3,.indexTable.mod-stackable .indexTable-body-row.mod-stack3{--components-indexTable-row-stack-border-bottom: var(--components-indexTable-stack3-row-spacing);--components-indexTable-row-stack3-background-image: var(--components-indexTable-stack-svg)}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell,.indexTable.mod-stackable .indexTable-body-row-cell{border-block-end:var(--components-indexTable-row-stack-border-bottom) solid transparent;background-image:var(--components-indexTable-row-stack2-background-image, none),var(--components-indexTable-row-stack3-background-image, none);background-position:var(--components-indexTable-row-stack2-background-position, 0 0),var(--components-indexTable-row-stack3-background-position, 0 0);background-repeat:no-repeat,no-repeat;transition-property:background-image,background-position;transition-duration:var(--commons-animations-durations-fast);--components-indexTable-row-stack2-background-position: left calc(-2px + var(--components-indexTable-cell-inset-x-left, 0px)) bottom -10px;--components-indexTable-row-stack3-background-position: left calc(1px + var(--components-indexTable-cell-inset-x-left, 0px)) bottom -14px}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell~.indexTable-body-row-cell,.indexTable.mod-stackable .indexTable-body-row-cell~.indexTable-body-row-cell{--components-indexTable-row-stack2-background-position: left -20px bottom -10px;--components-indexTable-row-stack3-background-position: left -20px bottom -14px}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell:last-child,.indexTable.mod-stackable .indexTable-body-row-cell:last-child{--components-indexTable-row-stack2-background-position: right calc(-2px + var(--components-indexTable-cell-inset-x-right, 0px)) bottom -10px;--components-indexTable-row-stack3-background-position: right calc(1px + var(--components-indexTable-cell-inset-x-right, 0px)) bottom -14px}.indexTable.mod-stickyHeader .indexTable-head{position:sticky;inset-block-start:var(--components-indexTable-row-spacing);z-index:3}.indexTable.mod-stickyHeader .indexTable-head-row-cell{position:relative}.indexTable.mod-stickyHeader .indexTable-head-row-cell:before,.indexTable.mod-stickyHeader .indexTable-head-row-cell:after{content:\"\";position:absolute;inset:calc(var(--components-indexTable-row-spacing) * -1) calc(var(--components-indexTable-padding) * -1) 0;z-index:-1}.indexTable.mod-stickyHeader .indexTable-head-row-cell:before{background-color:var(--commons-background-base)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:after{background-color:var(--components-indexTable-background-color)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:first-child:after{border-start-start-radius:var(--components-indexTable-border-radius)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:last-child:after{border-start-end-radius:var(--components-indexTable-border-radius)}.indexTable[class*=mod-layoutFixed] .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed] .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed] .indexTable-foot-row-cell{--cell-width: calc(var(--components-indexTable-cell-fixed-width, var(--components-index-table-cell-fixed-width)) * 1rem)}.indexTable[class*=mod-layoutFixed].mod-layoutFixed{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}@media(min-width:20em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:30em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:40em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:50em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:64em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:80em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:85.375em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:100em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:120em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell{padding:0}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection{display:flex;align-items:center;justify-content:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-50);border-radius:var(--pr-t-border-radius-default);font:var(--pr-t-font-body-S);color:var(--pr-t-color-text);background-color:var(--pr-t-elevation-surface-default)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:hover,.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .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))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .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)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.indexTable .indexTable-head-row-cell.mod-actions,.indexTable .indexTable-body-row-cell.mod-actions{inline-size:1%;padding:var(--pr-t-spacings-50);white-space:nowrap}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-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)}.indexTable .indexTable-head-row-cell.mod-actions .button .numericBadge,.indexTable .indexTable-body-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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-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);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.indexTable .indexTable-head-row-cell.mod-actions .button:hover,.indexTable .indexTable-head-row-cell.mod-actions .button:focus-visible,.indexTable .indexTable-body-row-cell.mod-actions .button:hover,.indexTable .indexTable-body-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))}.indexTable .indexTable-head-row-cell.mod-actions .button:active,.indexTable .indexTable-body-row-cell.mod-actions .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-head-row-cell.mod-actions .button:disabled,.indexTable .indexTable-body-row-cell.mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-row-cell.mod-actions .button{--components-button-padding: var(--pr-t-spacings-75)}.indexTable .indexTable-head-row-cell.mod-actions .button.mod-critical:hover,.indexTable .indexTable-head-row-cell.mod-actions .button.mod-delete:hover,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-critical:hover,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.indexTable .indexTable-head-row-cell.mod-actions .button.mod-critical:active,.indexTable .indexTable-head-row-cell.mod-actions .button.mod-delete:active,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-critical:active,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.indexTable .indexTable-body-row-cell.mod-tfoot,.indexTable .indexTable-foot-row-cell.mod-tfoot{padding-block:var(--pr-t-spacings-50)}.indexTable .indexTable-body-row-cell.mod-tfoot:before,.indexTable .indexTable-body-row-cell.mod-tfoot:after,.indexTable .indexTable-foot-row-cell.mod-tfoot:before,.indexTable .indexTable-foot-row-cell.mod-tfoot:after{content:none}.indexTable .indexTable-head-row-cell.mod-alignEnd,.indexTable .indexTable-head-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-head-row-cell.mod-alignRight,.indexTable .indexTable-head-row-cell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignEnd,.indexTable .indexTable-body-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignRight,.indexTable .indexTable-body-row-cell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignEnd,.indexTable .indexTable-body-row-transparentCell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignRight,.indexTable .indexTable-body-row-transparentCell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignEnd,.indexTable .indexTable-foot-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignRight,.indexTable .indexTable-foot-row-cell.mod-alignRight .indexTable-body-row-cell-link{text-align:end}.indexTable .indexTable-head-row-cell.mod-alignCenter,.indexTable .indexTable-head-row-cell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignCenter,.indexTable .indexTable-body-row-cell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignCenter,.indexTable .indexTable-body-row-transparentCell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignCenter,.indexTable .indexTable-foot-row-cell.mod-alignCenter .indexTable-body-row-cell-link{text-align:center}.indexTable .indexTable-head-row-cell.mod-alignStart,.indexTable .indexTable-head-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-head-row-cell.mod-alignLeft,.indexTable .indexTable-head-row-cell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignStart,.indexTable .indexTable-body-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignLeft,.indexTable .indexTable-body-row-cell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignStart,.indexTable .indexTable-body-row-transparentCell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignLeft,.indexTable .indexTable-body-row-transparentCell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignStart,.indexTable .indexTable-foot-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignLeft,.indexTable .indexTable-foot-row-cell.mod-alignLeft .indexTable-body-row-cell-link{text-align:start}@media not all and (min-width:50em){.indexTable.mod-responsiveCardList{display:flex;flex-direction:column;gap:var(--components-indexTable-row-spacing);padding:var(--components-indexTable-padding)}.indexTable.mod-responsiveCardList .indexTable-head{display:none}.indexTable.mod-responsiveCardList .indexTable-body{display:flex;flex-direction:column}.indexTable.mod-responsiveCardList .indexTable-body-row,.indexTable.mod-responsiveCardList .indexTable-foot-row{position:relative;display:grid;grid-template-columns:var(--components-indexTable-row-responsive-grid-template-columns, 1fr);grid-template-rows:var(--components-indexTable-row-responsive-grid-template-rows, none);grid-auto-rows:auto;grid-template-areas:var(--components-indexTable-row-responsive-grid-template-areas, none);align-items:center;padding-block:var(--components-indexTable-row-spacing-responsive);padding-inline:0;margin-block-end:var(--components-indexTable-row-spacing-responsive)}.indexTable.mod-responsiveCardList .indexTable-body-row:not(:has(.indexTable-body-row-cell)),.indexTable.mod-responsiveCardList .indexTable-foot-row:not(:has(.indexTable-body-row-cell)){padding:0;margin-block-end:0}.indexTable.mod-responsiveCardList .indexTable-body-row:last-child,.indexTable.mod-responsiveCardList .indexTable-foot-row:last-child{margin-block-end:0}.indexTable.mod-responsiveCardList .indexTable-body-row-transparentCell{grid-row:1}.indexTable.mod-responsiveCardList .indexTable-body-row-cell{--components-indexTable-cell-paddingBlock: 0;position:static;grid-column-start:1}.indexTable.mod-responsiveCardList .indexTable-body-row-cell:before{--components-indexTable-cell-border-radius-left: var(--components-indexTable-cell-border-radius);--components-indexTable-cell-border-radius-right: var(--components-indexTable-cell-border-radius)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell:after{--components-indexTable-outline-border-width-left: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-width-right: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-radius-left: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-radius-right: var(--components-indexTable-outline-border-radius)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell~.indexTable-body-row-cell:before,.indexTable.mod-responsiveCardList .indexTable-body-row-cell~.indexTable-body-row-cell:after{display:none}.indexTable.mod-responsiveCardList .indexTable-body-row-cell-content[data-label]{display:flex;flex-direction:column;margin-block-start:var(--pr-t-spacings-50)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell-content[data-label]:before{content:attr(data-label);font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTable.mod-responsiveCardList .indexTable-head-row-cell-checkbox,.indexTable.mod-responsiveCardList .indexTable-body-row-cell-checkbox{margin-block:0}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row{grid-template-columns:var(--components-indexTable-row-cell-transparent-width) var(--components-indexTable-row-responsive-grid-template-columns, 1fr)}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-transparentCell{inline-size:auto}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-transparentCell:first-child[colspan=\"2\"]+.indexTable-body-row-transparentCell{padding-inline-start:calc(var(--components-indexTable-row-cell-transparent-width) * .75)}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-cell{--components-indexTable-cell-inset-x-left: var(--components-indexTable-row-cell-transparent-width);grid-column-start:2}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]{border:0;border-block-end-width:var(--components-indexTable-row-stack-border-bottom);border-style:solid;border-color:transparent}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:before,.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:after{content:\"\";position:absolute;inset-block-start:0;inset-block-end:calc((var(--components-indexTable-row-spacing-responsive) + var(--components-indexTable-stack3-row-spacing)) * -1);background-image:var(--components-indexTable-row-stack2-background-image, none),var(--components-indexTable-row-stack3-background-image, none);background-position:var(--components-indexTable-row-stack2-background-position, 0 0),var(--components-indexTable-row-stack3-background-position, 0 0);background-repeat:no-repeat,no-repeat;transition-property:background-image,background-position;transition-duration:var(--commons-animations-durations-fast)}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:before{inset-inline-start:var(--components-indexTable-cell-inset-x-left, 0);inset-inline-end:50%;--components-indexTable-row-stack2-background-position: left -2px bottom 6px;--components-indexTable-row-stack3-background-position: left 1px bottom 2px}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:after{inset-inline-start:50%;inset-inline-end:0;--components-indexTable-row-stack2-background-position: right -2px bottom 6px;--components-indexTable-row-stack3-background-position: right 1px bottom 2px}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row-cell{border-block-end:0;background-image:none}.indexTable.mod-selectable.mod-stackable.mod-responsiveCardList .indexTable-body-row{--components-indexTable-cell-inset-x-left: var(--components-indexTable-row-cell-transparent-width)}}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:has(.indexTable-body-row-cell-link:focus-visible,.indexTable-body-row-cell.mod-actions:focus-within){--components-indexTable-cell-subAction-opacity: 1}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:has(.indexTable-body-row-cell-link:focus-visible){--components-indexTable-outline-opacity: 1}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:hover{--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-hover);--components-indexTable-cell-inset-x: var(--components-indexTable-hover-offset-x);--components-indexTable-cell-inset-y: var(--components-indexTable-hover-offset-y);--components-indexTable-cell-z-index: 2;--components-indexTable-cell-subAction-opacity: 1}.indexTable .indexTable-body-row.is-closed,.indexTable .indexTable-foot-row.is-closed{display:none}.indexTable .indexTable-body-row-cellTitle-button[aria-expanded=false] .icon-arrowChevronTop{transform:rotate(180deg)}.indexTable .indexTable-body-row:has(.indexTable-body-row-cellTitle-button[aria-expanded=true]) .indexTable-body-row-subTotal{display:none}.indexTable .indexTable-body-row:first-child:has(.indexTable-body-row-cellTitle-button.button[aria-expanded=false])~.indexTable-body-row{--components-indexTable-row-display: none}.indexTable .indexTable-body-row-cellTitle-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.indexTable .indexTable-body-row-cellTitle-button.button:hover,.indexTable .indexTable-body-row-cellTitle-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))}.indexTable .indexTable-body-row-cellTitle-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-body-row-cellTitle-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-body-row-cellTitle-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)}.indexTable .indexTable-body-row-cellTitle-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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-body-row-cellTitle-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-25);position:static}.indexTable .indexTable-body-row-cellTitle-button.button:before{content:\"\";position:absolute;inset:0}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"] }]
|
|
78
|
+
}], propDecorators: { tableBodyOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableBodyOnly", required: false }] }], cols: [{ type: i0.Input, args: [{ isSignal: true, alias: "cols", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }] } });
|
|
117
79
|
|
|
118
80
|
class SkeletonResourceCardComponent {
|
|
119
81
|
constructor() {
|
|
120
|
-
/**
|
|
121
|
-
* Defines the number of description lines in resource card
|
|
122
|
-
*/
|
|
123
82
|
this.descriptionLines = input(0, { ...(ngDevMode ? { debugName: "descriptionLines" } : {}), transform: numberAttribute });
|
|
124
83
|
this.lines = computed(() => Array.from({ length: this.descriptionLines() }), ...(ngDevMode ? [{ debugName: "lines" }] : []));
|
|
125
84
|
this.getRandomPercent = (min = 33, max = 66) => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;
|
|
@@ -134,30 +93,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
134
93
|
|
|
135
94
|
class SkeletonTableComponent {
|
|
136
95
|
constructor() {
|
|
137
|
-
/**
|
|
138
|
-
* Skeleton only show in table body
|
|
139
|
-
*/
|
|
140
96
|
this.tableBodyOnly = input(false, { ...(ngDevMode ? { debugName: "tableBodyOnly" } : {}), transform: booleanAttribute });
|
|
141
|
-
/**
|
|
142
|
-
* Defines the number of cols (5 by default)
|
|
143
|
-
*/
|
|
144
97
|
this.cols = input(5, ...(ngDevMode ? [{ debugName: "cols" }] : []));
|
|
145
|
-
this.colsAlign = input({}, ...(ngDevMode ? [{ debugName: "colsAlign" }] : []));
|
|
146
|
-
/**
|
|
147
|
-
* Defines the number of row (8 by default)
|
|
148
|
-
*/
|
|
149
|
-
this.rows = input(8, ...(ngDevMode ? [{ debugName: "rows" }] : []));
|
|
150
98
|
this.colsNumber = computed(() => new Array(this.cols()), ...(ngDevMode ? [{ debugName: "colsNumber" }] : []));
|
|
99
|
+
this.rows = input(8, ...(ngDevMode ? [{ debugName: "rows" }] : []));
|
|
151
100
|
this.rowsNumber = computed(() => new Array(this.rows()), ...(ngDevMode ? [{ debugName: "rowsNumber" }] : []));
|
|
152
101
|
this.randomPercent = `${Math.floor(Math.random() * (66 - 33) + 33).toString()}%`;
|
|
153
102
|
}
|
|
154
103
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkeletonTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
155
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SkeletonTableComponent, isStandalone: true, selector: "lu-skeleton-table", inputs: { tableBodyOnly: { classPropertyName: "tableBodyOnly", publicName: "tableBodyOnly", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, colsAlign: { classPropertyName: "colsAlign", publicName: "colsAlign", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (tableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"table skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"table-head\">\n\t\t\t<tr class=\"table-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col; let i = $index) {\n\t\t\t\t\t<th class=\"table-head-row-cell\">\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"skeleton-item mod-dark pr-u-bodyS\"\n\t\t\t\t\t\t\t[class.mod-alignRight]=\"colsAlign()[i] === 'end'\"\n\t\t\t\t\t\t\t[class.mod-alignCenter]=\"colsAlign()[i] === 'center'\"\n\t\t\t\t\t\t\t[style.--components-skeleton-text-width]=\"randomPercent\"\n\t\t\t\t\t\t></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"table-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"table-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col; let i = $index) {\n\t\t\t\t\t<td class=\"table-body-row-cell\">\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"skeleton-item\"\n\t\t\t\t\t\t\t[class.mod-alignRight]=\"colsAlign()[i] === 'end'\"\n\t\t\t\t\t\t\t[class.mod-alignCenter]=\"colsAlign()[i] === 'center'\"\n\t\t\t\t\t\t\t[style.--components-skeleton-text-width]=\"randomPercent\"\n\t\t\t\t\t\t></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@layer components{.table{--components-table-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-table-font-size: var(--pr-t-font-body-M-fontSize);--components-table-line-height: var(--pr-t-font-body-M-lineHeight);--components-table-zebra-background: #f5f5f5;--components-table-hover-background: var(--palettes-neutral-50);--components-table-card-padding: var(--pr-t-spacings-300);font-size:var(--components-table-font-size);line-height:var(--components-table-line-height);border-spacing:0;display:table;text-align:start;inline-size:100%;color:var(--pr-t-color-text)}.table-head{display:table-header-group;vertical-align:bottom}.table-foot{display:table-footer-group}.table-head-row{display:table-row}.table-head-row-cell{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);padding:var(--components-table-padding);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;display:table-cell;text-align:start;font-weight:var(--pr-t-font-fontWeight-semibold)}.table-body{display:table-row-group}.table-body-row,.table-foot-row{background-color:var(--pr-t-elevation-surface-raised);display:table-row}.table-body-row:first-child .table-body-row-cell,.table-body-row:first-child .table-foot-row-cell,.table-foot-row:first-child .table-body-row-cell,.table-foot-row:first-child .table-foot-row-cell{border-block-start:none}.table-body-row:last-child .table-body-row-cell,.table-body-row:last-child .table-foot-row-cell,.table-foot-row:last-child .table-body-row-cell,.table-foot-row:last-child .table-foot-row-cell{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid}.table-body-row-cell,.table-foot-row-cell{padding:var(--components-table-padding);border-block-start-width:var(--commons-divider-width);border-block-start-color:var(--commons-divider-color);border-block-start-style:solid;display:table-cell;vertical-align:middle;text-align:inherit}.table button.tableSortable{--components-sortable-fontWeight: 600;--components-sortable-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortable-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-sortable-arrowsOffset: var(--pr-t-spacings-25)}}@layer mods{.table.mod-zebra .table-body tr:nth-child(odd){background-color:var(--components-table-zebra-background)}.table.mod-alignTop .table-body-row-cell{vertical-align:top}.table.mod-clickable .table-body-row-cell,.table.mod-clickable .table-foot-row-cell{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color}.table.mod-clickable .table-body-row-cell-action,.table.mod-clickable .table-foot-row-cell-action{color:var(--palettes-neutral-800);text-decoration:none}.table.mod-clickable .table-body-row-cell-action:hover,.table.mod-clickable .table-body-row-cell-action:focus,.table.mod-clickable .table-foot-row-cell-action:hover,.table.mod-clickable .table-foot-row-cell-action:focus{text-decoration:underline}.table.mod-clickable .table-body-row,.table.mod-clickable .table-foot-row{cursor:pointer}.table.mod-clickable .table-body-row:hover .table-body-row-cell,.table.mod-clickable .table-body-row:focus-within .table-body-row-cell,.table.mod-clickable .table-foot-row:hover .table-body-row-cell,.table.mod-clickable .table-foot-row:focus-within .table-body-row-cell{background-color:var(--components-table-hover-background)}.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-100)}.table.mod-card{border-block-start:0}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):first-child{border-start-start-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):last-child{border-start-end-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):first-child{border-end-start-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):last-child{border-end-end-radius:var(--components-card-border-radius)}.table.mod-card .table-head-row-cell{border-block-start:0}.table.mod-card .table-body:last-child .table-body-row-cell,.table.mod-card .table-body:last-child .table-foot-row-cell,.table.mod-card .table-foot:last-child .table-body-row-cell,.table.mod-card .table-foot:last-child .table-foot-row-cell{border-block-end:none}.table.mod-card .table-body-row,.table.mod-card .table-foot-row{background-color:transparent}.table.mod-card .table-head-row-cell:first-child,.table.mod-card .table-body-row-cell:first-child,.table.mod-card .table-foot-row-cell:first-child{padding-inline-start:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell:last-child,.table.mod-card .table-body-row-cell:last-child,.table.mod-card .table-foot-row-cell:last-child{padding-inline-end:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell.mod-actions,.table.mod-card .table-body-row-cell.mod-actions,.table.mod-card .table-foot-row-cell.mod-actions{padding-inline-end:var(--pr-t-spacings-100)}.table.mod-S{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight)}.table.mod-noOffset .table-head-row-cell:first-child,.table.mod-noOffset .table-body-row-cell:first-child,.table.mod-noOffset .table-foot-row-cell:first-child{padding-inline-start:0}.table.mod-noOffset .table-head-row-cell:last-child,.table.mod-noOffset .table-body-row-cell:last-child,.table.mod-noOffset .table-foot-row-cell:last-child{padding-inline-end:0}.table.mod-borderless .table-head-row-cell:first-child,.table.mod-borderless .table-body-row-cell:first-child,.table.mod-borderless .table-foot-row-cell:first-child{padding-inline-start:0}.table.mod-borderless .table-head-row-cell:last-child,.table.mod-borderless .table-body-row-cell:last-child,.table.mod-borderless .table-foot-row-cell:last-child{padding-inline-end:0}.table.mod-borderless{border:none}.table.mod-borderless .table-head-row-cell,.table.mod-borderless .table-body-row-cell,.table.mod-borderless .table-foot-row-cell{border-block-start:none}}@layer mods{.table-body-row.mod-header,.table-foot-row.mod-header{vertical-align:bottom}.table-body-row.mod-child .table-body-row-cell:first-child,.table-body-row.mod-child .table-foot-row-cell:first-child,.table-foot-row.mod-child .table-body-row-cell:first-child,.table-foot-row.mod-child .table-foot-row-cell:first-child{padding-inline-start:var(--pr-t-spacings-600)}.table-body-row.mod-parent .table-body-row-cell,.table-body-row.mod-parent .table-foot-row-cell,.table-foot-row.mod-parent .table-body-row-cell,.table-foot-row.mod-parent .table-foot-row-cell{color:var(--palettes-neutral-700);background-color:var(--palettes-neutral-50);font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);font-weight:var(--pr-t-font-fontWeight-semibold)}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell{cursor:pointer;text-decoration:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none;text-decoration:underline}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:before{--icon-content: \"\\e95a\";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;font-size:var(--pr-t-font-body-M-lineHeight);font-weight:var(--pr-t-font-fontWeight-regular);margin-inline-end:var(--pr-t-spacings-100);transition-duration:var(--commons-animations-durations-fast);transition-property:transform;vertical-align:top}.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before{transform:rotate(-180deg)}.table-head-row.mod-selectable .table-head-row-cell:first-child,.table-head-row.mod-selectable .table-body-row-cell:first-child,.table-head-row.mod-selectable .table-foot-row-cell:first-child,.table-body-row.mod-selectable .table-head-row-cell:first-child,.table-body-row.mod-selectable .table-body-row-cell:first-child,.table-body-row.mod-selectable .table-foot-row-cell:first-child,.table-foot-row.mod-selectable .table-head-row-cell:first-child,.table-foot-row.mod-selectable .table-body-row-cell:first-child,.table-foot-row.mod-selectable .table-foot-row-cell:first-child{padding-inline-end:var(--pr-t-spacings-100);inline-size:var(--pr-t-spacings-200)}.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-50)}.table-body-row-cell-handler,.table-foot-row-cell-handler{inset-block:0;inset-inline-start:0;inline-size:var(--pr-t-spacings-400);position:absolute;cursor:move}.table-body-row-cell-handler:after,.table-foot-row-cell-handler:after{--icon-content: \"\\e9a4\";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;color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-M-lineHeight);block-size:100%;margin:auto;display:flex;align-items:center}.table-head-row.mod-draggable .table-head-row-cell:first-child,.table-head-row.mod-draggable .table-body-row-cell:first-child,.table-head-row.mod-draggable .table-foot-row-cell:first-child,.table-body-row.mod-draggable .table-head-row-cell:first-child,.table-body-row.mod-draggable .table-body-row-cell:first-child,.table-body-row.mod-draggable .table-foot-row-cell:first-child,.table-foot-row.mod-draggable .table-head-row-cell:first-child,.table-foot-row.mod-draggable .table-body-row-cell:first-child,.table-foot-row.mod-draggable .table-foot-row-cell:first-child{padding-inline-start:var(--pr-t-spacings-400);position:relative}.table-head-row-cell-secondLine{margin-block-start:var(--pr-t-spacings-50);display:block;font-weight:var(--pr-t-font-fontWeight-regular)}.table-head-row.mod-twoLines .table-head-row-cell{vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-wrapper{max-inline-size:calc(100% - var(--pr-t-spacings-400));display:inline-block;vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-secondLine{margin-block-start:var(--pr-t-spacings-50);display:block;font-weight:var(--pr-t-font-fontWeight-regular)}.table-body-row-cell.mod-avatar,.table-foot-row-cell.mod-avatar{padding-inline-end:0;inline-size:var(--pr-t-spacings-400)}.table-head-row-cell.mod-actions,.table-body-row-cell.mod-actions,.table-foot-row-cell.mod-actions{padding:.3rem;padding-inline-end:var(--pr-t-spacings-100);padding-inline-start:0;transition-duration:var(--commons-animations-durations-fast);transition-property:opacity;text-align:end;white-space:nowrap}@media(hover:hover){.table-head-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-body-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-foot-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading){opacity:0}.table-head-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}.table-head-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}}.table-head-row-cell.mod-alignCenter,.table-body-row-cell.mod-alignCenter,.table-foot-row-cell.mod-alignCenter{text-align:center}.table-head-row-cell.mod-alignRight,.table-body-row-cell.mod-alignRight,.table-foot-row-cell.mod-alignRight{text-align:end}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
104
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SkeletonTableComponent, isStandalone: true, selector: "lu-skeleton-table", inputs: { tableBodyOnly: { classPropertyName: "tableBodyOnly", publicName: "tableBodyOnly", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (tableBodyOnly) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"table skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"table-head\">\n\t\t\t<tr class=\"table-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<th class=\"table-head-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item mod-dark pr-u-bodyS\" [style.--components-skeleton-text-width]=\"randomPercent\"></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"table-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"table-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"table-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"randomPercent\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@layer components{.table{--components-table-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-table-font-size: var(--pr-t-font-body-M-fontSize);--components-table-line-height: var(--pr-t-font-body-M-lineHeight);--components-table-zebra-background: #f5f5f5;--components-table-hover-background: var(--palettes-neutral-50);--components-table-card-padding: var(--pr-t-spacings-300);font-size:var(--components-table-font-size);line-height:var(--components-table-line-height);border-spacing:0;display:table;text-align:start;inline-size:100%;color:var(--pr-t-color-text)}.table-head{display:table-header-group;vertical-align:bottom}.table-foot{display:table-footer-group}.table-head-row{display:table-row}.table-head-row-cell{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);padding:var(--components-table-padding);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;display:table-cell;text-align:start;font-weight:var(--pr-t-font-fontWeight-semibold)}.table-body{display:table-row-group}.table-body-row,.table-foot-row{background-color:var(--pr-t-elevation-surface-raised);display:table-row}.table-body-row:first-child .table-body-row-cell,.table-body-row:first-child .table-foot-row-cell,.table-foot-row:first-child .table-body-row-cell,.table-foot-row:first-child .table-foot-row-cell{border-block-start:none}.table-body-row:last-child .table-body-row-cell,.table-body-row:last-child .table-foot-row-cell,.table-foot-row:last-child .table-body-row-cell,.table-foot-row:last-child .table-foot-row-cell{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid}.table-body-row-cell,.table-foot-row-cell{padding:var(--components-table-padding);border-block-start-width:var(--commons-divider-width);border-block-start-color:var(--commons-divider-color);border-block-start-style:solid;display:table-cell;vertical-align:middle;text-align:inherit}.table button.tableSortable{--components-sortable-fontWeight: 600;--components-sortable-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortable-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-sortable-arrowsOffset: var(--pr-t-spacings-25)}}@layer mods{.table.mod-zebra .table-body tr:nth-child(odd){background-color:var(--components-table-zebra-background)}.table.mod-alignTop .table-body-row-cell{vertical-align:top}.table.mod-clickable .table-body-row-cell,.table.mod-clickable .table-foot-row-cell{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color}.table.mod-clickable .table-body-row-cell-action,.table.mod-clickable .table-foot-row-cell-action{color:var(--palettes-neutral-800);text-decoration:none}.table.mod-clickable .table-body-row-cell-action:hover,.table.mod-clickable .table-body-row-cell-action:focus,.table.mod-clickable .table-foot-row-cell-action:hover,.table.mod-clickable .table-foot-row-cell-action:focus{text-decoration:underline}.table.mod-clickable .table-body-row,.table.mod-clickable .table-foot-row{cursor:pointer}.table.mod-clickable .table-body-row:hover .table-body-row-cell,.table.mod-clickable .table-body-row:focus-within .table-body-row-cell,.table.mod-clickable .table-foot-row:hover .table-body-row-cell,.table.mod-clickable .table-foot-row:focus-within .table-body-row-cell{background-color:var(--components-table-hover-background)}.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-100)}.table.mod-card{border-block-start:0}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):first-child{border-start-start-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):last-child{border-start-end-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):first-child{border-end-start-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):last-child{border-end-end-radius:var(--components-card-border-radius)}.table.mod-card .table-head-row-cell{border-block-start:0}.table.mod-card .table-body:last-child .table-body-row-cell,.table.mod-card .table-body:last-child .table-foot-row-cell,.table.mod-card .table-foot:last-child .table-body-row-cell,.table.mod-card .table-foot:last-child .table-foot-row-cell{border-block-end:none}.table.mod-card .table-body-row,.table.mod-card .table-foot-row{background-color:transparent}.table.mod-card .table-head-row-cell:first-child,.table.mod-card .table-body-row-cell:first-child,.table.mod-card .table-foot-row-cell:first-child{padding-inline-start:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell:last-child,.table.mod-card .table-body-row-cell:last-child,.table.mod-card .table-foot-row-cell:last-child{padding-inline-end:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell.mod-actions,.table.mod-card .table-body-row-cell.mod-actions,.table.mod-card .table-foot-row-cell.mod-actions{padding-inline-end:var(--pr-t-spacings-100)}.table.mod-S{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight)}.table.mod-noOffset .table-head-row-cell:first-child,.table.mod-noOffset .table-body-row-cell:first-child,.table.mod-noOffset .table-foot-row-cell:first-child{padding-inline-start:0}.table.mod-noOffset .table-head-row-cell:last-child,.table.mod-noOffset .table-body-row-cell:last-child,.table.mod-noOffset .table-foot-row-cell:last-child{padding-inline-end:0}.table.mod-borderless .table-head-row-cell:first-child,.table.mod-borderless .table-body-row-cell:first-child,.table.mod-borderless .table-foot-row-cell:first-child{padding-inline-start:0}.table.mod-borderless .table-head-row-cell:last-child,.table.mod-borderless .table-body-row-cell:last-child,.table.mod-borderless .table-foot-row-cell:last-child{padding-inline-end:0}.table.mod-borderless{border:none}.table.mod-borderless .table-head-row-cell,.table.mod-borderless .table-body-row-cell,.table.mod-borderless .table-foot-row-cell{border-block-start:none}}@layer mods{.table-body-row.mod-header,.table-foot-row.mod-header{vertical-align:bottom}.table-body-row.mod-child .table-body-row-cell:first-child,.table-body-row.mod-child .table-foot-row-cell:first-child,.table-foot-row.mod-child .table-body-row-cell:first-child,.table-foot-row.mod-child .table-foot-row-cell:first-child{padding-inline-start:var(--pr-t-spacings-600)}.table-body-row.mod-parent .table-body-row-cell,.table-body-row.mod-parent .table-foot-row-cell,.table-foot-row.mod-parent .table-body-row-cell,.table-foot-row.mod-parent .table-foot-row-cell{color:var(--palettes-neutral-700);background-color:var(--palettes-neutral-50);font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);font-weight:var(--pr-t-font-fontWeight-semibold)}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell{cursor:pointer;text-decoration:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none;text-decoration:underline}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:before{--icon-content: \"\\e95a\";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;font-size:var(--pr-t-font-body-M-lineHeight);font-weight:var(--pr-t-font-fontWeight-regular);margin-inline-end:var(--pr-t-spacings-100);transition-duration:var(--commons-animations-durations-fast);transition-property:transform;vertical-align:top}.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before{transform:rotate(-180deg)}.table-head-row.mod-selectable .table-head-row-cell:first-child,.table-head-row.mod-selectable .table-body-row-cell:first-child,.table-head-row.mod-selectable .table-foot-row-cell:first-child,.table-body-row.mod-selectable .table-head-row-cell:first-child,.table-body-row.mod-selectable .table-body-row-cell:first-child,.table-body-row.mod-selectable .table-foot-row-cell:first-child,.table-foot-row.mod-selectable .table-head-row-cell:first-child,.table-foot-row.mod-selectable .table-body-row-cell:first-child,.table-foot-row.mod-selectable .table-foot-row-cell:first-child{padding-inline-end:var(--pr-t-spacings-100);inline-size:var(--pr-t-spacings-200)}.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-50)}.table-body-row-cell-handler,.table-foot-row-cell-handler{inset-block:0;inset-inline-start:0;inline-size:var(--pr-t-spacings-400);position:absolute;cursor:move}.table-body-row-cell-handler:after,.table-foot-row-cell-handler:after{--icon-content: \"\\e9a4\";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;color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-M-lineHeight);block-size:100%;margin:auto;display:flex;align-items:center}.table-head-row.mod-draggable .table-head-row-cell:first-child,.table-head-row.mod-draggable .table-body-row-cell:first-child,.table-head-row.mod-draggable .table-foot-row-cell:first-child,.table-body-row.mod-draggable .table-head-row-cell:first-child,.table-body-row.mod-draggable .table-body-row-cell:first-child,.table-body-row.mod-draggable .table-foot-row-cell:first-child,.table-foot-row.mod-draggable .table-head-row-cell:first-child,.table-foot-row.mod-draggable .table-body-row-cell:first-child,.table-foot-row.mod-draggable .table-foot-row-cell:first-child{padding-inline-start:var(--pr-t-spacings-400);position:relative}.table-head-row-cell-secondLine{margin-block-start:var(--pr-t-spacings-50);display:block;font-weight:var(--pr-t-font-fontWeight-regular)}.table-head-row.mod-twoLines .table-head-row-cell{vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-wrapper{max-inline-size:calc(100% - var(--pr-t-spacings-400));display:inline-block;vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-secondLine{margin-block-start:var(--pr-t-spacings-50);display:block;font-weight:var(--pr-t-font-fontWeight-regular)}.table-body-row-cell.mod-avatar,.table-foot-row-cell.mod-avatar{padding-inline-end:0;inline-size:var(--pr-t-spacings-400)}.table-head-row-cell.mod-actions,.table-body-row-cell.mod-actions,.table-foot-row-cell.mod-actions{padding:.3rem;padding-inline-end:var(--pr-t-spacings-100);padding-inline-start:0;transition-duration:var(--commons-animations-durations-fast);transition-property:opacity;text-align:end;white-space:nowrap}@media(hover:hover){.table-head-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-body-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-foot-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading){opacity:0}.table-head-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}.table-head-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}}.table-head-row-cell.mod-alignCenter,.table-body-row-cell.mod-alignCenter,.table-foot-row-cell.mod-alignCenter{text-align:center}.table-head-row-cell.mod-alignRight,.table-body-row-cell.mod-alignRight,.table-foot-row-cell.mod-alignRight{text-align:end}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
156
105
|
}
|
|
157
106
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkeletonTableComponent, decorators: [{
|
|
158
107
|
type: Component,
|
|
159
|
-
args: [{ selector: 'lu-skeleton-table', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "@if (tableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"table skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"table-head\">\n\t\t\t<tr class=\"table-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col; let i = $index) {\n\t\t\t\t\t<th class=\"table-head-row-cell\">\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"skeleton-item mod-dark pr-u-bodyS\"\n\t\t\t\t\t\t\t[class.mod-alignRight]=\"colsAlign()[i] === 'end'\"\n\t\t\t\t\t\t\t[class.mod-alignCenter]=\"colsAlign()[i] === 'center'\"\n\t\t\t\t\t\t\t[style.--components-skeleton-text-width]=\"randomPercent\"\n\t\t\t\t\t\t></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"table-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"table-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col; let i = $index) {\n\t\t\t\t\t<td class=\"table-body-row-cell\">\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"skeleton-item\"\n\t\t\t\t\t\t\t[class.mod-alignRight]=\"colsAlign()[i] === 'end'\"\n\t\t\t\t\t\t\t[class.mod-alignCenter]=\"colsAlign()[i] === 'center'\"\n\t\t\t\t\t\t\t[style.--components-skeleton-text-width]=\"randomPercent\"\n\t\t\t\t\t\t></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@layer components{.table{--components-table-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-table-font-size: var(--pr-t-font-body-M-fontSize);--components-table-line-height: var(--pr-t-font-body-M-lineHeight);--components-table-zebra-background: #f5f5f5;--components-table-hover-background: var(--palettes-neutral-50);--components-table-card-padding: var(--pr-t-spacings-300);font-size:var(--components-table-font-size);line-height:var(--components-table-line-height);border-spacing:0;display:table;text-align:start;inline-size:100%;color:var(--pr-t-color-text)}.table-head{display:table-header-group;vertical-align:bottom}.table-foot{display:table-footer-group}.table-head-row{display:table-row}.table-head-row-cell{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);padding:var(--components-table-padding);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;display:table-cell;text-align:start;font-weight:var(--pr-t-font-fontWeight-semibold)}.table-body{display:table-row-group}.table-body-row,.table-foot-row{background-color:var(--pr-t-elevation-surface-raised);display:table-row}.table-body-row:first-child .table-body-row-cell,.table-body-row:first-child .table-foot-row-cell,.table-foot-row:first-child .table-body-row-cell,.table-foot-row:first-child .table-foot-row-cell{border-block-start:none}.table-body-row:last-child .table-body-row-cell,.table-body-row:last-child .table-foot-row-cell,.table-foot-row:last-child .table-body-row-cell,.table-foot-row:last-child .table-foot-row-cell{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid}.table-body-row-cell,.table-foot-row-cell{padding:var(--components-table-padding);border-block-start-width:var(--commons-divider-width);border-block-start-color:var(--commons-divider-color);border-block-start-style:solid;display:table-cell;vertical-align:middle;text-align:inherit}.table button.tableSortable{--components-sortable-fontWeight: 600;--components-sortable-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortable-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-sortable-arrowsOffset: var(--pr-t-spacings-25)}}@layer mods{.table.mod-zebra .table-body tr:nth-child(odd){background-color:var(--components-table-zebra-background)}.table.mod-alignTop .table-body-row-cell{vertical-align:top}.table.mod-clickable .table-body-row-cell,.table.mod-clickable .table-foot-row-cell{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color}.table.mod-clickable .table-body-row-cell-action,.table.mod-clickable .table-foot-row-cell-action{color:var(--palettes-neutral-800);text-decoration:none}.table.mod-clickable .table-body-row-cell-action:hover,.table.mod-clickable .table-body-row-cell-action:focus,.table.mod-clickable .table-foot-row-cell-action:hover,.table.mod-clickable .table-foot-row-cell-action:focus{text-decoration:underline}.table.mod-clickable .table-body-row,.table.mod-clickable .table-foot-row{cursor:pointer}.table.mod-clickable .table-body-row:hover .table-body-row-cell,.table.mod-clickable .table-body-row:focus-within .table-body-row-cell,.table.mod-clickable .table-foot-row:hover .table-body-row-cell,.table.mod-clickable .table-foot-row:focus-within .table-body-row-cell{background-color:var(--components-table-hover-background)}.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-100)}.table.mod-card{border-block-start:0}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):first-child{border-start-start-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):last-child{border-start-end-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):first-child{border-end-start-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):last-child{border-end-end-radius:var(--components-card-border-radius)}.table.mod-card .table-head-row-cell{border-block-start:0}.table.mod-card .table-body:last-child .table-body-row-cell,.table.mod-card .table-body:last-child .table-foot-row-cell,.table.mod-card .table-foot:last-child .table-body-row-cell,.table.mod-card .table-foot:last-child .table-foot-row-cell{border-block-end:none}.table.mod-card .table-body-row,.table.mod-card .table-foot-row{background-color:transparent}.table.mod-card .table-head-row-cell:first-child,.table.mod-card .table-body-row-cell:first-child,.table.mod-card .table-foot-row-cell:first-child{padding-inline-start:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell:last-child,.table.mod-card .table-body-row-cell:last-child,.table.mod-card .table-foot-row-cell:last-child{padding-inline-end:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell.mod-actions,.table.mod-card .table-body-row-cell.mod-actions,.table.mod-card .table-foot-row-cell.mod-actions{padding-inline-end:var(--pr-t-spacings-100)}.table.mod-S{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight)}.table.mod-noOffset .table-head-row-cell:first-child,.table.mod-noOffset .table-body-row-cell:first-child,.table.mod-noOffset .table-foot-row-cell:first-child{padding-inline-start:0}.table.mod-noOffset .table-head-row-cell:last-child,.table.mod-noOffset .table-body-row-cell:last-child,.table.mod-noOffset .table-foot-row-cell:last-child{padding-inline-end:0}.table.mod-borderless .table-head-row-cell:first-child,.table.mod-borderless .table-body-row-cell:first-child,.table.mod-borderless .table-foot-row-cell:first-child{padding-inline-start:0}.table.mod-borderless .table-head-row-cell:last-child,.table.mod-borderless .table-body-row-cell:last-child,.table.mod-borderless .table-foot-row-cell:last-child{padding-inline-end:0}.table.mod-borderless{border:none}.table.mod-borderless .table-head-row-cell,.table.mod-borderless .table-body-row-cell,.table.mod-borderless .table-foot-row-cell{border-block-start:none}}@layer mods{.table-body-row.mod-header,.table-foot-row.mod-header{vertical-align:bottom}.table-body-row.mod-child .table-body-row-cell:first-child,.table-body-row.mod-child .table-foot-row-cell:first-child,.table-foot-row.mod-child .table-body-row-cell:first-child,.table-foot-row.mod-child .table-foot-row-cell:first-child{padding-inline-start:var(--pr-t-spacings-600)}.table-body-row.mod-parent .table-body-row-cell,.table-body-row.mod-parent .table-foot-row-cell,.table-foot-row.mod-parent .table-body-row-cell,.table-foot-row.mod-parent .table-foot-row-cell{color:var(--palettes-neutral-700);background-color:var(--palettes-neutral-50);font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);font-weight:var(--pr-t-font-fontWeight-semibold)}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell{cursor:pointer;text-decoration:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none;text-decoration:underline}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:before{--icon-content: \"\\e95a\";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;font-size:var(--pr-t-font-body-M-lineHeight);font-weight:var(--pr-t-font-fontWeight-regular);margin-inline-end:var(--pr-t-spacings-100);transition-duration:var(--commons-animations-durations-fast);transition-property:transform;vertical-align:top}.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before{transform:rotate(-180deg)}.table-head-row.mod-selectable .table-head-row-cell:first-child,.table-head-row.mod-selectable .table-body-row-cell:first-child,.table-head-row.mod-selectable .table-foot-row-cell:first-child,.table-body-row.mod-selectable .table-head-row-cell:first-child,.table-body-row.mod-selectable .table-body-row-cell:first-child,.table-body-row.mod-selectable .table-foot-row-cell:first-child,.table-foot-row.mod-selectable .table-head-row-cell:first-child,.table-foot-row.mod-selectable .table-body-row-cell:first-child,.table-foot-row.mod-selectable .table-foot-row-cell:first-child{padding-inline-end:var(--pr-t-spacings-100);inline-size:var(--pr-t-spacings-200)}.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-50)}.table-body-row-cell-handler,.table-foot-row-cell-handler{inset-block:0;inset-inline-start:0;inline-size:var(--pr-t-spacings-400);position:absolute;cursor:move}.table-body-row-cell-handler:after,.table-foot-row-cell-handler:after{--icon-content: \"\\e9a4\";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;color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-M-lineHeight);block-size:100%;margin:auto;display:flex;align-items:center}.table-head-row.mod-draggable .table-head-row-cell:first-child,.table-head-row.mod-draggable .table-body-row-cell:first-child,.table-head-row.mod-draggable .table-foot-row-cell:first-child,.table-body-row.mod-draggable .table-head-row-cell:first-child,.table-body-row.mod-draggable .table-body-row-cell:first-child,.table-body-row.mod-draggable .table-foot-row-cell:first-child,.table-foot-row.mod-draggable .table-head-row-cell:first-child,.table-foot-row.mod-draggable .table-body-row-cell:first-child,.table-foot-row.mod-draggable .table-foot-row-cell:first-child{padding-inline-start:var(--pr-t-spacings-400);position:relative}.table-head-row-cell-secondLine{margin-block-start:var(--pr-t-spacings-50);display:block;font-weight:var(--pr-t-font-fontWeight-regular)}.table-head-row.mod-twoLines .table-head-row-cell{vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-wrapper{max-inline-size:calc(100% - var(--pr-t-spacings-400));display:inline-block;vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-secondLine{margin-block-start:var(--pr-t-spacings-50);display:block;font-weight:var(--pr-t-font-fontWeight-regular)}.table-body-row-cell.mod-avatar,.table-foot-row-cell.mod-avatar{padding-inline-end:0;inline-size:var(--pr-t-spacings-400)}.table-head-row-cell.mod-actions,.table-body-row-cell.mod-actions,.table-foot-row-cell.mod-actions{padding:.3rem;padding-inline-end:var(--pr-t-spacings-100);padding-inline-start:0;transition-duration:var(--commons-animations-durations-fast);transition-property:opacity;text-align:end;white-space:nowrap}@media(hover:hover){.table-head-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-body-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-foot-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading){opacity:0}.table-head-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}.table-head-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}}.table-head-row-cell.mod-alignCenter,.table-body-row-cell.mod-alignCenter,.table-foot-row-cell.mod-alignCenter{text-align:center}.table-head-row-cell.mod-alignRight,.table-body-row-cell.mod-alignRight,.table-foot-row-cell.mod-alignRight{text-align:end}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"] }]
|
|
160
|
-
}], propDecorators: { tableBodyOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableBodyOnly", required: false }] }], cols: [{ type: i0.Input, args: [{ isSignal: true, alias: "cols", required: false }] }],
|
|
108
|
+
args: [{ selector: 'lu-skeleton-table', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "@if (tableBodyOnly) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"table skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"table-head\">\n\t\t\t<tr class=\"table-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<th class=\"table-head-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item mod-dark pr-u-bodyS\" [style.--components-skeleton-text-width]=\"randomPercent\"></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"table-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"table-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"table-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"randomPercent\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@layer components{.table{--components-table-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-table-font-size: var(--pr-t-font-body-M-fontSize);--components-table-line-height: var(--pr-t-font-body-M-lineHeight);--components-table-zebra-background: #f5f5f5;--components-table-hover-background: var(--palettes-neutral-50);--components-table-card-padding: var(--pr-t-spacings-300);font-size:var(--components-table-font-size);line-height:var(--components-table-line-height);border-spacing:0;display:table;text-align:start;inline-size:100%;color:var(--pr-t-color-text)}.table-head{display:table-header-group;vertical-align:bottom}.table-foot{display:table-footer-group}.table-head-row{display:table-row}.table-head-row-cell{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);padding:var(--components-table-padding);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;display:table-cell;text-align:start;font-weight:var(--pr-t-font-fontWeight-semibold)}.table-body{display:table-row-group}.table-body-row,.table-foot-row{background-color:var(--pr-t-elevation-surface-raised);display:table-row}.table-body-row:first-child .table-body-row-cell,.table-body-row:first-child .table-foot-row-cell,.table-foot-row:first-child .table-body-row-cell,.table-foot-row:first-child .table-foot-row-cell{border-block-start:none}.table-body-row:last-child .table-body-row-cell,.table-body-row:last-child .table-foot-row-cell,.table-foot-row:last-child .table-body-row-cell,.table-foot-row:last-child .table-foot-row-cell{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid}.table-body-row-cell,.table-foot-row-cell{padding:var(--components-table-padding);border-block-start-width:var(--commons-divider-width);border-block-start-color:var(--commons-divider-color);border-block-start-style:solid;display:table-cell;vertical-align:middle;text-align:inherit}.table button.tableSortable{--components-sortable-fontWeight: 600;--components-sortable-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortable-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-sortable-arrowsOffset: var(--pr-t-spacings-25)}}@layer mods{.table.mod-zebra .table-body tr:nth-child(odd){background-color:var(--components-table-zebra-background)}.table.mod-alignTop .table-body-row-cell{vertical-align:top}.table.mod-clickable .table-body-row-cell,.table.mod-clickable .table-foot-row-cell{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color}.table.mod-clickable .table-body-row-cell-action,.table.mod-clickable .table-foot-row-cell-action{color:var(--palettes-neutral-800);text-decoration:none}.table.mod-clickable .table-body-row-cell-action:hover,.table.mod-clickable .table-body-row-cell-action:focus,.table.mod-clickable .table-foot-row-cell-action:hover,.table.mod-clickable .table-foot-row-cell-action:focus{text-decoration:underline}.table.mod-clickable .table-body-row,.table.mod-clickable .table-foot-row{cursor:pointer}.table.mod-clickable .table-body-row:hover .table-body-row-cell,.table.mod-clickable .table-body-row:focus-within .table-body-row-cell,.table.mod-clickable .table-foot-row:hover .table-body-row-cell,.table.mod-clickable .table-foot-row:focus-within .table-body-row-cell{background-color:var(--components-table-hover-background)}.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-100)}.table.mod-card{border-block-start:0}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):first-child{border-start-start-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):last-child{border-start-end-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):first-child{border-end-start-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):last-child{border-end-end-radius:var(--components-card-border-radius)}.table.mod-card .table-head-row-cell{border-block-start:0}.table.mod-card .table-body:last-child .table-body-row-cell,.table.mod-card .table-body:last-child .table-foot-row-cell,.table.mod-card .table-foot:last-child .table-body-row-cell,.table.mod-card .table-foot:last-child .table-foot-row-cell{border-block-end:none}.table.mod-card .table-body-row,.table.mod-card .table-foot-row{background-color:transparent}.table.mod-card .table-head-row-cell:first-child,.table.mod-card .table-body-row-cell:first-child,.table.mod-card .table-foot-row-cell:first-child{padding-inline-start:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell:last-child,.table.mod-card .table-body-row-cell:last-child,.table.mod-card .table-foot-row-cell:last-child{padding-inline-end:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell.mod-actions,.table.mod-card .table-body-row-cell.mod-actions,.table.mod-card .table-foot-row-cell.mod-actions{padding-inline-end:var(--pr-t-spacings-100)}.table.mod-S{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight)}.table.mod-noOffset .table-head-row-cell:first-child,.table.mod-noOffset .table-body-row-cell:first-child,.table.mod-noOffset .table-foot-row-cell:first-child{padding-inline-start:0}.table.mod-noOffset .table-head-row-cell:last-child,.table.mod-noOffset .table-body-row-cell:last-child,.table.mod-noOffset .table-foot-row-cell:last-child{padding-inline-end:0}.table.mod-borderless .table-head-row-cell:first-child,.table.mod-borderless .table-body-row-cell:first-child,.table.mod-borderless .table-foot-row-cell:first-child{padding-inline-start:0}.table.mod-borderless .table-head-row-cell:last-child,.table.mod-borderless .table-body-row-cell:last-child,.table.mod-borderless .table-foot-row-cell:last-child{padding-inline-end:0}.table.mod-borderless{border:none}.table.mod-borderless .table-head-row-cell,.table.mod-borderless .table-body-row-cell,.table.mod-borderless .table-foot-row-cell{border-block-start:none}}@layer mods{.table-body-row.mod-header,.table-foot-row.mod-header{vertical-align:bottom}.table-body-row.mod-child .table-body-row-cell:first-child,.table-body-row.mod-child .table-foot-row-cell:first-child,.table-foot-row.mod-child .table-body-row-cell:first-child,.table-foot-row.mod-child .table-foot-row-cell:first-child{padding-inline-start:var(--pr-t-spacings-600)}.table-body-row.mod-parent .table-body-row-cell,.table-body-row.mod-parent .table-foot-row-cell,.table-foot-row.mod-parent .table-body-row-cell,.table-foot-row.mod-parent .table-foot-row-cell{color:var(--palettes-neutral-700);background-color:var(--palettes-neutral-50);font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);font-weight:var(--pr-t-font-fontWeight-semibold)}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell{cursor:pointer;text-decoration:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none;text-decoration:underline}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:before{--icon-content: \"\\e95a\";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;font-size:var(--pr-t-font-body-M-lineHeight);font-weight:var(--pr-t-font-fontWeight-regular);margin-inline-end:var(--pr-t-spacings-100);transition-duration:var(--commons-animations-durations-fast);transition-property:transform;vertical-align:top}.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before{transform:rotate(-180deg)}.table-head-row.mod-selectable .table-head-row-cell:first-child,.table-head-row.mod-selectable .table-body-row-cell:first-child,.table-head-row.mod-selectable .table-foot-row-cell:first-child,.table-body-row.mod-selectable .table-head-row-cell:first-child,.table-body-row.mod-selectable .table-body-row-cell:first-child,.table-body-row.mod-selectable .table-foot-row-cell:first-child,.table-foot-row.mod-selectable .table-head-row-cell:first-child,.table-foot-row.mod-selectable .table-body-row-cell:first-child,.table-foot-row.mod-selectable .table-foot-row-cell:first-child{padding-inline-end:var(--pr-t-spacings-100);inline-size:var(--pr-t-spacings-200)}.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-50)}.table-body-row-cell-handler,.table-foot-row-cell-handler{inset-block:0;inset-inline-start:0;inline-size:var(--pr-t-spacings-400);position:absolute;cursor:move}.table-body-row-cell-handler:after,.table-foot-row-cell-handler:after{--icon-content: \"\\e9a4\";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;color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-M-lineHeight);block-size:100%;margin:auto;display:flex;align-items:center}.table-head-row.mod-draggable .table-head-row-cell:first-child,.table-head-row.mod-draggable .table-body-row-cell:first-child,.table-head-row.mod-draggable .table-foot-row-cell:first-child,.table-body-row.mod-draggable .table-head-row-cell:first-child,.table-body-row.mod-draggable .table-body-row-cell:first-child,.table-body-row.mod-draggable .table-foot-row-cell:first-child,.table-foot-row.mod-draggable .table-head-row-cell:first-child,.table-foot-row.mod-draggable .table-body-row-cell:first-child,.table-foot-row.mod-draggable .table-foot-row-cell:first-child{padding-inline-start:var(--pr-t-spacings-400);position:relative}.table-head-row-cell-secondLine{margin-block-start:var(--pr-t-spacings-50);display:block;font-weight:var(--pr-t-font-fontWeight-regular)}.table-head-row.mod-twoLines .table-head-row-cell{vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-wrapper{max-inline-size:calc(100% - var(--pr-t-spacings-400));display:inline-block;vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-secondLine{margin-block-start:var(--pr-t-spacings-50);display:block;font-weight:var(--pr-t-font-fontWeight-regular)}.table-body-row-cell.mod-avatar,.table-foot-row-cell.mod-avatar{padding-inline-end:0;inline-size:var(--pr-t-spacings-400)}.table-head-row-cell.mod-actions,.table-body-row-cell.mod-actions,.table-foot-row-cell.mod-actions{padding:.3rem;padding-inline-end:var(--pr-t-spacings-100);padding-inline-start:0;transition-duration:var(--commons-animations-durations-fast);transition-property:opacity;text-align:end;white-space:nowrap}@media(hover:hover){.table-head-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-body-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-foot-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading){opacity:0}.table-head-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}.table-head-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}}.table-head-row-cell.mod-alignCenter,.table-body-row-cell.mod-alignCenter,.table-foot-row-cell.mod-alignCenter{text-align:center}.table-head-row-cell.mod-alignRight,.table-body-row-cell.mod-alignRight,.table-foot-row-cell.mod-alignRight{text-align:end}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"] }]
|
|
109
|
+
}], propDecorators: { tableBodyOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableBodyOnly", required: false }] }], cols: [{ type: i0.Input, args: [{ isSignal: true, alias: "cols", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }] } });
|
|
161
110
|
|
|
162
111
|
/**
|
|
163
112
|
* Generated bundle index. Do not edit.
|