@lucca-front/ng 22.0.5 → 22.0.6

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 (405) 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 +12 -12
  4. package/fesm2022/lucca-front-ng-api.mjs +40 -40
  5. package/fesm2022/lucca-front-ng-app-layout.mjs +3 -3
  6. package/fesm2022/lucca-front-ng-approbation-inbox.mjs +37 -36
  7. package/fesm2022/lucca-front-ng-approbation-inbox.mjs.map +1 -1
  8. package/fesm2022/lucca-front-ng-box.mjs +3 -3
  9. package/fesm2022/lucca-front-ng-breadcrumbs.mjs +6 -6
  10. package/fesm2022/lucca-front-ng-bubble-icon.mjs +3 -3
  11. package/fesm2022/lucca-front-ng-bubble-illustration.mjs +3 -3
  12. package/fesm2022/lucca-front-ng-callout.mjs +24 -24
  13. package/fesm2022/lucca-front-ng-chip.mjs +4 -4
  14. package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
  15. package/fesm2022/lucca-front-ng-clear.mjs +4 -4
  16. package/fesm2022/lucca-front-ng-clear.mjs.map +1 -1
  17. package/fesm2022/lucca-front-ng-code.mjs +3 -3
  18. package/fesm2022/lucca-front-ng-color.mjs +3 -3
  19. package/fesm2022/lucca-front-ng-comment.mjs +12 -12
  20. package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
  21. package/fesm2022/lucca-front-ng-container.mjs +3 -3
  22. package/fesm2022/lucca-front-ng-core-select-api.mjs +9 -9
  23. package/fesm2022/lucca-front-ng-core-select-department.mjs +6 -6
  24. package/fesm2022/lucca-front-ng-core-select-establishment.mjs +9 -9
  25. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +6 -6
  26. package/fesm2022/lucca-front-ng-core-select-legal-units.mjs +8 -8
  27. package/fesm2022/lucca-front-ng-core-select-legal-units.mjs.map +1 -1
  28. package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs +3 -3
  29. package/fesm2022/lucca-front-ng-core-select-user.mjs +20 -20
  30. package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
  31. package/fesm2022/lucca-front-ng-core-select.mjs +56 -56
  32. package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
  33. package/fesm2022/lucca-front-ng-core.mjs +18 -18
  34. package/fesm2022/lucca-front-ng-data-table.mjs +27 -24
  35. package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
  36. package/fesm2022/lucca-front-ng-date.mjs +40 -40
  37. package/fesm2022/lucca-front-ng-date2.mjs +24 -24
  38. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  39. package/fesm2022/lucca-front-ng-department.mjs +24 -24
  40. package/fesm2022/lucca-front-ng-dialog.mjs +55 -48
  41. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  42. package/fesm2022/lucca-front-ng-divider.mjs +3 -3
  43. package/fesm2022/lucca-front-ng-dropdown.mjs +40 -40
  44. package/fesm2022/lucca-front-ng-empty-state.mjs +9 -9
  45. package/fesm2022/lucca-front-ng-error-page.mjs +3 -3
  46. package/fesm2022/lucca-front-ng-establishment.mjs +33 -33
  47. package/fesm2022/lucca-front-ng-fancy-box.mjs +3 -3
  48. package/fesm2022/lucca-front-ng-file-upload.mjs +33 -26
  49. package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
  50. package/fesm2022/lucca-front-ng-filter-pills.mjs +25 -25
  51. package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
  52. package/fesm2022/lucca-front-ng-footer.mjs +3 -3
  53. package/fesm2022/lucca-front-ng-form-field.mjs +18 -18
  54. package/fesm2022/lucca-front-ng-form-header.mjs +3 -3
  55. package/fesm2022/lucca-front-ng-form-label.mjs +3 -3
  56. package/fesm2022/lucca-front-ng-form.mjs +3 -3
  57. package/fesm2022/lucca-front-ng-formly.mjs +58 -58
  58. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +6 -6
  59. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs +3 -3
  60. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +6 -6
  61. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs +3 -3
  62. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +35 -35
  63. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  64. package/fesm2022/lucca-front-ng-forms.mjs +50 -42
  65. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  66. package/fesm2022/lucca-front-ng-gauge.mjs +3 -3
  67. package/fesm2022/lucca-front-ng-grid.mjs +6 -6
  68. package/fesm2022/lucca-front-ng-highlight-data.mjs +3 -3
  69. package/fesm2022/lucca-front-ng-highlight-section.mjs +3 -3
  70. package/fesm2022/lucca-front-ng-highlight-text.mjs +3 -3
  71. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +9 -9
  72. package/fesm2022/lucca-front-ng-impersonation.mjs +3 -3
  73. package/fesm2022/lucca-front-ng-index-table.mjs +30 -30
  74. package/fesm2022/lucca-front-ng-inline-message.mjs +3 -3
  75. package/fesm2022/lucca-front-ng-input.mjs +21 -21
  76. package/fesm2022/lucca-front-ng-link.mjs +6 -6
  77. package/fesm2022/lucca-front-ng-listbox.mjs +9 -9
  78. package/fesm2022/lucca-front-ng-listing.mjs +6 -6
  79. package/fesm2022/lucca-front-ng-loading.mjs +3 -3
  80. package/fesm2022/lucca-front-ng-main-layout.mjs +6 -6
  81. package/fesm2022/lucca-front-ng-mobile-push.mjs +3 -3
  82. package/fesm2022/lucca-front-ng-modal.mjs +22 -22
  83. package/fesm2022/lucca-front-ng-multi-select.mjs +36 -36
  84. package/fesm2022/lucca-front-ng-new-badge.mjs +3 -3
  85. package/fesm2022/lucca-front-ng-number-format.mjs +6 -6
  86. package/fesm2022/lucca-front-ng-number.mjs +7 -7
  87. package/fesm2022/lucca-front-ng-option.mjs +130 -130
  88. package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
  89. package/fesm2022/lucca-front-ng-page-header.mjs +3 -3
  90. package/fesm2022/lucca-front-ng-pagination.mjs +3 -3
  91. package/fesm2022/lucca-front-ng-plg-push.mjs +3 -3
  92. package/fesm2022/lucca-front-ng-popover.mjs +17 -17
  93. package/fesm2022/lucca-front-ng-popover2.mjs +11 -8
  94. package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
  95. package/fesm2022/lucca-front-ng-popup.mjs +10 -10
  96. package/fesm2022/lucca-front-ng-progress-bar.mjs +3 -3
  97. package/fesm2022/lucca-front-ng-progress-stepper.mjs +6 -6
  98. package/fesm2022/lucca-front-ng-read-more.mjs +5 -5
  99. package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
  100. package/fesm2022/lucca-front-ng-resource-card.mjs +12 -12
  101. package/fesm2022/lucca-front-ng-safe-content.mjs +10 -10
  102. package/fesm2022/lucca-front-ng-scroll-box.mjs +4 -4
  103. package/fesm2022/lucca-front-ng-scroll-box.mjs.map +1 -1
  104. package/fesm2022/lucca-front-ng-scroll.mjs +9 -10
  105. package/fesm2022/lucca-front-ng-scroll.mjs.map +1 -1
  106. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +6 -6
  107. package/fesm2022/lucca-front-ng-segmented-control.mjs +6 -6
  108. package/fesm2022/lucca-front-ng-select.mjs +14 -14
  109. package/fesm2022/lucca-front-ng-sidepanel.mjs +7 -7
  110. package/fesm2022/lucca-front-ng-simple-select.mjs +12 -12
  111. package/fesm2022/lucca-front-ng-software-icon-wrapper.mjs +6 -6
  112. package/fesm2022/lucca-front-ng-software-icon.mjs +3 -3
  113. package/fesm2022/lucca-front-ng-sortable-list.mjs +6 -6
  114. package/fesm2022/lucca-front-ng-status-badge.mjs +3 -3
  115. package/fesm2022/lucca-front-ng-table-of-content.mjs +6 -6
  116. package/fesm2022/lucca-front-ng-text-flow.mjs +3 -3
  117. package/fesm2022/lucca-front-ng-time.mjs +18 -18
  118. package/fesm2022/lucca-front-ng-title.mjs +10 -10
  119. package/fesm2022/lucca-front-ng-toast.mjs +10 -10
  120. package/fesm2022/lucca-front-ng-tree-select.mjs +6 -6
  121. package/fesm2022/lucca-front-ng-user-popover.mjs +18 -18
  122. package/fesm2022/lucca-front-ng-user.mjs +59 -59
  123. package/fesm2022/lucca-front-ng-vertical-navigation.mjs +12 -12
  124. package/llms/SKILL.md +248 -0
  125. package/llms/references/components/activity-feed/activity-feed.component.md +292 -0
  126. package/llms/references/components/activity-feed/activity-feed.md +90 -0
  127. package/llms/references/components/animations/animations.component.md +11 -0
  128. package/llms/references/components/animations/animations.md +7 -0
  129. package/llms/references/components/api-select/api-select.md +40 -0
  130. package/llms/references/components/app-layout/app-layout.component.md +65 -0
  131. package/llms/references/components/app-layout/app-layout.md +81 -0
  132. package/llms/references/components/approbation-inbox/approbation-inbox.component.md +960 -0
  133. package/llms/references/components/approbation-inbox/approbation-inbox.md +135 -0
  134. package/llms/references/components/avatar/avatar.component.md +563 -0
  135. package/llms/references/components/avatar/avatar.md +93 -0
  136. package/llms/references/components/box/box.component.md +119 -0
  137. package/llms/references/components/box/box.md +88 -0
  138. package/llms/references/components/breadcrumbs/breadcrumbs.component.md +59 -0
  139. package/llms/references/components/breadcrumbs/breadcrumbs.md +87 -0
  140. package/llms/references/components/bubble-icon/bubble-icon.component.md +56 -0
  141. package/llms/references/components/bubble-icon/bubble-icon.md +72 -0
  142. package/llms/references/components/bubble-illustration/bubble-illustration.component.md +54 -0
  143. package/llms/references/components/bubble-illustration/bubble-illustration.md +77 -0
  144. package/llms/references/components/button/button.component.md +252 -0
  145. package/llms/references/components/button/button.md +124 -0
  146. package/llms/references/components/calendar/calendar.component.md +708 -0
  147. package/llms/references/components/calendar/calendar.md +104 -0
  148. package/llms/references/components/calendar2/calendar2.md +64 -0
  149. package/llms/references/components/callout/callout.component.md +237 -0
  150. package/llms/references/components/callout/callout.md +243 -0
  151. package/llms/references/components/callout-disclosure/callout-disclosure.component.md +230 -0
  152. package/llms/references/components/callout-disclosure/callout-disclosure.md +196 -0
  153. package/llms/references/components/callout-popover/callout-popover.component.md +170 -0
  154. package/llms/references/components/callout-popover/callout-popover.md +201 -0
  155. package/llms/references/components/card/card.component.md +62 -0
  156. package/llms/references/components/card/card.md +8 -0
  157. package/llms/references/components/checkbox/checkbox.component.md +50 -0
  158. package/llms/references/components/checkbox/checkbox.md +74 -0
  159. package/llms/references/components/chip/chip.component.md +131 -0
  160. package/llms/references/components/chip/chip.md +95 -0
  161. package/llms/references/components/clear/clear.component.md +38 -0
  162. package/llms/references/components/clear/clear.md +79 -0
  163. package/llms/references/components/code/code.component.md +33 -0
  164. package/llms/references/components/code/code.md +47 -0
  165. package/llms/references/components/color/color.md +32 -0
  166. package/llms/references/components/color-input/color-input.md +33 -0
  167. package/llms/references/components/color-picker/color-picker.component.md +29 -0
  168. package/llms/references/components/color-picker/color-picker.md +25 -0
  169. package/llms/references/components/comment/comment.component.md +436 -0
  170. package/llms/references/components/comment/comment.md +125 -0
  171. package/llms/references/components/container/container.component.md +41 -0
  172. package/llms/references/components/container/container.md +74 -0
  173. package/llms/references/components/core-select-department/core-select-department.md +37 -0
  174. package/llms/references/components/core-select-establishment/core-select-establishment.md +40 -0
  175. package/llms/references/components/core-select-job-qualification/core-select-job-qualification.md +25 -0
  176. package/llms/references/components/core-select-occupation-category/core-select-occupation-category.md +25 -0
  177. package/llms/references/components/core-select-user/core-select-user.md +75 -0
  178. package/llms/references/components/data-presentation/data-presentation.component.md +47 -0
  179. package/llms/references/components/data-presentation/data-presentation.md +49 -0
  180. package/llms/references/components/data-table/data-table.component.md +1603 -0
  181. package/llms/references/components/data-table/data-table.md +290 -0
  182. package/llms/references/components/date/date.component.md +31 -0
  183. package/llms/references/components/date/date.md +140 -0
  184. package/llms/references/components/dateinput/dateinput.component.md +99 -0
  185. package/llms/references/components/dateinput/dateinput.md +198 -0
  186. package/llms/references/components/daterangeinput/daterangeinput.component.md +49 -0
  187. package/llms/references/components/daterangeinput/daterangeinput.md +186 -0
  188. package/llms/references/components/departmentselect/departmentselect.component.md +43 -0
  189. package/llms/references/components/departmentselect/departmentselect.md +43 -0
  190. package/llms/references/components/dialog/dialog.component.md +462 -0
  191. package/llms/references/components/dialog/dialog.md +335 -0
  192. package/llms/references/components/divider/divider.component.md +35 -0
  193. package/llms/references/components/divider/divider.md +88 -0
  194. package/llms/references/components/dropdown/dropdown.component.md +272 -0
  195. package/llms/references/components/dropdown/dropdown.md +172 -0
  196. package/llms/references/components/duration-picker/duration-picker.md +155 -0
  197. package/llms/references/components/empty-state/empty-state.component.md +226 -0
  198. package/llms/references/components/empty-state/empty-state.md +62 -0
  199. package/llms/references/components/errorpage/errorpage.component.md +57 -0
  200. package/llms/references/components/errorpage/errorpage.md +75 -0
  201. package/llms/references/components/establishmentselect/establishmentselect.component.md +30 -0
  202. package/llms/references/components/establishmentselect/establishmentselect.md +42 -0
  203. package/llms/references/components/fancy-dialog/fancy-dialog.component.md +9 -0
  204. package/llms/references/components/fancy-dialog/fancy-dialog.md +107 -0
  205. package/llms/references/components/fancybox/fancybox.component.md +48 -0
  206. package/llms/references/components/fancybox/fancybox.md +75 -0
  207. package/llms/references/components/fieldset/fieldset.component.md +86 -0
  208. package/llms/references/components/fieldset/fieldset.md +119 -0
  209. package/llms/references/components/filedropzone/filedropzone.component.md +16 -0
  210. package/llms/references/components/filedropzone/filedropzone.md +61 -0
  211. package/llms/references/components/fileentry/fileentry.component.md +58 -0
  212. package/llms/references/components/fileentry/fileentry.md +246 -0
  213. package/llms/references/components/fileupload/fileupload.component.md +91 -0
  214. package/llms/references/components/fileupload/fileupload.md +246 -0
  215. package/llms/references/components/filterbar/filterbar.component.md +302 -0
  216. package/llms/references/components/filterbar/filterbar.md +134 -0
  217. package/llms/references/components/filterpills/filterpills.component.md +60 -0
  218. package/llms/references/components/filterpills/filterpills.md +180 -0
  219. package/llms/references/components/footer/footer.component.md +66 -0
  220. package/llms/references/components/footer/footer.md +115 -0
  221. package/llms/references/components/form/form.md +37 -0
  222. package/llms/references/components/form-field/form-field.component.md +46 -0
  223. package/llms/references/components/form-field/form-field.md +231 -0
  224. package/llms/references/components/form-header/form-header.md +29 -0
  225. package/llms/references/components/form-label/form-label.component.md +106 -0
  226. package/llms/references/components/form-label/form-label.md +98 -0
  227. package/llms/references/components/gauge/gauge.component.md +55 -0
  228. package/llms/references/components/gauge/gauge.md +73 -0
  229. package/llms/references/components/grid/grid.component.md +15 -0
  230. package/llms/references/components/grid/grid.md +112 -0
  231. package/llms/references/components/highlight-data/highlight-data.component.md +279 -0
  232. package/llms/references/components/highlight-data/highlight-data.md +115 -0
  233. package/llms/references/components/highlight-section/highlight-section.component.md +185 -0
  234. package/llms/references/components/highlight-section/highlight-section.md +48 -0
  235. package/llms/references/components/highlight-text/highlight-text.component.md +49 -0
  236. package/llms/references/components/highlight-text/highlight-text.md +29 -0
  237. package/llms/references/components/horizontalnavigation/horizontalnavigation.component.md +232 -0
  238. package/llms/references/components/horizontalnavigation/horizontalnavigation.md +95 -0
  239. package/llms/references/components/icons/icons.component.md +59 -0
  240. package/llms/references/components/icons/icons.md +185 -0
  241. package/llms/references/components/impersonation/impersonation.component.md +52 -0
  242. package/llms/references/components/impersonation/impersonation.md +52 -0
  243. package/llms/references/components/index-table/index-table.component.md +2528 -0
  244. package/llms/references/components/index-table/index-table.md +243 -0
  245. package/llms/references/components/inlinemessage/inlinemessage.component.md +58 -0
  246. package/llms/references/components/inlinemessage/inlinemessage.md +57 -0
  247. package/llms/references/components/input-framed/input-framed.component.md +714 -0
  248. package/llms/references/components/input-framed/input-framed.md +50 -0
  249. package/llms/references/components/link/link.component.md +153 -0
  250. package/llms/references/components/link/link.md +124 -0
  251. package/llms/references/components/listbox/listbox.component.md +11 -0
  252. package/llms/references/components/listbox/listbox.md +101 -0
  253. package/llms/references/components/listing/listing.component.md +366 -0
  254. package/llms/references/components/listing/listing.md +105 -0
  255. package/llms/references/components/loading/loading.component.md +37 -0
  256. package/llms/references/components/loading/loading.md +91 -0
  257. package/llms/references/components/main-layout/main-layout.component.md +146 -0
  258. package/llms/references/components/main-layout/main-layout.md +78 -0
  259. package/llms/references/components/mobile-push/mobile-push.component.md +62 -0
  260. package/llms/references/components/mobile-push/mobile-push.md +70 -0
  261. package/llms/references/components/mobileheader/mobileheader.component.md +31 -0
  262. package/llms/references/components/mobileheader/mobileheader.md +8 -0
  263. package/llms/references/components/mobilenavigation/mobilenavigation.component.md +43 -0
  264. package/llms/references/components/mobilenavigation/mobilenavigation.md +8 -0
  265. package/llms/references/components/modal/modal.component.md +37 -0
  266. package/llms/references/components/modal/modal.md +61 -0
  267. package/llms/references/components/multi-select/multi-select.component.md +39 -0
  268. package/llms/references/components/multi-select/multi-select.md +426 -0
  269. package/llms/references/components/multilanguagefield/multilanguagefield.component.md +84 -0
  270. package/llms/references/components/multilanguagefield/multilanguagefield.md +362 -0
  271. package/llms/references/components/newbadge/newbadge.component.md +23 -0
  272. package/llms/references/components/newbadge/newbadge.md +38 -0
  273. package/llms/references/components/number-format-input/number-format-input.md +46 -0
  274. package/llms/references/components/number-input/number-input.md +49 -0
  275. package/llms/references/components/numbers/numbers.component.md +46 -0
  276. package/llms/references/components/numbers/numbers.md +7 -0
  277. package/llms/references/components/numericbadge/numericbadge.component.md +66 -0
  278. package/llms/references/components/numericbadge/numericbadge.md +84 -0
  279. package/llms/references/components/onboarding-empty-state/onboarding-empty-state.md +47 -0
  280. package/llms/references/components/pageheader/pageheader.component.md +389 -0
  281. package/llms/references/components/pageheader/pageheader.md +144 -0
  282. package/llms/references/components/pagination/pagination.component.md +96 -0
  283. package/llms/references/components/pagination/pagination.md +107 -0
  284. package/llms/references/components/phonenumberfield/phonenumberfield.component.md +35 -0
  285. package/llms/references/components/phonenumberfield/phonenumberfield.md +131 -0
  286. package/llms/references/components/plg-push/plg-push.component.md +91 -0
  287. package/llms/references/components/plg-push/plg-push.md +82 -0
  288. package/llms/references/components/popover/popover.component.md +130 -0
  289. package/llms/references/components/popover/popover.md +235 -0
  290. package/llms/references/components/popover2/popover2.component.md +103 -0
  291. package/llms/references/components/popover2/popover2.md +89 -0
  292. package/llms/references/components/progress-bar/progress-bar.component.md +33 -0
  293. package/llms/references/components/progress-bar/progress-bar.md +51 -0
  294. package/llms/references/components/progress-stepper/progress-stepper.component.md +281 -0
  295. package/llms/references/components/progress-stepper/progress-stepper.md +70 -0
  296. package/llms/references/components/radiofield/radiofield.component.md +295 -0
  297. package/llms/references/components/radiofield/radiofield.md +122 -0
  298. package/llms/references/components/readmore/readmore.component.md +60 -0
  299. package/llms/references/components/readmore/readmore.md +88 -0
  300. package/llms/references/components/resource-card/resource-card.component.md +216 -0
  301. package/llms/references/components/resource-card/resource-card.md +106 -0
  302. package/llms/references/components/richtextinput/richtextinput.component.md +298 -0
  303. package/llms/references/components/richtextinput/richtextinput.md +275 -0
  304. package/llms/references/components/scroll/scroll.md +45 -0
  305. package/llms/references/components/scrollbox/scrollbox.component.md +63 -0
  306. package/llms/references/components/scrollbox/scrollbox.md +49 -0
  307. package/llms/references/components/section-empty-state/section-empty-state.component.md +9 -0
  308. package/llms/references/components/section-empty-state/section-empty-state.md +41 -0
  309. package/llms/references/components/segmented-control-tabs/segmented-control-tabs.md +50 -0
  310. package/llms/references/components/segmentedcontrol/segmentedcontrol.component.md +198 -0
  311. package/llms/references/components/segmentedcontrol/segmentedcontrol.md +108 -0
  312. package/llms/references/components/select/select.component.md +237 -0
  313. package/llms/references/components/select/select.md +57 -0
  314. package/llms/references/components/select-templating/select-templating.md +117 -0
  315. package/llms/references/components/sidepanel/sidepanel.component.md +56 -0
  316. package/llms/references/components/sidepanel/sidepanel.md +7 -0
  317. package/llms/references/components/simple-select/simple-select.component.md +39 -0
  318. package/llms/references/components/simple-select/simple-select.md +291 -0
  319. package/llms/references/components/skeleton/skeleton.component.md +133 -0
  320. package/llms/references/components/skeleton/skeleton.md +212 -0
  321. package/llms/references/components/skiplinks/skiplinks.component.md +91 -0
  322. package/llms/references/components/skiplinks/skiplinks.md +73 -0
  323. package/llms/references/components/software-icon/software-icon.component.md +61 -0
  324. package/llms/references/components/software-icon/software-icon.md +107 -0
  325. package/llms/references/components/sortable-list/sortable-list.component.md +141 -0
  326. package/llms/references/components/sortable-list/sortable-list.md +84 -0
  327. package/llms/references/components/statusbadge/statusbadge.component.md +56 -0
  328. package/llms/references/components/statusbadge/statusbadge.md +63 -0
  329. package/llms/references/components/switchfield/switchfield.component.md +114 -0
  330. package/llms/references/components/switchfield/switchfield.md +56 -0
  331. package/llms/references/components/tableofcontent/tableofcontent.component.md +55 -0
  332. package/llms/references/components/tableofcontent/tableofcontent.md +41 -0
  333. package/llms/references/components/tags/tags.component.md +112 -0
  334. package/llms/references/components/tags/tags.md +115 -0
  335. package/llms/references/components/text-flow/text-flow.component.md +71 -0
  336. package/llms/references/components/text-flow/text-flow.md +63 -0
  337. package/llms/references/components/textareafield/textareafield.component.md +69 -0
  338. package/llms/references/components/textareafield/textareafield.md +113 -0
  339. package/llms/references/components/textfield/textfield.component.md +617 -0
  340. package/llms/references/components/textfield/textfield.md +161 -0
  341. package/llms/references/components/tile/tile.component.md +91 -0
  342. package/llms/references/components/tile/tile.md +92 -0
  343. package/llms/references/components/time/time.component.md +270 -0
  344. package/llms/references/components/time/time.md +127 -0
  345. package/llms/references/components/time-picker/time-picker.md +63 -0
  346. package/llms/references/components/timelines/timelines.component.md +159 -0
  347. package/llms/references/components/timelines/timelines.md +8 -0
  348. package/llms/references/components/title-and-text/title-and-text.component.md +14 -0
  349. package/llms/references/components/title-and-text/title-and-text.md +60 -0
  350. package/llms/references/components/toasts/toasts.component.md +54 -0
  351. package/llms/references/components/toasts/toasts.md +112 -0
  352. package/llms/references/components/tooltip/tooltip.component.md +86 -0
  353. package/llms/references/components/tooltip/tooltip.md +217 -0
  354. package/llms/references/components/treeselect/treeselect.component.md +62 -0
  355. package/llms/references/components/treeselect/treeselect.md +58 -0
  356. package/llms/references/components/user-select/user-select.md +52 -0
  357. package/llms/references/components/userpopover/userpopover.component.md +50 -0
  358. package/llms/references/components/userpopover/userpopover.md +136 -0
  359. package/llms/references/components/verticalnavigation/verticalnavigation.component.md +236 -0
  360. package/llms/references/components/verticalnavigation/verticalnavigation.md +115 -0
  361. package/llms/references/migrations.md +32 -0
  362. package/llms/references/tools/angular-api.md +337 -0
  363. package/llms/references/tools/animations.md +173 -0
  364. package/llms/references/tools/mixins.md +106 -0
  365. package/llms/references/tools/numbers.md +81 -0
  366. package/llms/references/tools/scrollbox.md +59 -0
  367. package/llms/references/tools/utilitaires.md +951 -0
  368. package/llms/references/types/BubbleIllustration.md +5 -0
  369. package/llms/references/types/DecorativePalette.md +5 -0
  370. package/llms/references/types/Gap.md +5 -0
  371. package/llms/references/types/HighlightDataIllustration.md +5 -0
  372. package/llms/references/types/HighlightSectionIllustration.md +5 -0
  373. package/llms/references/types/LuccaIcon.md +5 -0
  374. package/llms/references/types/MainLayoutIllustrationEndStart.md +5 -0
  375. package/llms/references/types/MainLayoutIllustrationStartEnd.md +5 -0
  376. package/llms.txt +221 -0
  377. package/package.json +12 -6
  378. package/schematics/lib/local-deps/package-lock.json +4 -4
  379. package/schematics/lib/local-deps/package.json +1 -1
  380. package/src/definitions/option/_option-item.scss +7 -4
  381. package/types/lucca-front-ng-a11y.d.ts +1 -1
  382. package/types/lucca-front-ng-api.d.ts +3 -3
  383. package/types/lucca-front-ng-approbation-inbox.d.ts +3 -3
  384. package/types/lucca-front-ng-chip.d.ts +1 -1
  385. package/types/lucca-front-ng-clear.d.ts +1 -1
  386. package/types/lucca-front-ng-comment.d.ts +3 -3
  387. package/types/lucca-front-ng-core-select-establishment.d.ts +1 -1
  388. package/types/lucca-front-ng-core-select.d.ts +2 -2
  389. package/types/lucca-front-ng-core.d.ts +2 -2
  390. package/types/lucca-front-ng-data-table.d.ts +3 -0
  391. package/types/lucca-front-ng-date.d.ts +2 -2
  392. package/types/lucca-front-ng-department.d.ts +2 -2
  393. package/types/lucca-front-ng-dialog.d.ts +1 -1
  394. package/types/lucca-front-ng-establishment.d.ts +2 -2
  395. package/types/lucca-front-ng-file-upload.d.ts +8 -2
  396. package/types/lucca-front-ng-forms.d.ts +1 -1
  397. package/types/lucca-front-ng-modal.d.ts +2 -2
  398. package/types/lucca-front-ng-multi-select.d.ts +1 -1
  399. package/types/lucca-front-ng-popup.d.ts +2 -2
  400. package/types/lucca-front-ng-read-more.d.ts +2 -2
  401. package/types/lucca-front-ng-sidepanel.d.ts +1 -1
  402. package/types/lucca-front-ng-simple-select.d.ts +1 -1
  403. package/types/lucca-front-ng-title.d.ts +2 -2
  404. package/types/lucca-front-ng-toast.d.ts +1 -1
  405. package/types/lucca-front-ng-user.d.ts +2 -2
