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

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 (319) hide show
  1. package/README.md +1 -1
  2. package/fesm2022/lucca-front-ng-a11y.mjs +10 -10
  3. package/fesm2022/lucca-front-ng-a11y.mjs.map +1 -1
  4. package/fesm2022/lucca-front-ng-activity-feed.mjs +14 -14
  5. package/fesm2022/lucca-front-ng-activity-feed.mjs.map +1 -1
  6. package/fesm2022/lucca-front-ng-api.mjs +44 -42
  7. package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
  8. package/fesm2022/lucca-front-ng-app-layout.mjs +7 -6
  9. package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
  10. package/fesm2022/lucca-front-ng-approbation-inbox.mjs +517 -0
  11. package/fesm2022/lucca-front-ng-approbation-inbox.mjs.map +1 -0
  12. package/fesm2022/lucca-front-ng-box.mjs +12 -12
  13. package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
  14. package/fesm2022/lucca-front-ng-breadcrumbs.mjs +9 -9
  15. package/fesm2022/lucca-front-ng-breadcrumbs.mjs.map +1 -1
  16. package/fesm2022/lucca-front-ng-bubble-icon.mjs +4 -4
  17. package/fesm2022/lucca-front-ng-bubble-icon.mjs.map +1 -1
  18. package/fesm2022/lucca-front-ng-bubble-illustration.mjs +7 -6
  19. package/fesm2022/lucca-front-ng-bubble-illustration.mjs.map +1 -1
  20. package/fesm2022/lucca-front-ng-callout.mjs +38 -38
  21. package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
  22. package/fesm2022/lucca-front-ng-chip.mjs +10 -10
  23. package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
  24. package/fesm2022/lucca-front-ng-clear.mjs +7 -7
  25. package/fesm2022/lucca-front-ng-clear.mjs.map +1 -1
  26. package/fesm2022/lucca-front-ng-code.mjs +6 -5
  27. package/fesm2022/lucca-front-ng-code.mjs.map +1 -1
  28. package/fesm2022/lucca-front-ng-color.mjs +7 -6
  29. package/fesm2022/lucca-front-ng-color.mjs.map +1 -1
  30. package/fesm2022/lucca-front-ng-comment.mjs +18 -17
  31. package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
  32. package/fesm2022/lucca-front-ng-container.mjs +8 -7
  33. package/fesm2022/lucca-front-ng-container.mjs.map +1 -1
  34. package/fesm2022/lucca-front-ng-core-select-api.mjs +17 -40
  35. package/fesm2022/lucca-front-ng-core-select-api.mjs.map +1 -1
  36. package/fesm2022/lucca-front-ng-core-select-department.mjs +18 -20
  37. package/fesm2022/lucca-front-ng-core-select-department.mjs.map +1 -1
  38. package/fesm2022/lucca-front-ng-core-select-establishment.mjs +28 -16
  39. package/fesm2022/lucca-front-ng-core-select-establishment.mjs.map +1 -1
  40. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +19 -9
  41. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs.map +1 -1
  42. package/fesm2022/lucca-front-ng-core-select-legal-units.mjs +34 -21
  43. package/fesm2022/lucca-front-ng-core-select-legal-units.mjs.map +1 -1
  44. package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs +16 -6
  45. package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs.map +1 -1
  46. package/fesm2022/lucca-front-ng-core-select-user.mjs +41 -36
  47. package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
  48. package/fesm2022/lucca-front-ng-core-select.mjs +204 -118
  49. package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
  50. package/fesm2022/lucca-front-ng-core.mjs +113 -38
  51. package/fesm2022/lucca-front-ng-core.mjs.map +1 -1
  52. package/fesm2022/lucca-front-ng-data-table.mjs +50 -50
  53. package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
  54. package/fesm2022/lucca-front-ng-date.mjs +44 -44
  55. package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
  56. package/fesm2022/lucca-front-ng-date2.mjs +50 -48
  57. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  58. package/fesm2022/lucca-front-ng-department.mjs +28 -27
  59. package/fesm2022/lucca-front-ng-department.mjs.map +1 -1
  60. package/fesm2022/lucca-front-ng-dialog.mjs +87 -60
  61. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  62. package/fesm2022/lucca-front-ng-divider.mjs +9 -9
  63. package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
  64. package/fesm2022/lucca-front-ng-dropdown.mjs +46 -46
  65. package/fesm2022/lucca-front-ng-dropdown.mjs.map +1 -1
  66. package/fesm2022/lucca-front-ng-empty-state.mjs +56 -31
  67. package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
  68. package/fesm2022/lucca-front-ng-error-page.mjs +4 -4
  69. package/fesm2022/lucca-front-ng-error-page.mjs.map +1 -1
  70. package/fesm2022/lucca-front-ng-establishment.mjs +38 -37
  71. package/fesm2022/lucca-front-ng-establishment.mjs.map +1 -1
  72. package/fesm2022/lucca-front-ng-fancy-box.mjs +4 -4
  73. package/fesm2022/lucca-front-ng-fancy-box.mjs.map +1 -1
  74. package/fesm2022/lucca-front-ng-file-upload.mjs +86 -48
  75. package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
  76. package/fesm2022/lucca-front-ng-filter-pills.mjs +150 -27
  77. package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
  78. package/fesm2022/lucca-front-ng-footer.mjs +10 -9
  79. package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
  80. package/fesm2022/lucca-front-ng-form-field.mjs +35 -36
  81. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  82. package/fesm2022/lucca-front-ng-form-header.mjs +5 -5
  83. package/fesm2022/lucca-front-ng-form-header.mjs.map +1 -1
  84. package/fesm2022/lucca-front-ng-form-label.mjs +19 -52
  85. package/fesm2022/lucca-front-ng-form-label.mjs.map +1 -1
  86. package/fesm2022/lucca-front-ng-form.mjs +9 -8
  87. package/fesm2022/lucca-front-ng-form.mjs.map +1 -1
  88. package/fesm2022/lucca-front-ng-formly.mjs +64 -64
  89. package/fesm2022/lucca-front-ng-formly.mjs.map +1 -1
  90. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +8 -8
  91. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
  92. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs +3 -3
  93. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +6 -6
  94. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs +3 -3
  95. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +72 -58
  96. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  97. package/fesm2022/lucca-front-ng-forms.mjs +129 -114
  98. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  99. package/fesm2022/lucca-front-ng-gauge.mjs +11 -11
  100. package/fesm2022/lucca-front-ng-gauge.mjs.map +1 -1
  101. package/fesm2022/lucca-front-ng-grid.mjs +18 -17
  102. package/fesm2022/lucca-front-ng-grid.mjs.map +1 -1
  103. package/fesm2022/lucca-front-ng-highlight-data.mjs +11 -18
  104. package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
  105. package/fesm2022/lucca-front-ng-highlight-section.mjs +85 -0
  106. package/fesm2022/lucca-front-ng-highlight-section.mjs.map +1 -0
  107. package/fesm2022/lucca-front-ng-highlight-text.mjs +3 -3
  108. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +17 -17
  109. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
  110. package/fesm2022/lucca-front-ng-impersonation.mjs +7 -7
  111. package/fesm2022/lucca-front-ng-impersonation.mjs.map +1 -1
  112. package/fesm2022/lucca-front-ng-index-table.mjs +50 -50
  113. package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
  114. package/fesm2022/lucca-front-ng-inline-message.mjs +6 -6
  115. package/fesm2022/lucca-front-ng-inline-message.mjs.map +1 -1
  116. package/fesm2022/lucca-front-ng-input.mjs +22 -22
  117. package/fesm2022/lucca-front-ng-input.mjs.map +1 -1
  118. package/fesm2022/lucca-front-ng-link.mjs +24 -16
  119. package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
  120. package/fesm2022/lucca-front-ng-listbox.mjs +45 -35
  121. package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
  122. package/fesm2022/lucca-front-ng-listing.mjs +17 -16
  123. package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
  124. package/fesm2022/lucca-front-ng-loading.mjs +8 -8
  125. package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
  126. package/fesm2022/lucca-front-ng-main-layout.mjs +131 -15
  127. package/fesm2022/lucca-front-ng-main-layout.mjs.map +1 -1
  128. package/fesm2022/lucca-front-ng-mobile-push.mjs +3 -3
  129. package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
  130. package/fesm2022/lucca-front-ng-modal.mjs +29 -29
  131. package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
  132. package/fesm2022/lucca-front-ng-multi-select.mjs +197 -127
  133. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  134. package/fesm2022/lucca-front-ng-new-badge.mjs +3 -3
  135. package/fesm2022/lucca-front-ng-number-format.mjs +6 -6
  136. package/fesm2022/lucca-front-ng-number.mjs +7 -7
  137. package/fesm2022/lucca-front-ng-numeric-badge.mjs +1 -84
  138. package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
  139. package/fesm2022/lucca-front-ng-option.mjs +147 -140
  140. package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
  141. package/fesm2022/lucca-front-ng-page-header.mjs +8 -8
  142. package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
  143. package/fesm2022/lucca-front-ng-pagination.mjs +13 -16
  144. package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
  145. package/fesm2022/lucca-front-ng-plg-push.mjs +6 -6
  146. package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
  147. package/fesm2022/lucca-front-ng-popover.mjs +17 -17
  148. package/fesm2022/lucca-front-ng-popover2.mjs +15 -16
  149. package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
  150. package/fesm2022/lucca-front-ng-popup.mjs +10 -10
  151. package/fesm2022/lucca-front-ng-progress-bar.mjs +8 -7
  152. package/fesm2022/lucca-front-ng-progress-bar.mjs.map +1 -1
  153. package/fesm2022/lucca-front-ng-progress-stepper.mjs +9 -9
  154. package/fesm2022/lucca-front-ng-progress-stepper.mjs.map +1 -1
  155. package/fesm2022/lucca-front-ng-read-more.mjs +17 -12
  156. package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
  157. package/fesm2022/lucca-front-ng-resource-card.mjs +21 -20
  158. package/fesm2022/lucca-front-ng-resource-card.mjs.map +1 -1
  159. package/fesm2022/lucca-front-ng-safe-content.mjs +10 -10
  160. package/fesm2022/lucca-front-ng-scroll-box.mjs +6 -5
  161. package/fesm2022/lucca-front-ng-scroll-box.mjs.map +1 -1
  162. package/fesm2022/lucca-front-ng-scroll.mjs +9 -9
  163. package/fesm2022/lucca-front-ng-scroll.mjs.map +1 -1
  164. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +12 -12
  165. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs.map +1 -1
  166. package/fesm2022/lucca-front-ng-segmented-control.mjs +17 -14
  167. package/fesm2022/lucca-front-ng-segmented-control.mjs.map +1 -1
  168. package/fesm2022/lucca-front-ng-select.mjs +22 -22
  169. package/fesm2022/lucca-front-ng-select.mjs.map +1 -1
  170. package/fesm2022/lucca-front-ng-sidepanel.mjs +7 -7
  171. package/fesm2022/lucca-front-ng-simple-select.mjs +38 -34
  172. package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
  173. package/fesm2022/lucca-front-ng-skeleton.mjs +1 -237
  174. package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
  175. package/fesm2022/lucca-front-ng-software-icon-wrapper.mjs +11 -11
  176. package/fesm2022/lucca-front-ng-software-icon-wrapper.mjs.map +1 -1
  177. package/fesm2022/lucca-front-ng-software-icon.mjs +8 -7
  178. package/fesm2022/lucca-front-ng-software-icon.mjs.map +1 -1
  179. package/fesm2022/lucca-front-ng-sortable-list.mjs +13 -13
  180. package/fesm2022/lucca-front-ng-sortable-list.mjs.map +1 -1
  181. package/fesm2022/lucca-front-ng-status-badge.mjs +6 -6
  182. package/fesm2022/lucca-front-ng-status-badge.mjs.map +1 -1
  183. package/fesm2022/lucca-front-ng-table-of-content.mjs +6 -6
  184. package/fesm2022/lucca-front-ng-tag.mjs +1 -72
  185. package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
  186. package/fesm2022/lucca-front-ng-text-flow.mjs +4 -4
  187. package/fesm2022/lucca-front-ng-text-flow.mjs.map +1 -1
  188. package/fesm2022/lucca-front-ng-time.mjs +46 -47
  189. package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
  190. package/fesm2022/lucca-front-ng-title.mjs +24 -14
  191. package/fesm2022/lucca-front-ng-title.mjs.map +1 -1
  192. package/fesm2022/lucca-front-ng-toast.mjs +13 -14
  193. package/fesm2022/lucca-front-ng-toast.mjs.map +1 -1
  194. package/fesm2022/lucca-front-ng-tooltip.mjs +1 -556
  195. package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
  196. package/fesm2022/lucca-front-ng-tree-select.mjs +51 -37
  197. package/fesm2022/lucca-front-ng-tree-select.mjs.map +1 -1
  198. package/fesm2022/lucca-front-ng-user-popover.mjs +22 -19
  199. package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
  200. package/fesm2022/lucca-front-ng-user.mjs +75 -73
  201. package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
  202. package/fesm2022/lucca-front-ng-vertical-navigation.mjs +21 -22
  203. package/fesm2022/lucca-front-ng-vertical-navigation.mjs.map +1 -1
  204. package/package.json +12 -4
  205. package/schematics/action-icon/migration.spec.js +2 -2
  206. package/schematics/alignment-utilities/migration.spec.js +2 -2
  207. package/schematics/cdn-urls/migration.spec.js +2 -2
  208. package/schematics/class-prefix/migration.spec.js +2 -2
  209. package/schematics/color-text/migration.spec.js +2 -2
  210. package/schematics/component-path/migration.spec.js +2 -2
  211. package/schematics/deprecated-resolver/migration.spec.js +1 -1
  212. package/schematics/empty-state-title/migration.spec.js +1 -1
  213. package/schematics/lib/migration-test.js +6 -1
  214. package/schematics/lu-button/migration.spec.js +1 -1
  215. package/schematics/lu-container/migration.spec.js +1 -1
  216. package/schematics/lu-grid/migration.js +24 -16
  217. package/schematics/lu-grid/migration.spec.js +1 -1
  218. package/schematics/lu-icon/migration.spec.js +1 -1
  219. package/schematics/lu-loading/migration.spec.js +1 -1
  220. package/schematics/lu-select/migration.spec.js +1 -1
  221. package/schematics/lu-text-input/migration.spec.js +1 -1
  222. package/schematics/new-icons/migration.spec.js +2 -2
  223. package/schematics/palettes/index.js +28 -8
  224. package/schematics/palettes/migration.spec.js +2 -2
  225. package/schematics/tokens-radius/migration.spec.js +2 -2
  226. package/schematics/tokens-spacing/migration.spec.js +2 -2
  227. package/schematics/tokens-typo/migration.spec.js +2 -2
  228. package/src/_components.scss +1 -0
  229. package/src/components/_listbox.scss +8 -0
  230. package/src/components/_popover.scss +1 -1
  231. package/src/components/_popup.scss +6 -6
  232. package/src/components/_sidepanel.scss +1 -1
  233. package/src/definitions/option/_option-item.scss +0 -7
  234. package/title/README.md +22 -7
  235. package/types/lucca-front-ng-app-layout.d.ts +1 -1
  236. package/types/lucca-front-ng-approbation-inbox.d.ts +142 -0
  237. package/types/lucca-front-ng-box.d.ts +4 -4
  238. package/types/lucca-front-ng-breadcrumbs.d.ts +1 -1
  239. package/types/lucca-front-ng-bubble-icon.d.ts +1 -1
  240. package/types/lucca-front-ng-bubble-illustration.d.ts +1 -1
  241. package/types/lucca-front-ng-callout.d.ts +9 -9
  242. package/types/lucca-front-ng-chip.d.ts +3 -3
  243. package/types/lucca-front-ng-clear.d.ts +2 -2
  244. package/types/lucca-front-ng-code.d.ts +1 -1
  245. package/types/lucca-front-ng-color.d.ts +1 -1
  246. package/types/lucca-front-ng-comment.d.ts +6 -5
  247. package/types/lucca-front-ng-container.d.ts +2 -2
  248. package/types/lucca-front-ng-core-select-api.d.ts +10 -4
  249. package/types/lucca-front-ng-core-select-department.d.ts +2 -2
  250. package/types/lucca-front-ng-core-select-establishment.d.ts +3 -1
  251. package/types/lucca-front-ng-core-select-job-qualification.d.ts +2 -0
  252. package/types/lucca-front-ng-core-select-legal-units.d.ts +3 -1
  253. package/types/lucca-front-ng-core-select-occupation-category.d.ts +2 -0
  254. package/types/lucca-front-ng-core-select-user.d.ts +4 -3
  255. package/types/lucca-front-ng-core-select.d.ts +52 -15
  256. package/types/lucca-front-ng-core.d.ts +77 -3
  257. package/types/lucca-front-ng-data-table.d.ts +14 -14
  258. package/types/lucca-front-ng-date.d.ts +1 -1
  259. package/types/lucca-front-ng-date2.d.ts +19 -19
  260. package/types/lucca-front-ng-department.d.ts +2 -2
  261. package/types/lucca-front-ng-dialog.d.ts +7 -6
  262. package/types/lucca-front-ng-divider.d.ts +3 -3
  263. package/types/lucca-front-ng-dropdown.d.ts +2 -2
  264. package/types/lucca-front-ng-empty-state.d.ts +15 -6
  265. package/types/lucca-front-ng-establishment.d.ts +2 -2
  266. package/types/lucca-front-ng-file-upload.d.ts +22 -11
  267. package/types/lucca-front-ng-filter-pills.d.ts +43 -3
  268. package/types/lucca-front-ng-footer.d.ts +4 -4
  269. package/types/lucca-front-ng-form-field.d.ts +10 -10
  270. package/types/lucca-front-ng-form-header.d.ts +1 -1
  271. package/types/lucca-front-ng-form-label.d.ts +5 -9
  272. package/types/lucca-front-ng-form.d.ts +2 -2
  273. package/types/lucca-front-ng-forms-phone-number-input.d.ts +2 -2
  274. package/types/lucca-front-ng-forms-rich-text-input.d.ts +9 -5
  275. package/types/lucca-front-ng-forms.d.ts +50 -37
  276. package/types/lucca-front-ng-gauge.d.ts +6 -6
  277. package/types/lucca-front-ng-grid.d.ts +8 -8
  278. package/types/lucca-front-ng-highlight-data.d.ts +3 -5
  279. package/types/lucca-front-ng-highlight-section.d.ts +44 -0
  280. package/types/lucca-front-ng-horizontal-navigation.d.ts +4 -4
  281. package/types/lucca-front-ng-impersonation.d.ts +1 -1
  282. package/types/lucca-front-ng-index-table.d.ts +12 -12
  283. package/types/lucca-front-ng-inline-message.d.ts +1 -1
  284. package/types/lucca-front-ng-link.d.ts +4 -4
  285. package/types/lucca-front-ng-listbox.d.ts +20 -17
  286. package/types/lucca-front-ng-listing.d.ts +9 -9
  287. package/types/lucca-front-ng-loading.d.ts +3 -3
  288. package/types/lucca-front-ng-main-layout.d.ts +40 -9
  289. package/types/lucca-front-ng-modal.d.ts +1 -1
  290. package/types/lucca-front-ng-multi-select.d.ts +33 -7
  291. package/types/lucca-front-ng-numeric-badge.d.ts +1 -46
  292. package/types/lucca-front-ng-option.d.ts +2 -0
  293. package/types/lucca-front-ng-page-header.d.ts +2 -2
  294. package/types/lucca-front-ng-pagination.d.ts +5 -5
  295. package/types/lucca-front-ng-plg-push.d.ts +1 -1
  296. package/types/lucca-front-ng-popover2.d.ts +14 -14
  297. package/types/lucca-front-ng-progress-bar.d.ts +2 -2
  298. package/types/lucca-front-ng-progress-stepper.d.ts +1 -1
  299. package/types/lucca-front-ng-read-more.d.ts +9 -4
  300. package/types/lucca-front-ng-resource-card.d.ts +6 -6
  301. package/types/lucca-front-ng-scroll-box.d.ts +1 -1
  302. package/types/lucca-front-ng-scroll.d.ts +1 -1
  303. package/types/lucca-front-ng-segmented-control-tabs.d.ts +2 -2
  304. package/types/lucca-front-ng-segmented-control.d.ts +5 -3
  305. package/types/lucca-front-ng-select.d.ts +2 -1
  306. package/types/lucca-front-ng-simple-select.d.ts +5 -6
  307. package/types/lucca-front-ng-skeleton.d.ts +1 -158
  308. package/types/lucca-front-ng-software-icon-wrapper.d.ts +3 -3
  309. package/types/lucca-front-ng-software-icon.d.ts +2 -2
  310. package/types/lucca-front-ng-sortable-list.d.ts +5 -5
  311. package/types/lucca-front-ng-status-badge.d.ts +1 -1
  312. package/types/lucca-front-ng-tag.d.ts +1 -53
  313. package/types/lucca-front-ng-time.d.ts +17 -17
  314. package/types/lucca-front-ng-title.d.ts +4 -4
  315. package/types/lucca-front-ng-toast.d.ts +1 -1
  316. package/types/lucca-front-ng-tooltip.d.ts +1 -80
  317. package/types/lucca-front-ng-tree-select.d.ts +1 -1
  318. package/types/lucca-front-ng-user.d.ts +8 -6
  319. package/types/lucca-front-ng-vertical-navigation.d.ts +4 -4
@@ -1,7 +1,7 @@
1
1
  import * as i0 from '@angular/core';
