@lucca-front/ng 20.3.3-rc.3 → 20.3.3-rc.4

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 (228) hide show
  1. package/callout/index.d.ts +2 -8
  2. package/chip/index.d.ts +2 -3
  3. package/core-select/department/index.d.ts +1 -1
  4. package/core-select/index.d.ts +10 -2
  5. package/data-table/index.d.ts +14 -46
  6. package/dropdown/index.d.ts +2 -1
  7. package/fesm2022/lucca-front-ng-a11y.mjs +32 -32
  8. package/fesm2022/lucca-front-ng-a11y.mjs.map +1 -1
  9. package/fesm2022/lucca-front-ng-animations.mjs.map +1 -1
  10. package/fesm2022/lucca-front-ng-api.mjs +59 -58
  11. package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
  12. package/fesm2022/lucca-front-ng-app-layout.mjs +6 -6
  13. package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
  14. package/fesm2022/lucca-front-ng-box.mjs +8 -8
  15. package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
  16. package/fesm2022/lucca-front-ng-breadcrumbs.mjs +14 -14
  17. package/fesm2022/lucca-front-ng-breadcrumbs.mjs.map +1 -1
  18. package/fesm2022/lucca-front-ng-button.mjs +7 -12
  19. package/fesm2022/lucca-front-ng-button.mjs.map +1 -1
  20. package/fesm2022/lucca-front-ng-callout.mjs +64 -116
  21. package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
  22. package/fesm2022/lucca-front-ng-chip.mjs +24 -28
  23. package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
  24. package/fesm2022/lucca-front-ng-comment.mjs +31 -31
  25. package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
  26. package/fesm2022/lucca-front-ng-container.mjs +8 -8
  27. package/fesm2022/lucca-front-ng-container.mjs.map +1 -1
  28. package/fesm2022/lucca-front-ng-core-select-api.mjs +16 -14
  29. package/fesm2022/lucca-front-ng-core-select-api.mjs.map +1 -1
  30. package/fesm2022/lucca-front-ng-core-select-department.mjs +18 -16
  31. package/fesm2022/lucca-front-ng-core-select-department.mjs.map +1 -1
  32. package/fesm2022/lucca-front-ng-core-select-establishment.mjs +22 -19
  33. package/fesm2022/lucca-front-ng-core-select-establishment.mjs.map +1 -1
  34. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +14 -12
  35. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs.map +1 -1
  36. package/fesm2022/lucca-front-ng-core-select-user.mjs +58 -55
  37. package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
  38. package/fesm2022/lucca-front-ng-core-select.mjs +130 -103
  39. package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
  40. package/fesm2022/lucca-front-ng-core.mjs +17 -15
  41. package/fesm2022/lucca-front-ng-core.mjs.map +1 -1
  42. package/fesm2022/lucca-front-ng-data-table.mjs +86 -219
  43. package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
  44. package/fesm2022/lucca-front-ng-date.mjs +97 -95
  45. package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
  46. package/fesm2022/lucca-front-ng-date2.mjs +134 -133
  47. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  48. package/fesm2022/lucca-front-ng-department.mjs +46 -46
  49. package/fesm2022/lucca-front-ng-department.mjs.map +1 -1
  50. package/fesm2022/lucca-front-ng-dialog.mjs +57 -52
  51. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  52. package/fesm2022/lucca-front-ng-divider.mjs +10 -10
  53. package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
  54. package/fesm2022/lucca-front-ng-dropdown.mjs +55 -48
  55. package/fesm2022/lucca-front-ng-dropdown.mjs.map +1 -1
  56. package/fesm2022/lucca-front-ng-empty-state.mjs +9 -13
  57. package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
  58. package/fesm2022/lucca-front-ng-establishment.mjs +71 -70
  59. package/fesm2022/lucca-front-ng-establishment.mjs.map +1 -1
  60. package/fesm2022/lucca-front-ng-fancy-box.mjs +4 -4
  61. package/fesm2022/lucca-front-ng-fancy-box.mjs.map +1 -1
  62. package/fesm2022/lucca-front-ng-file-upload.mjs +111 -111
  63. package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
  64. package/fesm2022/lucca-front-ng-filter-pills.mjs +81 -78
  65. package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
  66. package/fesm2022/lucca-front-ng-footer.mjs +10 -10
  67. package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
  68. package/fesm2022/lucca-front-ng-form-field.mjs +87 -87
  69. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  70. package/fesm2022/lucca-front-ng-formly.mjs +77 -78
  71. package/fesm2022/lucca-front-ng-formly.mjs.map +1 -1
  72. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +22 -21
  73. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
  74. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs.map +1 -1
  75. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +4 -4
  76. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs.map +1 -1
  77. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs.map +1 -1
  78. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +175 -159
  79. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  80. package/fesm2022/lucca-front-ng-forms.mjs +163 -176
  81. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  82. package/fesm2022/lucca-front-ng-gauge.mjs +20 -20
  83. package/fesm2022/lucca-front-ng-gauge.mjs.map +1 -1
  84. package/fesm2022/lucca-front-ng-grid.mjs +26 -25
  85. package/fesm2022/lucca-front-ng-grid.mjs.map +1 -1
  86. package/fesm2022/lucca-front-ng-highlight-data.mjs +20 -20
  87. package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
  88. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +13 -13
  89. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
  90. package/fesm2022/lucca-front-ng-icon.mjs +6 -6
  91. package/fesm2022/lucca-front-ng-icon.mjs.map +1 -1
  92. package/fesm2022/lucca-front-ng-inline-message.mjs +4 -4
  93. package/fesm2022/lucca-front-ng-inline-message.mjs.map +1 -1
  94. package/fesm2022/lucca-front-ng-input.mjs +59 -63
  95. package/fesm2022/lucca-front-ng-input.mjs.map +1 -1
  96. package/fesm2022/lucca-front-ng-link.mjs +26 -15
  97. package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
  98. package/fesm2022/lucca-front-ng-listbox.mjs +30 -30
  99. package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
  100. package/fesm2022/lucca-front-ng-listing.mjs +16 -16
  101. package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
  102. package/fesm2022/lucca-front-ng-loading.mjs +10 -10
  103. package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
  104. package/fesm2022/lucca-front-ng-main-layout.mjs +13 -12
  105. package/fesm2022/lucca-front-ng-main-layout.mjs.map +1 -1
  106. package/fesm2022/lucca-front-ng-mobile-push.mjs +31 -39
  107. package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
  108. package/fesm2022/lucca-front-ng-modal.mjs +50 -50
  109. package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
  110. package/fesm2022/lucca-front-ng-multi-select.mjs +249 -221
  111. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  112. package/fesm2022/lucca-front-ng-new-badge.mjs +4 -4
  113. package/fesm2022/lucca-front-ng-new-badge.mjs.map +1 -1
  114. package/fesm2022/lucca-front-ng-number-format.mjs +13 -11
  115. package/fesm2022/lucca-front-ng-number-format.mjs.map +1 -1
  116. package/fesm2022/lucca-front-ng-number.mjs +8 -7
  117. package/fesm2022/lucca-front-ng-number.mjs.map +1 -1
  118. package/fesm2022/lucca-front-ng-numeric-badge.mjs +10 -22
  119. package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
  120. package/fesm2022/lucca-front-ng-option.mjs +234 -227
  121. package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
  122. package/fesm2022/lucca-front-ng-page-header.mjs +10 -10
  123. package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
  124. package/fesm2022/lucca-front-ng-pagination.mjs +38 -38
  125. package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
  126. package/fesm2022/lucca-front-ng-plg-push.mjs +5 -54
  127. package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
  128. package/fesm2022/lucca-front-ng-popover.mjs +28 -26
  129. package/fesm2022/lucca-front-ng-popover.mjs.map +1 -1
  130. package/fesm2022/lucca-front-ng-popover2.mjs +33 -36
  131. package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
  132. package/fesm2022/lucca-front-ng-popup.mjs +10 -10
  133. package/fesm2022/lucca-front-ng-popup.mjs.map +1 -1
  134. package/fesm2022/lucca-front-ng-read-more.mjs +32 -32
  135. package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
  136. package/fesm2022/lucca-front-ng-safe-content.mjs +11 -10
  137. package/fesm2022/lucca-front-ng-safe-content.mjs.map +1 -1
  138. package/fesm2022/lucca-front-ng-scroll.mjs +8 -7
  139. package/fesm2022/lucca-front-ng-scroll.mjs.map +1 -1
  140. package/fesm2022/lucca-front-ng-scrollBox.mjs +66 -1
  141. package/fesm2022/lucca-front-ng-scrollBox.mjs.map +1 -1
  142. package/fesm2022/lucca-front-ng-segmentedControl.mjs +66 -1
  143. package/fesm2022/lucca-front-ng-segmentedControl.mjs.map +1 -1
  144. package/fesm2022/lucca-front-ng-segmentedControlTabs.mjs +93 -1
  145. package/fesm2022/lucca-front-ng-segmentedControlTabs.mjs.map +1 -1
  146. package/fesm2022/lucca-front-ng-select.mjs +20 -21
  147. package/fesm2022/lucca-front-ng-select.mjs.map +1 -1
  148. package/fesm2022/lucca-front-ng-sidepanel.mjs +7 -7
  149. package/fesm2022/lucca-front-ng-sidepanel.mjs.map +1 -1
  150. package/fesm2022/lucca-front-ng-simple-select.mjs +70 -75
  151. package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
  152. package/fesm2022/lucca-front-ng-skeleton.mjs +44 -44
  153. package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
  154. package/fesm2022/lucca-front-ng-statusBadge.mjs +29 -1
  155. package/fesm2022/lucca-front-ng-statusBadge.mjs.map +1 -1
  156. package/fesm2022/lucca-front-ng-tag.mjs +13 -35
  157. package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
  158. package/fesm2022/lucca-front-ng-time.mjs +120 -119
  159. package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
  160. package/fesm2022/lucca-front-ng-title.mjs +10 -10
  161. package/fesm2022/lucca-front-ng-title.mjs.map +1 -1
  162. package/fesm2022/lucca-front-ng-toast.mjs +23 -23
  163. package/fesm2022/lucca-front-ng-toast.mjs.map +1 -1
  164. package/fesm2022/lucca-front-ng-tooltip.mjs +33 -32
  165. package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
  166. package/fesm2022/lucca-front-ng-tree-select.mjs +21 -20
  167. package/fesm2022/lucca-front-ng-tree-select.mjs.map +1 -1
  168. package/fesm2022/lucca-front-ng-user-popover.mjs +26 -22
  169. package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
  170. package/fesm2022/lucca-front-ng-user.mjs +110 -109
  171. package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
  172. package/form-field/index.d.ts +6 -7
  173. package/forms/index.d.ts +1 -3
  174. package/forms/rich-text-input/index.d.ts +3 -1
  175. package/grid/index.d.ts +2 -2
  176. package/input/index.d.ts +17 -23
  177. package/link/index.d.ts +3 -0
  178. package/multi-select/index.d.ts +2 -1
  179. package/package.json +61 -109
  180. package/plg-push/index.d.ts +1 -13
  181. package/schematics/collection.json +0 -5
  182. package/schematics/lib/angular-component-ast.js +0 -29
  183. package/scrollBox/index.d.ts +19 -1
  184. package/segmentedControl/index.d.ts +28 -1
  185. package/segmentedControlTabs/index.d.ts +34 -1
  186. package/select/index.d.ts +4 -5
  187. package/simple-select/index.d.ts +2 -2
  188. package/statusBadge/index.d.ts +16 -1
  189. package/clear/index.d.ts +0 -30
  190. package/code/index.d.ts +0 -9
  191. package/fesm2022/lucca-front-ng-clear.mjs +0 -94
  192. package/fesm2022/lucca-front-ng-clear.mjs.map +0 -1
  193. package/fesm2022/lucca-front-ng-code.mjs +0 -21
  194. package/fesm2022/lucca-front-ng-code.mjs.map +0 -1
  195. package/fesm2022/lucca-front-ng-form-header.mjs +0 -23
  196. package/fesm2022/lucca-front-ng-form-header.mjs.map +0 -1
  197. package/fesm2022/lucca-front-ng-form.mjs +0 -24
  198. package/fesm2022/lucca-front-ng-form.mjs.map +0 -1
  199. package/fesm2022/lucca-front-ng-progress-bar.mjs +0 -28
  200. package/fesm2022/lucca-front-ng-progress-bar.mjs.map +0 -1
  201. package/fesm2022/lucca-front-ng-scroll-box.mjs +0 -46
  202. package/fesm2022/lucca-front-ng-scroll-box.mjs.map +0 -1
  203. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +0 -97
  204. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs.map +0 -1
  205. package/fesm2022/lucca-front-ng-segmented-control.mjs +0 -71
  206. package/fesm2022/lucca-front-ng-segmented-control.mjs.map +0 -1
  207. package/fesm2022/lucca-front-ng-sortable-list.mjs +0 -43
  208. package/fesm2022/lucca-front-ng-sortable-list.mjs.map +0 -1
  209. package/fesm2022/lucca-front-ng-status-badge.mjs +0 -34
  210. package/fesm2022/lucca-front-ng-status-badge.mjs.map +0 -1
  211. package/fesm2022/lucca-front-ng-table-of-content.mjs +0 -39
  212. package/fesm2022/lucca-front-ng-table-of-content.mjs.map +0 -1
  213. package/fesm2022/lucca-front-ng-vertical-navigation.mjs +0 -91
  214. package/fesm2022/lucca-front-ng-vertical-navigation.mjs.map +0 -1
  215. package/form/index.d.ts +0 -9
  216. package/form-header/index.d.ts +0 -9
  217. package/progress-bar/index.d.ts +0 -14
  218. package/schematics/lu-text-input/index.js +0 -24
  219. package/schematics/lu-text-input/migration.js +0 -104
  220. package/schematics/lu-text-input/migration.spec.js +0 -23
  221. package/schematics/lu-text-input/schema.json +0 -23
  222. package/scroll-box/index.d.ts +0 -15
  223. package/segmented-control/index.d.ts +0 -28
  224. package/segmented-control-tabs/index.d.ts +0 -34
  225. package/sortable-list/index.d.ts +0 -20
  226. package/status-badge/index.d.ts +0 -16
  227. package/table-of-content/index.d.ts +0 -16
  228. package/vertical-navigation/index.d.ts +0 -42
