@lucca-front/ng 21.2.3-rc.4 → 21.3.0-rc.2

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 (224) hide show
  1. package/fesm2022/lucca-front-ng-a11y.mjs +3 -3
  2. package/fesm2022/lucca-front-ng-activity-feed.mjs +17 -12
  3. package/fesm2022/lucca-front-ng-activity-feed.mjs.map +1 -1
  4. package/fesm2022/lucca-front-ng-api.mjs +46 -41
  5. package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
  6. package/fesm2022/lucca-front-ng-app-layout.mjs +3 -3
  7. package/fesm2022/lucca-front-ng-box.mjs +3 -3
  8. package/fesm2022/lucca-front-ng-breadcrumbs.mjs +6 -6
  9. package/fesm2022/lucca-front-ng-bubble-icon.mjs +10 -4
  10. package/fesm2022/lucca-front-ng-bubble-icon.mjs.map +1 -1
  11. package/fesm2022/lucca-front-ng-bubble-illustration.mjs +10 -5
  12. package/fesm2022/lucca-front-ng-bubble-illustration.mjs.map +1 -1
  13. package/fesm2022/lucca-front-ng-callout.mjs +32 -26
  14. package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
  15. package/fesm2022/lucca-front-ng-chip.mjs +10 -4
  16. package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
  17. package/fesm2022/lucca-front-ng-clear.mjs +9 -4
  18. package/fesm2022/lucca-front-ng-clear.mjs.map +1 -1
  19. package/fesm2022/lucca-front-ng-code.mjs +4 -4
  20. package/fesm2022/lucca-front-ng-code.mjs.map +1 -1
  21. package/fesm2022/lucca-front-ng-color.mjs +9 -4
  22. package/fesm2022/lucca-front-ng-color.mjs.map +1 -1
  23. package/fesm2022/lucca-front-ng-comment.mjs +16 -11
  24. package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
  25. package/fesm2022/lucca-front-ng-container.mjs +9 -4
  26. package/fesm2022/lucca-front-ng-container.mjs.map +1 -1
  27. package/fesm2022/lucca-front-ng-core-select-api.mjs +9 -9
  28. package/fesm2022/lucca-front-ng-core-select-department.mjs +6 -6
  29. package/fesm2022/lucca-front-ng-core-select-establishment.mjs +9 -9
  30. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +6 -6
  31. package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs +3 -3
  32. package/fesm2022/lucca-front-ng-core-select-user.mjs +32 -27
  33. package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
  34. package/fesm2022/lucca-front-ng-core-select.mjs +51 -51
  35. package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
  36. package/fesm2022/lucca-front-ng-core.mjs +15 -15
  37. package/fesm2022/lucca-front-ng-data-table.mjs +45 -30
  38. package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
  39. package/fesm2022/lucca-front-ng-date.mjs +40 -40
  40. package/fesm2022/lucca-front-ng-date2.mjs +30 -23
  41. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  42. package/fesm2022/lucca-front-ng-department.mjs +24 -24
  43. package/fesm2022/lucca-front-ng-dialog.mjs +41 -35
  44. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  45. package/fesm2022/lucca-front-ng-divider.mjs +9 -4
  46. package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
  47. package/fesm2022/lucca-front-ng-dropdown.mjs +40 -40
  48. package/fesm2022/lucca-front-ng-empty-state.mjs +16 -10
  49. package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
  50. package/fesm2022/lucca-front-ng-error-page.mjs +9 -4
  51. package/fesm2022/lucca-front-ng-error-page.mjs.map +1 -1
  52. package/fesm2022/lucca-front-ng-establishment.mjs +33 -33
  53. package/fesm2022/lucca-front-ng-fancy-box.mjs +9 -4
  54. package/fesm2022/lucca-front-ng-fancy-box.mjs.map +1 -1
  55. package/fesm2022/lucca-front-ng-file-upload.mjs +44 -24
  56. package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
  57. package/fesm2022/lucca-front-ng-filter-pills.mjs +26 -53
  58. package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
  59. package/fesm2022/lucca-front-ng-footer.mjs +10 -4
  60. package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
  61. package/fesm2022/lucca-front-ng-form-field.mjs +51 -33
  62. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  63. package/fesm2022/lucca-front-ng-form-header.mjs +9 -4
  64. package/fesm2022/lucca-front-ng-form-header.mjs.map +1 -1
  65. package/fesm2022/lucca-front-ng-form-label.mjs +9 -4
  66. package/fesm2022/lucca-front-ng-form-label.mjs.map +1 -1
  67. package/fesm2022/lucca-front-ng-form.mjs +9 -6
  68. package/fesm2022/lucca-front-ng-form.mjs.map +1 -1
  69. package/fesm2022/lucca-front-ng-formly.mjs +58 -58
  70. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +32 -27
  71. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
  72. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs +3 -3
  73. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +8 -9
  74. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs.map +1 -1
  75. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs +3 -3
  76. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +38 -38
  77. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  78. package/fesm2022/lucca-front-ng-forms.mjs +106 -48
  79. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  80. package/fesm2022/lucca-front-ng-gauge.mjs +3 -3
  81. package/fesm2022/lucca-front-ng-grid.mjs +21 -9
  82. package/fesm2022/lucca-front-ng-grid.mjs.map +1 -1
  83. package/fesm2022/lucca-front-ng-highlight-data.mjs +26 -4
  84. package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
  85. package/fesm2022/lucca-front-ng-highlight-text.mjs +26 -0
  86. package/fesm2022/lucca-front-ng-highlight-text.mjs.map +1 -0
  87. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +160 -15
  88. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
  89. package/fesm2022/lucca-front-ng-impersonation.mjs +119 -0
  90. package/fesm2022/lucca-front-ng-impersonation.mjs.map +1 -0
  91. package/fesm2022/lucca-front-ng-index-table.mjs +39 -33
  92. package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
  93. package/fesm2022/lucca-front-ng-inline-message.mjs +11 -4
  94. package/fesm2022/lucca-front-ng-inline-message.mjs.map +1 -1
  95. package/fesm2022/lucca-front-ng-input.mjs +21 -21
  96. package/fesm2022/lucca-front-ng-link.mjs +6 -6
  97. package/fesm2022/lucca-front-ng-listbox.mjs +15 -10
  98. package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
  99. package/fesm2022/lucca-front-ng-listing.mjs +8 -8
  100. package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
  101. package/fesm2022/lucca-front-ng-loading.mjs +9 -4
  102. package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
  103. package/fesm2022/lucca-front-ng-main-layout.mjs +6 -6
  104. package/fesm2022/lucca-front-ng-mobile-push.mjs +4 -4
  105. package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
  106. package/fesm2022/lucca-front-ng-modal.mjs +22 -22
  107. package/fesm2022/lucca-front-ng-multi-select.mjs +88 -70
  108. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  109. package/fesm2022/lucca-front-ng-new-badge.mjs +3 -3
  110. package/fesm2022/lucca-front-ng-number-format.mjs +6 -6
  111. package/fesm2022/lucca-front-ng-number.mjs +7 -7
  112. package/fesm2022/lucca-front-ng-numeric-badge.mjs +9 -4
  113. package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
  114. package/fesm2022/lucca-front-ng-option.mjs +126 -126
  115. package/fesm2022/lucca-front-ng-page-header.mjs +3 -3
  116. package/fesm2022/lucca-front-ng-pagination.mjs +10 -5
  117. package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
  118. package/fesm2022/lucca-front-ng-plg-push.mjs +5 -5
  119. package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
  120. package/fesm2022/lucca-front-ng-popover.mjs +17 -17
  121. package/fesm2022/lucca-front-ng-popover2.mjs +7 -7
  122. package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
  123. package/fesm2022/lucca-front-ng-popup.mjs +10 -10
  124. package/fesm2022/lucca-front-ng-progress-bar.mjs +9 -4
  125. package/fesm2022/lucca-front-ng-progress-bar.mjs.map +1 -1
  126. package/fesm2022/lucca-front-ng-progress-stepper.mjs +12 -7
  127. package/fesm2022/lucca-front-ng-progress-stepper.mjs.map +1 -1
  128. package/fesm2022/lucca-front-ng-read-more.mjs +10 -5
  129. package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
  130. package/fesm2022/lucca-front-ng-resource-card.mjs +19 -13
  131. package/fesm2022/lucca-front-ng-resource-card.mjs.map +1 -1
  132. package/fesm2022/lucca-front-ng-safe-content.mjs +10 -10
  133. package/fesm2022/lucca-front-ng-scroll-box.mjs +3 -3
  134. package/fesm2022/lucca-front-ng-scroll.mjs +7 -7
  135. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +14 -8
  136. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs.map +1 -1
  137. package/fesm2022/lucca-front-ng-segmented-control.mjs +6 -6
  138. package/fesm2022/lucca-front-ng-select.mjs +14 -14
  139. package/fesm2022/lucca-front-ng-sidepanel.mjs +7 -7
  140. package/fesm2022/lucca-front-ng-simple-select.mjs +32 -31
  141. package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
  142. package/fesm2022/lucca-front-ng-skeleton.mjs +50 -28
  143. package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
  144. package/fesm2022/lucca-front-ng-software-icon-wrapper.mjs +6 -6
  145. package/fesm2022/lucca-front-ng-software-icon.mjs +29 -25
  146. package/fesm2022/lucca-front-ng-software-icon.mjs.map +1 -1
  147. package/fesm2022/lucca-front-ng-sortable-list.mjs +6 -6
  148. package/fesm2022/lucca-front-ng-status-badge.mjs +9 -4
  149. package/fesm2022/lucca-front-ng-status-badge.mjs.map +1 -1
  150. package/fesm2022/lucca-front-ng-table-of-content.mjs +6 -6
  151. package/fesm2022/lucca-front-ng-tag.mjs +10 -5
  152. package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
  153. package/fesm2022/lucca-front-ng-text-flow.mjs +4 -4
  154. package/fesm2022/lucca-front-ng-text-flow.mjs.map +1 -1
  155. package/fesm2022/lucca-front-ng-time.mjs +309 -63
  156. package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
  157. package/fesm2022/lucca-front-ng-title.mjs +10 -10
  158. package/fesm2022/lucca-front-ng-toast.mjs +11 -11
  159. package/fesm2022/lucca-front-ng-toast.mjs.map +1 -1
  160. package/fesm2022/lucca-front-ng-tooltip.mjs +17 -17
  161. package/fesm2022/lucca-front-ng-tree-select.mjs +6 -6
  162. package/fesm2022/lucca-front-ng-user-popover.mjs +20 -19
  163. package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
  164. package/fesm2022/lucca-front-ng-user.mjs +104 -82
  165. package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
  166. package/fesm2022/lucca-front-ng-vertical-navigation.mjs +12 -12
  167. package/package.json +13 -5
  168. package/schematics/lib/local-deps/package-lock.json +17 -79
  169. package/schematics/lib/local-deps/package.json +1 -1
  170. package/schematics/palettes/index.js +12 -1
  171. package/src/components/_picker.scss +2 -1
  172. package/types/lucca-front-ng-activity-feed.d.ts +8 -1
  173. package/types/lucca-front-ng-api.d.ts +22 -16
  174. package/types/lucca-front-ng-bubble-icon.d.ts +10 -1
  175. package/types/lucca-front-ng-bubble-illustration.d.ts +10 -4
  176. package/types/lucca-front-ng-callout.d.ts +21 -13
  177. package/types/lucca-front-ng-chip.d.ts +10 -1
  178. package/types/lucca-front-ng-clear.d.ts +8 -2
  179. package/types/lucca-front-ng-color.d.ts +8 -1
  180. package/types/lucca-front-ng-comment.d.ts +8 -1
  181. package/types/lucca-front-ng-container.d.ts +8 -1
  182. package/types/lucca-front-ng-core-select-user.d.ts +2 -1
  183. package/types/lucca-front-ng-core-select.d.ts +1 -1
  184. package/types/lucca-front-ng-data-table.d.ts +12 -1
  185. package/types/lucca-front-ng-date2.d.ts +17 -9
  186. package/types/lucca-front-ng-dialog.d.ts +8 -2
  187. package/types/lucca-front-ng-divider.d.ts +8 -1
  188. package/types/lucca-front-ng-empty-state.d.ts +15 -7
  189. package/types/lucca-front-ng-error-page.d.ts +9 -4
  190. package/types/lucca-front-ng-fancy-box.d.ts +8 -1
  191. package/types/lucca-front-ng-file-upload.d.ts +20 -4
  192. package/types/lucca-front-ng-filter-pills.d.ts +0 -5
  193. package/types/lucca-front-ng-footer.d.ts +11 -2
  194. package/types/lucca-front-ng-form-field.d.ts +33 -16
  195. package/types/lucca-front-ng-form-header.d.ts +8 -1
  196. package/types/lucca-front-ng-form-label.d.ts +8 -1
  197. package/types/lucca-front-ng-form.d.ts +2 -0
  198. package/types/lucca-front-ng-forms-phone-number-input.d.ts +19 -12
  199. package/types/lucca-front-ng-forms.d.ts +57 -16
  200. package/types/lucca-front-ng-grid.d.ts +23 -8
  201. package/types/lucca-front-ng-highlight-data.d.ts +16 -1
  202. package/types/lucca-front-ng-highlight-text.d.ts +12 -0
  203. package/types/lucca-front-ng-horizontal-navigation.d.ts +40 -3
  204. package/types/lucca-front-ng-impersonation.d.ts +33 -0
  205. package/types/lucca-front-ng-index-table.d.ts +10 -1
  206. package/types/lucca-front-ng-inline-message.d.ts +11 -4
  207. package/types/lucca-front-ng-listbox.d.ts +8 -1
  208. package/types/lucca-front-ng-loading.d.ts +8 -1
  209. package/types/lucca-front-ng-multi-select.d.ts +2 -0
  210. package/types/lucca-front-ng-numeric-badge.d.ts +8 -1
  211. package/types/lucca-front-ng-pagination.d.ts +8 -1
  212. package/types/lucca-front-ng-progress-bar.d.ts +9 -2
  213. package/types/lucca-front-ng-progress-stepper.d.ts +8 -1
  214. package/types/lucca-front-ng-read-more.d.ts +8 -1
  215. package/types/lucca-front-ng-resource-card.d.ts +10 -1
  216. package/types/lucca-front-ng-segmented-control-tabs.d.ts +2 -0
  217. package/types/lucca-front-ng-segmented-control.d.ts +4 -2
  218. package/types/lucca-front-ng-simple-select.d.ts +3 -2
  219. package/types/lucca-front-ng-skeleton.d.ts +25 -9
  220. package/types/lucca-front-ng-software-icon.d.ts +10 -5
  221. package/types/lucca-front-ng-status-badge.d.ts +8 -1
  222. package/types/lucca-front-ng-tag.d.ts +8 -1
  223. package/types/lucca-front-ng-time.d.ts +86 -8
  224. package/types/lucca-front-ng-user.d.ts +19 -5
