@lucca-front/ng 20.3.3-rc.6 → 21.0.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (261) hide show
  1. package/api/index.d.ts +18 -0
  2. package/breadcrumbs/index.d.ts +1 -3
  3. package/callout/index.d.ts +8 -2
  4. package/chip/index.d.ts +3 -2
  5. package/clear/index.d.ts +30 -0
  6. package/code/index.d.ts +9 -0
  7. package/container/index.d.ts +2 -2
  8. package/core/index.d.ts +6 -6
  9. package/core-select/department/index.d.ts +1 -1
  10. package/core-select/index.d.ts +2 -1
  11. package/core-select/occupation-category/index.d.ts +26 -0
  12. package/data-table/index.d.ts +68 -30
  13. package/date/index.d.ts +18 -0
  14. package/date2/index.d.ts +15 -15
  15. package/department/index.d.ts +10 -1
  16. package/divider/index.d.ts +7 -4
  17. package/dropdown/index.d.ts +6 -3
  18. package/establishment/index.d.ts +15 -0
  19. package/fancy-box/index.d.ts +2 -1
  20. package/fesm2022/lucca-front-ng-a11y.mjs +32 -32
  21. package/fesm2022/lucca-front-ng-a11y.mjs.map +1 -1
  22. package/fesm2022/lucca-front-ng-animations.mjs.map +1 -1
  23. package/fesm2022/lucca-front-ng-api.mjs +76 -59
  24. package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
  25. package/fesm2022/lucca-front-ng-app-layout.mjs +8 -8
  26. package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
  27. package/fesm2022/lucca-front-ng-box.mjs +8 -8
  28. package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
  29. package/fesm2022/lucca-front-ng-breadcrumbs.mjs +18 -30
  30. package/fesm2022/lucca-front-ng-breadcrumbs.mjs.map +1 -1
  31. package/fesm2022/lucca-front-ng-button.mjs +12 -7
  32. package/fesm2022/lucca-front-ng-button.mjs.map +1 -1
  33. package/fesm2022/lucca-front-ng-callout.mjs +117 -64
  34. package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
  35. package/fesm2022/lucca-front-ng-chip.mjs +29 -25
  36. package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
  37. package/fesm2022/lucca-front-ng-clear.mjs +94 -0
  38. package/fesm2022/lucca-front-ng-clear.mjs.map +1 -0
  39. package/fesm2022/lucca-front-ng-code.mjs +21 -0
  40. package/fesm2022/lucca-front-ng-code.mjs.map +1 -0
  41. package/fesm2022/lucca-front-ng-comment.mjs +31 -31
  42. package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
  43. package/fesm2022/lucca-front-ng-container.mjs +18 -18
  44. package/fesm2022/lucca-front-ng-container.mjs.map +1 -1
  45. package/fesm2022/lucca-front-ng-core-select-api.mjs +14 -16
  46. package/fesm2022/lucca-front-ng-core-select-api.mjs.map +1 -1
  47. package/fesm2022/lucca-front-ng-core-select-department.mjs +16 -18
  48. package/fesm2022/lucca-front-ng-core-select-department.mjs.map +1 -1
  49. package/fesm2022/lucca-front-ng-core-select-establishment.mjs +18 -19
  50. package/fesm2022/lucca-front-ng-core-select-establishment.mjs.map +1 -1
  51. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +12 -13
  52. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs.map +1 -1
  53. package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs +79 -0
  54. package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs.map +1 -0
  55. package/fesm2022/lucca-front-ng-core-select-user.mjs +60 -62
  56. package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
  57. package/fesm2022/lucca-front-ng-core-select.mjs +103 -113
  58. package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
  59. package/fesm2022/lucca-front-ng-core.mjs +48 -49
  60. package/fesm2022/lucca-front-ng-core.mjs.map +1 -1
  61. package/fesm2022/lucca-front-ng-data-table.mjs +266 -87
  62. package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
  63. package/fesm2022/lucca-front-ng-date.mjs +113 -97
  64. package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
  65. package/fesm2022/lucca-front-ng-date2.mjs +134 -136
  66. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  67. package/fesm2022/lucca-front-ng-department.mjs +56 -47
  68. package/fesm2022/lucca-front-ng-department.mjs.map +1 -1
  69. package/fesm2022/lucca-front-ng-dialog.mjs +53 -56
  70. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  71. package/fesm2022/lucca-front-ng-divider.mjs +13 -15
  72. package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
  73. package/fesm2022/lucca-front-ng-dropdown.mjs +225 -224
  74. package/fesm2022/lucca-front-ng-dropdown.mjs.map +1 -1
  75. package/fesm2022/lucca-front-ng-empty-state.mjs +13 -9
  76. package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
  77. package/fesm2022/lucca-front-ng-establishment.mjs +85 -71
  78. package/fesm2022/lucca-front-ng-establishment.mjs.map +1 -1
  79. package/fesm2022/lucca-front-ng-fancy-box.mjs +10 -6
  80. package/fesm2022/lucca-front-ng-fancy-box.mjs.map +1 -1
  81. package/fesm2022/lucca-front-ng-file-upload.mjs +112 -112
  82. package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
  83. package/fesm2022/lucca-front-ng-filter-pills.mjs +78 -81
  84. package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
  85. package/fesm2022/lucca-front-ng-footer.mjs +12 -19
  86. package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
  87. package/fesm2022/lucca-front-ng-form-field.mjs +88 -88
  88. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  89. package/fesm2022/lucca-front-ng-form-header.mjs +23 -0
  90. package/fesm2022/lucca-front-ng-form-header.mjs.map +1 -0
  91. package/fesm2022/lucca-front-ng-form.mjs +24 -0
  92. package/fesm2022/lucca-front-ng-form.mjs.map +1 -0
  93. package/fesm2022/lucca-front-ng-formly.mjs +77 -77
  94. package/fesm2022/lucca-front-ng-formly.mjs.map +1 -1
  95. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +19 -20
  96. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
  97. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs.map +1 -1
  98. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +3 -2
  99. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs.map +1 -1
  100. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs.map +1 -1
  101. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +206 -150
  102. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  103. package/fesm2022/lucca-front-ng-forms.mjs +185 -171
  104. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  105. package/fesm2022/lucca-front-ng-gauge.mjs +26 -26
  106. package/fesm2022/lucca-front-ng-gauge.mjs.map +1 -1
  107. package/fesm2022/lucca-front-ng-grid.mjs +26 -26
  108. package/fesm2022/lucca-front-ng-grid.mjs.map +1 -1
  109. package/fesm2022/lucca-front-ng-highlight-data.mjs +20 -20
  110. package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
  111. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +17 -32
  112. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
  113. package/fesm2022/lucca-front-ng-icon.mjs +6 -6
  114. package/fesm2022/lucca-front-ng-icon.mjs.map +1 -1
  115. package/fesm2022/lucca-front-ng-index-table.mjs +355 -0
  116. package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -0
  117. package/fesm2022/lucca-front-ng-inline-message.mjs +4 -4
  118. package/fesm2022/lucca-front-ng-inline-message.mjs.map +1 -1
  119. package/fesm2022/lucca-front-ng-input.mjs +67 -57
  120. package/fesm2022/lucca-front-ng-input.mjs.map +1 -1
  121. package/fesm2022/lucca-front-ng-link.mjs +24 -23
  122. package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
  123. package/fesm2022/lucca-front-ng-listbox.mjs +31 -31
  124. package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
  125. package/fesm2022/lucca-front-ng-listing.mjs +28 -24
  126. package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
  127. package/fesm2022/lucca-front-ng-loading.mjs +11 -11
  128. package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
  129. package/fesm2022/lucca-front-ng-main-layout.mjs +14 -14
  130. package/fesm2022/lucca-front-ng-main-layout.mjs.map +1 -1
  131. package/fesm2022/lucca-front-ng-mobile-push.mjs +39 -31
  132. package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
  133. package/fesm2022/lucca-front-ng-modal.mjs +57 -62
  134. package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
  135. package/fesm2022/lucca-front-ng-multi-select.mjs +247 -230
  136. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  137. package/fesm2022/lucca-front-ng-new-badge.mjs +4 -4
  138. package/fesm2022/lucca-front-ng-new-badge.mjs.map +1 -1
  139. package/fesm2022/lucca-front-ng-number-format.mjs +11 -13
  140. package/fesm2022/lucca-front-ng-number-format.mjs.map +1 -1
  141. package/fesm2022/lucca-front-ng-number.mjs +11 -10
  142. package/fesm2022/lucca-front-ng-number.mjs.map +1 -1
  143. package/fesm2022/lucca-front-ng-numeric-badge.mjs +22 -10
  144. package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
  145. package/fesm2022/lucca-front-ng-option.mjs +287 -240
  146. package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
  147. package/fesm2022/lucca-front-ng-page-header.mjs +11 -11
  148. package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
  149. package/fesm2022/lucca-front-ng-pagination.mjs +38 -38
  150. package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
  151. package/fesm2022/lucca-front-ng-plg-push.mjs +54 -5
  152. package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
  153. package/fesm2022/lucca-front-ng-popover.mjs +38 -28
  154. package/fesm2022/lucca-front-ng-popover.mjs.map +1 -1
  155. package/fesm2022/lucca-front-ng-popover2.mjs +36 -33
  156. package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
  157. package/fesm2022/lucca-front-ng-popup.mjs +13 -10
  158. package/fesm2022/lucca-front-ng-popup.mjs.map +1 -1
  159. package/fesm2022/lucca-front-ng-progress-bar.mjs +28 -0
  160. package/fesm2022/lucca-front-ng-progress-bar.mjs.map +1 -0
  161. package/fesm2022/lucca-front-ng-read-more.mjs +46 -78
  162. package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
  163. package/fesm2022/lucca-front-ng-safe-content.mjs +10 -11
  164. package/fesm2022/lucca-front-ng-safe-content.mjs.map +1 -1
  165. package/fesm2022/lucca-front-ng-scroll-box.mjs +46 -0
  166. package/fesm2022/lucca-front-ng-scroll-box.mjs.map +1 -0
  167. package/fesm2022/lucca-front-ng-scroll.mjs +10 -8
  168. package/fesm2022/lucca-front-ng-scroll.mjs.map +1 -1
  169. package/fesm2022/lucca-front-ng-scrollBox.mjs +1 -66
  170. package/fesm2022/lucca-front-ng-scrollBox.mjs.map +1 -1
  171. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +98 -0
  172. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs.map +1 -0
  173. package/fesm2022/lucca-front-ng-segmented-control.mjs +71 -0
  174. package/fesm2022/lucca-front-ng-segmented-control.mjs.map +1 -0
  175. package/fesm2022/lucca-front-ng-segmentedControl.mjs +1 -66
  176. package/fesm2022/lucca-front-ng-segmentedControl.mjs.map +1 -1
  177. package/fesm2022/lucca-front-ng-segmentedControlTabs.mjs +1 -93
  178. package/fesm2022/lucca-front-ng-segmentedControlTabs.mjs.map +1 -1
  179. package/fesm2022/lucca-front-ng-select.mjs +21 -20
  180. package/fesm2022/lucca-front-ng-select.mjs.map +1 -1
  181. package/fesm2022/lucca-front-ng-sidepanel.mjs +7 -7
  182. package/fesm2022/lucca-front-ng-sidepanel.mjs.map +1 -1
  183. package/fesm2022/lucca-front-ng-simple-select.mjs +75 -67
  184. package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
  185. package/fesm2022/lucca-front-ng-skeleton.mjs +46 -44
  186. package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
  187. package/fesm2022/lucca-front-ng-sortable-list.mjs +49 -0
  188. package/fesm2022/lucca-front-ng-sortable-list.mjs.map +1 -0
  189. package/fesm2022/lucca-front-ng-status-badge.mjs +34 -0
  190. package/fesm2022/lucca-front-ng-status-badge.mjs.map +1 -0
  191. package/fesm2022/lucca-front-ng-statusBadge.mjs +1 -29
  192. package/fesm2022/lucca-front-ng-statusBadge.mjs.map +1 -1
  193. package/fesm2022/lucca-front-ng-table-of-content.mjs +39 -0
  194. package/fesm2022/lucca-front-ng-table-of-content.mjs.map +1 -0
  195. package/fesm2022/lucca-front-ng-tag.mjs +35 -13
  196. package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
  197. package/fesm2022/lucca-front-ng-time.mjs +132 -142
  198. package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
  199. package/fesm2022/lucca-front-ng-title.mjs +10 -10
  200. package/fesm2022/lucca-front-ng-title.mjs.map +1 -1
  201. package/fesm2022/lucca-front-ng-toast.mjs +26 -23
  202. package/fesm2022/lucca-front-ng-toast.mjs.map +1 -1
  203. package/fesm2022/lucca-front-ng-tooltip.mjs +40 -32
  204. package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
  205. package/fesm2022/lucca-front-ng-tree-select.mjs +20 -21
  206. package/fesm2022/lucca-front-ng-tree-select.mjs.map +1 -1
  207. package/fesm2022/lucca-front-ng-user-popover.mjs +23 -27
  208. package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
  209. package/fesm2022/lucca-front-ng-user.mjs +134 -111
  210. package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
  211. package/fesm2022/lucca-front-ng-vertical-navigation.mjs +91 -0
  212. package/fesm2022/lucca-front-ng-vertical-navigation.mjs.map +1 -0
  213. package/file-upload/index.d.ts +25 -25
  214. package/footer/index.d.ts +7 -7
  215. package/form/index.d.ts +9 -0
  216. package/form-field/index.d.ts +33 -32
  217. package/form-header/index.d.ts +9 -0
  218. package/forms/index.d.ts +39 -37
  219. package/forms/rich-text-input/index.d.ts +4 -1
  220. package/gauge/index.d.ts +17 -17
  221. package/grid/index.d.ts +14 -14
  222. package/horizontal-navigation/index.d.ts +5 -8
  223. package/index-table/index.d.ts +103 -0
  224. package/input/index.d.ts +27 -15
  225. package/link/index.d.ts +3 -4
  226. package/listbox/index.d.ts +20 -20
  227. package/listing/index.d.ts +13 -9
  228. package/loading/index.d.ts +4 -4
  229. package/main-layout/index.d.ts +3 -3
  230. package/modal/index.d.ts +3 -2
  231. package/multi-select/index.d.ts +13 -3
  232. package/number/index.d.ts +3 -0
  233. package/option/index.d.ts +58 -4
  234. package/package.json +125 -69
  235. package/page-header/index.d.ts +5 -5
  236. package/plg-push/index.d.ts +13 -1
  237. package/popover/index.d.ts +12 -0
  238. package/popup/index.d.ts +3 -0
  239. package/progress-bar/index.d.ts +14 -0
  240. package/read-more/index.d.ts +6 -12
  241. package/scroll/index.d.ts +3 -0
  242. package/scroll-box/index.d.ts +15 -0
  243. package/scrollBox/index.d.ts +1 -19
  244. package/segmented-control/index.d.ts +28 -0
  245. package/segmented-control-tabs/index.d.ts +34 -0
  246. package/segmentedControl/index.d.ts +1 -28
  247. package/segmentedControlTabs/index.d.ts +1 -34
  248. package/select/index.d.ts +5 -4
  249. package/simple-select/index.d.ts +1 -0
  250. package/skeleton/index.d.ts +2 -1
  251. package/sortable-list/index.d.ts +22 -0
  252. package/src/components/cdk/_dragDrop.scss +31 -3
  253. package/src/definitions/option/_option-item.scss +6 -0
  254. package/status-badge/index.d.ts +16 -0
  255. package/statusBadge/index.d.ts +1 -16
  256. package/table-of-content/index.d.ts +16 -0
  257. package/time/index.d.ts +30 -30
  258. package/toast/index.d.ts +3 -0
  259. package/tooltip/index.d.ts +9 -0
  260. package/user/index.d.ts +20 -3
  261. package/vertical-navigation/index.d.ts +42 -0
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { InjectionToken, inject, LOCALE_ID, output, input, computed, booleanAttribute, effect, Directive, ViewEncapsulation, Component } from '@angular/core';
2
+ import { InjectionToken, inject, LOCALE_ID, output, input, computed, booleanAttribute, effect, Directive, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
3
3
  import { getIntl, IntlParamsPipe } from '@lucca-front/ng/core';
4
4
  import { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';
5
5
  import { FORM_FIELD_INSTANCE, FormFieldComponent, InputDirective } from '@lucca-front/ng/form-field';
@@ -18,31 +18,31 @@ import { Subject } from 'rxjs';
18
18
  const Translations = {
19
19
  en: {
20
20
  acceptedFormat: { one: 'Accepted format:', other: 'Accepted formats:' },
21
- selectFile: { one: 'Select file', other: 'Select files' },
22
- dropOrClick: { one: 'Drop file here or <span>click to select</span>.', other: 'Drop files here or <span>click to select</span>.' },
23
- maxWeight: { one: 'Maximum size: {{maxSizeDisplay}}. ', other: 'Maximum size for a file: {{maxSizeDisplay}}. ' },
24
- fileUploadedListed: { one: 'File already uploaded is detailed below.', other: 'Files already uploaded are detailed below.' },
21
+ selectFile: { one: 'Select a file', other: 'Select files' },
22
+ 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>.' },
23
+ maxWeight: { one: 'Maximum size: {{maxSizeDisplay}}. ', other: 'Maximum file size: {{maxSizeDisplay}}. ' },
24
+ fileUploadedListed: { one: 'The submitted file is detailed below.', other: 'The submitted files are detailed below.' },
25
25
  all: 'all',
26
26
  file: '{{fileTypeLastPart}} file',
27
27
  download: 'Download',
28
- downloadFile: 'Download file {{fileName}}',
28
+ downloadFile: 'Download file "{{fileName}}"',
29
29
  delete: 'Delete',
30
- deleteFile: 'Delete file {{fileName}}',
30
+ deleteFile: 'Delete file "{{fileName}}"',
31
31
  password: 'Password',
32
- confirmPassword: 'Password',
32
+ confirmPassword: 'Confirm password',
33
33
  },
34
34
  de: {
35
35
  acceptedFormat: { one: 'Accepted format:', other: 'Accepted formats:' },
36
- selectFile: { one: 'Select file', other: 'Select files' },
37
- dropOrClick: { one: 'Drop file here or <span>click to select</span>.', other: 'Drop files here or <span>click to select</span>.' },
38
- maxWeight: { one: 'Maximum size: {{maxSizeDisplay}}. ', other: 'Maximum size for a file: {{maxSizeDisplay}}. ' },
39
- fileUploadedListed: { one: 'File already uploaded is detailed below.', other: 'Files already uploaded are detailed below.' },
36
+ selectFile: { one: 'Select a file', other: 'Select files' },
37
+ 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
+ maxWeight: { one: 'Maximum size: {{maxSizeDisplay}}. ', other: 'Maximum file size: {{maxSizeDisplay}}. ' },
39
+ fileUploadedListed: { one: 'The submitted file is detailed below.', other: 'The submitted files are detailed below.' },
40
40
  all: 'alle',
41
- file: 'alle',
41
+ file: 'Datei {{fileTypeLastPart}}',
42
42
  download: 'Download',
43
- downloadFile: 'Download',
43
+ downloadFile: 'Die Datei „ {{fileName}} “ downloaden',
44
44
  delete: 'Löschen',
45
- deleteFile: 'Löschen',
45
+ deleteFile: 'Die Datei „ {{fileName}} “ löschen',
46
46
  password: 'Passwort',
47
47
  confirmPassword: 'Passwort',
48
48
  },
@@ -62,71 +62,71 @@ const Translations = {
62
62
  confirmPassword: 'Valider le mot de passe',
63
63
  },
64
64
  it: {
65
- acceptedFormat: { one: 'Accepted format:', other: 'Accepted formats:' },
66
- selectFile: { one: 'Select file', other: 'Select files' },
67
- dropOrClick: { one: 'Drop file here or <span>click to select</span>.', other: 'Drop files here or <span>click to select</span>.' },
68
- maxWeight: { one: 'Maximum size: {{maxSizeDisplay}}. ', other: 'Maximum size for a file: {{maxSizeDisplay}}. ' },
69
- fileUploadedListed: { one: 'File already uploaded is detailed below.', other: 'Files already uploaded are detailed below.' },
65
+ acceptedFormat: { one: 'Formato accettato:', other: 'Formati accettati:' },
66
+ selectFile: { one: 'Selezionare un file', other: 'Selezionare i file' },
67
+ dropOrClick: { one: 'Rilascia qui il file o <span>clicca per selezionarlo</span>.', other: 'Rilascia qui i file o <span>clicca per selezionarli</span>.' },
68
+ maxWeight: { one: 'Dimensione massima: {{maxSizeDisplay}}. ', other: 'Dimensione massima per un file: {{maxSizeDisplay}}. ' },
69
+ fileUploadedListed: { one: 'Il file già rilasciato è indicato qui sotto.', other: 'I file già rilasciati sono indicati qui sotto.' },
70
70
  all: 'tutti',
71
- file: 'tutti',
71
+ file: 'File {{fileTypeLastPart}}',
72
72
  download: 'Scaricare',
73
- downloadFile: 'Scaricare',
73
+ downloadFile: 'Scaricare il file "{{fileName}}"',
74
74
  delete: 'Eliminare',
75
- deleteFile: 'Eliminare',
75
+ deleteFile: 'Eliminare il file "{{fileName}}"',
76
76
  password: 'Password',
77
77
  confirmPassword: 'Confermare la password',
78
78
  },
79
79
  nl: {
80
- acceptedFormat: { one: 'Accepted format:', other: 'Accepted formats:' },
81
- selectFile: { one: 'Select file', other: 'Select files' },
82
- dropOrClick: { one: 'Drop file here or <span>click to select</span>.', other: 'Drop files here or <span>click to select</span>.' },
83
- maxWeight: { one: 'Maximum size: {{maxSizeDisplay}}. ', other: 'Maximum size for a file: {{maxSizeDisplay}}. ' },
84
- fileUploadedListed: { one: 'File already uploaded is detailed below.', other: 'Files already uploaded are detailed below.' },
80
+ acceptedFormat: { one: 'Goedgekeurd formaat:', other: 'Goedgekeurde formaten:' },
81
+ selectFile: { one: 'Een bestand selecteren', other: 'Bestanden selecteren' },
82
+ 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>.' },
83
+ maxWeight: { one: 'Maximale grootte: {{maxSizeDisplay}}. ', other: 'Maximale bestandsgrootte: {{maxSizeDisplay}}. ' },
84
+ fileUploadedListed: { one: 'Het reeds ingediende bestand wordt naderhand gedetailleerd.', other: 'Reeds ingediende bestanden worden naderhand gedetailleerd.' },
85
85
  all: 'alle',
86
- file: 'alle',
86
+ file: 'Bestand {{fileTypeLastPart}}',
87
87
  download: 'Downloaden',
88
- downloadFile: 'Downloaden',
88
+ downloadFile: "Het bestand '{{fileName}}' downloaden",
89
89
  delete: 'Verwijderen',
90
- deleteFile: 'Verwijderen',
90
+ deleteFile: "Het bestand '{{fileName}}' verwijderen",
91
91
  password: 'Wachtwoord',
92
92
  confirmPassword: 'Wachtwoord valideren',
93
93
  },
94
94
  'nl-BE': {
95
- acceptedFormat: { one: 'Accepted format:', other: 'Accepted formats:' },
96
- selectFile: { one: 'Select file', other: 'Select files' },
97
- dropOrClick: { one: 'Drop file here or <span>click to select</span>.', other: 'Drop files here or <span>click to select</span>.' },
98
- maxWeight: { one: 'Maximum size: {{maxSizeDisplay}}. ', other: 'Maximum size for a file: {{maxSizeDisplay}}. ' },
99
- fileUploadedListed: { one: 'File already uploaded is detailed below.', other: 'Files already uploaded are detailed below.' },
95
+ acceptedFormat: { one: 'Goedgekeurd formaat:', other: 'Goedgekeurde formaten:' },
96
+ selectFile: { one: 'Een bestand selecteren', other: 'Bestanden selecteren' },
97
+ 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>.' },
98
+ maxWeight: { one: 'Maximale grootte: {{maxSizeDisplay}}. ', other: 'Maximale bestandsgrootte: {{maxSizeDisplay}}. ' },
99
+ fileUploadedListed: { one: 'Het reeds ingediende bestand wordt naderhand gedetailleerd.', other: 'Reeds ingediende bestanden worden naderhand gedetailleerd.' },
100
100
  all: 'alle',
101
- file: 'alle',
101
+ file: 'Bestand {{fileTypeLastPart}}',
102
102
  download: 'Downloaden',
103
- downloadFile: 'Downloaden',
103
+ downloadFile: "Het bestand '{{fileName}}' downloaden",
104
104
  delete: 'Verwijderen',
105
- deleteFile: 'Verwijderen',
105
+ deleteFile: "Het bestand '{{fileName}}' verwijderen",
106
106
  password: 'Wachtwoord',
107
107
  confirmPassword: 'Wachtwoord valideren',
108
108
  },
109
109
  es: {
110
- acceptedFormat: { one: 'Accepted format:', other: 'Accepted formats:' },
111
- selectFile: { one: 'Select file', other: 'Select files' },
112
- dropOrClick: { one: 'Drop file here or <span>click to select</span>.', other: 'Drop files here or <span>click to select</span>.' },
113
- maxWeight: { one: 'Maximum size: {{maxSizeDisplay}}. ', other: 'Maximum size for a file: {{maxSizeDisplay}}. ' },
114
- fileUploadedListed: { one: 'File already uploaded is detailed below.', other: 'Files already uploaded are detailed below.' },
110
+ acceptedFormat: { one: 'Formato aceptado:', other: 'Formatos aceptados:' },
111
+ selectFile: { one: 'Seleccionar un archivo', other: 'Seleccionar archivos' },
112
+ dropOrClick: { one: 'Carga el archivo aquí o <span>pulsa para seleccionarlo</span>.', other: 'Carga los archivos aquí o <span>pulsa para seleccionarlos</span>.' },
113
+ maxWeight: { one: 'Tamaño máximo: {{maxSizeDisplay}}. ', other: 'Tamaño máximo de un archivo: {{maxSizeDisplay}}. ' },
114
+ fileUploadedListed: { one: 'El archivo ya cargado se detalla después.', other: 'Los archivos ya cargados se detallan después.' },
115
115
  all: 'todos',
116
- file: 'todos',
116
+ file: 'Archivo {{fileTypeLastPart}}',
117
117
  download: 'Descargar',
118
- downloadFile: 'Descargar',
118
+ downloadFile: 'Descargar el archivo «{{fileName}}»',
119
119
  delete: 'Eliminar',
120
- deleteFile: 'Eliminar',
120
+ deleteFile: 'Eliminar el archivo «{{fileName}}»',
121
121
  password: 'Contraseña',
122
- confirmPassword: 'Contraseña',
122
+ confirmPassword: 'Validar la contraseña',
123
123
  },
124
124
  pt: {
125
125
  acceptedFormat: { one: 'Formato aceite :', other: 'Formatos aceites :' },
126
- selectFile: { one: 'Select file', other: 'Select files' },
127
- dropOrClick: { one: 'Drop file here or <span>click to select</span>.', other: 'Drop files here or <span>click to select</span>.' },
128
- maxWeight: { one: 'Maximum size: {{maxSizeDisplay}}. ', other: 'Maximum size for a file: {{maxSizeDisplay}}. ' },
129
- fileUploadedListed: { one: 'File already uploaded is detailed below.', other: 'Files already uploaded are detailed below.' },
126
+ selectFile: { one: 'Select a file', other: 'Select files' },
127
+ 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>.' },
128
+ maxWeight: { one: 'Maximum size: {{maxSizeDisplay}}. ', other: 'Maximum file size: {{maxSizeDisplay}}. ' },
129
+ fileUploadedListed: { one: 'The submitted file is detailed below.', other: 'The submitted files are detailed below.' },
130
130
  all: 'todos',
131
131
  file: 'Ficheiro {{fileTypeLastPart}}',
132
132
  download: 'Descarregar',
@@ -179,20 +179,20 @@ class BaseFileUploadComponent {
179
179
  format: '*',
180
180
  name: this.intl.all,
181
181
  },
182
- ], ...(ngDevMode ? [{ debugName: "accept" }] : []));
182
+ ]);
183
183
  this.acceptNames = computed(() => this.accept()
184
184
  .filter((e) => e.name)
185
- .map((e) => e.name), ...(ngDevMode ? [{ debugName: "acceptNames" }] : []));
186
- this.acceptAttribute = computed(() => this.accept().map((e) => e.format), ...(ngDevMode ? [{ debugName: "acceptAttribute" }] : []));
185
+ .map((e) => e.name));
186
+ this.acceptAttribute = computed(() => this.accept().map((e) => e.format));
187
187
  this.acceptAll = computed(() => {
188
188
  return this.acceptAttribute().some((str) => str.includes('*'));
189
- }, ...(ngDevMode ? [{ debugName: "acceptAll" }] : []));
190
- this.structure = input(false, ...(ngDevMode ? [{ debugName: "structure", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
191
- this.fileMaxSize = input(80 * MEGA_BYTE, ...(ngDevMode ? [{ debugName: "fileMaxSize" }] : []));
192
- this.maxSizeDisplay = computed(() => formatSize(this.locale, this.fileMaxSize()), ...(ngDevMode ? [{ debugName: "maxSizeDisplay" }] : []));
193
- this.size = input(null, ...(ngDevMode ? [{ debugName: "size" }] : []));
194
- this.password = input(false, ...(ngDevMode ? [{ debugName: "password", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
195
- this.illustration = input('paper', ...(ngDevMode ? [{ debugName: "illustration" }] : []));
189
+ });
190
+ this.structure = input(false, { transform: booleanAttribute });
191
+ this.fileMaxSize = input(80 * MEGA_BYTE);
192
+ this.maxSizeDisplay = computed(() => formatSize(this.locale, this.fileMaxSize()));
193
+ this.size = input(null);
194
+ this.password = input(false, { transform: booleanAttribute });
195
+ this.illustration = input('paper');
196
196
  this.illustrationUrl = computed(() => {
197
197
  if (this.illustration() === 'picture') {
198
198
  return 'https://cdn.lucca.fr/transverse/prisme/visuals/empty-states/icons/iconPictureAction.svg';
@@ -200,8 +200,8 @@ class BaseFileUploadComponent {
200
200
  else {
201
201
  return 'https://cdn.lucca.fr/transverse/prisme/visuals/empty-states/icons/iconPaperAction.svg';
202
202
  }
203
- }, ...(ngDevMode ? [{ debugName: "illustrationUrl" }] : []));
204
- this.required = input(false, ...(ngDevMode ? [{ debugName: "required", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
203
+ });
204
+ this.required = input(false, { transform: booleanAttribute });
205
205
  effect(() => {
206
206
  this.formFieldRef?.forceInputRequired.set(this.required());
207
207
  });
@@ -214,45 +214,45 @@ class BaseFileUploadComponent {
214
214
  }
215
215
  host.value = null;
216
216
  }
217
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BaseFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
218
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: BaseFileUploadComponent, isStandalone: true, inputs: { 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 } }, outputs: { filePicked: "filePicked" }, ngImport: i0 }); }
217
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: BaseFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
218
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.2", type: BaseFileUploadComponent, isStandalone: true, inputs: { 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 } }, outputs: { filePicked: "filePicked" }, ngImport: i0 }); }
219
219
  }
220
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BaseFileUploadComponent, decorators: [{
220
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: BaseFileUploadComponent, decorators: [{
221
221
  type: Directive
222
- }], ctorParameters: () => [], propDecorators: { 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 }] }] } });
222
+ }], ctorParameters: () => [] });
223
223
 
