@lucca-front/ng 19.0.0 → 19.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/core/portal/portal.directive.d.ts +1 -0
  2. package/date2/abstract-date-component.d.ts +36 -0
  3. package/date2/calendar2/calendar-cell-info.d.ts +19 -12
  4. package/date2/calendar2/calendar2.component.d.ts +5 -2
  5. package/date2/date-format.d.ts +1 -0
  6. package/date2/date-input/date-input.component.d.ts +5 -27
  7. package/date2/date-range-input/calendar-shortcut.d.ts +6 -0
  8. package/date2/date-range-input/date-range-input.component.d.ts +63 -0
  9. package/date2/public-api.d.ts +2 -0
  10. package/date2/utils.d.ts +1 -0
  11. package/divider/divider.component.d.ts +17 -0
  12. package/divider/index.d.ts +5 -0
  13. package/divider/public-api.d.ts +1 -0
  14. package/fancy-box/fancy-box.component.d.ts +11 -0
  15. package/fancy-box/index.d.ts +5 -0
  16. package/fancy-box/public-api.d.ts +1 -0
  17. package/fesm2022/lucca-front-ng-button.mjs +2 -2
  18. package/fesm2022/lucca-front-ng-button.mjs.map +1 -1
  19. package/fesm2022/lucca-front-ng-callout.mjs +6 -6
  20. package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
  21. package/fesm2022/lucca-front-ng-core-select-user.mjs +1 -1
  22. package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
  23. package/fesm2022/lucca-front-ng-core-select.mjs +19 -4
  24. package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
  25. package/fesm2022/lucca-front-ng-core.mjs +3 -0
  26. package/fesm2022/lucca-front-ng-core.mjs.map +1 -1
  27. package/fesm2022/lucca-front-ng-date2.mjs +767 -141
  28. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  29. package/fesm2022/lucca-front-ng-divider.mjs +57 -0
  30. package/fesm2022/lucca-front-ng-divider.mjs.map +1 -0
  31. package/fesm2022/lucca-front-ng-dropdown.mjs +4 -1
  32. package/fesm2022/lucca-front-ng-dropdown.mjs.map +1 -1
  33. package/fesm2022/lucca-front-ng-fancy-box.mjs +46 -0
  34. package/fesm2022/lucca-front-ng-fancy-box.mjs.map +1 -0
  35. package/fesm2022/lucca-front-ng-form-field.mjs +82 -155
  36. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  37. package/fesm2022/lucca-front-ng-forms.mjs +6 -6
  38. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  39. package/fesm2022/lucca-front-ng-link.mjs +143 -0
  40. package/fesm2022/lucca-front-ng-link.mjs.map +1 -0
  41. package/fesm2022/lucca-front-ng-modal.mjs +1 -1
  42. package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
  43. package/fesm2022/lucca-front-ng-multi-select.mjs +17 -7
  44. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  45. package/fesm2022/lucca-front-ng-numeric-badge.mjs +15 -3
  46. package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
  47. package/fesm2022/lucca-front-ng-popover2.mjs +12 -5
  48. package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
  49. package/fesm2022/lucca-front-ng-simple-select.mjs +4 -4
  50. package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
  51. package/fesm2022/lucca-front-ng-skeleton.mjs +72 -11
  52. package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
  53. package/fesm2022/lucca-front-ng-statusBadge.mjs +37 -0
  54. package/fesm2022/lucca-front-ng-statusBadge.mjs.map +1 -0
  55. package/fesm2022/lucca-front-ng-time.mjs +4 -4
  56. package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
  57. package/fesm2022/lucca-front-ng-user.mjs +2 -2
  58. package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
  59. package/form-field/form-field.component.d.ts +28 -32
  60. package/link/index.d.ts +5 -0
  61. package/link/link.component.d.ts +23 -0
  62. package/link/link.translate.d.ts +7 -0
  63. package/link/public-api.d.ts +1 -0
  64. package/link/translations.d.ts +23 -0
  65. package/multi-select/public-api.d.ts +1 -0
  66. package/multi-select/select.validators.d.ts +5 -0
  67. package/numeric-badge/numeric-badge.component.d.ts +3 -1
  68. package/package.json +34 -18
  69. package/popover2/popover.directive.d.ts +8 -2
  70. package/skeleton/public-api.d.ts +4 -1
  71. package/skeleton/skeleton-data-table/skeleton-data-table.component.d.ts +12 -0
  72. package/skeleton/skeleton-index-table/skeleton-index-table.component.d.ts +12 -0
  73. package/skeleton/skeleton-table/skeleton-table.component.d.ts +12 -0
  74. package/src/components/_dropdown.scss +6 -0
  75. package/statusBadge/index.d.ts +5 -0
  76. package/statusBadge/public-api.d.ts +1 -0
  77. package/statusBadge/statusBadge.component.d.ts +12 -0
@@ -1,16 +1,52 @@
1
1
  import * as i0 from '@angular/core';
2
- import { booleanAttribute, Component, ChangeDetectionStrategy, Input } from '@angular/core';
2
+ import { booleanAttribute, Component, ChangeDetectionStrategy, Input, input, computed } from '@angular/core';
3
+ import { NgTemplateOutlet } from '@angular/common';
3
4
 