@@ -20,10 +20,10 @@ class ApprobationInboxDetailMainBlockComponent {
20
20
  this.label = input.required(/* @ts-ignore */
21
21
  ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
22
22
  }
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 }); }
23
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxDetailMainBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
24
+ 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
25
  }
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ApprobationInboxDetailMainBlockComponent, decorators: [{
26
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxDetailMainBlockComponent, decorators: [{
27
27
  type: Component,
28
28
  args: [{ selector: 'lu-approbation-inbox-detail-main-block', encapsulation: ViewEncapsulation.None, imports: [DividerComponent], host: {
29
29
  class: 'approbationInbox-detail-main-block',
@@ -74,10 +74,10 @@ class ApprobationInboxHeaderComponent {
74
74
  ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
75
75
  this.titleId = `approbationInboxListTitle-${generateId()}`;
76
76
  }
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", "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 }); }
77
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
78
+ 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 } }, host: { attributes: { "role": "generic" }, classAttribute: "approbationInbox-detail-header" }, viewQueries: [{ propertyName: "actions", first: true, predicate: ["actionsTpl"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"approbationInbox-detail-header-illustration\">\n\t<ng-content select=\"[approbationInboxDetailIllustration]\" />\n</div>\n<div class=\"approbationInbox-detail-header-main\">\n\t<div class=\"approbationInbox-detail-header-main-infos\">\n\t\t<h1 class=\"approbationInbox-detail-header-main-infos-title\" [id]=\"titleId\">\n\t\t\t<span class=\"approbationInbox-detail-header-main-infos-title-content\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n\t\t</h1>\n\t\t<div class=\"approbationInbox-detail-header-main-infos-description\">\n\t\t\t<ng-content />\n\t\t</div>\n\t\t@if (delegatedBy()) {\n\t\t\t<div class=\"approbationInbox-detail-header-main-delegation\">\n\t\t\t\t<lu-tag withEllipsis [label]=\"intl.delegation | intlParams: { name: delegatedBy() }\" />\n\t\t\t</div>\n\t\t}\n\t</div>\n\t@if (!dialogRef) {\n\t\t<div class=\"approbationInbox-detail-header-main-actions\">\n\t\t\t<ng-container *ngTemplateOutlet=\"actionsTpl\" />\n\t\t\t<ng-template #actionsTpl>\n\t\t\t\t<ng-content select=\"[approbationInboxDetailActions]\" />\n\t\t\t</ng-template>\n\t\t</div>\n\t}\n</div>\n", dependencies: [{ kind: "component", type: TagComponent, selector: "lu-tag,pr-tag", inputs: ["label", "size", "palette", "outlined", "link", "icon", "withEllipsis", "AI"] }, { kind: "directive", type: LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "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
79
  }
80
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ApprobationInboxHeaderComponent, decorators: [{
80
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxHeaderComponent, decorators: [{
81
81
  type: Component,
82
82
  args: [{ selector: 'lu-approbation-inbox-detail-header', encapsulation: ViewEncapsulation.None, imports: [TagComponent, LuTooltipTriggerDirective, NgTemplateOutlet, IntlParamsPipe], host: {
83
83
  class: 'approbationInbox-detail-header',
@@ -98,32 +98,33 @@ class ApprobationInboxDetailComponent {
98
98
  this.titleId = computed(() => this.headerRef()?.titleId, /* @ts-ignore */
99
99
  ...(ngDevMode ? [{ debugName: "titleId" }] : /* istanbul ignore next */ []));
100
100
  }
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 }); }
101
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
102
+ 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-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);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
103
  }
104
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ApprobationInboxDetailComponent, decorators: [{
104
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxDetailComponent, decorators: [{
105
105
  type: Component,
106
106
  args: [{ selector: 'lu-approbation-inbox-detail', encapsulation: ViewEncapsulation.None, imports: [ContainerComponent, NgTemplateOutlet], host: {
107
107
  class: 'approbationInbox-detail',
108
108
  role: 'region',
109
109
  '[attr.aria-labelledby]': 'titleId()',
110
110
  '[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"] }]
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}.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-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);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
112
  }], 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
113
 
114
114
  class ApprobationInboxDetailDialogComponent {
115
115
  constructor() {
116
116
  this.dialogData = injectDialogData();
117
- this.label = input.required(/* @ts-ignore */
117
+ // The link opens this dialog without inputs: the title comes from the detail's own header.
118
+ this.label = computed(() => this.dialogData.detailsRef.headerRef()?.label() ?? '', /* @ts-ignore */
118
119
  ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
119
120
  }
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 }); }
121
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxDetailDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
122
+ 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
123
  }
123
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ApprobationInboxDetailDialogComponent, decorators: [{
124
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxDetailDialogComponent, decorators: [{
124
125
  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 }] }] } });
126
+ 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" }]
127
+ }] });
127
128
 
128
129
  const APPROBATION_INBOX_LIST_INSTANCE = new InjectionToken('APPROBATION_INBOX_LIST_INSTANCE');
129
130
 
@@ -146,10 +147,10 @@ class ApprobationInboxLinkComponent {
146
147
  surfaceDefault: true,
147
148
  });
148
149
  }
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 }); }
150
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
151
+ 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
152
  }