224
224
  class FileDropzoneComponent extends BaseFileUploadComponent {
225
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: FileDropzoneComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
226
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", 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\" [innerHtml]=\"illustrationUrl() | luSafeExternalSvg\"></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-button-display: block;--components-fileUpload-button-visibility: visible;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-alignItems: center;--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--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);position:relative;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-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-bottom: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-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{position:fixed;inset:var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-S{--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)}.fileUpload.mod-S.is-loading{--components-fileUpload-instruction-display: block}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-loading{--components-fileUpload-instruction-display: none;--components-fileUpload-button-display: none}.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: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], encapsulation: i0.ViewEncapsulation.None }); }
225
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: FileDropzoneComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
226
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", 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\" [innerHtml]=\"illustrationUrl() | luSafeExternalSvg\"></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-button-display: block;--components-fileUpload-button-visibility: visible;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-alignItems: center;--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--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);position:relative;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-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-bottom: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-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{position:fixed;inset:var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-S{--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)}.fileUpload.mod-S.is-loading{--components-fileUpload-instruction-display: block}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-loading{--components-fileUpload-instruction-display: none;--components-fileUpload-button-display: none}.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: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
227
227
  }
228
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: FileDropzoneComponent, decorators: [{
228
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: FileDropzoneComponent, decorators: [{
229
229
  type: Component,
230
- args: [{ selector: 'lu-file-dropzone', standalone: true, encapsulation: ViewEncapsulation.None, imports: [LuSafeExternalSvgPipe, IntlParamsPipe], template: "<div class=\"fileUpload mod-dropzone\" [class.is-droppable]=\"droppable\" (dragenter)=\"droppable = true\" (dragleave)=\"droppable = false\">\n\t<div class=\"fileUpload-status\" [innerHtml]=\"illustrationUrl() | luSafeExternalSvg\"></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-button-display: block;--components-fileUpload-button-visibility: visible;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-alignItems: center;--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--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);position:relative;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-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-bottom: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-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{position:fixed;inset:var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-S{--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)}.fileUpload.mod-S.is-loading{--components-fileUpload-instruction-display: block}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-loading{--components-fileUpload-instruction-display: none;--components-fileUpload-button-display: none}.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"] }]
230
+ args: [{ selector: 'lu-file-dropzone', encapsulation: ViewEncapsulation.None, imports: [LuSafeExternalSvgPipe, IntlParamsPipe], 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\" [innerHtml]=\"illustrationUrl() | luSafeExternalSvg\"></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-button-display: block;--components-fileUpload-button-visibility: visible;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-alignItems: center;--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--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);position:relative;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-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-bottom: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-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{position:fixed;inset:var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-S{--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)}.fileUpload.mod-S.is-loading{--components-fileUpload-instruction-display: block}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-loading{--components-fileUpload-instruction-display: none;--components-fileUpload-button-display: none}.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"] }]
231
231
  }] });