2
- import { InjectionToken, inject, LOCALE_ID, input, output, computed, booleanAttribute, effect, Directive, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
2
+ import { InjectionToken, inject, LOCALE_ID, input, output, computed, effect, Directive, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
3
3
  import { BubbleIllustrationComponent } from '@lucca-front/ng/bubble-illustration';
4
- import { intlInputOptions, IntlParamsPipe, isNotNil } from '@lucca-front/ng/core';
4
+ import { intlInputOptions, luBooleanAttribute, luNumberAttribute, IntlParamsPipe, isNotNil } from '@lucca-front/ng/core';
5
5
  import { FORM_FIELD_INSTANCE, FormFieldComponent, InputDirective } from '@lucca-front/ng/form-field';
6
6
  import { outputFromObservable } from '@angular/core/rxjs-interop';
7
7
  import * as i1 from '@angular/forms';
@@ -24,30 +24,30 @@ const Translations = {
24
24
  all: 'all',
25
25
  file: '{{fileTypeLastPart}} file',
26
26
  download: 'Download',
27
- preview: 'View',
28
27
  downloadFile: 'Download file "{{fileName}}"',
29
28
  delete: 'Delete',
30
29
  deleteFile: 'Delete file "{{fileName}}"',
31
30
  password: 'Password',
32
31
  confirmPassword: 'Confirm password',
33
32
  edit: 'Edit',
33
+ preview: 'View',
34
34
  },
35
35
  de: {
36
36
  acceptedFormat: { one: 'Akzeptiertes Format:', other: 'Akzeptierte Formate:' },
37
37
  selectFile: { one: 'Eine Datei auswählen', other: 'Dateien auswählen' },
38
- dropOrClick: { one: 'Drag and drop file here or <span>click to browse</span>.', other: 'Drag and drop files here or <span>click to browse</span>.' },
38
+ dropOrClick: { one: 'Datei hier ablegen oder <span>zum Auswählen klicken</span>.', other: 'Dateien hier ablegen oder <span>zum Auswählen klicken</span>.' },
39
39
  maxWeight: { one: 'Maximale Größe: {{maxSizeDisplay}}. ', other: 'Maximale Größe für eine Datei: {{maxSizeDisplay}}. ' },
40
40
  fileUploadedListed: { one: 'Die bereits abgelegte Datei ist hier aufgeführt.', other: 'Die bereits abgelegten Dateien sind hier aufgeführt.' },
41
41
  all: 'alle',
42
42
  file: 'Datei {{fileTypeLastPart}}',
43
43
  download: 'Download',
44
- preview: 'Anzeigen',
45
44
  downloadFile: 'Die Datei „ {{fileName}} “ downloaden',
46
45
  delete: 'Löschen',
47
46
  deleteFile: 'Die Datei „ {{fileName}} “ löschen',
48
47
  password: 'Passwort',
49
48
  confirmPassword: 'Passwort',
50
49
  edit: 'Bearbeiten',
50
+ preview: 'Ansehen',
51
51
  },
52
52
  fr: {
53
53
  acceptedFormat: { one: 'Format accepté :', other: 'Formats acceptés :' },
@@ -58,13 +58,13 @@ const Translations = {
58
58
  all: 'tous',
59
59
  file: 'Fichier {{fileTypeLastPart}}',
60
60
  download: 'Télécharger',
61
- preview: 'Visualiser',
62
61
  downloadFile: 'Télécharger le fichier « {{fileName}} »',
63
62
  delete: 'Supprimer',
64
63
  deleteFile: 'Supprimer le fichier « {{fileName}} »',
65
64
  password: 'Mot de passe',
66
65
  confirmPassword: 'Valider le mot de passe',
67
66
  edit: 'Modifier',
67
+ preview: 'Visualiser',
68
68
  },
69
69
  it: {
70
70
  acceptedFormat: { one: 'Formato accettato:', other: 'Formati accettati:' },
@@ -75,13 +75,13 @@ const Translations = {
75
75
  all: 'tutti',
76
76
  file: 'File {{fileTypeLastPart}}',
77
77
  download: 'Scaricare',
78
- preview: 'Visualizza',
79
78
  downloadFile: 'Scaricare il file "{{fileName}}"',
80
79
  delete: 'Eliminare',
81
80
  deleteFile: 'Eliminare il file "{{fileName}}"',
82
81
  password: 'Password',
83
82
  confirmPassword: 'Confermare la password',
84
83
  edit: 'Modificare',
84
+ preview: 'Visualizzare',
85
85
  },
86
86
  nl: {
87
87
  acceptedFormat: { one: 'Goedgekeurd formaat:', other: 'Goedgekeurde formaten:' },
@@ -92,30 +92,30 @@ const Translations = {
92
92
  all: 'alle',
93
93
  file: 'Bestand {{fileTypeLastPart}}',
94
94
  download: 'Downloaden',
95
- preview: 'Bekijken',
96
95
  downloadFile: "Het bestand '{{fileName}}' downloaden",
97
96
  delete: 'Verwijderen',
98
97
  deleteFile: "Het bestand '{{fileName}}' verwijderen",
99
98
  password: 'Wachtwoord',
100
99
  confirmPassword: 'Wachtwoord valideren',
101
100
  edit: 'Wijzigen',
101
+ preview: 'Bekijken',
102
102
  },
103
103
  'nl-BE': {
104
104
  acceptedFormat: { one: 'Goedgekeurd formaat:', other: 'Goedgekeurde formaten:' },
105
105
  selectFile: { one: 'Een bestand selecteren', other: 'Bestanden selecteren' },
106
- dropOrClick: { one: 'Kies het bestand hier of <span>klik om te selecteren</span>.', other: 'Kies de bestanden hier of <span>klik om te selecteren</span>.' },
106
+ dropOrClick: { one: 'Sleep het bestand hierheen of <span>klik om het te selecteren</span>.', other: 'Sleep de bestanden hierheen of <span>klik om ze te selecteren</span>.' },
107
107
  maxWeight: { one: 'Maximale grootte: {{maxSizeDisplay}}. ', other: 'Maximale bestandsgrootte: {{maxSizeDisplay}}. ' },
108
108
  fileUploadedListed: { one: 'Het reeds ingediende bestand wordt naderhand gedetailleerd.', other: 'Reeds ingediende bestanden worden naderhand gedetailleerd.' },
109
109
  all: 'alle',
110
110
  file: 'Bestand {{fileTypeLastPart}}',
111
111
  download: 'Downloaden',
112
- preview: 'Bekijken',
113
112
  downloadFile: "Het bestand '{{fileName}}' downloaden",
114
113
  delete: 'Verwijderen',
115
114
  deleteFile: "Het bestand '{{fileName}}' verwijderen",
116
115
  password: 'Wachtwoord',
117
116
  confirmPassword: 'Wachtwoord valideren',
118
117
  edit: 'Wijzigen',
118
+ preview: 'Bekijken',
119
119
  },
120
120
  es: {
121
121
  acceptedFormat: { one: 'Formato aceptado:', other: 'Formatos aceptados:' },
@@ -126,47 +126,62 @@ const Translations = {
126
126
  all: 'todos',
127
127
  file: 'Archivo {{fileTypeLastPart}}',
128
128
  download: 'Descargar',
129
- preview: 'Ver',
130
129
  downloadFile: 'Descargar el archivo «{{fileName}}»',
131
130
  delete: 'Eliminar',
132
131
  deleteFile: 'Eliminar el archivo «{{fileName}}»',
133
132
  password: 'Contraseña',
134
133
  confirmPassword: 'Validar la contraseña',
135
134
  edit: 'Editar',
135
+ preview: 'Visualizar',
136
136
  },
137
137
  pt: {
138
138
  acceptedFormat: { one: 'Formato aceite :', other: 'Formatos aceites :' },
139
139
  selectFile: { one: 'Select a file', other: 'Select files' },
140
- dropOrClick: { one: 'Drag and drop file here or <span>click to browse</span>.', other: 'Drag and drop files here or <span>click to browse</span>.' },
140
+ dropOrClick: { one: 'Solte o arquivo aqui ou <span>clique para selecioná-lo</span>.', other: 'Solte os arquivos aqui ou <span>clique para selecioná-los</span>.' },
141
141
  maxWeight: { one: 'Maximum size: {{maxSizeDisplay}}. ', other: 'Maximum file size: {{maxSizeDisplay}}. ' },
142
142
  fileUploadedListed: { one: 'You can see the details of the file submitted below.', other: 'You can see the details of the files submitted below.' },
143
143
  all: 'todos',
144
144
  file: 'Ficheiro {{fileTypeLastPart}}',
145
145
  download: 'Descarregar',
146
- preview: 'Visualizar',
147
146
  downloadFile: 'Descarregar o ficheiro " {{fileName}} ',
148
147
  delete: 'Eliminar',
149
148
  deleteFile: 'Eliminar o ficheiro " {{fileName}} ',
150
149
  password: 'Palavra-passe',
151
150
  confirmPassword: 'Confirmar a palavra-passe',
152
151
  edit: 'Modificar',
152
+ preview: 'Visualizar',
153
153
  },
154
154
  pl: {
155
- acceptedFormat: { one: 'Akceptowany format:', few: '', many: '', other: 'Akceptowane formaty:' },
156
- selectFile: { one: 'Wybierz plik', few: '', many: '', other: 'Wybierz pliki' },
157
- dropOrClick: { one: 'Przeciągnij plik tutaj lub <span>kliknij, aby go wybrać</span>.', few: '', many: '', other: 'Przeciągnij pliki tutaj lub <span>kliknij, aby je wybrać</span>.' },
158
- maxWeight: { one: 'Maksymalny rozmiar: {{maxSizeDisplay}}. ', few: '', many: '', other: 'Maksymalny rozmiar pliku: {{maxSizeDisplay}}. ' },
159
- fileUploadedListed: { one: 'Plik już przesłany jest szczegółowo opisany poniżej.', few: '', many: '', other: 'Pliki już przesłane są szczegółowo opisane poniżej.' },
155
+ acceptedFormat: { one: 'Akceptowany format:', few: 'Akceptowane formaty:', many: 'Akceptowane formaty:', other: 'Akceptowane formaty:' },
156
+ selectFile: { one: 'Wybierz plik', few: 'Wybierz pliki', many: 'Wybierz pliki', other: 'Wybierz pliki' },
157
+ dropOrClick: {
158
+ one: 'Upuść plik tutaj lub <span>kliknij, aby go wybrać</span>.',
159
+ few: 'Upuść pliki tutaj lub <span>kliknij, aby je wybrać</span>.',
160
+ many: 'Upuść pliki tutaj lub <span>kliknij, aby je wybrać</span>.',
161
+ other: 'Upuść pliki tutaj lub <span>kliknij, aby je wybrać</span>.',
162
+ },
163
+ maxWeight: {
164
+ one: 'Maksymalny rozmiar: {{maxSizeDisplay}}. ',
165
+ few: 'Maksymalny rozmiar jednego pliku {{maxSizeDisplay}}. ',
166
+ many: 'Maksymalny rozmiar jednego pliku {{maxSizeDisplay}}. ',
167
+ other: 'Maksymalny rozmiar jednego pliku {{maxSizeDisplay}}. ',
168
+ },
169
+ fileUploadedListed: {
170
+ one: 'Szczegóły przesłanego wcześniej pliku znajdują się poniżej.',
171
+ few: 'Szczegóły przesłanych wcześniej plików znajdują się poniżej.',
172
+ many: 'Szczegóły przesłanych wcześniej plików znajdują się poniżej.',
173
+ other: 'Szczegóły przesłanych wcześniej plików znajdują się poniżej.',
174
+ },
160
175
  all: 'wszystkie',
161
176
  file: 'Plik {{fileTypeLastPart}}',
162
177
  download: 'Pobierz',
163
- preview: 'Wyświetl',
164
178
  downloadFile: 'Pobierz plik „{{fileName}}”',
165
179
  delete: 'Usuń',
166
180
  deleteFile: 'Usuń plik „{{fileName}}”',
167
181
  password: 'Hasło',
168
182
  confirmPassword: 'Potwierdź hasło',
169
183
  edit: 'Edytuj',
184
+ preview: 'Wyświetl',
170
185
  },
171
186
  };
172
187
 
@@ -231,14 +246,13 @@ class BaseFileUploadComponent {
231
246
  return this.acceptAttribute().some((str) => str.includes('*'));
232
247
  }, /* @ts-ignore */
233
248
  ...(ngDevMode ? [{ debugName: "acceptAll" }] : /* istanbul ignore next */ []));
234
- this.structure = input(false, { ...(ngDevMode ? { debugName: "structure" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
235
- this.fileMaxSize = input(80 * MEGA_BYTE, /* @ts-ignore */
236
- ...(ngDevMode ? [{ debugName: "fileMaxSize" }] : /* istanbul ignore next */ []));
249
+ this.structure = input(false, { ...(ngDevMode ? { debugName: "structure" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
250
+ this.fileMaxSize = input(80 * MEGA_BYTE, { ...(ngDevMode ? { debugName: "fileMaxSize" } : /* istanbul ignore next */ {}), transform: luNumberAttribute });
237
251
  this.maxSizeDisplay = computed(() => formatFileSize(this.locale, this.fileMaxSize()), /* @ts-ignore */
238
252
  ...(ngDevMode ? [{ debugName: "maxSizeDisplay" }] : /* istanbul ignore next */ []));
239
253
  this.size = input(null, /* @ts-ignore */
240
254
  ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
241
- this.password = input(false, { ...(ngDevMode ? { debugName: "password" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
255
+ this.password = input(false, { ...(ngDevMode ? { debugName: "password" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
242
256
  this.illustration = input('invoice', /* @ts-ignore */
243
257
  ...(ngDevMode ? [{ debugName: "illustration" }] : /* istanbul ignore next */ []));
244
258
  this.illus = computed(() => {
@@ -251,8 +265,8 @@ class BaseFileUploadComponent {
251
265
  }
252
266
  }, /* @ts-ignore */
253
267
  ...(ngDevMode ? [{ debugName: "illus" }] : /* istanbul ignore next */ []));
254
- this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
255
- this.buttonFilled = input(false, { ...(ngDevMode ? { debugName: "buttonFilled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
268
+ this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
269
+ this.buttonFilled = input(false, { ...(ngDevMode ? { debugName: "buttonFilled" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
256
270
  effect(() => {
257
271
  this.formFieldRef?.forceInputRequired.set(this.required());
258
272
  });
@@ -267,18 +281,18 @@ class BaseFileUploadComponent {
267
281
  }
268
282
  host.value = '';
269
283
  }
270
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: BaseFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
271
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.4", type: BaseFileUploadComponent, isStandalone: true, inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, structure: { classPropertyName: "structure", publicName: "structure", isSignal: true, isRequired: false, transformFunction: null }, fileMaxSize: { classPropertyName: "fileMaxSize", publicName: "fileMaxSize", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, password: { classPropertyName: "password", publicName: "password", isSignal: true, isRequired: false, transformFunction: null }, illustration: { classPropertyName: "illustration", publicName: "illustration", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, buttonFilled: { classPropertyName: "buttonFilled", publicName: "buttonFilled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filePicked: "filePicked" }, ngImport: i0 }); }
284
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
285
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: BaseFileUploadComponent, isStandalone: true, inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, structure: { classPropertyName: "structure", publicName: "structure", isSignal: true, isRequired: false, transformFunction: null }, fileMaxSize: { classPropertyName: "fileMaxSize", publicName: "fileMaxSize", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, password: { classPropertyName: "password", publicName: "password", isSignal: true, isRequired: false, transformFunction: null }, illustration: { classPropertyName: "illustration", publicName: "illustration", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, buttonFilled: { classPropertyName: "buttonFilled", publicName: "buttonFilled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filePicked: "filePicked" }, ngImport: i0 }); }
272
286
  }
273
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: BaseFileUploadComponent, decorators: [{
287
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseFileUploadComponent, decorators: [{
274
288
  type: Directive
275
289
  }], ctorParameters: () => [], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], filePicked: [{ type: i0.Output, args: ["filePicked"] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], structure: [{ type: i0.Input, args: [{ isSignal: true, alias: "structure", required: false }] }], fileMaxSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileMaxSize", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], password: [{ type: i0.Input, args: [{ isSignal: true, alias: "password", required: false }] }], illustration: [{ type: i0.Input, args: [{ isSignal: true, alias: "illustration", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], buttonFilled: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonFilled", required: false }] }] } });
276
290
 
277
291
  class FileDropzoneComponent extends BaseFileUploadComponent {
278
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: FileDropzoneComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
279
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: FileDropzoneComponent, isStandalone: true, selector: "lu-file-dropzone", usesInheritance: true, ngImport: i0, template: "<div class=\"fileUpload mod-dropzone\" [class.is-droppable]=\"droppable\" (dragenter)=\"droppable = true\" (dragleave)=\"droppable = false\">\n\t<div class=\"fileUpload-status\">\n\t\t<lu-bubble-illustration [illustration]=\"illus()\" action size=\"L\" />\n\t</div>\n\t<div class=\"fileUpload-instruction\" [attr.id]=\"'fileUpload-instruction-' + idSuffix\">\n\t\t@if (acceptNames().length) {\n\t\t\t<span class=\"fileUpload-instruction-formats\">\n\t\t\t\t@if (acceptNames().length > 1 || acceptAll()) {\n\t\t\t\t\t{{ intl().acceptedFormat.other }}\n\t\t\t\t} @else {\n\t\t\t\t\t{{ intl().acceptedFormat.one }}\n\t\t\t\t}\n\t\t\t\t{{ acceptNames().join(\", \") }}.\n\t\t\t</span>\n\t\t}\n\t\t@if (fileMaxSize()) {\n\t\t\t<span class=\"fileUpload-instruction-size\">{{ intl().maxWeight.other | intlParams: { maxSizeDisplay: maxSizeDisplay() } }}</span>\n\t\t}\n\t</div>\n</div>\n", styles: ["@layer components{.fileUpload{--components-fileUpload-inset: auto;--components-fileUpload-position: relative;--components-fileUpload-button-visibility: visible;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-button-display: none;--components-fileUpload-padding: var(--pr-t-spacings-150) var(--pr-t-spacings-200);--components-fileUpload-textAlign: left;--components-fileUpload-flexDirection: row;--components-fileUpload-instruction-alignItems: stretch;--components-fileUpload-instruction-display: block;--components-fileUpload-instruction-maxWidth: none;--components-fileUpload-instruction-action-fontWeight: 600;--fileUpload-instruction-action-marginBottom: 0;--components-fileUpload-instruction-action-color: var(--palettes-product-700);--components-fileUpload-alignItems: flex-start;--components-fileUpload-minHeight: none;--components-fileUpload-instruction-filename-position: static;--components-fileUpload-instruction-filename-marginTop: 0;--components-fileUpload-justifyContent: flex-start;--components-fileUpload-status-img-inset: 0;--components-fileUpload-status-img-size: var(--pr-t-spacings-600);position:var(--components-fileUpload-position);inset:var(--components-fileUpload-inset);border:1px var(--components-fileUpload-borderStyle) var(--components-fileUpload-borderColor);overflow:hidden;border-radius:var(--components-fileUpload-borderRadius);background-color:var(--components-fileUpload-backgroundColor);padding:var(--components-fileUpload-padding);text-align:var(--components-fileUpload-textAlign);display:var(--components-fileUpload-display);flex-direction:var(--components-fileUpload-flexDirection);align-items:var(--components-fileUpload-alignItems);justify-content:var(--components-fileUpload-justifyContent);gap:var(--pr-t-spacings-200);color:var(--pr-t-color-text);min-block-size:var(--components-fileUpload-minHeight)}.fileUpload:has(.fileUpload-input:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileUpload-status{min-inline-size:var(--pr-t-spacings-600);min-block-size:var(--pr-t-spacings-600);display:flex;align-items:center;justify-content:center;--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600))}.fileUpload-status-preview{position:absolute;inset:var(--components-fileUpload-status-img-inset);inline-size:var(--components-fileUpload-status-img-size);block-size:var(--components-fileUpload-status-img-size);border-radius:var(--pr-t-border-radius-50);background-color:var(--palettes-neutral-25);display:flex;overflow:hidden}.fileUpload-status-preview-img{object-fit:cover;opacity:.08;inline-size:100%;block-size:100%}.fileUpload-input{position:absolute;inset:calc(var(--pr-t-spacings-400) * -1) 0 0;opacity:.0001;cursor:pointer;z-index:1}.fileUpload-instruction{display:var(--components-fileUpload-instruction-display);flex-direction:column;align-items:var(--components-fileUpload-instruction-alignItems);max-inline-size:var(--components-fileUpload-instruction-maxWidth);line-height:var(--pr-t-font-body-S-lineHeight)}.fileUpload-instruction-action{display:block;margin-block-end:var(--fileUpload-instruction-action-marginBottom);line-height:var(--pr-t-font-body-M-lineHeight)}.fileUpload-instruction-action span{color:var(--components-fileUpload-instruction-action-color);font-weight:var(--components-fileUpload-instruction-action-fontWeight)}.fileUpload-instruction-size,.fileUpload-instruction-formats{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);vertical-align:top}.fileUpload-button.button{visibility:var(--components-fileUpload-button-visibility);display:var(--components-fileUpload-button-display)}.fileUpload-button.button:not(.mod-filled){--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)}.fileUpload-button.button:not(.mod-filled):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))}.fileUpload-button.button:not(.mod-filled):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileUpload-button.button:not(.mod-filled):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.fileUpload-button.button:not(.mod-filled):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)}.fileUpload-button.button:not(.mod-filled){--palettes-text: var(--palettes-product-text);--palettes-0: var(--palettes-product-0);--palettes-25: var(--palettes-product-25);--palettes-50: var(--palettes-product-50);--palettes-100: var(--palettes-product-100);--palettes-200: var(--palettes-product-200);--palettes-300: var(--palettes-product-300);--palettes-400: var(--palettes-product-400);--palettes-500: var(--palettes-product-500);--palettes-600: var(--palettes-product-600);--palettes-700: var(--palettes-product-700);--palettes-800: var(--palettes-product-800);--palettes-900: var(--palettes-product-900)}.fileUpload-instruction-filename{display:block;font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--components-fileUpload-instruction-filename-color);margin-block-start:var(--components-fileUpload-instruction-filename-marginTop);inset-block-end:var(--pr-t-spacings-100);position:var(--components-fileUpload-instruction-filename-position)}}@layer mods{.fileUpload.mod-dropzone{--components-fileUpload-position: fixed;--components-fileUpload-flexDirection: column;--components-fileUpload-alignItems: center;--components-fileUpload-justifyContent: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-inset: var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-L{--components-fileUpload-button-display: block;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-alignItems: center;--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-justifyContent: center;--components-fileUpload-status-img-inset: var(--pr-t-spacings-75);--components-fileUpload-status-img-size: calc(100% - var(--pr-t-spacings-75) * 2)}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-hidden{--components-fileUpload-display: none}.fileUpload.is-success{--components-fileUpload-instruction-filename-color: var(--palettes-success-800);--components-fileUpload-button-visibility: hidden}.fileUpload.is-error{--components-fileUpload-instruction-filename-color: var(--palettes-critical-800);--components-fileUpload-backgroundColor: var(--palettes-critical-50);--components-fileUpload-borderColor: var(--palettes-critical-400)}.fileUpload.is-error:hover{--components-fileUpload-borderColor: var(--palettes-critical-600)}.fileUpload.is-droppable{--components-fileUpload-borderStyle: solid;--components-fileUpload-backgroundColor: var(--palettes-product-50);--components-fileUpload-borderColor: var(--palettes-product-600)}}\n"], dependencies: [{ kind: "component", type: BubbleIllustrationComponent, selector: "lu-bubble-illustration", inputs: ["illustration", "palette", "size", "action"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
292
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FileDropzoneComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
293
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: FileDropzoneComponent, isStandalone: true, selector: "lu-file-dropzone", usesInheritance: true, ngImport: i0, template: "<div class=\"fileUpload mod-dropzone\" [class.is-droppable]=\"droppable\" (dragenter)=\"droppable = true\" (dragleave)=\"droppable = false\">\n\t<div class=\"fileUpload-status\">\n\t\t<lu-bubble-illustration [illustration]=\"illus()\" action size=\"L\" />\n\t</div>\n\t<div class=\"fileUpload-instruction\" [attr.id]=\"'fileUpload-instruction-' + idSuffix\">\n\t\t@if (acceptNames().length) {\n\t\t\t<span class=\"fileUpload-instruction-formats\">\n\t\t\t\t@if (acceptNames().length > 1 || acceptAll()) {\n\t\t\t\t\t{{ intl().acceptedFormat.other }}\n\t\t\t\t} @else {\n\t\t\t\t\t{{ intl().acceptedFormat.one }}\n\t\t\t\t}\n\t\t\t\t{{ acceptNames().join(\", \") }}.\n\t\t\t</span>\n\t\t}\n\t\t@if (fileMaxSize()) {\n\t\t\t<span class=\"fileUpload-instruction-size\">{{ intl().maxWeight.other | intlParams: { maxSizeDisplay: maxSizeDisplay() } }}</span>\n\t\t}\n\t</div>\n</div>\n", styles: ["@layer components{.fileUpload{--components-fileUpload-inset: auto;--components-fileUpload-position: relative;--components-fileUpload-button-visibility: visible;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-button-display: none;--components-fileUpload-padding: var(--pr-t-spacings-150) var(--pr-t-spacings-200);--components-fileUpload-textAlign: left;--components-fileUpload-flexDirection: row;--components-fileUpload-instruction-alignItems: stretch;--components-fileUpload-instruction-display: block;--components-fileUpload-instruction-maxWidth: none;--components-fileUpload-instruction-action-fontWeight: 600;--fileUpload-instruction-action-marginBottom: 0;--components-fileUpload-instruction-action-color: var(--palettes-product-700);--components-fileUpload-alignItems: flex-start;--components-fileUpload-minHeight: none;--components-fileUpload-instruction-filename-position: static;--components-fileUpload-instruction-filename-marginTop: 0;--components-fileUpload-justifyContent: flex-start;--components-fileUpload-status-img-inset: 0;--components-fileUpload-status-img-size: var(--pr-t-spacings-600);position:var(--components-fileUpload-position);inset:var(--components-fileUpload-inset);border:1px var(--components-fileUpload-borderStyle) var(--components-fileUpload-borderColor);overflow:hidden;border-radius:var(--components-fileUpload-borderRadius);background-color:var(--components-fileUpload-backgroundColor);padding:var(--components-fileUpload-padding);text-align:var(--components-fileUpload-textAlign);display:var(--components-fileUpload-display);flex-direction:var(--components-fileUpload-flexDirection);align-items:var(--components-fileUpload-alignItems);justify-content:var(--components-fileUpload-justifyContent);gap:var(--pr-t-spacings-200);color:var(--pr-t-color-text);min-block-size:var(--components-fileUpload-minHeight)}.fileUpload:has(.fileUpload-input:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileUpload-status{min-inline-size:var(--pr-t-spacings-600);min-block-size:var(--pr-t-spacings-600);display:flex;align-items:center;justify-content:center;--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600))}.fileUpload-status-preview{position:absolute;inset:var(--components-fileUpload-status-img-inset);inline-size:var(--components-fileUpload-status-img-size);block-size:var(--components-fileUpload-status-img-size);border-radius:var(--pr-t-border-radius-50);background-color:var(--palettes-neutral-25);display:flex;overflow:hidden}.fileUpload-status-preview-img{object-fit:cover;opacity:.08;inline-size:100%;block-size:100%}.fileUpload-input{position:absolute;inset:calc(var(--pr-t-spacings-400) * -1) 0 0;opacity:.0001;cursor:pointer;z-index:1}.fileUpload-instruction{display:var(--components-fileUpload-instruction-display);flex-direction:column;align-items:var(--components-fileUpload-instruction-alignItems);max-inline-size:var(--components-fileUpload-instruction-maxWidth);line-height:var(--pr-t-font-body-S-lineHeight)}.fileUpload-instruction-action{display:block;margin-block-end:var(--fileUpload-instruction-action-marginBottom);line-height:var(--pr-t-font-body-M-lineHeight)}.fileUpload-instruction-action span{color:var(--components-fileUpload-instruction-action-color);font-weight:var(--components-fileUpload-instruction-action-fontWeight)}.fileUpload-instruction-size,.fileUpload-instruction-formats{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);vertical-align:top}.fileUpload-button.button{visibility:var(--components-fileUpload-button-visibility);display:var(--components-fileUpload-button-display)}.fileUpload-button.button:not(.mod-filled){--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)}.fileUpload-button.button:not(.mod-filled):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))}.fileUpload-button.button:not(.mod-filled):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileUpload-button.button:not(.mod-filled):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.fileUpload-button.button:not(.mod-filled):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)}.fileUpload-button.button:not(.mod-filled){--palettes-text: var(--palettes-product-text);--palettes-0: var(--palettes-product-0);--palettes-25: var(--palettes-product-25);--palettes-50: var(--palettes-product-50);--palettes-100: var(--palettes-product-100);--palettes-200: var(--palettes-product-200);--palettes-300: var(--palettes-product-300);--palettes-400: var(--palettes-product-400);--palettes-500: var(--palettes-product-500);--palettes-600: var(--palettes-product-600);--palettes-700: var(--palettes-product-700);--palettes-800: var(--palettes-product-800);--palettes-900: var(--palettes-product-900)}.fileUpload-instruction-filename{display:block;font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--components-fileUpload-instruction-filename-color);margin-block-start:var(--components-fileUpload-instruction-filename-marginTop);inset-block-end:var(--pr-t-spacings-100);position:var(--components-fileUpload-instruction-filename-position)}}@layer mods{.fileUpload.mod-dropzone{--components-fileUpload-position: fixed;--components-fileUpload-flexDirection: column;--components-fileUpload-alignItems: center;--components-fileUpload-justifyContent: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-inset: var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-L{--components-fileUpload-button-display: block;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-alignItems: center;--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-justifyContent: center;--components-fileUpload-status-img-inset: var(--pr-t-spacings-75);--components-fileUpload-status-img-size: calc(100% - var(--pr-t-spacings-75) * 2)}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-hidden{--components-fileUpload-display: none}.fileUpload.is-success{--components-fileUpload-instruction-filename-color: var(--palettes-success-800);--components-fileUpload-button-visibility: hidden}.fileUpload.is-error{--components-fileUpload-instruction-filename-color: var(--palettes-critical-800);--components-fileUpload-backgroundColor: var(--palettes-critical-50);--components-fileUpload-borderColor: var(--palettes-critical-400)}.fileUpload.is-error:hover{--components-fileUpload-borderColor: var(--palettes-critical-600)}.fileUpload.is-droppable{--components-fileUpload-borderStyle: solid;--components-fileUpload-backgroundColor: var(--palettes-product-50);--components-fileUpload-borderColor: var(--palettes-product-600)}}\n"], dependencies: [{ kind: "component", type: BubbleIllustrationComponent, selector: "lu-bubble-illustration", inputs: ["illustration", "palette", "size", "action"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
280
294
  }
281
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: FileDropzoneComponent, decorators: [{
295
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FileDropzoneComponent, decorators: [{
282
296
  type: Component,
283
297
  args: [{ selector: 'lu-file-dropzone', encapsulation: ViewEncapsulation.None, imports: [IntlParamsPipe, BubbleIllustrationComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fileUpload mod-dropzone\" [class.is-droppable]=\"droppable\" (dragenter)=\"droppable = true\" (dragleave)=\"droppable = false\">\n\t<div class=\"fileUpload-status\">\n\t\t<lu-bubble-illustration [illustration]=\"illus()\" action size=\"L\" />\n\t</div>\n\t<div class=\"fileUpload-instruction\" [attr.id]=\"'fileUpload-instruction-' + idSuffix\">\n\t\t@if (acceptNames().length) {\n\t\t\t<span class=\"fileUpload-instruction-formats\">\n\t\t\t\t@if (acceptNames().length > 1 || acceptAll()) {\n\t\t\t\t\t{{ intl().acceptedFormat.other }}\n\t\t\t\t} @else {\n\t\t\t\t\t{{ intl().acceptedFormat.one }}\n\t\t\t\t}\n\t\t\t\t{{ acceptNames().join(\", \") }}.\n\t\t\t</span>\n\t\t}\n\t\t@if (fileMaxSize()) {\n\t\t\t<span class=\"fileUpload-instruction-size\">{{ intl().maxWeight.other | intlParams: { maxSizeDisplay: maxSizeDisplay() } }}</span>\n\t\t}\n\t</div>\n</div>\n", styles: ["@layer components{.fileUpload{--components-fileUpload-inset: auto;--components-fileUpload-position: relative;--components-fileUpload-button-visibility: visible;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-button-display: none;--components-fileUpload-padding: var(--pr-t-spacings-150) var(--pr-t-spacings-200);--components-fileUpload-textAlign: left;--components-fileUpload-flexDirection: row;--components-fileUpload-instruction-alignItems: stretch;--components-fileUpload-instruction-display: block;--components-fileUpload-instruction-maxWidth: none;--components-fileUpload-instruction-action-fontWeight: 600;--fileUpload-instruction-action-marginBottom: 0;--components-fileUpload-instruction-action-color: var(--palettes-product-700);--components-fileUpload-alignItems: flex-start;--components-fileUpload-minHeight: none;--components-fileUpload-instruction-filename-position: static;--components-fileUpload-instruction-filename-marginTop: 0;--components-fileUpload-justifyContent: flex-start;--components-fileUpload-status-img-inset: 0;--components-fileUpload-status-img-size: var(--pr-t-spacings-600);position:var(--components-fileUpload-position);inset:var(--components-fileUpload-inset);border:1px var(--components-fileUpload-borderStyle) var(--components-fileUpload-borderColor);overflow:hidden;border-radius:var(--components-fileUpload-borderRadius);background-color:var(--components-fileUpload-backgroundColor);padding:var(--components-fileUpload-padding);text-align:var(--components-fileUpload-textAlign);display:var(--components-fileUpload-display);flex-direction:var(--components-fileUpload-flexDirection);align-items:var(--components-fileUpload-alignItems);justify-content:var(--components-fileUpload-justifyContent);gap:var(--pr-t-spacings-200);color:var(--pr-t-color-text);min-block-size:var(--components-fileUpload-minHeight)}.fileUpload:has(.fileUpload-input:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileUpload-status{min-inline-size:var(--pr-t-spacings-600);min-block-size:var(--pr-t-spacings-600);display:flex;align-items:center;justify-content:center;--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600))}.fileUpload-status-preview{position:absolute;inset:var(--components-fileUpload-status-img-inset);inline-size:var(--components-fileUpload-status-img-size);block-size:var(--components-fileUpload-status-img-size);border-radius:var(--pr-t-border-radius-50);background-color:var(--palettes-neutral-25);display:flex;overflow:hidden}.fileUpload-status-preview-img{object-fit:cover;opacity:.08;inline-size:100%;block-size:100%}.fileUpload-input{position:absolute;inset:calc(var(--pr-t-spacings-400) * -1) 0 0;opacity:.0001;cursor:pointer;z-index:1}.fileUpload-instruction{display:var(--components-fileUpload-instruction-display);flex-direction:column;align-items:var(--components-fileUpload-instruction-alignItems);max-inline-size:var(--components-fileUpload-instruction-maxWidth);line-height:var(--pr-t-font-body-S-lineHeight)}.fileUpload-instruction-action{display:block;margin-block-end:var(--fileUpload-instruction-action-marginBottom);line-height:var(--pr-t-font-body-M-lineHeight)}.fileUpload-instruction-action span{color:var(--components-fileUpload-instruction-action-color);font-weight:var(--components-fileUpload-instruction-action-fontWeight)}.fileUpload-instruction-size,.fileUpload-instruction-formats{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);vertical-align:top}.fileUpload-button.button{visibility:var(--components-fileUpload-button-visibility);display:var(--components-fileUpload-button-display)}.fileUpload-button.button:not(.mod-filled){--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)}.fileUpload-button.button:not(.mod-filled):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))}.fileUpload-button.button:not(.mod-filled):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileUpload-button.button:not(.mod-filled):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.fileUpload-button.button:not(.mod-filled):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)}.fileUpload-button.button:not(.mod-filled){--palettes-text: var(--palettes-product-text);--palettes-0: var(--palettes-product-0);--palettes-25: var(--palettes-product-25);--palettes-50: var(--palettes-product-50);--palettes-100: var(--palettes-product-100);--palettes-200: var(--palettes-product-200);--palettes-300: var(--palettes-product-300);--palettes-400: var(--palettes-product-400);--palettes-500: var(--palettes-product-500);--palettes-600: var(--palettes-product-600);--palettes-700: var(--palettes-product-700);--palettes-800: var(--palettes-product-800);--palettes-900: var(--palettes-product-900)}.fileUpload-instruction-filename{display:block;font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--components-fileUpload-instruction-filename-color);margin-block-start:var(--components-fileUpload-instruction-filename-marginTop);inset-block-end:var(--pr-t-spacings-100);position:var(--components-fileUpload-instruction-filename-position)}}@layer mods{.fileUpload.mod-dropzone{--components-fileUpload-position: fixed;--components-fileUpload-flexDirection: column;--components-fileUpload-alignItems: center;--components-fileUpload-justifyContent: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-inset: var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-L{--components-fileUpload-button-display: block;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-alignItems: center;--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-justifyContent: center;--components-fileUpload-status-img-inset: var(--pr-t-spacings-75);--components-fileUpload-status-img-size: calc(100% - var(--pr-t-spacings-75) * 2)}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-hidden{--components-fileUpload-display: none}.fileUpload.is-success{--components-fileUpload-instruction-filename-color: var(--palettes-success-800);--components-fileUpload-button-visibility: hidden}.fileUpload.is-error{--components-fileUpload-instruction-filename-color: var(--palettes-critical-800);--components-fileUpload-backgroundColor: var(--palettes-critical-50);--components-fileUpload-borderColor: var(--palettes-critical-400)}.fileUpload.is-error:hover{--components-fileUpload-borderColor: var(--palettes-critical-600)}.fileUpload.is-droppable{--components-fileUpload-borderStyle: solid;--components-fileUpload-backgroundColor: var(--palettes-product-50);--components-fileUpload-borderColor: var(--palettes-product-600)}}\n"] }]
284
298
  }] });
@@ -296,8 +310,8 @@ class FileEntryComponent {
296
310
  ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
297
311
  this.state = input('default', /* @ts-ignore */
298
312
  ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
299
- this.displayFileName = input(false, { ...(ngDevMode ? { debugName: "displayFileName" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
300
- this.structure = input(false, { ...(ngDevMode ? { debugName: "structure" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
313
+ this.displayFileName = input(false, { ...(ngDevMode ? { debugName: "displayFileName" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
314
+ this.structure = input(false, { ...(ngDevMode ? { debugName: "structure" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
301
315
  this.inlineMessageError = input(null, /* @ts-ignore */
302
316
  ...(ngDevMode ? [{ debugName: "inlineMessageError" }] : /* istanbul ignore next */ []));
303
317
  this.entry = input.required(/* @ts-ignore */
@@ -308,12 +322,12 @@ class FileEntryComponent {
308
322
  ...(ngDevMode ? [{ debugName: "iconOverride" }] : /* istanbul ignore next */ []));
309
323
  this.downloadURL = input('', /* @ts-ignore */
310
324
  ...(ngDevMode ? [{ debugName: "downloadURL" }] : /* istanbul ignore next */ []));
311
- this.openInNewTab = input(false, { ...(ngDevMode ? { debugName: "openInNewTab" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
325
+ this.openInNewTab = input(false, { ...(ngDevMode ? { debugName: "openInNewTab" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
312
326
  this.password = input('', /* @ts-ignore */
313
327
  ...(ngDevMode ? [{ debugName: "password" }] : /* istanbul ignore next */ []));
314
328
  this.passwordChange$ = new Subject();
315
329
  this.passwordChange = outputFromObservable(this.passwordChange$);
316
- this.media = input(false, { ...(ngDevMode ? { debugName: "media" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
330
+ this.media = input(false, { ...(ngDevMode ? { debugName: "media" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
317
331
  this.deleteFile$ = new Subject();
318
332
  this.deleteFile = outputFromObservable(this.deleteFile$);
319
333
  this.fileName = computed(() => this.entry().name, /* @ts-ignore */
@@ -388,14 +402,14 @@ class FileEntryComponent {
388
402
  get deletable() {
389
403
  return this.deleteFile$.observed;
390
404
  }
391
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: FileEntryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
392
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: FileEntryComponent, isStandalone: true, selector: "lu-file-entry", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, displayFileName: { classPropertyName: "displayFileName", publicName: "displayFileName", isSignal: true, isRequired: false, transformFunction: null }, structure: { classPropertyName: "structure", publicName: "structure", isSignal: true, isRequired: false, transformFunction: null }, inlineMessageError: { classPropertyName: "inlineMessageError", publicName: "inlineMessageError", isSignal: true, isRequired: false, transformFunction: null }, entry: { classPropertyName: "entry", publicName: "entry", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconOverride: { classPropertyName: "iconOverride", publicName: "iconOverride", isSignal: true, isRequired: false, transformFunction: null }, downloadURL: { classPropertyName: "downloadURL", publicName: "downloadURL", isSignal: true, isRequired: false, transformFunction: null }, openInNewTab: { classPropertyName: "openInNewTab", publicName: "openInNewTab", isSignal: true, isRequired: false, transformFunction: null }, password: { classPropertyName: "password", publicName: "password", isSignal: true, isRequired: false, transformFunction: null }, media: { classPropertyName: "media", publicName: "media", isSignal: true, isRequired: false, transformFunction: null }, previewUrl: { classPropertyName: "previewUrl", publicName: "previewUrl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { passwordChange: "passwordChange", deleteFile: "deleteFile" }, host: { classAttribute: "pr-u-displayContents" }, ngImport: i0, template: "<dl class=\"fileEntry\" [class.mod-media]=\"media()\" [class.mod-structure]=\"structure()\" [class]=\"dlClasses()\">\n\t@if (!media()) {\n\t\t<dt class=\"fileEntry-filename\">\n\t\t\t<div class=\"fileEntry-filename-tooltip\" luTooltip luTooltipWhenEllipsis>{{ fileName() }}</div>\n\t\t</dt>\n\t\t@if (state() === \"error\" && inlineMessageError()) {\n\t\t\t<dd class=\"fileEntry-inlineMessage\">\n\t\t\t\t<lu-inline-message withTooltip [label]=\"inlineMessageError()\" [state]=\"'error'\" />\n\t\t\t</dd>\n\t\t} @else {\n\t\t\t<dd class=\"fileEntry-description\">\n\t\t\t\t<span class=\"fileEntry-description-format\" luTooltip luTooltipWhenEllipsis>{{ fileTypeDisplay() }}</span>\n\t\t\t\t@if (fileSizeDisplay(); as fileSizeDisplay) {\n\t\t\t\t\t<span class=\"pr-u-mask\"> \u2013 </span>\n\t\t\t\t\t<lu-divider vertical class=\"fileEntry-description-divider\" />\n\t\t\t\t\t<span class=\"fileEntry-description-size\">{{ fileSizeDisplay }}</span>\n\t\t\t\t}\n\t\t\t</dd>\n\t\t}\n\t}\n\t<dd class=\"fileEntry-status\">\n\t\t<div class=\"fileEntry-status-content\" [luTooltip]=\"tooltip()\">\n\t\t\t@if (state() === \"error\" && inlineMessageError()) {\n\t\t\t\t@if (media()) {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<lu-inline-message class=\"fileEntry-status-content-inlineMessage\" [label]=\"inlineMessageError()\" [state]=\"'error'\" />\n\t\t\t\t\t</div>\n\t\t\t\t} @else {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<lu-icon class=\"fileEntry-status-content-inside-icon\" icon=\"signError\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t} @else {\n\t\t\t\t@if (previewUrl() && state() !== \"error\") {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<img class=\"fileEntry-status-content-inside-img\" [src]=\"previewUrl()\" alt=\"\" loading=\"lazy\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (state() === \"loading\") {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<div class=\"fileEntry-status-content-inside-loading loading\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (!previewUrl() && state() !== \"loading\") {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tclass=\"fileEntry-status-content-inside-svg\"\n\t\t\t\t\t\t\t[attr.src]=\"iconOverride() || fileEntryIconSrc()\"\n\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\twidth=\"32\"\n\t\t\t\t\t\t\theight=\"32\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t\t@if (displayFileName() && media()) {\n\t\t\t\t<div class=\"fileEntry-status-content-fileName\" aria-hidden=\"true\">{{ fileName() }}</div>\n\t\t\t}\n\t\t</div>\n\t</dd>\n\t@if (downloadURL() || deletable) {\n\t\t<dd class=\"fileEntry-toolbar\">\n\t\t\t<div class=\"fileToolbar\" [class.mod-disablePositioning]=\"!media()\" [class.mod-L]=\"size() === 'L'\">\n\t\t\t\t<ul class=\"fileToolbar-list\">\n\t\t\t\t\t@if (downloadURL()) {\n\t\t\t\t\t\t<li class=\"fileToolbar-list-item\">\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t[href]=\"downloadURL()\"\n\t\t\t\t\t\t\t\t[attr.target]=\"openInNewTab() ? '_blank' : null\"\n\t\t\t\t\t\t\t\t[attr.rel]=\"openInNewTab() ? 'noopener noreferrer' : null\"\n\t\t\t\t\t\t\t\t[attr.download]=\"openInNewTab() ? null : 'download'\"\n\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tluButton\n\t\t\t\t\t\t\t\t[luTooltip]=\"openInNewTab() ? intl().preview : intl().download\"\n\t\t\t\t\t\t\t\tluTooltipOnlyForDisplay\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<lu-icon\n\t\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button-icon\"\n\t\t\t\t\t\t\t\t\t[icon]=\"openInNewTab() ? 'eye' : 'arrowDownload'\"\n\t\t\t\t\t\t\t\t\t[alt]=\"intl().downloadFile | intlParams: { fileName: fileName() }\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t}\n\t\t\t\t\t@if (deletable) {\n\t\t\t\t\t\t<li class=\"fileToolbar-list-item\">\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button\"\n\t\t\t\t\t\t\t\t[class.palette-critical]=\"state() === 'error'\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tluButton\n\t\t\t\t\t\t\t\tdelete\n\t\t\t\t\t\t\t\t[luTooltip]=\"intl().delete\"\n\t\t\t\t\t\t\t\tluTooltipOnlyForDisplay\n\t\t\t\t\t\t\t\t(click)=\"deleteFile$.next()\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<lu-icon\n\t\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button-icon\"\n\t\t\t\t\t\t\t\t\ticon=\"trashDelete\"\n\t\t\t\t\t\t\t\t\t[alt]=\"intl().deleteFile | intlParams: { fileName: fileName() }\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t</dd>\n\t}\n</dl>\n@if (withPassword) {\n\t<div class=\"fileEntry_box box mod-withArrow mod-neutral\">\n\t\t<div class=\"box-arrow mod-neutral\"></div>\n\t\t<lu-form-field [label]=\"intl().password\">\n\t\t\t<div class=\"fileEntry_box-field\">\n\t\t\t\t<lu-text-input\n\t\t\t\t\tclass=\"fileEntry_box-field-textField\"\n\t\t\t\t\trequired\n\t\t\t\t\thasClearer\n\t\t\t\t\tsearchIcon=\"searchMagnifyingGlass\"\n\t\t\t\t\ttype=\"password\"\n\t\t\t\t\t[ngModel]=\"password()\"\n\t\t\t\t\t(ngModelChange)=\"passwordChange$.next($event)\"\n\t\t\t\t/>\n\t\t\t\t<button class=\"fileEntry_box-field-button\" luButton type=\"button\">{{ intl().confirmPassword }}</button>\n\t\t\t</div>\n\t\t</lu-form-field>\n\t</div>\n}\n", styles: ["@layer components{.fileEntry{--components-fileEntry-borderRadius: var(--pr-t-border-radius-default);--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-borderColor: var(--palettes-neutral-100);--components-fileEntry-minHeight: auto;--components-fileEntry-status-content-inside-backgroundColor: var(--palettes-neutral-25);--components-fileEntry-status-content-img-opacity: 1;--components-fileEntry-status-content-svg-width: 48px;--components-fileEntry-status-content-svg-height: var(--components-fileEntry-status-content-svg-width);--components-fileEntry-status-blockSize: 100%;--components-fileEntry-status-margin: 0;--components-fileEntry-display: grid;--components-fileEntry-status-content-padding: 0;--components-fileEntry-status-content-inside-insetBlockEnd: 0;--components-fileEntry-padding: var(--pr-t-spacings-50);--components-fileEntry-status-inlineSize: 32px;--components-fileEntry-description-display: none;--components-fileEntry-gridTemplateAreas: \"picture title title toolbar\";--components-fileEntry-filename-alignSelf: center;--components-fileEntry-gapInline: var(--pr-t-spacings-75);--components-fileEntry-status-content-svg-margin: calc(var(--pr-t-spacings-100) * -1);border:1px solid var(--components-fileEntry-borderColor);padding:var(--components-fileEntry-padding);margin:0;border-radius:var(--components-fileEntry-borderRadius);background-color:var(--pr-t-elevation-surface-raised);gap:0 var(--components-fileEntry-gapInline);position:relative;grid-column:var(--components-fileEntry-gridColumn);min-block-size:var(--components-fileEntry-minHeight);display:var(--components-fileEntry-display);align-items:center;grid-template-columns:auto 1fr auto;grid-template-areas:var(--components-fileEntry-gridTemplateAreas)}.fileEntry:has(.fileEntry-status-content-fileName) .fileToolbar{--components-fileToolbar-insetBlockEnd: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-400) + var(--pr-t-spacings-25))}.fileEntry:has(.fileEntry-filename-tooltip:focus-visible,.fileEntry-status-content:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileEntry-status-content-inside-icon{color:var(--palettes-critical-700);--icon-size: 1.25rem}.fileEntryDisplayWrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--pr-t-spacings-100)}.fileEntryDisplayWrapper:empty{display:none}.form-field:has(.fileUpload)+.fileEntryDisplayWrapper{margin-block-start:var(--pr-t-spacings-100)}.fileEntry-status{inline-size:var(--components-fileEntry-status-inlineSize);block-size:var(--components-fileEntry-status-blockSize);color:var(--palettes-neutral-700);flex-shrink:0;aspect-ratio:var(--components-fileEntry-status-aspectRatio);margin:var(--components-fileEntry-status-margin);grid-area:picture;display:flex;flex-direction:column}.fileEntry-status-content{display:flex;flex-direction:column;flex-grow:1;outline:none;justify-content:center;align-items:center;padding:var(--components-fileEntry-status-content-padding);position:relative}.fileEntry-status-content-fileName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;text-align:center;padding:var(--pr-t-spacings-100);padding-block-end:var(--pr-t-spacings-25);inline-size:100%}.fileEntry-status-content-inlineMessage.inlineMessage{flex-direction:column;align-items:center;text-align:center;padding:var(--pr-t-spacings-100)}.fileEntry-status-content-inlineMessage.inlineMessage .inlineMessage-statusIcon:first-child{--icon-size: 1.5rem}.fileEntry-status-content-inside{position:relative;flex-grow:1;inline-size:100%;border-radius:var(--pr-t-border-radius-50);overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--components-fileEntry-status-content-inside-backgroundColor)}.fileEntry-status-content-inside+.fileEntry-status-content-inside{position:absolute;inset-block-start:0;inset-block-end:var(--components-fileEntry-status-content-inside-insetBlockEnd)}.fileEntry-status-content-inside-svg{inline-size:var(--components-fileEntry-status-content-svg-width);block-size:var(--components-fileEntry-status-content-svg-height);margin:var(--components-fileEntry-status-content-svg-margin)}.fileEntry-status-content-inside-img{object-fit:cover;inline-size:100%;block-size:100%;position:absolute;inset:0;opacity:var(--components-fileEntry-status-content-img-opacity)}.fileEntry-toolbar{grid-area:toolbar;margin:0}.fileEntry-filename{grid-area:title;align-self:var(--components-fileEntry-filename-alignSelf);min-inline-size:0}.fileEntry-filename-tooltip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none}.fileEntry-description{grid-area:description;align-self:start;color:var(--palettes-neutral-600);font:var(--pr-t-font-body-S);display:var(--components-fileEntry-description-display);margin:0;gap:var(--pr-t-spacings-100);min-inline-size:0}.fileEntry-description-format{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pr-t-border-radius-50);max-inline-size:20ch}.fileEntry-description-format:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileEntry-inlineMessage{grid-area:description;margin:0;align-self:start;min-inline-size:0}.fileEntry-inlineMessage .inlineMessage-statusIcon{display:none}.fileEntry_box.box{margin-block-start:var(--pr-t-spacings-150)}.fileEntry_box-field{display:flex;flex-wrap:wrap;gap:var(--pr-t-spacings-100)}.fileEntry_box-field-textField{flex-grow:1}.fileEntry_box-field-button.button{flex-grow:1;flex-basis:0;min-inline-size:fit-content}.fileEntry-status-content-inside-loading.loading{--components-loading-size: var(--pr-t-spacings-250)}}@layer mods{.fileEntry.mod-L{--components-fileEntry-padding: var(--pr-t-spacings-150);--components-fileEntry-status-inlineSize: 48px;--components-fileEntry-description-display: flex;--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--components-fileEntry-filename-alignSelf: end;--components-fileEntry-gapInline: var(--components-fileEntry-padding);--components-fileEntry-status-content-svg-margin: 0;--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize)}.fileEntry.mod-L .fileEntry-status-content-inside-icon{--icon-size: 1.5rem}.fileEntry.mod-L.mod-structure{--components-fileEntry-borderRadius: var(--pr-t-border-radius-structure)}.fileEntry.mod-media{--components-fileEntry-padding: var(--pr-t-spacings-75);--components-fileEntry-status-inlineSize: 100%;--components-fileEntry-description-display: none;--components-fileEntry-display: block;--components-fileEntry-status-content-svg-width: 72px;--components-fileEntry-gridColumn: auto;--components-fileEntry-status-blockSize: auto;--components-fileEntry-status-aspectRatio: 1}.fileEntry.mod-media:has(.fileEntry-status-content-fileName){--components-fileEntry-status-content-inside-insetBlockEnd: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-25))}.fileEntry.mod-media.mod-L{--components-fileEntry-minHeight: calc(5rem + 2px) ;--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-status-blockSize: calc(20.5rem + 2px) ;--components-fileEntry-status-aspectRatio: auto}.fileEntry.is-error{--components-fileEntry-borderColor: var(--palettes-critical-600);--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--components-fileEntry-status-content-inside-backgroundColor: var(--palettes-critical-50);--components-fileEntry-minHeight: 3.75rem;--components-fileEntry-description-display: flex}.fileEntry.is-error.mod-L{--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize)}.fileEntry.is-error.mod-L.mod-media{--components-fileEntry-status-blockSize: calc(20.5rem + 2px) }.fileEntry.is-loading{--components-fileEntry-status-content-img-opacity: .08}.fileEntry.is-loading.mod-L .fileEntry-status-content-inside-loading.loading{--components-loading-size: var(--pr-t-spacings-300)}}@layer mods{.fileEntry-description-divider.divider.mod-vertical{--components-divider-marginBlock: var(--pr-t-spacings-25);--components-divider-marginInline: 0}}@layer components{.fileToolbar{--components-fileToolbar-list-padding: var(--pr-t-spacings-50);--components-fileToolbar-display: block;--components-fileToolbar-insetBlockEnd: var(--pr-t-spacings-150);border-radius:var(--pr-t-border-radius-default);position:absolute;transform:translate(-50%);inset-inline-start:50%;inset-block-end:var(--components-fileToolbar-insetBlockEnd);box-shadow:var(--pr-t-elevation-shadow-overlay);background-color:var(--pr-t-elevation-surface-raised);z-index:1;display:var(--components-fileToolbar-display)}.fileToolbar-list{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-50);padding:var(--components-fileToolbar-list-padding)}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents;--components-fileToolbar-list-padding: 0}.fileToolbar.mod-disablePositioning.mod-L{--components-fileToolbar-list-padding: var(--pr-t-spacings-50)}}@layer mods{.fileToolbar .fileToolbar-list-item-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.fileToolbar .fileToolbar-list-item-button.button:hover,.fileToolbar .fileToolbar-list-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.fileToolbar .fileToolbar-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar .fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.fileToolbar .fileToolbar-list-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-borderRadius: 4px;--components-button-padding: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { 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: InlineMessageComponent, selector: "lu-inline-message", inputs: ["label", "state", "size", "withTooltip"] }, { kind: "component", type: DividerComponent, selector: "lu-divider", inputs: ["separatorRole", "vertical", "size", "withRole"] }, { 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: TextInputComponent, selector: "lu-text-input", inputs: ["intl", "mask", "placeholder", "autocomplete", "hasClearer", "hasSearchIcon", "valueAlignRight", "prefix", "suffix", "searchIcon", "type"], outputs: ["blur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis", "luTooltipAnchor", "id"], exportAs: ["luTooltip"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
405
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FileEntryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
406
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: FileEntryComponent, isStandalone: true, selector: "lu-file-entry", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, displayFileName: { classPropertyName: "displayFileName", publicName: "displayFileName", isSignal: true, isRequired: false, transformFunction: null }, structure: { classPropertyName: "structure", publicName: "structure", isSignal: true, isRequired: false, transformFunction: null }, inlineMessageError: { classPropertyName: "inlineMessageError", publicName: "inlineMessageError", isSignal: true, isRequired: false, transformFunction: null }, entry: { classPropertyName: "entry", publicName: "entry", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconOverride: { classPropertyName: "iconOverride", publicName: "iconOverride", isSignal: true, isRequired: false, transformFunction: null }, downloadURL: { classPropertyName: "downloadURL", publicName: "downloadURL", isSignal: true, isRequired: false, transformFunction: null }, openInNewTab: { classPropertyName: "openInNewTab", publicName: "openInNewTab", isSignal: true, isRequired: false, transformFunction: null }, password: { classPropertyName: "password", publicName: "password", isSignal: true, isRequired: false, transformFunction: null }, media: { classPropertyName: "media", publicName: "media", isSignal: true, isRequired: false, transformFunction: null }, previewUrl: { classPropertyName: "previewUrl", publicName: "previewUrl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { passwordChange: "passwordChange", deleteFile: "deleteFile" }, host: { classAttribute: "pr-u-displayContents" }, ngImport: i0, template: "<dl class=\"fileEntry\" [class.mod-media]=\"media()\" [class.mod-structure]=\"structure()\" [class]=\"dlClasses()\">\n\t@if (!media()) {\n\t\t<dt class=\"fileEntry-filename\">\n\t\t\t<div class=\"fileEntry-filename-tooltip\" luTooltip luTooltipWhenEllipsis>{{ fileName() }}</div>\n\t\t</dt>\n\t\t@if (state() === \"error\" && inlineMessageError()) {\n\t\t\t<dd class=\"fileEntry-inlineMessage\">\n\t\t\t\t<lu-inline-message withTooltip [label]=\"inlineMessageError() ?? ''\" [state]=\"'error'\" />\n\t\t\t</dd>\n\t\t} @else {\n\t\t\t<dd class=\"fileEntry-description\">\n\t\t\t\t<span class=\"fileEntry-description-format\" luTooltip luTooltipWhenEllipsis>{{ fileTypeDisplay() }}</span>\n\t\t\t\t@if (fileSizeDisplay(); as fileSizeDisplay) {\n\t\t\t\t\t<span class=\"pr-u-mask\"> \u2013 </span>\n\t\t\t\t\t<lu-divider vertical class=\"fileEntry-description-divider\" />\n\t\t\t\t\t<span class=\"fileEntry-description-size\">{{ fileSizeDisplay }}</span>\n\t\t\t\t}\n\t\t\t</dd>\n\t\t}\n\t}\n\t<dd class=\"fileEntry-status\">\n\t\t<div class=\"fileEntry-status-content\" [luTooltip]=\"tooltip() ?? ''\">\n\t\t\t@if (state() === \"error\" && inlineMessageError()) {\n\t\t\t\t@if (media()) {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<lu-inline-message class=\"fileEntry-status-content-inlineMessage\" [label]=\"inlineMessageError() ?? ''\" [state]=\"'error'\" />\n\t\t\t\t\t</div>\n\t\t\t\t} @else {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<lu-icon class=\"fileEntry-status-content-inside-icon\" icon=\"signError\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t} @else {\n\t\t\t\t@if (previewUrl() && state() !== \"error\") {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<img class=\"fileEntry-status-content-inside-img\" [src]=\"previewUrl()\" alt=\"\" loading=\"lazy\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (state() === \"loading\") {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<div class=\"fileEntry-status-content-inside-loading loading\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (!previewUrl() && state() !== \"loading\") {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tclass=\"fileEntry-status-content-inside-svg\"\n\t\t\t\t\t\t\t[attr.src]=\"iconOverride() || fileEntryIconSrc()\"\n\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\twidth=\"32\"\n\t\t\t\t\t\t\theight=\"32\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t\t@if (displayFileName() && media()) {\n\t\t\t\t<div class=\"fileEntry-status-content-fileName\" aria-hidden=\"true\">{{ fileName() }}</div>\n\t\t\t}\n\t\t</div>\n\t</dd>\n\t@if (downloadURL() || deletable) {\n\t\t<dd class=\"fileEntry-toolbar\">\n\t\t\t<div class=\"fileToolbar\" [class.mod-disablePositioning]=\"!media()\" [class.mod-L]=\"size() === 'L'\">\n\t\t\t\t<ul class=\"fileToolbar-list\">\n\t\t\t\t\t@if (downloadURL()) {\n\t\t\t\t\t\t<li class=\"fileToolbar-list-item\">\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t[href]=\"downloadURL()\"\n\t\t\t\t\t\t\t\t[attr.target]=\"openInNewTab() ? '_blank' : null\"\n\t\t\t\t\t\t\t\t[attr.rel]=\"openInNewTab() ? 'noopener noreferrer' : null\"\n\t\t\t\t\t\t\t\t[attr.download]=\"openInNewTab() ? null : 'download'\"\n\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tluButton\n\t\t\t\t\t\t\t\t[luTooltip]=\"openInNewTab() ? intl().preview : intl().download\"\n\t\t\t\t\t\t\t\tluTooltipOnlyForDisplay\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<lu-icon\n\t\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button-icon\"\n\t\t\t\t\t\t\t\t\t[icon]=\"openInNewTab() ? 'eye' : 'arrowDownload'\"\n\t\t\t\t\t\t\t\t\t[alt]=\"intl().downloadFile | intlParams: { fileName: fileName() }\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t}\n\t\t\t\t\t@if (deletable) {\n\t\t\t\t\t\t<li class=\"fileToolbar-list-item\">\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button\"\n\t\t\t\t\t\t\t\t[class.palette-critical]=\"state() === 'error'\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tluButton\n\t\t\t\t\t\t\t\tdelete\n\t\t\t\t\t\t\t\t[luTooltip]=\"intl().delete\"\n\t\t\t\t\t\t\t\tluTooltipOnlyForDisplay\n\t\t\t\t\t\t\t\t(click)=\"deleteFile$.next()\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<lu-icon\n\t\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button-icon\"\n\t\t\t\t\t\t\t\t\ticon=\"trashDelete\"\n\t\t\t\t\t\t\t\t\t[alt]=\"intl().deleteFile | intlParams: { fileName: fileName() }\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t</dd>\n\t}\n</dl>\n@if (withPassword) {\n\t<div class=\"fileEntry_box box mod-withArrow mod-neutral\">\n\t\t<div class=\"box-arrow mod-neutral\"></div>\n\t\t<lu-form-field [label]=\"intl().password\">\n\t\t\t<div class=\"fileEntry_box-field\">\n\t\t\t\t<lu-text-input\n\t\t\t\t\tclass=\"fileEntry_box-field-textField\"\n\t\t\t\t\trequired\n\t\t\t\t\thasClearer\n\t\t\t\t\tsearchIcon=\"searchMagnifyingGlass\"\n\t\t\t\t\ttype=\"password\"\n\t\t\t\t\t[ngModel]=\"password()\"\n\t\t\t\t\t(ngModelChange)=\"passwordChange$.next($event)\"\n\t\t\t\t/>\n\t\t\t\t<button class=\"fileEntry_box-field-button\" luButton type=\"button\">{{ intl().confirmPassword }}</button>\n\t\t\t</div>\n\t\t</lu-form-field>\n\t</div>\n}\n", styles: ["@layer components{.fileEntry{--components-fileEntry-borderRadius: var(--pr-t-border-radius-default);--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-borderColor: var(--palettes-neutral-100);--components-fileEntry-minHeight: auto;--components-fileEntry-status-content-inside-backgroundColor: var(--palettes-neutral-25);--components-fileEntry-status-content-img-opacity: 1;--components-fileEntry-status-content-svg-width: 48px;--components-fileEntry-status-content-svg-height: var(--components-fileEntry-status-content-svg-width);--components-fileEntry-status-blockSize: 100%;--components-fileEntry-status-margin: 0;--components-fileEntry-display: grid;--components-fileEntry-status-content-padding: 0;--components-fileEntry-status-content-inside-insetBlockEnd: 0;--components-fileEntry-padding: var(--pr-t-spacings-50);--components-fileEntry-status-inlineSize: 32px;--components-fileEntry-description-display: none;--components-fileEntry-gridTemplateAreas: \"picture title title toolbar\";--components-fileEntry-filename-alignSelf: center;--components-fileEntry-gapInline: var(--pr-t-spacings-75);--components-fileEntry-status-content-svg-margin: calc(var(--pr-t-spacings-100) * -1);border:1px solid var(--components-fileEntry-borderColor);padding:var(--components-fileEntry-padding);margin:0;border-radius:var(--components-fileEntry-borderRadius);background-color:var(--pr-t-elevation-surface-raised);gap:0 var(--components-fileEntry-gapInline);position:relative;grid-column:var(--components-fileEntry-gridColumn);min-block-size:var(--components-fileEntry-minHeight);display:var(--components-fileEntry-display);align-items:center;grid-template-columns:auto 1fr auto;grid-template-areas:var(--components-fileEntry-gridTemplateAreas)}.fileEntry:has(.fileEntry-status-content-fileName) .fileToolbar{--components-fileToolbar-insetBlockEnd: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-400) + var(--pr-t-spacings-25))}.fileEntry:has(.fileEntry-filename-tooltip:focus-visible,.fileEntry-status-content:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileEntry-status-content-inside-icon{color:var(--palettes-critical-700);--icon-size: 1.25rem}.fileEntryDisplayWrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--pr-t-spacings-100)}.fileEntryDisplayWrapper:empty{display:none}.form-field:has(.fileUpload)+.fileEntryDisplayWrapper{margin-block-start:var(--pr-t-spacings-100)}.fileEntry-status{inline-size:var(--components-fileEntry-status-inlineSize);block-size:var(--components-fileEntry-status-blockSize);color:var(--palettes-neutral-700);flex-shrink:0;aspect-ratio:var(--components-fileEntry-status-aspectRatio);margin:var(--components-fileEntry-status-margin);grid-area:picture;display:flex;flex-direction:column}.fileEntry-status-content{display:flex;flex-direction:column;flex-grow:1;outline:none;justify-content:center;align-items:center;padding:var(--components-fileEntry-status-content-padding);position:relative}.fileEntry-status-content-fileName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;text-align:center;padding:var(--pr-t-spacings-100);padding-block-end:var(--pr-t-spacings-25);inline-size:100%}.fileEntry-status-content-inlineMessage.inlineMessage{flex-direction:column;align-items:center;text-align:center;padding:var(--pr-t-spacings-100)}.fileEntry-status-content-inlineMessage.inlineMessage .inlineMessage-statusIcon:first-child{--icon-size: 1.5rem}.fileEntry-status-content-inside{position:relative;flex-grow:1;inline-size:100%;border-radius:var(--pr-t-border-radius-50);overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--components-fileEntry-status-content-inside-backgroundColor)}.fileEntry-status-content-inside+.fileEntry-status-content-inside{position:absolute;inset-block-start:0;inset-block-end:var(--components-fileEntry-status-content-inside-insetBlockEnd)}.fileEntry-status-content-inside-svg{inline-size:var(--components-fileEntry-status-content-svg-width);block-size:var(--components-fileEntry-status-content-svg-height);margin:var(--components-fileEntry-status-content-svg-margin)}.fileEntry-status-content-inside-img{object-fit:cover;inline-size:100%;block-size:100%;position:absolute;inset:0;opacity:var(--components-fileEntry-status-content-img-opacity)}.fileEntry-toolbar{grid-area:toolbar;margin:0}.fileEntry-filename{grid-area:title;align-self:var(--components-fileEntry-filename-alignSelf);min-inline-size:0}.fileEntry-filename-tooltip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none}.fileEntry-description{grid-area:description;align-self:start;color:var(--palettes-neutral-600);font:var(--pr-t-font-body-S);display:var(--components-fileEntry-description-display);margin:0;gap:var(--pr-t-spacings-100);min-inline-size:0}.fileEntry-description-format{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pr-t-border-radius-50);max-inline-size:20ch}.fileEntry-description-format:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileEntry-inlineMessage{grid-area:description;margin:0;align-self:start;min-inline-size:0}.fileEntry-inlineMessage .inlineMessage-statusIcon{display:none}.fileEntry_box.box{margin-block-start:var(--pr-t-spacings-150)}.fileEntry_box-field{display:flex;flex-wrap:wrap;gap:var(--pr-t-spacings-100)}.fileEntry_box-field-textField{flex-grow:1}.fileEntry_box-field-button.button{flex-grow:1;flex-basis:0;min-inline-size:fit-content}.fileEntry-status-content-inside-loading.loading{--components-loading-size: var(--pr-t-spacings-250)}}@layer mods{.fileEntry.mod-L{--components-fileEntry-padding: var(--pr-t-spacings-150);--components-fileEntry-status-inlineSize: 48px;--components-fileEntry-description-display: flex;--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--components-fileEntry-filename-alignSelf: end;--components-fileEntry-gapInline: var(--components-fileEntry-padding);--components-fileEntry-status-content-svg-margin: 0;--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize)}.fileEntry.mod-L .fileEntry-status-content-inside-icon{--icon-size: 1.5rem}.fileEntry.mod-L.mod-structure{--components-fileEntry-borderRadius: var(--pr-t-border-radius-structure)}.fileEntry.mod-media{--components-fileEntry-padding: var(--pr-t-spacings-75);--components-fileEntry-status-inlineSize: 100%;--components-fileEntry-description-display: none;--components-fileEntry-display: block;--components-fileEntry-status-content-svg-width: 72px;--components-fileEntry-gridColumn: auto;--components-fileEntry-status-blockSize: auto;--components-fileEntry-status-aspectRatio: 1}.fileEntry.mod-media:has(.fileEntry-status-content-fileName){--components-fileEntry-status-content-inside-insetBlockEnd: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-25))}.fileEntry.mod-media.mod-L{--components-fileEntry-minHeight: calc(5rem + 2px) ;--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-status-blockSize: calc(20.5rem + 2px) ;--components-fileEntry-status-aspectRatio: auto}.fileEntry.is-error{--components-fileEntry-borderColor: var(--palettes-critical-600);--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--components-fileEntry-status-content-inside-backgroundColor: var(--palettes-critical-50);--components-fileEntry-minHeight: 3.75rem;--components-fileEntry-description-display: flex}.fileEntry.is-error.mod-L{--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize)}.fileEntry.is-error.mod-L.mod-media{--components-fileEntry-status-blockSize: calc(20.5rem + 2px) }.fileEntry.is-loading{--components-fileEntry-status-content-img-opacity: .08}.fileEntry.is-loading.mod-L .fileEntry-status-content-inside-loading.loading{--components-loading-size: var(--pr-t-spacings-300)}}@layer mods{.fileEntry-description-divider.divider.mod-vertical{--components-divider-marginBlock: var(--pr-t-spacings-25);--components-divider-marginInline: 0}}@layer components{.fileToolbar{--components-fileToolbar-list-padding: var(--pr-t-spacings-50);--components-fileToolbar-display: block;--components-fileToolbar-insetBlockEnd: var(--pr-t-spacings-150);border-radius:var(--pr-t-border-radius-default);position:absolute;transform:translate(-50%);inset-inline-start:50%;inset-block-end:var(--components-fileToolbar-insetBlockEnd);box-shadow:var(--pr-t-elevation-shadow-overlay);background-color:var(--pr-t-elevation-surface-raised);z-index:1;display:var(--components-fileToolbar-display)}.fileToolbar-list{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-50);padding:var(--components-fileToolbar-list-padding)}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents;--components-fileToolbar-list-padding: 0}.fileToolbar.mod-disablePositioning.mod-L{--components-fileToolbar-list-padding: var(--pr-t-spacings-50)}}@layer mods{.fileToolbar .fileToolbar-list-item-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.fileToolbar .fileToolbar-list-item-button.button:hover,.fileToolbar .fileToolbar-list-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.fileToolbar .fileToolbar-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar .fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.fileToolbar .fileToolbar-list-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-borderRadius: 4px;--components-button-padding: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { 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: InlineMessageComponent, selector: "lu-inline-message", inputs: ["label", "state", "size", "withTooltip"] }, { kind: "component", type: DividerComponent, selector: "lu-divider", inputs: ["separatorRole", "vertical", "size", "withRole"] }, { 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: TextInputComponent, selector: "lu-text-input", inputs: ["intl", "mask", "placeholder", "autocomplete", "hasClearer", "hasSearchIcon", "valueAlignRight", "prefix", "suffix", "minlength", "maxlength", "searchIcon", "type"], outputs: ["blur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "id"], exportAs: ["luTooltip"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
393
407
  }
394
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: FileEntryComponent, decorators: [{
408
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FileEntryComponent, decorators: [{
395
409
  type: Component,
396
410
  args: [{ selector: 'lu-file-entry', encapsulation: ViewEncapsulation.None, imports: [IconComponent, ButtonComponent, InlineMessageComponent, DividerComponent, FormFieldComponent, TextInputComponent, FormsModule, IntlParamsPipe, LuTooltipTriggerDirective], host: {
397
411
  class: 'pr-u-displayContents',
398
- }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<dl class=\"fileEntry\" [class.mod-media]=\"media()\" [class.mod-structure]=\"structure()\" [class]=\"dlClasses()\">\n\t@if (!media()) {\n\t\t<dt class=\"fileEntry-filename\">\n\t\t\t<div class=\"fileEntry-filename-tooltip\" luTooltip luTooltipWhenEllipsis>{{ fileName() }}</div>\n\t\t</dt>\n\t\t@if (state() === \"error\" && inlineMessageError()) {\n\t\t\t<dd class=\"fileEntry-inlineMessage\">\n\t\t\t\t<lu-inline-message withTooltip [label]=\"inlineMessageError()\" [state]=\"'error'\" />\n\t\t\t</dd>\n\t\t} @else {\n\t\t\t<dd class=\"fileEntry-description\">\n\t\t\t\t<span class=\"fileEntry-description-format\" luTooltip luTooltipWhenEllipsis>{{ fileTypeDisplay() }}</span>\n\t\t\t\t@if (fileSizeDisplay(); as fileSizeDisplay) {\n\t\t\t\t\t<span class=\"pr-u-mask\"> \u2013 </span>\n\t\t\t\t\t<lu-divider vertical class=\"fileEntry-description-divider\" />\n\t\t\t\t\t<span class=\"fileEntry-description-size\">{{ fileSizeDisplay }}</span>\n\t\t\t\t}\n\t\t\t</dd>\n\t\t}\n\t}\n\t<dd class=\"fileEntry-status\">\n\t\t<div class=\"fileEntry-status-content\" [luTooltip]=\"tooltip()\">\n\t\t\t@if (state() === \"error\" && inlineMessageError()) {\n\t\t\t\t@if (media()) {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<lu-inline-message class=\"fileEntry-status-content-inlineMessage\" [label]=\"inlineMessageError()\" [state]=\"'error'\" />\n\t\t\t\t\t</div>\n\t\t\t\t} @else {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<lu-icon class=\"fileEntry-status-content-inside-icon\" icon=\"signError\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t} @else {\n\t\t\t\t@if (previewUrl() && state() !== \"error\") {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<img class=\"fileEntry-status-content-inside-img\" [src]=\"previewUrl()\" alt=\"\" loading=\"lazy\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (state() === \"loading\") {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<div class=\"fileEntry-status-content-inside-loading loading\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (!previewUrl() && state() !== \"loading\") {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tclass=\"fileEntry-status-content-inside-svg\"\n\t\t\t\t\t\t\t[attr.src]=\"iconOverride() || fileEntryIconSrc()\"\n\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\twidth=\"32\"\n\t\t\t\t\t\t\theight=\"32\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t\t@if (displayFileName() && media()) {\n\t\t\t\t<div class=\"fileEntry-status-content-fileName\" aria-hidden=\"true\">{{ fileName() }}</div>\n\t\t\t}\n\t\t</div>\n\t</dd>\n\t@if (downloadURL() || deletable) {\n\t\t<dd class=\"fileEntry-toolbar\">\n\t\t\t<div class=\"fileToolbar\" [class.mod-disablePositioning]=\"!media()\" [class.mod-L]=\"size() === 'L'\">\n\t\t\t\t<ul class=\"fileToolbar-list\">\n\t\t\t\t\t@if (downloadURL()) {\n\t\t\t\t\t\t<li class=\"fileToolbar-list-item\">\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t[href]=\"downloadURL()\"\n\t\t\t\t\t\t\t\t[attr.target]=\"openInNewTab() ? '_blank' : null\"\n\t\t\t\t\t\t\t\t[attr.rel]=\"openInNewTab() ? 'noopener noreferrer' : null\"\n\t\t\t\t\t\t\t\t[attr.download]=\"openInNewTab() ? null : 'download'\"\n\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tluButton\n\t\t\t\t\t\t\t\t[luTooltip]=\"openInNewTab() ? intl().preview : intl().download\"\n\t\t\t\t\t\t\t\tluTooltipOnlyForDisplay\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<lu-icon\n\t\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button-icon\"\n\t\t\t\t\t\t\t\t\t[icon]=\"openInNewTab() ? 'eye' : 'arrowDownload'\"\n\t\t\t\t\t\t\t\t\t[alt]=\"intl().downloadFile | intlParams: { fileName: fileName() }\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t}\n\t\t\t\t\t@if (deletable) {\n\t\t\t\t\t\t<li class=\"fileToolbar-list-item\">\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button\"\n\t\t\t\t\t\t\t\t[class.palette-critical]=\"state() === 'error'\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tluButton\n\t\t\t\t\t\t\t\tdelete\n\t\t\t\t\t\t\t\t[luTooltip]=\"intl().delete\"\n\t\t\t\t\t\t\t\tluTooltipOnlyForDisplay\n\t\t\t\t\t\t\t\t(click)=\"deleteFile$.next()\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<lu-icon\n\t\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button-icon\"\n\t\t\t\t\t\t\t\t\ticon=\"trashDelete\"\n\t\t\t\t\t\t\t\t\t[alt]=\"intl().deleteFile | intlParams: { fileName: fileName() }\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t</dd>\n\t}\n</dl>\n@if (withPassword) {\n\t<div class=\"fileEntry_box box mod-withArrow mod-neutral\">\n\t\t<div class=\"box-arrow mod-neutral\"></div>\n\t\t<lu-form-field [label]=\"intl().password\">\n\t\t\t<div class=\"fileEntry_box-field\">\n\t\t\t\t<lu-text-input\n\t\t\t\t\tclass=\"fileEntry_box-field-textField\"\n\t\t\t\t\trequired\n\t\t\t\t\thasClearer\n\t\t\t\t\tsearchIcon=\"searchMagnifyingGlass\"\n\t\t\t\t\ttype=\"password\"\n\t\t\t\t\t[ngModel]=\"password()\"\n\t\t\t\t\t(ngModelChange)=\"passwordChange$.next($event)\"\n\t\t\t\t/>\n\t\t\t\t<button class=\"fileEntry_box-field-button\" luButton type=\"button\">{{ intl().confirmPassword }}</button>\n\t\t\t</div>\n\t\t</lu-form-field>\n\t</div>\n}\n", styles: ["@layer components{.fileEntry{--components-fileEntry-borderRadius: var(--pr-t-border-radius-default);--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-borderColor: var(--palettes-neutral-100);--components-fileEntry-minHeight: auto;--components-fileEntry-status-content-inside-backgroundColor: var(--palettes-neutral-25);--components-fileEntry-status-content-img-opacity: 1;--components-fileEntry-status-content-svg-width: 48px;--components-fileEntry-status-content-svg-height: var(--components-fileEntry-status-content-svg-width);--components-fileEntry-status-blockSize: 100%;--components-fileEntry-status-margin: 0;--components-fileEntry-display: grid;--components-fileEntry-status-content-padding: 0;--components-fileEntry-status-content-inside-insetBlockEnd: 0;--components-fileEntry-padding: var(--pr-t-spacings-50);--components-fileEntry-status-inlineSize: 32px;--components-fileEntry-description-display: none;--components-fileEntry-gridTemplateAreas: \"picture title title toolbar\";--components-fileEntry-filename-alignSelf: center;--components-fileEntry-gapInline: var(--pr-t-spacings-75);--components-fileEntry-status-content-svg-margin: calc(var(--pr-t-spacings-100) * -1);border:1px solid var(--components-fileEntry-borderColor);padding:var(--components-fileEntry-padding);margin:0;border-radius:var(--components-fileEntry-borderRadius);background-color:var(--pr-t-elevation-surface-raised);gap:0 var(--components-fileEntry-gapInline);position:relative;grid-column:var(--components-fileEntry-gridColumn);min-block-size:var(--components-fileEntry-minHeight);display:var(--components-fileEntry-display);align-items:center;grid-template-columns:auto 1fr auto;grid-template-areas:var(--components-fileEntry-gridTemplateAreas)}.fileEntry:has(.fileEntry-status-content-fileName) .fileToolbar{--components-fileToolbar-insetBlockEnd: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-400) + var(--pr-t-spacings-25))}.fileEntry:has(.fileEntry-filename-tooltip:focus-visible,.fileEntry-status-content:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileEntry-status-content-inside-icon{color:var(--palettes-critical-700);--icon-size: 1.25rem}.fileEntryDisplayWrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--pr-t-spacings-100)}.fileEntryDisplayWrapper:empty{display:none}.form-field:has(.fileUpload)+.fileEntryDisplayWrapper{margin-block-start:var(--pr-t-spacings-100)}.fileEntry-status{inline-size:var(--components-fileEntry-status-inlineSize);block-size:var(--components-fileEntry-status-blockSize);color:var(--palettes-neutral-700);flex-shrink:0;aspect-ratio:var(--components-fileEntry-status-aspectRatio);margin:var(--components-fileEntry-status-margin);grid-area:picture;display:flex;flex-direction:column}.fileEntry-status-content{display:flex;flex-direction:column;flex-grow:1;outline:none;justify-content:center;align-items:center;padding:var(--components-fileEntry-status-content-padding);position:relative}.fileEntry-status-content-fileName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;text-align:center;padding:var(--pr-t-spacings-100);padding-block-end:var(--pr-t-spacings-25);inline-size:100%}.fileEntry-status-content-inlineMessage.inlineMessage{flex-direction:column;align-items:center;text-align:center;padding:var(--pr-t-spacings-100)}.fileEntry-status-content-inlineMessage.inlineMessage .inlineMessage-statusIcon:first-child{--icon-size: 1.5rem}.fileEntry-status-content-inside{position:relative;flex-grow:1;inline-size:100%;border-radius:var(--pr-t-border-radius-50);overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--components-fileEntry-status-content-inside-backgroundColor)}.fileEntry-status-content-inside+.fileEntry-status-content-inside{position:absolute;inset-block-start:0;inset-block-end:var(--components-fileEntry-status-content-inside-insetBlockEnd)}.fileEntry-status-content-inside-svg{inline-size:var(--components-fileEntry-status-content-svg-width);block-size:var(--components-fileEntry-status-content-svg-height);margin:var(--components-fileEntry-status-content-svg-margin)}.fileEntry-status-content-inside-img{object-fit:cover;inline-size:100%;block-size:100%;position:absolute;inset:0;opacity:var(--components-fileEntry-status-content-img-opacity)}.fileEntry-toolbar{grid-area:toolbar;margin:0}.fileEntry-filename{grid-area:title;align-self:var(--components-fileEntry-filename-alignSelf);min-inline-size:0}.fileEntry-filename-tooltip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none}.fileEntry-description{grid-area:description;align-self:start;color:var(--palettes-neutral-600);font:var(--pr-t-font-body-S);display:var(--components-fileEntry-description-display);margin:0;gap:var(--pr-t-spacings-100);min-inline-size:0}.fileEntry-description-format{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pr-t-border-radius-50);max-inline-size:20ch}.fileEntry-description-format:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileEntry-inlineMessage{grid-area:description;margin:0;align-self:start;min-inline-size:0}.fileEntry-inlineMessage .inlineMessage-statusIcon{display:none}.fileEntry_box.box{margin-block-start:var(--pr-t-spacings-150)}.fileEntry_box-field{display:flex;flex-wrap:wrap;gap:var(--pr-t-spacings-100)}.fileEntry_box-field-textField{flex-grow:1}.fileEntry_box-field-button.button{flex-grow:1;flex-basis:0;min-inline-size:fit-content}.fileEntry-status-content-inside-loading.loading{--components-loading-size: var(--pr-t-spacings-250)}}@layer mods{.fileEntry.mod-L{--components-fileEntry-padding: var(--pr-t-spacings-150);--components-fileEntry-status-inlineSize: 48px;--components-fileEntry-description-display: flex;--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--components-fileEntry-filename-alignSelf: end;--components-fileEntry-gapInline: var(--components-fileEntry-padding);--components-fileEntry-status-content-svg-margin: 0;--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize)}.fileEntry.mod-L .fileEntry-status-content-inside-icon{--icon-size: 1.5rem}.fileEntry.mod-L.mod-structure{--components-fileEntry-borderRadius: var(--pr-t-border-radius-structure)}.fileEntry.mod-media{--components-fileEntry-padding: var(--pr-t-spacings-75);--components-fileEntry-status-inlineSize: 100%;--components-fileEntry-description-display: none;--components-fileEntry-display: block;--components-fileEntry-status-content-svg-width: 72px;--components-fileEntry-gridColumn: auto;--components-fileEntry-status-blockSize: auto;--components-fileEntry-status-aspectRatio: 1}.fileEntry.mod-media:has(.fileEntry-status-content-fileName){--components-fileEntry-status-content-inside-insetBlockEnd: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-25))}.fileEntry.mod-media.mod-L{--components-fileEntry-minHeight: calc(5rem + 2px) ;--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-status-blockSize: calc(20.5rem + 2px) ;--components-fileEntry-status-aspectRatio: auto}.fileEntry.is-error{--components-fileEntry-borderColor: var(--palettes-critical-600);--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--components-fileEntry-status-content-inside-backgroundColor: var(--palettes-critical-50);--components-fileEntry-minHeight: 3.75rem;--components-fileEntry-description-display: flex}.fileEntry.is-error.mod-L{--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize)}.fileEntry.is-error.mod-L.mod-media{--components-fileEntry-status-blockSize: calc(20.5rem + 2px) }.fileEntry.is-loading{--components-fileEntry-status-content-img-opacity: .08}.fileEntry.is-loading.mod-L .fileEntry-status-content-inside-loading.loading{--components-loading-size: var(--pr-t-spacings-300)}}@layer mods{.fileEntry-description-divider.divider.mod-vertical{--components-divider-marginBlock: var(--pr-t-spacings-25);--components-divider-marginInline: 0}}@layer components{.fileToolbar{--components-fileToolbar-list-padding: var(--pr-t-spacings-50);--components-fileToolbar-display: block;--components-fileToolbar-insetBlockEnd: var(--pr-t-spacings-150);border-radius:var(--pr-t-border-radius-default);position:absolute;transform:translate(-50%);inset-inline-start:50%;inset-block-end:var(--components-fileToolbar-insetBlockEnd);box-shadow:var(--pr-t-elevation-shadow-overlay);background-color:var(--pr-t-elevation-surface-raised);z-index:1;display:var(--components-fileToolbar-display)}.fileToolbar-list{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-50);padding:var(--components-fileToolbar-list-padding)}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents;--components-fileToolbar-list-padding: 0}.fileToolbar.mod-disablePositioning.mod-L{--components-fileToolbar-list-padding: var(--pr-t-spacings-50)}}@layer mods{.fileToolbar .fileToolbar-list-item-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.fileToolbar .fileToolbar-list-item-button.button:hover,.fileToolbar .fileToolbar-list-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.fileToolbar .fileToolbar-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar .fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.fileToolbar .fileToolbar-list-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-borderRadius: 4px;--components-button-padding: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}}\n"] }]
412
+ }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<dl class=\"fileEntry\" [class.mod-media]=\"media()\" [class.mod-structure]=\"structure()\" [class]=\"dlClasses()\">\n\t@if (!media()) {\n\t\t<dt class=\"fileEntry-filename\">\n\t\t\t<div class=\"fileEntry-filename-tooltip\" luTooltip luTooltipWhenEllipsis>{{ fileName() }}</div>\n\t\t</dt>\n\t\t@if (state() === \"error\" && inlineMessageError()) {\n\t\t\t<dd class=\"fileEntry-inlineMessage\">\n\t\t\t\t<lu-inline-message withTooltip [label]=\"inlineMessageError() ?? ''\" [state]=\"'error'\" />\n\t\t\t</dd>\n\t\t} @else {\n\t\t\t<dd class=\"fileEntry-description\">\n\t\t\t\t<span class=\"fileEntry-description-format\" luTooltip luTooltipWhenEllipsis>{{ fileTypeDisplay() }}</span>\n\t\t\t\t@if (fileSizeDisplay(); as fileSizeDisplay) {\n\t\t\t\t\t<span class=\"pr-u-mask\"> \u2013 </span>\n\t\t\t\t\t<lu-divider vertical class=\"fileEntry-description-divider\" />\n\t\t\t\t\t<span class=\"fileEntry-description-size\">{{ fileSizeDisplay }}</span>\n\t\t\t\t}\n\t\t\t</dd>\n\t\t}\n\t}\n\t<dd class=\"fileEntry-status\">\n\t\t<div class=\"fileEntry-status-content\" [luTooltip]=\"tooltip() ?? ''\">\n\t\t\t@if (state() === \"error\" && inlineMessageError()) {\n\t\t\t\t@if (media()) {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<lu-inline-message class=\"fileEntry-status-content-inlineMessage\" [label]=\"inlineMessageError() ?? ''\" [state]=\"'error'\" />\n\t\t\t\t\t</div>\n\t\t\t\t} @else {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<lu-icon class=\"fileEntry-status-content-inside-icon\" icon=\"signError\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t} @else {\n\t\t\t\t@if (previewUrl() && state() !== \"error\") {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<img class=\"fileEntry-status-content-inside-img\" [src]=\"previewUrl()\" alt=\"\" loading=\"lazy\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (state() === \"loading\") {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<div class=\"fileEntry-status-content-inside-loading loading\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (!previewUrl() && state() !== \"loading\") {\n\t\t\t\t\t<div class=\"fileEntry-status-content-inside\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tclass=\"fileEntry-status-content-inside-svg\"\n\t\t\t\t\t\t\t[attr.src]=\"iconOverride() || fileEntryIconSrc()\"\n\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\twidth=\"32\"\n\t\t\t\t\t\t\theight=\"32\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t\t@if (displayFileName() && media()) {\n\t\t\t\t<div class=\"fileEntry-status-content-fileName\" aria-hidden=\"true\">{{ fileName() }}</div>\n\t\t\t}\n\t\t</div>\n\t</dd>\n\t@if (downloadURL() || deletable) {\n\t\t<dd class=\"fileEntry-toolbar\">\n\t\t\t<div class=\"fileToolbar\" [class.mod-disablePositioning]=\"!media()\" [class.mod-L]=\"size() === 'L'\">\n\t\t\t\t<ul class=\"fileToolbar-list\">\n\t\t\t\t\t@if (downloadURL()) {\n\t\t\t\t\t\t<li class=\"fileToolbar-list-item\">\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t[href]=\"downloadURL()\"\n\t\t\t\t\t\t\t\t[attr.target]=\"openInNewTab() ? '_blank' : null\"\n\t\t\t\t\t\t\t\t[attr.rel]=\"openInNewTab() ? 'noopener noreferrer' : null\"\n\t\t\t\t\t\t\t\t[attr.download]=\"openInNewTab() ? null : 'download'\"\n\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tluButton\n\t\t\t\t\t\t\t\t[luTooltip]=\"openInNewTab() ? intl().preview : intl().download\"\n\t\t\t\t\t\t\t\tluTooltipOnlyForDisplay\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<lu-icon\n\t\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button-icon\"\n\t\t\t\t\t\t\t\t\t[icon]=\"openInNewTab() ? 'eye' : 'arrowDownload'\"\n\t\t\t\t\t\t\t\t\t[alt]=\"intl().downloadFile | intlParams: { fileName: fileName() }\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t}\n\t\t\t\t\t@if (deletable) {\n\t\t\t\t\t\t<li class=\"fileToolbar-list-item\">\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button\"\n\t\t\t\t\t\t\t\t[class.palette-critical]=\"state() === 'error'\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tluButton\n\t\t\t\t\t\t\t\tdelete\n\t\t\t\t\t\t\t\t[luTooltip]=\"intl().delete\"\n\t\t\t\t\t\t\t\tluTooltipOnlyForDisplay\n\t\t\t\t\t\t\t\t(click)=\"deleteFile$.next()\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<lu-icon\n\t\t\t\t\t\t\t\t\tclass=\"fileToolbar-list-item-button-icon\"\n\t\t\t\t\t\t\t\t\ticon=\"trashDelete\"\n\t\t\t\t\t\t\t\t\t[alt]=\"intl().deleteFile | intlParams: { fileName: fileName() }\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t</dd>\n\t}\n</dl>\n@if (withPassword) {\n\t<div class=\"fileEntry_box box mod-withArrow mod-neutral\">\n\t\t<div class=\"box-arrow mod-neutral\"></div>\n\t\t<lu-form-field [label]=\"intl().password\">\n\t\t\t<div class=\"fileEntry_box-field\">\n\t\t\t\t<lu-text-input\n\t\t\t\t\tclass=\"fileEntry_box-field-textField\"\n\t\t\t\t\trequired\n\t\t\t\t\thasClearer\n\t\t\t\t\tsearchIcon=\"searchMagnifyingGlass\"\n\t\t\t\t\ttype=\"password\"\n\t\t\t\t\t[ngModel]=\"password()\"\n\t\t\t\t\t(ngModelChange)=\"passwordChange$.next($event)\"\n\t\t\t\t/>\n\t\t\t\t<button class=\"fileEntry_box-field-button\" luButton type=\"button\">{{ intl().confirmPassword }}</button>\n\t\t\t</div>\n\t\t</lu-form-field>\n\t</div>\n}\n", styles: ["@layer components{.fileEntry{--components-fileEntry-borderRadius: var(--pr-t-border-radius-default);--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-borderColor: var(--palettes-neutral-100);--components-fileEntry-minHeight: auto;--components-fileEntry-status-content-inside-backgroundColor: var(--palettes-neutral-25);--components-fileEntry-status-content-img-opacity: 1;--components-fileEntry-status-content-svg-width: 48px;--components-fileEntry-status-content-svg-height: var(--components-fileEntry-status-content-svg-width);--components-fileEntry-status-blockSize: 100%;--components-fileEntry-status-margin: 0;--components-fileEntry-display: grid;--components-fileEntry-status-content-padding: 0;--components-fileEntry-status-content-inside-insetBlockEnd: 0;--components-fileEntry-padding: var(--pr-t-spacings-50);--components-fileEntry-status-inlineSize: 32px;--components-fileEntry-description-display: none;--components-fileEntry-gridTemplateAreas: \"picture title title toolbar\";--components-fileEntry-filename-alignSelf: center;--components-fileEntry-gapInline: var(--pr-t-spacings-75);--components-fileEntry-status-content-svg-margin: calc(var(--pr-t-spacings-100) * -1);border:1px solid var(--components-fileEntry-borderColor);padding:var(--components-fileEntry-padding);margin:0;border-radius:var(--components-fileEntry-borderRadius);background-color:var(--pr-t-elevation-surface-raised);gap:0 var(--components-fileEntry-gapInline);position:relative;grid-column:var(--components-fileEntry-gridColumn);min-block-size:var(--components-fileEntry-minHeight);display:var(--components-fileEntry-display);align-items:center;grid-template-columns:auto 1fr auto;grid-template-areas:var(--components-fileEntry-gridTemplateAreas)}.fileEntry:has(.fileEntry-status-content-fileName) .fileToolbar{--components-fileToolbar-insetBlockEnd: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-400) + var(--pr-t-spacings-25))}.fileEntry:has(.fileEntry-filename-tooltip:focus-visible,.fileEntry-status-content:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileEntry-status-content-inside-icon{color:var(--palettes-critical-700);--icon-size: 1.25rem}.fileEntryDisplayWrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--pr-t-spacings-100)}.fileEntryDisplayWrapper:empty{display:none}.form-field:has(.fileUpload)+.fileEntryDisplayWrapper{margin-block-start:var(--pr-t-spacings-100)}.fileEntry-status{inline-size:var(--components-fileEntry-status-inlineSize);block-size:var(--components-fileEntry-status-blockSize);color:var(--palettes-neutral-700);flex-shrink:0;aspect-ratio:var(--components-fileEntry-status-aspectRatio);margin:var(--components-fileEntry-status-margin);grid-area:picture;display:flex;flex-direction:column}.fileEntry-status-content{display:flex;flex-direction:column;flex-grow:1;outline:none;justify-content:center;align-items:center;padding:var(--components-fileEntry-status-content-padding);position:relative}.fileEntry-status-content-fileName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;text-align:center;padding:var(--pr-t-spacings-100);padding-block-end:var(--pr-t-spacings-25);inline-size:100%}.fileEntry-status-content-inlineMessage.inlineMessage{flex-direction:column;align-items:center;text-align:center;padding:var(--pr-t-spacings-100)}.fileEntry-status-content-inlineMessage.inlineMessage .inlineMessage-statusIcon:first-child{--icon-size: 1.5rem}.fileEntry-status-content-inside{position:relative;flex-grow:1;inline-size:100%;border-radius:var(--pr-t-border-radius-50);overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--components-fileEntry-status-content-inside-backgroundColor)}.fileEntry-status-content-inside+.fileEntry-status-content-inside{position:absolute;inset-block-start:0;inset-block-end:var(--components-fileEntry-status-content-inside-insetBlockEnd)}.fileEntry-status-content-inside-svg{inline-size:var(--components-fileEntry-status-content-svg-width);block-size:var(--components-fileEntry-status-content-svg-height);margin:var(--components-fileEntry-status-content-svg-margin)}.fileEntry-status-content-inside-img{object-fit:cover;inline-size:100%;block-size:100%;position:absolute;inset:0;opacity:var(--components-fileEntry-status-content-img-opacity)}.fileEntry-toolbar{grid-area:toolbar;margin:0}.fileEntry-filename{grid-area:title;align-self:var(--components-fileEntry-filename-alignSelf);min-inline-size:0}.fileEntry-filename-tooltip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none}.fileEntry-description{grid-area:description;align-self:start;color:var(--palettes-neutral-600);font:var(--pr-t-font-body-S);display:var(--components-fileEntry-description-display);margin:0;gap:var(--pr-t-spacings-100);min-inline-size:0}.fileEntry-description-format{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pr-t-border-radius-50);max-inline-size:20ch}.fileEntry-description-format:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileEntry-inlineMessage{grid-area:description;margin:0;align-self:start;min-inline-size:0}.fileEntry-inlineMessage .inlineMessage-statusIcon{display:none}.fileEntry_box.box{margin-block-start:var(--pr-t-spacings-150)}.fileEntry_box-field{display:flex;flex-wrap:wrap;gap:var(--pr-t-spacings-100)}.fileEntry_box-field-textField{flex-grow:1}.fileEntry_box-field-button.button{flex-grow:1;flex-basis:0;min-inline-size:fit-content}.fileEntry-status-content-inside-loading.loading{--components-loading-size: var(--pr-t-spacings-250)}}@layer mods{.fileEntry.mod-L{--components-fileEntry-padding: var(--pr-t-spacings-150);--components-fileEntry-status-inlineSize: 48px;--components-fileEntry-description-display: flex;--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--components-fileEntry-filename-alignSelf: end;--components-fileEntry-gapInline: var(--components-fileEntry-padding);--components-fileEntry-status-content-svg-margin: 0;--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize)}.fileEntry.mod-L .fileEntry-status-content-inside-icon{--icon-size: 1.5rem}.fileEntry.mod-L.mod-structure{--components-fileEntry-borderRadius: var(--pr-t-border-radius-structure)}.fileEntry.mod-media{--components-fileEntry-padding: var(--pr-t-spacings-75);--components-fileEntry-status-inlineSize: 100%;--components-fileEntry-description-display: none;--components-fileEntry-display: block;--components-fileEntry-status-content-svg-width: 72px;--components-fileEntry-gridColumn: auto;--components-fileEntry-status-blockSize: auto;--components-fileEntry-status-aspectRatio: 1}.fileEntry.mod-media:has(.fileEntry-status-content-fileName){--components-fileEntry-status-content-inside-insetBlockEnd: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-25))}.fileEntry.mod-media.mod-L{--components-fileEntry-minHeight: calc(5rem + 2px) ;--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-status-blockSize: calc(20.5rem + 2px) ;--components-fileEntry-status-aspectRatio: auto}.fileEntry.is-error{--components-fileEntry-borderColor: var(--palettes-critical-600);--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--components-fileEntry-status-content-inside-backgroundColor: var(--palettes-critical-50);--components-fileEntry-minHeight: 3.75rem;--components-fileEntry-description-display: flex}.fileEntry.is-error.mod-L{--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize)}.fileEntry.is-error.mod-L.mod-media{--components-fileEntry-status-blockSize: calc(20.5rem + 2px) }.fileEntry.is-loading{--components-fileEntry-status-content-img-opacity: .08}.fileEntry.is-loading.mod-L .fileEntry-status-content-inside-loading.loading{--components-loading-size: var(--pr-t-spacings-300)}}@layer mods{.fileEntry-description-divider.divider.mod-vertical{--components-divider-marginBlock: var(--pr-t-spacings-25);--components-divider-marginInline: 0}}@layer components{.fileToolbar{--components-fileToolbar-list-padding: var(--pr-t-spacings-50);--components-fileToolbar-display: block;--components-fileToolbar-insetBlockEnd: var(--pr-t-spacings-150);border-radius:var(--pr-t-border-radius-default);position:absolute;transform:translate(-50%);inset-inline-start:50%;inset-block-end:var(--components-fileToolbar-insetBlockEnd);box-shadow:var(--pr-t-elevation-shadow-overlay);background-color:var(--pr-t-elevation-surface-raised);z-index:1;display:var(--components-fileToolbar-display)}.fileToolbar-list{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-50);padding:var(--components-fileToolbar-list-padding)}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents;--components-fileToolbar-list-padding: 0}.fileToolbar.mod-disablePositioning.mod-L{--components-fileToolbar-list-padding: var(--pr-t-spacings-50)}}@layer mods{.fileToolbar .fileToolbar-list-item-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.fileToolbar .fileToolbar-list-item-button.button:hover,.fileToolbar .fileToolbar-list-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.fileToolbar .fileToolbar-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar .fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.fileToolbar .fileToolbar-list-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-borderRadius: 4px;--components-button-padding: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}}\n"] }]
399
413
  }], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], displayFileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayFileName", required: false }] }], structure: [{ type: i0.Input, args: [{ isSignal: true, alias: "structure", required: false }] }], inlineMessageError: [{ type: i0.Input, args: [{ isSignal: true, alias: "inlineMessageError", required: false }] }], entry: [{ type: i0.Input, args: [{ isSignal: true, alias: "entry", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], iconOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOverride", required: false }] }], downloadURL: [{ type: i0.Input, args: [{ isSignal: true, alias: "downloadURL", required: false }] }], openInNewTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "openInNewTab", required: false }] }], password: [{ type: i0.Input, args: [{ isSignal: true, alias: "password", required: false }] }], passwordChange: [{ type: i0.Output, args: ["passwordChange"] }], media: [{ type: i0.Input, args: [{ isSignal: true, alias: "media", required: false }] }], deleteFile: [{ type: i0.Output, args: ["deleteFile"] }], previewUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "previewUrl", required: false }] }] } });
400
414
  function extractFileExtension(fileName, type) {
401
415
  if (!type) {
@@ -415,6 +429,17 @@ function extractFileExtension(fileName, type) {
415
429
  }
416
430
  }
417
431
 
432
+ class FileEntryWrapperComponent {
433
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FileEntryWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
434
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: FileEntryWrapperComponent, isStandalone: true, selector: "lu-file-entry-wrapper", host: { classAttribute: "fileEntryDisplayWrapper" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer components{.fileEntry{--components-fileEntry-borderRadius: var(--pr-t-border-radius-default);--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-borderColor: var(--palettes-neutral-100);--components-fileEntry-minHeight: auto;--components-fileEntry-status-content-inside-backgroundColor: var(--palettes-neutral-25);--components-fileEntry-status-content-img-opacity: 1;--components-fileEntry-status-content-svg-width: 48px;--components-fileEntry-status-content-svg-height: var(--components-fileEntry-status-content-svg-width);--components-fileEntry-status-blockSize: 100%;--components-fileEntry-status-margin: 0;--components-fileEntry-display: grid;--components-fileEntry-status-content-padding: 0;--components-fileEntry-status-content-inside-insetBlockEnd: 0;--components-fileEntry-padding: var(--pr-t-spacings-50);--components-fileEntry-status-inlineSize: 32px;--components-fileEntry-description-display: none;--components-fileEntry-gridTemplateAreas: \"picture title title toolbar\";--components-fileEntry-filename-alignSelf: center;--components-fileEntry-gapInline: var(--pr-t-spacings-75);--components-fileEntry-status-content-svg-margin: calc(var(--pr-t-spacings-100) * -1);border:1px solid var(--components-fileEntry-borderColor);padding:var(--components-fileEntry-padding);margin:0;border-radius:var(--components-fileEntry-borderRadius);background-color:var(--pr-t-elevation-surface-raised);gap:0 var(--components-fileEntry-gapInline);position:relative;grid-column:var(--components-fileEntry-gridColumn);min-block-size:var(--components-fileEntry-minHeight);display:var(--components-fileEntry-display);align-items:center;grid-template-columns:auto 1fr auto;grid-template-areas:var(--components-fileEntry-gridTemplateAreas)}.fileEntry:has(.fileEntry-status-content-fileName) .fileToolbar{--components-fileToolbar-insetBlockEnd: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-400) + var(--pr-t-spacings-25))}.fileEntry:has(.fileEntry-filename-tooltip:focus-visible,.fileEntry-status-content:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileEntry-status-content-inside-icon{color:var(--palettes-critical-700);--icon-size: 1.25rem}.fileEntryDisplayWrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--pr-t-spacings-100)}.fileEntryDisplayWrapper:empty{display:none}.form-field:has(.fileUpload)+.fileEntryDisplayWrapper{margin-block-start:var(--pr-t-spacings-100)}.fileEntry-status{inline-size:var(--components-fileEntry-status-inlineSize);block-size:var(--components-fileEntry-status-blockSize);color:var(--palettes-neutral-700);flex-shrink:0;aspect-ratio:var(--components-fileEntry-status-aspectRatio);margin:var(--components-fileEntry-status-margin);grid-area:picture;display:flex;flex-direction:column}.fileEntry-status-content{display:flex;flex-direction:column;flex-grow:1;outline:none;justify-content:center;align-items:center;padding:var(--components-fileEntry-status-content-padding);position:relative}.fileEntry-status-content-fileName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;text-align:center;padding:var(--pr-t-spacings-100);padding-block-end:var(--pr-t-spacings-25);inline-size:100%}.fileEntry-status-content-inlineMessage.inlineMessage{flex-direction:column;align-items:center;text-align:center;padding:var(--pr-t-spacings-100)}.fileEntry-status-content-inlineMessage.inlineMessage .inlineMessage-statusIcon:first-child{--icon-size: 1.5rem}.fileEntry-status-content-inside{position:relative;flex-grow:1;inline-size:100%;border-radius:var(--pr-t-border-radius-50);overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--components-fileEntry-status-content-inside-backgroundColor)}.fileEntry-status-content-inside+.fileEntry-status-content-inside{position:absolute;inset-block-start:0;inset-block-end:var(--components-fileEntry-status-content-inside-insetBlockEnd)}.fileEntry-status-content-inside-svg{inline-size:var(--components-fileEntry-status-content-svg-width);block-size:var(--components-fileEntry-status-content-svg-height);margin:var(--components-fileEntry-status-content-svg-margin)}.fileEntry-status-content-inside-img{object-fit:cover;inline-size:100%;block-size:100%;position:absolute;inset:0;opacity:var(--components-fileEntry-status-content-img-opacity)}.fileEntry-toolbar{grid-area:toolbar;margin:0}.fileEntry-filename{grid-area:title;align-self:var(--components-fileEntry-filename-alignSelf);min-inline-size:0}.fileEntry-filename-tooltip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none}.fileEntry-description{grid-area:description;align-self:start;color:var(--palettes-neutral-600);font:var(--pr-t-font-body-S);display:var(--components-fileEntry-description-display);margin:0;gap:var(--pr-t-spacings-100);min-inline-size:0}.fileEntry-description-format{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pr-t-border-radius-50);max-inline-size:20ch}.fileEntry-description-format:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileEntry-inlineMessage{grid-area:description;margin:0;align-self:start;min-inline-size:0}.fileEntry-inlineMessage .inlineMessage-statusIcon{display:none}.fileEntry_box.box{margin-block-start:var(--pr-t-spacings-150)}.fileEntry_box-field{display:flex;flex-wrap:wrap;gap:var(--pr-t-spacings-100)}.fileEntry_box-field-textField{flex-grow:1}.fileEntry_box-field-button.button{flex-grow:1;flex-basis:0;min-inline-size:fit-content}.fileEntry-status-content-inside-loading.loading{--components-loading-size: var(--pr-t-spacings-250)}}@layer mods{.fileEntry.mod-L{--components-fileEntry-padding: var(--pr-t-spacings-150);--components-fileEntry-status-inlineSize: 48px;--components-fileEntry-description-display: flex;--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--components-fileEntry-filename-alignSelf: end;--components-fileEntry-gapInline: var(--components-fileEntry-padding);--components-fileEntry-status-content-svg-margin: 0;--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize)}.fileEntry.mod-L .fileEntry-status-content-inside-icon{--icon-size: 1.5rem}.fileEntry.mod-L.mod-structure{--components-fileEntry-borderRadius: var(--pr-t-border-radius-structure)}.fileEntry.mod-media{--components-fileEntry-padding: var(--pr-t-spacings-75);--components-fileEntry-status-inlineSize: 100%;--components-fileEntry-description-display: none;--components-fileEntry-display: block;--components-fileEntry-status-content-svg-width: 72px;--components-fileEntry-gridColumn: auto;--components-fileEntry-status-blockSize: auto;--components-fileEntry-status-aspectRatio: 1}.fileEntry.mod-media:has(.fileEntry-status-content-fileName){--components-fileEntry-status-content-inside-insetBlockEnd: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-25))}.fileEntry.mod-media.mod-L{--components-fileEntry-minHeight: calc(5rem + 2px) ;--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-status-blockSize: calc(20.5rem + 2px) ;--components-fileEntry-status-aspectRatio: auto}.fileEntry.is-error{--components-fileEntry-borderColor: var(--palettes-critical-600);--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--components-fileEntry-status-content-inside-backgroundColor: var(--palettes-critical-50);--components-fileEntry-minHeight: 3.75rem;--components-fileEntry-description-display: flex}.fileEntry.is-error.mod-L{--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize)}.fileEntry.is-error.mod-L.mod-media{--components-fileEntry-status-blockSize: calc(20.5rem + 2px) }.fileEntry.is-loading{--components-fileEntry-status-content-img-opacity: .08}.fileEntry.is-loading.mod-L .fileEntry-status-content-inside-loading.loading{--components-loading-size: var(--pr-t-spacings-300)}}@layer mods{.fileEntry-description-divider.divider.mod-vertical{--components-divider-marginBlock: var(--pr-t-spacings-25);--components-divider-marginInline: 0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
435
+ }
436
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FileEntryWrapperComponent, decorators: [{
437
+ type: Component,
438
+ args: [{ selector: 'lu-file-entry-wrapper', template: '<ng-content />', encapsulation: ViewEncapsulation.None, host: {
439
+ class: 'fileEntryDisplayWrapper',
440
+ }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer components{.fileEntry{--components-fileEntry-borderRadius: var(--pr-t-border-radius-default);--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-borderColor: var(--palettes-neutral-100);--components-fileEntry-minHeight: auto;--components-fileEntry-status-content-inside-backgroundColor: var(--palettes-neutral-25);--components-fileEntry-status-content-img-opacity: 1;--components-fileEntry-status-content-svg-width: 48px;--components-fileEntry-status-content-svg-height: var(--components-fileEntry-status-content-svg-width);--components-fileEntry-status-blockSize: 100%;--components-fileEntry-status-margin: 0;--components-fileEntry-display: grid;--components-fileEntry-status-content-padding: 0;--components-fileEntry-status-content-inside-insetBlockEnd: 0;--components-fileEntry-padding: var(--pr-t-spacings-50);--components-fileEntry-status-inlineSize: 32px;--components-fileEntry-description-display: none;--components-fileEntry-gridTemplateAreas: \"picture title title toolbar\";--components-fileEntry-filename-alignSelf: center;--components-fileEntry-gapInline: var(--pr-t-spacings-75);--components-fileEntry-status-content-svg-margin: calc(var(--pr-t-spacings-100) * -1);border:1px solid var(--components-fileEntry-borderColor);padding:var(--components-fileEntry-padding);margin:0;border-radius:var(--components-fileEntry-borderRadius);background-color:var(--pr-t-elevation-surface-raised);gap:0 var(--components-fileEntry-gapInline);position:relative;grid-column:var(--components-fileEntry-gridColumn);min-block-size:var(--components-fileEntry-minHeight);display:var(--components-fileEntry-display);align-items:center;grid-template-columns:auto 1fr auto;grid-template-areas:var(--components-fileEntry-gridTemplateAreas)}.fileEntry:has(.fileEntry-status-content-fileName) .fileToolbar{--components-fileToolbar-insetBlockEnd: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-400) + var(--pr-t-spacings-25))}.fileEntry:has(.fileEntry-filename-tooltip:focus-visible,.fileEntry-status-content:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileEntry-status-content-inside-icon{color:var(--palettes-critical-700);--icon-size: 1.25rem}.fileEntryDisplayWrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--pr-t-spacings-100)}.fileEntryDisplayWrapper:empty{display:none}.form-field:has(.fileUpload)+.fileEntryDisplayWrapper{margin-block-start:var(--pr-t-spacings-100)}.fileEntry-status{inline-size:var(--components-fileEntry-status-inlineSize);block-size:var(--components-fileEntry-status-blockSize);color:var(--palettes-neutral-700);flex-shrink:0;aspect-ratio:var(--components-fileEntry-status-aspectRatio);margin:var(--components-fileEntry-status-margin);grid-area:picture;display:flex;flex-direction:column}.fileEntry-status-content{display:flex;flex-direction:column;flex-grow:1;outline:none;justify-content:center;align-items:center;padding:var(--components-fileEntry-status-content-padding);position:relative}.fileEntry-status-content-fileName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;text-align:center;padding:var(--pr-t-spacings-100);padding-block-end:var(--pr-t-spacings-25);inline-size:100%}.fileEntry-status-content-inlineMessage.inlineMessage{flex-direction:column;align-items:center;text-align:center;padding:var(--pr-t-spacings-100)}.fileEntry-status-content-inlineMessage.inlineMessage .inlineMessage-statusIcon:first-child{--icon-size: 1.5rem}.fileEntry-status-content-inside{position:relative;flex-grow:1;inline-size:100%;border-radius:var(--pr-t-border-radius-50);overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--components-fileEntry-status-content-inside-backgroundColor)}.fileEntry-status-content-inside+.fileEntry-status-content-inside{position:absolute;inset-block-start:0;inset-block-end:var(--components-fileEntry-status-content-inside-insetBlockEnd)}.fileEntry-status-content-inside-svg{inline-size:var(--components-fileEntry-status-content-svg-width);block-size:var(--components-fileEntry-status-content-svg-height);margin:var(--components-fileEntry-status-content-svg-margin)}.fileEntry-status-content-inside-img{object-fit:cover;inline-size:100%;block-size:100%;position:absolute;inset:0;opacity:var(--components-fileEntry-status-content-img-opacity)}.fileEntry-toolbar{grid-area:toolbar;margin:0}.fileEntry-filename{grid-area:title;align-self:var(--components-fileEntry-filename-alignSelf);min-inline-size:0}.fileEntry-filename-tooltip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none}.fileEntry-description{grid-area:description;align-self:start;color:var(--palettes-neutral-600);font:var(--pr-t-font-body-S);display:var(--components-fileEntry-description-display);margin:0;gap:var(--pr-t-spacings-100);min-inline-size:0}.fileEntry-description-format{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pr-t-border-radius-50);max-inline-size:20ch}.fileEntry-description-format:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileEntry-inlineMessage{grid-area:description;margin:0;align-self:start;min-inline-size:0}.fileEntry-inlineMessage .inlineMessage-statusIcon{display:none}.fileEntry_box.box{margin-block-start:var(--pr-t-spacings-150)}.fileEntry_box-field{display:flex;flex-wrap:wrap;gap:var(--pr-t-spacings-100)}.fileEntry_box-field-textField{flex-grow:1}.fileEntry_box-field-button.button{flex-grow:1;flex-basis:0;min-inline-size:fit-content}.fileEntry-status-content-inside-loading.loading{--components-loading-size: var(--pr-t-spacings-250)}}@layer mods{.fileEntry.mod-L{--components-fileEntry-padding: var(--pr-t-spacings-150);--components-fileEntry-status-inlineSize: 48px;--components-fileEntry-description-display: flex;--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--components-fileEntry-filename-alignSelf: end;--components-fileEntry-gapInline: var(--components-fileEntry-padding);--components-fileEntry-status-content-svg-margin: 0;--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize)}.fileEntry.mod-L .fileEntry-status-content-inside-icon{--icon-size: 1.5rem}.fileEntry.mod-L.mod-structure{--components-fileEntry-borderRadius: var(--pr-t-border-radius-structure)}.fileEntry.mod-media{--components-fileEntry-padding: var(--pr-t-spacings-75);--components-fileEntry-status-inlineSize: 100%;--components-fileEntry-description-display: none;--components-fileEntry-display: block;--components-fileEntry-status-content-svg-width: 72px;--components-fileEntry-gridColumn: auto;--components-fileEntry-status-blockSize: auto;--components-fileEntry-status-aspectRatio: 1}.fileEntry.mod-media:has(.fileEntry-status-content-fileName){--components-fileEntry-status-content-inside-insetBlockEnd: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-25))}.fileEntry.mod-media.mod-L{--components-fileEntry-minHeight: calc(5rem + 2px) ;--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-status-blockSize: calc(20.5rem + 2px) ;--components-fileEntry-status-aspectRatio: auto}.fileEntry.is-error{--components-fileEntry-borderColor: var(--palettes-critical-600);--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--components-fileEntry-status-content-inside-backgroundColor: var(--palettes-critical-50);--components-fileEntry-minHeight: 3.75rem;--components-fileEntry-description-display: flex}.fileEntry.is-error.mod-L{--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize)}.fileEntry.is-error.mod-L.mod-media{--components-fileEntry-status-blockSize: calc(20.5rem + 2px) }.fileEntry.is-loading{--components-fileEntry-status-content-img-opacity: .08}.fileEntry.is-loading.mod-L .fileEntry-status-content-inside-loading.loading{--components-loading-size: var(--pr-t-spacings-300)}}@layer mods{.fileEntry-description-divider.divider.mod-vertical{--components-divider-marginBlock: var(--pr-t-spacings-25);--components-divider-marginInline: 0}}\n"] }]
441
+ }] });
442
+
418
443
  /**
419
444
  * Available FileUploadComponent Types
420
445
  */
@@ -422,28 +447,41 @@ const FILE_UPLOAD_STATE = ['loading', 'success', 'error', 'default'];
422
447
  const FILE_UPLOAD_SIZE = ['L'];
423
448
 
424
449
  class MultiFileUploadComponent extends BaseFileUploadComponent {
425
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: MultiFileUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
426
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: MultiFileUploadComponent, isStandalone: true, selector: "lu-multi-file-upload", host: { properties: { "class.mod-structure": "structure()" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"fileUpload\" [class.is-droppable]=\"droppable\" [class.mod-L]=\"size() === 'L'\" [class.mod-structure]=\"structure()\">\n\t<input\n\t\t[attr.aria-describedby]=\"'fileUpload-instruction-' + idSuffix\"\n\t\tclass=\"fileUpload-input\"\n\t\ttype=\"file\"\n\t\ttitle=\"\"\n\t\t[attr.accept]=\"acceptAttribute().length > 0 ? acceptAttribute() : null\"\n\t\tluInput\n\t\t(dragenter)=\"droppable = true\"\n\t\t(dragleave)=\"droppable = false\"\n\t\t(change)=\"filesChange($event)\"\n\t\tmultiple=\"multiple\"\n\t\t#inputRef\n\t/>\n\t<div class=\"fileUpload-status\">\n\t\t<lu-bubble-illustration [illustration]=\"illus()\" action size=\"L\" />\n\t</div>\n\t@if (size() === \"L\") {\n\t\t<ng-content />\n\t}\n\t<div class=\"fileUpload-instruction\" [attr.id]=\"'fileUpload-instruction-' + idSuffix\">\n\t\t<span class=\"fileUpload-instruction-action\" aria-hidden=\"true\" [innerHTML]=\"intl().dropOrClick.other\"></span>\n\t\t@if (acceptNames().length) {\n\t\t\t<span class=\"fileUpload-instruction-formats\">\n\t\t\t\t@if (acceptNames().length > 1 || acceptAll()) {\n\t\t\t\t\t{{ intl().acceptedFormat.other }}\n\t\t\t\t} @else {\n\t\t\t\t\tintl().acceptedFormat.one\n\t\t\t\t}\n\t\t\t\t{{ acceptNames().join(\", \") }}.\n\t\t\t</span>\n\t\t}\n\t\t@if (fileMaxSize()) {\n\t\t\t<span class=\"fileUpload-instruction-size\">{{ intl().maxWeight.other | intlParams: { maxSizeDisplay: maxSizeDisplay() } }}</span>\n\t\t}\n\t\t<span class=\"pr-u-mask\">{{ intl().fileUploadedListed.other }}</span>\n\t</div>\n\t<span class=\"fileUpload-button button\" [class.mod-filled]=\"buttonFilled()\" aria-hidden=\"true\">{{ intl().selectFile.other }}</span>\n</div>\n", styles: ["@layer components{.fileUpload{--components-fileUpload-inset: auto;--components-fileUpload-position: relative;--components-fileUpload-button-visibility: visible;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-button-display: none;--components-fileUpload-padding: var(--pr-t-spacings-150) var(--pr-t-spacings-200);--components-fileUpload-textAlign: left;--components-fileUpload-flexDirection: row;--components-fileUpload-instruction-alignItems: stretch;--components-fileUpload-instruction-display: block;--components-fileUpload-instruction-maxWidth: none;--components-fileUpload-instruction-action-fontWeight: 600;--fileUpload-instruction-action-marginBottom: 0;--components-fileUpload-instruction-action-color: var(--palettes-product-700);--components-fileUpload-alignItems: flex-start;--components-fileUpload-minHeight: none;--components-fileUpload-instruction-filename-position: static;--components-fileUpload-instruction-filename-marginTop: 0;--components-fileUpload-justifyContent: flex-start;--components-fileUpload-status-img-inset: 0;--components-fileUpload-status-img-size: var(--pr-t-spacings-600);position:var(--components-fileUpload-position);inset:var(--components-fileUpload-inset);border:1px var(--components-fileUpload-borderStyle) var(--components-fileUpload-borderColor);overflow:hidden;border-radius:var(--components-fileUpload-borderRadius);background-color:var(--components-fileUpload-backgroundColor);padding:var(--components-fileUpload-padding);text-align:var(--components-fileUpload-textAlign);display:var(--components-fileUpload-display);flex-direction:var(--components-fileUpload-flexDirection);align-items:var(--components-fileUpload-alignItems);justify-content:var(--components-fileUpload-justifyContent);gap:var(--pr-t-spacings-200);color:var(--pr-t-color-text);min-block-size:var(--components-fileUpload-minHeight)}.fileUpload:has(.fileUpload-input:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileUpload-status{min-inline-size:var(--pr-t-spacings-600);min-block-size:var(--pr-t-spacings-600);display:flex;align-items:center;justify-content:center;--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600))}.fileUpload-status-preview{position:absolute;inset:var(--components-fileUpload-status-img-inset);inline-size:var(--components-fileUpload-status-img-size);block-size:var(--components-fileUpload-status-img-size);border-radius:var(--pr-t-border-radius-50);background-color:var(--palettes-neutral-25);display:flex;overflow:hidden}.fileUpload-status-preview-img{object-fit:cover;opacity:.08;inline-size:100%;block-size:100%}.fileUpload-input{position:absolute;inset:calc(var(--pr-t-spacings-400) * -1) 0 0;opacity:.0001;cursor:pointer;z-index:1}.fileUpload-instruction{display:var(--components-fileUpload-instruction-display);flex-direction:column;align-items:var(--components-fileUpload-instruction-alignItems);max-inline-size:var(--components-fileUpload-instruction-maxWidth);line-height:var(--pr-t-font-body-S-lineHeight)}.fileUpload-instruction-action{display:block;margin-block-end:var(--fileUpload-instruction-action-marginBottom);line-height:var(--pr-t-font-body-M-lineHeight)}.fileUpload-instruction-action span{color:var(--components-fileUpload-instruction-action-color);font-weight:var(--components-fileUpload-instruction-action-fontWeight)}.fileUpload-instruction-size,.fileUpload-instruction-formats{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);vertical-align:top}.fileUpload-button.button{visibility:var(--components-fileUpload-button-visibility);display:var(--components-fileUpload-button-display)}.fileUpload-button.button:not(.mod-filled){--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)}.fileUpload-button.button:not(.mod-filled):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))}.fileUpload-button.button:not(.mod-filled):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileUpload-button.button:not(.mod-filled):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.fileUpload-button.button:not(.mod-filled):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)}.fileUpload-button.button:not(.mod-filled){--palettes-text: var(--palettes-product-text);--palettes-0: var(--palettes-product-0);--palettes-25: var(--palettes-product-25);--palettes-50: var(--palettes-product-50);--palettes-100: var(--palettes-product-100);--palettes-200: var(--palettes-product-200);--palettes-300: var(--palettes-product-300);--palettes-400: var(--palettes-product-400);--palettes-500: var(--palettes-product-500);--palettes-600: var(--palettes-product-600);--palettes-700: var(--palettes-product-700);--palettes-800: var(--palettes-product-800);--palettes-900: var(--palettes-product-900)}.fileUpload-instruction-filename{display:block;font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--components-fileUpload-instruction-filename-color);margin-block-start:var(--components-fileUpload-instruction-filename-marginTop);inset-block-end:var(--pr-t-spacings-100);position:var(--components-fileUpload-instruction-filename-position)}}@layer mods{.fileUpload.mod-dropzone{--components-fileUpload-position: fixed;--components-fileUpload-flexDirection: column;--components-fileUpload-alignItems: center;--components-fileUpload-justifyContent: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-inset: var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-L{--components-fileUpload-button-display: block;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-alignItems: center;--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-justifyContent: center;--components-fileUpload-status-img-inset: var(--pr-t-spacings-75);--components-fileUpload-status-img-size: calc(100% - var(--pr-t-spacings-75) * 2)}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-hidden{--components-fileUpload-display: none}.fileUpload.is-success{--components-fileUpload-instruction-filename-color: var(--palettes-success-800);--components-fileUpload-button-visibility: hidden}.fileUpload.is-error{--components-fileUpload-instruction-filename-color: var(--palettes-critical-800);--components-fileUpload-backgroundColor: var(--palettes-critical-50);--components-fileUpload-borderColor: var(--palettes-critical-400)}.fileUpload.is-error:hover{--components-fileUpload-borderColor: var(--palettes-critical-600)}.fileUpload.is-droppable{--components-fileUpload-borderStyle: solid;--components-fileUpload-backgroundColor: var(--palettes-product-50);--components-fileUpload-borderColor: var(--palettes-product-600)}}@layer components{.fileToolbar{--components-fileToolbar-list-padding: var(--pr-t-spacings-50);--components-fileToolbar-display: block;--components-fileToolbar-insetBlockEnd: var(--pr-t-spacings-150);border-radius:var(--pr-t-border-radius-default);position:absolute;transform:translate(-50%);inset-inline-start:50%;inset-block-end:var(--components-fileToolbar-insetBlockEnd);box-shadow:var(--pr-t-elevation-shadow-overlay);background-color:var(--pr-t-elevation-surface-raised);z-index:1;display:var(--components-fileToolbar-display)}.fileToolbar-list{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-50);padding:var(--components-fileToolbar-list-padding)}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents;--components-fileToolbar-list-padding: 0}.fileToolbar.mod-disablePositioning.mod-L{--components-fileToolbar-list-padding: var(--pr-t-spacings-50)}}@layer mods{.fileToolbar .fileToolbar-list-item-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.fileToolbar .fileToolbar-list-item-button.button:hover,.fileToolbar .fileToolbar-list-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.fileToolbar .fileToolbar-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar .fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.fileToolbar .fileToolbar-list-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-borderRadius: 4px;--components-button-padding: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}}\n"], dependencies: [{ kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "component", type: BubbleIllustrationComponent, selector: "lu-bubble-illustration", inputs: ["illustration", "palette", "size", "action"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
450
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MultiFileUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
451
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: MultiFileUploadComponent, isStandalone: true, selector: "lu-multi-file-upload", host: { properties: { "class.mod-structure": "structure()" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"fileUpload\" [class.is-droppable]=\"droppable\" [class.mod-L]=\"size() === 'L'\" [class.mod-structure]=\"structure()\">\n\t<input\n\t\t[attr.aria-describedby]=\"'fileUpload-instruction-' + idSuffix\"\n\t\tclass=\"fileUpload-input\"\n\t\ttype=\"file\"\n\t\ttitle=\"\"\n\t\t[attr.accept]=\"acceptAttribute().length > 0 ? acceptAttribute() : null\"\n\t\tluInput\n\t\t(dragenter)=\"droppable = true\"\n\t\t(dragleave)=\"droppable = false\"\n\t\t(change)=\"filesChange($event)\"\n\t\tmultiple=\"multiple\"\n\t\t#inputRef\n\t/>\n\t<div class=\"fileUpload-status\">\n\t\t<lu-bubble-illustration [illustration]=\"illus()\" action size=\"L\" />\n\t</div>\n\t@if (size() === \"L\") {\n\t\t<ng-content />\n\t}\n\t<div class=\"fileUpload-instruction\" [attr.id]=\"'fileUpload-instruction-' + idSuffix\">\n\t\t<span class=\"fileUpload-instruction-action\" aria-hidden=\"true\" [innerHTML]=\"intl().dropOrClick.other\"></span>\n\t\t@if (acceptNames().length) {\n\t\t\t<span class=\"fileUpload-instruction-formats\">\n\t\t\t\t@if (acceptNames().length > 1 || acceptAll()) {\n\t\t\t\t\t{{ intl().acceptedFormat.other }}\n\t\t\t\t} @else {\n\t\t\t\t\t{{ intl().acceptedFormat.one }}\n\t\t\t\t}\n\t\t\t\t{{ acceptNames().join(\", \") }}.\n\t\t\t</span>\n\t\t}\n\t\t@if (fileMaxSize()) {\n\t\t\t<span class=\"fileUpload-instruction-size\">{{ intl().maxWeight.other | intlParams: { maxSizeDisplay: maxSizeDisplay() } }}</span>\n\t\t}\n\t\t<span class=\"pr-u-mask\">{{ intl().fileUploadedListed.other }}</span>\n\t</div>\n\t<span class=\"fileUpload-button button\" [class.mod-filled]=\"buttonFilled()\" aria-hidden=\"true\">{{ intl().selectFile.other }}</span>\n</div>\n", styles: ["@layer components{.fileUpload{--components-fileUpload-inset: auto;--components-fileUpload-position: relative;--components-fileUpload-button-visibility: visible;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-button-display: none;--components-fileUpload-padding: var(--pr-t-spacings-150) var(--pr-t-spacings-200);--components-fileUpload-textAlign: left;--components-fileUpload-flexDirection: row;--components-fileUpload-instruction-alignItems: stretch;--components-fileUpload-instruction-display: block;--components-fileUpload-instruction-maxWidth: none;--components-fileUpload-instruction-action-fontWeight: 600;--fileUpload-instruction-action-marginBottom: 0;--components-fileUpload-instruction-action-color: var(--palettes-product-700);--components-fileUpload-alignItems: flex-start;--components-fileUpload-minHeight: none;--components-fileUpload-instruction-filename-position: static;--components-fileUpload-instruction-filename-marginTop: 0;--components-fileUpload-justifyContent: flex-start;--components-fileUpload-status-img-inset: 0;--components-fileUpload-status-img-size: var(--pr-t-spacings-600);position:var(--components-fileUpload-position);inset:var(--components-fileUpload-inset);border:1px var(--components-fileUpload-borderStyle) var(--components-fileUpload-borderColor);overflow:hidden;border-radius:var(--components-fileUpload-borderRadius);background-color:var(--components-fileUpload-backgroundColor);padding:var(--components-fileUpload-padding);text-align:var(--components-fileUpload-textAlign);display:var(--components-fileUpload-display);flex-direction:var(--components-fileUpload-flexDirection);align-items:var(--components-fileUpload-alignItems);justify-content:var(--components-fileUpload-justifyContent);gap:var(--pr-t-spacings-200);color:var(--pr-t-color-text);min-block-size:var(--components-fileUpload-minHeight)}.fileUpload:has(.fileUpload-input:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileUpload-status{min-inline-size:var(--pr-t-spacings-600);min-block-size:var(--pr-t-spacings-600);display:flex;align-items:center;justify-content:center;--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600))}.fileUpload-status-preview{position:absolute;inset:var(--components-fileUpload-status-img-inset);inline-size:var(--components-fileUpload-status-img-size);block-size:var(--components-fileUpload-status-img-size);border-radius:var(--pr-t-border-radius-50);background-color:var(--palettes-neutral-25);display:flex;overflow:hidden}.fileUpload-status-preview-img{object-fit:cover;opacity:.08;inline-size:100%;block-size:100%}.fileUpload-input{position:absolute;inset:calc(var(--pr-t-spacings-400) * -1) 0 0;opacity:.0001;cursor:pointer;z-index:1}.fileUpload-instruction{display:var(--components-fileUpload-instruction-display);flex-direction:column;align-items:var(--components-fileUpload-instruction-alignItems);max-inline-size:var(--components-fileUpload-instruction-maxWidth);line-height:var(--pr-t-font-body-S-lineHeight)}.fileUpload-instruction-action{display:block;margin-block-end:var(--fileUpload-instruction-action-marginBottom);line-height:var(--pr-t-font-body-M-lineHeight)}.fileUpload-instruction-action span{color:var(--components-fileUpload-instruction-action-color);font-weight:var(--components-fileUpload-instruction-action-fontWeight)}.fileUpload-instruction-size,.fileUpload-instruction-formats{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);vertical-align:top}.fileUpload-button.button{visibility:var(--components-fileUpload-button-visibility);display:var(--components-fileUpload-button-display)}.fileUpload-button.button:not(.mod-filled){--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)}.fileUpload-button.button:not(.mod-filled):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))}.fileUpload-button.button:not(.mod-filled):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileUpload-button.button:not(.mod-filled):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.fileUpload-button.button:not(.mod-filled):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)}.fileUpload-button.button:not(.mod-filled){--palettes-text: var(--palettes-product-text);--palettes-0: var(--palettes-product-0);--palettes-25: var(--palettes-product-25);--palettes-50: var(--palettes-product-50);--palettes-100: var(--palettes-product-100);--palettes-200: var(--palettes-product-200);--palettes-300: var(--palettes-product-300);--palettes-400: var(--palettes-product-400);--palettes-500: var(--palettes-product-500);--palettes-600: var(--palettes-product-600);--palettes-700: var(--palettes-product-700);--palettes-800: var(--palettes-product-800);--palettes-900: var(--palettes-product-900)}.fileUpload-instruction-filename{display:block;font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--components-fileUpload-instruction-filename-color);margin-block-start:var(--components-fileUpload-instruction-filename-marginTop);inset-block-end:var(--pr-t-spacings-100);position:var(--components-fileUpload-instruction-filename-position)}}@layer mods{.fileUpload.mod-dropzone{--components-fileUpload-position: fixed;--components-fileUpload-flexDirection: column;--components-fileUpload-alignItems: center;--components-fileUpload-justifyContent: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-inset: var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-L{--components-fileUpload-button-display: block;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-alignItems: center;--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-justifyContent: center;--components-fileUpload-status-img-inset: var(--pr-t-spacings-75);--components-fileUpload-status-img-size: calc(100% - var(--pr-t-spacings-75) * 2)}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-hidden{--components-fileUpload-display: none}.fileUpload.is-success{--components-fileUpload-instruction-filename-color: var(--palettes-success-800);--components-fileUpload-button-visibility: hidden}.fileUpload.is-error{--components-fileUpload-instruction-filename-color: var(--palettes-critical-800);--components-fileUpload-backgroundColor: var(--palettes-critical-50);--components-fileUpload-borderColor: var(--palettes-critical-400)}.fileUpload.is-error:hover{--components-fileUpload-borderColor: var(--palettes-critical-600)}.fileUpload.is-droppable{--components-fileUpload-borderStyle: solid;--components-fileUpload-backgroundColor: var(--palettes-product-50);--components-fileUpload-borderColor: var(--palettes-product-600)}}@layer components{.fileToolbar{--components-fileToolbar-list-padding: var(--pr-t-spacings-50);--components-fileToolbar-display: block;--components-fileToolbar-insetBlockEnd: var(--pr-t-spacings-150);border-radius:var(--pr-t-border-radius-default);position:absolute;transform:translate(-50%);inset-inline-start:50%;inset-block-end:var(--components-fileToolbar-insetBlockEnd);box-shadow:var(--pr-t-elevation-shadow-overlay);background-color:var(--pr-t-elevation-surface-raised);z-index:1;display:var(--components-fileToolbar-display)}.fileToolbar-list{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-50);padding:var(--components-fileToolbar-list-padding)}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents;--components-fileToolbar-list-padding: 0}.fileToolbar.mod-disablePositioning.mod-L{--components-fileToolbar-list-padding: var(--pr-t-spacings-50)}}@layer mods{.fileToolbar .fileToolbar-list-item-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.fileToolbar .fileToolbar-list-item-button.button:hover,.fileToolbar .fileToolbar-list-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.fileToolbar .fileToolbar-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar .fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.fileToolbar .fileToolbar-list-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-borderRadius: 4px;--components-button-padding: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}}\n"], dependencies: [{ kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "component", type: BubbleIllustrationComponent, selector: "lu-bubble-illustration", inputs: ["illustration", "palette", "size", "action"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
427
452
  }
428
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: MultiFileUploadComponent, decorators: [{
453
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MultiFileUploadComponent, decorators: [{
429
454
  type: Component,
430
455
  args: [{ selector: 'lu-multi-file-upload', encapsulation: ViewEncapsulation.None, host: {
431
456
  '[class.mod-structure]': 'structure()',
432
- }, imports: [InputDirective, IntlParamsPipe, BubbleIllustrationComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fileUpload\" [class.is-droppable]=\"droppable\" [class.mod-L]=\"size() === 'L'\" [class.mod-structure]=\"structure()\">\n\t<input\n\t\t[attr.aria-describedby]=\"'fileUpload-instruction-' + idSuffix\"\n\t\tclass=\"fileUpload-input\"\n\t\ttype=\"file\"\n\t\ttitle=\"\"\n\t\t[attr.accept]=\"acceptAttribute().length > 0 ? acceptAttribute() : null\"\n\t\tluInput\n\t\t(dragenter)=\"droppable = true\"\n\t\t(dragleave)=\"droppable = false\"\n\t\t(change)=\"filesChange($event)\"\n\t\tmultiple=\"multiple\"\n\t\t#inputRef\n\t/>\n\t<div class=\"fileUpload-status\">\n\t\t<lu-bubble-illustration [illustration]=\"illus()\" action size=\"L\" />\n\t</div>\n\t@if (size() === \"L\") {\n\t\t<ng-content />\n\t}\n\t<div class=\"fileUpload-instruction\" [attr.id]=\"'fileUpload-instruction-' + idSuffix\">\n\t\t<span class=\"fileUpload-instruction-action\" aria-hidden=\"true\" [innerHTML]=\"intl().dropOrClick.other\"></span>\n\t\t@if (acceptNames().length) {\n\t\t\t<span class=\"fileUpload-instruction-formats\">\n\t\t\t\t@if (acceptNames().length > 1 || acceptAll()) {\n\t\t\t\t\t{{ intl().acceptedFormat.other }}\n\t\t\t\t} @else {\n\t\t\t\t\tintl().acceptedFormat.one\n\t\t\t\t}\n\t\t\t\t{{ acceptNames().join(\", \") }}.\n\t\t\t</span>\n\t\t}\n\t\t@if (fileMaxSize()) {\n\t\t\t<span class=\"fileUpload-instruction-size\">{{ intl().maxWeight.other | intlParams: { maxSizeDisplay: maxSizeDisplay() } }}</span>\n\t\t}\n\t\t<span class=\"pr-u-mask\">{{ intl().fileUploadedListed.other }}</span>\n\t</div>\n\t<span class=\"fileUpload-button button\" [class.mod-filled]=\"buttonFilled()\" aria-hidden=\"true\">{{ intl().selectFile.other }}</span>\n</div>\n", styles: ["@layer components{.fileUpload{--components-fileUpload-inset: auto;--components-fileUpload-position: relative;--components-fileUpload-button-visibility: visible;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-button-display: none;--components-fileUpload-padding: var(--pr-t-spacings-150) var(--pr-t-spacings-200);--components-fileUpload-textAlign: left;--components-fileUpload-flexDirection: row;--components-fileUpload-instruction-alignItems: stretch;--components-fileUpload-instruction-display: block;--components-fileUpload-instruction-maxWidth: none;--components-fileUpload-instruction-action-fontWeight: 600;--fileUpload-instruction-action-marginBottom: 0;--components-fileUpload-instruction-action-color: var(--palettes-product-700);--components-fileUpload-alignItems: flex-start;--components-fileUpload-minHeight: none;--components-fileUpload-instruction-filename-position: static;--components-fileUpload-instruction-filename-marginTop: 0;--components-fileUpload-justifyContent: flex-start;--components-fileUpload-status-img-inset: 0;--components-fileUpload-status-img-size: var(--pr-t-spacings-600);position:var(--components-fileUpload-position);inset:var(--components-fileUpload-inset);border:1px var(--components-fileUpload-borderStyle) var(--components-fileUpload-borderColor);overflow:hidden;border-radius:var(--components-fileUpload-borderRadius);background-color:var(--components-fileUpload-backgroundColor);padding:var(--components-fileUpload-padding);text-align:var(--components-fileUpload-textAlign);display:var(--components-fileUpload-display);flex-direction:var(--components-fileUpload-flexDirection);align-items:var(--components-fileUpload-alignItems);justify-content:var(--components-fileUpload-justifyContent);gap:var(--pr-t-spacings-200);color:var(--pr-t-color-text);min-block-size:var(--components-fileUpload-minHeight)}.fileUpload:has(.fileUpload-input:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileUpload-status{min-inline-size:var(--pr-t-spacings-600);min-block-size:var(--pr-t-spacings-600);display:flex;align-items:center;justify-content:center;--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600))}.fileUpload-status-preview{position:absolute;inset:var(--components-fileUpload-status-img-inset);inline-size:var(--components-fileUpload-status-img-size);block-size:var(--components-fileUpload-status-img-size);border-radius:var(--pr-t-border-radius-50);background-color:var(--palettes-neutral-25);display:flex;overflow:hidden}.fileUpload-status-preview-img{object-fit:cover;opacity:.08;inline-size:100%;block-size:100%}.fileUpload-input{position:absolute;inset:calc(var(--pr-t-spacings-400) * -1) 0 0;opacity:.0001;cursor:pointer;z-index:1}.fileUpload-instruction{display:var(--components-fileUpload-instruction-display);flex-direction:column;align-items:var(--components-fileUpload-instruction-alignItems);max-inline-size:var(--components-fileUpload-instruction-maxWidth);line-height:var(--pr-t-font-body-S-lineHeight)}.fileUpload-instruction-action{display:block;margin-block-end:var(--fileUpload-instruction-action-marginBottom);line-height:var(--pr-t-font-body-M-lineHeight)}.fileUpload-instruction-action span{color:var(--components-fileUpload-instruction-action-color);font-weight:var(--components-fileUpload-instruction-action-fontWeight)}.fileUpload-instruction-size,.fileUpload-instruction-formats{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);vertical-align:top}.fileUpload-button.button{visibility:var(--components-fileUpload-button-visibility);display:var(--components-fileUpload-button-display)}.fileUpload-button.button:not(.mod-filled){--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)}.fileUpload-button.button:not(.mod-filled):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))}.fileUpload-button.button:not(.mod-filled):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileUpload-button.button:not(.mod-filled):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.fileUpload-button.button:not(.mod-filled):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)}.fileUpload-button.button:not(.mod-filled){--palettes-text: var(--palettes-product-text);--palettes-0: var(--palettes-product-0);--palettes-25: var(--palettes-product-25);--palettes-50: var(--palettes-product-50);--palettes-100: var(--palettes-product-100);--palettes-200: var(--palettes-product-200);--palettes-300: var(--palettes-product-300);--palettes-400: var(--palettes-product-400);--palettes-500: var(--palettes-product-500);--palettes-600: var(--palettes-product-600);--palettes-700: var(--palettes-product-700);--palettes-800: var(--palettes-product-800);--palettes-900: var(--palettes-product-900)}.fileUpload-instruction-filename{display:block;font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--components-fileUpload-instruction-filename-color);margin-block-start:var(--components-fileUpload-instruction-filename-marginTop);inset-block-end:var(--pr-t-spacings-100);position:var(--components-fileUpload-instruction-filename-position)}}@layer mods{.fileUpload.mod-dropzone{--components-fileUpload-position: fixed;--components-fileUpload-flexDirection: column;--components-fileUpload-alignItems: center;--components-fileUpload-justifyContent: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-inset: var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-L{--components-fileUpload-button-display: block;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-alignItems: center;--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-justifyContent: center;--components-fileUpload-status-img-inset: var(--pr-t-spacings-75);--components-fileUpload-status-img-size: calc(100% - var(--pr-t-spacings-75) * 2)}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-hidden{--components-fileUpload-display: none}.fileUpload.is-success{--components-fileUpload-instruction-filename-color: var(--palettes-success-800);--components-fileUpload-button-visibility: hidden}.fileUpload.is-error{--components-fileUpload-instruction-filename-color: var(--palettes-critical-800);--components-fileUpload-backgroundColor: var(--palettes-critical-50);--components-fileUpload-borderColor: var(--palettes-critical-400)}.fileUpload.is-error:hover{--components-fileUpload-borderColor: var(--palettes-critical-600)}.fileUpload.is-droppable{--components-fileUpload-borderStyle: solid;--components-fileUpload-backgroundColor: var(--palettes-product-50);--components-fileUpload-borderColor: var(--palettes-product-600)}}@layer components{.fileToolbar{--components-fileToolbar-list-padding: var(--pr-t-spacings-50);--components-fileToolbar-display: block;--components-fileToolbar-insetBlockEnd: var(--pr-t-spacings-150);border-radius:var(--pr-t-border-radius-default);position:absolute;transform:translate(-50%);inset-inline-start:50%;inset-block-end:var(--components-fileToolbar-insetBlockEnd);box-shadow:var(--pr-t-elevation-shadow-overlay);background-color:var(--pr-t-elevation-surface-raised);z-index:1;display:var(--components-fileToolbar-display)}.fileToolbar-list{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-50);padding:var(--components-fileToolbar-list-padding)}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents;--components-fileToolbar-list-padding: 0}.fileToolbar.mod-disablePositioning.mod-L{--components-fileToolbar-list-padding: var(--pr-t-spacings-50)}}@layer mods{.fileToolbar .fileToolbar-list-item-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.fileToolbar .fileToolbar-list-item-button.button:hover,.fileToolbar .fileToolbar-list-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.fileToolbar .fileToolbar-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar .fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.fileToolbar .fileToolbar-list-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-borderRadius: 4px;--components-button-padding: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}}\n"] }]
457
+ }, imports: [InputDirective, IntlParamsPipe, BubbleIllustrationComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fileUpload\" [class.is-droppable]=\"droppable\" [class.mod-L]=\"size() === 'L'\" [class.mod-structure]=\"structure()\">\n\t<input\n\t\t[attr.aria-describedby]=\"'fileUpload-instruction-' + idSuffix\"\n\t\tclass=\"fileUpload-input\"\n\t\ttype=\"file\"\n\t\ttitle=\"\"\n\t\t[attr.accept]=\"acceptAttribute().length > 0 ? acceptAttribute() : null\"\n\t\tluInput\n\t\t(dragenter)=\"droppable = true\"\n\t\t(dragleave)=\"droppable = false\"\n\t\t(change)=\"filesChange($event)\"\n\t\tmultiple=\"multiple\"\n\t\t#inputRef\n\t/>\n\t<div class=\"fileUpload-status\">\n\t\t<lu-bubble-illustration [illustration]=\"illus()\" action size=\"L\" />\n\t</div>\n\t@if (size() === \"L\") {\n\t\t<ng-content />\n\t}\n\t<div class=\"fileUpload-instruction\" [attr.id]=\"'fileUpload-instruction-' + idSuffix\">\n\t\t<span class=\"fileUpload-instruction-action\" aria-hidden=\"true\" [innerHTML]=\"intl().dropOrClick.other\"></span>\n\t\t@if (acceptNames().length) {\n\t\t\t<span class=\"fileUpload-instruction-formats\">\n\t\t\t\t@if (acceptNames().length > 1 || acceptAll()) {\n\t\t\t\t\t{{ intl().acceptedFormat.other }}\n\t\t\t\t} @else {\n\t\t\t\t\t{{ intl().acceptedFormat.one }}\n\t\t\t\t}\n\t\t\t\t{{ acceptNames().join(\", \") }}.\n\t\t\t</span>\n\t\t}\n\t\t@if (fileMaxSize()) {\n\t\t\t<span class=\"fileUpload-instruction-size\">{{ intl().maxWeight.other | intlParams: { maxSizeDisplay: maxSizeDisplay() } }}</span>\n\t\t}\n\t\t<span class=\"pr-u-mask\">{{ intl().fileUploadedListed.other }}</span>\n\t</div>\n\t<span class=\"fileUpload-button button\" [class.mod-filled]=\"buttonFilled()\" aria-hidden=\"true\">{{ intl().selectFile.other }}</span>\n</div>\n", styles: ["@layer components{.fileUpload{--components-fileUpload-inset: auto;--components-fileUpload-position: relative;--components-fileUpload-button-visibility: visible;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-button-display: none;--components-fileUpload-padding: var(--pr-t-spacings-150) var(--pr-t-spacings-200);--components-fileUpload-textAlign: left;--components-fileUpload-flexDirection: row;--components-fileUpload-instruction-alignItems: stretch;--components-fileUpload-instruction-display: block;--components-fileUpload-instruction-maxWidth: none;--components-fileUpload-instruction-action-fontWeight: 600;--fileUpload-instruction-action-marginBottom: 0;--components-fileUpload-instruction-action-color: var(--palettes-product-700);--components-fileUpload-alignItems: flex-start;--components-fileUpload-minHeight: none;--components-fileUpload-instruction-filename-position: static;--components-fileUpload-instruction-filename-marginTop: 0;--components-fileUpload-justifyContent: flex-start;--components-fileUpload-status-img-inset: 0;--components-fileUpload-status-img-size: var(--pr-t-spacings-600);position:var(--components-fileUpload-position);inset:var(--components-fileUpload-inset);border:1px var(--components-fileUpload-borderStyle) var(--components-fileUpload-borderColor);overflow:hidden;border-radius:var(--components-fileUpload-borderRadius);background-color:var(--components-fileUpload-backgroundColor);padding:var(--components-fileUpload-padding);text-align:var(--components-fileUpload-textAlign);display:var(--components-fileUpload-display);flex-direction:var(--components-fileUpload-flexDirection);align-items:var(--components-fileUpload-alignItems);justify-content:var(--components-fileUpload-justifyContent);gap:var(--pr-t-spacings-200);color:var(--pr-t-color-text);min-block-size:var(--components-fileUpload-minHeight)}.fileUpload:has(.fileUpload-input:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileUpload-status{min-inline-size:var(--pr-t-spacings-600);min-block-size:var(--pr-t-spacings-600);display:flex;align-items:center;justify-content:center;--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600))}.fileUpload-status-preview{position:absolute;inset:var(--components-fileUpload-status-img-inset);inline-size:var(--components-fileUpload-status-img-size);block-size:var(--components-fileUpload-status-img-size);border-radius:var(--pr-t-border-radius-50);background-color:var(--palettes-neutral-25);display:flex;overflow:hidden}.fileUpload-status-preview-img{object-fit:cover;opacity:.08;inline-size:100%;block-size:100%}.fileUpload-input{position:absolute;inset:calc(var(--pr-t-spacings-400) * -1) 0 0;opacity:.0001;cursor:pointer;z-index:1}.fileUpload-instruction{display:var(--components-fileUpload-instruction-display);flex-direction:column;align-items:var(--components-fileUpload-instruction-alignItems);max-inline-size:var(--components-fileUpload-instruction-maxWidth);line-height:var(--pr-t-font-body-S-lineHeight)}.fileUpload-instruction-action{display:block;margin-block-end:var(--fileUpload-instruction-action-marginBottom);line-height:var(--pr-t-font-body-M-lineHeight)}.fileUpload-instruction-action span{color:var(--components-fileUpload-instruction-action-color);font-weight:var(--components-fileUpload-instruction-action-fontWeight)}.fileUpload-instruction-size,.fileUpload-instruction-formats{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);vertical-align:top}.fileUpload-button.button{visibility:var(--components-fileUpload-button-visibility);display:var(--components-fileUpload-button-display)}.fileUpload-button.button:not(.mod-filled){--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)}.fileUpload-button.button:not(.mod-filled):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))}.fileUpload-button.button:not(.mod-filled):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileUpload-button.button:not(.mod-filled):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.fileUpload-button.button:not(.mod-filled):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)}.fileUpload-button.button:not(.mod-filled){--palettes-text: var(--palettes-product-text);--palettes-0: var(--palettes-product-0);--palettes-25: var(--palettes-product-25);--palettes-50: var(--palettes-product-50);--palettes-100: var(--palettes-product-100);--palettes-200: var(--palettes-product-200);--palettes-300: var(--palettes-product-300);--palettes-400: var(--palettes-product-400);--palettes-500: var(--palettes-product-500);--palettes-600: var(--palettes-product-600);--palettes-700: var(--palettes-product-700);--palettes-800: var(--palettes-product-800);--palettes-900: var(--palettes-product-900)}.fileUpload-instruction-filename{display:block;font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--components-fileUpload-instruction-filename-color);margin-block-start:var(--components-fileUpload-instruction-filename-marginTop);inset-block-end:var(--pr-t-spacings-100);position:var(--components-fileUpload-instruction-filename-position)}}@layer mods{.fileUpload.mod-dropzone{--components-fileUpload-position: fixed;--components-fileUpload-flexDirection: column;--components-fileUpload-alignItems: center;--components-fileUpload-justifyContent: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-inset: var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-L{--components-fileUpload-button-display: block;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-alignItems: center;--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-justifyContent: center;--components-fileUpload-status-img-inset: var(--pr-t-spacings-75);--components-fileUpload-status-img-size: calc(100% - var(--pr-t-spacings-75) * 2)}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-hidden{--components-fileUpload-display: none}.fileUpload.is-success{--components-fileUpload-instruction-filename-color: var(--palettes-success-800);--components-fileUpload-button-visibility: hidden}.fileUpload.is-error{--components-fileUpload-instruction-filename-color: var(--palettes-critical-800);--components-fileUpload-backgroundColor: var(--palettes-critical-50);--components-fileUpload-borderColor: var(--palettes-critical-400)}.fileUpload.is-error:hover{--components-fileUpload-borderColor: var(--palettes-critical-600)}.fileUpload.is-droppable{--components-fileUpload-borderStyle: solid;--components-fileUpload-backgroundColor: var(--palettes-product-50);--components-fileUpload-borderColor: var(--palettes-product-600)}}@layer components{.fileToolbar{--components-fileToolbar-list-padding: var(--pr-t-spacings-50);--components-fileToolbar-display: block;--components-fileToolbar-insetBlockEnd: var(--pr-t-spacings-150);border-radius:var(--pr-t-border-radius-default);position:absolute;transform:translate(-50%);inset-inline-start:50%;inset-block-end:var(--components-fileToolbar-insetBlockEnd);box-shadow:var(--pr-t-elevation-shadow-overlay);background-color:var(--pr-t-elevation-surface-raised);z-index:1;display:var(--components-fileToolbar-display)}.fileToolbar-list{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-50);padding:var(--components-fileToolbar-list-padding)}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents;--components-fileToolbar-list-padding: 0}.fileToolbar.mod-disablePositioning.mod-L{--components-fileToolbar-list-padding: var(--pr-t-spacings-50)}}@layer mods{.fileToolbar .fileToolbar-list-item-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.fileToolbar .fileToolbar-list-item-button.button:hover,.fileToolbar .fileToolbar-list-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.fileToolbar .fileToolbar-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar .fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.fileToolbar .fileToolbar-list-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-borderRadius: 4px;--components-button-padding: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}}\n"] }]
433
458
  }] });
434
459
 
435
460
  class SingleFileUploadComponent extends BaseFileUploadComponent {
436
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: SingleFileUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
437
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: SingleFileUploadComponent, isStandalone: true, selector: "lu-single-file-upload", usesInheritance: true, ngImport: i0, template: "<div class=\"fileUpload\" [class.is-droppable]=\"droppable\" [class.mod-L]=\"size() === 'L'\" [class.mod-structure]=\"structure()\">\n\t<input\n\t\tclass=\"fileUpload-input\"\n\t\ttype=\"file\"\n\t\ttitle=\"\"\n\t\t[attr.accept]=\"acceptAttribute().length > 0 ? acceptAttribute() : null\"\n\t\tluInput\n\t\t(dragenter)=\"droppable = true\"\n\t\t(dragleave)=\"droppable = false\"\n\t\t(change)=\"filesChange($event)\"\n\t\t[attr.aria-describedby]=\"'fileUpload-instruction-' + idSuffix\"\n\t/>\n\t<div class=\"fileUpload-status\">\n\t\t<lu-bubble-illustration [illustration]=\"illus()\" action size=\"L\" />\n\t</div>\n\t@if (size() === \"L\") {\n\t\t<ng-content />\n\t}\n\t<div class=\"fileUpload-instruction\" [attr.id]=\"'fileUpload-instruction-' + idSuffix\">\n\t\t<span class=\"fileUpload-instruction-action\" aria-hidden=\"true\" [innerHTML]=\"intl().dropOrClick.one\"></span>\n\t\t@if (acceptNames().length) {\n\t\t\t<span class=\"fileUpload-instruction-formats\">\n\t\t\t\t@if (acceptNames().length > 1 || acceptAll()) {\n\t\t\t\t\t{{ intl().acceptedFormat.other }}\n\t\t\t\t} @else {\n\t\t\t\t\t{{ intl().acceptedFormat.one }}\n\t\t\t\t}\n\t\t\t\t{{ acceptNames().join(\", \") }}.\n\t\t\t</span>\n\t\t}\n\t\t@if (fileMaxSize()) {\n\t\t\t<span class=\"fileUpload-instruction-size\">{{ intl().maxWeight.one | intlParams: { maxSizeDisplay: maxSizeDisplay() } }}</span>\n\t\t}\n\t\t<span class=\"pr-u-mask\">{{ intl().fileUploadedListed.one }}</span>\n\t</div>\n\t<span class=\"fileUpload-button button\" [class.mod-filled]=\"buttonFilled()\" aria-hidden=\"true\">{{ intl().selectFile.one }}</span>\n</div>\n", styles: ["@layer components{.fileUpload{--components-fileUpload-inset: auto;--components-fileUpload-position: relative;--components-fileUpload-button-visibility: visible;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-button-display: none;--components-fileUpload-padding: var(--pr-t-spacings-150) var(--pr-t-spacings-200);--components-fileUpload-textAlign: left;--components-fileUpload-flexDirection: row;--components-fileUpload-instruction-alignItems: stretch;--components-fileUpload-instruction-display: block;--components-fileUpload-instruction-maxWidth: none;--components-fileUpload-instruction-action-fontWeight: 600;--fileUpload-instruction-action-marginBottom: 0;--components-fileUpload-instruction-action-color: var(--palettes-product-700);--components-fileUpload-alignItems: flex-start;--components-fileUpload-minHeight: none;--components-fileUpload-instruction-filename-position: static;--components-fileUpload-instruction-filename-marginTop: 0;--components-fileUpload-justifyContent: flex-start;--components-fileUpload-status-img-inset: 0;--components-fileUpload-status-img-size: var(--pr-t-spacings-600);position:var(--components-fileUpload-position);inset:var(--components-fileUpload-inset);border:1px var(--components-fileUpload-borderStyle) var(--components-fileUpload-borderColor);overflow:hidden;border-radius:var(--components-fileUpload-borderRadius);background-color:var(--components-fileUpload-backgroundColor);padding:var(--components-fileUpload-padding);text-align:var(--components-fileUpload-textAlign);display:var(--components-fileUpload-display);flex-direction:var(--components-fileUpload-flexDirection);align-items:var(--components-fileUpload-alignItems);justify-content:var(--components-fileUpload-justifyContent);gap:var(--pr-t-spacings-200);color:var(--pr-t-color-text);min-block-size:var(--components-fileUpload-minHeight)}.fileUpload:has(.fileUpload-input:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileUpload-status{min-inline-size:var(--pr-t-spacings-600);min-block-size:var(--pr-t-spacings-600);display:flex;align-items:center;justify-content:center;--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600))}.fileUpload-status-preview{position:absolute;inset:var(--components-fileUpload-status-img-inset);inline-size:var(--components-fileUpload-status-img-size);block-size:var(--components-fileUpload-status-img-size);border-radius:var(--pr-t-border-radius-50);background-color:var(--palettes-neutral-25);display:flex;overflow:hidden}.fileUpload-status-preview-img{object-fit:cover;opacity:.08;inline-size:100%;block-size:100%}.fileUpload-input{position:absolute;inset:calc(var(--pr-t-spacings-400) * -1) 0 0;opacity:.0001;cursor:pointer;z-index:1}.fileUpload-instruction{display:var(--components-fileUpload-instruction-display);flex-direction:column;align-items:var(--components-fileUpload-instruction-alignItems);max-inline-size:var(--components-fileUpload-instruction-maxWidth);line-height:var(--pr-t-font-body-S-lineHeight)}.fileUpload-instruction-action{display:block;margin-block-end:var(--fileUpload-instruction-action-marginBottom);line-height:var(--pr-t-font-body-M-lineHeight)}.fileUpload-instruction-action span{color:var(--components-fileUpload-instruction-action-color);font-weight:var(--components-fileUpload-instruction-action-fontWeight)}.fileUpload-instruction-size,.fileUpload-instruction-formats{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);vertical-align:top}.fileUpload-button.button{visibility:var(--components-fileUpload-button-visibility);display:var(--components-fileUpload-button-display)}.fileUpload-button.button:not(.mod-filled){--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)}.fileUpload-button.button:not(.mod-filled):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))}.fileUpload-button.button:not(.mod-filled):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileUpload-button.button:not(.mod-filled):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.fileUpload-button.button:not(.mod-filled):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)}.fileUpload-button.button:not(.mod-filled){--palettes-text: var(--palettes-product-text);--palettes-0: var(--palettes-product-0);--palettes-25: var(--palettes-product-25);--palettes-50: var(--palettes-product-50);--palettes-100: var(--palettes-product-100);--palettes-200: var(--palettes-product-200);--palettes-300: var(--palettes-product-300);--palettes-400: var(--palettes-product-400);--palettes-500: var(--palettes-product-500);--palettes-600: var(--palettes-product-600);--palettes-700: var(--palettes-product-700);--palettes-800: var(--palettes-product-800);--palettes-900: var(--palettes-product-900)}.fileUpload-instruction-filename{display:block;font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--components-fileUpload-instruction-filename-color);margin-block-start:var(--components-fileUpload-instruction-filename-marginTop);inset-block-end:var(--pr-t-spacings-100);position:var(--components-fileUpload-instruction-filename-position)}}@layer mods{.fileUpload.mod-dropzone{--components-fileUpload-position: fixed;--components-fileUpload-flexDirection: column;--components-fileUpload-alignItems: center;--components-fileUpload-justifyContent: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-inset: var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-L{--components-fileUpload-button-display: block;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-alignItems: center;--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-justifyContent: center;--components-fileUpload-status-img-inset: var(--pr-t-spacings-75);--components-fileUpload-status-img-size: calc(100% - var(--pr-t-spacings-75) * 2)}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-hidden{--components-fileUpload-display: none}.fileUpload.is-success{--components-fileUpload-instruction-filename-color: var(--palettes-success-800);--components-fileUpload-button-visibility: hidden}.fileUpload.is-error{--components-fileUpload-instruction-filename-color: var(--palettes-critical-800);--components-fileUpload-backgroundColor: var(--palettes-critical-50);--components-fileUpload-borderColor: var(--palettes-critical-400)}.fileUpload.is-error:hover{--components-fileUpload-borderColor: var(--palettes-critical-600)}.fileUpload.is-droppable{--components-fileUpload-borderStyle: solid;--components-fileUpload-backgroundColor: var(--palettes-product-50);--components-fileUpload-borderColor: var(--palettes-product-600)}}@layer components{.fileToolbar{--components-fileToolbar-list-padding: var(--pr-t-spacings-50);--components-fileToolbar-display: block;--components-fileToolbar-insetBlockEnd: var(--pr-t-spacings-150);border-radius:var(--pr-t-border-radius-default);position:absolute;transform:translate(-50%);inset-inline-start:50%;inset-block-end:var(--components-fileToolbar-insetBlockEnd);box-shadow:var(--pr-t-elevation-shadow-overlay);background-color:var(--pr-t-elevation-surface-raised);z-index:1;display:var(--components-fileToolbar-display)}.fileToolbar-list{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-50);padding:var(--components-fileToolbar-list-padding)}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents;--components-fileToolbar-list-padding: 0}.fileToolbar.mod-disablePositioning.mod-L{--components-fileToolbar-list-padding: var(--pr-t-spacings-50)}}@layer mods{.fileToolbar .fileToolbar-list-item-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.fileToolbar .fileToolbar-list-item-button.button:hover,.fileToolbar .fileToolbar-list-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.fileToolbar .fileToolbar-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar .fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.fileToolbar .fileToolbar-list-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-borderRadius: 4px;--components-button-padding: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}}\n"], dependencies: [{ kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "component", type: BubbleIllustrationComponent, selector: "lu-bubble-illustration", inputs: ["illustration", "palette", "size", "action"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
461
+ constructor() {
462
+ super(...arguments);
463
+ this.entry = input(null, /* @ts-ignore */
464
+ ...(ngDevMode ? [{ debugName: "entry" }] : /* istanbul ignore next */ []));
465
+ this.state = input('default', /* @ts-ignore */
466
+ ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
467
+ this.inlineMessageError = input(null, /* @ts-ignore */
468
+ ...(ngDevMode ? [{ debugName: "inlineMessageError" }] : /* istanbul ignore next */ []));
469
+ this.previewUrl = input(null, /* @ts-ignore */
470
+ ...(ngDevMode ? [{ debugName: "previewUrl" }] : /* istanbul ignore next */ []));
471
+ this.deleteFile = output();
472
+ this.displayFileName = input(false, { ...(ngDevMode ? { debugName: "displayFileName" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
473
+ }
474
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SingleFileUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
475
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SingleFileUploadComponent, isStandalone: true, selector: "lu-single-file-upload", inputs: { entry: { classPropertyName: "entry", publicName: "entry", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, inlineMessageError: { classPropertyName: "inlineMessageError", publicName: "inlineMessageError", isSignal: true, isRequired: false, transformFunction: null }, previewUrl: { classPropertyName: "previewUrl", publicName: "previewUrl", isSignal: true, isRequired: false, transformFunction: null }, displayFileName: { classPropertyName: "displayFileName", publicName: "displayFileName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { deleteFile: "deleteFile" }, usesInheritance: true, ngImport: i0, template: "<div class=\"fileUpload\" [class.is-droppable]=\"droppable\" [class.mod-L]=\"size() === 'L'\" [class.mod-structure]=\"structure()\">\n\t<input\n\t\tclass=\"fileUpload-input\"\n\t\ttype=\"file\"\n\t\ttitle=\"\"\n\t\t[attr.accept]=\"acceptAttribute().length > 0 ? acceptAttribute() : null\"\n\t\tluInput\n\t\t(dragenter)=\"droppable = true\"\n\t\t(dragleave)=\"droppable = false\"\n\t\t(change)=\"filesChange($event)\"\n\t\t[attr.aria-describedby]=\"'fileUpload-instruction-' + idSuffix\"\n\t/>\n\t<div class=\"fileUpload-status\">\n\t\t<lu-bubble-illustration [illustration]=\"illus()\" action size=\"L\" />\n\t</div>\n\t@if (size() === \"L\") {\n\t\t<ng-content />\n\t}\n\t<div class=\"fileUpload-instruction\" [attr.id]=\"'fileUpload-instruction-' + idSuffix\">\n\t\t<span class=\"fileUpload-instruction-action\" aria-hidden=\"true\" [innerHTML]=\"intl().dropOrClick.one\"></span>\n\t\t@if (acceptNames().length) {\n\t\t\t<span class=\"fileUpload-instruction-formats\">\n\t\t\t\t@if (acceptNames().length > 1 || acceptAll()) {\n\t\t\t\t\t{{ intl().acceptedFormat.other }}\n\t\t\t\t} @else {\n\t\t\t\t\t{{ intl().acceptedFormat.one }}\n\t\t\t\t}\n\t\t\t\t{{ acceptNames().join(\", \") }}.\n\t\t\t</span>\n\t\t}\n\t\t@if (fileMaxSize()) {\n\t\t\t<span class=\"fileUpload-instruction-size\">{{ intl().maxWeight.one | intlParams: { maxSizeDisplay: maxSizeDisplay() } }}</span>\n\t\t}\n\t\t<span class=\"pr-u-mask\">{{ intl().fileUploadedListed.one }}</span>\n\t</div>\n\t<span class=\"fileUpload-button button\" [class.mod-filled]=\"buttonFilled()\" aria-hidden=\"true\">{{ intl().selectFile.one }}</span>\n</div>\n", styles: ["@layer components{.fileUpload{--components-fileUpload-inset: auto;--components-fileUpload-position: relative;--components-fileUpload-button-visibility: visible;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-button-display: none;--components-fileUpload-padding: var(--pr-t-spacings-150) var(--pr-t-spacings-200);--components-fileUpload-textAlign: left;--components-fileUpload-flexDirection: row;--components-fileUpload-instruction-alignItems: stretch;--components-fileUpload-instruction-display: block;--components-fileUpload-instruction-maxWidth: none;--components-fileUpload-instruction-action-fontWeight: 600;--fileUpload-instruction-action-marginBottom: 0;--components-fileUpload-instruction-action-color: var(--palettes-product-700);--components-fileUpload-alignItems: flex-start;--components-fileUpload-minHeight: none;--components-fileUpload-instruction-filename-position: static;--components-fileUpload-instruction-filename-marginTop: 0;--components-fileUpload-justifyContent: flex-start;--components-fileUpload-status-img-inset: 0;--components-fileUpload-status-img-size: var(--pr-t-spacings-600);position:var(--components-fileUpload-position);inset:var(--components-fileUpload-inset);border:1px var(--components-fileUpload-borderStyle) var(--components-fileUpload-borderColor);overflow:hidden;border-radius:var(--components-fileUpload-borderRadius);background-color:var(--components-fileUpload-backgroundColor);padding:var(--components-fileUpload-padding);text-align:var(--components-fileUpload-textAlign);display:var(--components-fileUpload-display);flex-direction:var(--components-fileUpload-flexDirection);align-items:var(--components-fileUpload-alignItems);justify-content:var(--components-fileUpload-justifyContent);gap:var(--pr-t-spacings-200);color:var(--pr-t-color-text);min-block-size:var(--components-fileUpload-minHeight)}.fileUpload:has(.fileUpload-input:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileUpload-status{min-inline-size:var(--pr-t-spacings-600);min-block-size:var(--pr-t-spacings-600);display:flex;align-items:center;justify-content:center;--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600))}.fileUpload-status-preview{position:absolute;inset:var(--components-fileUpload-status-img-inset);inline-size:var(--components-fileUpload-status-img-size);block-size:var(--components-fileUpload-status-img-size);border-radius:var(--pr-t-border-radius-50);background-color:var(--palettes-neutral-25);display:flex;overflow:hidden}.fileUpload-status-preview-img{object-fit:cover;opacity:.08;inline-size:100%;block-size:100%}.fileUpload-input{position:absolute;inset:calc(var(--pr-t-spacings-400) * -1) 0 0;opacity:.0001;cursor:pointer;z-index:1}.fileUpload-instruction{display:var(--components-fileUpload-instruction-display);flex-direction:column;align-items:var(--components-fileUpload-instruction-alignItems);max-inline-size:var(--components-fileUpload-instruction-maxWidth);line-height:var(--pr-t-font-body-S-lineHeight)}.fileUpload-instruction-action{display:block;margin-block-end:var(--fileUpload-instruction-action-marginBottom);line-height:var(--pr-t-font-body-M-lineHeight)}.fileUpload-instruction-action span{color:var(--components-fileUpload-instruction-action-color);font-weight:var(--components-fileUpload-instruction-action-fontWeight)}.fileUpload-instruction-size,.fileUpload-instruction-formats{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);vertical-align:top}.fileUpload-button.button{visibility:var(--components-fileUpload-button-visibility);display:var(--components-fileUpload-button-display)}.fileUpload-button.button:not(.mod-filled){--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)}.fileUpload-button.button:not(.mod-filled):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))}.fileUpload-button.button:not(.mod-filled):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileUpload-button.button:not(.mod-filled):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.fileUpload-button.button:not(.mod-filled):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)}.fileUpload-button.button:not(.mod-filled){--palettes-text: var(--palettes-product-text);--palettes-0: var(--palettes-product-0);--palettes-25: var(--palettes-product-25);--palettes-50: var(--palettes-product-50);--palettes-100: var(--palettes-product-100);--palettes-200: var(--palettes-product-200);--palettes-300: var(--palettes-product-300);--palettes-400: var(--palettes-product-400);--palettes-500: var(--palettes-product-500);--palettes-600: var(--palettes-product-600);--palettes-700: var(--palettes-product-700);--palettes-800: var(--palettes-product-800);--palettes-900: var(--palettes-product-900)}.fileUpload-instruction-filename{display:block;font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--components-fileUpload-instruction-filename-color);margin-block-start:var(--components-fileUpload-instruction-filename-marginTop);inset-block-end:var(--pr-t-spacings-100);position:var(--components-fileUpload-instruction-filename-position)}}@layer mods{.fileUpload.mod-dropzone{--components-fileUpload-position: fixed;--components-fileUpload-flexDirection: column;--components-fileUpload-alignItems: center;--components-fileUpload-justifyContent: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-inset: var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-L{--components-fileUpload-button-display: block;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-alignItems: center;--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-justifyContent: center;--components-fileUpload-status-img-inset: var(--pr-t-spacings-75);--components-fileUpload-status-img-size: calc(100% - var(--pr-t-spacings-75) * 2)}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-hidden{--components-fileUpload-display: none}.fileUpload.is-success{--components-fileUpload-instruction-filename-color: var(--palettes-success-800);--components-fileUpload-button-visibility: hidden}.fileUpload.is-error{--components-fileUpload-instruction-filename-color: var(--palettes-critical-800);--components-fileUpload-backgroundColor: var(--palettes-critical-50);--components-fileUpload-borderColor: var(--palettes-critical-400)}.fileUpload.is-error:hover{--components-fileUpload-borderColor: var(--palettes-critical-600)}.fileUpload.is-droppable{--components-fileUpload-borderStyle: solid;--components-fileUpload-backgroundColor: var(--palettes-product-50);--components-fileUpload-borderColor: var(--palettes-product-600)}}@layer components{.fileToolbar{--components-fileToolbar-list-padding: var(--pr-t-spacings-50);--components-fileToolbar-display: block;--components-fileToolbar-insetBlockEnd: var(--pr-t-spacings-150);border-radius:var(--pr-t-border-radius-default);position:absolute;transform:translate(-50%);inset-inline-start:50%;inset-block-end:var(--components-fileToolbar-insetBlockEnd);box-shadow:var(--pr-t-elevation-shadow-overlay);background-color:var(--pr-t-elevation-surface-raised);z-index:1;display:var(--components-fileToolbar-display)}.fileToolbar-list{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-50);padding:var(--components-fileToolbar-list-padding)}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents;--components-fileToolbar-list-padding: 0}.fileToolbar.mod-disablePositioning.mod-L{--components-fileToolbar-list-padding: var(--pr-t-spacings-50)}}@layer mods{.fileToolbar .fileToolbar-list-item-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.fileToolbar .fileToolbar-list-item-button.button:hover,.fileToolbar .fileToolbar-list-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.fileToolbar .fileToolbar-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar .fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.fileToolbar .fileToolbar-list-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-borderRadius: 4px;--components-button-padding: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}}\n"], dependencies: [{ kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "component", type: BubbleIllustrationComponent, selector: "lu-bubble-illustration", inputs: ["illustration", "palette", "size", "action"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
438
476
  }
439
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: SingleFileUploadComponent, decorators: [{
477
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SingleFileUploadComponent, decorators: [{
440
478
  type: Component,
441
479
  args: [{ selector: 'lu-single-file-upload', encapsulation: ViewEncapsulation.None, imports: [InputDirective, IntlParamsPipe, BubbleIllustrationComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fileUpload\" [class.is-droppable]=\"droppable\" [class.mod-L]=\"size() === 'L'\" [class.mod-structure]=\"structure()\">\n\t<input\n\t\tclass=\"fileUpload-input\"\n\t\ttype=\"file\"\n\t\ttitle=\"\"\n\t\t[attr.accept]=\"acceptAttribute().length > 0 ? acceptAttribute() : null\"\n\t\tluInput\n\t\t(dragenter)=\"droppable = true\"\n\t\t(dragleave)=\"droppable = false\"\n\t\t(change)=\"filesChange($event)\"\n\t\t[attr.aria-describedby]=\"'fileUpload-instruction-' + idSuffix\"\n\t/>\n\t<div class=\"fileUpload-status\">\n\t\t<lu-bubble-illustration [illustration]=\"illus()\" action size=\"L\" />\n\t</div>\n\t@if (size() === \"L\") {\n\t\t<ng-content />\n\t}\n\t<div class=\"fileUpload-instruction\" [attr.id]=\"'fileUpload-instruction-' + idSuffix\">\n\t\t<span class=\"fileUpload-instruction-action\" aria-hidden=\"true\" [innerHTML]=\"intl().dropOrClick.one\"></span>\n\t\t@if (acceptNames().length) {\n\t\t\t<span class=\"fileUpload-instruction-formats\">\n\t\t\t\t@if (acceptNames().length > 1 || acceptAll()) {\n\t\t\t\t\t{{ intl().acceptedFormat.other }}\n\t\t\t\t} @else {\n\t\t\t\t\t{{ intl().acceptedFormat.one }}\n\t\t\t\t}\n\t\t\t\t{{ acceptNames().join(\", \") }}.\n\t\t\t</span>\n\t\t}\n\t\t@if (fileMaxSize()) {\n\t\t\t<span class=\"fileUpload-instruction-size\">{{ intl().maxWeight.one | intlParams: { maxSizeDisplay: maxSizeDisplay() } }}</span>\n\t\t}\n\t\t<span class=\"pr-u-mask\">{{ intl().fileUploadedListed.one }}</span>\n\t</div>\n\t<span class=\"fileUpload-button button\" [class.mod-filled]=\"buttonFilled()\" aria-hidden=\"true\">{{ intl().selectFile.one }}</span>\n</div>\n", styles: ["@layer components{.fileUpload{--components-fileUpload-inset: auto;--components-fileUpload-position: relative;--components-fileUpload-button-visibility: visible;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-button-display: none;--components-fileUpload-padding: var(--pr-t-spacings-150) var(--pr-t-spacings-200);--components-fileUpload-textAlign: left;--components-fileUpload-flexDirection: row;--components-fileUpload-instruction-alignItems: stretch;--components-fileUpload-instruction-display: block;--components-fileUpload-instruction-maxWidth: none;--components-fileUpload-instruction-action-fontWeight: 600;--fileUpload-instruction-action-marginBottom: 0;--components-fileUpload-instruction-action-color: var(--palettes-product-700);--components-fileUpload-alignItems: flex-start;--components-fileUpload-minHeight: none;--components-fileUpload-instruction-filename-position: static;--components-fileUpload-instruction-filename-marginTop: 0;--components-fileUpload-justifyContent: flex-start;--components-fileUpload-status-img-inset: 0;--components-fileUpload-status-img-size: var(--pr-t-spacings-600);position:var(--components-fileUpload-position);inset:var(--components-fileUpload-inset);border:1px var(--components-fileUpload-borderStyle) var(--components-fileUpload-borderColor);overflow:hidden;border-radius:var(--components-fileUpload-borderRadius);background-color:var(--components-fileUpload-backgroundColor);padding:var(--components-fileUpload-padding);text-align:var(--components-fileUpload-textAlign);display:var(--components-fileUpload-display);flex-direction:var(--components-fileUpload-flexDirection);align-items:var(--components-fileUpload-alignItems);justify-content:var(--components-fileUpload-justifyContent);gap:var(--pr-t-spacings-200);color:var(--pr-t-color-text);min-block-size:var(--components-fileUpload-minHeight)}.fileUpload:has(.fileUpload-input:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.fileUpload-status{min-inline-size:var(--pr-t-spacings-600);min-block-size:var(--pr-t-spacings-600);display:flex;align-items:center;justify-content:center;--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600))}.fileUpload-status-preview{position:absolute;inset:var(--components-fileUpload-status-img-inset);inline-size:var(--components-fileUpload-status-img-size);block-size:var(--components-fileUpload-status-img-size);border-radius:var(--pr-t-border-radius-50);background-color:var(--palettes-neutral-25);display:flex;overflow:hidden}.fileUpload-status-preview-img{object-fit:cover;opacity:.08;inline-size:100%;block-size:100%}.fileUpload-input{position:absolute;inset:calc(var(--pr-t-spacings-400) * -1) 0 0;opacity:.0001;cursor:pointer;z-index:1}.fileUpload-instruction{display:var(--components-fileUpload-instruction-display);flex-direction:column;align-items:var(--components-fileUpload-instruction-alignItems);max-inline-size:var(--components-fileUpload-instruction-maxWidth);line-height:var(--pr-t-font-body-S-lineHeight)}.fileUpload-instruction-action{display:block;margin-block-end:var(--fileUpload-instruction-action-marginBottom);line-height:var(--pr-t-font-body-M-lineHeight)}.fileUpload-instruction-action span{color:var(--components-fileUpload-instruction-action-color);font-weight:var(--components-fileUpload-instruction-action-fontWeight)}.fileUpload-instruction-size,.fileUpload-instruction-formats{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);vertical-align:top}.fileUpload-button.button{visibility:var(--components-fileUpload-button-visibility);display:var(--components-fileUpload-button-display)}.fileUpload-button.button:not(.mod-filled){--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)}.fileUpload-button.button:not(.mod-filled):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))}.fileUpload-button.button:not(.mod-filled):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileUpload-button.button:not(.mod-filled):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.fileUpload-button.button:not(.mod-filled):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)}.fileUpload-button.button:not(.mod-filled){--palettes-text: var(--palettes-product-text);--palettes-0: var(--palettes-product-0);--palettes-25: var(--palettes-product-25);--palettes-50: var(--palettes-product-50);--palettes-100: var(--palettes-product-100);--palettes-200: var(--palettes-product-200);--palettes-300: var(--palettes-product-300);--palettes-400: var(--palettes-product-400);--palettes-500: var(--palettes-product-500);--palettes-600: var(--palettes-product-600);--palettes-700: var(--palettes-product-700);--palettes-800: var(--palettes-product-800);--palettes-900: var(--palettes-product-900)}.fileUpload-instruction-filename{display:block;font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--components-fileUpload-instruction-filename-color);margin-block-start:var(--components-fileUpload-instruction-filename-marginTop);inset-block-end:var(--pr-t-spacings-100);position:var(--components-fileUpload-instruction-filename-position)}}@layer mods{.fileUpload.mod-dropzone{--components-fileUpload-position: fixed;--components-fileUpload-flexDirection: column;--components-fileUpload-alignItems: center;--components-fileUpload-justifyContent: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-inset: var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-L{--components-fileUpload-button-display: block;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-instruction-alignItems: center;--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-alignItems: center;--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-justifyContent: center;--components-fileUpload-status-img-inset: var(--pr-t-spacings-75);--components-fileUpload-status-img-size: calc(100% - var(--pr-t-spacings-75) * 2)}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-hidden{--components-fileUpload-display: none}.fileUpload.is-success{--components-fileUpload-instruction-filename-color: var(--palettes-success-800);--components-fileUpload-button-visibility: hidden}.fileUpload.is-error{--components-fileUpload-instruction-filename-color: var(--palettes-critical-800);--components-fileUpload-backgroundColor: var(--palettes-critical-50);--components-fileUpload-borderColor: var(--palettes-critical-400)}.fileUpload.is-error:hover{--components-fileUpload-borderColor: var(--palettes-critical-600)}.fileUpload.is-droppable{--components-fileUpload-borderStyle: solid;--components-fileUpload-backgroundColor: var(--palettes-product-50);--components-fileUpload-borderColor: var(--palettes-product-600)}}@layer components{.fileToolbar{--components-fileToolbar-list-padding: var(--pr-t-spacings-50);--components-fileToolbar-display: block;--components-fileToolbar-insetBlockEnd: var(--pr-t-spacings-150);border-radius:var(--pr-t-border-radius-default);position:absolute;transform:translate(-50%);inset-inline-start:50%;inset-block-end:var(--components-fileToolbar-insetBlockEnd);box-shadow:var(--pr-t-elevation-shadow-overlay);background-color:var(--pr-t-elevation-surface-raised);z-index:1;display:var(--components-fileToolbar-display)}.fileToolbar-list{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--pr-t-spacings-50);padding:var(--components-fileToolbar-list-padding)}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents;--components-fileToolbar-list-padding: 0}.fileToolbar.mod-disablePositioning.mod-L{--components-fileToolbar-list-padding: var(--pr-t-spacings-50)}}@layer mods{.fileToolbar .fileToolbar-list-item-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.fileToolbar .fileToolbar-list-item-button.button:hover,.fileToolbar .fileToolbar-list-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.fileToolbar .fileToolbar-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar .fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.fileToolbar .fileToolbar-list-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.fileToolbar .fileToolbar-list-item-button.button{--components-button-borderRadius: 4px;--components-button-padding: var(--pr-t-spacings-75)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.fileToolbar .fileToolbar-list-item-button.button:has(.icon-trashDelete):active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}}\n"] }]
442
- }] });
480
+ }], propDecorators: { entry: [{ type: i0.Input, args: [{ isSignal: true, alias: "entry", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], inlineMessageError: [{ type: i0.Input, args: [{ isSignal: true, alias: "inlineMessageError", required: false }] }], previewUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "previewUrl", required: false }] }], deleteFile: [{ type: i0.Output, args: ["deleteFile"] }], displayFileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayFileName", required: false }] }] } });
443
481
 
444
482
  /**
445
483
  * Generated bundle index. Do not edit.
446
484
  */
447
485
 
448
- export { FILE_ENTRY_SIZE, FILE_ENTRY_STATE, FILE_UPLOAD_SIZE, FILE_UPLOAD_STATE, FileDropzoneComponent, FileEntryComponent, MultiFileUploadComponent, SingleFileUploadComponent, formatFileSize };
486
+ export { FILE_ENTRY_SIZE, FILE_ENTRY_STATE, FILE_UPLOAD_SIZE, FILE_UPLOAD_STATE, FileDropzoneComponent, FileEntryComponent, FileEntryWrapperComponent, MultiFileUploadComponent, SingleFileUploadComponent, formatFileSize };
449
487
  //# sourceMappingURL=lucca-front-ng-file-upload.mjs.map