@lucca-front/ng 21.0.0-rc.8 → 21.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/lucca-front-ng-a11y.mjs +3 -3
- package/fesm2022/lucca-front-ng-a11y.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-animations.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-api.mjs +52 -52
- package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-app-layout.mjs +6 -6
- package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-box.mjs +9 -7
- package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-breadcrumbs.mjs +11 -11
- package/fesm2022/lucca-front-ng-breadcrumbs.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-button.mjs +20 -16
- package/fesm2022/lucca-front-ng-button.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-callout.mjs +72 -72
- package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-chip.mjs +15 -15
- package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-clear.mjs +10 -10
- package/fesm2022/lucca-front-ng-clear.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-code.mjs +5 -5
- package/fesm2022/lucca-front-ng-code.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-comment.mjs +31 -31
- package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-container.mjs +8 -8
- package/fesm2022/lucca-front-ng-container.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-api.mjs +14 -14
- package/fesm2022/lucca-front-ng-core-select-api.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-department.mjs +16 -16
- package/fesm2022/lucca-front-ng-core-select-department.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-establishment.mjs +16 -16
- package/fesm2022/lucca-front-ng-core-select-establishment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +10 -10
- package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs +7 -7
- package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-user.mjs +38 -38
- package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select.mjs +90 -89
- package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core.mjs +36 -19
- package/fesm2022/lucca-front-ng-core.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-data-table.mjs +88 -88
- package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-date.mjs +50 -50
- package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-date2.mjs +125 -132
- package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-department.mjs +30 -30
- package/fesm2022/lucca-front-ng-department.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-dialog.mjs +42 -42
- package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-divider.mjs +10 -10
- package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-dropdown.mjs +47 -47
- package/fesm2022/lucca-front-ng-dropdown.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-empty-state.mjs +27 -27
- package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-establishment.mjs +52 -52
- package/fesm2022/lucca-front-ng-establishment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-fancy-box.mjs +12 -12
- package/fesm2022/lucca-front-ng-fancy-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-file-upload.mjs +56 -56
- package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-filter-pills.mjs +52 -52
- package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-footer.mjs +11 -11
- package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form-field.mjs +48 -50
- package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form-header.mjs +5 -5
- package/fesm2022/lucca-front-ng-form-header.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form.mjs +6 -6
- package/fesm2022/lucca-front-ng-form.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-formly.mjs +58 -58
- package/fesm2022/lucca-front-ng-formly.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +20 -20
- package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs +3 -3
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +26 -5
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs +57 -10
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +91 -110
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms.mjs +139 -139
- package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-gauge.mjs +21 -21
- package/fesm2022/lucca-front-ng-gauge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-grid.mjs +27 -27
- package/fesm2022/lucca-front-ng-grid.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-highlight-data.mjs +19 -19
- package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +12 -12
- package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-icon.mjs +10 -10
- package/fesm2022/lucca-front-ng-icon.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-index-table.mjs +69 -69
- package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-inline-message.mjs +8 -8
- package/fesm2022/lucca-front-ng-inline-message.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-input.mjs +21 -21
- package/fesm2022/lucca-front-ng-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-link.mjs +12 -12
- package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-listbox.mjs +28 -28
- package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-listing.mjs +21 -21
- package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-loading.mjs +10 -10
- package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-main-layout.mjs +12 -12
- package/fesm2022/lucca-front-ng-main-layout.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-mobile-push.mjs +4 -4
- package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-modal.mjs +23 -23
- package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-multi-select.mjs +68 -68
- package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-new-badge.mjs +5 -5
- package/fesm2022/lucca-front-ng-new-badge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-number-format.mjs +11 -11
- package/fesm2022/lucca-front-ng-number-format.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-number.mjs +7 -7
- package/fesm2022/lucca-front-ng-number.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-numeric-badge.mjs +13 -13
- package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-option.mjs +161 -161
- package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-page-header.mjs +10 -10
- package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-pagination.mjs +10 -10
- package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-plg-push.mjs +7 -7
- package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-popover.mjs +25 -25
- package/fesm2022/lucca-front-ng-popover.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-popover2.mjs +19 -23
- package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-popup.mjs +10 -10
- package/fesm2022/lucca-front-ng-popup.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-progress-bar.mjs +9 -9
- package/fesm2022/lucca-front-ng-progress-bar.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-read-more.mjs +14 -14
- package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-resource-card.mjs +120 -0
- package/fesm2022/lucca-front-ng-resource-card.mjs.map +1 -0
- package/fesm2022/lucca-front-ng-safe-content.mjs +13 -13
- package/fesm2022/lucca-front-ng-safe-content.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-scroll-box.mjs +7 -7
- package/fesm2022/lucca-front-ng-scroll-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-scroll.mjs +9 -9
- package/fesm2022/lucca-front-ng-scroll.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +18 -18
- package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-segmented-control.mjs +15 -15
- package/fesm2022/lucca-front-ng-segmented-control.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-select.mjs +16 -16
- package/fesm2022/lucca-front-ng-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-sidepanel.mjs +7 -7
- package/fesm2022/lucca-front-ng-sidepanel.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-simple-select.mjs +22 -22
- package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-skeleton.mjs +67 -53
- package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-sortable-list.mjs +18 -18
- package/fesm2022/lucca-front-ng-sortable-list.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-status-badge.mjs +9 -9
- package/fesm2022/lucca-front-ng-status-badge.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-table-of-content.mjs +8 -8
- package/fesm2022/lucca-front-ng-table-of-content.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tag.mjs +14 -14
- package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-time.mjs +63 -75
- package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-title.mjs +10 -10
- package/fesm2022/lucca-front-ng-title.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-toast.mjs +14 -14
- package/fesm2022/lucca-front-ng-toast.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tooltip.mjs +39 -41
- package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-tree-select.mjs +20 -20
- package/fesm2022/lucca-front-ng-tree-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-user-popover.mjs +22 -22
- package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-user.mjs +86 -86
- package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-vertical-navigation.mjs +31 -31
- package/fesm2022/lucca-front-ng-vertical-navigation.mjs.map +1 -1
- package/package.json +154 -162
- package/schematics/alignment-utilities/index.js +21 -0
- package/schematics/alignment-utilities/migration.spec.js +50 -0
- package/schematics/alignment-utilities/schema.json +23 -0
- package/schematics/collection.json +10 -0
- package/schematics/component-path/index.js +22 -0
- package/schematics/component-path/migration.spec.js +50 -0
- package/schematics/component-path/schema.json +23 -0
- package/schematics/lib/component-mapper.js +54 -0
- package/schematics/lib/css-mapper.js +9 -32
- package/schematics/lib/html-ast.js +1 -1
- package/schematics/lib/schematic.utils.js +29 -0
- package/schematics/palettes/index.js +4 -2
- package/src/components/cdk/_dragDrop.scss +1 -1
- package/{a11y/index.d.ts → types/lucca-front-ng-a11y.d.ts} +9 -8
- package/{box/index.d.ts → types/lucca-front-ng-box.d.ts} +2 -1
- package/{button/index.d.ts → types/lucca-front-ng-button.d.ts} +1 -1
- package/{callout/index.d.ts → types/lucca-front-ng-callout.d.ts} +2 -1
- package/{core-select/index.d.ts → types/lucca-front-ng-core-select.d.ts} +11 -10
- package/{core/index.d.ts → types/lucca-front-ng-core.d.ts} +17 -1
- package/{date2/index.d.ts → types/lucca-front-ng-date2.d.ts} +1 -1
- package/{department/index.d.ts → types/lucca-front-ng-department.d.ts} +9 -8
- package/{dialog/index.d.ts → types/lucca-front-ng-dialog.d.ts} +43 -42
- package/{dropdown/index.d.ts → types/lucca-front-ng-dropdown.d.ts} +2 -2
- package/{establishment/index.d.ts → types/lucca-front-ng-establishment.d.ts} +10 -9
- package/{form-field/index.d.ts → types/lucca-front-ng-form-field.d.ts} +11 -11
- package/{forms/phone-number-input/index.d.ts → types/lucca-front-ng-forms-phone-number-input.d.ts} +1 -2
- package/{forms/rich-text-input/formatters/markdown/index.d.ts → types/lucca-front-ng-forms-rich-text-input-formatters-markdown.d.ts} +11 -2
- package/types/lucca-front-ng-forms-rich-text-input-formatters-plain-text.d.ts +27 -0
- package/{forms/rich-text-input/index.d.ts → types/lucca-front-ng-forms-rich-text-input.d.ts} +36 -12
- package/{forms/index.d.ts → types/lucca-front-ng-forms.d.ts} +18 -17
- package/{loading/index.d.ts → types/lucca-front-ng-loading.d.ts} +4 -1
- package/{modal/index.d.ts → types/lucca-front-ng-modal.d.ts} +13 -12
- package/{multi-select/index.d.ts → types/lucca-front-ng-multi-select.d.ts} +32 -31
- package/{option/index.d.ts → types/lucca-front-ng-option.d.ts} +28 -27
- package/{popover2/index.d.ts → types/lucca-front-ng-popover2.d.ts} +22 -21
- package/{popup/index.d.ts → types/lucca-front-ng-popup.d.ts} +2 -1
- package/types/lucca-front-ng-resource-card.d.ts +33 -0
- package/{select/index.d.ts → types/lucca-front-ng-select.d.ts} +1 -1
- package/{simple-select/index.d.ts → types/lucca-front-ng-simple-select.d.ts} +16 -15
- package/{skeleton/index.d.ts → types/lucca-front-ng-skeleton.d.ts} +9 -1
- package/{time/index.d.ts → types/lucca-front-ng-time.d.ts} +16 -15
- package/{toast/index.d.ts → types/lucca-front-ng-toast.d.ts} +11 -10
- package/{user-popover/index.d.ts → types/lucca-front-ng-user-popover.d.ts} +23 -22
- package/{user/index.d.ts → types/lucca-front-ng-user.d.ts} +18 -17
- package/fesm2022/lucca-front-ng-segmentedControl.mjs +0 -6
- package/fesm2022/lucca-front-ng-segmentedControl.mjs.map +0 -1
- package/fesm2022/lucca-front-ng-segmentedControlTabs.mjs +0 -6
- package/fesm2022/lucca-front-ng-segmentedControlTabs.mjs.map +0 -1
- package/fesm2022/lucca-front-ng-statusBadge.mjs +0 -6
- package/fesm2022/lucca-front-ng-statusBadge.mjs.map +0 -1
- package/forms/rich-text-input/formatters/plain-text/index.d.ts +0 -15
- package/segmentedControl/index.d.ts +0 -1
- package/segmentedControlTabs/index.d.ts +0 -1
- package/statusBadge/index.d.ts +0 -1
- /package/{animations/index.d.ts → types/lucca-front-ng-animations.d.ts} +0 -0
- /package/{api/index.d.ts → types/lucca-front-ng-api.d.ts} +0 -0
- /package/{app-layout/index.d.ts → types/lucca-front-ng-app-layout.d.ts} +0 -0
- /package/{breadcrumbs/index.d.ts → types/lucca-front-ng-breadcrumbs.d.ts} +0 -0
- /package/{chip/index.d.ts → types/lucca-front-ng-chip.d.ts} +0 -0
- /package/{clear/index.d.ts → types/lucca-front-ng-clear.d.ts} +0 -0
- /package/{code/index.d.ts → types/lucca-front-ng-code.d.ts} +0 -0
- /package/{comment/index.d.ts → types/lucca-front-ng-comment.d.ts} +0 -0
- /package/{container/index.d.ts → types/lucca-front-ng-container.d.ts} +0 -0
- /package/{core-select/api/index.d.ts → types/lucca-front-ng-core-select-api.d.ts} +0 -0
- /package/{core-select/department/index.d.ts → types/lucca-front-ng-core-select-department.d.ts} +0 -0
- /package/{core-select/establishment/index.d.ts → types/lucca-front-ng-core-select-establishment.d.ts} +0 -0
- /package/{core-select/job-qualification/index.d.ts → types/lucca-front-ng-core-select-job-qualification.d.ts} +0 -0
- /package/{core-select/occupation-category/index.d.ts → types/lucca-front-ng-core-select-occupation-category.d.ts} +0 -0
- /package/{core-select/user/index.d.ts → types/lucca-front-ng-core-select-user.d.ts} +0 -0
- /package/{data-table/index.d.ts → types/lucca-front-ng-data-table.d.ts} +0 -0
- /package/{date/index.d.ts → types/lucca-front-ng-date.d.ts} +0 -0
- /package/{dialog/testing/index.d.ts → types/lucca-front-ng-dialog-testing.d.ts} +0 -0
- /package/{divider/index.d.ts → types/lucca-front-ng-divider.d.ts} +0 -0
- /package/{empty-state/index.d.ts → types/lucca-front-ng-empty-state.d.ts} +0 -0
- /package/{fancy-box/index.d.ts → types/lucca-front-ng-fancy-box.d.ts} +0 -0
- /package/{file-upload/index.d.ts → types/lucca-front-ng-file-upload.d.ts} +0 -0
- /package/{filter-pills/index.d.ts → types/lucca-front-ng-filter-pills.d.ts} +0 -0
- /package/{footer/index.d.ts → types/lucca-front-ng-footer.d.ts} +0 -0
- /package/{form-header/index.d.ts → types/lucca-front-ng-form-header.d.ts} +0 -0
- /package/{form/index.d.ts → types/lucca-front-ng-form.d.ts} +0 -0
- /package/{formly/index.d.ts → types/lucca-front-ng-formly.d.ts} +0 -0
- /package/{forms/rich-text-input/formatters/html/index.d.ts → types/lucca-front-ng-forms-rich-text-input-formatters-html.d.ts} +0 -0
- /package/{gauge/index.d.ts → types/lucca-front-ng-gauge.d.ts} +0 -0
- /package/{grid/index.d.ts → types/lucca-front-ng-grid.d.ts} +0 -0
- /package/{highlight-data/index.d.ts → types/lucca-front-ng-highlight-data.d.ts} +0 -0
- /package/{horizontal-navigation/index.d.ts → types/lucca-front-ng-horizontal-navigation.d.ts} +0 -0
- /package/{icon/index.d.ts → types/lucca-front-ng-icon.d.ts} +0 -0
- /package/{index-table/index.d.ts → types/lucca-front-ng-index-table.d.ts} +0 -0
- /package/{inline-message/index.d.ts → types/lucca-front-ng-inline-message.d.ts} +0 -0
- /package/{input/index.d.ts → types/lucca-front-ng-input.d.ts} +0 -0
- /package/{link/index.d.ts → types/lucca-front-ng-link.d.ts} +0 -0
- /package/{listbox/index.d.ts → types/lucca-front-ng-listbox.d.ts} +0 -0
- /package/{listing/index.d.ts → types/lucca-front-ng-listing.d.ts} +0 -0
- /package/{main-layout/index.d.ts → types/lucca-front-ng-main-layout.d.ts} +0 -0
- /package/{mobile-push/index.d.ts → types/lucca-front-ng-mobile-push.d.ts} +0 -0
- /package/{new-badge/index.d.ts → types/lucca-front-ng-new-badge.d.ts} +0 -0
- /package/{number-format/index.d.ts → types/lucca-front-ng-number-format.d.ts} +0 -0
- /package/{number/index.d.ts → types/lucca-front-ng-number.d.ts} +0 -0
- /package/{numeric-badge/index.d.ts → types/lucca-front-ng-numeric-badge.d.ts} +0 -0
- /package/{page-header/index.d.ts → types/lucca-front-ng-page-header.d.ts} +0 -0
- /package/{pagination/index.d.ts → types/lucca-front-ng-pagination.d.ts} +0 -0
- /package/{picker/index.d.ts → types/lucca-front-ng-picker.d.ts} +0 -0
- /package/{plg-push/index.d.ts → types/lucca-front-ng-plg-push.d.ts} +0 -0
- /package/{popover/index.d.ts → types/lucca-front-ng-popover.d.ts} +0 -0
- /package/{progress-bar/index.d.ts → types/lucca-front-ng-progress-bar.d.ts} +0 -0
- /package/{read-more/index.d.ts → types/lucca-front-ng-read-more.d.ts} +0 -0
- /package/{safe-content/index.d.ts → types/lucca-front-ng-safe-content.d.ts} +0 -0
- /package/{scroll-box/index.d.ts → types/lucca-front-ng-scroll-box.d.ts} +0 -0
- /package/{scroll/index.d.ts → types/lucca-front-ng-scroll.d.ts} +0 -0
- /package/{segmented-control-tabs/index.d.ts → types/lucca-front-ng-segmented-control-tabs.d.ts} +0 -0
- /package/{segmented-control/index.d.ts → types/lucca-front-ng-segmented-control.d.ts} +0 -0
- /package/{sidepanel/index.d.ts → types/lucca-front-ng-sidepanel.d.ts} +0 -0
- /package/{simple-select/api/index.d.ts → types/lucca-front-ng-simple-select-api.d.ts} +0 -0
- /package/{sortable-list/index.d.ts → types/lucca-front-ng-sortable-list.d.ts} +0 -0
- /package/{status-badge/index.d.ts → types/lucca-front-ng-status-badge.d.ts} +0 -0
- /package/{table-of-content/index.d.ts → types/lucca-front-ng-table-of-content.d.ts} +0 -0
- /package/{tag/index.d.ts → types/lucca-front-ng-tag.d.ts} +0 -0
- /package/{title/index.d.ts → types/lucca-front-ng-title.d.ts} +0 -0
- /package/{tooltip/index.d.ts → types/lucca-front-ng-tooltip.d.ts} +0 -0
- /package/{tree-select/index.d.ts → types/lucca-front-ng-tree-select.d.ts} +0 -0
- /package/{vertical-navigation/index.d.ts → types/lucca-front-ng-vertical-navigation.d.ts} +0 -0
- /package/{index.d.ts → types/lucca-front-ng.d.ts} +0 -0
|
@@ -4,99 +4,113 @@ import { NgTemplateOutlet } from '@angular/common';
|
|
|
4
4
|
|
|
5
5
|
class SkeletonButtonComponent {
|
|
6
6
|
constructor() {
|
|
7
|
-
this.dark = input(false, { transform: booleanAttribute });
|
|
8
|
-
this.size = input();
|
|
7
|
+
this.dark = input(false, { ...(ngDevMode ? { debugName: "dark" } : {}), transform: booleanAttribute });
|
|
8
|
+
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
|
|
9
9
|
}
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.2", type: SkeletonButtonComponent, isStandalone: true, selector: "lu-skeleton-button", inputs: { dark: { classPropertyName: "dark", publicName: "dark", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"skeleton is-loading\" [class.mod-dark]=\"dark()\" inert=\"inert\">\n\t<div class=\"button\" [class.mod-dark]=\"dark()\" [class]=\"size() ? `mod-${size()}` : null\">\n\t\t<span class=\"skeleton-item\" [class]=\"size() ? `pr-u-body${size()}` : null\"></span>\n\t</div>\n</div>\n", styles: ["@charset \"UTF-8\";@layer components{.button{--components-button-font: var(--pr-t-font-body-M);--components-button-borderRadius: var(--pr-t-border-radius-default);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-paddingBlockStart: var(--components-button-paddingBlock);--components-button-paddingBlockEnd: var(--components-button-paddingBlock);--components-button-paddingInlineStart: var(--components-button-paddingInline);--components-button-paddingInlineEnd: var(--components-button-paddingInline);--components-button-padding: var(--components-button-paddingBlockStart) var(--components-button-paddingInlineEnd) var(--components-button-paddingBlockEnd) var(--components-button-paddingInlineStart);--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: var(--pr-t-elevation-shadow-button);--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--components-button-arrow-transform: none;--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight);--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--components-button-borderRadius);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);inline-size:var(--components-button-width);min-inline-size:var(--components-button-minWidth);font:var(--components-button-font);font-size:var(--components-button-font-size);line-height:var(--components-button-line-height);font-weight:var(--pr-t-font-fontWeight-semibold);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;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;text-wrap:balance;text-align:center;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-800))}.button:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:var(--components-button-borderRadius)}.button:active{--components-button-backgroundColor: var(--palettes-900, var(--palettes-product-900))}.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{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer mods{.button.mod-AI{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-AI:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.button.mod-AI:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-AI:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.button.mod-AI:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-AI:not(:disabled):before{content:\"\";pointer-events:none;position:absolute;inset:calc(var(--commons-divider-width) * -1);padding:var(--commons-divider-width);background-image:conic-gradient(from 135deg,var(--palettes-brand-400),var(--palettes-AI-500),var(--palettes-brand-400));border-radius:calc(var(--pr-t-border-radius-default) + var(--commons-divider-width));mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));-webkit-mask-composite:xor;mask-composite:exclude}.button.mod-AI:not(:disabled) .lucca-icon{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI.is-success .lucca-icon{background-image:none}.button.mod-AI.is-success:before{content:none}.button.mod-AI.is-success:after{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI.is-loading .lucca-icon{background-image:none}.button.mod-AI.is-loading:before{content:none}.button.mod-block{--components-button-width: 100%}.button.mod-S{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.button.mod-XS{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small);--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.button.mod-disclosure{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-disclosure .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-button-arrow-transform)}.button.mod-disclosure[aria-expanded=true]{--components-button-arrow-transform: rotate(-180deg)}.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: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-outlined:where(:not(.is-success,.is-error)):hover,.button.mod-outline:where(:not(.is-success,.is-error)):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.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-100, var(--palettes-neutral-100))}.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(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-text:where(:not(.is-success,.is-error)),.button.mod-link:where(:not(.is-success,.is-error)),.button.mod-ghost:where(:not(.is-success,.is-error)){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.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,.button.mod-ghost:where(:not(.is-success,.is-error)):hover,.button.mod-ghost:where(:not(.is-success,.is-error)):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-text:where(:not(.is-success,.is-error)):active,.button.mod-link:where(:not(.is-success,.is-error)):active,.button.mod-ghost:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-text:where(:not(.is-success,.is-error)):disabled,.button.mod-link:where(:not(.is-success,.is-error)):disabled,.button.mod-ghost:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-withIcon.mod-iconOnLeft{--components-button-paddingInlineStart: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnLeft.mod-S{--components-button-paddingInlineStart: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnLeft.mod-XS{--components-button-paddingInlineStart: var(--pr-t-spacings-50)}.button.mod-withIcon.mod-iconOnRight{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnRight.mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnRight.mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.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:has(.numericBadge){--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button:has(.numericBadge).mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button:has(.numericBadge).mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-critical:hover,.button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical:active,.button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-text:hover,.button.mod-critical.mod-text:focus-visible,.button.mod-critical.mod-link:hover,.button.mod-critical.mod-link:focus-visible,.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-critical.mod-text:active,.button.mod-critical.mod-link:active,.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-critical.mod-outlined:hover,.button.mod-critical.mod-outline:hover,.button.mod-delete.mod-outlined:hover,.button.mod-delete.mod-outline:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 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-critical.mod-outlined:focus-visible,.button.mod-critical.mod-outline:focus-visible,.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-critical.mod-outlined:active,.button.mod-critical.mod-outline:active,.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:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);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;block-size:0;order:-1;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-pointerEvents: none;--components-button-color: transparent;--components-button-userSelect: none;--components-button-boxShadow: none;--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--commons-loading-frontground: var(--palettes-50, var(--palettes-product-50))}.button.is-loading:after,.button.loading:after{content:\"\";inline-size:var(--pr-t-font-body-M-lineHeight);block-size:var(--pr-t-font-body-M-lineHeight);border-radius:var(--pr-t-border-radius-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-block-start-color:transparent}.button.is-loading .numericBadge,.button.loading .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-loading.mod-S:after,.button.loading.mod-S:after{content:\"\";inline-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight);border-radius:var(--pr-t-border-radius-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-block-start-color:transparent}.button.is-loading.mod-XS:after,.button.loading.mod-XS:after{content:\"\";inline-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight);border-radius:var(--pr-t-border-radius-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-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button.is-loading.mod-XS,.button.loading.mod-XS{--commons-loading-borderWidth: 2px}.button.is-loading.mod-AI,.button.is-loading.mod-outlined,.button.loading.mod-AI,.button.loading.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--commons-loading-frontground: var(--palettes-neutral-300);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.is-loading.mod-ghost,.button.loading.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--commons-loading-frontground: var(--palettes-neutral-400)}.button.is-error,.button.error{animation-name:shake;animation-iteration-count:1;animation-duration:var(--commons-animations-durations-standard)}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-3px,0,0)}40%,80%{transform:translate3d(3px,0,0)}}.button.is-success,.button.success{--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-success:after,.button.success:after{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);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-0);font-size:calc(1.5 * var(--pr-t-font-body-M-fontSize));block-size:var(--pr-t-font-body-M-lineHeight);inset:0;margin:auto;position:absolute}.button.is-success .numericBadge,.button.success .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-success.mod-AI,.button.is-success.mod-outlined,.button.success.mod-AI,.button.success.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.is-success.mod-AI:after,.button.is-success.mod-outlined:after,.button.success.mod-AI:after,.button.success.mod-outlined:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-ghost,.button.success.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--components-button-boxShadow: none}.button.is-success.mod-ghost:after,.button.success.mod-ghost:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-S:after,.button.success.mod-S:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.button.is-success.mod-XS:after,.button.success.mod-XS:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.button.is-disabled,.button.disabled,.button[aria-disabled=true]{--components-button-cursor: default;--components-button-color: var(--pr-t-color-text-disabled);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button.is-disabled .numericBadge,.button.disabled .numericBadge,.button[aria-disabled=true] .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer mods{.skeleton.is-loading .button{background-color:transparent}.skeleton.is-loading .button .skeleton-item{inline-size:4rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SkeletonButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: SkeletonButtonComponent, isStandalone: true, selector: "lu-skeleton-button", inputs: { dark: { classPropertyName: "dark", publicName: "dark", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"skeleton is-loading\" [class.mod-dark]=\"dark()\" inert=\"inert\">\n\t<div class=\"button\" [class.mod-dark]=\"dark()\" [class]=\"size() ? `mod-${size()}` : null\">\n\t\t<span class=\"skeleton-item\" [class]=\"size() ? `pr-u-body${size()}` : null\"></span>\n\t</div>\n</div>\n", styles: ["@charset \"UTF-8\";@layer components{.button{--components-button-font: var(--pr-t-font-body-M);--components-button-borderRadius: var(--pr-t-border-radius-default);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-paddingBlockStart: var(--components-button-paddingBlock);--components-button-paddingBlockEnd: var(--components-button-paddingBlock);--components-button-paddingInlineStart: var(--components-button-paddingInline);--components-button-paddingInlineEnd: var(--components-button-paddingInline);--components-button-padding: var(--components-button-paddingBlockStart) var(--components-button-paddingInlineEnd) var(--components-button-paddingBlockEnd) var(--components-button-paddingInlineStart);--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: var(--pr-t-elevation-shadow-button);--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--components-button-arrow-transform: none;--components-button-AI-background-opacity: 25%;--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight);--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--components-button-borderRadius);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);inline-size:var(--components-button-width);min-inline-size:var(--components-button-minWidth);font:var(--components-button-font);font-size:var(--components-button-font-size);line-height:var(--components-button-line-height);font-weight:var(--pr-t-font-fontWeight-semibold);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;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;text-wrap:balance;text-align:center;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-800))}.button:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:var(--components-button-borderRadius)}.button:active{--components-button-backgroundColor: var(--palettes-900, var(--palettes-product-900))}.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{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer mods{.button.mod-AI:not(.invert){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-AI:not(.invert):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.button.mod-AI:not(.invert):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-AI:not(.invert):focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.button.mod-AI:not(.invert):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-AI:not(.invert):not(:disabled):before{content:\"\";pointer-events:none;position:absolute;inset:calc(var(--commons-divider-width) * -1);padding:var(--commons-divider-width);background-image:conic-gradient(from 135deg,var(--palettes-brand-400),var(--palettes-AI-500),var(--palettes-brand-400));border-radius:calc(var(--pr-t-border-radius-default) + var(--commons-divider-width));-webkit-mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));-webkit-mask-composite:xor;mask-composite:exclude}.button.mod-AI:not(.invert):not(:disabled):not(.mod-invert) .lucca-icon{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).mod-invert{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-0);background-image:linear-gradient(-135deg,color-mix(in srgb,var(--palettes-AI-500) var(--components-button-AI-background-opacity),transparent),color-mix(in srgb,var(--palettes-brand-400) var(--components-button-AI-background-opacity),transparent))}.button.mod-AI:not(.invert).mod-invert:hover,.button.mod-AI:not(.invert).mod-invert:focus-visible{--components-button-AI-background-opacity: 15%;--components-button-color: var(--palettes-neutral-0)}.button.mod-AI:not(.invert).mod-invert:active{--components-button-AI-background-opacity: 5%}.button.mod-AI:not(.invert).is-success .lucca-icon{background-image:none}.button.mod-AI:not(.invert).is-success:before{content:none}.button.mod-AI:not(.invert).is-success:after{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).is-loading .lucca-icon{background-image:none}.button.mod-AI:not(.invert).is-loading:before{content:none}.button.mod-block{--components-button-width: 100%}.button.mod-S{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.button.mod-S{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.button.mod-XS{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.button.mod-XS{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.button.mod-disclosure{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-disclosure .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-button-arrow-transform)}.button.mod-disclosure[aria-expanded=true]{--components-button-arrow-transform: rotate(-180deg)}.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: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-outlined:where(:not(.is-success,.is-error)):hover,.button.mod-outline:where(:not(.is-success,.is-error)):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.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-100, var(--palettes-neutral-100))}.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(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-text:where(:not(.is-success,.is-error)),.button.mod-link:where(:not(.is-success,.is-error)),.button.mod-ghost:where(:not(.is-success,.is-error)){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.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,.button.mod-ghost:where(:not(.is-success,.is-error)):hover,.button.mod-ghost:where(:not(.is-success,.is-error)):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-text:where(:not(.is-success,.is-error)):active,.button.mod-link:where(:not(.is-success,.is-error)):active,.button.mod-ghost:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-text:where(:not(.is-success,.is-error)):disabled,.button.mod-link:where(:not(.is-success,.is-error)):disabled,.button.mod-ghost:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-withIcon.mod-iconOnLeft{--components-button-paddingInlineStart: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnLeft.mod-S{--components-button-paddingInlineStart: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnLeft.mod-XS{--components-button-paddingInlineStart: var(--pr-t-spacings-50)}.button.mod-withIcon.mod-iconOnRight{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnRight.mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnRight.mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.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:has(.numericBadge){--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button:has(.numericBadge).mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button:has(.numericBadge).mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-critical:hover,.button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical:active,.button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-text:hover,.button.mod-critical.mod-text:focus-visible,.button.mod-critical.mod-link:hover,.button.mod-critical.mod-link:focus-visible,.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-critical.mod-text:active,.button.mod-critical.mod-link:active,.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-critical.mod-outlined:hover,.button.mod-critical.mod-outline:hover,.button.mod-delete.mod-outlined:hover,.button.mod-delete.mod-outline:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 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-critical.mod-outlined:focus-visible,.button.mod-critical.mod-outline:focus-visible,.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-critical.mod-outlined:active,.button.mod-critical.mod-outline:active,.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:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;block-size:0;order:-1;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-pointerEvents: none;--components-button-color: transparent;--components-button-userSelect: none;--components-button-boxShadow: none;--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--commons-loading-frontground: var(--palettes-50, var(--palettes-product-50))}.button.is-loading:after,.button.loading:after{content:\"\";inline-size:var(--pr-t-font-body-M-lineHeight);block-size:var(--pr-t-font-body-M-lineHeight);border-radius:var(--pr-t-border-radius-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-block-start-color:transparent}.button.is-loading .numericBadge,.button.loading .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-loading.mod-S:after,.button.loading.mod-S:after{content:\"\";inline-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight);border-radius:var(--pr-t-border-radius-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-block-start-color:transparent}.button.is-loading.mod-XS:after,.button.loading.mod-XS:after{content:\"\";inline-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight);border-radius:var(--pr-t-border-radius-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-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button.is-loading.mod-XS,.button.loading.mod-XS{--commons-loading-borderWidth: 2px}.button.is-loading.mod-AI,.button.is-loading.mod-outlined,.button.loading.mod-AI,.button.loading.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--commons-loading-frontground: var(--palettes-neutral-300);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.is-loading.mod-ghost,.button.loading.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--commons-loading-frontground: var(--palettes-neutral-400)}.button.is-error,.button.error{animation-name:shake;animation-iteration-count:1;animation-duration:var(--commons-animations-durations-standard)}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-3px,0,0)}40%,80%{transform:translate3d(3px,0,0)}}.button.is-success,.button.success{--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-success:after,.button.success:after{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-0);font-size:calc(1.5 * var(--pr-t-font-body-M-fontSize));block-size:var(--pr-t-font-body-M-lineHeight);inset:0;margin:auto;position:absolute}.button.is-success .numericBadge,.button.success .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-success.mod-AI,.button.is-success.mod-outlined,.button.success.mod-AI,.button.success.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.is-success.mod-AI:after,.button.is-success.mod-outlined:after,.button.success.mod-AI:after,.button.success.mod-outlined:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-ghost,.button.success.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--components-button-boxShadow: none}.button.is-success.mod-ghost:after,.button.success.mod-ghost:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-S:after,.button.success.mod-S:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.button.is-success.mod-XS:after,.button.success.mod-XS:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.button.is-disabled,.button.disabled,.button[aria-disabled=true]{--components-button-cursor: default;--components-button-color: var(--pr-t-color-text-disabled);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button.is-disabled .numericBadge,.button.disabled .numericBadge,.button[aria-disabled=true] .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer mods{.skeleton.is-loading .button{background-color:transparent}.skeleton.is-loading .button .skeleton-item{inline-size:4rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SkeletonButtonComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
|
-
args: [{ selector: 'lu-skeleton-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"skeleton is-loading\" [class.mod-dark]=\"dark()\" inert=\"inert\">\n\t<div class=\"button\" [class.mod-dark]=\"dark()\" [class]=\"size() ? `mod-${size()}` : null\">\n\t\t<span class=\"skeleton-item\" [class]=\"size() ? `pr-u-body${size()}` : null\"></span>\n\t</div>\n</div>\n", styles: ["@charset \"UTF-8\";@layer components{.button{--components-button-font: var(--pr-t-font-body-M);--components-button-borderRadius: var(--pr-t-border-radius-default);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-paddingBlockStart: var(--components-button-paddingBlock);--components-button-paddingBlockEnd: var(--components-button-paddingBlock);--components-button-paddingInlineStart: var(--components-button-paddingInline);--components-button-paddingInlineEnd: var(--components-button-paddingInline);--components-button-padding: var(--components-button-paddingBlockStart) var(--components-button-paddingInlineEnd) var(--components-button-paddingBlockEnd) var(--components-button-paddingInlineStart);--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: var(--pr-t-elevation-shadow-button);--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--components-button-arrow-transform: none;--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight);--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--components-button-borderRadius);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);inline-size:var(--components-button-width);min-inline-size:var(--components-button-minWidth);font:var(--components-button-font);font-size:var(--components-button-font-size);line-height:var(--components-button-line-height);font-weight:var(--pr-t-font-fontWeight-semibold);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;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;text-wrap:balance;text-align:center;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-800))}.button:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:var(--components-button-borderRadius)}.button:active{--components-button-backgroundColor: var(--palettes-900, var(--palettes-product-900))}.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{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer mods{.button.mod-AI{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-AI:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.button.mod-AI:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-AI:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.button.mod-AI:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-AI:not(:disabled):before{content:\"\";pointer-events:none;position:absolute;inset:calc(var(--commons-divider-width) * -1);padding:var(--commons-divider-width);background-image:conic-gradient(from 135deg,var(--palettes-brand-400),var(--palettes-AI-500),var(--palettes-brand-400));border-radius:calc(var(--pr-t-border-radius-default) + var(--commons-divider-width));mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));-webkit-mask-composite:xor;mask-composite:exclude}.button.mod-AI:not(:disabled) .lucca-icon{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI.is-success .lucca-icon{background-image:none}.button.mod-AI.is-success:before{content:none}.button.mod-AI.is-success:after{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI.is-loading .lucca-icon{background-image:none}.button.mod-AI.is-loading:before{content:none}.button.mod-block{--components-button-width: 100%}.button.mod-S{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.button.mod-XS{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small);--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.button.mod-disclosure{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-disclosure .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-button-arrow-transform)}.button.mod-disclosure[aria-expanded=true]{--components-button-arrow-transform: rotate(-180deg)}.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: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-outlined:where(:not(.is-success,.is-error)):hover,.button.mod-outline:where(:not(.is-success,.is-error)):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.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-100, var(--palettes-neutral-100))}.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(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-text:where(:not(.is-success,.is-error)),.button.mod-link:where(:not(.is-success,.is-error)),.button.mod-ghost:where(:not(.is-success,.is-error)){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.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,.button.mod-ghost:where(:not(.is-success,.is-error)):hover,.button.mod-ghost:where(:not(.is-success,.is-error)):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-text:where(:not(.is-success,.is-error)):active,.button.mod-link:where(:not(.is-success,.is-error)):active,.button.mod-ghost:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-text:where(:not(.is-success,.is-error)):disabled,.button.mod-link:where(:not(.is-success,.is-error)):disabled,.button.mod-ghost:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-withIcon.mod-iconOnLeft{--components-button-paddingInlineStart: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnLeft.mod-S{--components-button-paddingInlineStart: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnLeft.mod-XS{--components-button-paddingInlineStart: var(--pr-t-spacings-50)}.button.mod-withIcon.mod-iconOnRight{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnRight.mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnRight.mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.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:has(.numericBadge){--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button:has(.numericBadge).mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button:has(.numericBadge).mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-critical:hover,.button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical:active,.button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-text:hover,.button.mod-critical.mod-text:focus-visible,.button.mod-critical.mod-link:hover,.button.mod-critical.mod-link:focus-visible,.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-critical.mod-text:active,.button.mod-critical.mod-link:active,.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-critical.mod-outlined:hover,.button.mod-critical.mod-outline:hover,.button.mod-delete.mod-outlined:hover,.button.mod-delete.mod-outline:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 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-critical.mod-outlined:focus-visible,.button.mod-critical.mod-outline:focus-visible,.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-critical.mod-outlined:active,.button.mod-critical.mod-outline:active,.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:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);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;block-size:0;order:-1;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-pointerEvents: none;--components-button-color: transparent;--components-button-userSelect: none;--components-button-boxShadow: none;--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--commons-loading-frontground: var(--palettes-50, var(--palettes-product-50))}.button.is-loading:after,.button.loading:after{content:\"\";inline-size:var(--pr-t-font-body-M-lineHeight);block-size:var(--pr-t-font-body-M-lineHeight);border-radius:var(--pr-t-border-radius-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-block-start-color:transparent}.button.is-loading .numericBadge,.button.loading .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-loading.mod-S:after,.button.loading.mod-S:after{content:\"\";inline-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight);border-radius:var(--pr-t-border-radius-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-block-start-color:transparent}.button.is-loading.mod-XS:after,.button.loading.mod-XS:after{content:\"\";inline-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight);border-radius:var(--pr-t-border-radius-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-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button.is-loading.mod-XS,.button.loading.mod-XS{--commons-loading-borderWidth: 2px}.button.is-loading.mod-AI,.button.is-loading.mod-outlined,.button.loading.mod-AI,.button.loading.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--commons-loading-frontground: var(--palettes-neutral-300);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.is-loading.mod-ghost,.button.loading.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--commons-loading-frontground: var(--palettes-neutral-400)}.button.is-error,.button.error{animation-name:shake;animation-iteration-count:1;animation-duration:var(--commons-animations-durations-standard)}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-3px,0,0)}40%,80%{transform:translate3d(3px,0,0)}}.button.is-success,.button.success{--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-success:after,.button.success:after{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);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-0);font-size:calc(1.5 * var(--pr-t-font-body-M-fontSize));block-size:var(--pr-t-font-body-M-lineHeight);inset:0;margin:auto;position:absolute}.button.is-success .numericBadge,.button.success .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-success.mod-AI,.button.is-success.mod-outlined,.button.success.mod-AI,.button.success.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.is-success.mod-AI:after,.button.is-success.mod-outlined:after,.button.success.mod-AI:after,.button.success.mod-outlined:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-ghost,.button.success.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--components-button-boxShadow: none}.button.is-success.mod-ghost:after,.button.success.mod-ghost:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-S:after,.button.success.mod-S:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.button.is-success.mod-XS:after,.button.success.mod-XS:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.button.is-disabled,.button.disabled,.button[aria-disabled=true]{--components-button-cursor: default;--components-button-color: var(--pr-t-color-text-disabled);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button.is-disabled .numericBadge,.button.disabled .numericBadge,.button[aria-disabled=true] .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer mods{.skeleton.is-loading .button{background-color:transparent}.skeleton.is-loading .button .skeleton-item{inline-size:4rem}}\n"] }]
|
|
16
|
-
}] });
|
|
15
|
+
args: [{ selector: 'lu-skeleton-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"skeleton is-loading\" [class.mod-dark]=\"dark()\" inert=\"inert\">\n\t<div class=\"button\" [class.mod-dark]=\"dark()\" [class]=\"size() ? `mod-${size()}` : null\">\n\t\t<span class=\"skeleton-item\" [class]=\"size() ? `pr-u-body${size()}` : null\"></span>\n\t</div>\n</div>\n", styles: ["@charset \"UTF-8\";@layer components{.button{--components-button-font: var(--pr-t-font-body-M);--components-button-borderRadius: var(--pr-t-border-radius-default);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-paddingBlockStart: var(--components-button-paddingBlock);--components-button-paddingBlockEnd: var(--components-button-paddingBlock);--components-button-paddingInlineStart: var(--components-button-paddingInline);--components-button-paddingInlineEnd: var(--components-button-paddingInline);--components-button-padding: var(--components-button-paddingBlockStart) var(--components-button-paddingInlineEnd) var(--components-button-paddingBlockEnd) var(--components-button-paddingInlineStart);--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: var(--pr-t-elevation-shadow-button);--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--components-button-arrow-transform: none;--components-button-AI-background-opacity: 25%;--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight);--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--components-button-borderRadius);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);inline-size:var(--components-button-width);min-inline-size:var(--components-button-minWidth);font:var(--components-button-font);font-size:var(--components-button-font-size);line-height:var(--components-button-line-height);font-weight:var(--pr-t-font-fontWeight-semibold);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;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;text-wrap:balance;text-align:center;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-800))}.button:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:var(--components-button-borderRadius)}.button:active{--components-button-backgroundColor: var(--palettes-900, var(--palettes-product-900))}.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{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer mods{.button.mod-AI:not(.invert){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-AI:not(.invert):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.button.mod-AI:not(.invert):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-AI:not(.invert):focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.button.mod-AI:not(.invert):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-AI:not(.invert):not(:disabled):before{content:\"\";pointer-events:none;position:absolute;inset:calc(var(--commons-divider-width) * -1);padding:var(--commons-divider-width);background-image:conic-gradient(from 135deg,var(--palettes-brand-400),var(--palettes-AI-500),var(--palettes-brand-400));border-radius:calc(var(--pr-t-border-radius-default) + var(--commons-divider-width));-webkit-mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));-webkit-mask-composite:xor;mask-composite:exclude}.button.mod-AI:not(.invert):not(:disabled):not(.mod-invert) .lucca-icon{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).mod-invert{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-0);background-image:linear-gradient(-135deg,color-mix(in srgb,var(--palettes-AI-500) var(--components-button-AI-background-opacity),transparent),color-mix(in srgb,var(--palettes-brand-400) var(--components-button-AI-background-opacity),transparent))}.button.mod-AI:not(.invert).mod-invert:hover,.button.mod-AI:not(.invert).mod-invert:focus-visible{--components-button-AI-background-opacity: 15%;--components-button-color: var(--palettes-neutral-0)}.button.mod-AI:not(.invert).mod-invert:active{--components-button-AI-background-opacity: 5%}.button.mod-AI:not(.invert).is-success .lucca-icon{background-image:none}.button.mod-AI:not(.invert).is-success:before{content:none}.button.mod-AI:not(.invert).is-success:after{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).is-loading .lucca-icon{background-image:none}.button.mod-AI:not(.invert).is-loading:before{content:none}.button.mod-block{--components-button-width: 100%}.button.mod-S{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.button.mod-S{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.button.mod-XS{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.button.mod-XS{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.button.mod-disclosure{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-disclosure .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-button-arrow-transform)}.button.mod-disclosure[aria-expanded=true]{--components-button-arrow-transform: rotate(-180deg)}.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: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-outlined:where(:not(.is-success,.is-error)):hover,.button.mod-outline:where(:not(.is-success,.is-error)):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.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-100, var(--palettes-neutral-100))}.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(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-text:where(:not(.is-success,.is-error)),.button.mod-link:where(:not(.is-success,.is-error)),.button.mod-ghost:where(:not(.is-success,.is-error)){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.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,.button.mod-ghost:where(:not(.is-success,.is-error)):hover,.button.mod-ghost:where(:not(.is-success,.is-error)):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-text:where(:not(.is-success,.is-error)):active,.button.mod-link:where(:not(.is-success,.is-error)):active,.button.mod-ghost:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-text:where(:not(.is-success,.is-error)):disabled,.button.mod-link:where(:not(.is-success,.is-error)):disabled,.button.mod-ghost:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-withIcon.mod-iconOnLeft{--components-button-paddingInlineStart: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnLeft.mod-S{--components-button-paddingInlineStart: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnLeft.mod-XS{--components-button-paddingInlineStart: var(--pr-t-spacings-50)}.button.mod-withIcon.mod-iconOnRight{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnRight.mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnRight.mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.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:has(.numericBadge){--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button:has(.numericBadge).mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button:has(.numericBadge).mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-critical:hover,.button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical:active,.button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-text:hover,.button.mod-critical.mod-text:focus-visible,.button.mod-critical.mod-link:hover,.button.mod-critical.mod-link:focus-visible,.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-critical.mod-text:active,.button.mod-critical.mod-link:active,.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-critical.mod-outlined:hover,.button.mod-critical.mod-outline:hover,.button.mod-delete.mod-outlined:hover,.button.mod-delete.mod-outline:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 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-critical.mod-outlined:focus-visible,.button.mod-critical.mod-outline:focus-visible,.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-critical.mod-outlined:active,.button.mod-critical.mod-outline:active,.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:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;block-size:0;order:-1;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-pointerEvents: none;--components-button-color: transparent;--components-button-userSelect: none;--components-button-boxShadow: none;--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--commons-loading-frontground: var(--palettes-50, var(--palettes-product-50))}.button.is-loading:after,.button.loading:after{content:\"\";inline-size:var(--pr-t-font-body-M-lineHeight);block-size:var(--pr-t-font-body-M-lineHeight);border-radius:var(--pr-t-border-radius-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-block-start-color:transparent}.button.is-loading .numericBadge,.button.loading .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-loading.mod-S:after,.button.loading.mod-S:after{content:\"\";inline-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight);border-radius:var(--pr-t-border-radius-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-block-start-color:transparent}.button.is-loading.mod-XS:after,.button.loading.mod-XS:after{content:\"\";inline-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight);border-radius:var(--pr-t-border-radius-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-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button.is-loading.mod-XS,.button.loading.mod-XS{--commons-loading-borderWidth: 2px}.button.is-loading.mod-AI,.button.is-loading.mod-outlined,.button.loading.mod-AI,.button.loading.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--commons-loading-frontground: var(--palettes-neutral-300);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.is-loading.mod-ghost,.button.loading.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--commons-loading-frontground: var(--palettes-neutral-400)}.button.is-error,.button.error{animation-name:shake;animation-iteration-count:1;animation-duration:var(--commons-animations-durations-standard)}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-3px,0,0)}40%,80%{transform:translate3d(3px,0,0)}}.button.is-success,.button.success{--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-success:after,.button.success:after{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-0);font-size:calc(1.5 * var(--pr-t-font-body-M-fontSize));block-size:var(--pr-t-font-body-M-lineHeight);inset:0;margin:auto;position:absolute}.button.is-success .numericBadge,.button.success .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-success.mod-AI,.button.is-success.mod-outlined,.button.success.mod-AI,.button.success.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.is-success.mod-AI:after,.button.is-success.mod-outlined:after,.button.success.mod-AI:after,.button.success.mod-outlined:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-ghost,.button.success.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--components-button-boxShadow: none}.button.is-success.mod-ghost:after,.button.success.mod-ghost:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-S:after,.button.success.mod-S:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.button.is-success.mod-XS:after,.button.success.mod-XS:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.button.is-disabled,.button.disabled,.button[aria-disabled=true]{--components-button-cursor: default;--components-button-color: var(--pr-t-color-text-disabled);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button.is-disabled .numericBadge,.button.disabled .numericBadge,.button[aria-disabled=true] .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer mods{.skeleton.is-loading .button{background-color:transparent}.skeleton.is-loading .button .skeleton-item{inline-size:4rem}}\n"] }]
|
|
16
|
+
}], propDecorators: { dark: [{ type: i0.Input, args: [{ isSignal: true, alias: "dark", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
|
|
17
17
|
|
|
18
18
|
class SkeletonDataTableComponent {
|
|
19
19
|
constructor() {
|
|
20
|
-
this.dataTableBodyOnly = input(false, { transform: booleanAttribute });
|
|
21
|
-
this.cols = input(5);
|
|
22
|
-
this.colsNumber = computed(() => new Array(this.cols()));
|
|
23
|
-
this.rows = input(8);
|
|
24
|
-
this.rowsNumber = computed(() => new Array(this.rows()));
|
|
20
|
+
this.dataTableBodyOnly = input(false, { ...(ngDevMode ? { debugName: "dataTableBodyOnly" } : {}), transform: booleanAttribute });
|
|
21
|
+
this.cols = input(5, ...(ngDevMode ? [{ debugName: "cols" }] : []));
|
|
22
|
+
this.colsNumber = computed(() => new Array(this.cols()), ...(ngDevMode ? [{ debugName: "colsNumber" }] : []));
|
|
23
|
+
this.rows = input(8, ...(ngDevMode ? [{ debugName: "rows" }] : []));
|
|
24
|
+
this.rowsNumber = computed(() => new Array(this.rows()), ...(ngDevMode ? [{ debugName: "rowsNumber" }] : []));
|
|
25
25
|
this.getRandomPercent = (min = 33, max = 66) => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;
|
|
26
26
|
}
|
|
27
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: SkeletonDataTableComponent, isStandalone: true, selector: "lu-skeleton-data-table", inputs: { dataTableBodyOnly: { classPropertyName: "dataTableBodyOnly", publicName: "dataTableBodyOnly", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (dataTableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<div class=\"dataTableWrapper\">\n\t\t<table class=\"dataTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t\t<thead class=\"dataTable-head\">\n\t\t\t\t<tr class=\"dataTable-head-row\">\n\t\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t\t<th class=\"dataTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t\t</table>\n\t</div>\n}\n<ng-template #tbody>\n\t<tbody class=\"dataTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"dataTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"dataTable-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@layer components{.dataTableWrapper{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-expand-rotation: 180deg;--components-dataTable-borderRadius: var(--pr-t-border-radius-structure);--components-dataTable-minInlineSize: none}}@layer mods{.dataTableWrapper.mod-nested{--components-dataTable-borderRadius: var(--pr-t-border-radius-default)}.dataTableWrapper.mod-noOverflow{--components-dataTable-minInlineSize: fit-content}}@layer components{.dataTable{display:table;text-align:start;inline-size:calc(100% + 1px);block-size:calc(100% + 1px);border-spacing:0;margin-inline-start:-1px;margin-block-start:-1px;table-layout:var(--components-dataTable-tableLayout)}.dataTableWrapper{border-radius:var(--components-dataTable-borderRadius);border:1px solid var(--commons-border-200);overflow:auto;contain:paint;background-color:var(--components-dataTable-cell-background);display:block;min-inline-size:var(--components-dataTable-minInlineSize)}.dataTableWrapper:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}.dataTableWrapper-pagination{border-block-start:1px solid var(--commons-border-200);background-color:var(--components-dataTable-cell-background);display:flex;justify-content:flex-end;position:sticky;inset-block-end:0;z-index:4}.dataTableWrapper-pagination>*{position:sticky;inset-inline-end:0}.dataTableWrapper-pagination:empty{display:none}.dataTable-head-row-cell{color:var(--pr-t-color-text-subtle);padding:var(--components-dataTable-cell-padding);display:table-cell;font-weight:var(--pr-t-font-fontWeight-regular)}.dataTable-head-row-cell .checkboxField{margin-block-end:.125rem}.dataTable-head{display:table-header-group;vertical-align:bottom}.dataTable-body{display:table-row-group}.dataTable-foot{display:table-footer-group}.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row{display:var(--components-dataTable-row-display)}.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell{display:table-cell;box-shadow:var(--components-dataTable-cell-shadow);background-color:var(--components-dataTable-cell-background);text-align:var(--components-dataTable-cell-textAlign);transition-property:background-color;transition-duration:var(--commons-animations-durations-fast);font-weight:var(--pr-t-font-fontWeight-regular)}.dataTable-head-row-cell:first-child,.dataTable-body-row-cell:first-child,.dataTable-foot-row-cell:first-child{inline-size:var(--components-dataTable-cellFirst-width)}.dataTable-head-row-cell:first-child .checkboxField,.dataTable-body-row-cell:first-child .checkboxField,.dataTable-foot-row-cell:first-child .checkboxField{--component-checkboxField-top: 0}.dataTable-body-row-cell,.dataTable-foot-row-cell{padding:var(--components-dataTable-cell-padding);padding-inline-start:var(--components-dataTable-cell-paddingInlineStart);vertical-align:middle}.dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: none}.dataTable-body-row-cell{vertical-align:var(--components-dataTable-cell-verticalAlign)}.dataTable-foot-row-cell{font-weight:var(--pr-t-font-fontWeight-semibold)}.dataTable-body-row-cell-expand{display:flex;gap:var(--pr-t-spacings-100);align-items:flex-start;font-weight:var(--pr-t-font-fontWeight-semibold)}.dataTable-body-row-cell-expand-button.button{vertical-align:top;margin-left:calc(var(--pr-t-spacings-25) * -1)}.dataTable-body-row-cell-expand-button.button .lucca-icon{transform:rotate(var(--components-dataTable-expand-rotation));transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}.dataTable-body-row-cell-drag.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none;--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: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.dataTable-body-row-cell-drag.button:hover,.dataTable-body-row-cell-drag.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dataTable-body-row-cell-drag.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dataTable-body-row-cell-drag.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dataTable .statusBadge,.dataTable .tag,.dataTable .avatar{vertical-align:top}.dataTable .statusBadge,.dataTable .tag{margin-block-start:var(--pr-t-spacings-25)}.dataTable .avatarWrapper{display:inline-flex}}@layer mods{.dataTable.mod-cellBorder{--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200), 1px 0 inset var(--commons-border-200)}.dataTable.mod-cellBorder .dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: 1px 0 inset var(--commons-border-200)}.dataTable.mod-alignTop,.dataTable.mod-verticalAlignTop{--components-dataTable-cell-verticalAlign: top}.dataTable.mod-verticalAlignBottom{--components-dataTable-cell-verticalAlign: bottom}.dataTable.mod-verticalAlignMiddle{@includeverticalAlignMiddle;}.dataTable.mod-layoutFixed{--components-dataTable-tableLayout: fixed}@media (min-width: 20em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXS{--components-dataTable-tableLayout: fixed}}@media (min-width: 30em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXS{--components-dataTable-tableLayout: fixed}}@media (min-width: 40em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXS{--components-dataTable-tableLayout: fixed}}@media (min-width: 50em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinS{--components-dataTable-tableLayout: fixed}}@media (min-width: 64em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinM{--components-dataTable-tableLayout: fixed}}@media (min-width: 80em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinL{--components-dataTable-tableLayout: fixed}}@media (min-width: 85.375em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXL{--components-dataTable-tableLayout: fixed}}@media (min-width: 100em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXL{--components-dataTable-tableLayout: fixed}}@media (min-width: 120em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXL{--components-dataTable-tableLayout: fixed}}.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}@media (min-width: 20em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 30em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 40em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 50em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 64em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 80em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 85.375em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 100em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 120em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}.dataTable.mod-hover :is(.mod-selectable,.dataTable-body-row:not(.mod-group)):hover{--components-dataTable-cell-background: var(--palettes-neutral-25)}.dataTable.mod-hover :is(.mod-selectable,.dataTable-body-row:not(.mod-group)).mod-selectable:has(input:checked):hover{--components-dataTable-cell-background: var(--palettes-product-100)}}@layer mods{:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100));font:var(--pr-t-font-heading-4)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none;--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: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:hover{--components-dataTable-cell-background: var(--palettes-neutral-50)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable{--components-dataTable-cellFirst-width: 2.625rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-foot-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-foot-row-cell:first-child{inline-size:var(--components-dataTable-cellFirst-width);max-inline-size:var(--components-dataTable-cellFirst-width)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]):has(input:checked),: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,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-head-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-body-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-foot-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-head-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-body-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-foot-row-cell:nth-child(2){--components-dataTable-cellFirst-width: 2.625rem;inline-size:var(--components-dataTable-cellFirst-width);max-inline-size:var(--components-dataTable-cellFirst-width)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions{padding-block:0;padding-inline:var(--pr-t-spacings-50);text-align:end;white-space:nowrap}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-100);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none;transition-property:box-shadow,color}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions:is(.dataTable-head-row-cell) .button{position:relative;inset-block-end:var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignCenter{--components-dataTable-cell-textAlign: center}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignRight,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignEnd{--components-dataTable-cell-textAlign: end}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignStart{--components-dataTable-cell-textAlign: start}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-editable{--components-dataTable-cell-padding: var(--pr-t-spacings-100);--components-dataTable-cell-paddingInlineStart: var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100));--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: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none;--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: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dataTable-body-row.is-collapsed{--components-dataTable-row-display: none}.dataTable-body-row:first-child:has(.dataTable-body-row-cell-expand-button.button[aria-expanded=false])~.dataTable-body-row{--components-dataTable-row-display: none}.dataTable-body-row-cell-expand-button[aria-expanded=true]{--components-dataTable-expand-rotation: 0deg}}@layer components{:not(.dataTable-body)>.dataTable-body-row{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-expand-rotation: 180deg;--components-dataTable-borderRadius: var(--pr-t-border-radius-structure);--components-dataTable-minInlineSize: none}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
27
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SkeletonDataTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SkeletonDataTableComponent, isStandalone: true, selector: "lu-skeleton-data-table", inputs: { dataTableBodyOnly: { classPropertyName: "dataTableBodyOnly", publicName: "dataTableBodyOnly", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (dataTableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<div class=\"dataTableWrapper\">\n\t\t<table class=\"dataTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t\t<thead class=\"dataTable-head\">\n\t\t\t\t<tr class=\"dataTable-head-row\">\n\t\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t\t<th class=\"dataTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t\t</table>\n\t</div>\n}\n<ng-template #tbody>\n\t<tbody class=\"dataTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"dataTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"dataTable-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@layer components{.dataTableWrapper{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-expand-rotation: 180deg;--components-dataTable-borderRadius: var(--pr-t-border-radius-structure);--components-dataTable-minInlineSize: none}}@layer mods{.dataTableWrapper.mod-nested{--components-dataTable-borderRadius: var(--pr-t-border-radius-default)}.dataTableWrapper.mod-noOverflow{--components-dataTable-minInlineSize: fit-content}}@layer components{.dataTable{display:table;text-align:start;inline-size:calc(100% + 1px);block-size:calc(100% + 1px);border-spacing:0;margin-inline-start:-1px;margin-block-start:-1px;table-layout:var(--components-dataTable-tableLayout)}.dataTableWrapper{border-radius:var(--components-dataTable-borderRadius);border:1px solid var(--commons-border-200);overflow:auto;contain:paint;background-color:var(--components-dataTable-cell-background);display:block;min-inline-size:var(--components-dataTable-minInlineSize)}.dataTableWrapper:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}.dataTableWrapper-pagination{border-block-start:1px solid var(--commons-border-200);background-color:var(--components-dataTable-cell-background);display:flex;justify-content:flex-end;position:sticky;inset-block-end:0;z-index:4}.dataTableWrapper-pagination>*{position:sticky;inset-inline-end:0}.dataTableWrapper-pagination:empty{display:none}.dataTable-head-row-cell{color:var(--pr-t-color-text-subtle);padding:var(--components-dataTable-cell-padding);display:table-cell;font-weight:var(--pr-t-font-fontWeight-regular)}.dataTable-head-row-cell .checkboxField{margin-block-end:.125rem}.dataTable-head{display:table-header-group;vertical-align:bottom}.dataTable-body{display:table-row-group}.dataTable-foot{display:table-footer-group}.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row{display:var(--components-dataTable-row-display)}.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell{display:table-cell;box-shadow:var(--components-dataTable-cell-shadow);background-color:var(--components-dataTable-cell-background);text-align:var(--components-dataTable-cell-textAlign);transition-property:background-color;transition-duration:var(--commons-animations-durations-fast);font-weight:var(--pr-t-font-fontWeight-regular)}.dataTable-head-row-cell:first-child,.dataTable-body-row-cell:first-child,.dataTable-foot-row-cell:first-child{inline-size:var(--components-dataTable-cellFirst-width)}.dataTable-head-row-cell:first-child .checkboxField,.dataTable-body-row-cell:first-child .checkboxField,.dataTable-foot-row-cell:first-child .checkboxField{--component-checkboxField-top: 0}.dataTable-body-row-cell,.dataTable-foot-row-cell{padding:var(--components-dataTable-cell-padding);padding-inline-start:var(--components-dataTable-cell-paddingInlineStart);vertical-align:middle}.dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: none}.dataTable-body-row-cell{vertical-align:var(--components-dataTable-cell-verticalAlign)}.dataTable-foot-row-cell{font-weight:var(--pr-t-font-fontWeight-semibold)}.dataTable-body-row-cell-expand{display:flex;gap:var(--pr-t-spacings-100);align-items:flex-start;font-weight:var(--pr-t-font-fontWeight-semibold)}.dataTable-body-row-cell-expand-button.button{vertical-align:top;margin-left:calc(var(--pr-t-spacings-25) * -1)}.dataTable-body-row-cell-expand-button.button .lucca-icon{transform:rotate(var(--components-dataTable-expand-rotation));transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}.dataTable-body-row-cell-drag.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.dataTable-body-row-cell-drag.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.dataTable-body-row-cell-drag.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dataTable-body-row-cell-drag.button:hover,.dataTable-body-row-cell-drag.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dataTable-body-row-cell-drag.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dataTable-body-row-cell-drag.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dataTable-body-row-cell-drag.button{--components-button-padding: var(--pr-t-spacings-50);--components-button-color: var(--palettes-neutral-700);cursor:move;vertical-align:top}.dataTable .statusBadge,.dataTable .tag,.dataTable .avatar{vertical-align:top}.dataTable .statusBadge,.dataTable .tag{margin-block-start:var(--pr-t-spacings-25)}.dataTable .avatarWrapper{display:inline-flex}}@layer mods{.dataTable.mod-cellBorder{--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200), 1px 0 inset var(--commons-border-200)}.dataTable.mod-cellBorder .dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: 1px 0 inset var(--commons-border-200)}.dataTable.mod-alignTop,.dataTable.mod-verticalAlignTop{--components-dataTable-cell-verticalAlign: top}.dataTable.mod-verticalAlignBottom{--components-dataTable-cell-verticalAlign: bottom}.dataTable.mod-verticalAlignMiddle{@includeverticalAlignMiddle;}.dataTable.mod-layoutFixed{--components-dataTable-tableLayout: fixed}@media(min-width:20em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXS{--components-dataTable-tableLayout: fixed}}@media(min-width:30em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXS{--components-dataTable-tableLayout: fixed}}@media(min-width:40em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXS{--components-dataTable-tableLayout: fixed}}@media(min-width:50em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinS{--components-dataTable-tableLayout: fixed}}@media(min-width:64em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinM{--components-dataTable-tableLayout: fixed}}@media(min-width:80em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinL{--components-dataTable-tableLayout: fixed}}@media(min-width:85.375em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXL{--components-dataTable-tableLayout: fixed}}@media(min-width:100em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXL{--components-dataTable-tableLayout: fixed}}@media(min-width:120em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXL{--components-dataTable-tableLayout: fixed}}.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}@media(min-width:20em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:30em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:40em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:50em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:64em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:80em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:85.375em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:100em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:120em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}.dataTable.mod-hover :is(.mod-selectable,.dataTable-body-row:not(.mod-group)):hover{--components-dataTable-cell-background: var(--palettes-neutral-25)}.dataTable.mod-hover :is(.mod-selectable,.dataTable-body-row:not(.mod-group)).mod-selectable:has(input:checked):hover{--components-dataTable-cell-background: var(--palettes-product-100)}}@layer mods{:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-25);--components-button-color: var(--palettes-neutral-800)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group{font:var(--pr-t-font-heading-4)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:hover{--components-dataTable-cell-background: var(--palettes-neutral-50)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable{--components-dataTable-cellFirst-width: 2.625rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-foot-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-foot-row-cell:first-child{inline-size:var(--components-dataTable-cellFirst-width);max-inline-size:var(--components-dataTable-cellFirst-width)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-foot-row-cell:first-child{--components-dataTable-cellFirst-width: 2.5rem;padding-inline:var(--pr-t-spacings-75)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-head-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-body-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-foot-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-head-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-body-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-foot-row-cell:nth-child(2){--components-dataTable-cellFirst-width: 2.625rem;inline-size:var(--components-dataTable-cellFirst-width);max-inline-size:var(--components-dataTable-cellFirst-width)}:is(.dataTable-body-row,.dataTable-foot-row):has([selectable]):has(input:checked),:is(.dataTable-body-row,.dataTable-foot-row).mod-selectable:has(input:checked){--components-dataTable-cell-background: var(--palettes-product-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions{padding-block:0;padding-inline:var(--pr-t-spacings-50);text-align:end;white-space:nowrap}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-100);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{transition-property:box-shadow,color}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions:is(.dataTable-head-row-cell) .button{position:relative;inset-block-end:var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignCenter{--components-dataTable-cell-textAlign: center}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignRight,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignEnd{--components-dataTable-cell-textAlign: end}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignStart{--components-dataTable-cell-textAlign: start}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-editable{--components-dataTable-cell-padding: var(--pr-t-spacings-100);--components-dataTable-cell-paddingInlineStart: var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-25);--components-button-color: var(--palettes-neutral-800)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree{--components-dataTable-cell-paddingInlineStart: calc( var(--components-dataTable-cell-padding-inline) + var(--pr-t-spacings-300) * calc(var(--components-dataTable-treeLevel) - 1) + var(--components-dataTable-tree-extraPadding) )}.dataTable-body-row.is-collapsed{--components-dataTable-row-display: none}.dataTable-body-row:first-child:has(.dataTable-body-row-cell-expand-button.button[aria-expanded=false])~.dataTable-body-row{--components-dataTable-row-display: none}.dataTable-body-row-cell-expand-button[aria-expanded=true]{--components-dataTable-expand-rotation: 0deg}}@layer components{:not(.dataTable-body)>.dataTable-body-row{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-expand-rotation: 180deg;--components-dataTable-borderRadius: var(--pr-t-border-radius-structure);--components-dataTable-minInlineSize: none}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
29
29
|
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SkeletonDataTableComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
|
-
args: [{ selector: 'lu-skeleton-data-table', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "@if (dataTableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<div class=\"dataTableWrapper\">\n\t\t<table class=\"dataTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t\t<thead class=\"dataTable-head\">\n\t\t\t\t<tr class=\"dataTable-head-row\">\n\t\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t\t<th class=\"dataTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t\t</table>\n\t</div>\n}\n<ng-template #tbody>\n\t<tbody class=\"dataTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"dataTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"dataTable-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@layer components{.dataTableWrapper{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-expand-rotation: 180deg;--components-dataTable-borderRadius: var(--pr-t-border-radius-structure);--components-dataTable-minInlineSize: none}}@layer mods{.dataTableWrapper.mod-nested{--components-dataTable-borderRadius: var(--pr-t-border-radius-default)}.dataTableWrapper.mod-noOverflow{--components-dataTable-minInlineSize: fit-content}}@layer components{.dataTable{display:table;text-align:start;inline-size:calc(100% + 1px);block-size:calc(100% + 1px);border-spacing:0;margin-inline-start:-1px;margin-block-start:-1px;table-layout:var(--components-dataTable-tableLayout)}.dataTableWrapper{border-radius:var(--components-dataTable-borderRadius);border:1px solid var(--commons-border-200);overflow:auto;contain:paint;background-color:var(--components-dataTable-cell-background);display:block;min-inline-size:var(--components-dataTable-minInlineSize)}.dataTableWrapper:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}.dataTableWrapper-pagination{border-block-start:1px solid var(--commons-border-200);background-color:var(--components-dataTable-cell-background);display:flex;justify-content:flex-end;position:sticky;inset-block-end:0;z-index:4}.dataTableWrapper-pagination>*{position:sticky;inset-inline-end:0}.dataTableWrapper-pagination:empty{display:none}.dataTable-head-row-cell{color:var(--pr-t-color-text-subtle);padding:var(--components-dataTable-cell-padding);display:table-cell;font-weight:var(--pr-t-font-fontWeight-regular)}.dataTable-head-row-cell .checkboxField{margin-block-end:.125rem}.dataTable-head{display:table-header-group;vertical-align:bottom}.dataTable-body{display:table-row-group}.dataTable-foot{display:table-footer-group}.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row{display:var(--components-dataTable-row-display)}.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell{display:table-cell;box-shadow:var(--components-dataTable-cell-shadow);background-color:var(--components-dataTable-cell-background);text-align:var(--components-dataTable-cell-textAlign);transition-property:background-color;transition-duration:var(--commons-animations-durations-fast);font-weight:var(--pr-t-font-fontWeight-regular)}.dataTable-head-row-cell:first-child,.dataTable-body-row-cell:first-child,.dataTable-foot-row-cell:first-child{inline-size:var(--components-dataTable-cellFirst-width)}.dataTable-head-row-cell:first-child .checkboxField,.dataTable-body-row-cell:first-child .checkboxField,.dataTable-foot-row-cell:first-child .checkboxField{--component-checkboxField-top: 0}.dataTable-body-row-cell,.dataTable-foot-row-cell{padding:var(--components-dataTable-cell-padding);padding-inline-start:var(--components-dataTable-cell-paddingInlineStart);vertical-align:middle}.dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: none}.dataTable-body-row-cell{vertical-align:var(--components-dataTable-cell-verticalAlign)}.dataTable-foot-row-cell{font-weight:var(--pr-t-font-fontWeight-semibold)}.dataTable-body-row-cell-expand{display:flex;gap:var(--pr-t-spacings-100);align-items:flex-start;font-weight:var(--pr-t-font-fontWeight-semibold)}.dataTable-body-row-cell-expand-button.button{vertical-align:top;margin-left:calc(var(--pr-t-spacings-25) * -1)}.dataTable-body-row-cell-expand-button.button .lucca-icon{transform:rotate(var(--components-dataTable-expand-rotation));transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}.dataTable-body-row-cell-drag.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none;--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: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.dataTable-body-row-cell-drag.button:hover,.dataTable-body-row-cell-drag.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dataTable-body-row-cell-drag.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dataTable-body-row-cell-drag.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dataTable .statusBadge,.dataTable .tag,.dataTable .avatar{vertical-align:top}.dataTable .statusBadge,.dataTable .tag{margin-block-start:var(--pr-t-spacings-25)}.dataTable .avatarWrapper{display:inline-flex}}@layer mods{.dataTable.mod-cellBorder{--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200), 1px 0 inset var(--commons-border-200)}.dataTable.mod-cellBorder .dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: 1px 0 inset var(--commons-border-200)}.dataTable.mod-alignTop,.dataTable.mod-verticalAlignTop{--components-dataTable-cell-verticalAlign: top}.dataTable.mod-verticalAlignBottom{--components-dataTable-cell-verticalAlign: bottom}.dataTable.mod-verticalAlignMiddle{@includeverticalAlignMiddle;}.dataTable.mod-layoutFixed{--components-dataTable-tableLayout: fixed}@media (min-width: 20em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXS{--components-dataTable-tableLayout: fixed}}@media (min-width: 30em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXS{--components-dataTable-tableLayout: fixed}}@media (min-width: 40em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXS{--components-dataTable-tableLayout: fixed}}@media (min-width: 50em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinS{--components-dataTable-tableLayout: fixed}}@media (min-width: 64em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinM{--components-dataTable-tableLayout: fixed}}@media (min-width: 80em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinL{--components-dataTable-tableLayout: fixed}}@media (min-width: 85.375em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXL{--components-dataTable-tableLayout: fixed}}@media (min-width: 100em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXL{--components-dataTable-tableLayout: fixed}}@media (min-width: 120em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXL{--components-dataTable-tableLayout: fixed}}.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}@media (min-width: 20em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 30em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 40em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 50em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 64em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 80em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 85.375em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 100em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media (min-width: 120em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}.dataTable.mod-hover :is(.mod-selectable,.dataTable-body-row:not(.mod-group)):hover{--components-dataTable-cell-background: var(--palettes-neutral-25)}.dataTable.mod-hover :is(.mod-selectable,.dataTable-body-row:not(.mod-group)).mod-selectable:has(input:checked):hover{--components-dataTable-cell-background: var(--palettes-product-100)}}@layer mods{:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100));font:var(--pr-t-font-heading-4)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none;--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: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:hover{--components-dataTable-cell-background: var(--palettes-neutral-50)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable{--components-dataTable-cellFirst-width: 2.625rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-foot-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-foot-row-cell:first-child{inline-size:var(--components-dataTable-cellFirst-width);max-inline-size:var(--components-dataTable-cellFirst-width)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]):has(input:checked),: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,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-head-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-body-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-foot-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-head-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-body-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-foot-row-cell:nth-child(2){--components-dataTable-cellFirst-width: 2.625rem;inline-size:var(--components-dataTable-cellFirst-width);max-inline-size:var(--components-dataTable-cellFirst-width)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions{padding-block:0;padding-inline:var(--pr-t-spacings-50);text-align:end;white-space:nowrap}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-100);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none;transition-property:box-shadow,color}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions:is(.dataTable-head-row-cell) .button{position:relative;inset-block-end:var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignCenter{--components-dataTable-cell-textAlign: center}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignRight,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignEnd{--components-dataTable-cell-textAlign: end}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignStart{--components-dataTable-cell-textAlign: start}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-editable{--components-dataTable-cell-padding: var(--pr-t-spacings-100);--components-dataTable-cell-paddingInlineStart: var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100));--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: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none;--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: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dataTable-body-row.is-collapsed{--components-dataTable-row-display: none}.dataTable-body-row:first-child:has(.dataTable-body-row-cell-expand-button.button[aria-expanded=false])~.dataTable-body-row{--components-dataTable-row-display: none}.dataTable-body-row-cell-expand-button[aria-expanded=true]{--components-dataTable-expand-rotation: 0deg}}@layer components{:not(.dataTable-body)>.dataTable-body-row{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-expand-rotation: 180deg;--components-dataTable-borderRadius: var(--pr-t-border-radius-structure);--components-dataTable-minInlineSize: none}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"] }]
|
|
33
|
-
}] });
|
|
32
|
+
args: [{ selector: 'lu-skeleton-data-table', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "@if (dataTableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<div class=\"dataTableWrapper\">\n\t\t<table class=\"dataTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t\t<thead class=\"dataTable-head\">\n\t\t\t\t<tr class=\"dataTable-head-row\">\n\t\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t\t<th class=\"dataTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t}\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t\t</table>\n\t</div>\n}\n<ng-template #tbody>\n\t<tbody class=\"dataTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"dataTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"dataTable-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@layer components{.dataTableWrapper{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-expand-rotation: 180deg;--components-dataTable-borderRadius: var(--pr-t-border-radius-structure);--components-dataTable-minInlineSize: none}}@layer mods{.dataTableWrapper.mod-nested{--components-dataTable-borderRadius: var(--pr-t-border-radius-default)}.dataTableWrapper.mod-noOverflow{--components-dataTable-minInlineSize: fit-content}}@layer components{.dataTable{display:table;text-align:start;inline-size:calc(100% + 1px);block-size:calc(100% + 1px);border-spacing:0;margin-inline-start:-1px;margin-block-start:-1px;table-layout:var(--components-dataTable-tableLayout)}.dataTableWrapper{border-radius:var(--components-dataTable-borderRadius);border:1px solid var(--commons-border-200);overflow:auto;contain:paint;background-color:var(--components-dataTable-cell-background);display:block;min-inline-size:var(--components-dataTable-minInlineSize)}.dataTableWrapper:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}.dataTableWrapper-pagination{border-block-start:1px solid var(--commons-border-200);background-color:var(--components-dataTable-cell-background);display:flex;justify-content:flex-end;position:sticky;inset-block-end:0;z-index:4}.dataTableWrapper-pagination>*{position:sticky;inset-inline-end:0}.dataTableWrapper-pagination:empty{display:none}.dataTable-head-row-cell{color:var(--pr-t-color-text-subtle);padding:var(--components-dataTable-cell-padding);display:table-cell;font-weight:var(--pr-t-font-fontWeight-regular)}.dataTable-head-row-cell .checkboxField{margin-block-end:.125rem}.dataTable-head{display:table-header-group;vertical-align:bottom}.dataTable-body{display:table-row-group}.dataTable-foot{display:table-footer-group}.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row{display:var(--components-dataTable-row-display)}.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell{display:table-cell;box-shadow:var(--components-dataTable-cell-shadow);background-color:var(--components-dataTable-cell-background);text-align:var(--components-dataTable-cell-textAlign);transition-property:background-color;transition-duration:var(--commons-animations-durations-fast);font-weight:var(--pr-t-font-fontWeight-regular)}.dataTable-head-row-cell:first-child,.dataTable-body-row-cell:first-child,.dataTable-foot-row-cell:first-child{inline-size:var(--components-dataTable-cellFirst-width)}.dataTable-head-row-cell:first-child .checkboxField,.dataTable-body-row-cell:first-child .checkboxField,.dataTable-foot-row-cell:first-child .checkboxField{--component-checkboxField-top: 0}.dataTable-body-row-cell,.dataTable-foot-row-cell{padding:var(--components-dataTable-cell-padding);padding-inline-start:var(--components-dataTable-cell-paddingInlineStart);vertical-align:middle}.dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: none}.dataTable-body-row-cell{vertical-align:var(--components-dataTable-cell-verticalAlign)}.dataTable-foot-row-cell{font-weight:var(--pr-t-font-fontWeight-semibold)}.dataTable-body-row-cell-expand{display:flex;gap:var(--pr-t-spacings-100);align-items:flex-start;font-weight:var(--pr-t-font-fontWeight-semibold)}.dataTable-body-row-cell-expand-button.button{vertical-align:top;margin-left:calc(var(--pr-t-spacings-25) * -1)}.dataTable-body-row-cell-expand-button.button .lucca-icon{transform:rotate(var(--components-dataTable-expand-rotation));transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}.dataTable-body-row-cell-drag.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.dataTable-body-row-cell-drag.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.dataTable-body-row-cell-drag.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dataTable-body-row-cell-drag.button:hover,.dataTable-body-row-cell-drag.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dataTable-body-row-cell-drag.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dataTable-body-row-cell-drag.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dataTable-body-row-cell-drag.button{--components-button-padding: var(--pr-t-spacings-50);--components-button-color: var(--palettes-neutral-700);cursor:move;vertical-align:top}.dataTable .statusBadge,.dataTable .tag,.dataTable .avatar{vertical-align:top}.dataTable .statusBadge,.dataTable .tag{margin-block-start:var(--pr-t-spacings-25)}.dataTable .avatarWrapper{display:inline-flex}}@layer mods{.dataTable.mod-cellBorder{--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200), 1px 0 inset var(--commons-border-200)}.dataTable.mod-cellBorder .dataTable-head-row:first-child .dataTable-head-row-cell{--components-dataTable-cell-shadow: 1px 0 inset var(--commons-border-200)}.dataTable.mod-alignTop,.dataTable.mod-verticalAlignTop{--components-dataTable-cell-verticalAlign: top}.dataTable.mod-verticalAlignBottom{--components-dataTable-cell-verticalAlign: bottom}.dataTable.mod-verticalAlignMiddle{@includeverticalAlignMiddle;}.dataTable.mod-layoutFixed{--components-dataTable-tableLayout: fixed}@media(min-width:20em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXS{--components-dataTable-tableLayout: fixed}}@media(min-width:30em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXS{--components-dataTable-tableLayout: fixed}}@media(min-width:40em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXS{--components-dataTable-tableLayout: fixed}}@media(min-width:50em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinS{--components-dataTable-tableLayout: fixed}}@media(min-width:64em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinM{--components-dataTable-tableLayout: fixed}}@media(min-width:80em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinL{--components-dataTable-tableLayout: fixed}}@media(min-width:85.375em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXL{--components-dataTable-tableLayout: fixed}}@media(min-width:100em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXL{--components-dataTable-tableLayout: fixed}}@media(min-width:120em){.dataTable[class*=mod-layoutFixedAtMediaMin].mod-layoutFixedAtMediaMinXXXL{--components-dataTable-tableLayout: fixed}}.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixed .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}@media(min-width:20em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:30em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:40em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:50em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:64em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:80em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:85.375em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:100em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}@media(min-width:120em){.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-head-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-body-row-cell,.dataTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .dataTable-foot-row-cell{min-inline-size:var(--dataTable-layoutFixed-width, auto);inline-size:var(--dataTable-layoutFixed-width, auto)}}.dataTable.mod-hover :is(.mod-selectable,.dataTable-body-row:not(.mod-group)):hover{--components-dataTable-cell-background: var(--palettes-neutral-25)}.dataTable.mod-hover :is(.mod-selectable,.dataTable-body-row:not(.mod-group)).mod-selectable:has(input:checked):hover{--components-dataTable-cell-background: var(--palettes-product-100)}}@layer mods{:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-25);--components-button-color: var(--palettes-neutral-800)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group{font:var(--pr-t-font-heading-4)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-group:hover{--components-dataTable-cell-background: var(--palettes-neutral-50)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable{--components-dataTable-cellFirst-width: 2.625rem}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row):has([selectable]) .dataTable-foot-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-selectable .dataTable-foot-row-cell:first-child{inline-size:var(--components-dataTable-cellFirst-width);max-inline-size:var(--components-dataTable-cellFirst-width)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-head-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-body-row-cell:first-child,:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable .dataTable-foot-row-cell:first-child{--components-dataTable-cellFirst-width: 2.5rem;padding-inline:var(--pr-t-spacings-75)}:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-head-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-body-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable:has([selectable]) .dataTable-foot-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-head-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-body-row-cell:nth-child(2),:is(.dataTable-head-row,.dataTable-body-row,.dataTable-foot-row).mod-draggable.mod-selectable .dataTable-foot-row-cell:nth-child(2){--components-dataTable-cellFirst-width: 2.625rem;inline-size:var(--components-dataTable-cellFirst-width);max-inline-size:var(--components-dataTable-cellFirst-width)}:is(.dataTable-body-row,.dataTable-foot-row):has([selectable]):has(input:checked),:is(.dataTable-body-row,.dataTable-foot-row).mod-selectable:has(input:checked){--components-dataTable-cell-background: var(--palettes-product-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions{padding-block:0;padding-inline:var(--pr-t-spacings-50);text-align:end;white-space:nowrap}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-100);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions .button{transition-property:box-shadow,color}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-actions:is(.dataTable-head-row-cell) .button{position:relative;inset-block-end:var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignCenter{--components-dataTable-cell-textAlign: center}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignRight,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignEnd{--components-dataTable-cell-textAlign: end}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-alignStart{--components-dataTable-cell-textAlign: start}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-editable{--components-dataTable-cell-padding: var(--pr-t-spacings-100);--components-dataTable-cell-paddingInlineStart: var(--pr-t-spacings-50)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree{--components-dataTable-tree-extraPadding: calc(1.5rem + var(--pr-t-spacings-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree:has(.dataTable-body-row-cell-expand-button.button){--components-dataTable-tree-extraPadding: 0rem}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:hover,:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree .dataTable-body-row-cell-expand-button.button{--components-button-padding: var(--pr-t-spacings-25);--components-button-color: var(--palettes-neutral-800)}:is(.dataTable-head-row-cell,.dataTable-body-row-cell,.dataTable-foot-row-cell).mod-tree{--components-dataTable-cell-paddingInlineStart: calc( var(--components-dataTable-cell-padding-inline) + var(--pr-t-spacings-300) * calc(var(--components-dataTable-treeLevel) - 1) + var(--components-dataTable-tree-extraPadding) )}.dataTable-body-row.is-collapsed{--components-dataTable-row-display: none}.dataTable-body-row:first-child:has(.dataTable-body-row-cell-expand-button.button[aria-expanded=false])~.dataTable-body-row{--components-dataTable-row-display: none}.dataTable-body-row-cell-expand-button[aria-expanded=true]{--components-dataTable-expand-rotation: 0deg}}@layer components{:not(.dataTable-body)>.dataTable-body-row{--components-dataTable-cell-padding-inline: var(--pr-t-spacings-150);--components-dataTable-cell-paddingInlineStart: var(--components-dataTable-cell-padding-inline);--components-dataTable-cell-padding-block: var(--pr-t-spacings-100);--components-dataTable-cell-padding: var(--components-dataTable-cell-padding-block) var(--components-dataTable-cell-padding-inline);--components-dataTable-treeLevel: 1;--components-dataTable-cell-verticalAlign: middle;--components-dataTable-cell-shadow: 0 1px inset var(--commons-border-200);--components-dataTable-cell-background: var(--pr-t-elevation-surface-raised);--components-dataTable-cell-textAlign: left;--components-dataTable-tableLayout: auto;--components-dataTable-cellFirst-width: auto;--components-dataTable-row-display: table-row;--components-dataTable-expand-rotation: 180deg;--components-dataTable-borderRadius: var(--pr-t-border-radius-structure);--components-dataTable-minInlineSize: none}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"] }]
|
|
33
|
+
}], propDecorators: { dataTableBodyOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataTableBodyOnly", required: false }] }], cols: [{ type: i0.Input, args: [{ isSignal: true, alias: "cols", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }] } });
|
|
34
34
|
|
|
35
35
|
class SkeletonFieldComponent {
|
|
36
36
|
constructor() {
|
|
37
|
-
this.dark = input(false, { transform: booleanAttribute });
|
|
38
|
-
this.hiddenLabel = input(false, { transform: booleanAttribute });
|
|
39
|
-
this.rows = input(1, { transform: numberAttribute });
|
|
40
|
-
this.lines = computed(() => Array.from({ length: this.rows() }));
|
|
37
|
+
this.dark = input(false, { ...(ngDevMode ? { debugName: "dark" } : {}), transform: booleanAttribute });
|
|
38
|
+
this.hiddenLabel = input(false, { ...(ngDevMode ? { debugName: "hiddenLabel" } : {}), transform: booleanAttribute });
|
|
39
|
+
this.rows = input(1, { ...(ngDevMode ? { debugName: "rows" } : {}), transform: numberAttribute });
|
|
40
|
+
this.lines = computed(() => Array.from({ length: this.rows() }), ...(ngDevMode ? [{ debugName: "lines" }] : []));
|
|
41
41
|
this.getRandomPercent = (min = 33, max = 66) => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;
|
|
42
42
|
}
|
|
43
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
44
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: SkeletonFieldComponent, isStandalone: true, selector: "lu-skeleton-field", inputs: { dark: { classPropertyName: "dark", publicName: "dark", isSignal: true, isRequired: false, transformFunction: null }, hiddenLabel: { classPropertyName: "hiddenLabel", publicName: "hiddenLabel", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"form-field skeleton is-loading\" [class.mod-dark]=\"dark()\" inert=\"inert\">\n\t@if (!hiddenLabel()) {\n\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width.%]=\"getRandomPercent()\"></span>\n\t}\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@for (line of lines(); track $index) {\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"skeleton-item\"\n\t\t\t\t\t\t[style.--components-skeleton-text-width.%]=\"$last ? getRandomPercent() : getRandomPercent(98, 100)\"\n\t\t\t\t\t></span>\n\t\t\t\t}\n\t\t\t</span>\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@charset \"UTF-8\";@layer components{.textField{--component-textField-font: var(--pr-t-font-body-M);--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-borderHover: var(--pr-t-color-input-border-hover);--component-textField-color: var(--pr-t-color-input-text);--component-textField-textDecoration: none;--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;--component-textField-borderRadius: var(--pr-t-border-radius-input);--component-textField-width: auto;--component-textField-fontSize: var(--pr-t-font-body-M-fontSize);--component-textField-lineHeight: var(--pr-t-font-body-M-lineHeight);display:flex;align-items:stretch;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border);inline-size:var(--component-textField-width)}.textField:hover{box-shadow:0 0 0 1px var(--component-textField-borderHover)}.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;inline-size:var(--component-textField-affix-size);block-size:var(--component-textField-affix-size);color:var(--pr-t-color-input-icon)}.textField-input{display:flex;align-items:center;inline-size:100%;border-radius:var(--component-textField-borderRadius);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:none;font:var(--component-textField-font);inline-size:100%;padding-block:var(--component-textField-padding) var(--component-textField-padding);padding-inline:var(--component-textField-padding) var(--component-textField-affix-padding);background-color:transparent;color:var(--component-textField-color);text-decoration:var(--component-textField-textDecoration);text-overflow:ellipsis}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-block-size: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:block;min-block-size:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){block-size:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-block-size:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;inset-inline-end: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-inline-start:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-start-radius:var(--pr-t-border-radius-input);border-end-start-radius:var(--pr-t-border-radius-input);flex-shrink:0}.textField-prefix~.textField-input{border-start-start-radius:0;border-end-start-radius:0}.textField-suffix{display:flex;padding-inline-end:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-end-radius:var(--pr-t-border-radius-input);border-end-end-radius:var(--pr-t-border-radius-input);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-start-end-radius:0;border-end-end-radius:0}}@layer mods{.textField.mod-S{--component-textField-font: var(--pr-t-font-body-S);--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-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.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:end}.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-inline-size:0;scroll-margin-block-end: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-inline-size:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\"\\a0\"/\"\"}.textField.mod-filterPill{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-filterPill .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-filterPill .textField-input-affix-clear.clear,.textField.mod-filterPill .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-filterPill .textField-input-affix-icon{--icon-size: 1.25rem}}.textField.is-lineThrough{--component-textField-color: var(--pr-t-color-text-subtle);--component-textField-textDecoration: line-through}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
43
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SkeletonFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SkeletonFieldComponent, isStandalone: true, selector: "lu-skeleton-field", inputs: { dark: { classPropertyName: "dark", publicName: "dark", isSignal: true, isRequired: false, transformFunction: null }, hiddenLabel: { classPropertyName: "hiddenLabel", publicName: "hiddenLabel", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"form-field skeleton is-loading\" [class.mod-dark]=\"dark()\" inert=\"inert\">\n\t@if (!hiddenLabel()) {\n\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width.%]=\"getRandomPercent()\"></span>\n\t}\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@for (line of lines(); track $index) {\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"skeleton-item\"\n\t\t\t\t\t\t[style.--components-skeleton-text-width.%]=\"$last ? getRandomPercent() : getRandomPercent(98, 100)\"\n\t\t\t\t\t></span>\n\t\t\t\t}\n\t\t\t</span>\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@charset \"UTF-8\";@layer components{.textField{--component-textField-font: var(--pr-t-font-body-M);--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-borderHover: var(--pr-t-color-input-border-hover);--component-textField-color: var(--pr-t-color-input-text);--component-textField-textDecoration: none;--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;--component-textField-borderRadius: var(--pr-t-border-radius-input);--component-textField-width: auto;--component-textField-fontSize: var(--pr-t-font-body-M-fontSize);--component-textField-lineHeight: var(--pr-t-font-body-M-lineHeight);display:flex;align-items:stretch;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border);inline-size:var(--component-textField-width)}.textField:hover{box-shadow:0 0 0 1px var(--component-textField-borderHover)}.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;inline-size:var(--component-textField-affix-size);block-size:var(--component-textField-affix-size);color:var(--pr-t-color-input-icon)}.textField-input{display:flex;align-items:center;inline-size:100%;border-radius:var(--component-textField-borderRadius);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:none;font:var(--component-textField-font);inline-size:100%;padding-block:var(--component-textField-padding) var(--component-textField-padding);padding-inline:var(--component-textField-padding) var(--component-textField-affix-padding);background-color:transparent;color:var(--component-textField-color);text-decoration:var(--component-textField-textDecoration);text-overflow:ellipsis}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-block-size: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:block;min-block-size:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){block-size:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-block-size:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;inset-inline-end: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-inline-start:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-start-radius:var(--pr-t-border-radius-input);border-end-start-radius:var(--pr-t-border-radius-input);flex-shrink:0}.textField-prefix~.textField-input{border-start-start-radius:0;border-end-start-radius:0}.textField-suffix{display:flex;padding-inline-end:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-end-radius:var(--pr-t-border-radius-input);border-end-end-radius:var(--pr-t-border-radius-input);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-start-end-radius:0;border-end-end-radius:0}}@layer mods{.textField.mod-S{--component-textField-font: var(--pr-t-font-body-S);--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-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.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:end}.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-inline-size:0;scroll-margin-block-end: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-inline-size:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\"\\a0\"/\"\"}.textField.mod-filterPill{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-filterPill .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-filterPill .textField-input-affix-clear.clear,.textField.mod-filterPill .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-filterPill .textField-input-affix-icon{--icon-size: 1.25rem}}.textField.is-lineThrough{--component-textField-color: var(--pr-t-color-text-subtle);--component-textField-textDecoration: line-through}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
45
45
|
}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SkeletonFieldComponent, decorators: [{
|
|
47
47
|
type: Component,
|
|
48
|
-
args: [{ selector: 'lu-skeleton-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-field skeleton is-loading\" [class.mod-dark]=\"dark()\" inert=\"inert\">\n\t@if (!hiddenLabel()) {\n\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width.%]=\"getRandomPercent()\"></span>\n\t}\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@for (line of lines(); track $index) {\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"skeleton-item\"\n\t\t\t\t\t\t[style.--components-skeleton-text-width.%]=\"$last ? getRandomPercent() : getRandomPercent(98, 100)\"\n\t\t\t\t\t></span>\n\t\t\t\t}\n\t\t\t</span>\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@charset \"UTF-8\";@layer components{.textField{--component-textField-font: var(--pr-t-font-body-M);--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-borderHover: var(--pr-t-color-input-border-hover);--component-textField-color: var(--pr-t-color-input-text);--component-textField-textDecoration: none;--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;--component-textField-borderRadius: var(--pr-t-border-radius-input);--component-textField-width: auto;--component-textField-fontSize: var(--pr-t-font-body-M-fontSize);--component-textField-lineHeight: var(--pr-t-font-body-M-lineHeight);display:flex;align-items:stretch;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border);inline-size:var(--component-textField-width)}.textField:hover{box-shadow:0 0 0 1px var(--component-textField-borderHover)}.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;inline-size:var(--component-textField-affix-size);block-size:var(--component-textField-affix-size);color:var(--pr-t-color-input-icon)}.textField-input{display:flex;align-items:center;inline-size:100%;border-radius:var(--component-textField-borderRadius);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:none;font:var(--component-textField-font);inline-size:100%;padding-block:var(--component-textField-padding) var(--component-textField-padding);padding-inline:var(--component-textField-padding) var(--component-textField-affix-padding);background-color:transparent;color:var(--component-textField-color);text-decoration:var(--component-textField-textDecoration);text-overflow:ellipsis}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-block-size: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:block;min-block-size:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){block-size:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-block-size:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;inset-inline-end: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-inline-start:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-start-radius:var(--pr-t-border-radius-input);border-end-start-radius:var(--pr-t-border-radius-input);flex-shrink:0}.textField-prefix~.textField-input{border-start-start-radius:0;border-end-start-radius:0}.textField-suffix{display:flex;padding-inline-end:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-end-radius:var(--pr-t-border-radius-input);border-end-end-radius:var(--pr-t-border-radius-input);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-start-end-radius:0;border-end-end-radius:0}}@layer mods{.textField.mod-S{--component-textField-font: var(--pr-t-font-body-S);--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-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.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:end}.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-inline-size:0;scroll-margin-block-end: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-inline-size:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\"\\a0\"/\"\"}.textField.mod-filterPill{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-filterPill .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-filterPill .textField-input-affix-clear.clear,.textField.mod-filterPill .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-filterPill .textField-input-affix-icon{--icon-size: 1.25rem}}.textField.is-lineThrough{--component-textField-color: var(--pr-t-color-text-subtle);--component-textField-textDecoration: line-through}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}\n"] }]
|
|
49
|
-
}] });
|
|
48
|
+
args: [{ selector: 'lu-skeleton-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-field skeleton is-loading\" [class.mod-dark]=\"dark()\" inert=\"inert\">\n\t@if (!hiddenLabel()) {\n\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width.%]=\"getRandomPercent()\"></span>\n\t}\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@for (line of lines(); track $index) {\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"skeleton-item\"\n\t\t\t\t\t\t[style.--components-skeleton-text-width.%]=\"$last ? getRandomPercent() : getRandomPercent(98, 100)\"\n\t\t\t\t\t></span>\n\t\t\t\t}\n\t\t\t</span>\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@charset \"UTF-8\";@layer components{.textField{--component-textField-font: var(--pr-t-font-body-M);--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-borderHover: var(--pr-t-color-input-border-hover);--component-textField-color: var(--pr-t-color-input-text);--component-textField-textDecoration: none;--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;--component-textField-borderRadius: var(--pr-t-border-radius-input);--component-textField-width: auto;--component-textField-fontSize: var(--pr-t-font-body-M-fontSize);--component-textField-lineHeight: var(--pr-t-font-body-M-lineHeight);display:flex;align-items:stretch;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border);inline-size:var(--component-textField-width)}.textField:hover{box-shadow:0 0 0 1px var(--component-textField-borderHover)}.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;inline-size:var(--component-textField-affix-size);block-size:var(--component-textField-affix-size);color:var(--pr-t-color-input-icon)}.textField-input{display:flex;align-items:center;inline-size:100%;border-radius:var(--component-textField-borderRadius);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:none;font:var(--component-textField-font);inline-size:100%;padding-block:var(--component-textField-padding) var(--component-textField-padding);padding-inline:var(--component-textField-padding) var(--component-textField-affix-padding);background-color:transparent;color:var(--component-textField-color);text-decoration:var(--component-textField-textDecoration);text-overflow:ellipsis}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-block-size: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:block;min-block-size:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){block-size:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-block-size:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;inset-inline-end: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-inline-start:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-start-radius:var(--pr-t-border-radius-input);border-end-start-radius:var(--pr-t-border-radius-input);flex-shrink:0}.textField-prefix~.textField-input{border-start-start-radius:0;border-end-start-radius:0}.textField-suffix{display:flex;padding-inline-end:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-end-radius:var(--pr-t-border-radius-input);border-end-end-radius:var(--pr-t-border-radius-input);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-start-end-radius:0;border-end-end-radius:0}}@layer mods{.textField.mod-S{--component-textField-font: var(--pr-t-font-body-S);--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-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.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:end}.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-inline-size:0;scroll-margin-block-end: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-inline-size:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\"\\a0\"/\"\"}.textField.mod-filterPill{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-filterPill .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-filterPill .textField-input-affix-clear.clear,.textField.mod-filterPill .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-filterPill .textField-input-affix-icon{--icon-size: 1.25rem}}.textField.is-lineThrough{--component-textField-color: var(--pr-t-color-text-subtle);--component-textField-textDecoration: line-through}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}\n"] }]
|
|
49
|
+
}], propDecorators: { dark: [{ type: i0.Input, args: [{ isSignal: true, alias: "dark", required: false }] }], hiddenLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenLabel", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }] } });
|
|
50
50
|
|
|
51
51
|
class SkeletonHeaderComponent {
|
|
52
52
|
constructor() {
|
|
53
|
-
this.dark = input(false, { transform: booleanAttribute });
|
|
53
|
+
this.dark = input(false, { ...(ngDevMode ? { debugName: "dark" } : {}), transform: booleanAttribute });
|
|
54
54
|
}
|
|
55
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
56
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.2", type: SkeletonHeaderComponent, isStandalone: true, selector: "lu-skeleton-header", inputs: { dark: { classPropertyName: "dark", publicName: "dark", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<header class=\"pageHeader skeleton is-loading\" [class.mod-dark]=\"dark()\" inert=\"inert\">\n\t<div class=\"pageHeader-content\">\n\t\t<div class=\"pageHeader-content-title pr-u-flexGrow1\">\n\t\t\t<h1 class=\"pr-u-margin0 skeleton-item\" style=\"--components-skeleton-text-width: 80%\"></h1>\n\t\t</div>\n\t\t<div class=\"pageHeader-content-actions\">\n\t\t\t<span class=\"pr-u-h1 skeleton-item\"></span>\n\t\t</div>\n\t</div>\n\t<div class=\"pageHeader-description\">\n\t\t<p class=\"pr-u-marginBlockEnd0 skeleton-item\" style=\"--components-skeleton-text-width: 70%\"></p>\n\t\t<p class=\"pr-u-marginBlockEnd0 skeleton-item\" style=\"--components-skeleton-text-width: 40%\"></p>\n\t</div>\n</header>\n", styles: ["@layer components{.pageHeader{--components-pageHeader-description-max-width: 50rem;--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-200);padding:var(--components-pageHeader-padding)}.pageHeader-containerOptional{padding:var(--commons-container-padding);max-inline-size:var(--commons-container-maxWidth)}.pageHeader-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;row-gap:var(--pr-t-spacings-100)}.pageHeader-content-title{display:flex;column-gap:var(--pr-t-spacings-150);align-items:center;flex-wrap:wrap;min-block-size:var(--pr-t-spacings-500)}.pageHeader-content-actions:empty,.pageHeader-content-title-back:empty,.pageHeader-content-title-actions:empty,.pageHeader-content-title-leading:empty,.pageHeader-content-title-trailing:empty{display:none}.pageHeader-content-actions{gap:var(--pr-t-spacings-150);display:flex;align-items:center;flex-wrap:wrap;row-gap:var(--pr-t-spacings-200)}.pageHeader-content-actions .button{margin:0}@media not all and (min-width: 40em){.pageHeader-content-actions .button{flex:1}}@media not all and (min-width: 40em){.pageHeader-content-actions .textfield.mod-search,.pageHeader-content-actions .form-field:has(.icon-searchMagnifyingGlass){flex-basis:100%}}.pageHeader-description{max-inline-size:var(--components-pageHeader-description-max-width);margin-block-start:var(--pr-t-spacings-100);color:var(--palettes-neutral-700)}.pageHeader-description-paragraph{margin:0}}@layer mods{.pageHeader.mod-withHorizontalNavigation,.pageHeader:has(.horizontalNavigation),.pageHeader.mod-withMenu{padding-block-end:0}.pageHeader.mod-withHorizontalNavigation .horizontalNavigation,.pageHeader.mod-withHorizontalNavigation .menu,.pageHeader:has(.horizontalNavigation) .horizontalNavigation,.pageHeader:has(.horizontalNavigation) .menu,.pageHeader.mod-withMenu .horizontalNavigation,.pageHeader.mod-withMenu .menu{margin-block-start:var(--pr-t-spacings-50)}.pageHeader:has(.breadcrumbs),.pageHeader.mod-withBreadcrumbs{padding-block-start:var(--pr-t-spacings-200)}.pageHeader:has(.breadcrumbs) .breadcrumbs,.pageHeader.mod-withBreadcrumbs .breadcrumbs{margin-block-end:0}.pageHeader.mod-sticky{background-color:var(--pr-t-elevation-surface-default);inset-block-start:calc(var(--commons-banner-height) + var(--commons-navSide-mobile-toggle-height));position:sticky;inset-inline:0;z-index:99}@media (min-width: 50em){.pageHeader.mod-sticky{inset-block-start:var(--commons-banner-height);inset-inline-start:0!important}}@media (min-width: 50em){.pageHeader{--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-400)}}.pageHeader:has(.pageHeader-containerOptional){--components-pageHeader-padding: var(--pr-t-spacings-300) 0}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200);--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer mods{.pageHeader.skeleton.is-loading .pageHeader-content-actions{inline-size:100px}@media not all and (min-width: 40em){.pageHeader.skeleton.is-loading .pageHeader-content-actions{display:none}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
55
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SkeletonHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
56
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: SkeletonHeaderComponent, isStandalone: true, selector: "lu-skeleton-header", inputs: { dark: { classPropertyName: "dark", publicName: "dark", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<header class=\"pageHeader skeleton is-loading\" [class.mod-dark]=\"dark()\" inert=\"inert\">\n\t<div class=\"pageHeader-content\">\n\t\t<div class=\"pageHeader-content-title pr-u-flexGrow1\">\n\t\t\t<h1 class=\"pr-u-margin0 skeleton-item\" style=\"--components-skeleton-text-width: 80%\"></h1>\n\t\t</div>\n\t\t<div class=\"pageHeader-content-actions\">\n\t\t\t<span class=\"pr-u-h1 skeleton-item\"></span>\n\t\t</div>\n\t</div>\n\t<div class=\"pageHeader-description\">\n\t\t<p class=\"pr-u-marginBlockEnd0 skeleton-item\" style=\"--components-skeleton-text-width: 70%\"></p>\n\t\t<p class=\"pr-u-marginBlockEnd0 skeleton-item\" style=\"--components-skeleton-text-width: 40%\"></p>\n\t</div>\n</header>\n", styles: ["@layer components{.pageHeader{--components-pageHeader-description-max-width: 50rem;--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-200);padding:var(--components-pageHeader-padding)}.pageHeader-containerOptional{padding:var(--commons-container-padding);max-inline-size:var(--commons-container-maxWidth)}.pageHeader-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;row-gap:var(--pr-t-spacings-100)}.pageHeader-content-title{display:flex;column-gap:var(--pr-t-spacings-150);align-items:center;flex-wrap:wrap;min-block-size:var(--pr-t-spacings-500)}.pageHeader-content-actions:empty,.pageHeader-content-title-back:empty,.pageHeader-content-title-actions:empty,.pageHeader-content-title-leading:empty,.pageHeader-content-title-trailing:empty{display:none}.pageHeader-content-actions{gap:var(--pr-t-spacings-150);display:flex;align-items:center;flex-wrap:wrap;row-gap:var(--pr-t-spacings-200)}.pageHeader-content-actions .button{margin:0}@media not all and (min-width:40em){.pageHeader-content-actions .button{flex:1}}@media not all and (min-width:40em){.pageHeader-content-actions .textfield.mod-search,.pageHeader-content-actions .form-field:has(.icon-searchMagnifyingGlass){flex-basis:100%}}.pageHeader-description{max-inline-size:var(--components-pageHeader-description-max-width);margin-block-start:var(--pr-t-spacings-100);color:var(--palettes-neutral-700)}.pageHeader-description-paragraph{margin:0}}@layer mods{.pageHeader.mod-withHorizontalNavigation,.pageHeader:has(.horizontalNavigation),.pageHeader.mod-withMenu{padding-block-end:0}.pageHeader.mod-withHorizontalNavigation .horizontalNavigation,.pageHeader.mod-withHorizontalNavigation .menu,.pageHeader:has(.horizontalNavigation) .horizontalNavigation,.pageHeader:has(.horizontalNavigation) .menu,.pageHeader.mod-withMenu .horizontalNavigation,.pageHeader.mod-withMenu .menu{margin-block-start:var(--pr-t-spacings-50)}.pageHeader:has(.breadcrumbs),.pageHeader.mod-withBreadcrumbs{padding-block-start:var(--pr-t-spacings-200)}.pageHeader:has(.breadcrumbs) .breadcrumbs,.pageHeader.mod-withBreadcrumbs .breadcrumbs{margin-block-end:0}.pageHeader.mod-sticky{background-color:var(--pr-t-elevation-surface-default);inset-block-start:calc(var(--commons-banner-height) + var(--commons-navSide-mobile-toggle-height));position:sticky;inset-inline:0;z-index:99}@media(min-width:50em){.pageHeader.mod-sticky{inset-block-start:var(--commons-banner-height);inset-inline-start:0!important}}@media(min-width:50em){.pageHeader{--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-400)}}.pageHeader:has(.pageHeader-containerOptional){--components-pageHeader-padding: var(--pr-t-spacings-300) 0}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75)}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer mods{.pageHeader.skeleton.is-loading .pageHeader-content-actions{inline-size:100px}@media not all and (min-width:40em){.pageHeader.skeleton.is-loading .pageHeader-content-actions{display:none}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
57
57
|
}
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SkeletonHeaderComponent, decorators: [{
|
|
59
59
|
type: Component,
|
|
60
|
-
args: [{ selector: 'lu-skeleton-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"pageHeader skeleton is-loading\" [class.mod-dark]=\"dark()\" inert=\"inert\">\n\t<div class=\"pageHeader-content\">\n\t\t<div class=\"pageHeader-content-title pr-u-flexGrow1\">\n\t\t\t<h1 class=\"pr-u-margin0 skeleton-item\" style=\"--components-skeleton-text-width: 80%\"></h1>\n\t\t</div>\n\t\t<div class=\"pageHeader-content-actions\">\n\t\t\t<span class=\"pr-u-h1 skeleton-item\"></span>\n\t\t</div>\n\t</div>\n\t<div class=\"pageHeader-description\">\n\t\t<p class=\"pr-u-marginBlockEnd0 skeleton-item\" style=\"--components-skeleton-text-width: 70%\"></p>\n\t\t<p class=\"pr-u-marginBlockEnd0 skeleton-item\" style=\"--components-skeleton-text-width: 40%\"></p>\n\t</div>\n</header>\n", styles: ["@layer components{.pageHeader{--components-pageHeader-description-max-width: 50rem;--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-200);padding:var(--components-pageHeader-padding)}.pageHeader-containerOptional{padding:var(--commons-container-padding);max-inline-size:var(--commons-container-maxWidth)}.pageHeader-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;row-gap:var(--pr-t-spacings-100)}.pageHeader-content-title{display:flex;column-gap:var(--pr-t-spacings-150);align-items:center;flex-wrap:wrap;min-block-size:var(--pr-t-spacings-500)}.pageHeader-content-actions:empty,.pageHeader-content-title-back:empty,.pageHeader-content-title-actions:empty,.pageHeader-content-title-leading:empty,.pageHeader-content-title-trailing:empty{display:none}.pageHeader-content-actions{gap:var(--pr-t-spacings-150);display:flex;align-items:center;flex-wrap:wrap;row-gap:var(--pr-t-spacings-200)}.pageHeader-content-actions .button{margin:0}@media not all and (min-width: 40em){.pageHeader-content-actions .button{flex:1}}@media not all and (min-width: 40em){.pageHeader-content-actions .textfield.mod-search,.pageHeader-content-actions .form-field:has(.icon-searchMagnifyingGlass){flex-basis:100%}}.pageHeader-description{max-inline-size:var(--components-pageHeader-description-max-width);margin-block-start:var(--pr-t-spacings-100);color:var(--palettes-neutral-700)}.pageHeader-description-paragraph{margin:0}}@layer mods{.pageHeader.mod-withHorizontalNavigation,.pageHeader:has(.horizontalNavigation),.pageHeader.mod-withMenu{padding-block-end:0}.pageHeader.mod-withHorizontalNavigation .horizontalNavigation,.pageHeader.mod-withHorizontalNavigation .menu,.pageHeader:has(.horizontalNavigation) .horizontalNavigation,.pageHeader:has(.horizontalNavigation) .menu,.pageHeader.mod-withMenu .horizontalNavigation,.pageHeader.mod-withMenu .menu{margin-block-start:var(--pr-t-spacings-50)}.pageHeader:has(.breadcrumbs),.pageHeader.mod-withBreadcrumbs{padding-block-start:var(--pr-t-spacings-200)}.pageHeader:has(.breadcrumbs) .breadcrumbs,.pageHeader.mod-withBreadcrumbs .breadcrumbs{margin-block-end:0}.pageHeader.mod-sticky{background-color:var(--pr-t-elevation-surface-default);inset-block-start:calc(var(--commons-banner-height) + var(--commons-navSide-mobile-toggle-height));position:sticky;inset-inline:0;z-index:99}@media (min-width: 50em){.pageHeader.mod-sticky{inset-block-start:var(--commons-banner-height);inset-inline-start:0!important}}@media (min-width: 50em){.pageHeader{--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-400)}}.pageHeader:has(.pageHeader-containerOptional){--components-pageHeader-padding: var(--pr-t-spacings-300) 0}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200);--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer mods{.pageHeader.skeleton.is-loading .pageHeader-content-actions{inline-size:100px}@media not all and (min-width: 40em){.pageHeader.skeleton.is-loading .pageHeader-content-actions{display:none}}}\n"] }]
|
|
61
|
-
}] });
|
|
60
|
+
args: [{ selector: 'lu-skeleton-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"pageHeader skeleton is-loading\" [class.mod-dark]=\"dark()\" inert=\"inert\">\n\t<div class=\"pageHeader-content\">\n\t\t<div class=\"pageHeader-content-title pr-u-flexGrow1\">\n\t\t\t<h1 class=\"pr-u-margin0 skeleton-item\" style=\"--components-skeleton-text-width: 80%\"></h1>\n\t\t</div>\n\t\t<div class=\"pageHeader-content-actions\">\n\t\t\t<span class=\"pr-u-h1 skeleton-item\"></span>\n\t\t</div>\n\t</div>\n\t<div class=\"pageHeader-description\">\n\t\t<p class=\"pr-u-marginBlockEnd0 skeleton-item\" style=\"--components-skeleton-text-width: 70%\"></p>\n\t\t<p class=\"pr-u-marginBlockEnd0 skeleton-item\" style=\"--components-skeleton-text-width: 40%\"></p>\n\t</div>\n</header>\n", styles: ["@layer components{.pageHeader{--components-pageHeader-description-max-width: 50rem;--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-200);padding:var(--components-pageHeader-padding)}.pageHeader-containerOptional{padding:var(--commons-container-padding);max-inline-size:var(--commons-container-maxWidth)}.pageHeader-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;row-gap:var(--pr-t-spacings-100)}.pageHeader-content-title{display:flex;column-gap:var(--pr-t-spacings-150);align-items:center;flex-wrap:wrap;min-block-size:var(--pr-t-spacings-500)}.pageHeader-content-actions:empty,.pageHeader-content-title-back:empty,.pageHeader-content-title-actions:empty,.pageHeader-content-title-leading:empty,.pageHeader-content-title-trailing:empty{display:none}.pageHeader-content-actions{gap:var(--pr-t-spacings-150);display:flex;align-items:center;flex-wrap:wrap;row-gap:var(--pr-t-spacings-200)}.pageHeader-content-actions .button{margin:0}@media not all and (min-width:40em){.pageHeader-content-actions .button{flex:1}}@media not all and (min-width:40em){.pageHeader-content-actions .textfield.mod-search,.pageHeader-content-actions .form-field:has(.icon-searchMagnifyingGlass){flex-basis:100%}}.pageHeader-description{max-inline-size:var(--components-pageHeader-description-max-width);margin-block-start:var(--pr-t-spacings-100);color:var(--palettes-neutral-700)}.pageHeader-description-paragraph{margin:0}}@layer mods{.pageHeader.mod-withHorizontalNavigation,.pageHeader:has(.horizontalNavigation),.pageHeader.mod-withMenu{padding-block-end:0}.pageHeader.mod-withHorizontalNavigation .horizontalNavigation,.pageHeader.mod-withHorizontalNavigation .menu,.pageHeader:has(.horizontalNavigation) .horizontalNavigation,.pageHeader:has(.horizontalNavigation) .menu,.pageHeader.mod-withMenu .horizontalNavigation,.pageHeader.mod-withMenu .menu{margin-block-start:var(--pr-t-spacings-50)}.pageHeader:has(.breadcrumbs),.pageHeader.mod-withBreadcrumbs{padding-block-start:var(--pr-t-spacings-200)}.pageHeader:has(.breadcrumbs) .breadcrumbs,.pageHeader.mod-withBreadcrumbs .breadcrumbs{margin-block-end:0}.pageHeader.mod-sticky{background-color:var(--pr-t-elevation-surface-default);inset-block-start:calc(var(--commons-banner-height) + var(--commons-navSide-mobile-toggle-height));position:sticky;inset-inline:0;z-index:99}@media(min-width:50em){.pageHeader.mod-sticky{inset-block-start:var(--commons-banner-height);inset-inline-start:0!important}}@media(min-width:50em){.pageHeader{--components-pageHeader-padding: var(--pr-t-spacings-300) var(--pr-t-spacings-400)}}.pageHeader:has(.pageHeader-containerOptional){--components-pageHeader-padding: var(--pr-t-spacings-300) 0}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.pageHeader:has(.pageHeader-content-title-back:not(:empty)) .pageHeader-content-title-back .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75)}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer mods{.pageHeader.skeleton.is-loading .pageHeader-content-actions{inline-size:100px}@media not all and (min-width:40em){.pageHeader.skeleton.is-loading .pageHeader-content-actions{display:none}}}\n"] }]
|
|
61
|
+
}], propDecorators: { dark: [{ type: i0.Input, args: [{ isSignal: true, alias: "dark", required: false }] }] } });
|
|
62
62
|
|
|
63
63
|
class SkeletonIndexTableComponent {
|
|
64
64
|
constructor() {
|
|
65
|
-
this.tableBodyOnly = input(false, { transform: booleanAttribute });
|
|
66
|
-
this.cols = input(5);
|
|
67
|
-
this.colsNumber = computed(() => new Array(this.cols()));
|
|
68
|
-
this.rows = input(8);
|
|
69
|
-
this.rowsNumber = computed(() => new Array(this.rows()));
|
|
65
|
+
this.tableBodyOnly = input(false, { ...(ngDevMode ? { debugName: "tableBodyOnly" } : {}), transform: booleanAttribute });
|
|
66
|
+
this.cols = input(5, ...(ngDevMode ? [{ debugName: "cols" }] : []));
|
|
67
|
+
this.colsNumber = computed(() => new Array(this.cols()), ...(ngDevMode ? [{ debugName: "colsNumber" }] : []));
|
|
68
|
+
this.rows = input(8, ...(ngDevMode ? [{ debugName: "rows" }] : []));
|
|
69
|
+
this.rowsNumber = computed(() => new Array(this.rows()), ...(ngDevMode ? [{ debugName: "rowsNumber" }] : []));
|
|
70
70
|
this.getRandomPercent = (min = 33, max = 66) => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;
|
|
71
71
|
}
|
|
72
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
73
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: SkeletonIndexTableComponent, isStandalone: true, selector: "lu-skeleton-index-table", inputs: { tableBodyOnly: { classPropertyName: "tableBodyOnly", publicName: "tableBodyOnly", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (tableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"indexTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"indexTable-head\">\n\t\t\t<tr class=\"indexTable-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<th class=\"indexTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t<span class=\"skeleton-item mod-dark\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"indexTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"indexTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"indexTable-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@layer components{.indexTable{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: var(--pr-t-border-radius-structure);--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--components-indexTable-row-display: table-row;--components-indexTable-row-spacing-responsive: 8px;--components-indexTable-cell-paddingInline: var(--pr-t-spacings-150);--components-indexTable-cell-paddingBlock: var(--pr-t-spacings-100);--components-indexTable-cell-border-radius: var(--pr-t-border-radius-default);--components-indexTable-cell-background-color-default: var(--palettes-neutral-0);--components-indexTable-cell-shadow-default: var(--pr-t-elevation-shadow-raised);--components-indexTable-cell-background-color-selected: var(--palettes-product-50);--components-indexTable-cell-shadow-selected: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-indexTable-cell-shadow-hover: var(--pr-t-elevation-shadow-overlay);--components-indexTable-row-cell-transparent-width: 2.25rem;--components-indexTable-stack2-row-spacing: 5px;--components-indexTable-stack3-row-spacing: 9px;--components-indexTable-stack-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='2008' height='48' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.2 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.4 0'/%3E%3CfeBlend in2='effect1_dropShadow_1214_48875' mode='multiply' result='effect2_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='effect3_dropShadow_1214_48875'/%3E%3CfeOffset/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.08 0'/%3E%3CfeBlend in2='effect2_dropShadow_1214_48875' result='effect3_dropShadow_1214_48875'/%3E%3CfeBlend in='SourceGraphic' in2='effect3_dropShadow_1214_48875' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none' viewBox='0 0 2008 48'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23FFF1EB' stroke='%23FF9361' rx='8'/%3E%3C/svg%3E%0A\");--components-indexTable-hover-offset-x: -4px;--components-indexTable-hover-offset-y: -1px;--components-indexTable-outline-offset: 4px;--components-indexTable-outline-border-width: 2px;--components-indexTable-outline-border-radius: calc( var(--components-indexTable-cell-border-radius) + var(--components-indexTable-outline-offset) );--components-indexTable-outline-color: var(--palettes-product-700);position:relative;display:table;inline-size:100%;padding-block:0 calc(var(--components-indexTable-padding) - var(--components-indexTable-row-spacing));padding-inline:var(--components-indexTable-padding);border-collapse:separate;border-spacing:0 var(--components-indexTable-row-spacing);border-radius:var(--components-indexTable-border-radius);background-color:var(--components-indexTable-background-color);color:var(--pr-t-color-text);contain:paint}.indexTable-head{display:table-header-group;vertical-align:bottom}.indexTable-body,.indexTable-foot{display:table-row-group}.indexTable-foot:is(tfoot){display:table-footer-group}.indexTable-head-row,.indexTable-body-row,.indexTable-foot-row{display:var(--components-indexTable-row-display)}.indexTable-head-row-transparentCell,.indexTable-body-row-transparentCell,.indexTable-head-row-cell,.indexTable-body-row-cell,.indexTable-foot-row-cell{display:table-cell;text-align:start;font-weight:var(--pr-t-font-fontWeight-regular)}.indexTable-head-row-transparentCell,.indexTable-body-row-transparentCell{vertical-align:middle;padding-block:var(--pr-t-spacings-50);padding-inline:0;position:relative;z-index:3}.indexTable-head-row-transparentCell:not(:first-child),.indexTable-body-row-transparentCell:not(:first-child){padding-inline-end:var(--components-indexTable-cell-paddingInline)}.indexTable-head-row-cell,.indexTable-body-row-cell,.indexTable-foot-row-cell{vertical-align:top;padding-block:var(--components-indexTable-cell-paddingBlock);padding-inline:var(--components-indexTable-cell-paddingInline)}.indexTable-body-row{border-radius:var(--pr-t-border-radius-default)}.indexTable-body-row:has(.indexTable-body-row-cell-link) .indexTable-body-row-cell:not(:has(button,a,input,textarea,select,details,[tabindex=\"0\"]),.mod-allowTextSelection){pointer-events:none}.indexTable-body-row:not(:has(.indexTable-body-row-cell-link)):has(.indexTable-body-row-cell-action){cursor:pointer}.indexTable-head-row-cell{color:var(--pr-t-color-text-subtle)}.indexTable-foot-row-cell{text-align:end;padding-block:var(--pr-t-spacings-50)}.indexTable-body-row-cell{position:relative;z-index:var(--components-indexTable-cell-z-index, 1);border:var(--commons-divider-width) 0 solid transparent;--components-indexTable-cell-inset-x-left: var(--components-indexTable-cell-inset-x);--components-indexTable-cell-border-radius-left: var(--components-indexTable-cell-border-radius);--components-indexTable-cell-border-radius-right: 0;--components-indexTable-outline-border-radius-left: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-radius-right: 0;--components-indexTable-outline-border-width-left: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-width-right: 0}.indexTable-body-row-cell~.indexTable-body-row-cell{--components-indexTable-cell-inset-x-left: 0px;--components-indexTable-shadow-mask: calc(var(--pr-t-spacings-100) * -1) 0px 0px 0px var(--components-indexTable-cell-background-color, var(--components-indexTable-cell-background-color-default));--components-indexTable-cell-border-radius-left: 0;--components-indexTable-outline-border-radius-left: 0;--components-indexTable-outline-border-width-left: 0}.indexTable-body-row-cell:last-child{--components-indexTable-cell-inset-x-right: var(--components-indexTable-cell-inset-x);--components-indexTable-cell-border-radius-right: var(--components-indexTable-cell-border-radius);--components-indexTable-outline-border-radius-right: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-width-right: var(--components-indexTable-outline-border-width)}.indexTable-body-row-cell:before,.indexTable-body-row-cell:after{content:\"\";position:absolute;z-index:-1;transition-duration:var(--commons-animations-durations-fast)}.indexTable-body-row-cell:before{inset:var(--components-indexTable-cell-inset-y, 0) var(--components-indexTable-cell-inset-x-right, 0) var(--components-indexTable-cell-inset-y, 0) var(--components-indexTable-cell-inset-x-left, 0);border-radius:var(--components-indexTable-cell-border-radius-left) var(--components-indexTable-cell-border-radius-right) var(--components-indexTable-cell-border-radius-right) var(--components-indexTable-cell-border-radius-left);background-color:var(--components-indexTable-cell-background-color, var(--components-indexTable-cell-background-color-default));box-shadow:var(--components-indexTable-shadow-mask, 0 0 0 0),var(--components-indexTable-cell-shadow, var(--components-indexTable-cell-shadow-default));transition-property:inset,box-shadow,background-color}.indexTable-body-row-cell:after{inset:calc(var(--components-indexTable-cell-inset-y, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-x-right, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-y, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-x-left, 0px) - var(--components-indexTable-outline-offset));border-radius:var(--components-indexTable-outline-border-radius-left) var(--components-indexTable-outline-border-radius-right) var(--components-indexTable-outline-border-radius-right) var(--components-indexTable-outline-border-radius-left);border-block-width:var(--components-indexTable-outline-border-width);border-inline-width:var(--components-indexTable-outline-border-width-left) var(--components-indexTable-outline-border-width-right);border-style:solid;border-color:var(--components-indexTable-outline-color);opacity:var(--components-indexTable-outline-opacity, 0);transition-property:inset}.indexTable-body-row-cell:has(.emptyState){--components-indexTable-cell-shadow: none}.indexTable-body-row-cell-checkbox,.indexTable-head-row-cell-checkbox{margin:var(--pr-t-spacings-50)}.indexTable-body-row-cell-action{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.indexTable-body-row-cell-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;text-decoration:none}.indexTable-body-row-cell-link:after{content:\"\";position:absolute;inset:0 -9999px;z-index:-1}.indexTable-body-row-cell-link,.indexTable-body-row-cell-link:hover{color:currentColor}.indexTable-body-row-cell-link:focus-visible{outline:none}.indexTable-body-row-cellTitle{position:relative;display:flex;align-items:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-25);font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTable-body-row-cellTitle-title{font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTableWrapper{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: var(--pr-t-border-radius-structure);--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--components-indexTable-row-display: table-row;--components-indexTable-row-spacing-responsive: 8px;--components-indexTable-cell-paddingInline: var(--pr-t-spacings-150);--components-indexTable-cell-paddingBlock: var(--pr-t-spacings-100);--components-indexTable-cell-border-radius: var(--pr-t-border-radius-default);--components-indexTable-cell-background-color-default: var(--palettes-neutral-0);--components-indexTable-cell-shadow-default: var(--pr-t-elevation-shadow-raised);--components-indexTable-cell-background-color-selected: var(--palettes-product-50);--components-indexTable-cell-shadow-selected: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-indexTable-cell-shadow-hover: var(--pr-t-elevation-shadow-overlay);--components-indexTable-row-cell-transparent-width: 2.25rem;--components-indexTable-stack2-row-spacing: 5px;--components-indexTable-stack3-row-spacing: 9px;--components-indexTable-stack-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='2008' height='48' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.2 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.4 0'/%3E%3CfeBlend in2='effect1_dropShadow_1214_48875' mode='multiply' result='effect2_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='effect3_dropShadow_1214_48875'/%3E%3CfeOffset/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.08 0'/%3E%3CfeBlend in2='effect2_dropShadow_1214_48875' result='effect3_dropShadow_1214_48875'/%3E%3CfeBlend in='SourceGraphic' in2='effect3_dropShadow_1214_48875' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none' viewBox='0 0 2008 48'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23FFF1EB' stroke='%23FF9361' rx='8'/%3E%3C/svg%3E%0A\");--components-indexTable-hover-offset-x: -4px;--components-indexTable-hover-offset-y: -1px;--components-indexTable-outline-offset: 4px;--components-indexTable-outline-border-width: 2px;--components-indexTable-outline-border-radius: calc( var(--components-indexTable-cell-border-radius) + var(--components-indexTable-outline-offset) );--components-indexTable-outline-color: var(--palettes-product-700);display:flex;flex-direction:column;padding-block-end:var(--pr-t-spacings-100);border-radius:var(--components-indexTable-border-radius);background-color:var(--components-indexTable-background-color)}.indexTableWrapper .indexTable{flex-grow:1;padding-block-end:0}.indexTableWrapper .pagination{align-self:flex-end;padding-block:var(--pr-t-spacings-50) 0;padding-inline:0;margin-inline-end:var(--pr-t-spacings-100)}.indexTableWrapper .pagination-scrolling .button:hover{--components-button-backgroundColor: var(--palettes-neutral-100);--components-button-color: var(--palettes-neutral-700)}.indexTable .indexTableWrapper-pagination:empty{display:none}.indexTable .statusBadge,.indexTable .tag,.indexTable .avatar{vertical-align:top}.indexTable .statusBadge,.indexTable .tag{margin-block-start:var(--pr-t-spacings-25)}.indexTable .avatarWrapper{display:inline-flex}.indexTable .tableSortable.button:hover{--components-button-backgroundColor: var(--palettes-neutral-100);color:var(--palettes-neutral-700)}}@layer mods{.indexTable.mod-selectable .indexTable-body-row:is(:focus-within,:hover){outline:none}.indexTable.mod-selectable .indexTable-head-row-transparentCell,.indexTable.mod-selectable .indexTable-body-row-transparentCell{inline-size:var(--components-indexTable-row-cell-transparent-width)}.indexTable.mod-selectable .indexTable-head-row-transparentCell:first-child,.indexTable.mod-selectable .indexTable-body-row-transparentCell:first-child{padding-inline-start:0}.indexTable.mod-selectable .indexTable-body-row:has(.checkbox-input:checked,.checkboxField-input:checked){--components-indexTable-cell-background-color: var(--components-indexTable-cell-background-color-selected) !important;--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-selected) !important;--components-indexTable-stack-svg: var(--components-indexTable-stack-svg-selected)}.indexTable.mod-selectable .indexTable-body-row:hover:has(.indexTable-body-row-transparentCell:hover){--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-default);--components-indexTable-cell-inset-x: 0px;--components-indexTable-cell-inset-y: 0px;--components-indexTable-cell-subAction-opacity: 0}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack2,.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack3,.indexTable.mod-stackable .indexTable-body-row.mod-stack2,.indexTable.mod-stackable .indexTable-body-row.mod-stack3{--components-indexTable-row-stack-border-bottom: var(--components-indexTable-stack2-row-spacing);--components-indexTable-row-stack2-background-image: var(--components-indexTable-stack-svg)}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack3,.indexTable.mod-stackable .indexTable-body-row.mod-stack3{--components-indexTable-row-stack-border-bottom: var(--components-indexTable-stack3-row-spacing);--components-indexTable-row-stack3-background-image: var(--components-indexTable-stack-svg)}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell,.indexTable.mod-stackable .indexTable-body-row-cell{border-block-end:var(--components-indexTable-row-stack-border-bottom) solid transparent;background-image:var(--components-indexTable-row-stack2-background-image, none),var(--components-indexTable-row-stack3-background-image, none);background-position:var(--components-indexTable-row-stack2-background-position, 0 0),var(--components-indexTable-row-stack3-background-position, 0 0);background-repeat:no-repeat,no-repeat;transition-property:background-image,background-position;transition-duration:var(--commons-animations-durations-fast);--components-indexTable-row-stack2-background-position: left calc(-2px + var(--components-indexTable-cell-inset-x-left, 0px)) bottom -10px;--components-indexTable-row-stack3-background-position: left calc(1px + var(--components-indexTable-cell-inset-x-left, 0px)) bottom -14px}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell~.indexTable-body-row-cell,.indexTable.mod-stackable .indexTable-body-row-cell~.indexTable-body-row-cell{--components-indexTable-row-stack2-background-position: left -20px bottom -10px;--components-indexTable-row-stack3-background-position: left -20px bottom -14px}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell:last-child,.indexTable.mod-stackable .indexTable-body-row-cell:last-child{--components-indexTable-row-stack2-background-position: right calc(-2px + var(--components-indexTable-cell-inset-x-right, 0px)) bottom -10px;--components-indexTable-row-stack3-background-position: right calc(1px + var(--components-indexTable-cell-inset-x-right, 0px)) bottom -14px}.indexTable.mod-stickyHeader .indexTable-head{position:sticky;inset-block-start:var(--components-indexTable-row-spacing);z-index:3}.indexTable.mod-stickyHeader .indexTable-head-row-cell{position:relative}.indexTable.mod-stickyHeader .indexTable-head-row-cell:before,.indexTable.mod-stickyHeader .indexTable-head-row-cell:after{content:\"\";position:absolute;inset:calc(var(--components-indexTable-row-spacing) * -1) calc(var(--components-indexTable-padding) * -1) 0;z-index:-1}.indexTable.mod-stickyHeader .indexTable-head-row-cell:before{background-color:var(--commons-background-base)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:after{background-color:var(--components-indexTable-background-color)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:first-child:after{border-start-start-radius:var(--components-indexTable-border-radius)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:last-child:after{border-start-end-radius:var(--components-indexTable-border-radius)}.indexTable[class*=mod-layoutFixed] .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed] .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed] .indexTable-foot-row-cell{--cell-width: calc(var(--components-indexTable-cell-fixed-width, var(--components-index-table-cell-fixed-width)) * 1rem)}.indexTable[class*=mod-layoutFixed].mod-layoutFixed{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}@media (min-width: 20em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media (min-width: 30em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media (min-width: 40em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media (min-width: 50em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media (min-width: 64em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media (min-width: 80em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media (min-width: 85.375em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media (min-width: 100em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media (min-width: 120em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell{padding:0}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection{display:flex;align-items:center;justify-content:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-50);border-radius:var(--pr-t-border-radius-default);font:var(--pr-t-font-body-S);color:var(--pr-t-color-text);background-color:var(--pr-t-elevation-surface-default)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none;--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:hover,.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-head-row-cell.mod-actions,.indexTable .indexTable-body-row-cell.mod-actions{inline-size:1%;padding:var(--pr-t-spacings-50);white-space:nowrap}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-row-cell.mod-actions .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none;--components-button-padding: var(--pr-t-spacings-75)}.indexTable .indexTable-head-row-cell.mod-actions .button .numericBadge,.indexTable .indexTable-body-row-cell.mod-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-head-row-cell.mod-actions .button:hover,.indexTable .indexTable-head-row-cell.mod-actions .button:focus-visible,.indexTable .indexTable-body-row-cell.mod-actions .button:hover,.indexTable .indexTable-body-row-cell.mod-actions .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.indexTable .indexTable-head-row-cell.mod-actions .button:active,.indexTable .indexTable-body-row-cell.mod-actions .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-head-row-cell.mod-actions .button:disabled,.indexTable .indexTable-body-row-cell.mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-head-row-cell.mod-actions .button.mod-critical:hover,.indexTable .indexTable-head-row-cell.mod-actions .button.mod-delete:hover,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-critical:hover,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.indexTable .indexTable-head-row-cell.mod-actions .button.mod-critical:active,.indexTable .indexTable-head-row-cell.mod-actions .button.mod-delete:active,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-critical:active,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.indexTable .indexTable-body-row-cell.mod-tfoot,.indexTable .indexTable-foot-row-cell.mod-tfoot{padding-block:var(--pr-t-spacings-50)}.indexTable .indexTable-body-row-cell.mod-tfoot:before,.indexTable .indexTable-body-row-cell.mod-tfoot:after,.indexTable .indexTable-foot-row-cell.mod-tfoot:before,.indexTable .indexTable-foot-row-cell.mod-tfoot:after{content:none}.indexTable .indexTable-head-row-cell.mod-alignEnd,.indexTable .indexTable-head-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-head-row-cell.mod-alignRight,.indexTable .indexTable-head-row-cell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignEnd,.indexTable .indexTable-body-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignRight,.indexTable .indexTable-body-row-cell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignEnd,.indexTable .indexTable-body-row-transparentCell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignRight,.indexTable .indexTable-body-row-transparentCell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignEnd,.indexTable .indexTable-foot-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignRight,.indexTable .indexTable-foot-row-cell.mod-alignRight .indexTable-body-row-cell-link{text-align:end}.indexTable .indexTable-head-row-cell.mod-alignCenter,.indexTable .indexTable-head-row-cell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignCenter,.indexTable .indexTable-body-row-cell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignCenter,.indexTable .indexTable-body-row-transparentCell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignCenter,.indexTable .indexTable-foot-row-cell.mod-alignCenter .indexTable-body-row-cell-link{text-align:center}.indexTable .indexTable-head-row-cell.mod-alignStart,.indexTable .indexTable-head-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-head-row-cell.mod-alignLeft,.indexTable .indexTable-head-row-cell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignStart,.indexTable .indexTable-body-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignLeft,.indexTable .indexTable-body-row-cell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignStart,.indexTable .indexTable-body-row-transparentCell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignLeft,.indexTable .indexTable-body-row-transparentCell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignStart,.indexTable .indexTable-foot-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignLeft,.indexTable .indexTable-foot-row-cell.mod-alignLeft .indexTable-body-row-cell-link{text-align:start}@media not all and (min-width: 50em){.indexTable.mod-responsiveCardList{display:flex;flex-direction:column;gap:var(--components-indexTable-row-spacing);padding:var(--components-indexTable-padding)}.indexTable.mod-responsiveCardList .indexTable-head{display:none}.indexTable.mod-responsiveCardList .indexTable-body{display:flex;flex-direction:column}.indexTable.mod-responsiveCardList .indexTable-body-row,.indexTable.mod-responsiveCardList .indexTable-foot-row{position:relative;display:grid;grid-template-columns:var(--components-indexTable-row-responsive-grid-template-columns, 1fr);grid-template-rows:var(--components-indexTable-row-responsive-grid-template-rows, none);grid-auto-rows:auto;grid-template-areas:var(--components-indexTable-row-responsive-grid-template-areas, none);align-items:center;padding-block:var(--components-indexTable-row-spacing-responsive);padding-inline:0;margin-block-end:var(--components-indexTable-row-spacing-responsive)}.indexTable.mod-responsiveCardList .indexTable-body-row:not(:has(.indexTable-body-row-cell)),.indexTable.mod-responsiveCardList .indexTable-foot-row:not(:has(.indexTable-body-row-cell)){padding:0;margin-block-end:0}.indexTable.mod-responsiveCardList .indexTable-body-row:last-child,.indexTable.mod-responsiveCardList .indexTable-foot-row:last-child{margin-block-end:0}.indexTable.mod-responsiveCardList .indexTable-body-row-transparentCell{grid-row:1}.indexTable.mod-responsiveCardList .indexTable-body-row-cell{--components-indexTable-cell-paddingBlock: 0;position:static;grid-column-start:1}.indexTable.mod-responsiveCardList .indexTable-body-row-cell:before{--components-indexTable-cell-border-radius-left: var(--components-indexTable-cell-border-radius);--components-indexTable-cell-border-radius-right: var(--components-indexTable-cell-border-radius)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell:after{--components-indexTable-outline-border-width-left: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-width-right: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-radius-left: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-radius-right: var(--components-indexTable-outline-border-radius)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell~.indexTable-body-row-cell:before,.indexTable.mod-responsiveCardList .indexTable-body-row-cell~.indexTable-body-row-cell:after{display:none}.indexTable.mod-responsiveCardList .indexTable-body-row-cell-content[data-label]{display:flex;flex-direction:column;margin-block-start:var(--pr-t-spacings-50)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell-content[data-label]:before{content:attr(data-label);font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTable.mod-responsiveCardList .indexTable-head-row-cell-checkbox,.indexTable.mod-responsiveCardList .indexTable-body-row-cell-checkbox{margin-block:0}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row{grid-template-columns:var(--components-indexTable-row-cell-transparent-width) var(--components-indexTable-row-responsive-grid-template-columns, 1fr)}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-transparentCell{inline-size:auto}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-transparentCell:first-child[colspan=\"2\"]+.indexTable-body-row-transparentCell{padding-inline-start:calc(var(--components-indexTable-row-cell-transparent-width) * .75)}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-cell{--components-indexTable-cell-inset-x-left: var(--components-indexTable-row-cell-transparent-width);grid-column-start:2}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]{border:0;border-block-end-width:var(--components-indexTable-row-stack-border-bottom);border-style:solid;border-color:transparent}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:before,.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:after{content:\"\";position:absolute;inset-block-start:0;inset-block-end:calc((var(--components-indexTable-row-spacing-responsive) + var(--components-indexTable-stack3-row-spacing)) * -1);background-image:var(--components-indexTable-row-stack2-background-image, none),var(--components-indexTable-row-stack3-background-image, none);background-position:var(--components-indexTable-row-stack2-background-position, 0 0),var(--components-indexTable-row-stack3-background-position, 0 0);background-repeat:no-repeat,no-repeat;transition-property:background-image,background-position;transition-duration:var(--commons-animations-durations-fast)}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:before{inset-inline-start:var(--components-indexTable-cell-inset-x-left, 0);inset-inline-end:50%;--components-indexTable-row-stack2-background-position: left -2px bottom 6px;--components-indexTable-row-stack3-background-position: left 1px bottom 2px}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:after{inset-inline-start:50%;inset-inline-end:0;--components-indexTable-row-stack2-background-position: right -2px bottom 6px;--components-indexTable-row-stack3-background-position: right 1px bottom 2px}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row-cell{border-block-end:0;background-image:none}.indexTable.mod-selectable.mod-stackable.mod-responsiveCardList .indexTable-body-row{--components-indexTable-cell-inset-x-left: var(--components-indexTable-row-cell-transparent-width)}}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:has(.indexTable-body-row-cell-link:focus-visible,.indexTable-body-row-cell.mod-actions:focus-within){--components-indexTable-cell-subAction-opacity: 1}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:has(.indexTable-body-row-cell-link:focus-visible){--components-indexTable-outline-opacity: 1}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:hover{--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-hover);--components-indexTable-cell-inset-x: var(--components-indexTable-hover-offset-x);--components-indexTable-cell-inset-y: var(--components-indexTable-hover-offset-y);--components-indexTable-cell-z-index: 2;--components-indexTable-cell-subAction-opacity: 1}.indexTable .indexTable-body-row.is-closed,.indexTable .indexTable-foot-row.is-closed{display:none}.indexTable .indexTable-body-row-cellTitle-button[aria-expanded=false] .icon-arrowChevronTop{transform:rotate(180deg)}.indexTable .indexTable-body-row:has(.indexTable-body-row-cellTitle-button[aria-expanded=true]) .indexTable-body-row-subTotal{display:none}.indexTable .indexTable-body-row:first-child:has(.indexTable-body-row-cellTitle-button.button[aria-expanded=false])~.indexTable-body-row{--components-indexTable-row-display: none}.indexTable .indexTable-body-row-cellTitle-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none;--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-25);position:static}.indexTable .indexTable-body-row-cellTitle-button.button:hover,.indexTable .indexTable-body-row-cellTitle-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.indexTable .indexTable-body-row-cellTitle-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-body-row-cellTitle-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-body-row-cellTitle-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-body-row-cellTitle-button.button:before{content:\"\";position:absolute;inset:0}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
72
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SkeletonIndexTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
73
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SkeletonIndexTableComponent, isStandalone: true, selector: "lu-skeleton-index-table", inputs: { tableBodyOnly: { classPropertyName: "tableBodyOnly", publicName: "tableBodyOnly", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (tableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"indexTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"indexTable-head\">\n\t\t\t<tr class=\"indexTable-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<th class=\"indexTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t<span class=\"skeleton-item mod-dark\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"indexTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"indexTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"indexTable-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@layer components{.indexTable{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: var(--pr-t-border-radius-structure);--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--components-indexTable-row-display: table-row;--components-indexTable-row-spacing-responsive: 8px;--components-indexTable-cell-paddingInline: var(--pr-t-spacings-150);--components-indexTable-cell-paddingBlock: var(--pr-t-spacings-100);--components-indexTable-cell-border-radius: var(--pr-t-border-radius-default);--components-indexTable-cell-background-color-default: var(--palettes-neutral-0);--components-indexTable-cell-shadow-default: var(--pr-t-elevation-shadow-raised);--components-indexTable-cell-background-color-selected: var(--palettes-product-50);--components-indexTable-cell-shadow-selected: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-indexTable-cell-shadow-hover: var(--pr-t-elevation-shadow-overlay);--components-indexTable-row-cell-transparent-width: 2.25rem;--components-indexTable-stack2-row-spacing: 5px;--components-indexTable-stack3-row-spacing: 9px;--components-indexTable-stack-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='2008' height='48' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.2 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.4 0'/%3E%3CfeBlend in2='effect1_dropShadow_1214_48875' mode='multiply' result='effect2_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='effect3_dropShadow_1214_48875'/%3E%3CfeOffset/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.08 0'/%3E%3CfeBlend in2='effect2_dropShadow_1214_48875' result='effect3_dropShadow_1214_48875'/%3E%3CfeBlend in='SourceGraphic' in2='effect3_dropShadow_1214_48875' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none' viewBox='0 0 2008 48'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23FFF1EB' stroke='%23FF9361' rx='8'/%3E%3C/svg%3E%0A\");--components-indexTable-hover-offset-x: -4px;--components-indexTable-hover-offset-y: -1px;--components-indexTable-outline-offset: 4px;--components-indexTable-outline-border-width: 2px;--components-indexTable-outline-border-radius: calc( var(--components-indexTable-cell-border-radius) + var(--components-indexTable-outline-offset) );--components-indexTable-outline-color: var(--palettes-product-700);position:relative;display:table;inline-size:100%;padding-block:0 calc(var(--components-indexTable-padding) - var(--components-indexTable-row-spacing));padding-inline:var(--components-indexTable-padding);border-collapse:separate;border-spacing:0 var(--components-indexTable-row-spacing);border-radius:var(--components-indexTable-border-radius);background-color:var(--components-indexTable-background-color);color:var(--pr-t-color-text);contain:paint}.indexTable-head{display:table-header-group;vertical-align:bottom}.indexTable-body,.indexTable-foot{display:table-row-group}.indexTable-foot:is(tfoot){display:table-footer-group}.indexTable-head-row,.indexTable-body-row,.indexTable-foot-row{display:var(--components-indexTable-row-display)}.indexTable-head-row-transparentCell,.indexTable-body-row-transparentCell,.indexTable-head-row-cell,.indexTable-body-row-cell,.indexTable-foot-row-cell{display:table-cell;text-align:start;font-weight:var(--pr-t-font-fontWeight-regular)}.indexTable-head-row-transparentCell,.indexTable-body-row-transparentCell{vertical-align:middle;padding-block:var(--pr-t-spacings-50);padding-inline:0;position:relative;z-index:3}.indexTable-head-row-transparentCell:not(:first-child),.indexTable-body-row-transparentCell:not(:first-child){padding-inline-end:var(--components-indexTable-cell-paddingInline)}.indexTable-head-row-cell,.indexTable-body-row-cell,.indexTable-foot-row-cell{vertical-align:top;padding-block:var(--components-indexTable-cell-paddingBlock);padding-inline:var(--components-indexTable-cell-paddingInline)}.indexTable-body-row{border-radius:var(--pr-t-border-radius-default)}.indexTable-body-row:has(.indexTable-body-row-cell-link) .indexTable-body-row-cell:not(:has(button,a,input,textarea,select,details,[tabindex=\"0\"]),.mod-allowTextSelection){pointer-events:none}.indexTable-body-row:not(:has(.indexTable-body-row-cell-link)):has(.indexTable-body-row-cell-action){cursor:pointer}.indexTable-head-row-cell{color:var(--pr-t-color-text-subtle)}.indexTable-foot-row-cell{text-align:end;padding-block:var(--pr-t-spacings-50)}.indexTable-body-row-cell{position:relative;z-index:var(--components-indexTable-cell-z-index, 1);border:var(--commons-divider-width) 0 solid transparent;--components-indexTable-cell-inset-x-left: var(--components-indexTable-cell-inset-x);--components-indexTable-cell-border-radius-left: var(--components-indexTable-cell-border-radius);--components-indexTable-cell-border-radius-right: 0;--components-indexTable-outline-border-radius-left: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-radius-right: 0;--components-indexTable-outline-border-width-left: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-width-right: 0}.indexTable-body-row-cell~.indexTable-body-row-cell{--components-indexTable-cell-inset-x-left: 0px;--components-indexTable-shadow-mask: calc(var(--pr-t-spacings-100) * -1) 0px 0px 0px var(--components-indexTable-cell-background-color, var(--components-indexTable-cell-background-color-default));--components-indexTable-cell-border-radius-left: 0;--components-indexTable-outline-border-radius-left: 0;--components-indexTable-outline-border-width-left: 0}.indexTable-body-row-cell:last-child{--components-indexTable-cell-inset-x-right: var(--components-indexTable-cell-inset-x);--components-indexTable-cell-border-radius-right: var(--components-indexTable-cell-border-radius);--components-indexTable-outline-border-radius-right: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-width-right: var(--components-indexTable-outline-border-width)}.indexTable-body-row-cell:before,.indexTable-body-row-cell:after{content:\"\";position:absolute;z-index:-1;transition-duration:var(--commons-animations-durations-fast)}.indexTable-body-row-cell:before{inset:var(--components-indexTable-cell-inset-y, 0) var(--components-indexTable-cell-inset-x-right, 0) var(--components-indexTable-cell-inset-y, 0) var(--components-indexTable-cell-inset-x-left, 0);border-radius:var(--components-indexTable-cell-border-radius-left) var(--components-indexTable-cell-border-radius-right) var(--components-indexTable-cell-border-radius-right) var(--components-indexTable-cell-border-radius-left);background-color:var(--components-indexTable-cell-background-color, var(--components-indexTable-cell-background-color-default));box-shadow:var(--components-indexTable-shadow-mask, 0 0 0 0),var(--components-indexTable-cell-shadow, var(--components-indexTable-cell-shadow-default));transition-property:inset,box-shadow,background-color}.indexTable-body-row-cell:after{inset:calc(var(--components-indexTable-cell-inset-y, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-x-right, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-y, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-x-left, 0px) - var(--components-indexTable-outline-offset));border-radius:var(--components-indexTable-outline-border-radius-left) var(--components-indexTable-outline-border-radius-right) var(--components-indexTable-outline-border-radius-right) var(--components-indexTable-outline-border-radius-left);border-block-width:var(--components-indexTable-outline-border-width);border-inline-width:var(--components-indexTable-outline-border-width-left) var(--components-indexTable-outline-border-width-right);border-style:solid;border-color:var(--components-indexTable-outline-color);opacity:var(--components-indexTable-outline-opacity, 0);transition-property:inset}.indexTable-body-row-cell:has(.emptyState){--components-indexTable-cell-shadow: none}.indexTable-body-row-cell-checkbox,.indexTable-head-row-cell-checkbox{margin:var(--pr-t-spacings-50)}.indexTable-body-row-cell-action{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.indexTable-body-row-cell-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;text-decoration:none}.indexTable-body-row-cell-link:after{content:\"\";position:absolute;inset:0 -9999px;z-index:-1}.indexTable-body-row-cell-link,.indexTable-body-row-cell-link:hover{color:currentColor}.indexTable-body-row-cell-link:focus-visible{outline:none}.indexTable-body-row-cellTitle{position:relative;display:flex;align-items:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-25);font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTable-body-row-cellTitle-title{font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTableWrapper{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: var(--pr-t-border-radius-structure);--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--components-indexTable-row-display: table-row;--components-indexTable-row-spacing-responsive: 8px;--components-indexTable-cell-paddingInline: var(--pr-t-spacings-150);--components-indexTable-cell-paddingBlock: var(--pr-t-spacings-100);--components-indexTable-cell-border-radius: var(--pr-t-border-radius-default);--components-indexTable-cell-background-color-default: var(--palettes-neutral-0);--components-indexTable-cell-shadow-default: var(--pr-t-elevation-shadow-raised);--components-indexTable-cell-background-color-selected: var(--palettes-product-50);--components-indexTable-cell-shadow-selected: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-indexTable-cell-shadow-hover: var(--pr-t-elevation-shadow-overlay);--components-indexTable-row-cell-transparent-width: 2.25rem;--components-indexTable-stack2-row-spacing: 5px;--components-indexTable-stack3-row-spacing: 9px;--components-indexTable-stack-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='2008' height='48' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.2 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.4 0'/%3E%3CfeBlend in2='effect1_dropShadow_1214_48875' mode='multiply' result='effect2_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='effect3_dropShadow_1214_48875'/%3E%3CfeOffset/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.08 0'/%3E%3CfeBlend in2='effect2_dropShadow_1214_48875' result='effect3_dropShadow_1214_48875'/%3E%3CfeBlend in='SourceGraphic' in2='effect3_dropShadow_1214_48875' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none' viewBox='0 0 2008 48'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23FFF1EB' stroke='%23FF9361' rx='8'/%3E%3C/svg%3E%0A\");--components-indexTable-hover-offset-x: -4px;--components-indexTable-hover-offset-y: -1px;--components-indexTable-outline-offset: 4px;--components-indexTable-outline-border-width: 2px;--components-indexTable-outline-border-radius: calc( var(--components-indexTable-cell-border-radius) + var(--components-indexTable-outline-offset) );--components-indexTable-outline-color: var(--palettes-product-700);display:flex;flex-direction:column;padding-block-end:var(--pr-t-spacings-100);border-radius:var(--components-indexTable-border-radius);background-color:var(--components-indexTable-background-color)}.indexTableWrapper .indexTable{flex-grow:1;padding-block-end:0}.indexTableWrapper .pagination{align-self:flex-end;padding-block:var(--pr-t-spacings-50) 0;padding-inline:0;margin-inline-end:var(--pr-t-spacings-100)}.indexTableWrapper .pagination-scrolling .button:hover{--components-button-backgroundColor: var(--palettes-neutral-100);--components-button-color: var(--palettes-neutral-700)}.indexTable .indexTableWrapper-pagination:empty{display:none}.indexTable .statusBadge,.indexTable .tag,.indexTable .avatar{vertical-align:top}.indexTable .statusBadge,.indexTable .tag{margin-block-start:var(--pr-t-spacings-25)}.indexTable .avatarWrapper{display:inline-flex}.indexTable .tableSortable.button:hover{--components-button-backgroundColor: var(--palettes-neutral-100);color:var(--palettes-neutral-700)}}@layer mods{.indexTable.mod-selectable .indexTable-body-row:is(:focus-within,:hover){outline:none}.indexTable.mod-selectable .indexTable-head-row-transparentCell,.indexTable.mod-selectable .indexTable-body-row-transparentCell{inline-size:var(--components-indexTable-row-cell-transparent-width)}.indexTable.mod-selectable .indexTable-head-row-transparentCell:first-child,.indexTable.mod-selectable .indexTable-body-row-transparentCell:first-child{padding-inline-start:0}.indexTable.mod-selectable .indexTable-body-row:has(.checkbox-input:checked,.checkboxField-input:checked){--components-indexTable-cell-background-color: var(--components-indexTable-cell-background-color-selected) !important;--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-selected) !important;--components-indexTable-stack-svg: var(--components-indexTable-stack-svg-selected)}.indexTable.mod-selectable .indexTable-body-row:hover:has(.indexTable-body-row-transparentCell:hover){--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-default);--components-indexTable-cell-inset-x: 0px;--components-indexTable-cell-inset-y: 0px;--components-indexTable-cell-subAction-opacity: 0}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack2,.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack3,.indexTable.mod-stackable .indexTable-body-row.mod-stack2,.indexTable.mod-stackable .indexTable-body-row.mod-stack3{--components-indexTable-row-stack-border-bottom: var(--components-indexTable-stack2-row-spacing);--components-indexTable-row-stack2-background-image: var(--components-indexTable-stack-svg)}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack3,.indexTable.mod-stackable .indexTable-body-row.mod-stack3{--components-indexTable-row-stack-border-bottom: var(--components-indexTable-stack3-row-spacing);--components-indexTable-row-stack3-background-image: var(--components-indexTable-stack-svg)}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell,.indexTable.mod-stackable .indexTable-body-row-cell{border-block-end:var(--components-indexTable-row-stack-border-bottom) solid transparent;background-image:var(--components-indexTable-row-stack2-background-image, none),var(--components-indexTable-row-stack3-background-image, none);background-position:var(--components-indexTable-row-stack2-background-position, 0 0),var(--components-indexTable-row-stack3-background-position, 0 0);background-repeat:no-repeat,no-repeat;transition-property:background-image,background-position;transition-duration:var(--commons-animations-durations-fast);--components-indexTable-row-stack2-background-position: left calc(-2px + var(--components-indexTable-cell-inset-x-left, 0px)) bottom -10px;--components-indexTable-row-stack3-background-position: left calc(1px + var(--components-indexTable-cell-inset-x-left, 0px)) bottom -14px}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell~.indexTable-body-row-cell,.indexTable.mod-stackable .indexTable-body-row-cell~.indexTable-body-row-cell{--components-indexTable-row-stack2-background-position: left -20px bottom -10px;--components-indexTable-row-stack3-background-position: left -20px bottom -14px}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell:last-child,.indexTable.mod-stackable .indexTable-body-row-cell:last-child{--components-indexTable-row-stack2-background-position: right calc(-2px + var(--components-indexTable-cell-inset-x-right, 0px)) bottom -10px;--components-indexTable-row-stack3-background-position: right calc(1px + var(--components-indexTable-cell-inset-x-right, 0px)) bottom -14px}.indexTable.mod-stickyHeader .indexTable-head{position:sticky;inset-block-start:var(--components-indexTable-row-spacing);z-index:3}.indexTable.mod-stickyHeader .indexTable-head-row-cell{position:relative}.indexTable.mod-stickyHeader .indexTable-head-row-cell:before,.indexTable.mod-stickyHeader .indexTable-head-row-cell:after{content:\"\";position:absolute;inset:calc(var(--components-indexTable-row-spacing) * -1) calc(var(--components-indexTable-padding) * -1) 0;z-index:-1}.indexTable.mod-stickyHeader .indexTable-head-row-cell:before{background-color:var(--commons-background-base)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:after{background-color:var(--components-indexTable-background-color)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:first-child:after{border-start-start-radius:var(--components-indexTable-border-radius)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:last-child:after{border-start-end-radius:var(--components-indexTable-border-radius)}.indexTable[class*=mod-layoutFixed] .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed] .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed] .indexTable-foot-row-cell{--cell-width: calc(var(--components-indexTable-cell-fixed-width, var(--components-index-table-cell-fixed-width)) * 1rem)}.indexTable[class*=mod-layoutFixed].mod-layoutFixed{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}@media(min-width:20em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:30em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:40em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:50em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:64em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:80em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:85.375em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:100em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:120em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell{padding:0}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection{display:flex;align-items:center;justify-content:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-50);border-radius:var(--pr-t-border-radius-default);font:var(--pr-t-font-body-S);color:var(--pr-t-color-text);background-color:var(--pr-t-elevation-surface-default)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:hover,.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.indexTable .indexTable-head-row-cell.mod-actions,.indexTable .indexTable-body-row-cell.mod-actions{inline-size:1%;padding:var(--pr-t-spacings-50);white-space:nowrap}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-row-cell.mod-actions .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.indexTable .indexTable-head-row-cell.mod-actions .button .numericBadge,.indexTable .indexTable-body-row-cell.mod-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-row-cell.mod-actions .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.indexTable .indexTable-head-row-cell.mod-actions .button:hover,.indexTable .indexTable-head-row-cell.mod-actions .button:focus-visible,.indexTable .indexTable-body-row-cell.mod-actions .button:hover,.indexTable .indexTable-body-row-cell.mod-actions .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.indexTable .indexTable-head-row-cell.mod-actions .button:active,.indexTable .indexTable-body-row-cell.mod-actions .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-head-row-cell.mod-actions .button:disabled,.indexTable .indexTable-body-row-cell.mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-row-cell.mod-actions .button{--components-button-padding: var(--pr-t-spacings-75)}.indexTable .indexTable-head-row-cell.mod-actions .button.mod-critical:hover,.indexTable .indexTable-head-row-cell.mod-actions .button.mod-delete:hover,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-critical:hover,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.indexTable .indexTable-head-row-cell.mod-actions .button.mod-critical:active,.indexTable .indexTable-head-row-cell.mod-actions .button.mod-delete:active,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-critical:active,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.indexTable .indexTable-body-row-cell.mod-tfoot,.indexTable .indexTable-foot-row-cell.mod-tfoot{padding-block:var(--pr-t-spacings-50)}.indexTable .indexTable-body-row-cell.mod-tfoot:before,.indexTable .indexTable-body-row-cell.mod-tfoot:after,.indexTable .indexTable-foot-row-cell.mod-tfoot:before,.indexTable .indexTable-foot-row-cell.mod-tfoot:after{content:none}.indexTable .indexTable-head-row-cell.mod-alignEnd,.indexTable .indexTable-head-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-head-row-cell.mod-alignRight,.indexTable .indexTable-head-row-cell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignEnd,.indexTable .indexTable-body-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignRight,.indexTable .indexTable-body-row-cell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignEnd,.indexTable .indexTable-body-row-transparentCell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignRight,.indexTable .indexTable-body-row-transparentCell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignEnd,.indexTable .indexTable-foot-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignRight,.indexTable .indexTable-foot-row-cell.mod-alignRight .indexTable-body-row-cell-link{text-align:end}.indexTable .indexTable-head-row-cell.mod-alignCenter,.indexTable .indexTable-head-row-cell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignCenter,.indexTable .indexTable-body-row-cell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignCenter,.indexTable .indexTable-body-row-transparentCell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignCenter,.indexTable .indexTable-foot-row-cell.mod-alignCenter .indexTable-body-row-cell-link{text-align:center}.indexTable .indexTable-head-row-cell.mod-alignStart,.indexTable .indexTable-head-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-head-row-cell.mod-alignLeft,.indexTable .indexTable-head-row-cell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignStart,.indexTable .indexTable-body-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignLeft,.indexTable .indexTable-body-row-cell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignStart,.indexTable .indexTable-body-row-transparentCell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignLeft,.indexTable .indexTable-body-row-transparentCell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignStart,.indexTable .indexTable-foot-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignLeft,.indexTable .indexTable-foot-row-cell.mod-alignLeft .indexTable-body-row-cell-link{text-align:start}@media not all and (min-width:50em){.indexTable.mod-responsiveCardList{display:flex;flex-direction:column;gap:var(--components-indexTable-row-spacing);padding:var(--components-indexTable-padding)}.indexTable.mod-responsiveCardList .indexTable-head{display:none}.indexTable.mod-responsiveCardList .indexTable-body{display:flex;flex-direction:column}.indexTable.mod-responsiveCardList .indexTable-body-row,.indexTable.mod-responsiveCardList .indexTable-foot-row{position:relative;display:grid;grid-template-columns:var(--components-indexTable-row-responsive-grid-template-columns, 1fr);grid-template-rows:var(--components-indexTable-row-responsive-grid-template-rows, none);grid-auto-rows:auto;grid-template-areas:var(--components-indexTable-row-responsive-grid-template-areas, none);align-items:center;padding-block:var(--components-indexTable-row-spacing-responsive);padding-inline:0;margin-block-end:var(--components-indexTable-row-spacing-responsive)}.indexTable.mod-responsiveCardList .indexTable-body-row:not(:has(.indexTable-body-row-cell)),.indexTable.mod-responsiveCardList .indexTable-foot-row:not(:has(.indexTable-body-row-cell)){padding:0;margin-block-end:0}.indexTable.mod-responsiveCardList .indexTable-body-row:last-child,.indexTable.mod-responsiveCardList .indexTable-foot-row:last-child{margin-block-end:0}.indexTable.mod-responsiveCardList .indexTable-body-row-transparentCell{grid-row:1}.indexTable.mod-responsiveCardList .indexTable-body-row-cell{--components-indexTable-cell-paddingBlock: 0;position:static;grid-column-start:1}.indexTable.mod-responsiveCardList .indexTable-body-row-cell:before{--components-indexTable-cell-border-radius-left: var(--components-indexTable-cell-border-radius);--components-indexTable-cell-border-radius-right: var(--components-indexTable-cell-border-radius)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell:after{--components-indexTable-outline-border-width-left: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-width-right: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-radius-left: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-radius-right: var(--components-indexTable-outline-border-radius)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell~.indexTable-body-row-cell:before,.indexTable.mod-responsiveCardList .indexTable-body-row-cell~.indexTable-body-row-cell:after{display:none}.indexTable.mod-responsiveCardList .indexTable-body-row-cell-content[data-label]{display:flex;flex-direction:column;margin-block-start:var(--pr-t-spacings-50)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell-content[data-label]:before{content:attr(data-label);font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTable.mod-responsiveCardList .indexTable-head-row-cell-checkbox,.indexTable.mod-responsiveCardList .indexTable-body-row-cell-checkbox{margin-block:0}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row{grid-template-columns:var(--components-indexTable-row-cell-transparent-width) var(--components-indexTable-row-responsive-grid-template-columns, 1fr)}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-transparentCell{inline-size:auto}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-transparentCell:first-child[colspan=\"2\"]+.indexTable-body-row-transparentCell{padding-inline-start:calc(var(--components-indexTable-row-cell-transparent-width) * .75)}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-cell{--components-indexTable-cell-inset-x-left: var(--components-indexTable-row-cell-transparent-width);grid-column-start:2}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]{border:0;border-block-end-width:var(--components-indexTable-row-stack-border-bottom);border-style:solid;border-color:transparent}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:before,.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:after{content:\"\";position:absolute;inset-block-start:0;inset-block-end:calc((var(--components-indexTable-row-spacing-responsive) + var(--components-indexTable-stack3-row-spacing)) * -1);background-image:var(--components-indexTable-row-stack2-background-image, none),var(--components-indexTable-row-stack3-background-image, none);background-position:var(--components-indexTable-row-stack2-background-position, 0 0),var(--components-indexTable-row-stack3-background-position, 0 0);background-repeat:no-repeat,no-repeat;transition-property:background-image,background-position;transition-duration:var(--commons-animations-durations-fast)}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:before{inset-inline-start:var(--components-indexTable-cell-inset-x-left, 0);inset-inline-end:50%;--components-indexTable-row-stack2-background-position: left -2px bottom 6px;--components-indexTable-row-stack3-background-position: left 1px bottom 2px}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:after{inset-inline-start:50%;inset-inline-end:0;--components-indexTable-row-stack2-background-position: right -2px bottom 6px;--components-indexTable-row-stack3-background-position: right 1px bottom 2px}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row-cell{border-block-end:0;background-image:none}.indexTable.mod-selectable.mod-stackable.mod-responsiveCardList .indexTable-body-row{--components-indexTable-cell-inset-x-left: var(--components-indexTable-row-cell-transparent-width)}}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:has(.indexTable-body-row-cell-link:focus-visible,.indexTable-body-row-cell.mod-actions:focus-within){--components-indexTable-cell-subAction-opacity: 1}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:has(.indexTable-body-row-cell-link:focus-visible){--components-indexTable-outline-opacity: 1}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:hover{--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-hover);--components-indexTable-cell-inset-x: var(--components-indexTable-hover-offset-x);--components-indexTable-cell-inset-y: var(--components-indexTable-hover-offset-y);--components-indexTable-cell-z-index: 2;--components-indexTable-cell-subAction-opacity: 1}.indexTable .indexTable-body-row.is-closed,.indexTable .indexTable-foot-row.is-closed{display:none}.indexTable .indexTable-body-row-cellTitle-button[aria-expanded=false] .icon-arrowChevronTop{transform:rotate(180deg)}.indexTable .indexTable-body-row:has(.indexTable-body-row-cellTitle-button[aria-expanded=true]) .indexTable-body-row-subTotal{display:none}.indexTable .indexTable-body-row:first-child:has(.indexTable-body-row-cellTitle-button.button[aria-expanded=false])~.indexTable-body-row{--components-indexTable-row-display: none}.indexTable .indexTable-body-row-cellTitle-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.indexTable .indexTable-body-row-cellTitle-button.button:hover,.indexTable .indexTable-body-row-cellTitle-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.indexTable .indexTable-body-row-cellTitle-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-body-row-cellTitle-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-body-row-cellTitle-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.indexTable .indexTable-body-row-cellTitle-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-body-row-cellTitle-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-25);position:static}.indexTable .indexTable-body-row-cellTitle-button.button:before{content:\"\";position:absolute;inset:0}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
74
74
|
}
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
75
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SkeletonIndexTableComponent, decorators: [{
|
|
76
76
|
type: Component,
|
|
77
|
-
args: [{ selector: 'lu-skeleton-index-table', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "@if (tableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"indexTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"indexTable-head\">\n\t\t\t<tr class=\"indexTable-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<th class=\"indexTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t<span class=\"skeleton-item mod-dark\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"indexTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"indexTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"indexTable-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@layer components{.indexTable{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: var(--pr-t-border-radius-structure);--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--components-indexTable-row-display: table-row;--components-indexTable-row-spacing-responsive: 8px;--components-indexTable-cell-paddingInline: var(--pr-t-spacings-150);--components-indexTable-cell-paddingBlock: var(--pr-t-spacings-100);--components-indexTable-cell-border-radius: var(--pr-t-border-radius-default);--components-indexTable-cell-background-color-default: var(--palettes-neutral-0);--components-indexTable-cell-shadow-default: var(--pr-t-elevation-shadow-raised);--components-indexTable-cell-background-color-selected: var(--palettes-product-50);--components-indexTable-cell-shadow-selected: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-indexTable-cell-shadow-hover: var(--pr-t-elevation-shadow-overlay);--components-indexTable-row-cell-transparent-width: 2.25rem;--components-indexTable-stack2-row-spacing: 5px;--components-indexTable-stack3-row-spacing: 9px;--components-indexTable-stack-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='2008' height='48' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.2 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.4 0'/%3E%3CfeBlend in2='effect1_dropShadow_1214_48875' mode='multiply' result='effect2_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='effect3_dropShadow_1214_48875'/%3E%3CfeOffset/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.08 0'/%3E%3CfeBlend in2='effect2_dropShadow_1214_48875' result='effect3_dropShadow_1214_48875'/%3E%3CfeBlend in='SourceGraphic' in2='effect3_dropShadow_1214_48875' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none' viewBox='0 0 2008 48'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23FFF1EB' stroke='%23FF9361' rx='8'/%3E%3C/svg%3E%0A\");--components-indexTable-hover-offset-x: -4px;--components-indexTable-hover-offset-y: -1px;--components-indexTable-outline-offset: 4px;--components-indexTable-outline-border-width: 2px;--components-indexTable-outline-border-radius: calc( var(--components-indexTable-cell-border-radius) + var(--components-indexTable-outline-offset) );--components-indexTable-outline-color: var(--palettes-product-700);position:relative;display:table;inline-size:100%;padding-block:0 calc(var(--components-indexTable-padding) - var(--components-indexTable-row-spacing));padding-inline:var(--components-indexTable-padding);border-collapse:separate;border-spacing:0 var(--components-indexTable-row-spacing);border-radius:var(--components-indexTable-border-radius);background-color:var(--components-indexTable-background-color);color:var(--pr-t-color-text);contain:paint}.indexTable-head{display:table-header-group;vertical-align:bottom}.indexTable-body,.indexTable-foot{display:table-row-group}.indexTable-foot:is(tfoot){display:table-footer-group}.indexTable-head-row,.indexTable-body-row,.indexTable-foot-row{display:var(--components-indexTable-row-display)}.indexTable-head-row-transparentCell,.indexTable-body-row-transparentCell,.indexTable-head-row-cell,.indexTable-body-row-cell,.indexTable-foot-row-cell{display:table-cell;text-align:start;font-weight:var(--pr-t-font-fontWeight-regular)}.indexTable-head-row-transparentCell,.indexTable-body-row-transparentCell{vertical-align:middle;padding-block:var(--pr-t-spacings-50);padding-inline:0;position:relative;z-index:3}.indexTable-head-row-transparentCell:not(:first-child),.indexTable-body-row-transparentCell:not(:first-child){padding-inline-end:var(--components-indexTable-cell-paddingInline)}.indexTable-head-row-cell,.indexTable-body-row-cell,.indexTable-foot-row-cell{vertical-align:top;padding-block:var(--components-indexTable-cell-paddingBlock);padding-inline:var(--components-indexTable-cell-paddingInline)}.indexTable-body-row{border-radius:var(--pr-t-border-radius-default)}.indexTable-body-row:has(.indexTable-body-row-cell-link) .indexTable-body-row-cell:not(:has(button,a,input,textarea,select,details,[tabindex=\"0\"]),.mod-allowTextSelection){pointer-events:none}.indexTable-body-row:not(:has(.indexTable-body-row-cell-link)):has(.indexTable-body-row-cell-action){cursor:pointer}.indexTable-head-row-cell{color:var(--pr-t-color-text-subtle)}.indexTable-foot-row-cell{text-align:end;padding-block:var(--pr-t-spacings-50)}.indexTable-body-row-cell{position:relative;z-index:var(--components-indexTable-cell-z-index, 1);border:var(--commons-divider-width) 0 solid transparent;--components-indexTable-cell-inset-x-left: var(--components-indexTable-cell-inset-x);--components-indexTable-cell-border-radius-left: var(--components-indexTable-cell-border-radius);--components-indexTable-cell-border-radius-right: 0;--components-indexTable-outline-border-radius-left: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-radius-right: 0;--components-indexTable-outline-border-width-left: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-width-right: 0}.indexTable-body-row-cell~.indexTable-body-row-cell{--components-indexTable-cell-inset-x-left: 0px;--components-indexTable-shadow-mask: calc(var(--pr-t-spacings-100) * -1) 0px 0px 0px var(--components-indexTable-cell-background-color, var(--components-indexTable-cell-background-color-default));--components-indexTable-cell-border-radius-left: 0;--components-indexTable-outline-border-radius-left: 0;--components-indexTable-outline-border-width-left: 0}.indexTable-body-row-cell:last-child{--components-indexTable-cell-inset-x-right: var(--components-indexTable-cell-inset-x);--components-indexTable-cell-border-radius-right: var(--components-indexTable-cell-border-radius);--components-indexTable-outline-border-radius-right: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-width-right: var(--components-indexTable-outline-border-width)}.indexTable-body-row-cell:before,.indexTable-body-row-cell:after{content:\"\";position:absolute;z-index:-1;transition-duration:var(--commons-animations-durations-fast)}.indexTable-body-row-cell:before{inset:var(--components-indexTable-cell-inset-y, 0) var(--components-indexTable-cell-inset-x-right, 0) var(--components-indexTable-cell-inset-y, 0) var(--components-indexTable-cell-inset-x-left, 0);border-radius:var(--components-indexTable-cell-border-radius-left) var(--components-indexTable-cell-border-radius-right) var(--components-indexTable-cell-border-radius-right) var(--components-indexTable-cell-border-radius-left);background-color:var(--components-indexTable-cell-background-color, var(--components-indexTable-cell-background-color-default));box-shadow:var(--components-indexTable-shadow-mask, 0 0 0 0),var(--components-indexTable-cell-shadow, var(--components-indexTable-cell-shadow-default));transition-property:inset,box-shadow,background-color}.indexTable-body-row-cell:after{inset:calc(var(--components-indexTable-cell-inset-y, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-x-right, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-y, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-x-left, 0px) - var(--components-indexTable-outline-offset));border-radius:var(--components-indexTable-outline-border-radius-left) var(--components-indexTable-outline-border-radius-right) var(--components-indexTable-outline-border-radius-right) var(--components-indexTable-outline-border-radius-left);border-block-width:var(--components-indexTable-outline-border-width);border-inline-width:var(--components-indexTable-outline-border-width-left) var(--components-indexTable-outline-border-width-right);border-style:solid;border-color:var(--components-indexTable-outline-color);opacity:var(--components-indexTable-outline-opacity, 0);transition-property:inset}.indexTable-body-row-cell:has(.emptyState){--components-indexTable-cell-shadow: none}.indexTable-body-row-cell-checkbox,.indexTable-head-row-cell-checkbox{margin:var(--pr-t-spacings-50)}.indexTable-body-row-cell-action{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.indexTable-body-row-cell-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;text-decoration:none}.indexTable-body-row-cell-link:after{content:\"\";position:absolute;inset:0 -9999px;z-index:-1}.indexTable-body-row-cell-link,.indexTable-body-row-cell-link:hover{color:currentColor}.indexTable-body-row-cell-link:focus-visible{outline:none}.indexTable-body-row-cellTitle{position:relative;display:flex;align-items:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-25);font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTable-body-row-cellTitle-title{font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTableWrapper{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: var(--pr-t-border-radius-structure);--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--components-indexTable-row-display: table-row;--components-indexTable-row-spacing-responsive: 8px;--components-indexTable-cell-paddingInline: var(--pr-t-spacings-150);--components-indexTable-cell-paddingBlock: var(--pr-t-spacings-100);--components-indexTable-cell-border-radius: var(--pr-t-border-radius-default);--components-indexTable-cell-background-color-default: var(--palettes-neutral-0);--components-indexTable-cell-shadow-default: var(--pr-t-elevation-shadow-raised);--components-indexTable-cell-background-color-selected: var(--palettes-product-50);--components-indexTable-cell-shadow-selected: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-indexTable-cell-shadow-hover: var(--pr-t-elevation-shadow-overlay);--components-indexTable-row-cell-transparent-width: 2.25rem;--components-indexTable-stack2-row-spacing: 5px;--components-indexTable-stack3-row-spacing: 9px;--components-indexTable-stack-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='2008' height='48' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.2 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.4 0'/%3E%3CfeBlend in2='effect1_dropShadow_1214_48875' mode='multiply' result='effect2_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='effect3_dropShadow_1214_48875'/%3E%3CfeOffset/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.08 0'/%3E%3CfeBlend in2='effect2_dropShadow_1214_48875' result='effect3_dropShadow_1214_48875'/%3E%3CfeBlend in='SourceGraphic' in2='effect3_dropShadow_1214_48875' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none' viewBox='0 0 2008 48'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23FFF1EB' stroke='%23FF9361' rx='8'/%3E%3C/svg%3E%0A\");--components-indexTable-hover-offset-x: -4px;--components-indexTable-hover-offset-y: -1px;--components-indexTable-outline-offset: 4px;--components-indexTable-outline-border-width: 2px;--components-indexTable-outline-border-radius: calc( var(--components-indexTable-cell-border-radius) + var(--components-indexTable-outline-offset) );--components-indexTable-outline-color: var(--palettes-product-700);display:flex;flex-direction:column;padding-block-end:var(--pr-t-spacings-100);border-radius:var(--components-indexTable-border-radius);background-color:var(--components-indexTable-background-color)}.indexTableWrapper .indexTable{flex-grow:1;padding-block-end:0}.indexTableWrapper .pagination{align-self:flex-end;padding-block:var(--pr-t-spacings-50) 0;padding-inline:0;margin-inline-end:var(--pr-t-spacings-100)}.indexTableWrapper .pagination-scrolling .button:hover{--components-button-backgroundColor: var(--palettes-neutral-100);--components-button-color: var(--palettes-neutral-700)}.indexTable .indexTableWrapper-pagination:empty{display:none}.indexTable .statusBadge,.indexTable .tag,.indexTable .avatar{vertical-align:top}.indexTable .statusBadge,.indexTable .tag{margin-block-start:var(--pr-t-spacings-25)}.indexTable .avatarWrapper{display:inline-flex}.indexTable .tableSortable.button:hover{--components-button-backgroundColor: var(--palettes-neutral-100);color:var(--palettes-neutral-700)}}@layer mods{.indexTable.mod-selectable .indexTable-body-row:is(:focus-within,:hover){outline:none}.indexTable.mod-selectable .indexTable-head-row-transparentCell,.indexTable.mod-selectable .indexTable-body-row-transparentCell{inline-size:var(--components-indexTable-row-cell-transparent-width)}.indexTable.mod-selectable .indexTable-head-row-transparentCell:first-child,.indexTable.mod-selectable .indexTable-body-row-transparentCell:first-child{padding-inline-start:0}.indexTable.mod-selectable .indexTable-body-row:has(.checkbox-input:checked,.checkboxField-input:checked){--components-indexTable-cell-background-color: var(--components-indexTable-cell-background-color-selected) !important;--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-selected) !important;--components-indexTable-stack-svg: var(--components-indexTable-stack-svg-selected)}.indexTable.mod-selectable .indexTable-body-row:hover:has(.indexTable-body-row-transparentCell:hover){--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-default);--components-indexTable-cell-inset-x: 0px;--components-indexTable-cell-inset-y: 0px;--components-indexTable-cell-subAction-opacity: 0}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack2,.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack3,.indexTable.mod-stackable .indexTable-body-row.mod-stack2,.indexTable.mod-stackable .indexTable-body-row.mod-stack3{--components-indexTable-row-stack-border-bottom: var(--components-indexTable-stack2-row-spacing);--components-indexTable-row-stack2-background-image: var(--components-indexTable-stack-svg)}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack3,.indexTable.mod-stackable .indexTable-body-row.mod-stack3{--components-indexTable-row-stack-border-bottom: var(--components-indexTable-stack3-row-spacing);--components-indexTable-row-stack3-background-image: var(--components-indexTable-stack-svg)}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell,.indexTable.mod-stackable .indexTable-body-row-cell{border-block-end:var(--components-indexTable-row-stack-border-bottom) solid transparent;background-image:var(--components-indexTable-row-stack2-background-image, none),var(--components-indexTable-row-stack3-background-image, none);background-position:var(--components-indexTable-row-stack2-background-position, 0 0),var(--components-indexTable-row-stack3-background-position, 0 0);background-repeat:no-repeat,no-repeat;transition-property:background-image,background-position;transition-duration:var(--commons-animations-durations-fast);--components-indexTable-row-stack2-background-position: left calc(-2px + var(--components-indexTable-cell-inset-x-left, 0px)) bottom -10px;--components-indexTable-row-stack3-background-position: left calc(1px + var(--components-indexTable-cell-inset-x-left, 0px)) bottom -14px}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell~.indexTable-body-row-cell,.indexTable.mod-stackable .indexTable-body-row-cell~.indexTable-body-row-cell{--components-indexTable-row-stack2-background-position: left -20px bottom -10px;--components-indexTable-row-stack3-background-position: left -20px bottom -14px}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell:last-child,.indexTable.mod-stackable .indexTable-body-row-cell:last-child{--components-indexTable-row-stack2-background-position: right calc(-2px + var(--components-indexTable-cell-inset-x-right, 0px)) bottom -10px;--components-indexTable-row-stack3-background-position: right calc(1px + var(--components-indexTable-cell-inset-x-right, 0px)) bottom -14px}.indexTable.mod-stickyHeader .indexTable-head{position:sticky;inset-block-start:var(--components-indexTable-row-spacing);z-index:3}.indexTable.mod-stickyHeader .indexTable-head-row-cell{position:relative}.indexTable.mod-stickyHeader .indexTable-head-row-cell:before,.indexTable.mod-stickyHeader .indexTable-head-row-cell:after{content:\"\";position:absolute;inset:calc(var(--components-indexTable-row-spacing) * -1) calc(var(--components-indexTable-padding) * -1) 0;z-index:-1}.indexTable.mod-stickyHeader .indexTable-head-row-cell:before{background-color:var(--commons-background-base)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:after{background-color:var(--components-indexTable-background-color)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:first-child:after{border-start-start-radius:var(--components-indexTable-border-radius)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:last-child:after{border-start-end-radius:var(--components-indexTable-border-radius)}.indexTable[class*=mod-layoutFixed] .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed] .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed] .indexTable-foot-row-cell{--cell-width: calc(var(--components-indexTable-cell-fixed-width, var(--components-index-table-cell-fixed-width)) * 1rem)}.indexTable[class*=mod-layoutFixed].mod-layoutFixed{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}@media (min-width: 20em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media (min-width: 30em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media (min-width: 40em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media (min-width: 50em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media (min-width: 64em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media (min-width: 80em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media (min-width: 85.375em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media (min-width: 100em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media (min-width: 120em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell{padding:0}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection{display:flex;align-items:center;justify-content:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-50);border-radius:var(--pr-t-border-radius-default);font:var(--pr-t-font-body-S);color:var(--pr-t-color-text);background-color:var(--pr-t-elevation-surface-default)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none;--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:hover,.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-head-row-cell.mod-actions,.indexTable .indexTable-body-row-cell.mod-actions{inline-size:1%;padding:var(--pr-t-spacings-50);white-space:nowrap}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-row-cell.mod-actions .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none;--components-button-padding: var(--pr-t-spacings-75)}.indexTable .indexTable-head-row-cell.mod-actions .button .numericBadge,.indexTable .indexTable-body-row-cell.mod-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-head-row-cell.mod-actions .button:hover,.indexTable .indexTable-head-row-cell.mod-actions .button:focus-visible,.indexTable .indexTable-body-row-cell.mod-actions .button:hover,.indexTable .indexTable-body-row-cell.mod-actions .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.indexTable .indexTable-head-row-cell.mod-actions .button:active,.indexTable .indexTable-body-row-cell.mod-actions .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-head-row-cell.mod-actions .button:disabled,.indexTable .indexTable-body-row-cell.mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-head-row-cell.mod-actions .button.mod-critical:hover,.indexTable .indexTable-head-row-cell.mod-actions .button.mod-delete:hover,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-critical:hover,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.indexTable .indexTable-head-row-cell.mod-actions .button.mod-critical:active,.indexTable .indexTable-head-row-cell.mod-actions .button.mod-delete:active,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-critical:active,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.indexTable .indexTable-body-row-cell.mod-tfoot,.indexTable .indexTable-foot-row-cell.mod-tfoot{padding-block:var(--pr-t-spacings-50)}.indexTable .indexTable-body-row-cell.mod-tfoot:before,.indexTable .indexTable-body-row-cell.mod-tfoot:after,.indexTable .indexTable-foot-row-cell.mod-tfoot:before,.indexTable .indexTable-foot-row-cell.mod-tfoot:after{content:none}.indexTable .indexTable-head-row-cell.mod-alignEnd,.indexTable .indexTable-head-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-head-row-cell.mod-alignRight,.indexTable .indexTable-head-row-cell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignEnd,.indexTable .indexTable-body-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignRight,.indexTable .indexTable-body-row-cell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignEnd,.indexTable .indexTable-body-row-transparentCell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignRight,.indexTable .indexTable-body-row-transparentCell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignEnd,.indexTable .indexTable-foot-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignRight,.indexTable .indexTable-foot-row-cell.mod-alignRight .indexTable-body-row-cell-link{text-align:end}.indexTable .indexTable-head-row-cell.mod-alignCenter,.indexTable .indexTable-head-row-cell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignCenter,.indexTable .indexTable-body-row-cell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignCenter,.indexTable .indexTable-body-row-transparentCell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignCenter,.indexTable .indexTable-foot-row-cell.mod-alignCenter .indexTable-body-row-cell-link{text-align:center}.indexTable .indexTable-head-row-cell.mod-alignStart,.indexTable .indexTable-head-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-head-row-cell.mod-alignLeft,.indexTable .indexTable-head-row-cell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignStart,.indexTable .indexTable-body-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignLeft,.indexTable .indexTable-body-row-cell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignStart,.indexTable .indexTable-body-row-transparentCell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignLeft,.indexTable .indexTable-body-row-transparentCell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignStart,.indexTable .indexTable-foot-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignLeft,.indexTable .indexTable-foot-row-cell.mod-alignLeft .indexTable-body-row-cell-link{text-align:start}@media not all and (min-width: 50em){.indexTable.mod-responsiveCardList{display:flex;flex-direction:column;gap:var(--components-indexTable-row-spacing);padding:var(--components-indexTable-padding)}.indexTable.mod-responsiveCardList .indexTable-head{display:none}.indexTable.mod-responsiveCardList .indexTable-body{display:flex;flex-direction:column}.indexTable.mod-responsiveCardList .indexTable-body-row,.indexTable.mod-responsiveCardList .indexTable-foot-row{position:relative;display:grid;grid-template-columns:var(--components-indexTable-row-responsive-grid-template-columns, 1fr);grid-template-rows:var(--components-indexTable-row-responsive-grid-template-rows, none);grid-auto-rows:auto;grid-template-areas:var(--components-indexTable-row-responsive-grid-template-areas, none);align-items:center;padding-block:var(--components-indexTable-row-spacing-responsive);padding-inline:0;margin-block-end:var(--components-indexTable-row-spacing-responsive)}.indexTable.mod-responsiveCardList .indexTable-body-row:not(:has(.indexTable-body-row-cell)),.indexTable.mod-responsiveCardList .indexTable-foot-row:not(:has(.indexTable-body-row-cell)){padding:0;margin-block-end:0}.indexTable.mod-responsiveCardList .indexTable-body-row:last-child,.indexTable.mod-responsiveCardList .indexTable-foot-row:last-child{margin-block-end:0}.indexTable.mod-responsiveCardList .indexTable-body-row-transparentCell{grid-row:1}.indexTable.mod-responsiveCardList .indexTable-body-row-cell{--components-indexTable-cell-paddingBlock: 0;position:static;grid-column-start:1}.indexTable.mod-responsiveCardList .indexTable-body-row-cell:before{--components-indexTable-cell-border-radius-left: var(--components-indexTable-cell-border-radius);--components-indexTable-cell-border-radius-right: var(--components-indexTable-cell-border-radius)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell:after{--components-indexTable-outline-border-width-left: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-width-right: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-radius-left: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-radius-right: var(--components-indexTable-outline-border-radius)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell~.indexTable-body-row-cell:before,.indexTable.mod-responsiveCardList .indexTable-body-row-cell~.indexTable-body-row-cell:after{display:none}.indexTable.mod-responsiveCardList .indexTable-body-row-cell-content[data-label]{display:flex;flex-direction:column;margin-block-start:var(--pr-t-spacings-50)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell-content[data-label]:before{content:attr(data-label);font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTable.mod-responsiveCardList .indexTable-head-row-cell-checkbox,.indexTable.mod-responsiveCardList .indexTable-body-row-cell-checkbox{margin-block:0}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row{grid-template-columns:var(--components-indexTable-row-cell-transparent-width) var(--components-indexTable-row-responsive-grid-template-columns, 1fr)}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-transparentCell{inline-size:auto}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-transparentCell:first-child[colspan=\"2\"]+.indexTable-body-row-transparentCell{padding-inline-start:calc(var(--components-indexTable-row-cell-transparent-width) * .75)}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-cell{--components-indexTable-cell-inset-x-left: var(--components-indexTable-row-cell-transparent-width);grid-column-start:2}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]{border:0;border-block-end-width:var(--components-indexTable-row-stack-border-bottom);border-style:solid;border-color:transparent}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:before,.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:after{content:\"\";position:absolute;inset-block-start:0;inset-block-end:calc((var(--components-indexTable-row-spacing-responsive) + var(--components-indexTable-stack3-row-spacing)) * -1);background-image:var(--components-indexTable-row-stack2-background-image, none),var(--components-indexTable-row-stack3-background-image, none);background-position:var(--components-indexTable-row-stack2-background-position, 0 0),var(--components-indexTable-row-stack3-background-position, 0 0);background-repeat:no-repeat,no-repeat;transition-property:background-image,background-position;transition-duration:var(--commons-animations-durations-fast)}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:before{inset-inline-start:var(--components-indexTable-cell-inset-x-left, 0);inset-inline-end:50%;--components-indexTable-row-stack2-background-position: left -2px bottom 6px;--components-indexTable-row-stack3-background-position: left 1px bottom 2px}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:after{inset-inline-start:50%;inset-inline-end:0;--components-indexTable-row-stack2-background-position: right -2px bottom 6px;--components-indexTable-row-stack3-background-position: right 1px bottom 2px}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row-cell{border-block-end:0;background-image:none}.indexTable.mod-selectable.mod-stackable.mod-responsiveCardList .indexTable-body-row{--components-indexTable-cell-inset-x-left: var(--components-indexTable-row-cell-transparent-width)}}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:has(.indexTable-body-row-cell-link:focus-visible,.indexTable-body-row-cell.mod-actions:focus-within){--components-indexTable-cell-subAction-opacity: 1}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:has(.indexTable-body-row-cell-link:focus-visible){--components-indexTable-outline-opacity: 1}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:hover{--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-hover);--components-indexTable-cell-inset-x: var(--components-indexTable-hover-offset-x);--components-indexTable-cell-inset-y: var(--components-indexTable-hover-offset-y);--components-indexTable-cell-z-index: 2;--components-indexTable-cell-subAction-opacity: 1}.indexTable .indexTable-body-row.is-closed,.indexTable .indexTable-foot-row.is-closed{display:none}.indexTable .indexTable-body-row-cellTitle-button[aria-expanded=false] .icon-arrowChevronTop{transform:rotate(180deg)}.indexTable .indexTable-body-row:has(.indexTable-body-row-cellTitle-button[aria-expanded=true]) .indexTable-body-row-subTotal{display:none}.indexTable .indexTable-body-row:first-child:has(.indexTable-body-row-cellTitle-button.button[aria-expanded=false])~.indexTable-body-row{--components-indexTable-row-display: none}.indexTable .indexTable-body-row-cellTitle-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none;--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-25);position:static}.indexTable .indexTable-body-row-cellTitle-button.button:hover,.indexTable .indexTable-body-row-cellTitle-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.indexTable .indexTable-body-row-cellTitle-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-body-row-cellTitle-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-body-row-cellTitle-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-body-row-cellTitle-button.button:before{content:\"\";position:absolute;inset:0}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"] }]
|
|
78
|
-
}] });
|
|
77
|
+
args: [{ selector: 'lu-skeleton-index-table', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "@if (tableBodyOnly()) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"indexTable mod-layoutFixed skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"indexTable-head\">\n\t\t\t<tr class=\"indexTable-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<th class=\"indexTable-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t<span class=\"skeleton-item mod-dark\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"indexTable-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"indexTable-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"indexTable-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@layer components{.indexTable{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: var(--pr-t-border-radius-structure);--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--components-indexTable-row-display: table-row;--components-indexTable-row-spacing-responsive: 8px;--components-indexTable-cell-paddingInline: var(--pr-t-spacings-150);--components-indexTable-cell-paddingBlock: var(--pr-t-spacings-100);--components-indexTable-cell-border-radius: var(--pr-t-border-radius-default);--components-indexTable-cell-background-color-default: var(--palettes-neutral-0);--components-indexTable-cell-shadow-default: var(--pr-t-elevation-shadow-raised);--components-indexTable-cell-background-color-selected: var(--palettes-product-50);--components-indexTable-cell-shadow-selected: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-indexTable-cell-shadow-hover: var(--pr-t-elevation-shadow-overlay);--components-indexTable-row-cell-transparent-width: 2.25rem;--components-indexTable-stack2-row-spacing: 5px;--components-indexTable-stack3-row-spacing: 9px;--components-indexTable-stack-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='2008' height='48' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.2 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.4 0'/%3E%3CfeBlend in2='effect1_dropShadow_1214_48875' mode='multiply' result='effect2_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='effect3_dropShadow_1214_48875'/%3E%3CfeOffset/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.08 0'/%3E%3CfeBlend in2='effect2_dropShadow_1214_48875' result='effect3_dropShadow_1214_48875'/%3E%3CfeBlend in='SourceGraphic' in2='effect3_dropShadow_1214_48875' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none' viewBox='0 0 2008 48'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23FFF1EB' stroke='%23FF9361' rx='8'/%3E%3C/svg%3E%0A\");--components-indexTable-hover-offset-x: -4px;--components-indexTable-hover-offset-y: -1px;--components-indexTable-outline-offset: 4px;--components-indexTable-outline-border-width: 2px;--components-indexTable-outline-border-radius: calc( var(--components-indexTable-cell-border-radius) + var(--components-indexTable-outline-offset) );--components-indexTable-outline-color: var(--palettes-product-700);position:relative;display:table;inline-size:100%;padding-block:0 calc(var(--components-indexTable-padding) - var(--components-indexTable-row-spacing));padding-inline:var(--components-indexTable-padding);border-collapse:separate;border-spacing:0 var(--components-indexTable-row-spacing);border-radius:var(--components-indexTable-border-radius);background-color:var(--components-indexTable-background-color);color:var(--pr-t-color-text);contain:paint}.indexTable-head{display:table-header-group;vertical-align:bottom}.indexTable-body,.indexTable-foot{display:table-row-group}.indexTable-foot:is(tfoot){display:table-footer-group}.indexTable-head-row,.indexTable-body-row,.indexTable-foot-row{display:var(--components-indexTable-row-display)}.indexTable-head-row-transparentCell,.indexTable-body-row-transparentCell,.indexTable-head-row-cell,.indexTable-body-row-cell,.indexTable-foot-row-cell{display:table-cell;text-align:start;font-weight:var(--pr-t-font-fontWeight-regular)}.indexTable-head-row-transparentCell,.indexTable-body-row-transparentCell{vertical-align:middle;padding-block:var(--pr-t-spacings-50);padding-inline:0;position:relative;z-index:3}.indexTable-head-row-transparentCell:not(:first-child),.indexTable-body-row-transparentCell:not(:first-child){padding-inline-end:var(--components-indexTable-cell-paddingInline)}.indexTable-head-row-cell,.indexTable-body-row-cell,.indexTable-foot-row-cell{vertical-align:top;padding-block:var(--components-indexTable-cell-paddingBlock);padding-inline:var(--components-indexTable-cell-paddingInline)}.indexTable-body-row{border-radius:var(--pr-t-border-radius-default)}.indexTable-body-row:has(.indexTable-body-row-cell-link) .indexTable-body-row-cell:not(:has(button,a,input,textarea,select,details,[tabindex=\"0\"]),.mod-allowTextSelection){pointer-events:none}.indexTable-body-row:not(:has(.indexTable-body-row-cell-link)):has(.indexTable-body-row-cell-action){cursor:pointer}.indexTable-head-row-cell{color:var(--pr-t-color-text-subtle)}.indexTable-foot-row-cell{text-align:end;padding-block:var(--pr-t-spacings-50)}.indexTable-body-row-cell{position:relative;z-index:var(--components-indexTable-cell-z-index, 1);border:var(--commons-divider-width) 0 solid transparent;--components-indexTable-cell-inset-x-left: var(--components-indexTable-cell-inset-x);--components-indexTable-cell-border-radius-left: var(--components-indexTable-cell-border-radius);--components-indexTable-cell-border-radius-right: 0;--components-indexTable-outline-border-radius-left: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-radius-right: 0;--components-indexTable-outline-border-width-left: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-width-right: 0}.indexTable-body-row-cell~.indexTable-body-row-cell{--components-indexTable-cell-inset-x-left: 0px;--components-indexTable-shadow-mask: calc(var(--pr-t-spacings-100) * -1) 0px 0px 0px var(--components-indexTable-cell-background-color, var(--components-indexTable-cell-background-color-default));--components-indexTable-cell-border-radius-left: 0;--components-indexTable-outline-border-radius-left: 0;--components-indexTable-outline-border-width-left: 0}.indexTable-body-row-cell:last-child{--components-indexTable-cell-inset-x-right: var(--components-indexTable-cell-inset-x);--components-indexTable-cell-border-radius-right: var(--components-indexTable-cell-border-radius);--components-indexTable-outline-border-radius-right: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-width-right: var(--components-indexTable-outline-border-width)}.indexTable-body-row-cell:before,.indexTable-body-row-cell:after{content:\"\";position:absolute;z-index:-1;transition-duration:var(--commons-animations-durations-fast)}.indexTable-body-row-cell:before{inset:var(--components-indexTable-cell-inset-y, 0) var(--components-indexTable-cell-inset-x-right, 0) var(--components-indexTable-cell-inset-y, 0) var(--components-indexTable-cell-inset-x-left, 0);border-radius:var(--components-indexTable-cell-border-radius-left) var(--components-indexTable-cell-border-radius-right) var(--components-indexTable-cell-border-radius-right) var(--components-indexTable-cell-border-radius-left);background-color:var(--components-indexTable-cell-background-color, var(--components-indexTable-cell-background-color-default));box-shadow:var(--components-indexTable-shadow-mask, 0 0 0 0),var(--components-indexTable-cell-shadow, var(--components-indexTable-cell-shadow-default));transition-property:inset,box-shadow,background-color}.indexTable-body-row-cell:after{inset:calc(var(--components-indexTable-cell-inset-y, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-x-right, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-y, 0px) - var(--components-indexTable-outline-offset)) calc(var(--components-indexTable-cell-inset-x-left, 0px) - var(--components-indexTable-outline-offset));border-radius:var(--components-indexTable-outline-border-radius-left) var(--components-indexTable-outline-border-radius-right) var(--components-indexTable-outline-border-radius-right) var(--components-indexTable-outline-border-radius-left);border-block-width:var(--components-indexTable-outline-border-width);border-inline-width:var(--components-indexTable-outline-border-width-left) var(--components-indexTable-outline-border-width-right);border-style:solid;border-color:var(--components-indexTable-outline-color);opacity:var(--components-indexTable-outline-opacity, 0);transition-property:inset}.indexTable-body-row-cell:has(.emptyState){--components-indexTable-cell-shadow: none}.indexTable-body-row-cell-checkbox,.indexTable-head-row-cell-checkbox{margin:var(--pr-t-spacings-50)}.indexTable-body-row-cell-action{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.indexTable-body-row-cell-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;text-decoration:none}.indexTable-body-row-cell-link:after{content:\"\";position:absolute;inset:0 -9999px;z-index:-1}.indexTable-body-row-cell-link,.indexTable-body-row-cell-link:hover{color:currentColor}.indexTable-body-row-cell-link:focus-visible{outline:none}.indexTable-body-row-cellTitle{position:relative;display:flex;align-items:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-25);font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTable-body-row-cellTitle-title{font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTableWrapper{--components-indexTable-padding: var(--pr-t-spacings-100);--components-indexTable-border-radius: var(--pr-t-border-radius-structure);--components-indexTable-background-color: var(--palettes-neutral-50);--components-indexTable-row-spacing: 4px;--components-indexTable-row-display: table-row;--components-indexTable-row-spacing-responsive: 8px;--components-indexTable-cell-paddingInline: var(--pr-t-spacings-150);--components-indexTable-cell-paddingBlock: var(--pr-t-spacings-100);--components-indexTable-cell-border-radius: var(--pr-t-border-radius-default);--components-indexTable-cell-background-color-default: var(--palettes-neutral-0);--components-indexTable-cell-shadow-default: var(--pr-t-elevation-shadow-raised);--components-indexTable-cell-background-color-selected: var(--palettes-product-50);--components-indexTable-cell-shadow-selected: 0 0 0 var(--commons-divider-width) var(--palettes-product-500);--components-indexTable-cell-shadow-hover: var(--pr-t-elevation-shadow-overlay);--components-indexTable-row-cell-transparent-width: 2.25rem;--components-indexTable-stack2-row-spacing: 5px;--components-indexTable-stack3-row-spacing: 9px;--components-indexTable-stack-svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23fff' rx='8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='2008' height='48' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.2 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.4 0'/%3E%3CfeBlend in2='effect1_dropShadow_1214_48875' mode='multiply' result='effect2_dropShadow_1214_48875'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='effect3_dropShadow_1214_48875'/%3E%3CfeOffset/%3E%3CfeColorMatrix values='0 0 0 0 0.67451 0 0 0 0 0.733333 0 0 0 0 0.843137 0 0 0 0.08 0'/%3E%3CfeBlend in2='effect2_dropShadow_1214_48875' result='effect3_dropShadow_1214_48875'/%3E%3CfeBlend in='SourceGraphic' in2='effect3_dropShadow_1214_48875' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");--components-indexTable-stack-svg-selected: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2008' height='48' fill='none' viewBox='0 0 2008 48'%3E%3Crect width='2000' height='40' x='4' y='2' fill='%23FFF1EB' stroke='%23FF9361' rx='8'/%3E%3C/svg%3E%0A\");--components-indexTable-hover-offset-x: -4px;--components-indexTable-hover-offset-y: -1px;--components-indexTable-outline-offset: 4px;--components-indexTable-outline-border-width: 2px;--components-indexTable-outline-border-radius: calc( var(--components-indexTable-cell-border-radius) + var(--components-indexTable-outline-offset) );--components-indexTable-outline-color: var(--palettes-product-700);display:flex;flex-direction:column;padding-block-end:var(--pr-t-spacings-100);border-radius:var(--components-indexTable-border-radius);background-color:var(--components-indexTable-background-color)}.indexTableWrapper .indexTable{flex-grow:1;padding-block-end:0}.indexTableWrapper .pagination{align-self:flex-end;padding-block:var(--pr-t-spacings-50) 0;padding-inline:0;margin-inline-end:var(--pr-t-spacings-100)}.indexTableWrapper .pagination-scrolling .button:hover{--components-button-backgroundColor: var(--palettes-neutral-100);--components-button-color: var(--palettes-neutral-700)}.indexTable .indexTableWrapper-pagination:empty{display:none}.indexTable .statusBadge,.indexTable .tag,.indexTable .avatar{vertical-align:top}.indexTable .statusBadge,.indexTable .tag{margin-block-start:var(--pr-t-spacings-25)}.indexTable .avatarWrapper{display:inline-flex}.indexTable .tableSortable.button:hover{--components-button-backgroundColor: var(--palettes-neutral-100);color:var(--palettes-neutral-700)}}@layer mods{.indexTable.mod-selectable .indexTable-body-row:is(:focus-within,:hover){outline:none}.indexTable.mod-selectable .indexTable-head-row-transparentCell,.indexTable.mod-selectable .indexTable-body-row-transparentCell{inline-size:var(--components-indexTable-row-cell-transparent-width)}.indexTable.mod-selectable .indexTable-head-row-transparentCell:first-child,.indexTable.mod-selectable .indexTable-body-row-transparentCell:first-child{padding-inline-start:0}.indexTable.mod-selectable .indexTable-body-row:has(.checkbox-input:checked,.checkboxField-input:checked){--components-indexTable-cell-background-color: var(--components-indexTable-cell-background-color-selected) !important;--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-selected) !important;--components-indexTable-stack-svg: var(--components-indexTable-stack-svg-selected)}.indexTable.mod-selectable .indexTable-body-row:hover:has(.indexTable-body-row-transparentCell:hover){--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-default);--components-indexTable-cell-inset-x: 0px;--components-indexTable-cell-inset-y: 0px;--components-indexTable-cell-subAction-opacity: 0}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack2,.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack3,.indexTable.mod-stackable .indexTable-body-row.mod-stack2,.indexTable.mod-stackable .indexTable-body-row.mod-stack3{--components-indexTable-row-stack-border-bottom: var(--components-indexTable-stack2-row-spacing);--components-indexTable-row-stack2-background-image: var(--components-indexTable-stack-svg)}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row.mod-stack3,.indexTable.mod-stackable .indexTable-body-row.mod-stack3{--components-indexTable-row-stack-border-bottom: var(--components-indexTable-stack3-row-spacing);--components-indexTable-row-stack3-background-image: var(--components-indexTable-stack-svg)}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell,.indexTable.mod-stackable .indexTable-body-row-cell{border-block-end:var(--components-indexTable-row-stack-border-bottom) solid transparent;background-image:var(--components-indexTable-row-stack2-background-image, none),var(--components-indexTable-row-stack3-background-image, none);background-position:var(--components-indexTable-row-stack2-background-position, 0 0),var(--components-indexTable-row-stack3-background-position, 0 0);background-repeat:no-repeat,no-repeat;transition-property:background-image,background-position;transition-duration:var(--commons-animations-durations-fast);--components-indexTable-row-stack2-background-position: left calc(-2px + var(--components-indexTable-cell-inset-x-left, 0px)) bottom -10px;--components-indexTable-row-stack3-background-position: left calc(1px + var(--components-indexTable-cell-inset-x-left, 0px)) bottom -14px}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell~.indexTable-body-row-cell,.indexTable.mod-stackable .indexTable-body-row-cell~.indexTable-body-row-cell{--components-indexTable-row-stack2-background-position: left -20px bottom -10px;--components-indexTable-row-stack3-background-position: left -20px bottom -14px}.indexTable:has(.mod-stack2,.mod-stack3) .indexTable-body-row-cell:last-child,.indexTable.mod-stackable .indexTable-body-row-cell:last-child{--components-indexTable-row-stack2-background-position: right calc(-2px + var(--components-indexTable-cell-inset-x-right, 0px)) bottom -10px;--components-indexTable-row-stack3-background-position: right calc(1px + var(--components-indexTable-cell-inset-x-right, 0px)) bottom -14px}.indexTable.mod-stickyHeader .indexTable-head{position:sticky;inset-block-start:var(--components-indexTable-row-spacing);z-index:3}.indexTable.mod-stickyHeader .indexTable-head-row-cell{position:relative}.indexTable.mod-stickyHeader .indexTable-head-row-cell:before,.indexTable.mod-stickyHeader .indexTable-head-row-cell:after{content:\"\";position:absolute;inset:calc(var(--components-indexTable-row-spacing) * -1) calc(var(--components-indexTable-padding) * -1) 0;z-index:-1}.indexTable.mod-stickyHeader .indexTable-head-row-cell:before{background-color:var(--commons-background-base)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:after{background-color:var(--components-indexTable-background-color)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:first-child:after{border-start-start-radius:var(--components-indexTable-border-radius)}.indexTable.mod-stickyHeader .indexTable-head-row-cell:last-child:after{border-start-end-radius:var(--components-indexTable-border-radius)}.indexTable[class*=mod-layoutFixed] .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed] .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed] .indexTable-foot-row-cell{--cell-width: calc(var(--components-indexTable-cell-fixed-width, var(--components-index-table-cell-fixed-width)) * 1rem)}.indexTable[class*=mod-layoutFixed].mod-layoutFixed{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixed .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}@media(min-width:20em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:30em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:40em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:50em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinS .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:64em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinM .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:80em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:85.375em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:100em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}@media(min-width:120em){.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL{table-layout:fixed}.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-head-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-body-row-cell,.indexTable[class*=mod-layoutFixed].mod-layoutFixedAtMediaMinXXXL .indexTable-foot-row-cell{min-inline-size:var(--cell-width, auto);max-inline-size:var(--cell-width, auto);inline-size:var(--cell-width, auto)}}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell{padding:0}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection{display:flex;align-items:center;justify-content:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-50);border-radius:var(--pr-t-border-radius-default);font:var(--pr-t-font-body-S);color:var(--pr-t-color-text);background-color:var(--pr-t-elevation-surface-default)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:hover,.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-head-row.mod-massSelection .indexTable-head-row-cell-massSelection .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.indexTable .indexTable-head-row-cell.mod-actions,.indexTable .indexTable-body-row-cell.mod-actions{inline-size:1%;padding:var(--pr-t-spacings-50);white-space:nowrap}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-row-cell.mod-actions .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.indexTable .indexTable-head-row-cell.mod-actions .button .numericBadge,.indexTable .indexTable-body-row-cell.mod-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-row-cell.mod-actions .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.indexTable .indexTable-head-row-cell.mod-actions .button:hover,.indexTable .indexTable-head-row-cell.mod-actions .button:focus-visible,.indexTable .indexTable-body-row-cell.mod-actions .button:hover,.indexTable .indexTable-body-row-cell.mod-actions .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.indexTable .indexTable-head-row-cell.mod-actions .button:active,.indexTable .indexTable-body-row-cell.mod-actions .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-head-row-cell.mod-actions .button:disabled,.indexTable .indexTable-body-row-cell.mod-actions .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-head-row-cell.mod-actions .button,.indexTable .indexTable-body-row-cell.mod-actions .button{--components-button-padding: var(--pr-t-spacings-75)}.indexTable .indexTable-head-row-cell.mod-actions .button.mod-critical:hover,.indexTable .indexTable-head-row-cell.mod-actions .button.mod-delete:hover,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-critical:hover,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.indexTable .indexTable-head-row-cell.mod-actions .button.mod-critical:active,.indexTable .indexTable-head-row-cell.mod-actions .button.mod-delete:active,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-critical:active,.indexTable .indexTable-body-row-cell.mod-actions .button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.indexTable .indexTable-body-row-cell.mod-tfoot,.indexTable .indexTable-foot-row-cell.mod-tfoot{padding-block:var(--pr-t-spacings-50)}.indexTable .indexTable-body-row-cell.mod-tfoot:before,.indexTable .indexTable-body-row-cell.mod-tfoot:after,.indexTable .indexTable-foot-row-cell.mod-tfoot:before,.indexTable .indexTable-foot-row-cell.mod-tfoot:after{content:none}.indexTable .indexTable-head-row-cell.mod-alignEnd,.indexTable .indexTable-head-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-head-row-cell.mod-alignRight,.indexTable .indexTable-head-row-cell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignEnd,.indexTable .indexTable-body-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignRight,.indexTable .indexTable-body-row-cell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignEnd,.indexTable .indexTable-body-row-transparentCell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignRight,.indexTable .indexTable-body-row-transparentCell.mod-alignRight .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignEnd,.indexTable .indexTable-foot-row-cell.mod-alignEnd .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignRight,.indexTable .indexTable-foot-row-cell.mod-alignRight .indexTable-body-row-cell-link{text-align:end}.indexTable .indexTable-head-row-cell.mod-alignCenter,.indexTable .indexTable-head-row-cell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignCenter,.indexTable .indexTable-body-row-cell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignCenter,.indexTable .indexTable-body-row-transparentCell.mod-alignCenter .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignCenter,.indexTable .indexTable-foot-row-cell.mod-alignCenter .indexTable-body-row-cell-link{text-align:center}.indexTable .indexTable-head-row-cell.mod-alignStart,.indexTable .indexTable-head-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-head-row-cell.mod-alignLeft,.indexTable .indexTable-head-row-cell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignStart,.indexTable .indexTable-body-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-cell.mod-alignLeft,.indexTable .indexTable-body-row-cell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignStart,.indexTable .indexTable-body-row-transparentCell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-body-row-transparentCell.mod-alignLeft,.indexTable .indexTable-body-row-transparentCell.mod-alignLeft .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignStart,.indexTable .indexTable-foot-row-cell.mod-alignStart .indexTable-body-row-cell-link,.indexTable .indexTable-foot-row-cell.mod-alignLeft,.indexTable .indexTable-foot-row-cell.mod-alignLeft .indexTable-body-row-cell-link{text-align:start}@media not all and (min-width:50em){.indexTable.mod-responsiveCardList{display:flex;flex-direction:column;gap:var(--components-indexTable-row-spacing);padding:var(--components-indexTable-padding)}.indexTable.mod-responsiveCardList .indexTable-head{display:none}.indexTable.mod-responsiveCardList .indexTable-body{display:flex;flex-direction:column}.indexTable.mod-responsiveCardList .indexTable-body-row,.indexTable.mod-responsiveCardList .indexTable-foot-row{position:relative;display:grid;grid-template-columns:var(--components-indexTable-row-responsive-grid-template-columns, 1fr);grid-template-rows:var(--components-indexTable-row-responsive-grid-template-rows, none);grid-auto-rows:auto;grid-template-areas:var(--components-indexTable-row-responsive-grid-template-areas, none);align-items:center;padding-block:var(--components-indexTable-row-spacing-responsive);padding-inline:0;margin-block-end:var(--components-indexTable-row-spacing-responsive)}.indexTable.mod-responsiveCardList .indexTable-body-row:not(:has(.indexTable-body-row-cell)),.indexTable.mod-responsiveCardList .indexTable-foot-row:not(:has(.indexTable-body-row-cell)){padding:0;margin-block-end:0}.indexTable.mod-responsiveCardList .indexTable-body-row:last-child,.indexTable.mod-responsiveCardList .indexTable-foot-row:last-child{margin-block-end:0}.indexTable.mod-responsiveCardList .indexTable-body-row-transparentCell{grid-row:1}.indexTable.mod-responsiveCardList .indexTable-body-row-cell{--components-indexTable-cell-paddingBlock: 0;position:static;grid-column-start:1}.indexTable.mod-responsiveCardList .indexTable-body-row-cell:before{--components-indexTable-cell-border-radius-left: var(--components-indexTable-cell-border-radius);--components-indexTable-cell-border-radius-right: var(--components-indexTable-cell-border-radius)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell:after{--components-indexTable-outline-border-width-left: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-width-right: var(--components-indexTable-outline-border-width);--components-indexTable-outline-border-radius-left: var(--components-indexTable-outline-border-radius);--components-indexTable-outline-border-radius-right: var(--components-indexTable-outline-border-radius)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell~.indexTable-body-row-cell:before,.indexTable.mod-responsiveCardList .indexTable-body-row-cell~.indexTable-body-row-cell:after{display:none}.indexTable.mod-responsiveCardList .indexTable-body-row-cell-content[data-label]{display:flex;flex-direction:column;margin-block-start:var(--pr-t-spacings-50)}.indexTable.mod-responsiveCardList .indexTable-body-row-cell-content[data-label]:before{content:attr(data-label);font-weight:var(--pr-t-font-fontWeight-semibold)}.indexTable.mod-responsiveCardList .indexTable-head-row-cell-checkbox,.indexTable.mod-responsiveCardList .indexTable-body-row-cell-checkbox{margin-block:0}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row{grid-template-columns:var(--components-indexTable-row-cell-transparent-width) var(--components-indexTable-row-responsive-grid-template-columns, 1fr)}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-transparentCell{inline-size:auto}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-transparentCell:first-child[colspan=\"2\"]+.indexTable-body-row-transparentCell{padding-inline-start:calc(var(--components-indexTable-row-cell-transparent-width) * .75)}.indexTable.mod-selectable.mod-responsiveCardList .indexTable-body-row-cell{--components-indexTable-cell-inset-x-left: var(--components-indexTable-row-cell-transparent-width);grid-column-start:2}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]{border:0;border-block-end-width:var(--components-indexTable-row-stack-border-bottom);border-style:solid;border-color:transparent}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:before,.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:after{content:\"\";position:absolute;inset-block-start:0;inset-block-end:calc((var(--components-indexTable-row-spacing-responsive) + var(--components-indexTable-stack3-row-spacing)) * -1);background-image:var(--components-indexTable-row-stack2-background-image, none),var(--components-indexTable-row-stack3-background-image, none);background-position:var(--components-indexTable-row-stack2-background-position, 0 0),var(--components-indexTable-row-stack3-background-position, 0 0);background-repeat:no-repeat,no-repeat;transition-property:background-image,background-position;transition-duration:var(--commons-animations-durations-fast)}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:before{inset-inline-start:var(--components-indexTable-cell-inset-x-left, 0);inset-inline-end:50%;--components-indexTable-row-stack2-background-position: left -2px bottom 6px;--components-indexTable-row-stack3-background-position: left 1px bottom 2px}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row[class*=mod-stack]:after{inset-inline-start:50%;inset-inline-end:0;--components-indexTable-row-stack2-background-position: right -2px bottom 6px;--components-indexTable-row-stack3-background-position: right 1px bottom 2px}.indexTable.mod-stackable.mod-responsiveCardList .indexTable-body-row-cell{border-block-end:0;background-image:none}.indexTable.mod-selectable.mod-stackable.mod-responsiveCardList .indexTable-body-row{--components-indexTable-cell-inset-x-left: var(--components-indexTable-row-cell-transparent-width)}}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:has(.indexTable-body-row-cell-link:focus-visible,.indexTable-body-row-cell.mod-actions:focus-within){--components-indexTable-cell-subAction-opacity: 1}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:has(.indexTable-body-row-cell-link:focus-visible){--components-indexTable-outline-opacity: 1}.indexTable:not(:has(.indexTable-head[inert=inert])) .indexTable-body-row:hover{--components-indexTable-cell-shadow: var(--components-indexTable-cell-shadow-hover);--components-indexTable-cell-inset-x: var(--components-indexTable-hover-offset-x);--components-indexTable-cell-inset-y: var(--components-indexTable-hover-offset-y);--components-indexTable-cell-z-index: 2;--components-indexTable-cell-subAction-opacity: 1}.indexTable .indexTable-body-row.is-closed,.indexTable .indexTable-foot-row.is-closed{display:none}.indexTable .indexTable-body-row-cellTitle-button[aria-expanded=false] .icon-arrowChevronTop{transform:rotate(180deg)}.indexTable .indexTable-body-row:has(.indexTable-body-row-cellTitle-button[aria-expanded=true]) .indexTable-body-row-subTotal{display:none}.indexTable .indexTable-body-row:first-child:has(.indexTable-body-row-cellTitle-button.button[aria-expanded=false])~.indexTable-body-row{--components-indexTable-row-display: none}.indexTable .indexTable-body-row-cellTitle-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.indexTable .indexTable-body-row-cellTitle-button.button:hover,.indexTable .indexTable-body-row-cellTitle-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.indexTable .indexTable-body-row-cellTitle-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.indexTable .indexTable-body-row-cellTitle-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.indexTable .indexTable-body-row-cellTitle-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.indexTable .indexTable-body-row-cellTitle-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.indexTable .indexTable-body-row-cellTitle-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);--components-button-padding: var(--pr-t-spacings-25);position:static}.indexTable .indexTable-body-row-cellTitle-button.button:before{content:\"\";position:absolute;inset:0}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"] }]
|
|
78
|
+
}], propDecorators: { tableBodyOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableBodyOnly", required: false }] }], cols: [{ type: i0.Input, args: [{ isSignal: true, alias: "cols", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }] } });
|
|
79
|
+
|
|
80
|
+
class SkeletonResourceCardComponent {
|
|
81
|
+
constructor() {
|
|
82
|
+
this.descriptionLines = input(0, { ...(ngDevMode ? { debugName: "descriptionLines" } : {}), transform: numberAttribute });
|
|
83
|
+
this.lines = computed(() => Array.from({ length: this.descriptionLines() }), ...(ngDevMode ? [{ debugName: "lines" }] : []));
|
|
84
|
+
this.getRandomPercent = (min = 33, max = 66) => `${Math.floor(Math.random() * (max - min) + min).toString()}%`;
|
|
85
|
+
}
|
|
86
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SkeletonResourceCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
87
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SkeletonResourceCardComponent, isStandalone: true, selector: "lu-skeleton-resource-card", inputs: { descriptionLines: { classPropertyName: "descriptionLines", publicName: "descriptionLines", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"resourceCard skeleton is-loading\" inert=\"inert\">\n\t<div class=\"resourceCard-layout\">\n\t\t<div class=\"resourceCard-layout-header\">\n\t\t\t<h3 class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></h3>\n\t\t</div>\n\t\t@if (descriptionLines() > 0) {\n\t\t\t<div class=\"resourceCard-layout-content\">\n\t\t\t\t@for (line of lines(); track $index) {\n\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent(98, 100)\"></span>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</div>\n</div>\n", styles: ["@layer components{.resourceCard{--components-resourceCard-color: inherit;--components-resourceCard-borderRadius: var(--pr-t-border-radius-structure);--components-resourceCard-before-inset: 0;--components-resourceCard-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-resourceCard-layout-alignItems: start;--components-resourceCard-layout-content-font: var(--pr-t-font-body-M);--components-resourceCard-layout-content-paddingBlockStart: 0;--components-resourceCard-layout-before-illustration-minSize: var(--pr-t-spacings-500);--components-resourceCard-layout-after-marginBlock: 0;--components-resourceCard-layout-header-title-action-cursor: pointer;--components-resourceCard-layout-header-title-action-color: inherit;--components-resourceCard-layout-header-title-action-after-inset: var(--components-resourceCard-before-inset);--components-resourceCard-layout-header-title-font: var(--pr-t-font-heading-3);--components-resourceCard-layout-header-alignItems: center;--components-resourceCard-layout-header-flexDirection: row;--components-resourceCard-layout-header-paddingBlockStart: var(--pr-t-spacings-50);--components-resourceCard-layout-header-paddingBlockEnd: var(--pr-t-spacings-50);--components-resourceCard-layout-gridTemplate: \"before header after\" auto \"before content after\" 1fr / auto 1fr auto;border-radius:var(--components-resourceCard-borderRadius);position:relative;color:var(--components-resourceCard-color);display:block;align-self:stretch;justify-self:stretch}.resourceCard:before{content:\"\";position:absolute;inset:var(--components-resourceCard-before-inset);background-color:var(--pr-t-elevation-surface-raised);box-shadow:var(--components-resourceCard-before-boxShadow);border-radius:var(--components-resourceCard-borderRadius);transition-duration:var(--commons-animations-durations-fast);transition-property:inset,box-shadow}.resourceCardWrapper{grid-template-columns:repeat(auto-fill,minmax(var(--components-resourceCardWrapper-gridTemplateColumnsMin),1fr));display:var(--components-resourceCardWrapper-display);flex-direction:column;gap:var(--pr-t-spacings-100);background-color:var(--pr-t-elevation-surface-sunken);padding:var(--pr-t-spacings-100);border-radius:var(--components-resourceCardWrapper-borderRadius);align-items:start;justify-items:start}.resourceCard-layout{isolation:isolate;padding:var(--pr-t-spacings-100);display:grid;grid-template:var(--components-resourceCard-layout-gridTemplate);align-items:var(--components-resourceCard-layout-alignItems)}.resourceCard-layout-header{display:flex;align-items:var(--components-resourceCard-layout-header-alignItems);flex-direction:var(--components-resourceCard-layout-header-flexDirection);gap:var(--pr-t-spacings-50) var(--pr-t-spacings-100);grid-area:header;padding-block-start:var(--components-resourceCard-layout-header-paddingBlockStart);padding-block-end:var(--components-resourceCard-layout-header-paddingBlockEnd);padding-inline:var(--pr-t-spacings-100);min-inline-size:0}.resourceCard-layout-header-infos{display:flex;align-items:center;gap:var(--pr-t-spacings-100)}.resourceCard-layout-header-infos:empty{display:none}.resourceCard-layout-header-title{font:var(--components-resourceCard-layout-header-title-font);display:flex;gap:var(--pr-t-spacings-100);align-items:center;min-inline-size:0;max-inline-size:100%}.resourceCard-layout-header-title-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;color:var(--components-resourceCard-layout-header-title-action-color);text-decoration:none;outline:none;cursor:var(--components-resourceCard-layout-header-title-action-cursor);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resourceCard-layout-header-title-action:after{content:\"\";position:absolute;inset:var(--components-resourceCard-layout-header-title-action-after-inset);border-radius:var(--components-resourceCard-borderRadius);transition-duration:var(--commons-animations-durations-fast);transition-property:inset;z-index:1}.resourceCard-layout-before{grid-area:before;display:flex;align-items:center}.resourceCard-layout-before-illustration:not(:empty){min-block-size:var(--components-resourceCard-layout-before-illustration-minSize);min-inline-size:var(--components-resourceCard-layout-before-illustration-minSize);margin:var(--pr-t-spacings-100) var(--pr-t-spacings-50) var(--pr-t-spacings-100) var(--pr-t-spacings-100);display:grid;place-items:center}.resourceCard-layout-before-illustration:empty{display:none}.resourceCard-layout-after{grid-area:after;margin-block:var(--components-resourceCard-layout-after-marginBlock)}.resourceCard-layout-content{grid-area:content;font:var(--components-resourceCard-layout-content-font)}.resourceCard-layout-content:not(:empty){padding:var(--components-resourceCard-layout-content-paddingBlockStart) var(--pr-t-spacings-100) var(--pr-t-spacings-50)}.resourceCard-layout-content a,.resourceCard-layout-content button,.resourceCard-layout-content [tabindex],.resourceCard-layout-before-button,.resourceCard-layout-after{position:relative;z-index:2}}@layer mods{.resourceCard:hover{--components-resourceCard-before-inset: -4px;--components-resourceCard-before-boxShadow: var(--pr-t-elevation-shadow-overlay)}.resourceCard:has(.resourceCard-layout-header-title-action:focus-visible) .resourceCard-layout-header-title-action:after{outline:2px solid var(--palettes-product-700);outline-offset:2px}.resourceCard:has(.resourceCard-layout-header-title-action:active){--components-resourceCard-layout-header-title-action-color: var(--palettes-product-700);--components-resourceCard-before-boxShadow: 0 0 0 1px var(--palettes-product-400)}.resourceCard:has(.resourceCard-layout-header-title-action.is-disabled),.resourceCard:has(.resourceCard-layout-header-title-action:disabled){--components-resourceCard-layout-header-title-action-cursor: default;--components-resourceCard-before-inset: 0;--components-resourceCard-color: var(--palettes-neutral-500);--components-resourceCard-layout-header-title-action-color: var(--palettes-neutral-500);--components-resourceCard-before-boxShadow: 0 0 0 1px var(--palettes-neutral-50)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button:hover,.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button{--components-button-padding: var(--pr-t-spacings-100);--components-button-padding: var(--pr-t-spacings-75)}.resourceCard:has(.resourceCard-layout-header-title .numericBadge) .resourceCard-layout-header-title .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.mod-grid),.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-content:not(:empty))){--components-resourceCard-layout-header-paddingBlockEnd: 0}.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.mod-grid):has(.resourceCard-layout-before-illustration:not(:empty)),.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-content:not(:empty))):has(.resourceCard-layout-before-illustration:not(:empty)){--components-resourceCard-layout-after-marginBlock: var(--pr-t-spacings-150)}.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.mod-grid):has(.resourceCard-layout-before-illustration:not(:empty)).mod-S,.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-content:not(:empty))):has(.resourceCard-layout-before-illustration:not(:empty)).mod-S{--components-resourceCard-layout-after-marginBlock: .625rem}.resourceCard:has(.resourceCard-layout-content:empty):has(.resourceCard-layout-before-illustration:not(:empty)):not(.mod-grid),.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-content:empty):has(.resourceCard-layout-before-illustration:not(:empty)),.resourceCard:not(:has(.resourceCard-layout-content)):has(.resourceCard-layout-before-illustration:not(:empty)):not(.mod-grid),.resourceCardWrapper.mod-grid .resourceCard:not(:has(.resourceCard-layout-content)):has(.resourceCard-layout-before-illustration:not(:empty)){--components-resourceCard-layout-alignItems: center;--components-resourceCard-layout-gridTemplate: \"before header after\" 1fr /auto 1fr auto}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:hover,.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:has(>lu-icon:only-child,>.lucca-icon:only-child,>.lucca-icon:first-child+.pr-u-mask:last-child){--components-button-padding: var(--pr-t-spacings-100);--components-button-padding: var(--pr-t-spacings-75)}.resourceCard:has(.resourceCard-layout-before-illustration:not(:empty)).mod-grid,.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-before-illustration:not(:empty)){--components-resourceCard-layout-alignItems: center}.resourceCard:has(.resourceCard-layout-before-illustration:not(:empty)).mod-grid.mod-S,.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-before-illustration:not(:empty)).mod-S{--components-resourceCard-layout-header-paddingBlockStart: 0;--components-resourceCard-layout-header-paddingBlockEnd: 0}.resourceCard.mod-S{--components-resourceCard-layout-content-font: var(--pr-t-font-body-S);--components-resourceCard-layout-header-title-font: var(--pr-t-font-heading-4);--components-resourceCard-layout-before-illustration-minSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}.resourceCard.mod-grid,.resourceCardWrapper.mod-grid .resourceCard{--components-resourceCard-layout-content-paddingBlockStart: var(--pr-t-spacings-50);--components-resourceCard-layout-header-alignItems: start;--components-resourceCard-layout-header-flexDirection: column;--components-resourceCard-layout-gridTemplate: \"before header after\" auto \"content content content\" auto /auto 1fr auto}}@layer components{.resourceCardWrapper{--components-resourceCardWrapper-gridTemplateColumnsMin: 20rem;--components-resourceCardWrapper-display: flex;--components-resourceCardWrapper-borderRadius: var(--pr-t-border-radius-structure)}}@layer mods{.resourceCardWrapper .resourceCard{--components-resourceCard-borderRadius: var(--pr-t-border-radius-default)}.resourceCardWrapper.mod-grid{--components-resourceCardWrapper-display: grid}.resourceCardWrapper:has(>.button)>.button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.resourceCardWrapper:has(>.button)>.button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.resourceCardWrapper:has(>.button)>.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.resourceCardWrapper:has(>.button)>.button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.resourceCardWrapper:has(>.button)>.button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.resourceCardWrapper:has(>.button)>.button{--palettes-text: var(--palettes-product-text);--palettes-0: var(--palettes-product-0);--palettes-25: var(--palettes-product-25);--palettes-50: var(--palettes-product-50);--palettes-100: var(--palettes-product-100);--palettes-200: var(--palettes-product-200);--palettes-300: var(--palettes-product-300);--palettes-400: var(--palettes-product-400);--palettes-500: var(--palettes-product-500);--palettes-600: var(--palettes-product-600);--palettes-700: var(--palettes-product-700);--palettes-800: var(--palettes-product-800);--palettes-900: var(--palettes-product-900)}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
88
|
+
}
|
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SkeletonResourceCardComponent, decorators: [{
|
|
90
|
+
type: Component,
|
|
91
|
+
args: [{ selector: 'lu-skeleton-resource-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"resourceCard skeleton is-loading\" inert=\"inert\">\n\t<div class=\"resourceCard-layout\">\n\t\t<div class=\"resourceCard-layout-header\">\n\t\t\t<h3 class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent()\"></h3>\n\t\t</div>\n\t\t@if (descriptionLines() > 0) {\n\t\t\t<div class=\"resourceCard-layout-content\">\n\t\t\t\t@for (line of lines(); track $index) {\n\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"getRandomPercent(98, 100)\"></span>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</div>\n</div>\n", styles: ["@layer components{.resourceCard{--components-resourceCard-color: inherit;--components-resourceCard-borderRadius: var(--pr-t-border-radius-structure);--components-resourceCard-before-inset: 0;--components-resourceCard-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-resourceCard-layout-alignItems: start;--components-resourceCard-layout-content-font: var(--pr-t-font-body-M);--components-resourceCard-layout-content-paddingBlockStart: 0;--components-resourceCard-layout-before-illustration-minSize: var(--pr-t-spacings-500);--components-resourceCard-layout-after-marginBlock: 0;--components-resourceCard-layout-header-title-action-cursor: pointer;--components-resourceCard-layout-header-title-action-color: inherit;--components-resourceCard-layout-header-title-action-after-inset: var(--components-resourceCard-before-inset);--components-resourceCard-layout-header-title-font: var(--pr-t-font-heading-3);--components-resourceCard-layout-header-alignItems: center;--components-resourceCard-layout-header-flexDirection: row;--components-resourceCard-layout-header-paddingBlockStart: var(--pr-t-spacings-50);--components-resourceCard-layout-header-paddingBlockEnd: var(--pr-t-spacings-50);--components-resourceCard-layout-gridTemplate: \"before header after\" auto \"before content after\" 1fr / auto 1fr auto;border-radius:var(--components-resourceCard-borderRadius);position:relative;color:var(--components-resourceCard-color);display:block;align-self:stretch;justify-self:stretch}.resourceCard:before{content:\"\";position:absolute;inset:var(--components-resourceCard-before-inset);background-color:var(--pr-t-elevation-surface-raised);box-shadow:var(--components-resourceCard-before-boxShadow);border-radius:var(--components-resourceCard-borderRadius);transition-duration:var(--commons-animations-durations-fast);transition-property:inset,box-shadow}.resourceCardWrapper{grid-template-columns:repeat(auto-fill,minmax(var(--components-resourceCardWrapper-gridTemplateColumnsMin),1fr));display:var(--components-resourceCardWrapper-display);flex-direction:column;gap:var(--pr-t-spacings-100);background-color:var(--pr-t-elevation-surface-sunken);padding:var(--pr-t-spacings-100);border-radius:var(--components-resourceCardWrapper-borderRadius);align-items:start;justify-items:start}.resourceCard-layout{isolation:isolate;padding:var(--pr-t-spacings-100);display:grid;grid-template:var(--components-resourceCard-layout-gridTemplate);align-items:var(--components-resourceCard-layout-alignItems)}.resourceCard-layout-header{display:flex;align-items:var(--components-resourceCard-layout-header-alignItems);flex-direction:var(--components-resourceCard-layout-header-flexDirection);gap:var(--pr-t-spacings-50) var(--pr-t-spacings-100);grid-area:header;padding-block-start:var(--components-resourceCard-layout-header-paddingBlockStart);padding-block-end:var(--components-resourceCard-layout-header-paddingBlockEnd);padding-inline:var(--pr-t-spacings-100);min-inline-size:0}.resourceCard-layout-header-infos{display:flex;align-items:center;gap:var(--pr-t-spacings-100)}.resourceCard-layout-header-infos:empty{display:none}.resourceCard-layout-header-title{font:var(--components-resourceCard-layout-header-title-font);display:flex;gap:var(--pr-t-spacings-100);align-items:center;min-inline-size:0;max-inline-size:100%}.resourceCard-layout-header-title-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;color:var(--components-resourceCard-layout-header-title-action-color);text-decoration:none;outline:none;cursor:var(--components-resourceCard-layout-header-title-action-cursor);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resourceCard-layout-header-title-action:after{content:\"\";position:absolute;inset:var(--components-resourceCard-layout-header-title-action-after-inset);border-radius:var(--components-resourceCard-borderRadius);transition-duration:var(--commons-animations-durations-fast);transition-property:inset;z-index:1}.resourceCard-layout-before{grid-area:before;display:flex;align-items:center}.resourceCard-layout-before-illustration:not(:empty){min-block-size:var(--components-resourceCard-layout-before-illustration-minSize);min-inline-size:var(--components-resourceCard-layout-before-illustration-minSize);margin:var(--pr-t-spacings-100) var(--pr-t-spacings-50) var(--pr-t-spacings-100) var(--pr-t-spacings-100);display:grid;place-items:center}.resourceCard-layout-before-illustration:empty{display:none}.resourceCard-layout-after{grid-area:after;margin-block:var(--components-resourceCard-layout-after-marginBlock)}.resourceCard-layout-content{grid-area:content;font:var(--components-resourceCard-layout-content-font)}.resourceCard-layout-content:not(:empty){padding:var(--components-resourceCard-layout-content-paddingBlockStart) var(--pr-t-spacings-100) var(--pr-t-spacings-50)}.resourceCard-layout-content a,.resourceCard-layout-content button,.resourceCard-layout-content [tabindex],.resourceCard-layout-before-button,.resourceCard-layout-after{position:relative;z-index:2}}@layer mods{.resourceCard:hover{--components-resourceCard-before-inset: -4px;--components-resourceCard-before-boxShadow: var(--pr-t-elevation-shadow-overlay)}.resourceCard:has(.resourceCard-layout-header-title-action:focus-visible) .resourceCard-layout-header-title-action:after{outline:2px solid var(--palettes-product-700);outline-offset:2px}.resourceCard:has(.resourceCard-layout-header-title-action:active){--components-resourceCard-layout-header-title-action-color: var(--palettes-product-700);--components-resourceCard-before-boxShadow: 0 0 0 1px var(--palettes-product-400)}.resourceCard:has(.resourceCard-layout-header-title-action.is-disabled),.resourceCard:has(.resourceCard-layout-header-title-action:disabled){--components-resourceCard-layout-header-title-action-cursor: default;--components-resourceCard-before-inset: 0;--components-resourceCard-color: var(--palettes-neutral-500);--components-resourceCard-layout-header-title-action-color: var(--palettes-neutral-500);--components-resourceCard-before-boxShadow: 0 0 0 1px var(--palettes-neutral-50)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button:hover,.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.resourceCard:has(.resourceCard-layout-before-button) .resourceCard-layout-before-button.button{--components-button-padding: var(--pr-t-spacings-100);--components-button-padding: var(--pr-t-spacings-75)}.resourceCard:has(.resourceCard-layout-header-title .numericBadge) .resourceCard-layout-header-title .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.mod-grid),.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-content:not(:empty))){--components-resourceCard-layout-header-paddingBlockEnd: 0}.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.mod-grid):has(.resourceCard-layout-before-illustration:not(:empty)),.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-content:not(:empty))):has(.resourceCard-layout-before-illustration:not(:empty)){--components-resourceCard-layout-after-marginBlock: var(--pr-t-spacings-150)}.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.mod-grid):has(.resourceCard-layout-before-illustration:not(:empty)).mod-S,.resourceCard:has(.resourceCard-layout-content:not(:empty)):not(.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-content:not(:empty))):has(.resourceCard-layout-before-illustration:not(:empty)).mod-S{--components-resourceCard-layout-after-marginBlock: .625rem}.resourceCard:has(.resourceCard-layout-content:empty):has(.resourceCard-layout-before-illustration:not(:empty)):not(.mod-grid),.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-content:empty):has(.resourceCard-layout-before-illustration:not(:empty)),.resourceCard:not(:has(.resourceCard-layout-content)):has(.resourceCard-layout-before-illustration:not(:empty)):not(.mod-grid),.resourceCardWrapper.mod-grid .resourceCard:not(:has(.resourceCard-layout-content)):has(.resourceCard-layout-before-illustration:not(:empty)){--components-resourceCard-layout-alignItems: center;--components-resourceCard-layout-gridTemplate: \"before header after\" 1fr /auto 1fr auto}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:hover,.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.resourceCard:has(.resourceCard-layout-after:not(:empty)) .resourceCard-layout-after .button:has(>lu-icon:only-child,>.lucca-icon:only-child,>.lucca-icon:first-child+.pr-u-mask:last-child){--components-button-padding: var(--pr-t-spacings-100);--components-button-padding: var(--pr-t-spacings-75)}.resourceCard:has(.resourceCard-layout-before-illustration:not(:empty)).mod-grid,.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-before-illustration:not(:empty)){--components-resourceCard-layout-alignItems: center}.resourceCard:has(.resourceCard-layout-before-illustration:not(:empty)).mod-grid.mod-S,.resourceCardWrapper.mod-grid .resourceCard:has(.resourceCard-layout-before-illustration:not(:empty)).mod-S{--components-resourceCard-layout-header-paddingBlockStart: 0;--components-resourceCard-layout-header-paddingBlockEnd: 0}.resourceCard.mod-S{--components-resourceCard-layout-content-font: var(--pr-t-font-body-S);--components-resourceCard-layout-header-title-font: var(--pr-t-font-heading-4);--components-resourceCard-layout-before-illustration-minSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}.resourceCard.mod-grid,.resourceCardWrapper.mod-grid .resourceCard{--components-resourceCard-layout-content-paddingBlockStart: var(--pr-t-spacings-50);--components-resourceCard-layout-header-alignItems: start;--components-resourceCard-layout-header-flexDirection: column;--components-resourceCard-layout-gridTemplate: \"before header after\" auto \"content content content\" auto /auto 1fr auto}}@layer components{.resourceCardWrapper{--components-resourceCardWrapper-gridTemplateColumnsMin: 20rem;--components-resourceCardWrapper-display: flex;--components-resourceCardWrapper-borderRadius: var(--pr-t-border-radius-structure)}}@layer mods{.resourceCardWrapper .resourceCard{--components-resourceCard-borderRadius: var(--pr-t-border-radius-default)}.resourceCardWrapper.mod-grid{--components-resourceCardWrapper-display: grid}.resourceCardWrapper:has(>.button)>.button{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.resourceCardWrapper:has(>.button)>.button:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.resourceCardWrapper:has(>.button)>.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.resourceCardWrapper:has(>.button)>.button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.resourceCardWrapper:has(>.button)>.button:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.resourceCardWrapper:has(>.button)>.button{--palettes-text: var(--palettes-product-text);--palettes-0: var(--palettes-product-0);--palettes-25: var(--palettes-product-25);--palettes-50: var(--palettes-product-50);--palettes-100: var(--palettes-product-100);--palettes-200: var(--palettes-product-200);--palettes-300: var(--palettes-product-300);--palettes-400: var(--palettes-product-400);--palettes-500: var(--palettes-product-500);--palettes-600: var(--palettes-product-600);--palettes-700: var(--palettes-product-700);--palettes-800: var(--palettes-product-800);--palettes-900: var(--palettes-product-900)}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}\n"] }]
|
|
92
|
+
}], propDecorators: { descriptionLines: [{ type: i0.Input, args: [{ isSignal: true, alias: "descriptionLines", required: false }] }] } });
|
|
79
93
|
|
|
80
94
|
class SkeletonTableComponent {
|
|
81
95
|
constructor() {
|
|
82
|
-
this.tableBodyOnly = input(false, { transform: booleanAttribute });
|
|
83
|
-
this.cols = input(5);
|
|
84
|
-
this.colsNumber = computed(() => new Array(this.cols()));
|
|
85
|
-
this.rows = input(8);
|
|
86
|
-
this.rowsNumber = computed(() => new Array(this.rows()));
|
|
96
|
+
this.tableBodyOnly = input(false, { ...(ngDevMode ? { debugName: "tableBodyOnly" } : {}), transform: booleanAttribute });
|
|
97
|
+
this.cols = input(5, ...(ngDevMode ? [{ debugName: "cols" }] : []));
|
|
98
|
+
this.colsNumber = computed(() => new Array(this.cols()), ...(ngDevMode ? [{ debugName: "colsNumber" }] : []));
|
|
99
|
+
this.rows = input(8, ...(ngDevMode ? [{ debugName: "rows" }] : []));
|
|
100
|
+
this.rowsNumber = computed(() => new Array(this.rows()), ...(ngDevMode ? [{ debugName: "rowsNumber" }] : []));
|
|
87
101
|
this.randomPercent = `${Math.floor(Math.random() * (66 - 33) + 33).toString()}%`;
|
|
88
102
|
}
|
|
89
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
90
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: SkeletonTableComponent, isStandalone: true, selector: "lu-skeleton-table", inputs: { tableBodyOnly: { classPropertyName: "tableBodyOnly", publicName: "tableBodyOnly", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (tableBodyOnly) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"table skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"table-head\">\n\t\t\t<tr class=\"table-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<th class=\"table-head-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item mod-dark pr-u-bodyS\" [style.--components-skeleton-text-width]=\"randomPercent\"></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"table-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"table-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"table-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"randomPercent\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@layer components{.table{--components-table-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-table-font-size: var(--pr-t-font-body-M-fontSize);--components-table-line-height: var(--pr-t-font-body-M-lineHeight);--components-table-zebra-background: #f5f5f5;--components-table-hover-background: var(--palettes-neutral-50);--components-table-card-padding: var(--pr-t-spacings-300);font-size:var(--components-table-font-size);line-height:var(--components-table-line-height);border-spacing:0;display:table;text-align:start;inline-size:100%;color:var(--pr-t-color-text)}.table-head{display:table-header-group;vertical-align:bottom}.table-foot{display:table-footer-group}.table-head-row{display:table-row}.table-head-row-cell{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);padding:var(--components-table-padding);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;display:table-cell;text-align:start;font-weight:var(--pr-t-font-fontWeight-semibold)}.table-body{display:table-row-group}.table-body-row,.table-foot-row{background-color:var(--pr-t-elevation-surface-raised);display:table-row}.table-body-row:first-child .table-body-row-cell,.table-body-row:first-child .table-foot-row-cell,.table-foot-row:first-child .table-body-row-cell,.table-foot-row:first-child .table-foot-row-cell{border-block-start:none}.table-body-row:last-child .table-body-row-cell,.table-body-row:last-child .table-foot-row-cell,.table-foot-row:last-child .table-body-row-cell,.table-foot-row:last-child .table-foot-row-cell{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid}.table-body-row-cell,.table-foot-row-cell{padding:var(--components-table-padding);border-block-start-width:var(--commons-divider-width);border-block-start-color:var(--commons-divider-color);border-block-start-style:solid;display:table-cell;vertical-align:middle;text-align:inherit}.table button.tableSortable{--components-sortable-fontWeight: 600;--components-sortable-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortable-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-sortable-arrowsOffset: var(--pr-t-spacings-25)}}@layer mods{.table.mod-zebra .table-body tr:nth-child(odd){background-color:var(--components-table-zebra-background)}.table.mod-alignTop .table-body-row-cell{vertical-align:top}.table.mod-clickable .table-body-row-cell,.table.mod-clickable .table-foot-row-cell{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color}.table.mod-clickable .table-body-row-cell-action,.table.mod-clickable .table-foot-row-cell-action{color:var(--palettes-neutral-800);text-decoration:none}.table.mod-clickable .table-body-row-cell-action:hover,.table.mod-clickable .table-body-row-cell-action:focus,.table.mod-clickable .table-foot-row-cell-action:hover,.table.mod-clickable .table-foot-row-cell-action:focus{text-decoration:underline}.table.mod-clickable .table-body-row,.table.mod-clickable .table-foot-row{cursor:pointer}.table.mod-clickable .table-body-row:hover .table-body-row-cell,.table.mod-clickable .table-body-row:focus-within .table-body-row-cell,.table.mod-clickable .table-foot-row:hover .table-body-row-cell,.table.mod-clickable .table-foot-row:focus-within .table-body-row-cell{background-color:var(--components-table-hover-background)}.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-100)}.table.mod-card{border-block-start:0}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):first-child{border-start-start-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):last-child{border-start-end-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):first-child{border-end-start-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):last-child{border-end-end-radius:var(--components-card-border-radius)}.table.mod-card .table-head-row-cell{border-block-start:0}.table.mod-card .table-body:last-child .table-body-row-cell,.table.mod-card .table-body:last-child .table-foot-row-cell,.table.mod-card .table-foot:last-child .table-body-row-cell,.table.mod-card .table-foot:last-child .table-foot-row-cell{border-block-end:none}.table.mod-card .table-body-row,.table.mod-card .table-foot-row{background-color:transparent}.table.mod-card .table-head-row-cell:first-child,.table.mod-card .table-body-row-cell:first-child,.table.mod-card .table-foot-row-cell:first-child{padding-inline-start:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell:last-child,.table.mod-card .table-body-row-cell:last-child,.table.mod-card .table-foot-row-cell:last-child{padding-inline-end:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell.mod-actions,.table.mod-card .table-body-row-cell.mod-actions,.table.mod-card .table-foot-row-cell.mod-actions{padding-inline-end:var(--pr-t-spacings-100)}.table.mod-S{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight)}.table.mod-noOffset .table-head-row-cell:first-child,.table.mod-noOffset .table-body-row-cell:first-child,.table.mod-noOffset .table-foot-row-cell:first-child{padding-inline-start:0}.table.mod-noOffset .table-head-row-cell:last-child,.table.mod-noOffset .table-body-row-cell:last-child,.table.mod-noOffset .table-foot-row-cell:last-child{padding-inline-end:0}.table.mod-borderless{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-inline-start:0}.table.mod-borderless .table-head-row-cell:last-child,.table.mod-borderless .table-body-row-cell:last-child,.table.mod-borderless .table-foot-row-cell:last-child{padding-inline-end:0}.table.mod-borderless .table-head-row-cell,.table.mod-borderless .table-body-row-cell,.table.mod-borderless .table-foot-row-cell{border-block-start:none}}@layer mods{.table-body-row.mod-header,.table-foot-row.mod-header{vertical-align:bottom}.table-body-row.mod-child .table-body-row-cell:first-child,.table-body-row.mod-child .table-foot-row-cell:first-child,.table-foot-row.mod-child .table-body-row-cell:first-child,.table-foot-row.mod-child .table-foot-row-cell:first-child{padding-inline-start:var(--pr-t-spacings-600)}.table-body-row.mod-parent .table-body-row-cell,.table-body-row.mod-parent .table-foot-row-cell,.table-foot-row.mod-parent .table-body-row-cell,.table-foot-row.mod-parent .table-foot-row-cell{color:var(--palettes-neutral-700);background-color:var(--palettes-neutral-50);font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);font-weight:var(--pr-t-font-fontWeight-semibold)}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell{cursor:pointer;text-decoration:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none;text-decoration:underline}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:before{--icon-content: \"\\e95a\";display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;font-size:var(--pr-t-font-body-M-lineHeight);font-weight:var(--pr-t-font-fontWeight-regular);margin-inline-end:var(--pr-t-spacings-100);transition-duration:var(--commons-animations-durations-fast);transition-property:transform;vertical-align:top}.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before{transform:rotate(-180deg)}.table-head-row.mod-selectable .table-head-row-cell:first-child,.table-head-row.mod-selectable .table-body-row-cell:first-child,.table-head-row.mod-selectable .table-foot-row-cell:first-child,.table-body-row.mod-selectable .table-head-row-cell:first-child,.table-body-row.mod-selectable .table-body-row-cell:first-child,.table-body-row.mod-selectable .table-foot-row-cell:first-child,.table-foot-row.mod-selectable .table-head-row-cell:first-child,.table-foot-row.mod-selectable .table-body-row-cell:first-child,.table-foot-row.mod-selectable .table-foot-row-cell:first-child{padding-inline-end:var(--pr-t-spacings-100);inline-size:var(--pr-t-spacings-200)}.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-50)}.table-body-row-cell-handler,.table-foot-row-cell-handler{inset-block:0;inset-inline-start:0;inline-size:var(--pr-t-spacings-400);position:absolute;cursor:move}.table-body-row-cell-handler:after,.table-foot-row-cell-handler:after{--icon-content: \"\\e9a4\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-M-lineHeight);block-size:100%;margin:auto;display:flex;align-items:center}.table-head-row.mod-draggable .table-head-row-cell:first-child,.table-head-row.mod-draggable .table-body-row-cell:first-child,.table-head-row.mod-draggable .table-foot-row-cell:first-child,.table-body-row.mod-draggable .table-head-row-cell:first-child,.table-body-row.mod-draggable .table-body-row-cell:first-child,.table-body-row.mod-draggable .table-foot-row-cell:first-child,.table-foot-row.mod-draggable .table-head-row-cell:first-child,.table-foot-row.mod-draggable .table-body-row-cell:first-child,.table-foot-row.mod-draggable .table-foot-row-cell:first-child{padding-inline-start:var(--pr-t-spacings-400);position:relative}.table-head-row-cell-secondLine{margin-block-start:var(--pr-t-spacings-50);display:block;font-weight:var(--pr-t-font-fontWeight-regular)}.table-head-row.mod-twoLines .table-head-row-cell{vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-wrapper{max-inline-size:calc(100% - var(--pr-t-spacings-400));display:inline-block;vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-secondLine{margin-block-start:var(--pr-t-spacings-50);display:block;font-weight:var(--pr-t-font-fontWeight-regular)}.table-body-row-cell.mod-avatar,.table-foot-row-cell.mod-avatar{padding-inline-end:0;inline-size:var(--pr-t-spacings-400)}.table-head-row-cell.mod-actions,.table-body-row-cell.mod-actions,.table-foot-row-cell.mod-actions{padding:.3rem;padding-inline-end:var(--pr-t-spacings-100);padding-inline-start:0;transition-duration:var(--commons-animations-durations-fast);transition-property:opacity;text-align:end;white-space:nowrap}@media (hover: hover){.table-head-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-body-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-foot-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading){opacity:0}.table-head-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}.table-head-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}}.table-head-row-cell.mod-alignCenter,.table-body-row-cell.mod-alignCenter,.table-foot-row-cell.mod-alignCenter{text-align:center}.table-head-row-cell.mod-alignRight,.table-body-row-cell.mod-alignRight,.table-foot-row-cell.mod-alignRight{text-align:end}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
103
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SkeletonTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
104
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SkeletonTableComponent, isStandalone: true, selector: "lu-skeleton-table", inputs: { tableBodyOnly: { classPropertyName: "tableBodyOnly", publicName: "tableBodyOnly", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (tableBodyOnly) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"table skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"table-head\">\n\t\t\t<tr class=\"table-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<th class=\"table-head-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item mod-dark pr-u-bodyS\" [style.--components-skeleton-text-width]=\"randomPercent\"></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"table-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"table-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"table-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"randomPercent\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@layer components{.table{--components-table-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-table-font-size: var(--pr-t-font-body-M-fontSize);--components-table-line-height: var(--pr-t-font-body-M-lineHeight);--components-table-zebra-background: #f5f5f5;--components-table-hover-background: var(--palettes-neutral-50);--components-table-card-padding: var(--pr-t-spacings-300);font-size:var(--components-table-font-size);line-height:var(--components-table-line-height);border-spacing:0;display:table;text-align:start;inline-size:100%;color:var(--pr-t-color-text)}.table-head{display:table-header-group;vertical-align:bottom}.table-foot{display:table-footer-group}.table-head-row{display:table-row}.table-head-row-cell{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);padding:var(--components-table-padding);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;display:table-cell;text-align:start;font-weight:var(--pr-t-font-fontWeight-semibold)}.table-body{display:table-row-group}.table-body-row,.table-foot-row{background-color:var(--pr-t-elevation-surface-raised);display:table-row}.table-body-row:first-child .table-body-row-cell,.table-body-row:first-child .table-foot-row-cell,.table-foot-row:first-child .table-body-row-cell,.table-foot-row:first-child .table-foot-row-cell{border-block-start:none}.table-body-row:last-child .table-body-row-cell,.table-body-row:last-child .table-foot-row-cell,.table-foot-row:last-child .table-body-row-cell,.table-foot-row:last-child .table-foot-row-cell{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid}.table-body-row-cell,.table-foot-row-cell{padding:var(--components-table-padding);border-block-start-width:var(--commons-divider-width);border-block-start-color:var(--commons-divider-color);border-block-start-style:solid;display:table-cell;vertical-align:middle;text-align:inherit}.table button.tableSortable{--components-sortable-fontWeight: 600;--components-sortable-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortable-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-sortable-arrowsOffset: var(--pr-t-spacings-25)}}@layer mods{.table.mod-zebra .table-body tr:nth-child(odd){background-color:var(--components-table-zebra-background)}.table.mod-alignTop .table-body-row-cell{vertical-align:top}.table.mod-clickable .table-body-row-cell,.table.mod-clickable .table-foot-row-cell{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color}.table.mod-clickable .table-body-row-cell-action,.table.mod-clickable .table-foot-row-cell-action{color:var(--palettes-neutral-800);text-decoration:none}.table.mod-clickable .table-body-row-cell-action:hover,.table.mod-clickable .table-body-row-cell-action:focus,.table.mod-clickable .table-foot-row-cell-action:hover,.table.mod-clickable .table-foot-row-cell-action:focus{text-decoration:underline}.table.mod-clickable .table-body-row,.table.mod-clickable .table-foot-row{cursor:pointer}.table.mod-clickable .table-body-row:hover .table-body-row-cell,.table.mod-clickable .table-body-row:focus-within .table-body-row-cell,.table.mod-clickable .table-foot-row:hover .table-body-row-cell,.table.mod-clickable .table-foot-row:focus-within .table-body-row-cell{background-color:var(--components-table-hover-background)}.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-100)}.table.mod-card{border-block-start:0}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):first-child{border-start-start-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):last-child{border-start-end-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):first-child{border-end-start-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):last-child{border-end-end-radius:var(--components-card-border-radius)}.table.mod-card .table-head-row-cell{border-block-start:0}.table.mod-card .table-body:last-child .table-body-row-cell,.table.mod-card .table-body:last-child .table-foot-row-cell,.table.mod-card .table-foot:last-child .table-body-row-cell,.table.mod-card .table-foot:last-child .table-foot-row-cell{border-block-end:none}.table.mod-card .table-body-row,.table.mod-card .table-foot-row{background-color:transparent}.table.mod-card .table-head-row-cell:first-child,.table.mod-card .table-body-row-cell:first-child,.table.mod-card .table-foot-row-cell:first-child{padding-inline-start:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell:last-child,.table.mod-card .table-body-row-cell:last-child,.table.mod-card .table-foot-row-cell:last-child{padding-inline-end:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell.mod-actions,.table.mod-card .table-body-row-cell.mod-actions,.table.mod-card .table-foot-row-cell.mod-actions{padding-inline-end:var(--pr-t-spacings-100)}.table.mod-S{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight)}.table.mod-noOffset .table-head-row-cell:first-child,.table.mod-noOffset .table-body-row-cell:first-child,.table.mod-noOffset .table-foot-row-cell:first-child{padding-inline-start:0}.table.mod-noOffset .table-head-row-cell:last-child,.table.mod-noOffset .table-body-row-cell:last-child,.table.mod-noOffset .table-foot-row-cell:last-child{padding-inline-end:0}.table.mod-borderless .table-head-row-cell:first-child,.table.mod-borderless .table-body-row-cell:first-child,.table.mod-borderless .table-foot-row-cell:first-child{padding-inline-start:0}.table.mod-borderless .table-head-row-cell:last-child,.table.mod-borderless .table-body-row-cell:last-child,.table.mod-borderless .table-foot-row-cell:last-child{padding-inline-end:0}.table.mod-borderless{border:none}.table.mod-borderless .table-head-row-cell,.table.mod-borderless .table-body-row-cell,.table.mod-borderless .table-foot-row-cell{border-block-start:none}}@layer mods{.table-body-row.mod-header,.table-foot-row.mod-header{vertical-align:bottom}.table-body-row.mod-child .table-body-row-cell:first-child,.table-body-row.mod-child .table-foot-row-cell:first-child,.table-foot-row.mod-child .table-body-row-cell:first-child,.table-foot-row.mod-child .table-foot-row-cell:first-child{padding-inline-start:var(--pr-t-spacings-600)}.table-body-row.mod-parent .table-body-row-cell,.table-body-row.mod-parent .table-foot-row-cell,.table-foot-row.mod-parent .table-body-row-cell,.table-foot-row.mod-parent .table-foot-row-cell{color:var(--palettes-neutral-700);background-color:var(--palettes-neutral-50);font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);font-weight:var(--pr-t-font-fontWeight-semibold)}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell{cursor:pointer;text-decoration:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none;text-decoration:underline}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:before{--icon-content: \"\\e95a\";display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;font-size:var(--pr-t-font-body-M-lineHeight);font-weight:var(--pr-t-font-fontWeight-regular);margin-inline-end:var(--pr-t-spacings-100);transition-duration:var(--commons-animations-durations-fast);transition-property:transform;vertical-align:top}.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before{transform:rotate(-180deg)}.table-head-row.mod-selectable .table-head-row-cell:first-child,.table-head-row.mod-selectable .table-body-row-cell:first-child,.table-head-row.mod-selectable .table-foot-row-cell:first-child,.table-body-row.mod-selectable .table-head-row-cell:first-child,.table-body-row.mod-selectable .table-body-row-cell:first-child,.table-body-row.mod-selectable .table-foot-row-cell:first-child,.table-foot-row.mod-selectable .table-head-row-cell:first-child,.table-foot-row.mod-selectable .table-body-row-cell:first-child,.table-foot-row.mod-selectable .table-foot-row-cell:first-child{padding-inline-end:var(--pr-t-spacings-100);inline-size:var(--pr-t-spacings-200)}.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-50)}.table-body-row-cell-handler,.table-foot-row-cell-handler{inset-block:0;inset-inline-start:0;inline-size:var(--pr-t-spacings-400);position:absolute;cursor:move}.table-body-row-cell-handler:after,.table-foot-row-cell-handler:after{--icon-content: \"\\e9a4\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-M-lineHeight);block-size:100%;margin:auto;display:flex;align-items:center}.table-head-row.mod-draggable .table-head-row-cell:first-child,.table-head-row.mod-draggable .table-body-row-cell:first-child,.table-head-row.mod-draggable .table-foot-row-cell:first-child,.table-body-row.mod-draggable .table-head-row-cell:first-child,.table-body-row.mod-draggable .table-body-row-cell:first-child,.table-body-row.mod-draggable .table-foot-row-cell:first-child,.table-foot-row.mod-draggable .table-head-row-cell:first-child,.table-foot-row.mod-draggable .table-body-row-cell:first-child,.table-foot-row.mod-draggable .table-foot-row-cell:first-child{padding-inline-start:var(--pr-t-spacings-400);position:relative}.table-head-row-cell-secondLine{margin-block-start:var(--pr-t-spacings-50);display:block;font-weight:var(--pr-t-font-fontWeight-regular)}.table-head-row.mod-twoLines .table-head-row-cell{vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-wrapper{max-inline-size:calc(100% - var(--pr-t-spacings-400));display:inline-block;vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-secondLine{margin-block-start:var(--pr-t-spacings-50);display:block;font-weight:var(--pr-t-font-fontWeight-regular)}.table-body-row-cell.mod-avatar,.table-foot-row-cell.mod-avatar{padding-inline-end:0;inline-size:var(--pr-t-spacings-400)}.table-head-row-cell.mod-actions,.table-body-row-cell.mod-actions,.table-foot-row-cell.mod-actions{padding:.3rem;padding-inline-end:var(--pr-t-spacings-100);padding-inline-start:0;transition-duration:var(--commons-animations-durations-fast);transition-property:opacity;text-align:end;white-space:nowrap}@media(hover:hover){.table-head-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-body-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-foot-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading){opacity:0}.table-head-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}.table-head-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}}.table-head-row-cell.mod-alignCenter,.table-body-row-cell.mod-alignCenter,.table-foot-row-cell.mod-alignCenter{text-align:center}.table-head-row-cell.mod-alignRight,.table-body-row-cell.mod-alignRight,.table-foot-row-cell.mod-alignRight{text-align:end}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
91
105
|
}
|
|
92
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SkeletonTableComponent, decorators: [{
|
|
93
107
|
type: Component,
|
|
94
|
-
args: [{ selector: 'lu-skeleton-table', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "@if (tableBodyOnly) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"table skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"table-head\">\n\t\t\t<tr class=\"table-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<th class=\"table-head-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item mod-dark pr-u-bodyS\" [style.--components-skeleton-text-width]=\"randomPercent\"></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"table-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"table-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"table-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"randomPercent\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@layer components{.table{--components-table-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-table-font-size: var(--pr-t-font-body-M-fontSize);--components-table-line-height: var(--pr-t-font-body-M-lineHeight);--components-table-zebra-background: #f5f5f5;--components-table-hover-background: var(--palettes-neutral-50);--components-table-card-padding: var(--pr-t-spacings-300);font-size:var(--components-table-font-size);line-height:var(--components-table-line-height);border-spacing:0;display:table;text-align:start;inline-size:100%;color:var(--pr-t-color-text)}.table-head{display:table-header-group;vertical-align:bottom}.table-foot{display:table-footer-group}.table-head-row{display:table-row}.table-head-row-cell{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);padding:var(--components-table-padding);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;display:table-cell;text-align:start;font-weight:var(--pr-t-font-fontWeight-semibold)}.table-body{display:table-row-group}.table-body-row,.table-foot-row{background-color:var(--pr-t-elevation-surface-raised);display:table-row}.table-body-row:first-child .table-body-row-cell,.table-body-row:first-child .table-foot-row-cell,.table-foot-row:first-child .table-body-row-cell,.table-foot-row:first-child .table-foot-row-cell{border-block-start:none}.table-body-row:last-child .table-body-row-cell,.table-body-row:last-child .table-foot-row-cell,.table-foot-row:last-child .table-body-row-cell,.table-foot-row:last-child .table-foot-row-cell{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid}.table-body-row-cell,.table-foot-row-cell{padding:var(--components-table-padding);border-block-start-width:var(--commons-divider-width);border-block-start-color:var(--commons-divider-color);border-block-start-style:solid;display:table-cell;vertical-align:middle;text-align:inherit}.table button.tableSortable{--components-sortable-fontWeight: 600;--components-sortable-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortable-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-sortable-arrowsOffset: var(--pr-t-spacings-25)}}@layer mods{.table.mod-zebra .table-body tr:nth-child(odd){background-color:var(--components-table-zebra-background)}.table.mod-alignTop .table-body-row-cell{vertical-align:top}.table.mod-clickable .table-body-row-cell,.table.mod-clickable .table-foot-row-cell{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color}.table.mod-clickable .table-body-row-cell-action,.table.mod-clickable .table-foot-row-cell-action{color:var(--palettes-neutral-800);text-decoration:none}.table.mod-clickable .table-body-row-cell-action:hover,.table.mod-clickable .table-body-row-cell-action:focus,.table.mod-clickable .table-foot-row-cell-action:hover,.table.mod-clickable .table-foot-row-cell-action:focus{text-decoration:underline}.table.mod-clickable .table-body-row,.table.mod-clickable .table-foot-row{cursor:pointer}.table.mod-clickable .table-body-row:hover .table-body-row-cell,.table.mod-clickable .table-body-row:focus-within .table-body-row-cell,.table.mod-clickable .table-foot-row:hover .table-body-row-cell,.table.mod-clickable .table-foot-row:focus-within .table-body-row-cell{background-color:var(--components-table-hover-background)}.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-100)}.table.mod-card{border-block-start:0}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):first-child{border-start-start-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):last-child{border-start-end-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):first-child{border-end-start-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):last-child{border-end-end-radius:var(--components-card-border-radius)}.table.mod-card .table-head-row-cell{border-block-start:0}.table.mod-card .table-body:last-child .table-body-row-cell,.table.mod-card .table-body:last-child .table-foot-row-cell,.table.mod-card .table-foot:last-child .table-body-row-cell,.table.mod-card .table-foot:last-child .table-foot-row-cell{border-block-end:none}.table.mod-card .table-body-row,.table.mod-card .table-foot-row{background-color:transparent}.table.mod-card .table-head-row-cell:first-child,.table.mod-card .table-body-row-cell:first-child,.table.mod-card .table-foot-row-cell:first-child{padding-inline-start:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell:last-child,.table.mod-card .table-body-row-cell:last-child,.table.mod-card .table-foot-row-cell:last-child{padding-inline-end:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell.mod-actions,.table.mod-card .table-body-row-cell.mod-actions,.table.mod-card .table-foot-row-cell.mod-actions{padding-inline-end:var(--pr-t-spacings-100)}.table.mod-S{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight)}.table.mod-noOffset .table-head-row-cell:first-child,.table.mod-noOffset .table-body-row-cell:first-child,.table.mod-noOffset .table-foot-row-cell:first-child{padding-inline-start:0}.table.mod-noOffset .table-head-row-cell:last-child,.table.mod-noOffset .table-body-row-cell:last-child,.table.mod-noOffset .table-foot-row-cell:last-child{padding-inline-end:0}.table.mod-borderless{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-inline-start:0}.table.mod-borderless .table-head-row-cell:last-child,.table.mod-borderless .table-body-row-cell:last-child,.table.mod-borderless .table-foot-row-cell:last-child{padding-inline-end:0}.table.mod-borderless .table-head-row-cell,.table.mod-borderless .table-body-row-cell,.table.mod-borderless .table-foot-row-cell{border-block-start:none}}@layer mods{.table-body-row.mod-header,.table-foot-row.mod-header{vertical-align:bottom}.table-body-row.mod-child .table-body-row-cell:first-child,.table-body-row.mod-child .table-foot-row-cell:first-child,.table-foot-row.mod-child .table-body-row-cell:first-child,.table-foot-row.mod-child .table-foot-row-cell:first-child{padding-inline-start:var(--pr-t-spacings-600)}.table-body-row.mod-parent .table-body-row-cell,.table-body-row.mod-parent .table-foot-row-cell,.table-foot-row.mod-parent .table-body-row-cell,.table-foot-row.mod-parent .table-foot-row-cell{color:var(--palettes-neutral-700);background-color:var(--palettes-neutral-50);font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);font-weight:var(--pr-t-font-fontWeight-semibold)}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell{cursor:pointer;text-decoration:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none;text-decoration:underline}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:before{--icon-content: \"\\e95a\";display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;font-size:var(--pr-t-font-body-M-lineHeight);font-weight:var(--pr-t-font-fontWeight-regular);margin-inline-end:var(--pr-t-spacings-100);transition-duration:var(--commons-animations-durations-fast);transition-property:transform;vertical-align:top}.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before{transform:rotate(-180deg)}.table-head-row.mod-selectable .table-head-row-cell:first-child,.table-head-row.mod-selectable .table-body-row-cell:first-child,.table-head-row.mod-selectable .table-foot-row-cell:first-child,.table-body-row.mod-selectable .table-head-row-cell:first-child,.table-body-row.mod-selectable .table-body-row-cell:first-child,.table-body-row.mod-selectable .table-foot-row-cell:first-child,.table-foot-row.mod-selectable .table-head-row-cell:first-child,.table-foot-row.mod-selectable .table-body-row-cell:first-child,.table-foot-row.mod-selectable .table-foot-row-cell:first-child{padding-inline-end:var(--pr-t-spacings-100);inline-size:var(--pr-t-spacings-200)}.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-50)}.table-body-row-cell-handler,.table-foot-row-cell-handler{inset-block:0;inset-inline-start:0;inline-size:var(--pr-t-spacings-400);position:absolute;cursor:move}.table-body-row-cell-handler:after,.table-foot-row-cell-handler:after{--icon-content: \"\\e9a4\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-M-lineHeight);block-size:100%;margin:auto;display:flex;align-items:center}.table-head-row.mod-draggable .table-head-row-cell:first-child,.table-head-row.mod-draggable .table-body-row-cell:first-child,.table-head-row.mod-draggable .table-foot-row-cell:first-child,.table-body-row.mod-draggable .table-head-row-cell:first-child,.table-body-row.mod-draggable .table-body-row-cell:first-child,.table-body-row.mod-draggable .table-foot-row-cell:first-child,.table-foot-row.mod-draggable .table-head-row-cell:first-child,.table-foot-row.mod-draggable .table-body-row-cell:first-child,.table-foot-row.mod-draggable .table-foot-row-cell:first-child{padding-inline-start:var(--pr-t-spacings-400);position:relative}.table-head-row-cell-secondLine{margin-block-start:var(--pr-t-spacings-50);display:block;font-weight:var(--pr-t-font-fontWeight-regular)}.table-head-row.mod-twoLines .table-head-row-cell{vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-wrapper{max-inline-size:calc(100% - var(--pr-t-spacings-400));display:inline-block;vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-secondLine{margin-block-start:var(--pr-t-spacings-50);display:block;font-weight:var(--pr-t-font-fontWeight-regular)}.table-body-row-cell.mod-avatar,.table-foot-row-cell.mod-avatar{padding-inline-end:0;inline-size:var(--pr-t-spacings-400)}.table-head-row-cell.mod-actions,.table-body-row-cell.mod-actions,.table-foot-row-cell.mod-actions{padding:.3rem;padding-inline-end:var(--pr-t-spacings-100);padding-inline-start:0;transition-duration:var(--commons-animations-durations-fast);transition-property:opacity;text-align:end;white-space:nowrap}@media (hover: hover){.table-head-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-body-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-foot-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading){opacity:0}.table-head-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}.table-head-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}}.table-head-row-cell.mod-alignCenter,.table-body-row-cell.mod-alignCenter,.table-foot-row-cell.mod-alignCenter{text-align:center}.table-head-row-cell.mod-alignRight,.table-body-row-cell.mod-alignRight,.table-foot-row-cell.mod-alignRight{text-align:end}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"] }]
|
|
95
|
-
}] });
|
|
108
|
+
args: [{ selector: 'lu-skeleton-table', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "@if (tableBodyOnly) {\n\t<ng-container *ngTemplateOutlet=\"tbody\" />\n} @else {\n\t<table class=\"table skeleton is-loading\" inert=\"inert\">\n\t\t<thead class=\"table-head\">\n\t\t\t<tr class=\"table-head-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<th class=\"table-head-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item mod-dark pr-u-bodyS\" [style.--components-skeleton-text-width]=\"randomPercent\"></span>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t</thead>\n\t\t<ng-container *ngTemplateOutlet=\"tbody\" />\n\t</table>\n}\n<ng-template #tbody>\n\t<tbody class=\"table-body\">\n\t\t@for (row of rowsNumber(); track row) {\n\t\t\t<tr class=\"table-body-row\">\n\t\t\t\t@for (col of colsNumber(); track col) {\n\t\t\t\t\t<td class=\"table-body-row-cell\">\n\t\t\t\t\t\t<span class=\"skeleton-item\" [style.--components-skeleton-text-width]=\"randomPercent\"></span>\n\t\t\t\t\t</td>\n\t\t\t\t}\n\t\t\t</tr>\n\t\t}\n\t</tbody>\n</ng-template>\n", styles: ["@charset \"UTF-8\";@layer components{.table{--components-table-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-table-font-size: var(--pr-t-font-body-M-fontSize);--components-table-line-height: var(--pr-t-font-body-M-lineHeight);--components-table-zebra-background: #f5f5f5;--components-table-hover-background: var(--palettes-neutral-50);--components-table-card-padding: var(--pr-t-spacings-300);font-size:var(--components-table-font-size);line-height:var(--components-table-line-height);border-spacing:0;display:table;text-align:start;inline-size:100%;color:var(--pr-t-color-text)}.table-head{display:table-header-group;vertical-align:bottom}.table-foot{display:table-footer-group}.table-head-row{display:table-row}.table-head-row-cell{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);padding:var(--components-table-padding);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;display:table-cell;text-align:start;font-weight:var(--pr-t-font-fontWeight-semibold)}.table-body{display:table-row-group}.table-body-row,.table-foot-row{background-color:var(--pr-t-elevation-surface-raised);display:table-row}.table-body-row:first-child .table-body-row-cell,.table-body-row:first-child .table-foot-row-cell,.table-foot-row:first-child .table-body-row-cell,.table-foot-row:first-child .table-foot-row-cell{border-block-start:none}.table-body-row:last-child .table-body-row-cell,.table-body-row:last-child .table-foot-row-cell,.table-foot-row:last-child .table-body-row-cell,.table-foot-row:last-child .table-foot-row-cell{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid}.table-body-row-cell,.table-foot-row-cell{padding:var(--components-table-padding);border-block-start-width:var(--commons-divider-width);border-block-start-color:var(--commons-divider-color);border-block-start-style:solid;display:table-cell;vertical-align:middle;text-align:inherit}.table button.tableSortable{--components-sortable-fontWeight: 600;--components-sortable-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortable-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-sortable-arrowsOffset: var(--pr-t-spacings-25)}}@layer mods{.table.mod-zebra .table-body tr:nth-child(odd){background-color:var(--components-table-zebra-background)}.table.mod-alignTop .table-body-row-cell{vertical-align:top}.table.mod-clickable .table-body-row-cell,.table.mod-clickable .table-foot-row-cell{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color}.table.mod-clickable .table-body-row-cell-action,.table.mod-clickable .table-foot-row-cell-action{color:var(--palettes-neutral-800);text-decoration:none}.table.mod-clickable .table-body-row-cell-action:hover,.table.mod-clickable .table-body-row-cell-action:focus,.table.mod-clickable .table-foot-row-cell-action:hover,.table.mod-clickable .table-foot-row-cell-action:focus{text-decoration:underline}.table.mod-clickable .table-body-row,.table.mod-clickable .table-foot-row{cursor:pointer}.table.mod-clickable .table-body-row:hover .table-body-row-cell,.table.mod-clickable .table-body-row:focus-within .table-body-row-cell,.table.mod-clickable .table-foot-row:hover .table-body-row-cell,.table.mod-clickable .table-foot-row:focus-within .table-body-row-cell{background-color:var(--components-table-hover-background)}.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-head-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-body-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-head-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-body-row-cell,.table.mod-clickable .table-foot-row.mod-selectable:hover:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-100)}.table.mod-card{border-block-start:0}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):first-child{border-start-start-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):first-child :where(.table-head-row,.table-body-row,.table-foot-row):first-child :where(.table-head-row-cell,.table-body-row-cell):last-child{border-start-end-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):first-child{border-end-start-radius:var(--components-card-border-radius)}.table.mod-card :where(.table-head,.table-body,.table-foot):last-child :where(.table-head-row,.table-body-row,.table-foot-row):last-child :where(.table-body-row-cell,.table-foot-row-cell):last-child{border-end-end-radius:var(--components-card-border-radius)}.table.mod-card .table-head-row-cell{border-block-start:0}.table.mod-card .table-body:last-child .table-body-row-cell,.table.mod-card .table-body:last-child .table-foot-row-cell,.table.mod-card .table-foot:last-child .table-body-row-cell,.table.mod-card .table-foot:last-child .table-foot-row-cell{border-block-end:none}.table.mod-card .table-body-row,.table.mod-card .table-foot-row{background-color:transparent}.table.mod-card .table-head-row-cell:first-child,.table.mod-card .table-body-row-cell:first-child,.table.mod-card .table-foot-row-cell:first-child{padding-inline-start:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell:last-child,.table.mod-card .table-body-row-cell:last-child,.table.mod-card .table-foot-row-cell:last-child{padding-inline-end:var(--components-table-card-padding)}.table.mod-card .table-head-row-cell.mod-actions,.table.mod-card .table-body-row-cell.mod-actions,.table.mod-card .table-foot-row-cell.mod-actions{padding-inline-end:var(--pr-t-spacings-100)}.table.mod-S{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight)}.table.mod-noOffset .table-head-row-cell:first-child,.table.mod-noOffset .table-body-row-cell:first-child,.table.mod-noOffset .table-foot-row-cell:first-child{padding-inline-start:0}.table.mod-noOffset .table-head-row-cell:last-child,.table.mod-noOffset .table-body-row-cell:last-child,.table.mod-noOffset .table-foot-row-cell:last-child{padding-inline-end:0}.table.mod-borderless .table-head-row-cell:first-child,.table.mod-borderless .table-body-row-cell:first-child,.table.mod-borderless .table-foot-row-cell:first-child{padding-inline-start:0}.table.mod-borderless .table-head-row-cell:last-child,.table.mod-borderless .table-body-row-cell:last-child,.table.mod-borderless .table-foot-row-cell:last-child{padding-inline-end:0}.table.mod-borderless{border:none}.table.mod-borderless .table-head-row-cell,.table.mod-borderless .table-body-row-cell,.table.mod-borderless .table-foot-row-cell{border-block-start:none}}@layer mods{.table-body-row.mod-header,.table-foot-row.mod-header{vertical-align:bottom}.table-body-row.mod-child .table-body-row-cell:first-child,.table-body-row.mod-child .table-foot-row-cell:first-child,.table-foot-row.mod-child .table-body-row-cell:first-child,.table-foot-row.mod-child .table-foot-row-cell:first-child{padding-inline-start:var(--pr-t-spacings-600)}.table-body-row.mod-parent .table-body-row-cell,.table-body-row.mod-parent .table-foot-row-cell,.table-foot-row.mod-parent .table-body-row-cell,.table-foot-row.mod-parent .table-foot-row-cell{color:var(--palettes-neutral-700);background-color:var(--palettes-neutral-50);font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);font-weight:var(--pr-t-font-fontWeight-semibold)}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell{cursor:pointer;text-decoration:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:hover,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:focus-visible,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:hover{outline:none;text-decoration:underline}.table-body-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable .table-foot-row-cell:before{--icon-content: \"\\e95a\";display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;font-size:var(--pr-t-font-body-M-lineHeight);font-weight:var(--pr-t-font-fontWeight-regular);margin-inline-end:var(--pr-t-spacings-100);transition-duration:var(--commons-animations-durations-fast);transition-property:transform;vertical-align:top}.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-body-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-body-row-cell:before,.table-foot-row.mod-parent.mod-collapsable.is-collapsed .table-foot-row-cell:before{transform:rotate(-180deg)}.table-head-row.mod-selectable .table-head-row-cell:first-child,.table-head-row.mod-selectable .table-body-row-cell:first-child,.table-head-row.mod-selectable .table-foot-row-cell:first-child,.table-body-row.mod-selectable .table-head-row-cell:first-child,.table-body-row.mod-selectable .table-body-row-cell:first-child,.table-body-row.mod-selectable .table-foot-row-cell:first-child,.table-foot-row.mod-selectable .table-head-row-cell:first-child,.table-foot-row.mod-selectable .table-body-row-cell:first-child,.table-foot-row.mod-selectable .table-foot-row-cell:first-child{padding-inline-end:var(--pr-t-spacings-100);inline-size:var(--pr-t-spacings-200)}.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-head-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-body-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-head-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-body-row-cell,.table-foot-row.mod-selectable:has(input[type=checkbox]:checked) .table-foot-row-cell{background-color:var(--palettes-product-50)}.table-body-row-cell-handler,.table-foot-row-cell-handler{inset-block:0;inset-inline-start:0;inline-size:var(--pr-t-spacings-400);position:absolute;cursor:move}.table-body-row-cell-handler:after,.table-foot-row-cell-handler:after{--icon-content: \"\\e9a4\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-M-lineHeight);block-size:100%;margin:auto;display:flex;align-items:center}.table-head-row.mod-draggable .table-head-row-cell:first-child,.table-head-row.mod-draggable .table-body-row-cell:first-child,.table-head-row.mod-draggable .table-foot-row-cell:first-child,.table-body-row.mod-draggable .table-head-row-cell:first-child,.table-body-row.mod-draggable .table-body-row-cell:first-child,.table-body-row.mod-draggable .table-foot-row-cell:first-child,.table-foot-row.mod-draggable .table-head-row-cell:first-child,.table-foot-row.mod-draggable .table-body-row-cell:first-child,.table-foot-row.mod-draggable .table-foot-row-cell:first-child{padding-inline-start:var(--pr-t-spacings-400);position:relative}.table-head-row-cell-secondLine{margin-block-start:var(--pr-t-spacings-50);display:block;font-weight:var(--pr-t-font-fontWeight-regular)}.table-head-row.mod-twoLines .table-head-row-cell{vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-wrapper{max-inline-size:calc(100% - var(--pr-t-spacings-400));display:inline-block;vertical-align:top}.table-head-row.mod-twoLines .table-head-row-cell-secondLine{margin-block-start:var(--pr-t-spacings-50);display:block;font-weight:var(--pr-t-font-fontWeight-regular)}.table-body-row-cell.mod-avatar,.table-foot-row-cell.mod-avatar{padding-inline-end:0;inline-size:var(--pr-t-spacings-400)}.table-head-row-cell.mod-actions,.table-body-row-cell.mod-actions,.table-foot-row-cell.mod-actions{padding:.3rem;padding-inline-end:var(--pr-t-spacings-100);padding-inline-start:0;transition-duration:var(--commons-animations-durations-fast);transition-property:opacity;text-align:end;white-space:nowrap}@media(hover:hover){.table-head-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-body-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading),.table-foot-row-cell.mod-actions.mod-actionsHidden>*:not(.is-loading){opacity:0}.table-head-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:hover .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}.table-head-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-head-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-body-row-cell.mod-actions.mod-actionsHidden>*,.table-head-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-body-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*,.table-foot-row:focus-within .table-foot-row-cell.mod-actions.mod-actionsHidden>*{opacity:1}}.table-head-row-cell.mod-alignCenter,.table-body-row-cell.mod-alignCenter,.table-foot-row-cell.mod-alignCenter{text-align:center}.table-head-row-cell.mod-alignRight,.table-body-row-cell.mod-alignRight,.table-foot-row-cell.mod-alignRight{text-align:end}}@layer components{.skeleton{--components-skeleton-gradient-step-one: var(--palettes-neutral-50);--components-skeleton-gradient-step-two: var(--palettes-neutral-200);--components-skeleton-shape-height: 1.5rem;--components-skeleton-shape-width: 1.5rem;--components-skeleton-text-offset: var(--pr-t-spacings-75);--components-skeleton-text-width: 100%;--components-skeleton-text-clipPathRound: round var(--pr-t-border-radius-default)}.skeleton-item{animation:skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards}@keyframes skeletonFade{0%{opacity:0}to{opacity:1}}}@layer mods{.skeleton.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading{animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton.is-loading .skeleton-item{animation:skeletonBackground 1.5s infinite linear;background-image:linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)));background-size:150% 100%;background-repeat:repeat-x;display:block}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-bodyS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXS{--components-skeleton-text-offset: .25rem;block-size:var(--pr-t-font-body-XS-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textS{--components-skeleton-text-offset: .375rem;block-size:var(--pr-t-font-body-S-lineHeight)}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textL{--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXL{block-size:1.75rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle).pr-u-textXXL{--components-skeleton-text-offset: .5rem;block-size:2rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h1,h1){block-size:auto;line-height:var(--pr-t-font-heading-1-lineHeight);min-block-size:var(--pr-t-font-heading-1-lineHeight);--components-skeleton-text-offset: .5rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h2,h2){block-size:auto;line-height:var(--pr-t-font-heading-2-lineHeight);min-block-size:var(--pr-t-font-heading-2-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h3,h3){block-size:auto;line-height:var(--pr-t-font-heading-3-lineHeight);min-block-size:var(--pr-t-font-heading-3-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h4,h4){block-size:auto;line-height:var(--pr-t-font-heading-4-lineHeight);min-block-size:var(--pr-t-font-heading-4-lineHeight);--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h5,h5){block-size:auto;line-height:1.25rem;min-block-size:1.25rem;--components-skeleton-text-offset: .375rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle):is(.pr-u-h6,h6){block-size:auto;line-height:1rem;min-block-size:1rem;--components-skeleton-text-offset: .25rem}.skeleton.is-loading .skeleton-item:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound));block-size:var(--pr-t-font-body-M-lineHeight);inline-size:100%}@keyframes skeletonBackground{0%{background-position:150% 50%}to{background-position:-150% 50%}}@keyframes skeletonPulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.skeleton.is-loading .skeleton-item.mod-dark{--components-skeleton-gradient-step-one: var(--palettes-neutral-200);--components-skeleton-gradient-step-two: var(--palettes-neutral-500)}.skeleton.is-loading .skeleton-item.mod-square{border-radius:var(--pr-t-border-radius-small);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-circle{border-radius:var(--pr-t-border-radius-full);block-size:var(--components-skeleton-shape-height);inline-size:var(--components-skeleton-shape-width)}.skeleton.is-loading .skeleton-item.mod-XS{--components-skeleton-shape-height: .5rem;--components-skeleton-shape-width: .5rem}.skeleton.is-loading .skeleton-item.mod-S{--components-skeleton-shape-height: 1rem;--components-skeleton-shape-width: 1rem}.skeleton.is-loading .skeleton-item.mod-L{--components-skeleton-shape-height: 2rem;--components-skeleton-shape-width: 2rem}.skeleton.is-loading .skeleton-item.mod-XL{--components-skeleton-shape-height: 3rem;--components-skeleton-shape-width: 3rem}.skeleton.is-loading .skeleton-item.mod-XXL{--components-skeleton-shape-height: 4rem;--components-skeleton-shape-width: 4rem}.skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound))}.skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square,.mod-circle){clip-path:inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound))}}@layer components{:host{display:contents}}\n"] }]
|
|
109
|
+
}], propDecorators: { tableBodyOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableBodyOnly", required: false }] }], cols: [{ type: i0.Input, args: [{ isSignal: true, alias: "cols", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }] } });
|
|
96
110
|
|
|
97
111
|
/**
|
|
98
112
|
* Generated bundle index. Do not edit.
|
|
99
113
|
*/
|
|
100
114
|
|
|
101
|
-
export { SkeletonButtonComponent, SkeletonDataTableComponent, SkeletonFieldComponent, SkeletonHeaderComponent, SkeletonIndexTableComponent, SkeletonTableComponent };
|
|
115
|
+
export { SkeletonButtonComponent, SkeletonDataTableComponent, SkeletonFieldComponent, SkeletonHeaderComponent, SkeletonIndexTableComponent, SkeletonResourceCardComponent, SkeletonTableComponent };
|
|
102
116
|
//# sourceMappingURL=lucca-front-ng-skeleton.mjs.map
|