4
5
  class SkeletonButtonComponent {
5
6
  constructor() {
6
7
  this.dark = false;
7
8
  }
8
9
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SkeletonButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.3", type: SkeletonButtonComponent, isStandalone: true, selector: "lu-skeleton-button", inputs: { dark: ["dark", "dark", booleanAttribute] }, ngImport: i0, template: "<div class=\"skeleton is-loading\" [class.mod-dark]=\"dark\" inert=\"inert\">\n\t<div class=\"button\" [class.mod-dark]=\"dark\">\n\t\t<span class=\"skeleton-item\"></span>\n\t</div>\n</div>\n", styles: ["@charset \"UTF-8\";.button{--components-button-font-size: var(--sizes-M-fontSize);--components-button-line-height: var(--sizes-M-lineHeight);--components-button-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-button-gap: var(--pr-t-spacings-100);--components-button-opacity: 1;--components-button-cursor: pointer;--components-button-pointerEvents: auto;--components-button-width: auto;--components-button-minWidth: none;--components-button-userSelect: auto;--components-button-boxShadow: none;--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--commons-borderRadius-M);line-height:var(--components-button-line-height);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);width:var(--components-button-width);min-width:var(--components-button-minWidth);font-size:var(--components-button-font-size);gap:var(--components-button-gap);pointer-events:var(--components-button-pointerEvents);-webkit-user-select:var(--components-button-userSelect);user-select:var(--components-button-userSelect);opacity:var(--components-button-opacity);cursor:var(--components-button-cursor);transition-timing-function:ease;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;white-space:nowrap;text-align:center;font-weight:600;border:0}.button,.button:is(a){color:var(--components-button-color)}.button .lucca-icon{display:block}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined,.mod-outline) .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-700))}.button:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-600, var(--palettes-product-600))}.button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}.button:active{--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.button:disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button:disabled .numericBadge{background-color:var(--palettes-neutral-200);color:var(--palettes-neutral-500)}.button.mod-block{--components-button-width: 100%}.button.mod-S{--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75)}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-XS{--icon-size: 1rem;--components-button-font-size: var(--sizes-XS-fontSize);--components-button-line-height: var(--sizes-XS-lineHeight);--components-button-padding: var(--pr-t-spacings-50) var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-50)}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--commons-borderRadius-M);--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-outlined:where(:not(.is-success,.is-error)),.button.mod-outline:where(:not(.is-success,.is-error)){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-400, var(--palettes-neutral-400))}.button.mod-outlined:where(:not(.is-success,.is-error)):hover,.button.mod-outline:where(:not(.is-success,.is-error)):hover{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-outlined:where(:not(.is-success,.is-error)):active,.button.mod-outline:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.button.mod-outlined:where(:not(.is-success,.is-error)):focus-visible,.button.mod-outline:where(:not(.is-success,.is-error)):focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.button.mod-outlined:where(:not(.is-success,.is-error)):disabled,.button.mod-outline:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--commons-disabled-placeholder);--components-button-color: var(--palettes-neutral-500)}.button.mod-outlined.is-disabled,.button.mod-outlined.disabled,.button.mod-outline.is-disabled,.button.mod-outline.disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--commons-disabled-placeholder);--components-button-color: var(--palettes-neutral-500)}.button.mod-text:where(:not(.is-success,.is-error)),.button.mod-link:where(:not(.is-success,.is-error)){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700))}.button.mod-text:where(:not(.is-success,.is-error)):hover,.button.mod-text:where(:not(.is-success,.is-error)):focus-visible,.button.mod-link:where(:not(.is-success,.is-error)):hover,.button.mod-link:where(:not(.is-success,.is-error)):focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-text:where(:not(.is-success,.is-error)):active,.button.mod-link:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.button.mod-text:where(:not(.is-success,.is-error)):disabled,.button.mod-link:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.button.mod-text.is-disabled,.button.mod-text.disabled,.button.mod-link.is-disabled,.button.mod-link.disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.button.mod-withIcon,.button.mod-icon{--components-button-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150)}.button.mod-withIcon.mod-S,.button.mod-icon.mod-S{--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150)}.button.mod-withIcon.mod-XS,.button.mod-icon.mod-XS{--components-button-padding: var(--pr-t-spacings-50) var(--pr-t-spacings-100)}.button.mod-onlyIcon{--components-button-padding: var(--pr-t-spacings-100)}.button.mod-onlyIcon.mod-S{--components-button-padding: var(--pr-t-spacings-75)}.button.mod-onlyIcon.mod-XS{--components-button-padding: var(--pr-t-spacings-50)}.button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-delete.mod-text:hover,.button.mod-delete.mod-text:focus-visible,.button.mod-delete.mod-link:hover,.button.mod-delete.mod-link:focus-visible{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete.mod-text:active,.button.mod-delete.mod-link:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-delete.mod-outlined:hover,.button.mod-delete.mod-outline:hover{--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete.mod-outlined:focus-visible,.button.mod-delete.mod-outline:focus-visible{--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700)}.button.mod-delete.mod-outlined:active,.button.mod-delete.mod-outline:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-inverted,.button.mod-invert{--components-button-color: var(--palettes-neutral-0)}.button.mod-inverted:hover,.button.mod-inverted:focus-visible,.button.mod-invert:hover,.button.mod-invert:focus-visible{--components-button-color: var(--palettes-neutral-0);--components-button-backgroundColor: var(--palettes-neutral-900)}.button.mod-inverted:active,.button.mod-invert:active{--components-button-backgroundColor: var(--palettes-neutral-700)}.button.mod-more{--components-button-minWidth: 2rem;--components-button-padding: 0}.button.mod-more:before{--icon-content: \"\\e97c\";font-weight:400;display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content);-webkit-font-smoothing:antialiased;text-transform:none;height:0;vertical-align:text-top}.button.mod-more.mod-S{--components-button-minWidth: 1.75rem}.button.mod-more.mod-XS{--components-button-minWidth: 1.5rem}.button.is-loading,.button.loading{--components-button-opacity: .4;--components-button-pointerEvents: none;--components-button-color: transparent;--components-button-userSelect: none}.button.is-loading:after,.button.loading:after{content:\"\";width:var(--components-button-font-size);height:var(--components-button-font-size);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}.button.is-loading.mod-S:after,.button.loading.mod-S:after{content:\"\";width:var(--sizes-S-fontSize);height:var(--sizes-S-fontSize);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button.is-error,.button.error{--palettes-text: #ffffff;--palettes-0: #ffffff;--palettes-50: #ffebec;--palettes-100: #ffd6d8;--palettes-200: #fdbebe;--palettes-300: #faa3a3;--palettes-400: #fa8989;--palettes-500: #f76e6e;--palettes-600: #f15050;--palettes-700: #da2f2f;--palettes-800: #aa0e0e;--palettes-900: #630303;--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-error:after,.button.error:after{color:var(--palettes-neutral-0);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button.is-error:after,.button.error:after{--icon-content: \"\\e9bf\";font-weight:400;display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content);-webkit-font-smoothing:antialiased;text-transform:none}.button.is-success,.button.success{--palettes-text: #ffffff;--palettes-0: #ffffff;--palettes-50: #dbfae0;--palettes-100: #bef3c7;--palettes-200: #a2ebaf;--palettes-300: #84e695;--palettes-400: #68d97b;--palettes-500: #57c769;--palettes-600: #39b155;--palettes-700: #279b42;--palettes-800: #0a762e;--palettes-900: #004d20;--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-success:after,.button.success:after{color:var(--palettes-neutral-0);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button.is-success:after,.button.success:after{--icon-content: \"\\e97d\";font-weight:400;display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content);-webkit-font-smoothing:antialiased;text-transform:none}.button.is-disabled,.button.disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button.is-disabled .numericBadge,.button.disabled .numericBadge{background-color:var(--palettes-neutral-200);color:var(--palettes-neutral-500)}.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--commons-borderRadius-L)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));height:var(--sizes-M-lineHeight);width:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXS{--components-skeleton-text-offset: .25rem;height:var(--sizes-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textS{--components-skeleton-text-offset: .375rem;height:var(--sizes-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textL{--components-skeleton-text-offset: .375rem;height:var(--sizes-L-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXL{height:var(--sizes-XL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXXL{--components-skeleton-text-offset: .5rem;height:var(--sizes-XXL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h1,h1){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h2,h2){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h3,h3){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h4,h4){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h5,h5){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h6,h6){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--commons-borderRadius-M);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--commons-borderRadius-full);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .button{background-color:transparent}.skeleton.is-loading .button .skeleton-item{width:4rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
10
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.3", type: SkeletonButtonComponent, isStandalone: true, selector: "lu-skeleton-button", inputs: { dark: ["dark", "dark", booleanAttribute] }, ngImport: i0, template: "<div class=\"skeleton is-loading\" [class.mod-dark]=\"dark\" inert=\"inert\">\n\t<div class=\"button\" [class.mod-dark]=\"dark\">\n\t\t<span class=\"skeleton-item\"></span>\n\t</div>\n</div>\n", styles: ["@charset \"UTF-8\";.button{--components-button-font-size: var(--sizes-M-fontSize);--components-button-line-height: var(--sizes-M-lineHeight);--components-button-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-button-gap: var(--pr-t-spacings-100);--components-button-opacity: 1;--components-button-cursor: pointer;--components-button-pointerEvents: auto;--components-button-width: auto;--components-button-minWidth: none;--components-button-userSelect: auto;--components-button-boxShadow: none;--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--commons-borderRadius-M);line-height:var(--components-button-line-height);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);width:var(--components-button-width);min-width:var(--components-button-minWidth);font-size:var(--components-button-font-size);gap:var(--components-button-gap);pointer-events:var(--components-button-pointerEvents);-webkit-user-select:var(--components-button-userSelect);user-select:var(--components-button-userSelect);opacity:var(--components-button-opacity);cursor:var(--components-button-cursor);transition-timing-function:ease;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;white-space:nowrap;text-align:center;font-weight:600;border:0}.button,.button:is(a){color:var(--components-button-color)}.button .lucca-icon{display:block}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined,.mod-outline) .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-700))}.button:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-600, var(--palettes-product-600))}.button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}.button:active{--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.button:disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button:disabled .numericBadge{background-color:var(--palettes-neutral-200);color:var(--palettes-neutral-500)}.button.mod-block{--components-button-width: 100%}.button.mod-S{--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75)}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-XS{--icon-size: 1rem;--components-button-font-size: var(--sizes-XS-fontSize);--components-button-line-height: var(--sizes-XS-lineHeight);--components-button-padding: var(--pr-t-spacings-50) var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-50)}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--commons-borderRadius-M);--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-outlined:where(:not(.is-success,.is-error)),.button.mod-outline:where(:not(.is-success,.is-error)){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-400, var(--palettes-neutral-400))}.button.mod-outlined:where(:not(.is-success,.is-error)):hover,.button.mod-outline:where(:not(.is-success,.is-error)):hover{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-outlined:where(:not(.is-success,.is-error)):active,.button.mod-outline:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.button.mod-outlined:where(:not(.is-success,.is-error)):focus-visible,.button.mod-outline:where(:not(.is-success,.is-error)):focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.button.mod-outlined:where(:not(.is-success,.is-error)):disabled,.button.mod-outline:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--commons-disabled-placeholder);--components-button-color: var(--palettes-neutral-500)}.button.mod-outlined.is-disabled,.button.mod-outlined.disabled,.button.mod-outline.is-disabled,.button.mod-outline.disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--commons-disabled-placeholder);--components-button-color: var(--palettes-neutral-500)}.button.mod-text:where(:not(.is-success,.is-error)),.button.mod-link:where(:not(.is-success,.is-error)){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700))}.button.mod-text:where(:not(.is-success,.is-error)):hover,.button.mod-text:where(:not(.is-success,.is-error)):focus-visible,.button.mod-link:where(:not(.is-success,.is-error)):hover,.button.mod-link:where(:not(.is-success,.is-error)):focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-text:where(:not(.is-success,.is-error)):active,.button.mod-link:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.button.mod-text:where(:not(.is-success,.is-error)):disabled,.button.mod-link:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.button.mod-text.is-disabled,.button.mod-text.disabled,.button.mod-link.is-disabled,.button.mod-link.disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.button.mod-withIcon{--components-button-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150)}.button.mod-withIcon.mod-S{--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150)}.button.mod-withIcon.mod-XS{--components-button-padding: var(--pr-t-spacings-50) var(--pr-t-spacings-100)}.button.mod-onlyIcon{--components-button-padding: var(--pr-t-spacings-100)}.button.mod-onlyIcon.mod-S{--components-button-padding: var(--pr-t-spacings-75)}.button.mod-onlyIcon.mod-XS{--components-button-padding: var(--pr-t-spacings-50)}.button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-delete.mod-text:hover,.button.mod-delete.mod-text:focus-visible,.button.mod-delete.mod-link:hover,.button.mod-delete.mod-link:focus-visible{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete.mod-text:active,.button.mod-delete.mod-link:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-delete.mod-outlined:hover,.button.mod-delete.mod-outline:hover{--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete.mod-outlined:focus-visible,.button.mod-delete.mod-outline:focus-visible{--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700)}.button.mod-delete.mod-outlined:active,.button.mod-delete.mod-outline:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-inverted,.button.mod-invert{--components-button-color: var(--palettes-neutral-0)}.button.mod-inverted:hover,.button.mod-inverted:focus-visible,.button.mod-invert:hover,.button.mod-invert:focus-visible{--components-button-color: var(--palettes-neutral-0);--components-button-backgroundColor: var(--palettes-neutral-900)}.button.mod-inverted:active,.button.mod-invert:active{--components-button-backgroundColor: var(--palettes-neutral-700)}.button.mod-more{--components-button-minWidth: 2rem;--components-button-padding: 0}.button.mod-more:before{--icon-content: \"\\e97c\";font-weight:400;display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content);-webkit-font-smoothing:antialiased;text-transform:none;height:0;vertical-align:text-top}.button.mod-more.mod-S{--components-button-minWidth: 1.75rem}.button.mod-more.mod-XS{--components-button-minWidth: 1.5rem}.button.is-loading,.button.loading{--components-button-opacity: .4;--components-button-pointerEvents: none;--components-button-color: transparent;--components-button-userSelect: none}.button.is-loading:after,.button.loading:after{content:\"\";width:var(--components-button-font-size);height:var(--components-button-font-size);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}.button.is-loading.mod-S:after,.button.loading.mod-S:after{content:\"\";width:var(--sizes-S-fontSize);height:var(--sizes-S-fontSize);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button.is-error,.button.error{--palettes-text: #ffffff;--palettes-0: #ffffff;--palettes-50: #ffebec;--palettes-100: #ffd6d8;--palettes-200: #fdbebe;--palettes-300: #faa3a3;--palettes-400: #fa8989;--palettes-500: #f76e6e;--palettes-600: #f15050;--palettes-700: #da2f2f;--palettes-800: #aa0e0e;--palettes-900: #630303;--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-error:after,.button.error:after{color:var(--palettes-neutral-0);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button.is-error:after,.button.error:after{--icon-content: \"\\e9bf\";font-weight:400;display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content);-webkit-font-smoothing:antialiased;text-transform:none}.button.is-success,.button.success{--palettes-text: #ffffff;--palettes-0: #ffffff;--palettes-50: #dbfae0;--palettes-100: #bef3c7;--palettes-200: #a2ebaf;--palettes-300: #84e695;--palettes-400: #68d97b;--palettes-500: #57c769;--palettes-600: #39b155;--palettes-700: #279b42;--palettes-800: #0a762e;--palettes-900: #004d20;--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-success:after,.button.success:after{color:var(--palettes-neutral-0);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button.is-success:after,.button.success:after{--icon-content: \"\\e97d\";font-weight:400;display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content);-webkit-font-smoothing:antialiased;text-transform:none}.button.is-disabled,.button.disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button.is-disabled .numericBadge,.button.disabled .numericBadge{background-color:var(--palettes-neutral-200);color:var(--palettes-neutral-500)}.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--commons-borderRadius-L)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));height:var(--sizes-M-lineHeight);width:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXS{--components-skeleton-text-offset: .25rem;height:var(--sizes-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textS{--components-skeleton-text-offset: .375rem;height:var(--sizes-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textL{--components-skeleton-text-offset: .375rem;height:var(--sizes-L-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXL{height:var(--sizes-XL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXXL{--components-skeleton-text-offset: .5rem;height:var(--sizes-XXL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h1,h1){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h2,h2){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h3,h3){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h4,h4){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h5,h5){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h6,h6){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--commons-borderRadius-M);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--commons-borderRadius-full);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .button{background-color:transparent}.skeleton.is-loading .button .skeleton-item{width:4rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
10
11
  }
11
12
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SkeletonButtonComponent, decorators: [{
12
13
  type: Component,
13
- args: [{ selector: 'lu-skeleton-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"skeleton is-loading\" [class.mod-dark]=\"dark\" inert=\"inert\">\n\t<div class=\"button\" [class.mod-dark]=\"dark\">\n\t\t<span class=\"skeleton-item\"></span>\n\t</div>\n</div>\n", styles: ["@charset \"UTF-8\";.button{--components-button-font-size: var(--sizes-M-fontSize);--components-button-line-height: var(--sizes-M-lineHeight);--components-button-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-button-gap: var(--pr-t-spacings-100);--components-button-opacity: 1;--components-button-cursor: pointer;--components-button-pointerEvents: auto;--components-button-width: auto;--components-button-minWidth: none;--components-button-userSelect: auto;--components-button-boxShadow: none;--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--commons-borderRadius-M);line-height:var(--components-button-line-height);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);width:var(--components-button-width);min-width:var(--components-button-minWidth);font-size:var(--components-button-font-size);gap:var(--components-button-gap);pointer-events:var(--components-button-pointerEvents);-webkit-user-select:var(--components-button-userSelect);user-select:var(--components-button-userSelect);opacity:var(--components-button-opacity);cursor:var(--components-button-cursor);transition-timing-function:ease;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;white-space:nowrap;text-align:center;font-weight:600;border:0}.button,.button:is(a){color:var(--components-button-color)}.button .lucca-icon{display:block}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined,.mod-outline) .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-700))}.button:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-600, var(--palettes-product-600))}.button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}.button:active{--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.button:disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button:disabled .numericBadge{background-color:var(--palettes-neutral-200);color:var(--palettes-neutral-500)}.button.mod-block{--components-button-width: 100%}.button.mod-S{--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75)}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-XS{--icon-size: 1rem;--components-button-font-size: var(--sizes-XS-fontSize);--components-button-line-height: var(--sizes-XS-lineHeight);--components-button-padding: var(--pr-t-spacings-50) var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-50)}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--commons-borderRadius-M);--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-outlined:where(:not(.is-success,.is-error)),.button.mod-outline:where(:not(.is-success,.is-error)){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-400, var(--palettes-neutral-400))}.button.mod-outlined:where(:not(.is-success,.is-error)):hover,.button.mod-outline:where(:not(.is-success,.is-error)):hover{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-outlined:where(:not(.is-success,.is-error)):active,.button.mod-outline:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.button.mod-outlined:where(:not(.is-success,.is-error)):focus-visible,.button.mod-outline:where(:not(.is-success,.is-error)):focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.button.mod-outlined:where(:not(.is-success,.is-error)):disabled,.button.mod-outline:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--commons-disabled-placeholder);--components-button-color: var(--palettes-neutral-500)}.button.mod-outlined.is-disabled,.button.mod-outlined.disabled,.button.mod-outline.is-disabled,.button.mod-outline.disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--commons-disabled-placeholder);--components-button-color: var(--palettes-neutral-500)}.button.mod-text:where(:not(.is-success,.is-error)),.button.mod-link:where(:not(.is-success,.is-error)){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700))}.button.mod-text:where(:not(.is-success,.is-error)):hover,.button.mod-text:where(:not(.is-success,.is-error)):focus-visible,.button.mod-link:where(:not(.is-success,.is-error)):hover,.button.mod-link:where(:not(.is-success,.is-error)):focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-text:where(:not(.is-success,.is-error)):active,.button.mod-link:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.button.mod-text:where(:not(.is-success,.is-error)):disabled,.button.mod-link:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.button.mod-text.is-disabled,.button.mod-text.disabled,.button.mod-link.is-disabled,.button.mod-link.disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.button.mod-withIcon,.button.mod-icon{--components-button-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150)}.button.mod-withIcon.mod-S,.button.mod-icon.mod-S{--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150)}.button.mod-withIcon.mod-XS,.button.mod-icon.mod-XS{--components-button-padding: var(--pr-t-spacings-50) var(--pr-t-spacings-100)}.button.mod-onlyIcon{--components-button-padding: var(--pr-t-spacings-100)}.button.mod-onlyIcon.mod-S{--components-button-padding: var(--pr-t-spacings-75)}.button.mod-onlyIcon.mod-XS{--components-button-padding: var(--pr-t-spacings-50)}.button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-delete.mod-text:hover,.button.mod-delete.mod-text:focus-visible,.button.mod-delete.mod-link:hover,.button.mod-delete.mod-link:focus-visible{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete.mod-text:active,.button.mod-delete.mod-link:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-delete.mod-outlined:hover,.button.mod-delete.mod-outline:hover{--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete.mod-outlined:focus-visible,.button.mod-delete.mod-outline:focus-visible{--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700)}.button.mod-delete.mod-outlined:active,.button.mod-delete.mod-outline:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-inverted,.button.mod-invert{--components-button-color: var(--palettes-neutral-0)}.button.mod-inverted:hover,.button.mod-inverted:focus-visible,.button.mod-invert:hover,.button.mod-invert:focus-visible{--components-button-color: var(--palettes-neutral-0);--components-button-backgroundColor: var(--palettes-neutral-900)}.button.mod-inverted:active,.button.mod-invert:active{--components-button-backgroundColor: var(--palettes-neutral-700)}.button.mod-more{--components-button-minWidth: 2rem;--components-button-padding: 0}.button.mod-more:before{--icon-content: \"\\e97c\";font-weight:400;display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content);-webkit-font-smoothing:antialiased;text-transform:none;height:0;vertical-align:text-top}.button.mod-more.mod-S{--components-button-minWidth: 1.75rem}.button.mod-more.mod-XS{--components-button-minWidth: 1.5rem}.button.is-loading,.button.loading{--components-button-opacity: .4;--components-button-pointerEvents: none;--components-button-color: transparent;--components-button-userSelect: none}.button.is-loading:after,.button.loading:after{content:\"\";width:var(--components-button-font-size);height:var(--components-button-font-size);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}.button.is-loading.mod-S:after,.button.loading.mod-S:after{content:\"\";width:var(--sizes-S-fontSize);height:var(--sizes-S-fontSize);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button.is-error,.button.error{--palettes-text: #ffffff;--palettes-0: #ffffff;--palettes-50: #ffebec;--palettes-100: #ffd6d8;--palettes-200: #fdbebe;--palettes-300: #faa3a3;--palettes-400: #fa8989;--palettes-500: #f76e6e;--palettes-600: #f15050;--palettes-700: #da2f2f;--palettes-800: #aa0e0e;--palettes-900: #630303;--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-error:after,.button.error:after{color:var(--palettes-neutral-0);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button.is-error:after,.button.error:after{--icon-content: \"\\e9bf\";font-weight:400;display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content);-webkit-font-smoothing:antialiased;text-transform:none}.button.is-success,.button.success{--palettes-text: #ffffff;--palettes-0: #ffffff;--palettes-50: #dbfae0;--palettes-100: #bef3c7;--palettes-200: #a2ebaf;--palettes-300: #84e695;--palettes-400: #68d97b;--palettes-500: #57c769;--palettes-600: #39b155;--palettes-700: #279b42;--palettes-800: #0a762e;--palettes-900: #004d20;--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-success:after,.button.success:after{color:var(--palettes-neutral-0);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button.is-success:after,.button.success:after{--icon-content: \"\\e97d\";font-weight:400;display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content);-webkit-font-smoothing:antialiased;text-transform:none}.button.is-disabled,.button.disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button.is-disabled .numericBadge,.button.disabled .numericBadge{background-color:var(--palettes-neutral-200);color:var(--palettes-neutral-500)}.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--commons-borderRadius-L)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));height:var(--sizes-M-lineHeight);width:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXS{--components-skeleton-text-offset: .25rem;height:var(--sizes-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textS{--components-skeleton-text-offset: .375rem;height:var(--sizes-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textL{--components-skeleton-text-offset: .375rem;height:var(--sizes-L-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXL{height:var(--sizes-XL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXXL{--components-skeleton-text-offset: .5rem;height:var(--sizes-XXL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h1,h1){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h2,h2){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h3,h3){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h4,h4){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h5,h5){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h6,h6){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--commons-borderRadius-M);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--commons-borderRadius-full);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .button{background-color:transparent}.skeleton.is-loading .button .skeleton-item{width:4rem}\n"] }]
14
+ args: [{ selector: 'lu-skeleton-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"skeleton is-loading\" [class.mod-dark]=\"dark\" inert=\"inert\">\n\t<div class=\"button\" [class.mod-dark]=\"dark\">\n\t\t<span class=\"skeleton-item\"></span>\n\t</div>\n</div>\n", styles: ["@charset \"UTF-8\";.button{--components-button-font-size: var(--sizes-M-fontSize);--components-button-line-height: var(--sizes-M-lineHeight);--components-button-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-button-gap: var(--pr-t-spacings-100);--components-button-opacity: 1;--components-button-cursor: pointer;--components-button-pointerEvents: auto;--components-button-width: auto;--components-button-minWidth: none;--components-button-userSelect: auto;--components-button-boxShadow: none;--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--commons-borderRadius-M);line-height:var(--components-button-line-height);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);width:var(--components-button-width);min-width:var(--components-button-minWidth);font-size:var(--components-button-font-size);gap:var(--components-button-gap);pointer-events:var(--components-button-pointerEvents);-webkit-user-select:var(--components-button-userSelect);user-select:var(--components-button-userSelect);opacity:var(--components-button-opacity);cursor:var(--components-button-cursor);transition-timing-function:ease;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;white-space:nowrap;text-align:center;font-weight:600;border:0}.button,.button:is(a){color:var(--components-button-color)}.button .lucca-icon{display:block}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined,.mod-outline) .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-700))}.button:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-600, var(--palettes-product-600))}.button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}.button:active{--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.button:disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button:disabled .numericBadge{background-color:var(--palettes-neutral-200);color:var(--palettes-neutral-500)}.button.mod-block{--components-button-width: 100%}.button.mod-S{--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75)}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-XS{--icon-size: 1rem;--components-button-font-size: var(--sizes-XS-fontSize);--components-button-line-height: var(--sizes-XS-lineHeight);--components-button-padding: var(--pr-t-spacings-50) var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-50)}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--commons-borderRadius-M);--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-outlined:where(:not(.is-success,.is-error)),.button.mod-outline:where(:not(.is-success,.is-error)){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-400, var(--palettes-neutral-400))}.button.mod-outlined:where(:not(.is-success,.is-error)):hover,.button.mod-outline:where(:not(.is-success,.is-error)):hover{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-outlined:where(:not(.is-success,.is-error)):active,.button.mod-outline:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.button.mod-outlined:where(:not(.is-success,.is-error)):focus-visible,.button.mod-outline:where(:not(.is-success,.is-error)):focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.button.mod-outlined:where(:not(.is-success,.is-error)):disabled,.button.mod-outline:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--commons-disabled-placeholder);--components-button-color: var(--palettes-neutral-500)}.button.mod-outlined.is-disabled,.button.mod-outlined.disabled,.button.mod-outline.is-disabled,.button.mod-outline.disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--commons-disabled-placeholder);--components-button-color: var(--palettes-neutral-500)}.button.mod-text:where(:not(.is-success,.is-error)),.button.mod-link:where(:not(.is-success,.is-error)){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700))}.button.mod-text:where(:not(.is-success,.is-error)):hover,.button.mod-text:where(:not(.is-success,.is-error)):focus-visible,.button.mod-link:where(:not(.is-success,.is-error)):hover,.button.mod-link:where(:not(.is-success,.is-error)):focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-text:where(:not(.is-success,.is-error)):active,.button.mod-link:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.button.mod-text:where(:not(.is-success,.is-error)):disabled,.button.mod-link:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.button.mod-text.is-disabled,.button.mod-text.disabled,.button.mod-link.is-disabled,.button.mod-link.disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.button.mod-withIcon{--components-button-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150)}.button.mod-withIcon.mod-S{--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150)}.button.mod-withIcon.mod-XS{--components-button-padding: var(--pr-t-spacings-50) var(--pr-t-spacings-100)}.button.mod-onlyIcon{--components-button-padding: var(--pr-t-spacings-100)}.button.mod-onlyIcon.mod-S{--components-button-padding: var(--pr-t-spacings-75)}.button.mod-onlyIcon.mod-XS{--components-button-padding: var(--pr-t-spacings-50)}.button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-delete.mod-text:hover,.button.mod-delete.mod-text:focus-visible,.button.mod-delete.mod-link:hover,.button.mod-delete.mod-link:focus-visible{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete.mod-text:active,.button.mod-delete.mod-link:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-delete.mod-outlined:hover,.button.mod-delete.mod-outline:hover{--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete.mod-outlined:focus-visible,.button.mod-delete.mod-outline:focus-visible{--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700)}.button.mod-delete.mod-outlined:active,.button.mod-delete.mod-outline:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-inverted,.button.mod-invert{--components-button-color: var(--palettes-neutral-0)}.button.mod-inverted:hover,.button.mod-inverted:focus-visible,.button.mod-invert:hover,.button.mod-invert:focus-visible{--components-button-color: var(--palettes-neutral-0);--components-button-backgroundColor: var(--palettes-neutral-900)}.button.mod-inverted:active,.button.mod-invert:active{--components-button-backgroundColor: var(--palettes-neutral-700)}.button.mod-more{--components-button-minWidth: 2rem;--components-button-padding: 0}.button.mod-more:before{--icon-content: \"\\e97c\";font-weight:400;display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content);-webkit-font-smoothing:antialiased;text-transform:none;height:0;vertical-align:text-top}.button.mod-more.mod-S{--components-button-minWidth: 1.75rem}.button.mod-more.mod-XS{--components-button-minWidth: 1.5rem}.button.is-loading,.button.loading{--components-button-opacity: .4;--components-button-pointerEvents: none;--components-button-color: transparent;--components-button-userSelect: none}.button.is-loading:after,.button.loading:after{content:\"\";width:var(--components-button-font-size);height:var(--components-button-font-size);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}.button.is-loading.mod-S:after,.button.loading.mod-S:after{content:\"\";width:var(--sizes-S-fontSize);height:var(--sizes-S-fontSize);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button.is-error,.button.error{--palettes-text: #ffffff;--palettes-0: #ffffff;--palettes-50: #ffebec;--palettes-100: #ffd6d8;--palettes-200: #fdbebe;--palettes-300: #faa3a3;--palettes-400: #fa8989;--palettes-500: #f76e6e;--palettes-600: #f15050;--palettes-700: #da2f2f;--palettes-800: #aa0e0e;--palettes-900: #630303;--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-error:after,.button.error:after{color:var(--palettes-neutral-0);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button.is-error:after,.button.error:after{--icon-content: \"\\e9bf\";font-weight:400;display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content);-webkit-font-smoothing:antialiased;text-transform:none}.button.is-success,.button.success{--palettes-text: #ffffff;--palettes-0: #ffffff;--palettes-50: #dbfae0;--palettes-100: #bef3c7;--palettes-200: #a2ebaf;--palettes-300: #84e695;--palettes-400: #68d97b;--palettes-500: #57c769;--palettes-600: #39b155;--palettes-700: #279b42;--palettes-800: #0a762e;--palettes-900: #004d20;--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-success:after,.button.success:after{color:var(--palettes-neutral-0);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button.is-success:after,.button.success:after{--icon-content: \"\\e97d\";font-weight:400;display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content);-webkit-font-smoothing:antialiased;text-transform:none}.button.is-disabled,.button.disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button.is-disabled .numericBadge,.button.disabled .numericBadge{background-color:var(--palettes-neutral-200);color:var(--palettes-neutral-500)}.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--commons-borderRadius-L)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));height:var(--sizes-M-lineHeight);width:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXS{--components-skeleton-text-offset: .25rem;height:var(--sizes-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textS{--components-skeleton-text-offset: .375rem;height:var(--sizes-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textL{--components-skeleton-text-offset: .375rem;height:var(--sizes-L-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXL{height:var(--sizes-XL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXXL{--components-skeleton-text-offset: .5rem;height:var(--sizes-XXL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h1,h1){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h2,h2){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h3,h3){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h4,h4){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h5,h5){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h6,h6){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--commons-borderRadius-M);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--commons-borderRadius-full);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .button{background-color:transparent}.skeleton.is-loading .button .skeleton-item{width:4rem}\n"] }]
15
+ }], propDecorators: { dark: [{
16
+ type: Input,
17
+ args: [{ transform: booleanAttribute }]
18
+ }] } });
19
+
20
+ class SkeletonDataTableComponent {
21
+ constructor() {
22
+ this.dataTableBodyOnly = false;
23
+ this.cols = input(5);
24
+ this.colsNumber = computed(() => new Array(this.cols()));
25
+ this.rows = input(8);
26
+ this.rowsNumber = computed(() => new Array(this.rows()));
27
+ this.getRandomPercent = (min = 33, max = 66) => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;
28
+ }
29
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SkeletonDataTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
30
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: SkeletonDataTableComponent, isStandalone: true, selector: "lu-skeleton-data-table", inputs: { dataTableBodyOnly: { classPropertyName: "dataTableBodyOnly", publicName: "dataTableBodyOnly", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (dataTableBodyOnly) {\n<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n<div class=\"dataTableWrapper\">\n\t<table class=\"dataTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"dataTable-head\">\n\t\t\t<tr class=\"dataTable-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t<th class=\"dataTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n</div>\n}\n<ng-template #tbody>\n\t<tbody class=\"dataTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t<tr class=\"dataTable-body-row\">\n\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t<td class=\"dataTable-body-row-cell\">\n\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t</td>\n\t\t\t}\n\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: [".dataTableWrapper{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-overflow: hidden;--components-dataTable-expand-rotation: 180deg}.dataTable{display:table;text-align:left;width:calc(100% + 1px);height:calc(100% + 1px);border-spacing:0;margin-left:-1px;margin-top:-1px;table-layout:var(--components-dataTable-tableLayout)}.dataTableWrapper{border-radius:var(--commons-borderRadius-L);border:1px solid var(--commons-border-200);overflow:var(--components-dataTable-overflow);background-color:var(--components-dataTable-cell-background)}.dataTableWrapper:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}.dataTable-head-row-cell{color:var(--palettes-neutral-700);padding:var(--components-dataTable-cell-padding);display:table-cell;font-weight:400}.dataTable-head-row-cell .checkboxField{margin-block-end:.125rem}.dataTable-head{display:table-header-group;vertical-align:bottom}.dataTable-body{display:table-row-group}.dataTable-foot{display:table-footer-group}.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row{display:var(--components-dataTable-row-display)}.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell{display:table-cell;box-shadow:var(--components-dataTable-cell-shadow);background-color:var(--components-dataTable-cell-background);text-align:var(--components-dataTable-cell-textAlign)}.dataTable-head-row-cell:first-child,.dataTable-body-row-cell:first-child,.dataTable-foot-row-cell:first-child{width:var(--components-dataTable-cellFirst-width)}.dataTable-body-row-cell,.dataTable-foot-row-cell{padding:var(--components-dataTable-cell-padding);padding-inline-start:var(--components-dataTable-cell-paddingInlineStart);vertical-align:middle}.dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: none}.dataTable-body-row-cell{vertical-align:var(--components-dataTable-cell-verticalAlign)}.dataTable-foot-row-cell{font-weight:600}.dataTable-body-row-cell-expand{display:flex;gap:var(--pr-t-spacings-100);align-items:flex-start}.dataTable-body-row-cell-expand-button.button{vertical-align:top}.dataTable-body-row-cell-expand-button.button .lucca-icon{transform:rotate(var(--components-dataTable-expand-rotation));transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}.dataTable-body-row-cell-drag.button{--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-padding: var(--pr-t-spacings-50);--components-button-color: var(--palettes-neutral-700);cursor:move;vertical-align:top}.dataTable-body-row-cell-drag.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.dataTable-body-row-cell-drag.button:hover,.dataTable-body-row-cell-drag.button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dataTable-body-row-cell-drag.button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.dataTable-body-row-cell-drag.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.dataTable .statusBadge,.dataTable .tag,.dataTable .avatar{display:flex;width:fit-content}.dataTable.mod-cellBorder{--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200), 1px 0 inset var(--commons-border-200)}.dataTable.mod-cellBorder .dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: 1px 0 inset var(--commons-border-200)}.dataTable.mod-alignTop{--components-dataTable-cell-verticalAlign: top}.dataTable.mod-layoutFixed{--components-dataTable-tableLayout: fixed}@media (min-width: 20em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXS{--components-dataTable-tableLayout: fixed}}@media (min-width: 30em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXS{--components-dataTable-tableLayout: fixed}}@media (min-width: 40em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXS{--components-dataTable-tableLayout: fixed}}@media (min-width: 50em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinS{--components-dataTable-tableLayout: fixed}}@media (min-width: 64em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinM{--components-dataTable-tableLayout: fixed}}@media (min-width: 80em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinL{--components-dataTable-tableLayout: fixed}}@media (min-width: 85.375em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXL{--components-dataTable-tableLayout: fixed}}@media (min-width: 100em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXL{--components-dataTable-tableLayout: fixed}}@media (min-width: 120em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXL{--components-dataTable-tableLayout: fixed}}.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}@media (min-width: 20em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 30em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 40em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 50em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 64em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 80em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 85.375em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 100em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 120em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100));margin-top:0;color:var(--palettes-neutral-900);margin-bottom:var(--pr-t-spacings-200);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);padding-top:var(--sizes-verticalPadding);padding-bottom:var(--sizes-verticalPadding);--sizes-verticalPadding: var(--sizes-M-verticalPadding);--sizes-fontSize: var(--sizes-M-fontSize);--sizes-lineHeight: var(--sizes-M-lineHeight);--components-title-weight: 600;--components-dataTable-cell-background: var(--palettes-neutral-25)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-padding: var(--pr-t-spacings-25);--components-button-color: var(--palettes-neutral-800)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable{--components-dataTable-cellFirst-width: 2.5rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable:has(input:checked){--components-dataTable-cell-background: var(--palettes-product-50)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-foot-row-cell:first-child{--components-dataTable-cellFirst-width: 2.5rem;padding-inline:var(--pr-t-spacings-75)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions{padding:0;padding-inline-end:var(--pr-t-spacings-50);text-align:right;white-space:nowrap}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-100);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions:is(.dataTable-head-row-cell) .button{position:relative;bottom:var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignCenter{--components-dataTable-cell-textAlign: center}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignRight{--components-dataTable-cell-textAlign: right}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-editable{--components-dataTable-cell-padding: var(--pr-t-spacings-100);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100));--components-dataTable-cell-paddingInlineStart: calc( var(--components-dataTable-cell-padding-inline) + var(--pr-t-spacings-300) * calc(var(--components-dataTable-treeLevel) - 1) + var(--components-dataTable-tree-extraPadding) )}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-padding: var(--pr-t-spacings-25);--components-button-color: var(--palettes-neutral-800)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.dataTable-body-row.is-collapsed{--components-dataTable-row-display: none}.dataTable-body-row:first-child:has(.dataTable-body-row-cell-expand-button.button[aria-expanded=false])~.dataTable-body-row{--components-dataTable-row-display: none}.dataTable-body-row-cell-expand-button[aria-expanded=true]{--components-dataTable-expand-rotation: 0deg}.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--commons-borderRadius-L)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));height:var(--sizes-M-lineHeight);width:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXS{--components-skeleton-text-offset: .25rem;height:var(--sizes-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textS{--components-skeleton-text-offset: .375rem;height:var(--sizes-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textL{--components-skeleton-text-offset: .375rem;height:var(--sizes-L-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXL{height:var(--sizes-XL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXXL{--components-skeleton-text-offset: .5rem;height:var(--sizes-XXL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h1,h1){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h2,h2){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h3,h3){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h4,h4){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h5,h5){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h6,h6){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--commons-borderRadius-M);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--commons-borderRadius-full);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}:host{display:contents}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
31
+ }
32
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SkeletonDataTableComponent, decorators: [{
33
+ type: Component,
34
+ args: [{ selector: 'lu-skeleton-data-table', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "@if (dataTableBodyOnly) {\n<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n<div class=\"dataTableWrapper\">\n\t<table class=\"dataTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"dataTable-head\">\n\t\t\t<tr class=\"dataTable-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t<th class=\"dataTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n</div>\n}\n<ng-template #tbody>\n\t<tbody class=\"dataTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t<tr class=\"dataTable-body-row\">\n\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t<td class=\"dataTable-body-row-cell\">\n\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t</td>\n\t\t\t}\n\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: [".dataTableWrapper{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-overflow: hidden;--components-dataTable-expand-rotation: 180deg}.dataTable{display:table;text-align:left;width:calc(100% + 1px);height:calc(100% + 1px);border-spacing:0;margin-left:-1px;margin-top:-1px;table-layout:var(--components-dataTable-tableLayout)}.dataTableWrapper{border-radius:var(--commons-borderRadius-L);border:1px solid var(--commons-border-200);overflow:var(--components-dataTable-overflow);background-color:var(--components-dataTable-cell-background)}.dataTableWrapper:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}.dataTable-head-row-cell{color:var(--palettes-neutral-700);padding:var(--components-dataTable-cell-padding);display:table-cell;font-weight:400}.dataTable-head-row-cell .checkboxField{margin-block-end:.125rem}.dataTable-head{display:table-header-group;vertical-align:bottom}.dataTable-body{display:table-row-group}.dataTable-foot{display:table-footer-group}.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row{display:var(--components-dataTable-row-display)}.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell{display:table-cell;box-shadow:var(--components-dataTable-cell-shadow);background-color:var(--components-dataTable-cell-background);text-align:var(--components-dataTable-cell-textAlign)}.dataTable-head-row-cell:first-child,.dataTable-body-row-cell:first-child,.dataTable-foot-row-cell:first-child{width:var(--components-dataTable-cellFirst-width)}.dataTable-body-row-cell,.dataTable-foot-row-cell{padding:var(--components-dataTable-cell-padding);padding-inline-start:var(--components-dataTable-cell-paddingInlineStart);vertical-align:middle}.dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: none}.dataTable-body-row-cell{vertical-align:var(--components-dataTable-cell-verticalAlign)}.dataTable-foot-row-cell{font-weight:600}.dataTable-body-row-cell-expand{display:flex;gap:var(--pr-t-spacings-100);align-items:flex-start}.dataTable-body-row-cell-expand-button.button{vertical-align:top}.dataTable-body-row-cell-expand-button.button .lucca-icon{transform:rotate(var(--components-dataTable-expand-rotation));transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}.dataTable-body-row-cell-drag.button{--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-padding: var(--pr-t-spacings-50);--components-button-color: var(--palettes-neutral-700);cursor:move;vertical-align:top}.dataTable-body-row-cell-drag.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.dataTable-body-row-cell-drag.button:hover,.dataTable-body-row-cell-drag.button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dataTable-body-row-cell-drag.button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.dataTable-body-row-cell-drag.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.dataTable .statusBadge,.dataTable .tag,.dataTable .avatar{display:flex;width:fit-content}.dataTable.mod-cellBorder{--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200), 1px 0 inset var(--commons-border-200)}.dataTable.mod-cellBorder .dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: 1px 0 inset var(--commons-border-200)}.dataTable.mod-alignTop{--components-dataTable-cell-verticalAlign: top}.dataTable.mod-layoutFixed{--components-dataTable-tableLayout: fixed}@media (min-width: 20em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXS{--components-dataTable-tableLayout: fixed}}@media (min-width: 30em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXS{--components-dataTable-tableLayout: fixed}}@media (min-width: 40em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXS{--components-dataTable-tableLayout: fixed}}@media (min-width: 50em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinS{--components-dataTable-tableLayout: fixed}}@media (min-width: 64em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinM{--components-dataTable-tableLayout: fixed}}@media (min-width: 80em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinL{--components-dataTable-tableLayout: fixed}}@media (min-width: 85.375em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXL{--components-dataTable-tableLayout: fixed}}@media (min-width: 100em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXL{--components-dataTable-tableLayout: fixed}}@media (min-width: 120em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXL{--components-dataTable-tableLayout: fixed}}.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}@media (min-width: 20em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 30em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 40em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 50em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 64em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 80em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 85.375em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 100em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 120em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-foot-row-cell{min-width:var(--dataTable-layoutFixed-width, auto);width:var(--dataTable-layoutFixed-width, auto)}}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100));margin-top:0;color:var(--palettes-neutral-900);margin-bottom:var(--pr-t-spacings-200);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);padding-top:var(--sizes-verticalPadding);padding-bottom:var(--sizes-verticalPadding);--sizes-verticalPadding: var(--sizes-M-verticalPadding);--sizes-fontSize: var(--sizes-M-fontSize);--sizes-lineHeight: var(--sizes-M-lineHeight);--components-title-weight: 600;--components-dataTable-cell-background: var(--palettes-neutral-25)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-padding: var(--pr-t-spacings-25);--components-button-color: var(--palettes-neutral-800)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable{--components-dataTable-cellFirst-width: 2.5rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable:has(input:checked){--components-dataTable-cell-background: var(--palettes-product-50)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-foot-row-cell:first-child{--components-dataTable-cellFirst-width: 2.5rem;padding-inline:var(--pr-t-spacings-75)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions{padding:0;padding-inline-end:var(--pr-t-spacings-50);text-align:right;white-space:nowrap}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-100);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions:is(.dataTable-head-row-cell) .button{position:relative;bottom:var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignCenter{--components-dataTable-cell-textAlign: center}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignRight{--components-dataTable-cell-textAlign: right}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-editable{--components-dataTable-cell-padding: var(--pr-t-spacings-100);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100));--components-dataTable-cell-paddingInlineStart: calc( var(--components-dataTable-cell-padding-inline) + var(--pr-t-spacings-300) * calc(var(--components-dataTable-treeLevel) - 1) + var(--components-dataTable-tree-extraPadding) )}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-padding: var(--pr-t-spacings-25);--components-button-color: var(--palettes-neutral-800)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.dataTable-body-row.is-collapsed{--components-dataTable-row-display: none}.dataTable-body-row:first-child:has(.dataTable-body-row-cell-expand-button.button[aria-expanded=false])~.dataTable-body-row{--components-dataTable-row-display: none}.dataTable-body-row-cell-expand-button[aria-expanded=true]{--components-dataTable-expand-rotation: 0deg}.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--commons-borderRadius-L)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));height:var(--sizes-M-lineHeight);width:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXS{--components-skeleton-text-offset: .25rem;height:var(--sizes-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textS{--components-skeleton-text-offset: .375rem;height:var(--sizes-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textL{--components-skeleton-text-offset: .375rem;height:var(--sizes-L-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXL{height:var(--sizes-XL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXXL{--components-skeleton-text-offset: .5rem;height:var(--sizes-XXL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h1,h1){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h2,h2){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h3,h3){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h4,h4){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h5,h5){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h6,h6){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--commons-borderRadius-M);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--commons-borderRadius-full);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}:host{display:contents}\n"] }]
35
+ }], propDecorators: { dataTableBodyOnly: [{
36
+ type: Input,
37
+ args: [{ transform: booleanAttribute }]
38
+ }] } });
39
+
40
+ class SkeletonFieldComponent {
41
+ constructor() {
42
+ this.dark = false;
43
+ }
44
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SkeletonFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
45
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.3", type: SkeletonFieldComponent, isStandalone: true, selector: "lu-skeleton-field", inputs: { dark: ["dark", "dark", booleanAttribute] }, ngImport: i0, template: "<div class=\"form-field skeleton is-loading\" [class.mod-dark]=\"dark\" inert=\"inert\">\n\t<span class=\"skeleton-item\" style=\"--components-skeleton-text-width: 50%\"></span>\n\t<div class=\"textField\">\n\t\t<div class=\"textField-input\">\n\t\t\t<span class=\"textField-input-value\">\n\t\t\t\t<span class=\"skeleton-item\" style=\"--components-skeleton-text-width: 80%\"></span>\n\t\t\t</span>\n\t\t</div>\n\t</div>\n</div>\n", styles: [".textField{--component-textField-lineHeight: var(--sizes-M-lineHeight);--component-textField-fontSize: var(--sizes-M-fontSize);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder);--component-textField-background: var(--pr-t-color-input-background);--component-textField-border: var(--pr-t-color-input-border);--component-textField-color: var(--pr-t-color-input-text);--component-textField-padding: var(--pr-t-spacings-100);--component-textField-affix-padding: var(--component-textField-padding);--component-textField-affix-size: 1.75rem;--component-textField-scrollMargin: 88rem;--component-textField-maxHeight: 90dvh;--component-textField-maxHeightFallback: 90vh;display:flex;align-items:stretch;border-radius:var(--commons-borderRadius-M);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border)}.textField:hover{--component-textField-border: var(--pr-t-color-input-border-hover)}.textField:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.textField .textField-input-affix-toggle{pointer-events:auto;width:var(--component-textField-affix-size);height:var(--component-textField-affix-size);color:var(--pr-t-color-input-icon)}.textField-input{display:flex;align-items:center;width:100%;border-radius:var(--commons-borderRadius-M);background-color:var(--component-textField-background);position:relative}.textField-input:has(.textField-input-affix-icon){--component-textField-affix-padding: 2.5rem}.textField-input:has(.textField-input-affix-toggle){--component-textField-affix-padding: 3rem}.textField-input:has(.textField-input-affix-clear){--component-textField-affix-padding: 2rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-icon){--component-textField-affix-padding: 4rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-toggle){--component-textField-affix-padding: 4.5rem}.textField-input-valueClone,.textField-input-value{border:0;outline:0;line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);width:100%;padding:var(--component-textField-padding) var(--component-textField-affix-padding) var(--component-textField-padding) var(--component-textField-padding);background-color:transparent;color:var(--component-textField-color)}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-height:var(--component-textField-maxHeight)}@supports not (height: 1dvh){.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){--component-textField-maxHeight: var(--component-textField-maxHeightFallback)}}.textField-input-valueClone::placeholder,.textField-input-value::placeholder{color:var(--component-textField-placeholder)}.textField-input-valueClone:is(textarea),.textField-input-value:is(textarea){resize:vertical;min-height:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){height:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-height:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;right:var(--pr-t-spacings-100);pointer-events:none}.textField-input-affix-icon{--icon-size: 1.5rem;color:var(--pr-t-color-input-icon);pointer-events:none}.textField-input-affix-clear{pointer-events:auto}.textField-prefix{display:flex;padding-left:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);border-top-left-radius:var(--commons-borderRadius-M);border-bottom-left-radius:var(--commons-borderRadius-M);flex-shrink:0}.textField-prefix~.textField-input{border-top-left-radius:0;border-bottom-left-radius:0}.textField-suffix{display:flex;padding-right:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);border-top-right-radius:var(--commons-borderRadius-M);border-bottom-right-radius:var(--commons-borderRadius-M);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-top-right-radius:0;border-bottom-right-radius:0}.textField.mod-S{--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-S .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-S .textField-input-affix-clear.clear,.textField.mod-S .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-S .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-XS{--component-textField-fontSize: var(--sizes-XS-fontSize);--component-textField-lineHeight: var(--sizes-XS-lineHeight);--component-textField-padding: var(--pr-t-spacings-50)}.textField.mod-XS .textField-prefix,.textField.mod-XS .textField-suffix,.textField.mod-XS .textField-input-affix-icon{--icon-size: 1rem}.textField.mod-XS .textField-input-affix-clear.clear,.textField.mod-XS .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-valueAlignRight .textField-input-value{text-align:right}.textField.is-invalid,.textField:has(.textField-input-value[aria-invalid=true]){--component-textField-border: var(--pr-t-color-input-border-critical);--component-textField-background: var(--pr-t-color-input-background-critical);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder-critical)}.textField.is-invalid:hover,.textField:has(.textField-input-value[aria-invalid=true]):hover{--component-textField-border: var(--pr-t-color-input-border-critical-hover)}.textField.is-disabled,.textField:has(.textField-input-value:disabled){--component-textField-background: var(--pr-t-color-input-background-disabled);--component-textField-color: var(--pr-t-color-input-text-disabled)}.textField.mod-autoResize .textField-input{display:grid;align-items:normal;min-width:0;scroll-margin-bottom:var(--component-textField-scrollMargin)}.textField.mod-autoResize .textField-input-valueClone,.textField.mod-autoResize .textField-input-value{white-space:pre-wrap;overflow-wrap:break-word;grid-area:1/1/2/2;resize:none;min-width:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\" \"}.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--commons-borderRadius-L)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));height:var(--sizes-M-lineHeight);width:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXS{--components-skeleton-text-offset: .25rem;height:var(--sizes-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textS{--components-skeleton-text-offset: .375rem;height:var(--sizes-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textL{--components-skeleton-text-offset: .375rem;height:var(--sizes-L-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXL{height:var(--sizes-XL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXXL{--components-skeleton-text-offset: .5rem;height:var(--sizes-XXL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h1,h1){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h2,h2){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h3,h3){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h4,h4){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h5,h5){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h6,h6){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--commons-borderRadius-M);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--commons-borderRadius-full);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
46
+ }
47
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SkeletonFieldComponent, decorators: [{
48
+ type: Component,
49
+ args: [{ selector: 'lu-skeleton-field', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-field skeleton is-loading\" [class.mod-dark]=\"dark\" inert=\"inert\">\n\t<span class=\"skeleton-item\" style=\"--components-skeleton-text-width: 50%\"></span>\n\t<div class=\"textField\">\n\t\t<div class=\"textField-input\">\n\t\t\t<span class=\"textField-input-value\">\n\t\t\t\t<span class=\"skeleton-item\" style=\"--components-skeleton-text-width: 80%\"></span>\n\t\t\t</span>\n\t\t</div>\n\t</div>\n</div>\n", styles: [".textField{--component-textField-lineHeight: var(--sizes-M-lineHeight);--component-textField-fontSize: var(--sizes-M-fontSize);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder);--component-textField-background: var(--pr-t-color-input-background);--component-textField-border: var(--pr-t-color-input-border);--component-textField-color: var(--pr-t-color-input-text);--component-textField-padding: var(--pr-t-spacings-100);--component-textField-affix-padding: var(--component-textField-padding);--component-textField-affix-size: 1.75rem;--component-textField-scrollMargin: 88rem;--component-textField-maxHeight: 90dvh;--component-textField-maxHeightFallback: 90vh;display:flex;align-items:stretch;border-radius:var(--commons-borderRadius-M);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border)}.textField:hover{--component-textField-border: var(--pr-t-color-input-border-hover)}.textField:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.textField .textField-input-affix-toggle{pointer-events:auto;width:var(--component-textField-affix-size);height:var(--component-textField-affix-size);color:var(--pr-t-color-input-icon)}.textField-input{display:flex;align-items:center;width:100%;border-radius:var(--commons-borderRadius-M);background-color:var(--component-textField-background);position:relative}.textField-input:has(.textField-input-affix-icon){--component-textField-affix-padding: 2.5rem}.textField-input:has(.textField-input-affix-toggle){--component-textField-affix-padding: 3rem}.textField-input:has(.textField-input-affix-clear){--component-textField-affix-padding: 2rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-icon){--component-textField-affix-padding: 4rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-toggle){--component-textField-affix-padding: 4.5rem}.textField-input-valueClone,.textField-input-value{border:0;outline:0;line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);width:100%;padding:var(--component-textField-padding) var(--component-textField-affix-padding) var(--component-textField-padding) var(--component-textField-padding);background-color:transparent;color:var(--component-textField-color)}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-height:var(--component-textField-maxHeight)}@supports not (height: 1dvh){.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){--component-textField-maxHeight: var(--component-textField-maxHeightFallback)}}.textField-input-valueClone::placeholder,.textField-input-value::placeholder{color:var(--component-textField-placeholder)}.textField-input-valueClone:is(textarea),.textField-input-value:is(textarea){resize:vertical;min-height:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){height:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-height:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;right:var(--pr-t-spacings-100);pointer-events:none}.textField-input-affix-icon{--icon-size: 1.5rem;color:var(--pr-t-color-input-icon);pointer-events:none}.textField-input-affix-clear{pointer-events:auto}.textField-prefix{display:flex;padding-left:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);border-top-left-radius:var(--commons-borderRadius-M);border-bottom-left-radius:var(--commons-borderRadius-M);flex-shrink:0}.textField-prefix~.textField-input{border-top-left-radius:0;border-bottom-left-radius:0}.textField-suffix{display:flex;padding-right:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);border-top-right-radius:var(--commons-borderRadius-M);border-bottom-right-radius:var(--commons-borderRadius-M);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-top-right-radius:0;border-bottom-right-radius:0}.textField.mod-S{--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-S .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-S .textField-input-affix-clear.clear,.textField.mod-S .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-S .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-XS{--component-textField-fontSize: var(--sizes-XS-fontSize);--component-textField-lineHeight: var(--sizes-XS-lineHeight);--component-textField-padding: var(--pr-t-spacings-50)}.textField.mod-XS .textField-prefix,.textField.mod-XS .textField-suffix,.textField.mod-XS .textField-input-affix-icon{--icon-size: 1rem}.textField.mod-XS .textField-input-affix-clear.clear,.textField.mod-XS .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-valueAlignRight .textField-input-value{text-align:right}.textField.is-invalid,.textField:has(.textField-input-value[aria-invalid=true]){--component-textField-border: var(--pr-t-color-input-border-critical);--component-textField-background: var(--pr-t-color-input-background-critical);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder-critical)}.textField.is-invalid:hover,.textField:has(.textField-input-value[aria-invalid=true]):hover{--component-textField-border: var(--pr-t-color-input-border-critical-hover)}.textField.is-disabled,.textField:has(.textField-input-value:disabled){--component-textField-background: var(--pr-t-color-input-background-disabled);--component-textField-color: var(--pr-t-color-input-text-disabled)}.textField.mod-autoResize .textField-input{display:grid;align-items:normal;min-width:0;scroll-margin-bottom:var(--component-textField-scrollMargin)}.textField.mod-autoResize .textField-input-valueClone,.textField.mod-autoResize .textField-input-value{white-space:pre-wrap;overflow-wrap:break-word;grid-area:1/1/2/2;resize:none;min-width:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\" \"}.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--commons-borderRadius-L)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));height:var(--sizes-M-lineHeight);width:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXS{--components-skeleton-text-offset: .25rem;height:var(--sizes-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textS{--components-skeleton-text-offset: .375rem;height:var(--sizes-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textL{--components-skeleton-text-offset: .375rem;height:var(--sizes-L-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXL{height:var(--sizes-XL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXXL{--components-skeleton-text-offset: .5rem;height:var(--sizes-XXL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h1,h1){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h2,h2){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h3,h3){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h4,h4){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h5,h5){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h6,h6){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--commons-borderRadius-M);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--commons-borderRadius-full);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}\n"] }]
14
50
  }], propDecorators: { dark: [{
15
51
  type: Input,
16
52
  args: [{ transform: booleanAttribute }]
@@ -31,17 +67,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
31
67
  args: [{ transform: booleanAttribute }]
32
68
  }] } });
33
69
 
34
- class SkeletonFieldComponent {
70
+ class SkeletonIndexTableComponent {
35
71
  constructor() {
36
- this.dark = false;
72
+ this.tableBodyOnly = false;
73
+ this.cols = input(5);
74
+ this.colsNumber = computed(() => new Array(this.cols()));
75
+ this.rows = input(8);
76
+ this.rowsNumber = computed(() => new Array(this.rows()));
77
+ this.getRandomPercent = (min = 33, max = 66) => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;
37
78
  }
38
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SkeletonFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
39
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.3", type: SkeletonFieldComponent, isStandalone: true, selector: "lu-skeleton-field", inputs: { dark: ["dark", "dark", booleanAttribute] }, ngImport: i0, template: "<div class=\"form-field skeleton is-loading\" [class.mod-dark]=\"dark\" inert=\"inert\">\n\t<span class=\"skeleton-item\" style=\"--components-skeleton-text-width: 50%\"></span>\n\t<div class=\"textField\">\n\t\t<div class=\"textField-input\">\n\t\t\t<span class=\"textField-input-value\">\n\t\t\t\t<span class=\"skeleton-item\" style=\"--components-skeleton-text-width: 80%\"></span>\n\t\t\t</span>\n\t\t</div>\n\t</div>\n</div>\n", styles: [".textField{--component-textField-lineHeight: var(--sizes-M-lineHeight);--component-textField-fontSize: var(--sizes-M-fontSize);--component-textField-placeholder: var(--palettes-neutral-400);--component-textField-background: var(--palettes-neutral-0);--component-textField-border: var(--palettes-neutral-300);--component-textField-color: var(--palettes-neutral-800);--component-textField-prefix-color: var(--palettes-neutral-600);--component-textField-padding: var(--pr-t-spacings-100);--component-textField-affix-padding: var(--component-textField-padding);--component-textField-affix-size: 1.75rem;--component-textField-scrollMargin: 88rem;--component-textField-maxHeight: 90dvh;--component-textField-maxHeightFallback: 90vh;display:flex;align-items:stretch;border-radius:var(--commons-borderRadius-M);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border)}.textField:hover{--component-textField-border: var(--palettes-neutral-400)}.textField:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.textField .textField-input-affix-toggle{pointer-events:auto;width:var(--component-textField-affix-size);height:var(--component-textField-affix-size);color:var(--palettes-neutral-600)}.textField-input{display:flex;align-items:center;width:100%;border-radius:var(--commons-borderRadius-M);background-color:var(--component-textField-background);position:relative}.textField-input:has(.textField-input-affix-icon){--component-textField-affix-padding: 2.5rem}.textField-input:has(.textField-input-affix-toggle){--component-textField-affix-padding: 3rem}.textField-input:has(.textField-input-affix-clear){--component-textField-affix-padding: 2rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-icon){--component-textField-affix-padding: 4rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-toggle){--component-textField-affix-padding: 4.5rem}.textField-input-valueClone,.textField-input-value{border:0;outline:0;line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);width:100%;padding:var(--component-textField-padding) var(--component-textField-affix-padding) var(--component-textField-padding) var(--component-textField-padding);background-color:transparent;color:var(--component-textField-color)}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-height:var(--component-textField-maxHeight)}@supports not (height: 1dvh){.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){--component-textField-maxHeight: var(--component-textField-maxHeightFallback)}}.textField-input-valueClone::placeholder,.textField-input-value::placeholder{color:var(--component-textField-placeholder)}.textField-input-valueClone:is(textarea),.textField-input-value:is(textarea){resize:vertical;min-height:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){height:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-height:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;right:var(--pr-t-spacings-100);pointer-events:none}.textField-input-affix-icon{--icon-size: 1.5rem;color:var(--palettes-neutral-600);pointer-events:none}.textField-input-affix-clear{pointer-events:auto}.textField-prefix{display:flex;padding-left:var(--component-textField-padding);align-items:center;color:var(--component-textField-prefix-color);line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);border-top-left-radius:var(--commons-borderRadius-M);border-bottom-left-radius:var(--commons-borderRadius-M);flex-shrink:0}.textField-prefix~.textField-input{border-top-left-radius:0;border-bottom-left-radius:0}.textField-suffix{display:flex;padding-right:var(--component-textField-padding);align-items:center;color:var(--component-textField-prefix-color);line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);border-top-right-radius:var(--commons-borderRadius-M);border-bottom-right-radius:var(--commons-borderRadius-M);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-top-right-radius:0;border-bottom-right-radius:0}.textField.mod-S{--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-S .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-S .textField-input-affix-clear.clear,.textField.mod-S .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-S .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-XS{--component-textField-fontSize: var(--sizes-XS-fontSize);--component-textField-lineHeight: var(--sizes-XS-lineHeight);--component-textField-padding: var(--pr-t-spacings-50)}.textField.mod-XS .textField-prefix,.textField.mod-XS .textField-suffix,.textField.mod-XS .textField-input-affix-icon{--icon-size: 1rem}.textField.mod-XS .textField-input-affix-clear.clear,.textField.mod-XS .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-valueAlignRight .textField-input-value{text-align:right}.textField.is-invalid,.textField:has(.textField-input-value[aria-invalid=true]){--component-textField-border: var(--palettes-error-400);--component-textField-background: var(--palettes-error-50);--component-textField-placeholder: var(--palettes-error-400)}.textField.is-invalid:hover,.textField:has(.textField-input-value[aria-invalid=true]):hover{--component-textField-border: var(--palettes-error-600)}.textField.is-disabled,.textField:has(.textField-input-value:disabled){--component-textField-border: var(--palettes-neutral-300);--component-textField-background: var(--commons-disabled-background);--component-textField-color: var(--palettes-neutral-700)}.textField.mod-autoResize .textField-input{display:grid;align-items:normal;min-width:0;scroll-margin-bottom:var(--component-textField-scrollMargin)}.textField.mod-autoResize .textField-input-valueClone,.textField.mod-autoResize .textField-input-value{white-space:pre-wrap;overflow-wrap:break-word;grid-area:1/1/2/2;resize:none;min-width:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\" \"}.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--commons-borderRadius-L)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));height:var(--sizes-M-lineHeight);width:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXS{--components-skeleton-text-offset: .25rem;height:var(--sizes-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textS{--components-skeleton-text-offset: .375rem;height:var(--sizes-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textL{--components-skeleton-text-offset: .375rem;height:var(--sizes-L-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXL{height:var(--sizes-XL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXXL{--components-skeleton-text-offset: .5rem;height:var(--sizes-XXL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h1,h1){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h2,h2){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h3,h3){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h4,h4){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h5,h5){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h6,h6){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--commons-borderRadius-M);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--commons-borderRadius-full);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
79
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SkeletonIndexTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
80
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: SkeletonIndexTableComponent, isStandalone: true, selector: "lu-skeleton-index-table", inputs: { tableBodyOnly: { classPropertyName: "tableBodyOnly", publicName: "tableBodyOnly", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (tableBodyOnly) {\n<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n<table class=\"indexTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t<thead class=\"indexTable-head\">\n\t\t<tr class=\"indexTable-head-row\">\n\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t<th class=\"indexTable-head-row-cell\" scope=\"col\">\n\t\t\t\t<span class=\"skeleton-item mod-dark\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t</th>\n\t\t\t}\n\t\t</tr>\n\t</thead>\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"indexTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t<tr class=\"indexTable-body-row\">\n\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t<td class=\"indexTable-body-row-cell\">\n\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t</td>\n\t\t\t}\n\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: [".indexTable{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: 12px;--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--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(--commons-borderRadius-L);--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='908' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='900' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='908' 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\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg width='908' height='48' viewBox='0 0 908 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='2' width='900' height='40' rx='8' fill='%23FFF1EB' stroke='%23FF9361'/%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;width:100%;padding:0 var(--components-indexTable-padding) calc(var(--components-indexTable-padding) - var(--components-indexTable-row-spacing));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(--palettes-neutral-800);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:table-row}.indexTable-body-row{border-radius:var(--commons-borderRadius-L)}.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:left;font-weight:400}.indexTable-head-row-transparentCell,.indexTable-body-row-transparentCell{vertical-align:middle;padding:var(--pr-t-spacings-50) 0;position:relative;z-index:3}.indexTable-head-row-transparentCell:not(:first-child),.indexTable-body-row-transparentCell:not(:first-child){padding-right:var(--components-indexTable-cell-paddingInline)}.indexTable-head-row-cell,.indexTable-body-row-cell,.indexTable-foot-row-cell{vertical-align:top;padding:var(--components-indexTable-cell-paddingBlock) var(--components-indexTable-cell-paddingInline)}.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(--palettes-neutral-700)}.indexTable-foot-row-cell{padding-top:var(--pr-t-spacings-50);padding-bottom: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-width:var(--components-indexTable-outline-border-width) var(--components-indexTable-outline-border-width-right) var(--components-indexTable-outline-border-width) var(--components-indexTable-outline-border-width-left);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);margin-right:var(--pr-t-spacings-150)}.indexTable-body-row-cell-action{border:0;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;contain:paint}.indexTable-body-row-cell-link{padding:0;border:0;width:100%;background-color:transparent;color:inherit;text-align:left;display:block;font:inherit;cursor:pointer;text-decoration:none}.indexTable-body-row-cell-link:after{content:\"\";position:absolute;inset:0 -9999px}.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)}.indexTable-body-row-cellTitle-button.button,.indexTable-body-row-cellTitle-button:not(.button){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);position:static}.indexTable-body-row-cellTitle-button.button:hover,.indexTable-body-row-cellTitle-button.button:focus-visible,.indexTable-body-row-cellTitle-button:not(.button):hover,.indexTable-body-row-cellTitle-button:not(.button):focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable-body-row-cellTitle-button.button:active,.indexTable-body-row-cellTitle-button:not(.button):active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.indexTable-body-row-cellTitle-button.button:disabled,.indexTable-body-row-cellTitle-button:not(.button):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.indexTable-body-row-cellTitle-button.button .numericBadge,.indexTable-body-row-cellTitle-button:not(.button) .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.indexTable-body-row-cellTitle-button.button .lucca-icon,.indexTable-body-row-cellTitle-button:not(.button) .lucca-icon{transition:transform var(--commons-animations-durations-fast) ease}.indexTable-body-row-cellTitle-button.button:before,.indexTable-body-row-cellTitle-button:not(.button):before{content:\"\";position:absolute;inset:0}.indexTable-body-row-cellTitle-title{font-weight:600}.indexTable-foot-row-cell{text-align:right}.indexTableWrapper{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: 12px;--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--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(--commons-borderRadius-L);--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='908' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='900' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='908' 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\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg width='908' height='48' viewBox='0 0 908 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='2' width='900' height='40' rx='8' fill='%23FFF1EB' stroke='%23FF9361'/%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-bottom: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-bottom:0}.indexTableWrapper .pagination{align-self:flex-end;padding:var(--pr-t-spacings-50) 0 0 0;margin-right:var(--pr-t-spacings-100)}.indexTable.mod-selectable .indexTable-head-row{cursor:pointer}.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{width: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-left: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.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.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.mod-stackable .indexTable-body-row-cell{border-bottom: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.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.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;top: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-top-left-radius:var(--components-indexTable-border-radius)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:last-child:after{border-top-right-radius:var(--components-indexTable-border-radius)}.indexTable[class*=mod-layoutFixed]{table-layout:fixed}.indexTable[class*=mod-layoutFixed] [class*=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 [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width:var(--cell-width, auto)}@media (min-width: 20em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width:var(--cell-width, auto)}}@media (min-width: 30em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width:var(--cell-width, auto)}}@media (min-width: 40em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width:var(--cell-width, auto)}}@media (min-width: 50em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width:var(--cell-width, auto)}}@media (min-width: 64em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width:var(--cell-width, auto)}}@media (min-width: 80em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width:var(--cell-width, auto)}}@media (min-width: 85.375em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width:var(--cell-width, auto)}}@media (min-width: 100em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width:var(--cell-width, auto)}}@media (min-width: 120em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width: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(--commons-borderRadius-L);font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);color:var(--palettes-neutral-800);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(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75)}.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(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.indexTable .indexTable-body-row-cell.mod-actions{width:1%;padding:var(--pr-t-spacings-50);white-space:nowrap}.indexTable .indexTable-body-row-cell.mod-actions .button{--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-padding: var(--pr-t-spacings-75)}.indexTable .indexTable-body-row-cell.mod-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.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(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-body-row-cell.mod-actions .button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.indexTable .indexTable-body-row-cell.mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}@media not (any-pointer: coarse){.indexTable .indexTable-body-row-cell.mod-actions .indexTable-body-row-cell-subAction{opacity:var(--components-indexTable-cell-subAction-opacity, 0);transition:opacity ease var(--commons-animations-durations-fast)}.indexTable .indexTable-body-row-cell.mod-actions:has(.indexTable-body-row-cell-subActionDropdownTrigger) .indexTable-body-row-cell-subAction{display:none}}@media (any-pointer: coarse){.indexTable .indexTable-body-row-cell.mod-actions .indexTable-body-row-cell-subActionDropdownTrigger{display:none}}.indexTable .indexTable-head-row-cell.mod-alignRight,.indexTable .indexTable-body-row-cell.mod-alignRight,.indexTable .indexTable-body-row-transparentCell.mod-alignRight,.indexTable .indexTable-foot-row-cell.mod-alignRight{text-align:right}.indexTable .indexTable-head-row-cell.mod-alignCenter,.indexTable .indexTable-body-row-cell.mod-alignCenter,.indexTable .indexTable-body-row-transparentCell.mod-alignCenter,.indexTable .indexTable-foot-row-cell.mod-alignCenter{text-align:center}@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:var(--components-indexTable-row-spacing-responsive) 0;margin-bottom: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-bottom:0}.indexTable.mod-responsiveCardList .indexTable-body-row:last-child,.indexTable.mod-responsiveCardList .indexTable-foot-row:last-child{margin-bottom: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-top:var(--pr-t-spacings-50)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell-content[data-label]:before{content:attr(data-label);font-weight:600}.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{width:auto}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-transparentCell:first-child[colspan=\"2\"]+.indexTable-body-row-transparentCell{padding-left: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-bottom-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;top:0;bottom: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{left:var(--components-indexTable-cell-inset-x-left, 0);right: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{left:50%;right: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-bottom: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-action:focus-visible,.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-action:focus-visible,.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] .lucca-icon{transform:rotate(180deg)}.indexTable .indexTable-body-row:has(.indexTable-body-row-cellTitle-button[aria-expanded=true]) .indexTable-body-row-subTotal{display:none}.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--commons-borderRadius-L)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));height:var(--sizes-M-lineHeight);width:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXS{--components-skeleton-text-offset: .25rem;height:var(--sizes-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textS{--components-skeleton-text-offset: .375rem;height:var(--sizes-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textL{--components-skeleton-text-offset: .375rem;height:var(--sizes-L-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXL{height:var(--sizes-XL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXXL{--components-skeleton-text-offset: .5rem;height:var(--sizes-XXL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h1,h1){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h2,h2){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h3,h3){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h4,h4){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h5,h5){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h6,h6){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--commons-borderRadius-M);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--commons-borderRadius-full);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}:host{display:contents}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
40
81
  }
41
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SkeletonFieldComponent, decorators: [{
82
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SkeletonIndexTableComponent, decorators: [{
42
83
  type: Component,
43
- args: [{ selector: 'lu-skeleton-field', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-field skeleton is-loading\" [class.mod-dark]=\"dark\" inert=\"inert\">\n\t<span class=\"skeleton-item\" style=\"--components-skeleton-text-width: 50%\"></span>\n\t<div class=\"textField\">\n\t\t<div class=\"textField-input\">\n\t\t\t<span class=\"textField-input-value\">\n\t\t\t\t<span class=\"skeleton-item\" style=\"--components-skeleton-text-width: 80%\"></span>\n\t\t\t</span>\n\t\t</div>\n\t</div>\n</div>\n", styles: [".textField{--component-textField-lineHeight: var(--sizes-M-lineHeight);--component-textField-fontSize: var(--sizes-M-fontSize);--component-textField-placeholder: var(--palettes-neutral-400);--component-textField-background: var(--palettes-neutral-0);--component-textField-border: var(--palettes-neutral-300);--component-textField-color: var(--palettes-neutral-800);--component-textField-prefix-color: var(--palettes-neutral-600);--component-textField-padding: var(--pr-t-spacings-100);--component-textField-affix-padding: var(--component-textField-padding);--component-textField-affix-size: 1.75rem;--component-textField-scrollMargin: 88rem;--component-textField-maxHeight: 90dvh;--component-textField-maxHeightFallback: 90vh;display:flex;align-items:stretch;border-radius:var(--commons-borderRadius-M);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border)}.textField:hover{--component-textField-border: var(--palettes-neutral-400)}.textField:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.textField .textField-input-affix-toggle{pointer-events:auto;width:var(--component-textField-affix-size);height:var(--component-textField-affix-size);color:var(--palettes-neutral-600)}.textField-input{display:flex;align-items:center;width:100%;border-radius:var(--commons-borderRadius-M);background-color:var(--component-textField-background);position:relative}.textField-input:has(.textField-input-affix-icon){--component-textField-affix-padding: 2.5rem}.textField-input:has(.textField-input-affix-toggle){--component-textField-affix-padding: 3rem}.textField-input:has(.textField-input-affix-clear){--component-textField-affix-padding: 2rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-icon){--component-textField-affix-padding: 4rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-toggle){--component-textField-affix-padding: 4.5rem}.textField-input-valueClone,.textField-input-value{border:0;outline:0;line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);width:100%;padding:var(--component-textField-padding) var(--component-textField-affix-padding) var(--component-textField-padding) var(--component-textField-padding);background-color:transparent;color:var(--component-textField-color)}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-height:var(--component-textField-maxHeight)}@supports not (height: 1dvh){.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){--component-textField-maxHeight: var(--component-textField-maxHeightFallback)}}.textField-input-valueClone::placeholder,.textField-input-value::placeholder{color:var(--component-textField-placeholder)}.textField-input-valueClone:is(textarea),.textField-input-value:is(textarea){resize:vertical;min-height:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){height:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-height:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;right:var(--pr-t-spacings-100);pointer-events:none}.textField-input-affix-icon{--icon-size: 1.5rem;color:var(--palettes-neutral-600);pointer-events:none}.textField-input-affix-clear{pointer-events:auto}.textField-prefix{display:flex;padding-left:var(--component-textField-padding);align-items:center;color:var(--component-textField-prefix-color);line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);border-top-left-radius:var(--commons-borderRadius-M);border-bottom-left-radius:var(--commons-borderRadius-M);flex-shrink:0}.textField-prefix~.textField-input{border-top-left-radius:0;border-bottom-left-radius:0}.textField-suffix{display:flex;padding-right:var(--component-textField-padding);align-items:center;color:var(--component-textField-prefix-color);line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);border-top-right-radius:var(--commons-borderRadius-M);border-bottom-right-radius:var(--commons-borderRadius-M);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-top-right-radius:0;border-bottom-right-radius:0}.textField.mod-S{--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-S .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-S .textField-input-affix-clear.clear,.textField.mod-S .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-S .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-XS{--component-textField-fontSize: var(--sizes-XS-fontSize);--component-textField-lineHeight: var(--sizes-XS-lineHeight);--component-textField-padding: var(--pr-t-spacings-50)}.textField.mod-XS .textField-prefix,.textField.mod-XS .textField-suffix,.textField.mod-XS .textField-input-affix-icon{--icon-size: 1rem}.textField.mod-XS .textField-input-affix-clear.clear,.textField.mod-XS .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-valueAlignRight .textField-input-value{text-align:right}.textField.is-invalid,.textField:has(.textField-input-value[aria-invalid=true]){--component-textField-border: var(--palettes-error-400);--component-textField-background: var(--palettes-error-50);--component-textField-placeholder: var(--palettes-error-400)}.textField.is-invalid:hover,.textField:has(.textField-input-value[aria-invalid=true]):hover{--component-textField-border: var(--palettes-error-600)}.textField.is-disabled,.textField:has(.textField-input-value:disabled){--component-textField-border: var(--palettes-neutral-300);--component-textField-background: var(--commons-disabled-background);--component-textField-color: var(--palettes-neutral-700)}.textField.mod-autoResize .textField-input{display:grid;align-items:normal;min-width:0;scroll-margin-bottom:var(--component-textField-scrollMargin)}.textField.mod-autoResize .textField-input-valueClone,.textField.mod-autoResize .textField-input-value{white-space:pre-wrap;overflow-wrap:break-word;grid-area:1/1/2/2;resize:none;min-width:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\" \"}.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--commons-borderRadius-L)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));height:var(--sizes-M-lineHeight);width:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXS{--components-skeleton-text-offset: .25rem;height:var(--sizes-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textS{--components-skeleton-text-offset: .375rem;height:var(--sizes-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textL{--components-skeleton-text-offset: .375rem;height:var(--sizes-L-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXL{height:var(--sizes-XL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXXL{--components-skeleton-text-offset: .5rem;height:var(--sizes-XXL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h1,h1){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h2,h2){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h3,h3){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h4,h4){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h5,h5){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h6,h6){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--commons-borderRadius-M);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--commons-borderRadius-full);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}\n"] }]
44
- }], propDecorators: { dark: [{
84
+ args: [{ selector: 'lu-skeleton-index-table', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "@if (tableBodyOnly) {\n<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n<table class=\"indexTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t<thead class=\"indexTable-head\">\n\t\t<tr class=\"indexTable-head-row\">\n\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t<th class=\"indexTable-head-row-cell\" scope=\"col\">\n\t\t\t\t<span class=\"skeleton-item mod-dark\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t</th>\n\t\t\t}\n\t\t</tr>\n\t</thead>\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"indexTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t<tr class=\"indexTable-body-row\">\n\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t<td class=\"indexTable-body-row-cell\">\n\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t</td>\n\t\t\t}\n\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: [".indexTable{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: 12px;--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--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(--commons-borderRadius-L);--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='908' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='900' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='908' 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\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg width='908' height='48' viewBox='0 0 908 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='2' width='900' height='40' rx='8' fill='%23FFF1EB' stroke='%23FF9361'/%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;width:100%;padding:0 var(--components-indexTable-padding) calc(var(--components-indexTable-padding) - var(--components-indexTable-row-spacing));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(--palettes-neutral-800);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:table-row}.indexTable-body-row{border-radius:var(--commons-borderRadius-L)}.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:left;font-weight:400}.indexTable-head-row-transparentCell,.indexTable-body-row-transparentCell{vertical-align:middle;padding:var(--pr-t-spacings-50) 0;position:relative;z-index:3}.indexTable-head-row-transparentCell:not(:first-child),.indexTable-body-row-transparentCell:not(:first-child){padding-right:var(--components-indexTable-cell-paddingInline)}.indexTable-head-row-cell,.indexTable-body-row-cell,.indexTable-foot-row-cell{vertical-align:top;padding:var(--components-indexTable-cell-paddingBlock) var(--components-indexTable-cell-paddingInline)}.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(--palettes-neutral-700)}.indexTable-foot-row-cell{padding-top:var(--pr-t-spacings-50);padding-bottom: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-width:var(--components-indexTable-outline-border-width) var(--components-indexTable-outline-border-width-right) var(--components-indexTable-outline-border-width) var(--components-indexTable-outline-border-width-left);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);margin-right:var(--pr-t-spacings-150)}.indexTable-body-row-cell-action{border:0;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;contain:paint}.indexTable-body-row-cell-link{padding:0;border:0;width:100%;background-color:transparent;color:inherit;text-align:left;display:block;font:inherit;cursor:pointer;text-decoration:none}.indexTable-body-row-cell-link:after{content:\"\";position:absolute;inset:0 -9999px}.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)}.indexTable-body-row-cellTitle-button.button,.indexTable-body-row-cellTitle-button:not(.button){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-75);position:static}.indexTable-body-row-cellTitle-button.button:hover,.indexTable-body-row-cellTitle-button.button:focus-visible,.indexTable-body-row-cellTitle-button:not(.button):hover,.indexTable-body-row-cellTitle-button:not(.button):focus-visible{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable-body-row-cellTitle-button.button:active,.indexTable-body-row-cellTitle-button:not(.button):active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.indexTable-body-row-cellTitle-button.button:disabled,.indexTable-body-row-cellTitle-button:not(.button):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.indexTable-body-row-cellTitle-button.button .numericBadge,.indexTable-body-row-cellTitle-button:not(.button) .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.indexTable-body-row-cellTitle-button.button .lucca-icon,.indexTable-body-row-cellTitle-button:not(.button) .lucca-icon{transition:transform var(--commons-animations-durations-fast) ease}.indexTable-body-row-cellTitle-button.button:before,.indexTable-body-row-cellTitle-button:not(.button):before{content:\"\";position:absolute;inset:0}.indexTable-body-row-cellTitle-title{font-weight:600}.indexTable-foot-row-cell{text-align:right}.indexTableWrapper{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: 12px;--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--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(--commons-borderRadius-L);--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='908' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='900' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='908' 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\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg width='908' height='48' viewBox='0 0 908 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='2' width='900' height='40' rx='8' fill='%23FFF1EB' stroke='%23FF9361'/%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-bottom: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-bottom:0}.indexTableWrapper .pagination{align-self:flex-end;padding:var(--pr-t-spacings-50) 0 0 0;margin-right:var(--pr-t-spacings-100)}.indexTable.mod-selectable .indexTable-head-row{cursor:pointer}.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{width: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-left: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.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.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.mod-stackable .indexTable-body-row-cell{border-bottom: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.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.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;top: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-top-left-radius:var(--components-indexTable-border-radius)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:last-child:after{border-top-right-radius:var(--components-indexTable-border-radius)}.indexTable[class*=mod-layoutFixed]{table-layout:fixed}.indexTable[class*=mod-layoutFixed] [class*=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 [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width:var(--cell-width, auto)}@media (min-width: 20em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width:var(--cell-width, auto)}}@media (min-width: 30em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width:var(--cell-width, auto)}}@media (min-width: 40em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width:var(--cell-width, auto)}}@media (min-width: 50em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width:var(--cell-width, auto)}}@media (min-width: 64em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width:var(--cell-width, auto)}}@media (min-width: 80em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width:var(--cell-width, auto)}}@media (min-width: 85.375em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width:var(--cell-width, auto)}}@media (min-width: 100em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width:var(--cell-width, auto)}}@media (min-width: 120em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL [class*=row-cell]{min-width:var(--cell-width, auto);max-width:var(--cell-width, auto);width: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(--commons-borderRadius-L);font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);color:var(--palettes-neutral-800);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(--palettes-neutral-700));--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75)}.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(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.indexTable .indexTable-body-row-cell.mod-actions{width:1%;padding:var(--pr-t-spacings-50);white-space:nowrap}.indexTable .indexTable-body-row-cell.mod-actions .button{--icon-size: 1.25rem;--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-padding: var(--pr-t-spacings-75)}.indexTable .indexTable-body-row-cell.mod-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.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(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-body-row-cell.mod-actions .button:active{--components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.indexTable .indexTable-body-row-cell.mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-500)}@media not (any-pointer: coarse){.indexTable .indexTable-body-row-cell.mod-actions .indexTable-body-row-cell-subAction{opacity:var(--components-indexTable-cell-subAction-opacity, 0);transition:opacity ease var(--commons-animations-durations-fast)}.indexTable .indexTable-body-row-cell.mod-actions:has(.indexTable-body-row-cell-subActionDropdownTrigger) .indexTable-body-row-cell-subAction{display:none}}@media (any-pointer: coarse){.indexTable .indexTable-body-row-cell.mod-actions .indexTable-body-row-cell-subActionDropdownTrigger{display:none}}.indexTable .indexTable-head-row-cell.mod-alignRight,.indexTable .indexTable-body-row-cell.mod-alignRight,.indexTable .indexTable-body-row-transparentCell.mod-alignRight,.indexTable .indexTable-foot-row-cell.mod-alignRight{text-align:right}.indexTable .indexTable-head-row-cell.mod-alignCenter,.indexTable .indexTable-body-row-cell.mod-alignCenter,.indexTable .indexTable-body-row-transparentCell.mod-alignCenter,.indexTable .indexTable-foot-row-cell.mod-alignCenter{text-align:center}@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:var(--components-indexTable-row-spacing-responsive) 0;margin-bottom: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-bottom:0}.indexTable.mod-responsiveCardList .indexTable-body-row:last-child,.indexTable.mod-responsiveCardList .indexTable-foot-row:last-child{margin-bottom: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-top:var(--pr-t-spacings-50)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell-content[data-label]:before{content:attr(data-label);font-weight:600}.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{width:auto}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-transparentCell:first-child[colspan=\"2\"]+.indexTable-body-row-transparentCell{padding-left: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-bottom-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;top:0;bottom: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{left:var(--components-indexTable-cell-inset-x-left, 0);right: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{left:50%;right: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-bottom: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-action:focus-visible,.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-action:focus-visible,.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] .lucca-icon{transform:rotate(180deg)}.indexTable .indexTable-body-row:has(.indexTable-body-row-cellTitle-button[aria-expanded=true]) .indexTable-body-row-subTotal{display:none}.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--commons-borderRadius-L)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));height:var(--sizes-M-lineHeight);width:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXS{--components-skeleton-text-offset: .25rem;height:var(--sizes-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textS{--components-skeleton-text-offset: .375rem;height:var(--sizes-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textL{--components-skeleton-text-offset: .375rem;height:var(--sizes-L-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXL{height:var(--sizes-XL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXXL{--components-skeleton-text-offset: .5rem;height:var(--sizes-XXL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h1,h1){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h2,h2){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h3,h3){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h4,h4){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h5,h5){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h6,h6){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--commons-borderRadius-M);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--commons-borderRadius-full);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}:host{display:contents}\n"] }]
85
+ }], propDecorators: { tableBodyOnly: [{
86
+ type: Input,
87
+ args: [{ transform: booleanAttribute }]
88
+ }] } });
89
+
90
+ class SkeletonTableComponent {
91
+ constructor() {
92
+ this.tableBodyOnly = false;
93
+ this.cols = input(5);
94
+ this.colsNumber = computed(() => new Array(this.cols()));
95
+ this.rows = input(8);
96
+ this.rowsNumber = computed(() => new Array(this.rows()));
97
+ this.getRandomPercent = (min = 33, max = 66) => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;
98
+ }
99
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SkeletonTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
100
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: SkeletonTableComponent, isStandalone: true, selector: "lu-skeleton-table", inputs: { tableBodyOnly: { classPropertyName: "tableBodyOnly", publicName: "tableBodyOnly", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (tableBodyOnly) {\n<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n<table class=\"table skeleton is-loading\" inert=\"inert\">\n\t<thead class=\"table-head\">\n\t\t<tr class=\"table-head-row\">\n\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t<th class=\"table-head-row-cell\">\n\t\t\t\t<span class=\"skeleton-item mod-dark u-textS\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t</th>\n\t\t\t}\n\t\t</tr>\n\t</thead>\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"table-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t<tr class=\"table-body-row\">\n\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t<td class=\"table-body-row-cell\">\n\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t</td>\n\t\t\t}\n\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.table{--components-table-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-table-font-size: var(--sizes-M-fontSize);--components-table-line-height: var(--sizes-M-lineHeight);--components-table-zebra-background: #f5f5f5;--components-table-hover-background: var(--palettes-neutral-50);--components-table-card-padding: var(--pr-t-spacings-300);font-size:var(--components-table-font-size);line-height:var(--components-table-line-height);border-spacing:0;display:table;text-align:left;width:100%;color:var(--palettes-neutral-800)}.table-head{display:table-header-group;vertical-align:bottom}.table-foot{display:table-footer-group}.table-head-row{display:table-row}.table-head-row-cell{color:var(--palettes-neutral-600);font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);padding:var(--components-table-padding);border-bottom-width:var(--commons-divider-width);border-bottom-color:var(--commons-divider-color);border-bottom-style:solid;display:table-cell;text-align:left;font-weight:600}.table-body{display:table-row-group}.table-body-row,.table-foot-row{background-color:var(--pr-t-elevation-surface-raised);display:table-row}.table-body-row:first-child .table-body-row-cell,.table-body-row:first-child .table-foot-row-cell,.table-foot-row:first-child .table-body-row-cell,.table-foot-row:first-child .table-foot-row-cell{border-top:none}.table-body-row:last-child .table-body-row-cell,.table-body-row:last-child .table-foot-row-cell,.table-foot-row:last-child .table-body-row-cell,.table-foot-row:last-child .table-foot-row-cell{border-bottom-width:var(--commons-divider-width);border-bottom-color:var(--commons-divider-color);border-bottom-style:solid}.table-body-row-cell,.table-foot-row-cell{padding:var(--components-table-padding);border-top-width:var(--commons-divider-width);border-top-color:var(--commons-divider-color);border-top-style:solid;display:table-cell;vertical-align:middle}.table.mod-zebra .table-body tr:nth-child(odd){background-color:var(--components-table-zebra-background)}.table.mod-alignTop .table-body-row-cell{vertical-align:top}.table.mod-clickable .table-body-row-cell,.table.mod-clickable .table-foot-row-cell{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color}.table.mod-clickable .table-body-row-cell-action,.table.mod-clickable .table-foot-row-cell-action{color:var(--palettes-neutral-800);text-decoration:none}.table.mod-clickable .table-body-row-cell-action:hover,.table.mod-clickable .table-body-row-cell-action:focus,.table.mod-clickable .table-foot-row-cell-action:hover,.table.mod-clickable .table-foot-row-cell-action:focus{text-decoration:underline}.table.mod-clickable .table-body-row,.table.mod-clickable .table-foot-row{cursor:pointer}.table.mod-clickable .table-body-row:hover .table-body-row-cell,.table.mod-clickable .table-body-row:focus-within .table-body-row-cell,.table.mod-clickable .table-foot-row:hover .table-body-row-cell,.table.mod-clickable .table-foot-row:focus-within .table-body-row-cell{background-color:var(--components-table-hover-background)}.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-100)}.table.mod-card{border-top:0}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):first-child{border-top-left-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):last-child{border-top-right-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):first-child{border-bottom-left-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):last-child{border-bottom-right-radius:var(--components-card-border-radius)}.table.mod-card .table-head-row-cell{border-top:0}.table.mod-card .table-body:last-child .table-body-row-cell,.table.mod-card .table-body:last-child .table-foot-row-cell,.table.mod-card .table-foot:last-child .table-body-row-cell,.table.mod-card .table-foot:last-child .table-foot-row-cell{border-bottom:none}.table.mod-card .table-body-row,.table.mod-card .table-foot-row{background-color:transparent}.table.mod-card .table-head-row-cell:first-child,.table.mod-card .table-body-row-cell:first-child,.table.mod-card .table-foot-row-cell:first-child{padding-left:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell:last-child,.table.mod-card .table-body-row-cell:last-child,.table.mod-card .table-foot-row-cell:last-child{padding-right:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell.mod-actions,.table.mod-card .table-body-row-cell.mod-actions,.table.mod-card .table-foot-row-cell.mod-actions{padding-right:var(--pr-t-spacings-100)}.table.mod-S{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight)}.table.mod-noOffset .table-head-row-cell:first-child,.table.mod-noOffset .table-body-row-cell:first-child,.table.mod-noOffset .table-foot-row-cell:first-child{padding-left:0}.table.mod-noOffset .table-head-row-cell:last-child,.table.mod-noOffset .table-body-row-cell:last-child,.table.mod-noOffset .table-foot-row-cell:last-child{padding-right:0}.table.mod-borderless{border:none}.table.mod-borderless .table-head-row-cell:first-child,.table.mod-borderless .table-body-row-cell:first-child,.table.mod-borderless .table-foot-row-cell:first-child{padding-left:0}.table.mod-borderless .table-head-row-cell:last-child,.table.mod-borderless .table-body-row-cell:last-child,.table.mod-borderless .table-foot-row-cell:last-child{padding-right:0}.table.mod-borderless .table-head-row-cell,.table.mod-borderless .table-body-row-cell,.table.mod-borderless .table-foot-row-cell{border-top:none}.table .tableSortable{--components-sortable-fontWeight: 600;--components-sortable-fontSize: var(--sizes-S-fontSize);--components-sortable-lineHeight: var(--sizes-S-lineHeight);--components-sortable-arrowsOffset: var(--pr-t-spacings-25)}.table-body-row.mod-header,.table-foot-row.mod-header{vertical-align:bottom}.table-body-row.mod-child .table-body-row-cell:first-child,.table-body-row.mod-child .table-foot-row-cell:first-child,.table-foot-row.mod-child .table-body-row-cell:first-child,.table-foot-row.mod-child .table-foot-row-cell:first-child{padding-left:var(--pr-t-spacings-600)}.table-body-row.mod-parent .table-body-row-cell,.table-body-row.mod-parent .table-foot-row-cell,.table-foot-row.mod-parent .table-body-row-cell,.table-foot-row.mod-parent .table-foot-row-cell{color:var(--palettes-neutral-700);background-color:var(--palettes-neutral-50);font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);font-weight:600}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell{cursor:pointer;text-decoration:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none;text-decoration:underline}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:before{--icon-content: \"\\e95a\";display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content);-webkit-font-smoothing:antialiased;text-transform:none;font-size:var(--sizes-M-lineHeight);font-weight:400;margin-right:var(--pr-t-spacings-100);transition-duration:var(--commons-animations-durations-fast);transition-property:transform;vertical-align:top}.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before{transform:rotate(-180deg)}.table-head-row.mod-selectable .table-head-row-cell:first-child,.table-head-row.mod-selectable .table-body-row-cell:first-child,.table-head-row.mod-selectable .table-foot-row-cell:first-child,.table-body-row.mod-selectable .table-head-row-cell:first-child,.table-body-row.mod-selectable .table-body-row-cell:first-child,.table-body-row.mod-selectable .table-foot-row-cell:first-child,.table-foot-row.mod-selectable .table-head-row-cell:first-child,.table-foot-row.mod-selectable .table-body-row-cell:first-child,.table-foot-row.mod-selectable .table-foot-row-cell:first-child{padding-right:var(--pr-t-spacings-100);width:var(--pr-t-spacings-200)}.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-50)}.table-body-row-cell-handler,.table-foot-row-cell-handler{top:0;bottom:0;left:0;width:var(--pr-t-spacings-400);position:absolute;cursor:move}.table-body-row-cell-handler:after,.table-foot-row-cell-handler:after{--icon-content: \"\\e9a4\";font-weight:400;display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content);-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);font-size:var(--sizes-M-lineHeight);height:100%;margin:auto;display:flex;align-items:center}.table-head-row.mod-draggable .table-head-row-cell:first-child,.table-head-row.mod-draggable .table-body-row-cell:first-child,.table-head-row.mod-draggable .table-foot-row-cell:first-child,.table-body-row.mod-draggable .table-head-row-cell:first-child,.table-body-row.mod-draggable .table-body-row-cell:first-child,.table-body-row.mod-draggable .table-foot-row-cell:first-child,.table-foot-row.mod-draggable .table-head-row-cell:first-child,.table-foot-row.mod-draggable .table-body-row-cell:first-child,.table-foot-row.mod-draggable .table-foot-row-cell:first-child{padding-left:var(--pr-t-spacings-400);position:relative}.table-head-row-cell-secondLine{margin-top:var(--pr-t-spacings-50);display:block;font-weight:400}.table-head-row.mod-twoLines .table-head-row-cell{vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-wrapper{max-width:calc(100% - var(--pr-t-spacings-400));display:inline-block;vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-secondLine{margin-top:var(--pr-t-spacings-50);display:block;font-weight:400}.table-body-row-cell.mod-avatar,.table-foot-row-cell.mod-avatar{padding-right:0;width:var(--pr-t-spacings-400)}.table-head-row-cell.mod-actions,.table-body-row-cell.mod-actions,.table-foot-row-cell.mod-actions{padding:.3rem;padding-right:var(--pr-t-spacings-100);padding-left:0;transition-duration:var(--commons-animations-durations-fast);transition-property:opacity;text-align:right;white-space:nowrap}@media (hover: hover){.table-head-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-body-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-foot-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading){opacity:0}.table-head-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}.table-head-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}}.table-head-row-cell.mod-alignCenter,.table-body-row-cell.mod-alignCenter,.table-foot-row-cell.mod-alignCenter{text-align:center}.table-head-row-cell.mod-alignRight,.table-body-row-cell.mod-alignRight,.table-foot-row-cell.mod-alignRight{text-align:right}.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--commons-borderRadius-L)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));height:var(--sizes-M-lineHeight);width:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXS{--components-skeleton-text-offset: .25rem;height:var(--sizes-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textS{--components-skeleton-text-offset: .375rem;height:var(--sizes-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textL{--components-skeleton-text-offset: .375rem;height:var(--sizes-L-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXL{height:var(--sizes-XL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXXL{--components-skeleton-text-offset: .5rem;height:var(--sizes-XXL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h1,h1){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h2,h2){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h3,h3){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h4,h4){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h5,h5){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h6,h6){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--commons-borderRadius-M);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--commons-borderRadius-full);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}:host{display:contents}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
101
+ }
102
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SkeletonTableComponent, decorators: [{
103
+ type: Component,
104
+ args: [{ selector: 'lu-skeleton-table', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "@if (tableBodyOnly) {\n<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n<table class=\"table skeleton is-loading\" inert=\"inert\">\n\t<thead class=\"table-head\">\n\t\t<tr class=\"table-head-row\">\n\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t<th class=\"table-head-row-cell\">\n\t\t\t\t<span class=\"skeleton-item mod-dark u-textS\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t</th>\n\t\t\t}\n\t\t</tr>\n\t</thead>\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"table-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t<tr class=\"table-body-row\">\n\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t<td class=\"table-body-row-cell\">\n\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t</td>\n\t\t\t}\n\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.table{--components-table-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-table-font-size: var(--sizes-M-fontSize);--components-table-line-height: var(--sizes-M-lineHeight);--components-table-zebra-background: #f5f5f5;--components-table-hover-background: var(--palettes-neutral-50);--components-table-card-padding: var(--pr-t-spacings-300);font-size:var(--components-table-font-size);line-height:var(--components-table-line-height);border-spacing:0;display:table;text-align:left;width:100%;color:var(--palettes-neutral-800)}.table-head{display:table-header-group;vertical-align:bottom}.table-foot{display:table-footer-group}.table-head-row{display:table-row}.table-head-row-cell{color:var(--palettes-neutral-600);font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);padding:var(--components-table-padding);border-bottom-width:var(--commons-divider-width);border-bottom-color:var(--commons-divider-color);border-bottom-style:solid;display:table-cell;text-align:left;font-weight:600}.table-body{display:table-row-group}.table-body-row,.table-foot-row{background-color:var(--pr-t-elevation-surface-raised);display:table-row}.table-body-row:first-child .table-body-row-cell,.table-body-row:first-child .table-foot-row-cell,.table-foot-row:first-child .table-body-row-cell,.table-foot-row:first-child .table-foot-row-cell{border-top:none}.table-body-row:last-child .table-body-row-cell,.table-body-row:last-child .table-foot-row-cell,.table-foot-row:last-child .table-body-row-cell,.table-foot-row:last-child .table-foot-row-cell{border-bottom-width:var(--commons-divider-width);border-bottom-color:var(--commons-divider-color);border-bottom-style:solid}.table-body-row-cell,.table-foot-row-cell{padding:var(--components-table-padding);border-top-width:var(--commons-divider-width);border-top-color:var(--commons-divider-color);border-top-style:solid;display:table-cell;vertical-align:middle}.table.mod-zebra .table-body tr:nth-child(odd){background-color:var(--components-table-zebra-background)}.table.mod-alignTop .table-body-row-cell{vertical-align:top}.table.mod-clickable .table-body-row-cell,.table.mod-clickable .table-foot-row-cell{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color}.table.mod-clickable .table-body-row-cell-action,.table.mod-clickable .table-foot-row-cell-action{color:var(--palettes-neutral-800);text-decoration:none}.table.mod-clickable .table-body-row-cell-action:hover,.table.mod-clickable .table-body-row-cell-action:focus,.table.mod-clickable .table-foot-row-cell-action:hover,.table.mod-clickable .table-foot-row-cell-action:focus{text-decoration:underline}.table.mod-clickable .table-body-row,.table.mod-clickable .table-foot-row{cursor:pointer}.table.mod-clickable .table-body-row:hover .table-body-row-cell,.table.mod-clickable .table-body-row:focus-within .table-body-row-cell,.table.mod-clickable .table-foot-row:hover .table-body-row-cell,.table.mod-clickable .table-foot-row:focus-within .table-body-row-cell{background-color:var(--components-table-hover-background)}.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-100)}.table.mod-card{border-top:0}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):first-child{border-top-left-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):last-child{border-top-right-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):first-child{border-bottom-left-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):last-child{border-bottom-right-radius:var(--components-card-border-radius)}.table.mod-card .table-head-row-cell{border-top:0}.table.mod-card .table-body:last-child .table-body-row-cell,.table.mod-card .table-body:last-child .table-foot-row-cell,.table.mod-card .table-foot:last-child .table-body-row-cell,.table.mod-card .table-foot:last-child .table-foot-row-cell{border-bottom:none}.table.mod-card .table-body-row,.table.mod-card .table-foot-row{background-color:transparent}.table.mod-card .table-head-row-cell:first-child,.table.mod-card .table-body-row-cell:first-child,.table.mod-card .table-foot-row-cell:first-child{padding-left:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell:last-child,.table.mod-card .table-body-row-cell:last-child,.table.mod-card .table-foot-row-cell:last-child{padding-right:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell.mod-actions,.table.mod-card .table-body-row-cell.mod-actions,.table.mod-card .table-foot-row-cell.mod-actions{padding-right:var(--pr-t-spacings-100)}.table.mod-S{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight)}.table.mod-noOffset .table-head-row-cell:first-child,.table.mod-noOffset .table-body-row-cell:first-child,.table.mod-noOffset .table-foot-row-cell:first-child{padding-left:0}.table.mod-noOffset .table-head-row-cell:last-child,.table.mod-noOffset .table-body-row-cell:last-child,.table.mod-noOffset .table-foot-row-cell:last-child{padding-right:0}.table.mod-borderless{border:none}.table.mod-borderless .table-head-row-cell:first-child,.table.mod-borderless .table-body-row-cell:first-child,.table.mod-borderless .table-foot-row-cell:first-child{padding-left:0}.table.mod-borderless .table-head-row-cell:last-child,.table.mod-borderless .table-body-row-cell:last-child,.table.mod-borderless .table-foot-row-cell:last-child{padding-right:0}.table.mod-borderless .table-head-row-cell,.table.mod-borderless .table-body-row-cell,.table.mod-borderless .table-foot-row-cell{border-top:none}.table .tableSortable{--components-sortable-fontWeight: 600;--components-sortable-fontSize: var(--sizes-S-fontSize);--components-sortable-lineHeight: var(--sizes-S-lineHeight);--components-sortable-arrowsOffset: var(--pr-t-spacings-25)}.table-body-row.mod-header,.table-foot-row.mod-header{vertical-align:bottom}.table-body-row.mod-child .table-body-row-cell:first-child,.table-body-row.mod-child .table-foot-row-cell:first-child,.table-foot-row.mod-child .table-body-row-cell:first-child,.table-foot-row.mod-child .table-foot-row-cell:first-child{padding-left:var(--pr-t-spacings-600)}.table-body-row.mod-parent .table-body-row-cell,.table-body-row.mod-parent .table-foot-row-cell,.table-foot-row.mod-parent .table-body-row-cell,.table-foot-row.mod-parent .table-foot-row-cell{color:var(--palettes-neutral-700);background-color:var(--palettes-neutral-50);font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);font-weight:600}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell{cursor:pointer;text-decoration:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none;text-decoration:underline}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:before{--icon-content: \"\\e95a\";display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content);-webkit-font-smoothing:antialiased;text-transform:none;font-size:var(--sizes-M-lineHeight);font-weight:400;margin-right:var(--pr-t-spacings-100);transition-duration:var(--commons-animations-durations-fast);transition-property:transform;vertical-align:top}.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before{transform:rotate(-180deg)}.table-head-row.mod-selectable .table-head-row-cell:first-child,.table-head-row.mod-selectable .table-body-row-cell:first-child,.table-head-row.mod-selectable .table-foot-row-cell:first-child,.table-body-row.mod-selectable .table-head-row-cell:first-child,.table-body-row.mod-selectable .table-body-row-cell:first-child,.table-body-row.mod-selectable .table-foot-row-cell:first-child,.table-foot-row.mod-selectable .table-head-row-cell:first-child,.table-foot-row.mod-selectable .table-body-row-cell:first-child,.table-foot-row.mod-selectable .table-foot-row-cell:first-child{padding-right:var(--pr-t-spacings-100);width:var(--pr-t-spacings-200)}.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-50)}.table-body-row-cell-handler,.table-foot-row-cell-handler{top:0;bottom:0;left:0;width:var(--pr-t-spacings-400);position:absolute;cursor:move}.table-body-row-cell-handler:after,.table-foot-row-cell-handler:after{--icon-content: \"\\e9a4\";font-weight:400;display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content);-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);font-size:var(--sizes-M-lineHeight);height:100%;margin:auto;display:flex;align-items:center}.table-head-row.mod-draggable .table-head-row-cell:first-child,.table-head-row.mod-draggable .table-body-row-cell:first-child,.table-head-row.mod-draggable .table-foot-row-cell:first-child,.table-body-row.mod-draggable .table-head-row-cell:first-child,.table-body-row.mod-draggable .table-body-row-cell:first-child,.table-body-row.mod-draggable .table-foot-row-cell:first-child,.table-foot-row.mod-draggable .table-head-row-cell:first-child,.table-foot-row.mod-draggable .table-body-row-cell:first-child,.table-foot-row.mod-draggable .table-foot-row-cell:first-child{padding-left:var(--pr-t-spacings-400);position:relative}.table-head-row-cell-secondLine{margin-top:var(--pr-t-spacings-50);display:block;font-weight:400}.table-head-row.mod-twoLines .table-head-row-cell{vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-wrapper{max-width:calc(100% - var(--pr-t-spacings-400));display:inline-block;vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-secondLine{margin-top:var(--pr-t-spacings-50);display:block;font-weight:400}.table-body-row-cell.mod-avatar,.table-foot-row-cell.mod-avatar{padding-right:0;width:var(--pr-t-spacings-400)}.table-head-row-cell.mod-actions,.table-body-row-cell.mod-actions,.table-foot-row-cell.mod-actions{padding:.3rem;padding-right:var(--pr-t-spacings-100);padding-left:0;transition-duration:var(--commons-animations-durations-fast);transition-property:opacity;text-align:right;white-space:nowrap}@media (hover: hover){.table-head-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-body-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-foot-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading){opacity:0}.table-head-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}.table-head-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}}.table-head-row-cell.mod-alignCenter,.table-body-row-cell.mod-alignCenter,.table-foot-row-cell.mod-alignCenter{text-align:center}.table-head-row-cell.mod-alignRight,.table-body-row-cell.mod-alignRight,.table-foot-row-cell.mod-alignRight{text-align:right}.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--commons-borderRadius-L)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));height:var(--sizes-M-lineHeight);width:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXS{--components-skeleton-text-offset: .25rem;height:var(--sizes-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textS{--components-skeleton-text-offset: .375rem;height:var(--sizes-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textL{--components-skeleton-text-offset: .375rem;height:var(--sizes-L-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXL{height:var(--sizes-XL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).u-textXXL{--components-skeleton-text-offset: .5rem;height:var(--sizes-XXL-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h1,h1){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h2,h2){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h3,h3){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h4,h4){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h5,h5){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.u-h6,h6){height:auto;line-height:var(--sizes-lineHeight);min-height:var(--sizes-lineHeight);--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--commons-borderRadius-M);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--commons-borderRadius-full);height:var(--components-skeleton-shape-height);width:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}:host{display:contents}\n"] }]
105
+ }], propDecorators: { tableBodyOnly: [{
45
106
  type: Input,
46
107
  args: [{ transform: booleanAttribute }]
47
108
  }] } });
@@ -50,5 +111,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
50
111
  * Generated bundle index. Do not edit.
51
112
  */
52
113
 
53
- export { SkeletonButtonComponent, SkeletonFieldComponent, SkeletonHeaderComponent };
114
+ export { SkeletonButtonComponent, SkeletonDataTableComponent, SkeletonFieldComponent, SkeletonHeaderComponent, SkeletonIndexTableComponent, SkeletonTableComponent };
54
115
  //# sourceMappingURL=lucca-front-ng-skeleton.mjs.map