@@ -28,19 +28,15 @@ class EmptyStatePageComponent {
28
28
  this.contentBackgroundColor = 'var(--pr-t-elevation-surface-default)';
29
29
  this.hx = 1;
30
30
  }
31
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: EmptyStatePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
32
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: EmptyStatePageComponent, isStandalone: true, selector: "lu-empty-state-page", inputs: { icon: "icon", topRightBackground: "topRightBackground", topRightForeground: "topRightForeground", bottomLeftBackground: "bottomLeftBackground", bottomLeftForeground: "bottomLeftForeground", contentBackgroundColor: "contentBackgroundColor", slotTop: "slotTop", heading: "heading", description: "description", hx: ["hx", "hx", numberAttribute] }, host: { classAttribute: "emptyState-wrapper" }, ngImport: i0, template: "<section\n\tclass=\"emptyState mod-page\"\n\t[attr.role]=\"heading ? null : 'presentation'\"\n\t[style.--components-emptyState-background-color]=\"contentBackgroundColor\"\n\tstyle.--components-emptyState-illustration-background-bottom-left=\"url({{ bottomLeftBackground }})\"\n\tstyle.--components-emptyState-illustration-foreground-bottom-left=\"url({{ bottomLeftForeground }})\"\n\tstyle.--components-emptyState-illustration-background-top-right=\"url({{ topRightBackground }})\"\n\tstyle.--components-emptyState-illustration-foreground-top-right=\"url({{ topRightForeground }})\"\n>\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (icon) {\n\t\t\t\t<div class=\"emptyState-content-icon\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (slotTop) {\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<ng-container *luPortal=\"slotTop\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (heading) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx\" class=\"emptyState-content-heading\">{{ heading }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description) {\n\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t</p>\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: ["@layer components{.emptyState{--components-emptyState-container-maxWidth: calc(100vw - var(--commons-navSide-width) - 7rem);--components-emptyState-container-left: calc(var(--commons-navSide-width) + 3.5rem);--components-emptyState-background-color: var(--pr-t-elevation-surface-default);--components-emptyState-illustration-top-right-offset-left: min( calc(100% + 5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-illustration-top-right-offset-left-S: min( calc(100% + 3.5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--background-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--foreground-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--background-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--foreground-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);--components-emptyState-illustration-background-bottom-left: var(--background-left-01);--components-emptyState-illustration-foreground-bottom-left: var(--foreground-left-01);--components-emptyState-illustration-background-top-right: var(--background-right-01);--components-emptyState-illustration-foreground-top-right: var(--foreground-right-01);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-inline-size:var(--components-emptyState-container-maxWidth);inset-inline-start:var(--components-emptyState-container-left);padding:0;inline-size:100%;position:sticky}.container .emptyState-container{--components-emptyState-container-maxWidth: none;--components-emptyState-container-left: auto}.emptyState-content{border-radius:var(--pr-t-border-radius-structure);max-inline-size:100%;padding:var(--pr-t-spacings-50);inline-size:calc(25rem + var(--pr-t-spacings-50) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-product-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600));display:inline-flex;margin-block-end:var(--pr-t-spacings-200)}.emptyState-content-text{padding-inline:var(--pr-t-spacings-50)}.emptyState-content-heading{font:var(--pr-t-font-heading-3);margin-block-end:var(--pr-t-spacings-50)}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;align-items:center;margin-block-start:var(--pr-t-spacings-200);gap:var(--pr-t-spacings-200)}.emptyState-actions .button{margin:0}.emptyState-actions:empty{display:none}}@layer mods{.emptyState.mod-page{--components-emptyState-container-maxWidth: var(--commons-container-maxWidth);background-image:var(--components-emptyState-illustration-foreground-bottom-left),var(--components-emptyState-illustration-background-bottom-left),var(--components-emptyState-illustration-foreground-top-right),var(--components-emptyState-illustration-background-top-right);background-repeat:no-repeat;background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left),top left var(--components-emptyState-illustration-top-right-offset-left)}@media not all and (min-width: 50em){.emptyState.mod-page{background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left-S),top left var(--components-emptyState-illustration-top-right-offset-left-S);background-size:auto 10.875rem}}.emptyState.mod-page .emptyState-content{background-color:var(--components-emptyState-background-color);box-shadow:0 0 8px 4px var(--components-emptyState-background-color)}.emptyState.mod-page .emptyState-content-text{padding:0}.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-1)}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-2)}}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}.emptyState.mod-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}}@layer components{.emptyState-wrapper{display:flex;flex-direction:column;flex-grow:1}}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
31
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: EmptyStatePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
32
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: EmptyStatePageComponent, isStandalone: true, selector: "lu-empty-state-page", inputs: { icon: "icon", topRightBackground: "topRightBackground", topRightForeground: "topRightForeground", bottomLeftBackground: "bottomLeftBackground", bottomLeftForeground: "bottomLeftForeground", contentBackgroundColor: "contentBackgroundColor", slotTop: "slotTop", heading: "heading", description: "description", hx: ["hx", "hx", numberAttribute] }, host: { classAttribute: "emptyState-wrapper" }, ngImport: i0, template: "<section\n\tclass=\"emptyState mod-page\"\n\t[attr.role]=\"heading ? null : 'presentation'\"\n\t[style.--components-emptyState-background-color]=\"contentBackgroundColor\"\n\tstyle.--components-emptyState-illustration-background-bottom-left=\"url({{ bottomLeftBackground }})\"\n\tstyle.--components-emptyState-illustration-foreground-bottom-left=\"url({{ bottomLeftForeground }})\"\n\tstyle.--components-emptyState-illustration-background-top-right=\"url({{ topRightBackground }})\"\n\tstyle.--components-emptyState-illustration-foreground-top-right=\"url({{ topRightForeground }})\"\n>\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (icon) {\n\t\t\t\t<div class=\"emptyState-content-icon\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (slotTop) {\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<ng-container *luPortal=\"slotTop\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (heading) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx\" class=\"emptyState-content-heading\">{{ heading }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description) {\n\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t</p>\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: ["@layer components{.emptyState{--components-emptyState-container-maxWidth: calc(100vw - var(--commons-navSide-width) - 7rem);--components-emptyState-container-left: calc(var(--commons-navSide-width) + 3.5rem);--components-emptyState-background-color: var(--pr-t-elevation-surface-default);--components-emptyState-illustration-top-right-offset-left: min( calc(100% + 5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-illustration-top-right-offset-left-S: min( calc(100% + 3.5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--background-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--foreground-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--background-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--foreground-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);--components-emptyState-illustration-background-bottom-left: var(--background-left-01);--components-emptyState-illustration-foreground-bottom-left: var(--foreground-left-01);--components-emptyState-illustration-background-top-right: var(--background-right-01);--components-emptyState-illustration-foreground-top-right: var(--foreground-right-01);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-inline-size:var(--components-emptyState-container-maxWidth);inset-inline-start:var(--components-emptyState-container-left);padding:0;inline-size:100%;position:sticky}.container .emptyState-container{--components-emptyState-container-maxWidth: none;--components-emptyState-container-left: auto}.emptyState-content{border-radius:var(--pr-t-border-radius-structure);max-inline-size:100%;padding:var(--pr-t-spacings-50);inline-size:calc(25rem + var(--pr-t-spacings-50) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-product-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600));display:inline-flex;margin-block-end:var(--pr-t-spacings-200)}.emptyState-content-text{padding-inline:var(--pr-t-spacings-50)}.emptyState-content-heading{font:var(--pr-t-font-heading-3);margin-block-end:var(--pr-t-spacings-50)}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;align-items:center;margin-block-start:var(--pr-t-spacings-200);gap:var(--pr-t-spacings-200)}.emptyState-actions .button{margin:0}.emptyState-actions:empty{display:none}}@layer mods{.emptyState.mod-page{--components-emptyState-container-maxWidth: var(--commons-container-maxWidth);background-image:var(--components-emptyState-illustration-foreground-bottom-left),var(--components-emptyState-illustration-background-bottom-left),var(--components-emptyState-illustration-foreground-top-right),var(--components-emptyState-illustration-background-top-right);background-repeat:no-repeat;background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left),top left var(--components-emptyState-illustration-top-right-offset-left)}@media not all and (min-width: 50em){.emptyState.mod-page{background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left-S),top left var(--components-emptyState-illustration-top-right-offset-left-S);background-size:auto 10.875rem}}.emptyState.mod-page .emptyState-content{background-color:var(--components-emptyState-background-color);box-shadow:0 0 8px 4px var(--components-emptyState-background-color)}.emptyState.mod-page .emptyState-content-text{padding:0}.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-1)}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-2)}}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}.emptyState.mod-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}}@layer components{.emptyState-wrapper{display:flex;flex-direction:column;flex-grow:1}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
33
33
  }