152
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ApprobationInboxLinkComponent, decorators: [{
153
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxLinkComponent, decorators: [{
153
154
  type: Component,
154
155
  args: [{
155
156
  selector: 'a[lu-approbation-inbox-list-action]',
@@ -318,15 +319,15 @@ class ApprobationInboxListComponent {
318
319
  const newValue = this.selectAllState() !== true;
319
320
  this.items().forEach((item) => item.checked.set(newValue));
320
321
  }
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: [
322
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
323
+ 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
324
  {
324
325
  provide: APPROBATION_INBOX_LIST_INSTANCE,
325
326
  useExisting: forwardRef(() => ApprobationInboxListComponent),
326
327
  },
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 }); }
328
+ ], 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-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);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
329
  }
329
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ApprobationInboxListComponent, decorators: [{
330
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxListComponent, decorators: [{
330
331
  type: Component,
331
332
  args: [{ selector: 'lu-approbation-inbox-list', encapsulation: ViewEncapsulation.None, imports: [PortalDirective, FormsModule, FormFieldComponent, CheckboxInputComponent, DividerComponent, ButtonComponent, BubbleIllustrationComponent, NgTemplateOutlet, IntlParamsPipe], host: {
332
333
  class: 'approbationInbox-list',
@@ -337,7 +338,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
337
338
  provide: APPROBATION_INBOX_LIST_INSTANCE,
338
339
  useExisting: forwardRef(() => ApprobationInboxListComponent),
339
340
  },
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"] }]
341
+ ], 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-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);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
342
  }], 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
343
 
343
344
  const Translations$1 = {
@@ -397,10 +398,10 @@ class ApprobationInboxItemComponent {
397
398
  this.destroyRef.onDestroy(() => this.list.unregister(this));
398
399
  }
399
400
  }
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 }); }
401
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
402
+ 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
403
  }