232
232
 
233
233
  class FileEntryComponent {
234
234
  constructor() {
235
235
  this.#locale = inject(LOCALE_ID);
236
236
  this.intl = getIntl(LU_FILE_UPLOAD_TRANSLATIONS);
237
- this.state = input('default', ...(ngDevMode ? [{ debugName: "state" }] : []));
238
- this.displayFileName = input(false, ...(ngDevMode ? [{ debugName: "displayFileName", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
239
- this.inlineMessageError = input(null, ...(ngDevMode ? [{ debugName: "inlineMessageError" }] : []));
240
- this.entry = input.required(...(ngDevMode ? [{ debugName: "entry" }] : []));
241
- this.size = input(null, ...(ngDevMode ? [{ debugName: "size" }] : []));
242
- this.iconOverride = input('', ...(ngDevMode ? [{ debugName: "iconOverride" }] : []));
243
- this.downloadURL = input('', ...(ngDevMode ? [{ debugName: "downloadURL" }] : []));
244
- this.password = input('', ...(ngDevMode ? [{ debugName: "password" }] : []));
237
+ this.state = input('default');
238
+ this.displayFileName = input(false, { transform: booleanAttribute });
239
+ this.inlineMessageError = input(null);
240
+ this.entry = input.required();
241
+ this.size = input(null);
242
+ this.iconOverride = input('');
243
+ this.downloadURL = input('');
244
+ this.password = input('');
245
245
  this.passwordChange$ = new Subject();
246
246
  this.passwordChange = outputFromObservable(this.passwordChange$);
247
- this.media = input(false, ...(ngDevMode ? [{ debugName: "media", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
247
+ this.media = input(false, { transform: booleanAttribute });
248
248
  this.deleteFile$ = new Subject();
249
249
  this.deleteFile = outputFromObservable(this.deleteFile$);
250
- this.fileName = computed(() => this.entry().name, ...(ngDevMode ? [{ debugName: "fileName" }] : []));
251
- this.fileType = computed(() => this.entry().type, ...(ngDevMode ? [{ debugName: "fileType" }] : []));
252
- this.fileSize = computed(() => this.entry().size, ...(ngDevMode ? [{ debugName: "fileSize" }] : []));
253
- this.fileSizeDisplay = computed(() => formatSize(this.#locale, this.fileSize()), ...(ngDevMode ? [{ debugName: "fileSizeDisplay" }] : []));
254
- this.fileTypeDisplay = computed(() => this.intl.file.replace('{{fileTypeLastPart}}', this.fileType().split('/')[1].toUpperCase()), ...(ngDevMode ? [{ debugName: "fileTypeDisplay" }] : []));
255
- this.previewUrl = input('', ...(ngDevMode ? [{ debugName: "previewUrl" }] : []));
250
+ this.fileName = computed(() => this.entry().name);
251
+ this.fileType = computed(() => this.entry().type);
252
+ this.fileSize = computed(() => this.entry().size);
253
+ this.fileSizeDisplay = computed(() => formatSize(this.#locale, this.fileSize()));
254
+ this.fileTypeDisplay = computed(() => this.intl.file.replace('{{fileTypeLastPart}}', this.fileType().split('/')[1].toUpperCase()));
255
+ this.previewUrl = input('');
256
256
  this.fileEntryIconSrc = computed(() => {
257
257
  const fileExtension = this.fileName().split('.').pop();
258
258
  const fileEntryIconRoot = 'https://cdn.lucca.fr/transverse/prisme/visuals/file-entry/';
@@ -273,7 +273,7 @@ class FileEntryComponent {
273
273
  default:
274
274
  return fileEntryIconRoot + 'default' + fileEntryIconExtension;
275
275
  }
276
- }, ...(ngDevMode ? [{ debugName: "fileEntryIconSrc" }] : []));
276
+ });
277
277
  this.tooltip = computed(() => {
278
278
  if (this.state() === 'error') {
279
279
  if (!this.media()) {
@@ -290,11 +290,11 @@ class FileEntryComponent {
290
290
  return this.fileTypeDisplay() + ' – ' + this.fileSizeDisplay();
291
291
  }
292
292
  return this.fileName() + ' – ' + this.fileTypeDisplay() + ' – ' + this.fileSizeDisplay();
293
- }, ...(ngDevMode ? [{ debugName: "tooltip" }] : []));
293
+ });
294
294
  this.dlClasses = computed(() => ({
295
295
  [`is-${this.state()}`]: !!this.state(),
296
296
  [`mod-${this.size()}`]: !!this.size(),
297
- }), ...(ngDevMode ? [{ debugName: "dlClasses" }] : []));
297
+ }));
298
298
  }
299
299
  #locale;
300
300
  get withPassword() {
@@ -303,46 +303,46 @@ class FileEntryComponent {
303
303
  get deletable() {
304
304
  return this.deleteFile$.observed;
305
305
  }
306
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: FileEntryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
307
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: FileEntryComponent, isStandalone: true, selector: "lu-file-entry", inputs: { state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, displayFileName: { classPropertyName: "displayFileName", publicName: "displayFileName", 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 }, 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]=\"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><span class=\"pr-u-mask\"> \u2013 </span>\n\t\t\t\t<lu-divider vertical />\n\t\t\t\t<span class=\"fileEntry-description-size\">{{ fileSizeDisplay() }}</span>\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-S]=\"size() === 'S'\">\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\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t\tdownload=\"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]=\"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\ticon=\"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\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-padding: var(--pr-t-spacings-150);--components-fileEntry-gapInline: var(--components-fileEntry-padding);--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-borderColor: var(--palettes-neutral-100);--components-fileEntry-minHeight: auto;--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--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-content-svg-margin: 0;--components-fileEntry-filename-alignSelf: end;--components-fileEntry-status-inlineSize: 48px;--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize);--components-fileEntry-status-margin: 0;--components-fileEntry-description-display: flex;--components-fileEntry-display: grid;--components-fileEntry-status-content-padding: 0;--components-fileEntry-status-content-inside-insetBlockEnd: 0;border:1px solid var(--components-fileEntry-borderColor);padding:var(--components-fileEntry-padding);margin:0;border-radius:var(--pr-t-border-radius-default);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-product-700);outline-offset:2px}.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-top: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-inside-icon{color:var(--palettes-critical-700)}.fileEntry-status-content-inlineMessage.inlineMessage{flex-direction:column;align-items:center;text-align:center}.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-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-top: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}}@layer mods{.fileEntry.mod-S{--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)}.fileEntry.mod-S .fileEntry-status-content-inside-icon{--icon-size: 1.25rem}.fileEntry.mod-media{--components-fileEntry-padding: var(--pr-t-spacings-75);--components-fileEntry-status-aspectRatio: auto;--components-fileEntry-status-inlineSize: 100%;--components-fileEntry-status-blockSize: calc(20.5rem + 2px) ;--components-fileEntry-description-display: none;--components-fileEntry-display: block;--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-status-content-svg-width: 72px}.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-S{--components-fileEntry-minHeight: calc(5rem + 2px) ;--components-fileEntry-gridColumn: auto;--components-fileEntry-status-blockSize: auto;--components-fileEntry-status-aspectRatio: 1}.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}.fileEntry.is-error.mod-S{--components-fileEntry-status-blockSize: 100%}.fileEntry.is-loading{--components-fileEntry-status-content-img-opacity: .08}.fileEntry.is-loading.mod-S .fileEntry-status-content-inside-loading.loading{--components-loading-size: calc(var(--pr-t-spacings-200) + var(--pr-t-spacings-50))}}@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)}.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-list-item-button.button:hover,.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-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.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-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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.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);--components-button-padding: var(--pr-t-spacings-75) !important}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents}.fileToolbar.mod-disablePositioning.mod-S{--components-fileToolbar-list-padding: 0}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis", "luTooltipAnchor"], exportAs: ["luTooltip"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton],a[luButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton"] }, { 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: ["label", "hiddenLabel", "rolePresentationLabel", "inline", "statusControl", "tooltip", "tag", "AI", "iconAItooltip", "iconAIalt", "width", "invalid", "inlineMessage", "errorInlineMessage", "inlineMessageState", "size", "extraDescribedBy", "layout", "counter"], outputs: ["rolePresentationLabelChange", "layoutChange"] }, { kind: "component", type: TextInputComponent, selector: "lu-text-input", inputs: ["mask", "placeholder", "autocomplete", "hasClearer", "hasSearchIcon", "valueAlignRight", "prefix", "suffix", "type", "searchIcon"], outputs: ["blur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], encapsulation: i0.ViewEncapsulation.None }); }
306
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: FileEntryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
307
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: FileEntryComponent, isStandalone: true, selector: "lu-file-entry", inputs: { state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, displayFileName: { classPropertyName: "displayFileName", publicName: "displayFileName", 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 }, 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]=\"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><span class=\"pr-u-mask\"> \u2013 </span>\n\t\t\t\t<lu-divider vertical />\n\t\t\t\t<span class=\"fileEntry-description-size\">{{ fileSizeDisplay() }}</span>\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-S]=\"size() === 'S'\">\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\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t\tdownload=\"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]=\"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\ticon=\"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\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-padding: var(--pr-t-spacings-150);--components-fileEntry-gapInline: var(--components-fileEntry-padding);--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-borderColor: var(--palettes-neutral-100);--components-fileEntry-minHeight: auto;--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--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-content-svg-margin: 0;--components-fileEntry-filename-alignSelf: end;--components-fileEntry-status-inlineSize: 48px;--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize);--components-fileEntry-status-margin: 0;--components-fileEntry-description-display: flex;--components-fileEntry-display: grid;--components-fileEntry-status-content-padding: 0;--components-fileEntry-status-content-inside-insetBlockEnd: 0;border:1px solid var(--components-fileEntry-borderColor);padding:var(--components-fileEntry-padding);margin:0;border-radius:var(--pr-t-border-radius-default);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-product-700);outline-offset:2px}.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-top: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-inside-icon{color:var(--palettes-critical-700)}.fileEntry-status-content-inlineMessage.inlineMessage{flex-direction:column;align-items:center;text-align:center}.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-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-top: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}}@layer mods{.fileEntry.mod-S{--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)}.fileEntry.mod-S .fileEntry-status-content-inside-icon{--icon-size: 1.25rem}.fileEntry.mod-media{--components-fileEntry-padding: var(--pr-t-spacings-75);--components-fileEntry-status-aspectRatio: auto;--components-fileEntry-status-inlineSize: 100%;--components-fileEntry-status-blockSize: calc(20.5rem + 2px) ;--components-fileEntry-description-display: none;--components-fileEntry-display: block;--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-status-content-svg-width: 72px}.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-S{--components-fileEntry-minHeight: calc(5rem + 2px) ;--components-fileEntry-gridColumn: auto;--components-fileEntry-status-blockSize: auto;--components-fileEntry-status-aspectRatio: 1}.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}.fileEntry.is-error.mod-S{--components-fileEntry-status-blockSize: 100%}.fileEntry.is-loading{--components-fileEntry-status-content-img-opacity: .08}.fileEntry.is-loading.mod-S .fileEntry-status-content-inside-loading.loading{--components-loading-size: calc(var(--pr-t-spacings-200) + var(--pr-t-spacings-50))}}@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)}.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;--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);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) !important}.fileToolbar-list-item-button.button:hover,.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-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents}.fileToolbar.mod-disablePositioning.mod-S{--components-fileToolbar-list-padding: 0}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis", "luTooltipAnchor"], exportAs: ["luTooltip"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton],a[luButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton"] }, { 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: ["label", "hiddenLabel", "rolePresentationLabel", "inline", "statusControl", "tooltip", "tag", "AI", "iconAItooltip", "iconAIalt", "width", "invalid", "inlineMessage", "errorInlineMessage", "inlineMessageState", "size", "extraDescribedBy", "layout", "counter"], outputs: ["rolePresentationLabelChange", "layoutChange"] }, { kind: "component", type: TextInputComponent, selector: "lu-text-input", inputs: ["mask", "placeholder", "autocomplete", "hasClearer", "hasSearchIcon", "valueAlignRight", "prefix", "suffix", "type", "searchIcon"], outputs: ["blur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
308
308
  }
309
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: FileEntryComponent, decorators: [{
309
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: FileEntryComponent, decorators: [{
310
310
  type: Component,
311
- args: [{ selector: 'lu-file-entry', standalone: true, encapsulation: ViewEncapsulation.None, imports: [IconComponent, LuTooltipModule, ButtonComponent, InlineMessageComponent, DividerComponent, FormFieldComponent, TextInputComponent, FormsModule, IntlParamsPipe], host: {
311
+ args: [{ selector: 'lu-file-entry', encapsulation: ViewEncapsulation.None, imports: [IconComponent, LuTooltipModule, ButtonComponent, InlineMessageComponent, DividerComponent, FormFieldComponent, TextInputComponent, FormsModule, IntlParamsPipe], host: {
312
312
  class: 'pr-u-displayContents',
313
- }, template: "<dl class=\"fileEntry\" [class.mod-media]=\"media()\" [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><span class=\"pr-u-mask\"> \u2013 </span>\n\t\t\t\t<lu-divider vertical />\n\t\t\t\t<span class=\"fileEntry-description-size\">{{ fileSizeDisplay() }}</span>\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-S]=\"size() === 'S'\">\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\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t\tdownload=\"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]=\"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\ticon=\"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\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-padding: var(--pr-t-spacings-150);--components-fileEntry-gapInline: var(--components-fileEntry-padding);--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-borderColor: var(--palettes-neutral-100);--components-fileEntry-minHeight: auto;--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--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-content-svg-margin: 0;--components-fileEntry-filename-alignSelf: end;--components-fileEntry-status-inlineSize: 48px;--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize);--components-fileEntry-status-margin: 0;--components-fileEntry-description-display: flex;--components-fileEntry-display: grid;--components-fileEntry-status-content-padding: 0;--components-fileEntry-status-content-inside-insetBlockEnd: 0;border:1px solid var(--components-fileEntry-borderColor);padding:var(--components-fileEntry-padding);margin:0;border-radius:var(--pr-t-border-radius-default);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-product-700);outline-offset:2px}.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-top: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-inside-icon{color:var(--palettes-critical-700)}.fileEntry-status-content-inlineMessage.inlineMessage{flex-direction:column;align-items:center;text-align:center}.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-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-top: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}}@layer mods{.fileEntry.mod-S{--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)}.fileEntry.mod-S .fileEntry-status-content-inside-icon{--icon-size: 1.25rem}.fileEntry.mod-media{--components-fileEntry-padding: var(--pr-t-spacings-75);--components-fileEntry-status-aspectRatio: auto;--components-fileEntry-status-inlineSize: 100%;--components-fileEntry-status-blockSize: calc(20.5rem + 2px) ;--components-fileEntry-description-display: none;--components-fileEntry-display: block;--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-status-content-svg-width: 72px}.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-S{--components-fileEntry-minHeight: calc(5rem + 2px) ;--components-fileEntry-gridColumn: auto;--components-fileEntry-status-blockSize: auto;--components-fileEntry-status-aspectRatio: 1}.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}.fileEntry.is-error.mod-S{--components-fileEntry-status-blockSize: 100%}.fileEntry.is-loading{--components-fileEntry-status-content-img-opacity: .08}.fileEntry.is-loading.mod-S .fileEntry-status-content-inside-loading.loading{--components-loading-size: calc(var(--pr-t-spacings-200) + var(--pr-t-spacings-50))}}@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)}.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-list-item-button.button:hover,.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-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.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-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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.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);--components-button-padding: var(--pr-t-spacings-75) !important}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents}.fileToolbar.mod-disablePositioning.mod-S{--components-fileToolbar-list-padding: 0}}\n"] }]
314
- }], propDecorators: { state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], displayFileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayFileName", 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 }] }], 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 }] }] } });
313
+ }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<dl class=\"fileEntry\" [class.mod-media]=\"media()\" [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><span class=\"pr-u-mask\"> \u2013 </span>\n\t\t\t\t<lu-divider vertical />\n\t\t\t\t<span class=\"fileEntry-description-size\">{{ fileSizeDisplay() }}</span>\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-S]=\"size() === 'S'\">\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\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t\tdownload=\"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]=\"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\ticon=\"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\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-padding: var(--pr-t-spacings-150);--components-fileEntry-gapInline: var(--components-fileEntry-padding);--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-borderColor: var(--palettes-neutral-100);--components-fileEntry-minHeight: auto;--components-fileEntry-gridTemplateAreas: \"picture title toolbar\" \"picture description toolbar\";--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-content-svg-margin: 0;--components-fileEntry-filename-alignSelf: end;--components-fileEntry-status-inlineSize: 48px;--components-fileEntry-status-blockSize: var(--components-fileEntry-status-inlineSize);--components-fileEntry-status-margin: 0;--components-fileEntry-description-display: flex;--components-fileEntry-display: grid;--components-fileEntry-status-content-padding: 0;--components-fileEntry-status-content-inside-insetBlockEnd: 0;border:1px solid var(--components-fileEntry-borderColor);padding:var(--components-fileEntry-padding);margin:0;border-radius:var(--pr-t-border-radius-default);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-product-700);outline-offset:2px}.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-top: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-inside-icon{color:var(--palettes-critical-700)}.fileEntry-status-content-inlineMessage.inlineMessage{flex-direction:column;align-items:center;text-align:center}.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-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-top: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}}@layer mods{.fileEntry.mod-S{--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)}.fileEntry.mod-S .fileEntry-status-content-inside-icon{--icon-size: 1.25rem}.fileEntry.mod-media{--components-fileEntry-padding: var(--pr-t-spacings-75);--components-fileEntry-status-aspectRatio: auto;--components-fileEntry-status-inlineSize: 100%;--components-fileEntry-status-blockSize: calc(20.5rem + 2px) ;--components-fileEntry-description-display: none;--components-fileEntry-display: block;--components-fileEntry-gridColumn: 1 / -1;--components-fileEntry-status-content-svg-width: 72px}.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-S{--components-fileEntry-minHeight: calc(5rem + 2px) ;--components-fileEntry-gridColumn: auto;--components-fileEntry-status-blockSize: auto;--components-fileEntry-status-aspectRatio: 1}.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}.fileEntry.is-error.mod-S{--components-fileEntry-status-blockSize: 100%}.fileEntry.is-loading{--components-fileEntry-status-content-img-opacity: .08}.fileEntry.is-loading.mod-S .fileEntry-status-content-inside-loading.loading{--components-loading-size: calc(var(--pr-t-spacings-200) + var(--pr-t-spacings-50))}}@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)}.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;--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);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) !important}.fileToolbar-list-item-button.button:hover,.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-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents}.fileToolbar.mod-disablePositioning.mod-S{--components-fileToolbar-list-padding: 0}}\n"] }]
314
+ }] });
315
315
 
316
316
  class MultiFileUploadComponent extends BaseFileUploadComponent {
317
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MultiFileUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
318
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", 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-S]=\"size() === 'S'\" [class.is-hidden]=\"false\">\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\" [innerHtml]=\"illustrationUrl() | luSafeExternalSvg\"></div>\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\" aria-hidden=\"true\">{{ intl.selectFile.other }}</span>\n</div>\n", styles: ["@layer components{.fileUpload{--components-fileUpload-button-display: block;--components-fileUpload-button-visibility: visible;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-alignItems: center;--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--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);position:relative;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-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-bottom: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-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{position:fixed;inset:var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-S{--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)}.fileUpload.mod-S.is-loading{--components-fileUpload-instruction-display: block}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-loading{--components-fileUpload-instruction-display: none;--components-fileUpload-button-display: none}.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)}.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-list-item-button.button:hover,.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-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.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-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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.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);--components-button-padding: var(--pr-t-spacings-75) !important}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents}.fileToolbar.mod-disablePositioning.mod-S{--components-fileToolbar-list-padding: 0}}\n"], dependencies: [{ kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], encapsulation: i0.ViewEncapsulation.None }); }
317
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: MultiFileUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
318
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", 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-S]=\"size() === 'S'\" [class.is-hidden]=\"false\">\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\" [innerHtml]=\"illustrationUrl() | luSafeExternalSvg\"></div>\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\" aria-hidden=\"true\">{{ intl.selectFile.other }}</span>\n</div>\n", styles: ["@layer components{.fileUpload{--components-fileUpload-button-display: block;--components-fileUpload-button-visibility: visible;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-alignItems: center;--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--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);position:relative;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-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-bottom: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-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{position:fixed;inset:var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-S{--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)}.fileUpload.mod-S.is-loading{--components-fileUpload-instruction-display: block}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-loading{--components-fileUpload-instruction-display: none;--components-fileUpload-button-display: none}.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)}.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;--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);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) !important}.fileToolbar-list-item-button.button:hover,.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-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents}.fileToolbar.mod-disablePositioning.mod-S{--components-fileToolbar-list-padding: 0}}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
319
319
  }