34
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: EmptyStatePageComponent, decorators: [{
34
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: EmptyStatePageComponent, decorators: [{
35
35
  type: Component,
36
- args: [{ selector: 'lu-empty-state-page', imports: [LuSafeExternalSvgPipe, PortalDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
36
+ args: [{ selector: 'lu-empty-state-page', standalone: true, imports: [LuSafeExternalSvgPipe, PortalDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
37
37
  class: 'emptyState-wrapper',
38
38
  }, template: "<section\n\tclass=\"emptyState mod-page\"\n\t[attr.role]=\"heading ? null : 'presentation'\"\n\t[style.--components-emptyState-background-color]=\"contentBackgroundColor\"\n\tstyle.--components-emptyState-illustration-background-bottom-left=\"url({{ bottomLeftBackground }})\"\n\tstyle.--components-emptyState-illustration-foreground-bottom-left=\"url({{ bottomLeftForeground }})\"\n\tstyle.--components-emptyState-illustration-background-top-right=\"url({{ topRightBackground }})\"\n\tstyle.--components-emptyState-illustration-foreground-top-right=\"url({{ topRightForeground }})\"\n>\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (icon) {\n\t\t\t\t<div class=\"emptyState-content-icon\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (slotTop) {\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<ng-container *luPortal=\"slotTop\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (heading) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx\" class=\"emptyState-content-heading\">{{ heading }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description) {\n\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t</p>\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: ["@layer components{.emptyState{--components-emptyState-container-maxWidth: calc(100vw - var(--commons-navSide-width) - 7rem);--components-emptyState-container-left: calc(var(--commons-navSide-width) + 3.5rem);--components-emptyState-background-color: var(--pr-t-elevation-surface-default);--components-emptyState-illustration-top-right-offset-left: min( calc(100% + 5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-illustration-top-right-offset-left-S: min( calc(100% + 3.5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--background-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--foreground-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--background-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--foreground-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);--components-emptyState-illustration-background-bottom-left: var(--background-left-01);--components-emptyState-illustration-foreground-bottom-left: var(--foreground-left-01);--components-emptyState-illustration-background-top-right: var(--background-right-01);--components-emptyState-illustration-foreground-top-right: var(--foreground-right-01);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-inline-size:var(--components-emptyState-container-maxWidth);inset-inline-start:var(--components-emptyState-container-left);padding:0;inline-size:100%;position:sticky}.container .emptyState-container{--components-emptyState-container-maxWidth: none;--components-emptyState-container-left: auto}.emptyState-content{border-radius:var(--pr-t-border-radius-structure);max-inline-size:100%;padding:var(--pr-t-spacings-50);inline-size:calc(25rem + var(--pr-t-spacings-50) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-product-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600));display:inline-flex;margin-block-end:var(--pr-t-spacings-200)}.emptyState-content-text{padding-inline:var(--pr-t-spacings-50)}.emptyState-content-heading{font:var(--pr-t-font-heading-3);margin-block-end:var(--pr-t-spacings-50)}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;align-items:center;margin-block-start:var(--pr-t-spacings-200);gap:var(--pr-t-spacings-200)}.emptyState-actions .button{margin:0}.emptyState-actions:empty{display:none}}@layer mods{.emptyState.mod-page{--components-emptyState-container-maxWidth: var(--commons-container-maxWidth);background-image:var(--components-emptyState-illustration-foreground-bottom-left),var(--components-emptyState-illustration-background-bottom-left),var(--components-emptyState-illustration-foreground-top-right),var(--components-emptyState-illustration-background-top-right);background-repeat:no-repeat;background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left),top left var(--components-emptyState-illustration-top-right-offset-left)}@media not all and (min-width: 50em){.emptyState.mod-page{background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left-S),top left var(--components-emptyState-illustration-top-right-offset-left-S);background-size:auto 10.875rem}}.emptyState.mod-page .emptyState-content{background-color:var(--components-emptyState-background-color);box-shadow:0 0 8px 4px var(--components-emptyState-background-color)}.emptyState.mod-page .emptyState-content-text{padding:0}.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-1)}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-2)}}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}.emptyState.mod-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}}@layer components{.emptyState-wrapper{display:flex;flex-direction:column;flex-grow:1}}\n"] }]
39
- }], propDecorators: {
40
- /**
41
- * Icon image (URL)
42
- */
43
- icon: [{
39
+ }], propDecorators: { icon: [{
44
40
  type: Input
45
41
  }], topRightBackground: [{
46
42
  type: Input
@@ -80,12 +76,12 @@ class EmptyStateSectionComponent {
80
76
  [`palette-${this.palette}`]: !!this.palette,
81
77
  };
82
78
  }
83
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: EmptyStateSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
84
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: EmptyStateSectionComponent, isStandalone: true, selector: "lu-empty-state-section", inputs: { icon: "icon", palette: "palette", center: ["center", "center", booleanAttribute], heading: "heading", description: "description", hx: ["hx", "hx", numberAttribute] }, ngImport: i0, template: "<section class=\"emptyState\" [class.mod-center]=\"center\" [attr.role]=\"heading ? null : 'presentation'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (icon) {\n\t\t\t\t<div class=\"emptyState-content-icon\" [class]=\"emptyStateClasses\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (heading) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx\" class=\"emptyState-content-heading\">{{ heading }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description) {\n\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t</p>\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: ["@layer components{.emptyState{--components-emptyState-container-maxWidth: calc(100vw - var(--commons-navSide-width) - 7rem);--components-emptyState-container-left: calc(var(--commons-navSide-width) + 3.5rem);--components-emptyState-background-color: var(--pr-t-elevation-surface-default);--components-emptyState-illustration-top-right-offset-left: min( calc(100% + 5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-illustration-top-right-offset-left-S: min( calc(100% + 3.5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--background-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--foreground-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--background-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--foreground-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);--components-emptyState-illustration-background-bottom-left: var(--background-left-01);--components-emptyState-illustration-foreground-bottom-left: var(--foreground-left-01);--components-emptyState-illustration-background-top-right: var(--background-right-01);--components-emptyState-illustration-foreground-top-right: var(--foreground-right-01);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-inline-size:var(--components-emptyState-container-maxWidth);inset-inline-start:var(--components-emptyState-container-left);padding:0;inline-size:100%;position:sticky}.container .emptyState-container{--components-emptyState-container-maxWidth: none;--components-emptyState-container-left: auto}.emptyState-content{border-radius:var(--pr-t-border-radius-structure);max-inline-size:100%;padding:var(--pr-t-spacings-50);inline-size:calc(25rem + var(--pr-t-spacings-50) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-product-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600));display:inline-flex;margin-block-end:var(--pr-t-spacings-200)}.emptyState-content-text{padding-inline:var(--pr-t-spacings-50)}.emptyState-content-heading{font:var(--pr-t-font-heading-3);margin-block-end:var(--pr-t-spacings-50)}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;align-items:center;margin-block-start:var(--pr-t-spacings-200);gap:var(--pr-t-spacings-200)}.emptyState-actions .button{margin:0}.emptyState-actions:empty{display:none}}@layer mods{.emptyState.mod-page{--components-emptyState-container-maxWidth: var(--commons-container-maxWidth);background-image:var(--components-emptyState-illustration-foreground-bottom-left),var(--components-emptyState-illustration-background-bottom-left),var(--components-emptyState-illustration-foreground-top-right),var(--components-emptyState-illustration-background-top-right);background-repeat:no-repeat;background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left),top left var(--components-emptyState-illustration-top-right-offset-left)}@media not all and (min-width: 50em){.emptyState.mod-page{background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left-S),top left var(--components-emptyState-illustration-top-right-offset-left-S);background-size:auto 10.875rem}}.emptyState.mod-page .emptyState-content{background-color:var(--components-emptyState-background-color);box-shadow:0 0 8px 4px var(--components-emptyState-background-color)}.emptyState.mod-page .emptyState-content-text{padding:0}.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-1)}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-2)}}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}.emptyState.mod-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}}@layer base{lu-empty-state-section{inline-size:100%}}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
79
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: EmptyStateSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
80
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: EmptyStateSectionComponent, isStandalone: true, selector: "lu-empty-state-section", inputs: { icon: "icon", palette: "palette", center: ["center", "center", booleanAttribute], heading: "heading", description: "description", hx: ["hx", "hx", numberAttribute] }, ngImport: i0, template: "<section class=\"emptyState\" [class.mod-center]=\"center\" [attr.role]=\"heading ? null : 'presentation'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (icon) {\n\t\t\t\t<div class=\"emptyState-content-icon\" [class]=\"emptyStateClasses\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (heading) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx\" class=\"emptyState-content-heading\">{{ heading }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description) {\n\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t</p>\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: ["@layer components{.emptyState{--components-emptyState-container-maxWidth: calc(100vw - var(--commons-navSide-width) - 7rem);--components-emptyState-container-left: calc(var(--commons-navSide-width) + 3.5rem);--components-emptyState-background-color: var(--pr-t-elevation-surface-default);--components-emptyState-illustration-top-right-offset-left: min( calc(100% + 5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-illustration-top-right-offset-left-S: min( calc(100% + 3.5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--background-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--foreground-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--background-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--foreground-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);--components-emptyState-illustration-background-bottom-left: var(--background-left-01);--components-emptyState-illustration-foreground-bottom-left: var(--foreground-left-01);--components-emptyState-illustration-background-top-right: var(--background-right-01);--components-emptyState-illustration-foreground-top-right: var(--foreground-right-01);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-inline-size:var(--components-emptyState-container-maxWidth);inset-inline-start:var(--components-emptyState-container-left);padding:0;inline-size:100%;position:sticky}.container .emptyState-container{--components-emptyState-container-maxWidth: none;--components-emptyState-container-left: auto}.emptyState-content{border-radius:var(--pr-t-border-radius-structure);max-inline-size:100%;padding:var(--pr-t-spacings-50);inline-size:calc(25rem + var(--pr-t-spacings-50) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-product-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600));display:inline-flex;margin-block-end:var(--pr-t-spacings-200)}.emptyState-content-text{padding-inline:var(--pr-t-spacings-50)}.emptyState-content-heading{font:var(--pr-t-font-heading-3);margin-block-end:var(--pr-t-spacings-50)}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;align-items:center;margin-block-start:var(--pr-t-spacings-200);gap:var(--pr-t-spacings-200)}.emptyState-actions .button{margin:0}.emptyState-actions:empty{display:none}}@layer mods{.emptyState.mod-page{--components-emptyState-container-maxWidth: var(--commons-container-maxWidth);background-image:var(--components-emptyState-illustration-foreground-bottom-left),var(--components-emptyState-illustration-background-bottom-left),var(--components-emptyState-illustration-foreground-top-right),var(--components-emptyState-illustration-background-top-right);background-repeat:no-repeat;background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left),top left var(--components-emptyState-illustration-top-right-offset-left)}@media not all and (min-width: 50em){.emptyState.mod-page{background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left-S),top left var(--components-emptyState-illustration-top-right-offset-left-S);background-size:auto 10.875rem}}.emptyState.mod-page .emptyState-content{background-color:var(--components-emptyState-background-color);box-shadow:0 0 8px 4px var(--components-emptyState-background-color)}.emptyState.mod-page .emptyState-content-text{padding:0}.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-1)}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-2)}}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}.emptyState.mod-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}}@layer base{lu-empty-state-section{inline-size:100%}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
85
81
  }