@@ -72,10 +72,10 @@ class LuSkipLinksComponent {
72
72
  this.#document.location.hash = '';
73
73
  this.#document.location.hash = hash;
74
74
  }
75
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuSkipLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
76
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: LuSkipLinksComponent, isStandalone: true, selector: "lu-skip-links", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<nav role=\"navigation\" id=\"top\" class=\"skipLinks\" [attr.aria-label]=\"intl().Goto\">\n\t<a\n\t\tclass=\"skipLinks-action palette-neutral mod-XS\"\n\t\thref=\"#lucca-banner-solutions-container\"\n\t\t(click)=\"anchor('#lucca-banner-solutions-container', $event)\"\n\t\t>{{ intl().Goto_Nav_Banner }}</a\n\t>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#navSide\" (click)=\"anchor('#navSide', $event)\">{{ intl().Goto_Nav_Navside }}</a>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#main-content\" (click)=\"anchor('#main-content', $event)\">{{\n\t\tintl().Goto_Content\n\t}}</a>\n</nav>\n", styles: ["@layer components{.skipLinks{position:fixed;list-style-type:none;justify-content:center;display:flex;margin:0;padding:0;z-index:9010;inset:var(--pr-t-spacings-150);inset-block-end:auto}.skipLinks-action{border:0;margin:0;border-radius:var(--pr-t-border-radius-default);font:var(--pr-t-font-body-XS);font-weight:var(--pr-t-font-fontWeight-semibold);padding-block:var(--pr-t-spacings-50);padding-inline:var(--pr-t-spacings-100);transition:all var(--commons-animations-durations-fast);background-color:var(--palettes-neutral-600);display:inline-block;position:relative;text-decoration:none;vertical-align:baseline;white-space:nowrap;color:var(--pr-t-color-text-reverse);cursor:pointer}.skipLinks-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.skipLinks-action:not(:focus-visible){border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
75
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuSkipLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
76
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: LuSkipLinksComponent, isStandalone: true, selector: "lu-skip-links", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<nav role=\"navigation\" id=\"top\" class=\"skipLinks\" [attr.aria-label]=\"intl().Goto\">\n\t<a\n\t\tclass=\"skipLinks-action palette-neutral mod-XS\"\n\t\thref=\"#lucca-banner-solutions-container\"\n\t\t(click)=\"anchor('#lucca-banner-solutions-container', $event)\"\n\t\t>{{ intl().Goto_Nav_Banner }}</a\n\t>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#navSide\" (click)=\"anchor('#navSide', $event)\">{{ intl().Goto_Nav_Navside }}</a>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#main-content\" (click)=\"anchor('#main-content', $event)\">{{\n\t\tintl().Goto_Content\n\t}}</a>\n</nav>\n", styles: ["@layer components{.skipLinks{position:fixed;list-style-type:none;justify-content:center;display:flex;margin:0;padding:0;z-index:9010;inset:var(--pr-t-spacings-150);inset-block-end:auto}.skipLinks-action{border:0;margin:0;border-radius:var(--pr-t-border-radius-default);font:var(--pr-t-font-body-XS);font-weight:var(--pr-t-font-fontWeight-semibold);padding-block:var(--pr-t-spacings-50);padding-inline:var(--pr-t-spacings-100);transition:all var(--commons-animations-durations-fast);background-color:var(--palettes-neutral-600);display:inline-block;position:relative;text-decoration:none;vertical-align:baseline;white-space:nowrap;color:var(--pr-t-color-text-reverse);cursor:pointer}.skipLinks-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.skipLinks-action:not(:focus-visible){border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
77
77
  }
78
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuSkipLinksComponent, decorators: [{
78
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuSkipLinksComponent, decorators: [{
79
79
  type: Component,
80
80
  args: [{ selector: 'lu-skip-links', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<nav role=\"navigation\" id=\"top\" class=\"skipLinks\" [attr.aria-label]=\"intl().Goto\">\n\t<a\n\t\tclass=\"skipLinks-action palette-neutral mod-XS\"\n\t\thref=\"#lucca-banner-solutions-container\"\n\t\t(click)=\"anchor('#lucca-banner-solutions-container', $event)\"\n\t\t>{{ intl().Goto_Nav_Banner }}</a\n\t>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#navSide\" (click)=\"anchor('#navSide', $event)\">{{ intl().Goto_Nav_Navside }}</a>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#main-content\" (click)=\"anchor('#main-content', $event)\">{{\n\t\tintl().Goto_Content\n\t}}</a>\n</nav>\n", styles: ["@layer components{.skipLinks{position:fixed;list-style-type:none;justify-content:center;display:flex;margin:0;padding:0;z-index:9010;inset:var(--pr-t-spacings-150);inset-block-end:auto}.skipLinks-action{border:0;margin:0;border-radius:var(--pr-t-border-radius-default);font:var(--pr-t-font-body-XS);font-weight:var(--pr-t-font-fontWeight-semibold);padding-block:var(--pr-t-spacings-50);padding-inline:var(--pr-t-spacings-100);transition:all var(--commons-animations-durations-fast);background-color:var(--palettes-neutral-600);display:inline-block;position:relative;text-decoration:none;vertical-align:baseline;white-space:nowrap;color:var(--pr-t-color-text-reverse);cursor:pointer}.skipLinks-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.skipLinks-action:not(:focus-visible){border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}\n"] }]
81
81
  }], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }] } });
