@lucca-front/ng 22.1.0-rc.4 → 22.1.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/README.md +6 -0
- package/fesm2022/lucca-front-ng-a11y.mjs +9 -9
- package/fesm2022/lucca-front-ng-activity-feed.mjs +19 -15
- package/fesm2022/lucca-front-ng-activity-feed.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-api.mjs +40 -40
- package/fesm2022/lucca-front-ng-app-layout.mjs +3 -3
- package/fesm2022/lucca-front-ng-approbation-inbox.mjs +78 -56
- package/fesm2022/lucca-front-ng-approbation-inbox.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-box.mjs +3 -3
- package/fesm2022/lucca-front-ng-breadcrumbs.mjs +6 -6
- package/fesm2022/lucca-front-ng-bubble-icon.mjs +12 -7
- package/fesm2022/lucca-front-ng-bubble-icon.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-bubble-illustration.mjs +3 -3
- package/fesm2022/lucca-front-ng-callout.mjs +24 -24
- package/fesm2022/lucca-front-ng-chip.mjs +4 -4
- package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-clear.mjs +4 -4
- package/fesm2022/lucca-front-ng-clear.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-code.mjs +3 -3
- package/fesm2022/lucca-front-ng-color.mjs +3 -3
- package/fesm2022/lucca-front-ng-comment.mjs +12 -12
- package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-container.mjs +3 -3
- package/fesm2022/lucca-front-ng-core-select-api.mjs +9 -9
- package/fesm2022/lucca-front-ng-core-select-department.mjs +8 -6
- package/fesm2022/lucca-front-ng-core-select-department.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-establishment.mjs +11 -9
- package/fesm2022/lucca-front-ng-core-select-establishment.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +6 -6
- package/fesm2022/lucca-front-ng-core-select-legal-units.mjs +8 -8
- package/fesm2022/lucca-front-ng-core-select-legal-units.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs +3 -3
- package/fesm2022/lucca-front-ng-core-select-user.mjs +22 -20
- package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core-select.mjs +77 -62
- package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-core.mjs +19 -19
- package/fesm2022/lucca-front-ng-data-table.mjs +40 -32
- package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-date.mjs +40 -40
- package/fesm2022/lucca-front-ng-date2.mjs +93 -40
- package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-department.mjs +24 -24
- package/fesm2022/lucca-front-ng-dialog.mjs +56 -48
- package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-divider.mjs +3 -3
- package/fesm2022/lucca-front-ng-dropdown.mjs +42 -42
- package/fesm2022/lucca-front-ng-dropdown.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-empty-state.mjs +9 -9
- package/fesm2022/lucca-front-ng-error-page.mjs +3 -3
- package/fesm2022/lucca-front-ng-establishment.mjs +33 -33
- package/fesm2022/lucca-front-ng-fancy-box.mjs +3 -3
- package/fesm2022/lucca-front-ng-file-upload.mjs +33 -26
- package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-filter-pills-core.mjs +6 -6
- package/fesm2022/lucca-front-ng-filter-pills.mjs +90 -21
- package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-footer.mjs +3 -3
- package/fesm2022/lucca-front-ng-form-field.mjs +24 -20
- package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form-header.mjs +3 -3
- package/fesm2022/lucca-front-ng-form-label.mjs +3 -3
- package/fesm2022/lucca-front-ng-form.mjs +3 -3
- package/fesm2022/lucca-front-ng-formly.mjs +58 -58
- package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +6 -6
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs +3 -3
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +6 -6
- package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs +3 -3
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +38 -37
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms.mjs +68 -48
- package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-gauge.mjs +3 -3
- package/fesm2022/lucca-front-ng-grid.mjs +6 -6
- package/fesm2022/lucca-front-ng-highlight-data.mjs +3 -3
- package/fesm2022/lucca-front-ng-highlight-section.mjs +6 -3
- package/fesm2022/lucca-front-ng-highlight-section.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-highlight-text.mjs +3 -3
- package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +9 -9
- package/fesm2022/lucca-front-ng-impersonation.mjs +5 -3
- package/fesm2022/lucca-front-ng-impersonation.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-index-table.mjs +44 -38
- package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-inline-message.mjs +3 -3
- package/fesm2022/lucca-front-ng-input.mjs +21 -21
- package/fesm2022/lucca-front-ng-kbd.mjs +306 -0
- package/fesm2022/lucca-front-ng-kbd.mjs.map +1 -0
- package/fesm2022/lucca-front-ng-link.mjs +38 -14
- package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-listbox.mjs +13 -10
- package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-listing.mjs +21 -11
- package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-loading.mjs +51 -10
- package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-main-layout.mjs +6 -6
- package/fesm2022/lucca-front-ng-markdown.mjs +3 -3
- package/fesm2022/lucca-front-ng-mobile-push.mjs +3 -3
- package/fesm2022/lucca-front-ng-modal.mjs +22 -22
- package/fesm2022/lucca-front-ng-multi-select.mjs +42 -42
- package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-new-badge.mjs +3 -3
- package/fesm2022/lucca-front-ng-number-format.mjs +6 -6
- package/fesm2022/lucca-front-ng-number.mjs +7 -7
- package/fesm2022/lucca-front-ng-option.mjs +130 -130
- package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-page-header.mjs +3 -3
- package/fesm2022/lucca-front-ng-pagination.mjs +3 -3
- package/fesm2022/lucca-front-ng-plg-push.mjs +3 -3
- package/fesm2022/lucca-front-ng-popover.mjs +17 -17
- package/fesm2022/lucca-front-ng-popover2.mjs +54 -21
- package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-popup.mjs +10 -10
- package/fesm2022/lucca-front-ng-priority-level.mjs +128 -0
- package/fesm2022/lucca-front-ng-priority-level.mjs.map +1 -0
- package/fesm2022/lucca-front-ng-progress-bar.mjs +3 -3
- package/fesm2022/lucca-front-ng-progress-stepper.mjs +6 -6
- package/fesm2022/lucca-front-ng-read-more.mjs +6 -6
- package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-resource-card.mjs +12 -12
- package/fesm2022/lucca-front-ng-safe-content.mjs +10 -10
- package/fesm2022/lucca-front-ng-scroll-box.mjs +4 -4
- package/fesm2022/lucca-front-ng-scroll-box.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-scroll.mjs +9 -10
- package/fesm2022/lucca-front-ng-scroll.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +8 -8
- package/fesm2022/lucca-front-ng-segmented-control.mjs +8 -8
- package/fesm2022/lucca-front-ng-select.mjs +14 -14
- package/fesm2022/lucca-front-ng-sidepanel.mjs +7 -7
- package/fesm2022/lucca-front-ng-simple-select.mjs +16 -16
- package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-software-icon-wrapper.mjs +6 -6
- package/fesm2022/lucca-front-ng-software-icon.mjs +3 -3
- package/fesm2022/lucca-front-ng-sortable-list.mjs +6 -6
- package/fesm2022/lucca-front-ng-status-badge.mjs +3 -3
- package/fesm2022/lucca-front-ng-table-of-content.mjs +6 -6
- package/fesm2022/lucca-front-ng-text-flow.mjs +4 -4
- package/fesm2022/lucca-front-ng-text-flow.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-time.mjs +18 -18
- package/fesm2022/lucca-front-ng-title.mjs +10 -10
- package/fesm2022/lucca-front-ng-toast.mjs +10 -10
- package/fesm2022/lucca-front-ng-tree-select.mjs +7 -7
- 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 +68 -61
- package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-vertical-navigation.mjs +12 -12
- package/package.json +23 -10
- package/schematics/lib/local-deps/package-lock.json +7 -7
- package/schematics/lib/local-deps/package.json +1 -1
- package/schematics/lu-button/migration.js +59 -33
- package/src/components/_sidepanel.scss +2 -2
- package/src/components/cdk/_global.scss +4 -0
- package/src/components/cdk/_overlay.scss +1 -1
- package/src/definitions/option/_option-item.scss +7 -4
- package/types/lucca-front-ng-a11y.d.ts +1 -1
- package/types/lucca-front-ng-activity-feed.d.ts +13 -9
- package/types/lucca-front-ng-api.d.ts +31 -31
- package/types/lucca-front-ng-approbation-inbox.d.ts +22 -14
- package/types/lucca-front-ng-bubble-icon.d.ts +5 -2
- package/types/lucca-front-ng-callout.d.ts +17 -17
- package/types/lucca-front-ng-chip.d.ts +7 -7
- package/types/lucca-front-ng-clear.d.ts +2 -2
- package/types/lucca-front-ng-color.d.ts +3 -3
- package/types/lucca-front-ng-comment.d.ts +14 -14
- package/types/lucca-front-ng-container.d.ts +1 -1
- package/types/lucca-front-ng-core-select-api.d.ts +7 -7
- package/types/lucca-front-ng-core-select-department.d.ts +7 -5
- package/types/lucca-front-ng-core-select-establishment.d.ts +8 -6
- package/types/lucca-front-ng-core-select-job-qualification.d.ts +2 -2
- package/types/lucca-front-ng-core-select-legal-units.d.ts +3 -3
- package/types/lucca-front-ng-core-select-occupation-category.d.ts +2 -2
- package/types/lucca-front-ng-core-select-user.d.ts +14 -12
- package/types/lucca-front-ng-core-select.d.ts +56 -41
- package/types/lucca-front-ng-core.d.ts +5 -5
- package/types/lucca-front-ng-data-table.d.ts +38 -33
- package/types/lucca-front-ng-date.d.ts +13 -13
- package/types/lucca-front-ng-date2.d.ts +56 -37
- package/types/lucca-front-ng-department.d.ts +2 -2
- package/types/lucca-front-ng-dialog.d.ts +9 -9
- package/types/lucca-front-ng-divider.d.ts +2 -2
- package/types/lucca-front-ng-dropdown.d.ts +2 -2
- package/types/lucca-front-ng-empty-state.d.ts +20 -20
- package/types/lucca-front-ng-establishment.d.ts +15 -15
- package/types/lucca-front-ng-fancy-box.d.ts +12 -12
- package/types/lucca-front-ng-file-upload.d.ts +21 -15
- package/types/lucca-front-ng-filter-pills.d.ts +27 -18
- package/types/lucca-front-ng-footer.d.ts +1 -1
- package/types/lucca-front-ng-form-field.d.ts +19 -19
- package/types/lucca-front-ng-form-label.d.ts +4 -4
- package/types/lucca-front-ng-form.d.ts +1 -1
- package/types/lucca-front-ng-forms-phone-number-input.d.ts +11 -11
- package/types/lucca-front-ng-forms-rich-text-input.d.ts +11 -11
- package/types/lucca-front-ng-forms.d.ts +59 -49
- package/types/lucca-front-ng-grid.d.ts +23 -23
- package/types/lucca-front-ng-highlight-data.d.ts +5 -5
- package/types/lucca-front-ng-highlight-section.d.ts +6 -3
- package/types/lucca-front-ng-horizontal-navigation.d.ts +4 -4
- package/types/lucca-front-ng-impersonation.d.ts +8 -6
- package/types/lucca-front-ng-index-table.d.ts +20 -18
- package/types/lucca-front-ng-inline-message.d.ts +2 -2
- package/types/lucca-front-ng-kbd.d.ts +59 -0
- package/types/lucca-front-ng-link.d.ts +17 -4
- package/types/lucca-front-ng-listbox.d.ts +10 -9
- package/types/lucca-front-ng-listing.d.ts +14 -3
- package/types/lucca-front-ng-loading.d.ts +18 -6
- package/types/lucca-front-ng-main-layout.d.ts +9 -9
- package/types/lucca-front-ng-modal.d.ts +4 -4
- package/types/lucca-front-ng-multi-select.d.ts +21 -21
- package/types/lucca-front-ng-option.d.ts +3 -3
- package/types/lucca-front-ng-page-header.d.ts +2 -2
- package/types/lucca-front-ng-pagination.d.ts +3 -3
- package/types/lucca-front-ng-popover.d.ts +18 -18
- package/types/lucca-front-ng-popover2.d.ts +9 -8
- package/types/lucca-front-ng-popup.d.ts +4 -4
- package/types/{lucca-front-ng-priority-levels.d.ts → lucca-front-ng-priority-level.d.ts} +11 -11
- package/types/lucca-front-ng-progress-bar.d.ts +1 -1
- package/types/lucca-front-ng-progress-stepper.d.ts +2 -2
- package/types/lucca-front-ng-read-more.d.ts +6 -6
- package/types/lucca-front-ng-resource-card.d.ts +3 -3
- package/types/lucca-front-ng-segmented-control-tabs.d.ts +5 -5
- package/types/lucca-front-ng-segmented-control.d.ts +3 -3
- package/types/lucca-front-ng-select.d.ts +9 -9
- package/types/lucca-front-ng-sidepanel.d.ts +1 -1
- package/types/lucca-front-ng-simple-select.d.ts +9 -9
- package/types/lucca-front-ng-software-icon.d.ts +1 -1
- package/types/lucca-front-ng-sortable-list.d.ts +1 -1
- package/types/lucca-front-ng-status-badge.d.ts +1 -1
- package/types/lucca-front-ng-time.d.ts +19 -19
- package/types/lucca-front-ng-title.d.ts +2 -2
- package/types/lucca-front-ng-toast.d.ts +2 -2
- package/types/lucca-front-ng-tree-select.d.ts +2 -2
- package/types/lucca-front-ng-user-popover.d.ts +1 -2
- package/types/lucca-front-ng-user.d.ts +26 -20
- package/types/lucca-front-ng-vertical-navigation.d.ts +5 -5
- package/fesm2022/lucca-front-ng-priority-levels.mjs +0 -128
- package/fesm2022/lucca-front-ng-priority-levels.mjs.map +0 -1
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, ChangeDetectionStrategy, ViewEncapsulation, Component, InjectionToken, inject,
|
|
2
|
+
import { input, ChangeDetectionStrategy, ViewEncapsulation, Component, InjectionToken, inject, booleanAttribute, viewChild, contentChild, computed, output, signal, forwardRef, DestroyRef, model, afterRenderEffect, contentChildren } from '@angular/core';
|
|
3
3
|
import { DividerComponent } from '@lucca-front/ng/divider';
|
|
4
4
|
import { NgTemplateOutlet } from '@angular/common';
|
|
5
|
-
import {
|
|
5
|
+
import { intlInputOptions, generateId, IntlParamsPipe, injectMediaMinBreakpoint, LOCALE_PLURAL_RULES, getIntl, getIntlPluralLabel, PortalDirective } from '@lucca-front/ng/core';
|
|
6
6
|
import { LuDialogRef, injectDialogData, DialogComponent, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, LuDialogService, provideLuDialog } from '@lucca-front/ng/dialog';
|
|
7
|
+
import { StatusBadgeComponent } from '@lucca-front/ng/status-badge';
|
|
7
8
|
import { TagComponent } from '@lucca-front/ng/tag';
|
|
8
9
|
import { LuTooltipTriggerDirective } from '@lucca-front/ng/tooltip';
|
|
9
10
|
import { ContainerComponent } from '@lucca-front/ng/container';
|
|
@@ -20,10 +21,10 @@ class ApprobationInboxDetailMainBlockComponent {
|
|
|
20
21
|
this.label = input.required(/* @ts-ignore */
|
|
21
22
|
...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
22
23
|
}
|
|
23
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxDetailMainBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: ApprobationInboxDetailMainBlockComponent, isStandalone: true, selector: "lu-approbation-inbox-detail-main-block", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "approbationInbox-detail-main-block" }, ngImport: i0, template: "<h2 class=\"approbationInbox-detail-main-block-title\">{{ label() }}</h2>\n<div class=\"approbationInbox-detail-main-block-content\">\n\t<ng-content />\n</div>\n<lu-divider class=\"approbationInbox-detail-main-block-divider\" />\n", dependencies: [{ kind: "component", type: DividerComponent, selector: "lu-divider", inputs: ["separatorRole", "vertical", "size", "withRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
25
26
|
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxDetailMainBlockComponent, decorators: [{
|
|
27
28
|
type: Component,
|
|
28
29
|
args: [{ selector: 'lu-approbation-inbox-detail-main-block', encapsulation: ViewEncapsulation.None, imports: [DividerComponent], host: {
|
|
29
30
|
class: 'approbationInbox-detail-main-block',
|
|
@@ -31,29 +32,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
31
32
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }] } });
|
|
32
33
|
|
|
33
34
|
const Translations$3 = {
|
|
34
|
-
|
|
35
|
-
delegation: '
|
|
36
|
-
|
|
37
|
-
nl: {
|
|
38
|
-
delegation: 'Gedelegeerd door {{name}}',
|
|
35
|
+
pl: {
|
|
36
|
+
delegation: 'Delegated by {{name}}',
|
|
37
|
+
overdue: 'Overdue',
|
|
39
38
|
},
|
|
40
|
-
|
|
41
|
-
delegation: '
|
|
39
|
+
'nl-BE': {
|
|
40
|
+
delegation: 'Afgevaardigd door {{name}}',
|
|
41
|
+
overdue: 'Te laat',
|
|
42
42
|
},
|
|
43
43
|
fr: {
|
|
44
44
|
delegation: 'Délégué par {{name}}',
|
|
45
|
-
|
|
46
|
-
pt: {
|
|
47
|
-
delegation: 'Delegado por {{name}}',
|
|
48
|
-
},
|
|
49
|
-
es: {
|
|
50
|
-
delegation: 'Delegado por {{name}}',
|
|
45
|
+
overdue: 'En retard',
|
|
51
46
|
},
|
|
52
47
|
de: {
|
|
53
|
-
delegation: '
|
|
48
|
+
delegation: 'Beauftragt von {{name}}',
|
|
49
|
+
overdue: 'Verspätet',
|
|
54
50
|
},
|
|
55
51
|
en: {
|
|
56
52
|
delegation: 'Delegated by {{name}}',
|
|
53
|
+
overdue: 'Overdue',
|
|
54
|
+
},
|
|
55
|
+
es: {
|
|
56
|
+
delegation: 'En nombre de {{name}}',
|
|
57
|
+
overdue: 'Con retraso',
|
|
58
|
+
},
|
|
59
|
+
it: {
|
|
60
|
+
delegation: 'Incaricato da {{name}}',
|
|
61
|
+
overdue: 'In ritardo',
|
|
62
|
+
},
|
|
63
|
+
nl: {
|
|
64
|
+
delegation: 'Afgevaardigd door {{name}}',
|
|
65
|
+
overdue: 'Te laat',
|
|
66
|
+
},
|
|
67
|
+
pt: {
|
|
68
|
+
delegation: 'Designado por {{name}}',
|
|
69
|
+
overdue: 'Tarde',
|
|
57
70
|
},
|
|
58
71
|
};
|
|
59
72
|
|
|
@@ -65,25 +78,33 @@ const luApprobationInboxDetailHeaderTranslations = Translations$3;
|
|
|
65
78
|
class ApprobationInboxHeaderComponent {
|
|
66
79
|
constructor() {
|
|
67
80
|
this.dialogRef = inject(LuDialogRef, { optional: true });
|
|
68
|
-
this.intl = getIntl(LU_APPROBATION_INBOX_DETAIL_HEADER_TRANSLATIONS);
|
|
69
81
|
this.label = input.required(/* @ts-ignore */
|
|
70
82
|
...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
71
83
|
this.delegatedBy = input(null, /* @ts-ignore */
|
|
72
84
|
...(ngDevMode ? [{ debugName: "delegatedBy" }] : /* istanbul ignore next */ []));
|
|
85
|
+
/**
|
|
86
|
+
* Displays an overdue status badge next to the title. Ignored when content is projected in [approbationInboxDetailTitleTrailing]
|
|
87
|
+
*/
|
|
88
|
+
this.overdue = input(false, { ...(ngDevMode ? { debugName: "overdue" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
89
|
+
/**
|
|
90
|
+
* Overrides default translations
|
|
91
|
+
*/
|
|
92
|
+
this.intl = input(...intlInputOptions(LU_APPROBATION_INBOX_DETAIL_HEADER_TRANSLATIONS), /* @ts-ignore */
|
|
93
|
+
...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
|
|
73
94
|
this.actions = viewChild('actionsTpl', /* @ts-ignore */
|
|
74
95
|
...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
|
|
75
96
|
this.titleId = `approbationInboxListTitle-${generateId()}`;
|
|
76
97
|
}
|
|
77
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
78
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1
|
|
98
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
99
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: ApprobationInboxHeaderComponent, isStandalone: true, selector: "lu-approbation-inbox-detail-header", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, delegatedBy: { classPropertyName: "delegatedBy", publicName: "delegatedBy", isSignal: true, isRequired: false, transformFunction: null }, overdue: { classPropertyName: "overdue", publicName: "overdue", isSignal: true, isRequired: false, transformFunction: null }, intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "generic" }, classAttribute: "approbationInbox-detail-header" }, viewQueries: [{ propertyName: "actions", first: true, predicate: ["actionsTpl"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"approbationInbox-detail-header-illustration\">\n\t<ng-content select=\"[approbationInboxDetailIllustration]\" />\n</div>\n<div class=\"approbationInbox-detail-header-main\">\n\t<div class=\"approbationInbox-detail-header-main-infos\">\n\t\t<div class=\"approbationInbox-detail-header-main-infos-headingOptional\">\n\t\t\t<h1 class=\"approbationInbox-detail-header-main-infos-title\" [id]=\"titleId\">\n\t\t\t\t<span class=\"approbationInbox-detail-header-main-infos-title-content\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n\t\t\t</h1>\n\t\t\t<ng-content select=\"[approbationInboxDetailTitleTrailing]\">\n\t\t\t\t@if (overdue()) {\n\t\t\t\t\t<lu-status-badge [label]=\"intl().overdue\" palette=\"warning\" />\n\t\t\t\t}\n\t\t\t</ng-content>\n\t\t</div>\n\t\t<div class=\"approbationInbox-detail-header-main-infos-description\">\n\t\t\t<ng-content />\n\t\t</div>\n\t\t@if (delegatedBy(); as delegatedBy) {\n\t\t\t<div class=\"approbationInbox-detail-header-main-delegation\">\n\t\t\t\t<lu-tag withEllipsis [label]=\"intl().delegation | intlParams: { name: delegatedBy }\" />\n\t\t\t</div>\n\t\t}\n\t</div>\n\t@if (!dialogRef) {\n\t\t<div class=\"approbationInbox-detail-header-main-actions\">\n\t\t\t<ng-container *ngTemplateOutlet=\"actionsTpl\" />\n\t\t\t<ng-template #actionsTpl>\n\t\t\t\t<ng-content select=\"[approbationInboxDetailActions]\" />\n\t\t\t</ng-template>\n\t\t</div>\n\t}\n</div>\n", dependencies: [{ kind: "component", type: TagComponent, selector: "lu-tag,pr-tag", inputs: ["label", "size", "palette", "outlined", "link", "icon", "hiddenLabel", "withEllipsis", "AI"] }, { kind: "component", type: StatusBadgeComponent, selector: "lu-status-badge", inputs: ["withEllipsis", "label", "size", "palette"] }, { kind: "directive", type: LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
79
100
|
}
|
|
80
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
101
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxHeaderComponent, decorators: [{
|
|
81
102
|
type: Component,
|
|
82
|
-
args: [{ selector: 'lu-approbation-inbox-detail-header', encapsulation: ViewEncapsulation.None, imports: [TagComponent, LuTooltipTriggerDirective, NgTemplateOutlet, IntlParamsPipe], host: {
|
|
103
|
+
args: [{ selector: 'lu-approbation-inbox-detail-header', encapsulation: ViewEncapsulation.None, imports: [TagComponent, StatusBadgeComponent, LuTooltipTriggerDirective, NgTemplateOutlet, IntlParamsPipe], host: {
|
|
83
104
|
class: 'approbationInbox-detail-header',
|
|
84
105
|
role: 'generic',
|
|
85
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"approbationInbox-detail-header-illustration\">\n\t<ng-content select=\"[approbationInboxDetailIllustration]\" />\n</div>\n<div class=\"approbationInbox-detail-header-main\">\n\t<div class=\"approbationInbox-detail-header-main-infos\">\n\t\t<h1 class=\"approbationInbox-detail-header-main-infos-title\" [id]=\"titleId\">\n\t\t\t<span class=\"approbationInbox-detail-header-main-infos-title-content\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n\t\t</h1>\n\t\t<div class=\"approbationInbox-detail-header-main-infos-description\">\n\t\t\t<ng-content />\n\t\t</div>\n\t\t@if (delegatedBy()) {\n\t\t\t<div class=\"approbationInbox-detail-header-main-delegation\">\n\t\t\t\t<lu-tag withEllipsis [label]=\"intl.delegation | intlParams: { name: delegatedBy
|
|
86
|
-
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], delegatedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "delegatedBy", required: false }] }], actions: [{ type: i0.ViewChild, args: ['actionsTpl', { isSignal: true }] }] } });
|
|
106
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"approbationInbox-detail-header-illustration\">\n\t<ng-content select=\"[approbationInboxDetailIllustration]\" />\n</div>\n<div class=\"approbationInbox-detail-header-main\">\n\t<div class=\"approbationInbox-detail-header-main-infos\">\n\t\t<div class=\"approbationInbox-detail-header-main-infos-headingOptional\">\n\t\t\t<h1 class=\"approbationInbox-detail-header-main-infos-title\" [id]=\"titleId\">\n\t\t\t\t<span class=\"approbationInbox-detail-header-main-infos-title-content\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n\t\t\t</h1>\n\t\t\t<ng-content select=\"[approbationInboxDetailTitleTrailing]\">\n\t\t\t\t@if (overdue()) {\n\t\t\t\t\t<lu-status-badge [label]=\"intl().overdue\" palette=\"warning\" />\n\t\t\t\t}\n\t\t\t</ng-content>\n\t\t</div>\n\t\t<div class=\"approbationInbox-detail-header-main-infos-description\">\n\t\t\t<ng-content />\n\t\t</div>\n\t\t@if (delegatedBy(); as delegatedBy) {\n\t\t\t<div class=\"approbationInbox-detail-header-main-delegation\">\n\t\t\t\t<lu-tag withEllipsis [label]=\"intl().delegation | intlParams: { name: delegatedBy }\" />\n\t\t\t</div>\n\t\t}\n\t</div>\n\t@if (!dialogRef) {\n\t\t<div class=\"approbationInbox-detail-header-main-actions\">\n\t\t\t<ng-container *ngTemplateOutlet=\"actionsTpl\" />\n\t\t\t<ng-template #actionsTpl>\n\t\t\t\t<ng-content select=\"[approbationInboxDetailActions]\" />\n\t\t\t</ng-template>\n\t\t</div>\n\t}\n</div>\n" }]
|
|
107
|
+
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], delegatedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "delegatedBy", required: false }] }], overdue: [{ type: i0.Input, args: [{ isSignal: true, alias: "overdue", required: false }] }], intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], actions: [{ type: i0.ViewChild, args: ['actionsTpl', { isSignal: true }] }] } });
|
|
87
108
|
|
|
88
109
|
class ApprobationInboxDetailComponent {
|
|
89
110
|
constructor() {
|
|
@@ -98,32 +119,33 @@ class ApprobationInboxDetailComponent {
|
|
|
98
119
|
this.titleId = computed(() => this.headerRef()?.titleId, /* @ts-ignore */
|
|
99
120
|
...(ngDevMode ? [{ debugName: "titleId" }] : /* istanbul ignore next */ []));
|
|
100
121
|
}
|
|
101
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
102
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.4", type: ApprobationInboxDetailComponent, isStandalone: true, selector: "lu-approbation-inbox-detail", inputs: { insideDialog: { classPropertyName: "insideDialog", publicName: "insideDialog", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "region" }, properties: { "attr.aria-labelledby": "titleId()", "class.mod-insideDialog": "insideDialog()" }, classAttribute: "approbationInbox-detail" }, queries: [{ propertyName: "headerRef", first: true, predicate: ApprobationInboxHeaderComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "content", first: true, predicate: ["contentTpl"], descendants: true, isSignal: true }, { propertyName: "header", first: true, predicate: ["headerTpl"], descendants: true, isSignal: true }], ngImport: i0, template: "<lu-container class=\"approbationInbox-detail-container\">\n\t<ng-container *ngTemplateOutlet=\"headerTpl\" />\n\t<ng-template #headerTpl>\n\t\t<ng-content select=\"[approbationInboxDetailHeader]\" />\n\t</ng-template>\n\t<div class=\"approbationInbox-detail-main\">\n\t\t<ng-container *ngTemplateOutlet=\"contentTpl\" />\n\t\t<ng-template #contentTpl>\n\t\t\t<ng-content />\n\t\t</ng-template>\n\t</div>\n\t<div class=\"approbationInbox-detail-empty\">\n\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 150 150\">\n\t\t\t<g clip-path=\"url(#a)\">\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#131d35\"\n\t\t\t\t\td=\"M134.166 94.04a9.6 9.6 0 0 0-.572-1.748 9.53 9.53 0 0 0-5.277-5.09l-96.114-37.76a10 10 0 0 0-.901-.302c-.1-.028-.202-.047-.304-.07-.201-.05-.403-.1-.607-.139-.12-.02-.242-.033-.362-.05-.183-.025-.366-.051-.548-.066-.128-.01-.259-.012-.387-.019-.13-.004-.26-.019-.39-.019-.05 0-.098.005-.148.005-.088 0-.175.007-.263.01q-.302.013-.604.045c-.088.01-.174.016-.261.028q-.37.05-.733.128l-.09.017q-.406.092-.801.22-.114.038-.228.079a9 9 0 0 0-.567.215l-.246.107q-.299.136-.586.29-.081.04-.163.085-.363.202-.704.436-.084.058-.169.121a10 10 0 0 0-.505.384q-.105.087-.208.176a10 10 0 0 0-.458.424l-.166.162a10 10 0 0 0-.56.633c-.03.038-.056.078-.087.116a9 9 0 0 0-.88 1.357q-.064.116-.125.234a10 10 0 0 0-.365.81L2.395 99.152a9.6 9.6 0 0 0-.662 3.747 9.6 9.6 0 0 0 4.35 7.786 9.7 9.7 0 0 0 1.726.887l96.115 37.763q.446.174.901.301c.102.029.201.048.303.072.202.049.403.099.605.137.121.022.241.033.36.05.183.026.367.052.55.069q.192.012.384.016c.13.005.263.019.394.019l.147-.004c.087 0 .175-.008.26-.01q.303-.013.605-.045.131-.012.258-.028.372-.05.735-.128c.029-.008.06-.01.088-.017q.406-.093.801-.221c.076-.023.152-.052.228-.078q.288-.098.569-.216.124-.051.247-.106.297-.137.587-.29.083-.04.162-.085.362-.202.704-.437.084-.058.166-.121a10 10 0 0 0 .716-.562q.234-.203.457-.424.084-.081.164-.161.292-.303.559-.634c.031-.038.057-.078.088-.116q.22-.28.42-.578.075-.115.147-.231.166-.265.315-.545.065-.115.126-.235a10 10 0 0 0 .365-.808l17.392-44.298a9.5 9.5 0 0 0 .661-3.747 9.5 9.5 0 0 0-.227-1.838z\"\n\t\t\t\t\topacity=\".15\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#b6c7e0\"\n\t\t\t\t\td=\"M105.692 143.509a8 8 0 0 1-2.949-.562L6.629 105.184c-4.144-1.63-6.193-6.328-4.564-10.473l17.392-44.297a8.035 8.035 0 0 1 7.52-5.128c1.008 0 2.001.19 2.95.562l96.114 37.763c4.144 1.63 6.192 6.328 4.564 10.474l-17.393 44.297a8.03 8.03 0 0 1-7.52 5.127\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#ceddef\"\n\t\t\t\t\td=\"M26.975 46.787c.82 0 1.629.154 2.401.458l96.115 37.763a6.54 6.54 0 0 1 3.622 3.493 6.54 6.54 0 0 1 .093 5.033l-17.392 44.297a6.54 6.54 0 0 1-6.122 4.174c-.82 0-1.628-.154-2.401-.458L7.176 103.784a6.585 6.585 0 0 1-3.715-8.526l17.393-44.297a6.54 6.54 0 0 1 6.12-4.174m0-3.002a9.58 9.58 0 0 0-8.917 6.08L.666 94.16c-1.934 4.926.491 10.485 5.413 12.42l96.114 37.763a9.6 9.6 0 0 0 3.499.667 9.58 9.58 0 0 0 8.917-6.081l17.392-44.297c1.935-4.926-.491-10.485-5.413-12.42L30.474 44.449a9.6 9.6 0 0 0-3.5-.667z\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#131d35\"\n\t\t\t\t\td=\"m149.384 118.645-4.657 11.858-4.952-1.945-1.468 3.752L33.573 91.162l1.477-3.752-4.953-1.944 4.666-11.858a8.86 8.86 0 0 1 11.505-5.016l.86.339 2.48.968 23.147 9.09c8.264-7.255 21.237-10.936 24.739-19.848 2.624-6.681 3.886-16.454 4.486-23.567-3.564-5.445-4.54-12.45-1.997-18.944C104.175 5.962 116.287.74 127.051 4.968a20.95 20.95 0 0 1 7.368 4.881c-.019-.01-.045-.01-.062-.019 5.901 5.635 8.149 14.484 4.979 22.545-2.212 5.635-6.617 9.754-11.854 11.77-4.485 5.635-10.815 14.296-13.618 21.435-3.501 8.912 3.509 20.44 4.63 31.386l25.878 10.167c4.556 1.79 6.804 6.942 5.014 11.509z\"\n\t\t\t\t\topacity=\".15\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#ceddef\"\n\t\t\t\t\td=\"M111.273 62.077c4.571-11.643 18.542-27.347 18.542-27.347l-8.983-3.53-4.538-1.783-16.372-6.432s-.448 21.018-5.02 32.66c-4.57 11.642-25.326 14.343-30.601 27.776l26.673 10.48 4.538 1.784 19.286 7.577c5.275-13.435-8.096-29.543-3.525-41.185\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#bacfe5\"\n\t\t\t\t\td=\"M111.273 61.966c4.571-11.642 18.542-27.347 18.542-27.347l-4.967-1.952s-13.968 15.705-18.542 27.347c-4.571 11.642 8.801 27.75 3.526 41.186l4.967 1.951c5.275-13.435-8.097-29.543-3.526-41.185\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#dfe8f7\"\n\t\t\t\t\td=\"M117.477 42.018c11.432 0 20.7-9.271 20.7-20.707S128.909.604 117.477.604 96.778 9.875 96.778 21.311s9.268 20.707 20.699 20.707\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#fff\"\n\t\t\t\t\td=\"M101.311 18.679c4.573-11.647 17.798-17.35 29.538-12.738.332.13.63.285.953.43-2.02-2.071-4.474-3.776-7.343-4.905-10.756-4.227-22.873.998-27.062 11.67-2.89 7.36-1.027 15.302 3.795 20.963-1.661-4.883-1.906-10.257.121-15.418z\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#dfe8f7\"\n\t\t\t\t\td=\"m43.681 65.085 98.101 38.538c4.559 1.791 6.807 6.95 5.017 11.511l-4.657 11.863-114.624-45.03 4.657-11.862c1.79-4.561 6.947-6.81 11.506-5.02\"\n\t\t\t\t/>\n\t\t\t\t<path fill=\"#7686a3\" d=\"M137.193 125.054 32.462 83.911l-1.474 3.755 104.731 41.143z\" />\n\t\t\t\t<path fill=\"#fff\" d=\"m55.785 69.842-11.24-4.415-7.9 20.128 11.238 4.415z\" />\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"a\">\n\t\t\t\t\t<path fill=\"#fff\" d=\"M0 0h150v150H0z\" />\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t</div>\n</lu-container>\n", styles: ["@layer components{.approbationInbox-detail,.approbationInbox-list{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-200);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-200);--components-approbationInbox-list-inlineSize: auto;--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: transparent;--components-approbationInbox-list-content-groupOptional-content-display: flex;--components-approbationInbox-list-content-groupOptional-marginBlockStart: var(--pr-t-spacings-50);--components-approbationInbox-list-content-items-item-content-info-alignItems: start;--components-approbationInbox-list-content-items-item-content-before-background: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-content-items-item-content-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-sunken);--components-approbationInbox-list-footer-borderRadius: var(--pr-t-border-radius-structure);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-marginInline: 0;--components-approbationInbox-list-footer-marginBlock: 0;--components-approbationInbox-detail-header-main-actions-display: flex;--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-300);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-300);--components-approbationInbox-detail-container-display: flex;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-300);--components-approbationInbox-detail-gap: var(--pr-t-spacings-200);--components-approbationInbox-detail-headerMain-margin: 0;--components-approbationInbox-detail-header-main-delegation-marginBlockStart: var(--pr-t-spacings-150);--components-approbationInbox-detail-empty-display: none;--components-approbationInbox-detail-header-main-flexWrap: nowrap;--components-approbationInbox-detail-header-minBlockSize: calc(var(--components-approbationInbox-detail-headerMain-padding) * 2 + var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}@layer components{.approbationInbox-list{inline-size:var(--components-approbationInbox-list-inlineSize);block-size:calc(100% - var(--pr-t-spacings-300) * 2);margin-block:var(--pr-t-spacings-300);margin-inline:var(--components-approbationInbox-list-marginInlineStart) var(--components-approbationInbox-list-marginInlineEnd);display:flex;flex-direction:column;gap:var(--pr-t-spacings-50)}.approbationInbox-list-formSelectionOptional{flex-grow:1;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50);min-block-size:0}.approbationInbox-list-content{background-color:var(--pr-t-elevation-surface-sunken);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);border-radius:var(--pr-t-border-radius-structure);overflow:auto;flex-grow:1}.approbationInbox-list-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.approbationInbox-list-content:empty{display:none}.approbationInbox-list-content-empty{display:flex;flex-direction:column;margin:auto;gap:var(--pr-t-spacings-200);padding:var(--pr-t-spacings-200);align-items:center;text-align:center;text-wrap:balance}.approbationInbox-list-footer{background-color:var(--components-approbationInbox-list-footer-backgroundColor);border-radius:var(--components-approbationInbox-list-footer-borderRadius);padding-block:var(--components-approbationInbox-list-footer-paddingBlock);margin-block:var(--components-approbationInbox-list-footer-marginBlock);margin-inline:var(--components-approbationInbox-list-footer-marginInline);padding-inline:var(--components-approbationInbox-list-footer-paddingInline);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-footer .button{--components-button-width: 100%}.approbationInbox-list-footer .button:last-child{--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)}.approbationInbox-list-footer .button:last-child: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))}.approbationInbox-list-footer .button:last-child:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-list-footer .button:last-child:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.approbationInbox-list-footer .button:last-child: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)}.approbationInbox-list-footer-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}.approbationInbox-list-header{display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-header-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}.approbationInbox-list-header-title .numericBadge{vertical-align:center}.approbationInbox-list-header-filterBar{margin-block-end:var(--pr-t-spacings-100)}.approbationInbox-list-header-filterBar:empty{display:none}.approbationInbox-detail{display:flex;flex-direction:column;gap:var(--components-approbationInbox-detail-gap);flex-grow:1}.approbationInbox-detail-container.container{display:var(--components-approbationInbox-detail-container-display);flex-direction:column;gap:var(--pr-t-spacings-50);margin-block:var(--pr-t-spacings-300);flex-grow:1;--commons-container-maxWidth: calc(100rem - 22.5rem - var(--pr-t-spacings-400))}.approbationInbox-detail-empty{margin:auto;inline-size:9rem;aspect-ratio:1;display:var(--components-approbationInbox-detail-empty-display)}.approbationInbox-detail-empty svg{margin:auto;inline-size:100%;block-size:100%}.approbationInbox-detail-header,.approbationInbox-detail-main{background-color:var(--pr-t-elevation-surface-raised);padding:var(--components-approbationInbox-detail-headerMain-padding);margin:var(--components-approbationInbox-detail-headerMain-margin);border-radius:var(--pr-t-border-radius-structure)}.approbationInbox-detail-header:empty,.approbationInbox-detail-main:empty{display:none}.approbationInbox-detail-main{display:flex;flex-direction:column;gap:var(--components-approbationInbox-detail-main-gap);flex-grow:1}.approbationInbox-detail-header{display:flex;gap:var(--pr-t-spacings-150);min-block-size:var(--components-approbationInbox-detail-header-minBlockSize)}.approbationInbox-detail-header-main-actions{display:var(--components-approbationInbox-detail-header-main-actions-display);gap:var(--pr-t-spacings-100)}.approbationInbox-detail-header-main-actions .button:nth-child(2){--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)}.approbationInbox-detail-header-main-actions .button:nth-child(2):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))}.approbationInbox-detail-header-main-actions .button:nth-child(2):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-detail-header-main-actions .button:nth-child(2):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.approbationInbox-detail-header-main-actions .button:nth-child(2):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)}.approbationInbox-detail-header-main-actions .button:nth-child(3){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.approbationInbox-detail-header-main-actions .button:nth-child(3):hover,.approbationInbox-detail-header-main-actions .button:nth-child(3):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.approbationInbox-detail-header-main-actions .button:nth-child(3):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-detail-header-main-actions .button:nth-child(3):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.approbationInbox-detail-header-main{display:flex;flex-grow:1;gap:var(--pr-t-spacings-200);align-items:center;justify-content:space-between;flex-wrap:var(--components-approbationInbox-detail-header-main-flexWrap);min-inline-size:0}.approbationInbox-detail-header-main-infos{min-inline-size:0}.approbationInbox-detail-header-main-infos-description:empty{display:none}.approbationInbox-detail-header-main-infos-title{--components-title-font: var(--pr-t-font-heading-2);--sizes-verticalPadding: var(--sizes-XL-verticalPadding)}.approbationInbox-detail-header-main-infos-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.approbationInbox-detail-header-main-infos-title-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-small)}.approbationInbox-detail-header-illustration{padding-block:var(--pr-t-spacings-25);align-self:start}.approbationInbox-detail-header-illustration:empty{display:none}.approbationInbox-detail-header-illustration .avatar{--components-avatar-size: 3rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-225);--components-avatar-placeholder-size: 1.75rem}.approbationInbox-detail-header-main-delegation{margin-block-start:var(--components-approbationInbox-detail-header-main-delegation-marginBlockStart)}.approbationInbox-detail-main-block{display:block}.approbationInbox-detail-main-block-content{padding-block-end:var(--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd)}.approbationInbox-detail-main-block-content:empty{display:none}.approbationInbox-detail-main-block-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}.approbationInbox-list-content-items{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-content-items-item{display:flex;gap:var(--pr-t-spacings-150);align-items:center}.approbationInbox-list-content-items-item-content{flex-grow:1;position:relative;padding:var(--pr-t-spacings-100) var(--pr-t-spacings-150)}.approbationInbox-list-content-items-item-content:before{content:\"\";position:absolute;inset:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-approbationInbox-list-content-items-item-content-before-background);box-shadow:var(--components-approbationInbox-list-content-items-item-content-before-boxShadow);transition-property:inset;transition-duration:var(--commons-animations-durations-fast)}.approbationInbox-list-content-items-item-content:hover:before{inset:calc(var(--pr-t-spacings-50) * -1)}.approbationInbox-list-content-items-item-content-info{position:relative;display:flex;gap:var(--pr-t-spacings-100);align-items:var(--components-approbationInbox-list-content-items-item-content-info-alignItems)}.approbationInbox-list-content-items-item-content-info [tabindex]{position:relative}.approbationInbox-list-content-items-item-content-info-visual:empty,.approbationInbox-list-content-items-item-content-info-rightContent:empty{display:none}.approbationInbox-list-content-items-item-content-info-rightContent{display:flex;flex-direction:column;align-items:end;text-align:end}.approbationInbox-list-content-items-item-content-info-rightContent-subtle{color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);line-height:var(--pr-t-font-lineHeight-300)}.approbationInbox-list-content-items-item-content-info-rightContent-icons{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-75);color:var(--pr-t-color-text-subtle)}.approbationInbox-list-content-items-item-content-info-rightContent-icons-icon{border-radius:var(--pr-t-border-radius-small)}.approbationInbox-list-content-items-item-content-info-rightContent-icons-icon:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:1px}.approbationInbox-list-content-items-item-content-info-visual{padding-block:8px}.approbationInbox-list-content-items-item-content-info-visual .avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.approbationInbox-list-content-items-item-content-info-main{flex-grow:1;font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);line-height:var(--pr-t-font-lineHeight-300)}.approbationInbox-list-content-items-item-content-info-main-title{margin-block-start:0;color:var(--pr-t-color-text-heading);text-wrap:pretty;font:var(--components-title-font);margin-block-end:0;padding:0;--components-title-font: var(--pr-t-font-heading-4);--sizes-verticalPadding: var(--sizes-M-verticalPadding)}.approbationInbox-list-content-items-item-content-action{padding:0;border:0;inline-size:100%;background-color:transparent;text-align:start;display:block;font:inherit;cursor:pointer;color:inherit;text-decoration:none;outline:none;inline-size:fit-content;display:inline-block}.approbationInbox-list-content-items-item-content-action:after{content:\"\";position:absolute;inset:calc(var(--pr-t-spacings-150) * -1) calc(var(--pr-t-spacings-200) * -1)}.approbationInbox-list-formSelectionOptional-formfield{padding-inline-start:var(--pr-t-spacings-25);margin-block-start:var(--pr-t-spacings-50)}.approbationInbox-list-content-groupOptional-header-formfieldOptional,.approbationInbox-list-content-items-item-formfieldOptional{padding-inline-start:var(--pr-t-spacings-25);margin-block-start:calc(var(--pr-t-spacings-50) * -1)}.approbationInbox-list-content-groupOptional{display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);margin-block-start:var(--components-approbationInbox-list-content-groupOptional-marginBlockStart)}.approbationInbox-list-content-groupOptional:first-child{--components-approbationInbox-list-content-groupOptional-marginBlockStart: 0}.approbationInbox-list-content-groupOptional-header{display:flex;gap:var(--pr-t-spacings-150);align-items:center}.approbationInbox-list-content-groupOptional-header:has(.approbationInbox-list-content-groupOptional-header-action[aria-expanded=true]) .approbationInbox-list-content-groupOptional-header-action-icon .lucca-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor-transform: rotate(180deg)}.approbationInbox-list-content-groupOptional-header:has(.approbationInbox-list-content-groupOptional-header-action[aria-expanded=false])+.approbationInbox-list-content-groupOptional-content{--components-approbationInbox-list-content-groupOptional-content-display: none}.approbationInbox-list-content-groupOptional-content{margin:0;padding:0;list-style-type:none;display:var(--components-approbationInbox-list-content-groupOptional-content-display);flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-content-groupOptional-header-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;inline-size:fit-content;display:flex;gap:var(--pr-t-spacings-100);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--pr-t-color-text);padding-inline-end:var(--pr-t-spacings-75);border-radius:var(--pr-t-border-radius-small);align-items:center}.approbationInbox-list-content-groupOptional-header-action:hover .approbationInbox-list-content-groupOptional-header-action-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-list-content-groupOptional-header-action:active .approbationInbox-list-content-groupOptional-header-action-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.approbationInbox-list-content-groupOptional-header-action-icon{border-radius:var(--pr-t-border-radius-small);background-color:var(--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor);inline-size:var(--pr-t-spacings-300);block-size:var(--pr-t-spacings-300);display:grid;place-items:center;flex-shrink:0}.approbationInbox-list-content-groupOptional-header-action-icon .lucca-icon{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor-transform)}.mainLayout-sidebar:has(.approbationInbox-list){overflow:visible}@media not all and (min-width:64em){.mainLayout-sidebar:has(.approbationInbox-list){block-size:100%}}}@layer components{.approbationInbox-detail{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-200);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-200);--components-approbationInbox-list-inlineSize: auto;--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: transparent;--components-approbationInbox-list-content-groupOptional-content-display: flex;--components-approbationInbox-list-content-groupOptional-marginBlockStart: var(--pr-t-spacings-50);--components-approbationInbox-list-content-items-item-content-info-alignItems: start;--components-approbationInbox-list-content-items-item-content-before-background: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-content-items-item-content-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-sunken);--components-approbationInbox-list-footer-borderRadius: var(--pr-t-border-radius-structure);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-marginInline: 0;--components-approbationInbox-list-footer-marginBlock: 0;--components-approbationInbox-detail-header-main-actions-display: flex;--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-300);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-300);--components-approbationInbox-detail-container-display: flex;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-300);--components-approbationInbox-detail-gap: var(--pr-t-spacings-200);--components-approbationInbox-detail-headerMain-margin: 0;--components-approbationInbox-detail-header-main-delegation-marginBlockStart: var(--pr-t-spacings-150);--components-approbationInbox-detail-empty-display: none;--components-approbationInbox-detail-header-main-flexWrap: nowrap;--components-approbationInbox-detail-header-minBlockSize: calc(var(--components-approbationInbox-detail-headerMain-padding) * 2 + var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}@layer mods{.approbationInbox-detail:has(.approbationInbox-detail-header-main-infos-description:empty),.approbationInbox-detail:not(:has(.approbationInbox-detail-header-main-infos-description)){--components-approbationInbox-detail-header-main-delegation-marginBlockStart: 0}.approbationInbox-detail.mod-insideDialog{--components-approbationInbox-detail-header-main-actions-display: none;--components-approbationInbox-detail-container-display: contents;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-150);--components-approbationInbox-detail-headerMain-margin: 0 calc(var(--pr-t-spacings-150) * -1);--components-approbationInbox-detail-gap: var(--pr-t-spacings-50);--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-150);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-150);--components-approbationInbox-detail-header-minBlockSize: 0}.dialog-inside-content:has(.approbationInbox-detail.mod-insideDialog){display:flex;flex-direction:column}.approbationInbox-detail.mod-insideDialog .approbationInbox-detail-main-block-divider.divider{margin:var(--components-divider-margin)}@media not all and (min-width:64em){.approbationInbox-detail:not(.mod-insideDialog){display:none}}.approbationInbox-detail:not(:has(.approbationInbox-detail-header)):has(.approbationInbox-detail-main:empty){--components-approbationInbox-detail-empty-display: flex}@media not all and (min-width:80em){.approbationInbox-detail{--components-approbationInbox-detail-header-main-flexWrap: wrap}}}@layer mods{.approbationInbox-list-content-items-item:has(.checkboxField-input:checked){--components-approbationInbox-list-content-items-item-content-before-background: var(--palettes-50, var(--palettes-product-50));--components-approbationInbox-list-content-items-item-content-before-boxShadow: 0 0 0 1px var(--palettes-500, var(--palettes-product-500))}}@layer mods{.approbationInbox-list-content-items-item:has(.approbationInbox-list-content-items-item-content-action[aria-current=page]),.approbationInbox-list-content-items-item:has(.approbationInbox-list-content-items-item-content-action.is-current){--components-approbationInbox-list-content-items-item-content-before-boxShadow: 0 0 0 1px var(--palettes-400, var(--palettes-product-400)), 0 0 0 1px var(--palettes-400, var(--palettes-product-400)) inset}}@layer mods{.approbationInbox-list-content-items-item-content:has(.approbationInbox-list-content-items-item-content-action:focus-visible):before{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}}@layer mods{.approbationInbox-detail-main-block:last-child{--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: 0}.approbationInbox-detail-main-block:last-child .approbationInbox-detail-main-block-divider.divider{--components-divider-display: none}}@layer mods{@media(min-width:50em){.approbationInbox-list{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-400);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-400)}}@media(min-width:64em){.approbationInbox-list{--components-approbationInbox-list-inlineSize: 17rem;--components-approbationInbox-list-marginInlineEnd: 0}}@media(min-width:80em){.approbationInbox-list{--components-approbationInbox-list-inlineSize: 22.5rem}}@media not all and (min-width:64em){.approbationInbox-list{--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-footer-borderRadius: 0;--components-approbationInbox-list-footer-marginBlock: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-300) * -1);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-400);--components-approbationInbox-list-footer-marginInline: calc(var(--components-approbationInbox-list-footer-paddingInline) * -1)}}@media not all and (min-width:50em){.approbationInbox-list{--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-footer-borderRadius: 0;--components-approbationInbox-list-footer-marginBlock: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-300) * -1);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-400);--components-approbationInbox-list-footer-marginInline: calc(var(--components-approbationInbox-list-footer-paddingInline) * -1)}}}@layer mods{.approbationInbox-list-content-items-item-content-info.mod-center{--components-approbationInbox-list-content-items-item-content-info-alignItems: center}}\n"], dependencies: [{ kind: "component", type: ContainerComponent, selector: "lu-container", inputs: ["center", "overflow", "max"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
122
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
123
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.2.1", type: ApprobationInboxDetailComponent, isStandalone: true, selector: "lu-approbation-inbox-detail", inputs: { insideDialog: { classPropertyName: "insideDialog", publicName: "insideDialog", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "region" }, properties: { "attr.aria-labelledby": "titleId()", "class.mod-insideDialog": "insideDialog()" }, classAttribute: "approbationInbox-detail" }, queries: [{ propertyName: "headerRef", first: true, predicate: ApprobationInboxHeaderComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "content", first: true, predicate: ["contentTpl"], descendants: true, isSignal: true }, { propertyName: "header", first: true, predicate: ["headerTpl"], descendants: true, isSignal: true }], ngImport: i0, template: "<lu-container class=\"approbationInbox-detail-container\">\n\t<ng-container *ngTemplateOutlet=\"headerTpl\" />\n\t<ng-template #headerTpl>\n\t\t<ng-content select=\"[approbationInboxDetailHeader]\" />\n\t</ng-template>\n\t<div class=\"approbationInbox-detail-main\">\n\t\t<ng-container *ngTemplateOutlet=\"contentTpl\" />\n\t\t<ng-template #contentTpl>\n\t\t\t<ng-content />\n\t\t</ng-template>\n\t</div>\n\t<div class=\"approbationInbox-detail-empty\">\n\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 150 150\">\n\t\t\t<g clip-path=\"url(#a)\">\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#131d35\"\n\t\t\t\t\td=\"M134.166 94.04a9.6 9.6 0 0 0-.572-1.748 9.53 9.53 0 0 0-5.277-5.09l-96.114-37.76a10 10 0 0 0-.901-.302c-.1-.028-.202-.047-.304-.07-.201-.05-.403-.1-.607-.139-.12-.02-.242-.033-.362-.05-.183-.025-.366-.051-.548-.066-.128-.01-.259-.012-.387-.019-.13-.004-.26-.019-.39-.019-.05 0-.098.005-.148.005-.088 0-.175.007-.263.01q-.302.013-.604.045c-.088.01-.174.016-.261.028q-.37.05-.733.128l-.09.017q-.406.092-.801.22-.114.038-.228.079a9 9 0 0 0-.567.215l-.246.107q-.299.136-.586.29-.081.04-.163.085-.363.202-.704.436-.084.058-.169.121a10 10 0 0 0-.505.384q-.105.087-.208.176a10 10 0 0 0-.458.424l-.166.162a10 10 0 0 0-.56.633c-.03.038-.056.078-.087.116a9 9 0 0 0-.88 1.357q-.064.116-.125.234a10 10 0 0 0-.365.81L2.395 99.152a9.6 9.6 0 0 0-.662 3.747 9.6 9.6 0 0 0 4.35 7.786 9.7 9.7 0 0 0 1.726.887l96.115 37.763q.446.174.901.301c.102.029.201.048.303.072.202.049.403.099.605.137.121.022.241.033.36.05.183.026.367.052.55.069q.192.012.384.016c.13.005.263.019.394.019l.147-.004c.087 0 .175-.008.26-.01q.303-.013.605-.045.131-.012.258-.028.372-.05.735-.128c.029-.008.06-.01.088-.017q.406-.093.801-.221c.076-.023.152-.052.228-.078q.288-.098.569-.216.124-.051.247-.106.297-.137.587-.29.083-.04.162-.085.362-.202.704-.437.084-.058.166-.121a10 10 0 0 0 .716-.562q.234-.203.457-.424.084-.081.164-.161.292-.303.559-.634c.031-.038.057-.078.088-.116q.22-.28.42-.578.075-.115.147-.231.166-.265.315-.545.065-.115.126-.235a10 10 0 0 0 .365-.808l17.392-44.298a9.5 9.5 0 0 0 .661-3.747 9.5 9.5 0 0 0-.227-1.838z\"\n\t\t\t\t\topacity=\".15\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#b6c7e0\"\n\t\t\t\t\td=\"M105.692 143.509a8 8 0 0 1-2.949-.562L6.629 105.184c-4.144-1.63-6.193-6.328-4.564-10.473l17.392-44.297a8.035 8.035 0 0 1 7.52-5.128c1.008 0 2.001.19 2.95.562l96.114 37.763c4.144 1.63 6.192 6.328 4.564 10.474l-17.393 44.297a8.03 8.03 0 0 1-7.52 5.127\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#ceddef\"\n\t\t\t\t\td=\"M26.975 46.787c.82 0 1.629.154 2.401.458l96.115 37.763a6.54 6.54 0 0 1 3.622 3.493 6.54 6.54 0 0 1 .093 5.033l-17.392 44.297a6.54 6.54 0 0 1-6.122 4.174c-.82 0-1.628-.154-2.401-.458L7.176 103.784a6.585 6.585 0 0 1-3.715-8.526l17.393-44.297a6.54 6.54 0 0 1 6.12-4.174m0-3.002a9.58 9.58 0 0 0-8.917 6.08L.666 94.16c-1.934 4.926.491 10.485 5.413 12.42l96.114 37.763a9.6 9.6 0 0 0 3.499.667 9.58 9.58 0 0 0 8.917-6.081l17.392-44.297c1.935-4.926-.491-10.485-5.413-12.42L30.474 44.449a9.6 9.6 0 0 0-3.5-.667z\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#131d35\"\n\t\t\t\t\td=\"m149.384 118.645-4.657 11.858-4.952-1.945-1.468 3.752L33.573 91.162l1.477-3.752-4.953-1.944 4.666-11.858a8.86 8.86 0 0 1 11.505-5.016l.86.339 2.48.968 23.147 9.09c8.264-7.255 21.237-10.936 24.739-19.848 2.624-6.681 3.886-16.454 4.486-23.567-3.564-5.445-4.54-12.45-1.997-18.944C104.175 5.962 116.287.74 127.051 4.968a20.95 20.95 0 0 1 7.368 4.881c-.019-.01-.045-.01-.062-.019 5.901 5.635 8.149 14.484 4.979 22.545-2.212 5.635-6.617 9.754-11.854 11.77-4.485 5.635-10.815 14.296-13.618 21.435-3.501 8.912 3.509 20.44 4.63 31.386l25.878 10.167c4.556 1.79 6.804 6.942 5.014 11.509z\"\n\t\t\t\t\topacity=\".15\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#ceddef\"\n\t\t\t\t\td=\"M111.273 62.077c4.571-11.643 18.542-27.347 18.542-27.347l-8.983-3.53-4.538-1.783-16.372-6.432s-.448 21.018-5.02 32.66c-4.57 11.642-25.326 14.343-30.601 27.776l26.673 10.48 4.538 1.784 19.286 7.577c5.275-13.435-8.096-29.543-3.525-41.185\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#bacfe5\"\n\t\t\t\t\td=\"M111.273 61.966c4.571-11.642 18.542-27.347 18.542-27.347l-4.967-1.952s-13.968 15.705-18.542 27.347c-4.571 11.642 8.801 27.75 3.526 41.186l4.967 1.951c5.275-13.435-8.097-29.543-3.526-41.185\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#dfe8f7\"\n\t\t\t\t\td=\"M117.477 42.018c11.432 0 20.7-9.271 20.7-20.707S128.909.604 117.477.604 96.778 9.875 96.778 21.311s9.268 20.707 20.699 20.707\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#fff\"\n\t\t\t\t\td=\"M101.311 18.679c4.573-11.647 17.798-17.35 29.538-12.738.332.13.63.285.953.43-2.02-2.071-4.474-3.776-7.343-4.905-10.756-4.227-22.873.998-27.062 11.67-2.89 7.36-1.027 15.302 3.795 20.963-1.661-4.883-1.906-10.257.121-15.418z\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#dfe8f7\"\n\t\t\t\t\td=\"m43.681 65.085 98.101 38.538c4.559 1.791 6.807 6.95 5.017 11.511l-4.657 11.863-114.624-45.03 4.657-11.862c1.79-4.561 6.947-6.81 11.506-5.02\"\n\t\t\t\t/>\n\t\t\t\t<path fill=\"#7686a3\" d=\"M137.193 125.054 32.462 83.911l-1.474 3.755 104.731 41.143z\" />\n\t\t\t\t<path fill=\"#fff\" d=\"m55.785 69.842-11.24-4.415-7.9 20.128 11.238 4.415z\" />\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"a\">\n\t\t\t\t\t<path fill=\"#fff\" d=\"M0 0h150v150H0z\" />\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t</div>\n</lu-container>\n", styles: ["@layer components{.approbationInbox-detail,.approbationInbox-list{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-200);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-200);--components-approbationInbox-list-inlineSize: auto;--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: transparent;--components-approbationInbox-list-content-groupOptional-content-display: flex;--components-approbationInbox-list-content-groupOptional-marginBlockStart: var(--pr-t-spacings-50);--components-approbationInbox-list-content-items-item-content-info-alignItems: start;--components-approbationInbox-list-content-items-item-content-before-background: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-content-items-item-content-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-sunken);--components-approbationInbox-list-footer-borderRadius: var(--pr-t-border-radius-structure);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-marginInline: 0;--components-approbationInbox-list-footer-marginBlock: 0;--components-approbationInbox-detail-header-main-actions-display: flex;--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-300);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-300);--components-approbationInbox-detail-container-display: flex;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-300);--components-approbationInbox-detail-gap: var(--pr-t-spacings-200);--components-approbationInbox-detail-headerMain-margin: 0;--components-approbationInbox-detail-header-main-delegation-marginBlockStart: var(--pr-t-spacings-150);--components-approbationInbox-detail-empty-display: none;--components-approbationInbox-detail-header-main-flexWrap: nowrap;--components-approbationInbox-detail-header-minBlockSize: calc(var(--components-approbationInbox-detail-headerMain-padding) * 2 + var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}@layer components{.approbationInbox-list{inline-size:var(--components-approbationInbox-list-inlineSize);block-size:calc(100% - var(--pr-t-spacings-300) * 2);margin-block:var(--pr-t-spacings-300);margin-inline:var(--components-approbationInbox-list-marginInlineStart) var(--components-approbationInbox-list-marginInlineEnd);display:flex;flex-direction:column}.approbationInbox-list-formSelectionOptional{flex-grow:1;display:flex;flex-direction:column;min-block-size:0}.approbationInbox-list-content{background-color:var(--pr-t-elevation-surface-sunken);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);border-radius:var(--pr-t-border-radius-structure);overflow:auto;flex-grow:1;margin-block-start:var(--pr-t-spacings-200)}.approbationInbox-list-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.approbationInbox-list-content:empty{display:none}.approbationInbox-list-content-empty{display:flex;flex-direction:column;margin:auto;gap:var(--pr-t-spacings-200);padding:var(--pr-t-spacings-200);align-items:center;text-align:center;text-wrap:balance}.approbationInbox-list-footer{background-color:var(--components-approbationInbox-list-footer-backgroundColor);border-radius:var(--components-approbationInbox-list-footer-borderRadius);padding-block:var(--components-approbationInbox-list-footer-paddingBlock);margin-block:var(--components-approbationInbox-list-footer-marginBlock);margin-inline:var(--components-approbationInbox-list-footer-marginInline);padding-inline:var(--components-approbationInbox-list-footer-paddingInline);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-footer .button{--components-button-width: 100%}.approbationInbox-list-footer .button:last-child{--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)}.approbationInbox-list-footer .button:last-child: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))}.approbationInbox-list-footer .button:last-child:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-list-footer .button:last-child:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.approbationInbox-list-footer .button:last-child: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)}.approbationInbox-list-footer-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}.approbationInbox-list-header{display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-header-title{--components-title-font: var(--pr-t-font-heading-2);--sizes-verticalPadding: var(--sizes-XL-verticalPadding)}.approbationInbox-list-header-title .numericBadge{vertical-align:center}.approbationInbox-list-header-filterBar:empty{display:none}.approbationInbox-detail{display:flex;flex-direction:column;gap:var(--components-approbationInbox-detail-gap);flex-grow:1}.approbationInbox-detail-container.container{display:var(--components-approbationInbox-detail-container-display);flex-direction:column;gap:var(--pr-t-spacings-50);margin-block:var(--pr-t-spacings-300);flex-grow:1;--commons-container-maxWidth: calc(100rem - 22.5rem - var(--pr-t-spacings-400))}.approbationInbox-detail-empty{margin:auto;inline-size:9rem;aspect-ratio:1;display:var(--components-approbationInbox-detail-empty-display)}.approbationInbox-detail-empty svg{margin:auto;inline-size:100%;block-size:100%}.approbationInbox-detail-header,.approbationInbox-detail-main{background-color:var(--pr-t-elevation-surface-raised);padding:var(--components-approbationInbox-detail-headerMain-padding);margin:var(--components-approbationInbox-detail-headerMain-margin);border-radius:var(--pr-t-border-radius-structure)}.approbationInbox-detail-header:empty,.approbationInbox-detail-main:empty{display:none}.approbationInbox-detail-main{display:flex;flex-direction:column;gap:var(--components-approbationInbox-detail-main-gap);flex-grow:1}.approbationInbox-detail-header{display:flex;gap:var(--pr-t-spacings-150);min-block-size:var(--components-approbationInbox-detail-header-minBlockSize)}.approbationInbox-detail-header-main-actions{display:var(--components-approbationInbox-detail-header-main-actions-display);gap:var(--pr-t-spacings-100)}.approbationInbox-detail-header-main-actions .button:nth-child(2){--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)}.approbationInbox-detail-header-main-actions .button:nth-child(2):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))}.approbationInbox-detail-header-main-actions .button:nth-child(2):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-detail-header-main-actions .button:nth-child(2):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.approbationInbox-detail-header-main-actions .button:nth-child(2):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)}.approbationInbox-detail-header-main-actions .button:nth-child(3){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.approbationInbox-detail-header-main-actions .button:nth-child(3):hover,.approbationInbox-detail-header-main-actions .button:nth-child(3):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.approbationInbox-detail-header-main-actions .button:nth-child(3):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-detail-header-main-actions .button:nth-child(3):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.approbationInbox-detail-header-main{display:flex;flex-grow:1;gap:var(--pr-t-spacings-200);align-items:center;justify-content:space-between;flex-wrap:var(--components-approbationInbox-detail-header-main-flexWrap);min-inline-size:0}.approbationInbox-detail-header-main-infos{min-inline-size:0}.approbationInbox-detail-header-main-infos-description:empty{display:none}.approbationInbox-detail-header-main-infos-headingOptional{display:flex;gap:var(--pr-t-spacings-100);align-items:center}.approbationInbox-detail-header-main-infos-title{--components-title-font: var(--pr-t-font-heading-2);--sizes-verticalPadding: var(--sizes-XL-verticalPadding);min-inline-size:0}.approbationInbox-detail-header-main-infos-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.approbationInbox-detail-header-main-infos-title-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-small)}.approbationInbox-detail-header-illustration{padding-block:var(--pr-t-spacings-25);align-self:start}.approbationInbox-detail-header-illustration:empty{display:none}.approbationInbox-detail-header-illustration .avatar{--components-avatar-size: 3rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-225);--components-avatar-placeholder-size: 1.75rem}.approbationInbox-detail-header-main-delegation{margin-block-start:var(--components-approbationInbox-detail-header-main-delegation-marginBlockStart)}.approbationInbox-detail-main-block{display:block}.approbationInbox-detail-main-block-content{padding-block-end:var(--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd)}.approbationInbox-detail-main-block-content:empty{display:none}.approbationInbox-detail-main-block-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding);margin-block-end:var(--pr-t-spacings-150)}.approbationInbox-list-content-items{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-content-items-item{display:flex;gap:var(--pr-t-spacings-150);align-items:center}.approbationInbox-list-content-items-item-content{flex-grow:1;position:relative;padding:var(--pr-t-spacings-100) var(--pr-t-spacings-150)}.approbationInbox-list-content-items-item-content:before{content:\"\";position:absolute;inset:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-approbationInbox-list-content-items-item-content-before-background);box-shadow:var(--components-approbationInbox-list-content-items-item-content-before-boxShadow);transition-property:inset;transition-duration:var(--commons-animations-durations-fast)}.approbationInbox-list-content-items-item-content:hover:before{inset:calc(var(--pr-t-spacings-50) * -1)}.approbationInbox-list-content-items-item-content-info{position:relative;display:flex;gap:var(--pr-t-spacings-100);align-items:var(--components-approbationInbox-list-content-items-item-content-info-alignItems)}.approbationInbox-list-content-items-item-content-info [tabindex]{position:relative}.approbationInbox-list-content-items-item-content-info-visual:empty,.approbationInbox-list-content-items-item-content-info-rightContent:empty{display:none}.approbationInbox-list-content-items-item-content-info-rightContent{display:flex;flex-direction:column;align-items:end;text-align:end}.approbationInbox-list-content-items-item-content-info-rightContent-subtle{color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);line-height:var(--pr-t-font-lineHeight-300)}.approbationInbox-list-content-items-item-content-info-rightContent-icons{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-75);color:var(--pr-t-color-text-subtle)}.approbationInbox-list-content-items-item-content-info-rightContent-icons-icon{border-radius:var(--pr-t-border-radius-small)}.approbationInbox-list-content-items-item-content-info-rightContent-icons-icon:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:1px}.approbationInbox-list-content-items-item-content-info-visual{padding-block:8px}.approbationInbox-list-content-items-item-content-info-visual .avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.approbationInbox-list-content-items-item-content-info-main{flex-grow:1;font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);line-height:var(--pr-t-font-lineHeight-300)}.approbationInbox-list-content-items-item-content-info-main-title{margin-block-start:0;color:var(--pr-t-color-text-heading);text-wrap:pretty;font:var(--components-title-font);margin-block-end:0;padding:0;--components-title-font: var(--pr-t-font-heading-4);--sizes-verticalPadding: var(--sizes-M-verticalPadding)}.approbationInbox-list-content-items-item-content-action{padding:0;border:0;inline-size:100%;background-color:transparent;text-align:start;display:block;font:inherit;cursor:pointer;color:inherit;text-decoration:none;outline:none;inline-size:fit-content;display:inline-block}.approbationInbox-list-content-items-item-content-action:after{content:\"\";position:absolute;inset:calc(var(--pr-t-spacings-150) * -1) calc(var(--pr-t-spacings-200) * -1)}.approbationInbox-list-formSelectionOptional-formfield{padding-inline-start:var(--pr-t-spacings-25);margin-block-start:var(--pr-t-spacings-50)}.approbationInbox-list-content-groupOptional-header-formfieldOptional,.approbationInbox-list-content-items-item-formfieldOptional{padding-inline-start:var(--pr-t-spacings-25);margin-block-start:calc(var(--pr-t-spacings-50) * -1)}.approbationInbox-list-content-groupOptional{display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);margin-block-start:var(--components-approbationInbox-list-content-groupOptional-marginBlockStart)}.approbationInbox-list-content-groupOptional:first-child{--components-approbationInbox-list-content-groupOptional-marginBlockStart: 0}.approbationInbox-list-content-groupOptional-header{display:flex;gap:var(--pr-t-spacings-150);align-items:center}.approbationInbox-list-content-groupOptional-header:has(.approbationInbox-list-content-groupOptional-header-action[aria-expanded=true]) .approbationInbox-list-content-groupOptional-header-action-icon .lucca-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor-transform: rotate(180deg)}.approbationInbox-list-content-groupOptional-header:has(.approbationInbox-list-content-groupOptional-header-action[aria-expanded=false])+.approbationInbox-list-content-groupOptional-content{--components-approbationInbox-list-content-groupOptional-content-display: none}.approbationInbox-list-content-groupOptional-content{margin:0;padding:0;list-style-type:none;display:var(--components-approbationInbox-list-content-groupOptional-content-display);flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-content-groupOptional-header-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;inline-size:fit-content;display:flex;gap:var(--pr-t-spacings-100);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--pr-t-color-text);padding-inline-end:var(--pr-t-spacings-75);border-radius:var(--pr-t-border-radius-small);align-items:center}.approbationInbox-list-content-groupOptional-header-action:hover .approbationInbox-list-content-groupOptional-header-action-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-list-content-groupOptional-header-action:active .approbationInbox-list-content-groupOptional-header-action-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.approbationInbox-list-content-groupOptional-header-action-icon{border-radius:var(--pr-t-border-radius-small);background-color:var(--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor);inline-size:var(--pr-t-spacings-300);block-size:var(--pr-t-spacings-300);display:grid;place-items:center;flex-shrink:0}.approbationInbox-list-content-groupOptional-header-action-icon .lucca-icon{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor-transform)}.mainLayout-sidebar:has(.approbationInbox-list){overflow:visible}@media not all and (min-width:64em){.mainLayout-sidebar:has(.approbationInbox-list){block-size:100%}}}@layer components{.approbationInbox-detail{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-200);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-200);--components-approbationInbox-list-inlineSize: auto;--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: transparent;--components-approbationInbox-list-content-groupOptional-content-display: flex;--components-approbationInbox-list-content-groupOptional-marginBlockStart: var(--pr-t-spacings-50);--components-approbationInbox-list-content-items-item-content-info-alignItems: start;--components-approbationInbox-list-content-items-item-content-before-background: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-content-items-item-content-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-sunken);--components-approbationInbox-list-footer-borderRadius: var(--pr-t-border-radius-structure);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-marginInline: 0;--components-approbationInbox-list-footer-marginBlock: 0;--components-approbationInbox-detail-header-main-actions-display: flex;--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-300);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-300);--components-approbationInbox-detail-container-display: flex;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-300);--components-approbationInbox-detail-gap: var(--pr-t-spacings-200);--components-approbationInbox-detail-headerMain-margin: 0;--components-approbationInbox-detail-header-main-delegation-marginBlockStart: var(--pr-t-spacings-150);--components-approbationInbox-detail-empty-display: none;--components-approbationInbox-detail-header-main-flexWrap: nowrap;--components-approbationInbox-detail-header-minBlockSize: calc(var(--components-approbationInbox-detail-headerMain-padding) * 2 + var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}@layer mods{.approbationInbox-detail:has(.approbationInbox-detail-header-main-infos-description:empty),.approbationInbox-detail:not(:has(.approbationInbox-detail-header-main-infos-description)){--components-approbationInbox-detail-header-main-delegation-marginBlockStart: 0}.approbationInbox-detail.mod-insideDialog{--components-approbationInbox-detail-header-main-actions-display: none;--components-approbationInbox-detail-container-display: contents;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-150);--components-approbationInbox-detail-headerMain-margin: 0 calc(var(--pr-t-spacings-150) * -1);--components-approbationInbox-detail-gap: var(--pr-t-spacings-50);--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-150);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-150);--components-approbationInbox-detail-header-minBlockSize: 0}.dialog-inside-content:has(.approbationInbox-detail.mod-insideDialog){display:flex;flex-direction:column}.approbationInbox-detail.mod-insideDialog .approbationInbox-detail-main-block-divider.divider{margin:var(--components-divider-margin)}@media not all and (min-width:64em){.approbationInbox-detail:not(.mod-insideDialog){display:none}}.approbationInbox-detail:not(:has(.approbationInbox-detail-header)):has(.approbationInbox-detail-main:empty){--components-approbationInbox-detail-empty-display: flex}@media not all and (min-width:80em){.approbationInbox-detail{--components-approbationInbox-detail-header-main-flexWrap: wrap}}}@layer mods{.approbationInbox-list-content-items-item:has(.checkboxField-input:checked){--components-approbationInbox-list-content-items-item-content-before-background: var(--palettes-50, var(--palettes-product-50));--components-approbationInbox-list-content-items-item-content-before-boxShadow: 0 0 0 1px var(--palettes-500, var(--palettes-product-500))}}@layer mods{.approbationInbox-list-content-items-item:has(.approbationInbox-list-content-items-item-content-action[aria-current=page]),.approbationInbox-list-content-items-item:has(.approbationInbox-list-content-items-item-content-action.is-current){--components-approbationInbox-list-content-items-item-content-before-boxShadow: 0 0 0 1px var(--palettes-400, var(--palettes-product-400)), 0 0 0 1px var(--palettes-400, var(--palettes-product-400)) inset}}@layer mods{.approbationInbox-list-content-items-item-content:has(.approbationInbox-list-content-items-item-content-action:focus-visible):before{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}}@layer mods{.approbationInbox-detail-main-block:last-child{--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: 0}.approbationInbox-detail-main-block:last-child .approbationInbox-detail-main-block-divider.divider{--components-divider-display: none}}@layer mods{@media(min-width:50em){.approbationInbox-list{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-400);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-400)}}@media(min-width:64em){.approbationInbox-list{--components-approbationInbox-list-inlineSize: 17rem;--components-approbationInbox-list-marginInlineEnd: 0}}@media(min-width:80em){.approbationInbox-list{--components-approbationInbox-list-inlineSize: 22.5rem}}@media not all and (min-width:64em){.approbationInbox-list{--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-footer-borderRadius: 0;--components-approbationInbox-list-footer-marginBlock: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-300) * -1);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-400);--components-approbationInbox-list-footer-marginInline: calc(var(--components-approbationInbox-list-footer-paddingInline) * -1)}}@media not all and (min-width:50em){.approbationInbox-list{--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-footer-borderRadius: 0;--components-approbationInbox-list-footer-marginBlock: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-300) * -1);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-400);--components-approbationInbox-list-footer-marginInline: calc(var(--components-approbationInbox-list-footer-paddingInline) * -1)}}}@layer mods{.approbationInbox-list-content-items-item-content-info.mod-center{--components-approbationInbox-list-content-items-item-content-info-alignItems: center}}\n"], dependencies: [{ kind: "component", type: ContainerComponent, selector: "lu-container", inputs: ["center", "overflow", "max"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
103
124
|
}
|
|
104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
125
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxDetailComponent, decorators: [{
|
|
105
126
|
type: Component,
|
|
106
127
|
args: [{ selector: 'lu-approbation-inbox-detail', encapsulation: ViewEncapsulation.None, imports: [ContainerComponent, NgTemplateOutlet], host: {
|
|
107
128
|
class: 'approbationInbox-detail',
|
|
108
129
|
role: 'region',
|
|
109
130
|
'[attr.aria-labelledby]': 'titleId()',
|
|
110
131
|
'[class.mod-insideDialog]': 'insideDialog()',
|
|
111
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "<lu-container class=\"approbationInbox-detail-container\">\n\t<ng-container *ngTemplateOutlet=\"headerTpl\" />\n\t<ng-template #headerTpl>\n\t\t<ng-content select=\"[approbationInboxDetailHeader]\" />\n\t</ng-template>\n\t<div class=\"approbationInbox-detail-main\">\n\t\t<ng-container *ngTemplateOutlet=\"contentTpl\" />\n\t\t<ng-template #contentTpl>\n\t\t\t<ng-content />\n\t\t</ng-template>\n\t</div>\n\t<div class=\"approbationInbox-detail-empty\">\n\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 150 150\">\n\t\t\t<g clip-path=\"url(#a)\">\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#131d35\"\n\t\t\t\t\td=\"M134.166 94.04a9.6 9.6 0 0 0-.572-1.748 9.53 9.53 0 0 0-5.277-5.09l-96.114-37.76a10 10 0 0 0-.901-.302c-.1-.028-.202-.047-.304-.07-.201-.05-.403-.1-.607-.139-.12-.02-.242-.033-.362-.05-.183-.025-.366-.051-.548-.066-.128-.01-.259-.012-.387-.019-.13-.004-.26-.019-.39-.019-.05 0-.098.005-.148.005-.088 0-.175.007-.263.01q-.302.013-.604.045c-.088.01-.174.016-.261.028q-.37.05-.733.128l-.09.017q-.406.092-.801.22-.114.038-.228.079a9 9 0 0 0-.567.215l-.246.107q-.299.136-.586.29-.081.04-.163.085-.363.202-.704.436-.084.058-.169.121a10 10 0 0 0-.505.384q-.105.087-.208.176a10 10 0 0 0-.458.424l-.166.162a10 10 0 0 0-.56.633c-.03.038-.056.078-.087.116a9 9 0 0 0-.88 1.357q-.064.116-.125.234a10 10 0 0 0-.365.81L2.395 99.152a9.6 9.6 0 0 0-.662 3.747 9.6 9.6 0 0 0 4.35 7.786 9.7 9.7 0 0 0 1.726.887l96.115 37.763q.446.174.901.301c.102.029.201.048.303.072.202.049.403.099.605.137.121.022.241.033.36.05.183.026.367.052.55.069q.192.012.384.016c.13.005.263.019.394.019l.147-.004c.087 0 .175-.008.26-.01q.303-.013.605-.045.131-.012.258-.028.372-.05.735-.128c.029-.008.06-.01.088-.017q.406-.093.801-.221c.076-.023.152-.052.228-.078q.288-.098.569-.216.124-.051.247-.106.297-.137.587-.29.083-.04.162-.085.362-.202.704-.437.084-.058.166-.121a10 10 0 0 0 .716-.562q.234-.203.457-.424.084-.081.164-.161.292-.303.559-.634c.031-.038.057-.078.088-.116q.22-.28.42-.578.075-.115.147-.231.166-.265.315-.545.065-.115.126-.235a10 10 0 0 0 .365-.808l17.392-44.298a9.5 9.5 0 0 0 .661-3.747 9.5 9.5 0 0 0-.227-1.838z\"\n\t\t\t\t\topacity=\".15\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#b6c7e0\"\n\t\t\t\t\td=\"M105.692 143.509a8 8 0 0 1-2.949-.562L6.629 105.184c-4.144-1.63-6.193-6.328-4.564-10.473l17.392-44.297a8.035 8.035 0 0 1 7.52-5.128c1.008 0 2.001.19 2.95.562l96.114 37.763c4.144 1.63 6.192 6.328 4.564 10.474l-17.393 44.297a8.03 8.03 0 0 1-7.52 5.127\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#ceddef\"\n\t\t\t\t\td=\"M26.975 46.787c.82 0 1.629.154 2.401.458l96.115 37.763a6.54 6.54 0 0 1 3.622 3.493 6.54 6.54 0 0 1 .093 5.033l-17.392 44.297a6.54 6.54 0 0 1-6.122 4.174c-.82 0-1.628-.154-2.401-.458L7.176 103.784a6.585 6.585 0 0 1-3.715-8.526l17.393-44.297a6.54 6.54 0 0 1 6.12-4.174m0-3.002a9.58 9.58 0 0 0-8.917 6.08L.666 94.16c-1.934 4.926.491 10.485 5.413 12.42l96.114 37.763a9.6 9.6 0 0 0 3.499.667 9.58 9.58 0 0 0 8.917-6.081l17.392-44.297c1.935-4.926-.491-10.485-5.413-12.42L30.474 44.449a9.6 9.6 0 0 0-3.5-.667z\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#131d35\"\n\t\t\t\t\td=\"m149.384 118.645-4.657 11.858-4.952-1.945-1.468 3.752L33.573 91.162l1.477-3.752-4.953-1.944 4.666-11.858a8.86 8.86 0 0 1 11.505-5.016l.86.339 2.48.968 23.147 9.09c8.264-7.255 21.237-10.936 24.739-19.848 2.624-6.681 3.886-16.454 4.486-23.567-3.564-5.445-4.54-12.45-1.997-18.944C104.175 5.962 116.287.74 127.051 4.968a20.95 20.95 0 0 1 7.368 4.881c-.019-.01-.045-.01-.062-.019 5.901 5.635 8.149 14.484 4.979 22.545-2.212 5.635-6.617 9.754-11.854 11.77-4.485 5.635-10.815 14.296-13.618 21.435-3.501 8.912 3.509 20.44 4.63 31.386l25.878 10.167c4.556 1.79 6.804 6.942 5.014 11.509z\"\n\t\t\t\t\topacity=\".15\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#ceddef\"\n\t\t\t\t\td=\"M111.273 62.077c4.571-11.643 18.542-27.347 18.542-27.347l-8.983-3.53-4.538-1.783-16.372-6.432s-.448 21.018-5.02 32.66c-4.57 11.642-25.326 14.343-30.601 27.776l26.673 10.48 4.538 1.784 19.286 7.577c5.275-13.435-8.096-29.543-3.525-41.185\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#bacfe5\"\n\t\t\t\t\td=\"M111.273 61.966c4.571-11.642 18.542-27.347 18.542-27.347l-4.967-1.952s-13.968 15.705-18.542 27.347c-4.571 11.642 8.801 27.75 3.526 41.186l4.967 1.951c5.275-13.435-8.097-29.543-3.526-41.185\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#dfe8f7\"\n\t\t\t\t\td=\"M117.477 42.018c11.432 0 20.7-9.271 20.7-20.707S128.909.604 117.477.604 96.778 9.875 96.778 21.311s9.268 20.707 20.699 20.707\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#fff\"\n\t\t\t\t\td=\"M101.311 18.679c4.573-11.647 17.798-17.35 29.538-12.738.332.13.63.285.953.43-2.02-2.071-4.474-3.776-7.343-4.905-10.756-4.227-22.873.998-27.062 11.67-2.89 7.36-1.027 15.302 3.795 20.963-1.661-4.883-1.906-10.257.121-15.418z\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#dfe8f7\"\n\t\t\t\t\td=\"m43.681 65.085 98.101 38.538c4.559 1.791 6.807 6.95 5.017 11.511l-4.657 11.863-114.624-45.03 4.657-11.862c1.79-4.561 6.947-6.81 11.506-5.02\"\n\t\t\t\t/>\n\t\t\t\t<path fill=\"#7686a3\" d=\"M137.193 125.054 32.462 83.911l-1.474 3.755 104.731 41.143z\" />\n\t\t\t\t<path fill=\"#fff\" d=\"m55.785 69.842-11.24-4.415-7.9 20.128 11.238 4.415z\" />\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"a\">\n\t\t\t\t\t<path fill=\"#fff\" d=\"M0 0h150v150H0z\" />\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t</div>\n</lu-container>\n", styles: ["@layer components{.approbationInbox-detail,.approbationInbox-list{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-200);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-200);--components-approbationInbox-list-inlineSize: auto;--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: transparent;--components-approbationInbox-list-content-groupOptional-content-display: flex;--components-approbationInbox-list-content-groupOptional-marginBlockStart: var(--pr-t-spacings-50);--components-approbationInbox-list-content-items-item-content-info-alignItems: start;--components-approbationInbox-list-content-items-item-content-before-background: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-content-items-item-content-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-sunken);--components-approbationInbox-list-footer-borderRadius: var(--pr-t-border-radius-structure);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-marginInline: 0;--components-approbationInbox-list-footer-marginBlock: 0;--components-approbationInbox-detail-header-main-actions-display: flex;--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-300);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-300);--components-approbationInbox-detail-container-display: flex;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-300);--components-approbationInbox-detail-gap: var(--pr-t-spacings-200);--components-approbationInbox-detail-headerMain-margin: 0;--components-approbationInbox-detail-header-main-delegation-marginBlockStart: var(--pr-t-spacings-150);--components-approbationInbox-detail-empty-display: none;--components-approbationInbox-detail-header-main-flexWrap: nowrap;--components-approbationInbox-detail-header-minBlockSize: calc(var(--components-approbationInbox-detail-headerMain-padding) * 2 + var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}@layer components{.approbationInbox-list{inline-size:var(--components-approbationInbox-list-inlineSize);block-size:calc(100% - var(--pr-t-spacings-300) * 2);margin-block:var(--pr-t-spacings-300);margin-inline:var(--components-approbationInbox-list-marginInlineStart) var(--components-approbationInbox-list-marginInlineEnd);display:flex;flex-direction:column;gap:var(--pr-t-spacings-50)}.approbationInbox-list-formSelectionOptional{flex-grow:1;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50);min-block-size:0}.approbationInbox-list-content{background-color:var(--pr-t-elevation-surface-sunken);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);border-radius:var(--pr-t-border-radius-structure);overflow:auto;flex-grow:1}.approbationInbox-list-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.approbationInbox-list-content:empty{display:none}.approbationInbox-list-content-empty{display:flex;flex-direction:column;margin:auto;gap:var(--pr-t-spacings-200);padding:var(--pr-t-spacings-200);align-items:center;text-align:center;text-wrap:balance}.approbationInbox-list-footer{background-color:var(--components-approbationInbox-list-footer-backgroundColor);border-radius:var(--components-approbationInbox-list-footer-borderRadius);padding-block:var(--components-approbationInbox-list-footer-paddingBlock);margin-block:var(--components-approbationInbox-list-footer-marginBlock);margin-inline:var(--components-approbationInbox-list-footer-marginInline);padding-inline:var(--components-approbationInbox-list-footer-paddingInline);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-footer .button{--components-button-width: 100%}.approbationInbox-list-footer .button:last-child{--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)}.approbationInbox-list-footer .button:last-child: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))}.approbationInbox-list-footer .button:last-child:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-list-footer .button:last-child:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.approbationInbox-list-footer .button:last-child: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)}.approbationInbox-list-footer-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}.approbationInbox-list-header{display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-header-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}.approbationInbox-list-header-title .numericBadge{vertical-align:center}.approbationInbox-list-header-filterBar{margin-block-end:var(--pr-t-spacings-100)}.approbationInbox-list-header-filterBar:empty{display:none}.approbationInbox-detail{display:flex;flex-direction:column;gap:var(--components-approbationInbox-detail-gap);flex-grow:1}.approbationInbox-detail-container.container{display:var(--components-approbationInbox-detail-container-display);flex-direction:column;gap:var(--pr-t-spacings-50);margin-block:var(--pr-t-spacings-300);flex-grow:1;--commons-container-maxWidth: calc(100rem - 22.5rem - var(--pr-t-spacings-400))}.approbationInbox-detail-empty{margin:auto;inline-size:9rem;aspect-ratio:1;display:var(--components-approbationInbox-detail-empty-display)}.approbationInbox-detail-empty svg{margin:auto;inline-size:100%;block-size:100%}.approbationInbox-detail-header,.approbationInbox-detail-main{background-color:var(--pr-t-elevation-surface-raised);padding:var(--components-approbationInbox-detail-headerMain-padding);margin:var(--components-approbationInbox-detail-headerMain-margin);border-radius:var(--pr-t-border-radius-structure)}.approbationInbox-detail-header:empty,.approbationInbox-detail-main:empty{display:none}.approbationInbox-detail-main{display:flex;flex-direction:column;gap:var(--components-approbationInbox-detail-main-gap);flex-grow:1}.approbationInbox-detail-header{display:flex;gap:var(--pr-t-spacings-150);min-block-size:var(--components-approbationInbox-detail-header-minBlockSize)}.approbationInbox-detail-header-main-actions{display:var(--components-approbationInbox-detail-header-main-actions-display);gap:var(--pr-t-spacings-100)}.approbationInbox-detail-header-main-actions .button:nth-child(2){--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)}.approbationInbox-detail-header-main-actions .button:nth-child(2):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))}.approbationInbox-detail-header-main-actions .button:nth-child(2):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-detail-header-main-actions .button:nth-child(2):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.approbationInbox-detail-header-main-actions .button:nth-child(2):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)}.approbationInbox-detail-header-main-actions .button:nth-child(3){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.approbationInbox-detail-header-main-actions .button:nth-child(3):hover,.approbationInbox-detail-header-main-actions .button:nth-child(3):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.approbationInbox-detail-header-main-actions .button:nth-child(3):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-detail-header-main-actions .button:nth-child(3):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.approbationInbox-detail-header-main{display:flex;flex-grow:1;gap:var(--pr-t-spacings-200);align-items:center;justify-content:space-between;flex-wrap:var(--components-approbationInbox-detail-header-main-flexWrap);min-inline-size:0}.approbationInbox-detail-header-main-infos{min-inline-size:0}.approbationInbox-detail-header-main-infos-description:empty{display:none}.approbationInbox-detail-header-main-infos-title{--components-title-font: var(--pr-t-font-heading-2);--sizes-verticalPadding: var(--sizes-XL-verticalPadding)}.approbationInbox-detail-header-main-infos-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.approbationInbox-detail-header-main-infos-title-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-small)}.approbationInbox-detail-header-illustration{padding-block:var(--pr-t-spacings-25);align-self:start}.approbationInbox-detail-header-illustration:empty{display:none}.approbationInbox-detail-header-illustration .avatar{--components-avatar-size: 3rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-225);--components-avatar-placeholder-size: 1.75rem}.approbationInbox-detail-header-main-delegation{margin-block-start:var(--components-approbationInbox-detail-header-main-delegation-marginBlockStart)}.approbationInbox-detail-main-block{display:block}.approbationInbox-detail-main-block-content{padding-block-end:var(--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd)}.approbationInbox-detail-main-block-content:empty{display:none}.approbationInbox-detail-main-block-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}.approbationInbox-list-content-items{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-content-items-item{display:flex;gap:var(--pr-t-spacings-150);align-items:center}.approbationInbox-list-content-items-item-content{flex-grow:1;position:relative;padding:var(--pr-t-spacings-100) var(--pr-t-spacings-150)}.approbationInbox-list-content-items-item-content:before{content:\"\";position:absolute;inset:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-approbationInbox-list-content-items-item-content-before-background);box-shadow:var(--components-approbationInbox-list-content-items-item-content-before-boxShadow);transition-property:inset;transition-duration:var(--commons-animations-durations-fast)}.approbationInbox-list-content-items-item-content:hover:before{inset:calc(var(--pr-t-spacings-50) * -1)}.approbationInbox-list-content-items-item-content-info{position:relative;display:flex;gap:var(--pr-t-spacings-100);align-items:var(--components-approbationInbox-list-content-items-item-content-info-alignItems)}.approbationInbox-list-content-items-item-content-info [tabindex]{position:relative}.approbationInbox-list-content-items-item-content-info-visual:empty,.approbationInbox-list-content-items-item-content-info-rightContent:empty{display:none}.approbationInbox-list-content-items-item-content-info-rightContent{display:flex;flex-direction:column;align-items:end;text-align:end}.approbationInbox-list-content-items-item-content-info-rightContent-subtle{color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);line-height:var(--pr-t-font-lineHeight-300)}.approbationInbox-list-content-items-item-content-info-rightContent-icons{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-75);color:var(--pr-t-color-text-subtle)}.approbationInbox-list-content-items-item-content-info-rightContent-icons-icon{border-radius:var(--pr-t-border-radius-small)}.approbationInbox-list-content-items-item-content-info-rightContent-icons-icon:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:1px}.approbationInbox-list-content-items-item-content-info-visual{padding-block:8px}.approbationInbox-list-content-items-item-content-info-visual .avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.approbationInbox-list-content-items-item-content-info-main{flex-grow:1;font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);line-height:var(--pr-t-font-lineHeight-300)}.approbationInbox-list-content-items-item-content-info-main-title{margin-block-start:0;color:var(--pr-t-color-text-heading);text-wrap:pretty;font:var(--components-title-font);margin-block-end:0;padding:0;--components-title-font: var(--pr-t-font-heading-4);--sizes-verticalPadding: var(--sizes-M-verticalPadding)}.approbationInbox-list-content-items-item-content-action{padding:0;border:0;inline-size:100%;background-color:transparent;text-align:start;display:block;font:inherit;cursor:pointer;color:inherit;text-decoration:none;outline:none;inline-size:fit-content;display:inline-block}.approbationInbox-list-content-items-item-content-action:after{content:\"\";position:absolute;inset:calc(var(--pr-t-spacings-150) * -1) calc(var(--pr-t-spacings-200) * -1)}.approbationInbox-list-formSelectionOptional-formfield{padding-inline-start:var(--pr-t-spacings-25);margin-block-start:var(--pr-t-spacings-50)}.approbationInbox-list-content-groupOptional-header-formfieldOptional,.approbationInbox-list-content-items-item-formfieldOptional{padding-inline-start:var(--pr-t-spacings-25);margin-block-start:calc(var(--pr-t-spacings-50) * -1)}.approbationInbox-list-content-groupOptional{display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);margin-block-start:var(--components-approbationInbox-list-content-groupOptional-marginBlockStart)}.approbationInbox-list-content-groupOptional:first-child{--components-approbationInbox-list-content-groupOptional-marginBlockStart: 0}.approbationInbox-list-content-groupOptional-header{display:flex;gap:var(--pr-t-spacings-150);align-items:center}.approbationInbox-list-content-groupOptional-header:has(.approbationInbox-list-content-groupOptional-header-action[aria-expanded=true]) .approbationInbox-list-content-groupOptional-header-action-icon .lucca-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor-transform: rotate(180deg)}.approbationInbox-list-content-groupOptional-header:has(.approbationInbox-list-content-groupOptional-header-action[aria-expanded=false])+.approbationInbox-list-content-groupOptional-content{--components-approbationInbox-list-content-groupOptional-content-display: none}.approbationInbox-list-content-groupOptional-content{margin:0;padding:0;list-style-type:none;display:var(--components-approbationInbox-list-content-groupOptional-content-display);flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-content-groupOptional-header-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;inline-size:fit-content;display:flex;gap:var(--pr-t-spacings-100);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--pr-t-color-text);padding-inline-end:var(--pr-t-spacings-75);border-radius:var(--pr-t-border-radius-small);align-items:center}.approbationInbox-list-content-groupOptional-header-action:hover .approbationInbox-list-content-groupOptional-header-action-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-list-content-groupOptional-header-action:active .approbationInbox-list-content-groupOptional-header-action-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.approbationInbox-list-content-groupOptional-header-action-icon{border-radius:var(--pr-t-border-radius-small);background-color:var(--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor);inline-size:var(--pr-t-spacings-300);block-size:var(--pr-t-spacings-300);display:grid;place-items:center;flex-shrink:0}.approbationInbox-list-content-groupOptional-header-action-icon .lucca-icon{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor-transform)}.mainLayout-sidebar:has(.approbationInbox-list){overflow:visible}@media not all and (min-width:64em){.mainLayout-sidebar:has(.approbationInbox-list){block-size:100%}}}@layer components{.approbationInbox-detail{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-200);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-200);--components-approbationInbox-list-inlineSize: auto;--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: transparent;--components-approbationInbox-list-content-groupOptional-content-display: flex;--components-approbationInbox-list-content-groupOptional-marginBlockStart: var(--pr-t-spacings-50);--components-approbationInbox-list-content-items-item-content-info-alignItems: start;--components-approbationInbox-list-content-items-item-content-before-background: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-content-items-item-content-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-sunken);--components-approbationInbox-list-footer-borderRadius: var(--pr-t-border-radius-structure);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-marginInline: 0;--components-approbationInbox-list-footer-marginBlock: 0;--components-approbationInbox-detail-header-main-actions-display: flex;--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-300);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-300);--components-approbationInbox-detail-container-display: flex;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-300);--components-approbationInbox-detail-gap: var(--pr-t-spacings-200);--components-approbationInbox-detail-headerMain-margin: 0;--components-approbationInbox-detail-header-main-delegation-marginBlockStart: var(--pr-t-spacings-150);--components-approbationInbox-detail-empty-display: none;--components-approbationInbox-detail-header-main-flexWrap: nowrap;--components-approbationInbox-detail-header-minBlockSize: calc(var(--components-approbationInbox-detail-headerMain-padding) * 2 + var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}@layer mods{.approbationInbox-detail:has(.approbationInbox-detail-header-main-infos-description:empty),.approbationInbox-detail:not(:has(.approbationInbox-detail-header-main-infos-description)){--components-approbationInbox-detail-header-main-delegation-marginBlockStart: 0}.approbationInbox-detail.mod-insideDialog{--components-approbationInbox-detail-header-main-actions-display: none;--components-approbationInbox-detail-container-display: contents;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-150);--components-approbationInbox-detail-headerMain-margin: 0 calc(var(--pr-t-spacings-150) * -1);--components-approbationInbox-detail-gap: var(--pr-t-spacings-50);--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-150);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-150);--components-approbationInbox-detail-header-minBlockSize: 0}.dialog-inside-content:has(.approbationInbox-detail.mod-insideDialog){display:flex;flex-direction:column}.approbationInbox-detail.mod-insideDialog .approbationInbox-detail-main-block-divider.divider{margin:var(--components-divider-margin)}@media not all and (min-width:64em){.approbationInbox-detail:not(.mod-insideDialog){display:none}}.approbationInbox-detail:not(:has(.approbationInbox-detail-header)):has(.approbationInbox-detail-main:empty){--components-approbationInbox-detail-empty-display: flex}@media not all and (min-width:80em){.approbationInbox-detail{--components-approbationInbox-detail-header-main-flexWrap: wrap}}}@layer mods{.approbationInbox-list-content-items-item:has(.checkboxField-input:checked){--components-approbationInbox-list-content-items-item-content-before-background: var(--palettes-50, var(--palettes-product-50));--components-approbationInbox-list-content-items-item-content-before-boxShadow: 0 0 0 1px var(--palettes-500, var(--palettes-product-500))}}@layer mods{.approbationInbox-list-content-items-item:has(.approbationInbox-list-content-items-item-content-action[aria-current=page]),.approbationInbox-list-content-items-item:has(.approbationInbox-list-content-items-item-content-action.is-current){--components-approbationInbox-list-content-items-item-content-before-boxShadow: 0 0 0 1px var(--palettes-400, var(--palettes-product-400)), 0 0 0 1px var(--palettes-400, var(--palettes-product-400)) inset}}@layer mods{.approbationInbox-list-content-items-item-content:has(.approbationInbox-list-content-items-item-content-action:focus-visible):before{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}}@layer mods{.approbationInbox-detail-main-block:last-child{--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: 0}.approbationInbox-detail-main-block:last-child .approbationInbox-detail-main-block-divider.divider{--components-divider-display: none}}@layer mods{@media(min-width:50em){.approbationInbox-list{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-400);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-400)}}@media(min-width:64em){.approbationInbox-list{--components-approbationInbox-list-inlineSize: 17rem;--components-approbationInbox-list-marginInlineEnd: 0}}@media(min-width:80em){.approbationInbox-list{--components-approbationInbox-list-inlineSize: 22.5rem}}@media not all and (min-width:64em){.approbationInbox-list{--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-footer-borderRadius: 0;--components-approbationInbox-list-footer-marginBlock: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-300) * -1);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-400);--components-approbationInbox-list-footer-marginInline: calc(var(--components-approbationInbox-list-footer-paddingInline) * -1)}}@media not all and (min-width:50em){.approbationInbox-list{--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-footer-borderRadius: 0;--components-approbationInbox-list-footer-marginBlock: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-300) * -1);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-400);--components-approbationInbox-list-footer-marginInline: calc(var(--components-approbationInbox-list-footer-paddingInline) * -1)}}}@layer mods{.approbationInbox-list-content-items-item-content-info.mod-center{--components-approbationInbox-list-content-items-item-content-info-alignItems: center}}\n"] }]
|
|
132
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "<lu-container class=\"approbationInbox-detail-container\">\n\t<ng-container *ngTemplateOutlet=\"headerTpl\" />\n\t<ng-template #headerTpl>\n\t\t<ng-content select=\"[approbationInboxDetailHeader]\" />\n\t</ng-template>\n\t<div class=\"approbationInbox-detail-main\">\n\t\t<ng-container *ngTemplateOutlet=\"contentTpl\" />\n\t\t<ng-template #contentTpl>\n\t\t\t<ng-content />\n\t\t</ng-template>\n\t</div>\n\t<div class=\"approbationInbox-detail-empty\">\n\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 150 150\">\n\t\t\t<g clip-path=\"url(#a)\">\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#131d35\"\n\t\t\t\t\td=\"M134.166 94.04a9.6 9.6 0 0 0-.572-1.748 9.53 9.53 0 0 0-5.277-5.09l-96.114-37.76a10 10 0 0 0-.901-.302c-.1-.028-.202-.047-.304-.07-.201-.05-.403-.1-.607-.139-.12-.02-.242-.033-.362-.05-.183-.025-.366-.051-.548-.066-.128-.01-.259-.012-.387-.019-.13-.004-.26-.019-.39-.019-.05 0-.098.005-.148.005-.088 0-.175.007-.263.01q-.302.013-.604.045c-.088.01-.174.016-.261.028q-.37.05-.733.128l-.09.017q-.406.092-.801.22-.114.038-.228.079a9 9 0 0 0-.567.215l-.246.107q-.299.136-.586.29-.081.04-.163.085-.363.202-.704.436-.084.058-.169.121a10 10 0 0 0-.505.384q-.105.087-.208.176a10 10 0 0 0-.458.424l-.166.162a10 10 0 0 0-.56.633c-.03.038-.056.078-.087.116a9 9 0 0 0-.88 1.357q-.064.116-.125.234a10 10 0 0 0-.365.81L2.395 99.152a9.6 9.6 0 0 0-.662 3.747 9.6 9.6 0 0 0 4.35 7.786 9.7 9.7 0 0 0 1.726.887l96.115 37.763q.446.174.901.301c.102.029.201.048.303.072.202.049.403.099.605.137.121.022.241.033.36.05.183.026.367.052.55.069q.192.012.384.016c.13.005.263.019.394.019l.147-.004c.087 0 .175-.008.26-.01q.303-.013.605-.045.131-.012.258-.028.372-.05.735-.128c.029-.008.06-.01.088-.017q.406-.093.801-.221c.076-.023.152-.052.228-.078q.288-.098.569-.216.124-.051.247-.106.297-.137.587-.29.083-.04.162-.085.362-.202.704-.437.084-.058.166-.121a10 10 0 0 0 .716-.562q.234-.203.457-.424.084-.081.164-.161.292-.303.559-.634c.031-.038.057-.078.088-.116q.22-.28.42-.578.075-.115.147-.231.166-.265.315-.545.065-.115.126-.235a10 10 0 0 0 .365-.808l17.392-44.298a9.5 9.5 0 0 0 .661-3.747 9.5 9.5 0 0 0-.227-1.838z\"\n\t\t\t\t\topacity=\".15\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#b6c7e0\"\n\t\t\t\t\td=\"M105.692 143.509a8 8 0 0 1-2.949-.562L6.629 105.184c-4.144-1.63-6.193-6.328-4.564-10.473l17.392-44.297a8.035 8.035 0 0 1 7.52-5.128c1.008 0 2.001.19 2.95.562l96.114 37.763c4.144 1.63 6.192 6.328 4.564 10.474l-17.393 44.297a8.03 8.03 0 0 1-7.52 5.127\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#ceddef\"\n\t\t\t\t\td=\"M26.975 46.787c.82 0 1.629.154 2.401.458l96.115 37.763a6.54 6.54 0 0 1 3.622 3.493 6.54 6.54 0 0 1 .093 5.033l-17.392 44.297a6.54 6.54 0 0 1-6.122 4.174c-.82 0-1.628-.154-2.401-.458L7.176 103.784a6.585 6.585 0 0 1-3.715-8.526l17.393-44.297a6.54 6.54 0 0 1 6.12-4.174m0-3.002a9.58 9.58 0 0 0-8.917 6.08L.666 94.16c-1.934 4.926.491 10.485 5.413 12.42l96.114 37.763a9.6 9.6 0 0 0 3.499.667 9.58 9.58 0 0 0 8.917-6.081l17.392-44.297c1.935-4.926-.491-10.485-5.413-12.42L30.474 44.449a9.6 9.6 0 0 0-3.5-.667z\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#131d35\"\n\t\t\t\t\td=\"m149.384 118.645-4.657 11.858-4.952-1.945-1.468 3.752L33.573 91.162l1.477-3.752-4.953-1.944 4.666-11.858a8.86 8.86 0 0 1 11.505-5.016l.86.339 2.48.968 23.147 9.09c8.264-7.255 21.237-10.936 24.739-19.848 2.624-6.681 3.886-16.454 4.486-23.567-3.564-5.445-4.54-12.45-1.997-18.944C104.175 5.962 116.287.74 127.051 4.968a20.95 20.95 0 0 1 7.368 4.881c-.019-.01-.045-.01-.062-.019 5.901 5.635 8.149 14.484 4.979 22.545-2.212 5.635-6.617 9.754-11.854 11.77-4.485 5.635-10.815 14.296-13.618 21.435-3.501 8.912 3.509 20.44 4.63 31.386l25.878 10.167c4.556 1.79 6.804 6.942 5.014 11.509z\"\n\t\t\t\t\topacity=\".15\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#ceddef\"\n\t\t\t\t\td=\"M111.273 62.077c4.571-11.643 18.542-27.347 18.542-27.347l-8.983-3.53-4.538-1.783-16.372-6.432s-.448 21.018-5.02 32.66c-4.57 11.642-25.326 14.343-30.601 27.776l26.673 10.48 4.538 1.784 19.286 7.577c5.275-13.435-8.096-29.543-3.525-41.185\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#bacfe5\"\n\t\t\t\t\td=\"M111.273 61.966c4.571-11.642 18.542-27.347 18.542-27.347l-4.967-1.952s-13.968 15.705-18.542 27.347c-4.571 11.642 8.801 27.75 3.526 41.186l4.967 1.951c5.275-13.435-8.097-29.543-3.526-41.185\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#dfe8f7\"\n\t\t\t\t\td=\"M117.477 42.018c11.432 0 20.7-9.271 20.7-20.707S128.909.604 117.477.604 96.778 9.875 96.778 21.311s9.268 20.707 20.699 20.707\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#fff\"\n\t\t\t\t\td=\"M101.311 18.679c4.573-11.647 17.798-17.35 29.538-12.738.332.13.63.285.953.43-2.02-2.071-4.474-3.776-7.343-4.905-10.756-4.227-22.873.998-27.062 11.67-2.89 7.36-1.027 15.302 3.795 20.963-1.661-4.883-1.906-10.257.121-15.418z\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfill=\"#dfe8f7\"\n\t\t\t\t\td=\"m43.681 65.085 98.101 38.538c4.559 1.791 6.807 6.95 5.017 11.511l-4.657 11.863-114.624-45.03 4.657-11.862c1.79-4.561 6.947-6.81 11.506-5.02\"\n\t\t\t\t/>\n\t\t\t\t<path fill=\"#7686a3\" d=\"M137.193 125.054 32.462 83.911l-1.474 3.755 104.731 41.143z\" />\n\t\t\t\t<path fill=\"#fff\" d=\"m55.785 69.842-11.24-4.415-7.9 20.128 11.238 4.415z\" />\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"a\">\n\t\t\t\t\t<path fill=\"#fff\" d=\"M0 0h150v150H0z\" />\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t</div>\n</lu-container>\n", styles: ["@layer components{.approbationInbox-detail,.approbationInbox-list{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-200);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-200);--components-approbationInbox-list-inlineSize: auto;--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: transparent;--components-approbationInbox-list-content-groupOptional-content-display: flex;--components-approbationInbox-list-content-groupOptional-marginBlockStart: var(--pr-t-spacings-50);--components-approbationInbox-list-content-items-item-content-info-alignItems: start;--components-approbationInbox-list-content-items-item-content-before-background: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-content-items-item-content-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-sunken);--components-approbationInbox-list-footer-borderRadius: var(--pr-t-border-radius-structure);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-marginInline: 0;--components-approbationInbox-list-footer-marginBlock: 0;--components-approbationInbox-detail-header-main-actions-display: flex;--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-300);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-300);--components-approbationInbox-detail-container-display: flex;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-300);--components-approbationInbox-detail-gap: var(--pr-t-spacings-200);--components-approbationInbox-detail-headerMain-margin: 0;--components-approbationInbox-detail-header-main-delegation-marginBlockStart: var(--pr-t-spacings-150);--components-approbationInbox-detail-empty-display: none;--components-approbationInbox-detail-header-main-flexWrap: nowrap;--components-approbationInbox-detail-header-minBlockSize: calc(var(--components-approbationInbox-detail-headerMain-padding) * 2 + var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}@layer components{.approbationInbox-list{inline-size:var(--components-approbationInbox-list-inlineSize);block-size:calc(100% - var(--pr-t-spacings-300) * 2);margin-block:var(--pr-t-spacings-300);margin-inline:var(--components-approbationInbox-list-marginInlineStart) var(--components-approbationInbox-list-marginInlineEnd);display:flex;flex-direction:column}.approbationInbox-list-formSelectionOptional{flex-grow:1;display:flex;flex-direction:column;min-block-size:0}.approbationInbox-list-content{background-color:var(--pr-t-elevation-surface-sunken);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);border-radius:var(--pr-t-border-radius-structure);overflow:auto;flex-grow:1;margin-block-start:var(--pr-t-spacings-200)}.approbationInbox-list-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.approbationInbox-list-content:empty{display:none}.approbationInbox-list-content-empty{display:flex;flex-direction:column;margin:auto;gap:var(--pr-t-spacings-200);padding:var(--pr-t-spacings-200);align-items:center;text-align:center;text-wrap:balance}.approbationInbox-list-footer{background-color:var(--components-approbationInbox-list-footer-backgroundColor);border-radius:var(--components-approbationInbox-list-footer-borderRadius);padding-block:var(--components-approbationInbox-list-footer-paddingBlock);margin-block:var(--components-approbationInbox-list-footer-marginBlock);margin-inline:var(--components-approbationInbox-list-footer-marginInline);padding-inline:var(--components-approbationInbox-list-footer-paddingInline);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-footer .button{--components-button-width: 100%}.approbationInbox-list-footer .button:last-child{--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)}.approbationInbox-list-footer .button:last-child: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))}.approbationInbox-list-footer .button:last-child:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-list-footer .button:last-child:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.approbationInbox-list-footer .button:last-child: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)}.approbationInbox-list-footer-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}.approbationInbox-list-header{display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-header-title{--components-title-font: var(--pr-t-font-heading-2);--sizes-verticalPadding: var(--sizes-XL-verticalPadding)}.approbationInbox-list-header-title .numericBadge{vertical-align:center}.approbationInbox-list-header-filterBar:empty{display:none}.approbationInbox-detail{display:flex;flex-direction:column;gap:var(--components-approbationInbox-detail-gap);flex-grow:1}.approbationInbox-detail-container.container{display:var(--components-approbationInbox-detail-container-display);flex-direction:column;gap:var(--pr-t-spacings-50);margin-block:var(--pr-t-spacings-300);flex-grow:1;--commons-container-maxWidth: calc(100rem - 22.5rem - var(--pr-t-spacings-400))}.approbationInbox-detail-empty{margin:auto;inline-size:9rem;aspect-ratio:1;display:var(--components-approbationInbox-detail-empty-display)}.approbationInbox-detail-empty svg{margin:auto;inline-size:100%;block-size:100%}.approbationInbox-detail-header,.approbationInbox-detail-main{background-color:var(--pr-t-elevation-surface-raised);padding:var(--components-approbationInbox-detail-headerMain-padding);margin:var(--components-approbationInbox-detail-headerMain-margin);border-radius:var(--pr-t-border-radius-structure)}.approbationInbox-detail-header:empty,.approbationInbox-detail-main:empty{display:none}.approbationInbox-detail-main{display:flex;flex-direction:column;gap:var(--components-approbationInbox-detail-main-gap);flex-grow:1}.approbationInbox-detail-header{display:flex;gap:var(--pr-t-spacings-150);min-block-size:var(--components-approbationInbox-detail-header-minBlockSize)}.approbationInbox-detail-header-main-actions{display:var(--components-approbationInbox-detail-header-main-actions-display);gap:var(--pr-t-spacings-100)}.approbationInbox-detail-header-main-actions .button:nth-child(2){--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)}.approbationInbox-detail-header-main-actions .button:nth-child(2):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))}.approbationInbox-detail-header-main-actions .button:nth-child(2):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-detail-header-main-actions .button:nth-child(2):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.approbationInbox-detail-header-main-actions .button:nth-child(2):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)}.approbationInbox-detail-header-main-actions .button:nth-child(3){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.approbationInbox-detail-header-main-actions .button:nth-child(3):hover,.approbationInbox-detail-header-main-actions .button:nth-child(3):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.approbationInbox-detail-header-main-actions .button:nth-child(3):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-detail-header-main-actions .button:nth-child(3):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.approbationInbox-detail-header-main{display:flex;flex-grow:1;gap:var(--pr-t-spacings-200);align-items:center;justify-content:space-between;flex-wrap:var(--components-approbationInbox-detail-header-main-flexWrap);min-inline-size:0}.approbationInbox-detail-header-main-infos{min-inline-size:0}.approbationInbox-detail-header-main-infos-description:empty{display:none}.approbationInbox-detail-header-main-infos-headingOptional{display:flex;gap:var(--pr-t-spacings-100);align-items:center}.approbationInbox-detail-header-main-infos-title{--components-title-font: var(--pr-t-font-heading-2);--sizes-verticalPadding: var(--sizes-XL-verticalPadding);min-inline-size:0}.approbationInbox-detail-header-main-infos-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.approbationInbox-detail-header-main-infos-title-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-small)}.approbationInbox-detail-header-illustration{padding-block:var(--pr-t-spacings-25);align-self:start}.approbationInbox-detail-header-illustration:empty{display:none}.approbationInbox-detail-header-illustration .avatar{--components-avatar-size: 3rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-225);--components-avatar-placeholder-size: 1.75rem}.approbationInbox-detail-header-main-delegation{margin-block-start:var(--components-approbationInbox-detail-header-main-delegation-marginBlockStart)}.approbationInbox-detail-main-block{display:block}.approbationInbox-detail-main-block-content{padding-block-end:var(--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd)}.approbationInbox-detail-main-block-content:empty{display:none}.approbationInbox-detail-main-block-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding);margin-block-end:var(--pr-t-spacings-150)}.approbationInbox-list-content-items{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-content-items-item{display:flex;gap:var(--pr-t-spacings-150);align-items:center}.approbationInbox-list-content-items-item-content{flex-grow:1;position:relative;padding:var(--pr-t-spacings-100) var(--pr-t-spacings-150)}.approbationInbox-list-content-items-item-content:before{content:\"\";position:absolute;inset:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-approbationInbox-list-content-items-item-content-before-background);box-shadow:var(--components-approbationInbox-list-content-items-item-content-before-boxShadow);transition-property:inset;transition-duration:var(--commons-animations-durations-fast)}.approbationInbox-list-content-items-item-content:hover:before{inset:calc(var(--pr-t-spacings-50) * -1)}.approbationInbox-list-content-items-item-content-info{position:relative;display:flex;gap:var(--pr-t-spacings-100);align-items:var(--components-approbationInbox-list-content-items-item-content-info-alignItems)}.approbationInbox-list-content-items-item-content-info [tabindex]{position:relative}.approbationInbox-list-content-items-item-content-info-visual:empty,.approbationInbox-list-content-items-item-content-info-rightContent:empty{display:none}.approbationInbox-list-content-items-item-content-info-rightContent{display:flex;flex-direction:column;align-items:end;text-align:end}.approbationInbox-list-content-items-item-content-info-rightContent-subtle{color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);line-height:var(--pr-t-font-lineHeight-300)}.approbationInbox-list-content-items-item-content-info-rightContent-icons{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-75);color:var(--pr-t-color-text-subtle)}.approbationInbox-list-content-items-item-content-info-rightContent-icons-icon{border-radius:var(--pr-t-border-radius-small)}.approbationInbox-list-content-items-item-content-info-rightContent-icons-icon:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:1px}.approbationInbox-list-content-items-item-content-info-visual{padding-block:8px}.approbationInbox-list-content-items-item-content-info-visual .avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.approbationInbox-list-content-items-item-content-info-main{flex-grow:1;font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);line-height:var(--pr-t-font-lineHeight-300)}.approbationInbox-list-content-items-item-content-info-main-title{margin-block-start:0;color:var(--pr-t-color-text-heading);text-wrap:pretty;font:var(--components-title-font);margin-block-end:0;padding:0;--components-title-font: var(--pr-t-font-heading-4);--sizes-verticalPadding: var(--sizes-M-verticalPadding)}.approbationInbox-list-content-items-item-content-action{padding:0;border:0;inline-size:100%;background-color:transparent;text-align:start;display:block;font:inherit;cursor:pointer;color:inherit;text-decoration:none;outline:none;inline-size:fit-content;display:inline-block}.approbationInbox-list-content-items-item-content-action:after{content:\"\";position:absolute;inset:calc(var(--pr-t-spacings-150) * -1) calc(var(--pr-t-spacings-200) * -1)}.approbationInbox-list-formSelectionOptional-formfield{padding-inline-start:var(--pr-t-spacings-25);margin-block-start:var(--pr-t-spacings-50)}.approbationInbox-list-content-groupOptional-header-formfieldOptional,.approbationInbox-list-content-items-item-formfieldOptional{padding-inline-start:var(--pr-t-spacings-25);margin-block-start:calc(var(--pr-t-spacings-50) * -1)}.approbationInbox-list-content-groupOptional{display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);margin-block-start:var(--components-approbationInbox-list-content-groupOptional-marginBlockStart)}.approbationInbox-list-content-groupOptional:first-child{--components-approbationInbox-list-content-groupOptional-marginBlockStart: 0}.approbationInbox-list-content-groupOptional-header{display:flex;gap:var(--pr-t-spacings-150);align-items:center}.approbationInbox-list-content-groupOptional-header:has(.approbationInbox-list-content-groupOptional-header-action[aria-expanded=true]) .approbationInbox-list-content-groupOptional-header-action-icon .lucca-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor-transform: rotate(180deg)}.approbationInbox-list-content-groupOptional-header:has(.approbationInbox-list-content-groupOptional-header-action[aria-expanded=false])+.approbationInbox-list-content-groupOptional-content{--components-approbationInbox-list-content-groupOptional-content-display: none}.approbationInbox-list-content-groupOptional-content{margin:0;padding:0;list-style-type:none;display:var(--components-approbationInbox-list-content-groupOptional-content-display);flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-content-groupOptional-header-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;inline-size:fit-content;display:flex;gap:var(--pr-t-spacings-100);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--pr-t-color-text);padding-inline-end:var(--pr-t-spacings-75);border-radius:var(--pr-t-border-radius-small);align-items:center}.approbationInbox-list-content-groupOptional-header-action:hover .approbationInbox-list-content-groupOptional-header-action-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-list-content-groupOptional-header-action:active .approbationInbox-list-content-groupOptional-header-action-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.approbationInbox-list-content-groupOptional-header-action-icon{border-radius:var(--pr-t-border-radius-small);background-color:var(--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor);inline-size:var(--pr-t-spacings-300);block-size:var(--pr-t-spacings-300);display:grid;place-items:center;flex-shrink:0}.approbationInbox-list-content-groupOptional-header-action-icon .lucca-icon{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor-transform)}.mainLayout-sidebar:has(.approbationInbox-list){overflow:visible}@media not all and (min-width:64em){.mainLayout-sidebar:has(.approbationInbox-list){block-size:100%}}}@layer components{.approbationInbox-detail{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-200);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-200);--components-approbationInbox-list-inlineSize: auto;--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: transparent;--components-approbationInbox-list-content-groupOptional-content-display: flex;--components-approbationInbox-list-content-groupOptional-marginBlockStart: var(--pr-t-spacings-50);--components-approbationInbox-list-content-items-item-content-info-alignItems: start;--components-approbationInbox-list-content-items-item-content-before-background: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-content-items-item-content-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-sunken);--components-approbationInbox-list-footer-borderRadius: var(--pr-t-border-radius-structure);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-marginInline: 0;--components-approbationInbox-list-footer-marginBlock: 0;--components-approbationInbox-detail-header-main-actions-display: flex;--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-300);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-300);--components-approbationInbox-detail-container-display: flex;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-300);--components-approbationInbox-detail-gap: var(--pr-t-spacings-200);--components-approbationInbox-detail-headerMain-margin: 0;--components-approbationInbox-detail-header-main-delegation-marginBlockStart: var(--pr-t-spacings-150);--components-approbationInbox-detail-empty-display: none;--components-approbationInbox-detail-header-main-flexWrap: nowrap;--components-approbationInbox-detail-header-minBlockSize: calc(var(--components-approbationInbox-detail-headerMain-padding) * 2 + var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}@layer mods{.approbationInbox-detail:has(.approbationInbox-detail-header-main-infos-description:empty),.approbationInbox-detail:not(:has(.approbationInbox-detail-header-main-infos-description)){--components-approbationInbox-detail-header-main-delegation-marginBlockStart: 0}.approbationInbox-detail.mod-insideDialog{--components-approbationInbox-detail-header-main-actions-display: none;--components-approbationInbox-detail-container-display: contents;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-150);--components-approbationInbox-detail-headerMain-margin: 0 calc(var(--pr-t-spacings-150) * -1);--components-approbationInbox-detail-gap: var(--pr-t-spacings-50);--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-150);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-150);--components-approbationInbox-detail-header-minBlockSize: 0}.dialog-inside-content:has(.approbationInbox-detail.mod-insideDialog){display:flex;flex-direction:column}.approbationInbox-detail.mod-insideDialog .approbationInbox-detail-main-block-divider.divider{margin:var(--components-divider-margin)}@media not all and (min-width:64em){.approbationInbox-detail:not(.mod-insideDialog){display:none}}.approbationInbox-detail:not(:has(.approbationInbox-detail-header)):has(.approbationInbox-detail-main:empty){--components-approbationInbox-detail-empty-display: flex}@media not all and (min-width:80em){.approbationInbox-detail{--components-approbationInbox-detail-header-main-flexWrap: wrap}}}@layer mods{.approbationInbox-list-content-items-item:has(.checkboxField-input:checked){--components-approbationInbox-list-content-items-item-content-before-background: var(--palettes-50, var(--palettes-product-50));--components-approbationInbox-list-content-items-item-content-before-boxShadow: 0 0 0 1px var(--palettes-500, var(--palettes-product-500))}}@layer mods{.approbationInbox-list-content-items-item:has(.approbationInbox-list-content-items-item-content-action[aria-current=page]),.approbationInbox-list-content-items-item:has(.approbationInbox-list-content-items-item-content-action.is-current){--components-approbationInbox-list-content-items-item-content-before-boxShadow: 0 0 0 1px var(--palettes-400, var(--palettes-product-400)), 0 0 0 1px var(--palettes-400, var(--palettes-product-400)) inset}}@layer mods{.approbationInbox-list-content-items-item-content:has(.approbationInbox-list-content-items-item-content-action:focus-visible):before{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}}@layer mods{.approbationInbox-detail-main-block:last-child{--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: 0}.approbationInbox-detail-main-block:last-child .approbationInbox-detail-main-block-divider.divider{--components-divider-display: none}}@layer mods{@media(min-width:50em){.approbationInbox-list{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-400);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-400)}}@media(min-width:64em){.approbationInbox-list{--components-approbationInbox-list-inlineSize: 17rem;--components-approbationInbox-list-marginInlineEnd: 0}}@media(min-width:80em){.approbationInbox-list{--components-approbationInbox-list-inlineSize: 22.5rem}}@media not all and (min-width:64em){.approbationInbox-list{--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-footer-borderRadius: 0;--components-approbationInbox-list-footer-marginBlock: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-300) * -1);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-400);--components-approbationInbox-list-footer-marginInline: calc(var(--components-approbationInbox-list-footer-paddingInline) * -1)}}@media not all and (min-width:50em){.approbationInbox-list{--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-footer-borderRadius: 0;--components-approbationInbox-list-footer-marginBlock: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-300) * -1);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-400);--components-approbationInbox-list-footer-marginInline: calc(var(--components-approbationInbox-list-footer-paddingInline) * -1)}}}@layer mods{.approbationInbox-list-content-items-item-content-info.mod-center{--components-approbationInbox-list-content-items-item-content-info-alignItems: center}}\n"] }]
|
|
112
133
|
}], propDecorators: { insideDialog: [{ type: i0.Input, args: [{ isSignal: true, alias: "insideDialog", required: false }] }], headerRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ApprobationInboxHeaderComponent), { isSignal: true }] }], content: [{ type: i0.ViewChild, args: ['contentTpl', { isSignal: true }] }], header: [{ type: i0.ViewChild, args: ['headerTpl', { isSignal: true }] }] } });
|
|
113
134
|
|
|
114
135
|
class ApprobationInboxDetailDialogComponent {
|
|
115
136
|
constructor() {
|
|
116
137
|
this.dialogData = injectDialogData();
|
|
117
|
-
this
|
|
138
|
+
// The link opens this dialog without inputs: the title comes from the detail's own header.
|
|
139
|
+
this.label = computed(() => this.dialogData.detailsRef.headerRef()?.label() ?? '', /* @ts-ignore */
|
|
118
140
|
...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
119
141
|
}
|
|
120
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
121
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
142
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxDetailDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
143
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: ApprobationInboxDetailDialogComponent, isStandalone: true, selector: "lu-approbation-inbox-detail-dialog", ngImport: i0, template: "<lu-dialog>\n\t<lu-dialog-header>\n\t\t<h1>{{ label() }}</h1>\n\t</lu-dialog-header>\n\t<lu-dialog-content>\n\t\t<div class=\"approbationInbox-detail mod-insideDialog\">\n\t\t\t<lu-container class=\"approbationInbox-detail-container\">\n\t\t\t\t<div class=\"approbationInbox-detail-header\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"dialogData.detailsRef.header()\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"approbationInbox-detail-main\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"dialogData.detailsRef.content()\" />\n\t\t\t\t</div>\n\t\t\t</lu-container>\n\t\t</div>\n\t</lu-dialog-content>\n\t<lu-dialog-footer>\n\t\t<div class=\"footer-actions\">\n\t\t\t@if (dialogData.detailsRef.headerRef(); as header) {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"header.actions()\" />\n\t\t\t}\n\t\t</div>\n\t</lu-dialog-footer>\n</lu-dialog>\n", dependencies: [{ kind: "component", type: DialogComponent, selector: "lu-dialog", inputs: ["stacked", "fancyIllustration", "fancyIllustrationUrl"] }, { kind: "component", type: DialogContentComponent, selector: "lu-dialog-content" }, { kind: "component", type: DialogFooterComponent, selector: "lu-dialog-footer" }, { kind: "component", type: DialogHeaderComponent, selector: "lu-dialog-header", inputs: ["intl"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ContainerComponent, selector: "lu-container", inputs: ["center", "overflow", "max"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
122
144
|
}
|
|
123
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
145
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxDetailDialogComponent, decorators: [{
|
|
124
146
|
type: Component,
|
|
125
|
-
args: [{ selector: 'lu-approbation-inbox-detail-dialog', imports: [DialogComponent, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, NgTemplateOutlet, ContainerComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<lu-dialog>\n\t<lu-dialog-header>\n\t\t<h1>{{ label() }}</h1>\n\t</lu-dialog-header>\n\t<lu-dialog-content>\n\t\t<div class=\"approbationInbox-detail mod-insideDialog\">\n\t\t\t<lu-container class=\"approbationInbox-detail-container\">\n\t\t\t\t<div class=\"approbationInbox-detail-header\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"dialogData.detailsRef.header()\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"approbationInbox-detail-main\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"dialogData.detailsRef.content()\" />\n\t\t\t\t</div>\n\t\t\t</lu-container>\n\t\t</div>\n\t</lu-dialog-content>\n\t<lu-dialog-footer>\n\t\t<div class=\"footer-actions\">\n\t\t\t<ng-container *ngTemplateOutlet=\"
|
|
126
|
-
}]
|
|
147
|
+
args: [{ selector: 'lu-approbation-inbox-detail-dialog', imports: [DialogComponent, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, NgTemplateOutlet, ContainerComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<lu-dialog>\n\t<lu-dialog-header>\n\t\t<h1>{{ label() }}</h1>\n\t</lu-dialog-header>\n\t<lu-dialog-content>\n\t\t<div class=\"approbationInbox-detail mod-insideDialog\">\n\t\t\t<lu-container class=\"approbationInbox-detail-container\">\n\t\t\t\t<div class=\"approbationInbox-detail-header\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"dialogData.detailsRef.header()\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"approbationInbox-detail-main\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"dialogData.detailsRef.content()\" />\n\t\t\t\t</div>\n\t\t\t</lu-container>\n\t\t</div>\n\t</lu-dialog-content>\n\t<lu-dialog-footer>\n\t\t<div class=\"footer-actions\">\n\t\t\t@if (dialogData.detailsRef.headerRef(); as header) {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"header.actions()\" />\n\t\t\t}\n\t\t</div>\n\t</lu-dialog-footer>\n</lu-dialog>\n" }]
|
|
148
|
+
}] });
|
|
127
149
|
|
|
128
150
|
const APPROBATION_INBOX_LIST_INSTANCE = new InjectionToken('APPROBATION_INBOX_LIST_INSTANCE');
|
|
129
151
|
|
|
@@ -146,10 +168,10 @@ class ApprobationInboxLinkComponent {
|
|
|
146
168
|
surfaceDefault: true,
|
|
147
169
|
});
|
|
148
170
|
}
|
|
149
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
150
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1
|
|
171
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
172
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: ApprobationInboxLinkComponent, isStandalone: true, selector: "a[lu-approbation-inbox-list-action]", inputs: { current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "mediaMinM() ? null : openDialog($event)" }, properties: { "attr.aria-current": "mediaMinM() && current() ? \"page\" : null", "attr.role": "!mediaMinM() ? \"button\" : null" }, classAttribute: "approbationInbox-list-content-items-item-content-action" }, providers: [provideLuDialog()], ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
151
173
|
}
|
|
152
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
174
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxLinkComponent, decorators: [{
|
|
153
175
|
type: Component,
|
|
154
176
|
args: [{
|
|
155
177
|
selector: 'a[lu-approbation-inbox-list-action]',
|
|
@@ -318,15 +340,15 @@ class ApprobationInboxListComponent {
|
|
|
318
340
|
const newValue = this.selectAllState() !== true;
|
|
319
341
|
this.items().forEach((item) => item.checked.set(newValue));
|
|
320
342
|
}
|
|
321
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
322
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1
|
|
343
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
344
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: ApprobationInboxListComponent, isStandalone: true, selector: "lu-approbation-inbox-list", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, detailsComponent: { classPropertyName: "detailsComponent", publicName: "detailsComponent", isSignal: true, isRequired: true, transformFunction: null }, emptyIllustration: { classPropertyName: "emptyIllustration", publicName: "emptyIllustration", isSignal: true, isRequired: false, transformFunction: null }, emptyResetButton: { classPropertyName: "emptyResetButton", publicName: "emptyResetButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { submitEvent: "submitEvent", resetEvent: "resetEvent", forwardEvent: "forwardEvent" }, host: { attributes: { "role": "region" }, properties: { "attr.aria-labelledby": "titleId" }, classAttribute: "approbationInbox-list" }, providers: [
|
|
323
345
|
{
|
|
324
346
|
provide: APPROBATION_INBOX_LIST_INSTANCE,
|
|
325
347
|
useExisting: forwardRef(() => ApprobationInboxListComponent),
|
|
326
348
|
},
|
|
327
|
-
], ngImport: i0, template: "<ng-template #content>\n\t<header class=\"approbationInbox-list-header\">\n\t\t<h1 class=\"approbationInbox-list-header-title\" [id]=\"titleId\"><ng-container *luPortal=\"label()\" /></h1>\n\t\t<div class=\"approbationInbox-list-header-filterBar\">\n\t\t\t<ng-content select=\"[approbationInboxListFilterBar]\" />\n\t\t</div>\n\t</header>\n\t<div class=\"approbationInbox-list-content\">\n\t\t@if (selectable() && !empty()) {\n\t\t\t<lu-form-field [label]=\"intl().selectAll\" class=\"approbationInbox-list-formSelectionOptional-formfield\">\n\t\t\t\t<lu-checkbox-input\n\t\t\t\t\t[ngModel]=\"selectAllState() === true\"\n\t\t\t\t\t[ngModelOptions]=\"{ standalone: true }\"\n\t\t\t\t\t[mixed]=\"selectAllState() === 'mixed'\"\n\t\t\t\t\t(ngModelChange)=\"toggleSelectAll()\"\n\t\t\t\t/>\n\t\t\t</lu-form-field>\n\t\t\t<lu-divider />\n\t\t}\n\t\t<ul class=\"approbationInbox-list-content-items\">\n\t\t\t<ng-content />\n\t\t</ul>\n\t\t@if (empty()) {\n\t\t\t<div class=\"approbationInbox-list-content-empty\">\n\t\t\t\t<lu-bubble-illustration [illustration]=\"emptyIllustration()\" />\n\t\t\t\t<p>{{ intl().emptyLabel }}</p>\n\t\t\t\t@if (emptyResetButton()) {\n\t\t\t\t\t<button type=\"reset\" luButton=\"outlined\">{{ intl().emptyResetLabel }}</button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</div>\n\t@if (selectable() && checkedCount() > 0) {\n\t\t<footer class=\"approbationInbox-list-footer\">\n\t\t\t<h2 class=\"approbationInbox-list-footer-title\">{{ selectedCountLabel() | intlParams: { count: checkedCount() } }}</h2>\n\t\t\t<button luButton type=\"submit\">{{ intl().submitLabel }}</button>\n\t\t\t<button luButton type=\"button\" (click)=\"forwardEvent.emit()\">{{ intl().forwardLabel }}</button>\n\t\t</footer>\n\t}\n</ng-template>\n\n@if (selectable() && !empty()) {\n\t<form class=\"approbationInbox-list-formSelectionOptional\" (submit)=\"submitEvent.emit()\" (reset)=\"resetEvent.emit()\">\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</form>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"content\" />\n}\n", styles: ["@layer components{.approbationInbox-detail,.approbationInbox-list{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-200);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-200);--components-approbationInbox-list-inlineSize: auto;--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: transparent;--components-approbationInbox-list-content-groupOptional-content-display: flex;--components-approbationInbox-list-content-groupOptional-marginBlockStart: var(--pr-t-spacings-50);--components-approbationInbox-list-content-items-item-content-info-alignItems: start;--components-approbationInbox-list-content-items-item-content-before-background: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-content-items-item-content-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-sunken);--components-approbationInbox-list-footer-borderRadius: var(--pr-t-border-radius-structure);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-marginInline: 0;--components-approbationInbox-list-footer-marginBlock: 0;--components-approbationInbox-detail-header-main-actions-display: flex;--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-300);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-300);--components-approbationInbox-detail-container-display: flex;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-300);--components-approbationInbox-detail-gap: var(--pr-t-spacings-200);--components-approbationInbox-detail-headerMain-margin: 0;--components-approbationInbox-detail-header-main-delegation-marginBlockStart: var(--pr-t-spacings-150);--components-approbationInbox-detail-empty-display: none;--components-approbationInbox-detail-header-main-flexWrap: nowrap;--components-approbationInbox-detail-header-minBlockSize: calc(var(--components-approbationInbox-detail-headerMain-padding) * 2 + var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}@layer components{.approbationInbox-list{inline-size:var(--components-approbationInbox-list-inlineSize);block-size:calc(100% - var(--pr-t-spacings-300) * 2);margin-block:var(--pr-t-spacings-300);margin-inline:var(--components-approbationInbox-list-marginInlineStart) var(--components-approbationInbox-list-marginInlineEnd);display:flex;flex-direction:column;gap:var(--pr-t-spacings-50)}.approbationInbox-list-formSelectionOptional{flex-grow:1;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50);min-block-size:0}.approbationInbox-list-content{background-color:var(--pr-t-elevation-surface-sunken);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);border-radius:var(--pr-t-border-radius-structure);overflow:auto;flex-grow:1}.approbationInbox-list-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.approbationInbox-list-content:empty{display:none}.approbationInbox-list-content-empty{display:flex;flex-direction:column;margin:auto;gap:var(--pr-t-spacings-200);padding:var(--pr-t-spacings-200);align-items:center;text-align:center;text-wrap:balance}.approbationInbox-list-footer{background-color:var(--components-approbationInbox-list-footer-backgroundColor);border-radius:var(--components-approbationInbox-list-footer-borderRadius);padding-block:var(--components-approbationInbox-list-footer-paddingBlock);margin-block:var(--components-approbationInbox-list-footer-marginBlock);margin-inline:var(--components-approbationInbox-list-footer-marginInline);padding-inline:var(--components-approbationInbox-list-footer-paddingInline);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-footer .button{--components-button-width: 100%}.approbationInbox-list-footer .button:last-child{--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)}.approbationInbox-list-footer .button:last-child: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))}.approbationInbox-list-footer .button:last-child:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-list-footer .button:last-child:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.approbationInbox-list-footer .button:last-child: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)}.approbationInbox-list-footer-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}.approbationInbox-list-header{display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-header-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}.approbationInbox-list-header-title .numericBadge{vertical-align:center}.approbationInbox-list-header-filterBar{margin-block-end:var(--pr-t-spacings-100)}.approbationInbox-list-header-filterBar:empty{display:none}.approbationInbox-detail{display:flex;flex-direction:column;gap:var(--components-approbationInbox-detail-gap);flex-grow:1}.approbationInbox-detail-container.container{display:var(--components-approbationInbox-detail-container-display);flex-direction:column;gap:var(--pr-t-spacings-50);margin-block:var(--pr-t-spacings-300);flex-grow:1;--commons-container-maxWidth: calc(100rem - 22.5rem - var(--pr-t-spacings-400))}.approbationInbox-detail-empty{margin:auto;inline-size:9rem;aspect-ratio:1;display:var(--components-approbationInbox-detail-empty-display)}.approbationInbox-detail-empty svg{margin:auto;inline-size:100%;block-size:100%}.approbationInbox-detail-header,.approbationInbox-detail-main{background-color:var(--pr-t-elevation-surface-raised);padding:var(--components-approbationInbox-detail-headerMain-padding);margin:var(--components-approbationInbox-detail-headerMain-margin);border-radius:var(--pr-t-border-radius-structure)}.approbationInbox-detail-header:empty,.approbationInbox-detail-main:empty{display:none}.approbationInbox-detail-main{display:flex;flex-direction:column;gap:var(--components-approbationInbox-detail-main-gap);flex-grow:1}.approbationInbox-detail-header{display:flex;gap:var(--pr-t-spacings-150);min-block-size:var(--components-approbationInbox-detail-header-minBlockSize)}.approbationInbox-detail-header-main-actions{display:var(--components-approbationInbox-detail-header-main-actions-display);gap:var(--pr-t-spacings-100)}.approbationInbox-detail-header-main-actions .button:nth-child(2){--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)}.approbationInbox-detail-header-main-actions .button:nth-child(2):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))}.approbationInbox-detail-header-main-actions .button:nth-child(2):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-detail-header-main-actions .button:nth-child(2):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.approbationInbox-detail-header-main-actions .button:nth-child(2):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)}.approbationInbox-detail-header-main-actions .button:nth-child(3){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.approbationInbox-detail-header-main-actions .button:nth-child(3):hover,.approbationInbox-detail-header-main-actions .button:nth-child(3):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.approbationInbox-detail-header-main-actions .button:nth-child(3):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-detail-header-main-actions .button:nth-child(3):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.approbationInbox-detail-header-main{display:flex;flex-grow:1;gap:var(--pr-t-spacings-200);align-items:center;justify-content:space-between;flex-wrap:var(--components-approbationInbox-detail-header-main-flexWrap);min-inline-size:0}.approbationInbox-detail-header-main-infos{min-inline-size:0}.approbationInbox-detail-header-main-infos-description:empty{display:none}.approbationInbox-detail-header-main-infos-title{--components-title-font: var(--pr-t-font-heading-2);--sizes-verticalPadding: var(--sizes-XL-verticalPadding)}.approbationInbox-detail-header-main-infos-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.approbationInbox-detail-header-main-infos-title-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-small)}.approbationInbox-detail-header-illustration{padding-block:var(--pr-t-spacings-25);align-self:start}.approbationInbox-detail-header-illustration:empty{display:none}.approbationInbox-detail-header-illustration .avatar{--components-avatar-size: 3rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-225);--components-avatar-placeholder-size: 1.75rem}.approbationInbox-detail-header-main-delegation{margin-block-start:var(--components-approbationInbox-detail-header-main-delegation-marginBlockStart)}.approbationInbox-detail-main-block{display:block}.approbationInbox-detail-main-block-content{padding-block-end:var(--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd)}.approbationInbox-detail-main-block-content:empty{display:none}.approbationInbox-detail-main-block-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}.approbationInbox-list-content-items{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-content-items-item{display:flex;gap:var(--pr-t-spacings-150);align-items:center}.approbationInbox-list-content-items-item-content{flex-grow:1;position:relative;padding:var(--pr-t-spacings-100) var(--pr-t-spacings-150)}.approbationInbox-list-content-items-item-content:before{content:\"\";position:absolute;inset:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-approbationInbox-list-content-items-item-content-before-background);box-shadow:var(--components-approbationInbox-list-content-items-item-content-before-boxShadow);transition-property:inset;transition-duration:var(--commons-animations-durations-fast)}.approbationInbox-list-content-items-item-content:hover:before{inset:calc(var(--pr-t-spacings-50) * -1)}.approbationInbox-list-content-items-item-content-info{position:relative;display:flex;gap:var(--pr-t-spacings-100);align-items:var(--components-approbationInbox-list-content-items-item-content-info-alignItems)}.approbationInbox-list-content-items-item-content-info [tabindex]{position:relative}.approbationInbox-list-content-items-item-content-info-visual:empty,.approbationInbox-list-content-items-item-content-info-rightContent:empty{display:none}.approbationInbox-list-content-items-item-content-info-rightContent{display:flex;flex-direction:column;align-items:end;text-align:end}.approbationInbox-list-content-items-item-content-info-rightContent-subtle{color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);line-height:var(--pr-t-font-lineHeight-300)}.approbationInbox-list-content-items-item-content-info-rightContent-icons{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-75);color:var(--pr-t-color-text-subtle)}.approbationInbox-list-content-items-item-content-info-rightContent-icons-icon{border-radius:var(--pr-t-border-radius-small)}.approbationInbox-list-content-items-item-content-info-rightContent-icons-icon:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:1px}.approbationInbox-list-content-items-item-content-info-visual{padding-block:8px}.approbationInbox-list-content-items-item-content-info-visual .avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.approbationInbox-list-content-items-item-content-info-main{flex-grow:1;font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);line-height:var(--pr-t-font-lineHeight-300)}.approbationInbox-list-content-items-item-content-info-main-title{margin-block-start:0;color:var(--pr-t-color-text-heading);text-wrap:pretty;font:var(--components-title-font);margin-block-end:0;padding:0;--components-title-font: var(--pr-t-font-heading-4);--sizes-verticalPadding: var(--sizes-M-verticalPadding)}.approbationInbox-list-content-items-item-content-action{padding:0;border:0;inline-size:100%;background-color:transparent;text-align:start;display:block;font:inherit;cursor:pointer;color:inherit;text-decoration:none;outline:none;inline-size:fit-content;display:inline-block}.approbationInbox-list-content-items-item-content-action:after{content:\"\";position:absolute;inset:calc(var(--pr-t-spacings-150) * -1) calc(var(--pr-t-spacings-200) * -1)}.approbationInbox-list-formSelectionOptional-formfield{padding-inline-start:var(--pr-t-spacings-25);margin-block-start:var(--pr-t-spacings-50)}.approbationInbox-list-content-groupOptional-header-formfieldOptional,.approbationInbox-list-content-items-item-formfieldOptional{padding-inline-start:var(--pr-t-spacings-25);margin-block-start:calc(var(--pr-t-spacings-50) * -1)}.approbationInbox-list-content-groupOptional{display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);margin-block-start:var(--components-approbationInbox-list-content-groupOptional-marginBlockStart)}.approbationInbox-list-content-groupOptional:first-child{--components-approbationInbox-list-content-groupOptional-marginBlockStart: 0}.approbationInbox-list-content-groupOptional-header{display:flex;gap:var(--pr-t-spacings-150);align-items:center}.approbationInbox-list-content-groupOptional-header:has(.approbationInbox-list-content-groupOptional-header-action[aria-expanded=true]) .approbationInbox-list-content-groupOptional-header-action-icon .lucca-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor-transform: rotate(180deg)}.approbationInbox-list-content-groupOptional-header:has(.approbationInbox-list-content-groupOptional-header-action[aria-expanded=false])+.approbationInbox-list-content-groupOptional-content{--components-approbationInbox-list-content-groupOptional-content-display: none}.approbationInbox-list-content-groupOptional-content{margin:0;padding:0;list-style-type:none;display:var(--components-approbationInbox-list-content-groupOptional-content-display);flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-content-groupOptional-header-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;inline-size:fit-content;display:flex;gap:var(--pr-t-spacings-100);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--pr-t-color-text);padding-inline-end:var(--pr-t-spacings-75);border-radius:var(--pr-t-border-radius-small);align-items:center}.approbationInbox-list-content-groupOptional-header-action:hover .approbationInbox-list-content-groupOptional-header-action-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-list-content-groupOptional-header-action:active .approbationInbox-list-content-groupOptional-header-action-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.approbationInbox-list-content-groupOptional-header-action-icon{border-radius:var(--pr-t-border-radius-small);background-color:var(--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor);inline-size:var(--pr-t-spacings-300);block-size:var(--pr-t-spacings-300);display:grid;place-items:center;flex-shrink:0}.approbationInbox-list-content-groupOptional-header-action-icon .lucca-icon{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor-transform)}.mainLayout-sidebar:has(.approbationInbox-list){overflow:visible}@media not all and (min-width:64em){.mainLayout-sidebar:has(.approbationInbox-list){block-size:100%}}}@layer components{.approbationInbox-detail{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-200);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-200);--components-approbationInbox-list-inlineSize: auto;--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: transparent;--components-approbationInbox-list-content-groupOptional-content-display: flex;--components-approbationInbox-list-content-groupOptional-marginBlockStart: var(--pr-t-spacings-50);--components-approbationInbox-list-content-items-item-content-info-alignItems: start;--components-approbationInbox-list-content-items-item-content-before-background: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-content-items-item-content-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-sunken);--components-approbationInbox-list-footer-borderRadius: var(--pr-t-border-radius-structure);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-marginInline: 0;--components-approbationInbox-list-footer-marginBlock: 0;--components-approbationInbox-detail-header-main-actions-display: flex;--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-300);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-300);--components-approbationInbox-detail-container-display: flex;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-300);--components-approbationInbox-detail-gap: var(--pr-t-spacings-200);--components-approbationInbox-detail-headerMain-margin: 0;--components-approbationInbox-detail-header-main-delegation-marginBlockStart: var(--pr-t-spacings-150);--components-approbationInbox-detail-empty-display: none;--components-approbationInbox-detail-header-main-flexWrap: nowrap;--components-approbationInbox-detail-header-minBlockSize: calc(var(--components-approbationInbox-detail-headerMain-padding) * 2 + var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}@layer mods{.approbationInbox-detail:has(.approbationInbox-detail-header-main-infos-description:empty),.approbationInbox-detail:not(:has(.approbationInbox-detail-header-main-infos-description)){--components-approbationInbox-detail-header-main-delegation-marginBlockStart: 0}.approbationInbox-detail.mod-insideDialog{--components-approbationInbox-detail-header-main-actions-display: none;--components-approbationInbox-detail-container-display: contents;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-150);--components-approbationInbox-detail-headerMain-margin: 0 calc(var(--pr-t-spacings-150) * -1);--components-approbationInbox-detail-gap: var(--pr-t-spacings-50);--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-150);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-150);--components-approbationInbox-detail-header-minBlockSize: 0}.dialog-inside-content:has(.approbationInbox-detail.mod-insideDialog){display:flex;flex-direction:column}.approbationInbox-detail.mod-insideDialog .approbationInbox-detail-main-block-divider.divider{margin:var(--components-divider-margin)}@media not all and (min-width:64em){.approbationInbox-detail:not(.mod-insideDialog){display:none}}.approbationInbox-detail:not(:has(.approbationInbox-detail-header)):has(.approbationInbox-detail-main:empty){--components-approbationInbox-detail-empty-display: flex}@media not all and (min-width:80em){.approbationInbox-detail{--components-approbationInbox-detail-header-main-flexWrap: wrap}}}@layer mods{.approbationInbox-list-content-items-item:has(.checkboxField-input:checked){--components-approbationInbox-list-content-items-item-content-before-background: var(--palettes-50, var(--palettes-product-50));--components-approbationInbox-list-content-items-item-content-before-boxShadow: 0 0 0 1px var(--palettes-500, var(--palettes-product-500))}}@layer mods{.approbationInbox-list-content-items-item:has(.approbationInbox-list-content-items-item-content-action[aria-current=page]),.approbationInbox-list-content-items-item:has(.approbationInbox-list-content-items-item-content-action.is-current){--components-approbationInbox-list-content-items-item-content-before-boxShadow: 0 0 0 1px var(--palettes-400, var(--palettes-product-400)), 0 0 0 1px var(--palettes-400, var(--palettes-product-400)) inset}}@layer mods{.approbationInbox-list-content-items-item-content:has(.approbationInbox-list-content-items-item-content-action:focus-visible):before{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}}@layer mods{.approbationInbox-detail-main-block:last-child{--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: 0}.approbationInbox-detail-main-block:last-child .approbationInbox-detail-main-block-divider.divider{--components-divider-display: none}}@layer mods{@media(min-width:50em){.approbationInbox-list{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-400);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-400)}}@media(min-width:64em){.approbationInbox-list{--components-approbationInbox-list-inlineSize: 17rem;--components-approbationInbox-list-marginInlineEnd: 0}}@media(min-width:80em){.approbationInbox-list{--components-approbationInbox-list-inlineSize: 22.5rem}}@media not all and (min-width:64em){.approbationInbox-list{--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-footer-borderRadius: 0;--components-approbationInbox-list-footer-marginBlock: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-300) * -1);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-400);--components-approbationInbox-list-footer-marginInline: calc(var(--components-approbationInbox-list-footer-paddingInline) * -1)}}@media not all and (min-width:50em){.approbationInbox-list{--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-footer-borderRadius: 0;--components-approbationInbox-list-footer-marginBlock: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-300) * -1);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-400);--components-approbationInbox-list-footer-marginInline: calc(var(--components-approbationInbox-list-footer-paddingInline) * -1)}}}@layer mods{.approbationInbox-list-content-items-item-content-info.mod-center{--components-approbationInbox-list-content-items-item-content-info-alignItems: center}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "lu-form-field", inputs: ["intl", "label", "hiddenLabel", "rolePresentationLabel", "inline", "statusControl", "tooltip", "tag", "AI", "iconAItooltip", "iconAIalt", "width", "invalid", "inlineMessage", "errorInlineMessage", "inlineMessageState", "size", "extraDescribedBy", "layout", "counter", "presentation"], outputs: ["rolePresentationLabelChange", "layoutChange"] }, { kind: "component", type: CheckboxInputComponent, selector: "lu-checkbox-input", inputs: ["checklist", "mixed"] }, { kind: "component", type: DividerComponent, selector: "lu-divider", inputs: ["separatorRole", "vertical", "size", "withRole"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "disabled", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }, { kind: "component", type: BubbleIllustrationComponent, selector: "lu-bubble-illustration", inputs: ["illustration", "palette", "size", "action"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
349
|
+
], ngImport: i0, template: "<ng-template #content>\n\t<header class=\"approbationInbox-list-header\">\n\t\t<h1 class=\"approbationInbox-list-header-title\" [id]=\"titleId\"><ng-container *luPortal=\"label()\" /></h1>\n\t\t<div class=\"approbationInbox-list-header-filterBar\">\n\t\t\t<ng-content select=\"[approbationInboxListFilterBar]\" />\n\t\t</div>\n\t</header>\n\t<div class=\"approbationInbox-list-content\">\n\t\t@if (selectable() && !empty()) {\n\t\t\t<lu-form-field [label]=\"intl().selectAll\" class=\"approbationInbox-list-formSelectionOptional-formfield\">\n\t\t\t\t<lu-checkbox-input\n\t\t\t\t\t[ngModel]=\"selectAllState() === true\"\n\t\t\t\t\t[ngModelOptions]=\"{ standalone: true }\"\n\t\t\t\t\t[mixed]=\"selectAllState() === 'mixed'\"\n\t\t\t\t\t(ngModelChange)=\"toggleSelectAll()\"\n\t\t\t\t/>\n\t\t\t</lu-form-field>\n\t\t\t<lu-divider />\n\t\t}\n\t\t<ul class=\"approbationInbox-list-content-items\">\n\t\t\t<ng-content />\n\t\t</ul>\n\t\t@if (empty()) {\n\t\t\t<div class=\"approbationInbox-list-content-empty\">\n\t\t\t\t<lu-bubble-illustration [illustration]=\"emptyIllustration()\" />\n\t\t\t\t<p>{{ intl().emptyLabel }}</p>\n\t\t\t\t@if (emptyResetButton()) {\n\t\t\t\t\t<button type=\"reset\" luButton=\"outlined\">{{ intl().emptyResetLabel }}</button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</div>\n\t@if (selectable() && checkedCount() > 0) {\n\t\t<footer class=\"approbationInbox-list-footer\">\n\t\t\t<h2 class=\"approbationInbox-list-footer-title\">{{ selectedCountLabel() | intlParams: { count: checkedCount() } }}</h2>\n\t\t\t<button luButton type=\"submit\">{{ intl().submitLabel }}</button>\n\t\t\t<button luButton type=\"button\" (click)=\"forwardEvent.emit()\">{{ intl().forwardLabel }}</button>\n\t\t</footer>\n\t}\n</ng-template>\n\n@if (selectable() && !empty()) {\n\t<form class=\"approbationInbox-list-formSelectionOptional\" (submit)=\"submitEvent.emit()\" (reset)=\"resetEvent.emit()\">\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</form>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"content\" />\n}\n", styles: ["@layer components{.approbationInbox-detail,.approbationInbox-list{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-200);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-200);--components-approbationInbox-list-inlineSize: auto;--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: transparent;--components-approbationInbox-list-content-groupOptional-content-display: flex;--components-approbationInbox-list-content-groupOptional-marginBlockStart: var(--pr-t-spacings-50);--components-approbationInbox-list-content-items-item-content-info-alignItems: start;--components-approbationInbox-list-content-items-item-content-before-background: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-content-items-item-content-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-sunken);--components-approbationInbox-list-footer-borderRadius: var(--pr-t-border-radius-structure);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-marginInline: 0;--components-approbationInbox-list-footer-marginBlock: 0;--components-approbationInbox-detail-header-main-actions-display: flex;--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-300);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-300);--components-approbationInbox-detail-container-display: flex;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-300);--components-approbationInbox-detail-gap: var(--pr-t-spacings-200);--components-approbationInbox-detail-headerMain-margin: 0;--components-approbationInbox-detail-header-main-delegation-marginBlockStart: var(--pr-t-spacings-150);--components-approbationInbox-detail-empty-display: none;--components-approbationInbox-detail-header-main-flexWrap: nowrap;--components-approbationInbox-detail-header-minBlockSize: calc(var(--components-approbationInbox-detail-headerMain-padding) * 2 + var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}@layer components{.approbationInbox-list{inline-size:var(--components-approbationInbox-list-inlineSize);block-size:calc(100% - var(--pr-t-spacings-300) * 2);margin-block:var(--pr-t-spacings-300);margin-inline:var(--components-approbationInbox-list-marginInlineStart) var(--components-approbationInbox-list-marginInlineEnd);display:flex;flex-direction:column}.approbationInbox-list-formSelectionOptional{flex-grow:1;display:flex;flex-direction:column;min-block-size:0}.approbationInbox-list-content{background-color:var(--pr-t-elevation-surface-sunken);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);border-radius:var(--pr-t-border-radius-structure);overflow:auto;flex-grow:1;margin-block-start:var(--pr-t-spacings-200)}.approbationInbox-list-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.approbationInbox-list-content:empty{display:none}.approbationInbox-list-content-empty{display:flex;flex-direction:column;margin:auto;gap:var(--pr-t-spacings-200);padding:var(--pr-t-spacings-200);align-items:center;text-align:center;text-wrap:balance}.approbationInbox-list-footer{background-color:var(--components-approbationInbox-list-footer-backgroundColor);border-radius:var(--components-approbationInbox-list-footer-borderRadius);padding-block:var(--components-approbationInbox-list-footer-paddingBlock);margin-block:var(--components-approbationInbox-list-footer-marginBlock);margin-inline:var(--components-approbationInbox-list-footer-marginInline);padding-inline:var(--components-approbationInbox-list-footer-paddingInline);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-footer .button{--components-button-width: 100%}.approbationInbox-list-footer .button:last-child{--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)}.approbationInbox-list-footer .button:last-child: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))}.approbationInbox-list-footer .button:last-child:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-list-footer .button:last-child:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.approbationInbox-list-footer .button:last-child: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)}.approbationInbox-list-footer-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}.approbationInbox-list-header{display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-header-title{--components-title-font: var(--pr-t-font-heading-2);--sizes-verticalPadding: var(--sizes-XL-verticalPadding)}.approbationInbox-list-header-title .numericBadge{vertical-align:center}.approbationInbox-list-header-filterBar:empty{display:none}.approbationInbox-detail{display:flex;flex-direction:column;gap:var(--components-approbationInbox-detail-gap);flex-grow:1}.approbationInbox-detail-container.container{display:var(--components-approbationInbox-detail-container-display);flex-direction:column;gap:var(--pr-t-spacings-50);margin-block:var(--pr-t-spacings-300);flex-grow:1;--commons-container-maxWidth: calc(100rem - 22.5rem - var(--pr-t-spacings-400))}.approbationInbox-detail-empty{margin:auto;inline-size:9rem;aspect-ratio:1;display:var(--components-approbationInbox-detail-empty-display)}.approbationInbox-detail-empty svg{margin:auto;inline-size:100%;block-size:100%}.approbationInbox-detail-header,.approbationInbox-detail-main{background-color:var(--pr-t-elevation-surface-raised);padding:var(--components-approbationInbox-detail-headerMain-padding);margin:var(--components-approbationInbox-detail-headerMain-margin);border-radius:var(--pr-t-border-radius-structure)}.approbationInbox-detail-header:empty,.approbationInbox-detail-main:empty{display:none}.approbationInbox-detail-main{display:flex;flex-direction:column;gap:var(--components-approbationInbox-detail-main-gap);flex-grow:1}.approbationInbox-detail-header{display:flex;gap:var(--pr-t-spacings-150);min-block-size:var(--components-approbationInbox-detail-header-minBlockSize)}.approbationInbox-detail-header-main-actions{display:var(--components-approbationInbox-detail-header-main-actions-display);gap:var(--pr-t-spacings-100)}.approbationInbox-detail-header-main-actions .button:nth-child(2){--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)}.approbationInbox-detail-header-main-actions .button:nth-child(2):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))}.approbationInbox-detail-header-main-actions .button:nth-child(2):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-detail-header-main-actions .button:nth-child(2):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.approbationInbox-detail-header-main-actions .button:nth-child(2):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)}.approbationInbox-detail-header-main-actions .button:nth-child(3){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.approbationInbox-detail-header-main-actions .button:nth-child(3):hover,.approbationInbox-detail-header-main-actions .button:nth-child(3):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.approbationInbox-detail-header-main-actions .button:nth-child(3):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-detail-header-main-actions .button:nth-child(3):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.approbationInbox-detail-header-main{display:flex;flex-grow:1;gap:var(--pr-t-spacings-200);align-items:center;justify-content:space-between;flex-wrap:var(--components-approbationInbox-detail-header-main-flexWrap);min-inline-size:0}.approbationInbox-detail-header-main-infos{min-inline-size:0}.approbationInbox-detail-header-main-infos-description:empty{display:none}.approbationInbox-detail-header-main-infos-headingOptional{display:flex;gap:var(--pr-t-spacings-100);align-items:center}.approbationInbox-detail-header-main-infos-title{--components-title-font: var(--pr-t-font-heading-2);--sizes-verticalPadding: var(--sizes-XL-verticalPadding);min-inline-size:0}.approbationInbox-detail-header-main-infos-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.approbationInbox-detail-header-main-infos-title-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-small)}.approbationInbox-detail-header-illustration{padding-block:var(--pr-t-spacings-25);align-self:start}.approbationInbox-detail-header-illustration:empty{display:none}.approbationInbox-detail-header-illustration .avatar{--components-avatar-size: 3rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-225);--components-avatar-placeholder-size: 1.75rem}.approbationInbox-detail-header-main-delegation{margin-block-start:var(--components-approbationInbox-detail-header-main-delegation-marginBlockStart)}.approbationInbox-detail-main-block{display:block}.approbationInbox-detail-main-block-content{padding-block-end:var(--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd)}.approbationInbox-detail-main-block-content:empty{display:none}.approbationInbox-detail-main-block-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding);margin-block-end:var(--pr-t-spacings-150)}.approbationInbox-list-content-items{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-content-items-item{display:flex;gap:var(--pr-t-spacings-150);align-items:center}.approbationInbox-list-content-items-item-content{flex-grow:1;position:relative;padding:var(--pr-t-spacings-100) var(--pr-t-spacings-150)}.approbationInbox-list-content-items-item-content:before{content:\"\";position:absolute;inset:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-approbationInbox-list-content-items-item-content-before-background);box-shadow:var(--components-approbationInbox-list-content-items-item-content-before-boxShadow);transition-property:inset;transition-duration:var(--commons-animations-durations-fast)}.approbationInbox-list-content-items-item-content:hover:before{inset:calc(var(--pr-t-spacings-50) * -1)}.approbationInbox-list-content-items-item-content-info{position:relative;display:flex;gap:var(--pr-t-spacings-100);align-items:var(--components-approbationInbox-list-content-items-item-content-info-alignItems)}.approbationInbox-list-content-items-item-content-info [tabindex]{position:relative}.approbationInbox-list-content-items-item-content-info-visual:empty,.approbationInbox-list-content-items-item-content-info-rightContent:empty{display:none}.approbationInbox-list-content-items-item-content-info-rightContent{display:flex;flex-direction:column;align-items:end;text-align:end}.approbationInbox-list-content-items-item-content-info-rightContent-subtle{color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);line-height:var(--pr-t-font-lineHeight-300)}.approbationInbox-list-content-items-item-content-info-rightContent-icons{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-75);color:var(--pr-t-color-text-subtle)}.approbationInbox-list-content-items-item-content-info-rightContent-icons-icon{border-radius:var(--pr-t-border-radius-small)}.approbationInbox-list-content-items-item-content-info-rightContent-icons-icon:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:1px}.approbationInbox-list-content-items-item-content-info-visual{padding-block:8px}.approbationInbox-list-content-items-item-content-info-visual .avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.approbationInbox-list-content-items-item-content-info-main{flex-grow:1;font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);line-height:var(--pr-t-font-lineHeight-300)}.approbationInbox-list-content-items-item-content-info-main-title{margin-block-start:0;color:var(--pr-t-color-text-heading);text-wrap:pretty;font:var(--components-title-font);margin-block-end:0;padding:0;--components-title-font: var(--pr-t-font-heading-4);--sizes-verticalPadding: var(--sizes-M-verticalPadding)}.approbationInbox-list-content-items-item-content-action{padding:0;border:0;inline-size:100%;background-color:transparent;text-align:start;display:block;font:inherit;cursor:pointer;color:inherit;text-decoration:none;outline:none;inline-size:fit-content;display:inline-block}.approbationInbox-list-content-items-item-content-action:after{content:\"\";position:absolute;inset:calc(var(--pr-t-spacings-150) * -1) calc(var(--pr-t-spacings-200) * -1)}.approbationInbox-list-formSelectionOptional-formfield{padding-inline-start:var(--pr-t-spacings-25);margin-block-start:var(--pr-t-spacings-50)}.approbationInbox-list-content-groupOptional-header-formfieldOptional,.approbationInbox-list-content-items-item-formfieldOptional{padding-inline-start:var(--pr-t-spacings-25);margin-block-start:calc(var(--pr-t-spacings-50) * -1)}.approbationInbox-list-content-groupOptional{display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);margin-block-start:var(--components-approbationInbox-list-content-groupOptional-marginBlockStart)}.approbationInbox-list-content-groupOptional:first-child{--components-approbationInbox-list-content-groupOptional-marginBlockStart: 0}.approbationInbox-list-content-groupOptional-header{display:flex;gap:var(--pr-t-spacings-150);align-items:center}.approbationInbox-list-content-groupOptional-header:has(.approbationInbox-list-content-groupOptional-header-action[aria-expanded=true]) .approbationInbox-list-content-groupOptional-header-action-icon .lucca-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor-transform: rotate(180deg)}.approbationInbox-list-content-groupOptional-header:has(.approbationInbox-list-content-groupOptional-header-action[aria-expanded=false])+.approbationInbox-list-content-groupOptional-content{--components-approbationInbox-list-content-groupOptional-content-display: none}.approbationInbox-list-content-groupOptional-content{margin:0;padding:0;list-style-type:none;display:var(--components-approbationInbox-list-content-groupOptional-content-display);flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-content-groupOptional-header-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;inline-size:fit-content;display:flex;gap:var(--pr-t-spacings-100);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--pr-t-color-text);padding-inline-end:var(--pr-t-spacings-75);border-radius:var(--pr-t-border-radius-small);align-items:center}.approbationInbox-list-content-groupOptional-header-action:hover .approbationInbox-list-content-groupOptional-header-action-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-list-content-groupOptional-header-action:active .approbationInbox-list-content-groupOptional-header-action-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.approbationInbox-list-content-groupOptional-header-action-icon{border-radius:var(--pr-t-border-radius-small);background-color:var(--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor);inline-size:var(--pr-t-spacings-300);block-size:var(--pr-t-spacings-300);display:grid;place-items:center;flex-shrink:0}.approbationInbox-list-content-groupOptional-header-action-icon .lucca-icon{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor-transform)}.mainLayout-sidebar:has(.approbationInbox-list){overflow:visible}@media not all and (min-width:64em){.mainLayout-sidebar:has(.approbationInbox-list){block-size:100%}}}@layer components{.approbationInbox-detail{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-200);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-200);--components-approbationInbox-list-inlineSize: auto;--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: transparent;--components-approbationInbox-list-content-groupOptional-content-display: flex;--components-approbationInbox-list-content-groupOptional-marginBlockStart: var(--pr-t-spacings-50);--components-approbationInbox-list-content-items-item-content-info-alignItems: start;--components-approbationInbox-list-content-items-item-content-before-background: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-content-items-item-content-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-sunken);--components-approbationInbox-list-footer-borderRadius: var(--pr-t-border-radius-structure);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-marginInline: 0;--components-approbationInbox-list-footer-marginBlock: 0;--components-approbationInbox-detail-header-main-actions-display: flex;--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-300);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-300);--components-approbationInbox-detail-container-display: flex;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-300);--components-approbationInbox-detail-gap: var(--pr-t-spacings-200);--components-approbationInbox-detail-headerMain-margin: 0;--components-approbationInbox-detail-header-main-delegation-marginBlockStart: var(--pr-t-spacings-150);--components-approbationInbox-detail-empty-display: none;--components-approbationInbox-detail-header-main-flexWrap: nowrap;--components-approbationInbox-detail-header-minBlockSize: calc(var(--components-approbationInbox-detail-headerMain-padding) * 2 + var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}@layer mods{.approbationInbox-detail:has(.approbationInbox-detail-header-main-infos-description:empty),.approbationInbox-detail:not(:has(.approbationInbox-detail-header-main-infos-description)){--components-approbationInbox-detail-header-main-delegation-marginBlockStart: 0}.approbationInbox-detail.mod-insideDialog{--components-approbationInbox-detail-header-main-actions-display: none;--components-approbationInbox-detail-container-display: contents;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-150);--components-approbationInbox-detail-headerMain-margin: 0 calc(var(--pr-t-spacings-150) * -1);--components-approbationInbox-detail-gap: var(--pr-t-spacings-50);--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-150);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-150);--components-approbationInbox-detail-header-minBlockSize: 0}.dialog-inside-content:has(.approbationInbox-detail.mod-insideDialog){display:flex;flex-direction:column}.approbationInbox-detail.mod-insideDialog .approbationInbox-detail-main-block-divider.divider{margin:var(--components-divider-margin)}@media not all and (min-width:64em){.approbationInbox-detail:not(.mod-insideDialog){display:none}}.approbationInbox-detail:not(:has(.approbationInbox-detail-header)):has(.approbationInbox-detail-main:empty){--components-approbationInbox-detail-empty-display: flex}@media not all and (min-width:80em){.approbationInbox-detail{--components-approbationInbox-detail-header-main-flexWrap: wrap}}}@layer mods{.approbationInbox-list-content-items-item:has(.checkboxField-input:checked){--components-approbationInbox-list-content-items-item-content-before-background: var(--palettes-50, var(--palettes-product-50));--components-approbationInbox-list-content-items-item-content-before-boxShadow: 0 0 0 1px var(--palettes-500, var(--palettes-product-500))}}@layer mods{.approbationInbox-list-content-items-item:has(.approbationInbox-list-content-items-item-content-action[aria-current=page]),.approbationInbox-list-content-items-item:has(.approbationInbox-list-content-items-item-content-action.is-current){--components-approbationInbox-list-content-items-item-content-before-boxShadow: 0 0 0 1px var(--palettes-400, var(--palettes-product-400)), 0 0 0 1px var(--palettes-400, var(--palettes-product-400)) inset}}@layer mods{.approbationInbox-list-content-items-item-content:has(.approbationInbox-list-content-items-item-content-action:focus-visible):before{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}}@layer mods{.approbationInbox-detail-main-block:last-child{--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: 0}.approbationInbox-detail-main-block:last-child .approbationInbox-detail-main-block-divider.divider{--components-divider-display: none}}@layer mods{@media(min-width:50em){.approbationInbox-list{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-400);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-400)}}@media(min-width:64em){.approbationInbox-list{--components-approbationInbox-list-inlineSize: 17rem;--components-approbationInbox-list-marginInlineEnd: 0}}@media(min-width:80em){.approbationInbox-list{--components-approbationInbox-list-inlineSize: 22.5rem}}@media not all and (min-width:64em){.approbationInbox-list{--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-footer-borderRadius: 0;--components-approbationInbox-list-footer-marginBlock: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-300) * -1);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-400);--components-approbationInbox-list-footer-marginInline: calc(var(--components-approbationInbox-list-footer-paddingInline) * -1)}}@media not all and (min-width:50em){.approbationInbox-list{--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-footer-borderRadius: 0;--components-approbationInbox-list-footer-marginBlock: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-300) * -1);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-400);--components-approbationInbox-list-footer-marginInline: calc(var(--components-approbationInbox-list-footer-paddingInline) * -1)}}}@layer mods{.approbationInbox-list-content-items-item-content-info.mod-center{--components-approbationInbox-list-content-items-item-content-info-alignItems: center}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "lu-form-field", inputs: ["intl", "label", "hiddenLabel", "rolePresentationLabel", "inline", "statusControl", "tooltip", "tag", "AI", "iconAItooltip", "iconAIalt", "width", "invalid", "inlineMessage", "errorInlineMessage", "inlineMessageState", "size", "extraDescribedBy", "layout", "counter", "presentation"], outputs: ["rolePresentationLabelChange", "layoutChange"] }, { kind: "component", type: CheckboxInputComponent, selector: "lu-checkbox-input", inputs: ["checklist", "mixed"] }, { kind: "component", type: DividerComponent, selector: "lu-divider", inputs: ["separatorRole", "vertical", "size", "withRole"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "disabled", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }, { kind: "component", type: BubbleIllustrationComponent, selector: "lu-bubble-illustration", inputs: ["illustration", "palette", "size", "action"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
328
350
|
}
|
|
329
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
351
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxListComponent, decorators: [{
|
|
330
352
|
type: Component,
|
|
331
353
|
args: [{ selector: 'lu-approbation-inbox-list', encapsulation: ViewEncapsulation.None, imports: [PortalDirective, FormsModule, FormFieldComponent, CheckboxInputComponent, DividerComponent, ButtonComponent, BubbleIllustrationComponent, NgTemplateOutlet, IntlParamsPipe], host: {
|
|
332
354
|
class: 'approbationInbox-list',
|
|
@@ -337,7 +359,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
337
359
|
provide: APPROBATION_INBOX_LIST_INSTANCE,
|
|
338
360
|
useExisting: forwardRef(() => ApprobationInboxListComponent),
|
|
339
361
|
},
|
|
340
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #content>\n\t<header class=\"approbationInbox-list-header\">\n\t\t<h1 class=\"approbationInbox-list-header-title\" [id]=\"titleId\"><ng-container *luPortal=\"label()\" /></h1>\n\t\t<div class=\"approbationInbox-list-header-filterBar\">\n\t\t\t<ng-content select=\"[approbationInboxListFilterBar]\" />\n\t\t</div>\n\t</header>\n\t<div class=\"approbationInbox-list-content\">\n\t\t@if (selectable() && !empty()) {\n\t\t\t<lu-form-field [label]=\"intl().selectAll\" class=\"approbationInbox-list-formSelectionOptional-formfield\">\n\t\t\t\t<lu-checkbox-input\n\t\t\t\t\t[ngModel]=\"selectAllState() === true\"\n\t\t\t\t\t[ngModelOptions]=\"{ standalone: true }\"\n\t\t\t\t\t[mixed]=\"selectAllState() === 'mixed'\"\n\t\t\t\t\t(ngModelChange)=\"toggleSelectAll()\"\n\t\t\t\t/>\n\t\t\t</lu-form-field>\n\t\t\t<lu-divider />\n\t\t}\n\t\t<ul class=\"approbationInbox-list-content-items\">\n\t\t\t<ng-content />\n\t\t</ul>\n\t\t@if (empty()) {\n\t\t\t<div class=\"approbationInbox-list-content-empty\">\n\t\t\t\t<lu-bubble-illustration [illustration]=\"emptyIllustration()\" />\n\t\t\t\t<p>{{ intl().emptyLabel }}</p>\n\t\t\t\t@if (emptyResetButton()) {\n\t\t\t\t\t<button type=\"reset\" luButton=\"outlined\">{{ intl().emptyResetLabel }}</button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</div>\n\t@if (selectable() && checkedCount() > 0) {\n\t\t<footer class=\"approbationInbox-list-footer\">\n\t\t\t<h2 class=\"approbationInbox-list-footer-title\">{{ selectedCountLabel() | intlParams: { count: checkedCount() } }}</h2>\n\t\t\t<button luButton type=\"submit\">{{ intl().submitLabel }}</button>\n\t\t\t<button luButton type=\"button\" (click)=\"forwardEvent.emit()\">{{ intl().forwardLabel }}</button>\n\t\t</footer>\n\t}\n</ng-template>\n\n@if (selectable() && !empty()) {\n\t<form class=\"approbationInbox-list-formSelectionOptional\" (submit)=\"submitEvent.emit()\" (reset)=\"resetEvent.emit()\">\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</form>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"content\" />\n}\n", styles: ["@layer components{.approbationInbox-detail,.approbationInbox-list{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-200);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-200);--components-approbationInbox-list-inlineSize: auto;--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: transparent;--components-approbationInbox-list-content-groupOptional-content-display: flex;--components-approbationInbox-list-content-groupOptional-marginBlockStart: var(--pr-t-spacings-50);--components-approbationInbox-list-content-items-item-content-info-alignItems: start;--components-approbationInbox-list-content-items-item-content-before-background: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-content-items-item-content-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-sunken);--components-approbationInbox-list-footer-borderRadius: var(--pr-t-border-radius-structure);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-marginInline: 0;--components-approbationInbox-list-footer-marginBlock: 0;--components-approbationInbox-detail-header-main-actions-display: flex;--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-300);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-300);--components-approbationInbox-detail-container-display: flex;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-300);--components-approbationInbox-detail-gap: var(--pr-t-spacings-200);--components-approbationInbox-detail-headerMain-margin: 0;--components-approbationInbox-detail-header-main-delegation-marginBlockStart: var(--pr-t-spacings-150);--components-approbationInbox-detail-empty-display: none;--components-approbationInbox-detail-header-main-flexWrap: nowrap;--components-approbationInbox-detail-header-minBlockSize: calc(var(--components-approbationInbox-detail-headerMain-padding) * 2 + var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}@layer components{.approbationInbox-list{inline-size:var(--components-approbationInbox-list-inlineSize);block-size:calc(100% - var(--pr-t-spacings-300) * 2);margin-block:var(--pr-t-spacings-300);margin-inline:var(--components-approbationInbox-list-marginInlineStart) var(--components-approbationInbox-list-marginInlineEnd);display:flex;flex-direction:column;gap:var(--pr-t-spacings-50)}.approbationInbox-list-formSelectionOptional{flex-grow:1;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50);min-block-size:0}.approbationInbox-list-content{background-color:var(--pr-t-elevation-surface-sunken);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);border-radius:var(--pr-t-border-radius-structure);overflow:auto;flex-grow:1}.approbationInbox-list-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.approbationInbox-list-content:empty{display:none}.approbationInbox-list-content-empty{display:flex;flex-direction:column;margin:auto;gap:var(--pr-t-spacings-200);padding:var(--pr-t-spacings-200);align-items:center;text-align:center;text-wrap:balance}.approbationInbox-list-footer{background-color:var(--components-approbationInbox-list-footer-backgroundColor);border-radius:var(--components-approbationInbox-list-footer-borderRadius);padding-block:var(--components-approbationInbox-list-footer-paddingBlock);margin-block:var(--components-approbationInbox-list-footer-marginBlock);margin-inline:var(--components-approbationInbox-list-footer-marginInline);padding-inline:var(--components-approbationInbox-list-footer-paddingInline);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-footer .button{--components-button-width: 100%}.approbationInbox-list-footer .button:last-child{--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)}.approbationInbox-list-footer .button:last-child: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))}.approbationInbox-list-footer .button:last-child:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-list-footer .button:last-child:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.approbationInbox-list-footer .button:last-child: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)}.approbationInbox-list-footer-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}.approbationInbox-list-header{display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-header-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}.approbationInbox-list-header-title .numericBadge{vertical-align:center}.approbationInbox-list-header-filterBar{margin-block-end:var(--pr-t-spacings-100)}.approbationInbox-list-header-filterBar:empty{display:none}.approbationInbox-detail{display:flex;flex-direction:column;gap:var(--components-approbationInbox-detail-gap);flex-grow:1}.approbationInbox-detail-container.container{display:var(--components-approbationInbox-detail-container-display);flex-direction:column;gap:var(--pr-t-spacings-50);margin-block:var(--pr-t-spacings-300);flex-grow:1;--commons-container-maxWidth: calc(100rem - 22.5rem - var(--pr-t-spacings-400))}.approbationInbox-detail-empty{margin:auto;inline-size:9rem;aspect-ratio:1;display:var(--components-approbationInbox-detail-empty-display)}.approbationInbox-detail-empty svg{margin:auto;inline-size:100%;block-size:100%}.approbationInbox-detail-header,.approbationInbox-detail-main{background-color:var(--pr-t-elevation-surface-raised);padding:var(--components-approbationInbox-detail-headerMain-padding);margin:var(--components-approbationInbox-detail-headerMain-margin);border-radius:var(--pr-t-border-radius-structure)}.approbationInbox-detail-header:empty,.approbationInbox-detail-main:empty{display:none}.approbationInbox-detail-main{display:flex;flex-direction:column;gap:var(--components-approbationInbox-detail-main-gap);flex-grow:1}.approbationInbox-detail-header{display:flex;gap:var(--pr-t-spacings-150);min-block-size:var(--components-approbationInbox-detail-header-minBlockSize)}.approbationInbox-detail-header-main-actions{display:var(--components-approbationInbox-detail-header-main-actions-display);gap:var(--pr-t-spacings-100)}.approbationInbox-detail-header-main-actions .button:nth-child(2){--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)}.approbationInbox-detail-header-main-actions .button:nth-child(2):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))}.approbationInbox-detail-header-main-actions .button:nth-child(2):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-detail-header-main-actions .button:nth-child(2):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.approbationInbox-detail-header-main-actions .button:nth-child(2):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)}.approbationInbox-detail-header-main-actions .button:nth-child(3){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.approbationInbox-detail-header-main-actions .button:nth-child(3):hover,.approbationInbox-detail-header-main-actions .button:nth-child(3):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.approbationInbox-detail-header-main-actions .button:nth-child(3):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-detail-header-main-actions .button:nth-child(3):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.approbationInbox-detail-header-main{display:flex;flex-grow:1;gap:var(--pr-t-spacings-200);align-items:center;justify-content:space-between;flex-wrap:var(--components-approbationInbox-detail-header-main-flexWrap);min-inline-size:0}.approbationInbox-detail-header-main-infos{min-inline-size:0}.approbationInbox-detail-header-main-infos-description:empty{display:none}.approbationInbox-detail-header-main-infos-title{--components-title-font: var(--pr-t-font-heading-2);--sizes-verticalPadding: var(--sizes-XL-verticalPadding)}.approbationInbox-detail-header-main-infos-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.approbationInbox-detail-header-main-infos-title-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-small)}.approbationInbox-detail-header-illustration{padding-block:var(--pr-t-spacings-25);align-self:start}.approbationInbox-detail-header-illustration:empty{display:none}.approbationInbox-detail-header-illustration .avatar{--components-avatar-size: 3rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-225);--components-avatar-placeholder-size: 1.75rem}.approbationInbox-detail-header-main-delegation{margin-block-start:var(--components-approbationInbox-detail-header-main-delegation-marginBlockStart)}.approbationInbox-detail-main-block{display:block}.approbationInbox-detail-main-block-content{padding-block-end:var(--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd)}.approbationInbox-detail-main-block-content:empty{display:none}.approbationInbox-detail-main-block-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}.approbationInbox-list-content-items{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-content-items-item{display:flex;gap:var(--pr-t-spacings-150);align-items:center}.approbationInbox-list-content-items-item-content{flex-grow:1;position:relative;padding:var(--pr-t-spacings-100) var(--pr-t-spacings-150)}.approbationInbox-list-content-items-item-content:before{content:\"\";position:absolute;inset:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-approbationInbox-list-content-items-item-content-before-background);box-shadow:var(--components-approbationInbox-list-content-items-item-content-before-boxShadow);transition-property:inset;transition-duration:var(--commons-animations-durations-fast)}.approbationInbox-list-content-items-item-content:hover:before{inset:calc(var(--pr-t-spacings-50) * -1)}.approbationInbox-list-content-items-item-content-info{position:relative;display:flex;gap:var(--pr-t-spacings-100);align-items:var(--components-approbationInbox-list-content-items-item-content-info-alignItems)}.approbationInbox-list-content-items-item-content-info [tabindex]{position:relative}.approbationInbox-list-content-items-item-content-info-visual:empty,.approbationInbox-list-content-items-item-content-info-rightContent:empty{display:none}.approbationInbox-list-content-items-item-content-info-rightContent{display:flex;flex-direction:column;align-items:end;text-align:end}.approbationInbox-list-content-items-item-content-info-rightContent-subtle{color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);line-height:var(--pr-t-font-lineHeight-300)}.approbationInbox-list-content-items-item-content-info-rightContent-icons{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-75);color:var(--pr-t-color-text-subtle)}.approbationInbox-list-content-items-item-content-info-rightContent-icons-icon{border-radius:var(--pr-t-border-radius-small)}.approbationInbox-list-content-items-item-content-info-rightContent-icons-icon:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:1px}.approbationInbox-list-content-items-item-content-info-visual{padding-block:8px}.approbationInbox-list-content-items-item-content-info-visual .avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.approbationInbox-list-content-items-item-content-info-main{flex-grow:1;font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);line-height:var(--pr-t-font-lineHeight-300)}.approbationInbox-list-content-items-item-content-info-main-title{margin-block-start:0;color:var(--pr-t-color-text-heading);text-wrap:pretty;font:var(--components-title-font);margin-block-end:0;padding:0;--components-title-font: var(--pr-t-font-heading-4);--sizes-verticalPadding: var(--sizes-M-verticalPadding)}.approbationInbox-list-content-items-item-content-action{padding:0;border:0;inline-size:100%;background-color:transparent;text-align:start;display:block;font:inherit;cursor:pointer;color:inherit;text-decoration:none;outline:none;inline-size:fit-content;display:inline-block}.approbationInbox-list-content-items-item-content-action:after{content:\"\";position:absolute;inset:calc(var(--pr-t-spacings-150) * -1) calc(var(--pr-t-spacings-200) * -1)}.approbationInbox-list-formSelectionOptional-formfield{padding-inline-start:var(--pr-t-spacings-25);margin-block-start:var(--pr-t-spacings-50)}.approbationInbox-list-content-groupOptional-header-formfieldOptional,.approbationInbox-list-content-items-item-formfieldOptional{padding-inline-start:var(--pr-t-spacings-25);margin-block-start:calc(var(--pr-t-spacings-50) * -1)}.approbationInbox-list-content-groupOptional{display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);margin-block-start:var(--components-approbationInbox-list-content-groupOptional-marginBlockStart)}.approbationInbox-list-content-groupOptional:first-child{--components-approbationInbox-list-content-groupOptional-marginBlockStart: 0}.approbationInbox-list-content-groupOptional-header{display:flex;gap:var(--pr-t-spacings-150);align-items:center}.approbationInbox-list-content-groupOptional-header:has(.approbationInbox-list-content-groupOptional-header-action[aria-expanded=true]) .approbationInbox-list-content-groupOptional-header-action-icon .lucca-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor-transform: rotate(180deg)}.approbationInbox-list-content-groupOptional-header:has(.approbationInbox-list-content-groupOptional-header-action[aria-expanded=false])+.approbationInbox-list-content-groupOptional-content{--components-approbationInbox-list-content-groupOptional-content-display: none}.approbationInbox-list-content-groupOptional-content{margin:0;padding:0;list-style-type:none;display:var(--components-approbationInbox-list-content-groupOptional-content-display);flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-content-groupOptional-header-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;inline-size:fit-content;display:flex;gap:var(--pr-t-spacings-100);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--pr-t-color-text);padding-inline-end:var(--pr-t-spacings-75);border-radius:var(--pr-t-border-radius-small);align-items:center}.approbationInbox-list-content-groupOptional-header-action:hover .approbationInbox-list-content-groupOptional-header-action-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-list-content-groupOptional-header-action:active .approbationInbox-list-content-groupOptional-header-action-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.approbationInbox-list-content-groupOptional-header-action-icon{border-radius:var(--pr-t-border-radius-small);background-color:var(--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor);inline-size:var(--pr-t-spacings-300);block-size:var(--pr-t-spacings-300);display:grid;place-items:center;flex-shrink:0}.approbationInbox-list-content-groupOptional-header-action-icon .lucca-icon{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor-transform)}.mainLayout-sidebar:has(.approbationInbox-list){overflow:visible}@media not all and (min-width:64em){.mainLayout-sidebar:has(.approbationInbox-list){block-size:100%}}}@layer components{.approbationInbox-detail{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-200);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-200);--components-approbationInbox-list-inlineSize: auto;--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: transparent;--components-approbationInbox-list-content-groupOptional-content-display: flex;--components-approbationInbox-list-content-groupOptional-marginBlockStart: var(--pr-t-spacings-50);--components-approbationInbox-list-content-items-item-content-info-alignItems: start;--components-approbationInbox-list-content-items-item-content-before-background: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-content-items-item-content-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-sunken);--components-approbationInbox-list-footer-borderRadius: var(--pr-t-border-radius-structure);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-marginInline: 0;--components-approbationInbox-list-footer-marginBlock: 0;--components-approbationInbox-detail-header-main-actions-display: flex;--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-300);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-300);--components-approbationInbox-detail-container-display: flex;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-300);--components-approbationInbox-detail-gap: var(--pr-t-spacings-200);--components-approbationInbox-detail-headerMain-margin: 0;--components-approbationInbox-detail-header-main-delegation-marginBlockStart: var(--pr-t-spacings-150);--components-approbationInbox-detail-empty-display: none;--components-approbationInbox-detail-header-main-flexWrap: nowrap;--components-approbationInbox-detail-header-minBlockSize: calc(var(--components-approbationInbox-detail-headerMain-padding) * 2 + var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}@layer mods{.approbationInbox-detail:has(.approbationInbox-detail-header-main-infos-description:empty),.approbationInbox-detail:not(:has(.approbationInbox-detail-header-main-infos-description)){--components-approbationInbox-detail-header-main-delegation-marginBlockStart: 0}.approbationInbox-detail.mod-insideDialog{--components-approbationInbox-detail-header-main-actions-display: none;--components-approbationInbox-detail-container-display: contents;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-150);--components-approbationInbox-detail-headerMain-margin: 0 calc(var(--pr-t-spacings-150) * -1);--components-approbationInbox-detail-gap: var(--pr-t-spacings-50);--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-150);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-150);--components-approbationInbox-detail-header-minBlockSize: 0}.dialog-inside-content:has(.approbationInbox-detail.mod-insideDialog){display:flex;flex-direction:column}.approbationInbox-detail.mod-insideDialog .approbationInbox-detail-main-block-divider.divider{margin:var(--components-divider-margin)}@media not all and (min-width:64em){.approbationInbox-detail:not(.mod-insideDialog){display:none}}.approbationInbox-detail:not(:has(.approbationInbox-detail-header)):has(.approbationInbox-detail-main:empty){--components-approbationInbox-detail-empty-display: flex}@media not all and (min-width:80em){.approbationInbox-detail{--components-approbationInbox-detail-header-main-flexWrap: wrap}}}@layer mods{.approbationInbox-list-content-items-item:has(.checkboxField-input:checked){--components-approbationInbox-list-content-items-item-content-before-background: var(--palettes-50, var(--palettes-product-50));--components-approbationInbox-list-content-items-item-content-before-boxShadow: 0 0 0 1px var(--palettes-500, var(--palettes-product-500))}}@layer mods{.approbationInbox-list-content-items-item:has(.approbationInbox-list-content-items-item-content-action[aria-current=page]),.approbationInbox-list-content-items-item:has(.approbationInbox-list-content-items-item-content-action.is-current){--components-approbationInbox-list-content-items-item-content-before-boxShadow: 0 0 0 1px var(--palettes-400, var(--palettes-product-400)), 0 0 0 1px var(--palettes-400, var(--palettes-product-400)) inset}}@layer mods{.approbationInbox-list-content-items-item-content:has(.approbationInbox-list-content-items-item-content-action:focus-visible):before{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}}@layer mods{.approbationInbox-detail-main-block:last-child{--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: 0}.approbationInbox-detail-main-block:last-child .approbationInbox-detail-main-block-divider.divider{--components-divider-display: none}}@layer mods{@media(min-width:50em){.approbationInbox-list{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-400);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-400)}}@media(min-width:64em){.approbationInbox-list{--components-approbationInbox-list-inlineSize: 17rem;--components-approbationInbox-list-marginInlineEnd: 0}}@media(min-width:80em){.approbationInbox-list{--components-approbationInbox-list-inlineSize: 22.5rem}}@media not all and (min-width:64em){.approbationInbox-list{--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-footer-borderRadius: 0;--components-approbationInbox-list-footer-marginBlock: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-300) * -1);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-400);--components-approbationInbox-list-footer-marginInline: calc(var(--components-approbationInbox-list-footer-paddingInline) * -1)}}@media not all and (min-width:50em){.approbationInbox-list{--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-footer-borderRadius: 0;--components-approbationInbox-list-footer-marginBlock: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-300) * -1);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-400);--components-approbationInbox-list-footer-marginInline: calc(var(--components-approbationInbox-list-footer-paddingInline) * -1)}}}@layer mods{.approbationInbox-list-content-items-item-content-info.mod-center{--components-approbationInbox-list-content-items-item-content-info-alignItems: center}}\n"] }]
|
|
362
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #content>\n\t<header class=\"approbationInbox-list-header\">\n\t\t<h1 class=\"approbationInbox-list-header-title\" [id]=\"titleId\"><ng-container *luPortal=\"label()\" /></h1>\n\t\t<div class=\"approbationInbox-list-header-filterBar\">\n\t\t\t<ng-content select=\"[approbationInboxListFilterBar]\" />\n\t\t</div>\n\t</header>\n\t<div class=\"approbationInbox-list-content\">\n\t\t@if (selectable() && !empty()) {\n\t\t\t<lu-form-field [label]=\"intl().selectAll\" class=\"approbationInbox-list-formSelectionOptional-formfield\">\n\t\t\t\t<lu-checkbox-input\n\t\t\t\t\t[ngModel]=\"selectAllState() === true\"\n\t\t\t\t\t[ngModelOptions]=\"{ standalone: true }\"\n\t\t\t\t\t[mixed]=\"selectAllState() === 'mixed'\"\n\t\t\t\t\t(ngModelChange)=\"toggleSelectAll()\"\n\t\t\t\t/>\n\t\t\t</lu-form-field>\n\t\t\t<lu-divider />\n\t\t}\n\t\t<ul class=\"approbationInbox-list-content-items\">\n\t\t\t<ng-content />\n\t\t</ul>\n\t\t@if (empty()) {\n\t\t\t<div class=\"approbationInbox-list-content-empty\">\n\t\t\t\t<lu-bubble-illustration [illustration]=\"emptyIllustration()\" />\n\t\t\t\t<p>{{ intl().emptyLabel }}</p>\n\t\t\t\t@if (emptyResetButton()) {\n\t\t\t\t\t<button type=\"reset\" luButton=\"outlined\">{{ intl().emptyResetLabel }}</button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</div>\n\t@if (selectable() && checkedCount() > 0) {\n\t\t<footer class=\"approbationInbox-list-footer\">\n\t\t\t<h2 class=\"approbationInbox-list-footer-title\">{{ selectedCountLabel() | intlParams: { count: checkedCount() } }}</h2>\n\t\t\t<button luButton type=\"submit\">{{ intl().submitLabel }}</button>\n\t\t\t<button luButton type=\"button\" (click)=\"forwardEvent.emit()\">{{ intl().forwardLabel }}</button>\n\t\t</footer>\n\t}\n</ng-template>\n\n@if (selectable() && !empty()) {\n\t<form class=\"approbationInbox-list-formSelectionOptional\" (submit)=\"submitEvent.emit()\" (reset)=\"resetEvent.emit()\">\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</form>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"content\" />\n}\n", styles: ["@layer components{.approbationInbox-detail,.approbationInbox-list{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-200);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-200);--components-approbationInbox-list-inlineSize: auto;--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: transparent;--components-approbationInbox-list-content-groupOptional-content-display: flex;--components-approbationInbox-list-content-groupOptional-marginBlockStart: var(--pr-t-spacings-50);--components-approbationInbox-list-content-items-item-content-info-alignItems: start;--components-approbationInbox-list-content-items-item-content-before-background: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-content-items-item-content-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-sunken);--components-approbationInbox-list-footer-borderRadius: var(--pr-t-border-radius-structure);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-marginInline: 0;--components-approbationInbox-list-footer-marginBlock: 0;--components-approbationInbox-detail-header-main-actions-display: flex;--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-300);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-300);--components-approbationInbox-detail-container-display: flex;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-300);--components-approbationInbox-detail-gap: var(--pr-t-spacings-200);--components-approbationInbox-detail-headerMain-margin: 0;--components-approbationInbox-detail-header-main-delegation-marginBlockStart: var(--pr-t-spacings-150);--components-approbationInbox-detail-empty-display: none;--components-approbationInbox-detail-header-main-flexWrap: nowrap;--components-approbationInbox-detail-header-minBlockSize: calc(var(--components-approbationInbox-detail-headerMain-padding) * 2 + var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}@layer components{.approbationInbox-list{inline-size:var(--components-approbationInbox-list-inlineSize);block-size:calc(100% - var(--pr-t-spacings-300) * 2);margin-block:var(--pr-t-spacings-300);margin-inline:var(--components-approbationInbox-list-marginInlineStart) var(--components-approbationInbox-list-marginInlineEnd);display:flex;flex-direction:column}.approbationInbox-list-formSelectionOptional{flex-grow:1;display:flex;flex-direction:column;min-block-size:0}.approbationInbox-list-content{background-color:var(--pr-t-elevation-surface-sunken);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);border-radius:var(--pr-t-border-radius-structure);overflow:auto;flex-grow:1;margin-block-start:var(--pr-t-spacings-200)}.approbationInbox-list-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.approbationInbox-list-content:empty{display:none}.approbationInbox-list-content-empty{display:flex;flex-direction:column;margin:auto;gap:var(--pr-t-spacings-200);padding:var(--pr-t-spacings-200);align-items:center;text-align:center;text-wrap:balance}.approbationInbox-list-footer{background-color:var(--components-approbationInbox-list-footer-backgroundColor);border-radius:var(--components-approbationInbox-list-footer-borderRadius);padding-block:var(--components-approbationInbox-list-footer-paddingBlock);margin-block:var(--components-approbationInbox-list-footer-marginBlock);margin-inline:var(--components-approbationInbox-list-footer-marginInline);padding-inline:var(--components-approbationInbox-list-footer-paddingInline);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-footer .button{--components-button-width: 100%}.approbationInbox-list-footer .button:last-child{--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)}.approbationInbox-list-footer .button:last-child: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))}.approbationInbox-list-footer .button:last-child:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-list-footer .button:last-child:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.approbationInbox-list-footer .button:last-child: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)}.approbationInbox-list-footer-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding)}.approbationInbox-list-header{display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-header-title{--components-title-font: var(--pr-t-font-heading-2);--sizes-verticalPadding: var(--sizes-XL-verticalPadding)}.approbationInbox-list-header-title .numericBadge{vertical-align:center}.approbationInbox-list-header-filterBar:empty{display:none}.approbationInbox-detail{display:flex;flex-direction:column;gap:var(--components-approbationInbox-detail-gap);flex-grow:1}.approbationInbox-detail-container.container{display:var(--components-approbationInbox-detail-container-display);flex-direction:column;gap:var(--pr-t-spacings-50);margin-block:var(--pr-t-spacings-300);flex-grow:1;--commons-container-maxWidth: calc(100rem - 22.5rem - var(--pr-t-spacings-400))}.approbationInbox-detail-empty{margin:auto;inline-size:9rem;aspect-ratio:1;display:var(--components-approbationInbox-detail-empty-display)}.approbationInbox-detail-empty svg{margin:auto;inline-size:100%;block-size:100%}.approbationInbox-detail-header,.approbationInbox-detail-main{background-color:var(--pr-t-elevation-surface-raised);padding:var(--components-approbationInbox-detail-headerMain-padding);margin:var(--components-approbationInbox-detail-headerMain-margin);border-radius:var(--pr-t-border-radius-structure)}.approbationInbox-detail-header:empty,.approbationInbox-detail-main:empty{display:none}.approbationInbox-detail-main{display:flex;flex-direction:column;gap:var(--components-approbationInbox-detail-main-gap);flex-grow:1}.approbationInbox-detail-header{display:flex;gap:var(--pr-t-spacings-150);min-block-size:var(--components-approbationInbox-detail-header-minBlockSize)}.approbationInbox-detail-header-main-actions{display:var(--components-approbationInbox-detail-header-main-actions-display);gap:var(--pr-t-spacings-100)}.approbationInbox-detail-header-main-actions .button:nth-child(2){--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)}.approbationInbox-detail-header-main-actions .button:nth-child(2):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))}.approbationInbox-detail-header-main-actions .button:nth-child(2):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-detail-header-main-actions .button:nth-child(2):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.approbationInbox-detail-header-main-actions .button:nth-child(2):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)}.approbationInbox-detail-header-main-actions .button:nth-child(3){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.approbationInbox-detail-header-main-actions .button:nth-child(3):hover,.approbationInbox-detail-header-main-actions .button:nth-child(3):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.approbationInbox-detail-header-main-actions .button:nth-child(3):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-detail-header-main-actions .button:nth-child(3):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.approbationInbox-detail-header-main{display:flex;flex-grow:1;gap:var(--pr-t-spacings-200);align-items:center;justify-content:space-between;flex-wrap:var(--components-approbationInbox-detail-header-main-flexWrap);min-inline-size:0}.approbationInbox-detail-header-main-infos{min-inline-size:0}.approbationInbox-detail-header-main-infos-description:empty{display:none}.approbationInbox-detail-header-main-infos-headingOptional{display:flex;gap:var(--pr-t-spacings-100);align-items:center}.approbationInbox-detail-header-main-infos-title{--components-title-font: var(--pr-t-font-heading-2);--sizes-verticalPadding: var(--sizes-XL-verticalPadding);min-inline-size:0}.approbationInbox-detail-header-main-infos-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.approbationInbox-detail-header-main-infos-title-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-small)}.approbationInbox-detail-header-illustration{padding-block:var(--pr-t-spacings-25);align-self:start}.approbationInbox-detail-header-illustration:empty{display:none}.approbationInbox-detail-header-illustration .avatar{--components-avatar-size: 3rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-225);--components-avatar-placeholder-size: 1.75rem}.approbationInbox-detail-header-main-delegation{margin-block-start:var(--components-approbationInbox-detail-header-main-delegation-marginBlockStart)}.approbationInbox-detail-main-block{display:block}.approbationInbox-detail-main-block-content{padding-block-end:var(--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd)}.approbationInbox-detail-main-block-content:empty{display:none}.approbationInbox-detail-main-block-title{--components-title-font: var(--pr-t-font-heading-3);--sizes-verticalPadding: var(--sizes-L-verticalPadding);margin-block-end:var(--pr-t-spacings-150)}.approbationInbox-list-content-items{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-content-items-item{display:flex;gap:var(--pr-t-spacings-150);align-items:center}.approbationInbox-list-content-items-item-content{flex-grow:1;position:relative;padding:var(--pr-t-spacings-100) var(--pr-t-spacings-150)}.approbationInbox-list-content-items-item-content:before{content:\"\";position:absolute;inset:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-approbationInbox-list-content-items-item-content-before-background);box-shadow:var(--components-approbationInbox-list-content-items-item-content-before-boxShadow);transition-property:inset;transition-duration:var(--commons-animations-durations-fast)}.approbationInbox-list-content-items-item-content:hover:before{inset:calc(var(--pr-t-spacings-50) * -1)}.approbationInbox-list-content-items-item-content-info{position:relative;display:flex;gap:var(--pr-t-spacings-100);align-items:var(--components-approbationInbox-list-content-items-item-content-info-alignItems)}.approbationInbox-list-content-items-item-content-info [tabindex]{position:relative}.approbationInbox-list-content-items-item-content-info-visual:empty,.approbationInbox-list-content-items-item-content-info-rightContent:empty{display:none}.approbationInbox-list-content-items-item-content-info-rightContent{display:flex;flex-direction:column;align-items:end;text-align:end}.approbationInbox-list-content-items-item-content-info-rightContent-subtle{color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);line-height:var(--pr-t-font-lineHeight-300)}.approbationInbox-list-content-items-item-content-info-rightContent-icons{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-75);color:var(--pr-t-color-text-subtle)}.approbationInbox-list-content-items-item-content-info-rightContent-icons-icon{border-radius:var(--pr-t-border-radius-small)}.approbationInbox-list-content-items-item-content-info-rightContent-icons-icon:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:1px}.approbationInbox-list-content-items-item-content-info-visual{padding-block:8px}.approbationInbox-list-content-items-item-content-info-visual .avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.approbationInbox-list-content-items-item-content-info-main{flex-grow:1;font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);line-height:var(--pr-t-font-lineHeight-300)}.approbationInbox-list-content-items-item-content-info-main-title{margin-block-start:0;color:var(--pr-t-color-text-heading);text-wrap:pretty;font:var(--components-title-font);margin-block-end:0;padding:0;--components-title-font: var(--pr-t-font-heading-4);--sizes-verticalPadding: var(--sizes-M-verticalPadding)}.approbationInbox-list-content-items-item-content-action{padding:0;border:0;inline-size:100%;background-color:transparent;text-align:start;display:block;font:inherit;cursor:pointer;color:inherit;text-decoration:none;outline:none;inline-size:fit-content;display:inline-block}.approbationInbox-list-content-items-item-content-action:after{content:\"\";position:absolute;inset:calc(var(--pr-t-spacings-150) * -1) calc(var(--pr-t-spacings-200) * -1)}.approbationInbox-list-formSelectionOptional-formfield{padding-inline-start:var(--pr-t-spacings-25);margin-block-start:var(--pr-t-spacings-50)}.approbationInbox-list-content-groupOptional-header-formfieldOptional,.approbationInbox-list-content-items-item-formfieldOptional{padding-inline-start:var(--pr-t-spacings-25);margin-block-start:calc(var(--pr-t-spacings-50) * -1)}.approbationInbox-list-content-groupOptional{display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);margin-block-start:var(--components-approbationInbox-list-content-groupOptional-marginBlockStart)}.approbationInbox-list-content-groupOptional:first-child{--components-approbationInbox-list-content-groupOptional-marginBlockStart: 0}.approbationInbox-list-content-groupOptional-header{display:flex;gap:var(--pr-t-spacings-150);align-items:center}.approbationInbox-list-content-groupOptional-header:has(.approbationInbox-list-content-groupOptional-header-action[aria-expanded=true]) .approbationInbox-list-content-groupOptional-header-action-icon .lucca-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor-transform: rotate(180deg)}.approbationInbox-list-content-groupOptional-header:has(.approbationInbox-list-content-groupOptional-header-action[aria-expanded=false])+.approbationInbox-list-content-groupOptional-content{--components-approbationInbox-list-content-groupOptional-content-display: none}.approbationInbox-list-content-groupOptional-content{margin:0;padding:0;list-style-type:none;display:var(--components-approbationInbox-list-content-groupOptional-content-display);flex-direction:column;gap:var(--pr-t-spacings-100)}.approbationInbox-list-content-groupOptional-header-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;inline-size:fit-content;display:flex;gap:var(--pr-t-spacings-100);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--pr-t-color-text);padding-inline-end:var(--pr-t-spacings-75);border-radius:var(--pr-t-border-radius-small);align-items:center}.approbationInbox-list-content-groupOptional-header-action:hover .approbationInbox-list-content-groupOptional-header-action-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.approbationInbox-list-content-groupOptional-header-action:active .approbationInbox-list-content-groupOptional-header-action-icon{--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: var(--palettes-200, var(--palettes-neutral-200))}.approbationInbox-list-content-groupOptional-header-action-icon{border-radius:var(--pr-t-border-radius-small);background-color:var(--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor);inline-size:var(--pr-t-spacings-300);block-size:var(--pr-t-spacings-300);display:grid;place-items:center;flex-shrink:0}.approbationInbox-list-content-groupOptional-header-action-icon .lucca-icon{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor-transform)}.mainLayout-sidebar:has(.approbationInbox-list){overflow:visible}@media not all and (min-width:64em){.mainLayout-sidebar:has(.approbationInbox-list){block-size:100%}}}@layer components{.approbationInbox-detail{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-200);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-200);--components-approbationInbox-list-inlineSize: auto;--components-approbationInbox-list-content-groupOptional-header-action-icon-backgroundColor: transparent;--components-approbationInbox-list-content-groupOptional-content-display: flex;--components-approbationInbox-list-content-groupOptional-marginBlockStart: var(--pr-t-spacings-50);--components-approbationInbox-list-content-items-item-content-info-alignItems: start;--components-approbationInbox-list-content-items-item-content-before-background: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-content-items-item-content-before-boxShadow: var(--pr-t-elevation-shadow-raised);--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-sunken);--components-approbationInbox-list-footer-borderRadius: var(--pr-t-border-radius-structure);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100);--components-approbationInbox-list-footer-marginInline: 0;--components-approbationInbox-list-footer-marginBlock: 0;--components-approbationInbox-detail-header-main-actions-display: flex;--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-300);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-300);--components-approbationInbox-detail-container-display: flex;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-300);--components-approbationInbox-detail-gap: var(--pr-t-spacings-200);--components-approbationInbox-detail-headerMain-margin: 0;--components-approbationInbox-detail-header-main-delegation-marginBlockStart: var(--pr-t-spacings-150);--components-approbationInbox-detail-empty-display: none;--components-approbationInbox-detail-header-main-flexWrap: nowrap;--components-approbationInbox-detail-header-minBlockSize: calc(var(--components-approbationInbox-detail-headerMain-padding) * 2 + var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}}@layer mods{.approbationInbox-detail:has(.approbationInbox-detail-header-main-infos-description:empty),.approbationInbox-detail:not(:has(.approbationInbox-detail-header-main-infos-description)){--components-approbationInbox-detail-header-main-delegation-marginBlockStart: 0}.approbationInbox-detail.mod-insideDialog{--components-approbationInbox-detail-header-main-actions-display: none;--components-approbationInbox-detail-container-display: contents;--components-approbationInbox-detail-headerMain-padding: var(--pr-t-spacings-150);--components-approbationInbox-detail-headerMain-margin: 0 calc(var(--pr-t-spacings-150) * -1);--components-approbationInbox-detail-gap: var(--pr-t-spacings-50);--components-approbationInbox-detail-main-gap: var(--pr-t-spacings-150);--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: var(--pr-t-spacings-150);--components-approbationInbox-detail-header-minBlockSize: 0}.dialog-inside-content:has(.approbationInbox-detail.mod-insideDialog){display:flex;flex-direction:column}.approbationInbox-detail.mod-insideDialog .approbationInbox-detail-main-block-divider.divider{margin:var(--components-divider-margin)}@media not all and (min-width:64em){.approbationInbox-detail:not(.mod-insideDialog){display:none}}.approbationInbox-detail:not(:has(.approbationInbox-detail-header)):has(.approbationInbox-detail-main:empty){--components-approbationInbox-detail-empty-display: flex}@media not all and (min-width:80em){.approbationInbox-detail{--components-approbationInbox-detail-header-main-flexWrap: wrap}}}@layer mods{.approbationInbox-list-content-items-item:has(.checkboxField-input:checked){--components-approbationInbox-list-content-items-item-content-before-background: var(--palettes-50, var(--palettes-product-50));--components-approbationInbox-list-content-items-item-content-before-boxShadow: 0 0 0 1px var(--palettes-500, var(--palettes-product-500))}}@layer mods{.approbationInbox-list-content-items-item:has(.approbationInbox-list-content-items-item-content-action[aria-current=page]),.approbationInbox-list-content-items-item:has(.approbationInbox-list-content-items-item-content-action.is-current){--components-approbationInbox-list-content-items-item-content-before-boxShadow: 0 0 0 1px var(--palettes-400, var(--palettes-product-400)), 0 0 0 1px var(--palettes-400, var(--palettes-product-400)) inset}}@layer mods{.approbationInbox-list-content-items-item-content:has(.approbationInbox-list-content-items-item-content-action:focus-visible):before{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}}@layer mods{.approbationInbox-detail-main-block:last-child{--components-approbationInbox-detail-header-main-block-content-paddingBlockEnd: 0}.approbationInbox-detail-main-block:last-child .approbationInbox-detail-main-block-divider.divider{--components-divider-display: none}}@layer mods{@media(min-width:50em){.approbationInbox-list{--components-approbationInbox-list-marginInlineEnd: var(--pr-t-spacings-400);--components-approbationInbox-list-marginInlineStart: var(--pr-t-spacings-400)}}@media(min-width:64em){.approbationInbox-list{--components-approbationInbox-list-inlineSize: 17rem;--components-approbationInbox-list-marginInlineEnd: 0}}@media(min-width:80em){.approbationInbox-list{--components-approbationInbox-list-inlineSize: 22.5rem}}@media not all and (min-width:64em){.approbationInbox-list{--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-footer-borderRadius: 0;--components-approbationInbox-list-footer-marginBlock: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-300) * -1);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-400);--components-approbationInbox-list-footer-marginInline: calc(var(--components-approbationInbox-list-footer-paddingInline) * -1)}}@media not all and (min-width:50em){.approbationInbox-list{--components-approbationInbox-list-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-approbationInbox-list-footer-borderRadius: 0;--components-approbationInbox-list-footer-marginBlock: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-300) * -1);--components-approbationInbox-list-footer-paddingBlock: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-approbationInbox-list-footer-paddingInline: var(--pr-t-spacings-400);--components-approbationInbox-list-footer-marginInline: calc(var(--components-approbationInbox-list-footer-paddingInline) * -1)}}}@layer mods{.approbationInbox-list-content-items-item-content-info.mod-center{--components-approbationInbox-list-content-items-item-content-info-alignItems: center}}\n"] }]
|
|
341
363
|
}], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], detailsComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "detailsComponent", required: true }] }], emptyIllustration: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyIllustration", required: false }] }], emptyResetButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyResetButton", required: false }] }], submitEvent: [{ type: i0.Output, args: ["submitEvent"] }], resetEvent: [{ type: i0.Output, args: ["resetEvent"] }], forwardEvent: [{ type: i0.Output, args: ["forwardEvent"] }] } });
|
|
342
364
|
|
|
343
365
|
const Translations$1 = {
|
|
@@ -397,10 +419,10 @@ class ApprobationInboxItemComponent {
|
|
|
397
419
|
this.destroyRef.onDestroy(() => this.list.unregister(this));
|
|
398
420
|
}
|
|
399
421
|
}
|
|
400
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
401
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1
|
|
422
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
423
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: ApprobationInboxItemComponent, isStandalone: true, selector: "lu-approbation-inbox-list-item", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, center: { classPropertyName: "center", publicName: "center", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange" }, host: { attributes: { "role": "listitem" }, classAttribute: "approbationInbox-list-content-items-item" }, viewQueries: [{ propertyName: "titleSlot", first: true, predicate: ["titleSlot"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (selectable()) {\n\t<lu-form-field\n\t\t[label]=\"intl().selectItem | intlParams: { title: title() }\"\n\t\thiddenLabel\n\t\tclass=\"approbationInbox-list-content-items-item-formfieldOptional\"\n\t>\n\t\t<lu-checkbox-input [(ngModel)]=\"checked\" [ngModelOptions]=\"{ standalone: true }\" />\n\t</lu-form-field>\n}\n<div class=\"approbationInbox-list-content-items-item-content\">\n\t<div class=\"approbationInbox-list-content-items-item-content-info\" [class.mod-center]=\"center()\">\n\t\t<div class=\"approbationInbox-list-content-items-item-content-info-visual\">\n\t\t\t<ng-content select=\"[approbationInboxListItemVisual]\" />\n\t\t</div>\n\t\t<div class=\"approbationInbox-list-content-items-item-content-info-main\">\n\t\t\t<div class=\"approbationInbox-list-content-items-item-content-info-main-title\" #titleSlot>\n\t\t\t\t<ng-content select=\"[approbationInboxListItemTitle]\" />\n\t\t\t</div>\n\t\t\t<ng-content />\n\t\t</div>\n\t\t<div class=\"approbationInbox-list-content-items-item-content-info-rightContent\">\n\t\t\t<ng-content select=\"[approbationInboxListItemRightContent]\" />\n\t\t</div>\n\t</div>\n</div>\n", dependencies: [{ kind: "component", type: FormFieldComponent, selector: "lu-form-field", inputs: ["intl", "label", "hiddenLabel", "rolePresentationLabel", "inline", "statusControl", "tooltip", "tag", "AI", "iconAItooltip", "iconAIalt", "width", "invalid", "inlineMessage", "errorInlineMessage", "inlineMessageState", "size", "extraDescribedBy", "layout", "counter", "presentation"], outputs: ["rolePresentationLabelChange", "layoutChange"] }, { kind: "component", type: CheckboxInputComponent, selector: "lu-checkbox-input", inputs: ["checklist", "mixed"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
402
424
|
}
|
|
403
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
425
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxItemComponent, decorators: [{
|
|
404
426
|
type: Component,
|
|
405
427
|
args: [{ selector: 'lu-approbation-inbox-list-item', encapsulation: ViewEncapsulation.None, imports: [FormFieldComponent, CheckboxInputComponent, FormsModule, IntlParamsPipe], host: {
|
|
406
428
|
class: 'approbationInbox-list-content-items-item',
|
|
@@ -466,10 +488,10 @@ class ApprobationInboxGroupComponent {
|
|
|
466
488
|
onGroupChange(value) {
|
|
467
489
|
this.items().forEach((item) => item.checked.set(value));
|
|
468
490
|
}
|
|
469
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
470
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1
|
|
491
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
492
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: ApprobationInboxGroupComponent, isStandalone: true, selector: "lu-approbation-inbox-list-group", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { attributes: { "role": "listitem" }, classAttribute: "approbationInbox-list-content-groupOptional" }, queries: [{ propertyName: "items", predicate: ApprobationInboxItemComponent, isSignal: true }], ngImport: i0, template: "@if (items().length > 0) {\n\t<div class=\"approbationInbox-list-content-groupOptional-header\">\n\t\t@if (selectable()) {\n\t\t\t<lu-form-field\n\t\t\t\t[label]=\"intl().selectGroup | intlParams: { label: label() }\"\n\t\t\t\thiddenLabel\n\t\t\t\tclass=\"approbationInbox-list-content-groupOptional-header-formfieldOptional\"\n\t\t\t>\n\t\t\t\t<lu-checkbox-input\n\t\t\t\t\t[ngModel]=\"allChecked()\"\n\t\t\t\t\t[ngModelOptions]=\"{ standalone: true }\"\n\t\t\t\t\t[mixed]=\"groupMixed()\"\n\t\t\t\t\t(ngModelChange)=\"onGroupChange($event)\"\n\t\t\t\t/>\n\t\t\t</lu-form-field>\n\t\t}\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t[attr.aria-expanded]=\"expanded()\"\n\t\t\t(click)=\"expandedToggle()\"\n\t\t\tclass=\"approbationInbox-list-content-groupOptional-header-action\"\n\t\t>\n\t\t\t<lu-icon icon=\"arrowChevronBottom\" size=\"XS\" class=\"approbationInbox-list-content-groupOptional-header-action-icon\" />\n\t\t\t{{ label() }}\n\t\t</button>\n\t</div>\n\t<ul class=\"approbationInbox-list-content-groupOptional-content\">\n\t\t<ng-content />\n\t</ul>\n}\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: FormFieldComponent, selector: "lu-form-field", inputs: ["intl", "label", "hiddenLabel", "rolePresentationLabel", "inline", "statusControl", "tooltip", "tag", "AI", "iconAItooltip", "iconAIalt", "width", "invalid", "inlineMessage", "errorInlineMessage", "inlineMessageState", "size", "extraDescribedBy", "layout", "counter", "presentation"], outputs: ["rolePresentationLabelChange", "layoutChange"] }, { kind: "component", type: CheckboxInputComponent, selector: "lu-checkbox-input", inputs: ["checklist", "mixed"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
471
493
|
}
|
|
472
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
494
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxGroupComponent, decorators: [{
|
|
473
495
|
type: Component,
|
|
474
496
|
args: [{ selector: 'lu-approbation-inbox-list-group', encapsulation: ViewEncapsulation.None, imports: [IconComponent, FormFieldComponent, CheckboxInputComponent, FormsModule, IntlParamsPipe], host: {
|
|
475
497
|
class: 'approbationInbox-list-content-groupOptional',
|
|
@@ -482,10 +504,10 @@ class ApprobationInboxIconsComponent {
|
|
|
482
504
|
this.icons = input([], /* @ts-ignore */
|
|
483
505
|
...(ngDevMode ? [{ debugName: "icons" }] : /* istanbul ignore next */ []));
|
|
484
506
|
}
|
|
485
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
486
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1
|
|
507
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxIconsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
508
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: ApprobationInboxIconsComponent, isStandalone: true, selector: "lu-approbation-inbox-list-icons", inputs: { icons: { classPropertyName: "icons", publicName: "icons", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "pr-u-displayContents" }, ngImport: i0, template: "@if (icons()) {\n\t<ul class=\"approbationInbox-list-content-items-item-content-info-rightContent-icons\">\n\t\t@for (icon of icons(); track icon.icon) {\n\t\t\t<li>\n\t\t\t\t<lu-icon\n\t\t\t\t\tsize=\"XS\"\n\t\t\t\t\t[icon]=\"icon.icon\"\n\t\t\t\t\t[alt]=\"icon.alt\"\n\t\t\t\t\t[class.pr-u-textWarning]=\"icon.state === 'warning'\"\n\t\t\t\t\t[class.pr-u-textCritical]=\"icon.state === 'critical'\"\n\t\t\t\t\t[class.pr-u-textSuccess]=\"icon.state === 'success'\"\n\t\t\t\t\t[luTooltip]=\"icon.alt\"\n\t\t\t\t\tluTooltipOnlyForDisplay\n\t\t\t\t\tclass=\"approbationInbox-list-content-items-item-content-info-rightContent-icons-icon\"\n\t\t\t\t/>\n\t\t\t</li>\n\t\t}\n\t</ul>\n}\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
487
509
|
}
|
|
488
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
510
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxIconsComponent, decorators: [{
|
|
489
511
|
type: Component,
|
|
490
512
|
args: [{ selector: 'lu-approbation-inbox-list-icons', encapsulation: ViewEncapsulation.None, imports: [IconComponent, LuTooltipTriggerDirective], host: {
|
|
491
513
|
class: 'pr-u-displayContents',
|
|
@@ -493,10 +515,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
493
515
|
}], propDecorators: { icons: [{ type: i0.Input, args: [{ isSignal: true, alias: "icons", required: false }] }] } });
|
|
494
516
|
|
|
495
517
|
class ApprobationInboxSubtleComponent {
|
|
496
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1
|
|
497
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1
|
|
518
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxSubtleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
519
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: ApprobationInboxSubtleComponent, isStandalone: true, selector: "lu-approbation-inbox-list-subtle", host: { classAttribute: "approbationInbox-list-content-items-item-content-info-rightContent-subtle" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
498
520
|
}
|
|
499
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1
|
|
521
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxSubtleComponent, decorators: [{
|
|
500
522
|
type: Component,
|
|
501
523
|
args: [{
|
|
502
524
|
selector: 'lu-approbation-inbox-list-subtle',
|