86
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: EmptyStateSectionComponent, decorators: [{
82
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: EmptyStateSectionComponent, decorators: [{
87
83
  type: Component,
88
- args: [{ selector: 'lu-empty-state-section', imports: [LuSafeExternalSvgPipe, PortalDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"emptyState\" [class.mod-center]=\"center\" [attr.role]=\"heading ? null : 'presentation'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (icon) {\n\t\t\t\t<div class=\"emptyState-content-icon\" [class]=\"emptyStateClasses\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (heading) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx\" class=\"emptyState-content-heading\">{{ heading }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description) {\n\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t</p>\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: ["@layer components{.emptyState{--components-emptyState-container-maxWidth: calc(100vw - var(--commons-navSide-width) - 7rem);--components-emptyState-container-left: calc(var(--commons-navSide-width) + 3.5rem);--components-emptyState-background-color: var(--pr-t-elevation-surface-default);--components-emptyState-illustration-top-right-offset-left: min( calc(100% + 5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-illustration-top-right-offset-left-S: min( calc(100% + 3.5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--background-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--foreground-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--background-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--foreground-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);--components-emptyState-illustration-background-bottom-left: var(--background-left-01);--components-emptyState-illustration-foreground-bottom-left: var(--foreground-left-01);--components-emptyState-illustration-background-top-right: var(--background-right-01);--components-emptyState-illustration-foreground-top-right: var(--foreground-right-01);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-inline-size:var(--components-emptyState-container-maxWidth);inset-inline-start:var(--components-emptyState-container-left);padding:0;inline-size:100%;position:sticky}.container .emptyState-container{--components-emptyState-container-maxWidth: none;--components-emptyState-container-left: auto}.emptyState-content{border-radius:var(--pr-t-border-radius-structure);max-inline-size:100%;padding:var(--pr-t-spacings-50);inline-size:calc(25rem + var(--pr-t-spacings-50) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-product-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600));display:inline-flex;margin-block-end:var(--pr-t-spacings-200)}.emptyState-content-text{padding-inline:var(--pr-t-spacings-50)}.emptyState-content-heading{font:var(--pr-t-font-heading-3);margin-block-end:var(--pr-t-spacings-50)}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;align-items:center;margin-block-start:var(--pr-t-spacings-200);gap:var(--pr-t-spacings-200)}.emptyState-actions .button{margin:0}.emptyState-actions:empty{display:none}}@layer mods{.emptyState.mod-page{--components-emptyState-container-maxWidth: var(--commons-container-maxWidth);background-image:var(--components-emptyState-illustration-foreground-bottom-left),var(--components-emptyState-illustration-background-bottom-left),var(--components-emptyState-illustration-foreground-top-right),var(--components-emptyState-illustration-background-top-right);background-repeat:no-repeat;background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left),top left var(--components-emptyState-illustration-top-right-offset-left)}@media not all and (min-width: 50em){.emptyState.mod-page{background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left-S),top left var(--components-emptyState-illustration-top-right-offset-left-S);background-size:auto 10.875rem}}.emptyState.mod-page .emptyState-content{background-color:var(--components-emptyState-background-color);box-shadow:0 0 8px 4px var(--components-emptyState-background-color)}.emptyState.mod-page .emptyState-content-text{padding:0}.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-1)}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-2)}}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}.emptyState.mod-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}}@layer base{lu-empty-state-section{inline-size:100%}}\n"] }]
84
+ args: [{ selector: 'lu-empty-state-section', standalone: true, imports: [LuSafeExternalSvgPipe, PortalDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"emptyState\" [class.mod-center]=\"center\" [attr.role]=\"heading ? null : 'presentation'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (icon) {\n\t\t\t\t<div class=\"emptyState-content-icon\" [class]=\"emptyStateClasses\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (heading) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx\" class=\"emptyState-content-heading\">{{ heading }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description) {\n\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t</p>\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: ["@layer components{.emptyState{--components-emptyState-container-maxWidth: calc(100vw - var(--commons-navSide-width) - 7rem);--components-emptyState-container-left: calc(var(--commons-navSide-width) + 3.5rem);--components-emptyState-background-color: var(--pr-t-elevation-surface-default);--components-emptyState-illustration-top-right-offset-left: min( calc(100% + 5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-illustration-top-right-offset-left-S: min( calc(100% + 3.5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--background-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--foreground-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--background-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--foreground-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);--components-emptyState-illustration-background-bottom-left: var(--background-left-01);--components-emptyState-illustration-foreground-bottom-left: var(--foreground-left-01);--components-emptyState-illustration-background-top-right: var(--background-right-01);--components-emptyState-illustration-foreground-top-right: var(--foreground-right-01);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-inline-size:var(--components-emptyState-container-maxWidth);inset-inline-start:var(--components-emptyState-container-left);padding:0;inline-size:100%;position:sticky}.container .emptyState-container{--components-emptyState-container-maxWidth: none;--components-emptyState-container-left: auto}.emptyState-content{border-radius:var(--pr-t-border-radius-structure);max-inline-size:100%;padding:var(--pr-t-spacings-50);inline-size:calc(25rem + var(--pr-t-spacings-50) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-product-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600));display:inline-flex;margin-block-end:var(--pr-t-spacings-200)}.emptyState-content-text{padding-inline:var(--pr-t-spacings-50)}.emptyState-content-heading{font:var(--pr-t-font-heading-3);margin-block-end:var(--pr-t-spacings-50)}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;align-items:center;margin-block-start:var(--pr-t-spacings-200);gap:var(--pr-t-spacings-200)}.emptyState-actions .button{margin:0}.emptyState-actions:empty{display:none}}@layer mods{.emptyState.mod-page{--components-emptyState-container-maxWidth: var(--commons-container-maxWidth);background-image:var(--components-emptyState-illustration-foreground-bottom-left),var(--components-emptyState-illustration-background-bottom-left),var(--components-emptyState-illustration-foreground-top-right),var(--components-emptyState-illustration-background-top-right);background-repeat:no-repeat;background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left),top left var(--components-emptyState-illustration-top-right-offset-left)}@media not all and (min-width: 50em){.emptyState.mod-page{background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left-S),top left var(--components-emptyState-illustration-top-right-offset-left-S);background-size:auto 10.875rem}}.emptyState.mod-page .emptyState-content{background-color:var(--components-emptyState-background-color);box-shadow:0 0 8px 4px var(--components-emptyState-background-color)}.emptyState.mod-page .emptyState-content-text{padding:0}.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-1)}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-2)}}@media not all and (min-width: 30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}.emptyState.mod-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}}@layer base{lu-empty-state-section{inline-size:100%}}\n"] }]
89
85
  }], propDecorators: { icon: [{
90
86
  type: Input
91
87
  }], palette: [{
@@ -1 +1 @@
1
- {"version":3,"file":"lucca-front-ng-empty-state.mjs","sources":["../../../packages/ng/empty-state/empty-state-page/empty-state-page.component.ts","../../../packages/ng/empty-state/empty-state-page/empty-state-page.component.html","../../../packages/ng/empty-state/empty-state-section/empty-state-section.component.ts","../../../packages/ng/empty-state/empty-state-section/empty-state-section.component.html","../../../packages/ng/empty-state/lucca-front-ng-empty-state.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';\nimport { Hx } from '../empty-state.model';\n\n@Component({\n\tselector: 'lu-empty-state-page',\n\timports: [LuSafeExternalSvgPipe, PortalDirective],\n\ttemplateUrl: './empty-state-page.component.html',\n\tstyleUrl: './empty-state-page.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'emptyState-wrapper',\n\t},\n})\nexport class EmptyStatePageComponent {\n\t@Input()\n\n\t/**\n\t * Icon image (URL)\n\t */\n\ticon = null;\n\n\t/**\n\t * Top right background image (URL)\n\t */\n\t@Input()\n\ttopRightBackground = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg';\n\n\t/**\n\t * Top right foreground image (URL)\n\t */\n\t@Input()\n\ttopRightForeground = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg';\n\n\t/**\n\t * Bottom left background image (URL)\n\t */\n\t@Input()\n\tbottomLeftBackground = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg';\n\n\t/**\n\t * Bottom left foreground image (URL)\n\t */\n\t@Input()\n\tbottomLeftForeground = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg';\n\n\t/**\n\t * Background color for content (text)\n\t */\n\t@Input()\n\tcontentBackgroundColor = 'var(--pr-t-elevation-surface-default)';\n\n\t@Input()\n\tslotTop: PortalContent;\n\n\t@Input()\n\theading: string;\n\n\t@Input()\n\tdescription: PortalContent;\n\n\t@Input({\n\t\ttransform: numberAttribute as (value: Hx | `${Hx}`) => Hx,\n\t})\n\thx: Hx = 1;\n}\n","<section\n\tclass=\"emptyState mod-page\"\n\t[attr.role]=\"heading ? null : 'presentation'\"\n\t[style.--components-emptyState-background-color]=\"contentBackgroundColor\"\n\tstyle.--components-emptyState-illustration-background-bottom-left=\"url({{ bottomLeftBackground }})\"\n\tstyle.--components-emptyState-illustration-foreground-bottom-left=\"url({{ bottomLeftForeground }})\"\n\tstyle.--components-emptyState-illustration-background-top-right=\"url({{ topRightBackground }})\"\n\tstyle.--components-emptyState-illustration-foreground-top-right=\"url({{ topRightForeground }})\"\n>\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (icon) {\n\t\t\t\t<div class=\"emptyState-content-icon\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (slotTop) {\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<ng-container *luPortal=\"slotTop\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (heading) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx\" class=\"emptyState-content-heading\">{{ heading }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description) {\n\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t</p>\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n","import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, booleanAttribute, numberAttribute } from '@angular/core';\nimport { Palette, PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';\nimport { Hx } from '../empty-state.model';\n\n@Component({\n\tselector: 'lu-empty-state-section',\n\timports: [LuSafeExternalSvgPipe, PortalDirective],\n\ttemplateUrl: './empty-state-section.component.html',\n\tstyleUrl: './empty-state-section.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class EmptyStateSectionComponent {\n\t/**\n\t * Icon URL\n\t */\n\t@Input()\n\ticon = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/icons/iconBanknote.svg';\n\n\t@Input()\n\tpalette: Palette = 'none';\n\n\t@Input({\n\t\ttransform: booleanAttribute,\n\t})\n\tcenter = false;\n\n\t@Input()\n\theading: string;\n\n\t@Input()\n\tdescription: PortalContent;\n\n\t@Input({\n\t\ttransform: numberAttribute as (value: Hx | `${Hx}`) => Hx,\n\t})\n\thx: Hx = 3;\n\n\tget emptyStateClasses() {\n\t\treturn {\n\t\t\t[`palette-${this.palette}`]: !!this.palette,\n\t\t};\n\t}\n}\n","<section class=\"emptyState\" [class.mod-center]=\"center\" [attr.role]=\"heading ? null : 'presentation'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (icon) {\n\t\t\t\t<div class=\"emptyState-content-icon\" [class]=\"emptyStateClasses\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (heading) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx\" class=\"emptyState-content-heading\">{{ heading }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description) {\n\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t</p>\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\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-empty-state.mjs","sources":["../../../packages/ng/empty-state/empty-state-page/empty-state-page.component.ts","../../../packages/ng/empty-state/empty-state-page/empty-state-page.component.html","../../../packages/ng/empty-state/empty-state-section/empty-state-section.component.ts","../../../packages/ng/empty-state/empty-state-section/empty-state-section.component.html","../../../packages/ng/empty-state/lucca-front-ng-empty-state.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';\nimport { Hx } from '../empty-state.model';\n\n@Component({\n\tselector: 'lu-empty-state-page',\n\tstandalone: true,\n\timports: [LuSafeExternalSvgPipe, PortalDirective],\n\ttemplateUrl: './empty-state-page.component.html',\n\tstyleUrl: './empty-state-page.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'emptyState-wrapper',\n\t},\n})\nexport class EmptyStatePageComponent {\n\t@Input()\n\n\t/**\n\t * Icon image (URL)\n\t */\n\ticon = null;\n\n\t/**\n\t * Top right background image (URL)\n\t */\n\t@Input()\n\ttopRightBackground = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg';\n\n\t/**\n\t * Top right foreground image (URL)\n\t */\n\t@Input()\n\ttopRightForeground = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg';\n\n\t/**\n\t * Bottom left background image (URL)\n\t */\n\t@Input()\n\tbottomLeftBackground = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg';\n\n\t/**\n\t * Bottom left foreground image (URL)\n\t */\n\t@Input()\n\tbottomLeftForeground = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg';\n\n\t/**\n\t * Background color for content (text)\n\t */\n\t@Input()\n\tcontentBackgroundColor = 'var(--pr-t-elevation-surface-default)';\n\n\t@Input()\n\tslotTop: PortalContent;\n\n\t@Input()\n\theading: string;\n\n\t@Input()\n\tdescription: PortalContent;\n\n\t@Input({\n\t\ttransform: numberAttribute as (value: Hx | `${Hx}`) => Hx,\n\t})\n\thx: Hx = 1;\n}\n","<section\n\tclass=\"emptyState mod-page\"\n\t[attr.role]=\"heading ? null : 'presentation'\"\n\t[style.--components-emptyState-background-color]=\"contentBackgroundColor\"\n\tstyle.--components-emptyState-illustration-background-bottom-left=\"url({{ bottomLeftBackground }})\"\n\tstyle.--components-emptyState-illustration-foreground-bottom-left=\"url({{ bottomLeftForeground }})\"\n\tstyle.--components-emptyState-illustration-background-top-right=\"url({{ topRightBackground }})\"\n\tstyle.--components-emptyState-illustration-foreground-top-right=\"url({{ topRightForeground }})\"\n>\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (icon) {\n\t\t\t\t<div class=\"emptyState-content-icon\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (slotTop) {\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<ng-container *luPortal=\"slotTop\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (heading) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx\" class=\"emptyState-content-heading\">{{ heading }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description) {\n\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t</p>\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n","import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, booleanAttribute, numberAttribute } from '@angular/core';\nimport { Palette, PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';\nimport { Hx } from '../empty-state.model';\n\n@Component({\n\tselector: 'lu-empty-state-section',\n\tstandalone: true,\n\timports: [LuSafeExternalSvgPipe, PortalDirective],\n\ttemplateUrl: './empty-state-section.component.html',\n\tstyleUrl: './empty-state-section.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class EmptyStateSectionComponent {\n\t/**\n\t * Icon URL\n\t */\n\t@Input()\n\ticon = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/icons/iconBanknote.svg';\n\n\t@Input()\n\tpalette: Palette = 'none';\n\n\t@Input({\n\t\ttransform: booleanAttribute,\n\t})\n\tcenter = false;\n\n\t@Input()\n\theading: string;\n\n\t@Input()\n\tdescription: PortalContent;\n\n\t@Input({\n\t\ttransform: numberAttribute as (value: Hx | `${Hx}`) => Hx,\n\t})\n\thx: Hx = 3;\n\n\tget emptyStateClasses() {\n\t\treturn {\n\t\t\t[`palette-${this.palette}`]: !!this.palette,\n\t\t};\n\t}\n}\n","<section class=\"emptyState\" [class.mod-center]=\"center\" [attr.role]=\"heading ? null : 'presentation'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (icon) {\n\t\t\t\t<div class=\"emptyState-content-icon\" [class]=\"emptyStateClasses\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (heading) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx\" class=\"emptyState-content-heading\">{{ heading }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description) {\n\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t</p>\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}