@lucca-front/ng 22.1.0-rc.4 → 22.1.1

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