320
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MultiFileUploadComponent, decorators: [{
320
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: MultiFileUploadComponent, decorators: [{
321
321
  type: Component,
322
- args: [{ selector: 'lu-multi-file-upload', standalone: true, encapsulation: ViewEncapsulation.None, host: {
322
+ args: [{ selector: 'lu-multi-file-upload', encapsulation: ViewEncapsulation.None, host: {
323
323
  '[class.mod-structure]': 'structure()',
324
- }, imports: [LuSafeExternalSvgPipe, InputDirective, LuTooltipModule, IntlParamsPipe], template: "<div class=\"fileUpload\" [class.is-droppable]=\"droppable\" [class.mod-S]=\"size() === 'S'\" [class.is-hidden]=\"false\">\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\" [innerHtml]=\"illustrationUrl() | luSafeExternalSvg\"></div>\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\" aria-hidden=\"true\">{{ intl.selectFile.other }}</span>\n</div>\n", styles: ["@layer components{.fileUpload{--components-fileUpload-button-display: block;--components-fileUpload-button-visibility: visible;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-alignItems: center;--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--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);position:relative;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-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-bottom: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-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{position:fixed;inset:var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-S{--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)}.fileUpload.mod-S.is-loading{--components-fileUpload-instruction-display: block}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-loading{--components-fileUpload-instruction-display: none;--components-fileUpload-button-display: none}.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)}.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-list-item-button.button:hover,.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-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.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-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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.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);--components-button-padding: var(--pr-t-spacings-75) !important}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents}.fileToolbar.mod-disablePositioning.mod-S{--components-fileToolbar-list-padding: 0}}\n"] }]
324
+ }, imports: [LuSafeExternalSvgPipe, InputDirective, LuTooltipModule, IntlParamsPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fileUpload\" [class.is-droppable]=\"droppable\" [class.mod-S]=\"size() === 'S'\" [class.is-hidden]=\"false\">\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\" [innerHtml]=\"illustrationUrl() | luSafeExternalSvg\"></div>\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\" aria-hidden=\"true\">{{ intl.selectFile.other }}</span>\n</div>\n", styles: ["@layer components{.fileUpload{--components-fileUpload-button-display: block;--components-fileUpload-button-visibility: visible;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-alignItems: center;--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--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);position:relative;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-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-bottom: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-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{position:fixed;inset:var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-S{--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)}.fileUpload.mod-S.is-loading{--components-fileUpload-instruction-display: block}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-loading{--components-fileUpload-instruction-display: none;--components-fileUpload-button-display: none}.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)}.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;--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);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) !important}.fileToolbar-list-item-button.button:hover,.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-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents}.fileToolbar.mod-disablePositioning.mod-S{--components-fileToolbar-list-padding: 0}}\n"] }]
325
325
  }] });
326
326
 
327
327
  class SingleFileUploadComponent extends BaseFileUploadComponent {
328
328
  constructor() {
329
329
  super(...arguments);
330
- this.entry = input(null, ...(ngDevMode ? [{ debugName: "entry" }] : []));
331
- this.state = input('default', ...(ngDevMode ? [{ debugName: "state" }] : []));
332
- this.inlineMessageError = input(null, ...(ngDevMode ? [{ debugName: "inlineMessageError" }] : []));
333
- this.previewUrl = input(null, ...(ngDevMode ? [{ debugName: "previewUrl" }] : []));
330
+ this.entry = input(null);
331
+ this.state = input('default');
332
+ this.inlineMessageError = input(null);
333
+ this.previewUrl = input(null);
334
334
  this.deleteFile = output();
335
- this.displayFileName = input(false, ...(ngDevMode ? [{ debugName: "displayFileName", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
335
+ this.displayFileName = input(false, { transform: booleanAttribute });
336
336
  }
337
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SingleFileUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
338
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", 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" }, host: { properties: { "class.mod-structure": "structure()" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"fileUpload\" [class.is-droppable]=\"droppable\" [class.mod-S]=\"size() === 'S'\" [class.is-hidden]=\"!!entry()\">\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.disabled]=\"!!entry() ? 'disabled' : null\"\n\t\t[attr.aria-describedby]=\"'fileUpload-instruction-' + idSuffix\"\n\t/>\n\t<div class=\"fileUpload-status\" [innerHtml]=\"illustrationUrl() | luSafeExternalSvg\"></div>\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\" aria-hidden=\"true\">{{ intl.selectFile.one }}</span>\n</div>\n@if (entry()) {\n\t<lu-file-entry\n\t\t[media]=\"size() === null\"\n\t\t[previewUrl]=\"previewUrl()\"\n\t\t[entry]=\"entry()\"\n\t\t[state]=\"state()\"\n\t\t(deleteFile)=\"deleteFile.emit()\"\n\t\t[inlineMessageError]=\"inlineMessageError()\"\n\t\t[displayFileName]=\"displayFileName()\"\n\t/>\n}\n", styles: ["@layer components{.fileUpload{--components-fileUpload-button-display: block;--components-fileUpload-button-visibility: visible;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-alignItems: center;--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--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);position:relative;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-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-bottom: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-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{position:fixed;inset:var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-S{--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)}.fileUpload.mod-S.is-loading{--components-fileUpload-instruction-display: block}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-loading{--components-fileUpload-instruction-display: none;--components-fileUpload-button-display: none}.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)}.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-list-item-button.button:hover,.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-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.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-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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.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);--components-button-padding: var(--pr-t-spacings-75) !important}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents}.fileToolbar.mod-disablePositioning.mod-S{--components-fileToolbar-list-padding: 0}}\n"], dependencies: [{ kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "component", type: FileEntryComponent, selector: "lu-file-entry", inputs: ["state", "displayFileName", "inlineMessageError", "entry", "size", "iconOverride", "downloadURL", "password", "media", "previewUrl"], outputs: ["passwordChange", "deleteFile"] }, { kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], encapsulation: i0.ViewEncapsulation.None }); }
337
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: SingleFileUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
338
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", 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" }, host: { properties: { "class.mod-structure": "structure()" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"fileUpload\" [class.is-droppable]=\"droppable\" [class.mod-S]=\"size() === 'S'\" [class.is-hidden]=\"!!entry()\">\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.disabled]=\"!!entry() ? 'disabled' : null\"\n\t\t[attr.aria-describedby]=\"'fileUpload-instruction-' + idSuffix\"\n\t/>\n\t<div class=\"fileUpload-status\" [innerHtml]=\"illustrationUrl() | luSafeExternalSvg\"></div>\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\" aria-hidden=\"true\">{{ intl.selectFile.one }}</span>\n</div>\n@if (entry()) {\n\t<lu-file-entry\n\t\t[media]=\"size() === null\"\n\t\t[previewUrl]=\"previewUrl()\"\n\t\t[entry]=\"entry()\"\n\t\t[state]=\"state()\"\n\t\t(deleteFile)=\"deleteFile.emit()\"\n\t\t[inlineMessageError]=\"inlineMessageError()\"\n\t\t[displayFileName]=\"displayFileName()\"\n\t/>\n}\n", styles: ["@layer components{.fileUpload{--components-fileUpload-button-display: block;--components-fileUpload-button-visibility: visible;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-alignItems: center;--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--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);position:relative;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-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-bottom: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-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{position:fixed;inset:var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-S{--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)}.fileUpload.mod-S.is-loading{--components-fileUpload-instruction-display: block}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-loading{--components-fileUpload-instruction-display: none;--components-fileUpload-button-display: none}.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)}.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;--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);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) !important}.fileToolbar-list-item-button.button:hover,.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-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents}.fileToolbar.mod-disablePositioning.mod-S{--components-fileToolbar-list-padding: 0}}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "component", type: FileEntryComponent, selector: "lu-file-entry", inputs: ["state", "displayFileName", "inlineMessageError", "entry", "size", "iconOverride", "downloadURL", "password", "media", "previewUrl"], outputs: ["passwordChange", "deleteFile"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
339
339
  }
340
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SingleFileUploadComponent, decorators: [{
340
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: SingleFileUploadComponent, decorators: [{
341
341
  type: Component,
342
- args: [{ selector: 'lu-single-file-upload', standalone: true, encapsulation: ViewEncapsulation.None, host: {
342
+ args: [{ selector: 'lu-single-file-upload', encapsulation: ViewEncapsulation.None, host: {
343
343
  '[class.mod-structure]': 'structure()',
344
- }, imports: [LuSafeExternalSvgPipe, InputDirective, LuTooltipModule, FileEntryComponent, IntlParamsPipe], template: "<div class=\"fileUpload\" [class.is-droppable]=\"droppable\" [class.mod-S]=\"size() === 'S'\" [class.is-hidden]=\"!!entry()\">\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.disabled]=\"!!entry() ? 'disabled' : null\"\n\t\t[attr.aria-describedby]=\"'fileUpload-instruction-' + idSuffix\"\n\t/>\n\t<div class=\"fileUpload-status\" [innerHtml]=\"illustrationUrl() | luSafeExternalSvg\"></div>\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\" aria-hidden=\"true\">{{ intl.selectFile.one }}</span>\n</div>\n@if (entry()) {\n\t<lu-file-entry\n\t\t[media]=\"size() === null\"\n\t\t[previewUrl]=\"previewUrl()\"\n\t\t[entry]=\"entry()\"\n\t\t[state]=\"state()\"\n\t\t(deleteFile)=\"deleteFile.emit()\"\n\t\t[inlineMessageError]=\"inlineMessageError()\"\n\t\t[displayFileName]=\"displayFileName()\"\n\t/>\n}\n", styles: ["@layer components{.fileUpload{--components-fileUpload-button-display: block;--components-fileUpload-button-visibility: visible;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-alignItems: center;--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--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);position:relative;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-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-bottom: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-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{position:fixed;inset:var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-S{--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)}.fileUpload.mod-S.is-loading{--components-fileUpload-instruction-display: block}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-loading{--components-fileUpload-instruction-display: none;--components-fileUpload-button-display: none}.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)}.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-list-item-button.button:hover,.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-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.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-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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.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);--components-button-padding: var(--pr-t-spacings-75) !important}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents}.fileToolbar.mod-disablePositioning.mod-S{--components-fileToolbar-list-padding: 0}}\n"] }]
345
- }], 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 }] }] } });
344
+ }, imports: [LuSafeExternalSvgPipe, InputDirective, LuTooltipModule, FileEntryComponent, IntlParamsPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fileUpload\" [class.is-droppable]=\"droppable\" [class.mod-S]=\"size() === 'S'\" [class.is-hidden]=\"!!entry()\">\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.disabled]=\"!!entry() ? 'disabled' : null\"\n\t\t[attr.aria-describedby]=\"'fileUpload-instruction-' + idSuffix\"\n\t/>\n\t<div class=\"fileUpload-status\" [innerHtml]=\"illustrationUrl() | luSafeExternalSvg\"></div>\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\" aria-hidden=\"true\">{{ intl.selectFile.one }}</span>\n</div>\n@if (entry()) {\n\t<lu-file-entry\n\t\t[media]=\"size() === null\"\n\t\t[previewUrl]=\"previewUrl()\"\n\t\t[entry]=\"entry()\"\n\t\t[state]=\"state()\"\n\t\t(deleteFile)=\"deleteFile.emit()\"\n\t\t[inlineMessageError]=\"inlineMessageError()\"\n\t\t[displayFileName]=\"displayFileName()\"\n\t/>\n}\n", styles: ["@layer components{.fileUpload{--components-fileUpload-button-display: block;--components-fileUpload-button-visibility: visible;--components-fileUpload-padding: var(--pr-t-spacings-300);--components-fileUpload-textAlign: center;--components-fileUpload-flexDirection: column;--components-fileUpload-borderRadius: var(--pr-t-border-radius-input);--components-fileUpload-instruction-display: flex;--components-fileUpload-instruction-alignItems: center;--fileUpload-instruction-action-marginBottom: var(--pr-t-spacings-50);--components-fileUpload-width: auto;--components-fileUpload-display: flex;--components-fileUpload-instruction-maxWidth: 30rem;--components-fileUpload-instruction-action-fontWeight: 400;--components-fileUpload-instruction-action-color: inherit;--components-fileUpload-borderColor: var(--palettes-neutral-300);--components-fileUpload-borderStyle: dashed;--components-fileUpload-backgroundColor: var(--pr-t-elevation-surface-raised);--components-fileUpload-alignItems: center;--components-fileUpload-instruction-filename-color: inherit;--components-fileUpload-instruction-filename-marginTop: calc(var(--pr-t-spacings-300) * -1);--components-fileUpload-minHeight: 21.5rem;--components-fileUpload-instruction-filename-position: relative;--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);position:relative;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-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-bottom: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-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{position:fixed;inset:var(--pr-t-spacings-200)}.fileUpload.mod-structure{--components-fileUpload-borderRadius: var(--pr-t-border-radius-structure)}.fileUpload.mod-S{--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)}.fileUpload.mod-S.is-loading{--components-fileUpload-instruction-display: block}.fileUpload:hover{--components-fileUpload-borderColor: var(--palettes-product-600)}.fileUpload.is-loading{--components-fileUpload-instruction-display: none;--components-fileUpload-button-display: none}.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)}.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;--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);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75) !important}.fileToolbar-list-item-button.button:hover,.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-list-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.fileToolbar-list-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}}@layer mods{.fileToolbar.mod-disablePositioning{--components-fileToolbar-display: contents}.fileToolbar.mod-disablePositioning.mod-S{--components-fileToolbar-list-padding: 0}}\n"] }]
345
+ }] });
346
346
 
347
347
  /**
348
348
  * Generated bundle index. Do not edit.