@@ -5,6 +5,11 @@ import { intlInputOptions, PortalDirective } from '@lucca-front/ng/core';
5
5
  import { LuUserPictureComponent } from '@lucca-front/ng/user';
6
6
  import { IconComponent } from '@lucca/prisme/icon';
7
7
 
8
+ /**
9
+ * Available ActivityFeedComponent Types
10
+ */
11
+ const ACTIVITY_FEED_STEP_STATUS = ['success', 'critical', 'pending'];
12
+
8
13
  const Translations = {
9
14
  'nl-BE': {
10
15
  replaceByAlt: 'is vervangen door',
@@ -16,10 +21,10 @@ const Translations = {
16
21
  replaceByAlt: 'wurde ersetzt durch',
17
22
  },
18
23
  en: {
19
- replaceByAlt: 'has been replaced by',
24
+ replaceByAlt: 'was replaced by',
20
25
  },
21
26
  es: {
22
- replaceByAlt: 'ha sido sustituido por',
27
+ replaceByAlt: 'se ha sustituido por',
23
28
  },
24
29
  it: {
25
30
  replaceByAlt: 'è stato sostituito da',
@@ -76,10 +81,10 @@ class ActivityFeedStepComponent {
76
81
  }
77
82
  #locale;
78
83
  #intlDateTimeFormat;
79
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ActivityFeedStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
80
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: ActivityFeedStepComponent, isStandalone: true, selector: "lu-activity-feed-step", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, datePipeFormat: { classPropertyName: "datePipeFormat", publicName: "datePipeFormat", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, properties: { "class.mod-pending": "status() === \"pending\"" }, classAttribute: "activityFeed-step" }, ngImport: i0, template: "@if (status() === \"critical\" || status() === \"success\") {\n\t<div class=\"activityFeed-step-state\" [class.mod-critical]=\"status() === 'critical'\" [class.mod-success]=\"status() === 'success'\"></div>\n} @else {\n\t@if (user()) {\n\t\t<div class=\"activityFeed-step-avatar\">\n\t\t\t<lu-user-picture size=\"S\" [user]=\"user()\" />\n\t\t</div>\n\t}\n}\n<div class=\"activityFeed-step-description\">\n\t@if (label()) {\n\t\t<p class=\"activityFeed-step-description-content\">\n\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t</p>\n\t}\n\t@if (date()) {\n\t\t<time class=\"comment-infos-date activityFeed-step-description-time\" [attr.datetime]=\"preparedDate().toISOString()\">\n\t\t\t@if (datePipeFormat()) {\n\t\t\t\t{{ date() | date: datePipeFormat() }}\n\t\t\t} @else {\n\t\t\t\t{{ dateDisplay() }}\n\t\t\t}\n\t\t</time>\n\t}\n\t<div class=\"activityFeed-content\">\n\t\t<ng-content />\n\t</div>\n</div>\n", dependencies: [{ kind: "component", type: LuUserPictureComponent, selector: "lu-user-picture", inputs: ["displayFormat", "user", "AI", "size", "imageLoadingAttribute"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
84
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ActivityFeedStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
85
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ActivityFeedStepComponent, isStandalone: true, selector: "lu-activity-feed-step", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, datePipeFormat: { classPropertyName: "datePipeFormat", publicName: "datePipeFormat", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, properties: { "class.mod-pending": "status() === \"pending\"" }, classAttribute: "activityFeed-step" }, ngImport: i0, template: "@if (status() === \"critical\" || status() === \"success\") {\n\t<div class=\"activityFeed-step-state\" [class.mod-critical]=\"status() === 'critical'\" [class.mod-success]=\"status() === 'success'\"></div>\n} @else {\n\t@if (user()) {\n\t\t<div class=\"activityFeed-step-avatar\">\n\t\t\t<lu-user-picture size=\"S\" [user]=\"user()\" />\n\t\t</div>\n\t}\n}\n<div class=\"activityFeed-step-description\">\n\t@if (label()) {\n\t\t<p class=\"activityFeed-step-description-content\">\n\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t</p>\n\t}\n\t@if (date()) {\n\t\t<time class=\"comment-infos-date activityFeed-step-description-time\" [attr.datetime]=\"preparedDate().toISOString()\">\n\t\t\t@if (datePipeFormat()) {\n\t\t\t\t{{ date() | date: datePipeFormat() }}\n\t\t\t} @else {\n\t\t\t\t{{ dateDisplay() }}\n\t\t\t}\n\t\t</time>\n\t}\n\t<div class=\"activityFeed-content\">\n\t\t<ng-content />\n\t</div>\n</div>\n", dependencies: [{ kind: "component", type: LuUserPictureComponent, selector: "lu-user-picture", inputs: ["displayFormat", "user", "AI", "placeholder", "softRounded", "size", "imageLoadingAttribute"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
81
86
  }
82
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ActivityFeedStepComponent, decorators: [{
87
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ActivityFeedStepComponent, decorators: [{
83
88
  type: Component,
84
89
  args: [{ selector: 'lu-activity-feed-step', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [LuUserPictureComponent, DatePipe, PortalDirective], host: {
85
90
  role: 'listitem',
@@ -92,10 +97,10 @@ class ActivityFeedUpdateComponent {
92
97
  constructor() {
93
98
  this.intl = input(...intlInputOptions(LU_ACTIVITY_FEED_TRANSLATIONS), ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
94
99
  }
95
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ActivityFeedUpdateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
96
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: ActivityFeedUpdateComponent, isStandalone: true, selector: "lu-activity-feed-update", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "activityFeed-content-update" }, ngImport: i0, template: "<div class=\"activityFeed-content-update-before\">\n\t<ng-container *ngTemplateOutlet=\"content\" />\n</div>\n<lu-icon class=\"activityFeed-content-update-icon\" size=\"XS\" icon=\"arrowRight\" [alt]=\"intl().replaceByAlt\" />\n<div class=\"activityFeed-content-update-after\">\n\t<ng-content select=\"[activityFeedUpdateAfter]\" />\n</div>\n\n<ng-template #content>\n\t<ng-content select=\"[activityFeedUpdateBefore]\" />\n</ng-template>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
100
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ActivityFeedUpdateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
101
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: ActivityFeedUpdateComponent, isStandalone: true, selector: "lu-activity-feed-update", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "activityFeed-content-update" }, ngImport: i0, template: "<div class=\"activityFeed-content-update-before\">\n\t<ng-container *ngTemplateOutlet=\"content\" />\n</div>\n<lu-icon class=\"activityFeed-content-update-icon\" size=\"XS\" icon=\"arrowRight\" [alt]=\"intl().replaceByAlt\" />\n<div class=\"activityFeed-content-update-after\">\n\t<ng-content select=\"[activityFeedUpdateAfter]\" />\n</div>\n\n<ng-template #content>\n\t<ng-content select=\"[activityFeedUpdateBefore]\" />\n</ng-template>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
97
102
  }
98
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ActivityFeedUpdateComponent, decorators: [{
103
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ActivityFeedUpdateComponent, decorators: [{
99
104
  type: Component,
100
105
  args: [{ selector: 'lu-activity-feed-update', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent, NgTemplateOutlet], host: {
101
106
  class: 'activityFeed-content-update',
@@ -103,10 +108,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
103
108
  }], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }] } });
104
109
 
105
110
  class ActivityFeedComponent {
106
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ActivityFeedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
107
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: ActivityFeedComponent, isStandalone: true, selector: "lu-activity-feed", ngImport: i0, template: "<ol class=\"activityFeed\">\n\t<ng-content />\n</ol>\n", styles: ["@charset \"UTF-8\";@layer components{.activityFeed{--components-activityFeed-content-update-display: flex;--components-activityFeed-content-update-icon-display: flex;--components-activityFeed-step-description-alignSelf: auto;--components-activityFeed-step-description-fontStyle: normal;--components-activityFeed-step-description-color: inherit;--components-activityFeed-step-description-lineHeight: inherit;--components-activityFeed-step-before-insetBlockStart: calc(var(--pr-t-spacings-500) + var(--pr-t-spacings-50));list-style-type:\"\";padding:0;font:var(--pr-t-font-body-M);color:var(--pr-t-color-text)}.activityFeed-step{position:relative;display:flex;gap:var(--pr-t-spacings-100)}.activityFeed-step:not(:last-child){padding-block-end:var(--pr-t-spacings-200)}.activityFeed-step:not(:last-child):before{content:\"\";inline-size:var(--pr-t-spacings-25);background-color:var(--palettes-neutral-100);position:absolute;inset-block-end:0;border-radius:var(--pr-t-border-radius-full);inset-block-start:var(--components-activityFeed-step-before-insetBlockStart);inset-inline-start:calc(var(--pr-t-spacings-200) - var(--pr-t-spacings-25) / 2)}.activityFeed-step-state,.activityFeed-step-avatar{margin-block:var(--pr-t-spacings-75)}.activityFeed-step-state{inline-size:var(--pr-t-spacings-400);block-size:var(--pr-t-spacings-400);border-radius:var(--pr-t-border-radius-full);position:relative;background-color:var(--palettes-100, var(--palettes-neutral-100))}.activityFeed-step-state:before{color:var(--palettes-700, var(--palettes-neutral-700));font-size:calc(1.5 * var(--pr-t-font-body-M-fontSize));block-size:var(--pr-t-font-body-M-lineHeight);inset:0;margin:auto;position:absolute;text-align:center}.activityFeed-step-description{flex-grow:1;align-self:var(--components-activityFeed-step-description-alignSelf);font-style:var(--components-activityFeed-step-description-fontStyle);color:var(--components-activityFeed-step-description-color);line-height:var(--components-activityFeed-step-description-lineHeight)}.activityFeed-step-description-time{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);display:block}.activityFeed-content-update-icon{display:var(--components-activityFeed-content-update-icon-display)}.activityFeed-content-update{display:var(--components-activityFeed-content-update-display);align-items:center;gap:var(--pr-t-spacings-100)}.activityFeed-content-update-before,.activityFeed-content-update-after{display:flex}.activityFeed-content-update-before:empty,.activityFeed-content-update-after:empty{display:none}.activityFeed-content{margin-block-start:var(--pr-t-spacings-100);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);align-items:flex-start}.activityFeed-content:empty{display:none}}@layer mods{.activityFeed .readMore{--components-readMore-link-insetBlockEnd: 0;--components-readMore-link-backgroudColor: var(--pr-t-elevation-surface-sunken)}}@layer mods{.activityFeed-content>.button:only-child{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.activityFeed-content>.button:only-child:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.activityFeed-content>.button:only-child:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.activityFeed-content>.button:only-child:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.activityFeed-content>.button:only-child:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.activityFeed-step-avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.activityFeed-step-state.mod-success{--palettes-text: var(--palettes-success-text);--palettes-0: var(--palettes-success-0);--palettes-25: var(--palettes-success-25);--palettes-50: var(--palettes-success-50);--palettes-100: var(--palettes-success-100);--palettes-200: var(--palettes-success-200);--palettes-300: var(--palettes-success-300);--palettes-400: var(--palettes-success-400);--palettes-500: var(--palettes-success-500);--palettes-600: var(--palettes-success-600);--palettes-700: var(--palettes-success-700);--palettes-800: var(--palettes-success-800);--palettes-900: var(--palettes-success-900)}.activityFeed-step-state.mod-success:before{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none}.activityFeed-step-state.mod-critical{--palettes-text: var(--palettes-critical-text);--palettes-0: var(--palettes-critical-0);--palettes-25: var(--palettes-critical-25);--palettes-50: var(--palettes-critical-50);--palettes-100: var(--palettes-critical-100);--palettes-200: var(--palettes-critical-200);--palettes-300: var(--palettes-critical-300);--palettes-400: var(--palettes-critical-400);--palettes-500: var(--palettes-critical-500);--palettes-600: var(--palettes-critical-600);--palettes-700: var(--palettes-critical-700);--palettes-800: var(--palettes-critical-800);--palettes-900: var(--palettes-critical-900)}.activityFeed-step-state.mod-critical:before{--icon-content: \"\\e9bf\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none}.activityFeed-content-update:has(.activityFeed-content-update-before:empty,.activityFeed-content-update-after:empty){--components-activityFeed-content-update-icon-display: none}.activityFeed-content-update:has(.activityFeed-content-update-before:empty):has(.activityFeed-content-update-after:empty){--components-activityFeed-content-update-display: none}.activityFeed-step.mod-pending{--components-activityFeed-step-description-alignSelf: center;--components-activityFeed-step-description-fontStyle: italic;--components-activityFeed-step-description-color: var(--pr-t-color-text-subtle);--components-activityFeed-step-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.activityFeed-step:has(.activityFeed-content>.button:only-child){--components-activityFeed-step-before-insetBlockStart: var(--pr-t-spacings-700)}}lu-activity-feed{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
111
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ActivityFeedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
112
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: ActivityFeedComponent, isStandalone: true, selector: "lu-activity-feed", ngImport: i0, template: "<ol class=\"activityFeed\">\n\t<ng-content />\n</ol>\n", styles: ["@charset \"UTF-8\";@layer components{.activityFeed{--components-activityFeed-content-update-display: flex;--components-activityFeed-content-update-icon-display: flex;--components-activityFeed-step-description-alignSelf: auto;--components-activityFeed-step-description-fontStyle: normal;--components-activityFeed-step-description-color: inherit;--components-activityFeed-step-description-lineHeight: inherit;--components-activityFeed-step-before-insetBlockStart: calc(var(--pr-t-spacings-500) + var(--pr-t-spacings-50));list-style-type:\"\";padding:0;font:var(--pr-t-font-body-M);color:var(--pr-t-color-text)}.activityFeed-step{position:relative;display:flex;gap:var(--pr-t-spacings-100)}.activityFeed-step:not(:last-child){padding-block-end:var(--pr-t-spacings-200)}.activityFeed-step:not(:last-child):before{content:\"\";inline-size:var(--pr-t-spacings-25);background-color:var(--palettes-neutral-100);position:absolute;inset-block-end:0;border-radius:var(--pr-t-border-radius-full);inset-block-start:var(--components-activityFeed-step-before-insetBlockStart);inset-inline-start:calc(var(--pr-t-spacings-200) - var(--pr-t-spacings-25) / 2)}.activityFeed-step-state,.activityFeed-step-avatar{margin-block:var(--pr-t-spacings-75)}.activityFeed-step-state{inline-size:var(--pr-t-spacings-400);block-size:var(--pr-t-spacings-400);border-radius:var(--pr-t-border-radius-full);position:relative;background-color:var(--palettes-100, var(--palettes-neutral-100))}.activityFeed-step-state:before{color:var(--palettes-700, var(--palettes-neutral-700));font-size:calc(1.5 * var(--pr-t-font-body-M-fontSize));block-size:var(--pr-t-font-body-M-lineHeight);inset:0;margin:auto;position:absolute;text-align:center}.activityFeed-step-description{flex-grow:1;align-self:var(--components-activityFeed-step-description-alignSelf);font-style:var(--components-activityFeed-step-description-fontStyle);color:var(--components-activityFeed-step-description-color);line-height:var(--components-activityFeed-step-description-lineHeight)}.activityFeed-step-description-time{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);display:block}.activityFeed-content-update-icon{display:var(--components-activityFeed-content-update-icon-display)}.activityFeed-content-update{display:var(--components-activityFeed-content-update-display);align-items:center;gap:var(--pr-t-spacings-100)}.activityFeed-content-update-before,.activityFeed-content-update-after{display:flex}.activityFeed-content-update-before:empty,.activityFeed-content-update-after:empty{display:none}.activityFeed-content{margin-block-start:var(--pr-t-spacings-100);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);align-items:flex-start}.activityFeed-content:empty{display:none}}@layer mods{.activityFeed .readMore{--components-readMore-link-insetBlockEnd: 0;--components-readMore-link-backgroudColor: var(--pr-t-elevation-surface-sunken)}}@layer mods{.activityFeed-content>.button:only-child{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.activityFeed-content>.button:only-child:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.activityFeed-content>.button:only-child:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.activityFeed-content>.button:only-child:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.activityFeed-content>.button:only-child:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.activityFeed-step-avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.activityFeed-step-state.mod-success{--palettes-text: var(--palettes-success-text);--palettes-0: var(--palettes-success-0);--palettes-25: var(--palettes-success-25);--palettes-50: var(--palettes-success-50);--palettes-100: var(--palettes-success-100);--palettes-200: var(--palettes-success-200);--palettes-300: var(--palettes-success-300);--palettes-400: var(--palettes-success-400);--palettes-500: var(--palettes-success-500);--palettes-600: var(--palettes-success-600);--palettes-700: var(--palettes-success-700);--palettes-800: var(--palettes-success-800);--palettes-900: var(--palettes-success-900)}.activityFeed-step-state.mod-success:before{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none}.activityFeed-step-state.mod-critical{--palettes-text: var(--palettes-critical-text);--palettes-0: var(--palettes-critical-0);--palettes-25: var(--palettes-critical-25);--palettes-50: var(--palettes-critical-50);--palettes-100: var(--palettes-critical-100);--palettes-200: var(--palettes-critical-200);--palettes-300: var(--palettes-critical-300);--palettes-400: var(--palettes-critical-400);--palettes-500: var(--palettes-critical-500);--palettes-600: var(--palettes-critical-600);--palettes-700: var(--palettes-critical-700);--palettes-800: var(--palettes-critical-800);--palettes-900: var(--palettes-critical-900)}.activityFeed-step-state.mod-critical:before{--icon-content: \"\\e9bf\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none}.activityFeed-content-update:has(.activityFeed-content-update-before:empty,.activityFeed-content-update-after:empty){--components-activityFeed-content-update-icon-display: none}.activityFeed-content-update:has(.activityFeed-content-update-before:empty):has(.activityFeed-content-update-after:empty){--components-activityFeed-content-update-display: none}.activityFeed-step.mod-pending{--components-activityFeed-step-description-alignSelf: center;--components-activityFeed-step-description-fontStyle: italic;--components-activityFeed-step-description-color: var(--pr-t-color-text-subtle);--components-activityFeed-step-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.activityFeed-step:has(.activityFeed-content>.button:only-child){--components-activityFeed-step-before-insetBlockStart: var(--pr-t-spacings-700)}}lu-activity-feed{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
108
113
  }
109
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ActivityFeedComponent, decorators: [{
114
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ActivityFeedComponent, decorators: [{
110
115
  type: Component,
111
116
  args: [{ selector: 'lu-activity-feed', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ol class=\"activityFeed\">\n\t<ng-content />\n</ol>\n", styles: ["@charset \"UTF-8\";@layer components{.activityFeed{--components-activityFeed-content-update-display: flex;--components-activityFeed-content-update-icon-display: flex;--components-activityFeed-step-description-alignSelf: auto;--components-activityFeed-step-description-fontStyle: normal;--components-activityFeed-step-description-color: inherit;--components-activityFeed-step-description-lineHeight: inherit;--components-activityFeed-step-before-insetBlockStart: calc(var(--pr-t-spacings-500) + var(--pr-t-spacings-50));list-style-type:\"\";padding:0;font:var(--pr-t-font-body-M);color:var(--pr-t-color-text)}.activityFeed-step{position:relative;display:flex;gap:var(--pr-t-spacings-100)}.activityFeed-step:not(:last-child){padding-block-end:var(--pr-t-spacings-200)}.activityFeed-step:not(:last-child):before{content:\"\";inline-size:var(--pr-t-spacings-25);background-color:var(--palettes-neutral-100);position:absolute;inset-block-end:0;border-radius:var(--pr-t-border-radius-full);inset-block-start:var(--components-activityFeed-step-before-insetBlockStart);inset-inline-start:calc(var(--pr-t-spacings-200) - var(--pr-t-spacings-25) / 2)}.activityFeed-step-state,.activityFeed-step-avatar{margin-block:var(--pr-t-spacings-75)}.activityFeed-step-state{inline-size:var(--pr-t-spacings-400);block-size:var(--pr-t-spacings-400);border-radius:var(--pr-t-border-radius-full);position:relative;background-color:var(--palettes-100, var(--palettes-neutral-100))}.activityFeed-step-state:before{color:var(--palettes-700, var(--palettes-neutral-700));font-size:calc(1.5 * var(--pr-t-font-body-M-fontSize));block-size:var(--pr-t-font-body-M-lineHeight);inset:0;margin:auto;position:absolute;text-align:center}.activityFeed-step-description{flex-grow:1;align-self:var(--components-activityFeed-step-description-alignSelf);font-style:var(--components-activityFeed-step-description-fontStyle);color:var(--components-activityFeed-step-description-color);line-height:var(--components-activityFeed-step-description-lineHeight)}.activityFeed-step-description-time{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);display:block}.activityFeed-content-update-icon{display:var(--components-activityFeed-content-update-icon-display)}.activityFeed-content-update{display:var(--components-activityFeed-content-update-display);align-items:center;gap:var(--pr-t-spacings-100)}.activityFeed-content-update-before,.activityFeed-content-update-after{display:flex}.activityFeed-content-update-before:empty,.activityFeed-content-update-after:empty{display:none}.activityFeed-content{margin-block-start:var(--pr-t-spacings-100);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);align-items:flex-start}.activityFeed-content:empty{display:none}}@layer mods{.activityFeed .readMore{--components-readMore-link-insetBlockEnd: 0;--components-readMore-link-backgroudColor: var(--pr-t-elevation-surface-sunken)}}@layer mods{.activityFeed-content>.button:only-child{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.activityFeed-content>.button:only-child:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.activityFeed-content>.button:only-child:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.activityFeed-content>.button:only-child:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.activityFeed-content>.button:only-child:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.activityFeed-step-avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.activityFeed-step-state.mod-success{--palettes-text: var(--palettes-success-text);--palettes-0: var(--palettes-success-0);--palettes-25: var(--palettes-success-25);--palettes-50: var(--palettes-success-50);--palettes-100: var(--palettes-success-100);--palettes-200: var(--palettes-success-200);--palettes-300: var(--palettes-success-300);--palettes-400: var(--palettes-success-400);--palettes-500: var(--palettes-success-500);--palettes-600: var(--palettes-success-600);--palettes-700: var(--palettes-success-700);--palettes-800: var(--palettes-success-800);--palettes-900: var(--palettes-success-900)}.activityFeed-step-state.mod-success:before{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none}.activityFeed-step-state.mod-critical{--palettes-text: var(--palettes-critical-text);--palettes-0: var(--palettes-critical-0);--palettes-25: var(--palettes-critical-25);--palettes-50: var(--palettes-critical-50);--palettes-100: var(--palettes-critical-100);--palettes-200: var(--palettes-critical-200);--palettes-300: var(--palettes-critical-300);--palettes-400: var(--palettes-critical-400);--palettes-500: var(--palettes-critical-500);--palettes-600: var(--palettes-critical-600);--palettes-700: var(--palettes-critical-700);--palettes-800: var(--palettes-critical-800);--palettes-900: var(--palettes-critical-900)}.activityFeed-step-state.mod-critical:before{--icon-content: \"\\e9bf\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none}.activityFeed-content-update:has(.activityFeed-content-update-before:empty,.activityFeed-content-update-after:empty){--components-activityFeed-content-update-icon-display: none}.activityFeed-content-update:has(.activityFeed-content-update-before:empty):has(.activityFeed-content-update-after:empty){--components-activityFeed-content-update-display: none}.activityFeed-step.mod-pending{--components-activityFeed-step-description-alignSelf: center;--components-activityFeed-step-description-fontStyle: italic;--components-activityFeed-step-description-color: var(--pr-t-color-text-subtle);--components-activityFeed-step-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.activityFeed-step:has(.activityFeed-content>.button:only-child){--components-activityFeed-step-before-insetBlockStart: var(--pr-t-spacings-700)}}lu-activity-feed{display:contents}\n"] }]
112
117
  }] });
@@ -115,5 +120,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
115
120
  * Generated bundle index. Do not edit.
116
121
  */
117
122
 
118
- export { ActivityFeedComponent, ActivityFeedStepComponent, ActivityFeedUpdateComponent };
123
+ export { ACTIVITY_FEED_STEP_STATUS, ActivityFeedComponent, ActivityFeedStepComponent, ActivityFeedUpdateComponent };
119
124
  //# sourceMappingURL=lucca-front-ng-activity-feed.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"lucca-front-ng-activity-feed.mjs","sources":["../../../packages/ng/activity-feed/translations.ts","../../../packages/ng/activity-feed/activity-feed.translate.ts","../../../packages/ng/activity-feed/activity-feed-step/activity-feed-step.component.ts","../../../packages/ng/activity-feed/activity-feed-step/activity-feed-step.component.html","../../../packages/ng/activity-feed/activity-feed-update/activity-feed-update.component.ts","../../../packages/ng/activity-feed/activity-feed-update/activity-feed-update.component.html","../../../packages/ng/activity-feed/activity-feed.component.ts","../../../packages/ng/activity-feed/activity-feed.component.html","../../../packages/ng/activity-feed/lucca-front-ng-activity-feed.ts"],"sourcesContent":["export const Translations = {\n\t'nl-BE': {\n\t\treplaceByAlt: 'is vervangen door',\n\t},\n\tfr: {\n\t\treplaceByAlt: 'à été remplacé par',\n\t},\n\tde: {\n\t\treplaceByAlt: 'wurde ersetzt durch',\n\t},\n\ten: {\n\t\treplaceByAlt: 'has been replaced by',\n\t},\n\tes: {\n\t\treplaceByAlt: 'ha sido sustituido por',\n\t},\n\tit: {\n\t\treplaceByAlt: 'è stato sostituito da',\n\t},\n\tnl: {\n\t\treplaceByAlt: 'is vervangen door',\n\t},\n\tpt: {\n\t\treplaceByAlt: 'foi substituído por',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_ACTIVITY_FEED_TRANSLATIONS = new InjectionToken('luActivityFeedTranslations', {\n\tfactory: () => luActivityFeedTranslations,\n});\n\nexport interface ActivityFeedTranslate {\n\treplaceByAlt: string;\n}\n\nexport const luActivityFeedTranslations: LuTranslation<ActivityFeedTranslate> = Translations;\n","import { DatePipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, inject, input, LOCALE_ID, ViewEncapsulation } from '@angular/core';\nimport { intlInputOptions, PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { ILuUser, LuUserPictureComponent } from '@lucca-front/ng/user';\nimport { LU_ACTIVITY_FEED_TRANSLATIONS } from '../activity-feed.translate';\n\n@Component({\n\tselector: 'lu-activity-feed-step',\n\ttemplateUrl: './activity-feed-step.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [LuUserPictureComponent, DatePipe, PortalDirective],\n\thost: {\n\t\trole: 'listitem',\n\t\tclass: 'activityFeed-step',\n\t\t'[class.mod-pending]': 'status() === \"pending\"',\n\t},\n})\nexport class ActivityFeedStepComponent {\n\treadonly intl = input(...intlInputOptions(LU_ACTIVITY_FEED_TRANSLATIONS));\n\t#locale = inject(LOCALE_ID);\n\t#intlDateTimeFormat = new Intl.DateTimeFormat(this.#locale, {\n\t\tweekday: 'long',\n\t\tyear: 'numeric',\n\t\tmonth: 'short',\n\t\tday: 'numeric',\n\t\thour: 'numeric',\n\t\tminute: 'numeric',\n\t});\n\n\treadonly label = input<PortalContent | null>(null);\n\n\treadonly user = input<ILuUser | null>(null);\n\n\treadonly status = input<'success' | 'critical' | 'pending' | null>(null);\n\n\treadonly date = input<Date | string | null>(null);\n\n\tprotected readonly preparedDate = computed(() => {\n\t\tconst date = this.date();\n\t\tif (typeof date === 'string') {\n\t\t\treturn new Date(date);\n\t\t}\n\t\treturn date;\n\t});\n\n\t/**\n\t * format given to the date pipe for display.\n\t *\n\t * See https://angular.dev/api/common/DatePipe#custom-format-options\n\t */\n\treadonly datePipeFormat = input<string>();\n\n\tprotected readonly dateDisplay = computed<string | null>(() => {\n\t\tconst date = this.preparedDate();\n\t\tif (!date) {\n\t\t\treturn null;\n\t\t}\n\t\treturn this.#intlDateTimeFormat.format(date);\n\t});\n}\n","@if (status() === \"critical\" || status() === \"success\") {\n\t<div class=\"activityFeed-step-state\" [class.mod-critical]=\"status() === 'critical'\" [class.mod-success]=\"status() === 'success'\"></div>\n} @else {\n\t@if (user()) {\n\t\t<div class=\"activityFeed-step-avatar\">\n\t\t\t<lu-user-picture size=\"S\" [user]=\"user()\" />\n\t\t</div>\n\t}\n}\n<div class=\"activityFeed-step-description\">\n\t@if (label()) {\n\t\t<p class=\"activityFeed-step-description-content\">\n\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t</p>\n\t}\n\t@if (date()) {\n\t\t<time class=\"comment-infos-date activityFeed-step-description-time\" [attr.datetime]=\"preparedDate().toISOString()\">\n\t\t\t@if (datePipeFormat()) {\n\t\t\t\t{{ date() | date: datePipeFormat() }}\n\t\t\t} @else {\n\t\t\t\t{{ dateDisplay() }}\n\t\t\t}\n\t\t</time>\n\t}\n\t<div class=\"activityFeed-content\">\n\t\t<ng-content />\n\t</div>\n</div>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\nimport { intlInputOptions } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca/prisme/icon';\nimport { LU_ACTIVITY_FEED_TRANSLATIONS } from '../activity-feed.translate';\n\n@Component({\n\tselector: 'lu-activity-feed-update',\n\ttemplateUrl: './activity-feed-update.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [IconComponent, NgTemplateOutlet],\n\thost: {\n\t\tclass: 'activityFeed-content-update',\n\t},\n})\nexport class ActivityFeedUpdateComponent {\n\treadonly intl = input(...intlInputOptions(LU_ACTIVITY_FEED_TRANSLATIONS));\n}\n","<div class=\"activityFeed-content-update-before\">\n\t<ng-container *ngTemplateOutlet=\"content\" />\n</div>\n<lu-icon class=\"activityFeed-content-update-icon\" size=\"XS\" icon=\"arrowRight\" [alt]=\"intl().replaceByAlt\" />\n<div class=\"activityFeed-content-update-after\">\n\t<ng-content select=\"[activityFeedUpdateAfter]\" />\n</div>\n\n<ng-template #content>\n\t<ng-content select=\"[activityFeedUpdateBefore]\" />\n</ng-template>\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-activity-feed',\n\tstyleUrl: './activity-feed.component.scss',\n\ttemplateUrl: './activity-feed.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ActivityFeedComponent {}\n","<ol class=\"activityFeed\">\n\t<ng-content />\n</ol>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"lucca-front-ng-activity-feed.mjs","sources":["../../../packages/ng/activity-feed/activity-feed-step.type.ts","../../../packages/ng/activity-feed/translations.ts","../../../packages/ng/activity-feed/activity-feed.translate.ts","../../../packages/ng/activity-feed/activity-feed-step/activity-feed-step.component.ts","../../../packages/ng/activity-feed/activity-feed-step/activity-feed-step.component.html","../../../packages/ng/activity-feed/activity-feed-update/activity-feed-update.component.ts","../../../packages/ng/activity-feed/activity-feed-update/activity-feed-update.component.html","../../../packages/ng/activity-feed/activity-feed.component.ts","../../../packages/ng/activity-feed/activity-feed.component.html","../../../packages/ng/activity-feed/lucca-front-ng-activity-feed.ts"],"sourcesContent":["/**\n * Available ActivityFeedComponent Types\n */\n\nexport const ACTIVITY_FEED_STEP_STATUS = ['success', 'critical', 'pending'] as const;\nexport type ActivityFeedStepStatus = (typeof ACTIVITY_FEED_STEP_STATUS)[number];\n","export const Translations = {\n\t'nl-BE': {\n\t\treplaceByAlt: 'is vervangen door',\n\t},\n\tfr: {\n\t\treplaceByAlt: 'à été remplacé par',\n\t},\n\tde: {\n\t\treplaceByAlt: 'wurde ersetzt durch',\n\t},\n\ten: {\n\t\treplaceByAlt: 'was replaced by',\n\t},\n\tes: {\n\t\treplaceByAlt: 'se ha sustituido por',\n\t},\n\tit: {\n\t\treplaceByAlt: 'è stato sostituito da',\n\t},\n\tnl: {\n\t\treplaceByAlt: 'is vervangen door',\n\t},\n\tpt: {\n\t\treplaceByAlt: 'foi substituído por',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_ACTIVITY_FEED_TRANSLATIONS = new InjectionToken('luActivityFeedTranslations', {\n\tfactory: () => luActivityFeedTranslations,\n});\n\nexport interface ActivityFeedTranslate {\n\treplaceByAlt: string;\n}\n\nexport const luActivityFeedTranslations: LuTranslation<ActivityFeedTranslate> = Translations;\n","import { DatePipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, inject, input, LOCALE_ID, ViewEncapsulation } from '@angular/core';\nimport { intlInputOptions, PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { ILuUser, LuUserPictureComponent } from '@lucca-front/ng/user';\nimport { ActivityFeedStepStatus } from '../activity-feed-step.type';\nimport { LU_ACTIVITY_FEED_TRANSLATIONS } from '../activity-feed.translate';\n\n@Component({\n\tselector: 'lu-activity-feed-step',\n\ttemplateUrl: './activity-feed-step.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [LuUserPictureComponent, DatePipe, PortalDirective],\n\thost: {\n\t\trole: 'listitem',\n\t\tclass: 'activityFeed-step',\n\t\t'[class.mod-pending]': 'status() === \"pending\"',\n\t},\n})\nexport class ActivityFeedStepComponent {\n\treadonly intl = input(...intlInputOptions(LU_ACTIVITY_FEED_TRANSLATIONS));\n\t#locale = inject(LOCALE_ID);\n\t#intlDateTimeFormat = new Intl.DateTimeFormat(this.#locale, {\n\t\tweekday: 'long',\n\t\tyear: 'numeric',\n\t\tmonth: 'short',\n\t\tday: 'numeric',\n\t\thour: 'numeric',\n\t\tminute: 'numeric',\n\t});\n\n\treadonly label = input<PortalContent | null>(null);\n\n\treadonly user = input<ILuUser | null>(null);\n\n\treadonly status = input<ActivityFeedStepStatus | null>(null);\n\n\treadonly date = input<Date | string | null>(null);\n\n\tprotected readonly preparedDate = computed(() => {\n\t\tconst date = this.date();\n\t\tif (typeof date === 'string') {\n\t\t\treturn new Date(date);\n\t\t}\n\t\treturn date;\n\t});\n\n\t/**\n\t * format given to the date pipe for display.\n\t *\n\t * See https://angular.dev/api/common/DatePipe#custom-format-options\n\t */\n\treadonly datePipeFormat = input<string>();\n\n\tprotected readonly dateDisplay = computed<string | null>(() => {\n\t\tconst date = this.preparedDate();\n\t\tif (!date) {\n\t\t\treturn null;\n\t\t}\n\t\treturn this.#intlDateTimeFormat.format(date);\n\t});\n}\n","@if (status() === \"critical\" || status() === \"success\") {\n\t<div class=\"activityFeed-step-state\" [class.mod-critical]=\"status() === 'critical'\" [class.mod-success]=\"status() === 'success'\"></div>\n} @else {\n\t@if (user()) {\n\t\t<div class=\"activityFeed-step-avatar\">\n\t\t\t<lu-user-picture size=\"S\" [user]=\"user()\" />\n\t\t</div>\n\t}\n}\n<div class=\"activityFeed-step-description\">\n\t@if (label()) {\n\t\t<p class=\"activityFeed-step-description-content\">\n\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t</p>\n\t}\n\t@if (date()) {\n\t\t<time class=\"comment-infos-date activityFeed-step-description-time\" [attr.datetime]=\"preparedDate().toISOString()\">\n\t\t\t@if (datePipeFormat()) {\n\t\t\t\t{{ date() | date: datePipeFormat() }}\n\t\t\t} @else {\n\t\t\t\t{{ dateDisplay() }}\n\t\t\t}\n\t\t</time>\n\t}\n\t<div class=\"activityFeed-content\">\n\t\t<ng-content />\n\t</div>\n</div>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\nimport { intlInputOptions } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca/prisme/icon';\nimport { LU_ACTIVITY_FEED_TRANSLATIONS } from '../activity-feed.translate';\n\n@Component({\n\tselector: 'lu-activity-feed-update',\n\ttemplateUrl: './activity-feed-update.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [IconComponent, NgTemplateOutlet],\n\thost: {\n\t\tclass: 'activityFeed-content-update',\n\t},\n})\nexport class ActivityFeedUpdateComponent {\n\treadonly intl = input(...intlInputOptions(LU_ACTIVITY_FEED_TRANSLATIONS));\n}\n","<div class=\"activityFeed-content-update-before\">\n\t<ng-container *ngTemplateOutlet=\"content\" />\n</div>\n<lu-icon class=\"activityFeed-content-update-icon\" size=\"XS\" icon=\"arrowRight\" [alt]=\"intl().replaceByAlt\" />\n<div class=\"activityFeed-content-update-after\">\n\t<ng-content select=\"[activityFeedUpdateAfter]\" />\n</div>\n\n<ng-template #content>\n\t<ng-content select=\"[activityFeedUpdateBefore]\" />\n</ng-template>\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-activity-feed',\n\tstyleUrl: './activity-feed.component.scss',\n\ttemplateUrl: './activity-feed.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ActivityFeedComponent {}\n","<ol class=\"activityFeed\">\n\t<ng-content />\n</ol>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -13,6 +13,11 @@ import { ALuSelectInputComponent } from '@lucca-front/ng/select';
13
13
  import { AsyncPipe } from '@angular/common';
14
14
  import * as i1$2 from '@angular/cdk/overlay';
15
15
 
16
+ /**
17
+ * Available API select Types
18
+ */
19
+ const API_SELECT_STANDARD = ['v3', 'v4'];
20
+
16
21
  class ALuApiService {
17
22
  }
18
23
 
@@ -76,10 +81,10 @@ class LuApiV3Service extends ALuApiService {
76
81
  const urlSafeClue = encodeURIComponent(clue);
77
82
  return `name=like,${urlSafeClue}`;
78
83
  }
79
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiV3Service, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
80
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiV3Service }); }
84
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiV3Service, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
85
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiV3Service }); }
81
86
  }
82
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiV3Service, decorators: [{
87
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiV3Service, decorators: [{
83
88
  type: Injectable
84
89
  }], ctorParameters: () => [{ type: i1.HttpClient }] });
85
90
 
@@ -142,10 +147,10 @@ class LuApiV4Service extends ALuApiService {
142
147
  const url = [this._api, query.join('&')].join('?');
143
148
  return this._http.get(url).pipe(map((res) => res.count));
144
149
  }
145
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiV4Service, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
146
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiV4Service }); }
150
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiV4Service, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
151
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiV4Service }); }
147
152
  }
148
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiV4Service, decorators: [{
153
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiV4Service, decorators: [{
149
154
  type: Injectable
150
155
  }], ctorParameters: () => [{ type: i1.HttpClient }] });
151
156
 
@@ -201,10 +206,10 @@ class LuApiHybridService extends ALuApiService {
201
206
  searchPaged(clue, page, filters = []) {
202
207
  return this._service.searchPaged(clue, page, filters);
203
208
  }
204
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiHybridService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
205
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiHybridService }); }
209
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiHybridService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
210
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiHybridService }); }
206
211
  }
