@lucca-front/ng 21.3.0-rc.6 → 21.3.0-rc.7

package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-horizontal-navigation.mjs","sources":["../../../packages/ng/horizontal-navigation/horizontal-navigation-link.directive.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.token.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation-tab.component.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.component.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.component.html","../../../packages/ng/horizontal-navigation/horizontal-navigation.type.ts","../../../packages/ng/horizontal-navigation/lucca-front-ng-horizontal-navigation.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n\tselector: '[luHorizontalNavigationLink]',\n})\nexport class HorizontalNavigationLinkDirective {\n\tpublic template = inject(TemplateRef);\n}\n","import { InjectionToken } from '@angular/core';\nimport { HorizontalNavigationComponent } from './horizontal-navigation.component';\n\nexport const LU_HORIZONTALNAVIGATION_INSTANCE = new InjectionToken<HorizontalNavigationComponent>('LU_HORIZONTALNAVIGATION_INSTANCE');\n","import { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { PortalContent } from '@lucca-front/ng/core';\nimport { LU_HORIZONTALNAVIGATION_INSTANCE } from './horizontal-navigation.token';\n\n@Component({\n\tselector: 'lu-horizontal-navigation-tab',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: '<ng-content/>',\n\thost: {\n\t\tclass: 'horizontalNavigation_panel',\n\t\trole: 'tabpanel',\n\t\ttabindex: '0',\n\t\t'[class.is-active]': 'selected()',\n\t\t'[id]': \"'panel-' + index()\",\n\t\t'[aria-labelledby]': \"'tab-' + index()\",\n\t},\n})\nexport class HorizontalNavigationTabComponent {\n\tprotected horizontalNavigationRef = inject(LU_HORIZONTALNAVIGATION_INSTANCE);\n\n\treadonly label = input.required<PortalContent>();\n\treadonly disabled = input(false, { transform: booleanAttribute });\n\treadonly index = computed(() => this.horizontalNavigationRef.getTabIndex(this));\n\treadonly selected = computed(() => !this.disabled() && this.index() === this.horizontalNavigationRef.selectedIndex());\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChildren, effect, ElementRef, forwardRef, inject, input, model, viewChildren, ViewEncapsulation } from '@angular/core';\nimport { DecorativePalette, isNil, isNotNil, Palette, PortalDirective } from '@lucca-front/ng/core';\nimport { LuDialogRef } from '@lucca-front/ng/dialog';\nimport { HorizontalNavigationLinkDirective } from './horizontal-navigation-link.directive';\nimport { HorizontalNavigationTabComponent } from './horizontal-navigation-tab.component';\nimport { LU_HORIZONTALNAVIGATION_INSTANCE } from './horizontal-navigation.token';\nimport { HorizontalNavigationSize } from './horizontal-navigation.type';\n\n@Component({\n\tselector: 'lu-horizontal-navigation',\n\ttemplateUrl: './horizontal-navigation.component.html',\n\tstyleUrl: './horizontal-navigation.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\t'[class.horizontalNavigationWrapper]': 'this.dialogRef !== null',\n\t},\n\timports: [NgTemplateOutlet, PortalDirective],\n\tproviders: [\n\t\t{\n\t\t\tprovide: LU_HORIZONTALNAVIGATION_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => HorizontalNavigationComponent),\n\t\t},\n\t],\n})\nexport class HorizontalNavigationComponent {\n\treadonly dialogRef = inject(LuDialogRef, { optional: true });\n\n\treadonly links = contentChildren(HorizontalNavigationLinkDirective);\n\n\treadonly tabs = contentChildren(HorizontalNavigationTabComponent);\n\n\treadonly buttons = viewChildren<ElementRef<HTMLButtonElement>>('tabButton');\n\n\treadonly noBorder = input(false, { transform: booleanAttribute });\n\n\treadonly container = input(false, { transform: booleanAttribute });\n\n\treadonly vertical = input(false, { transform: booleanAttribute });\n\n\treadonly palette = input<Palette | DecorativePalette>('product');\n\treadonly paletteClass = computed(() => ({ [`palette-${this.palette()}`]: !!this.palette() }));\n\n\t/**\n\t * Which size should the horizontal navigation be? Defaults and small\n\t */\n\treadonly size = input<HorizontalNavigationSize | null>(null);\n\n\treadonly isTablist = computed(() => this.tabs().length > 0);\n\n\treadonly currentIndex = model<number>(0);\n\n\treadonly selectedIndex = computed(() => {\n\t\tconst tabCount = this.tabs().length;\n\t\tif (tabCount === 0) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst requestedIndex = this.currentIndex();\n\t\tconst normalizedIndex = ((requestedIndex % tabCount) + tabCount) % tabCount;\n\n\t\tconst requestedTab = this.tabs()[normalizedIndex];\n\t\tif (isNotNil(requestedTab) && !requestedTab.disabled()) {\n\t\t\treturn normalizedIndex;\n\t\t}\n\n\t\treturn this.findAccessibleTabIndex(normalizedIndex + 1, 1);\n\t});\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tconst normalizedIndex = this.selectedIndex();\n\t\t\tif (isNil(normalizedIndex)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (this.currentIndex() !== normalizedIndex) {\n\t\t\t\tthis.currentIndex.set(normalizedIndex);\n\t\t\t}\n\t\t});\n\t}\n\n\tnavigateToFirstEnabledTab(): void {\n\t\tconst firstEnabledIndex = this.findAccessibleTabIndex(0, 1);\n\t\tif (isNotNil(firstEnabledIndex)) {\n\t\t\tthis.currentIndex.set(firstEnabledIndex);\n\t\t\tthis.buttons()[firstEnabledIndex].nativeElement.focus();\n\t\t}\n\t}\n\n\tnavigateToLastEnabledTab(): void {\n\t\tconst lastTabIndex = this.tabs().length - 1;\n\t\tif (lastTabIndex < 0) return;\n\n\t\tconst lastEnabledIndex = this.findAccessibleTabIndex(lastTabIndex, -1);\n\t\tif (isNotNil(lastEnabledIndex)) {\n\t\t\tthis.currentIndex.set(lastEnabledIndex);\n\t\t\tthis.buttons()[lastEnabledIndex].nativeElement.focus();\n\t\t}\n\t}\n\n\tgetTabIndex(tab: HorizontalNavigationTabComponent): number {\n\t\treturn this.tabs().indexOf(tab);\n\t}\n\n\tnavigateToTabByIndex(index: number): void {\n\t\tconst tab = this.tabs()[index];\n\t\tif (!tab || tab.disabled()) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.currentIndex.set(index);\n\t\tthis.buttons()[index].nativeElement.focus();\n\t}\n\n\tprivate findAccessibleTabIndex(startIndex: number, direction: number): number | null {\n\t\tconst tabCount = this.tabs().length;\n\t\tif (tabCount === 0) return null;\n\t\tif (direction !== 1 && direction !== -1) return null;\n\n\t\tconst tabs = this.tabs();\n\t\tlet attempts = 0;\n\t\tlet currentIndex = ((startIndex % tabCount) + tabCount) % tabCount;\n\n\t\twhile (attempts < tabCount) {\n\t\t\tconst tab = tabs[currentIndex];\n\t\t\tif (isNotNil(tab) && !tab.disabled()) {\n\t\t\t\treturn currentIndex;\n\t\t\t}\n\n\t\t\tcurrentIndex = (currentIndex + direction + tabCount) % tabCount;\n\t\t\tattempts++;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tchangeTab(event: KeyboardEvent, currentIndex: number): void {\n\t\tconst key = event.key;\n\n\t\tif (key === 'ArrowLeft' || key === 'ArrowUp') {\n\t\t\tevent.preventDefault();\n\t\t\tconst nextEnabledIndex = this.findAccessibleTabIndex(currentIndex - 1, -1);\n\t\t\tif (isNotNil(nextEnabledIndex)) {\n\t\t\t\tthis.navigateToTabByIndex(nextEnabledIndex);\n\t\t\t}\n\t\t} else if (key === 'ArrowRight' || key === 'ArrowDown') {\n\t\t\tevent.preventDefault();\n\t\t\tconst nextEnabledIndex = this.findAccessibleTabIndex(currentIndex + 1, 1);\n\t\t\tif (isNotNil(nextEnabledIndex)) {\n\t\t\t\tthis.navigateToTabByIndex(nextEnabledIndex);\n\t\t\t}\n\t\t} else if (key === 'Home') {\n\t\t\tevent.preventDefault();\n\t\t\tthis.navigateToFirstEnabledTab();\n\t\t} else if (key === 'End') {\n\t\t\tevent.preventDefault();\n\t\t\tthis.navigateToLastEnabledTab();\n\t\t}\n\t}\n}\n","<div\n\tclass=\"horizontalNavigation\"\n\t[class]=\"paletteClass()\"\n\t[class.mod-noBorder]=\"noBorder()\"\n\t[class.mod-S]=\"size() === `S`\"\n\t[class.mod-vertical]=\"vertical()\"\n>\n\t@if (container() || this.dialogRef !== null) {\n\t\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t}\n</div>\n\n@if (isTablist()) {\n\t<ng-content />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\" [attr.role]=\"isTablist() ? 'tablist' : null\">\n\t\t@if (isTablist()) {\n\t\t\t@for (tab of tabs(); track $index) {\n\t\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t\t<button\n\t\t\t\t\t\t#tabButton\n\t\t\t\t\t\t[attr.tabindex]=\"selectedIndex() !== $index ? '-1' : null\"\n\t\t\t\t\t\t[attr.aria-selected]=\"selectedIndex() === $index\"\n\t\t\t\t\t\t[attr.disabled]=\"tab.disabled() ? 'disabled' : null\"\n\t\t\t\t\t\taria-controls=\"panel-{{ tab.index() }}\"\n\t\t\t\t\t\tid=\"tab-{{ tab.index() }}\"\n\t\t\t\t\t\t(keydown)=\"changeTab($event, $index)\"\n\t\t\t\t\t\t(click)=\"navigateToTabByIndex($index)\"\n\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"horizontalNavigation-list-item-action\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ng-container *luPortal=\"tab.label()\" />\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t}\n\t\t} @else {\n\t\t\t@for (link of links(); track $index) {\n\t\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t\t</li>\n\t\t\t}\n\t\t}\n\t</ul>\n</ng-template>\n","/**\n * Available HorizontalNavigationComponent Types\n */\n\nexport const HORIZONTAL_NAVIGATION_SIZE = ['S'] as const;\nexport type HorizontalNavigationSize = (typeof HORIZONTAL_NAVIGATION_SIZE)[number];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-horizontal-navigation.mjs","sources":["../../../packages/ng/horizontal-navigation/horizontal-navigation-link.directive.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.token.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation-tab.component.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.component.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.component.html","../../../packages/ng/horizontal-navigation/horizontal-navigation.type.ts","../../../packages/ng/horizontal-navigation/lucca-front-ng-horizontal-navigation.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n\tselector: '[luHorizontalNavigationLink]',\n})\nexport class HorizontalNavigationLinkDirective {\n\tpublic template = inject(TemplateRef);\n}\n","import { InjectionToken } from '@angular/core';\nimport { HorizontalNavigationComponent } from './horizontal-navigation.component';\n\nexport const LU_HORIZONTALNAVIGATION_INSTANCE = new InjectionToken<HorizontalNavigationComponent>('LU_HORIZONTALNAVIGATION_INSTANCE');\n","import { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { PortalContent } from '@lucca-front/ng/core';\nimport { LU_HORIZONTALNAVIGATION_INSTANCE } from './horizontal-navigation.token';\n\n@Component({\n\tselector: 'lu-horizontal-navigation-tab',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: '<ng-content/>',\n\thost: {\n\t\tclass: 'horizontalNavigation_panel',\n\t\trole: 'tabpanel',\n\t\ttabindex: '0',\n\t\t'[class.is-active]': 'selected()',\n\t\t'[id]': \"'panel-' + index()\",\n\t\t'[aria-labelledby]': \"'tab-' + index()\",\n\t},\n})\nexport class HorizontalNavigationTabComponent {\n\tprotected horizontalNavigationRef = inject(LU_HORIZONTALNAVIGATION_INSTANCE);\n\n\treadonly label = input.required<PortalContent>();\n\treadonly disabled = input(false, { transform: booleanAttribute });\n\treadonly index = computed(() => this.horizontalNavigationRef.getTabIndex(this));\n\treadonly selected = computed(() => !this.disabled() && this.index() === this.horizontalNavigationRef.selectedIndex());\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChildren, effect, ElementRef, forwardRef, inject, input, model, viewChildren, ViewEncapsulation } from '@angular/core';\nimport { DecorativePalette, isNil, isNotNil, Palette, PortalDirective } from '@lucca-front/ng/core';\nimport { LuDialogRef } from '@lucca-front/ng/dialog';\nimport { HorizontalNavigationLinkDirective } from './horizontal-navigation-link.directive';\nimport { HorizontalNavigationTabComponent } from './horizontal-navigation-tab.component';\nimport { LU_HORIZONTALNAVIGATION_INSTANCE } from './horizontal-navigation.token';\nimport { HorizontalNavigationSize } from './horizontal-navigation.type';\n\n@Component({\n\tselector: 'lu-horizontal-navigation',\n\ttemplateUrl: './horizontal-navigation.component.html',\n\tstyleUrl: './horizontal-navigation.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\t'[class.horizontalNavigationWrapper]': 'this.dialogRef !== null',\n\t},\n\timports: [NgTemplateOutlet, PortalDirective],\n\tproviders: [\n\t\t{\n\t\t\tprovide: LU_HORIZONTALNAVIGATION_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => HorizontalNavigationComponent),\n\t\t},\n\t],\n})\nexport class HorizontalNavigationComponent {\n\treadonly dialogRef = inject(LuDialogRef, { optional: true });\n\n\treadonly links = contentChildren(HorizontalNavigationLinkDirective);\n\n\treadonly tabs = contentChildren(HorizontalNavigationTabComponent);\n\n\treadonly buttons = viewChildren<ElementRef<HTMLButtonElement>>('tabButton');\n\n\treadonly noBorder = input(false, { transform: booleanAttribute });\n\n\treadonly container = input(false, { transform: booleanAttribute });\n\n\treadonly vertical = input(false, { transform: booleanAttribute });\n\n\treadonly palette = input<Palette | DecorativePalette | null>(null);\n\treadonly paletteClass = computed(() => ({ [`palette-${this.palette()}`]: !!this.palette() }));\n\n\t/**\n\t * Which size should the horizontal navigation be? Defaults and small\n\t */\n\treadonly size = input<HorizontalNavigationSize | null>(null);\n\n\treadonly isTablist = computed(() => this.tabs().length > 0);\n\n\treadonly currentIndex = model<number>(0);\n\n\treadonly selectedIndex = computed(() => {\n\t\tconst tabCount = this.tabs().length;\n\t\tif (tabCount === 0) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst requestedIndex = this.currentIndex();\n\t\tconst normalizedIndex = ((requestedIndex % tabCount) + tabCount) % tabCount;\n\n\t\tconst requestedTab = this.tabs()[normalizedIndex];\n\t\tif (isNotNil(requestedTab) && !requestedTab.disabled()) {\n\t\t\treturn normalizedIndex;\n\t\t}\n\n\t\treturn this.findAccessibleTabIndex(normalizedIndex + 1, 1);\n\t});\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tconst normalizedIndex = this.selectedIndex();\n\t\t\tif (isNil(normalizedIndex)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (this.currentIndex() !== normalizedIndex) {\n\t\t\t\tthis.currentIndex.set(normalizedIndex);\n\t\t\t}\n\t\t});\n\t}\n\n\tnavigateToFirstEnabledTab(): void {\n\t\tconst firstEnabledIndex = this.findAccessibleTabIndex(0, 1);\n\t\tif (isNotNil(firstEnabledIndex)) {\n\t\t\tthis.currentIndex.set(firstEnabledIndex);\n\t\t\tthis.buttons()[firstEnabledIndex].nativeElement.focus();\n\t\t}\n\t}\n\n\tnavigateToLastEnabledTab(): void {\n\t\tconst lastTabIndex = this.tabs().length - 1;\n\t\tif (lastTabIndex < 0) return;\n\n\t\tconst lastEnabledIndex = this.findAccessibleTabIndex(lastTabIndex, -1);\n\t\tif (isNotNil(lastEnabledIndex)) {\n\t\t\tthis.currentIndex.set(lastEnabledIndex);\n\t\t\tthis.buttons()[lastEnabledIndex].nativeElement.focus();\n\t\t}\n\t}\n\n\tgetTabIndex(tab: HorizontalNavigationTabComponent): number {\n\t\treturn this.tabs().indexOf(tab);\n\t}\n\n\tnavigateToTabByIndex(index: number): void {\n\t\tconst tab = this.tabs()[index];\n\t\tif (!tab || tab.disabled()) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.currentIndex.set(index);\n\t\tthis.buttons()[index].nativeElement.focus();\n\t}\n\n\tprivate findAccessibleTabIndex(startIndex: number, direction: number): number | null {\n\t\tconst tabCount = this.tabs().length;\n\t\tif (tabCount === 0) return null;\n\t\tif (direction !== 1 && direction !== -1) return null;\n\n\t\tconst tabs = this.tabs();\n\t\tlet attempts = 0;\n\t\tlet currentIndex = ((startIndex % tabCount) + tabCount) % tabCount;\n\n\t\twhile (attempts < tabCount) {\n\t\t\tconst tab = tabs[currentIndex];\n\t\t\tif (isNotNil(tab) && !tab.disabled()) {\n\t\t\t\treturn currentIndex;\n\t\t\t}\n\n\t\t\tcurrentIndex = (currentIndex + direction + tabCount) % tabCount;\n\t\t\tattempts++;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tchangeTab(event: KeyboardEvent, currentIndex: number): void {\n\t\tconst key = event.key;\n\n\t\tif (key === 'ArrowLeft' || key === 'ArrowUp') {\n\t\t\tevent.preventDefault();\n\t\t\tconst nextEnabledIndex = this.findAccessibleTabIndex(currentIndex - 1, -1);\n\t\t\tif (isNotNil(nextEnabledIndex)) {\n\t\t\t\tthis.navigateToTabByIndex(nextEnabledIndex);\n\t\t\t}\n\t\t} else if (key === 'ArrowRight' || key === 'ArrowDown') {\n\t\t\tevent.preventDefault();\n\t\t\tconst nextEnabledIndex = this.findAccessibleTabIndex(currentIndex + 1, 1);\n\t\t\tif (isNotNil(nextEnabledIndex)) {\n\t\t\t\tthis.navigateToTabByIndex(nextEnabledIndex);\n\t\t\t}\n\t\t} else if (key === 'Home') {\n\t\t\tevent.preventDefault();\n\t\t\tthis.navigateToFirstEnabledTab();\n\t\t} else if (key === 'End') {\n\t\t\tevent.preventDefault();\n\t\t\tthis.navigateToLastEnabledTab();\n\t\t}\n\t}\n}\n","<div\n\tclass=\"horizontalNavigation\"\n\t[class]=\"paletteClass()\"\n\t[class.mod-noBorder]=\"noBorder()\"\n\t[class.mod-S]=\"size() === `S`\"\n\t[class.mod-vertical]=\"vertical()\"\n>\n\t@if (container() || this.dialogRef !== null) {\n\t\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t}\n</div>\n\n@if (isTablist()) {\n\t<ng-content />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\" [attr.role]=\"isTablist() ? 'tablist' : null\">\n\t\t@if (isTablist()) {\n\t\t\t@for (tab of tabs(); track $index) {\n\t\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t\t<button\n\t\t\t\t\t\t#tabButton\n\t\t\t\t\t\t[attr.tabindex]=\"selectedIndex() !== $index ? '-1' : null\"\n\t\t\t\t\t\t[attr.aria-selected]=\"selectedIndex() === $index\"\n\t\t\t\t\t\t[attr.disabled]=\"tab.disabled() ? 'disabled' : null\"\n\t\t\t\t\t\taria-controls=\"panel-{{ tab.index() }}\"\n\t\t\t\t\t\tid=\"tab-{{ tab.index() }}\"\n\t\t\t\t\t\t(keydown)=\"changeTab($event, $index)\"\n\t\t\t\t\t\t(click)=\"navigateToTabByIndex($index)\"\n\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"horizontalNavigation-list-item-action\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ng-container *luPortal=\"tab.label()\" />\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t}\n\t\t} @else {\n\t\t\t@for (link of links(); track $index) {\n\t\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t\t</li>\n\t\t\t}\n\t\t}\n\t</ul>\n</ng-template>\n","/**\n * Available HorizontalNavigationComponent Types\n */\n\nexport const HORIZONTAL_NAVIGATION_SIZE = ['S'] as const;\nexport type HorizontalNavigationSize = (typeof HORIZONTAL_NAVIGATION_SIZE)[number];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -101,10 +101,10 @@ class ImpersonationComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ImpersonationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ImpersonationComponent, isStandalone: true, selector: "lu-impersonation", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, selectedUser: { classPropertyName: "selectedUser", publicName: "selectedUser", isSignal: true, isRequired: false, transformFunction: null }, enableFormerEmployees: { classPropertyName: "enableFormerEmployees", publicName: "enableFormerEmployees", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedUser: "selectedUserChange", clear: "clear" }, host: { classAttribute: "impersonation" }, viewQueries: [{ propertyName: "inputComponentRef", first: true, predicate: LuSimpleSelectInputComponent, descendants: true, isSignal: true }, { propertyName: "popoverRef", first: true, predicate: PopoverDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<button\n\ttype=\"button\"\n\tclass=\"impersonation-trigger\"\n\t[class.is-active]=\"isNotMe() && selectedUser()\"\n\t[luPopover2]=\"impersonationPopover\"\n\t[luPopoverNoCloseButton]=\"true\"\n\t[customPositions]=\"popoverPositions\"\n\t[luPopoverAnchor]=\"elementRef\"\n\t#popoverRef=\"luPopover2\"\n\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t(keydown.arrowDown)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n\t(keydown.arrowUp)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n>\n\t<span class=\"pr-u-mask\">{{ intl().switchProfile }}</span>\n\n\t@let user = selectedUser();\n\t@if (user) {\n\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"S\" softRounded />\n\t\t{{ user | luUserDisplay }}\n\t} @else {\n\t\t<lu-user-picture placeholder aria-hidden=\"true\" size=\"S\" softRounded />\n\t\t<div class=\"skeleton is-loading\" style=\"inline-size: 5.5rem\">\n\t\t\t<span class=\"skeleton-item\"></span>\n\t\t</div>\n\t}\n\t<span class=\"pr-u-mask\">{{ intl().a11yNavigationDescription }}</span>\n\t<lu-icon class=\"impersonation-trigger-icon\" icon=\"chevronBottom\" />\n</button>\n<lu-clear class=\"impersonation-clear\" (onClear)=\"clear.emit()\" [intl]=\"{ clear: intl().clear }\" />\n\n<ng-template #impersonationPopover>\n\t<div class=\"impersonation_popover-content popover-contentOptional\">\n\t\t<lu-simple-select impersonation [(ngModel)]=\"selectedUser\" users [enableFormerEmployees]=\"enableFormerEmployees()\" #selectRef>\n\t\t\t<ng-container *luOption=\"let user; select: selectRef\">\n\t\t\t\t<div class=\"impersonation_popover-content-option\" [class.mod-me]=\"currentUserId === user.id\">\n\t\t\t\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"XS\" softRounded />\n\t\t\t\t\t<div>\n\t\t\t\t\t\t@if (currentUserId === user.id) {\n\t\t\t\t\t\t\t{{ intl().me }} <span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<!-- Handle homonyms -->\n\t\t\t\t\t\t@if (user.additionalInformation) {\n\t\t\t\t\t\t\t<div class=\"option-additional\">\n\t\t\t\t\t\t\t\t{{ user.additionalInformation }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t</lu-simple-select>\n\t</div>\n</ng-template>\n", styles: ["@layer components{.impersonation{--components-impersonation-trigger-borderColor: var(--palettes-neutral-100);--components-impersonation-trigger-icon-rotate: 0deg;--components-impersonation-trigger-backgroundColor: var(--palettes-neutral-0);--components-impersonation-trigger-fontWeight: var(--pr-t-font-fontWeight-regular);--components-impersonation-trigger-color: var(--pr-t-color-text);--components-impersonation-trigger-icon-color: var(--pr-t-color-text-subtle);--components-impersonation-trigger-boxShadow: none;--components-impersonation-clear-display: none;--components-impersonation-trigger-icon-marginInlineStart: auto;position:relative;inline-size:fit-content;display:block}.impersonation-trigger{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border:1px solid var(--components-impersonation-trigger-borderColor);background-color:var(--components-impersonation-trigger-backgroundColor);border-radius:var(--pr-t-border-radius-200);inline-size:fit-content;display:flex;align-items:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-50);padding-inline-end:var(--pr-t-spacings-100);min-block-size:var(--pr-t-spacings-500);font-weight:var(--components-impersonation-trigger-fontWeight);color:var(--components-impersonation-trigger-color);box-shadow:var(--components-impersonation-trigger-boxShadow);transition-property:box-shadow,border-color;transition-duration:var(--commons-animations-durations-fast)}.impersonation-trigger-icon{color:var(--components-impersonation-trigger-icon-color);rotate:var(--components-impersonation-trigger-icon-rotate);transition-property:rotate;transition-duration:var(--commons-animations-durations-fast);margin-inline-start:var(--components-impersonation-trigger-icon-marginInlineStart)}.impersonation-clear.clear{position:absolute;z-index:1;inset-inline-end:calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-75));inset-block-start:calc(var(--pr-t-spacings-150) + 1px);display:var(--components-impersonation-clear-display);--components-clear-cross-color: var(--palettes-neutral-0);--components-clear-background: var(--palettes-product-800)}.impersonation-clear.clear:hover{--components-clear-background: var(--palettes-product-700)}.impersonation-clear.clear:active{--components-clear-background: var(--palettes-product-900)}.impersonation_popover-content-option{display:flex;color:var(--pr-t-color-text)}.impersonation_popover-content-option.mod-me{font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.impersonation:has(.impersonation-trigger.is-active){--components-impersonation-trigger-backgroundColor: var(--palettes-product-50);--components-impersonation-trigger-borderColor: var(--palettes-product-200);--components-impersonation-trigger-fontWeight: var(--pr-t-font-fontWeight-semibold);--components-impersonation-trigger-color: var(--palettes-product-800);--components-impersonation-trigger-icon-color: var(--palettes-product-700);--components-impersonation-clear-display: grid;--components-impersonation-trigger-icon-marginInlineStart: var(--pr-t-spacings-250)}.impersonation:has(.impersonation-trigger:hover){--components-impersonation-trigger-borderColor: var(--palettes-product-400);--components-impersonation-trigger-shadow: var(--pr-t-elevation-shadow-button)}.impersonation:has(.impersonation-trigger[aria-expanded=true]){--components-impersonation-trigger-icon-rotate: 180deg}}\n"], dependencies: [{ kind: "directive", type: PopoverDirective, selector: "[luPopover2]", inputs: ["intl", "luPopover2", "luPopoverPosition", "luPopoverMaxBlockSize", "luPopoverMaxInlineSize", "overlayScrollStrategy", "luPopoverDisabled", "luPopoverTrigger", "customPositions", "luPopoverNoCloseButton", "luPopoverAnchor", "luPopoverOpenDelay", "luPopoverCloseDelay"], outputs: ["luPopoverTriggerChange", "luPopoverClosed", "luPopoverOpened"], exportAs: ["luPopover2"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LuSimpleSelectInputComponent, selector: "lu-simple-select", inputs: ["intl", "autocomplete", "impersonation"] }, { kind: "directive", type: LuCoreSelectUsersDirective, selector: "lu-simple-select[users],lu-multi-select[users]", inputs: ["displayFormat", "filters", "url", "orderBy", "operationIds", "uniqueOperationIds", "appInstanceId", "enableFormerEmployees", "displayMeOption", "customUserOptionTpl", "searchDelimiter"], outputs: ["customUserOptionTplChange"], exportAs: ["luUsers"] }, { kind: "directive", type: LuOptionDirective, selector: "[luOption]", inputs: ["luOptionSelect"] }, { kind: "component", type: LuUserPictureComponent, selector: "lu-user-picture", inputs: ["displayFormat", "user", "AI", "placeholder", "softRounded", "size", "imageLoadingAttribute"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "pipe", type: LuUserDisplayPipe, name: "luUserDisplay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ImpersonationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: ImpersonationComponent, isStandalone: true, selector: "lu-impersonation", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, selectedUser: { classPropertyName: "selectedUser", publicName: "selectedUser", isSignal: true, isRequired: false, transformFunction: null }, enableFormerEmployees: { classPropertyName: "enableFormerEmployees", publicName: "enableFormerEmployees", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedUser: "selectedUserChange", clear: "clear" }, host: { classAttribute: "impersonation" }, viewQueries: [{ propertyName: "inputComponentRef", first: true, predicate: LuSimpleSelectInputComponent, descendants: true, isSignal: true }, { propertyName: "popoverRef", first: true, predicate: PopoverDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<button\n\ttype=\"button\"\n\tclass=\"impersonation-trigger\"\n\t[class.is-active]=\"isNotMe() && selectedUser()\"\n\t[luPopover2]=\"impersonationPopover\"\n\t[luPopoverNoCloseButton]=\"true\"\n\t[customPositions]=\"popoverPositions\"\n\t[luPopoverAnchor]=\"elementRef\"\n\t#popoverRef=\"luPopover2\"\n\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t(keydown.arrowDown)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n\t(keydown.arrowUp)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n>\n\t<span class=\"pr-u-mask\">{{ intl().switchProfile }}</span>\n\n\t@let user = selectedUser();\n\t@if (user) {\n\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"S\" softRounded />\n\t\t{{ user | luUserDisplay }}\n\t} @else {\n\t\t<lu-user-picture placeholder aria-hidden=\"true\" size=\"S\" softRounded />\n\t\t<div class=\"skeleton is-loading\" style=\"inline-size: 5.5rem\">\n\t\t\t<span class=\"skeleton-item\"></span>\n\t\t</div>\n\t}\n\t<span class=\"pr-u-mask\">{{ intl().a11yNavigationDescription }}</span>\n\t<lu-icon class=\"impersonation-trigger-icon\" icon=\"chevronBottom\" />\n</button>\n<lu-clear class=\"impersonation-clear\" (onClear)=\"clear.emit()\" [intl]=\"{ clear: intl().clear }\" />\n\n<ng-template #impersonationPopover>\n\t<div class=\"impersonation_popover-content popover-contentOptional\">\n\t\t<lu-simple-select impersonation [(ngModel)]=\"selectedUser\" users [enableFormerEmployees]=\"enableFormerEmployees()\" #selectRef>\n\t\t\t<ng-container *luOption=\"let user; select: selectRef\">\n\t\t\t\t<div class=\"impersonation_popover-content-option\" [class.mod-me]=\"currentUserId === user.id\">\n\t\t\t\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"XS\" softRounded />\n\t\t\t\t\t<div>\n\t\t\t\t\t\t@if (currentUserId === user.id) {\n\t\t\t\t\t\t\t{{ intl().me }} <span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<!-- Handle homonyms -->\n\t\t\t\t\t\t@if (user.additionalInformation) {\n\t\t\t\t\t\t\t<div class=\"option-additional\">\n\t\t\t\t\t\t\t\t{{ user.additionalInformation }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t</lu-simple-select>\n\t</div>\n</ng-template>\n", styles: ["@layer components{.impersonation{--components-impersonation-trigger-borderColor: var(--palettes-neutral-100);--components-impersonation-trigger-icon-rotate: 0deg;--components-impersonation-trigger-backgroundColor: var(--palettes-neutral-0);--components-impersonation-trigger-fontWeight: var(--pr-t-font-fontWeight-regular);--components-impersonation-trigger-color: var(--pr-t-color-text);--components-impersonation-trigger-icon-color: var(--pr-t-color-text-subtle);--components-impersonation-trigger-boxShadow: none;--components-impersonation-clear-display: none;--components-impersonation-trigger-icon-marginInlineStart: auto;position:relative;inline-size:fit-content;display:block}.impersonation-trigger{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border:1px solid var(--components-impersonation-trigger-borderColor);background-color:var(--components-impersonation-trigger-backgroundColor);border-radius:var(--pr-t-border-radius-200);inline-size:fit-content;display:flex;align-items:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-50);padding-inline-end:var(--pr-t-spacings-100);min-block-size:var(--pr-t-spacings-500);font-weight:var(--components-impersonation-trigger-fontWeight);color:var(--components-impersonation-trigger-color);box-shadow:var(--components-impersonation-trigger-boxShadow);transition-property:box-shadow,border-color;transition-duration:var(--commons-animations-durations-fast)}.impersonation-trigger-icon{color:var(--components-impersonation-trigger-icon-color);rotate:var(--components-impersonation-trigger-icon-rotate);transition-property:rotate;transition-duration:var(--commons-animations-durations-fast);margin-inline-start:var(--components-impersonation-trigger-icon-marginInlineStart)}.impersonation-clear.clear{position:absolute;z-index:1;inset-inline-end:calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-75));inset-block-start:calc(var(--pr-t-spacings-150) + 1px);display:var(--components-impersonation-clear-display);--components-clear-cross-color: var(--palettes-neutral-0);--components-clear-background: var(--palettes-product-800)}.impersonation-clear.clear:hover{--components-clear-background: var(--palettes-product-700)}.impersonation-clear.clear:active{--components-clear-background: var(--palettes-product-900)}.impersonation_popover-content-option{display:flex;color:var(--pr-t-color-text)}.impersonation_popover-content-option.mod-me{font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.impersonation:has(.impersonation-trigger.is-active){--components-impersonation-trigger-backgroundColor: var(--palettes-product-50);--components-impersonation-trigger-borderColor: var(--palettes-product-200);--components-impersonation-trigger-fontWeight: var(--pr-t-font-fontWeight-semibold);--components-impersonation-trigger-color: var(--palettes-product-800);--components-impersonation-trigger-icon-color: var(--palettes-product-700);--components-impersonation-clear-display: grid;--components-impersonation-trigger-icon-marginInlineStart: var(--pr-t-spacings-250)}.impersonation:has(.impersonation-trigger:hover){--components-impersonation-trigger-borderColor: var(--palettes-product-400);--components-impersonation-trigger-shadow: var(--pr-t-elevation-shadow-button)}.impersonation:has(.impersonation-trigger[aria-expanded=true]){--components-impersonation-trigger-icon-rotate: 180deg}}\n"], dependencies: [{ kind: "directive", type: PopoverDirective, selector: "[luPopover2]", inputs: ["intl", "luPopover2", "luPopoverPosition", "luPopoverMaxBlockSize", "luPopoverMaxInlineSize", "overlayScrollStrategy", "luPopoverDisabled", "luPopoverTrigger", "customPositions", "luPopoverNoCloseButton", "luPopoverAnchor", "luPopoverOpenDelay", "luPopoverCloseDelay"], outputs: ["luPopoverTriggerChange", "luPopoverClosed", "luPopoverOpened"], exportAs: ["luPopover2"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LuSimpleSelectInputComponent, selector: "lu-simple-select", inputs: ["intl", "autocomplete", "impersonation"] }, { kind: "directive", type: LuCoreSelectUsersDirective, selector: "lu-simple-select[users],lu-multi-select[users]", inputs: ["displayFormat", "filters", "url", "orderBy", "operationIds", "uniqueOperationIds", "appInstanceId", "enableFormerEmployees", "displayMeOption", "customUserOptionTpl", "searchDelimiter"], outputs: ["customUserOptionTplChange"], exportAs: ["luUsers"] }, { kind: "directive", type: LuOptionDirective, selector: "[luOption]", inputs: ["luOptionSelect"] }, { kind: "component", type: LuUserPictureComponent, selector: "lu-user-picture", inputs: ["displayFormat", "user", "AI", "placeholder", "softRounded", "size", "imageLoadingAttribute"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "pipe", type: LuUserDisplayPipe, name: "luUserDisplay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ImpersonationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ImpersonationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-impersonation', imports: [PopoverDirective, FormsModule, LuSimpleSelectInputComponent, LuCoreSelectUsersDirective, LuUserDisplayPipe, LuOptionDirective, LuUserPictureComponent, IconComponent, ClearComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'impersonation',

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

@@ -10,10 +10,10 @@ import { FormFieldComponent } from '@lucca-front/ng/form-field';
 import { CheckboxInputComponent } from '@lucca-front/ng/forms';
 
 class IndexTableActionFileComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: IndexTableActionFileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: IndexTableActionFileComponent, isStandalone: true, selector: "input[luIndexTableAction]", host: { classAttribute: "indexTable-body-row-cell-link, pr-u-mask" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IndexTableActionFileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: IndexTableActionFileComponent, isStandalone: true, selector: "input[luIndexTableAction]", host: { classAttribute: "indexTable-body-row-cell-link, pr-u-mask" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: IndexTableActionFileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IndexTableActionFileComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -28,10 +28,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
         }] });
 
 class IndexTableActionComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: IndexTableActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: IndexTableActionComponent, isStandalone: true, selector: "button[luIndexTableAction], a[luIndexTableAction], label[luIndexTableAction]", host: { classAttribute: "indexTable-body-row-cell-link" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IndexTableActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: IndexTableActionComponent, isStandalone: true, selector: "button[luIndexTableAction], a[luIndexTableAction], label[luIndexTableAction]", host: { classAttribute: "indexTable-body-row-cell-link" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: IndexTableActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IndexTableActionComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -60,15 +60,15 @@ class IndexTableBodyComponent {
     expandedToggle() {
         this.expanded.set(!this.expanded());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: IndexTableBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: IndexTableBodyComponent, isStandalone: true, selector: "tbody[luIndexTableBody]", inputs: { group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null }, groupButtonAlt: { classPropertyName: "groupButtonAlt", publicName: "groupButtonAlt", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { classAttribute: "indexTable-body" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IndexTableBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: IndexTableBodyComponent, isStandalone: true, selector: "tbody[luIndexTableBody]", inputs: { group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null }, groupButtonAlt: { classPropertyName: "groupButtonAlt", publicName: "groupButtonAlt", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { classAttribute: "indexTable-body" }, providers: [
             {
                 provide: LU_INDEX_TABLE_BODY_INSTANCE,
                 useExisting: forwardRef(() => IndexTableBodyComponent),
             },
         ], ngImport: i0, template: "@if (group() && groupButtonAlt()) {\n\t<tr class=\"indexTable-body-row mod-group\">\n\t\t<th scope=\"colgroup\" class=\"indexTable-body-row-transparentCell\" [attr.colspan]=\"colspan()\">\n\t\t\t<div class=\"indexTable-body-row-cellTitle\">\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"indexTable-body-row-cellTitle-button\"\n\t\t\t\t\tluButton\n\t\t\t\t\tdisclosure\n\t\t\t\t\t[attr.aria-expanded]=\"expanded()\"\n\t\t\t\t\t(click)=\"expandedToggle()\"\n\t\t\t\t>\n\t\t\t\t\t<lu-icon icon=\"arrowChevronBottom\" [alt]=\"groupButtonAlt()\" />\n\t\t\t\t</button>\n\t\t\t\t<ng-container *luPortal=\"group()\" />\n\t\t\t</div>\n\t\t</th>\n\t</tr>\n}\n<ng-content />\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: IndexTableBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IndexTableBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tbody[luIndexTableBody]', standalone: true, encapsulation: ViewEncapsulation.None, host: {
                         class: 'indexTable-body',
@@ -101,10 +101,10 @@ class BaseIndexTableCell {
             return this.rowRef.cells().indexOf(this);
         }, ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: BaseIndexTableCell, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: BaseIndexTableCell, isStandalone: true, selector: "lu-base-index-table-cell", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BaseIndexTableCell, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: BaseIndexTableCell, isStandalone: true, selector: "lu-base-index-table-cell", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: BaseIndexTableCell, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BaseIndexTableCell, decorators: [{
             type: Component,
             args: [{
                     selector: 'lu-base-index-table-cell',
@@ -131,15 +131,15 @@ class IndexTableRowCellHeaderComponent extends BaseIndexTableCell {
             this.sort.set(SORT_VALUES[(SORT_VALUES.indexOf(this.sort()) + 1) % SORT_VALUES.length]);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: IndexTableRowCellHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: IndexTableRowCellHeaderComponent, isStandalone: true, selector: "th[luIndexTableCell]", inputs: { sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, hiddenLabel: { classPropertyName: "hiddenLabel", publicName: "hiddenLabel", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, inlineSize: { classPropertyName: "inlineSize", publicName: "inlineSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sort: "sortChange" }, host: { properties: { "class.indexTable-body-row-cell": "bodyRef !== null", "class.indexTable-head-row-cell": "headRef !== null", "class.indexTable-foot-row-cell": "footRef !== null", "class.mod-alignStart": "align() === \"start\" || alignCol() === \"start\"", "class.mod-alignCenter": "align() === \"center\" || alignCol() === \"center\"", "class.mod-alignEnd": "align() === \"end\" || alignCol() === \"end\"", "attr.aria-sort": "sort()", "attr.scope": "bodyRef !== null ? \"row\" : \"col\"", "class.mod-selectable": "selectable()", "class.mod-actions": "actions()", "style.--components-indexTable-cell-fixed-width": "inlineSize() !== 0 ? inlineSize() : null" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IndexTableRowCellHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: IndexTableRowCellHeaderComponent, isStandalone: true, selector: "th[luIndexTableCell]", inputs: { sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, hiddenLabel: { classPropertyName: "hiddenLabel", publicName: "hiddenLabel", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, inlineSize: { classPropertyName: "inlineSize", publicName: "inlineSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sort: "sortChange" }, host: { properties: { "class.indexTable-body-row-cell": "bodyRef !== null", "class.indexTable-head-row-cell": "headRef !== null", "class.indexTable-foot-row-cell": "footRef !== null", "class.mod-alignStart": "align() === \"start\" || alignCol() === \"start\"", "class.mod-alignCenter": "align() === \"center\" || alignCol() === \"center\"", "class.mod-alignEnd": "align() === \"end\" || alignCol() === \"end\"", "attr.aria-sort": "sort()", "attr.scope": "bodyRef !== null ? \"row\" : \"col\"", "class.mod-selectable": "selectable()", "class.mod-actions": "actions()", "style.--components-indexTable-cell-fixed-width": "inlineSize() !== 0 ? inlineSize() : null" } }, providers: [
             {
                 provide: LU_INDEX_TABLE_CELL_INSTANCE,
                 useExisting: forwardRef(() => IndexTableRowCellHeaderComponent),
             },
         ], usesInheritance: true, ngImport: i0, template: "@if (sort()) {\n\t<button luButton type=\"button\" class=\"tableSortable\" (click)=\"toggleSort()\">\n\t\t<ng-container *ngTemplateOutlet=\"contentTpl\" />\n\t\t<span class=\"tableSortable-arrows\">\n\t\t\t<lu-icon icon=\"chevronTop\" class=\"tableSortable-arrows-ascending\" />\n\t\t\t<lu-icon icon=\"chevronBottom\" class=\"tableSortable-arrows-descending\" />\n\t\t</span>\n\t</button>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"contentTpl\" />\n}\n\n<ng-template #contentTpl>\n\t@if (hiddenLabel() || actions()) {\n\t\t<span class=\"pr-u-mask\"><ng-container *ngTemplateOutlet=\"content\" /></span>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t}\n</ng-template>\n\n<ng-template #content><ng-content /></ng-template>\n", styles: ["@layer components{.tableSortable.button{--components-sortable-arrowColor: var(--palettes-neutral-500);--components-sortable-arrowScale: 1;--components-sortable-direction: row;--components-sortable-offset: calc(var(--pr-t-spacings-50) * -1);--components-sortable-fontWeight: 400;--components-sortable-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortable-lineHeight: var(--pr-t-font-body-M-lineHeight);--components-sortable-arrowsOffset: var(--pr-t-spacings-50);-webkit-user-select:none;user-select:none;font-weight:var(--components-sortable-fontWeight);vertical-align:top;align-items:flex-end;white-space:wrap;inset-inline-start:var(--components-sortable-offset);padding:0 var(--pr-t-spacings-50);gap:var(--pr-t-spacings-25);text-align:inherit;flex-direction:var(--components-sortable-direction);font-size:var(--components-sortable-fontSize);line-height:var(--components-sortable-lineHeight);color:currentColor;--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.tableSortable.button:hover,.tableSortable.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))}.tableSortable.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.tableSortable.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.tableSortable-arrows{margin-block-end:var(--components-sortable-arrowsOffset);position:relative;inline-size:1rem;block-size:1rem}.tableSortable-arrows-ascending,.tableSortable-arrows-descending{--icon-size: 1rem;position:absolute;inset:0;color:var(--components-sortable-arrowColor);transition-property:translate,scale,color;transition-duration:var(--commons-animations-durations-slow);scale:var(--components-sortable-arrowScale)}.tableSortable-arrows-ascending{translate:0 calc(var(--pr-t-spacings-50) * -1)}.tableSortable-arrows-descending{translate:0 var(--pr-t-spacings-50)}}@layer mods{.table-head-row-cell.mod-alignStart .tableSortable,.table-head-row-cell.mod-alignLeft .tableSortable,.dataTable-head-row-cell.mod-alignStart .tableSortable,.dataTable-head-row-cell.mod-alignLeft .tableSortable,.indexTable-head-row-cell.mod-alignStart .tableSortable,.indexTable-head-row-cell.mod-alignLeft .tableSortable{--components-sortable-direction: row;--components-sortable-offset: calc(var(--pr-t-spacings-50) * -1)}.table-head-row-cell.mod-alignEnd .tableSortable,.table-head-row-cell.mod-alignRight .tableSortable,.dataTable-head-row-cell.mod-alignEnd .tableSortable,.dataTable-head-row-cell.mod-alignRight .tableSortable,.indexTable-head-row-cell.mod-alignEnd .tableSortable,.indexTable-head-row-cell.mod-alignRight .tableSortable{--components-sortable-direction: row-reverse;--components-sortable-offset: var(--pr-t-spacings-50)}.table-head-row-cell.mod-alignCenter .tableSortable,.dataTable-head-row-cell.mod-alignCenter .tableSortable,.indexTable-head-row-cell.mod-alignCenter .tableSortable{--components-sortable-offset: var(--pr-t-spacings-100)}.table-head-row-cell[aria-sort=ascending] .tableSortable .tableSortable-arrows-ascending,.dataTable-head-row-cell[aria-sort=ascending] .tableSortable .tableSortable-arrows-ascending,.indexTable-head-row-cell[aria-sort=ascending] .tableSortable .tableSortable-arrows-ascending,.table-head-row-cell[aria-sort=descending] .tableSortable .tableSortable-arrows-descending,.dataTable-head-row-cell[aria-sort=descending] .tableSortable .tableSortable-arrows-descending,.indexTable-head-row-cell[aria-sort=descending] .tableSortable .tableSortable-arrows-descending{--components-sortable-arrowColor: var(--palettes-neutral-700);--components-sortable-arrowScale: 1.25}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: IndexTableRowCellHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IndexTableRowCellHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'th[luIndexTableCell]', standalone: true, encapsulation: ViewEncapsulation.None, host: {
                         '[class.indexTable-body-row-cell]': 'bodyRef !== null',
@@ -170,15 +170,15 @@ class IndexTableRowCellComponent extends BaseIndexTableCell {
             return this.tableRef.header().cols()[this.position()].actions();
         }, ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: IndexTableRowCellComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: IndexTableRowCellComponent, isStandalone: true, selector: "td[luIndexTableCell]", inputs: { allowTextSelection: { classPropertyName: "allowTextSelection", publicName: "allowTextSelection", isSignal: true, isRequired: false, transformFunction: null }, tfoot: { classPropertyName: "tfoot", publicName: "tfoot", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.indexTable-body-row-cell": "bodyRef !== null", "class.indexTable-head-row-cell": "headRef !== null", "class.indexTable-foot-row-cell": "footRef !== null", "class.mod-alignStart": "align() === \"start\" || alignCol() === \"start\"", "class.mod-alignCenter": "align() === \"center\" || alignCol() === \"center\"", "class.mod-alignEnd": "align() === \"end\" || alignCol() === \"end\"", "class.mod-actions": "actions()", "class.mod-allowTextSelection": "allowTextSelection()", "class.mod-tfoot": "tfoot()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IndexTableRowCellComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: IndexTableRowCellComponent, isStandalone: true, selector: "td[luIndexTableCell]", inputs: { allowTextSelection: { classPropertyName: "allowTextSelection", publicName: "allowTextSelection", isSignal: true, isRequired: false, transformFunction: null }, tfoot: { classPropertyName: "tfoot", publicName: "tfoot", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.indexTable-body-row-cell": "bodyRef !== null", "class.indexTable-head-row-cell": "headRef !== null", "class.indexTable-foot-row-cell": "footRef !== null", "class.mod-alignStart": "align() === \"start\" || alignCol() === \"start\"", "class.mod-alignCenter": "align() === \"center\" || alignCol() === \"center\"", "class.mod-alignEnd": "align() === \"end\" || alignCol() === \"end\"", "class.mod-actions": "actions()", "class.mod-allowTextSelection": "allowTextSelection()", "class.mod-tfoot": "tfoot()" } }, providers: [
             {
                 provide: LU_INDEX_TABLE_CELL_INSTANCE,
                 useExisting: forwardRef(() => IndexTableRowCellComponent),
             },
         ], usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: IndexTableRowCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IndexTableRowCellComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -208,15 +208,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
         }], propDecorators: { allowTextSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowTextSelection", required: false }] }], tfoot: [{ type: i0.Input, args: [{ isSignal: true, alias: "tfoot", required: false }] }] } });
 
 class IndexTableFootComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: IndexTableFootComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: IndexTableFootComponent, isStandalone: true, selector: "tfoot[luIndexTableFoot]", host: { classAttribute: "indexTable-foot" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IndexTableFootComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: IndexTableFootComponent, isStandalone: true, selector: "tfoot[luIndexTableFoot]", host: { classAttribute: "indexTable-foot" }, providers: [
             {
                 provide: LU_INDEX_TABLE_FOOT_INSTANCE,
                 useExisting: forwardRef(() => IndexTableFootComponent),
             },
         ], ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: IndexTableFootComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IndexTableFootComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -242,15 +242,15 @@ class IndexTableHeadComponent {
         this.cols = contentChildren(IndexTableRowCellHeaderComponent, { ...(ngDevMode ? { debugName: "cols" } : /* istanbul ignore next */ {}), descendants: true });
         this.tableRef = inject(LU_INDEX_TABLE_INSTANCE);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: IndexTableHeadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.15", type: IndexTableHeadComponent, isStandalone: true, selector: "thead[luIndexTableHead]", host: { properties: { "attr.inert": "tableRef.empty() ? \"inert\" : null" }, classAttribute: "indexTable-head" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IndexTableHeadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.14", type: IndexTableHeadComponent, isStandalone: true, selector: "thead[luIndexTableHead]", host: { properties: { "attr.inert": "tableRef.empty() ? \"inert\" : null" }, classAttribute: "indexTable-head" }, providers: [
             {
                 provide: LU_INDEX_TABLE_HEAD_INSTANCE,
                 useExisting: forwardRef(() => IndexTableHeadComponent),
             },
         ], queries: [{ propertyName: "cols", predicate: IndexTableRowCellHeaderComponent, descendants: true, isSignal: true }], ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: IndexTableHeadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IndexTableHeadComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -274,6 +274,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
 
 class IndexTableRowComponent {
     constructor() {
+        this.#elementRef = inject(ElementRef);
         this.bodyRef = inject(LU_INDEX_TABLE_BODY_INSTANCE, { optional: true });
         this.headRef = inject(LU_INDEX_TABLE_HEAD_INSTANCE, { optional: true });
         this.footRef = inject(LU_INDEX_TABLE_FOOT_INSTANCE, { optional: true });
@@ -284,15 +285,19 @@ class IndexTableRowComponent {
         this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.stack = input(1, { ...(ngDevMode ? { debugName: "stack" } : /* istanbul ignore next */ {}), transform: numberAttribute });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: IndexTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: IndexTableRowComponent, isStandalone: true, selector: "tr[luIndexTableRow]", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, selectedLabel: { classPropertyName: "selectedLabel", publicName: "selectedLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, stack: { classPropertyName: "stack", publicName: "stack", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange" }, host: { properties: { "class.indexTable-body-row": "bodyRef !== null", "class.indexTable-head-row": "headRef !== null", "class.indexTable-foot-row": "footRef !== null", "class.mod-selectable": "tableRef.selectable()", "class.mod-stack2": "stack() === 2", "class.mod-stack3": "stack() === 3" } }, providers: [
+    #elementRef;
+    getElementRef() {
+        return this.#elementRef;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IndexTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: IndexTableRowComponent, isStandalone: true, selector: "tr[luIndexTableRow]", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, selectedLabel: { classPropertyName: "selectedLabel", publicName: "selectedLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, stack: { classPropertyName: "stack", publicName: "stack", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange" }, host: { properties: { "class.indexTable-body-row": "bodyRef !== null", "class.indexTable-head-row": "headRef !== null", "class.indexTable-foot-row": "footRef !== null", "class.mod-selectable": "tableRef.selectable()", "class.mod-stack2": "stack() === 2", "class.mod-stack3": "stack() === 3" } }, providers: [
             {
                 provide: LU_INDEX_TABLE_ROW_INSTANCE,
                 useExisting: forwardRef(() => IndexTableRowComponent),
             },
         ], queries: [{ propertyName: "cells", predicate: LU_INDEX_TABLE_CELL_INSTANCE, isSignal: true }], ngImport: i0, template: "@if (tableRef.selectable()) {\n\t@if (headRef) {\n\t\t<th class=\"indexTable-head-row-transparentCell\" scope=\"col\"><ng-container *ngTemplateOutlet=\"input\" /></th>\n\t} @else {\n\t\t<td [class.indexTable-body-row-transparentCell]=\"bodyRef !== null\" [class.indexTable-foot-row-transparentCell]=\"footRef !== null\">\n\t\t\t<ng-container *ngTemplateOutlet=\"input\" />\n\t\t</td>\n\t}\n}\n<ng-content />\n\n<ng-template #input>\n\t@if (!footRef && selectedLabel()) {\n\t\t<lu-form-field [label]=\"selectedLabel()\" hiddenLabel>\n\t\t\t<lu-checkbox-input class=\"indexTable-head-row-cell-checkbox\" [(ngModel)]=\"selected\" [disabled]=\"disabled()\" />\n\t\t</lu-form-field>\n\t}\n</ng-template>\n", dependencies: [{ kind: "component", type: CheckboxInputComponent, selector: "lu-checkbox-input", inputs: ["checklist", "mixed"] }, { kind: "component", type: FormFieldComponent, selector: "lu-form-field", inputs: ["intl", "label", "hiddenLabel", "rolePresentationLabel", "inline", "statusControl", "tooltip", "tag", "AI", "iconAItooltip", "iconAIalt", "width", "invalid", "inlineMessage", "errorInlineMessage", "inlineMessageState", "size", "extraDescribedBy", "layout", "counter", "presentation"], outputs: ["rolePresentationLabelChange", "layoutChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: IndexTableRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IndexTableRowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tr[luIndexTableRow]', standalone: true, encapsulation: ViewEncapsulation.None, host: {
                         '[class.indexTable-body-row]': 'bodyRef !== null',
@@ -339,15 +344,15 @@ class IndexTableComponent {
             };
         }, ...(ngDevMode ? [{ debugName: "classMods" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: IndexTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.15", type: IndexTableComponent, isStandalone: true, selector: "lu-index-table", inputs: { selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, layoutFixed: { classPropertyName: "layoutFixed", publicName: "layoutFixed", isSignal: true, isRequired: false, transformFunction: null }, empty: { classPropertyName: "empty", publicName: "empty", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "indexTableWrapper" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IndexTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.14", type: IndexTableComponent, isStandalone: true, selector: "lu-index-table", inputs: { selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, layoutFixed: { classPropertyName: "layoutFixed", publicName: "layoutFixed", isSignal: true, isRequired: false, transformFunction: null }, empty: { classPropertyName: "empty", publicName: "empty", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "indexTableWrapper" }, providers: [
             {
                 provide: LU_INDEX_TABLE_INSTANCE,
                 useExisting: forwardRef(() => IndexTableComponent),
             },
         ], queries: [{ propertyName: "rows", predicate: IndexTableRowComponent, descendants: true, isSignal: true }, { propertyName: "header", first: true, predicate: IndexTableHeadComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "tableRef", first: true, predicate: ["tableRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<table [class]=\"classMods()\" [attr.role]=\"empty() ? 'presentation' : null\" #tableRef>\n\t<ng-content />\n</table>\n<div class=\"indexTableWrapper-pagination\">\n\t<ng-content select=\"[indexTablePagination]\" />\n</div>\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:first-child .checkboxField,.indexTable-body-row-transparentCell:first-child .checkboxField,.indexTable-head-row-cell:first-child .checkboxField,.indexTable-body-row-cell:first-child .checkboxField,.indexTable-foot-row-cell:first-child .checkboxField{--component-checkboxField-top: 0}.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-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.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);inline-size:fit-content}.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{position:sticky;inset-inline-end:0;align-self:flex-end}.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.mod-massSelection .indexTable-head-row-cell-massSelection .button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size: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)}.indexTable .indexTable-head-row-cell.mod-actions .button:after,.indexTable .indexTable-body-row-cell.mod-actions .button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-row-cell.mod-actions .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-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)}.indexTable .indexTable-body-row-cellTitle-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.indexTable .indexTable-body-row-cellTitle-button.button{--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;z-index:1}}@layer mods{.indexTableWrapper .pagination-scrolling .button:hover{--components-button-backgroundColor: var(--palettes-neutral-100);--components-button-color: var(--palettes-neutral-700)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: IndexTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IndexTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-index-table', standalone: true, encapsulation: ViewEncapsulation.None, host: {
                         class: 'indexTableWrapper',