403
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ApprobationInboxItemComponent, decorators: [{
404
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxItemComponent, decorators: [{
404
405
  type: Component,
405
406
  args: [{ selector: 'lu-approbation-inbox-list-item', encapsulation: ViewEncapsulation.None, imports: [FormFieldComponent, CheckboxInputComponent, FormsModule, IntlParamsPipe], host: {
406
407
  class: 'approbationInbox-list-content-items-item',
@@ -466,10 +467,10 @@ class ApprobationInboxGroupComponent {
466
467
  onGroupChange(value) {
467
468
  this.items().forEach((item) => item.checked.set(value));
468
469
  }
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 }); }
470
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
471
+ 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
472
  }
472
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ApprobationInboxGroupComponent, decorators: [{
473
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxGroupComponent, decorators: [{
473
474
  type: Component,
474
475
  args: [{ selector: 'lu-approbation-inbox-list-group', encapsulation: ViewEncapsulation.None, imports: [IconComponent, FormFieldComponent, CheckboxInputComponent, FormsModule, IntlParamsPipe], host: {
475
476
  class: 'approbationInbox-list-content-groupOptional',
@@ -482,10 +483,10 @@ class ApprobationInboxIconsComponent {
482
483
  this.icons = input([], /* @ts-ignore */
483
484
  ...(ngDevMode ? [{ debugName: "icons" }] : /* istanbul ignore next */ []));
484
485
  }
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 }); }
486
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxIconsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
487
+ 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
488
  }
488
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ApprobationInboxIconsComponent, decorators: [{
489
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxIconsComponent, decorators: [{
489
490
  type: Component,
490
491
  args: [{ selector: 'lu-approbation-inbox-list-icons', encapsulation: ViewEncapsulation.None, imports: [IconComponent, LuTooltipTriggerDirective], host: {
491
492
  class: 'pr-u-displayContents',
@@ -493,10 +494,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
493
494
  }], propDecorators: { icons: [{ type: i0.Input, args: [{ isSignal: true, alias: "icons", required: false }] }] } });
494
495
 
495
496
  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 }); }
497
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxSubtleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
498
+ 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
499
  }
499
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ApprobationInboxSubtleComponent, decorators: [{
500
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ApprobationInboxSubtleComponent, decorators: [{
500
501
  type: Component,
501
502
  args: [{
502
503
  selector: 'lu-approbation-inbox-list-subtle',