207
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiHybridService, decorators: [{
212
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiHybridService, decorators: [{
208
213
  type: Injectable
209
214
  }], ctorParameters: () => [{ type: i1.HttpClient }] });
210
215
 
@@ -241,8 +246,8 @@ class LuApiFeederComponent extends ALuApiOptionFeeder {
241
246
  set sort(sort) {
242
247
  this._service.sort = sort;
243
248
  }
244
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiFeederComponent, deps: [{ token: ALuApiService, optional: true, skipSelf: true }, { token: ALuApiService, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
245
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: LuApiFeederComponent, isStandalone: true, selector: "lu-api-feeder", inputs: { standard: "standard", api: "api", fields: "fields", filters: "filters", orderBy: "orderBy", sort: "sort" }, providers: [
249
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiFeederComponent, deps: [{ token: ALuApiService, optional: true, skipSelf: true }, { token: ALuApiService, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
250
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: LuApiFeederComponent, isStandalone: true, selector: "lu-api-feeder", inputs: { standard: "standard", api: "api", fields: "fields", filters: "filters", orderBy: "orderBy", sort: "sort" }, providers: [
246
251
  {
247
252
  provide: ALuOptionOperator,
248
253
  useExisting: forwardRef(() => LuApiFeederComponent),
@@ -259,7 +264,7 @@ class LuApiFeederComponent extends ALuApiOptionFeeder {
259
264
  },
260
265
  ], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
261
266
  }
262
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiFeederComponent, decorators: [{
267
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiFeederComponent, decorators: [{
263
268
  type: Component,
264
269
  args: [{
265
270
  selector: 'lu-api-feeder',
@@ -408,8 +413,8 @@ class LuApiSearcherComponent extends ALuApiOptionSearcher {
408
413
  resetClue() {
409
414
  this.clueControl.setValue('');
410
415
  }
411
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiSearcherComponent, deps: [{ token: ALuApiService, optional: true, skipSelf: true }, { token: ALuApiService, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
412
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: LuApiSearcherComponent, isStandalone: true, selector: "lu-api-searcher", inputs: { standard: "standard", api: "api", fields: "fields", filters: "filters", orderBy: "orderBy", sort: "sort", debounceTime: "debounceTime" }, providers: [
416
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiSearcherComponent, deps: [{ token: ALuApiService, optional: true, skipSelf: true }, { token: ALuApiService, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
417
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: LuApiSearcherComponent, isStandalone: true, selector: "lu-api-searcher", inputs: { standard: "standard", api: "api", fields: "fields", filters: "filters", orderBy: "orderBy", sort: "sort", debounceTime: "debounceTime" }, providers: [
413
418
  {
414
419
  provide: ALuOptionOperator,
415
420
  useExisting: forwardRef(() => LuApiSearcherComponent),
@@ -426,7 +431,7 @@ class LuApiSearcherComponent extends ALuApiOptionSearcher {
426
431
  },
427
432
  ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\n\t<input #searchInput class=\"textfield-input\" maxlength=\"100\" [formControl]=\"clueControl\" />\n</div>\n@if ((empty$ | async) && (loading$ | async) === false) {\n\t<lu-option-placeholder (onClear)=\"resetClue()\" />\n}\n", styles: ["@layer base{:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}}@layer reset,base,components,mods,product,utils;@layer mods{.textfield.mod-search{inline-size:100%}.textfield-input{outline:none}.checkbox.mod-formerEmployee{padding-block:var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-block-end:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-neutral-50);font-style:italic}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: LuOptionPlaceholderComponent, selector: "lu-option-placeholder", inputs: ["intl"], outputs: ["onClear"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
428
433
  }
429
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiSearcherComponent, decorators: [{
434
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiSearcherComponent, decorators: [{
430
435
  type: Component,
431
436
  args: [{ selector: 'lu-api-searcher', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, ReactiveFormsModule, LuOptionPlaceholderComponent], providers: [
432
437
  {
@@ -509,8 +514,8 @@ class LuApiPagedSearcherComponent extends ALuApiOptionPagedSearcher {
509
514
  resetClue() {
510
515
  this.clueControl.reset('');
511
516
  }
512
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiPagedSearcherComponent, deps: [{ token: ALuApiService, optional: true, skipSelf: true }, { token: ALuApiService, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
513
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: LuApiPagedSearcherComponent, isStandalone: true, selector: "lu-api-paged-searcher", inputs: { standard: "standard", api: "api", fields: "fields", filters: "filters", orderBy: "orderBy", sort: "sort", debounceTime: "debounceTime" }, providers: [
517
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiPagedSearcherComponent, deps: [{ token: ALuApiService, optional: true, skipSelf: true }, { token: ALuApiService, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
518
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: LuApiPagedSearcherComponent, isStandalone: true, selector: "lu-api-paged-searcher", inputs: { standard: "standard", api: "api", fields: "fields", filters: "filters", orderBy: "orderBy", sort: "sort", debounceTime: "debounceTime" }, providers: [
514
519
  {
515
520
  provide: ALuOptionOperator,
516
521
  useExisting: forwardRef(() => LuApiPagedSearcherComponent),
@@ -537,7 +542,7 @@ class LuApiPagedSearcherComponent extends ALuApiOptionPagedSearcher {
537
542
  },
538
543
  ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\n\t<input #searchInput class=\"textfield-input\" maxlength=\"100\" [formControl]=\"clueControl\" />\n</div>\n@if ((empty$ | async) && (loading$ | async) === false) {\n\t<lu-option-placeholder (onClear)=\"resetClue()\" />\n}\n", styles: ["@layer base{:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}}@layer reset,base,components,mods,product,utils;@layer mods{.textfield.mod-search{inline-size:100%}.textfield-input{outline:none}.checkbox.mod-formerEmployee{padding-block:var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-block-end:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-neutral-50);font-style:italic}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: LuOptionPlaceholderComponent, selector: "lu-option-placeholder", inputs: ["intl"], outputs: ["onClear"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
539
544
  }
540
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiPagedSearcherComponent, decorators: [{
545
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiPagedSearcherComponent, decorators: [{
541
546
  type: Component,
542
547
  args: [{ selector: 'lu-api-paged-searcher', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, ReactiveFormsModule, LuOptionPlaceholderComponent], providers: [
543
548
  {
@@ -600,11 +605,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
600
605
  * @deprecated use `LuApiPagedSearcherComponent, LuApiSearcherComponent` instead
601
606
  */
602
607
  class LuApiSearcherModule {
603
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiSearcherModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
604
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuApiSearcherModule, imports: [LuApiPagedSearcherComponent, LuApiSearcherComponent], exports: [LuApiPagedSearcherComponent, LuApiSearcherComponent] }); }
605
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiSearcherModule, imports: [LuApiPagedSearcherComponent, LuApiSearcherComponent] }); }
608
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiSearcherModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
609
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: LuApiSearcherModule, imports: [LuApiPagedSearcherComponent, LuApiSearcherComponent], exports: [LuApiPagedSearcherComponent, LuApiSearcherComponent] }); }
610
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiSearcherModule, imports: [LuApiPagedSearcherComponent, LuApiSearcherComponent] }); }
606
611
  }
607
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiSearcherModule, decorators: [{
612
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiSearcherModule, decorators: [{
608
613
  type: NgModule,
609
614
  args: [{
610
615
  imports: [LuApiPagedSearcherComponent, LuApiSearcherComponent],
@@ -623,8 +628,8 @@ class LuApiSelectInputComponent extends ALuSelectInputComponent {
623
628
  this.standard = 'v3';
624
629
  this.byId = (option1, option2) => option1 && option2 && option1.id === option2.id;
625
630
  }
626
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiSelectInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
627
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: LuApiSelectInputComponent, isStandalone: true, selector: "lu-api-select", inputs: { standard: "standard", api: "api", fields: "fields", filters: "filters", orderBy: "orderBy", sort: "sort" }, providers: [
631
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiSelectInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
632
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: LuApiSelectInputComponent, isStandalone: true, selector: "lu-api-select", inputs: { standard: "standard", api: "api", fields: "fields", filters: "filters", orderBy: "orderBy", sort: "sort" }, providers: [
628
633
  {
629
634
  provide: NG_VALUE_ACCESSOR,
630
635
  useExisting: forwardRef(() => LuApiSelectInputComponent),
@@ -632,7 +637,7 @@ class LuApiSelectInputComponent extends ALuSelectInputComponent {
632
637
  },
633
638
  ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\n<div class=\"lu-select-value\">\n\t<div class=\"lu-select-display-wrapper\">\n\t\t<ng-container #display />\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-clear />\n</div>\n<span [class.chip]=\"multiple\" *luDisplayer=\"let option\"\n\t><span class=\"pr-u-ellipsis\">{{ option.name }}</span></span\n>\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-api-paged-searcher [standard]=\"standard\" [api]=\"api\" [fields]=\"fields\" [filters]=\"filters\" [orderBy]=\"orderBy\" [sort]=\"sort\" />\n\t</header>\n\t<div class=\"lu-picker-content-option\">\n\t\t<lu-option *luForOptions=\"let option\" [value]=\"option\">{{ option.name }}</lu-option>\n\t</div>\n</lu-option-picker-advanced>\n", styles: ["@charset \"UTF-8\";@layer base{:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}}@layer reset,base,components,mods,product,utils;@layer components{:host{--components-select-input-padding-horizontal: var(--pr-t-spacings-100);--components-select-input-padding-vertical: var(--pr-t-spacings-100);--components-select-framed-color: var(--palettes-neutral-500);--components-select-framed-color50: var(--palettes-neutral-50);--components-select-framed-see-through: var(--palettes-neutral-50);--components-select-framed-text: var(--pr-t-color-text);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--pr-t-spacings-200);--components-select-framed-top-padding: var(--pr-t-spacings-400);--components-select-framed-bottom-padding: var(--pr-t-spacings-200);--components-select-framed-label-top-offset: var(--pr-t-spacings-100);cursor:pointer;outline:none;padding:0;gap:0}:host:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);inset-block-end:var(--components-select-input-padding-vertical);font-size:var(--pr-t-font-body-M-lineHeight);line-height:var(--pr-t-font-body-M-lineHeight);pointer-events:none;position:absolute;inset-inline-end:var(--components-select-input-padding-horizontal);transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}}@layer components{.lu-select-display-wrapper{display:block;inline-size:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lu-select-value{font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-neutral-400);font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;inset-block-end:var(--pr-t-spacings-150);inset-inline-end:2.5rem}::ng-deep .lu-select-value .chip{display:inline-flex;max-inline-size:100%;margin-block:0 var(--pr-t-spacings-50);margin-inline:0 var(--pr-t-spacings-50);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}@layer mods{:host-context(.textfield.mod-S){padding:0}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-XS-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{inset-block-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-S):after{line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{inset-block-end:.5rem;inset-inline-end:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{block-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-XS-fontSize);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .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)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding-block:var(--components-select-framed-top-padding) 0;padding-inline:0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-neutral-500);inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400);padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;block-size:auto;padding-block-start:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}:host-context(.textfield.mod-material):after{color:var(--palettes-neutral-500);inset-block-end:.6rem;inset-inline-end:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-inline:0 .8rem}:host-context(.textfield.mod-material) .lu-select-suffix{inset-inline-end:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{inset-block-end:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{inset-inline-end:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple) .lu-select-value{block-size:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-block-end:calc(var(--pr-t-spacings-50) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-neutral-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(180deg)}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}}\n"], dependencies: [{ kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "component", type: LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { kind: "component", type: LuApiPagedSearcherComponent, selector: "lu-api-paged-searcher", inputs: ["standard", "api", "fields", "filters", "orderBy", "sort", "debounceTime"] }, { kind: "component", type: LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }, { kind: "directive", type: LuForOptionsDirective, selector: "[luForOptions]", inputs: ["luForOptionsTrackBy"] }, { kind: "directive", type: LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
634
639
  }
635
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiSelectInputComponent, decorators: [{
640
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiSelectInputComponent, decorators: [{
636
641
  type: Component,
637
642
  args: [{ selector: 'lu-api-select', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ClearComponent, LuOptionPickerAdvancedComponent, LuApiPagedSearcherComponent, LuOptionItemComponent, LuForOptionsDirective, LuInputDisplayerDirective], providers: [
638
643
  {
@@ -659,11 +664,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
659
664
  * @deprecated use `LuApiSelectInputComponent` instead
660
665
  */
661
666
  class LuApiSelectInputModule {
662
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiSelectInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
663
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuApiSelectInputModule, imports: [LuApiSelectInputComponent], exports: [LuApiSelectInputComponent] }); }
664
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiSelectInputModule, imports: [LuApiSelectInputComponent] }); }
667
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiSelectInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
668
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: LuApiSelectInputModule, imports: [LuApiSelectInputComponent], exports: [LuApiSelectInputComponent] }); }
669
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiSelectInputModule, imports: [LuApiSelectInputComponent] }); }
665
670
  }
666
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiSelectInputModule, decorators: [{
671
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiSelectInputModule, decorators: [{
667
672
  type: NgModule,
668
673
  args: [{
669
674
  imports: [LuApiSelectInputComponent],
@@ -747,8 +752,8 @@ class LuApiPagerComponent extends ALuApiOptionPager {
747
752
  ngOnInit() {
748
753
  super.init();
749
754
  }
750
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiPagerComponent, deps: [{ token: ALuApiService, optional: true, skipSelf: true }, { token: ALuApiService, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
751
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: LuApiPagerComponent, isStandalone: true, selector: "lu-api-pager", inputs: { standard: "standard", api: "api", fields: "fields", filters: "filters", orderBy: "orderBy" }, providers: [
755
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiPagerComponent, deps: [{ token: ALuApiService, optional: true, skipSelf: true }, { token: ALuApiService, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
756
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: LuApiPagerComponent, isStandalone: true, selector: "lu-api-pager", inputs: { standard: "standard", api: "api", fields: "fields", filters: "filters", orderBy: "orderBy" }, providers: [
752
757
  {
753
758
  provide: ALuOptionOperator,
754
759
  useExisting: forwardRef(() => LuApiPagerComponent),
@@ -770,7 +775,7 @@ class LuApiPagerComponent extends ALuApiOptionPager {
770
775
  },
771
776
  ], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
772
777
  }
773
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiPagerComponent, decorators: [{
778
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiPagerComponent, decorators: [{
774
779
  type: Component,
775
780
  args: [{
776
781
  selector: 'lu-api-pager',
@@ -826,11 +831,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
826
831
  * @deprecated use `LuApiFeederComponent, LuApiPagedSearcherComponent, LuApiSearcherComponent, LuApiPagerComponent, LuApiSelectInputComponent` instead
827
832
  */
828
833
  class LuApiSelectModule {
829
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
830
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuApiSelectModule, imports: [LuApiFeederComponent, LuApiPagedSearcherComponent, LuApiSearcherComponent, LuApiPagerComponent, LuApiSelectInputComponent], exports: [LuApiFeederComponent, LuApiPagedSearcherComponent, LuApiSearcherComponent, LuApiPagerComponent, LuApiSelectInputComponent] }); }
831
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiSelectModule, imports: [LuApiPagedSearcherComponent, LuApiSearcherComponent, LuApiSelectInputComponent] }); }
834
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
835
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: LuApiSelectModule, imports: [LuApiFeederComponent, LuApiPagedSearcherComponent, LuApiSearcherComponent, LuApiPagerComponent, LuApiSelectInputComponent], exports: [LuApiFeederComponent, LuApiPagedSearcherComponent, LuApiSearcherComponent, LuApiPagerComponent, LuApiSelectInputComponent] }); }
836
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiSelectModule, imports: [LuApiPagedSearcherComponent, LuApiSearcherComponent, LuApiSelectInputComponent] }); }
832
837
  }
833
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiSelectModule, decorators: [{
838
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiSelectModule, decorators: [{
834
839
  type: NgModule,
835
840
  args: [{
836
841
  imports: [LuApiFeederComponent, LuApiPagedSearcherComponent, LuApiSearcherComponent, LuApiPagerComponent, LuApiSelectInputComponent],
@@ -842,11 +847,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
842
847
  * @deprecated use `LuApiFeederComponent, LuApiPagedSearcherComponent, LuApiSearcherComponent, LuApiPagerComponent, LuApiSelectInputComponent` instead
843
848
  */
844
849
  class LuApiModule {
845
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
846
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuApiModule, imports: [LuApiSelectModule], exports: [LuApiSelectModule] }); }
847
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiModule, imports: [LuApiSelectModule, LuApiSelectModule] }); }
850
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
851
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: LuApiModule, imports: [LuApiSelectModule], exports: [LuApiSelectModule] }); }
852
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiModule, imports: [LuApiSelectModule, LuApiSelectModule] }); }
848
853
  }
849
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuApiModule, decorators: [{
854
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuApiModule, decorators: [{
850
855
  type: NgModule,
851
856
  args: [{
852
857
  imports: [LuApiSelectModule],
@@ -858,5 +863,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
858
863
  * Generated bundle index. Do not edit.
859
864
  */
860
865
 
861
- export { ALuApiOptionFeeder, ALuApiOptionPagedSearcher, ALuApiOptionPager, ALuApiOptionSearcher, ALuApiService, LuApiFeederComponent, LuApiHybridService, LuApiModule, LuApiPagedSearcherComponent, LuApiPagerComponent, LuApiSearcherComponent, LuApiSearcherModule, LuApiSelectInputComponent, LuApiSelectInputModule, LuApiSelectModule, LuApiV3Service, LuApiV4Service };
866
+ export { ALuApiOptionFeeder, ALuApiOptionPagedSearcher, ALuApiOptionPager, ALuApiOptionSearcher, ALuApiService, API_SELECT_STANDARD, LuApiFeederComponent, LuApiHybridService, LuApiModule, LuApiPagedSearcherComponent, LuApiPagerComponent, LuApiSearcherComponent, LuApiSearcherModule, LuApiSelectInputComponent, LuApiSelectInputModule, LuApiSelectModule, LuApiV3Service, LuApiV4Service };
862
867
  //# sourceMappingURL=lucca-front-ng-api.mjs.map