@lucca-front/ng 22.0.0-rc.4 → 22.0.0

package/fesm2022/lucca-front-ng-approbation-inbox.mjs

@@ -0,0 +1,517 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, ViewEncapsulation, Component, InjectionToken, inject, viewChild, booleanAttribute, contentChild, computed, output, signal, forwardRef, DestroyRef, model, afterRenderEffect, contentChildren } from '@angular/core';
+import { DividerComponent } from '@lucca-front/ng/divider';
+import { NgTemplateOutlet } from '@angular/common';
+import { getIntl, generateId, IntlParamsPipe, injectMediaMinBreakpoint, intlInputOptions, LOCALE_PLURAL_RULES, getIntlPluralLabel, PortalDirective } from '@lucca-front/ng/core';
+import { LuDialogRef, injectDialogData, DialogComponent, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, LuDialogService, provideLuDialog } from '@lucca-front/ng/dialog';
+import { TagComponent } from '@lucca-front/ng/tag';
+import { LuTooltipTriggerDirective } from '@lucca-front/ng/tooltip';
+import { ContainerComponent } from '@lucca-front/ng/container';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { FormFieldComponent } from '@lucca-front/ng/form-field';
+import { CheckboxInputComponent } from '@lucca-front/ng/forms';
+import { IconComponent } from '@lucca/prisme/icon';
+import { BubbleIllustrationComponent } from '@lucca-front/ng/bubble-illustration';
+import { ButtonComponent } from '@lucca/prisme/button';
+
+class ApprobationInboxDetailMainBlockComponent {
+    constructor() {
+        this.label = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxDetailMainBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxDetailMainBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-approbation-inbox-detail-main-block', encapsulation: ViewEncapsulation.None, imports: [DividerComponent], host: {
+                        class: 'approbationInbox-detail-main-block',
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, 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" }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }] } });
+
+const Translations$3 = {
+    'nl-BE': {
+        delegation: 'Gedelegeerd door {{name}}',
+    },
+    nl: {
+        delegation: 'Gedelegeerd door {{name}}',
+    },
+    it: {
+        delegation: 'Delegato da {{name}}',
+    },
+    fr: {
+        delegation: 'Délégué par {{name}}',
+    },
+    pt: {
+        delegation: 'Delegado por {{name}}',
+    },
+    es: {
+        delegation: 'Delegado por {{name}}',
+    },
+    de: {
+        delegation: 'Delegiert von {{name}}',
+    },
+    en: {
+        delegation: 'Delegated by {{name}}',
+    },
+};
+
+const LU_APPROBATION_INBOX_DETAIL_HEADER_TRANSLATIONS = new InjectionToken('LuApprobationInboxDetailHeaderTranslations', {
+    factory: () => luApprobationInboxDetailHeaderTranslations,
+});
+const luApprobationInboxDetailHeaderTranslations = Translations$3;
+
+class ApprobationInboxHeaderComponent {
+    constructor() {
+        this.dialogRef = inject(LuDialogRef, { optional: true });
+        this.intl = getIntl(LU_APPROBATION_INBOX_DETAIL_HEADER_TRANSLATIONS);
+        this.label = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.delegatedBy = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "delegatedBy" }] : /* istanbul ignore next */ []));
+        this.actions = viewChild('actionsTpl', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
+        this.titleId = `approbationInboxListTitle-${generateId()}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", 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 } }, 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<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() }\" />\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", "withEllipsis", "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", "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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-approbation-inbox-detail-header', encapsulation: ViewEncapsulation.None, imports: [TagComponent, LuTooltipTriggerDirective, NgTemplateOutlet, IntlParamsPipe], host: {
+                        class: 'approbationInbox-detail-header',
+                        role: 'generic',
+                    }, 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() }\" />\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" }]
+        }], 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 }] }] } });
+
+class ApprobationInboxDetailComponent {
+    constructor() {
+        this.dialogRef = inject(LuDialogRef, { optional: true });
+        this.insideDialog = input(this.dialogRef !== null, { ...(ngDevMode ? { debugName: "insideDialog" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.headerRef = contentChild(ApprobationInboxHeaderComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "headerRef" }] : /* istanbul ignore next */ []));
+        this.content = viewChild('contentTpl', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
+        this.header = viewChild('headerTpl', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "header" }] : /* istanbul ignore next */ []));
+        this.titleId = computed(() => this.headerRef()?.titleId, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "titleId" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.8", 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-approbation-inbox-detail', encapsulation: ViewEncapsulation.None, imports: [ContainerComponent, NgTemplateOutlet], host: {
+                        class: 'approbationInbox-detail',
+                        role: 'region',
+                        '[attr.aria-labelledby]': 'titleId()',
+                        '[class.mod-insideDialog]': 'insideDialog()',
+                    }, 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"] }]
+        }], 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 }] }] } });
+
+class ApprobationInboxDetailDialogComponent {
+    constructor() {
+        this.dialogData = injectDialogData();
+        this.label = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxDetailDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: ApprobationInboxDetailDialogComponent, isStandalone: true, selector: "lu-approbation-inbox-detail-dialog", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, 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<ng-container *ngTemplateOutlet=\"dialogData.detailsRef.headerRef().actions()\" />\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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxDetailDialogComponent, decorators: [{
+            type: Component,
+            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=\"dialogData.detailsRef.headerRef().actions()\" />\n\t\t</div>\n\t</lu-dialog-footer>\n</lu-dialog>\n" }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }] } });
+
+const APPROBATION_INBOX_LIST_INSTANCE = new InjectionToken('APPROBATION_INBOX_LIST_INSTANCE');
+
+class ApprobationInboxLinkComponent {
+    constructor() {
+        this.listInstance = inject(APPROBATION_INBOX_LIST_INSTANCE);
+        this.current = input(false, { ...(ngDevMode ? { debugName: "current" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.dialogService = inject(LuDialogService);
+        this.mediaMinM = injectMediaMinBreakpoint('M');
+    }
+    openDialog($event) {
+        $event.preventDefault();
+        this.dialogService.open({
+            content: ApprobationInboxDetailDialogComponent,
+            data: {
+                detailsRef: this.listInstance.detailsComponent(),
+            },
+            size: 'maxContent',
+            mode: 'sheet',
+            surfaceDefault: true,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxLinkComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'a[lu-approbation-inbox-list-action]',
+                    template: '<ng-content />',
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        class: 'approbationInbox-list-content-items-item-content-action',
+                        '[attr.aria-current]': 'mediaMinM() && current() ? "page" : null',
+                        '[attr.role]': '!mediaMinM() ? "button" : null',
+                        '(click)': 'mediaMinM() ? null : openDialog($event)',
+                    },
+                    providers: [provideLuDialog()],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }] } });
+
+const Translations$2 = {
+    'nl-BE': {
+        selectAll: 'Alles selecteren',
+        selectedCount: {
+            one: '{{count}} aanvraag geselecteerd',
+            other: '{{count}} aanvragen geselecteerd',
+        },
+        label: 'Goedkeuringsaanvragen',
+        submitLabel: 'Bevestigen',
+        forwardLabel: 'Doorsturen',
+        emptyLabel: 'Geen aanvragen',
+        emptyResetLabel: 'Filters resetten',
+    },
+    nl: {
+        selectAll: 'Alles selecteren',
+        selectedCount: {
+            one: '{{count}} aanvraag geselecteerd',
+            other: '{{count}} aanvragen geselecteerd',
+        },
+        label: 'Goedkeuringsaanvragen',
+        submitLabel: 'Bevestigen',
+        forwardLabel: 'Doorsturen',
+        emptyLabel: 'Geen aanvragen',
+        emptyResetLabel: 'Filters resetten',
+    },
+    it: {
+        selectAll: 'Seleziona tutto',
+        selectedCount: {
+            one: '{{count}} richiesta selezionata',
+            other: '{{count}} richieste selezionate',
+        },
+        label: 'Richieste di approvazione',
+        submitLabel: 'Conferma',
+        forwardLabel: 'Inoltra',
+        emptyLabel: 'Nessuna richiesta',
+        emptyResetLabel: 'Reimposta i filtri',
+    },
+    fr: {
+        selectAll: 'Tout sélectionner',
+        selectedCount: {
+            one: '{{count}} demande sélectionnée',
+            other: '{{count}} demandes sélectionnées',
+        },
+        label: 'Demandes à approuver',
+        submitLabel: 'Valider',
+        forwardLabel: 'Transférer',
+        emptyLabel: 'Aucune demande',
+        emptyResetLabel: 'Réinitialiser les filtres',
+    },
+    pt: {
+        selectAll: 'Selecionar tudo',
+        selectedCount: {
+            one: '{{count}} solicitação selecionada',
+            other: '{{count}} solicitações selecionadas',
+        },
+        label: 'Solicitações de aprovação',
+        submitLabel: 'Confirmar',
+        forwardLabel: 'Encaminhar',
+        emptyLabel: 'Nenhuma solicitação',
+        emptyResetLabel: 'Redefinir filtros',
+    },
+    es: {
+        selectAll: 'Seleccionar todo',
+        selectedCount: {
+            one: '{{count}} solicitud seleccionada',
+            other: '{{count}} solicitudes seleccionadas',
+        },
+        label: 'Solicitudes de aprobación',
+        submitLabel: 'Confirmar',
+        forwardLabel: 'Reenviar',
+        emptyLabel: 'Ninguna solicitud',
+        emptyResetLabel: 'Restablecer filtros',
+    },
+    de: {
+        selectAll: 'Alles auswählen',
+        selectedCount: {
+            one: '{{count}} Antrag ausgewählt',
+            other: '{{count}} Anträge ausgewählt',
+        },
+        label: 'Genehmigungsanträge',
+        submitLabel: 'Bestätigen',
+        forwardLabel: 'Weiterleiten',
+        emptyLabel: 'Keine Anträge',
+        emptyResetLabel: 'Filter zurücksetzen',
+    },
+    en: {
+        selectAll: 'Select all',
+        selectedCount: {
+            one: '{{count}} request selected',
+            other: '{{count}} requests selected',
+        },
+        label: 'Approval requests',
+        submitLabel: 'Approve',
+        forwardLabel: 'Forward',
+        emptyLabel: 'No requests',
+        emptyResetLabel: 'Reset filters',
+    },
+};
+
+const LU_APPROBATION_INBOX_LIST_TRANSLATIONS = new InjectionToken('LuApprobationInboxListTranslations', {
+    factory: () => luApprobationInboxListTranslations,
+});
+const luApprobationInboxListTranslations = Translations$2;
+
+class ApprobationInboxListComponent {
+    constructor() {
+        this.intl = input(...intlInputOptions(LU_APPROBATION_INBOX_LIST_TRANSLATIONS), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
+        this.pluralRules = inject(LOCALE_PLURAL_RULES);
+        this.titleId = `approbationInboxListTitle-${generateId()}`;
+        this.label = input(getIntl(LU_APPROBATION_INBOX_LIST_TRANSLATIONS).label, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.selectable = input(false, { ...(ngDevMode ? { debugName: "selectable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.detailsComponent = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "detailsComponent" }] : /* istanbul ignore next */ []));
+        this.emptyIllustration = input('magnifyingGlass', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "emptyIllustration" }] : /* istanbul ignore next */ []));
+        this.emptyResetButton = input(false, { ...(ngDevMode ? { debugName: "emptyResetButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.submitEvent = output();
+        this.resetEvent = output();
+        this.forwardEvent = output();
+        this.items = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        this.checkedCount = computed(() => this.items().filter((item) => item.checked()).length, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "checkedCount" }] : /* istanbul ignore next */ []));
+        this.selectedCountLabel = computed(() => getIntlPluralLabel(this.pluralRules, this.intl().selectedCount, this.checkedCount()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedCountLabel" }] : /* istanbul ignore next */ []));
+        this.empty = computed(() => this.items().length === 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "empty" }] : /* istanbul ignore next */ []));
+        this.selectAllState = computed(() => {
+            const all = this.items();
+            if (all.length === 0)
+                return false;
+            const checkedCount = this.checkedCount();
+            if (checkedCount === 0)
+                return false;
+            if (checkedCount === all.length)
+                return true;
+            return 'mixed';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectAllState" }] : /* istanbul ignore next */ []));
+    }
+    register(item) {
+        this.items.update((items) => [...items, item]);
+    }
+    unregister(item) {
+        this.items.update((items) => items.filter((i) => i !== item));
+    }
+    toggleSelectAll() {
+        const newValue = this.selectAllState() !== true;
+        this.items().forEach((item) => item.checked.set(newValue));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", 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: [
+            {
+                provide: APPROBATION_INBOX_LIST_INSTANCE,
+                useExisting: forwardRef(() => ApprobationInboxListComponent),
+            },
+        ], 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-approbation-inbox-list', encapsulation: ViewEncapsulation.None, imports: [PortalDirective, FormsModule, FormFieldComponent, CheckboxInputComponent, DividerComponent, ButtonComponent, BubbleIllustrationComponent, NgTemplateOutlet, IntlParamsPipe], host: {
+                        class: 'approbationInbox-list',
+                        role: 'region',
+                        '[attr.aria-labelledby]': 'titleId',
+                    }, providers: [
+                        {
+                            provide: APPROBATION_INBOX_LIST_INSTANCE,
+                            useExisting: forwardRef(() => ApprobationInboxListComponent),
+                        },
+                    ], 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"] }]
+        }], 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"] }] } });
+
+const Translations$1 = {
+    'nl-BE': {
+        selectItem: '"{{title}}" selecteren',
+    },
+    nl: {
+        selectItem: '"{{title}}" selecteren',
+    },
+    it: {
+        selectItem: 'Seleziona "{{title}}"',
+    },
+    fr: {
+        selectItem: 'Sélectionner « {{title}} »',
+    },
+    pt: {
+        selectItem: 'Selecionar "{{title}}"',
+    },
+    es: {
+        selectItem: 'Seleccionar «{{title}}»',
+    },
+    de: {
+        selectItem: '„{{title}}“ auswählen',
+    },
+    en: {
+        selectItem: 'Select "{{title}}"',
+    },
+};
+
+const LU_APPROBATION_INBOX_LIST_ITEM_TRANSLATIONS = new InjectionToken('LuApprobationInboxListItemTranslations', {
+    factory: () => luApprobationInboxListItemTranslations,
+});
+const luApprobationInboxListItemTranslations = Translations$1;
+
+class ApprobationInboxItemComponent {
+    constructor() {
+        this.intl = input(...intlInputOptions(LU_APPROBATION_INBOX_LIST_ITEM_TRANSLATIONS), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
+        this.list = inject(ApprobationInboxListComponent, { optional: true });
+        this.destroyRef = inject(DestroyRef);
+        this.selectable = computed(() => this.list?.selectable() ?? false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectable" }] : /* istanbul ignore next */ []));
+        this.center = input(false, { ...(ngDevMode ? { debugName: "center" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.checked = model(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
+        this.titleSlot = viewChild('titleSlot', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "titleSlot" }] : /* istanbul ignore next */ []));
+        this.title = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        afterRenderEffect(() => {
+            this.title.set(this.titleSlot()?.nativeElement.textContent?.trim() ?? '');
+        });
+    }
+    ngOnInit() {
+        if (this.list) {
+            this.list.register(this);
+            this.destroyRef.onDestroy(() => this.list.unregister(this));
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-approbation-inbox-list-item', encapsulation: ViewEncapsulation.None, imports: [FormFieldComponent, CheckboxInputComponent, FormsModule, IntlParamsPipe], host: {
+                        class: 'approbationInbox-list-content-items-item',
+                        role: 'listitem',
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, 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" }]
+        }], ctorParameters: () => [], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], center: [{ type: i0.Input, args: [{ isSignal: true, alias: "center", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], titleSlot: [{ type: i0.ViewChild, args: ['titleSlot', { isSignal: true }] }] } });
+
+const Translations = {
+    'nl-BE': {
+        selectGroup: '"{{label}}" selecteren',
+    },
+    nl: {
+        selectGroup: '"{{label}}" selecteren',
+    },
+    it: {
+        selectGroup: 'Seleziona "{{label}}"',
+    },
+    fr: {
+        selectGroup: 'Sélectionner « {{label}} »',
+    },
+    pt: {
+        selectGroup: 'Selecionar "{{label}}"',
+    },
+    es: {
+        selectGroup: 'Seleccionar «{{label}}»',
+    },
+    de: {
+        selectGroup: '„{{label}}“ auswählen',
+    },
+    en: {
+        selectGroup: 'Select "{{label}}"',
+    },
+};
+
+const LU_APPROBATION_INBOX_LIST_GROUP_TRANSLATIONS = new InjectionToken('LuApprobationInboxListGroupTranslations', {
+    factory: () => luApprobationInboxListGroupTranslations,
+});
+const luApprobationInboxListGroupTranslations = Translations;
+
+class ApprobationInboxGroupComponent {
+    constructor() {
+        this.intl = input(...intlInputOptions(LU_APPROBATION_INBOX_LIST_GROUP_TRANSLATIONS), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
+        this.list = inject(ApprobationInboxListComponent);
+        this.selectable = computed(() => this.list?.selectable() ?? false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectable" }] : /* istanbul ignore next */ []));
+        this.label = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.expanded = model(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+        this.items = contentChildren(ApprobationInboxItemComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        this.allChecked = computed(() => this.items().length > 0 && this.items().every((item) => item.checked()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "allChecked" }] : /* istanbul ignore next */ []));
+        this.anyChecked = computed(() => this.items().some((item) => item.checked()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "anyChecked" }] : /* istanbul ignore next */ []));
+        this.groupMixed = computed(() => this.anyChecked() && !this.allChecked(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "groupMixed" }] : /* istanbul ignore next */ []));
+    }
+    expandedToggle() {
+        this.expanded.set(!this.expanded());
+    }
+    onGroupChange(value) {
+        this.items().forEach((item) => item.checked.set(value));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-approbation-inbox-list-group', encapsulation: ViewEncapsulation.None, imports: [IconComponent, FormFieldComponent, CheckboxInputComponent, FormsModule, IntlParamsPipe], host: {
+                        class: 'approbationInbox-list-content-groupOptional',
+                        role: 'listitem',
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, 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" }]
+        }], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ApprobationInboxItemComponent), { isSignal: true }] }] } });
+
+class ApprobationInboxIconsComponent {
+    constructor() {
+        this.icons = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "icons" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxIconsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", 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", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxIconsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-approbation-inbox-list-icons', encapsulation: ViewEncapsulation.None, imports: [IconComponent, LuTooltipTriggerDirective], host: {
+                        class: 'pr-u-displayContents',
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, 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" }]
+        }], propDecorators: { icons: [{ type: i0.Input, args: [{ isSignal: true, alias: "icons", required: false }] }] } });
+
+class ApprobationInboxSubtleComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxSubtleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApprobationInboxSubtleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lu-approbation-inbox-list-subtle',
+                    template: '<ng-content />',
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        class: 'approbationInbox-list-content-items-item-content-info-rightContent-subtle',
+                    },
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ApprobationInboxDetailComponent, ApprobationInboxDetailMainBlockComponent, ApprobationInboxGroupComponent, ApprobationInboxHeaderComponent, ApprobationInboxIconsComponent, ApprobationInboxItemComponent, ApprobationInboxLinkComponent, ApprobationInboxListComponent, ApprobationInboxSubtleComponent };
+//# sourceMappingURL=lucca-front-ng-approbation-inbox.mjs.map